.nav-bg{ display:none;}
@media only screen and (max-width:1024px){
#container, .contacts, #footer .footer{ width:94%;}
.ProductGroup{ width:98%;}
.product-container{ width:100%;}
#footer .footer .footerbx .nfo{ width:35%;}
#footer .footer .footerbx .shops{ width:61%;}
#footer .footer .footerbx .shops ul li{}
#footer .footer .footerbx .shops ul li img{ width:100%;}
.social ul li i.fa{ padding:5px 10px;}
.social p{ font-size:14px;}
.social ul li a.tool-tips::before, .social ul li a.tool-tips2::before, .social ul li a.tool-tips3::before, .social ul li a.tool-tips4::before{ font-size:12px;}
.tredns-wedget .boxes .trend-img{ right:0;}
.tredns-wedget .boxes .inner-txt{ width:130px;}
.tredns-wedget .boxes .inner-txt strong.computer{ font-size:18px;}
.input{ width:98%; margin: 0.9%; max-width:31%;}
.introduction .heading strong{ font-size:20px;}
.introduction .heading h1, .offer-heading h2{ font-size:25px;}
.introduction .heading p, .offer-heading p{ font-size:13px;}
.introduction .heading{ line-height:28px;}
.introduction p.text{ line-height:20px; font-size:13px;}
.contacts .information ul li p{ font-size:13px; line-height:18px;}
#header .nav ul li a{ font-size:14px; padding:11px 22px;}
}

@media only screen and (max-width:800px){
.tredns-wedget .boxes .trend-img{ display:none;}
}

@media only screen and (max-width:767px){
#footer .footer .footerbx .shops, #footer .footer .footerbx .nfo{ width:100%; border:none; text-align: center; padding:0px 0 14px 0;}
#footer .footer .footerbx .nfo img, .social p{ display:none;}
#footer .footer .footerbx2 .footer-nav{ width:100%; text-align:center; margin-bottom:10px;}
#footer .footer .footerbx2 .footer-nav ul li{ float:none; display:inline-block;}
.social{ width:150px; margin:0 auto; float:none;}
.introduction .heading p, .offer-heading p{ line-height:18px; margin-bottom:10px;}

.navbar-nav{ margin:0px;}
#myNavbar{ width:98%; margin:0 auto;}
.header .navbar-toggle{ margin-right:1%;}
.navbar-toggle .icon-bar{ width:33px;}
.header .navbar-toggle .icon-bar{ height:4px;}
.navbar-toggle .icon-bar + .icon-bar{ margin-top:6px;}
.header .navbar-toggle{ margin-top:28px;}
.nav > li{border-bottom: 1px dashed #d4d4d4;}

.header.shrink .navbar-nav li a {padding-top: 12px; padding-bottom: 10px; display: block; color:white;}
.header .navbar-nav li.active a{ background-color:#dadada; color:#000000;}
}


@media only screen and (max-width:640px){
#header .logo{ float:none; text-align:center;}
.contacts .information{ width:100%;}
.contacts .information ul li{ border:1px solid #ddd; width:50%; padding:10px;}
.input{ width:100%; max-width:100%;}
.contacts .information{ margin:0px;}
.nav-bg{ display:block; clear:both; background-color: #cd0001; padding:0 10px;}
#header{ padding-bottom:10px;}
.fixed{ height:auto;}
#header .nav{ display:none; float:none; padding-bottom:10px;}
#header .nav li{ list-style:none;  width:25%; text-align:center; border-bottom:1px solid #ffffff; transition:all 1s; padding:0px 0px;}
#header .nav li:hover{ background-color:#000000;}
#header .nav ul li a{ padding:11px 8px;}
#main-header div.fixed .nav ul li a{ padding:4px 0px;}
#header .nav ul li a i{ padding:3px;}

#main-header div.fixed .nav ul li{ margin-top:0px;}

#header .nav li a{ text-decoration:none; display:block; text-decoration:none; color:#ffffff;}
.menu-nav{ width:100%; display:block;} 
.menu-nav p{ font-size:17px; color:#ffffff; padding:10px 0px; margin:0px;}
.menu-nav p span{ float:right;}
/* Icon 1 */
#nav-icon1{width: 28px; height: 20px; position: relative; margin: 0px auto;-webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg); -o-transform: rotate(0deg);  transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
#nav-icon1 span{ display: block; position: absolute; height:3px; width: 100%; background:#ffffff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out;   transition: .25s ease-in-out;}
#nav-icon1 span:nth-child(1) { top: 0px;}
#nav-icon1 span:nth-child(2) { top:8px;}
#nav-icon1 span:nth-child(3) { top:16px;}
#nav-icon1.open span:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
#nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px;}
#nav-icon1.open span:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
.nav2-hide{ display:none;}

.form-section .form-wrap ul li{ width:100%;}
.contacts .information ul li p, .contacts .information ul li p.address{margin-left: 22px;}
.contacts .information ul li .icons-bg{top:28px;}
.box .product-cont:before, .box .product-cont:after{display: none;}
.box{max-width: 284px; margin: 0 auto; display: block; float: none;}
.box .product-cont .img-boxes img{ height: 100%; }
}


@media only screen and (max-width:480px){
.tredns-wedget{ display:none;}
#footer .footer .footerbx2 .footer-nav ul li a{ margin:0 2px; font-size:11px;}
#footer .footer .copyright{ font-size:11px;}
.contacts .information ul li{ width:100%;}
.top{ right:0 !important; bottom:0; font-size:14px;}
.top i{ padding:10px;}
}

@media only screen and (max-width:360px){
#header .nav ul li a span{ display:none;}
#header .nav{ padding-bottom:0px;}
}