@charset "UTF-8";
/* CSS Document */

/************************************************************** viewport >1301 **************************************************************/
@media only screen and (min-width: 1301px) {
.wrapper {width:1280px; margin:0 auto; }
.container {width:100%;}
body {margin-bottom:380px;}
.footer {height:380px}
.footer li a {padding:10px;}
    
.logo {margin:20px 10px 10px 20px!important; width: 200px;}
.info {top:200px; left:100px; width:500px; font-size: 2.5em;}
header.bg-home {min-height:700px!important;}
#whatnew {position: relative; z-index:999!important; margin-top:-150px}
#home-contactUs {height:380px}
    
.smImageResize {width:250px!important; height: auto}
.mdImageResize {width:350px!important; height: auto}
.lgImageResize {width:500px!important; height: auto}
    
.map-responsive{padding-bottom:30%;}


}



/************************************************************** viewport >1201 **************************************************************/
@media only screen and (min-width: 1201px) and (max-width:1300px) {
.wrapper {width:1180px; margin:0 auto; }
.container {width:100%;}
body {margin-bottom:380px;}
.footer {height:380px}
.footer li a {padding:10px;}
    
.logo {margin:20px 10px 10px 20px!important; width: 200px;}
header.bg-home {min-height:600px!important; z-index:999!important}
.info {top:200px; left:100px; width:500px; font-size: 2.5em;}
#whatnew {position: relative; z-index:999!important; margin-top:-100px}
#home-contactUs {height:380px}
#mobility1 h4 {font-size:1.3em!important}
    
.smImageResize {width:250px!important; height: auto}
.mdImageResize {width:350px!important; height: auto}
.lgImageResize {width:500px!important; height: auto}
    
.map-responsive{padding-bottom:30%;}
    
}

/************************************************************** viewport 1200 to 1201 **************************************************************/
@media only screen and (min-width: 1200px) and (max-width:1201px) {
#mobility1 h4 {font-size:1.3em!important}
}



/************************************************************** viewport 980 to 1200 **************************************************************/
@media only screen and (min-width: 980px) and (max-width:1200px) {
.wrapper {width:980px; margin:0 auto;}
.container {width:100%}
body {margin-bottom:360px;}
.footer {height:360px}
.footer li a {padding:10px;}
    
.logo {margin:20px 10px 10px 20px!important; width: 170px;}
header.bg-home {min-height:550px!important; z-index:999!important}
.info {top:200px; left:100px; width:500px; font-size: 2.5em;}
#whatnew {position: relative; z-index:999!important; margin-top:-80px}
#home-contactUs {height:380px}    
    
.smImageResize {width:250px!important; height: auto}
.mdImageResize {width:350px!important; height: auto}
.lgImageResize {width:500px!important; height: auto}
    
.map-responsive{padding-bottom:30%;}


}



/************************************************************** viewport 980 to 992 - ac **************************************************************/
@media only screen and (min-width: 980px) and (max-width:992px) {
body {margin-bottom:410px;}
.footer {height:410px}
.navbar-collapse {background-color:rgba(1,63,110,.9)!important; padding:20px; }
#home-abtUs .bg-home-abtUs {height:350px}
    
.imgResize {width:90%}
.smImageResize {width:250px!important; height: auto}
.mdImageResize {width:350px!important; height: auto}
.lgImageResize {width:500px!important; height: auto}

}



/************************************************************** viewport 941 to 979 **************************************************************/
@media only screen and (min-width: 941px) and (max-width: 979px) {
.wrapper {width:100%;}
.container {width:100%}
body {margin-bottom:450px;}
.footer {height:450px}
.footer li a {padding:15px;}
    
.logo {margin:20px 10px 10px 30px!important; width: 180px;}
header.bg-home {min-height:550px!important; z-index:999!important}
.info {top:200px; left:100px; width:500px; font-size: 2.5em;}
.bg-home .navbar-collapse {background-color:rgba(1,63,110,.9)!important; padding:20px; }
.bg-sub .navbar-collapse {background-color:rgba(240,240,240,.9)!important; padding:20px; }
#whatnew {position: relative; z-index:999!important; margin-top:-40px}
#home-abtUs .bg-home-abtUs {height:350px}
#home-contactUs {height:380px}  
    
.smImageResize {width:250px!important; height: auto}
.mdImageResize {width:350px!important; height: auto}
.lgImageResize {width:500px!important; height: auto}
    
.map-responsive{padding-bottom:40%;}


	
}



