/* ================================
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{font-family:'Source Sans Pro',sans-serif;font-size: 14px;line-height: 1.6em; overflow-x:hidden!important; background: #f4f4f4; text-align: center}
h1 {}h2 {}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: #121212;font-weight: 600;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;}
.ifvideo{width:100%; height:350px; padding:0; margin:0;}

#myBtn {
  display: none;
  position: fixed;

}

#myBtn:hover {

}

.sticky { position: -webkit-sticky;position: sticky;  top: 75%; right: 0%!important; z-index: 1000;   float:right; }
#feedback { height: 0px; width: 85px;  right: 0;transform: rotate(-90deg);-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);			}
#feedback a {display: block; background: #ffcb00; width: 210px;padding: 8px 0px 10px 10px;color: #000;font-family: Arial, sans-serif; font-size: 17px; font-weight: bold;text-decoration: none;}
#feedback a:hover {	background: #CCC; }
.logo{ margin-top:20px; width: 80% }



/*theme ===============================*/
.theme-mobi{ display: none!important;background:url(../img/banner-viz-m.png) no-repeat center top;float:left; height:790px;display: block!important}
.theme-desk{background:url(../images/banner4.png) no-repeat center top;float:left;width:100%; height:520px;display: block!important}

.arrow-mobi{ display: none!important;}
.arrow-desk{display: block!important}

