@media (max-width:1199px){
    .banner-section .slider-box{padding-top:14%;padding-bottom:10%;}
    .banner-section .slider-box .banner-box{width:100%;}
    .banner-section .slider-box .banner-box h3{font-size:4rem;line-height:1;}
    .about-layout .box{width: 100%;}
    .service-detail-section .detail-box:not(:last-child) {
        margin-bottom: 35px;
    }
    .service-detail-section .service-detail-left-box .title{font-size: 25px;margin-bottom: 15px;}
    .service-detail-section .service-detail-left-box .desc{font-size: 15px;}
}

@media (max-width:991px){
    .header-section .header-right .menu-box{width: 200px;height: 100%;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 999;align-content: flex-start;padding: 20px !important;transform: translateX(-100%);transition: 0.5s all;}
    .header-section .header-right .menu-box .header-menu li{margin: 0 0 10px !important;width: 100%;}
    .header-section .header-right .menu-box .header-menu li a:not(.theme-btn){color: #000;font-size: 16px;}
    .header-section .header-right .menu-btn{display: block;}
    .header-section.openMenu .header-right .menu-box{transform: translateX(0);}
    .about-section .image-box{order: 1;}
    .about-section .content-box{order: 2;}
    .right-top-box{margin-top: 0;}
    .about-section .image-box{margin-bottom: 20px;}
    .blog-standard-main {
        margin-right: 0;
    }
    .full-form{width: 90%;}
    .about-section {
        padding-top: 85px;
    }
    .detail-main {
        padding-top: 120px;
    }
    .blog-section {
        padding-top: 95px;
    }
    .blog-standard-area {
        padding-top: 75px;
    }
    .courses__grid-wrap {
        padding-top: 70px;
    }
    .contact-section {
        padding-top: 120px;
    }
    .services-section {
        padding-top: 90px;
    }
    .video-info{padding: 0;margin-top: 25px;}

    .service-detail-section .service-detail-img-box{width: 100%;float: none;margin: 0 0 25px;}
}

@media (max-width:767px) {
    .about-section {
        padding-bottom: 50px;
    }
    /* .services-section {
        padding-top: 50px;
    } */
    .banner-section .slider-box .banner-box h3 {
        font-size: 2.5rem;
    }
    .banner-section .slider-box .banner-box p{font-size:1rem;}
    .blog__standard-content .blog__post-meta .b-list {
        margin-right: 15px;
        font-size: 12px;
        color: #fff;
    }

    .blog__standard-content .blog__post-meta .b-list .blog {
        color: #fff;
        text-align: center;
        width: 20px;
        aspect-ratio: 1;
        display: flex;
    }

    .blog__standard-content .title {
        color: #fff;
        font-size: 20px;
    }
    .detail-main {
        padding-top: 90px;
    }
    .detail-main .details-left .d-title{font-size: 25px;}

     /* form */
    .container .cover {
        display: none;
    }

    .form-content .login-form,
    .form-content .signup-form {
        width: 100%;
    }

    .form-content .signup-form {
        display: none;
    }

    .container #flip:checked~.forms .signup-form {
        display: block;
    }

    .container #flip:checked~.forms .login-form {
        display: none;
    }
    /* form */
    .banner-section .slider-box {
        padding-top: 14%;
    }

    .rbt-tutor-information-left .rbt-avatars {
        width: 80px;
        margin: 0 auto;
    }
    .rbt-tutor-information {
        padding: 18px;
    }
    .rbt-dashboard .rbt-tutor-information .rbt-tutor-information-left .tutor-content{width: 100%;text-align: center;}
    .rbt-tutor-information .tutor-content .rbt-meta {
        justify-content: center;
    }
    .rbt-tutor-information .rbt-tutor-information-left .tutor-content{width: 100%;}
    .rbt-tutor-information-left .tutor-content .title{text-align: center;}
    .rbt-tutor-information-left .rbt-avatars .rbt-edit-photo-inner{
        margin: 0;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        position: absolute;
        bottom: 0;
        right: -8px;
    }
    .video-info .cource-name{font-size: 30px;}
    .video-info .cource-title .breadcrumb .breadcrumb-item a,
    .video-info .cource-title .breadcrumb .breadcrumb-item.active{font-size: 14px;}
    .topic-menu > li > a {
        font-size: 16px;
        padding: 10px 10px 10px 20px;
    }
    .topic-menu .sub-menu{padding-left: 40px !important;}

    .service-detail-section .service-detail-left-box .title{font-size: 22px;}
    .service-detail-section .service-detail-left-box .desc {
        font-size: 14px;
    }
    .service-detail-section .detail-box:not(:last-child) {
        margin-bottom: 30px;
    }
    .service-detail-section {
        padding-top: 35px;
        padding-bottom: 35px;
    }
}

