/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 

@media (min-width: 240px) and (max-width: 568px){
	.Consumer_Credit_Application th {
		font-size: 12px;
	}

	td.past {
		padding-left: 10px;
	}

}
@media (min-width: 569px) and (max-width: 767px){


}
@media (max-width: 767px) {
#elements { width:100%; padding: 205px 0 0; }
#interior { background:#fff; }
#slider-frame { width:100%; }
#slider { width:100%; }

h1 { font: bold 18px/1em helvetica, arial, sans-serif; }
#header { width:100%; background-size: 100% 100%; background-position: center center; height: 205px; }
#content { width:100%; float:left; }
#sidebar { width:100%; float:left; }
#logo { margin: 15px 0 0 0;  clear: both; width: 100%; text-align:center; }
#logo img { display:inline-block; }
#header .contact { margin:0; font-size: 18px; text-align: center; }	
#tools { float:none; text-align:center; }
#tools li { display:inline-block; float:none; padding:0 5px; }
#header .contact { width:auto; float:none; clear:none; }
h2 { font:bold 20px/1em helvetica, arial, sans-serif; }
p { line-height: 20px; }
.mod-take-the-quiz { min-height:100%; padding:0; height: 320px !important; background: #fff url(img/quiz.jpg) 0 100% no-repeat; }
#elements { width: auto !important; }
.sidebarmobile {display: block; margin-bottom: 20px; padding-bottom: 40px;}
.hoverinfo img{ display: none; }
.hoverinfo p {display: inline;
	padding: 10px;
	margin: 10px;}
}


@media (min-width: 768px) {

}

@media (min-width: 768px) and (max-width: 991px){
#elements { width:750px; }
#interior { background:#fff; }
#slider-frame { width:100%; }
#slider { width:100%; }

#header { width:100%; background-size: 100% 100%; background-position: center center; }
#content { width:100%; float:left; }
#sidebar { width:100%; float:left; }
#logo { margin: 15px 0 0 32px; }
#header .contact { margin: 16px 30px 0 0; }

}

@media (max-width: 992px) {
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
	background: #129a59 !important;	
}	
#cssmenu > ul > li > a { color: #fff !important;}		
	
}

@media (min-width: 992px) and (max-width: 1199px){
	

}


@media (min-width: 1200px) and (max-width: 1349px){
	
}

@media (min-width: 1350px) and (max-width: 1710px){
	
}

@media (min-width: 1711px) and (max-width: 1919px){

}



/*---------- Large Desktop , Large Screen End ----------*/