@media only screen and (min-width: 992px) and (max-width: 1199px) { 
div.cart-collaterals ul.products li.product {
  float: left;
  margin-left: 30px;
  position: relative;
  width: 160px;
}
.news-1 {
  width: 29%;
}
.news-1 p {
  font-size: 13px;
  padding: 10px;
}
.product-wid-title {
  font-size: 25px;
}
.mainmenu-area ul.navbar-nav li a {
  padding: 10px 7px!important;
  font-size: 15px!important;
}
.section-title h3 {
  font-size: 25px;
}
.navbar-nav > li:last-child:hover > .box-mn {
  right: 0;
}
.coupon input[type="text"] {
  width: 100px;
}  
input[type="submit"], button[type="submit"] {
  padding: 11px 15px;
} 
.col-1, .col-2 {
  width: 293px;
}    
    
    
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
.user-menu, .header-right ul.list-inline {
  text-align: center;
}
.mainmenu-area ul.navbar-nav li a {
  font-size: 14px;
  padding: 15px 10px;
}  
.single-promo {margin-bottom: 30px}    
.single-product-widget, .footer-about-us, .footer-menu {
  margin-bottom: 60px;
}
.fa-search {
  top: 1px;
  padding: 4px 10px;
  height: 20px;
}  
.textsearch {
  height: 20px;
  top: 0px;
  width: 125px;
}  
.logo img {
  width: 55%;
  margin-top: -13px;
}
.hotline-bt {
  top: 0px;
  font-size: 14px;
}
.slide-text-wrapper {
  height: 500px;
}
.news-1 {
  width: 44%;
}
.news-1 p {
  padding: 10px;
}
.mainmenu-area ul.navbar-nav li a {
  font-size: 12px;
  padding: 10px 5px;
}
.product-widget-area .zigzag-bottom {
  bottom: -50px;
  height: 100px;
}
.product-widget-area {
  padding-bottom: 90px;
}   
    
.footer-top-area .zigzag-bottom {
  bottom: -153px;
  height: 200px;
}    
.footer-top-area {
  padding: 35px 0 125px;
}  
div.cart-collaterals ul.products li.product {
  width: 190px;
}  
    
.col-1, .col-2 {
  width: 345px;
}    
    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
  .mn-middle{
  width: 50%;
}
.mn-left{
  width: 50%;
}
.mn-right{
  width: 50%;
}
.container-bt {
  padding: 0px 10px;
}
.logo img {
  width: 75%;
}
.textsearch {
  height: 25px;
  width: 70%;
}
.fa-search {
  top: 12px;
  height: 25px;
}
.hotline-bt {
  top: 65px;
  position: absolute;
  right: 0;
  color: #fff;
  z-index: 9999;
}
.user-menu, .header-right ul.list-inline {
  text-align: center;
}  
.logo h1 {
  font-size: 30px;
  margin: 20px 0;
  text-align: center;
}     
.navbar-nav{
  width:100%;
  height: 500px;
  overflow-y: scroll;
}
.navbar-nav > li:hover > .box-mn {
  position: relative;
  width: 100%;
  box-shadow: 0px 0px 15px #303030;
}
.navbar-nav > li > i:hover {
  width: 13% !important;
  padding: 14px 0px 10px 20px!important;
  margin: 8px!important;
  transition: .4s all ease;
  box-shadow: none!important;
}
.slide-bg {
  height: 100%;
}
.promo-area {
  background: none repeat scroll 0 0 #f10068;
  color: #fff;
  padding: 20px 10px 20px 10px;
}
#list-slide {
  margin: 0px auto 50px auto;

}
.brands-area {
  padding: 0px 0 50px;
}
.section-title h2 {
  font-size: 18px;;
}
#change-img{
  text-align: center;
  margin-bottom: 0px;
  padding: 0;
}
#change-img li{
  width: 80px;
}
.product-sli {
  width: 50%;
}
.slide-sp h3 {
  font-size: 12px;
  padding: 10px 0px;
}
.product-carousel-price ins {
  color: #ff0000;
  font-size: 12px;
}
.product-carousel-price del {
  font-size: 12px;
}
.product-carousel-price {
  padding: 5px;
  border-top: 1px dotted #aaa;
  border-radius: 10px;
  background: none;
}
.zigzag-bottom {
  height: 50px;
}
.shopping-item {
  float: none;
  margin-bottom: 20px;
  margin-top: 5px;
  text-align: center;
}  
.navbar-header {
  text-align: center;
}    
    
