@media only screen and (max-width: 1100px) {
    .container{
        width: 95%;
    }
    

    [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
        transition-duration: 0.5s!important;
    }


    div#myNav {
        position: fixed;
        right: 0px;
        width: 40%;
        background: #d8a495;
        height: 100%;
        z-index: 999;
        bottom: 0px;
        padding: 12px 12px;
    }

    .close-icon {
        display: block;
        color: #fff;
        text-align: right;
    }

    .close-icon i {
        border: 2px solid white;
        padding: 4px 6px;
        font-size: 12px;
    }

    #myNav ul li {
        display: block;
        padding-bottom: 1px;
        line-height: 29px;
        padding: 0px;
        position: relative;
    }

    #myNav ul li a {
        padding: 0px;
        color: #fff;
        font-size: 15px;
    }

    #myNav ul li:last-child a {
        background: none;
        padding: 0px;
    }

    div#myNav {
        display: none;
    }

    .meni-icon {
        display: block;
        float: right;
    }

    .menu-nav, .closs-nav{
    display: block;
}

.header .navBar .headernavigation {
    position: fixed;
    background: #e8ceb0;
    right: 0px;
    top: 0px;
    height: 100%;
    overflow-y: auto;
    z-index: 999;
    width: 356px;
    padding: 22px;
    max-width: 77%;
    display: none;
}

.menu-nav, .closs-nav {
    text-align: right;
}

section#banner {
    height: auto!important;
}


.navlist {
    display: block;
}

.header .navBar .headernavigation .navigationbar .navlist ul {
    display: block;
}

.header .navBar .headernavigation .navigationbar {
    display: block;
}

.header .navBar .headernavigation .navigationbar .navlist ul li {
    padding: 4px;
}

.header .navBar .headernavigation .navigationbar .navlist ul li a {
    font-size: 16px;
}

body {
    font-size: 16px;
}

.header .navBar .headernavigation .navigationbar .navlist ul li.menu-item-has-children:after {
    position: absolute;
    right: 0px;
    top: 4px;
}

.header .navBar .headernavigation .navigationbar .navlist ul li.menu-item-has-children:hover ul.sub-menu {
    position: relative;
    padding: 0px;
    width: 100%;
    top: 0px;
    left: 7px;
}

.header .navBar .headernavigation .navigationbar .navlist ul li.menu-item-has-children:hover ul.sub-menu li {
    padding: 4px;
}

    
}


@media only screen and (max-width: 800px) {
section.about-us {
    padding: 30px 0px;
}

.heading .headline span {
    font-size: 34px;
}

section.about-us .about-flex .fr p {
    font-size: 16px;
}

.about-contnet .txt .txt {
    height: 100%;
}

section.about-us .about-flex .fl {
    width: 100%;
}

section.about-us .about-flex .fl .about-img {
    justify-content: center;
}

section.about-us .about-flex .fr {
    width: 100%;
    margin-top: 22px;
}

.link-btn {
    margin: 0px;
    display: flex;
    justify-content: center;
}

p{
    font-size: 16px;
}

.link-btn a {
    display: block;
    width: max-content;
    font-size: 16px;
    padding: 10px 22px;
}

.heading {
    padding-bottom: 12px;
}

section.blogs .blogsList ul li h3.title {
    font-size: 18px;
    line-height: 28px;
}

section.blogs .blogsList ul li .blog-img .img {
    height: 148px;
}
}


@media only screen and (max-width: 500px){
.logo img {
    height: 62px;
}

section.about-us {
    padding: 22px 0px;
}

.heading .headline span {
    font-size: 27px;
    line-height: normal;
}

section.about-us .about-flex .fl .about-img img {
    width: 100%;
    padding: 0px;
}

section.about-us .about-flex .fr p {
    font-size: 16px;
    line-height: 26px;
}

.about-contnet .txt .txt {
    height: 398px;
    margin-bottom: 22px;
}

section.blogs {
    padding: 12px 0px 22px 0px;
}

section.blogs .blogsList ul li {
    width: 100%;
    margin: 0px 0px 4% 0px;
}

section.productDescription.withbanner {
/*    margin-bottom: 22px;*/
    height: 175px;
}

section.productDescription.withbanner:has(h1){
    margin-bottom: 22px;
}

section.productDescription.withbanner .bannerimg, section.productDescription.withbanner .bannerimg img {
    object-fit: cover;
}

section.productDescription.withbanner .category-banner-txt {
    width: 100%;
    text-align: center;
}

.product_info2 {
    padding: 22px 0px;
}

img.alignnone.size-medium {
    width: 100%!important;
}

.detail.blog_inner h2, .detail.blog_inner h3, .detail.blog_inner h4 {
    font-size: 19px;
    margin: 15px 0px 10px 0px;
}

section.copyright {
    font-size: 14px;
}
    section.blogs .blogsList ul li h3.title {
        font-size: 18px;
        line-height: normal;
    }
}