body{font-family: "Montserrat", sans-serif;font-size: 16px;line-height: 1.6em; overflow-x:hidden!important;}
h1 {font-size: 36px;}h2 {font-size: 32px;}h3 {font-size: 28px;}h4 {font-size: 24px;}h5 {font-size: 20px;}h6 {font-size: 18px;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color: #3a3a3a;font-weight: 700;margin-bottom: 20px;font-family: "Montserrat", sans-serif;}
.lead{font-weight: 400;}button {display: inline-block;margin-bottom: 0;margin-bottom: 10px;padding: 6px 12px;border: 1px solid transparent;	vertical-align: middle;
text-align: center;	white-space: nowrap;font-weight: normal;font-size: 14px;line-height: 1.428571429;cursor: pointer;-webkit-user-select: none; 
-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
button.navbar-toggle {background: #74288b;border: none;color: #fff!important;}.btn-theme,.btn-theme:hover,.btn-theme:focus{color: #fff;}.btn-theme:hover{background: transparent !important;border-color: #999;color: #999;}
.ifvideo{width:100%; height:800px; padding:0; margin:0;}
.labletext{text-align:left!important}
.text-tblue{color:#30CDD7!important;}
.text-yellow{color:#FFCB00;}
/* ================================
Social Media icons
================================= */
.theme-form{float:left;width:100%; display: block!important; position:relative;}
.theme-form .fdiv{width:100%; position: absolute; z-index: 999999; }


/*theme ===============================*/
.theme-mobi{ height:600px!important;display: none!important; background: url("../img/banner-viz-m.jpg");
background-position:center top;  background-repeat: no-repeat; }
.theme-desk{float:left;width:100%; display: block!important;  background:#000;}

.themedesktop{float:left;width:100%; display: block!important;  background:#000 url("../img/banner-viz.jpg");height:600px!important; background-position:right top;  background-repeat: no-repeat;}
.header-desk{background:#fff;float:left; width:100%; height:105px; display:block!important}
.header-font{color:#FFCB00;text-align:left;font-size:40px!important; line-height:45px!important; text-transform: uppercase;} 
.header-font div{color:#30CDD7!important; font-weight: 600;}
.sub-line{color:#fff; margin-top:15px; font-size:21px; text-align:left!important}
.grove{ margin-top:120px; }
.theme-mobi .header-font span{color:#30CDD7!important; font-weight: 600;}

 .mainform {position: relative; top:20px; bottom:15px;  padding:0;  background:#F0F0F0; clear:both; z-index:9; border-radius:5px; }

.bgform{position: relative;padding:0 10px;  background:#F0F0F0; clear:both; top:10px; border-radius:10px; }
.bgform h4{display: block; background:#FFCB00; padding:10px; margin:0px -10px 10px -10px; border-radius:10px 10px 0 0; font-size:20px;   }
.mainform .formheader{padding:5px 10px; margin:0px -15px 10px -15px; color: #003057; background:#FFCB00; font-weight: normal; border-radius:5px 5px 0 0;}

.mainform .formheader h5{ color:#003057; font-weight: 600; font-size:20px; margin-bottom:10px;} 
.mainform .formheader h4{color:#003057; font-weight:bold; font-size:20px; }

.desktopview {display:block!important;}
.mbview{display:none!important; }

.form-group2{ }


.social{position:fixed;top:10em; z-index:999999; }
.social ul{padding:0;-webkit-transform:translate(-20px,0);-moz-transform:translate(-20px,0);-ms-transform:translate(-20px,0);-o-transform:translate(-20px,0);transform:translate(-20px,0)}
.social ul li{display:block;margin:1px;background:#ffc20e;width:50px;text-align:right;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s; font-size:14px; cursor:pointer;}
.social ul li:hover{-webkit-transform:translate(22px,0);-moz-transform:translate(22px,0);-ms-transform:translate(22px,0); -o-transform:translate(22px,0); transform:translate(22px,0); background:rgba(255,255,255,0.6)}
.social ul li a{color:#000; display: block; padding:10px; text-align: center!important;}
.social ul li:hover a{color:#000; display: block; padding:10px;}
.social ul li i{margin-left:10px;color:#000;padding:0px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); font-size:16px; }
.social ul li:hover i{color:#74288b;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);
	-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.social ul li:first-child{background:#fff;}
.social ul li:first-child i{color:#1d1d1b;}

.wrapper {z-index:999; position:fixed; right:-2%; top:25em;  display:inline; float:right; margin: 0;  }
#dynamic { position: relative; background-color:#ffd200;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);visibility:collapse; } .newClass { visibility:visible!important; }
#dynamic a{line-height:50px; display: block; color:#000; text-decoration:none;  font-weight: bold; font-size:18px; padding:0px 20px; margin: 0; text-transform: uppercase;} .rotate:hover a{color:#74288b; }
#dynamic:hover a{color:#74288b; }


#Button {z-index:999; position:fixed; bottom:0; left:0; right:0;display:none; background-color:#ffd200;visibility:collapse; } .bottomClass { visibility:visible!important; }
#Button a{line-height:40px; display: block; color:#000; text-decoration:none;  font-weight: bold; font-size:16px; padding:0px 20px; margin: 0 auto;} 
#Button:hover a{color:#74288b; }

#sticky {position:sticky; position:-webkit-sticky; background:#FFCB00; width:100%; top:0px; display:flex; z-index:999; box-shadow: 0px 3px 3px -3px #111;}
#sticky a{color:#003057; align-items: left!important; padding:10px 30px; text-transform: uppercase; font-weight:600; text-decoration:none; font-size:20px!important; display: flex;} #sticky i{font-size:26px!important;  padding:10px 30px;}
#sticky a:hover{color:#fff;display: flex;}
#sticky a i{margin-right:10px; }

/* ================================
margin, padding
================================= */
.mar-top0 {margin-top: 0;}.mar-top10 {margin-top: 10px;}.mar-top20 {margin-top: 20px;}.mar-top30 {margin-top: 30px;}.mar-top40 {margin-top: 40px;}.mar-top50 {margin-top:50px;} .mar-top60 {margin-top:60px;} .mar-top70 {margin-top:70px;} .mar-top80 {margin-top:80px;}  .mar-top90 {margin-top:90px;}  .mar-top100 {margin-top:100px;} .mar-top {margin-top:100px;}


.mar-bot0 {margin-bottom: 0;}.mar-bot10 {margin-bottom: 10px;}.mar-bot20 {margin-bottom:20px;}.mar-bot30 {margin-bottom: 30px;}.mar-bot40 {margin-bottom: 40px;}.mar-bot50 {margin-bottom:50px;} .mar-bot60 {margin-bottom:60px;} .mar-bot70 {margin-bottom:70px;} .mar-bot80 {margin-top:80px;}  .mar-bot90 {margin-bottom:90px;}  .mar-bot100 {margin-bottom:100px;} .mar-bot {margin-bottom:125px;}


.pad-top0 {padding-top: 0;}.pad-top10 {padding-top: 10px;}.pad-top20 {padding-top: 20px;}.pad-top30 {padding-top: 30px;}.pad-top40 {padding-top: 40px;}.pad-top50 {padding-top:50px;} .pad-top60 {padding-top:60px;} .pad-top70 {padding-top:70px;} .pad-top80 {padding-top:80px;}  .pad-top90 {padding-top:90px;}  .pad-top100 {padding-top:100px;} .pad-top {padding-top:100px;}

.padtb{ padding-bottom:10px; padding-top:10px;}


/* Back to top button */
.back-to-top { position: fixed; display: none; padding: 6px 12px 9px 12px; font-size: 16px; border-radius: 2px;right: 15px; bottom: 15px; transition: background 0.5s; z-index:1000; background:#74288b!important; }
@media (max-width: 768px) { .back-to-top {bottom: 15px;}}
.back-to-top:focus { outline: none; background:#74288b!important;} 

/* ================================
Navbar
================================= */
nav.navbar{position: fixed;top: -72px;	margin-bottom: 0px; padding:0px 0 0px 0px;	width: 100%;border-radius: 0px;transition: all 0.2s;}
.navbar-nav{float: right;}
nav.navbar.fixed-to-top{top: 0px;}
.navbar-default{border: none;border-bottom: none;opacity: 1;display: none;z-index: 9999; }
.navbar-default .navbar-nav>li>a {color: #fff;font-weight: 700;text-transform: uppercase; }
.navbar-default .navbar-nav>li>a:hover{color: #3A3A3A;	cursor: pointer;	-webkit-transition: all 300ms ease-in-out;	-moz-transition: all 300ms ease-in-out;	-ms-transition: all 300ms ease-in-out;	-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;	outline: 0;}
.navbar-default .navbar-nav>li>a:focus{color: #3A3A3A;}
.navbar-default .navbar-nav li.current{color: #3A3A3A; background:url("../img/navDivot.png") top center no-repeat;}
.nav > li > a {position: relative; display: block; padding:25px 6px!important; }

.navbar-default .navbar-brand{color: #fff;	text-transform: uppercase;	font-weight: 700;	font-size: 2em;} 

.section-heading {margin-bottom: 50px;}
.section-heading h2 {font-size:40px; font-weight:600; margin-bottom:0; color:#003255!important;}
.section-heading h2 span {font-size:42px; font-weight:700; margin-bottom:0; }
.section-heading .heading-line {margin:0 auto;	display: block;	height: 1px;width: 80px;background: #333;margin-top: 10px;margin-bottom: 20px;}

.curricula-heading {margin-bottom:20px;}
.curricula-heading h2 {font-size:38px; font-weight:600; margin-bottom:0; color:#fff!important;}
.curricula-heading span {font-size:20px; font-weight:500; margin-bottom:0;color:#fff!important; }
.curriculaweoffer b{ color: #74288b; font-weight:600; font-size:30px; text-align: left; font-family: "Montserrat", sans-serif;}
.curriculaweoffer span{color: #fff; font-weight:600; font-size:18px; display: block;}
.curriculaweoffer small{color: #fff; font-weight:600; font-size:14px; display: block;}
.mbnone{display: block;}
.curriculaweoffer{display: block;}
.curriculaweoffer ul{margin:0; padding:0;}
.curriculaweoffer ul li{margin:0; padding:0;font-size:18px; color: #fff; list-style:none; background: url("../img/dot-yellow-2.png") no-repeat left top; padding-left:23px; }

.ao-heading {margin-bottom: 50px;}
.ao-heading h2 {font-size:40px; font-weight:700; margin-bottom:0; color:#fff!important;}
.ao-heading span {font-size:20px; font-weight:500; margin-bottom:0;color:#fff!important; }

.bg-white {background: #fff;}
.bg-gray {background: #f8f8f8;}
.bg-dark {background: #575757;}
.bg-blue {background: #4dc4cf;}
.bg-red {background: #ee3154;}
.bg-orange {background: #f58749;}
.bg-yellow {background: #ffc20e;}
.bg-purple {background: #742b8b;}
.bg-mit {background: #a51d36;}
.tealblue{color:#30CDD7; }
.darkblue{color:#003057; }

.text-white {color:#fff;}
.color-light h1,.color-light h2,.color-light h3,.color-light h4,.color-light h5,.color-light h6 {color: #fff;}
.color-light p {color: #eee;}
#parallax1{background-image: url(../img/parallax/1.png);}
.parallax{padding:50px 0px 50px 0px; display:block; font-size:16px;  }
.p-heading {margin-bottom: 50px;}
.p-heading h2 {font-size:40px; font-weight:600; margin-bottom:0; color:#003057!important;}
.p-heading h2 span {font-size:42px; font-weight:700; margin-bottom:0; }


.modal-header{padding:20px; margin:0px; color: #003057; background:#ffc10e; font-weight: 600; position: relative; border-bottom:none;}
.modal-header h2{margin:0px 0 0px 0px; }
.overlay{z-index:9;margin: 30px;background:#30CDD7;}
.form-group { margin-bottom:6px!important;}
textarea.form-control{height: 40px !important;}
.help-block{display:block;margin-top:5px;margin-bottom:0px;color:#737373; }
.text-danger{color:red!important}



#arrow {text-align:center!important;   font-size: 22px!important; line-height: 22px; margin:20px auto; text-align: center}
#arrow span{ padding:10px 30px; text-transform: uppercase; font-weight:600;}
#arrow span img{ text-align:center;}
#arrow  span a{ color:#003057;  text-decoration:none; background:#30CDD7; padding:10px 30px; }
#arrow span a:hover{ color:#003057; text-decoration:none; background:#FFCB00; padding:10px 30px;}

.brochure {text-align:center!important;  max-width:270px;  font-size:16px!important; line-height: 22px; margin:20px 0;}
.brochure  a{ color:#003057;    padding:10px 15px; text-transform: uppercase; font-weight:600;  background:#FFCB00; border-radius:3px;  }
.brochure a:hover{ color:#fff;text-decoration:none; background:#30CDD7; padding:10px 15px;}


/* ================================form-control
Intro
================================= */

#intro { width: 100%; background-color:#fff; background-image: url(../img/banner.png); background-position: top center; background-repeat:no-repeat;}
#intro .item { width: 100%; height:400px;}
#intro .carousel-container { display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  position: absolute;width: 100%; height:500px; padding-top:0%; }
#intro .carouselbg{  width: 100%; }
#intro .carousel-content {  text-align: left;}
#intro .header-1 h1 { padding:0; margin-top:30px;color: #fff; margin-bottom: 30px; font-size:50px; font-weight:700; line-height:60px; }
#intro .header-1 span{font-family: "Montserrat", sans-serif; font-size:60px; line-height:40px!important; text-transform:none!important; color: #fff; font-weight:normal!important;}
#intro .heading-line {	margin:0 auto;	display: block;	height:5px;width: 80px;background: #333;margin-top: 10px;margin-bottom: 20px;}
.introSummary {   font-size: 1.3em; line-height:1.4em }

b {font-size:1.3em; line-height:1.4em; font-weight:700;  }
#intro p {  width:40%;  -webkit-animation-delay: 0.4s;  animation-delay: 0.4s;  margin: 0 auto 30px 0;  color: #fff;}
#intro .carousel-container .btn-get-started{ background:url("../img/about.png")no-repeat center center; color: #1d1d1b; text-decoration: none; width:200px!important; height:80px!important; padding:30px 50px;  font-size:22px; }
#intro .carousel-container .btn-get-started:hover { background:url("../img/about-2.png")no-repeat center center; color: #1d1d1b; text-decoration: none; width:200px!important; height:80px!important; padding:30px 50px;}

@media (max-width: 768px ) {  #intro h2 {font-size: 36px;font-family: "Montserrat", sans-serif; }}

/* ================================
About
================================= */
#about{ background-color: #fff; padding:30px 0px 40px 0px; display:block; font-size:16px; }
#about p {  text-align: center; line-height: 23px; color: #1d1d1b; margin-top: 20px}
#about-bottom{ background-image: url(../images/about-bottom.png) ;  background-repeat: repeat-x;  display:block; height: 54px }
#about h2{margin:0!important; padding:0!important; text-transform: uppercase;}
#about h3{margin:0!important; padding:0!important; font-size: 33px!important; line-height: 30px!important; text-transform: uppercase;}
#about .mug{margin-top:30px; clear:both; border-radius:5px; background:#FBFBFB; border:1px solid #c9c7c7; min-height:450px; }
#about .mug img{ border-radius:5px 5px 0 0;}
#about .mug .gum{ border-radius:50%; margin:15px auto; width:150px}
#about .mug .gum img{width:150px; }
#about .mug-text{padding:10px 15px; text-align: center;} #about .mug-text h2{padding:0px; margin:0!important; color: #30CDD7; font-size:20px;    }
#about .mug-text p{line-height:18px; font-size:16px!important; color: #000; margin-top:10px!important;}

#about .ourschools{margin-top:30px; clear:both; border-radius:5px; background:#FBFBFB; border:0px solid #c9c7c7; 
height:380px; }#about .ourschools img{ border-radius:5px 5px 0 0;}
#about .ourschools-text{padding:10px; text-align: center;} 
#about .ourschools-text h2{padding:0px; margin:0!important; color: #30CDD7; font-size:18px; font-weight:normal;}
#about .ourschools-text p{line-height:18px; font-size:15px!important; color: #000; }
#about .ourschools-text a{width:150px; margin:20px auto 20px auto; display: block; background-color:#FFCB00; color:#003057; padding:5px 0; text-decoration: none; border-radius:3px;}
#about .ourschools-text a:hover{background-color:#30CDD7; color:#003057;}

/* ================================
About


/* ================================
Team
================================= */
.box-team img {	margin-bottom: 30px;}

/* ================================
Services
================================= */
#services{background:#30CDD7; padding:30px 0px 75px 0px;}
#services h2 {font-size:30px!important;color:#003057; line-height:40px!important; font-weight:600; text-transform: uppercase!important;}
#services .sub-line{ color:#fff; font-size: 22px}
#services .head-line {	margin:0 auto;	display: block;	height: 5px;width: 80px;background: #000;margin-top: 10px;margin-bottom: 20px;}
.service .screenshot{overflow: hidden;margin-right: auto;margin-left: auto;}
.service .screenshot img{margin-right: auto;margin-left: auto;padding-left: 4px;width: 400px;}
#services ul {margin:0; padding:0; text-align: left;}
#services ul li{margin:0; padding:0 0 0px 10px!important;  list-style-type:none;  }
#services ul li b{ margin-left:-25px; }
#services ul li b{background:url("../img/dot-orange.png") no-repeat left center; background-size:15px 15px; padding-left:25px;    }
#services h4{color:#742b8b; }
#services p{color:#000; margin-top:10px; font-size:14px } 
#services span{color:#fff; margin-top:10px; font-size:16px; text-transform:uppercase; font-weight:600; }
#services .highlights{width:50%; height:80px; float: left; } #services .agroup{float: left;width:55px; height:55px; border-radius:50%; margin-right: 10px; }
#services .agroup i{ text-align: center; font-size:18px; line-height:25px; padding:10px; background:#FFCB00!important;border-radius:50%;  width:50px; height:50px; margin-top:-10px;}
#services .object{float:left; text-align: left; vertical-align: middle!important; color:#000; font-size:16px; margin: 0px auto; line-height: 18px;}
#services .highlights2{width:50%; height:80px; float: left;}

#services .agegroup{text-align:center!important; width:55px; height:55px; border-radius:50%;  margin:0 auto;  }
#services .obj-2{  margin-top:20px}
#services .obj-2 i{ text-align: center; font-size:22px; line-height:25px; padding:15px; background:#FFCB00!important;border-radius:50%;  width:55px; height:55px; margin-top:-10px;}
#services .obj-2-text{ margin-top:15px;text-align: left; vertical-align: middle!important; color:#000; font-size:16px; margin: 0px auto; line-height: 18px;}

#Admissions {background:#fecf45; padding:40px 0px 40px 0px;}
#Admissions  h2 {font-size:40px; font-weight:600; margin-bottom:10px; color:#003157; text-align: left}
#Admissions h2 span {font-size:42px; font-weight:700;  }
#Admissions p{ text-align:left; font-size: 18px}

#ourhighlights{ background: #ededed; padding:20px 0px 50px 0px; display:block; font-size:16px;  }
#ourhighlights h2 {font-size:35px;font-weight:600; color:#003157; text-align: center; line-height: 35px; text-transform:uppercase!important; margin-bottom:30px !important; }
#ourhighlights h2 span{font-size:36px;font-weight:700; color:#003157; }
#ourhighlights .obj-2{  margin-top: 20px; min-height: 100px}
#ourhighlights .obj-2 img{ text-align: left}
#ourhighlights .obj-2-text-a{ text-align: left;margin-left: -20px; font-weight: 500}
#ourhighlights .obj-2-text-b{ text-align: left; font-size: 32px; font-weight: bold;margin-left: -20px; color: #30CDD7}
#ourhighlights .obj-2-text{ margin-top:15px;text-align: left; margin-left: -20px; line-height: 18px; margin-top: 5px}

#outhighlights .sub-line{  font-size: 20px!important;}
/* ================================
Testimonials
================================= */
#testimonials{ background: #ededed; padding:40px 0px 40px 0px; display:block; font-size:16px;  }
#testimonials h2 {font-size:36px;font-weight:600; color:#003157; text-transform:uppercase!important;}
#testimonials h2 span{font-size:36px;font-weight:700; color:#003157;}
#testimonials .awards{background:#fff; margin-bottom:30px; clear: both; border-radius:5px;    }
#testimonials .awards .ranked{border-radius:5px 0 0 5px; background-color:#003057;}
#testimonials .awards-text{ margin-top:15px;text-align: left; font-size:16px!important; padding:0 20px;   }
#testimonials .awards-text b{color:#30CDD7; line-height:14px!important;}
#testimonials .awards-text p{line-height:20px; padding-top:10px;  line-height:17px;}
#testimonials .sub-line{ font-size: 20px!important;}
#testimonials .tealblue{color:#30CDD7; }
#testimonials .pre-primary b{font-size:16px!important;}
#testimonials .pre-primary ul{margin:10px 0 20px 20px!important; padding:0!important; list-style:none;}
#testimonials .pre-primary ul li::before { content: "\2022"; color:#30CDD7; font-weight: bold; display: inline-block;  width: 1em; margin-left: -1em; font-size: 20px;}#testimonials .pre-primary ul li{line-height:18px; padding-bottom:5px; } 
.testimonials #demo .c_i {position:absolute;z-index:999;bottom:0; left:0; right:0; top:95%;  margin:0 auto; width:15%; padding:30px 0px 0 0; }
.testimonials #demo .c_i .active {width:15px;height:15px;border: none; background:url("../img/dot-2.png") no-repeat center center;}
.testimonials #demo .c_i li {display: inline-block;margin: 1px;width: 15px;height: 15px;border: none;background:url("../img/dot.png") no-repeat center center;cursor: pointer;}
.testimonials #demo{width:100%;} .testimonial h4{ color: #1d1d1b;font-size:20px!important; margin-bottom:10px!important; }
#demo .carousel-control.dleft {right:90%!important;left:-10%!important; top:45%!important; }
#demo .carousel-control.dright {right:-10%!important;left:95%!important; top:45%!important; }
.testimonials #carousel-3 .mi {position:absolute;z-index:999;bottom:0; left:0; right:0; top:95%;  margin:0px auto; width:40%; padding:30px 0px 0 0; }
.testimonials #carousel-3 .mi .active {width:15px;height:15px;border: none; background:url("../img/dot-2.png") no-repeat center center;}
.testimonials #carousel-3 .mi li {display: inline-block;margin: 1px;width: 15px;height: 15px;border: none;background:url("../img/dot.png") no-repeat center center;cursor: pointer;}
.testimonials #carousel-3{width:100%;} 
.testimonial .para{ color: #1d1d1b;font-size:17px!important;} .testimonial i.cl{ color: #74288b!important;font-size:20px!important; padding:0 10px!important; }
.testimonial .subtitle{ color: #1d1d1b;font-size:16px!important;}
.quote-left{width:20px; margin-right:10px;} .quote-left img{width:25px;} .quote-right{width:20px; margin-left:10px;}
.quote-right img{width:25px;}
.testimonial p {font-size:1.1em !important;line-height: 1.2em!important;color: #000!important;}
.thumbnail{height:450px!important; background:#fff; border:none!important; }
.thumbnail h4{font-family: "Montserrat", sans-serif; font-size:28px; line-height:40px!important; text-transform:none!important; color: #000; font-weight:500!important; }

/* ================================
Principal
================================= */
#principal {background:#003157; padding: 20px 0px 60px 0px  }
#principal  h2 {font-size:35px; font-weight:600; margin-bottom:30px; color:#30CDD7; text-transform: uppercase!important;} 
#principal .textdblue{color:#003157;}
.testimonial-item {min-height: 340px !important;max-width: 500px !important;margin:0px auto !important;text-align: left !important;visibility: visible;} .testimonial-item p{font-size:17px; line-height:20px; font-family: "Montserrat", sans-serif;letter-spacing:-0.7px; } .testimonial-item p .fa-quote-left{color:#003157; padding-right:5px;} 
.testimonial-item p .fa-quote-right{color:#003157; padding-left:5px; }
.testimonial-item .testislide{ margin:0 0px 30px 0px; padding:10px 30px;border-radius:0px; min-height:250px; visibility: visible; position: relative;
background-color:#fff; }

.testimonial-item .testislide p {color:#000; font-size:16px!important; }
.testimonial-item .testislide p img{border-radius:0!important;background:none;text-align: center!important; width:150px; }
/*.testimonial-item img {width:90px!important; background:#03446d; padding:5px;border-radius:50%;}*/
.testimonial-item h3 {  font-size:20px;  font-weight:normal;  margin: 10px 0 5px 0;  color: #003157; text-align: center!important;}
.testimonial-item h4 {font-size: 24px; font-family: "Montserrat", sans-serif;  color: #fff;  margin: 0; font-weight:normal!important; text-align: center!important;}
.testimonial-item .testislide i{color: #D5D5D5;} .testimonial-item .testislide span img{color: #D5D5D5; width:18px; }

#principal .alumni{background:#fff; clear: both; padding:20px 10px; border-radius:3px; height:190px;   }
#principal .alumni img{border-radius:50%; width:90%; border:3px solid #FFCB00; margin:5px auto} #principal .alumni .alumnitext h2{padding:0; margin:0; font-family: "Montserrat", sans-serif; font-size:28px; line-height:26px!important; font-weight:normal; } #principal .alumni .alumnitext h2 span{font-family: "Montserrat", sans-serif;padding:0; margin:0; font-size:16px; color:#000; }
#principal .alumni .alumnitext p{line-height:18px; } #principal .alumni .alumnitext a{text-align:left;}
#principal .alumnitext ul{margin:10px 0 0 20px!important; padding:0!important; list-style:none;}
#principal .alumnitext ul li::before { content: "\2022"; color:#30CDD7; font-weight: bold; display: inline-block;  width: 1em; margin-left: -1em; font-size: 20px;}#principal .alumnitext ul li{line-height:18px; padding-bottom:5px; } 

#testminalMobile .carousel-indicators {bottom:0; left:0; right:0; top:95%;  margin:15px auto; width:100%; padding:10px 0; margin-top:30px; }
#testminalMobile .carousel-indicators li {display: inline-block!important;margin: 1px;width: 12px;height:12px;border: none;cursor: pointer;
	border:1px solid #003157!important;}
#testminalMobile .carousel-indicators .active {width:12px;height:12px;border: none; background:#003157!important;}
/* ================================
Works
================================= */
#Works {background:#fff; padding: 40px 0px 40px 0px  }
#Works  h2 {font-size:45px; font-weight:700; margin-bottom:30px; color:#003157}
#Works  h2 span {font-size:42px; font-weight:700;  }
#Works p {font-size:20px !important;color: #000; text-align: left; line-height: 27px; margin: 10px}

#Works ul {margin:10px; padding:0; text-align: left;}
#Works ul li{margin:0; padding:0 0 0px 25px!important;  list-style-type:none; margin-bottom: 10px; font-size: 18px   }
#Works ul li b{ margin-left:-25px; }
#Works ul li b{background:url("../img/dot-orange.png") no-repeat left center; background-size:15px 15px; padding-left:25px;    }
.STEAM ul {margin:10px; padding:0; text-align: left;}
.STEAM ul li{margin:0; padding:0 0 0px 25px!important;  list-style-type:none;  }
.STEAM ul li b{ margin-left:-25px; }
.STEAM ul li {background:url("../img/dot-yellow.png") no-repeat left center!important; background-size:15px 15px!important; padding-left:25px!important;  margin-bottom: 20px   }

#Works .quote{text-align:center; font-size: 20px; margin-top: 23px; color: #003157}
.logo{ padding-top:15px; }

/* ================================
Videos
================================= */

#videos {background:#fff; padding: 40px 0px 40px 0px; margin:0; }
#videos h2 {font-size:40px; font-weight:700; margin-bottom:30px; color:#30CDD7}
#videos h2 span {font-size:42px; font-weight:700;  }
#videos .v-heading{text-align: left;color:#003157; font-size:30px; font-weight: 600; margin-top: 30px }
#videos b{color:#003157; font-size:30px!important; text-align:left!important} 
#videos p{margin-top:10px!important; line-height:1.3em; font-size:20px; text-align: left}
#videos .obj-1{  margin-bottom: 10px}
#videos .obj-1 img{ text-align: center}
#videos .obj-1-text{ margin-top:10px;text-align: left; margin-left: -20px}

.videos .carousel-indicators {position:absolute;z-index:999;margin:15px auto 0 auto; width:10%; padding:10px 0;}
.videos .carousel-indicators .active {width:20px;height:20px;border: none; background:url("../img/dot.png") no-repeat center center;}
.videos .carousel-indicators li {display: inline-block;margin: 1px;width: 20px;height: 20px;border: none;background:url("../img/dot-2.png") no-repeat center center;cursor: pointer;}
#carousel-service .carousel-control.left {right:90%!important;left:-10%!important; top:45%!important; }
#carousel-service .carousel-control.right {right:-10%!important;left:95%!important; top:45%!important; }

/* ================================
Contact
================================= */
.validation{color:red;display:none;margin:0;font-weight:400;font-size:13px}#sendmessage{color:green;border:1px solid green;display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}#errormessage{color:red;display:none;border:1px solid red;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}#sendmessage.show,#errormessage.show,.show{display:block}
/* ================================
Clients
================================= */
ul.clients {list-style: none;}
ul.clients li {display: inline;}


.curricula {font-weight:600; font-size:25px; text-align: left; }
.curricula span{ color: #1D1D1B; font-weight:500; font-size:30px;  font-family: "Montserrat", sans-serif; }
.curricula-heading {margin-bottom:20px;}
.curricula-heading h2 {font-size:38px; font-weight:600; margin-bottom:0; color:#1d1d1b!important; text-align: left;}
.curricula-heading span {font-size:20px; font-weight:500; margin-bottom:0;color:#fff!important; text-align: left; }
.curriculaweoffer2 {font-weight:600; font-size:25px; text-align: left; }
.curriculaweoffer2 span{ color: #1D1D1B; font-weight:500; font-size:30px;  font-family: "Montserrat", sans-serif; text-align: left;}
.curriculaweoffer p{ text-align:left}
.curriculaweoffer small{color: #1d1d1b; font-weight:600; font-size:14px; display: block;}
.mbnone{display: block;}
.curriculaweoffer{display: block;}
.curriculaweoffer ul{margin:0; padding:0;}
.curriculaweoffer ul li{margin:0; padding:0;font-size:20px; color: #1d1d1b; list-style:none; background: url("../img/dot-purple.png") no-repeat left top; padding-left:40px; text-align: left; }
/* ================================
Bottom widget
================================= */
#bottom-widget{overflow:hidden}ul.social-network{margin:0;margin-left:0;padding-left:0;list-style:none}ul.social-network li{display:inline;margin:5px}ul.social-network li a:hover span .fa-circle{color:#2b2b2b}ul.social-network li a i{transition:.3s}
/* ================================
Footer
================================= */
footer {background:#efeded;color: #000;	padding: 30px 0 30px;}
footer a {color: #30CDD7;}
footer a:hover {color: #fff;text-decoration: underline;}

.social-icons{padding:0; margin:0; list-style:none;}
.social-icons li{padding:0; margin:0 5px 0 0; list-style:none; float: left;}
.social-icons li a{padding:0; text-align:center!important;width:30px; height:30px; line-height:30px;  margin:0 auto; list-style:none; display:block; border-radius:50%; background:#003057;}
.social-icons li a:hover{ color:#003057; background:#30CDD7;}
.social-icons li a i{font-size:14px!important; }
li.fa-x-twitter a {vertical-align: middle!important; background:url("../img/x-twitter.svg") center #003057!important; 
	background-size:14px 14px!important; background-repeat:no-repeat!important; }
li:hover.fa-x-twitter a{ padding: 0; text-align: center !important; width: 30px;  height: 30px; line-height: 30px; list-style: none; display: block; border-radius: 50%; vertical-align: middle!important; background:url("../img/x-twitter-2.svg") center #30CDD7!important; background-size:14px 14px!important; background-repeat:no-repeat!important;}
.desktopview {display:block!important;}
.mbview{display:none!important; }
.error {color: #f00;font-size: 12px;font-weight: 400;}

.table-bordered tr th{color:#003057; padding:5px 10px!important; font-size:15px!important; } .table-bordered tr td{padding:8px 10px!important; letter-spacing:-0.5px!important; font-size:15px!important }
.bg-lightblue{background-color:#36d7e1; }
.bg-darkblue{background-color:#B4EBF5; }
.marg20{margin-bottom:20px; }
/* ================================
more media queries
================================= */

@media (max-width:1680px){.box-team,.box-team img{text-align:center}.box-team img{float:none;margin:0 auto}.box-team{margin-bottom:30px}.og-fullimg{display:none!important}  .col-xs-offset-3{margin-left:25%!important;} #intro .carousel-container { padding:3% 0 0 0!important; }.wrapper {right:2%!important;  top:25em!important;} #Button{display: none!important;} }

@media (max-width:1600px){.box-team,.box-team img{text-align:center}.box-team img{float:none;margin:0 auto}.box-team{margin-bottom:30px}.og-fullimg{display:none!important}  .col-xs-offset-3{margin-left:25%!important;} #intro .carousel-container { padding:3% 0 0 0!important; }.wrapper {right:-3%!important;  top:15em!important;} #Button{display: none!important;}}


@media (max-width:1366px){.box-team,.box-team img{text-align:center}.box-team img{float:none;margin:0 auto}.box-team{margin-bottom:30px}.og-fullimg{display:none!important} .wrapper {top:10em!important;right:-7%!important;} .col-xs-offset-3{margin-left:25%!important;} #intro .carousel-container { padding:10% 0 0 0!important; }.wrapper {right:-3.5%!important;  top:15em!important;} #Button{display: none!important;}}

@media (max-width:1280px){.box-team,.box-team img{text-align:center}.box-team img{float:none;margin:0 auto}.box-team{margin-bottom:30px}.og-fullimg{display:none!important} .wrapper {top:10em!important;right:-7%!important;} .col-xs-offset-3{margin-left:25%!important;} #intro .carousel-container { padding:12% 0 0 0!important; }.wrapper {right:-4.5%!important;} #Button{display: none!important;}#testimonials .awards-text b{font-size:15px!important; line-height:12px!important;} .dearjo {font-size:50px!important; line-height: 78px!important}.mainform{margin-top:0!important; top:5px!important; }
}
@media (max-width:1180px){
.row2{margin-right:15px!important;margin-left:15px!important} .form-control{  height:28px!important;  padding: 6px!important;  font-size: 12px!important;}.
	mainform .formheader h5{  font-size:16px!important; margin:0px!important;}.help-block{margin:0px!important;} .help-block p{margin:0px!important;} .form-group {margin-bottom:8px!important;}

}

@media (max-width:1080px){header{padding-bottom:50px;height:100%}.box-team,.box-team img{text-align:center}.box-team img{float:none;margin:0 auto}.box-team{margin-bottom:30px}	.og-fullimg{display:none!important} .wrapper {right:-4.5%!important; top:13em!important;} .col-xs-offset-3{margin-left:5%!important;} #intro .carousel-container{ padding:5% 0 0 0!important; } #Button{display: none!important;}
	.col-xs-push-1{left:0!important;}	 .videos .carousel-inner{height:550px!important; } .ifvideo{height:350px!important;}
	.pad-top40{padding-top:0px!important; } .pad-top30{padding-top:0px!important;}#services .obj-2-text{text-align: center}#testimonials .obj-2-text{ text-align:center;} #testimonials {  font-size: 14px!important;} .header-desk{height:90px!important;} .testimonial-item p {line-height: 15px!important;line-height: 16px!important;}  #testimonials .awards-text p{font-size:14px!important; padding-top:0px!important; } #testimonials .awards-text b{font-size:15px!important; line-height:15px!important;  }#testimonials .awards-text{padding: 0 10px!important;} #about .mug-text p{line-height: 16px!important;font-size: 14px !important;} #about .mug {height: 330px!important;} #about .ourschools {height: 330px!important;} .testimonial-item .testislide p{line-height:22px!important;font-size:18px !important;} .testimonial-item .testislide{height:280px!important;} .testimonial-item{max-width:350px !important;} .row2{margin-right:15px!important;margin-left:15px!important} .form-control{  height:28px!important;  padding: 6px!important;  font-size: 12px!important;}.mainform .formheader h5{  font-size:16px!important; margin:0px!important;}.help-block{margin:0px!important;} .help-block p{margin:0px!important;} .form-group {margin-bottom:8px!important;}.obj-2-text-a{text-align:center!important}.obj-2-text-b{text-align:center!important}.obj-2-text{text-align:center!important}
}

@media (max-width:1024px){.desktopview{display:block!important;} .mbview{display:none!important;}.box-team,.box-team img{text-align:center}.box-team img{float:none;margin:0 auto}.box-team{margin-bottom:30px}	.og-fullimg{display:none!important} .wrapper {right:-4.5%!important; top:13em!important;} .col-xs-offset-3{margin-left:5%!important;} #intro .carousel-container{ padding:5% 0 0 0!important; } #Button{display: none!important;}
.col-xs-push-1{left:0!important;}.videos .carousel-inner{height:550px!important; } .ifvideo{height:350px!important;}
obj-2-text-aobj-2-text-aobj-2-text-aobj-2-text-a	.pad-top40{padding-top:0px!important; } .pad-top30{padding-top:0px!important;}#services .obj-2-text{text-align: center}#testimonials .obj-2-text{ text-align:center;} #testimonials {  font-size: 14px!important;} .header-desk{height:90px!important;} .testimonial-item p {line-height: 15px!important;line-height: 16px!important;}  #testimonials .awards-text p{font-size:14px!important; padding-top:0px!important; } #testimonials .awards-text b{font-size:15px!important; line-height:15px!important;  }#testimonials .awards-text{padding: 0 10px!important;} #about .mug-text p{line-height: 16px!important;font-size: 14px !important;} #about .mug {height: 330px!important;} #about .ourschools {height: 330px!important;} .testimonial-item .testislide p{line-height:22px!important;font-size:18px !important;} .testimonial-item .testislide{height:280px!important;} .testimonial-item{max-width:350px !important;} .row2{margin-right:15px!important;margin-left:15px!important} .form-control{  height:28px!important;  padding: 6px!important;  font-size: 12px!important;}.mainform .formheader h5{  font-size:16px!important; margin:0px!important;}.help-block{margin:0px!important;} .help-block p{margin:0px!important;} .form-group {margin-bottom:8px!important;}.dearjo {font-size:50px!important; line-height: 78px!important}.obj-2{min-height:250px!important; text-align: center!important}
}
@media (max-width:992px){.desktopview{display:block!important;} .mbview{display:none!important;}.desktopview{display:block!important;} .mbview{display:none!important;}.service.carousel .item h4,.service.carousel .item p{text-align:center}.service p{margin-bottom:60px}.og-expander{background:transparent}.og-details{padding:0 20px} 
#Button{display: none!important;}
}

@media (max-width:812px){ .desktopview{display:block!important;} .mbview{display:none!important;}.box-team,.box-team img{text-align:center}.box-team img{float:none;margin:0 auto}.box-team{margin-bottom:30px}	.og-fullimg{display:none!important} .wrapper {right:-7%!important;} .col-xs-offset-3{margin-left:5%!important;} #intro .carousel-container{ padding:12% 0 0 0!important; }	.wrapper {right:-4.5%!important; display:none!important}  #Button{display: inline !important;} .testimonial-item p{font-size:14px!important; } #testimonials .awards{padding:10px!important; } #testimonials .awards-text{font-size:14px!important; line-height:18px!important;  } #testimonials .awards-text b{font-size:14px!important; } .testimonial-item .testislide p{font-size:12px!important; line-height:14px!important;  } .testimonial-item .testislide{padding:10px!important;} .labletext{text-align:left!important; font-size:11px!important; }
.desktopview{display:block!important;} .mbview{display:none!important;}	 .header-desk{height:80px!important;} 
}
@media (max-width:810px){.desktopview{display:block!important;} .mbview{display:none!important;}
	#testimonials .awards{padding:10px!important; } #testimonials .awards-text{font-size:14px!important; line-height:18px!important;  } #testimonials .awards-text b{font-size:14px!important; } .testimonial-item .testislide {font-size:10px!important; } .desktopview{display:block!important;} .mbview{display:none!important;} .header-desk{height:70px!important;}
	 
}
@media (max-width:768px){.themedesktop{display:none!important;}.desktopview{display:none!important;} .mbview{display:block!important;}.navbar-nav{float:left;text-align:left}.box-team,.box-team img{text-align:center}.box-team img{float:none;margin:0 auto}.box-team{margin-bottom:30px}.og-fullimg{display:none}.og-details{float:none;width:100%;padding:0 40px} .col-xs-offset-3{margin-left:5% !important;} .wrapper {right:-7.3%!important;}#intro .carousel-container{padding:5% 0 0 0!important;} #Button{display: inline !important;}.videos .carousel-inner{height:550px!important; } .ifvideo{height:350px!important;}	#carousel-service .carousel-control.left {right: 100%!important;left:3%!important; top:98%!important; }	#carousel-service .carousel-control.right {right:15%!important;left:82%!important; top:98%!important; }#services .obj-2-text{ text-align:center!important; padding-left:10px!important; }#services .obj-2 img{ text-align: center; width: 80%; margin: 0px auto} .desktopview{display:block!important;} .mbview{display:none!important;}.header-desk{height:90px!important;}
#services .highlights{width:50%!important; height:80px!important;} #services .agroup{width: 45px!important; height:45px!important; margin-right:5px!important; } #services .agroup i{ font-size:15px!important; line-height:20px!important; padding:10px!important;  width:40px!important; height:40px!important; } #services .object{font-size:16px!important;line-height: 18px!important;} #services .object span{font-size:16px!important;}
#services .highlights2{width:50%!important; }	

}

@media (max-width:740px){.desktopview{display:none!important;}.theme-mobi{ display: block!important; }.desktopview{display:none!important;} .mbview{display:block!important;}.navbar-nav{float:left;text-align:left}.box-team,.box-team img{text-align:center}.box-team img{float:none;margin:0 auto}.box-team{margin-bottom:30px}.og-fullimg{display:none}.og-details{float:none;width:100%;padding:0 40px} .col-xs-offset-3{margin-left:5% !important;} .wrapper {right:-7.3%!important; display:none!important}#intro .carousel-container{padding:10% 0 0 0!important; }.sub-line{ margin-top:0px!important} 

}

@media (max-width:736px){.desktopview{display:none!important;} .mbview{display:block!important;}.videos .carousel-indicators{width:10%!important; padding:2px 0!important;}.testimonials #demo{width:98%!important; margin:0!important;  } #intro{background-image:url("../img/banner-gch-tab.png")!important; background-position: bottom left!important; background-size:auto!important; background-repeat:no-repeat;} #Button{display: inline !important;}
	.col-xs-push-1{left:0!important; }	#carousel-service .carousel-indicators{width:40%!important;}.mbnone{display:none!important;}	
	.videos .carousel-inner{height:550px!important; }
}

@media (max-width:667px){.desktopview{display:none!important;} .mbview{display:block!important;}.testimonials #demo{width:98%!important; margin:0!important;  } #intro{background-image:url("../img/banner-gch-m.png")!important;  background-position: bottom center!important; background-size:auto!important; background-repeat:no-repeat;} .wrapper {right:-10.5%!important; display:none!important} #Button{display: inline !important;} .videos .carousel-inner{height:550px!important; }.header-desk{ height:90px!important}

@media (max-width:480px){  .theme-mobi{ display: block!important;  }	.mbview{display:block!important;}
	header .carousel-iphone,.detail .screenshot{width:280px}header .carousel,.detail .screenshot img{padding-top:85px;width:245px}.service .screenshot img{margin-top:-12px;padding-top:0}header{padding-top:0px;padding-bottom:0}header h1{font-size:70px} #intro {background-image:url("../img/banner-gch-m.png")!important; height:750px!important; background-position: bottom center!important; background-repeat: no-repeat;}.wrapper {right:-12%!important;display:none!important;} #Button{display: inline !important;}.desktopview{display:none!important;} }#carousel-3 .thumbnail{min-height:400px!important; }
#carousel-3 .carousel-control.proleft {right: 100%!important;left:3%!important; top:98%!important; }
#carousel-3 .carousel-control.proright {right:15%!important;left:82%!important; top:98%!important; }
.mar-top{margin-top:80px!important;} .col-xs-push-1{left:0!important; } #videos .carousel-indicators{ }
.mbnone{display:none!important;}.curriculaweoffer span{ font-size:20px!important;margin-bottom:10px!important }
.mgap2{padding-top:10px!important; text-align:left!important; margin-bottom:10px!important;   }
.videos .carousel-inner{height:700px!important; }	#carousel-service .carousel-control.left {right: 100%!important;left:3%!important; top:98%!important; }	#carousel-service .carousel-control.right {right:15%!important;left:82%!important; top:98%!important; } .mgap{padding-top:20px!important; } .pad-top30{padding-top:20px!important; } .pad-top40{padding-top:20px!important; } #arrow{ margin-left: 20%}#videos b{text-align:center}#principal p{text-align:center}#Admissions p{text-align:center}#Admissions h2{text-align:center}#videos h2{font-weight:600; font-size:32px}#services h2{font-weight:600; font-size:32px; line-height: 33px}#Works h2{font-weight:600; font-size:32px;line-height: 33px}#testimonials h2{font-weight:600; font-size:32px;line-height: 33px}#Works p{text-align:center}#Works ul {margin-top:30px}#videos p{text-align:center}#videos .v-heading{text-align:center}#principal img{ margin-left:0%}
#testimonials .awards {margin-bottom: 30px!important; height:470px!important;}
	#testimonials h2{text-align: center!important;} .testimonial-item .testislide p { font-size: 16px !important;  line-height: 18px !important;}
#about .mug{height:450px!important;} #about .ourschools {height: 450px!important;} .dearjo2{font-size:40px!important; line-height:40px!important; }  #services .obj-2-text{text-align:left!important;} #principal .alumni img{width:60%!important; margin:0 auto!important;}#principal .alumni .alumnitext .readmore a{padding:10px; background:#30CDD7!important; color:#003057!important; margin-top:40px;}#principal .alumni .alumnitext{padding-top:20px!important; text-align: left!important; } #principal .alumni{height:450px!important; }#services .highlights{width:50%!important; height:80px!important;} #services .agroup{width: 40px!important; height:40px!important; margin-right:5px!important; } #services .agroup i{ font-size:15px!important; line-height:20px!important; padding:10px!important;  width:40px!important; height:40px!important; } #services .object{font-size:15px!important;line-height: 18px!important;} #services .object span{font-size:15px!important;} #services .highlights2{width:50%!important; } .grove{ margin-top:60px!important; }		
#services h2 {font-size:28px!important; letter-spacing:-0.5px!important;  }	
}

@media (max-width:414px){.theme-mobi{ display: block!important;  }.desktopview{display:none!important;} .mbview{display:block!important;}
	header .carousel-iphone,.detail .screenshot{width:280px}header .carousel,.detail .screenshot img{padding-top:85px;width:245px}.service .screenshot img{margin-top:-12px;padding-top:0}header{padding-top:0px;padding-bottom:0}header h1{font-size:70px}#intro p{width:100%!important;margin:0!important}	.videos .carousel-indicators{width:20%!important; padding:20px 0!important;}.testimonials #demo{width:98%!important; margin:0!important;}#intro{background-image:url("../img/banner-gch-m.png")!important; background-position: bottom right !important; background-size:99% 98% !important; background-repeat:no-repeat ; height:600px!important;  } #intro h2{line-height:50px !important;font-size:34px!important;}.wrapper {right:-15%!important; display:none!important} .section-heading{margin-bottom:20px!important; } .section-heading h2 {font-size: 34px!important; line-height:36px!important; } .testimonials #demo .c_i {margin:0 auto!important; width:20%!important;} #Button{display: inline !important;} #services .screenshot{display:none!important} #services .s-heading h2{font-size:28px!important; line-height: 40px!important;}	.col-xs-push-1{left:0!important; } .mar-top {margin-top:80px!important;} .mbnone{display:none!important;} .curriculaweoffer span{ font-size:20px!important; } .ifvideo{height:230px!important;} .mgap{padding-top:20px!important; } .pad-top30{padding-top:20px!important; }.pad-top40{padding-top:20px!important; } .desktopview {display:none!important;}.mbview{display:block!important; } #intro .header-1 h1 {font-size:40px!important; line-height:42px!important;} #intro .header-1 h1 span{font-size:40px!important; }.p-heading{margin-bottom:20px!important;} .p-heading h2{font-size:30px!important; margin:0!important; } .p-heading h2 span{font-size:30px!important;}.t-heading{margin-bottom:30px!important;} .t-heading h2{font-size:30px!important; margin:0 0 25px 0!important; } .t-heading h2 span{font-size:30px!important;} #videos .carousel-indicators{margin-bottom:-10%!important; text-align: center!important;}#carousel-3 .thumbnail{min-height:400px!important; }#carousel-3 .carousel-control.proleft {right: 100%!important;left:3%!important; top:98%!important; }#carousel-3 .carousel-control.proright {right:15%!important;left:82%!important; top:98%!important; }	#services .s-heading h2{font-size:30px!important; margin:0!important; line-height:30px!important;} #services .s-heading{margin-bottom:20px!important;} .mgap2{padding-top:10px!important; text-align:left!important; margin-bottom:10px!important;   }	.desktopview{display:none!important;} .mbview{display:block!important;}	.curriculaweoffer span{ font-size:20px!important; margin-bottom:10px!important }	.videos .carousel-inner{height:550px!important; }	#carousel-service .carousel-control.left {right: 100%!important;left:3%!important; top:98%!important; }	#carousel-service .carousel-control.right {right:15%!important;left:82%!important; top:98%!important; } #testimonials .awards {margin-bottom: 30px!important; } #testimonials h2 {text-align:center!important;} #videos h2 {text-align:center!important;} #services h2 {text-align:center!important;} .testimonial-item .testislide p { font-size: 16px !important;  line-height: 18px !important;} #videos {  padding:40px 0px 40px 0px!important;}  #about .mug{height:420px!important;} #about .ourschools {height:420px!important;} #services .obj-2-text{text-align:left!important;}
#principal .text-left{text-align:center!important;} #principal .alumni img{width:60%!important; margin:0 auto!important;}
#principal .alumni .alumnitext a{padding:20px 0; } #principal .alumni .alumnitext .readmore a{padding:10px; background:#30CDD7!important; color:#003057!important; margin-top:40px;   }	#principal .alumni .alumnitext .readmore{padding-top:20px!important; } 
	#principal .alumni{height:450px!important; clear: both;}
	
	#services .highlights{width:50%!important; height:80px!important;} #services .agroup{width: 40px!important; height:40px!important; margin-right:5px!important; } #services .agroup i{ font-size:14px!important; line-height:20px!important; padding:10px!important;  width:40px!important; height:40px!important; } #services .object{font-size:14px!important;line-height: 18px!important;} #services .object span{font-size:14px!important;}
#services .highlights2{width:50%!important; }.header-desk{height:80px!important;}
} 
@media (max-width:412px){.theme-mobi{ display: block!important; }	.desktopview{display:none!important;} .mbview{display:block!important;}
	#carousel-3 .thumbnail{height:500px!important; }
	.videos .carousel-inner{height:550px!important; } #testimonials .awards {margin-bottom: 30px!important; } #services .obj-2-text{text-align:left!important;}
	#principal .text-left{text-align:center!important;} #principal .alumni img{width:60%!important; margin:0 auto!important;}#principal .alumni .alumnitext a{padding:20px 0; } #principal .alumni .alumnitext .readmore a{padding:10px; background:#30CDD7!important; color:#003057!important; margin-top:40px;   }
	#principal .alumni .alumnitext{padding-top:20px!important; } #principal .alumni{height:450px!important; }
	 .sub-line{  margin-top: 0px!important}..dearjo{line-height:20px!important;}
}


@media (max-width:411px){.theme-mobi{ display: block!important; }	.desktopview{display:none!important;} .mbview{display:block!important;}
	#carousel-3 .thumbnail{height:500px!important; }
	.videos .carousel-inner{height:550px!important; } #testimonials .awards {margin-bottom: 30px!important; } 	 #services .obj-2-text{text-align:left!important;} 
	#principal .text-left{text-align:center!important;} #principal .alumni img{width:60%!important; margin:0 auto!important;} #principal .alumni .alumnitext a{padding:20px 0; } #principal .alumni .alumnitext .readmore a{padding:10px; background:#30CDD7!important; color:#003057!important; margin-top:40px;   }
	#principal .alumni .alumnitext .readmore{padding-top:20px!important; } #principal .alumni{height:500px!important; }}

@media (max-width:384px){theme-mobi{ display: block!important;}.desktopview{display:none!important;} .mbview{display:block!important;}. #testimonials .awards {margin-bottom: 30px!important;  height:450px!important;} .testimonial-item .testislide p{font-size: 15px !important; 	line-height: 18px !important;} #principal h2{margin:10px 0!important;} #videos h2{margin:0px!important;} #videos .carousel-indicators {  margin-bottom: -10% !important;  text-align: center !important;}
#services .obj-2-text{text-align:left!important;} #principal .text-left{text-align:center!important;} #principal .alumni img{width:50%!important; }
#principal .alumni .alumnitext a{padding:20px 0;  } #principal .alumni .alumnitext .readmore a{padding:10px; background:#30CDD7!important; color:#003057!important; margin-top:40px;   }	#principal .alumni .alumnitext .readmore{padding-top:20px!important; }
	#principal .alumni{height:360px!important;}	  	#services .highlights{width:50%!important; height:80px!important;} #services .agroup{width: 40px!important; height:40px!important; margin-right:5px!important; } #services .agroup i{ font-size:13px!important; line-height:20px!important; padding:8px!important;  width:40px!important; height:40px!important; } #services .object{font-size:13px!important;line-height: 18px!important;} #services .object span{font-size:13px!important;}	#services .highlights2{width:50%!important; }#services{padding: 40px 0px 40px 0px!important;}	
}
 
@media (max-width:375px){.theme-mobi{ display: block!important;}.desktopview{display:none!important;} .mbview{display:block!important;}header .carousel,.detail .screenshot img{padding-top:85px;width:245px}.service .screenshot img{margin-top:-12px;padding-top:0}header{padding-top:30px;padding-bottom:0}header h1{font-size:70px} #intro p{width:100%!important;margin:0!important}
.testimonials #demo{width:95%!important; margin:0!important;}	
	#intro h2{line-height: 40px !important; font-size: 32px!important;}.wrapper {right:-15%!important; display:none!important}.col-xs-offset-3{margin-left:0%!important;} #intro .carousel-container{padding:10% 0 0 0!important; } #Button{display: inline !important;}#intro .header-1 h1 {font-size:40px!important; line-height:42px!important;} #intro .header-1 h1 span{font-size:40px!important; }.p-heading{margin-bottom:20px!important;} .p-heading h2{font-size:30px!important; margin:0!important; } .p-heading h2 span{font-size:30px!important;}.t-heading{margin-bottom:30px!important;} .t-heading h2{font-size:30px!important; margin:0 0 25px 0!important; } .t-heading h2 span{font-size:30px!important;}#carousel-3 .thumbnail{height:500px!important; }#carousel-3 .carousel-control.proleft {right: 100%!important;left:3%!important; top:98%!important; }#carousel-3 .carousel-control.proright {right:15%!important;left:82%!important; top:98%!important; }#services .s-heading h2{font-size:30px!important; margin:0!important; line-height:30px!important;}#services .s-heading{margin-bottom:10px!important;} .mgap2{padding-top:10px!important; }	.pad-top30{padding-top:10px!important; }.desktopview{display:none!important;} .mbview{display:block!important;}	 .pad-top40{padding-top:20px!important; }  .videos .carousel-inner{height:650px!important; } 
	#testimonials .awards {margin-bottom: 30px!important;  height:500px!important;} #testimonials .awards-text{  font-size: 16px !important;   line-height: 20px !important;} #testimonials .awards-text b{  font-size: 20px !important;   line-height:16px !important;}
	#videos .carousel-indicators {  margin-bottom: -10% !important;  text-align: center!important; display: block;} #about .mug{height:420px!important;}
	#about .ourschools {height: 420px!important;}.header-font{color:#FFCB00;font-weight:700;font-size:30px!important;line-height:30px!important;}
	#services .obj-2-text{text-align:left!important;} #principal .text-left{text-align:center!important;} #principal .alumni img{width:60%!important; margin:0 auto!important;} #principal .alumni .alumnitext a{padding:20px 0; } #principal .alumni .alumnitext .readmore a{padding:10px; background:#30CDD7!important; color:#003057!important; margin-top:40px;}	#principal .alumni .alumnitext .readmore{padding-top:20px!important; }
	#services .highlights{width:50%!important; height:80px!important;} #services .agroup{width: 38px!important; height:38px!important; margin-right:5px!important; } #services .agroup i{ font-size:13px!important; line-height:20px!important; padding:8px!important;  width:38px!important; height:38px!important; } #services .object{font-size:13px!important;line-height: 18px!important;} #services .object span{font-size:12px!important;}
	#services .highlights2{width:50%!important; }.header-desk{height:80px!important;}}
	
}
@media (max-width:360px){ .theme-mobi{ display: block!important;  }.desktopview{display:none!important;} .mbview{display:block!important;}
	header .carousel-iphone,.detail .screenshot{width:280px!important} header .carousel,.detail .screenshot img {padding-top:85px!important;width:245px!important} .service .screenshot img{margin-top:-12px!important;padding-top:0!important}header{padding-top:30px!important;padding-bottom:0!important}header h1{font-size:70px!important}#intro p{width:100%!important;margin:0!important}.testimonials #demo{width:95%!important; margin:0!important;}#testimonials .obj-2-text{ text-align:center} .wrapper {right:-15.5%!important; display:none!important} #intro .carousel-container{padding:10% 0 0 0!important; } #Button{display: inline !important;}#intro .header-1 h1 {font-size:40px!important; line-height:42px!important;} #intro .header-1 h1 span{font-size:40px!important; }#videos h2{font-size: 34px!important} .p-heading{margin-bottom:20px!important;} .p-heading h2{font-size:30px!important; margin:0!important; } .p-heading h2 span{font-size:30px!important;}.t-heading{margin-bottom:30px!important;} .t-heading h2{font-size:30px!important; margin:0 0 25px 0!important; } .t-heading h2 span{font-size:30px!important;} #carousel-3 .thumbnail{min-height:400px!important; }	#carousel-3 .carousel-control.proleft {right: 100%!important;left:3%!important; top:98%!important; }#carousel-3 .carousel-control.proright {right:15%!important;left:82%!important; top:98%!important; }#services .s-heading h2{font-size:25px!important; margin:0 0 25px 0!important; line-height:30px!important;} #services .s-heading{margin-bottom:30px!important;} .mgap2{padding-top:10px!important; } 
	.pad-top30{padding-top:10px!important;} 	.pad-top40{padding-top:20px!important; }	.mar-top {margin-top:50px!important;} 
	.videos .carousel-inner{height:700px!important}  #videos h2{margin:0!important; } #testimonials .awards {margin-bottom: 30px!important;}	#services .obj-2-text {text-align:center!important}#services .obj-2 img{text-align:center}
	#services .obj-2 img{ text-align: center; width: 100%; margin: 0px auto} .testimonial-item .testislide{height:280px!important; }
	#videos .carousel-indicators { margin-bottom: -10% !important;  text-align:center!important; display: block;}
	.dearjo2{font-size:34px!important; line-height:35px!important; } .dearjo3{font-size:38px!important; line-height:40px!important;}
	#about .mug{height:420px!important;} #about .ourschools {height: 420px!important;} #services .obj-2-text{text-align:left!important;} #principal .text-left{text-align:center!important;}
	#principal .alumni img{width:60%!important; margin:0 auto!important;} #principal .alumni .alumnitext a{padding:20px 0; }
	#principal .alumni .alumnitext .readmore a{padding:10px; background:#30CDD7!important; color:#003057!important; margin-top:40px;   }
	#principal .alumni .alumnitext .readmore{padding-top:20px!important; }
	
	#services .highlights{width:50%!important; height:80px!important;} #services .agroup{width: 40px!important; height:40px!important; margin-right:5px!important; } #services .agroup i{ font-size:13px!important; line-height:20px!important; padding:8px!important;  width:40px!important; height:40px!important; } #services .object{font-size:13px!important;line-height: 18px!important;} #services .object span{font-size:13px!important;}
	#services .highlights2{width:50%!important; }.header-font{text-align:center; font-size:34px!important}.sub-line{  margin-top: 10px; font-size: 21px; text-align: center!important}.dearjo{font-size:55px!important; line-height: 55px!important; margin-top: 20px!important}
	
}

@media (max-width:320px){.desktopview{display:none!important;} .mbview{display:block!important;}#testimonials .obj-2-text{ text-align:center; margin: 0px;}#videos h2{font-size: 20px} #testimonials .awards {margin-bottom: 30px!important; height:500px!important;}.grove{margin-top:10px!important;}.header-font{color:#FFCB00;font-weight:600;font-size:34px!important;line-height:30px!important;}.header-desk{height:120px!important;}.sub-line{  margin-top: 30px; font-size: 21px; text-align: center!important}}