﻿

@media only screen and (max-width: 1600px){ 
	
}

@media only screen and (max-width: 1440px){ 
	body {
		font-size:15px;
		line-height:22px;
	}
	
	
	.headerleftimg {
		width: 56%;
		display: inline-block;
		vertical-align: top;
		margin: 8% 3% 0 4%;
	}
	
	.headerleft {
		display: inline-block;
		vertical-align: top;
		width: 58%;
		margin: 8% 0 2% 2%;
		position: relative;
	}
	.headerleft h3 {
		font-size: 28px;
		line-height: 36px;
		margin-left: 15%;
	}
	.headerleft img {
		width: 18%;
		top: 80px;
		left: 0%;
	}

	
	#Arrowfix {
		width:30px;
		height:30px;
	}
	#Arrowfix span {
		margin-left:-6px;
		margin-top:-10px;
		border:6px solid transparent;
		border-bottom-color:#ffffff
	}
	
	
	
	.topbg {
		
			background: url(../images/FranchiseprogramBanner29062021.jpg) no-repeat center bottom #005aa4;
	
	/*background: url(../images/top-bg.png) no-repeat center bottom #005aa4;*/
		background-position: bottom center;
	}

    .pdfcont {
        width: 10%;
        clear: both;
        margin: -95px 15px 0px 0px;
    }
	
}


@media only screen and (max-width: 1280px){ 
	
	
	.topmainwrapper, .headermain, .aboutcontain, .offeringwrapper, .whychoosewrapper, .getstartedwrapper, .videowrapper, .faqwrapper, .awardswrapper, .footerwrapper, .programswrapper {
		width: 88%;
	}
	
	
	.headerleft {
		margin: 10% 0 2% 5%;
	}
	
	
	.whychoosebox h5 {
		font-size: 14px;
		line-height: 22px;
	}
	.whychoosebox h5 span {
		font-size: 30px;
		line-height: 30px;
	}
	
	
	.headerleftimg {
		width: 58%;
		display: inline-block;
		vertical-align: top;
		margin: 10% 2% 0 3%;
	}
	
	
	
	.awardsbox {
		line-height: 22px;
		font-size: 16px;
	}
	.awardsbox h6 {
		font-size: 16px;
		line-height: 24px;
	}
	.footerwrapper {
		font-size: 16px;
		line-height: 22px;
	}
	
}

@media only screen and (max-width: 1100px){ 
	
	
	.topmainwrapper {
		width: 100%;
        background-color:#005aa4;
		padding: 10px 0;
	}
	.logo {
		margin-left: 5%;
	}
	.logo img {
		height: 40px;
	}
	
	
	
	.headerform {
		width: 84%;
		margin: 0 auto;
		padding: 6% 0 0 0;
		text-align: center;
	}
	.headerform h3 {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 5px;
	}
	.headerform input {
		width: 92%;
		margin: 3px auto;
		padding: 5px 4%;
	}
	.headerform select {
		margin: 3px auto;
		padding: 5px 4%;
	}
	.headerform input[type="submit"]  {
		width: 120px;
		margin: 8px auto 0 auto;
		padding: 7px 0;
		font-size: 14px;
		letter-spacing: 1px;
	}
	
	
	.awardsbox {
		width: 46%;
		padding: 0 0 0 1.5%;
		margin: 2% 0.5%;
		border-left: 3px solid #ffe73c;
		line-height: 24px;
		font-size: 18px;
	}
	
	
	.videowrapper p {
		width: 100%;
		margin: 0 auto;
	}
	
	
	
	.programstext {
		width: 100%;
		margin: 0 auto 30px auto;
	}
	
	.programstext  p{
		width: 100%;
	}
	.programstext h5 {
		margin: 40px auto 20px auto;
	}
	
	
	
	
	
	
	
	

	
	
}


