/* large screen */

@media screen and (min-width: 993px) and (max-width: 1400px) {
    
    .top-ads-rights-side {
        height: 100%;
        width: 100%;
        img{
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }
    .main-header {
        grid-template-columns: 50% 50%;
        .brand-logo { 
        width: 230px;
        }
    }
    
    header {
        .home-search .search-box form input{
            padding: 8px;
        }
        .home-search .city{
            padding: 7px;
        }
        .home-search .search-box form button {
            padding:4px 5px 2px;

            height: auto;
            i{
                font-size: 1rem;
            }
        }
    }
    /* sticky header */
    .sticky-header{
        width: 50%; 
        left: 20%;       
    }
    .sticky{
        .main-header{
            grid-template-columns: 65% 35% ;
            .header-nav{
                /* font-size: 13px !important; */
            }
        }        
    }
    /* slider */
    .home-main-slider {
        & .slide {
            img {
                height: 175px;
                width: 100% !important;
                object-fit: cover;
                border-radius: 10px;
            }
        }
    }
    .slider-main-cards {
        height: 175px;
        .main-cards{
            height: 175px;
            .card-bodys{
                a{
                    font-size: 15px;
                }
            }
        }
    }
}
/* medium screen */
@media screen and (min-width: 769px) and (max-width: 992px) {
    
    
}
/* small screen */
@media screen and (min-width: 561px) and (max-width: 768px) {
    .main-header{
        display: grid;
        grid-template-columns: 36% 65%;;
        padding: 0px 0px 0px 8px;
        align-items: center;
        
        .header-nav{
            display: none;
        }
        
    }
    .header-nav-bar-icon-mbl{
            display: block !important;
            cursor: pointer;
            text-align: end;
            font-size: 20px;
            padding-right: 15px;
            color: var(--brand2);
            a{
                margin-left: 12px;
                
            }

        }
    .brand-logo{
        width: 100%;
        .logo{
            display: none !important;
        }
        .mbl-logo{
            display: block !important;
            width: 56px;

            img{
                width: 100%;
                height: auto;
                object-fit: contain;
            }
        }
    }
    .second-header-divider{
        display: grid;
        grid-template-columns: 35% 65%;
        align-items: center;
        .header-nav-bar-icon-mbl{
            padding-right: 0px;
        }
    }
    .sticky{
        display: none !important;
    }
    .sticky-header{
        width: 100%;
        background-color: #fff;
        top: 0;
        left: 0;
        box-shadow: 0 0 3px ;
        padding: 5px 10px 0px 10px;
        .search-box form button {
            width: 12% !important;
            padding: 4px 0px 1px 0px !important;
        }
    }
   .t-header{
    margin: 0px;
    padding: 0px;
   }
    .dropdown-login-dashboard{
        font-size: 13px;
    }
    
}
/* Extra small screen */
@media screen and (min-width: 100px) and (max-width: 560px) {
    body{
        padding: 0px ;
        margin: 0px;
        box-sizing: border-box;
    }

    
    .main-header{
        display: grid;
        grid-template-columns: 36% 65%;;
        padding: 0px 0px 0px 8px;
        align-items: center;
        
        .header-nav{
            display: none;
        }
        
    }
    .header-nav-bar-icon-mbl{
            display: block !important;
            cursor: pointer;
            text-align: end;
            font-size: 20px;
            padding-right: 15px;
            color: var(--brand2);
            a{
                margin-left: 12px;
                
            }

        }
    .brand-logo{
        width: 100%;
        .logo{
            display: none !important;
        }
        .mbl-logo{
            display: block !important;
            width: 56px;

            img{
                width: 100%;
                height: auto;
                object-fit: contain;
            }
        }
    }
    .second-header-divider{
        display: grid;
        grid-template-columns: 35% 65%;
        align-items: center;
        .header-nav-bar-icon-mbl{
            padding-right: 0px;
        }
    }
    .sticky{
        display: none !important;
    }
    .sticky-header{
        width: 100%;
        background-color: #fff;
        top: 0;
        left: 0;
        box-shadow: 0 0 3px ;
        padding: 5px 10px 0px 10px;
        .search-box form button {
            width: 12% !important;
            padding: 4px 0px 1px 0px !important;
        }
    }
   .t-header{
    margin: 0px;
    padding: 0px;
   }
    .dropdown-login-dashboard{
        font-size: 13px;
    }
    
    .back-color span {
        height: 15vh;
        display: none;
        /* Add more mobile styles here */
    }
    .manage-top-ads-banner {
        margin-left: 11px;
        overflow: hidden;
    }
    .slider-main-cards, .back-bg{
        display: none;
    }
    /* search part */
    header{
        .home-search .city .dropdown-menu {
            width: 130%;
            min-width: unset;
            .dropdown-item {
                font-size: 13px !important;
                padding: 6px 10px !important;
            }
        }
        .search-dropdown-item {
            font-size: 13px !important;
            p{
                line-height: 15px !important;
            }
        }
        .dropdown-city-main-border {
            border: 0px solid var(--brand) !important;
        }
        .home-search {
            width: 100%;
            margin: 0px auto 10px auto;;
            grid-template-columns: 30% 70%;
            padding-top: 0px;
            border: 1px solid var(--brand);
            border-radius: 5px ;
            box-shadow:  0 1px 3px rgb(251, 175, 137);
            .city{
                padding: 9px 5px;
                width: 100%;
                border-right: none;
                margin: 0px;
                font-size: 14px;
                border: none;
                box-shadow: unset;
                background-color: #f7f7f7;
                border-radius: 5px 0px 0px 5px;
            }
            .search-box {
                border: none;
                box-shadow: unset;
                form {
                    input{
                        padding: 9px !important;
                        width: 70%;
                    }
                    img{
                        width: 20px;
                        right: 16%;
                    }
                    button{
                        width: 35px;
                        /* padding: 4px 0px 1px 0px; */
                        i{
                            font-size: 16px;
                        }
                    }
                }
            }
        }
    }
    /* slider */
    .home-main-slider {
        .slide {
            border-radius: 4px;
            overflow: hidden;
            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                border-radius: 4px;
            }
        }
    }
    .top-ads-rights-side{
        display: none;
    }
    .daily-row {
        grid-template-columns: 100%;
        padding: 10px;
        margin: 0px;
        align-items: center;
        border: 0;
        .daily-row-left{
            border: none;
            h2{
                font-size: 12px;
                margin: 0px;
                color: var(--brand2);
            }
            p{
                font-size: 11px;
                
                margin-bottom: 2px;
            }
            a{
                font-size: 10px;
                display: none;
            }
        }
        .daily-row-right {
            padding: 2px;
            .icon-box {
                padding: 0px;
                margin: 3px;
                border-radius: 3px;                
                height: auto;
                background: unset;
                img{
                    width: 44px;
                    height: 44px;
                    object-fit: contain;
                    border: 1px solid rgb(214, 214, 214);
                    padding: 3px;
                    border-radius: 4px;
                }
                i {
                    font-size: 20px;
                    margin: 10px 0px 5px 0px;
                }
                a{
                    font-size: 10px;
                    color: #e85858;
                    text-transform: capitalize;
                    text-align: center;
                }
                .daily-row-right-title{
                    font-size: 12px;
                    color: #e85858;
                    text-transform: capitalize;
                    text-align: center;
                    padding-top: 5px;
                    line-height: 12px;
                }
            }
        }

    }

    .category-divide-main-part{
        column-gap: 0px !important;
        .category-divided-main-part-item{
            .cat-img{
                display: block;
            }
        }
    }
    .category-divide-main-part{
        background-color: unset;
        display: grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        .category-divided-main-part-item{
            padding: 0px;        
            border-radius: 10px;
            background-color: #f7f7f7;
            margin: 7px 4px;
            box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
            .cat-img{
                    img{
                        display: block;
                        width: 80%;
                        margin: 3px auto;
                        border-radius: 10px;
                        border-radius: 50%;
                    }
                }
            .title{
                text-align: center;
                h2{
                    padding: 5px;
                    padding-bottom: 0px;
                    font-size: 11px;
                    margin-bottom: 3px;
                    a{
                        color: #2d2d2d;
                    }
                }                
            }
            .body-main-part, .down-see-more{
                display: none;
            }
        }
    }
    /* home-down-main-newdiv-part-item */
    .home-down-main-newdiv-part{
        margin-top: 10px !important;
        margin-bottom: 10px;
    }
    .home-down-main-newdiv-part-item{
        padding: 0px;
        margin: 0px;
        .home-down-main-newdiv-part-item-body{
            margin: 5px;
            padding: 5px 10px;
            .newdive-title{
                margin: 0px;
                h5{
                    font-size: 16px;
                }
            }
            .newdiv-box{
                padding: 0px 5px;
                .newdiv-box-item{
                    padding: 0px 5px;
                }
            }
            .newdiv-box-name {
                padding-top: 4px;
                margin-bottom: 4px;
                font-size: 12px;
                line-height: 14px;
            }
        }
    }

    footer{
        background-color: #f7f7f7;
        .t-about-mb{
            margin: 0px;
        }
    }

    /* slider down brand aur ads  */

    

.brand-slider {
    .slick-prev, .slick-next {
        width: 23px;
        height: 26px;
        }
    }
.brand-slider {
    .slick-prev:before, .slick-next:before {
        font-size: 16px;
        color: var(--brand);
        opacity: 1;
        }
    }
    /* listing page css */
    .second-header{
        display: grid;
        grid-template-columns: 98%;
        padding-left: 10px;
        padding-top: 0px;
        .header-nav-main-part{
            grid-template-columns: 100%;
            
        }
        .home-search {
            grid-template-columns: 30% 70%;
            
        }
        .header-nav {
            display: none;
        }
    }
    .search-top-banner img{
        height: auto;
        object-fit: contain;

    }

    .search-top-title-main {
        h1{
            font-size: 12px;
            text-align: center;
            line-height: 16px;
        }
        .breadcrumb{
            margin-bottom: 0.5rem;
        }
    }
    .breadcrumb-item+.breadcrumb-item::before {
        content: "/";
        /* font-size: 12px; */
        padding-right: .1rem;
    }
    .breadcrumb-item+.breadcrumb-item {
        padding-left: .1rem;
    }
    .search-bread{
        font-size: 11px;
        
        padding: 4px 0px 0px 14px;
    }

    /* listing card or box */
    .single-listinf-item-main-div {
        margin: 7px 0px 7px 10px;
        .img{
            height: 125px;
            padding: 5px;
        }
        .single-listinf-item-main {
            grid-template-columns: 30% 70%;
            .company-info {
                .rating {
                    span {
                        font-size: 12px;
                        padding:2px 2px;
                    }
                    p{
                        font-size: 14px;
                    }
                    .verify{
                        width: 55px;
                    }
                }
                .company-name {
                    h2 {
                        font-size: 15px;
                    }
                }
                .number-part{
                    display: none !important;
                }
                 .hour{
                        font-size: 15px;
                        p{
                            align-items: center;
                            img{
                                margin-top: -2px;
                                height: 15px;
                                width: 19px;
                            }

                        }
                    }
            }
            .more-details {
                display: none;
            }
            
        }

    }
    /* mbl-number-part */
    .mbl-number-part{
        display: block;
       
        .number-part{
            justify-items: center;
            align-items: center;
            justify-content: center;
        }
        .phone {
                a {
                    background-color: green;
                    padding: 7px 5px 5px;
                    color: #fff;
                    border-radius: 3px;
                    font-size: 12px;
                }
            }
        .viber-chat {
            background-color: #7f5af0;
            padding: 6px 5px 6px;
            color: #fff;
            border-radius: 3px;
            font-size: 12px;
            margin-left: 3px;
            img{
                width: 16px;
                margin-right: 0px;
                padding-bottom: 1px;
            }
        }
        .brochure-mbl{
            padding: 3px 2px 3px 2px !important;
            font-size: 12px;
            margin: 0px 0px 0px 2px !important;
            border-radius: 3px;
            
            img{
                width: 16px;
                margin-right: 0px;
                padding-bottom: 1px;
            }
        }
        a.whatsapp-chat{
            padding: 4px 10px 3px;
            margin-left: 3px;
        }
    }
    /* sub category page */
    .search-box-border{
        border-left: 0px solid var(--brand) !important;
        box-shadow:  0 1px 3px rgb(251, 175, 137) !important;
    }
    .listing-menu-top ul li a{
        font-size: 12px;
        padding: 4px 8px 1px;
    }
    .search-nav-dropdown .fa-star {
        color: gold;
        font-size: 15px;
    }
    .send-enquire-for-lisitng-page{
        font-size: 12px;
        margin-left: 3px;
    }
    .listing-menu-top {
        margin-top: 7px;
        margin-left: 10px;
    }
    .category-div-divided-part{
        grid-template-columns: 100% !important;
    }
    .sub-categorypage-left-side-ads{
        display: none !important;
    }
    .sub-cats-page-main-part{
        text-align: left !important;
        margin: 5px 20px 3px 20px !important;
        background-color: #f7f7f7 !important;
        &:hover{
            box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1) !important;
        }
        .sub-cats-img-part{
            display: none !important;
        }
        .sub-cats-page-main-part-title{
            h2{
                font-size: 14px;
            }
        }
    }

    /* sub footer  */
    .sub-footer {
        padding: 5px 6px 5px 0px !important;
        h3{
            font-size: 13px !important;
        }
        p{
            font-size: 11px !important;
        }
    }





    /* details page  */
    .edu-t-mobile-listing-top-img{
        display: grid;
        grid-template-columns: 100%;
        height: 150px;
    }
    .education-main-details{
        width: 95%;
        grid-template-columns: 25% 75%;
    }
    .details-right-gallery, .details-left-video{
        display: none;
    }
    .t-mobile-listing-top-img .details-middle-banner img {
        height: 150px !important;
    }

    .education-address-part {
        padding: 6px 0px 6px 6px!important;

        h1{
            font-size: 13px !important;
        }
        h5{
            font-size: 11px;
            padding-bottom: 0px;
            margin-bottom: 0px;
        }
        p{
            font-size: 11px !important;
        }
    }
        .name-right-thi {
        padding: 0px 3px;
        font-size: 13px;
        border-radius: 2px;
        margin: 0px !important;
    }
    .time-show-icon {
        margin: 0px;
    }
    .education-address-part .t-mobile {
    display: block !important;
    align-items: center;
    margin-bottom: 5px !important;
    .t-mbl-verify-trust{
        margin-top: 5px;
    }
    }
    .adress-rating {
    margin: 0px !important;
    }
    .listing-rating {
        font-size: 10px;
    }
    .edu-star {
        color: #FF6600;
        display: flex;
        i{
            padding: 0px 1px;
            font-size: 12px;
            color: #FF6600;
        }
    }
    .education-address-part .t-verify {
        width: 40px !important;
        height: 16px !important;
        margin: 0px !important;
    }
    .edu-t-rating{
        margin: -7px 0px 0px 5px!important;
    }
    .listing-rating .badge {
        font-size: 9px !important;
        padding-top: 4px !important;
        padding-bottom: 3px !important;
        border-radius: 3px;
    }
    a.edu-whatsapp-chat{
        margin: 0px 3px;
        padding: 2px 4px;
        font-size: 9px;
        border-radius: 3px;
        i{
            font-size: 12px;
        }
    }
    .edu-number{
        margin: 0px !important;
        font-size: 9px !important;
        .education-enquire-btn{
            display: block !important;
            margin: 0px !important;
            
        }
    }
    .education-enquire-btn {
        display: none;
    }
    .edu-number .education-enquire-btn button {
        font-size: 9px;
        padding: 1px 3px;
        font-weight: 400;
        border-radius: 2px;
        margin-left: 3px;
        svg{
            width: 10px;
        }
    }
    .education-phone{
        padding: 5px 3px;
        border-radius: 2px;
        font-size: 9px !important;
        i{
            font-size: 9px;
        }
    }
    /* gallery */
    .detail-gallery-slider {
        height: 190px;
        img {
            height: 160px;
            object-fit: contain;
        }
    }

    /* video-main-div */
   .fb-video{
    width: 100% !important;
    display:  block !important;
    max-width: 100% !important;
        span{       
            iframe{
                height: 170px !important;
                width: 100% !important;
                min-width: unset !important;
                video{
                    width: 110px !important;
                }
            }
        }
    }  
    
    .t-mbl-review{
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .t-mbl-review-left{
    border-right: 0px solid gray;
    padding-right: 20px;
    .review-rating-index{
        margin: 0px !important;
    }
}
.second-edu-send-enquire-btn.ms-2 {
    display: none;
}
.second-edu-details-banner-left {
    width: 16%;
    h4{
        font-size: 15px;
    }
}
.second-edu-details-banner-right {
    width: 10%;
    .education-phone{
        display: none;
    }
    a.edu-whatsapp-chat {
        i {
            font-size: 25px;
            color: green;
            padding-top: 2px;
        }
    }

}
.blog-listing-card{
    grid-template-columns: 100%;
    .img{
        width: 100%;
        display: inline-block;
    }
}
.t-img-mb{
    padding: 0px 15px 0px 0px;
    margin: 0px;
}
.t-footer-item{
    padding: 0px;
}
.all-contents {
    width: 97% !important;
    margin: auto;
    margin-top: 4px !important;
}
.about-us-page{
    .section-title {
        margin-left: 10px;
    }
}
}