@media (min-width: 1500px) and (max-width: 1920px) {
    .container-fluid.full__width__padding {
        padding: 0 150px;
    }

    .mode_switcher.my_switcher {
        top: 300px;
    }

    .headerarea .container {
        max-width: 1330px;
    }

    .headerarea.headerarea__2 .container {
        max-width: 1590px;
    }

    .all_container_area .container {
        max-width: 1590px;
    }

    .populerarea__wraper__2 .container {
        max-width: 1330px;
    }

    .headerarea.headerarea__3 .container {
        max-width: 1460px;
    }

    .topbararea .container {
        max-width: 1460px;
    }

    .topbararea.topbararea--2 .container {
        max-width: 1590px;
    }

    .herobannerarea.herobannerarea__2 .container {
        max-width: 1370px;
    }

    .aboutarea__2_hero .container {
        max-width: 1370px;
    }

    .herobannerarea__online__course .herobannerarea__title .herobannerarea__title__heading__2.herobannerarea__title__heading__3 h2 {
        font-size: 90px;
        line-height: 95px;
    }
}

@media (min-width: 1366px) and (max-width: 1499px) {
    .container-fluid.full__width__padding {
        padding: 0 50px;
    }

    .section__title .section__title__heading h2 {
        font-size: 38px;
        line-height: 50px;
    }

    .headerarea__main__menu nav ul>li a {
        padding: 30px 15px;
    }

    .herobannerarea.herobannerarea__2 .herobannerarea__content__wraper {
        padding-right: 0px;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__1 {
        left: -2%;
        top: 0%;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__2 {
        top: 83%;
        left: 50%;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__3 {
        top: 1%;
        left: 40%;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__4 {
        top: 4%;
        left: 88%;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__5 {
        top: 80%;
        right: 5%;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__6 {
        top: 66%;
        left: 3%;
    }

    .herobannerarea__online__course .herobannerarea__title .herobannerarea__title__heading__2.herobannerarea__title__heading__3 h2 {
        font-size: 90px;
        line-height: 95px;
    }

    .herobannerarea.herobannerarea__machine__learning {
        padding-top: 155px;
        padding-bottom: 180px;
    }

    .educationarea__right__wraper .educationarea__small__img__2 {
        right: -86px;
    }

    .about__padding__wrap {
        margin: 0 50px;
        padding: 50px 0;
    }

    .registerarea__video a {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }

    .registerarea__video p {
        font-size: 18px;
        line-height: 30px;
    }

    .registerarea__img .register__1 {
        left: 0%;
    }

    .registerarea__img .register__2 {
        left: 4%;
    }

    .registerarea__img .register__3 {
        left: 0%;
        top: 73%;
    }

    .early__programs .single__blog__content h4 a {
        font-size: 20px;
    }

    .featurearea {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .faqarea__heading h3 {
        font-size: 140px;
    }

    .cartarea {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .checkoutarea {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .create__course {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .registerarea__2__img .register__1 {
        top: 63%;
        left: -5%;
    }

    .registerarea__2__img .register__2 {
        top: 70%;
        left: 10%;
    }

    .registerarea__2__img .register__3 {
        top: -14%;
        right: -23%;
    }

    .brandarea__2 {
        transform: translateY(-40%);
    }

    .herobannerarea.herobannerarea__marketplace {
        padding-top: 70px;
        padding-bottom: 160px;
    }

    .about__right__wraper__2 .aboutarea__2__img__2 {
        right: -18px;
    }

    .list-unstyled .text-orange {
        width: 16%;
    }
}

@media (min-width: 1299px) and (max-width: 1499px) {
    .single__service {
        min-height: 280px;
    }

    .registerarea__2 .registerarea_2_text {
        margin-bottom: -20px;
    }
}

@media (min-width: 992px) and (max-width: 1365px) {
    .section__title .section__title__heading h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .herobannerarea {
        padding-top: 50px !important;
        padding-bottom: 180px !important;
    }

    .section__title__2 .section__title__heading__2.heading__fontsize__2 h2 {
        font-size: 42px;
        line-height: 48px;
    }

    .headerarea__main__menu nav ul>li a {
        padding: 20px 10px;
        font-size: 14px;
    }

    .headerarea__right .header__cart {
        padding: 0px 10px;
    }

    .headerarea__right .header__cart>a::before {
        top: 7px;
        right: 11px;
    }

    .headerarea__right .header__cart .header__right__dropdown__wrapper {
        left: -150px;
    }

    .topbar__left ul li {
        font-size: 12px;
    }

    .topbar__right .topbar__text p {
        font-size: 12px;
    }

    .herobannerarea.herobannerarea__2 {
        padding-top: 100px;
        padding-bottom: 150px;
    }

    .herobannerarea.herobannerarea__2 .herobannerarea__content__wraper {
        padding-right: 0px;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__1 {
        bottom: 112px;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__2 {
        top: 83%;
        left: 50%;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__4 {
        top: 4%;
        left: 88%;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__5 {
        top: 80%;
        right: 5%;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__6 {
        top: 66%;
        left: 3%;
    }

    .herobannerarea__box {
        margin-left: 40px;
        margin-right: 40px;
    }

    .herobannerarea__title .herobannerarea__title__heading__2.herobannerarea__title__heading__3 h2 {
        font-size: 46px;
        line-height: 60px;
    }

    .herobannerarea__title .herobannerarea__title__heading__2 h2 {
        font-size: 50px;
        line-height: 62px;
    }

    .educationarea {
        padding-top: 200px;
    }

    .educationarea__wrapper {
        padding-right: 50px;
    }

    .educationarea__wrapper .educationarea__heading {
        margin-bottom: 10px;
    }

    .educationarea__wrapper .educationarea__heading h2 {
        font-size: 50px;
        line-height: 62px;
    }

    .educationarea .educationarea__content {
        margin-bottom: 20px;
    }

    .educationarea .educationarea__content p {
        font-size: 16px;
        line-height: 25px;
    }

    .educationarea__right__wraper .educationarea__small__img__2 {
        right: -26px;
    }

    .trainingarea__wraper .trainingarea__icon .trainingarea__content h6 {
        font-size: 18px;
    }

    .about__right__wraper__4 .aboutimg__4__img__2 {
        left: -23px;
    }

    .aboutarea__5 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .aboutarea__content__wraper__5 {
        margin-left: 0px;
    }

    .brandarea__wraper.brandarea__wraper__2 .brandarea__img {
        margin: 35px 0;
    }

    .abouttabarea {
        padding-bottom: 80px;
    }

    .aboutarea__content__tap__wraper .single__event__wraper .eventarea__content__wraper .single__event__heading h4 {
        font-size: 20px;
        margin-right: 0;
    }

    .about__padding__wrap {
        /* margin: 0 50px; */
        padding: 40px 30px;
    }

    .about__padding__wrap .instructor__list>ul>li {
        width: 50%;
    }

    .about__padding__wrap .educationarea__img img {
        padding-bottom: 30px;
    }

    .about__padding__wrap .aboutarea__5_img img {
        padding-bottom: 30px;
    }

    .about__padding__wrap .tution__img img {
        padding-bottom: 30px;
    }

    .populerarea__heading h2 {
        font-size: 37px;
        line-height: 40px;
    }

    .populerarea__content {
        padding-left: 0;
    }

    .service__content h3 {
        font-size: 17px;
        line-height: 15px;
    }

    .populerarea__2 .service__content__2 h3 {
        font-size: 17px;
        margin-bottom: 0;
    }

    .service__content__2 p {
        font-size: 11px;
        line-height: 19px;
    }

    .service__button {
        margin-top: 0px;
    }

    .populerarea__content__wraper__2 .populerarea__content__2 .populerarea__para__1 {
        margin-bottom: 10px;
    }

    .gridarea {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .grid__filter {
        padding: 10px;
        margin-right: 0;
        margin-left: 0;
    }

    .grid__filter button {
        margin: 0 12px;
        padding: 0 12px;
    }

    .grid__filter button::before {
        bottom: -10px;
    }

    .grid__filter button.active::before {
        bottom: -10px;
    }

    .gridarea__wraper.gridarea__course__list .gridarea__content {
        padding-left: 30px;
    }

    .gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__heading h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .grid__filter__2 button {
        padding-right: 17px;
    }

    .eventarea {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .eventlistarea {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .event__details__button a {
        padding: 10px 48px;
        font-size: 14px;
    }

    .event__details__share .event__details__share__list ul li {
        margin-right: 9px;
    }

    .registerarea__video a {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }

    .registerarea__video p {
        font-size: 18px;
        line-height: 30px;
    }

    .registerarea__form {
        padding: 30px 25px 25px 25px;
    }

    .registerarea__img .register__1 {
        top: 0%;
    }

    .registerarea__img .register__2 {
        left: 54%;
    }

    .registerarea__img .register__3 {
        top: 74%;
        left: 12%;
    }

    .testmonialarea {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .default__arrow .slick-arrow {
        left: -34px;
    }

    .default__arrow .slick-arrow.next_class {
        right: -34px;
    }

    .aboutarea__3 .aboutarea__img__3 .aboutarea__3__img__2 {
        left: 318px;
    }

    .aboutarea__3 .aboutarea__img__3 .aboutarea__3__img__3 {
        top: 433px;
        left: 196px;
    }

    .aboutarea__3__button {
        margin-top: 20px;
    }

    .aboutarea__para__3 p {
        font-size: 14px;
    }

    .aboutarea__img__3 .aboutarea__img__name {
        margin-left: 20px;
    }

    .aboutarea__img__3 .aboutarea__img__name h6 {
        font-size: 18px;
        line-height: 23px;
    }

    .aboutarea__img__3 .aboutarea__img__name p {
        font-size: 15px;
    }

    .testimonial__area__2 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .testimonialarea__3 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .counterarea {
        padding-bottom: 80px;
    }

    .teamarea {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .expart__teacher {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .instructor__list>ul li .instructor__heading h3 {
        font-size: 30px;
        line-height: 44px;
    }

    .instructor__list>ul li .instructor__heading p {
        font-size: 14px;
    }

    .single__blog__content {
        padding: 30px 10px 40px 20px;
    }

    .single__blog__content h4 a {
        font-size: 20px;
        line-height: 27px;
    }

    .blogsidebar__content__wraper__2 {
        padding: 20px 20px 20px 20px;
    }

    .blogsidebar__content__wraper__2 .follow__icon ul li {
        margin-right: 6px;
    }

    .blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__content h3 {
        font-size: 28px;
        line-height: 38px;
    }

    .blog__details__content__wraper .blog__details__list__2 ul li p {
        font-size: 12px;
        line-height: 21px;
        margin-bottom: 7px;
    }

    .blog__details__img__2 {
        margin-bottom: 30px;
    }

    .blog__check__box {
        padding-left: 0px;
    }

    .blogarea__2 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .early__programs .single__blog__content h4 a {
        font-size: 24px;
    }

    .course__sidebar__wraper {
        padding: 30px 15px 23px 10px;
    }

    .course__details__wraper ul {
        padding: 35px 30px 35px 30px;
    }

    .course__details__wraper ul li span {
        font-size: 14px;
    }

    .course__tap__wrap li button {
        padding: 12px 25px;
    }

    .experence__description p {
        font-size: 14px;
        line-height: 27px;
    }

    .breadcrumbarea {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .breadcrumb__content__wraper .breadcrumb__title h2 {
        font-size: 40px;
        line-height: 60px;
    }

    .shape__icon__2 .shape__icon__img.shape__icon__img__1 {
        bottom: 21px;
        left: 50px;
    }

    .shape__icon__2 .shape__icon__img.shape__icon__img__3 {
        top: 0px;
    }

    .featurearea {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .featurearea__quantity__button {
        margin-right: 10px;
    }

    .faqarea__heading h3 {
        font-size: 140px;
    }

    .cartarea {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .checkoutarea {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .dashboardarea__inner {
        bottom: 15px;
    }

    .dashboard__inner {
        padding: 20px;
    }

    .become__instructor__form {
        padding: 20px;
    }

    .create__course {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .footerarea__wrapper .footerarea__padding__left {
        padding-left: 0;
    }

    .footerarea__wrapper .footerarea__right__wraper {
        padding-left: 0;
    }

    .footerarea__wrapper .footerarea__inner .footerarea__content p {
        font-size: 14px;
    }

    .footerarea__wrapper .footerarea__inner .footerarea__icon ul li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }

    .footerarea__copyright__wrapper .footerarea__copyright__content.footerarea__copyright__content__2 p {
        font-size: 14px;
    }

    .footerarea__icon__2 ul li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-right: 3px;
    }

    .registerarea__2__img .register__1 {
        top: 63%;
        left: -5%;
    }

    .registerarea__2__img .register__2 {
        top: 70%;
        left: 10%;
    }

    .registerarea__2__img .register__3 {
        top: -14%;
        right: -23%;
    }

    .single__blog__content_2 {
        padding: 30px 10px 30px 20px;
    }

    .single__blog__content_2 h4 {
        font-size: 20px;
        line-height: 27px;
    }

    .list-unstyled .text-orange {
        width: 16%;
    }

    .checkout_part_1 {
        margin: 15px 0;
    }

    .checkout_part_2 {
        margin: 8px 0;
    }

}

@media (min-width: 1199px) and (max-width: 1365px) {
    .about__right__wraper__2 .aboutarea__2__img__2 {
        right: -30px;
        width: 40%;
        bottom: 332px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .about__right__wraper__2 .aboutarea__2__img__2 {
        right: -17px;
        width: 40%;
        bottom: 336px;
    }

    .about__right__wraper__2 .aboutarea__2__img__1 {
        margin-left: 5px;
        width: 100%;
    }

    .about__right__wraper__2 .aboutarea__2__img__3 {
        left: -15px;
    }

    .about__right__wraper__2 .aboutarea__2__img__4 {
        left: -38px;
    }

    .gridarea__wraper .gridarea__content .gridarea__heading h3 {
        height: 65px;
    	line-height: 22px;
    }

    .gridarea__wraper .gridarea__content .gridarea__heading p {
        height: 55px;
  	line-height: 18px;
    }
    
    .gridarea__content .gridarea__heading{
        height: 105px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    /* .header__area .desktop__menu__wrapper{
        display: none;
    }

    .header__area .mob__menu__wrapper {
        display: block;
    } */
    .section__title .section__title__heading h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .herobannerarea.herobannerarea__marketplace .herobannerarea__content__wraper {
        max-width: 100% !important;
    }

    .section__title__2 .section__title__heading__2.heading__fontsize__2 h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .topbararea {
        display: none;
    }

    .herobannerarea {
        padding-top: 10px;
    }

    .brandarea__2 {
        transform: translateY(-20%) !important;
    }

    .herobannerarea.herobannerarea__2 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .herobannerarea.herobannerarea__2 .herobannerarea__content__wraper {
        padding-right: 0px;
    }

    .herobannerarea__icon .hero__icon__2 {
        top: 4%;
        left: 42%;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__1 {
        left: -2%;
        top: 0%;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__2 {
        left: 79%;
        top: 57%;
    }

    .herobannerarea__box {
        margin-left: 10px;
        margin-right: 10px;
    }

    .herobannerarea__clms .hero__course {
        margin-top: 30px;
    }

    .herobannerarea.herobannerarea__ecomarece .slider__controls__wrap .swiper-pagination {
        bottom: 100px;
    }

    .herobannerarea.herobannerarea__university .herobannerarea__single__slider .herobannerarea__title h2 {
        font-size: 50px;
    }

    .educationarea {
        padding-top: 50px;
    }

    .educationarea__wrapper {
        padding-right: 0px;
        padding-bottom: 70px;
    }

    .educationarea__wrapper .educationarea__heading {
        margin-bottom: 10px;
    }

    .educationarea__wrapper .educationarea__heading h2 {
        font-size: 40px;
        line-height: 62px;
    }

    .educationarea .educationarea__content {
        margin-bottom: 20px;
    }

    .educationarea .educationarea__content p {
        font-size: 15px;
        line-height: 25px;
    }

    .educationarea .hero__shape__1 {
        right: 31px;
        top: 70%;
    }

    .educationarea .hero__shape__2 {
        right: 12%;
    }

    .educationarea .hero__shape__3 {
        left: 4%;
    }

    .educationarea .hero__shape__4 {
        left: 9%;
    }

    .educationarea__right__wraper .educationarea__img {
        text-align: center;
    }

    .educationarea__right__wraper .educationarea__img .education__img__1 {
        right: 4%;
    }

    .educationarea__right__wraper .educationarea__img .education__img__2 {
        left: 5%;
    }

    .educationarea__right__wraper .educationarea__img .education__img__3 {
        left: 8%;
    }

    .educationarea__right__wraper .educationarea__img .education__img__4 {
        right: 23%;
    }

    .educationarea__right__wraper .educationarea__small__img {
        right: 3%;
    }

    .educationarea__right__wraper .educationarea__small__img {
        right: 219px;
    }

    .educationarea__right__wraper .educationarea__small__img__2 {
        right: 9px;
    }

    .aboutarea__content__wraper {
        margin-top: 30px;
        padding-left: 0;
    }

    .aboutarea__list__2 ul li {
        margin-bottom: 12px;
    }

    .about__right__wraper__2 {
        margin-bottom: 30px;
    }

    .about__right__wraper__2 .aboutarea__2__img__2 {
        right: 143px;
    }

    .about__right__wraper__4 {
        margin-bottom: 80px;
    }

    .aboutarea__5 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .aboutarea__content__wraper__5 {
        margin-left: 0px;
        margin-top: 30px;
    }

    .aboutarea__content__wraper__5 .section__title {
        margin-bottom: 10px;
    }

    .aboutarea__content__wraper__5 .aboutarea__5__small__icon__wraper {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .aboutarea__content__wraper__5 .aboutarea__bottom__button__5 {
        margin-top: 10px;
    }

    .about__button__wrap {
        margin-bottom: 10px;
    }

    .about__button__wrap li {
        margin-right: 10px;
    }

    .about__button__wrap li button {
        padding: 10px 40px;
    }

    .brandarea__wraper .brandarea__img {
        width: 25%;
    }

    .brandarea__wraper.brandarea__wraper__2 .brandarea__img {
        margin: 25px 0;
    }

    .abouttabarea {
        padding-bottom: 70px;
    }

    .about__padding__wrap {
        /* margin: 0 50px; */
        padding: 40px 30px;
    }

    .populerarea__heading {
        margin-bottom: 30px;
    }

    .populerarea__content {
        padding-left: 0;
    }

    .populerarea__button {
        text-align: left;
    }

    .populerarea__2 .service__content__2 h3 {
        margin-bottom: 0;
    }

    .service__button {
        margin-bottom: 0;
    }

    .populerarea__content__wraper__2 {
        margin-bottom: 30px;
    }

    .populerarea__content__wraper__2 .populerarea__content__2 .populerarea__para__1 {
        margin-bottom: 10px;
    }

    .about__wrap__content .service__animate__shape__1 img {
        bottom: 38px;
    }

    .best__categories__link {
        height: 145px;
        padding: 20px 25px 15px;
    }

    .gridarea {
        padding-top: 70px;
        padding-bottom: 50px;
    }

    .grid__filter {
        padding: 10px;
        margin-right: 0;
        margin-left: 0;
    }

    .grid__filter button {
        margin: 0 8px;
        padding: 0 8px;
        font-size: 12px;
    }

    .grid__filter button::before {
        bottom: -15px;
    }

    .grid__filter button.active::before {
        bottom: -15px;
    }

    .grid__filter button::after {
        bottom: 2px;
    }

    .gridarea__wraper.gridarea__course__list .gridarea__content {
        padding-left: 20px;
    }

    .gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__heading h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__bottom .gridarea__details a {
        font-size: 14px;
    }

    .grid__filter__2 {
        text-align: left;
    }

    .eventarea {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .eventlistarea {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .eventarea__section__title {
        max-width: 100%;
    }

    .single__event__wraper {
        padding: 20px;
    }

    .single__event__wraper.single__event__wraper__2 .eventarea__img {
        margin-left: 0px;
    }

    .single__event__wraper .eventarea__img {
        margin-right: 30px;
    }

    .single__event__wraper .eventarea__content__wraper .single__event__heading h4 {
        font-size: 18px;
    }

    .single__event__wraper .eventarea__content__wraper .single__event__button a {
        font-size: 14px;
    }

    .tab__button__wrap li button {
        padding: 7px 0;
        font-size: 18px;
    }

    .pricingarea__content__wraper {
        margin-bottom: 30px;
    }

    .event__details__text span {
        font-size: 11px;
    }

    .event__details__text p {
        font-size: 12px;
    }

    .event__details__inner {
        margin-bottom: 30px;
    }

    .registerarea {
        padding-bottom: 80px;
        margin-bottom: 0;
    }

    .registerarea__wraper {
        max-width: 100%;
    }

    .registerarea__form {
        margin-bottom: 0;
        margin-top: 60px;
    }

    .registerarea__img .register__1 {
        top: 0%;
        left: 0;
    }

    .registerarea__img .register__2 {
        left: 71%;
        top: 24%;
    }

    .registerarea__img .register__3 {
        top: 3%;
        left: 83%;
    }

    .testmonialarea {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .single__testimonial__wraper .single__testimonial__inner {
        margin-bottom: 15px;
    }

    .default__arrow .slick-arrow {
        left: -43px;
    }

    .default__arrow .slick-arrow.next_class {
        right: -43px;
    }

    .aboutarea__3 .aboutarea__img__3 .aboutarea__3__img__2 {
        left: 262px;
    }

    .aboutarea__3 .aboutarea__img__3 .aboutarea__3__img__3 {
        top: 630px;
        left: 476px;
    }

    .aboutarea__content__wraper__3 {
        margin-top: 30px;
    }

    .aboutarea__3__button {
        margin-top: 20px;
    }

    .aboutarea__img__3 .aboutarea__img__name {
        margin-left: 20px;
    }

    .testimonial__area__2 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .testimonialarea__3 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .testimonial__group__img {
        padding-left: 0px;
        margin-top: 30px;
    }

    .counterarea {
        padding-bottom: 70px;
    }

    .counterarea__text__wraper {
        margin-bottom: 30px;
    }

    .teamarea {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .single__team {
        margin-bottom: 30px;
    }

    .expart__teacher {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .instructor__sidebar {
        margin-bottom: 30px;
    }

    .single__blog__content {
        padding: 20px 10px 20px 10px;
    }

    .single__blog__content h4 a {
        font-size: 20px;
        line-height: 23px;
    }

    .blog__details__content__wraper {
        margin-bottom: 30px;
    }

    .blog__details__comment .blog__details__comment__inner.author__padding__left {
        padding-left: 0px;
    }

    .blog__check__box {
        padding-left: 0px;
    }

    .blogarea__2 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .course__sidebar__wraper {
        padding: 30px 15px 23px 10px;
        margin-bottom: 30px;
    }

    .course__tap__wrap li button {
        padding: 15px 25px;
    }

    .single__contact .contact__text {
        margin-left: 20px;
    }

    .single__contact .contact__text p {
        font-size: 13px;
        line-height: 20px;
    }

    .single__contact {
        padding: 15px 35px 15px 20px;
        min-height: 150px;
    }

    .contact__form__inner {
        padding: 20px;
    }

    .errorarea__inner .error__text h3 {
        font-size: 40px;
        line-height: 58px;
    }

    .loginarea__wraper .login__social__option p::before {
        width: 30%;
    }

    .loginarea__wraper .login__social__option p::after {
        width: 30%;
    }

    .loginarea__wraper .login__social__option .login__social__btn li .login__button__1 {
        margin-right: 10px;
        margin-bottom: 0;
    }

    .breadcrumbarea {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .breadcrumb__content__wraper .breadcrumb__title h2 {
        font-size: 40px;
        line-height: 60px;
    }

    .shape__icon__2 .shape__icon__img.shape__icon__img__1 {
        bottom: 0px;
        left: 14px;
    }

    .shape__icon__2 .shape__icon__img.shape__icon__img__2 {
        top: 0px;
        left: 0px;
    }

    .shape__icon__2 .shape__icon__img.shape__icon__img__3 {
        top: 0px;
        right: 40px;
    }

    .shape__icon__2 .shape__icon__img.shape__icon__img__4 {
        top: 157px;
        right: 40px;
    }

    .featurearea {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .featurearea__main__title h3 {
        font-size: 26px;
    }

    .featurearea__countdown .count {
        height: 70px;
        width: 70px;
    }

    .featurearea__countdown .count p {
        font-size: 18px;
    }

    .featurearea__countdown .count span {
        font-size: 14px;
    }

    .featurearea__size__img ul li a img {
        max-width: 40px;
    }

    .featurearea__quantity__button {
        margin-right: 5px;
    }

    .featurearea__bottom__button a {
        padding: 15px 90px;
    }

    .faqarea__heading {
        transform: none;
    }

    .faqarea__heading h3 {
        font-size: 150px;
    }

    .cartarea {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .cartarea__table__content table thead tr th {
        padding: 21px 25px 22px;
    }

    .cartarea__tax {
        margin-bottom: 30px;
    }

    .checkoutarea {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .checkoutarea__payment__wraper {
        padding: 10px;
    }

    .dashboardarea__inner {
        bottom: 0px;
    }

    .dashboardarea__left__img {
        width: 100px;
        height: 100px;
        margin-right: 10px;
    }

    .dashboardarea__left__content h4 {
        margin-bottom: 0px;
        line-height: 1;
    }

    .dashboard__inner {
        margin-bottom: 30px;
    }

    .dashboard__button__wrap li button {
        padding: 15px 20px;
        font-size: 14px;
    }

    .create__course {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .create__course__wraper {
        margin-top: 20px;
    }

    .footerarea__newsletter__button .subscribe__btn {
        padding: 0 10px;
        font-size: 12px;
    }

    .footerarea__wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footerarea__wrapper .footerarea__padding__left {
        padding-left: 0;
    }

    .footerarea__wrapper .footerarea__right__wraper {
        padding-left: 0;
    }

    .footerarea__wrapper .footerarea__inner {
        margin-top: 20px;
    }

    .footerarea__copyright__wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .footerarea__copyright__wrapper .footerarea__copyright__content.footerarea__copyright__content__2 {
        margin-bottom: 20px;
    }

    .footerarea__text h3 {
        font-size: 25px;
        line-height: 40px;
    }

    .footerarea__icon__2 {
        text-align: left;
    }

    .registerarea__2__img .register__1 {
        top: 63%;
        left: -5%;
    }

    .registerarea__2__img .register__2 {
        top: 70%;
        left: 10%;
    }

    .registerarea__2__img .register__3 {
        top: -14%;
        right: -23%;
    }

    .single__blog__content_2 {
        padding: 20px 10px 20px 10px;
    }

    .single__blog__content_2 h4 {
        font-size: 20px;
        line-height: 23px;
    }

    .about_vision_box {
        min-height: 455px;
    }

    .checkout__form__inner,
    .checkout__table__inner {
        padding: 20px;
    }

    .gridarea_img_box {
        height: 180px;
    }

    .contact__section {
        padding-bottom: 40px;
    }

    .checkout_part_1 {
        margin: 10px 0;
    }

    .checkout_part_2 {
        margin: 8px 0;
    }

    .gridarea__wraper .gridarea__content .gridarea__heading p {
        height: 55px;
  	line-height: 18px;
    }
}

@media (max-width: 767px) {
    .section__title {
        margin-bottom: 20px;
    }

    .section__title .section__title__heading h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .herobannerarea.herobannerarea__marketplace .herobannerarea__content__wraper {
        max-width: 100% !important;
    }

    .custom_hero_pd {
        padding: 30px 10px !important;
    }

    .heading__underline span:after {
        bottom: 8px;
        height: 5px;
    }

    .section__title__2 .section__title__heading__2.heading__fontsize__2 h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .topbararea {
        display: none;
    }

    .herobannerarea {
        padding-top: 50px;
        padding-bottom: 205px;
    }

    .herobannerarea.herobannerarea__2 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .herobannerarea.herobannerarea__2 .herobannerarea__content__wraper {
        padding-right: 0px;
    }

    .herobannerarea__text p {
        font-size: 15px;
        line-height: 22px;
    }

    .hreobannerarea__button a.herobannerarea__button__1 {
        padding: 12px 20px;
        font-size: 14px;
        line-height: 14px;
        margin-right: 6px;
    }

    .herobannerarea__icon .hero__icon__1 {
        left: 40%;
        bottom: 54%;
    }

    .herobannerarea__icon .hero__icon__2 {
        top: 1%;
        left: 65%;
    }

    .hreobannerarea__button__2 .hreobannerarea__button__3 {
        margin-left: 0px;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__1 {
        left: -2%;
        top: 0%;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__2 {
        top: 57%;
        left: 84%;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__3 {
        left: 140px;
        display: none;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__5 {
        bottom: 50%;
        right: 2%;
    }

    .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__6 {
        bottom: 2%;
        left: 2%;
    }

    .herobannerarea__box {
        margin-left: 10px;
        margin-right: 10px;
    }

    .herobannerarea__title .herobannerarea__small__title {
        margin-bottom: 5px;
    }

    .herobannerarea__title .herobannerarea__title__heading__2.herobannerarea__title__heading__3 h2 {
        font-size: 35px;
        line-height: 42px;
    }

    .herobannerarea__title .herobannerarea__title__heading__2 h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .herobannerarea__clms .hero__course {
        margin-top: 30px;
        padding: 0 40px;
    }

    .herobannerarea__clms.herobannerarea.herobannerarea__2 {
        padding: 50px 0;
    }

    .herobannerarea.herobannerarea__marketplace {
        padding-bottom: 50px;
    }

    .herobannerarea.herobannerarea__marketplace .herobannerarea__icon {
        position: relative;
        z-index: -9;
    }

    .search__form input {
        padding: 0 140px 0 170px;
    }

    .herobannerarea__price {
        font-size: 30px;
    }

    .herobannerarea.herobannerarea__ecomarece {
        padding-bottom: 50px;
    }

    .herobannerarea.herobannerarea__kindergarten {
        padding-bottom: 50px;
    }

    .herobannerarea.herobannerarea__university .herobannerarea__single__slider {
        padding: 50px 0 100px;
    }

    .herobannerarea.herobannerarea__university .hreobannerarea__button__2 {
        margin-top: 20px;
    }

    .herobannerarea.herobannerarea__university .footerarea__icon__2 {
        margin-top: 20px;
    }

    .herobannerarea.herobannerarea__university .footerarea__icon__2 ul li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .herobannerarea.herobannerarea__single__course {
        padding-bottom: 50px;
    }

    .educationarea {
        padding-top: 30px;
    }

    .educationarea__wrapper {
        padding-right: 0px;
        padding-bottom: 30px;
    }

    .educationarea__wrapper .educationarea__heading {
        margin-bottom: 0;
    }

    .educationarea__wrapper .educationarea__heading h2 {
        font-size: 40px;
        line-height: 52px;
    }

    .educationarea .educationarea__content p {
        font-size: 15px;
        line-height: 25px;
    }

    .educationarea .educationarea__bottom__button input {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .educationarea .hero__shape__4 {
        top: 41%;
    }

    .educationarea__right__wraper .educationarea__small__img {
        bottom: -110px;
        right: 4%;
    }

    .educationarea__right__wraper .educationarea__small__img__2 {
        right: 0;
        top: 24px;
        width: 300px;
    }

    .educationarea__img .aboutimg__4__img__2 {
        width: 100%;
    }

    .trainingarea__wraper {
        padding: 20px;
    }

    .aboutarea__img__inner {
        margin-top: 35px;
    }

    .aboutarea__img__inner .aboutarea__img .aboutimg__2 {
        top: -20%;
        width: 100%;
    }

    .aboutarea__content__wraper {
        margin-top: 30px;
        padding-left: 0;
    }

    .aboutarea__content__wraper .aboutarea__headding h2 {
        font-size: 28px;
        line-height: 30px;
    }

    .aboutarea__content__wraper .aboutarea__para p {
        font-size: 14px;
        line-height: 27px;
    }

    .aboutarea__content__wraper .aboutarea__list ul li {
        font-size: 14px;
        line-height: 25px;
    }

    .aboutarea__content__wraper .aboutarea__list ul li i {
        margin-right: 5px;
    }

    .aboutarea__list__2 ul li {
        margin-bottom: 8px;
        font-size: 13px;
    }

    .about__right__wraper__2 .aboutarea__2__img__1 {
        margin-left: 0px;
    }

    .about__right__wraper__2 .aboutarea__2__img__2 {
        bottom: 314px;
        right: 47px;
        width: 40%;
    }

    .aboutarea__2__text {
        padding: 12px 10px;
    }

    .about__right__wraper__4 {
        margin-bottom: 40px;
    }

    .aboutarea__2 .abouthome_2 {
        margin-bottom: 0px;
    }

    .aboutarea__5 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .aboutarea__content__wraper__5 {
        margin-left: 0px;
        margin-top: 30px;
    }

    .about__button__wrap {
        margin-bottom: 10px;
    }

    .about__button__wrap li {
        margin-right: 14px;
    }

    .about__button__wrap li button {
        padding: 10px 25px;
        margin-bottom: 10px;
    }

    .brandarea__wraper .brandarea__img {
        width: 50%;
    }

    .brandarea__wraper.brandarea__wraper__2 .brandarea__img {
        margin: 20px 0;
    }

    .brandarea__2 {
        transform: translateY(-10%);
    }

    .brandarea .section__title .section__title__heading h2 {
        max-width: 100%;
    }

    .abouttabarea {
        padding-bottom: 50px;
    }

    .about__padding__wrap {
        /* margin: 0 10px; */
        padding: 10px;
    }

    .about__padding__wrap .tution__img img {
        width: 100%;
    }

    .populerarea__heading {
        margin-bottom: 10px;
    }

    .populerarea__heading h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .populerarea__content {
        padding-left: 0;
    }

    .populerarea__button {
        text-align: left;
    }

    .single__service.ss_margin {
        margin-top: 0;
    }

    .populerarea__content__wraper__2 {
        margin-bottom: 30px;
    }

    .populerarea__content__wraper__2 .populerarea__content__2 .populerarea__para__1 {
        margin-bottom: 10px;
    }

    .about__wrap__content .service__animate__shape__1 img {
        bottom: 36px;
    }

    .gridarea {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .gridarea__wraper .gridarea__content .gridarea__list ul {
        flex-wrap: wrap;
    }

    .gridarea__wraper .gridarea__content .gridarea__list ul li {
        width: 100%;
    }

    .gridarea__wraper .gridarea__content .gridarea__bottom {
        flex-wrap: wrap;
    }

    .grid__filter {
        padding: 10px;
        margin-right: 0;
        margin-left: 0;
    }

    .grid__filter button {
        margin: 0 10px;
        padding: 0 10px;
    }

    .grid__filter button::before {
        bottom: -3px;
    }

    .grid__filter button.active::before {
        bottom: -3px;
    }

    .gridarea__wraper.gridarea__course__list .gridarea__img {
        margin-right: 0px;
        margin-bottom: 20px;
        width: 100%;
    }

    .gridarea__wraper.gridarea__course__list .gridarea__content {
        padding-left: 0;
        width: 100%;
    }

    .gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__heading h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__bottom .gridarea__details a {
        font-size: 13px;
    }

    .grid__filter__2 {
        text-align: left;
    }

    .grid__filter__2 button {
        padding-right: 20px;
    }

    .product__grid__action ul li a.grid__cart {
        padding: 0 5px;
    }

    .gridarea__wraper.product__grid .gridarea__content .gridarea__heading h3 {
        font-size: 20px;
    }

    .zoom__meeting__grid.gridarea__wraper .gridarea__content .gridarea__heading h3 {
        font-size: 18px;
    }

    .zoom__meeting__grid .zoom__meeting__id span {
        font-size: 14px;
    }

    .zoom__meeting__grid .zoom__meeting__time span {
        font-size: 20px;
    }

    .eventarea {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .eventlistarea {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .eventarea__section__title {
        max-width: 100%;
    }

    .single__event__wraper {
        padding: 15px;
        flex-wrap: wrap;
    }

    .single__event__wraper.single__event__wraper__2 {
        padding-left: 15px;
    }

    .single__event__wraper.single__event__wraper__2 .eventarea__img {
        margin-left: 0px;
        width: 100%;
    }

    .single__event__wraper .eventarea__img {
        margin-right: 0px;
        width: 100%;
    }

    .single__event__wraper .eventarea__content__wraper .single__event__heading h4 {
        font-size: 15px;
    }

    .tab__button__wrap {
        margin-top: 30px;
    }

    .tab__button__wrap li.nav-item {
        width: 50%;
    }

    .tab__button__wrap li button {
        font-size: 18px;
        padding: 7px 0;
        margin-bottom: 10px;
    }

    .pricingarea__content__wraper {
        margin-bottom: 30px;
    }

    .event__details__heading h3 {
        font-size: 30px;
        line-height: 44px;
    }

    .eventarea__details__list ul li {
        margin-right: 26px;
    }

    .event__details__inner {
        margin-bottom: 30px;
    }

    .registerarea {
        padding-top: 80px;
        padding-bottom: 80px;
        margin-bottom: 0;
    }

    .registerarea__wraper {
        max-width: 100%;
    }

    .registerarea__video a {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }

    .registerarea__video p {
        font-size: 15px;
        line-height: 23px;
    }

    .registerarea__form {
        margin-bottom: 0;
        margin-top: 60px;
        padding: 30px 25px 25px 25px;
    }

    .registerarea__img .register__1 {
        top: 0%;
        left: 0;
    }

    .registerarea__img .register__2 {
        left: 84%;
        top: 24%;
    }

    .registerarea__img .register__3 {
        top: 3%;
        left: 63%;
    }

    .testmonialarea {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .single__testimonial__wraper {
        padding: 20px 10px 20px 10px;
    }

    .single__testimonial__wraper .single__testimonial__inner {
        margin-bottom: 10px;
    }

    .single__testimonial__wraper .single__testimonial__inner .testimonial__img .testimonial__name h6 {
        font-size: 18px;
    }

    .single__testimonial__wraper .single__testimonial__inner .testimonial__icon i {
        font-size: 12px;
    }

    .default__arrow .slick-arrow {
        left: -15px;
    }

    .default__arrow .slick-arrow.next_class {
        right: -15px;
    }

    .aboutarea__content__wraper__3 {
        margin-top: 50px;
    }

    .aboutarea__2 .abouthome_1 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .aboutarea__3__button {
        margin-top: 20px;
    }

    .aboutarea__img__3 .aboutarea__img__name {
        margin-left: 20px;
    }

    .testimonial__area__2 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .testimonialarea__3 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .testimonialarea__paragraph__3 p {
        font-size: 16px;
        line-height: 33px;
    }

    .testimonialarea__person__3 {
        margin-top: 15px;
    }

    .testimonial__group__img {
        padding-left: 0px;
        margin-top: 70px;
    }

    .testimonial__slider__active__3 .slick-arrow {
        bottom: -50px;
    }

    .counterarea {
        padding-bottom: 50px;
    }

    .counterarea__text__wraper {
        margin-bottom: 30px;
    }

    .teamarea {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .single__team {
        margin-bottom: 30px;
    }

    .expart__teacher {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .instructor__sidebar {
        margin-bottom: 30px;
    }

    .instructor__list>ul {
        flex-wrap: wrap;
    }

    .instructor__list>ul li {
        margin-bottom: 10px;
    }

    .instructor__list>ul li .instructor__heading h3 {
        font-size: 25px;
        line-height: 34px;
    }

    .instructor__list>ul li .instructor__heading p {
        font-size: 14px;
    }

    .blogarea__content__wraper .blogarea__img .blogarea__date {
        line-height: 20px;
        font-size: 16px;
        padding: 5px 15px;
    }

    .blogarea__content__wraper .blogarea__img .blogarea__date.small__date {
        line-height: 20px;
        font-size: 16px;
        padding: 5px 15px;
    }

    .blogarea__content__wraper .blogarea__text__wraper {
        padding: 20px;
    }

    .blogarea__content__wraper .blogarea__text__wraper.blogarea__text__wraper__2 h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .blogarea__content__wraper .blogarea__text__wraper h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__person .blogarea__name {
        font-size: 13px;
        line-height: 21px;
    }

    .blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__list ul li {
        margin-bottom: 3px;
    }

    .blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__list ul li a {
        height: 20px;
        width: 20px;
        line-height: 20px;
        font-size: 12px;
    }

    .main__pagination__wrapper ul li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }

    .blogsidebar__content__wraper__2.tab__instructor .blogsidebar__content__inner__2 {
        flex-wrap: wrap;
    }

    .blogsidebar__content__wraper__2 {
        padding: 20px 20px 20px 20px;
    }

    .blogsidebar__content__wraper__2 .follow__icon ul li {
        margin-right: 6px;
    }

    .blog__details__content__wraper {
        margin-bottom: 30px;
    }

    .blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__content h3 {
        font-size: 19px;
        line-height: 36px;
    }

    .blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__img img {
        left: 22%;
        top: 22%;
    }

    .blog__details__heading__2 {
        margin-top: 20px;
    }

    .blog__details__tag {
        flex-wrap: wrap;
    }

    .blog__details__tag ul li.heading__tag {
        font-size: 18px;
        line-height: 28px;
    }

    .blog__details__tag ul li a {
        font-size: 11px;
        padding: 5px 8px;
    }

    .blog__details__comment .blog__details__comment__inner.author__padding__left {
        padding-left: 0px;
    }

    .blog__details__comment .blog__details__comment__inner .author__img {
        margin-right: 20px;
    }

    .blog__check__box {
        padding-left: 0px;
    }

    .blogarea__2 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .early__programs .single__blog__content h4 a {
        font-size: 24px;
    }

    .gallery .blogsidebar__content__wraper__2 .photo__gallery__img {
        grid-template-columns: repeat(2, 1fr);
    }

    .course__sidebar__wraper {
        padding: 30px 15px 23px 10px;
        margin-bottom: 30px;
    }

    .course__text__wraper {
        flex-wrap: wrap;
    }

    .course__text__wraper .course__text {
        margin-bottom: 20px;
    }

    .course__details__heading h3 {
        font-size: 32px;
        line-height: 43px;
    }

    .course__details__paragraph p {
        font-size: 14px;
    }

    .course__details__wraper ul {
        padding: 10px 10px 10px 10px;
        width: 100%;
    }

    .content__cirriculum__wrap .accordion-body {
        padding: 10px;
    }

    .course__tap__wrap li button {
        padding: 10px;
    }

    .experence__description p {
        font-size: 14px;
        line-height: 27px;
    }

    .review__wrapper .single__progress__bar .progress {
        margin-right: 25px;
    }

    .add__a__review__wrapper {
        padding: 20px;
    }

    .single__contact {
        padding: 15px 35px 15px 20px;
        min-height: 150px;
    }

    .single__contact .contact__text {
        margin-left: 20px;
    }

    .single__contact .contact__text p {
        font-size: 13px;
        line-height: 20px;
    }

    .contact__form__inner {
        padding: 20px;
    }

    .contact__form__inner .contact__form__heading h3 {
        font-size: 23px;
        line-height: 40px;
    }

    .contact__form__inner .contact__form__heading p {
        font-size: 13px;
        line-height: 20px;
    }

    .errorarea__inner .error__text h3 {
        font-size: 35px;
        line-height: 40px;
    }

    .loginarea__wraper {
        padding: 10px 20px 40px;
    }

    .loginarea__wraper .login__social__option p::before {
        width: 30%;
    }

    .loginarea__wraper .login__social__option p::after {
        width: 30%;
    }

    .loginarea__wraper .login__social__option .login__social__btn li .login__button__1 {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .breadcrumbarea {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .breadcrumb__content__wraper .breadcrumb__title h2 {
        font-size: 30px;
    }

    .shape__icon__2 .shape__icon__img.shape__icon__img__1 {
        bottom: 0px;
        left: 0px;
    }

    .shape__icon__2 .shape__icon__img.shape__icon__img__2 {
        top: 0px;
        left: 0px;
    }

    .shape__icon__2 .shape__icon__img.shape__icon__img__3 {
        top: 0px;
        right: 30px;
    }

    .shape__icon__2 .shape__icon__img.shape__icon__img__4 {
        top: 212px;
        right: 30px;
    }

    .featurearea {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .featurearea__main__title h3 {
        font-size: 21px;
        margin-bottom: 10px;
    }

    .featurearea__countdown .count {
        height: 60px;
        width: 60px;
    }

    .featurearea__countdown .count p {
        font-size: 15px;
    }

    .featurearea__countdown .count span {
        font-size: 15px;
    }

    .featurearea__size__img ul li a img {
        max-width: 36px;
    }

    .featurearea__quantity__button {
        margin-right: 10px;
        padding: 3px 15px;
    }

    .featurearea__bottom__button a {
        padding: 12px 60px;
    }

    .faqarea__heading {
        transform: none;
    }

    .faqarea__heading h3 {
        font-size: 150px;
    }

    .faqarea__wrapper .accordion-item .accordion-header button {
        font-size: 18px;
        padding: 14px 10px 15px;
    }

    .cartarea {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .cartarea__table__content table thead tr th {
        padding: 13px 4px 9px;
        font-size: 10px;
    }

    .cartarea__table__content table tbody tr td {
        font-size: 10px;
        padding: 15px 0;
    }

    .cartarea__plus__minus {
        width: 90px;
    }

    .cartarea__plus__minus__box {
        width: 90px;
    }

    .cartarea__shiping__update__wrapper {
        padding: 22px 0 36px;
        margin-bottom: 10px;
        flex-wrap: wrap;
    }

    .cartarea__shiping__update a {
        padding: 18px 20px;
    }

    .cartarea__clear a {
        padding: 18px 20px;
    }

    .cartarea__tax {
        margin-bottom: 30px;
    }

    .cartarea__shiping__update {
        margin-bottom: 10px;
    }

    .checkoutarea {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .checkoutarea__payment__wraper {
        padding: 10px;
    }

    .checkoutarea__item td {
        padding: 10px;
    }

    .shoptab {
        padding: 10px;
    }

    .shoptab__select select {
        max-width: 170px;
    }

    .dashboardarea__inner {
        padding: 20px;
        text-align: center;
        justify-content: center;
    }

    .dashboardarea__left {
        justify-content: center;
    }

    .dashboard__inner {
        margin-bottom: 30px;
    }

    .dashboard__content__wraper {
        padding: 15px;
    }

    .dashboard__single__counter {
        padding: 20px;
    }

    .dashboard__table table thead tr th {
        padding: 10px 5px;
        min-width: 150px;
        font-size: 14px;
    }

    .dashboard__table table tbody tr th {
        padding: 10px 5px;
        font-size: 13px;
    }

    .dashboard__table table tbody tr th p {
        font-size: 13px;
    }

    .dashboard__table table tbody tr th span {
        font-size: 13px;
    }

    .dashboard__table table tbody tr th p a {
        font-size: 13px;
    }

    .dashboard__table table tbody tr td {
        padding: 10px 5px;
        font-size: 13px;
    }

    .dashboard__table table tbody tr td span.dashboard__td {
        font-size: 13px;
    }

    .dashboard__table table tbody tr td span.dashboard__td__2 {
        font-size: 13px;
    }

    .dashboard__table table tbody tr td span {
        font-size: 13px;
    }

    .dashboard__button__wrap li button {
        padding: 10px 20px;
        font-size: 14px;
    }

    .become__instructor__form {
        padding: 10px;
    }

    .create__course {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .create__course__wraper {
        margin-top: 20px;
    }

    .create__course__title h4 {
        font-size: 24px;
    }

    .dashboard__admin__report {
        padding: 10px 0;
    }

    .dashboard__linechart {
        width: 100%;
    }

    .dashboard__piechart {
        width: 100%;
    }

    .dashboard__popular__instructor__content {
        max-width: 100%;
    }

    .dashboard__popular__instructor__img {
        max-width: 100%;
    }

    .dashboard__recent__course__heading h3 {
        margin-top: 10px;
        font-size: 14px;
    }

    .dashboard__recent__course__img {
        width: 100%;
        padding-right: 0;
    }

    .dashboard__recent__course__content {
        width: 100%;
    }

    .dashboard__meessage__input {
        padding-right: 0;
    }

    .dashboard__meessage__input button {
        right: 0;
    }

    .footerarea__newsletter {
        margin-left: 0px;
        margin-top: 30px;
    }

    .footerarea__newsletter__button .subscribe__btn {
        padding: 0 13px;
        font-size: 12px;
    }

    .footerarea__wrapper {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .footerarea__wrapper .footerarea__padding__left {
        padding-left: 0;
    }

    .footerarea__wrapper .footerarea__right__wraper {
        padding-left: 0;
    }

    .footerarea__wrapper .footerarea__inner {
        margin-top: 20px;
    }

    .footerarea__copyright__wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .footerarea__copyright__wrapper .footerarea__copyright__content.footerarea__copyright__content__2 {
        margin-bottom: 20px;
    }

    .footerarea__copyright__wrapper .footerarea__copyright__list {
        text-align: center;
        margin-top: 20px;
    }

    .footerarea__text h3 {
        font-size: 36px;
        line-height: 50px;
    }

    .footerarea__icon__2 {
        text-align: left;
    }

    .registerarea__2__img .register__1 {
        top: 63%;
        left: -5%;
    }

    .registerarea__2__img .register__2 {
        top: 70%;
        left: 10%;
    }

    .registerarea__2__img .register__3 {
        top: -14%;
        right: -23%;
    }

    .about_vision_box {
        min-height: 455px;
        margin: 10px 0;
    }

    .checkout__form__inner,
    .checkout__table__inner {
        padding: 20px;
    }

    .checkout__form__inner .checkout__form__heading h3 {
        font-size: 23px;
        line-height: 40px;
    }

    .checkout__form__inner .checkout__form__heading p {
        font-size: 13px;
        line-height: 20px;
    }

    .populerarea__wraper {
        margin-bottom: 25px;
    }

    .aboutarea__2 .aboutarea_2_2 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .contact__section {
        padding-bottom: 25px;
    }

    .aboutarea__2_hero {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .blog_hero_title h2 {
        font-size: 40px;
    }

    .breadcrumb__content__wraper .breadcrumb__title h2 {
        line-height: 48px;
    }

    .checkout_part_1 {
        margin: 10px 0;
    }

    .checkout_part_2 {
        margin: 8px 0;
    }

    .course__projects .blogsidebar__content__inner__2 {
        display: flex;
        text-align: left;
        flex-direction: column;
    }

    .mock_testarea_3 .mock_test_right {
        flex-direction: column-reverse;
    }

    .mock_testarea_3 .mock_test_left {
        display: flex;
        align-items: center;
        margin-top: 35px;
    }

    .classarea_btn{
        flex-direction: column;
    }

    .classarea_btn .invoice_btn{
        margin-top: 10px;
    }

    .dashboard__section__title{
        align-items: start;
        flex-direction: column;
    }

    .dashboard__section__title .dashboard_icon_li{
        margin-left: -10px;
    }

    .mock_testarea_3 .mock_test_right span{
        margin-bottom: 10px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .aboutarea__content__tap__wraper .single__event__wraper .eventarea__img {
        width: 40%;
    }

    .aboutarea__content__tap__wraper .single__event__wraper.single__award .eventarea__content__wraper {
        width: 60%;
    }

    .service__content h3 {
        font-size: 17px;
    }

    .best__categories__link {
        height: 145px;
        padding: 15px 10px 15px;
    }

    .best__categories__name {
        font-size: 22px !important;
    }

    .best__categories__more {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .gridarea_img_box {
        height: 135px;
    }

    .educationarea__right__wraper .educationarea__img .education__img__1 {
        right: 4%;
    }

    .educationarea__right__wraper .educationarea__img .education__img__2 {
        left: 5%;
    }

    .educationarea__right__wraper .educationarea__img .education__img__3 {
        left: 8%;
    }

    .educationarea__right__wraper .educationarea__img .education__img__4 {
        right: 23%;
    }
    .gridarea__wraper .gridarea__content .gridarea__heading p {
        height: 70px;
  	line-height: 16px;
    }
    .gridarea__wraper .gridarea__content .gridarea__heading h3 {
        height: 70px;
  	line-height: 24px;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .search__form input {
        padding: 15px;
    }

    .search__form .search__form__categories {
        position: initial;
        transform: none;
        background: var(--whiteColor);
        padding: 15px;
        border-radius: 50px;
        justify-content: center;
        margin-bottom: 10px;
    }

    .search__form .search__btn {
        right: 0px;
        top: 0;
        transform: none;
        position: inherit;
        margin-top: 10px;
    }

    .search__form .search__btn .default__button {
        margin: auto;
    }

    .keyfeatures {
        margin-top: 20px;
    }

    .blog__details__content__wraper .blog__details__content .blockquate__wraper {
        padding: 20px;
    }

    .blog__details__tag ul.share__list {
        margin-top: 10px;
    }

    .course__text__wraper .course__icon ul li.short__by__new {
        padding-left: 50px;
    }

    .property__comment .property__comment__list .property__comment__comment span {
        top: 172px;
    }

    .lesson__content__wrap {
        top: 5px 100px;
    }

    .lesson__content__wrap h3 {
        font-size: 16px;
    }

    .aboutarea__content__tap__wraper .single__event__wraper .eventarea__img {
        margin-bottom: 20px;
    }

    .educationarea__right__wraper .educationarea__img .education__img__1 {
        right: 0%;
        width: 90%;
    }

    .educationarea__right__wraper .educationarea__img .education__img__2 {
        left: -1%;
        width: 55%;
    }

    .educationarea__right__wraper .educationarea__img .education__img__3 {
        left: 0%;
    }

    .educationarea__right__wraper .educationarea__img .education__img__4 {
        right: 0%;
    }

    .educationarea__right__wraper .educationarea__small__img {
        bottom: -119px;
        right: 0%;
    }

    .gridarea_img_box {
        height: 200px;
    }

    .aboutarea__img__inner {
        margin-top: 20px;
    }

    .aboutarea__content__wraper {
        margin-top: 10px;
    }

    .aboutarea__2 .abouthome_1 {
        margin-bottom: 20px;
    }

    .about__right__wraper__4 {
        margin-bottom: 20px;
    }

    .populerarea {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .populerarea__wraper {
        margin-bottom: 0px;
    }

    .about__right__wraper__2 {
        padding-bottom: 40px;
    }

    .best__categories__link {
        height: 150px;
    }

    .best__categories__item {
        margin: 10px 0;
    }

    .herobannerarea.herobannerarea__marketplace {
        padding-bottom: 95px;
    }

    .about__right__wraper__2 .aboutarea__2__img__1 {
        width: 90%;
    }

    .about__right__wraper__2 .aboutarea__2__img__2 {
        bottom: 69%;
        right: 5%;
    }

    .blog_hero_title h2 {
        font-size: 32px;
    }

    .gridarea__wraper .gridarea__content .gridarea__heading p {
        height: 50px;
  	line-height: 16px;
    }
}

@media (min-width: 1500px) and (max-width: 1920px),
(min-width: 1366px) and (max-width: 1499px) {
    .container {
        max-width: 1200px;
    }

    .herobannerarea__online__course.herobannerarea {
        padding-top: 120px;
        padding-bottom: 160px;
    }

    .herobannerarea .slider__controls__arrows .arrow-btn {
        height: 70px;
        width: 70px;
    }



    .herobannerarea.herobannerarea__ecomarece {
        padding-top: 70px;
        padding-bottom: 120px;
    }

    .herobannerarea.herobannerarea__kindergarten {
        padding-top: 70px;
        padding-bottom: 120px;
    }

    .herobannerarea.herobannerarea__university .herobannerarea__single__slider .herobannerarea__title h2 {
        font-size: 75px;
    }

    .herobannerarea.herobannerarea__single__course {
        padding-top: 100px;
        padding-bottom: 120px;
    }
}

@media (min-width: 992px) and (max-width: 1365px),
(min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .modal__wraper {
        margin: 50px auto;
    }

    .early__programs .single__blog__wraper {
        margin-bottom: 30px;
    }

    .footerarea.footerarea__image {
        background-image: none !important;
    }
}

@media (min-width: 1500px) and (max-width: 1920px),
(min-width: 1366px) and (max-width: 1499px),
(min-width: 992px) and (max-width: 1365px) {
    .transparent__header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        border-bottom: 1px solid var(--borderColor);
        z-index: 999;
    }

    .headerarea .mega__menu__grid__5 .mega__menu__single__wrap {
        width: 20%;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-off-canvas-active {
        width: 280px;
        right: -280px;
    }

    .mobile-off-canvas-active .header-mobile-aside-wrap {
        padding: 30px 20px 50px;
    }

    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
        font-size: 16px;
    }

    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
        display: block;
    }

    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
        margin-bottom: 5px;
    }

    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
        margin-bottom: 0;
    }

    .mobile-off-canvas-active {
        width: 280px;
        right: -280px;
    }

    .mobile-off-canvas-active .header-mobile-aside-wrap {
        padding: 30px 20px 50px;
    }

    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
        font-size: 16px;
    }

    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
        display: block;
    }

    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
        margin-bottom: 5px;
    }

    .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 991px) {
    .desktop__menu__wrapper {
        display: none;
    }

    .mob_menu_wrapper {
        display: block;
    }

    .header__topbar {
        display: none;
    }

    .desktop__menu__wrapper {
        display: none;
    }

    .mob_menu_wrapper {
        display: block;
    }

    .header__topbar {
        display: none;
    }

    .registerarea__2 .registerarea_2_text {
        margin-bottom: 10px;
    }


}

@media (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .herobanner__video {
        margin-top: 30px;
    }

    .tution__img {
        margin-bottom: 20px;
    }

    .aboutarea__para__3 .aboutarea__icon__3 i {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 20px;
        top: 0;
        left: 0;
    }

    .research__programs .single__blog__wraper {
        margin-bottom: 30px;
    }

    .with__sidebar__content .gridarea__wraper.gridarea__course__list {
        padding-right: 15px;
    }

    .with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__content {
        width: 100%;
        padding-left: 0;
    }

    .course__details__sidebar--2 {
        top: 0;
    }

    .dashboard__meessage__content__wrap {
        margin-top: 30px;
    }

}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
    .gridarea__wraper.gridarea__course__list {
        flex-wrap: wrap;
        padding-right: 15px;
    }
}

@media (max-width: 576px) {
    .accordion-m-t {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 992px) and (max-width: 1365px),
(max-width: 767px) {
    .herobannerarea.herobannerarea__university .herobannerarea__single__slider {
        padding: 100px 0 150px;
    }
}

@media (min-width: 991px) and (max-width: 1299px) {
    .single__service {
        min-height: 315px;
        padding: 25px;
    }

    .single__service__2 {
        padding: 25px 15px;
    }

    .service__img {
        margin-right: 32px;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .single__service {
        min-height: 315px;
        padding: 25px;
    }

    .single__service__2 {
        padding: 25px 15px;
    }

    .service__img_text {
        flex-direction: column;
    }
}

@media (min-width: 1199px) and (max-width: 1299px) {
    .best__categories__link {
        height: 145px;
        padding: 20px 25px 15px;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .best__categories__link {
        height: 145px;
        padding: 20px 25px 15px;
    }

    .footerarea__newsletter__button .subscribe__btn {
        padding: 0 10px;
        font-size: 12px;
    }

    .footerarea__newsletter__input input {
        font-size: 14px;
    }

    .about_vision_box {
        min-height: 455px;
    }

    .about_training_area {
        min-height: 155px;
        justify-content: center;
        display: flex;
    }

    .educationarea__right__wraper .educationarea__img .education__img__1 {
        right: 9%;
    }

    .educationarea__right__wraper .educationarea__img .education__img__2 {
        left: -19%;
    }

    .educationarea__right__wraper .educationarea__img .education__img__3 {
        left: -16%;
    }

    .educationarea__right__wraper .educationarea__small__img {
        right: 3%;
    }

    .gridarea_img_box {
        height: 165px;
    }

    .contact__form__inner {
        padding: 50px 70px 50px 70px;
    }

    .blogarae__img__2 {
        height: 212px;
    }


}

@media (min-width: 100px) and (max-width: 577px) {
    .best__categories__name {
        font-size: 25px !important;
    }

    .best__categories__more {
        font-size: 17px !important;
        line-height: 25px !important;
    }

    .brandarea__wraper.brandarea__wraper__2 {
        padding: 36px 20px;
    }

    .mock_testarea_3 .mock_test_right .mock_right__btn{
        padding: 10px 10px;
        margin: 0 0px;
    }

    .mock_test__box{
        padding: 20px 10px;
    }
}

@media (min-width: 577px) and (max-width: 991px) {
    .blogarae__img__2 {
        height: 350px;
    }

    .breadcrumbarea_contact_text {
        padding: 0 70px;
    }

    .contact__form__inner {
        padding: 30px 50px 30px 50px;
    }
}

@media (min-width: 100px) and (max-width: 576px) {
    .blogarae__img__2 {
        height: 250px;
    }

    .breadcrumbarea_contact_text {
        padding: 0 5px;
    }

    .UPSK-CourseCode_box {
        flex-direction: column;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .UPSK-CourseCodeleft-content {
        width: 95% !important;
        margin-top: 20px;
    }

    .UPSK-CourseCode {
        margin-left: 0px;
    }

    .dashboardarea__wraper .dashboard-h2{
        font-size: 40px;
    }
}

@media (min-width: 576px) and (max-width: 1199px) {
    .gridarea__wraper .gridarea__content .grid_list_area ul {
        flex-direction: column;
    }
}

@media (min-width: 100px) and (max-width: 991px) {
    .registerarea__wraper_pd {
        padding-bottom: 0;
    }
}

@media (min-width: 1199px) and (max-width: 1365px) {
    .about_vision_box {
        min-height: 500px;
    }

    .gridarea_img_box {
        height: 210px;
    }
}

@media (max-width: 1499px) {
    .accordion-m-t {
        display: flex;
        flex-direction: column;
    }

    .content__cirriculum__wrap .accordion-button span {
        margin-left: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 7px 10px;
    }
}

@media (max-width: 991px) {
    .educationarea__img .aboutimg__4__img__1 {
        width: 100%;
    }

    .registerarea__2__right .registerarea__2__wraper {
        text-align: start;
        padding-top: 0px;
    }

    .about_hero_right_img {
        padding-top: 70px;
    }

    .list-unstyled_texts {
        display: flex;
        flex-direction: column;
    }

    .list-unstyled .text-orange {
        width: 100%;
    }

    .accordion_right_list {
        display: none;
    }

    .course-accordion-button::after {
        margin-left: auto;
    }

    .accordion_left_list {
        display: flex;
    }

    .blog_hero_title h2 {
        margin-top: 10px
    }

    .UPSK-CourseCodeleft-content {
        width: 70%;
    }

    .verification_successful_table table {
        width: 100%;
    }

    .verification_successful_table table tbody tr .text_1 {
        padding-right: 20px;
    }

    .dashboard__single__counter{
        min-height: 154px;
    }
}

@media (min-width: 1199px) and (max-width: 1499px) {
    .educationarea__right__wraper .educationarea__img .education__img__1 {
        right: 1%;
    }

    .educationarea__right__wraper .educationarea__img .education__img__2 {
        left: 0px;
    }

    .educationarea__right__wraper .educationarea__img .education__img__3 {
        left: 6%;
    }

    .educationarea__right__wraper .educationarea__img .education__img__4 {
        right: -3%;
    }

    .educationarea__right__wraper .educationarea__small__img {
        right: 7%;
    }
}

@media (min-width: 1500px) and (max-width: 1920px) {
    .maintaince h1 {
        font-size: 100px;
    }

    .maintaince .featurearea__countdown .count {
        height: 120px;
        width: 120px;
    }

    .maintaince .featurearea__countdown .count p {
        font-size: 40px;
    }
}

@media (min-width: 768px) {
    .featurearea__details__img {
        position: sticky;
        top: 100px;
        margin-bottom: 0;
    }
}


@media (min-width: 100px) and (max-width: 414px) {
    .aboutarea__content__wraper .aboutarea__headding h2 {
        font-size: 31px;
        line-height: 30px;
    }

    .blog_hero_title h2 {
        font-size: 26px;
    }
}

@media (max-width: 1499px) {
    .course__tap__wrap {
        overflow-x: scroll;
    }
}



/* new */

@media (max-width: 991px) {
    .dashboard_icon_li ul{
        text-align: start;
        margin-top: 10px;
    }
}

@media (min-width: 1920px) {
    .main_wrapper {
      max-width: 1920px;
      margin: 0 auto;
    }
  }

  @media (max-width: 434px) {
    .post_content_table table, .mock_test_table {
        overflow: scroll;
      }
  }

@media (min-width: 100px) and (max-width: 424px) {
    .gridarea__content .gridarea__heading {
        height: 110px;
    }
}