@media(max-width:1069px) {
    header .headermn .navbar .navbar-brand {
        width:15%
    }

    header .nav-link {
        font-size: 12px
    }

    header .whatsapp li:last-child a {
        font-size: 14px
    }

    #about .content p {
        font-size: 15px
    }

    #choose .inner {
        width: 165px;
        height: 165px;
        padding: 30px 15px
    }

    #choose .inner h5 {
        font-size: 18px
    }

    #come .moortibg {
        padding: 130px 0
    }

    #about-page .content p {
        font-size: 14px
    }
}

@media(max-width:991px) {
    header .drop .down {
        height: 350px;
        overflow: hidden;
        overflow-y: scroll
    }

    header {
        padding: 8px 0;
        position: sticky
    }

    header .headermn .navbar .navbar-brand {
        width: 15%
    }

    header .whatsapp {
        justify-content: start;
        margin-top: 40px
    }

    header .drop .down1 {
        top: 115px;
        width: 65%
    }

    header .drop .down1 ul {
        columns: 1
    }

    header .drop .down.down1 {
        top: 30px;
        left: 0;
        width: 75%
    }

    header .drop .down.down2 {
        top: 70px;
        left: 0;
        width: 75%
    }

    header .search {
        display: block
    }

    #search-menu .wrapper input {
        width: 80%
    }

    #search-menu .wrapper button {
        font-size: 25px
    }

    header .nav-link {
        font-size: 14px
    }

    #slider .content h1 {
        font-size: 35px
    }

    #slider .content h2 {
        font-size: 30px
    }

    #about .content h3 {
        font-size: 19px;
        line-height: 30px;
    }

    #come .moortibg {
        padding: 90px 0
    }

    #countdown h2 p {
        font-size: 14px
    }

    #countdown h2 {
        font-size: 33px
    }

    footer .footerinr .logo img {
        margin-bottom: 0;
        width: 60%
    }

    footer .img {
        width: 28%
    }

    #blog .blog-content a h5 {
        font-size: 18px
    }

    #blog .blog-content p {
        font-size: 16px;
        text-align: justify
    }

    #blog-detail .blog-content p {
        font-size: 14px
    }

    #blog-detail .blog-content img {
        width: 100%
    }

    #blog-detail .blog-content ul {
        display: block !important;
        columns: 2
    }

    #blog-detail .blog-content ul li a {
        font-size: 14px
    }

    #blog-detail .blog-content ul li:first-child,
    #blog-detail .blog-content ul li:nth-child(3) {
        margin-bottom: 5px
    }

    #product-detail .row {
        row-gap: 30px
    }

    #product-detail .content p {
        font-size: 14px
    }

    #decor .content h1,
    #moorti .content h1 {
        font-size: 25px;
        margin: 10px 0
    }
}

@media(max-width:480px) {
    
    #heading {
    background-position: right;}
    
    header .offcanvas.offcanvas-end {
        width: 90%
    }

    header .headermn .navbar .navbar-brand {
        width: 15%
    }

    header .navbar-toggler {
        font-size: 20px
    }

    #slider {
        text-align: center
    }

    #slider .content a {
        font-size: 14px
    }

    #collections .collections-box a {
        font-size: 14px
    }

    #collections .row {
        justify-content: center
    }

    #category .owl-next span {
        right: -8px
    }

    #category .owl-prev span {
        left: -8px
    }

    #countdown .row {
        row-gap: 20px
    }

    #countdown .count {
        padding: 70px 0
    }
    
    .img-wrapper {
    height: 200px;
}

    #gallery h5 {
        font-size: 13px
    }

    #gallery h2 {
        font-size: 23px;
        margin-bottom: 3px
    }

    #clients {
        padding: 23px 0
    }

    #clients h2 {
        margin-bottom: 6px;
        font-size: 23px
    }

    #clients h4 {
        font-size: 13px
    }

    #choose .inner {
        width: 140px;
        height: 140px
    }

    #choose .inner i {
        font-size: 40px
    }

    #choose .inner h5 {
        font-size: 14px
    }

    #content p {
        font-size: 13px
    }

    footer .img {
        width: 50%
    }

    #about-page .content p {
        font-size: 13px
    }

    #contact .address {
        padding: 0
    }

    #contact .row {
        row-gap: 20px
    }

    #contact h2 {
        font-size: 25px
    }

    #contact p {
        font-size: 14px
    }

    #related .owl-next span {
        right: -8px
    }

    #related .owl-prev span {
        left: -8px
    }

    #decor .content {
        padding-left: 0
    }

    #about-content h2 {
        font-size: 20px;
        line-height: 34px
    }
}

@media(max-width:359px) {

    #decor .content h1,
    #moorti .content h1 {
        font-size: 22px
    }
}