@media screen and (max-width: 767px) {
  .wet img{
  margin-left: 0px;
}
  .mobile-header{

    display: block;
    border-bottom: 1px solid #cccccc40;
    padding-bottom: 10px;
    padding-top: 10px;
}
.desktop-header{
  display: none;
}
  
  #index-catalog .sub-tabs .nav-tabs>li {
   
    margin-bottom: 10px;
    width: 100%;
  
}
  #slider {
   
    background: linear-gradient(to right, #09161d 100%, #0071a4 0%);
  }
  
  
 .header-mobile-right .icon {
  display: block;
    color: #fff;
    font-size: 20px;
    margin-left: 10px!important;
    margin-top: 10px;
    margin-right: 10px!important;
    float: right;
} 
  header .mt {
    margin-top: 0px;
}
 .mobils .mobmenul-container{
   display: block!important;
  }
 .mobmenul-container{
   display: none;;
  }
  .mob-menu-header-holder {
    background-color: #08161c;
    display: none;
}
  body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
    padding-top: 0px;
}
 .logo img {
    margin: 5px auto 0px 20px;
}
  .phone-header {
  width: 100%;
    display: block;
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    letter-spacing: 1px;
}
  
  .breadcrumbs-wrap {
    margin-top: 20px;
    color: #fff;
}
  h1{
    margin-top: 0px;
    margin-bottom: 10px;
}
  
    #frontslider .flex-control-nav, .flexslider .flex-control-nav {display: none;}

    .credit-modal{margin-top: 50px;}
    .credit-modal .modal-body {overflow-x:scroll;}
.container{max-width: 480px;}
.menu {display: none;}
.logo{text-align: center;}
header.front-page {background: #08161c;height: auto;padding-bottom: 20px;}
header.default-page {height: auto;}   
.header-right {float: initial;margin: 0 auto;width: 320px;}  
#slider h2 {font-size: 30px;line-height: 40px;letter-spacing: 0px;margin-top: 0px;text-align: center;}  
.content-slider{text-align: center;}
#slider {margin-top: 50px;}  
.nav-tabs>li {width: 100%;margin-left: 0%;} 
#selected .btn-red {margin-top: 60px;width: 100%;margin-bottom: 30px;}
#selected .tab-pane img {width: 150px;}
p.title-panes {text-align: center;}
#frontslider h2 {font-size: 26px;line-height: 40px;letter-spacing: 0px;margin-top: 50px;margin-left: 0px;
text-align: center;}  

  #frontslider .item-slider{height:320px!important;}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {width: 100% !important;}
.tab-content{margin-top: 15px;}
.more-catalog {background-position: 77% 50%!important;}
#whywe {padding: 40px 0px;} 
#whywe h2 { margin-bottom: 60px;text-align: center;}  
#information {padding: 40px 0px 60px 0px;}
#information h2 {text-align: center;}   
#information .btn-red {width: 100%;}  
.flex-direction-nav {display: none;}  
#yukona {display: none;}
.img-respond {width: 120px!important;height: 120px;margin: 0 auto;}  
.respond-wrap{text-align: center;}
  #respond h2, #index-catalog h2, #selected h2{text-align: center;}
p.respond-text {width: 100%;} 
footer {padding: 20px 0px 20px 0px;} 
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {width: 20%;margin-right: 5px;} 
.woocommerce div.product .woocommerce-tabs ul.tabs li {width: 100%;}  
.single-product table{width: 100%!important}
.cat-woo .more-catalog {background-position: 79% 50%!important;}  
.woocommerce .woocommerce-breadcrumb {text-align: center;} 
.default-page h1 {text-align: center;padding-bottom: 20px;}  
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {float: left;} 
.woocommerce select {width: 100%!important;}
.wpfFilterButton.wpfButton, .wpfClearButton.wpfButton {width: 100%!important;  }
.woocommerce .quantity .qty,.woocommerce .quantity {width: 100%}
.breadcrumbs-wrap {text-align: center;}
    .black-close {right: 40px;top: -40px;}
.button{margin: 20px auto 0 !important;width:100% !important;}
.woocommerce div.product form.cart{margin-bottom: 0 !important;}
.woocommerce-Price-amount{text-align: center !important;}
.money, .ya-share2{text-align: center}
 }

@media screen and (min-width: 767px) {

}


@media screen and (max-width: 1023px) and (min-width:768px){
  
   .mobile-header{

    display: block;
    border-bottom: 1px solid #cccccc40;
    padding-bottom: 10px;
    padding-top: 10px;
}
.desktop-header{
  display: none;
}
  
 .header-mobile-right .icon {
  display: block;
    color: #fff;
    font-size: 20px;
    margin-left: 10px!important;
    margin-top: 10px;
    margin-right: 10px!important;
    float: right;
} 
  header .mt {
    margin-top: 0px;
}
 .mobils .mobmenul-container{
   display: block!important;
  }
 .mobmenul-container{
   display: none;;
  }
  .mob-menu-header-holder {
    background-color: #08161c;
    display: none;
}
  body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
    padding-top: 0px;
}
 .logo img {
    margin: 5px auto 0px 20px;
}
  .phone-header {
  width: 100%;
    display: block;
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    letter-spacing: 1px;
}
  
  
  .button{margin: 20px auto 0 !important;width:100% !important;}
  .woocommerce div.product form.cart{margin-bottom: 0 !important;}
.container{max-width: 7680px;}
.menu {display: none;}
.logo{text-align: center;}
header.front-page {height: auto;padding-bottom: 50px;}  
header.default-page {height: auto;padding-bottom: 30px;} 
#slider h2 {font-size: 35px;line-height: 45px;margin-top: 0px;} 
#slider {margin-top: 60px;}  
#slider p {font-size: 14px;}
.flex-control-nav {bottom: 50px;}  
.selected-item p.ves {padding: 0px;font-size: 12px;width: 100%;}  
.selected-item p.name {font-size: 13px;}
#frontslider h2 {margin-top: 100px;}
#frontslider .flex-control-paging li a {width: 300px;}  
#frontslider .flex-control-nav {margin-left: -365px;} 
#frontslider .item-slider{height:520px!important;} 
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 50%;}  
.cat-woo .more-catalog {background-position:63% 50%!important;}    
 .more-catalog {background-position: 62% 50%!important;} 
#yukona {background-size: contain!important;height: 400px;}  
footer .btn-red { margin-left: 60px;}
footer {padding: 20px 0px 20px 0px;}
  .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {width: 25%;margin-right: 5px;} 
}


@media screen and (max-width: 1199px) and (min-width:1024px){
  
  .phone-header {
  
    font-size: 20px;
  
}
  .button{margin: 20px auto 0 !important;width:100% !important;}
  .woocommerce div.product form.cart{margin-bottom: 0 !important;}
  .navbar-nav>li>a {padding-right: 5px;}
  .menu {margin-left: 0px;}
  .nav>li>a {padding: 10px 15px 10px 0px;}
  .navbar-nav {width: 100%;}
  #slider {margin-top: 80px;}
  #slider h2 {font-size: 35px;line-height: 50px;margin-top: 0px;}
  #slider .flex-control-nav {bottom: 40px;}
  header.front-page {height: auto;padding-bottom:50px;}
  #frontslider h2 {margin-top: 300px;}
  #index-catalog .btn-red {width: auto;}
.cat-woo .more-catalog {background-position:63% 50%!important;}    
.more-catalog {background-position: 62% 50%!important;} 
.header-right .icon {margin-left: 40px;  }
}