@charset "utf-8";
/* CSS Document */
@media (max-width: 1170px) {
    .container-cus{width:99%;}
    .foot-ul li ul li{padding-right:5px;}
    .foot-ul li ul.new-ul1 li{display:block; padding-bottom:10px;}
     .content-box{padding:15px 0;}
         .end-slider a{width:auto;}
         .middle-header li:last-child .fa{font-size:18px;}

    
     }
@media (max-width: 1150px) {
    .middle-header li{padding-right:20px;}
   .menuu.navbar-default .navbar-nav li > a{padding:15px 20px;}
    .middle-header li .form-control{width:250px;}

   
}
@media (max-width: 1060px) {
    .menuu.navbar-default .navbar-nav li > a{padding:15px;}
    .box-4 .inner-box{padding:15px 5px;}
    .left-top-header li{padding:10px 5px;}
    .right-top-header li a{padding-right:10px; margin-right:10px;}
    
    }
@media (max-width: 1024px) {
.bottom-slider h3 .chf{font-size:14px; padding:0;}
.bottom-slider h3 span{font-size:10px;}
.end-slider span{padding:0 15px;}
.gray-strip li{font-size:14px;}
.input-bg{width:55%;}
.left-top-header li{font-size:15px;}
.right-top-header li{font-size:12px;}
.middle-header li .form-control{width:100%;}
.about-text .about-inner-content ul{width:49%;}
.tab-pan-custom {overflow-x: auto; width: 100%;}
.inner-tab{width:1000px;}
.lower-tab h2 span{width:70px;}
.order p, .order .orange-btn, .order .border{padding-right:6px;}
.white-bg{width:30%;}
}
@media (max-width: 960px) {
    .middle-header li{padding-right:5px;}
    .menuu.navbar-default .navbar-nav li > a{padding:15px 10px;}
    .box-1, .box-2, .box-3, .box-4{height:auto;}
    .box-4 .inner-box p{font-size:16px;}
    }

@media (max-width: 800px) {
   .left-top-header li .fa{font-size:16px; height:30px; width:30px; line-height:30px;} 
   .left-top-header li{font-size:12px;}
   .right-top-header{padding-top:15px;}
   .right-top-header li{font-size:10px;}
   .middle-header li p,.middle-header h2{font-size:15px;}
   .middle-header li:first-child { width: 16%;}
   .banner .carousel-indicators{background:none;}
   .menuu.navbar-default .navbar-nav li > a{font-size:14px; padding:15px 10px;}
   .right-nav{font-size:14px;}
   .right-text{padding-right:3px;}
   .tag h3{font-size:20px;}
   .inner-box p{font-size:20px;}
   .image-right,.box-text-left{float:none !important; text-align:center;}
   .box-4 .inner-box p{text-align:center;}
   .box-4 .btn-transparent{text-align:center;}
   .custom-slider li{width:48%;}
   .middle-header li:nth-child(4) {  width: 8%;}
   .left-box1{padding-right:30px;}
   .product-box ul li { width: 46%;}
   .order p, .order .orange-btn, .order .border{display:block; padding:0 0 5px;}
   .white-bg{width:45%;}
    }