/************************************************************** viewport 768 to 940 **************************************************************/
@media only screen and (min-width: 768px) and (max-width: 940px) {
.wrapper {width:100%;}
.container {width:100%}
body {margin-bottom:530px;}
.footer {height:530px}
.footer li a {padding:20px 10px;}

.logo {margin:20px 10px 10px 30px!important; width: 180px;}
header.bg-home {min-height:550px!important; z-index:999!important}
.info {top:200px; left:100px; width:500px; font-size: 2.5em;}
.bg-home .navbar-collapse {background-color:rgba(1,63,110,.9)!important; padding:20px; }
.bg-sub .navbar-collapse {background-color:rgba(240,240,240,.9)!important; padding:20px; }
#whatnew {position: relative; z-index:999!important; margin-top:-30px}
#home-abtUs .bg-home-abtUs {height:350px}
#home-contactUs {height:420px} 
    
.smImageResize {width:250px!important; height: auto}
.mdImageResize {width:350px!important; height: auto}
.lgImageResize {width:500px!important; height: auto}
    
.map-responsive{padding-bottom:40%;}


}
	
	

/************************************************************** viewport 480 to 767 **************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper {width:100%;}
body {margin-bottom:830px;}
.footer {height:830px}
.footer li a {padding:10px;}

.logo {margin:20px 10px 10px 30px!important; width: 160px;}
header.bg-home {min-height:500px!important; z-index:999!important}
.info {top:180px;  width:80%; font-size: 2em; left:0; right:0; margin:auto; line-height:1.2em!important;}
.bg-home .navbar-collapse {background-color:rgba(1,63,110,.9)!important; padding:20px; }
.bg-sub .navbar-collapse {background-color:rgba(240,240,240,.9)!important; padding:20px; }
#whatnew {position: relative; z-index:999!important; margin-top:-30px}
.width40, .width50, .width60, .width70, .width80, .width90 {width:100%!important}
.h1-350, .h1-400, .h1-450, .h1-500 {width:100%!important}
#home-abtUs .bg-home-abtUs {height:350px}
#home-contactUs {height:450px}    
    
.imgResize {width:350px!important; height: auto;}
.map-responsive{padding-bottom:50%;}
    
    
    

}



/************************************************************** viewport 321 to 479 **************************************************************/
@media only screen and (min-width: 321px) and (max-width: 479px) {
.wrapper {width:100%;}
body {margin-bottom:930px;}
.footer {height:930px}
.footer li a {padding:10px;}


.logo {margin:20px 10px 10px 10px!important; width: 160px;}
header.bg-home {min-height:450px!important; z-index:999!important}
.info {top:180px;  width:80%; font-size: 1.8em; left:0; right:0; margin:auto; line-height:1em!important;}
.bg-home .navbar-collapse {background-color:rgba(1,63,110,.9)!important; padding:20px; }
.bg-sub .navbar-collapse {background-color:rgba(240,240,240,.9)!important; padding:20px; }
#whatnew {position: relative; z-index:999!important; margin-top:-20px}
.home-news-slider img {border:solid 3px #eee;}    
.width40, .width50, .width60, .width70, .width80, .width90 {width:100%!important}
.h1-350, .h1-400, .h1-450, .h1-500 {width:100%!important}
#home-abtUs .bg-home-abtUs {height:350px}
#home-contactUs {height:450px}
    
.map-responsive{padding-bottom:70%;}
.copyright {line-height: 1.4em}
	
}


/************************************************************** viewport <320 **************************************************************/

@media only screen and (max-width: 320px) {
.wrapper {width:100%}
body {margin-bottom:930px;}
.footer {height:930px}
.footer li a {padding:10px;}
	

.logo {margin:20px 10px 10px 10px!important; width: 160px;}
header.bg-home {min-height:450px!important; z-index:999!important}
.info {top:180px;  width:80%; font-size: 1.8em; left:0; right:0; margin:auto; line-height:1em!important;}
.bg-home .navbar-collapse {background-color:rgba(1,63,110,.9)!important; padding:20px; }
.bg-sub .navbar-collapse {background-color:rgba(240,240,240,.9)!important; padding:20px; }
#whatnew {position: relative; z-index:999!important; margin-top:-20px}
.home-news-slider img {border:solid 3px #eee;}    
.width40, .width50, .width60, .width70, .width80, .width90 {width:100%!important}
.h1-350, .h1-400, .h1-450, .h1-500 {width:100%!important}
#home-abtUs .bg-home-abtUs {height:350px}
#home-contactUs {height:450px}
.copyright {line-height: 1.4em}    
.map-responsive{padding-bottom:70%;}



}