@media only screen and (max-width: 1800px) { }
@media only screen and (max-width: 1680px) {

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

}
@media only screen and (max-width: 1366px) { }
@media only screen and (max-width: 1365px) { 

}
@media only screen and (max-width: 1280px) { }
@media only screen and (max-width: 1279px) { 
    .header .header-btn#toggleMenu { display: none;}
}
@media only screen and (max-width: 1170px) { }
@media only screen and (max-width: 1024px) { }
@media only screen and (max-width: 1023px) { }
@media only screen and (max-width: 999px)  { }
@media only screen and (max-width: 960px)  { }
@media only screen and (max-width: 959px)  { }
@media only screen and (max-width: 840px)  { 
    .mainBanner { padding: 25vh 0;}
    .mainBanner .custom-hero-heading { bottom: 42px;}
    .homeBannerKeyGrid .custom-grid { width: 50%;}
    .homeBannerKeyGrid .custom-grid:nth-child(2),
    .homeBannerKeyGrid .custom-grid:nth-child(3) { background-color: #f4f4f4; }
    .homeBannerKeyGrid .custom-grid:nth-child(4) { background-color: #fff;}

    .twoColBox { flex-wrap: wrap;}
    .twoColBox .cntBox,
    .twoColBox .imgBox { width: 100%;}

    .innerBanner { padding: 12vh 0;}
}
@media only screen and (max-width: 839px)  { }
@media only screen and (max-width: 768px)  { 
    .materialBox .materialCnt { flex-wrap: wrap;}
    .materialBox .materialCnt .cntBox { width: 100%;}
}
@media only screen and (max-width: 767px)  { }
@media only screen and (max-width: 640px)  { }
@media only screen and (max-width: 639px)  { 

    .header .navMenu li { display: none;}
    .header .navMenu li:last-child { display: block;}

    .homeAbout { padding: 0 0 50px 0;}
    .homeVideo { padding: 60px 0 30px 0;}
    .homeMaterials { padding: 50px 0;}
    
    .aboutMain, .aboutOne { padding: 50px 0;}

    .materialBox { padding: 0;}

    .footerForm .twoColBox { padding: 50px 40px;}
    .footer .linkBox { justify-content: center;}
    .footer .copyBox { flex-direction: column;}
}
@media only screen and (max-width: 480px)  {
    .statistics { flex-wrap: wrap;}
    .statistics .cntBox { width: 100%;}
 }
@media only screen and (max-width: 479px)  { 
    .footer ul { flex-direction: column; align-items: center;}
    .footer ul li { padding: 0; border: 0 none;}
    .footer .copyBox address { margin-bottom: 20px;}
}
@media only screen and (max-width: 428px)  { }
@media only screen and (max-width: 414px)  { }
@media only screen and (max-width: 410px)  { }
@media only screen and (max-width: 374px)  { }
@media only screen and (max-width: 360px)  { }
@media only screen and (max-width: 320px)  { }