@media (max-width: 1200px) {
    *{}
    /* HOME */
    .main-banner h2, .sub-banner h2{font-size: 1.8rem; padding-top: 30px;}
    .main-banner h5, .sub-banner h5{font-size: 1.2rem; margin-bottom: 30px;}
    .listing.cnc .holder{margin: 15px;}
    .parallax{height: auto;}
    .parallax h2{font-size: 1.6rem;}
    .parallax .container{padding-top: 30px; padding-bottom: 30px; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
    
     /* listing */
     .listing.factory .title{font-size: 1rem;}
}

@media (max-width: 991px) {
    *{}
    h2.sub-title, article .title{font-size: 1.6rem; margin-bottom: 26px;}
    
    .btn-nav{display: block;}
    .header .menu{position: fixed; right: -320px; top: 100px; bottom: 0; width: 320px; z-index: 999; background: #000;  -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;}
    .header .menu.selected{right: 0;}
    .header .menu .holder{overflow: auto; height: 100%; position: relative;}
    .header .menu ul{position: relative; height: auto; top: 0; display: block;}
    .header .menu li{float: none; display: block; width: 100%; margin: 0;}
    .header .menu li a{border: 0; border-bottom: 1px solid #fff; text-align: left; padding: 8px 15px; margin: 0; color: #fff!important; line-height: 20px;}
    .header .menu li a.selected{color: #fff!important; background: #478cb0;}
    .header .menu li a:after{display: none;}
    .header .main-logo{float: left; margin: 14px 0; line-height: 72px;}
    .header .main-logo img{max-height: 72px!important; display: inline;}
    .header{height: 100px; padding-top: 0!important; padding-bottom: 0!important;}
    .header .container{height: 100%;}
    body, body.home{margin-top: 100px;}
    body.home .header{background: #fff;}
    body.home .header:after{display:none;}
    .header .sub-menu{position: relative; width: auto; padding-top: 0!important; top: auto; opacity:1; visibility: visible; max-height: 0; overflow: hidden;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
    .header li:hover .sub-menu{max-height: 200px;}
    .header.scrolled .menu .sub-menu li a, .header .sub-menu li a{padding: 4px 15px;}
    .header li:hover .sub-menu {-webkit-transition-delay: .5s; transition-delay: .5s;}
    
    /* HOME */
    .bloc-title{display: none;}
    .glance.g1{margin-right: 0;}
    .glance.g2{margin-left: 0;}
    .main-banner .scroll-btn{bottom: 20px;}
    .main-banner .flex-control-nav{bottom: 55px;}
     
 
    /* details */
    .sub-banner .details{max-width: none;}
 
}

@media (max-width: 768px) {
    *{}
    /* HOME */
    .main-banner h2, .sub-banner h2{font-size: 1.6rem;}
    .main-banner h5, .sub-banner h5{font-size: 1rem; margin-bottom: 20px;}
    .para-video{position: relative; top: 0;}  
    .parallax{background: #478cb0;}
    
    /* CAREERS */
    .half-blue:after, .half-grey:after{display: none;}
    .careers-info{color: #000; padding-right: 0; margin-bottom: 30px; font-size: 1rem;}
    .careers-info h2.sub-title {color: #000;}
    .careers-info h2.sub-title:before {background: #478bb0;}
    .careers-form, .contact-form{padding-left: 0;}
    .contact-info{margin-bottom: 30px;}    
  
}


@media (max-width: 576px) {
    *{}
    .main-banner h2, .sub-banner h2{font-size: 1.3rem;}
    h2.sub-title, article .title{font-size: 1.4rem;}
    .header .main-logo img{max-height: 50px!important;}
    
    /* NEWS */
    .listing.articles .title{font-size: 0.9rem;}


}



@media (min-width: 576px) and (max-width: 1199px) {
    *{}
    .container{max-width: none;}
}




.ios .back{
     background-attachment: scroll!important;
}

@-webkit-keyframes MoveUpDown {
    0% {bottom: 0;}
    25% {bottom: 5px;}
    50%{bottom: 0;}
    75% {bottom: -5px;}
    100% {bottom: 0;}
}
@keyframes MoveUpDown {
    0% {bottom: 0;}
    25% {bottom: 5px;}
    50%{bottom: 0;}
    75% {bottom: -5px;}
    100% {bottom: 0;}
}