@media screen and (max-width:1366px){
	div.thank-you-wrapp h1{ margin-top:30px;}
	}

@media screen and (max-width:1024px){
	div.wrapper{ float:left; width:100%;}
	div.form{ top:0px; right:50px; bottom:auto;}
	div.header{padding:10px 20px;}
	div.thank-you-wrapp h1{ margin-top:90px;}
	div.form{padding: 10px 20px;}
	}
@media (min-width:767px) and (max-width:1024px){
    div.spotlight img{
    height: 100vh;
}
div.form ul li {
    margin-bottom: 10px;
}

}
@media screen and (max-width:768px){
#err {
    float:left!important;
}
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0; float: none !important;margin-top: 10px;}
.g-recaptcha{float:none !important;}
div.header{ min-height:92px; background-position:-450px top;}
div.header a.logo{ margin:10px 0px 15px;}
div.top-right{ float:right; width:auto;}
ul.main-nav{ text-align:center;}
ul.main-nav li{ float:none; width:auto; margin:0px 10px; display:inline-block;}
div.widgets ul{ padding:0px 10px;}
div.undergraduate-programs h2{ padding:0px 10px;}
div.undergraduate-programs ul.undergraduate-programs-list{ float:left; width:100%; text-align:center;}
div.undergraduate-programs ul.undergraduate-programs-list li div.img-box,div.undergraduate-programs ul.undergraduate-programs-list li.right div.img-box{ float:none; display:inline-block; width:100%;}
div.undergraduate-programs ul.undergraduate-programs-list li div.ug-data-box,div.undergraduate-programs ul.undergraduate-programs-list li.right div.ug-data-box{ float:none; display:inline-block; margin:55px 0px 0px 0px; width:100%; padding:0px 10px;}
div.undergraduate-programs ul.undergraduate-programs-list li div.img-box div.icon,div.undergraduate-programs ul.undergraduate-programs-list li.right div.img-box div.icon{left:50%;top:70%; margin-left:-50px; }
div.top-right a.mail,div.top-right span.call { float:right; margin-left:10px;}
div.undergraduate-programs ul.undergraduate-programs-list li div.ug-data-box h4,div.undergraduate-programs ul.undergraduate-programs-list li.right div.img-box h4{text-align:center;}
div.undergraduate-programs ul.undergraduate-programs-list li div.ug-data-box p,div.undergraduate-programs ul.undergraduate-programs-list li.right div.img-box p{ text-align:center;}
div.undergraduate-programs ul.undergraduate-programs-list li div.ug-data-box a.learn-more{ text-align:center;}
div.post-g-programs ul.pg-programs{ width:100%;}
div.post-g-programs ul.pg-programs li.main{ width:100%; margin:0px; text-align:center;}
div.post-g-programs ul.pg-programs li.main div.img-box{ float:none; display:inline-block; text-align:center; overflow:hidden;}
div.post-g-programs ul.pg-programs li.main div.border-data-box{ width:100%;}
div.social{width:100%; text-align:center;}
div.social a{float:none; display:inline-block;}
p.copy{ float:left; width:100%; text-align:center; padding:0px 10px; margin:10px 0px;}
div.form{bottom: auto;
    top: 0;
    right: 20px;
    padding: 0 17px 0px 17px;}
