/*=========================
    Responsive Style
==========================*/
@media only screen and (min-width: 1101px) and (max-width: 1400px) {

  header,
  .homepage-two.homepage-three.header {
    min-height: 1400px;
  }

  header .col-lg-7,
  header .col-lg-5,
  .homepage-two.homepage-three.header .col-lg-4,
  .homepage-two.homepage-three.header .col-lg-8 {
    flex: 100%;
    width: 100%;
  }

  .slider-btn .kids-active-btn {
    font-size: 18px;
  }

  .navbar-light .navbar-nav .nav-link {
    margin-left: 25px;
  }

  .homepage-two.header {
    min-height: 1000px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1919px) {

  header,
  .homepage-two.homepage-three.header {
    min-height: 1400px;
  }

  header,
  .homepage-two.homepage-three.header {
    min-height: 956px;
  }

  .header-img {
    position: absolute;
    bottom: 5%;
    right: -28%;
    z-index: 1;
  }

  .header-img img {
    width: 65%;
  }

  .slider-btn .kids-active-btn {
    font-size: 18px;
  }

  .activitics-main-img {
    display: flex;
    align-items: center;
    min-height: 500px;
  }

  .navbar-light .navbar-nav .nav-link {
    margin-left: 25px;
  }

  .header-top-info ul li {
    font-size: 14px;
  }

  .homepage-two.header {
    min-height: 1000px;
  }

  .about-text {
    padding: 0px 0px 30px 20px;
  }

  .homepage-two-bottom {
    padding: 120px 0px 0px 0px;
  }

  .counter-area.homepage-three .airplane {
    display: none;
  }

  .callaction-shape-two img {
    width: 300px;
  }

  header.about-page .header-img {
    right: -16%;
  }

  .nav-tabs .nav-link {
    padding: 8px 20px;
  }

  .course-feature-info,
  .course-feature-slider-area {
    padding: 15px;
  }

  .course-feature-info .d-flex.justify-content-between p,
  .course-feature-info .d-flex.justify-content-between span {
    font-size: 14px;
  }

  .course-feature-info .d-flex.justify-content-between i {
    margin-right: 8px;
  }

  .wiget-tags ul li {
    width: 45%;
  }

  .wiget-tags {
    min-height: 250px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1600px) {
  .airplane {
    opacity: .2;
  }
}

/* Tablet Layout: 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mean-container .mean-bar {
    left: 0;
    top: 0px;
    background: #2c3035 url('../images/logo.png');
    background-repeat: repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
  }

  .is-sticky .menu,
  .homepage-two .menu {
    display: none;
  }

  .is-sticky .menu-bar {
    top: 25px;
  }

  section {
    padding: 80px 0px;
  }

  .section-title h2 {
    font-size: 45px;
  }

  header {
    min-height: 900px;
  }

  header .col-md-7,
  header .col-md-5,
  .homepage-two-bottom .col-md-4,
  .pagetwo.activities .col-12.col-md-7.col-lg-7,
  .pagetwo.video .col-12.col-md-7.col-lg-7,
  .homepage-two.homepage-three .col-md-8.col-sm-12.col-lg-8 {
    flex: 100%;
    width: 100%;
  }

  .header-text {
    min-height: 320px;
  }

  .header-text h1 {
    font-size: 45px;
  }

  .header-img {
    width: 60%;
    right: 18%;
    transform: translateX(0%);
  }

  .kids-active-btn {
    padding: 10px 34px;
  }

  .header-box-single {
    min-height: 370px;
  }

  .about-text {
    padding: 0px 0px 30px 0px;
  }

  .activities .col-md-4 {
    flex: 100%;
    width: 100%;
  }

  .activities-single-box {
    background: #fff;
  }

  .activitics-main-img {
    width: 60%;
    margin: 0px auto;
  }

  .classes-bottom-img img {
    height: 450px;
  }

  .classes-bottom-text {
    padding-left: 0;
    min-height: auto;
  }

  .testimonial {
    padding: 40px 0;
  }

  .teachers .section-title h2 {
    width: 100%;
  }

  .call-shape-one,
  .call-shape-two,
  .call-shape-three,
  .call-shape-four {
    visibility: hidden;
  }

  .header-top {
    height: 10px;
  }

  .homepage-two .menu {
    background: transparent;
  }

  .header-slider-item h1 {
    font-size: 50px;
  }

  .header-slider-item {
    padding-top: 0px;
  }

  .homepage-two header {
    min-height: 650px;
  }

  .homepage-box-single {
    margin-bottom: 50px;
  }

  .pagetwo.activities .col-12.col-md-5.col-lg-5 {
    display: none;
  }

  .pagetwo.gallery {
    padding: 20px 0px;
  }

  .video-img {
    display: none;
  }

  .contact-img {
    position: absolute;
  }

  .homepage-two.homepage-three.header .header-text h1 {
    font-size: 50px;
  }

  .homepage-two.homepage-three.header .header-img {
    bottom: -33px;
  }

  .about.homepage-three .col-12.col-md-6.col-lg-6 {
    flex: 100%;
    width: 100%;
  }

  .counter-area.homepage-three .airplane,
  .service-shape-two {
    display: none;
  }

  .services.homepage-three .section-title p {
    width: 80%;
  }

  .pagetwo.homepage-three.teachers {
    position: static;
  }

  .pagetwo.homepage-three.video {
    height: 450px;
  }

  .homepage-three.video-main {
    width: 690px;
  }

  .pricing-plan .col-md-4 {
    flex: 50%;
    max-width: 50%;
    margin-bottom: 30px;
  }

  .callaction-shape-two {
    visibility: hidden;
  }

  .service-shape-one {
    right: 0;
  }

  .about-cloud-img-one,
  .about-cloud-img-two {
    display: none;
  }

  .single-course .col-md-4,
  .single-course .col-md-8,
  .bloge-page .col-md-4,
  .bloge-page .col-md-8 {
    flex: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }

  .course-fature-slider.owl-carousel img {
    height: 350px;
  }

  .nav-tabs .nav-link {
    padding: 10px 20px;
  }

}



/* Mobile Layout: 320px  */

@media only screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
    width: 100%;
  }

  .g-bettarfly-two {
    display: none;
  }

  .navbar-light .navbar-brand {
    display: none;
  }

  .mean-container .mean-nav ul li a {
    text-transform: capitalize;
    /*text-align: center;*/
  }

  .box-text {
    top: 8%;
  }

  .animation img,
  .animation-two img {
    display: none;
  }

  .mean-container a.meanmenu-reveal {
    padding: 33px 20px 11px 0px;
  }

  .mean-container .mean-bar {
    left: 0;
    top: 0px;
    background: #2c3035 url('../images/logo.png');
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: 10px 13px;
    height: 80px;
  }

  .header-text-three {
    display: block !important;
  }

  .homepage-three .header-text .text {
    margin-top: 50px;
  }

  .homepage-two.homepage-three.header .header-img {
    bottom: 212px;
    right: 34px;
    width: 80%;
    bottom: 0.3%;
  }

  .haeader-slider-form {
    width: 300px;
  }

  .haeader-slider-form input {
    width: 70%;
  }

  .btn-search {
    padding: 7px 10px;
  }

  .header-slider {
    min-height: 400px;
  }

  .header-shape-one,
  .header-shape-two,
  .header-shape-three {
    z-index: -22;
  }

  .single-blog.d-flex {
    display: block !important;
  }

  .blog-image {
    width: 100%;
  }

  .blog-image img {
    height: auto;
    width: 100%;
    border-radius: 15px;
  }

  .call-to-action {
    padding: 30px 0px;
  }

  .blog-image {
    height: auto;
  }

  footer {
    padding: 150px 0px 50px 0px;
  }

  .pagetwo.activities .section-title {
    padding-top: 0px;
  }

  .pagetwo.activities {
    padding: 0px 0px;
  }

  section,
  .pagetwo.gallery {
    padding: 40px 0px;
  }

  .section-title {
    margin-bottom: 20px;
  }

  .section-title h2 {
    font-size: 30px;
  }

  p,
  .breadcrumb .breadcrumb-item {
    font-size: 16px;
  }

  .kids-active-btn {
    padding: 10px 36px;
    font-size: 16px;
  }

  span.title-span {
    letter-spacing: 0px;
    font-size: 14px;
  }

  header {
    min-height: 750px;
  }

  header .menu {
    padding: 10px 0px;
  }

  .is-sticky .menu,
  .homepage-two .menu {
    display: none;
  }

  .is-sticky .menu-bar {
    top: 25px;
  }

  .header-text h1 {
    font-size: 26px;
    line-height: 40px;
    margin: 10px 0px;
  }

  .header-text p {
    font-size: 16px;
    padding: 10px 0px 10px 0px;
  }

  .header-text {
    min-height: 400px;
  }

  .cloud img {
    height: 70px;
  }

  .header-bottom {
    margin-top: 0;
  }

  .header-box-single {
    padding: 30px 30px 30px 30px;
    margin-bottom: 30px;
    min-height: 300px;
  }

  .header-box-single h4 {
    font-size: 20px;
  }

  .counter-area {
    padding: 40px 0px;
  }

  .about-cloud-img-one img,
  .about-cloud-img-two img {
    width: 100px;
  }

  .about-text {
    padding: 20px 0px 0px 20px;
  }

  .about-main-cloud-two {
    bottom: 0%;
    left: 50%;
    display: none;
  }

  .about-main-shape-two {
    opacity: .5;
  }

  .activitics-main-img {
    margin: 20px 0px;
  }

  .activities-single-box.d-flex.justify-content-between.m-left {
    padding: 30px 2px 20px 30px;
  }

  .about-text h4 {
    font-size: 30px;
  }

  .about-text p {
    padding: 5px 0px 10px 0px
  }

  .airplane img {
    visibility: hidden;
  }

  .activities-single-box {
    padding: 30px 30px 20px 20px;
    background: #fff;
  }

  .our-classes .section-title p {
    width: 100%;
  }

  .slider-title {
    width: 100%;
  }

  .slider-description {
    padding: 30px 10px;
  }

  .slider-btn .kids-active-btn {
    font-size: 20px;
  }

  .classes-bottom-img {
    width: 60%;
    margin: 0px auto;
  }

  .classes-bottom-img img {
    height: auto;
  }

  .classes-bottom-text {
    padding-left: 10px;
    margin-top: -50px;
  }

  .classes-bottom-text h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .classes-cloud-two {
    left: 50%;
    bottom: 23%;
    display: none;
  }

  .classes-form {
    padding: 0px;
    background: transparent;
  }

  .classes-form input,
  .classes-form select {
    padding: 10px;
    margin-bottom: 20px;
    background: #fff;
  }

  .testimonial {
    padding: 40px 0px;
  }

  .testimonial .testimonial_single p,
  .teachers .section-title h2,
  .teacher-profile .teacher-detiles-box,
  .single-course .section-title p {
    width: 100%;
  }

  .testimonial-shape-four {
    top: -8%;
  }

  .testimonial-shape-three {
    top: 69%;
  }

  .testimonial .testimonial_single p {
    padding: 0px 0px 10px 0px;
  }

  .testimonial .testimonial_single .reviewer h4 {
    font-size: 20px;
  }

  .blog-shape-one,
  .call-shape-one,
  .call-shape-two {
    visibility: hidden;
  }

  .call-to-action-text h3 {
    font-size: 30px;
  }

  .call-to-action-from input[type="text"] {
    width: 76%;
    padding: 16px;
  }

  .call-to-action-from input[type="submit"] {
    width: 50%;
    padding: 15px;
  }

  footer {
    text-align: center;
  }

  .footer-social {
    margin-bottom: 30px;
  }

  footer h4 {
    margin: 15px 0px 15px 0px;
  }

  .footer-link .nav-link {
    padding: .2rem 1rem;
  }

  .footer-form {
    margin-bottom: 30px;
  }

  /* second page design */
  .header-top {
    display: none;
  }

  .header-slider-item {
    padding-top: 40px;
  }

  .header-slider-text,
  .header-slider-item p {
    width: 100%;
  }

  .header-slider-item h1 {
    font-size: 30px;
  }

  .haeader-slider-form input {
    width: 300px;
  }

  .homepage-two header {
    min-height: 600px;
  }

  .homepage-two-bottom {
    padding: 40px 10px 0px 10px;
  }

  .box-icon {
    width: 100px;
    height: 100px;
    padding: 30px 0px 0px 0px;
  }

  .homepage-box-single {
    margin-bottom: 50px;
  }

  .homepage-box-single.box-one h4 {
    font-size: 20px;
  }

  .home-two.single-counter {
    margin-bottom: 30px;
  }

  .pagetwo.service-box {
    margin: 0px 20px 40px 20px;
  }

  .pagetwo.activities {
    height: auto;
  }

  .pagetwo.video .video-play {
    margin-top: 40px;
    min-height: 200px;
    margin-left: 20px;
  }

  .pagetwo.video {
    padding: 40px 0px;
  }

  .pagetoreview .slider-team {
    margin: 40px 10px 50px 10px;
    padding: 30px 20px 50px 30px;
  }

  .pagetoreview .slider-team p {
    padding: 20px 0px;
  }

  .owl-theme .owl-dots .owl-dot span {
    margin: 0px 7px;
  }

  .pagetwo.teachers .teacher-slider-item {
    padding: 30px 20px;
  }

  .pagetwo.our-classes .pagetwo-price {
    visibility: hidden;
  }

  .contact-form input {
    width: 100%;
  }

  .contact-shap,
  .contact-shap-two {
    z-index: -1;
  }

  .header-slider.owl-carousel.owl-theme i.fa.fa-angle-left {
    top: 100%;
    left: 10%;
  }

  .header-slider.owl-carousel.owl-theme i.fa.fa-angle-right {
    top: 100%;
    right: 10%;
  }

  .prebetterfly-one img,
  .prebetterfly-two img {
    width: 100px;
  }

  /*homepage three*/
  .homepage-two.homepage-three.header .header-text h1,
  .homepage-three.video-main h2 {
    font-size: 34px;
    width: 100%;
  }

  .homepage-two.homepage-three.header .header-text p,
  .services.homepage-three .section-title p,
  .pricing-plan .section-title p,
  .call-to-action.homepage-three .section-title h2 {
    width: 100%;
  }

  .homepage-two.homepage-three.header .header-text {
    min-height: 200px;
  }

  .about-page .header-img {
    text-align: right;
  }

  .about-page .header-img img {
    width: 60%;
  }

  .homepage-two.homepage-three.header {
    min-height: 700px;
  }

  .homepage-two.homepage-three.header .header-img {
    bottom: -2.7%;
  }

  .homepage-three.video-main h2 {
    text-align: center;
  }

  .homepage-two.homepage-three.header .cloud {
    bottom: -4%;
    width: 100%;
  }

  .homethree-shape-two,
  .homethree-shape-one,
  .service-shape-one,
  .service-shape-two,
  .pagetwo.our-classes.homepage-three .classes-slider.owl-carousel.owl-theme i.fa.fa-angle-right,
  .pagetwo.our-classes.homepage-three .classes-slider.owl-carousel.owl-theme i.fa.fa-angle-left,
  .callaction-shape-two {
    visibility: hidden;
  }

  .homepage-two-bottom.homepage-three .homepage-box-single p,
  {
  padding-bottom: 20px;
}

.homepage-two-bottom.homepage-three .homepage-box-single .box-icon {
  padding-top: 20px;
}

.homepage-two-bottom.homepage-three .homepage-box-single h4 {
  padding: 10px 0px 0px 0px;
}

.homepage-three .about-text {
  padding: 20px 0px 20px 20px;
}

.homepage-three .single-counter {
  min-height: 150px !important;
}

.testimonial .testimonial_single p {
  min-height: 200px;
}

.pagetwo.homepage-three.video {
  min-height: 700px;
}

.pagetwo.homepage-three.teachers .teacher-slider-item,
.homepage-three.video-main {
  width: 300px;
}

.single-price-table {
  margin-bottom: 30px;
}

.callaction-shape-one,
.call-shape-four {
  z-index: -1;
}

header.about-page .header-text {
  min-height: 200px;
  position: relative;
  z-index: 1;
  margin: 70px 60px 60px 10px;
}

.aboutcloud {
  width: 100%;
}

.course-duration h4 {
  font-size: 20px;
}

.single-course-details,
.course-tabs {
  padding: 20px 0px;
}

.nav-tabs .nav-link {
  border: transparent;
}

#myTab li {
  margin: 0px auto;
}

