/******* Mobile******/
@media only screen and (min-device-width:320px) and (max-device-width:767px){

    .logo{width: 160px; height: 50px;}
    .nav-item.active .nav-link{ border-top: solid 2px transparent;}

    #mainSec h2, .pghd2{ font-size: 25px;}
    #mainSec{min-height: 1500px;}

    #quality{ padding: 50px 0;}
    #ourPresence{ padding: 50px 0;}
    #mainFooter{ padding: 50px 0;}

    #quality .leadPara { font-size: 20px; }
    #quality p{line-height: 1.5;}
    #partner .leadPara{ font-size: 20px; }
    

}


@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait){  }


@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:landscape){ 
    #mainSec h2, .pghd2{ font-size: 25px;}
    #mainSec{min-height: 1600px;}
}








/****** IPADs *********/
@media only screen and (min-device-width:768px) and (max-device-width:1024px){ 
    
    
}



@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
    .logo{width: 160px; height: 50px;}
    .nav-item.active .nav-link{ border-top: solid 2px transparent;}

    #mainSec h2, .pghd2{ font-size: 25px;}
    #mainSec{min-height: 850px;}

    #quality{ padding: 50px 0; margin-top: -325px;}
    #ourPresence{ padding: 50px 0;}
    #mainFooter{ padding: 50px 0;}

    #quality .leadPara { font-size: 20px; }
    #quality p{line-height: 1.5;}
    #partner .leadPara{ font-size: 20px; }
}


@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
    #mainSec h2, .pghd2{ font-size: 25px;}
    #mainSec{min-height:1360px;}
    #quality .leadPara { font-size: 20px; }
    #quality p{line-height: 1.5;}
    #partner .leadPara{ font-size: 20px; }
}




/* (1920x1080) Full HD Display */ /*@media  screen and (max-width: 1920px)*/
@media  screen and (min-width: 1920px) {

}





/* iPhone X in portrait & landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
	 /* STYLES GO HERE */
}


/* iPhone X in portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) { 

}


/* iPhone X in landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 
    #mainSec h2, .pghd2{ font-size: 25px;}
}





/*iPhone 6, 7, & 8 portrait & landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { /* STYLES GO HERE */}


/*iPhone 6, 7, & 8 landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { /* STYLES GO HERE */}


/*iPhone 6, 7, & 8 portrait & landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { /* STYLES GO HERE */ }



/*iPhone 6, 7, & 8 Plus in portrait & landscape*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { /* STYLES GO HERE */}


/*iPhone 6, 7, & 8 Plus in  landscape*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { /* STYLES GO HERE */}


/*iPhone 6, 7, & 8 Plus in portrait*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { /* STYLES GO HERE */ }



/*iPhone 5 & 5S in portrait & landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */}


/*iPhone 5 & 5S in landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* STYLES GO HERE */}


/*iPhone 5 & 5S in portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { /* STYLES GO HERE */ }




@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){}
@media only screen and (min-width:1224px){}
@media only screen and (min-width:1824px){}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){}
@media only screen and (min-device-width:320px) and (max-device-height:568px) and (orientation:landscape) and (-webkit-device-pixel-ratio:2){}
@media only screen and (min-device-width:320px) and (max-device-height:568px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2){}
@media only screen and (min-device-width:375px) and (max-device-height:667px) and (orientation:landscape) and (-webkit-device-pixel-ratio:2){}
@media only screen and (min-device-width:375px) and (max-device-height:667px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2){}
@media only screen and (min-device-width:414px) and (max-device-height:736px) and (orientation:landscape) and (-webkit-device-pixel-ratio:2){}
@media only screen and (min-device-width:414px) and (max-device-height:736px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2){}
@media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation:landscape) and (-webkit-device-pixel-ratio:2){}
@media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2){}
@media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation:landscape) and (-webkit-device-pixel-ratio:3){}
@media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation:portrait) and (-webkit-device-pixel-ratio:3){}
@media only screen and (min-device-width:360px) and (max-device-height:640px) and (orientation:landscape) and (-webkit-device-pixel-ratio:3){}
@media only screen and (min-device-width:360px) and (max-device-height:640px) and (orientation:portrait) and (-webkit-device-pixel-ratio:3){}

@media screen and (-webkit-min-device-pixel-ratio:0){}