.navbar-toggle {
  border-color: #fff;
  left: 10px;
  margin: 5px auto;
}
.navbar-toggle .icon-bar { background: none repeat scroll 0 0 #fff }  
.navbar-collapse.collapse.in {
  background: none repeat scroll 0 0 #1abc9c;
  position: relative;
  z-index: 99;
}
.mainmenu-area ul.navbar-nav li a {
  padding: 15px;
  width: 82%;
}  
.mainmenu-area ul.navbar-nav li i {
  display: block;
  width: 50px;
  padding: 15px 20px;
  margin: 4px;
  position: relative;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 15px #575757;
}
.mainmenu-area ul.navbar-nav li{
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px dotted #fff;
}
.slide-text-wrapper {
  height: fit-content;
}
.slide-text {
  font-size: 16px;
}  
.slide-text h2 {
  font-size: 14px;
}  
.slide-content {
  padding: 10px;
}
.slide-content p {
  font-size: 11px;
}
#next {
  right: 0px;
}
.readmore {
  font-size: 16px;
  padding: 8px 20px;
}    
.single-promo {
  width: 50%!important;
}
.single-promo i {
  font-size: 24px;
}
.section-title {
  font-size: 35px;
}  
.section-title h3 {
  font-size: 18px;
} 
.news-1 {
  width: 100%;
  margin: 10px 0px;
}   
.product-widget-area .zigzag-bottom {
  bottom: -50px;
  height: 100px;
}
.product-widget-area {
  padding: 10px 15px;
}   
    
.footer-top-area .zigzag-bottom {
  bottom: -153px;
  height: 200px;
}    
.footer-top-area {
  padding: 35px 0 125px;
} 
    
.single-product-widget, .footer-about-us, .footer-menu {
  margin-bottom: 60px;
}  
    
.product-wid-title {
  font-size: 25px;
}  
    
.related-products-wrapper .owl-nav {
  left: -15px;
  position: relative;
  right: inherit;
  top: 15px;
}  
div.cart-collaterals ul.products {
  margin: 0;
}  
div.cart-collaterals ul.products li.product {
  margin-bottom: 30px;
  margin-left: 0;
  width: 100%;
}  
div.cart-collaterals ul.products li.product img {width: 100%}  
    
.product-bit-title h2 {
  font-size: 35px;
  padding: 40px 0;
}  
.col2-set {
  margin-left: 0;
}    
.col-1, .col-2 {
  float: none;
  margin-left: 0;
  width: inherit;
}    
    
    
/* Special */    
    
table.shop_table th, table.shop_table td {
  font-size: 12px;
  padding: 5px;
}    
td.product-thumbnail img {
  width: 30px;
} 
    
div.quantity input.plus, div.quantity input.minus {
  display: none;
}   
table.shop_table th {
  font-size: 12px;
}    
div.coupon input[type="text"] {
  width: 100px;
} 
.coupon {margin-bottom: 10px}      
.cross-sells {
  float: none;
  margin-bottom: 30px;
  margin-right: 0;
  width: 100%;
}  
.cart_totals, .cart-collaterals .shipping_calculator {
  float: none;
  margin-bottom: 40px;
  width: 100%;
}  
    
    
}
/* Wide Mobile Layout: 480px. */
@media only screen and (max-width: 480px) { 

  .single-promo p {
    font-size: 10px;
  }
  .mainmenu-area ul.navbar-nav li a {
    padding: 15px;
    width: 78%;
  }  
.mainmenu-area ul.navbar-nav li a {
  font-size: 13px;
}
  
}