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



    .engineered-lt p br{/*display: none;*/}



    h1, .h1 {font-size: 60px;}



    h2, h1 span, .h1 span {font-size: 36px;}



    h3 {font-size: 32px;}



    .engineered-lt p{padding: 0;}



    .engineered-lt .btn{margin: 10px 0;}



    .buildings h1{font-size: 62px;line-height: 64px;}



     /*---footer block--*/



    .find{padding:55px 0;}



    .footer-top{padding:55px 0 0 0;}



}



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



     .engineered-lt{max-width: 45%;flex: 0 0 45%;-webkit-flex: 0 0 45%;padding: 50px 15px 10px;}



    .engineered-rt{max-width: 55%;



    flex: 0 0 55%;



    -webkit-flex: 0 0 55%;}



     /*---footer block--*/



    .find-in h3{font-size:35px;}



    .footer-top-info ul li.phone:before{background-size: 36px 36px;width: 36px;}



    .footer-top-info ul li.fax:before{}



    .footer-top-info{padding:0 0 15px 0;}



    .footer-top-social{padding:31px 0;}



    .footer-top-logo h4{font-size:23px;}



}



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



   



}



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



    h1, .h1 {font-size: 50px;}



    h2 {font-size: 28px;}



     h3 {font-size: 24px;}



    .container{width: 100%;}



    header .container{padding: 0;}



    .header-btm > ul > li a{padding: 15px 9px 11px;}

    

    

    .storage-links ul li a {padding: 0;}

    



    /*br{display: none;}*/



    .new-homes-cnt ul{width: 100%;padding: 0;}



    .buildings h1{font-size: 52px;padding: 0 0 15px 0;}



    .buildings h2{font-size: 30px;}



    .learning{padding: 80px 0;}



    .network h1{padding: 0 15px;}



    .network p{padding: 0 15px 15px;}



    .network{padding: 80px 0 0;}



    .buildings h2{margin: 0;}



    .metis .tp-bullet-image, .metis .tp-bullet{width: 230px !important;height: 300px !important;}



    .header-main:before{/*left: 108px;border-right: 32px solid #ad172b;*/}



    .new-homes-cnt{padding: 0 0 15px 0;}



    /*.cnt figure img{height: 600px;}*/



    .new-homes-cnt{margin: -113px 0 0 0;}

    

    .new-home-links {min-height: 225px;}



     /*---footer block--*/



    .footer-top-in{width:85%;}



}



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



    

    .header-btm > ul > li a{padding: 15px 7px 11px; font-size: 17px;}

    



}



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



    h1, .h1 {font-size: 45px;}



    h2 {font-size: 26px;}



    h3 {font-size: 22px;}



    header{background: #fff;}



    .header-main{background: transparent;}


    .nav-links li{display: inline-block;padding: 7px 7px;}

    
    .sidemenu .nav-links{display: none !important;}



    .menu{display: none;margin: 0;}



    .header-btm .menu{display: block;margin:0 10px;}



    .sidemenu  .header-btm .menu{display: none;}



    .sidemenu  .header-btm{background: #ad172b;margin: 0;}



    .header-btm ul{text-align: center;}

    .header-btm ul ul{text-align: left;}



    .search-btn:first-of-type , .social-btn:first-of-type {margin-left: auto;}



    .menu button span{display: block;}



    .menu button span{display: block;}



    .sidemenu > .header-btm > ul{display: block;}



    .sidemenu .search-btn, .sidemenu .social-btn{display: none;}



    .dropdown-menu > li{padding: 0 30px 0 0 !important;}



    .storage-links ul li{width: auto !important;}



    .header-btm ul li{padding: 0;}



    .sidemenu .header-btm{display: block !important;padding:0;}



    .sidemenu{

        background: none;

        top: 79px;

        height: calc(100vh - 80px) !important;

        max-height: calc(100vh - 80px) !important;

        overflow-y: scroll !important;

    }



    /*.logo{padding: 0 5px 0 15px;}*/



    .header-rt {padding: 0;}



    .header-main:before{/*left: 120px;border-bottom:46px solid #ad172b;*/}



    .buildings h1{font-size: 48px;}



    .buildings h2{font-size: 28px;}



    .engineered-lt{max-width: 50%;flex: 0 0 50%;-webkit-flex: 0 0 50%;padding: 30px 15px 0px;}



    .engineered-rt{max-width: 50%;



    flex: 0 0 50%;



    -webkit-flex: 0 0 50%;padding: 0;}



    .engineered-lt h2{padding: 0 0 10px 0;}



    .engineered-lt p{margin: 0;padding: 0 0 10px 0;}



    .learning ul{margin: 0 -15px;/*padding: 0 0 30px;*/}



    .learning ul li{padding: 15px;}



    .header-btm ul:before{display: none;}



    /*.logo{width: 150px;}



    .logo a img{width: 110px;height: auto;object-fit: cover;}*/



    .metis .tp-bullet-image, .metis .tp-bullet{width: 170px !important;



    height: 230px !important;}



    .tp-bullets{bottom: -160px !important;}



    .buildings{padding: 0 0 25px 0;}



     .dropdown-menu{position: static !important;width: 100%;transform:none !important;-webkit-transform:none !important;-moz-transform:none !important;-o-transform:none !important;margin-bottom: 15px;}



    .dropdown-menu > li{width: 33.33%;}



    .new-home-links{min-height: 200px;}



      /*---footer block--*/



    .footer-top-in{width:100%;}



    .find-in h3{font-size: 33px;}



    .find-in a{width:250px;}



    .find{padding:50px 0;}



    .footer-top{padding:50px 0 0 0;}



    .footer-top-links ul{margin: 0;}



    .footer-top-info ul{margin: 0;padding: 0;}



    .footer-top-info ul li.phone:before{background-size: 30px 30px;



    width: 30px;height: 30px;top:0;}



    .footer-top-info a.mainPhone{padding: 10px 0 0 45px;}



    .footer-top-info ul li.fax:before{background-size: 33px 33px;width:33px;height:33px;}



    .footer-top-info ul li.fax a{padding:10px 0 0 70px;}



    .footer-bottom{padding: 40px 0 50px 0;}



    .footer-top-logo h4{font-size:22px;}



    .zeus.tparrows{min-width: auto;min-height: auto;}

    

    .banner {margin-top: 80px;}



    .cnt figure {padding-top: 50%;}

    

    .landing_page_image {margin-top: 80px;}

    

    .pageContent img.pull-right {float: none; margin-left: 0px;}

    .pageContent img.pull-left {float: none; margin-right: 0px;}





}



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



    .sidemenu .nav-links{display: block !important;width: 100%; background: #FFF;}



    .sidemenu{top: 79px;}



    nav .btn-num{margin-left: auto;/*padding: 13px 15px 10px;*/}



    nav .search-btn{margin-right: 50px;}



    nav{padding: 0;}



    nav ul{padding: 0;display: none;}



    nav ul li{display: block;float: none;text-align: left;padding: 10px;}



    nav ul li a{display: block;}



    .nav-links li{display: block;margin: 0;width: 100%;text-align: center;float: none;padding: 0;}



    .nav-links li a, .header-btm ul li a{display: block;padding: 12.5px 0px;}

    .header-btm ul ul li a{display: block;padding: 5px 0px;}



    .header-btm ul li:last-child{padding: 0;}



   .nav-links li.link{padding: 0;}



    nav .search-btn{display: inline-block;}



    .header-main:before{/*left: 108px;*/}



   .engineered-lt{max-width: 100%;flex: 0 0 100%;-webkit-flex: 0 0 100%;padding: 30px 15px;}



    .engineered-rt{max-width: 100%;



    flex: 0 0 100%;



    -webkit-flex: 0 0 100%;padding: 0;}



    .engineered-rt figure{-webkit-clip-path:none;clip-path:none;height: auto;}



    .engineered-rt figure img{width: 100%;height: auto;}



    /*.learning ul{margin: 0;}



    .learning ul li{padding: 15px 0;}*/



    .learning{padding: 55px 0;}



    .learning h3{padding: 0 15px;}



    .network{padding: 55px 0 0;}



    .metis .tp-bullet-image, .metis .tp-bullet{width: 100px !important;



    height: 150px !important;}



  .tp-bullets{bottom: -90px !important;}



    .buildings{padding: 0 0 15px;}



    .header-main:before{}



    .dropdown-menu > li{padding: 0 15px 0 0 !important;}



    .dropdown-menu > li{width: 50% !important;}



        .storage-data{border-bottom: 0;}



    .new-homes-cnt ul{padding: 0;}



    .new-home-links h4{font-size: 20px;line-height: 22px;}



    .new-homes-cnt{margin: -75px 0 0 0;}



    /*.cnt figure img{height: 400px;}*/



    .cnt figure {padding-top: 55%;}



    .new-home-links{min-height: 200px;}



    /*---footer block--*/



    .find-in h3{padding:0; display: block;}



    .find-in a{width:235px;height:49px;}



    .footer-bottom-in ul{width:100%;}



    .footer-top-info ul li{padding: 0 15px;}



    .footer-top-info p br{/*display: none;*/}



    .footer-top-info p{font-size:14px;}

    .footer-top-info h6{font-size:17px;}



    .footer-top-info ul li.phone:before{background-size: 25px 25px;



    width: 25px;height: 25px;top:4px;left:4px;}



    .footer-top-info ul li.fax:before{background-size: 26px 26px;



    width: 26px;height: 26px;top:4px;left:4px;}



    .footer-top-info a.mainPhone{padding:10px 0 0 25px;}



    .footer-top-info ul li.fax a {padding: 10px 0 0 30px;}



    .footer-top-links ul li{padding:0 1px;}



    .footer-top-links ul li a{font-size:14px;}



    .footer-top-social{padding:25px 0;}



    .footer-bottom{padding:40px 0;}



    .footer-top{padding:40px 0 0 0;}



    .footer-top-logo h4{font-size: 20px;line-height:25px;padding: 0 0px 2px 0;}



    .find-in h3{font-size: 30px;line-height: 35px;}



    .find{padding:40px 0;}



    .metis .tp-bullet-title{font-size: 16px;padding: 0;left: 13px !important;}

    

    .vBorderL {

        border-left: none;

        margin-left:0;

    }

    .vBorderR {

        border-right: none;

    }

    

}



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



    .header-rt {padding: 0;}



    .new-homes-cnt ul li{padding: 5px;}



    .new-homes-cnt{margin: -60px 0 0 0;}



  .footer-top-logo{padding:0 0 25px 0;}



    /*.footer-top-info ul{width: 41%;margin: 0 auto;text-align: center;}*/



    .footer-top-info p{padding: 0 0 0 30px;}

    .footer-top-info h6{padding: 0 0 0 30px;}



    .footer-top-info ul li.phone:before{top:4px;left:-6px;}



    .footer-top-info a.mainPhone{padding: 10px 0 0 30px;}



    .footer-top-info ul li{padding:5px 0;}



    .footer-top-info ul li.fax:before{top:4px;left:-8px;}



    .footer-top-info address{margin: 0;}



    .footer-top-info p{margin: 0;}



    .footer-top-info ul li.address:before{background-size: 15px 30px;top: 6px;}



    .footer-top-info ul li.fax a{padding: 10px 0 0 33px;}



    .footer-top-links{padding:18px 0;}



    .footer-top-links ul li{padding: 0;}



    .footer-top-social{padding:20px 0;}



    .footer-top-social p{margin: 0;}



    .footer-bottom-in img{margin: 0 auto;}



    .footer-bottom-in ul li a{display: block;}



    .footer-bottom-in ul li{width: 50%;}



    .footer-bottom{padding:30px 0;}



    .find-in h3{font-size:28px;line-height:30px;}



    .footer-top-logo h4{font-size: 19px;line-height: 24px;}



    .find{padding:35px 0;}

    

    .cnt figure {padding-top: 50%;}

    

    .landing_page_image figure {padding-top: 50%;}



    ul.dealer_links li {width: 100%;}





}







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



  h1, .h1 {font-size: 34px;}



    h2 {font-size: 20px;}



    h3 {font-size: 20px;}



    h5{font-size: 20px;}



      h6{font-size: 12px;}



    p{font-size: 16px;}



    .header-btm > ul > li a{padding: 10px 2px;}



    .dropdown-toggle::after{font-size: 15px;}



    .extra-cnt{margin-left: 5px;}



    .header-main:before{}



    nav .btn-num{font-size: 14px;line-height: 16px;padding: 10px 9px 10px;}



    /*.logo{width: 195px;}*/



    nav .search-btn{font-size: 16px;line-height: 20px;margin-right: 35px;padding: 9px 8px;}



    .menu button span{width: 30px;height: 3px;}



    .menu{top: 5px;}



    .dropdown-menu > li{width: 100% !important;}

    

    .dropdown-menu{padding: 7px 15px !important;}



    .open-menu .menu button span:nth-child(3){top: -6px;}



    .metis .tp-bullet-image, .metis .tp-bullet{width: 60px !important;height: 100px !important;}



    .metis .tp-bullet-title{font-size: 10px;left: 4px !important;top: 5px !important;}



    .plus-icon{border-left: 20px solid transparent;



    border-right: 23px solid transparent;



    border-top: 65px solid #ab162b;}



    .new-home-links{min-height: 150px;}



    .plus-icon span{font-size: 18px;line-height: 20px;left: -14px;top: -59px;}



    .new-home-links h4{font-size: 20px;line-height: 22px;left: 10px;top: 15px;}



    .learning{padding: 35px 0;}



    .buildings{/* padding: 110px 0 15px; */}



    .buildings h1{font-size: 38px;line-height: 40px;}



    .buildings h2{font-size: 26px;line-height: 28px;padding: 0 0 15px 0;}



    .buildings p{padding: 0;}



    .sidemenu{/* top: 87px; */}



      .find-in h3{font-size:22px;line-height:25px;}



    .find-in a{width:100%;font-size:18px;}



    .network{padding: 35px 0 0;}



    .footer-top{padding:30px 0 0 0;}



    .footer-top-logo h4{font-size:18px;}



    .footer-top-logo span{padding:0;}



    /*.footer-top-info ul{width:73%;}*/



    .footer-top-info a.mainPhone{padding: 5px 0 0 30px;}



    .footer-top-info ul li.fax a{padding: 5px 0 0 33px;}



    .footer-top-social{padding: 18px 0;}



    .footer-top-social ul{margin: 0;padding:0 0 15px 0;}



    .cnt figure {padding-top: 85%;}

    

    .cnt figure img {width: auto; min-width: 0px; height: 100%;}



  



}







@media only screen 



and (min-device-width : 320px) 



and (max-device-width : 568px) 



and (orientation : landscape) { 



    .sidemenu{



     height: -moz-calc(100% - 79px);



   height: -webkit-calc(100% - 79px);



    height: -o-calc(100% - 79px);



    height: calc(100% - 79px);



    }



}



@media only screen 



and (min-device-width : 320px) 



and (max-device-width : 568px) 



and (orientation : portrait) { 



 .sidemenu{height: -moz-calc(100% - 79px);



   height: -webkit-calc(100% - 79px);



    height: -o-calc(100% - 79px);



    height: calc(100% - 79px);}



}



@media only screen and (min-width:992px){



    nav{display: block !important;}



   .header-btm ul li:hover > .dropdown-menu{display: block;}



    .dropdown-menu{top:100% !important; transform:none !important;-webkit-transform:none !important;-moz-transform:none !important;-o-transform:none !important;}



   



}





@media only screen and (min-width:768px){

    .dropdown-menu > li.dealers {width: 50% !important;}

}