/* ================================
Imports
================================= */
@import url('font-awesome.min.css');
@import url('simpletextrotator.css');
@import url('overwrite.css');
@import url('animate.css');

.dearjo_white{color:#fff; font-family:'DJ5CAS_P';} .header-font-black{color:#1d1d1b;} .dearjo_black{color:#1d1d1b; font-family:'DJ5CAS_P';}
@font-face{font-family:'DJ5CAS_P';src:url(../fonts/DJ5CAS_P.otf)format('otf'),url(../fonts/DJ5CAS_P.ttf)}@font-face{font-family:'SourceSansPro-Regular';src:url(../fonts/SourceSansPro-Regular.ttf)format('ttf')}@font-face{font-family:'SourceSansPro-Bold';src:url(../fonts/SourceSansPro-Bold.ttf);}.dearjo{font-family:'DJ5CAS_P';font-weight:400;font-size:60px!important;line-height:56px;font-style:normal}

body{text-align: center;font-family:'Source Sans Pro',sans-serif;font-size: 14px;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:'Source Sans Pro',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;}
/* ================================
Social Media icons
================================= */
.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:-3%; 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:16px; padding:0px 20px; margin: 0;} .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; }


/* ================================
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;}
/* 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;} 
.home-section {	width: 100%;padding:30px 0px 50px 0px;}
.section-heading {margin-bottom: 50px;}
.section-heading h2 {font-size: 38px; font-weight:500; font-family:'DJ5CAS_P'; margin-bottom:0; }
.section-heading .heading-line {	margin:0 auto;	display: block;	height: 1px;width: 80px;background: #333;margin-top: 10px;margin-bottom: 20px;}
.bg-white {background: #fff;}
.bg-gray {background: #f8f8f8;}
.bg-dark {	background: #575757;}
.bg-blue {	background: #4dc4cf;}
.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.jpg);}
.parallax{background-image: url(../img/bg_purple.jpg); padding:50px 0px 50px 0px; display:block; font-size:18px; color:#fff;}
.parallax .p-heading {margin-bottom: 50px;}
.parallax .p-heading h2 {font-size: 38px;	font-weight:500; font-family:'DJ5CAS_P'; color:#fff;}
.parallax .p-heading p {font-size: 30px;	font-weight:500; color:#fff;}
.parallax h2 {font-size: 26px;	font-weight:500; font-family:'DJ5CAS_P'; color:#1d1d1b; }
.parallax h5 {font-size: 26px;	font-weight:500; color:#fff; }
.parallax P{font-size:18px;	font-weight:500; color:#fff;}
/* ================================
Intro
================================= */

#intro { width: 100%; height: 100%; background-color:#fff; background-image: url(../img/banner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
#intro .item { width: 100%; height:98vh;}
#intro .carousel-container {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  position: absolute;width: 100%; height:500px; padding:8% 0 0 0; }
#intro .carouselbg{  width: 100%; }
#intro .carousel-content {  text-align: left;}
#intro h2 {  color: #000;  margin-bottom: 30px;  font-size:50px;  font-weight:500; font-family:'DJ5CAS_P'; line-height:65px!important; }
#intro p {  width:40%;  -webkit-animation-delay: 0.4s;  animation-delay: 0.4s;  margin: 0 auto 30px 0;  color: #fff;}
#intro .carousel-container a.btn-get-started{ background:url("../img/about.svg")no-repeat center center; color:#1d1d1b; text-decoration:none; width:120px!important;font-size:18px;padding:30px 28px; }
#intro .carousel-container a.btn-get-started:hover { background:url("../img/about-2.svg")no-repeat center center; color: #fff; text-decoration: none; width:120px!important; padding:30px 28px;}