.grove-main{width:100%;}
.grove{color:#fff;font-size:32px; margin-top: 100px}

.dearjo{font-family: 'DJ5CAS_P';font-weight:normal; font-size:65px!important; line-height:60px;font-style:normal; color:#f48549;}
.header-font{color:#f48549;font-weight:600;font-size:58px!important;line-height:50px;text-align:left;} 
.sub-line{font-size:28px!important;font-weight:500; line-height: 30px; color: #636261; margin-bottom: 10px}

#arrow { background: url("../img/cta2.png") repeat-x left; text-align: left; padding:20px;  max-width:350px;  font-size: 20px!important; line-height: 18px; margin-top:15px;   }

#arrow img{ text-align:left}
#arrow  a{ color:#000}

#arrow:hover{ color:#fff}
.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 20px;  font-size:22px; }
.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 20px;}
.form-mobi{ display: none!important}
.form-desk{display: block!important}



/*pannelr 4-------------------------------------
--------------------------------*/
.parent-say-text{font-size:22px; line-height: 28px; text-align: center; margin-top: 20px}






.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; }


#dynamic2 {  background-color:#ffd200; width: 200px; margin-top: 30px} 
#dynamic2 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;} 
#dynamic2: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;}.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:#4dc3ce!important; }
@media (max-width: 768px) { .back-to-top {bottom: 15px;}}
.back-to-top:focus { outline: none; background:#74288b!important;} 

/* ================================
Navbar
================================= */


.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: #fecf45;}
.bg-purple {background: #742b8b;}
.bg-mit {background: #a51d36;}
.bg-graygrid {background:url("../img/leading_teachers.png") repeat left top;}

.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;  }



/* ================================
Intro
================================= */
#Admissions{ width: 100%; background-color:#fecf45; padding: 40px 0px 40px 0px }


#intro { width: 100%; background-color:#fff; background-image: url(../img/banner-viz.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:4%; }
#intro .carouselbg{  width: 100%; }
#intro .carousel-content {  text-align: left;}
#intro .header-1 h2 { color: #1d1d1b; margin-bottom: 20px; font-size:50px!important; font-weight:600; line-height:60px; text-align: left}
#intro .header-1 span{font-family:'DJ5CAS_P'; font-size:70px; line-height:60px!important; text-transform:none!important; font-weight:550!important;}
#intro .sub-line{text-align: left!important; margin-bottom: 30px; font-size: 24px}
.banner-button{ text-align:left; margin-left: -10px; margin-top: 10px}

#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 20px;  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 20px;}

@media (max-width: 768px ) {  #intro h2 {font-size: 36px;font-family:'DJ5CAS_P'; }}



/* ================================
About
================================= */
#about{ background-image: url(../images/about.png) ;  background-repeat: repeat-x;background-color: #4DC3CF; padding:40px 0px 0px 0px; display:block; font-size:16px; margin-top: -30px ; }
#about p { font-size:22px; text-align: center; line-height: 23px; color: #fff; margin-top: 20px}
#about-bottom{ background-image: url(../images/about-bottom.png) ;  background-repeat: repeat-x;  display:block; height: 54px }
/* ================================
Team
================================= */
.box-team img {	margin-bottom: 30px;}

/* ================================
Services
================================= */
#services{background-image: url(../images/row-3.png) ;  background-repeat: repeat-x;background-color: #9cd9e4; padding:40px 0px 0px 0px; display:block; font-size:16px; }
#services h2 {font-size:38px;color:#003255; line-height:45px; font-weight:600; text-align: center}
#services h2 span {font-size:45px; font-family:'DJ5CAS_P';font-weight:500; margin-bottom:0; }
#services p{ margin-top:-20px; font-size: 20px;; text-align: center}
#services .obj-2{  margin-top: 20px}
#services .obj-2 img{ text-align: left}
#services .obj-2-text{ margin-top:15px;text-align: left; margin-left: -20px}


#services-bottom{ background-image: url(../images/row-3-bottom.png) ;  background-repeat: repeat-x;  display:block; height: 87px }
/* ================================
Testimonials
======services=========================== */
.testimonials{ padding:10px 0px 10px 0px; display:block; font-size:16px;  }
.testimonials h2 {font-size:36px;font-weight:500; color:#1d1d1b; text-align: left; line-height: 45px}
.testimonials h2 span{font-size:44px;font-weight:550; color:#1d1d1b;  font-family:'DJ5CAS_P';}
.testimonials h4 {font-size:30px;font-weight:500; color:#003157; font-family:'DJ5CAS_P';text-align: center; line-height: 36px}
.testimonials .obj-1{  margin-bottom: 10px}
.testimonials .obj-1 img{ text-align: center}
.testimonials .obj-1-text{ margin-top:10px;text-align: left; margin-left: -20px}

.testimonials .right-test{ text-align:right;margin-bottom: -20px}
.testimonials .left-test{ text-align:left; margin-top: -40px}

.testimonials2{ padding:0px 0px 0px 0px; display:block; font-size:16px;  }
.testimonials2 h2 {font-size:36px;font-weight:500; color:#1d1d1b; text-align: left; line-height: 45px}
.testimonials2 h4 {font-size:30px;font-weight:500; color:#003157; font-family:'DJ5CAS_P';text-align: center; line-height: 36px}
.testimonials2 h5 {font-size:24px;font-weight:500; color:#003157;text-align: center; line-height: 36px}
.testimonials2 .text-1{ text-align:left; font-size: 20px!important;}
.testimonials2 .right-test{ text-align:right;margin-bottom: -20px}
.testimonials2 .left-test{ text-align:left; margin-top: -40px}


#section-4{ padding:30px 0px 0px 0px; display:block; font-size:16px;   }
#section-4 .text-1{ text-align:left; font-size: 20px!important;}
#section-4 h2 {font-size:30px;font-weight:500; color:#1d1d1b; text-align: left; line-height: 32px}


#footer{ background-image: url(../images/footer-bg.png) ;  background-repeat: repeat-x;background-color: #e4e2dc; padding:40px 0px 50px 0px; display:block; font-size:16px; margin-top: 0px ; }
#footer p { font-size:18px; text-align: center; line-height: 23px; color: #003157; margin-top: -20px}
#footer h4{ margin-top:30px}
#footer-bottom{ background-image: url(../images/footer-bottm.png) ;  background-repeat: repeat-x;  display:block; height: 54px }


/*
.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:'DJ5CAS_P'; font-size:28px; line-height:40px!important; text-transform:none!important; color: #000; font-weight:500!important; }*/

/* ================================
Works
================================= */






/* ================================
Videos
================================= */
/*#videos{position: relative; overflow:hidden!important; padding:50px 0 60px 0; left:0; right:0; }
#videos h2{color:#1d1d1b;}
#videos b{color:#742b8b!important; font-size:2em!important; font-family:'DJ5CAS_P'; } 
#videos p{margin-top:10px!important; line-height:1.3em; font-size:1.2em!important;  }

.videos .carousel-indicators {position:absolute;z-index:999;bottom:0; left:0; right:0; top:95%;  margin:15px 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:-5%!important; top:45%!important; }
#carousel-service .carousel-control.right {right:-10%!important;left:90%!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;}

/* ================================
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
================================= */


.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:#4dc3ce!important; color:#fff; }
.social-icons li a i{font-size:14px!important; }

footer {background:#ededed;color: #000;	padding: 30px 0 30px;}
footer a {color: #fff;}
footer a:hover {color: #fff;text-decoration: underline;}


.desktopview {display:none!important;}
.mbview{display:block!important; }

#carousel-3 .carousel-control.proleft {right: 100%!important;left:-5%!important; top:45%!important; }
#carousel-3 .carousel-control.proright {right:-8%!important;left:90%!important; top:45%!important; }

/* ================================
more media queries
================================= */

@media (min-width: 320px){.form-mobi{ display: block!important}.form-desk{display: none!important;}.theme-mobi{ display: block!important}.theme-desk{display: none!important;}.arrow-mobi{ display: block!important}.arrow-desk{display: none!important;}.grove-main{ width: 100%;}.grove{margin-top: 10%; text-align: center!important; font-size: 45px!important; line-height: 45px!important}.dearjo{font-size: 55px!important; text-align: center!important}.header-font{ text-align: center!important; line-height: 50px; font-size:55px!important }.footer-text{ text-align: center!important}.social-icons{text-align: center!important}#cta{display: none!important;}#about p{font-size:18px; line-height: 23px; text-align: center}.banner-button{ text-align:center;}#dynamic{display: block!important; } .curricula-heading  h2{ text-align: center;}.wrapper {right:-15.5%!important; display:none!important}#Button{display: inline !important;}.desktopview {display:none!important;}.testimonials h2{ text-align:center}.testimonials .obj-1-text{ text-align:center}.testimonials h2{ text-align: center}.testimonials .obj-1 img{text-align:center}.testimonials .obj-2-text {text-align:center}#services .obj-2-text {text-align:center}
	.mbview{display:block!important; }#services .obj-2 img{text-align:center}
	.mbview{display:block!important; }.logo{ text-align:center; margin: 0px auto}#footer{ margin-top:-60px}#arrow{ margin-left:15%; text-align:center}#arrow{ margin:0px auto}.testimonials2 h4{text-align:center}#section-4 h2{text-align:center}#section-4 .text-1{text-align:center}
}

@media (min-width: 360px){.grove{margin-top: 10%}#Button{display: inline !important;}}

@media (min-width: 375px){.form-mobi{ display: block!important}.form-desk{display: none!important;}.theme-mobi{ display: block!important}.theme-desk{display: none!important;}.arrow-mobi{ display: block!important}.arrow-desk{display: none!important;}.grove-main{ width: 98%;margin-top: 10%}.grove{ text-align: center!important; font-size: 40px!important;margin-top: 20px}.dearjo{font-size: 70px!important; text-align: center!important; line-height: 75px}.header-font{ text-align: center!important;line-height: 56px}.footer-text{ text-align: center!important}.social-icons{text-align: center!important}#cta{display: none!important;}.header-copy{ text-align: center!important }.header-font3{}#section-4 p{ text-align:center!important;line-height: 18px!important}#Button{display: inline !important;}.w-heading h2{ text-align: center} }
	

@media (min-width: 414px){.icon-text{ padding-top:10px;; line-height: 12px; font-size: 14px;} }
	#section-five .text-five { } .form-mobi{display: block!important;}#Button{display: inline !important;}
}

	@media (min-width: 411px){.icon-text{ padding-top:10px;; line-height: 12px; font-size: 14px;} }
#section-five .text-five {  }.form-mobi{display: block!important;}#Button{display: inline !important;}
}

@media (min-width: 568px){.form-mobi{ display: block!important}.form-desk{display: none!important;}.theme-mobi{ display: block!important}.theme-desk{display: none!important;}.grove-main{ width: 90%;}.grove{ text-align: center!important; font-size: 45px!important; line-height: 85px!important}.dearjo{font-size: 50px!important; line-height:65px}.header-font{ text-align: center!important;line-height: 36px;}.icon2-text{ font-size:30px!important;}.grove-main{ width:70%!important; margin: 0px auto}#Button{display: inline !important;}

}

@media (min-width: 667px){.icon4-img img{ width:20%}.icon3-img img{ width:20%}.icon3-text{ text-align: center}#Button{display: inline !important;}
}




	


@media (min-width: 736px) {.form-mobi{ display: block!important}.form-desk{display: none!important; }.theme-mobi{ display: block!important; }.theme-desk{display: none!important;}.grove-main{ width: 50%!important;}.grove{ text-align: center!important; font-size: 45px!important}.dearj{font-size: 60px!important}.header-font{ text-align: center!important;line-height: 36px; }.copy{ text-align: left!important;}#Button{display: inline !important;}
}

@media (min-width: 736px) {.form-mobi{ display: block!important}.form-desk{display: none!important;}.theme-mobi{ display: block!important}.theme-desk{display: none!important;}.grove-main{ width: 70%!important;}.grove{ text-align: center!important; font-size: 45px!important}.dearj{font-size: 60px!important}.header-font{ text-align: center!important;line-height: 36px; }.copy{ text-align: left!important;}#Button{display: inline !important;}
}

@media (min-width: 768px) {.form-mobi{ display: block!important}.form-desk{display: none!important;}.theme-mobi{ display: block!important}.theme-desk{display: none!important;}.grove-main{ width: 100%!important;}.grove{ text-align: center!important; font-size: 45px!important}.dearj{font-size: 60px!important}.arrow-mobi{ display: none!important;}.icon3-img img{width:100%}.icon3-text{font-size: 14px!important; text-align: left!important}
	.arrow-desk{display: block!important}#Button{display: inline !important;}.testimonials h2{ text-align:left}.testimonials .obj-1-text{ text-align:left}#services h2{ text-align:left}#services .obj-2-text{ text-align:left}#services h2{ text-align:center}.logo{ width:100%;}

}

@media (min-width: 823px){.icon-text{ padding-top:10px;; line-height: 10px; font-size: 12px;}form-desk{display: none!important;}.theme-mobi{ display: block!important}.theme-desk{display: none!important;}.icon4-img img{width:80%!important}.p-heading h2{ text-align:center}#work p-heading h2{ text-align:left!important}#Button{display: none!important;}}

@media (min-width: 812x) {.form-mobi{ display: none!important}.form-desk{display: block!important}.theme-mobi{ display: none!important}.theme-desk{display: block!important}.grove-main{ width: 100%!important;}.grove{ text-align: left!important; font-size: 32px!important; line-height: 40px!important}.dearjo{font-size: 43px!important}#Button{display: inline !important;}}


@media (min-width: 823px) {.form-mobi{ display: none!important}.form-desk{display: block!important}.theme-mobi{ display: none!important}.theme-desk{display: block!important}.grove-main{ width: 100%!important;}.grove{ text-align: left!important; font-size: 32px!important; line-height: 40px!important;margin-top: 15%;}.dearjo{font-size: 48px!important}.header-font{ text-align: left!important;line-height:38px;font-size: 26px}#Button{display: none!important;}#arrow ( text-align:left)

}

@media (min-width: 1024px) {.theme-mobi{ display: none!important}.theme-desk{display: block!important}.grove-main{ width:96%!important;margin-top: 12%!important;}.grove{ text-align: left!important; font-size: 40px!important; line-height: 50px!important;}.sub-line{ text-align:left!important;font-size: 22px!important} .div.sticky {right:0%!important;}
	.icon3{ margin-top:10px}	.arrow-desk{display: block!important}.icon4-img img{ width:80%}#Button{display: none!important;}.desktopview {display:block!important;}#about p { font-size:22px; line-height: 28px }
.mbview{display:none!important; }}

@media (min-width: 1200px){.dearjo{font-size:68px!important; line-height:50px!important;  vertical-align:middle!important;  }.header-font{font-size:58px!important; line-height: 50px;} .sub-line{font-size: 24px!important; line-height: 30px!important;}.banner-button{ text-align: left;}.testimonials h2{ text-align: left}.testimonials .obj-1-text{text-align: left}#services .obj-2-text{text-align: left}.logo{ margin-top:20px; width: 80%; margin-left: 0px; }.testimonials2 h4{text-align:center}#section-4 h2{text-align:left}#section-4 .text-1{text-align:left}
}
	
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {.oakridge{ margin-left: 0px!important;}.grove-main{ width: 100%!important}.grove{ text-align: left!important;margin-top:11%}.copy{text-align: left!important; font-size: 15px!important; line-height: 22px!important}.header-font{ text-align: left!important;}.footer-text{ text-align: left!important}.social-icons{text-align: left!important}.form-mobi{ display: none!important}.form-desk{display: block!important}.theme-mobi{ display: none!important}.theme-desk{display: block!important; border-top:3px solid #fff!important;}#footer{ margin-top:0px}#arrow{ margin-left:0; text-align:left } 
	
#section-4 h3{text-align: left!important}.sub-text{ text-align:left!important; }.h3-sub{text-align: left!important} }

