/**
Designed by elroy
Copyright since 2019

Responsive
**/

@media only screen and (min-width:320px) and (max-width:568px){
}

@media only screen and (max-width:375px){
   
}
@media only screen and (min-width:414px) and (max-width:599px){
    
}
@media only screen and (max-width:599px){

}

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

} 

@media only screen and (max-width:991px){
    #home { padding-top: 3.4rem; padding-bottom:2rem; }
    #about_us { padding-top: 3.4rem; padding-bottom:2rem; }
    #company_details { padding-top: 3.4rem; padding-bottom:2rem; }
    #facilities { padding-top: 3.4rem; padding-bottom:2rem; }
    #certification { padding-top: 3.4rem; padding-bottom:2rem; }
    #career { padding-top: 3.4rem; padding-bottom:2rem; }
    #contact_us { padding-top: 3.4rem; padding-bottom:2rem; }
    #structural { padding-top: 3.4rem; padding-bottom:2rem; }
    #light_weight { padding-top: 3.4rem; padding-bottom:2rem; }
    #metal_roof { padding-top: 3.4rem; padding-bottom:2rem; }
    
    /** Project Tab Menu **/
    .project-box .tab-menu{ max-height: 250px; overflow-y: scroll; }
    .project-box .tab-menu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;}
    .project-box .tab-menu::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }
    .project-box .tab-menu::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #D62929; }
    
}

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

}

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

}

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