	
	
	
@media (max-width: 850px) {
	

.menudiv ul {
    float: left;
    position: absolute;
    z-index: 999;
    right: 15px;
    top: 60px;
    background: #ffffff;
    width: 200px;
    text-align: left;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    box-shadow: 1px 11px 21px -5px #020202;
}
.menudiv ul li a{color:#444444;}
.menudiv ul li {
    float: left;
    width: 100%;
}
header {
    padding: 12px 0px 12px 0px;
}
.logodiv {
    width: 28%;
    float: left;
}
.menudiv ul li a {
    font-size: 14px;
    padding: 8px 10px 8px 10px;
    width: 100%;
	border-bottom:1px solid #dee2e6;
}
.menudiv ul li a:hover{border-bottom:1px solid #db620a;}
.menudiv ul li:last-child a {
    padding-right: 10px !important;
}
.menudiv ul li.activenav a {
    border-bottom: 2px solid #db620a;
}
.menudiv ul li.activenav a {
    border-bottom: 1px solid #db620a;
	color:#db620a;
}
.menudiv{display:none;}
.mobile-menu-btn{display:block;}
header {
    height: 71px;
}


body {
    padding-top: 71px;
}
.righttxtbanner h2 {
    font-size: 18px;
}
.righttxtbanner p {
    font-size: 14px;
}
.leftorangediv p, .rightmaroon p {
    font-size: 16px;
    margin-bottom: 20px;
}
.leftorangediv, .rightmaroon  {
    padding: 18px 10px;
}
.bluetxt p {
    font-size: 15px;
}
.headingdiv h3 {
    font-size: 22px;
    margin: 20px 0px;
}
.container {
	    padding: 0px 15px;
}
.step1right h5 .step2right h5, .step3right h5 {
    font-size: 14px;
}
.step1right p, .step2right p, .step3right p {
    font-size: 12px;
}
.arrowimgdiv img{max-width:68%;}
.stepbox p {
    font-size: 12px;
}
.bluehead p {
    font-size: 24px;
}
.headblue h4 {
    font-size: 24px;
    margin: 25px 0px 10px 0px;
}
.righttxt p {
    font-size: 14px;
}
.participatehead h4{
    font-size: 24px;
}
.participatehead p {
    font-size: 16px;
}
.flagslider .slick-list {
    padding: 0px 100px;
}
	
	.emailicon img {
    width: 60px;
    height: 62px;
}
.bannerhead h4 {
    font-size: 22px;
}
.eduloan p {
    font-size: 12px;
    padding: 0px 13px 0px 6px;
}

.eduloanmarg {
    margin: 4px 0px 4px 0px;
}
.menudiv ul {
    padding-top: 6px;
}
.menudiv ul li a:hover{text-decoration:none;}
.menudiv ul li a {
    scale: 88% 113%;
}

	}	
	
	
@media (max-width: 630px){
		
.logodiv {
    width: 43%;
}	
.flagslider .slick-list {
    padding: 0px 0px;
}
.leftbanner {
    width: 100%;
}
.righttxtbanner {
    width: 100%;
    padding: 15px;
}
.leftorangediv, .rightmaroon{
    width: 100%;
}
.leftorangediv a {
	
    font-size: 16px;
	
}

.mobileon{display:block;}
.mobileoff{display:none;}
.righttxtbanner h2 br, .righttxtbanner p br{
    display:none;
}
.bluetxt p {
    padding: 0px 0px;
}

.bluetxt p {
    font-size: 14px;
}
.headingdiv h3 {
    font-size: 18px;
    margin: 15px 0px;
}
.leftorangediv p, .rightmaroon p {
    font-size: 15px;
    margin-bottom: 13px;
}
.step1, .step2, .step3 {
    width: 68%;
    float: left;
	margin-bottom:20px;
}
.step1left, .step2left, .step3left{width:38%;text-align:center;}
.step1right, .step2right, .step3right{padding-left:5px;}
.stepdiv {justify-content:center;display:flex;flex-wrap:wrap;}
.arrowimgdiv {display:none;}
.stepbtm{flex-wrap:wrap;display:flex;}
.stepbox {
    width: 46%;
    margin-bottom: 20px;
    margin-top: 30px;
}
.stepbox p br{display:none;}
.stepbox img {
    max-width: 34%;
}
.bluehead p {
    font-size: 16px;
}
.bluehead p br{
    display:none;
}
.stepbtm {
    margin-bottom: 0px;
}
.headblue h4 {
    font-size: 18px;
    margin: 15px 0px 7px 0px;
}
.benefitsdiv {
    width: 100%;
    padding-left: 0px;
    height: 78px;
}
.graybg {
    background: #eaeaea;
    padding-bottom: 15px;
}
.participatehead h4 {
    font-size: 18px;
}
.participate {
    padding: 15px 0px;
}
.participatehead p {
    font-size: 14px;
	 margin: 6px 0px 20px 0px;
}
.partline {
    padding: 20px 15px 20px 15px;
}
.btntxt {flex-wrap:wrap;}
.btntxt p {
    font-size: 16px;
    margin: 10px 0px;
}
.btntxt a {
    font-size: 16px;
    margin: 0px 0px;
}

.contactus p {
    font-size: 16px;
    margin: 15px 0px;
}
.iconleft {
    width: 13%;
	
}
.righttxt {
    width: 87%;
}

.benefitsdiv {
    height: 69px;
}
.flagdiv p {
    font-size: 13px;
    margin-top: 8px;
}
.emailclass, .callclass {
    width: 100%;
}
.emailclass {
    padding-left: 0px;
	margin-bottom:15px;
}
.mailtxt p a {
    font-size: 13px;
}
.emailicon img {
    width: 46px;
    height: 48px;
}
.bottombanner {
    width: 100%;
}
.bottomrighttxt {
    width: 100%;
}
.changeflex{flex-wrap:wrap;}
.btmbannerpa{padding:15px;}
.bannerbtn a {
    font-size: 14px;
    margin: 10px 0px;
}
.bannerbtn {flex-wrap:wrap;}
.bannerbtn p {
    padding-left: 0px;
}
.bannerhead h4 {
    font-size: 18px;
    margin-bottom: 10px;
}
.marrondiv {
    padding: 8px 15px 8px 15px;
}
.bluchangebg {
    padding: 10px 15px 10px 15px;
}
.bottomling {
    width: 33%;
}
.lastbtndiv {
    width: 43%;
    text-align:center;
}
.lastbtndiv a {
    border: 1px solid #ffffff;
}
.lastbtndiv p {
    font-size: 9px;
    text-align: left;
}

	}	
	
	
	
	
	