/* =============== index page responsive ================ */

@media screen and (max-width: 1140px) {
    .nav-item {
        padding: 0px 0px 0px 10px;
    }
    .navbar-brand img {
        width: 200px;
    }
    .about-img {
        margin: 20px 20px 20px 20px;
    }
}

@media screen and (max-width: 991px) {
    .navbar-light .navbar-toggler {
        color: #B66734;
        border-color: #B66734;
    }
    .navbar-toggler {
        border: 2px solid transparent;
    }
    .navbar-nav {
        width: 100%;
        display: flex;
        align-items: start;
        justify-content: space-between;
    }
    .nav-item {
        padding-bottom: 5px;
    }
    .main-responsive-nav .mean-container a.meanmenu-reveal span {
        display: block;
        background: #b80000;
        /* height: 2px; */
        margin-top: -6px;
        border-radius: 5px;
        position: relative;
        top: 8px;
    }
}

@media screen and (max-width: 400px) {
    .nav-link {
        text-transform: uppercase;
        padding: 0px 0px !important;
        font-weight: 550;
    }
    .about-us-h {
        padding: 22px 0px;
    }
    .about-us-h h1 {
        font-size: 23px;
    }
    .about-us-h h2 {
        font-size: 21px;
    }
    .about-text h2 {
        font-size: 20px;
    }
    .about-text p {
        padding: 0px 0px 0px 0px;
    }
    .about-img {
        margin: 0px 0px 10px 0px;
    }
    #category {
        padding-bottom: 22px;
    }
    .category-box a h4 {
        padding: 6px 0px;
        font-size: 17px;
    }
    .boxes-row {
        margin-bottom: 2px !important;
    }
    .fooer-logo img {
        width: 210px;
    }
    .explore-h-text {
        padding: 6px;
        font-size: 17px;
    }
    .explore-text {
        padding: 6% 0%;
    }
    .artical-text a {
        padding: 6px 22px;
    }
    .artical-text h4 {
        font-size: 19px;
    }
    .artical-text {
        padding-bottom: 22px;
    }
    .artical-text p {
        margin-bottom: 10px !important;
    }
    .item {
        margin: 0px;
        padding: 7px;
    }
    #footer {
        padding: 22px 0px;
    }
    .type-boxes-col {
        padding-bottom: 15px;
    }
    .faq-sec-text p {
        text-align: justify;
    }
    .faq-rows {
        padding: 10px 5px;
    }
    .type-main-h {
        padding-bottom: 22px;
    }
    #Types-of-wooden {
        padding: 25px 0px;
    }
    #variety-content {
        padding: 25px 0px;
    }
    #img-section {
        padding: 25px 0px;
    }
    .images-h {
        text-align: center;
        padding-bottom: 22px;
    }
    #feature-sec {
        padding: 25px 0px;
    }
    .images-sec-row {
        padding-bottom: 15px;
    }
    #design-sec {
        padding: 25px 0px;
    }
    #Popularity-sec {
        padding: 25px 0px;
    }
    #Finishes-for-Kitchen {
        padding: 22px;
    }
    .Finishes-for-Kitchen-img img {
        padding: 0px 0px 3px 0px;
    }
    #faq-banner {
        padding: 25px 0px;
    }
}

/* =============== index page responsive ================ */