@media only screen and (min-width: 1000px) and (max-width: 1169px) {	
.container{ width:980px; position:relative; }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {	
.container{ width:737px; position:relative; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {		
.container{ width:95%; position:relative; }
.header-mobile{width:100%; float:left; margin:0px; padding:20px 0; display:block}
.right-button-mob ul {
    width: auto;
    margin: 10px 77px 0 0;
    padding: 0px;
    float: left;
}
.menu {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top:48px;
}
.right-button-mob {
    width: auto;
    float: right;
    margin: 25px 0 0 0;
    padding: 0px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .osd-search, .osd-cart {width:50%;display: inline-block;float: left;}
}
@media only screen and (max-width: 479px) {
.container{ width:95%; position:relative;display: table;}
.header-mobile {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 10px 0 0 0;
    display: block;
    position: relative;
    z-index: 999999;
}
.right-button-mob ul li {
    width: auto;
    margin: 0px 10px 0 10px;}
.logo-mob{width:12%;padding: 8px 0;}
.logo-mob img {width:40px; height:40px;}
.right-button-mob ul {
    width: auto;
    margin: 0 77px 0 0;
    padding: 0px;
    float: left;
}
.menu > ul > li a {
    text-decoration: none;
    padding: 0;
        color: #fff!important;
    background: #00857e;
    padding: 19px 30px 18px 15px;
    border-bottom: 1px solid #dad8dc; margin:0px;
}
.menu {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 52px;
}
.right-button-mob{ display:none;}
.list-inline {padding-left: 0; margin:0 0 5px 0; list-style: none; text-align: center; display: inline-block;}
.category-thumb .caption h4 a {font-size: 180%;}
.category-layout {padding: 0 30px;}
.osd-search, .osd-cart {width: 100%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
.header-right { width: 75%;}
.container {display: table;}
.list-inline>li {min-width: 146px; padding: 10px 0 5px 0;}
.category-layout {width: 50%;}
.category-thumb .image a img {width: 100%;}
.category-thumb .caption h4 a {font-size: 1.5em;}
footer .newContainer .col-sm-3,footer .newContainer .col-sm-3 {width: 50%;float: left;display: inline-block;}
.footer-menu-social {margin-top: 100px;}
 .header-mobile {display: none;}
}
}