/*  ----------------   MEdia.css   ----- */

#menu-btn, #mobile-menu, #mobile-menu-overlay{display: none;}


@media only screen and (max-width: 999px){
body {  }   
.wrapper, .titInner{ width: auto !important; display: block; padding: 0 20px;  }    
header .wrapper{height: 100%;}

.wrapper img{max-width: 100%;}
.pull-t-80{margin-top: -40px;}


header .logo{left: 20px;}

header nav.navMenu{margin-left: 30px; float: right;}
header nav.navMenu li{margin-left: 0;}

.banner_home ul li{height: 100%;}
.banner_home li .banner_text_cont{left: 20px; right: auto; margin: 0;}
.banner_home .banner_nav{width: 100%;}
.banner_home .banner_nav .next{right: 0; left: auto; }
.banner_home .banner_index_nav{left: auto; right: 20px; margin: 0; z-index: 100;}

.banner_home ul li .bannimg{background-size: 100% auto; background-position: 0 100px; background-attachment: scroll; position: absolute;}
.banner_inner .banninsimg{background-position: 0 0; }

.box .boxLft{width: 50% !important; transition: none; -webkit-transition: none;}
.box .boxRgt{width: 45% !important; margin-left: 5% !important; transition: none; -webkit-transition: none;}

ul.tabs li, ul.tabs1 li, ul.quicktabs-tabs li{font-size: 12px; padding: 0 5px; line-height: 35px;}
footer .footer-nav li{margin-right: 15px;}
}

@media only screen and (max-width: 969px){
    header{height: 80px;}
    header .wrapper.header_cont{height: 50px;}
    header .logo{margin-top: 5px;}
    header .logo img{width: 230px;}
    header nav.navMenu{margin-left: 5px;}
    header nav.navMenu li{margin-left: 0;}
    header nav.navMenu li a{padding: 0 8px}
    .home_why .vid_thumb_cont a{width: 280px;}
  .logo_anounce {top: -40px;}
    
}


