@media only screen and (min-width: 1px) and (max-width:767px) {
	
.mobile-v{display: block !important}
.desktop-v,.desktop-vi{display: none !important}

h1 	{ font-size:24px;line-height:34px; }
h2 	{ font-size:24px;line-height: 32px  }
h3 	{ font-size:20px;line-height: 26px	}
h4 	{ font-size:14px;line-height: 20px	}
h5,h6 	{ font-size:12px;line-height: 16px;	}
p,li	{font-family: 'Lora',serif;line-height: 20px;letter-spacing: .4px;font-size: 12px;margin-bottom: 20px}
.apply-ss2 a	{font-family: 'Lora',serif;line-height: 20px;letter-spacing: .4px;font-size: 12px;margin-bottom: 10px}
p.intro{font-size:16px;line-height: 24px	}

html.hidehh{position: fixed;overflow: hidden;width: 100%;height: 100%}
.main-menu {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    right: 0;
    top: -100%;
    width: 100%;
    z-index: 2;
    padding-top: 60px
}

.margin-140-bottom,.margin-100-bottom{margin-bottom: 40px}
.bottom-column {float: left;width: 100%}
.scholar-single-photo{width: 100%;height: 240px;margin-bottom: 20px}
.scholar-single-ss1 .title-block-wrap{margin-top: 20px}
.details-btn.mobile-v{display: inline;text-align: center;width: 50%}

.video-wrap{margin-top: 40px}
.title-block-wrap{width: calc(100% - 15px); float: left !important}

footer h5{font-size: 10px}
.mobile-menu-btn{position: fixed;top:0;right: 0;background: none;height: 60px;width: 60px;z-index: 1200;display: block;text-align: center;padding: 4px 0}
.mobile-menu-btn i{color: #333;font-size: 42px;line-height: 48px;}
header .main-menu h4, header .main-menu a{color: #333 !important;font-size:32px;line-height:40px; }
header .main-menu h5 a{font-size:20px;line-height: 26px}
.logo{display: block !important}
.logo-white{display: none !important}
.mobile-sub-menu {max-height: 0;overflow: hidden}

.mobile-sub-menu li{padding: 4px 0 !important}
.main-menu li:hover .mobile-sub-menu {max-height: 1000px}
.main-menu li{width: 100%;padding: 0 20px}
.main-menu li.active .border{display: none}
.main-menu li h4{padding-bottom: 4px}
.main-menu li {padding-bottom:6px}
.main-menu.on{top:0}
.mobile-menu-btn .ion-android-close{display: none}
.logo, .logo-white{left: 15px;height: 22px !important;position: fixed;top:14px;z-index: 11}
header{height: 48px;background: #FFF !important}
.page-inner{margin-top: 80px;padding: 0}
.section-title{margin-bottom: 20px !important}
.title-block h3,.title-block h2,.slick-slide .title-block-wrap h3{font-size:16px;line-height: 26px	}
.title-block{padding: 20px }
.details-btn-l{left: 0;right: auto}
.title-block-wrap{margin-top: 60px}
.mentorship-list,.soical-list{margin-top: 0}
.bg-layer{position: relative}
section{padding-bottom: 40px}
.details-btn-l{width: 100%;text-align: center}
.mobile-sub-menu{display: block}
.flex-img-happen{overflow: hidden}
.home-happening{margin-bottom: 20px;height: 240px !important;position: relative}

.scroll-down-link{bottom: 0 !important}
.flexslider-video .flex-control-nav{bottom:-40px}
.flex-txt-happen .flex-control-nav{bottom: -40px}

/* home */
.home-ss1 .bottom-column {width: 100% !important;}
.slick-slide .inner>div{height: 320px !important;width: 60% !important}

.home-ss1 .title-block-wrap{margin-top: 0}
.home-ss4 .bottom-column{float: left;left: 0 !important}
.home-ss4 .bottom-column img{width: 100% !important;margin-bottom: 20px}
.slick-slide .inner,.slick-slide .title-block-wrap{width: 100%;margin-bottom: 20px}
.slick-slide .title-block-wrap{margin-top: 0 !important}
.home-ss4-arrow{left: 20px;top:50%}
.variable{right: 0;width: 100%;padding:  0 }
.slick-slide img{width: 50%;padding-right: 10px}
.home-ss5{padding: 40px 0}
.home-banner-overlay{}
.mobile-home-v{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 2;display: block}

/* Alumni */
.alumni-ss2-content-inner{padding: 40px 20px}
.alumni-ss2-inner{height: 240px}
.page-template-page-alumni .about-ss2-content{position: relative;top:auto;}
.page-template-page-alumni .title-block-wrap{margin-top: 0 !important}
.alumni-ss2{padding-bottom: 60px}
.alumni-thum-list {overflow: hidden}
.alumni-thum-list-wrap {margin-top: 0;}
.alumni-thum  {float: left;width: 45%;margin-right: 5%}
.alumni-thum-block{padding-bottom: 0}
.alumni-t-bg{left:  0 !important}
.alumni-img {
    height:320px;
    width: 100%;
}

/* happening */
.happening-title-block{padding-bottom: 40px}
.happening-wrap img{width: 100%}
.happening-right{padding-top: 0}
.happening-inner-2,.happening-inner{display: block;float: left;background: #f9f9f5;margin-bottom: 40px;}
.happening-line-h{display: none !important}
.happening-line{padding-bottom: 0}
.happening-single-inner{padding: 60px 10px;margin-top: 0}
.close-happening{top:6px;right: 12px}
.happening-inner, .happening-inner-2{width: 100%}
.happening-single-wrap{padding: 15px}
.happeningImg{height:240px;width: 100%}

/* scholars */
.scholars-list{margin-top: 0}
.scholars-info-block{position: relative;top:auto;left: auto;bottom:auto;right: auto;width: 100%;height: 90px}
.scholars-info-block p{position: relative}
.single-scholar .bottom-column{width: 100% !important;float: left}
.single-scholar .bottom-column img{width: 100%;margin-bottom: 10px}
.single-scholar .title-block-wrap{margin-top: 20px }
.mentorship-m{height: 220px}
.mentorship-mh{width: 80%;height: 320px}
.scholars-info-2{margin-bottom: 0}
.col-sm-4 .scholar-s,.col-sm-3 .scholar-s,.col-sm-5 .scholar-s{width: 100%;height: 280px;position:relative}
.scholar-s .image-credits{left: 0 !important;right:  auto !important}

/* our foundation */
.page-template-page-foundation .title-block{margin-top: 0 !important}
.page-template-page-foundation .title-block-wrap{margin-top: 0}


/* recognition */
.page-template-page-recognition .flexslider{margin-bottom: 20px}
.page-template-page-recognition h3{margin-bottom: 10px}
.page-template-page-recognition .margin-60-bottom{margin-bottom: 40px}
.recognitionImg{height: 220px}


/* about */
.about-ss2-inner{height: 240px}
.about-ss2-content-inner{padding: 40px 20px}
.about-ss3{margin-top: 0}
.school-list li{width: 100%;padding: 0 20%;margin-bottom: 30px}
.about-ball-wrap{margin-bottom: 30px}
.about-ss5 li{width: 100%;padding: 0 20%;margin-bottom: 30px}
.about-ball{margin-bottom: 10px}
.about-ss2-content .container{padding: 0}
.about-ss2-content{position: relative;background: none !important;top:0}
.about-ss2-content-inner{background: none !important}


/* apply */
.apply-ss1-wrap{min-height: 0}
.anc-list{width: 100%}
.apply-ss3 .details-btn{margin-bottom: 40px}
.apply-ball-anc{width: 100px;background-size: 60px !important;height: 100px;margin: 0 auto}
.anc-list{margin-top: 0}
.apply-ss3 h2{font-size: 24px;36px}
.apply-ss2{margin-bottom: 0}
.anc-list li{margin-bottom: 20px;width: 40%}
.apply-ss2-inner ul {margin-bottom: 40px}
.apply-ss2-inner ul a{line-height: 20px;letter-spacing: .4px;font-size: 14px;}
.apply-ss2-inner ul li{margin-bottom: 10px}
.anc-break{display: none !important}


/* Mentorship */
.mentorship-list .margin-120-bottom{margin-bottom: 100px !important}

/* Soical */
.soical-wrap{margin-top: 40px}
.alumni-ball, .alumni-ball-active{width: 60px;height: 60px}
.el-border{width: 8px !important;;margin-left: 15px}
.el-border.step1{height: 100px}
.el-border.step2{height: 300px}
.el-border.step3{height: 440px}
.el-border.step4{height: 600px}
.el-ball{bottom:-13px;top: auto;right: -11px}
.soical-info p{padding-right: 0}
.soical-info{margin-bottom: 0}
.ss-0{height: 180px}

/* network */
.page-template-page-network .title-block-wrap{margin-top: 0}
#canvas{display: none !important;opacity: 0 !important}


.details-btn-l{position: relative;margin-bottom: 20px}
.soical-list .margin-60-bottom,.page-template-page-network .margin-60-bottom{margin-bottom: 0 !important}
.soical-list .margin-120-bottom{margin-bottom: 20px !important}



}
@media only screen and (min-width: 768px) and (max-width:1023px) {

.logo, .logo-white{left: 20px}
.main-menu li:last-child{margin: 0}

h1 	{ font-size:24px;line-height:34px; }
h2 	{ font-size:24px;line-height: 32px  }
h3 	{ font-size:20px;line-height: 26px	}
h4 	{ font-size:14px;line-height: 20px	}
h5 	{ font-size:13px;line-height: 18px;	}

h6 	{ font-size:10px;line-height: 16px;	}
p, .apply-ss2 a	{font-family: 'Lora',serif;line-height: 20px;letter-spacing: .4px;font-size: 12px;margin-bottom: 14px}
p.intro{font-size:14px;line-height: 22px	}


.main-menu {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    right: 0;
    top: -100%;
    width: 100%;
    z-index: 2;
    padding-top: 60px
}

footer h5{font-size: 10px}
.mobile-menu-btn{position: fixed;top:0;right: 0;background: none;height: 48px;width: 48px;z-index: 1200;display: block;text-align: center;padding: 4px 0}
.mobile-menu-btn i{color: #333;font-size: 36px;line-height: 48px;}
header .main-menu h4, header .main-menu a{color: #333 !important;font-size:32px;line-height:40px; }
header .main-menu h5 a{font-size:20px;line-height: 26px}
.logo{display: block !important}
.logo-white{display: none !important}
.mobile-sub-menu {max-height: 0;overflow: hidden}

.mobile-sub-menu li{padding: 4px 0 !important}
.main-menu li:hover .mobile-sub-menu {max-height: 1000px}
.main-menu li{width: 100%;padding: 0 20px}
.main-menu li.active .border{display: none}
.main-menu li h4{padding-bottom: 4px}
.main-menu li {padding-bottom:6px}
.main-menu.on{top:0}
.mobile-menu-btn .ion-android-close{display: none}
.logo, .logo-white{left: 15px;height: 22px !important;position: fixed;top:14px;z-index: 11}
header{height: 48px;background: #FFF !important}
.page-inner{margin-top: 80px;padding: 0}
.section-title{margin-bottom: 20px !important}
.title-block h3,.title-block h2,.slick-slide .title-block-wrap h3{font-size: 18px;line-height: 26px}
.title-block{padding: 20px }
.details-btn-l{left: 0;right: auto}


.bg-layer{position: relative}
section{padding-bottom: 40px}
.intro-block{margin-bottom: 100px}

.details-btn-l{width: 100%;text-align: center}
.mobile-sub-menu{display: block}


/* home */
.ss1-img{width: 100% !important ;height: 160px !important}

.home-ss1 .title-block-wrap{margin-top: 0}
.home-ss4 .bottom-column{float: left;left: 0 !important}
.home-ss4 .bottom-column img{width: 100% !important;margin-bottom: 20px}
.slick-slide .title-block-wrap{margin-top: 0 !important;width: 44%}
.home-ss4-arrow{left: 20px;top:40%}
.home-ss5{padding: 40px 0}
.home-banner-overlay{}
.slick-slide .inner{margin-right: 0;margin-left: 10%}
.title-block h4{font-size:18px;line-height: 26px}
.home-ss4-arrow-left{left: 20px;z-index: 99}
.home-ss4-arrow-right{right: 20px;z-index: 99}
.slick-slide .inner>div{height: 320px}
.slick-slide .inner{width: 34%}
.home-happening{height: 240px !important}

/* Alumni */
.alumni-ss2-content-inner{padding: 40px 20px}
.alumni-ss2-inner{height: 240px}
.page-template-page-alumni .about-ss2-content{position: relative;top:auto;margin-top: -40px}
.alumni-ss2{padding-bottom: 60px}
.alumni-thum-list li{float: left;width:45%;padding-right: 5%}
.alumni-img{height: 360px}
.alumni-thum-list-wrap {margin-top: -280px;}


/* happening */
.happening-single{z-index: 9999999}
.happening-wrap img,.happening-wrap h4,.happening-wrap p{width: 100%}
.happening-inner-2,.happening-inner{display: block;float: left;background: #f9f9f5;margin-bottom: 40px;;width: 80%}
.happening-line{padding-bottom: 0}
.happening-single-inner{padding: 60px 20px;margin: 20px  auto}
.close-happening{top:6px;right: 12px}
.happening-inner-2{float: right}
.happening-single-inner .container{width: 100%}

/* scholars */
.scholars-info-block{width:160px;height: 160px}
.scholars-info-1{right: -170px}
.scholars-info-2{bottom:-40px}
.scholars-info-3{bottom:0}

/* our foundation */
.page-template-page-foundation .title-block-wrap{margin-top: 0 ; margin-bottom: 20px !important}


/* recognition */
.page-template-page-recognition .flexslider{margin-bottom: 20px}
.page-template-page-recognition h3{margin-bottom: 10px}
.page-template-page-recognition .margin-60-bottom{margin-bottom: 40px}

/* about */
.about-ss2-inner{height: 560px}
.about-ss2-content-inner{padding: 40px 20px}
.about-ss3{margin-top: 460px}
.school-list li{width: 20%;padding: 0 ;margin-bottom: 30px}
.about-ball-wrap{margin-bottom: 30px}
.about-ball{margin-bottom: 10px}
.about-ss3{margin-top: 0;padding: 60px 0;margin-bottom: 60px}
.about-ss2-content{height: 420px}
.about-ss2-content{top:140px}

/* apply */
.apply-ss1-wrap{min-height: 0}
.anc-list{width: 100%}
.apply-ss3 .details-btn{margin-bottom: 40px}
.apply-ball-anc{width: 110px;background-size: 90px !important;height: 110px;margin: 0 auto}
.apply-ss3 h2{font-size: 24px;36px}
.apply-ss2{padding: 40px 0}
.apply-ss2{margin-bottom: 40px}
.anc-list li{width: 45%;margin: 0 2.5% 20px 2.5%}
.anc-break{display: none !important}

/* Mentorship */
.mentorship-list .margin-120-bottom{margin-bottom: 40px !important}
.mentorship-m{height: 240px}
.ss-0,.mentorship-mh,.recognitionImg,.scholar-s{height: 280px}


/* Soical */
.alumni-ball, .alumni-ball-active{width: 60px;height: 60px}

.soical-info p{padding-right: 0}
.soical-info{margin-bottom: 40px}
.soical-info h4{margin-bottom: 0}

/* network */
.page-template-page-network .title-block-wrap{margin-top: 0}
#canvas{display: none !important;opacity: 0 !important}
section.alumni-ss1{margin-top: 80px}


.mobile-home-v{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 2;display: block}


}
@media only screen and (min-width: 1024px) and (max-width:1200px) {

	
}
@media only screen and (min-width: 1201px) and (max-width:6000px) {


}