@media (max-width: 767px){
     body {
            padding: 0px 10px;
        }
        /* navbar section */
        .navbar-section {
            padding: 15px 0px;
            width: 100%;
        }
        .search {
           display: none;
        }
        .theme{
            display: none;
        }
        .subscribe-btn {
            display: none;
        }
        .search.b {
           display: inline;
        }
         .logo {
            font-size: 22px;
        }
        /* cateagory-section */
        .cateagory-section {
            display: none;
        }
        /* top-section */
        .top-section {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 25px;
        }
        .v-line {
            display: none;
        }
         .top-section-m {
        order: -1;
        width: 100%;
    }
    .top-section-l {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 2vh;
        }
        .main-para {
            font-size: 12px;
            width: 100%;
        }
        .top-section-r {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .img-wrapper {
            width: 100%;
            height: 260px;
        }
        .main-head {
            font-size: 30px;
        }
/* four-grid-section */
        .four-grid-section {
            width: 100%;
        }
.total-grid-section {
            display: flex;
            gap: 15px;
            flex-direction: column;
        }

        .four-grid {
            width: 100%;
        }
        /* three-grid-section */
        .three-grid-section {
            width: 100%;
        }
         .three-grid {
            display: flex;
            flex-direction: column;
            padding-top: 10px;
        }
        .three-grid-section-l {
            width: 100%;
        }

        .three-grid-section-r {
            width: 100%;
        }
         .three-grid-right {
            gap: 15px;
        }
         /* newsletter-section */
        .newsletter-section {
            width: 100%;
        }
        .newsletter-form {
            display: flex;
            flex-direction: column;
        }
        /* bottom-section */
        .bottom-section {
            display: flex;
            flex-direction: column;
            width: 100%;
        }
        .bottom-side {
            width: 100%;
        }

        .bottom-mid {
            width: 100%;
        }
        .categories {
            width: 100%;
        }
        .bottom-grid-img-wrapper {
            height: 400px;
        }

        .bottom-mid-section-l {
            width: 80%;
        }

        .bottom-mid-section-r {
            width: 20%;
        }
 .main-head.b {
            font-size: 16px;
        }
        .main-para.d {
            line-height: 1.3em;
            font-size: 12px;
        }

        .footer-top-section {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: center;
            width: 100%;
            gap: 10px;
            margin: 0 auto;
        }


}
@media (min-width: 768px) and (max-width: 991.98px) {
    .category {
            margin: 0;
            font-size: 10px;
            font-weight: 400;
            color: #000;
            padding: 0 20px;
            position: relative;
            cursor: pointer;
        }
}
@media (min-width: 992px) and (max-width: 1200px) {}
@media (min-width: 1201px) and (max-width: 1400px) {}