@media only screen and (min-width : 0px) and (max-width :1150px){
	.footerInfoBox{
		width:48%;
		}
}
@media only screen and (min-width : 0px) and (max-width :980px){
	.contain2, .contain, .contain3, #logo, #mainIcons,#socialMediaContent, #topFixNavContent{
		width:100%;
	}
	#mainCenterAd{
		width:90%;
		}
	#mainCenterAd img{
		width:100%;
		height:100%;
		margin:0px;
		border:0px;
		}
	nav{
		background-color:#0191d0;
		padding:0px;
		}
	#topMenuBar, .contain3{
		padding:0px;
		}
	.footerInfoBox p{
		font-size:0.9em;
		}
	.footerInfoBox h2{
		font-size:1.2em;
		}
	#secondaryMainImage{
		width:80%;
		height:auto;
		}
}
@media only screen and (min-width : 0px) and (max-width :920px){
	.icon img{
		width:90%;
		height:auto;
		}
	#footerInfoContainer{
		width:100%;
		}
}
@media only screen and (min-width : 766px) and (max-width :992px) {
	.contain2, #main{
		height:100%;
		min-height:100%;
		}
	.resourceBox, .footerInfoBox p{
		font-size:0.8em;
		}
	#footerContent{
		width:100%;
		max-width:100%;
		text-align:center;
		}
	#vb{
		margin: 2px 0;
		}
	#logo{
/*		background: url(../images/logo_T_BG.jpg) repeat-x center;*/
		background-color: #132361;
		margin-top:22px;
		text-align:left;
		padding:0px;
		height:181px;
		}
	#LogoT{
		display: inline-block;
		margin:auto;
/*		padding-top:4px;*/
		padding: 39px 0;
		}
	#LogoL{
		display:none;
		}
}
@media only screen and (min-width : 521px) and (max-width :880px) {
	#footerContent .image, #cuFooterInfo, #EqualHousingLender{
		float: none;
		display:inline-block;
		width:35%;
		margin:auto;
		text-align:center;
		padding:5px;
		}
}
@media only screen and (min-width : 0px) and (max-width :765px) {
	.contain, #topMenuBar{
		background-color:#ffffff;
		}
	.contain{
		width: 100%;
		}
	.threeColumn {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
    -webkit-column-rule: 2px double #ffcc00; /* Chrome, Safari, Opera */
    -moz-column-rule: 2px double #ffcc00; /* Firefox */
    column-rule: 2px double #ffcc00;
}
/*
********************************************************************************************************
                            TOP BANNER & LOGO SECTION RESPOND
********************************************************************************************************
*/
	#vb, #mainIcons div a span, #LogoL, #LogoT{
		display:none;
		}
			#vb{
		display: none;
		left: 5%;
		position: fixed;
		top: 1em;
		width: 90%;
		z-index: 10;
		background-color: #081434;
		color: #FFF;
		z-index:3000;
		height:auto;
		}
		#vb a, #vbTitle{
			color:#ffffff;
		}
	#vb.open{
		display: block;	
		}
	#loginCancel {
		display: inline-block;	
			padding:5px;
		width:auto;
		}
	#logo{
/*		background: url(../images/logo_m_BG.jpg) repeat-x center;*/
		background-color: #132361;
		margin-top:22px;
		text-align:center;
		}
	#LogoM{
		display: inline-block;
		margin:auto;
		padding-top:4px;
		}
	#topFixNavContent{
		width:320px;
		margin:auto;
		text-align:center;
		}
	#topFixNavContent div{
		float:none;
		display:inline-block;
		}
	#topFixNavContent div a{
		padding:0px 10px;
		}
/*
*******************************************************************************************************
                       ;                            Four Boxes RESPOND
*******************************************************************************************************
*/
	#boxesContainer{
		height: auto;
		}
	.box{
		width:48%;
		height: auto;
		margin-bottom:3%;
		}
	div.flexslider{
		margin-top:15px;
		}
/*
**********************************************************************************************************
                                    MENU & LOGIN BUTTON RESPOND
**********************************************************************************************************
*/
	#topMenuBar{
		background:#FFF;
		}
	nav{
		min-height:40px;
		background-color:#959595;
		}
	#loginBtn{
		display: block;
		}
/*
********************************************************************************************************
                                                    FOOTER SECTION RESPOND
********************************************************************************************************
*/
	#footerContent{
		width:100%;
		text-align:center;
		}

	#footerInfoContainer{
		flex-wrap: wrap;
		}
	#footerContent{
		margin-bottom:35px;
		}
/*
********************************************************************************************************
                                                    Others selectors RESPOND
********************************************************************************************************
*/
	.rates_standard{
		font-size:0.9em;
		}
}
@media only screen and (max-width :620px) {
	#threeImagesSection img{
		width:120px;
		height:auto;
		}
	 #newsPage article p, #newsPageInsert article p{
		 font-size:0.85em !important;
		}
 	.calculatorSection {
		width:100%;
		float: none;
		margin:0;
		}
 	#calculators a, #calculators a.last {
		float: none;
		width:98%;
		min-width:98%;
		margin: 2px auto 2px auto;
		}
	#usefulLinksContainer ul, #usefulLinksContainer li{
		margin:0;
		padding:0;
		list-style-type:none;
		}
}
@media only screen and (max-width :520px) {
	.footerInfoBox p{
		font-size:0.75em;
		}
	.footerInfoBox h2{
		font-size:1.1em;
		}
	#boxesContainer{
		flex-wrap: wrap;
		}
	.box{
		width:48%;
		}
	.box:nth-child(1), .box:nth-child(2){
		margin-bottom:10px;
		}
	.footerInfoBox{
		text-align:center;	
		}
	.rates_standard, .footerInfoBox a{
		font-size:0.8em;
		}
	#usefulLinksContainer p a img{
		width:90%;
		margin:auto;
		}
	.contactUsMapContainer{
		 float: none;
		 margin: auto;
		}
	.contactUsMapContainer iframe{
		width:98%;
		margin: auto;
		}
}
@media only screen and (max-width :480px) {
	.footerInfoBox{
		width:98%;
		margin:auto;
		text-align:center;
		}
	.threeColumn {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
		-moz-column-gap: 10px; /* Firefox */
		column-gap: 10px;
		-webkit-column-rule: 0px double #ffcc00; /* Chrome, Safari, Opera */
		-moz-column-rule: 0px double #ffcc00; /* Firefox */
		column-rule: 0px double #ffcc00;
		}
	#threeImagesSection img{
		width:90px;
		height:auto;
		}
	#mainIcons img{
		width:90%;
		}
	.box img{
		width:80%;
		height:auto;
		}
	.loansRightFloatingImg{
		float:none;
		margin:auto;
		}
	.loanProduct h2{
		text-align:center !important;
		font-size:1.1em;	
		}
	.savingsNCUA{
		width:95%;
		height:auto;
		}
}
@media only screen and (max-width :319px) {
	#menuBtn, #loginBtn{
		font-size:1.2em;
		height:40px;
		padding:0px;
		line-height:40px;
		width:47%;
		}
	#menuBtn{
		line-height:20px;
		}
	#topFixNavContent{
		width:230px;
		}
	#topFixNavContent div a{
		font-size:11px;
		}
	#topFixNav{
		padding:0px;
		margin:0px;
		}
	#LogoM{
		max-width:230px;
		}
}