/*** 1280px - 1439px ***/  
@media only screen and (max-width: 1439px) {
    *{}

}


/*** 1024px - 1279px ***/  
@media only screen and (max-width: 1279px) {
    *{}
    /* home */
    .main-slider .holder h2, .sub-banner .holder h2{font-size: 3.2rem;}
    .main-slider .holder h3, .sub-banner .holder h3{font-size: 3rem;}
    .featured-cat .listing .cat{font-size: 2.6rem;}
    .featured-cat .listing .sub-cat{font-size: 1.8rem;}

}


/*** 960px - 1023px ***/  
@media only screen and (max-width: 1023px) {
    *{}
    header, footer, .main-slider .holder, .main-content, .sub-banner .holder, .services-tabs{padding-left:20px; padding-right: 20px;}
    
    /* home */
    .main-slider .holder h2, .sub-banner .holder h2{font-size: 2.8rem;}
    .main-slider .holder h3, .sub-banner .holder h3{font-size: 2.6rem;}
    
    .featured-cat .listing .details{padding: 20px;}
    .featured-cat .listing .cat{font-size: 2.2rem;}
    .featured-cat .listing .sub-cat{font-size: 1.6rem;}
    .featured-cat .listing .details .btn{margin-top: 20px;}
    
    /* contact */
    .contact-back{display: none;}


}