@media (max-width: 768px) {    
    .right-nav{padding:15px 18px;}
    .second li{text-align:center; display:block;}
    .third li{display:block; text-align:center; padding:5px;}
    .foot-ul li a{font-size:13px;}
    .foot-head p{font-size:14px; padding-bottom:10px; margin-bottom:10px;}
    .footer li{padding-bottom:0; }
    .foot-ul .social-icon li a{font-size:20px;}
    .last-coloumn li li {  width: 31%;}
     .foot-ul .last-coloumn .social-icon li{width:10%;}
     .foot-ul li ul.new-ul li{width:31%; padding:5px 0;}
     .footer{padding-bottom:10px;}
     .right-section{padding:22px 10px;}
     .right-section ul li{padding-left:22px;}
     .input-bg{width:50%; font-size:14px; padding:8px;}
     .gray-strip li span{padding:0 2px;}
     .gray-strip li{padding-right:3px; margin-right:3px; font-size:13px;}
     .middle-header li:last-child .fa{font-size:16px; margin-right:6px;}
     
}
  @media (max-width: 767px) {   
    .right-nav { left: 0; position: absolute; top: 0; z-index: 9; background-image:none;}
    .bottom-header{position:relative;}
    .menuu.navbar{width:100% ; }
    .menuu .navbar-nav{margin:0;}
    .content-box > ul{text-align:center;}
    .content-box li{padding:0 10px;}
    .second li,.third li{display:inline-block;}
    .box-container{padding-left:0; margin:25px 0;}
    .box-1, .box-3{margin-right:0;}
    .image-right, .box-text-left{display:inline-block; vertical-align:top; padding:0 10px;}
    .inner-box{text-align:center;}
    .custom-slider li:last-child, .custom-slider li:nth-child(3){margin-right:1%;}
    .right-box{text-align:center;}
    .right-box img{margin-top:25px;}
    .gray-strip {text-align:center; }
    .gray-strip ul li{font-size:15px;}
    .foot-ul .col-md-3.col-sm-3 { display: inline-block; vertical-align: top; width: 49%;}
    .foot-ul .social-icon li a{font-size:25px;}
    .foot-ul li ul.new-ul1 li{display:inline-block; width:49%;}
    .footer-bottom .text-right,.footer-bottom p{text-align:center; padding:0;}
    .top-header{text-align:center;}
    .right-top-header ul{text-align:center;}
    .right-top-header ul li{font-size:12px; padding-bottom:10px ;}
    .about-text{padding:0; margin-top:30px;}
    .contact_us .col-md-3.col-sm-3 { margin-bottom: 25px;}
    .contact_us,.product-text,.product-details-text{padding:0; margin-top:30px;}
    .product-box ul li{width:32%; margin-right:1%;}
    .white-bg{width:100%; text-align:center;}
    .white-bg p{text-align:center;}
    
  }
    
  @media (max-width: 640px) {   
    .middle-header li{display:block; width:100%; text-align:center; padding-bottom:10px;}
    .middle-header li:first-child{width:100%; }
    .middle-header li:first-child img{width:auto;}
    .middle-header li p,.middle-header li p a{text-align:center; width:100%;}
    .middle-header li:nth-child(4){width:100%;}
    .middle-header li:nth-child(4) img{width:auto;}
    .middle-header p a{padding:0;}
    .middle-header li:last-child .fa{font-size:18px; padding:0;}
    .banner .carousel-control{margin-top:-30px; top:50%;}
    .banner .carousel-caption h1{font-size:20px;}
    .banner .carousel-caption h2{font-size:20px;}
    .banner .carousel-indicators{z-index:9;}
    .banner .orange-btn .btn{font-size:15px; padding:5px; margin-top:0;}
	.about-text .about-inner-content ul{width:100%;}
    .product-box ul li{width:48%;}
    
  }
    @media (max-width: 480px) {   
  .left-top-header li{display:block; width:100%;}
  .content-box li{display:block;}
  .custom-slider li{display:block; width:100%;}
  .right-section ul li{width:100%; padding-left:35px;}
  .foot-ul .col-md-3.col-sm-3{width:100%;}
  .social-icon{text-align:center;}
  .foot-head p{text-align:center;}
  .banner .carousel-caption{top:0;}
  .banner .carousel-control{line-height:50px; height:50px;}
  .left-box1{padding:0;}
  .gray-strip li{border:none;}
  .product-box ul li{width:100%; margin-right:0;}
  .tab-deatils .tab-content li p span:first-child{width:49%;}
    }
@media (max-width: 360px) {     
    .banner .carousel-caption h1{font-size:12px;}
    .banner .carousel-caption h2{font-size:12px; padding:0 0 5px 70px;}
    .banner .carousel-indicators{padding:0;}
    .banner .carousel-indicators li{width:14px; height:14px; margin:0;}
    .gray-box{padding:20px 10px;}
    .banner .orange-btn .btn{font-size:13px;}
    .banner .carousel-caption h1, .banner .carousel-caption h2{padding-left:45px;}
    .banner .orange-btn .btn{margin-left:45px;}
    .tab-deatils .tab-content li p span:first-child,.tab-deatils .tab-content li p span{text-align:center; width:100%;display:block; }
    .tab-deatils .nav-tabs > li > a{font-size:12px;}
}