@media only screen and (min-width : 0px) and (max-width :2000px) {
	#nav{
		position: relative;
		width: 69%;
		float: right;
	}
	#login {
		/*right: 5em;*/
	}
	#nav {
		margin-top: 50px;
	}
	#regInfo p:first-child, #regInfo p:last-child {
		width: 14%;
	}
	@media only screen and (min-width : 0px) and (max-width :1260px) {
		#calculators a{
			width: 100%;
		}
	}
@media only screen and (min-width : 0px) and (max-width :1250px) {
	#login {
	    right: 4.5em;
	}
		#nav {
		margin-top: 60px;
	}
	#regInfo p {
		width: 34%;
	}
	#topNav{
	 font-size: 1em;
    }
}
@media only screen and (min-width : 0px) and (max-width :1220px) {
	#btmBoxes .box a {
		    font-size: 1.3em;
}

	}
@media only screen and (min-width : 0px) and (max-width :1130px) {
	#logo {
	    width: 50%;
	    float: none;
	    margin: 1em auto;
	}
	#nav{
		width: 100%;
		/*float: none;*/
		margin-top: 0;
	}
	
    	
	#topNav ul li {
    width: 20%;
	}
	/*#topNav ul li:last-child {
     	display: none;
	}*/
	#contactInfo {
	    float: none;
		width: 100%;
	}
	#googleMap {
		float: none;
		width: 100%;
		margin-top: 1em;
	} 
	#mail, #phone, #fax, #email{
		float: left;
		width: 48%;
		margin-right: 2%;
	}

	/*NAV*/
	@media only screen and (min-width : 0px) and (max-width : 1110px) {
		#btmBoxes .box a {
		    font-size: 1em;
		}
	}
	
	@media only screen and (min-width : 0px) and (max-width :965px) {
		#rateBoxes .rbox {
		    width: 50%;
		    margin: 0 auto;
		    display: block;
		}
		#rateBoxes .rbox:nth-child(even){float: left}
		#rateBoxes .rbox:nth-child(2){border: none}
		#rateBoxes .rbox:last-child{width: 100%;}
		#regInfo{
			margin: 0 auto;
		}
		#regInfo p, #regInfo p:first-child, #regInfo p:last-child {
		    width: 100%;
		}	
		#regInfo p{
			margin-bottom: 0;
		}
		#regInfo img {
			width: 25%;
			margin: 0 auto;
			margin-bottom: 0;
		}
			.circleImg{
		float: none;
		margin: auto;
		padding: 0;
		width: 100%;	
	}
	#loans{
		margin: 0 auto;
	}
	        #btmBoxes{
        }
            #btmBoxes .box{
                width: 100%;
                margin-top: 1em;
            }
            #btmBoxes .box ul{
                display: none;
            }
		#btmBoxes .box:last-child{
                margin-top: 1em;
	}
		#btmBoxes .box a {
		    font-size: 1.3em;
}
	
	}
	@media only screen and (min-width : 0px) and (max-width :890px) {
		#join{
		width: 80%;
		}
	}
	@media only screen and (min-width : 0px) and (max-width :870px) {
		/*#menuBtn, #loginBtn{
			display: block;
		}*/
		#login{display: none;}
		#topNav ul li {
		    width: 100%
		}
		#topNav ul li#rn {
		    color: #FFF;
		    width: 100%;
		}

	}

@media only screen and (min-width : 0px) and (max-width :760px) {
	/*.contain{
		width: 100%;
	}*/
	/*#logo {
		width: 80%;
	}*/
			#logo{
			float: none;
			margin: 1em auto; 
			width: 80%;
		}
	main{
        
    }
        nav{
            width: 100%;
        }
        aside{
            width: 100%;
            min-height: auto;
        }
            #olb,#infoBox{
                width: 50%;
                float: left;
            }
        #mainContent{
            width: 100%;
        }
            #regInfo img {
			width: 30%;
		}
	#article1{
		background-image: url(../images/2023_11_people_join.jpg);
		background-attachment: scroll;
		background-position: top right;
		background-size: cover;
	}
	#secondaryExample {
		background-position: top right;
		font-size: 2.5em;
	}
	#join{
		width: 80%;
	}
	#calculators a{
			text-align: center;
		}
}
@media only screen and (min-width : 0px) and (max-width :600px) {
	#mail, #phone, #fax, #email{
		float: none;
		width: 100%;
		text-align: center;
	}
	#left, #right{
		float: none;
		width: 100%;
	}
}
@media only screen and (min-width : 0px) and (max-width :550px) {
    main{
        
    }
        aside{
          
        }
            #olb,#infoBox{
                width: 100%;
                float: none;
            } 
	#article1 .inside{
		width: 100%; 
		margin: 0 auto;
		
	}
	#regInfo img {
			width: 40%;
		}
	.inside h2 a.btn {
   font-size: .8em;
}
	.inside p {
    font-size: .8em;
}
}
	@media only screen and (min-width : 0px) and (max-width :436px) {
		container{width: 100%;}
		#topNav{
			font-size: .8em;
		}
		.inside p a.btn {
			font-size: 1em;
		}
		#btmBoxes .box a {
		    font-size: 1em;
		}
	}
	@media only screen and (min-width : 0px) and (max-width :390px) {
		#rateBoxes .rbox {
		    width: 100%;
			border: none;
		}
		#rateBoxes .rbox:nth-child(2n) {
			float: none;
		}
		#rateBoxes .rbox .inside {
		    padding: 0;
		}
		#article1 .inside h1{
		font-size: 1.1em;
		
		}
		#regInfo img {
			width: 60%;
		}
}
	@media only screen and (min-width : 0px) and (max-width :360px) {
		#topNav ul li {
		    width: 100%;
		}
		/*#topNav ul li {
		    width: 50%;
		}
		#topNav ul li:nth-child(3) {
		    width: 100%;
		}*/
	}
	@media only screen and (min-width : 768px) and (max-width :1023px) {
		.tablet_view{
			width:100% !important;
		}
	}
	@media only screen and (min-width: 0px) and (max-width: 870px) {
		#logo a img {
			width: 100%;
		}
		.mobile_logo{
			display: block;
		}
		.desktop_logo{
			display: none;

		}
	}

}
}