.course-feature-info,
.tab-content,
.course-feature-slider-area,
.single-blog-post {
  padding: 20px 10px;
}

.course-feature-slider-area p {
  font-size: 14px;
}

.wiget-tags ul li {
  width: 100%;
  float: none;
}

.single-blog-post h2 {
  line-height: 34px;
}

.blog-author {
  display: flex;
  justify-content: space-between;
}

.writter-share ul {
  width: 100%;
}

.writter-share ul li {
  margin-bottom: 30px;
  float: left;
  margin-right: 15px;
}

.writter-img img {
  width: 90px
}

.post-page-bottom.d-flex.justify-content-between {
  display: inline !important;
}

.teacher-shape-three,
.teacher-shape-two {
  z-index: -1
}

.blog-page-sidebar {
  margin-top: 30px;
}


}



/* Wide Mobile Layout: 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

  .header-img {
    bottom: -10%;
  }

  .classes-cloud-two {
    z-index: -1;
  }

  .header-img img {
    width: 80%;
  }

  .header-bottom .col-sm-4 {
    flex: 100%;
    width: 100%;
  }

  .header-box-single.box-three::before,
  .header-box-single.box-one::before,
  .header-box-single.box-two::before {
    height: 100%;
    border-radius: 15px;
  }

  .activitics-main-img,
  .video-img {
    width: 80%;
    margin: 0px auto;
  }

  .classes-bottom-text {
    padding-left: 0;
  }

  .homepage-box-single {
    padding: 0;
  }

  .homepage-two.homepage-three.header .header-img {
    bottom: -3.7%;
  }

  .homepage-three.video-main {
    width: 500px;
  }

  .about-page .header-img {
    width: 60%;
    bottom: 0;
  }




}