/*** 768px - 959px ***/ 
@media only screen and (max-width: 959px) {
    *{}
    body{margin-top: 99px;}   
    
    #mobileNavBtn{display: block;}
    .main-menu{position: fixed; right: -320px; top: 100px; bottom: 0; width: 320px; z-index: 999; background: #fff; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; margin: 0; float: none;}
    .main-menu.selected{right: 0;}
    .main-menu .menu1 ul{position: relative; height: auto; top: 0;}
    .main-menu .menu1 li{float: none; display: block; width: 100%; margin: 0; padding: 0;}
    .main-menu .menu1 li:first-child{display: block;}
    .main-menu .menu1 li a{border: 0; border-bottom: 1px solid #efefef; text-align: left; padding: 12px 15px; margin: 0; color: #424242;font-weight: 400; text-transform: capitalize;font-size: 1.4rem;}
    .main-menu .menu1 li a.selected{color: #fff; background: #000;}
    
    .main-menu .menu2{position: relative; top: 0;}
    .main-menu .menu2 li{float: none; margin: 0; padding: 0;}
    .main-menu .menu2 li a{border-bottom: 1px solid #efefef; text-align: left; padding: 12px 15px; margin: 0; color: #424242; font-family: 'Montserrat', sans-serif;text-transform: capitalize;font-size: 1.4rem;}
    .main-menu .menu2 li:before{display: none;}
    .main-menu .menu2 li i{display: none;}
    .main-menu .menu2 li a:hover, .main-menu .menu2 li a.selected{background: #000; color: #fff;}
    
    .main-menu .menu1 .sub-menu{position: relative; left: 0; width: auto; top: 0; margin: 0; padding: 0; background: #f0f0f0;}
    .main-menu .menu1 .sub-menu a{text-align: left;padding: 5px 15px!important;}    
    
    header .main-logo img{height: 60px;}

    .hide-mobile {display: none!important;}
    .show-mobile {display: block!important;}

    footer{text-align: center;}
    footer .center{padding: 15px 0;}
    footer .menu{position: relative; top: 0; margin-bottom: 6px;}
    footer .menu ul{display: inline-block;}
    footer .menu li{float: none; display: inline-block;}
    
    /* home */
    .main-slider .holder h2, .sub-banner .holder h2{font-size: 2.4rem;}
    .main-slider .holder h3, .sub-banner .holder h3{font-size: 2.2rem;}
    .main-slider .back{background-position: center 99px;}
    .featured-cat .listing .info{font-size: 1.6rem;}
    
    /* products */
    .sub-banner .back{background-position: center 99px;}
    .listing.products li:nth-child(1n){width: 32%; margin-right: 2%;}
    .listing.products li:nth-child(3n){margin-right: 0;}
    

}


/*** 640px - 767px ***/ 
@media only screen and (max-width: 767px) {
    *{}

    h2.sub-title{margin-bottom: 18px;}
    
    /* home */
    .main-slider .holder h2, .sub-banner .holder h2{font-size: 2rem; text-transform: capitalize;}
    .main-slider .holder h3, .sub-banner .holder h3{font-size: 1.8rem; text-transform: capitalize;}
    .featured-cat .listing .cat{font-size: 1.8rem; }
    .featured-cat .listing .sub-cat{font-size: 1.5rem; text-transform: capitalize;}
    .featured-cat .listing .info{font-size: 1.4rem;}
    .featured-quote{width: auto; float: none; clear: both; text-align: center; }
    .featured-quote *{margin-left: 0!important;}
    .video-overlay{padding-bottom: 56.25%;}
        
    /* products */
    .listing.products li:nth-child(1n){width: 48%; margin-right: 4%;}
    .listing.products li:nth-child(2n){margin-right: 0;}
    
    /* clients */
    .listing.clients li:nth-child(1n){width: 24.25%;margin-right: 1%;}
    .listing.clients li:nth-child(4n){margin-right: 0;}
    
    /* services */
    .services-tabs li a{text-transform: capitalize;font-size: 1.3rem;}
    
}


/*** 480px - 639px ***/ 
@media only screen and (max-width: 639px) {
     *{}
     h2.sub-title{margin-bottom: 12px;}
     .popup-partner{max-width: 100%;}
     .popup-partner .holder{padding: 20px;}
     .main-slider .back, .sub-banner .back{background-attachment: scroll; background-position: center;}
     
     /* home */
     .main-slider .flex-control-nav{bottom: 20px; right: 20px; left: 20px; padding: 0; max-width: none;}
     .main-slider .overlay{display: none;}
     .main-slider .holder .cell{display: block; position: absolute;left: 0; right: 0; width: auto; bottom: 50px; top: auto;}
     .main-slider .holder .details{width: auto; padding: 0;}
     .main-slider .btn{margin-top: 20px;}
     .featured-cat{float: none; width: auto; margin-bottom: 30px; margin-top: 0;}
     .featured-glance{float: none; width: auto; margin: 0 0 30px;}
     .featured-glance .content{padding: 0;}   
     .para-video{position: relative; top: 0;}  
     .video-overlay{display: none;}
     
     
     /* sub */
     .main-content{padding-top: 20px; padding-bottom: 20px;}
     article .title{margin-bottom: 12px; line-height: normal; max-width: none;}
     article .gallery, .blocs-content article .gallery{float: none; width: auto; margin: 0 0 20px;} 
     
     /* products */
     .sub-banner .overlay{display: none;}
     .sub-banner .holder .cell{display: block; position: absolute;left: 0; right: 0; width: auto; bottom: 20px; top: auto;}
     .sub-banner .holder .details{width: auto; padding: 0;}
     .sub-banner .btn{margin-top: 20px;}
     
    .listing.products .title{font-size: 1.4rem;}
    .listing.products .capacity{font-size: 1.4rem;}
    
    /* contact */
    .contact-info h2{padding: 10px 20px; font-size: 1.6rem;}
    .contact-info{float: none; width: auto; margin: 0 0 20px;}
    .contact-info .holder{min-height: 200px;}
    .contact-form{float: none; width: auto; margin: 0 ;}
    .contact-form .form{padding: 0;}
         
}


/*** 360px - 479px ***/ 
@media only screen and (max-width: 479px) {
    *{}
    .btn{text-transform: capitalize;}
    /* home */
    .featured-cat .listing li{float: none; width: auto; margin-bottom: 1px;}
    
    /* products */
    .listing.products li:nth-child(1n){width: auto; margin-right: 0; float: none;}
    .listing.products .title{max-height: none;}
    .listing.products .capacity {max-height: none;}
    .page-numbering li{width: 28px!important;}
    .page-numbering a{font-size: 1.2rem; margin: 0 0 0 5px!important;}
    
    /* clients */
    .listing.clients li:nth-child(1n){width: 32%;margin-right: 2%;}
    .listing.clients li:nth-child(3n){margin-right: 0;}
    
    /* services */
    .services-tabs .center{padding-bottom: 8px;}
    .services-tabs li a{line-height: 18px; padding: 8px 0 0;}
        
}


/*** < 359px ***/ 
@media only screen and (max-width: 359px) {
    *{}
    /* clients */
    .listing.clients li:nth-child(1n){width: 49%;margin-right: 2%;}
    .listing.clients li:nth-child(2n){margin-right: 0;}
    
    /* contact */
    .form .input{float: none; width: auto;}
    .form .separator{display: none;}
    
      
}
 




@-webkit-keyframes flipIn {
  0% {
      opacity: 0;    
      -webkit-transform: scale(0.5);    
      -ms-transform: scale(0.5);    
      transform: scale(0.5);  
  }
  100% {    
      opacity: 1;    
      -webkit-transform: scale(1);    
      -ms-transform: scale(1);    
      transform: scale(1);  
  }
}
@-ms-keyframes flipIn {
  0% {    
      opacity: 0;    
      -webkit-transform: scale(0.5);    
      -ms-transform: scale(0.5);    
      transform: scale(0.5);  
  }
  100% {    
      opacity: 1;    
      -webkit-transform: scale(1);    
      -ms-transform: scale(1);    
      transform: scale(1);  
  }
}
@keyframes flipIn {
  0% {
      opacity: 0;    
      -webkit-transform: scale(0.5);    
      -ms-transform: scale(0.5);    
      transform: scale(0.5);  
  }
  100% {
      opacity: 1;    
      -webkit-transform: scale(1);    
      -ms-transform: scale(1);    
      transform: scale(1);  
  }
}