header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    height: 60px;
}

.newtopnav {
    display: flex;
    flex-wrap: wrap;

}
header:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #DEDEDE;
    height: 60px;
    z-index: -1;
}

header .logo {
    /*background-color: tan;*/
}

/*header .logo img {
    width: 200px;
}*/

@media screen and (max-width: 600px) {
    header {
        flex-wrap: nowrap;
    }
    header .logo img {
        max-width: 130px;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    header .logo img {
        max-width: 160px;
    }
}


@media screen and (min-width: 768px) {
     header .logo img {
         max-width: 165px;
     }
 }

.search-bar-mobile {
    display: none;
}

header .search {
    flex: 1;
    text-align: center;
    /*background: yellow;*/
}

@media screen and (max-width: 767px) {
    header .search {
        text-align: right;
    }
}

header .search-bar-mobile {
    flex-basis: 100%;
}

header .search form {
    max-width: 600px;
    //display: inline-block;
    margin: 0 20%;
}
header .search a {
  color:white;
}
header .search .btn.btn-search {
 }

header .topnavlinks  {
    //min-width: 300px;
}

header .topnavlinks a {
    padding-left: 20px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn-search {
    background: rgb(60, 60, 60);
    color: white;
}

.btn-search:hover, .btn-search:focus, .btn-search:active, .btn-search.active, .open > .dropdown-toggle.btn-search {
  background: rgb(40, 40, 40);
  color: white;
}

.btn-search:active, .btn-search.active {
  background: rgb(40, 40, 40);
  color: white;
}


header #mobile-search-form {
    padding: 5px 15px;
}

header #mobile-search a {
    padding: 5px;
    /*background: lightgreen;*/
}

.cart a {
    color: #c60000;
    padding: 10px;
    
 }
.cart {
	float:right;
    padding: 12px;
    color: #c60000;
	font-size:18px;
	font-weight:bold;
    line-height: 26px;
    text-decoration: none;
 }


 header .cart a .badge {
   margin-left: 5px;
 }
header .cart a i {

}

header .cart:hover a,
header .search:hover a {
  color:rgb(232, 232, 232);
}

header .cart .badge {
    background-color: white;
    color: rgb(77, 77, 77);
}

.navigation {
    /*background-color: rgb(221, 227, 235);*/
    /*flex-basis: 100%;*/
}

.desktop-search {
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (min-width: 768px) {
    .navigation ul#main-menu {
        float: left;
        width: 60%;
        z-index: 10000;
        display: flex;
        justify-content: space-between;
        flex-grow:3;
    }
    /*.navigation {
       height: 50px;
     }

      .navigation ul#main-menu {
         float: none;
         display: flex;
         justify-content: space-between;
     }*/
}

@media screen and (max-width: 767px) {
    .desktop-search {
        display: none !important;
    }
    .mobile-search {
        margin-right: 20px
    }
}

@media screen and (max-width: 520px) {
    .hidden-small-phone {
        display: none;
    }
}


/*sm-clean-min.css overrrides*/


/*@media screen and (max-width: 768px) {
  #menu-button{
    float:none;
    margin:0;
  }
}*/

.navigation-wrap {
    background: rgb(242, 242, 242);
}

.navigation-wrap2 {
    background: rgb(255,255,255);
}

.navigation {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.navigation:before, .navigation:after {
    display: table;
    content: " ";
}

@media (min-width: 768px) {
    .navigation {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .navigation {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .navigation {
        max-width: 1170px;
    }
}