@media (max-width: 768px ) {  #intro h2 {font-size: 36px;font-family:'DJ5CAS_P'; }}
#stimulating {width: 100%; padding:50px 0; margin:0; display: block;  } #stimulating p{font-size:24px; line-height:35px;}

/* ================================
About
================================= */
#about .about-img { height: 350px; overflow: hidden;}
#about .about-img img { margin-left: -15px; max-width: 100%;}
@media (max-width: 768px) { #about .about-img {height: auto;} #about .about-img img {margin-left: 0; padding-bottom: 30px;}}
#about .programs h2 { color: #4dc4cf; font-weight:600; font-size:30px; text-align: left; font-family:'DJ5CAS_P'; letter-spacing:1px; }
#about .programs p {line-height: 26px; text-align:left; word-spacing:-1px;font-size: 16px!important; color:#fff;  }
/*#about .programs p:first-child {margin-bottom:20px; font-weight:500; font-size:20px!important; }*/
#about .content h2 { color: #74288b; font-weight:600; font-size:30px; text-align: left; font-family:'DJ5CAS_P';letter-spacing:1px;}
#Admissions .content h3 { color: #4dc4cf;  font-size:18px; line-height: 26px;  text-align: left; margin:5px 0!important;  }
#Admissions .content h3:before{ content:"";}
#Admissions .content p {line-height: 26px; text-align: left; font-size: 24px!important;  font-family: 'DJ5CAS_P';}
#Admissions .content p:last-child {margin-bottom: 0; font-size: 24px!important;}
.sub-line{ margin-top: 50px!important}
/* ================================
Team
================================= */
.box-team img {	margin-bottom: 30px;}

/* ================================
Services
================================= */
#services{background:url("../img/leading_teachers.jpg") no-repeat center top;}
.s-heading {margin-bottom: 50px;}
.s-heading h2 {font-size: 34px;color:#74288b; font-family:'DJ5CAS_P'; line-height:50px; font-weight:500;   }
.s-heading .head-line {	margin:0 auto;	display: block;	height: 1px;width: 80px;background: #4dc4cf;margin-top: 10px;margin-bottom: 20px;}
.s-heading p{display: block;color:#74288b; font-size: 30px; 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:0px 0 0 0; padding:0 0 10px 25px; font-size:16px;  list-style-type:none; color:#fff; background:url("../img/bullet_point.png") no-repeat left top;  }
#services .btext{color:#1d1d1b;font-size:18px; font-weight:400!important; line-height:28px;  }
/* ================================
Testimonials
================================= */
.testimonials{background-image: url(../img/bg_tealeblue.jpg); padding:50px 0px 50px 0px; display:block; font-size:16px;  }
.testimonials .t-heading {margin-bottom: 50px;}
.testimonials .t-heading h2 {font-size: 38px;	font-weight:500; font-family:'DJ5CAS_P'; color:#fff;}
.testimonials h2 {font-size: 26px;	font-weight:500; font-family:'DJ5CAS_P'; color:#1d1d1b; }
.testimonials #demo .carousel-inner{height:200px; }
.testimonials #demo .c_i {position:absolute;z-index:999;bottom:0; left:0; right:0;margin:0 auto; width:15%; background-color:#fff; padding:5px 0px 0 0; border-radius:50pc;  }
.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:60%; margin:0 auto;} .testimonial h4{ color: #1d1d1b;font-size:20px!important; margin-bottom:0px!important; }
.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;}


/* ================================
Works
================================= */
.og-grid{list-style:none;padding:20px 0;margin:0 auto;text-align:center;width:100%}.og-grid li{display:inline-block;margin:10px 5px 0;vertical-align:top;height:250px}.og-grid li > a,.og-grid li > a img{border:none;outline:none;display:block;position:relative}.og-grid li.og-expanded > a::after{top:auto;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:none;border-width:15px;left:50%;margin:-20px 0 0 -15px}.og-expander{position:absolute;background:#FFF;top:auto;left:0;width:100%;margin-top:10px;text-align:left;height:0;overflow:hidden}.og-expander-inner{padding:50px 0;height:100%}.og-close{position:absolute;width:40px;height:40px;top:20px;right:20px;cursor:pointer}.og-close::before,.og-close::after{content:'';position:absolute;width:100%;top:50%;height:1px;background:#888;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.og-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.og-close:hover::before,.og-close:hover::after{background:#333}.og-fullimg,.og-details{width:50%;float:left;height:100%;overflow:hidden;position:relative}.og-details{padding:0 40px 0 0}.og-fullimg{text-align:center}.og-fullimg img{display:inline-block;max-height:100%;max-width:100%}.og-details h4{font-weight:300;margin-bottom:10px}.og-details p{font-weight:300;font-size:16px;line-height:1.6em;color:#555}.og-details a{font-weight:700;display:inline-block;margin:30px 0 0;outline:none}.og-details a:hover{border-color:#999;color:#999}.og-loading{width:20px;height:20px;border-radius:50%;background:#ddd;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ccc;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;-webkit-animation:loader .5s infinite ease-in-out both;-moz-animation:loader .5s infinite ease-in-out both;animation:loader .5s infinite ease-in-out both}@-webkit-keyframes loader{0%{background:#ddd}33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd}66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc}}@-moz-keyframes loader{0%{background:#ddd}33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd}66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc}}@keyframes loader{0%{background:#ddd}33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd}66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc}}@media screen and (max-width: 830px){.og-expander h3{font-size:32px}.og-expander p{font-size:13px}.og-expander a{font-size:12px}}@media screen and (max-width: 650px){.og-fullimg{display:none}.og-details{float:none;width:100%}}


/* ================================
Videos
================================= */
#videos{position: relative; overflow:hidden!important; padding-top:50px; left:0; right:0; }
#videos h2{color:#1d1d1b;   }
.videos .carousel-indicators {position:absolute;z-index:999;bottom:0; left:0; right:0;   margin:0 auto; width:10%; background:#fff; padding:10px 0; border-radius:2px 2px 0 0px;  }
.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;}

/* ================================
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;}

/* ================================
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: #4dc4cf;color: #fff;	padding: 30px 0 30px;}
footer a {color: #fff;}
footer a:hover {color: #fff;text-decoration: underline;}

.social-icons{padding:0; margin:0; list-style:none;}
.social-icons li{padding:0; margin:0; list-style:none; float: left;}
.social-icons li a{padding:0; width:30px; height:30px; line-height:30px;  margin:0 2px; list-style:none; display:block; background:#003255; border-radius:50%; }
.social-icons li a:hover{background:#74288b!important; color:#ffd200; }
.social-icons li a i{font-size:14px!important; }


/* ================================
more media queries
================================= */

@media (max-width:1680px){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 {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:-4%!important;  top:25em!important;} #Button{display: none!important;} }

@media (max-width:1600px){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 {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:-4%!important;  top:15em!important;} #Button{display: none!important;}}


@media (max-width:1366px){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 {top:10em!important;right:-7%!important;} .col-xs-offset-3{margin-left:25%!important;} #intro .carousel-container { padding:13% 0 0 0!important; }.wrapper {right:-4.5%!important;  top:15em!important;} #Button{display: none!important;} #intro h2 {font-size:36px!important; line-height:46px!important;  }}

@media (max-width:1280px){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 {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;}}

@media (max-width:1024px){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:-6%!important;} .col-xs-offset-3{margin-left:5%!important;} #intro .carousel-container{ padding:12% 0 0 0!important; } #Button{display: none!important;} #about .content h3 { font-size:18px!important; line-height: 26px;}	.parallax .col-xs-offset-2{margin-left:0!important;}  .parallax .p-heading h2 {font-size: 34px!important;} #dynamic a{line-height:40px!important; } #intro h2 {font-size:36px!important; line-height:46px!important;  }
}
@media (max-width:992px){.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){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:-7%!important;} .col-xs-offset-3{margin-left:5%!important;} #intro .carousel-container{ padding:20% 0 0 0!important; }
	.wrapper {right:-4.5%!important; display:none!important}  #Button{display: inline !important;} .parallax .col-xs-offset-2{/*margin-left: 16.66666667%;*/ margin-left:0!important;}
}

@media (max-width:768px){header{padding-bottom:50px;min-height:1000px;height:100%}.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:20% 0 0 0!important;} #Button{display: inline !important;} #intro h2 {font-size:34px!important; line-height:46px!important;  }}

@media (max-width:740px){header{padding-bottom:50px;min-height:1000px;height:100%}.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:20% 0 0 0!important; } #intro{background-position: left!important;} #intro h2 {font-size:34px!important; line-height:46px!important;  }}

@media (max-width:736px){.videos .carousel-indicators{width:10%!important; padding:2px 0!important;}.testimonials .carousel-inner{height:210px!important; }.testimonials #demo{width:98%!important; margin:0!important;  } #intro .carouselbg{background-image:url("../img/banner.jpg")!important; background-position: top center!important; background-size:auto!important; background-repeat:no-repeat;} #Button{display: inline !important;} .parallax .col-xs-offset-2{/*margin-left: 16.66666667%;*/ margin-left:0!important;}#intro{background-position: left!important;} 
#intro .carousel-container { padding:20% 0 0 0!important; } #intro h2 {font-size:34px!important; line-height:46px!important;  }
}

@media (max-width:667px){.testimonials .carousel-inner{height:210px!important; }.testimonials #demo{width:98%!important; margin:0!important;  } #intro .carouselbg{background-image:url("../img/banner_m.jpg")!important;  background-position: top center!important; background-size:auto!important; background-repeat:no-repeat;} .wrapper {right:-10.5%!important; display:none!important} #Button{display: inline !important;} #services{background:url("../img/eyp_learning_bg.jpg") no-repeat center top!important;} #intro .carousel-container { padding:20% 0 0 0!important; } .parallax .col-xs-offset-2{/*margin-left: 16.66666667%;*/ margin-left:0!important;} #intro{background-position: left!important;} #intro h2 {font-size: 30px!important; line-height:40px!important;  }
}
@media (max-width:480px){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:30px;padding-bottom:0}header h1{font-size:70px} #intro .carouselbg{background-image:url("../img/banner_m.jpg")!important;}
	.wrapper {right:-12%!important;display:none!important;} #Button{display: inline !important;}}

@media (max-width:414px){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:30px;padding-bottom:0}header h1{font-size:70px}#intro p{width:100%!important;margin:0!important}
	.videos .carousel-indicators{width:20%!important; padding:2px 0!important;} .testimonials .carousel-inner{height:260px!important; }.testimonials #demo{width:98%!important; margin:0!important;}
#intro {background:#4dc4cf url("../img/banner_m.jpg")no-repeat bottom center!important; height:700px!important;} #intro h2{line-height:50px !important;font-size:34px!important;}
	.wrapper {right:-15%!important; display:none!important} .section-heading h2 {font-size: 34px!important; line-height:60px!important; } .testimonials #demo .c_i {margin:0 auto!important; width:20%!important;} #Button{display: inline !important;} #services{background:url("../img/eyp_learning_bg.jpg") no-repeat center bottom!important; } #services .screenshot{display:none!important} #services .s-heading h2{font-size:28px!important; line-height: 40px!important;} #intro .carousel-container { padding:25% 0 0 0!important; } #intro h2 {font-size:36px!important; line-height:40px!important;  }}

@media (max-width:375px){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 .carousel-inner{height:280px!important; }.testimonials #demo{width:95%!important; margin:0!important;}#intro .carouselbg{background-image:url("../img/banner_m.jpg")!important; background-position: bottom center!important; background-size:98% 98% !important; background-repeat:no-repeat;} #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:30% 0 0 0!important; } #Button{display: inline !important;}
#services{background:url("../img/eyp_learning_bg.jpg") no-repeat center bottom!important;} #services .screenshot{display:none!important} #services .s-heading h2{font-size:28px!important; line-height: 40px!important;}.parallax .col-xs-offset-2{/*margin-left: 16.66666667%;*/ margin-left:0!important;}
}
@media (max-width:360px){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 .carousel-inner{height:280px!important; }.testimonials #demo{width:95%!important; margin:0!important;}#intro{background:url("../img/banner_m.jpg") no-repeat bottom center; height:700px!important;} .wrapper {right:-15.5%!important; display:none!important} #intro .carousel-container{padding:22% 0 0 0!important; } #Button{display: inline !important;} .parallax .col-xs-offset-2{/*margin-left: 16.66666667%;*/ margin-left:0!important;}
#intro .carousel-container { padding:25% 0 0 0!important; } #services .s-heading h2{font-size:34px!important; line-height: 40px!important;} #services .s-heading p{font-size:20px!important; margin-bottom: 20px;}
}