@charset "utf-8";
/* CSS Document */

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

}
@media only screen and ( max-width: 1280px ) {
	.container { width:96%;}
	.itembox ul { margin-left:-2%; margin-top:-2%;}
	.itembox ul li { width:31.33%; margin-left:2%; margin-top:2%;}
	.itembox.itembox2 ul { margin-left:-2%; margin-top:-2%;}
	.itembox.itembox2 ul li { width:31.3%; margin-left:2%; margin-top:2%}
	.footersection .mapsection { width:62%;}
	.footersection .location { width:38%;}
	.form-modal { padding-top:65px;}
}
@media only screen and ( max-width: 1024px ) {
	.headersection .topnav ul li { margin-left:20px;}
	.headersection .topnav ul li a { font-size:16px;}
	.headersection .logo p { font-size:70px;}
/* 	.banner { height:450px;} */
	.footersection .location { padding:40px 20px;}
	.bannerbottom .boxsection { min-height:480px;}
	.missionsection .missioncontent { margin-left:30px;}
	.itembox.itembox4 ul li { width:31.3%;}
}
@media only screen and ( max-width: 980px ) {
	.headersection .topnav ul li { margin-left:15px;}
	.bannerbottom .boxsection.box2 { padding:45px 15px 45px 20px;}
	.missionsection .missioncontent { width:500px; padding:30px 40px 40px;}
	.missionsection { padding:35px 0px;}
	.missionsection .missioncontent { margin-left:10px;}
	.itembox ul li { padding:25px 15px;}	
	.itembox ul li p span { display:inline;}
	.itembox.itembox2 ul li { width:31.33%; padding:20px 14px;}
	.footersection .mapsection { width:62%;}
	.footersection .location { width:38%;}
	.subjectsection ul { margin-left:-4%;}
	.subjectsection ul li { margin-left:4%;}
}
@media only screen and ( max-width: 800px ) {
	.headersection { text-align:center; padding:8px 0px;}
	.headersection .logo { float:none; margin-top:0;}
	.headersection .topnav { display:none;}
	.headertop .headerleft ul { margin-left:-30px;}
	.headertop .headerleft ul li { margin-left:30px;}
	.headertop .headerleft ul li a { font-size:16px;}
	.headertop .headerright .formbtn a { margin-right:20px;}
/* 	.banner { height:400px;} */
	.bannerbottom .boxsection { width:auto; float:none; padding:25px 20px 30px 20px;}
	.bannerbottom .boxsection .subjectsection ul li { width:43%;}
	.bannerbottom .boxsection.box2 { width:auto; float:none; padding:25px 20px 30px 20px; margin-top:30px; margin-left:0;}
	.bannerbottom .boxsection ol li { font-size:17px; line-height:27px;}
	.itembox { padding:30px 25px;}
	.itembox ul { margin-left:-3%; margin-top:-3%;}
	.itembox ul li { width:47%; margin-left:3%; margin-top:3%;}
	.itembox.itembox2 ul { margin-left:-3%; margin-top:-3%;}
	.itembox.itembox2 ul li { width:47%; margin-left:3%; margin-top:3%;}
	.item h3.titlebtn { font-size:24px;}
	.footersection .mapsection { width:50%;}
	.footersection .location { width:50%; padding:30px 20px 25px;}
	.bannerbottom .boxsection { min-height:inherit;}
/*	#menufication-top #menufication-btn:before, #menufication-non-css3-top #menufication-non-css3-btn:before { height:18px !important;}*/
	.item h3.titlebtn:before { top:22px;}
	.item.open h3.titlebtn:before { top:28px;}
	
	
	.main-container { padding:20px 0px 30px;}
	.full-width-pages h1.entry-title { margin-bottom:20px;}
}
@media only screen and ( max-width: 768px ) {
}
@media only screen and ( max-width: 736px ) {
}
@media only screen and ( max-width: 667px ) {
	.headertop .headerright .formbtn a { font-size:14px; min-width:115px; margin-right:15px;}
	.headertop .headerleft ul { margin-left:-20px;}
	.headertop .headerleft ul li { margin-left:20px;}
	.headertop .headerleft ul li i { margin-right:10px;}
	.headertop .headerleft { margin-top:10px;}
/* 	.banner { height:350px;} */
	.bannerbottom .boxsection h3 { margin-bottom:25px;}
	.bannerbottom .boxsection.box2 h3 { margin-bottom:30px;}
	.missionsection .missioncontent { padding:30px 20px 30px;}
	.itembox ul li h4 { font-size:19px;}
	.footersection .location { padding:25px 10px 29px 15px;}
	.footersection .location h4 { font-size:18px;}
	.footersection .location h5 { font-size:16px;}
	.subjectcontent { padding:35px 20px 40px;}
	.missionsection .missioncontent { width:460px;}
	.itembox.itembox4 ul { margin-left:-3%; margin-top:-4%;}
	.itembox.itembox4 ul li { width:47%; margin-left:3%; margin-top:4%;}
	
}
@media only screen and ( max-width: 640px ) {
	.headertop .headerleft ul li a { font-size:15px;}
	.bannerbottom { padding:20px 0px;}
	.bannerbottom .boxsection .subjectsection ul li { width:47%;}
	.missionsection { padding:25px 0px;}
	.committeesection { padding:25px 0px;}
	.itembox { padding:25px 18px;}
	.committeesection .item + .item { margin-top:25px;}
	.footersection { padding:25px 0px;}
	.footersection .mapsection { width:46%;}
	.footersection .location { width:54%;}
	.copyright p { font-size:15px;}
	.subjectsection { padding:20px 0px;}	
}
@media only screen and ( max-width: 600px ) {
	.headertop { text-align:center; padding:15px 0px;}
	.headertop .headerleft { float:none; margin-top:0;}
	.headertop .headerleft ul { margin-left:-40px;}
	.headertop .headerleft ul li { margin-left:40px;}
	.headertop .headerleft ul li a { font-size:17px;}
	.headertop .headerright { float:none; margin-top:15px;}
	.headertop .headerright .formbtn a { font-size:18px; min-width:150px; margin-right:25px;}
/* 	.banner { height:330px;} */
	.missionsection .missioncontent h3 { margin-bottom:10px;}
	.missionsection .missioncontent p { font-size:17px;}
	.committeesection .item h3.titlebtn { font-size:22px;}
	.itembox.itembox2 ul li { padding:20px 14px;}
	.itembox ul li h4 { font-size:17px;}
	.itembox ul li h5 { font-size:18px;}
	.footersection .contactmap { display:block;}
	.footersection .mapsection { float:none; width:100%}
	.footersection .mapsection iframe { height:250px;}
	.footersection .location { width:100%; float:none; text-align:center;}
	.footersection .location h3 { font-size:27px;}
	.footersection .location h4 { font-size:20px;}
	.footersection .location h5 { font-size:19px;}
	.footersection .location p { font-size:17px;}
	.copyright { padding:16px 0px;}
	.copyright a { display:block; margin-top:6px;}
	.missionsection { background:none; padding:0px; position:inherit;}
	.missionsection:after { display:none;}
	.missionbg {/* background: url(../images/mission-bg.jpg) no-repeat*/; height:250px; position:relative; background-size:cover;}
	.missionbg:after { background:#000; position:absolute; height:100%; width:100%; content:""; left:0; top:0; opacity:0.4;  }
	.missionsection .missioncontent { width:100%; margin:-80px 0px 0px 0px;}
	
	.main-container { padding:20px 0px 25px;}
	.full-width-pages h1.entry-title { font-size:32px; margin-bottom:15px;}
	
}
@media only screen and ( max-width: 568px ) {
/* 	.banner { height:300px;} */
	/*.committeesection { display:none;}*/
	.committeesection.committeesection-mobile { display:block;}
	.itembox ul { margin-left:0px; margin-top:-4%;}
	.itembox ul li { width:90%; margin:4% auto 0px; padding:25px 20px;}
	.itembox ul li h4 { font-size:20px;}
	.itembox ul li p { font-size:17px;}
	.itembox ul li h5 { font-size:19px;}
	.itembox.itembox2 ul { margin-left:0px; margin-top:-4%;}
	.itembox.itembox2 ul li { width:90%; margin:4% auto 0px; padding:25px 20px;}

}
@media only screen and ( max-width: 480px ) {
	.container { width:94%;}
	.headertop .headerleft ul { margin-left:-30px;}
	.headertop .headerleft ul li { margin-left:30px;}
	.headertop .headerleft ul li a { font-size:16px;}
	.headertop .headerright .formbtn a { margin-right:20px;}
/* 	.banner { height:260px;} */
	.form-content { width:90%; box-sizing:border-box;}
	.bannerbottom .boxsection.box2 { margin-top:20px;}
	.itembox.itembox4 ul { margin-left:0; margin-top:-5%;}
	.itembox.itembox4 ul li { width:100%; margin-left:0; margin-top:5%;}
	
}
@media only screen and ( max-width: 414px ) {
	.headertop .headerleft ul { margin-left:0; margin-top:-15px;}
	.headertop .headerleft ul li { margin-left:0px; margin-top:15px;}
	.headertop .headerleft ul li a { font-size:17px;}
/* 	.banner { height:220px;} */
	.bannerbottom .boxsection .subjectsection { margin-left:0; background:#f1f1f1; margin:20px -15px 0px; padding:20px 15px;}
	.bannerbottom .boxsection .subjectsection ul { margin-left:0;}
	.bannerbottom .boxsection .subjectsection ul li { width:100%; margin-left:0;}
	.bannerbottom .boxsection.box2 h3 { font-size:23px; margin-bottom:22px;}
	.bannerbottom .boxsection.box2 ul li p { padding:0;}
	.bannerbottom .boxsection.box2 ul { margin-top:-12px;}
	.bannerbottom .boxsection.box2 ul li { margin-top:12px;}
	.committeesection .item h3.titlebtn { font-size:22px;}
	.itembox ul { margin-top:-5%;}
	.itembox ul li { width:100%; margin:5% auto 0px;}
	.itembox.itembox2 ul { margin-top:-5%;}
	.itembox.itembox2 ul li { width:100%; margin:5% auto 0px;}
	.copyright p { line-height:24px;}
	.copyright a { display:inline; margin-top:0;}
	.footersection .location h5 { font-size:18px;}	
	.subjectcontent { text-align:left; padding:25px 20px 30px;}
	.subjectsection ul { margin-left:0; margin-top:0;}
	.subjectsection ul li { display:block; margin-left:0;}
}
@media only screen and ( max-width: 384px ) {
	.itembox.itembox2 ul li { padding:25px 15px;}
	.missionsection .missioncontent { margin:-100px 0px 0px 0px;}
}
@media only screen and ( max-width: 375px ) {
}
@media only screen and ( max-width: 360px ) {
/* 	.banner { height:190px;} */
	.itembox ul li h4 { font-size:19px;}
	.footersection .mapsection iframe { height:230px;}
	.footersection .location { padding:20px 10px 15px 15px;}
	.footersection .location h3 { font-size:25px;}
	.footersection .location h4 { font-size:18px; margin:10px 0px 12px;}
	.footersection .location p { font-size:16px;}
	.footersection .location h5 { font-size:17px;}
	.form-content { padding:22px 18px;}
	#formsection h3 { font-size:23px;}
	.subjectcontent { padding:25px 17px 30px;}
	.itembox.itembox4 ul { margin-top:-6%;}
	.itembox.itembox4 ul li { margin-top:6%;}
	.full-width-pages h1.entry-title { font-size:28px;}
		
}
@media only screen and ( max-width: 320px ) {
	.bannerbottom .boxsection.box2 h3 { font-size:22px;}
	.missionsection .missioncontent { padding:25px 20px 25px; width:100%;}
	.committeesection .item h3.titlebtn { font-size:20px; padding:12px 40px 12px 15px;}
	.committeesection .item h3.titlebtn:before, .committeesection .item.open h3.titlebtn:before { right:15px;}
	.footersection .location { padding:20px 6px 15px 6px;}
	.footersection .location h5 { font-size:16px; margin-bottom:0;}
	
}