@media screen and (min-width: 100px) and (max-width: 560px) {
    body{
        padding: 0px;
    }

    .main-header{
        display: grid;
        grid-template-columns: 80% 20%;
        .header-nav-bar-icon{
            display: block;
            cursor: pointer;
            text-align: end;
            font-size: 28px;
            color: var(--brand2);
        }
        .header-nav{
            display: none;
        }
        .brand-logo{
            width: 100%;
            .logo{
                display: block;
            }
            .mbl-logo{
                display: none;
            }
        }
    }
    .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;
        }
    }
   
    /* .mbl-sticky-header{
        position: fixed;
    } */
    
    .back-color span {
        height: 15vh;
        /* Add more mobile styles here */
    }
    .slider-main-cards, .back-bg{
        display: none;
    }
    /* search part */
    header{
        .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;
                        width: 70%;
                    }
                    img{
                        width: 8%;
                        right: 16%;
                    }
                    button{
                        width: 12%;
                        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 {
        padding: 10px;
        margin: 0px;
        align-items: center;
        .daily-row-left{
            h2{
                font-size: 12px;
            }
            p{
                font-size: 12px;
                /* display: none; */
            }
            a{
                font-size: 10px;
            }
        }
        .daily-row-right {
            padding: 2px;
            .icon-box {
                padding: 0px;
                margin: 3px;
                border-radius: 3px;
                padding-bottom: 10px;
                img{

                }
                i {
                    font-size: 20px;
                    margin: 10px 0px 5px 0px;
                }
                a{
                    font-size: 10px;
                }
            }
        }

    }

    .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 9px 4px rgba(0, 0, 0, 0.1);
            .cat-img{
                    img{
                        display: block;
                        width: 75%;
                        margin: 10px auto;
                        border-radius: 10px;
                        border-radius: 50%;
                    }
                }
            .title{
                text-align: center;
                h2{
                    padding: 5px;
                    font-size: 11px;
                    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;
        }
    }
}