div.nav-wrapp{ margin:0px !important;}
div.form ul li{ margin-bottom:10px;}
div.form ul h3, div.form ul li label{ width:100%; font-size:12px; margin-bottom:3px;}
div.form ul h3{ margin-bottom:10px;}
div.form ul li input.text, textarea.text{ font-size:14px; height:26px;width:100%;}
div.form ul li div.select-field {
    width: 100%;
}
div.select-field{ height:30px;}
div.select-field:before{ height:28px;}
div.select-field select{ font-size:14px; height:30px;}
div.form ul li input.button, a.button {
    height: 25px;
    font-size: 11px;
    line-height: 30px;
    float: left;
    margin: 0px;
    padding: 0px;
}
div.form ul li p{ margin:5px;}
div.post-g-programs{ padding:20px;}
div.post-g-programs div.wrapper{ margin-bottom:20px;}
div.post-g-programs h2{ margin-bottom:0px;}
div.post-g-programs ul.pg-programs li.main { border-bottom:2px solid #f35e59; margin-top:15px;}
div.post-g-programs ul.pg-programs li.main div.border-data-box{ padding:10px 0px; border:none;}
div.post-g-programs ul.pg-programs li.main div.left-box{ width:100%; text-align:left; height:auto;}
div.post-g-programs ul.pg-programs li.main div.left-box ul.area-focus{ width:100%; margin:0px; padding:20px;}
div.post-g-programs ul.pg-programs li.main div.left-box ul.area-focus li{float:left; width:50%;}
div.post-g-programs ul.pg-programs li.main2 div.right-box{ width:100%; height:auto;}
div.post-g-programs ul.pg-programs li.main2 div.right-box img.left-top{ margin-right:2%;}
div.post-g-programs ul.pg-programs li.main2 div.right-box img{ width:49%; float:left;}
div.post-g-programs ul.pg-programs li.main2 div.right-box img.left-bottom{margin-right:2%;}
div.post-g-programs ul.pg-programs li.main div.left-box img.border{ width:100%;}
div.post-g-programs ul.pg-programs li.main2{ width:100%;}
div.post-g-programs ul.pg-programs{ padding:0px;}

div.thank-you-wrapp h1{ font-size:50px;}
div.thank-you-wrapp span{ font-size:30px; line-height:normal;}
label.error{
	margin-left: 0px;
}
}
@media screen and (max-width:767px){

div.form ul li {
    margin-bottom: 17px;
    }
    .select-field label.error,#err{
    	margin-left: 0 !important;
    }
    div.header a.logo img {
    width: auto;
    /* margin: 0 auto; */
    display: block;
    margin-right: auto;
    margin-left: auto;
}
div.header a.logo{
	float: none;
}
}    
@media screen and (max-width:640px){
div.header a.logo{ margin:10px 0px 0px 10px;}
/*div.header a.logo img{ width:240px;}*/
div.form ul { padding:0px 2%;}	
div.form ul li input.text{ width:100%;}
div.form ul li div.select-field{ width:100%;}
div.form ul li input.button, div.form ul li a.button { width:100%; margin-left:0px;}
div.post-g-programs ul.pg-programs li.main div.border-data-box div.data-box{ width:100%; margin:0px; padding:0px 10px;}
div.post-g-programs ul.pg-programs li.main div.border-data-box ul.area-focus { float:left; margin-top:20px; margin-left:10px;}
div.post-g-programs ul.pg-programs li.main div.border-data-box ul.area-focus li{ width:100%; text-align:left;}
div.form{ position:relative; width:100%; right:0px; top:0px;}
div.post-g-programs ul.pg-programs li.main2 div.right-box ul.future-opp li{ margin-left:0px;}
div.post-g-programs ul.pg-programs li.main2 div.right-box ul.future-opp{ margin:0px; width:49%; padding:0px 15px;}
div.post-g-programs ul.pg-programs li.main2 div.right-box ul.future-opp-line{ margin:0px;}
div.post-g-programs ul.pg-programs li.main2 div.right-box{ padding:10px 0px;}

div.thank-you-wrapp{ margin:0 !important;}
div.header div.wrapper{ margin-bottom:0px;}
div.thank-you-wrapp div.wrapper{ padding:0px 20px; margin:0 !important;}
div.thank-you-wrapp h1{ font-size:40px;}
div.thank-you-wrapp span{ font-size:25px;}
div.thank-you-wrapp p{ font-size:22px;}
}
@media screen and (max-width:540px){
	body{ overflow-x:hidden;}
	div.header{ background:none; padding:10px 0px 0px;}
	div.top-right{ width:100%; background:#FF3E27; padding:10px 20px; margin-top:10px;}
	div.top-right a.mail{ float:left;clear:none;}
	div.top-right span.call{ float:right; clear:none; font-size:14px; background-size:auto 16px; padding-left:20px; margin-top:0px;}
	div.undergraduate-programs ul.undergraduate-programs-list li div.img-box div.icon,
	div.undergraduate-programs ul.undergraduate-programs-list li.right div.img-box div.icon{ margin:0px 0px 0px -30px; top:auto; bottom:-30px;}
	div.undergraduate-programs ul.undergraduate-programs-list li div.img-box div.icon img,
	div.undergraduate-programs ul.undergraduate-programs-list li.right div.img-box div.icon img{ width:60px;}
	div.post-g-programs ul.pg-programs li.main div.left-box ul.area-focus li{ width:100%;}
	div.post-g-programs ul.pg-programs li.main2{ margin-top:15px;}
	}
@media screen and (max-width:480px){
	div.spotlight div.date{ height:145px;}
div.wrapper h2{ font-size:24px;}
div.thank-you-wrapp{ padding:0px 0px 30px; height: auto !important;}
div.undergraduate-programs h4{ font-size:16px;}
div.thank-you-wrapp h1{ font-size:35px; margin-top:30px;}
div.thank-you-wrapp span{ font-size:22px;}
div.thank-you-wrapp p{ font-size:18px;}
}
@media screen and (max-width:360px){
	div.spotlight div.date{ height:100px;}
div.widgets ul li{ font-size:13px;}
div.wrapper h2 { font-size:18px;}
div.undergraduate-programs h4{ font-size:14px;}
div.undergraduate-programs ul.undergraduate-programs-list li div.ug-data-box h4, div.undergraduate-programs ul.undergraduate-programs-list li.right div.img-box h4{ font-size:18px;}
div.undergraduate-programs ul.undergraduate-programs-list li div.ug-data-box p, div.undergraduate-programs ul.undergraduate-programs-list li.right div.img-box p{ font-size:13px;}
div.post-g-programs h4{ font-size:14px;}
div.post-g-programs ul.pg-programs li.main div.border-data-box div.data-box h4{ font-size:18px;}
div.post-g-programs ul.pg-programs li.main div.border-data-box div.data-box p { font-size:13px;}
div.post-g-programs ul.pg-programs li.main div.border-data-box ul.area-focus li{ font-size:13px;}
div.post-g-programs ul.pg-programs li.main2 div.right-box ul.future-opp{ width:100%;}
div.post-g-programs ul.pg-programs li.main2 div.right-box ul.future-opp-line{min-height:1px; width:100%; margin-bottom:5px;}
div.thank-you-wrapp h1{ font-size:30px;}
div.thank-you-wrapp span{ font-size:16px;}
div.thank-you-wrapp p{ font-size:15px;}
div.thank-you-wrapp{ height:460px !important;}

}

@media screen and (max-width:320px){
	div.spotlight div.date{ height:70px;}

	div.top-right{ text-align:center;}
	div.top-right a.mail,
	div.top-right span.call{ float:none; display:inline-block;}
	div.top-right span.call {margin-top:10px;}
	div.undergraduate-programs ul.undergraduate-programs-list li div.img-box img,
	div.undergraduate-programs ul.undergraduate-programs-list li.right div.img-box img{width:100%;}
	div.post-g-programs ul.pg-programs li.main div.img-box{ width:100%;}
	div.post-g-programs ul.pg-programs li.main div.img-box img{ width:100%;}
	div.form ul li {
    margin-bottom: 17px;
    }
    .select-field label.error{
    	margin-left: 140px;
    }
}