@media only screen and (max-width: 800px){


    .topbg {background:#033055;}
    .mobbnr { display:block;}

	.headerleftimg {
		width: 90%;
		display: block;
		vertical-align: top;
		margin: 0 auto 30px auto;
	}
	
	.headerleft {
		display: block;
		width: 100%;
		margin:20px 0;
		padding: 0;
		left: 0;
		top: 0;
		right: 0;
		clear: both;
	}
	
	.headerleft img {
		position: relative;
		width: 20%;
		margin: 0;
		padding: 0;
		left: 0;
		right: 0;
		top: 0;
		float: left;
		display: block;
	}
	.headerleft h3 {
		float: right;
		display: block;
		margin: 0;
	}
	
	.headerright {
		display: block;
		width: 300px;
		margin: 0 auto;
		min-height: 320px;
		background-size: 100% 100%;
	}
	
	.offeringbox {
		width: 90%;
		margin: 30px auto;
		padding: 0;
	}
	
	
	h2 {
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 15px;
	}
	
	
	.whychoosebox {
		width: 30%;
		margin: 20px 1%;
	}
	
	
	.getstartedbox {
		width: 90%;
		margin: 20px auto;
	}
	
	
	
	.aboutcontain, .offeringwrapper, .whychoosewrapper, .getstartedwrapper, .videowrapper, .faqwrapper, .awardswrapper, .footerwrapper, .programswrapper {
		padding: 60px 0;
	}
	
	.offeringwrapper h2, .whychoosewrapper h2, .getstartedwrapper h2, .videowrapper h2, .faqwrapper h2, .programswrapper h2 {
		margin-bottom: 20px;
		font-size: 22px;
	}
	
	
	
	
	
	
	
	.offeringbox, .getstartedbox {
		margin: 15px auto;
	}
	
	
	
	
	.whychoosebox  {
		margin: 20px 1%;
		padding: 0;
		width: 40%;
		display: inline-block;
		
	}
	.whychoosebox h5 {
		font-size: 13px;
		line-height: 20px;
	}
	.whychoosebox h5 span {
		font-size: 24px;
		margin: 10px auto 0 auto;
	}
	
	.videoimg {
		margin-top: 20px;
	}
	
	
	.faqtitle span {
		padding: 2px 8px;
		margin: 0 15px 15px 0;
		font-size: 14px;
	}
	.faqtitle {
		font-size: 13px;
		padding: 20px 30px 20px 0px;
	}
	
	


	.programsbox {
		width: 44%;
		margin: 2.5%;
	}
	
	
	#Arrowfix {
		right:5px;
		bottom:5px;
	}
	
	
	.footerfixed {
		display: block;
	}
	

    .pdfcont {
    width: 22%;
    clear: both;
    margin: -68px 15px 0px 0px;
}

	
}

@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 1){

}

@media only screen and (max-width: 640px){ 
	
	
	.whychoosebox {
		width: 46%;
	}
	
	.awardsbox {
		width: 93%;
		padding-left: 5%;
		margin: 15px 0;
		font-size: 14px;
		line-height: 20px;
	}
	.awardsbox h6 {
		font-size: 14px;
	}
	
	.footerleft, .footerright {
		float: none;
		width: 100%;
		text-align: center;
		margin: 5px 0;
	}
	
	
	
	.programstext li {
		display: block;
		width: 200px;
		padding: 20px 10px;
		margin: 10px auto;
		/* text-align: left; */
	}

	.programsbox {
		display:block;
		vertical-align: top;
		width: 80%;
		margin: 30px auto;
	}


    .pdfcont {
    width: 46%;
    clear: both;
    margin: -68px 15px 0px 0px;
}
	
	
}

@media only screen and (max-width: 540px){ 
	
	.headerleft img {
		position: relative;
		display: none;
	}
	.headerleft h3 {
		float: none;
		display: block;
		margin: 0%;
		width: 100%;
		text-align: center;
	}
	
	
}

@media only screen and (max-width: 480px){ 
	
}

