@media (max-width: 980px){
    section.course-detail-sec{
        height: auto;
    }
    section.about-learn-sec .owl-item img{
        height: 300px;
    }
    section.portfolio-sec .col-4{
        width: 100%;
        margin-bottom: 20px;
    }
    section.portfolio-sec .col-8{
        width: 100%;
    }
    section.portfolio-sec img.p-img{
        object-position: center;
    }
    .cta-section .right-sec{
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .cta-section .left-sec .top-section ul {
        flex-wrap: wrap;
        gap: 10px;
    }
    section.offerings .col-4{
        width: 49%;
    }
    section.faqs .col-5{
        width: 100%;
        margin-bottom: 25px;
    }
    section.faqs .col-7{
        width: 100%;
    }
    section.reviews .col-4{
        width: 100%;
        margin-bottom: 25px;
    }
    section.reviews .col-8{
        width: 100%;
    }
    section.course-detail-sec .col-8{
        width: 100%;
    }
    section.about-learn-sec .col-7{
        width: 100%;
    }
    section.about-learn-sec .col-5{
        width: 100%;
        margin-top: 25px;
    }
    section.courses .owl-dots{
        display: none !important;
    }
    section.courses .owl-nav{
        display: none !important;
    }
}

@media (max-width: 540px){
    section.course-detail-sec h2.course-title{
        font-size: 26px;
    }
    section.course-detail-sec .course-head-1{
        padding: 20px;
    }
    section.course-detail-sec{
        background-position: 60%;
    }
    section.about-learn-sec .course-include .col-6{
        width: 100%;
    }
    section.about-learn-sec .course-include li span{
        font-size: 14px;
    }
    .head h2{
        font-size: 26px;
    }
    .head p{
        width: 100%;
    }
    section.portfolio-sec img.p-img{
        height: auto;
    }
    section.portfolio-sec .cont h2{
        font-size: 24px;
    }
    .cta-section .left-sec{
        flex-basis: 100%
    }
    .cta-section .left-sec .top-section ul{
        flex-wrap: wrap;
    }
    .cta-section .left-sec .top-section ul li{
        margin-bottom: 12px;
    }
    .cta-section .right-sec{
        flex-basis: 100%;
    }
    section.offerings .col-4{
        width: 100%;
    }
}

@media (max-width: 380px){

.popup__content{
    max-width: 310px !important;
}

}