@media (max-width: 768px) {

    .main-title-container .header-title h2 {
        display: none;
    }

    .pdl{
        padding-left: 100px;
    }

    h4{
        display: block !important;
    }

    /* .gap-4 {
        gap: 0 !important;
    } */

    .gfd {
        display: block !important;
    }


    .video .title {

        font-size: 15px;
        margin-top: 4px;
    }

    .py-3 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .me-4 {
        margin-right: 0 !important;
    }

    .nav {
        --bs-nav-link-padding-x: 1rem;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-font-weight: ;
        --bs-nav-link-color: var(--bs-link-color);
        --bs-nav-link-hover-color: var(--bs-link-hover-color);
        --bs-nav-link-disabled-color: var(--bs-secondary-color);
        display: flex;
        flex-wrap:nowrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }


    .col-xxl-3.col-xl-3.col-lg-3.col-md-3.col-sm-3 {
        margin-top: 15px !important;
    }

    .col-lg-6 {
        font-size: 17px;
    }


    /* .gap-3 {
        gap: 0 !important;
    } */

    .justify-content-end {
        justify-content: flex-start !important;
    }
    .p-5 {
        padding: 0 !important;
    }

    header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 0 !important;
        z-index: 1000;
        background: #fff;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 2px 29px 0px;
    }

    .col-xxl-2 .col-xl-2 .col-lg-2 .col-md-2 .col-sm-2{
        margin-top: 15px !important;
    }

    .col-lg-4{
        margin-top: 15px !important;
    }

    /* .mb-3 {
         margin-bottom: 0 !important;
    } */

    .abs {
        position: static !important;
      }

    .ends {
        justify-content: flex-end !important;
    }

    .mtop{
        margin-top: 15px !important;
    }

    .h2fs{
        font-size: 15px;
    }

    .fixed-alert {
        position: fixed;
        top: 90px;
        height: 7%;
        font-size: 12px;
        margin-top: 20px;
        transition: right 0.5s ease;
    }


    .ms-2 {
        margin-left: 0.2rem !important;
    }

    /* .px-4 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    } */

    .crd{
        margin-top: 25px;
    }

    .mbr-cours{
        white-space: nowrap;
    }

    .validate-font{
        font-size: 15px;
    }

    .ctgry-btn{
        margin-top: 4px;
    }

    .default-table-area.style-two .table-responsive .table tbody tr td {
        white-space: nowrap;
    }

    .custom-padding {
        padding-right: 0px;
    }

    .text-danger.form-label {
        min-height: 0 !important;
        display: inline !important;
    }

    .footer-area p {
    padding: 0px 30px;
}



}

@media(min-width:220px) and (max-width:338px){

 .mb-responsive {
    display: inline-block;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

}


@media(min-width:250px) and (max-width:368px){

    .mbfrgt-responsive {
       display: inline-block;
       max-width: 160px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       vertical-align: middle;
   }

   }

   /* member forgot password */
   @media(min-width:220px) and (max-width:318px){

    .mbmember-responsive {
       display: inline-block;
       max-width: 160px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       vertical-align: middle;
   }

   }


   @media(max-width:576px)
   {
    .lvcls-img {
        width: 500px;
        height: 400px;
    }
   }


   @media (max-width: 991px) {
    .mx-auto {
        margin-right: auto !important;
    }
}



@media(min-width:495px) and (max-width:991px){
    .form-check-nopad{
        padding-left: 0 !important;
    }
}

@media(max-width:768px){
   .list-res {
        flex-direction: column !important;
    }
}

@media (max-width: 576px) {
    .position-relative .eye-icon {
        right: 16px;
    }
}