@media (max-width:575px) {
    .header-section{padding-top: 10px;padding-bottom: 10px;}
    .banner-section .slider-box {
        padding-top: 20%;
    }
    .banner-section .slider-box .banner-box h3 {
        font-size: 2rem;
    }
    .banner-section .slider-box .banner-box p {
        font-size: 0.8rem;
    }
    .theme-btn{font-size:14px;padding: .3rem 1rem;border-radius: 5px;}
    .blog__standard-content .blog__post-meta .b-list {
        margin-right: 10px;
        font-size: 13px;
        color: #fff;
    }

    .blog__standard-content .blog__post-meta .b-list .blog {
        color: #fff;
        text-align: center;
         aspect-ratio: 1;
        display: flex;
    }

    .blog__standard-content .title {
        color: #fff;
        font-size: 25px;
    }

    .blog__standard-content .para {
        color: #fff;
        font-size: 14px;
    }

    .blog-widget .widget-title {
        color: #e12323;
        font-size: 20px;
    }

    .blog-widget .shop-cat-list .blog__cat-meta .list .list-item-name{
        font-size: 16px;
    }
    .courses__grid-wrap {
        padding-top: 50px;
    }
    .rc-post-thumb {
        width: 75px;
    }

    .rc-post-content .title {
        font-size: 14px;
    }
    .section .title {
        font-size: 1.5rem;
    }
    .about-section .content-box .para{font-size: 14px;}
    .section .sub-title {
        font-size: 1rem;
        margin-bottom: 10px !important;
    }
    .testimonial-section .testimonial-carousel .testimonial-box i.fa {
        font-size: 22px;
    }
    .testimonial-section .testimonial-carousel .testimonial-box h4 {
        font-size: 1rem;
    }
    .blog-section{padding-top: 0;padding-bottom: 0;}
    .testimonial-section .testimonial-carousel .owl-dots .owl-dot{width:10px;height:10px;}
    .owl-theme .owl-dots .owl-dot span {
        width: 6px;
        height: 6px;
    }
    .about-section {
        padding-top: 70px;
        padding-bottom: 30px;
    }
    .services-section {
        padding-top: 65px;
        padding-bottom: 30px;
    }
    .testimonial-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .fact__item-two{padding: 30px 20px;}
    .fact__icon-two{font-size: 60px;}
    .about-body{margin-top: 50px;}
    .about-body .title{font-size: 1.2rem;}
    .section__title .sub-title{font-size: 14px;}
    .services-section .services-box:last-child{margin-bottom: 0 !important;}
    .content-main .para{text-align:center;}
    .about-banner-section .banner-box {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .about-banner-section .banner-box .b-title{font-size: 1.5rem;}
    .about-content .title{font-size: 1.5rem;margin-bottom: 10px;}

    .req-sec > .col-lg-4,
    .what-sec > .col-lg-4{width: 50%;}
    .detail-main .cource-menu .d-list{margin-bottom: 15px;}
    .detail-main .details-left .cource-menu .cource-detail .cource-blog{width: 40px;}
    .detail-main .details-left .d-title {
        font-size: 22px;
        /* margin-bottom: 10px; */
    }
    .detail-main {
        padding-top: 75px;
        padding-bottom: 15px;
    }
    .detail-main .details-left p{font-size: 14px;}
    .blog-section .blog-box .blog-item .blog-overlay{padding: 20px;}
    .blog-section .blog-box .blog-item .blog-overlay h5{font-size: 16px;}
    .blog-section .blog-box .blog-item .blog-overlay p{font-size: 14px;}
    .blog-section.section{padding-top: 80px;}
    .footer-section{padding-top: 30px;}
    .full-form{padding: 20px;}
    .form-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .contact-section {
        padding-top: 95px;
        padding-bottom: 50px;
    }
    .contact-content .title{font-size: 25px;}
    .contact-section .contact-main .contact-box{padding: 20px;}
    .contact-content .list-wrap > li{margin-bottom: 20px;}
    .forms .form-content .login-text,
    .forms .form-content .sign-up-text{margin-top:10px;}
    .forms .form-content .button input{height: auto;font-size: 14px;padding: 8px;}
    .blog-section .blog-box {
        min-height: 300px;
    }

    /* student-deshboard */
    .rbt-tutor-information-left .tutor-content .title {
        font-size: 20px;
    }

    .rbt-counterup .inner .rbt-round-icon {
        width: 70px;
        height: 70px;
    }

    .rbt-round-icon i {
        font-size: 20px;
    }

    .rbt-counterup .inner .content .counter {
        font-size: 25px;

    }

    .rbt-title-style-3 {
        font-size: 18px;
        padding-bottom: 10px;
    }
    /* student-dasboard */

    /* student-profile */
    .rbt-dashboard-content .rbt-profile-row {
        font-size: 14px;
    }

    /* student profile */

    /* student-setting */

    .rbt-tutor-information-left .rbt-avatars .rbt-edit-photo-inner .rbt-edit-photo .icon {
        font-size: 15px;
    }
    /* student-setting */

    .footer-section .footer-box .title, .footer-section .footer-box p {
        font-size: 15px;
        margin-bottom: 15px !important;
    }
    .footer-section .footer-box .footer-menu li a{font-size: 14px;}
    .footer-section .footer-box .footer-menu li:not(:last-child) {
        margin-bottom: 5px;
    }
    .footer-section .copyright{font-size: 14px;}
    .student-deshboard-section {
        padding-top: 45px;
    }
    .about-content {
        margin-top: 30px;
    }
    .about-content .content-box{padding: 15px;}
    .about-content .content-box .para{font-size: 14px;}
    .about-layout .box figure{width: 80px;height: 80px;padding: 15px;}
    .about-layout .box .content{width: calc(100% - 80px);padding-left: 20px;}
    .about-layout .box .content .title{font-size: 1.2rem;}
    .about-layout .box .content .para{font-size: 14px;line-height: 22px;}
}

@media (max-width:479px){
    .banner-section .slider-box .banner-box h3 {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .banner-section .slider-box .banner-box p{margin-bottom: 10px;}
    .theme-btn {
        padding: 8px 12px;
        line-height: 1;
    }
    .header-section .logo h1{font-size: 20px;}
    .about-section {
        /* padding-top: 20px; */
        padding-bottom: 20px;
    }
    .services-section {
        /* padding-top: 20px; */
        padding-bottom: 30px;
    }
    .testimonial-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .about-content .title {
        font-size: 1.2rem;
    }
    .contact-section {
        padding-top: 70px;
        padding-bottom: 25px;
    }
    .req-sec > .col-lg-4,
    .what-sec > .col-lg-4{width: 100%;}

    .req-sec > .col-lg-4:first-child,
    .what-sec > .col-lg-4:first-child{margin-bottom: 15px;}
    .section .title {
        font-size: 1.3rem;
    }
    .blog-section .blog-box .blog-item .blog-overlay {
        padding: 15px;
    }
    .blog__standard-content .title{font-size: 22px;}
    .blog-standard-area {
        padding-top: 55px;
    }

    /* student-setting */
     .rbt-tutor-information-left .tutor-content .title {
         font-size: 18px;
     }
     .rbt-tutor-information .tutor-content li {
         font-size: 13px;
     }
     .tab-button-style-2 li a .title {
         font-size: 14px;
     }

     .rbt-shadow-box {
         padding: 15px;
     }

     .checkout-form input, .checkout-form textarea, .rbt-default-form input, .rbt-default-form textarea {
         line-height: 14px;
         padding: 7px 20px;
         font-size: 14px;
         margin-bottom: 10px;
     }

     .rbt-modern-select .bootstrap-select .w-100 {
         line-height: 12px;
         padding:7px 20px;
         font-size: 14px;
         margin-bottom: 10px;
     }

     .checkout-form input, .checkout-form textarea, .rbt-default-form input, .rbt-default-form textarea {
         padding: 7px 11px;
     }

     .rbt-modern-select .bootstrap-select .w-100 {
         padding: 7px 11px;
     }

     .rbt-btn {
         padding: 0px 20px;
         line-height: 33px;
         font-size: 14px;
     }

     /* student-setting */

     /* student-enrolled */
     .tab-button-style-2 li a {
         padding: 7px 10px;
     }
     .rbt-tutor-information {
        padding: 10px;
    }

     .rbt-btn.btn-sm {
         font-size: 15px;
         border-radius: 50px;
         padding: 7px 18px;
         font-size: 13px;
     }

    .about-content .content-box .para{text-align: center;}
    .about-layout .box{margin-bottom: 25px;}
    .about-layout .box figure{width: 65px;height: 65px;margin: 0 auto 10px;padding: 10px;}
    .about-layout .box .content {
        text-align: center;
        width: 100%;
        padding-left: 0;
    }

    /* .MsoNormal span{font-size: 15px !important;}
    .MsoNormal strong span{font-size: 22px !important;} */

    .video-info .cource-name {
        font-size: 22px;
    }
    .video-info p{font-size: 14px;}
    .video-info .next-info{font-size: 14px;}
    .topic-menu > li > a {
        font-size: 14px;
        padding: 8px 10px 8px 15px;
    }
    .topic-menu .sub-menu {
        padding-left: 30px !important;
    }
    .video-section {
        padding-top: 85px;
    }

    .service-detail-section .service-detail-left-box .title {
        font-size: 20px;margin-bottom: 10px;
    }
    .service-detail-section .detail-box:not(:last-child) {
        margin-bottom: 25px;
    }
}