@media only screen and (max-width: 849px){
    
    body.not-front{padding-top: 80px;}
    body.not-front header{}

    .full_bg{box-shadow: 20rem 0 0 #fbfbf9, -20rem 0 0 #fbfbf9;}

    header .logo{display: block; left: 0; width: 100%; margin: 5px auto 0; text-align: center;}

    header nav.navMenu {display: none !important;}

    .logo_anounce {right: auto; left: 50%; margin-left: 70px;}
  
    #menu-btn{ display: block; float: left; width: 25px; height: 25px; cursor: pointer; background: #dc3539; color: #fff; top: 12px; left: 0px; position: absolute; z-index: 10000; opacity: 1; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);}

    #menu-btn i.fa{padding: 5px;}

    #menu-btn:hover{opacity: 1;}

    #mobile-menu ul { list-style: none; background: none; color: #fff; }

    #mobile-menu ul li { display: block; margin-bottom: 1px;}
    #mobile-menu ul li a { position: relative; display: block; border-bottom: 1px solid #000; padding: 5px; font-weight: bold; color: #fff; font-size: 13px; text-decoration: none; border-left: 3px solid transparent; background: none;}

    #mobile-menu ul li a:hover, #mobile-menu ul li a.active, #mobile-menu ul li a.active-trail { color: #dc3539; text-decoration: none; border-left: 3px solid #dc3539;}

    #mobile-menu ul li a::after {
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        border-right: 3px solid #fff;
        border-top: 3px solid #fff;
        position: absolute;
        right: 15px;
        top: 45%;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #mobile-menu .merge.three{display: none !important;}

    #mobile-menu ul li a:hover::after, #mobile-menu ul li a.active:after { border-color: #dc3539; }
    #mobile-menu a.menu_icon{background: none !important;}
    #mobile-menu ul li ul{margin-left: 15px;}
    #mobile-menu #toolbarnav{background: none;}
    #mobile-menu #toolbarnav h1 { text-align: center; padding: 15px 0; color: #fff; font-weight: bold; font-size: 15px;  margin: 0; background: #dc3539;}
    
    #mobile-menu li.expanded, #mobile-menu li.collapsed,  #mobile-menu li.leaf{padding: 0;}

    #mobile-menu{position: absolute; background: #121111; display: block; height: auto; overflow: auto; width: 270px; left: -270px; top: 0px; z-index: 1000000; transition: left .5s ease; -webkit-transition: left .5s ease;}
    #mobile-menu-overlay{display: none; position: fixed; width: 100%; height: 100%; left: 0px; right: 0; top: 0; bottom: 0; z-index: 100000; cursor: pointer; background: rgba(250,250,250,.8);}
    body.mobile_menu_opened #mobile-menu-overlay{display: block;}
    body.mobile_menu_opened #mobile-menu{left: 0; transition: left .5s ease; -webkit-transition: left .5s ease; }
    body.mobile_menu_opened #menu-btn{left: 270px; transition: left .5s ease; -webkit-transition: left .5s ease;}
    
    .banner_text_cont{left: 20px; transition: left .5s ease; -webkit-transition: left .5s ease;}
    
    .home_form{height: auto;}
    
    .parts, ul.parts{width: auto; display: block;}

    .parts .part, ul.parts li, ul.parts.three li{width: auto !important; display: block !important; float: none !important; margin-right: 0 !important;}

    .img_grid, .grid_list{margin-bottom: 10px !important;}
    .img_grid li, .grid_list li{margin: 0 !important; margin-bottom: 20px !important; width: 100% !important; height: auto !important; margin-bottom: solid 1px #ccc !important;}
    .img_grid.gallery li{
        width: 40% !important;
        margin: 4px auto !important;
        float: none;
        height: auto !important;
        display: block;
    }
    .img_grid.gallery li.last {
        margin: 4px auto !important;
    }

    .footer_cont{display: none;}

    .home_intro .img_grid.flat > li{padding: 15px 15px;}
    .home_why .container{margin-left: 45%;}
    .iso_section .img{left: 20px !important;}

    footer .footer_branding{margin-bottom: 0;}
    
}

@media only screen and (max-width: 749px){
    .banner_home li .banner_text_cont{top: 150px; bottom: auto;} 
    .home_why .vid_thumb_cont{display: none;}   
    .home_why .container{margin-left: 0;}
}


@media only screen and (max-width: 649px){

    .banner_home li img{width: auto; height: 100%;}
    .banner_home{height: 260px;}  

    .banner_text_cont p{display: none;}
  
    .banner_home li .banner_text_cont{top: 95px;}
    .home_section.banner_home .banner_text_cont h1{font-size: 30px;}
    .banner_text_cont h2{font-size: 25px;}

    .home_intro .img_grid{margin-top: 0;}  
    
    h1.page-title{padding: 0;}

    .box .boxLft, .box .boxRgt{width: 100% !important; margin-left: 0!important; height: auto !important;}
    .box .boxLft{background: #fff; z-index: 1;}
    .box{padding-top: 400px; position: relative;}

    .box img{position: absolute; top: 40px;}

    .img_grid, .grid_list{margin-bottom: 10px !important;}
    .img_grid li, .grid_list li{margin: 0 !important; margin-bottom: 20px !important; width: 100% !important; height: auto !important; margin-bottom: solid 1px #ccc !important;}

    .main_content img, .main_content h3 img, .view-content .location .usaAddrss, .view-content .location .usaMap{float: none !important; display: block; margin: 0 !important; width: 100%;}
    .main_content .main_left div{float: none !important;}

    #lightbox #outerImageContainer, #lightbox #imageDataContainer, #lightbox #frameContainer, #lightbox #frameContainer iframe{width: 100% !important; padding: 0 !important; overflow: hidden !important;}
    .banner_inner h1, .banner_inner h2{font-size: 24px; text-align: left; left: auto; }
    ul.tabs, ul.tabs1, ul.quicktabs-tabs{border-bottom: none !important;}
    ul.tabs li, ul.tabs1 li, ul.quicktabs-tabs li{margin-bottom: 5px !important; width: 100%; padding: 0 !important; text-align: center;}
    
    .cont-left, .cont-right{display: block; float: none; margin: 0; width: auto; }
    .cont-right iframe{width: 100%;}

    .fr{float: none !important; display: block !important;}

    .home_why .stats{display: block;}
    .home_why .stats .item{float: none; display: block; width: auto; margin-bottom: 25px; text-align: center;}

    footer{}
    
    .social{width: 100%; position: static; display: inline-block;}
}


@media only screen and (max-width: 520px){  
    header .logo img{max-width: 80%; height: auto;}
    ul.big_bullet, ol.big_bullet, .big_bullet{padding-left: 0 !important;}
    .big_bullet.image .img, .big_bullet:before{position: static !important; margin: 10px auto !important; display: block !important;}
}


@media only screen and (max-width: 479px){
    
    .banner .titHomeNews .titHomeNewsScroll{width: 240px; transition: none; -webkit-transition: none;}
    .titHomeNews .titHomeNewsRead{margin-right: 0; position: relative; left: 24px; transition: none; -webkit-transition: none;}
    .banner .titHomeNews{width: 287px;}
    .banner .banner_text_cont{width:315px;}

    .box{padding-top: 350px;}

    body.page-node-329 .box{padding-top: 0px;}

    .banner_home .banner_index_nav{bottom: 120px;}

    input[type="text"], input[type="password"], input[type="email"], textarea, select, .main_content .form-textarea-wrapper textarea{margin-right: 0; width: 100%;}
    .button, .readmore, button, input[type="submit"], input[type="reset"], input[type="button"]{ max-width: 100%; margin-top: 10px;}
    p.button{width: auto;}
    
    .table-grid{font-size: 11px; }
    .table-grid th, .table-grid td{padding: 3px; font-size: 11px;}
    .view-individual-product-display .view-footer .view-content, .view-product-category .productoverviewspec .product-over-view, .view-product-category .productoverviewspec .product-technical-spec{padding: 10px;}

    footer{height: 80px !important; }
    .inner footer{height: 100px !important;}
}


@media only screen and (max-width: 359px){
    
    .banner_home li .banner_text_cont{left: 5px;}

    .box{padding-top: 300px;}

    .table-grid{font-size: 10px; }
    .table-grid th, .table-grid td{padding: 2px; font-size: 10px;}
    .view-individual-product-display .view-footer .view-content, .view-product-category .productoverviewspec .product-over-view, .view-product-category .productoverviewspec .product-technical-spec{padding: 10px 5px;}
    
    footer .quicklinks li{margin-right: 10px;}
}

@media only screen and (max-width: 319px){
    .box{padding-top: 250px;}

    .banner_home li .bann-txt{width: 170px;}

    #mobile-menu{ width: 200px; left: -200px;}  
    body.mobile_menu_opened > header, body.mobile_menu_opened > .logo_scroller, body.mobile_menu_opened > .banner, body.mobile_menu_opened > .wrapper,  body.mobile_menu_opened > footer{left: 200px;}

}

.view-id-careers .ui-accordion .views-row-last { margin-bottom:30px;}