/*=========================
    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: 0.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: 21px 20px 11px 0px;
  }
  .mean-container .mean-bar {
    left: 0;
    top: 0px;
    background: #2c3035 url("../images/logo.png");
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: 10px 13px;
    height: 60px;
  }
  .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: 0.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: 0.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;
  }
}