@media (max-width: 768px) { /*767px*/
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #090909;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: white;
      text-decoration:underline;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: white;
      background-color: #b3b8b5;
      text-decoration:underline;
  
    }
  
    #mobile{
      display: inline-block;
      width:100%;
      }
  
    #desktop{
      display: none;
      float:none; 
      width:0%; 
      position:relative;
      }  
  
    #mobile_cart{
      /*display: inline-block;
      margin: 20px; 
      width:90%;
      text-align:center;*/
  
      display: inline;
      /*margin: 20px;*/ 
      /*width:90%;*/
      
      /*width:50vw;*/
  
      }
  
    #desktop_cart{
      display: none;
      /*float:none; 
      width:0%; 
      position:relative;*/
      }  
  
    #gridArea{
      float:right; 
      width:100%; 
      margin-bottom:100px; 
      text-align:center;
      }
  
    .cartItemTotal {
      /*float: left;
      width: 100%;
      min-height: 20px;
      vertical-align: middle;
      text-align:center;*/
      }
  }
  


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/


@media (max-width: 768px) { /*767px*/
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #090909;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: white;
    text-decoration:underline;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: white;
    background-color: #b3b8b5;
    text-decoration:underline;

  }

  #mobile{
    display: inline-block;
    width:100%;
    }

  #desktop{
    display: none;
    float:none; 
    width:0%; 
    position:relative;
    }  

  #mobile_cart{
    /*display: inline-block;
    margin: 20px; 
    width:90%;
    text-align:center;*/

    display: inline;
    /*margin: 20px;*/ 
    /*width:90%;*/
    
    /*width:50vw;*/

    }

  #desktop_cart{
    display: none;
    /*float:none; 
    width:0%; 
    position:relative;*/
    }  

  #gridArea{
    float:right; 
    width:100%; 
    margin-bottom:100px; 
    text-align:center;
    }

  .cartItemTotal {
    /*float: left;
    width: 100%;
    min-height: 20px;
    vertical-align: middle;
    text-align:center;*/
    }
}




.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}



.disabledDiv {
    pointer-events: none;
    opacity: 0.4;
}

.homescreenLogo {
    display:block;
    max-width:90%;
    margin-top:50px;
    margin-left:auto; 
    margin-right:auto;
    padding-bottom:10px;
    /*margin-bottom:10px;*/
}

.hoverLi {
    cursor:pointer;
    
}

#primaryImageContainer{
    text-align:center;
    clear:both;
    height:300px;
    /*display:inline-flex;*/
}


#itemImages{
    text-align:center;
    clear:both;
    /*height:600px;*/
    /*display:flex;*/
}

.primaryItemImage {
    display: block;
    /*float:left;
    min-height:100%;
    min-width:100%;*/
    /*max-width: 100%;*/
    max-height: 100%;
    margin: 10px;
    height:auto;
    width:100%;
    vertical-align:bottom;
    /*border:solid;
    border-style:solid;
    border-color:#2C3E50;
    border-width:1px;
    border-radius:10px;*/
}

.secondaryItemImage{
    display:inline-block;
    max-width:20%;
    max-height:20%;
    margin:10px;

}


.highlightedImage{
    border:solid;

    border-style:solid;
    border-color:#75C9E6; /*cyan*/
    border-width:2px;

    border-radius:10px;
}


.nonHighlightedImage{
    border:solid;
    border-style:solid;
    border-color:#75C9E6;/*lightcyan*/
    border-width:1px;

    border-radius:10px;
}

/*.sidebar-nav-full{
    padding-left:20px;
    position: relative;
    
}*/



a.navLink{
    color:#333333;
    font-size: 120%;
    padding-top:10px;
    display:block;
    cursor:pointer;
}


a.navLink :hover :visited :link :active {
    color:white;
    text-decoration:none;
}

.navLinkDept {
    padding-left:12px;
}
.navLinkCat {
    padding-left:24px;
}
.navLinkSubCat {
    padding-left:36px;
}

.navLinkDeptSelected{
    color:white;
    background-color:#8ca7c0;
    /*background-color:green;*/

    /*background-color:#2C3E50;*/
    /*background-color:#364d63;*/
    text-decoration:none;
    font-size:large;
}
.navLinkCatSelected{
    color:white;
    background-color:#6b8dae;
    /*background-color:blue;*/
    /*background-color:#2C3E50;*/
    /*background-color:#364d63;*/
    text-decoration:none;
    font-size:large;
}
.navLinkSubCatSelected{
    color:white;
    /*background-color:#2C3E50;*/
    /*background-color:#364d63;*/
    background-color:#517394;
        /*background-color:red;*/

    text-decoration:none;
    font-size:large;
}


.navUl{
    margin-bottom:0px;
}

.navLi :hover{
    color:white;
    /*background-color:#2C3E50;*/
    background-color:#adc0d2;
    text-decoration:none;
}

#shopFilterRow{
    text-align:center;
}


#sidebar {
    /*background: #7386D5;*/
    /*color: #fff;*/
    /*transition: all 0.3s;*/
}

#sidebar .sidebar-header {
    word-wrap:normal;
    padding:20px;
}

.navbar-default {
    z-index: 999;
}

.navbar-default .navbar-brand {
  color: #090909;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: white;
  text-decoration:underline;
}
.navbar-default .navbar-text {
  color: white;
}
.navbar-default .navbar-nav > li > a {
  /*color: #090909;*/
  color: white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: white;
  text-decoration:underline;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: white;
  background-color: #b3b8b5;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: white;
  background-color: #b3b8b5;
}
.navbar-default .navbar-toggle {
  border-color: #b3b8b5;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #b3b8b5;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #090909;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #090909;
  color: white;
}
.navbar-default .navbar-link {
  /*color: #090909;*/
  color: white;
}
.navbar-default .navbar-link:hover {
  color: white;
  text-decoration:underline;
}

#mobile{
display: none;
}
  
#desktop{
/*display: inline-block;
float:left;*/ 
/*width:20%;*/ 
/*position:fixed;*/
}

#mobile_cart{
display: none;
}
  
#desktop_cart{
display: inline-block;
float:right; 
/*width:20%; 
position:fixed;*/
}

#gridArea{
/*float:right; 
width:80%; 
margin-bottom:100px;*/ 
}

.width{
    margin-left: 3%;
    margin-right: 3%;
}

.bg {
    background-image: url(~/Content/Images/world.png);
    background-repeat: no-repeat;
    background-position: center center;
    /*background:url('Images\world.png') no-repeat center center;*/
    position: fixed;
    width: 80%;
    height: 400px;
    left:10%;
    z-index: -1; 
    margin-left: 5%;
    margin-top: 20px;
}

.jumbotron {
    margin-bottom: 0;
    height: 400px;
    color: #090909;
    text-shadow: #090909 0.6em 0.4em 0.3em;
    background: transparent;
}


.shopPageItemElementText{
    clear:both;
}

#loadShopMoreDiv{
    padding-top:30px;
    text-align:center;
    display:block;
    clear:both;
}


/*.shopCardAddToCartDiv{
    background-color:#E1E1E1;
}*/