@charset "utf-8";
/* CSS Document */
/*xs @media only screen and (min-width:375px)*/
	html{scroll-behavior: smooth;}
	body {padding-top:7rem;}
	/*.logo {border:1px solid red;}	*/
	
	.navtwo{top:100px;background-color:#003366;}	
	/*so you can scroll the sub-menu in mobile-mode*/
	nav.navtwo{
	   max-height: 100vh;
	   overflow: auto;
	  -webkit-overflow-scrolling: touch;
	  }
	  
	.border-left,.border-right{border-color:#036 !important;}
	
	.dkblue{background-color:#036;border:none;}
	.dkblue:hover{background-color:#039;}
	.txtblue{color:#036 !important;}
	.bg-gray{background-color:#cecece;}
	.ftcol a{color:#036;}
	
	.btn-outline-info {color: #036;border-color: #036;}
	.btn-outline-info:hover {background-color:#036;border-color:#036;}
	
	#featurestbl li{margin-bottom:.8rem;}
	
	.iconmdl{max-width:70% !important;}
	
	.specfeats li{margin-bottom:.85em;}
	
	.address {
    visibility: hidden;
    height: 1px;
    font-size: .1em;
    overflow: hidden;
    position: absolute;
	}
	
	.help-block,.has-error .control-label{font-weight:500;color:#cc0000;}	
	
	#testimonialbox .col-xl-6{margin-bottom:1rem;}
	
	.specialad {overflow:visible;}	
	.modal-header .close{margin:0;}
	
	#other_information_c{height:8.5em;}
	
	.tinytxt{color:#333;font-size:small;}
	
/*mobile, portrait*/
@media only screen and (min-width:375px) {
	/*.logo {border:1px solid blue;}	*/
}

/*mobile, portrait*/
@media only screen and (min-width:414px) {
	/*.logo {border:1px solid green;}*/
}

/*mobile, landscape*/
@media only screen and (min-width:568px) {
	/*.logo {border:1px solid pink;}*/
}

/*mobile, landscape*/
@media only screen and (min-width:667px) {
	/*.logo {border:1px solid yellow;}*/
}

/*mobile, landscape*/
@media only screen and (min-width:736px) {
	/*.logo {border:1px solid orange;}*/
	body {padding-top:7rem;}
	.topnav center{width:90%;padding-left:5%;}
	.callnow{color:#036;font-size:1.5rem;font-weight:bold;color:#036;margin-bottom:-10px;}
	.pnum{font-size:2.5rem;font-weight:bold;color:#cc0000;}
}

/*tablet, portrait*/
@media only screen and (min-width:768px) {
	/*.logo {border:1px solid indigo;}*/
	body {padding-top:11rem;}
	.navtwo{top:120px;background-color:#003366;}	
	.border-left,.border-right{border-color:#fff !important;}	
	#other_information_c{height:inherit;}
}

/*mobile, landscape*/
@media only screen and (min-width:812px) {
	/*.logo {border:1px solid gray;}*/
}

/*tablet, portrait*/
@media only screen and (min-width:834px) {
	/*.logo {border:2px dashed red;}*/
}

/*tablet, landscape*/
@media only screen and (min-width:1024px) {
	.logo {
		/*border:2px dashed blue;*/
		width:226px;height:auto;
	}	
	.topnav center{width:70%;padding-left:15%;}	
}

/*tablet, landscape*/
@media only screen and (min-width:1112px) {
	.logo {
		/*border:2px dashed green;*/
		width:250px;height:auto;
	}	
	.navtwo{top:130px;}
}

/*laptop-1*/
@media only screen and (min-width:1366px) {
	body {padding-top:12.5rem;}
	.logo {
		/*border:2px dashed pink;*/
		width:310px;height:auto;
	}
	.topnav center{width:100%;padding-left:18%;}	
	.navtwo{top:150px;background-color:#003366;}
	#testimonialbox .col-xl-6{margin-bottom:inherit;}
}

/*laptop-2*/
@media only screen and (min-width:1440px) {
	/*.logo {border:2px dashed purple;}	*/	
	.navtwo{top:138px;background-color:#003366;}
}

/*tc home screen*/
@media only screen and (min-width:1600px) {
	.logo {
		/*border:2px dashed brown;*/
		max-width:290px;
		width:390px;
		height:auto;
	}
	.maxsvgh{max-height:285px !important;;}
	.maxsvgh2{max-height:245px !important;;}
	.maxsvgh3{max-height:80px !important;}
	.maxsvgh4{max-height: 160px !important;;}
}

/*desktop*/
@media only screen and (min-width:1680px) {
	body {padding-top:14.5rem;}
	.logo {/*border:2px dashed orange;*/width:390px;height:auto;}
	.topnav center{width:100%;padding-left:21%;}	
	.navtwo{top:180px;}
}

/*desktop 1080p*/
@media only screen and (min-width:1920px) {
	body {padding-top:15.5rem;}
	.logo {/*border:2px dashed black;*/width:432px;height:auto;}
	.topnav center{width:100%;padding-left:25%;}	
	.navtwo{top:200px;}
}

@media only screen and (min-width:2560px) {
	/*.logo {border:5px dashed pink;}*/
	.navtwo{top:153px;}
}

