/******* Mobile******/
@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){
.logo{width:196px;height:42px;}

.navbar-nav{ text-align:right;}

#homeBanner { padding-top: 20px; padding-bottom:80px;}
#mainHeader { margin-bottom:50px;}
#bannerCaption p {font-size:16px; text-align:center;}
#bannerCaption h2 {font-size:28px; text-align:center;}
#demoForm{ margin-top:30px;}

/*.keyBox img{ margin:0 10px 10px 0; display:inline-block;}*/

.keyBox .bx1, .keyBox .bx2, .keyBox .bx3{padding:20px; min-height:0px;}
.k1{ margin-top:5px;}
.k2{ margin-top:15px;}
.k3{ margin-top:30px;}


#aboutUs { padding-top:30px; padding-bottom:30px; background:none;}
#aboutUs h2 { font-size: 30px;}

#faqs {padding-top:30px; padding-bottom:30px;}
#faqs h2 {font-size:30px;}
	
#mainFooter { padding-top: 50px; font-size: 12px;}
#mainFooter h5 { font-size: 14px;}

#footerLogo{ margin-bottom:35px; display:none;}

#colFt1, #colFt2{ margin-bottom:25px;}
#colFt2{ padding-left:15px;}



}


@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:landscape){

}



/****** 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){
.navbar-nav{ text-align:right;}

#homeBanner { padding-top: 20px; padding-bottom:80px;}
#mainHeader { margin-bottom:80px;}
#bannerCaption p {font-size:26px;}
#bannerCaption h2 {font-size:40px;}
.keyBox .bx1, .keyBox .bx2, .keyBox .bx3{padding:20px; min-height:0px;}
#aboutUs { padding-top: 50px; padding-bottom: 50px;}
#faqs {padding-top:50px; padding-bottom:50px;}
#mainFooter { padding-top: 50px; font-size: 12px;}
#mainFooter h5 { font-size: 14px;}
#footerLogo{ margin-bottom:35px;}
#colFt2{ padding-left:30px;}
}


@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
.keyBox .bx1, .keyBox .bx2, .keyBox .bx3 {padding:20px; min-height:330px;}
.k1{ margin-top:0px;}
.k2{ margin-top:15px;}
.k3{ margin-top:15px;}

#colFt2 {padding-left: 0px;}
}


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





/* 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) { 

}





/*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 (min-width:@screen-sm-min){}
@media (min-width:@screen-md-min){}
@media (min-width:@screen-lg-min){}
@media screen and (-webkit-min-device-pixel-ratio:0){}