@media (max-width:1599px) {

    .navbar::after {
        top: 65px;
    }

    .herosection {
        background-size: 55% auto;
        padding: 200px 0;

    }

    .third-contentsec {
        width: 65%;
    }

    .fifth-contentsec {
        width: 65%;
    }

}

@media (max-width:1400px) {
    .essay-carousel .essay-content {
        width: 94%;
        bottom: 13px;
        padding: 20px;
    }
}

@media (max-width:1200px) {
    .mainPadding {
        padding: 70px 0;
    }

    .navbar-expand-lg .navbar-nav {
        gap: 90px;
    }

    .herosection {
        background-size: 48% auto;
        padding: 100px 0;
    }

    .third-contentsec {
        width: 80%;
    }

    .third-contentsec .thirdImg {
        margin-bottom: 20px;
    }

    .fifth-contentsec {
        width: 80%;
    }

    .seventhsec-ContactUS {
        width: 100%;
        padding: 35px 35px;
    }

    .main-footer-inside {
        padding: 100px 0 180px 0;
    }

    /* bloglisting Page start */
    .bloglistingBanner {
        padding: 150px 0;
    }
.third-section .item .pic {
    height: 435px;
	}
	.learning_area {
    width: 100%;
	}
    /* bloglisting Page End */

}

@media (max-width:991.98px) {
    :root {
        --grey: #F0F0F0;
        --black: #000000;
        --font-22: 19px;
        --font-30: 28px;
        --font-56: 48px;
        --font-60: 56px;
        --font-70: 60px;
        --font-130: 100px;

    }

    .navbar-toggler {
        background-color: var(--white) !important;
        width: 56px;
        height: 50px;
    }

    .LogoBGDesktop {
        display: none;
    }

    .desktopMenu {
        display: none;
    }

    .mobileMenu {
        display: inline-flex;
        padding-top: 25px;
    }

    .LogoMobile {
        display: block;
    }

    .LogoMobile img {
        width: 180px;
    }

    .navbar-expand-lg .navbar-nav {
        gap: 15px;
    }

    .navbar::after {
        display: none;
    }

    .herosection {
        background-image: none;
        background-color: var(--white);
        padding: 50px 0 100px 0;
    }

    .heroBGMobile {
        display: block;
    }



    .mobilebanner {
        flex-direction: column-reverse;
        gap: 50px;
    }

    .second-leftimg img {
        width: 100%;
    }

    .thirdImg p {
        width: 92%;
        bottom: 30px;
    }

    .essay-carousel .essay-content {
        width: 95%;
        bottom: 7px;
        padding: 8px;
        line-height: 20px;
    }

    .fourth-section {
        background: var(--grey);
    }

    .fourth-leftcontent {
        width: 100%;
    }

    .fourth-leftImg img {
        width: 100%;
    }

    .sixth-section {
        background: var(--grey);
    }

    .sixth-rightimg img {
        width: 100%;
    }

    .sixth-leftcontent-inner {
        width: 100%;
    }

    .seventhsec-Topcontentsec {
        width: 80%;
    }

    .seventhsec-ContactUS {
        flex-direction: column;
        gap: 30px;
    }

    .contactleft-img {
        width: 100%;
    }

    .contactleft-img img {
        width: 100%;
    }

    .contactleft-form {
        width: 100%;
    }

    .blog-img img {
        width: 100%;
    }

    .main-footer-inside {
        padding: 80px 0 150px 0;
    }



    .blogdetails-second-section {
        padding-top: 70px;
    }

    .blogdetails-second-rightbox {
        padding: 40px 0 0 0;
        border-left: 0;
        border-top: 1px solid var(--darkGrey);
    }

    .blogdetails-second-leftbox {
        padding-right: 0px;
    }


.modal-dialog {
    max-width: 80%;
    width: 80%;
  
}
	.learning_box {
    padding: 20px;
	}
.seventhsec-midImg {
    margin: 60px 0 0px;
}
}


@media(max-width:767px){
         .greenone-gallery {
        padding: 20px 10px 50px;
    }

    .greenone-gallery .gallery-item {
        height: 400px;
    }

    .greenone-gallery .owl-item.center .gallery-item {
        transform: scale(1) rotate(0deg);
    }

    .greenone-gallery .owl-item.slide-left .gallery-item,
    .greenone-gallery .owl-item.slide-right .gallery-item {
        transform: scale(1) rotate(0deg);
    }

    .greenone-gallery .owl-nav button.owl-prev {
        left: 5px;
    }

    .greenone-gallery .owl-nav button.owl-next {
        right: 5px;
    }
    .panorama-slider {
    height: 412px;
}
}



@media (max-width:768px) {
    .herosection {
        padding: 50px 0 50px;
    }

    .main-footer-inside {
        padding: 70px 0 130px 0;
    }

    .blogdetailsBanner {
        padding: 80px 0;
    }
    .herosection{
         background: none !important;
    }
   .modal-body {
    padding: 21px;
}
	    .third-section .item .pic {
        height: 350px;
    }
}
@media (max-width:767px) {
	.learning_area .row{
		  gap:15px;
	}
	.learning_area h3 {
  
    font-size: 30px;
	}
	.learning_area {
    width: 100%;
	}
	.learning_box {
    padding: 20px;
	}
	.third-section .item .pic img {

    width: 100%;
}
}
@media (max-width:576px) {
        :root {
        --font-22: 17px;
        --font-25: 18px;
        --font-30: 24px;
        --font-56: 42px;
        --font-60: 40px;
        --font-70: 50px;
        --font-130: 80px;
    }
    .eighth-section h2 {
    margin-bottom: 30px;
	}
    .mainPadding {
        padding: 60px 0;
    }

    .third-contentsec {
        width: 100%;
    }

    .third-contentsec .thirdImg {
        margin-bottom: 20px;
    }

    .thirdImg img {
        margin-bottom: 20px;
    }

    .thirdImg p {
        width: 100%;
        position: unset;
        transform: none;
    }

    .essay-carousel .essay-content {
        position: unset;
        width: 100%;
        transform: none;
        margin-top: 10px;
        padding: 15px;
    }

    .fifth-contentsec {
        width: 100%;
    }

    .sixth-leftcontent-inner .paraWithOutline {
        margin-top: 40px;
    }

    .seventhsec-Topcontentsec {
        width: 100%;
    }

    .seventhsec-ContactUS {
        width: 100%;
        padding: 20px 20px;
    }

    .contactleft-form form {
        gap: 17px;
    }

    .email-box {
        width: 100%;
    }

    .call-box {
        width: 100%;
    }

    .blog-button {
        margin-top: 40px;
    }

        .main-footer-inside {
        padding: 50px 0 159px 0;
    }
    .blogdetails-second-section {
        padding-top: 60px;
    }
    .blogdetails-BannerImg img {
    height: 224px;
   }
   
.gallery-icon {
    height: 200px;
}
.gallery-columns-4 {
  
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    gap: 16px;
}
.gallery-columns-5 {
  
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 16px;
}
.gallery-columns-6 {
  
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 16px;
}
	 .third-section .item .pic {
        height: 250px;
    }
	.seventhsec-midImg {
    margin: 19px 0 0;
}
}