@media only screen and (min-width:1700px) and (max-width:1899px) {

}

@media (max-width:1700px) {
    
    .container {
        width: 1350px;
    }
    
    .common-inner-banner-section {
        padding: 130px 0px 50px 0px;
    }
    .common-inner-banner-section h1 {
        font-size: 50px;
    }
    .common-content-section {
        padding: 60px 0px 60px 0px;
    }
    .common-content-section .common-content-wrapper ol > li {
        font-size: 18px;
    }
    .common-content-section .common-content-wrapper ul > li {
        font-size: 18px;
    }
    .common-content-section .common-content-wrapper h1{
        font-size: 35px;
    }
    .common-content-section .common-content-wrapper h2{
        font-size: 30px;
    }
    .common-content-section .common-content-wrapper h3 {
        font-size: 26px;
    }
    .common-content-section .common-content-wrapper h4 {
        font-size: 24px;
    }
    .common-content-section .common-content-wrapper h5 {
        font-size: 20px;
    }
    .common-content-section .common-content-wrapper h6 {
        font-size: 18px;
    }
 
    #header {
        padding: 23px 30px;
    }
    #header.fixed {
        padding: 20px 30px;
    }  


    .banner-slider .banner-slider-box .banner-content-wrapper .subtitle {
        margin-bottom: 20px;
    }
    h1 {
        font-size: 55px;
    }
    .scrollbar-wrapper {
        bottom: 25px;
        width: 60px;
        height: 60px;
    }
    .slider-counter {
        bottom: 35px;
        right: 50px;
    }
    .ptb-100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .pt-100 {
        padding-top: 80px;
    }
    .pb-100 {
        padding-bottom: 80px;
    }
    .view-collection-sec .top-wrap,.project-categories-sec .top-wrapper {
        margin-bottom: 70px;
        padding-bottom: 70px;
    }
    h2 {
        font-size: 45px;
    }
    h3 {
        font-size: 38px;
    }
    h4 {
        font-size: 26px;
    }
    .plr-60 {
        padding-left: 50px;
        padding-right: 50px;
    }
    html .swiper-button-next, html .swiper-button-prev {
        bottom: -90px;
        width: 50px;
        height: 50px;
    }
    .about-box {
        padding: 60px 20px 60px 70px;
    }
    .ptb-209 {
        padding: 100px 0px;
    }
    .title-wrapper {
        margin-bottom: 40px;
    }
    .footer-top {
        padding: 80px 50px 35px 50px;
        grid-template-columns: 300px auto;
    }
    .view-collection-box {
        height: 350px;
    }      
    .banner-slider .banner-slider-box .banner-content-wrapper {
        max-width: 800px;
    }
    .view-collection-sec .top-wrap .content p {
        font-size: 25px;
    }
    .view-collection-sec .top-wrap .content {
        max-width: 910px;
    }
    .about-box .wrapper {
        max-width: 600px;
    }
    .rug-gallery-list .rug-gallery-item {
        height: 300px;
    }
    .btn-main {
        padding: 17px 30px;
    }

    .about-info-wrapper .row-wrapper {
        gap: 50px;
        grid-template-columns: repeat(2,1fr);
    }
    ul.project-categories-listing li {
        padding: 14px 18px;
        font-size: 18px;
    }
    ul.project-categories-listing {
        max-width: 900px;
        margin-bottom: 40px;
    }
    .project-categories-sec .bottom-msg {
        font-size: 25px;
    }
    .project-categories-sec .bottom-wrapper {
        grid-template-columns: repeat(2,1fr);
        gap: 80px;
    }
    .project-categories-sec .bottom-wrapper .image {
        height: 480px;
    }
    .material-info p {
        font-size: 20px;
    }
    .material-info-wrapper {
        max-width: 1260px;
        gap: 100px;
    }
    .about-info-wrapper .row-wrapper .left-wrap h2 {
        margin-bottom: 25px;
    }
    .carpet-rug-box {
        width: 360px !important;
    }
    .carpet-rug-box .image {
        height: 360px;
    }
    .product-popup-modal {
        width: 1100px;
        padding: 25px 35px 25px 25px;
        height: 550px;
    }
    .product-popup-modal .product-modal-wrapper {
        grid-template-columns: 400px auto;
    }
    table tr td {
        font-size: 16px;
    }
    .table-responsive {
        height: 450px;
    }
    .product-modal-btn {
        font-size: 18px;
    }
    .product-popup-modal .close-btn {
        font-size: 40px;
    }
    .product-popup-modal .image {
        height: 500px;
    }

    .pagination-controls {
        padding-top: 40px;
        gap: 15px;
    }
    .pagination-controls button {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    .pagination-controls button.prev-btn, .pagination-controls button.next-btn {
        background-size: 15px;
    }

    .rug-gallery-listing {
        gap: 20px;
    }
    .rug-gallery-listing .gallery-item {
        height: 300px;
    }    
    .color-box p {
        font-size: 13px;
    }
}

@media (max-width:1500px) {
    .container {
        width: 1250px;
    }
    body p {
        font-size: 16px;
    }
    .common-inner-banner-section {
        padding: 150px 0px 70px 0px;
    }
    .common-inner-banner-section h1 {
        font-size: 50px;
    }
    .common-content-section {
        padding: 60px 0px 60px 0px;
    }
    .common-content-section .common-content-wrapper p {
        font-size: 16px;
    }
    .common-content-section .common-content-wrapper ol > li,.common-content-section .common-content-wrapper ul > li {
        font-size: 16px;
    }
    .common-content-section .common-content-wrapper h1{
        font-size: 35px;
    }
    .common-content-section .common-content-wrapper h2{
        font-size: 30px;
    }
    .common-content-section .common-content-wrapper h3 {
        font-size: 26px;
    }
    .common-content-section .common-content-wrapper h4 {
        font-size: 24px;
    }
    .common-content-section .common-content-wrapper h5 {
        font-size: 20px;
    }
    .common-content-section .common-content-wrapper h6 {
        font-size: 18px;
    }    
    #header {
        padding: 23px 20px;
    }
    #header.fixed {
        padding: 20px 20px;
    }   

    #header .wrapper ul>li {
        margin-right: 35px;
    }
    h1 {
        font-size: 50px;
    }
    .banner-slider .banner-slider-box .banner-content-wrapper .btn-main {
        margin-top: 30px;
    }
    .banner-slider .banner-slider-box .banner-content-wrapper .subtitle {
        margin-bottom: 10px;
    }
    .ptb-100 {
        padding-top: 70px;
        padding-bottom: 70px;
    }    
    .pt-100 {
        padding-top: 70px;
    }
    .pb-100 {
        padding-bottom: 70px;
    }
    .view-collection-sec .top-wrap .content p {
        font-size: 20px;
    }
    .view-collection-sec .top-wrap .content {
        max-width: 740px;
    }
    .view-collection-sec .top-wrap,.project-categories-sec .top-wrapper {
        margin-bottom: 50px;
        padding-bottom: 50px;
    }
    .title-wrapper {
        gap: 20px;
    }
    h2 {
        font-size: 40px;
    }
    .view-collection-box {
        height: 300px;
    }
    h4 {
        font-size: 21px;
    }
    h3 {
        font-size: 30px;
    }
    .rug-gallery-list {
        gap: 20px;
    }
    .rug-gallery-list .rug-gallery-item {
        height: 250px;
    }
    .ptb-209 {
        padding: 70px 0px;
    }
    .footer-top {
        padding: 60px 30px 30px 30px;
        grid-template-columns: 290px auto;
    }
    .footer-bottom {
        padding: 20px 30px;
    }
    #header .wrapper ul li a {
        font-size: 13px;
    }
    .footer-title {
        font-size: 15px;
    }
    .about-box h2 {
        padding-right: 0px;
    }
    .about-box {
        padding: 60px 20px 60px 40px;
    }
    .footer-top p.text-mid {
        margin: 20px 0px;
    }
    .rug-gallery-sec .top-wrapper {
        gap: 50px;
        margin-bottom: 50px;
    }
    
    .rug-gallery-listing .gallery-item {
        height: 280px;
    }    .rug-gallery-sec .title-wrapper h2 br {
        display: none;
    }

    h2.font-two {
        font-size: 55px;
    }

    .color-box {
        padding: 20px 7px;
    }

    .all-info-details-list .carpet-rug-box .image {
        height: 330px;
    }
    .all-info-details-list .carpet-rug-box h4 {
        font-size: 15px;
    }
}


@media (max-width: 1279px) {     
    .container {
        width: 1100px;
    }
    .likedin-btn {
        padding: 11px 20px;
        font-size: 16px;
    }
    .project-categories-sec .bottom-wrapper {
        gap: 50px;
    }
    .project-categories-sec .bottom-wrapper .image {
        height: 440px;
    }
    .material-info-wrapper .left-wrap, .material-info-wrapper .right-wrap {
        padding: 0px 0px;
    }
    .pt-125 {
        padding-top: 100px;
    }    
    .pt-156 {
        padding-top: 130px;
    }
    .about-info-wrapper .row-wrapper {
        gap: 40px;
    }
    .carpet-rug-box {
        width: 350px !important;
    }
    .carpet-rug-box .image {
        height: 350px;
    }

    .rug-gallery-listing {
        gap: 15px;
    }
    .rug-gallery-listing .gallery-item {
        height: 250px;
    }

    h2.font-two {
        font-size: 45px;
    }

    .color-collection-list .wrapper {
        grid-template-columns: repeat(7,1fr);
    }
    .color-collection-list .wrapper:first-child .color-box::after,.color-collection-list .wrapper:last-child .color-box::after,.color-collection-list .wrapper::after{
        display: none;
    }
    .color-box {
        border: 0.5px solid rgb(255 255 255 / 17%) !important;
    }
    .color-box p {
        font-size: 16px;
    }

    .all-info-details-list {
        grid-template-columns: repeat(3,1fr);
    }
    .all-info-details-list .carpet-rug-box .image {
        height: 420px;
    }
}

@media (max-width: 1120px) {    
    #header .mobile{
        display: block !important;
    }
    #header .destop{
        display: none !important;
    } 
    #header .wrapper ul {
        margin: 0 !important;
        display: block !important;
    }
    #header .wrapper ul li {
        margin: 0 !important;
    }
    #header .wrapper ul li a {
        width: 100%;
        padding: 15px 0;
        font-size: 16px;
        display: inline-block;
    }
    #header .res_navigation {
        display: block;
        position: relative;
        order: 3;
        z-index: 99;
    }
    #header .wrapper .mobile-menu {
        display: flex;
        flex-direction: column;
        transform: translateX(100%);
        width: 100%;
        max-width: 100%;
        transition: all 0.5s ease 0s;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: var(--white);
        z-index: 9;
        padding: 90px 20px 20px 20px;
        overflow-y: auto;
        float: none;
        margin: 0 !important;
        height: 100vh;
    }
    html.menu-open #header .wrapper .mobile-menu {
        left: 0;
        transform: translateX(0) translateY(0);
    }
    #header .wrapper ul li a:hover {
        color: var(--primary) !important;
        background-color: transparent;
    } 
    .destop-menu {
        display: none;
    }
    #header .wrapper {
        display: flex;
        justify-content: unset;
    }
    #header .wrapper .left-wrap {
        order: 1;
        margin-left: auto;
    }
    .header-logo {
        order: 3;
    }
    #header .wrapper .right-wrap {
        width: -webkit-fill-available;
    }

    /**/
    #header .wrapper ul span.submenu-click-arrow {
        top: 0;
        filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(4713%) hue-rotate(332deg) brightness(93%) contrast(20%);
        height: 50px;
        width: 50px;
        background-position: center;
        background-size: 11px;
        pointer-events: all;
    }
    #header .wrapper ul li ul.sub-menu {
        width: 100% !important;
        background: transparent;
        padding: 0;
        position: static;
        transform-origin: unset;
        opacity: 1 !important;
        visibility: visible !important;
        padding-left: 15px;
    }
    #header .wrapper ul li ul.sub-menu::before {
        content: none;
    }
    #header .wrapper ul li ul.sub-menu li a {
        padding: 15px;
        border: 0;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
    }
    #header .wrapper ul li.menu-item-has-children::after {
        content: none;
    }
    #header .wrapper ul ul.sub-menu li {
        margin: 0 !important;
    }
    #header .wrapper ul li:last-child {
        border: 0 !important;
    }
    #header .header-btn-wrap {
        margin-left: 0;
        margin-right: 30px;
    }
    #header.fixed .header-logo a {
        max-width: 180px;
    }
    .container {
        width: 100%;
    }
    body p {
        font-size: 15px;
    }  
    .common-inner-banner-section {
        padding: 150px 0px 60px 0px;
    }    
    .common-inner-banner-section h1 {
        font-size: 40px;
    }
    .common-content-section {
        padding: 50px 20px 50px 20px;
    }
    .common-content-section .common-content-wrapper p {
        font-size: 16px;
    }
    .common-content-section .common-content-wrapper ol > li,.common-content-section .common-content-wrapper ul > li {
        font-size: 16px;
    }
    .common-content-section .common-content-wrapper h1{
        font-size: 35px;
    }
    .common-content-section .common-content-wrapper h2{
        font-size: 30px;
    }
    .common-content-section .common-content-wrapper h3 {
        font-size: 26px;
    }
    .common-content-section .common-content-wrapper h4 {
        font-size: 24px;
    }
    .common-content-section .common-content-wrapper h5 {
        font-size: 20px;
    }
    .common-content-section .common-content-wrapper h6 {
        font-size: 18px;
    }  
    .gform_wrapper.gravity-theme .gform_fields {
        grid-gap: 15px 20px !important;
    }
    html .wow{
        animation-name: none !important;
        visibility: visible !important;
    }

    .mobile{
        display: flex;
    }
    #header .wrapper {
        gap: 30px;
    }
    .btn-main {
        padding: 15px 25px;
        font-size: 13px;
    }

    html .swiper-button-next, html .swiper-button-prev {
        bottom: -80px;
        width: 43px;
        height: 45px;
    }
    html .swiper-button-next:after, html .swiper-button-prev:after {
        height: 18px;
        width: 18px;
        background-size: 15px;
    }
    .about-box {
        background-position-x: center;
    }
    .rug-gallery-list {
        grid-template-columns: repeat(3,1fr);
    }
    .footer-top {
        grid-template-columns: 220px auto;
    }
    h2 {
        font-size: 35px;
    }
    .rug-gallery-sec .top-wrapper {
        gap: 40px;
        margin-bottom: 35px;
    }
    body.search.search-results .search-data article {
        width: 30%;
    }
    .carpet-rug-box {
        width: 330px !important;
    }
    .carpet-rug-box .image {
        height: 330px;
    }
    .product-popup-modal {
        width: 960px;
        padding: 20px 30px 20px 20px;
        height: 500px;
    }
    table tr td {
        font-size: 14px;
    }
    .table-responsive {
        height: 410px;
    }
    .product-modal-btn {
        font-size: 16px;
    }
    .product-popup-modal .image {
        height: 460px;
    }
    .rug-gallery-listing {
        grid-template-columns: repeat(4,1fr);
    }
    .footer-top .right-wrap {
        gap: 50px;
    }
}

@media (max-width: 991px) {
    body p {
        font-size: 15px;
    }
    .page-not-found {
        padding: 100px 0px 50px;
    }
    .page-not-found h1 {
        margin-bottom: 25px;
        font-size: 35px;
    }
    .gform_wrapper .gfield_radio {
        grid-template-columns: repeat(2,1fr);
    }
    #header {
        padding: 20px 20px;
    }
    #header.fixed {
        padding: 15px 20px;
    } 
    
    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pt-100 {
        padding-top: 50px;
    }
    .pb-100 {
        padding-bottom: 50px;
    }
    .plr-60 {
        padding-left: 20px;
        padding-right: 20px;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 33px;
    }
    h3 {
        font-size: 26px;
    }
    br {
        display: none;
    }
    .banner-slider .banner-slider-box .banner-content-wrapper {
        padding: 0px 20px;
    }
    .view-collection-sec .top-wrap,.project-categories-sec .top-wrapper {
        margin-bottom: 35px;
        padding-bottom: 35px;
    }
    .title-wrapper {
        gap: 15px;
    }
    .about-box {
        padding: 50px 20px 50px 30px;
    }
    .about-box .wrapper {
        max-width: 480px;
    }
    .about-box .btn-wrapper {
        margin-top: 30px;
    }
    .rug-gallery-sec .top-wrapper {
        gap: 30px;
        margin-bottom: 60px;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 35px;
    }
    .rug-gallery-list {
        gap: 15px;
    }
    .rug-gallery-list .rug-gallery-item {
        height: 230px;
    }
    .ptb-209 {
        padding: 50px 0px;
    }
    .cta-section .title-wrapper {
        gap: 10px;
        max-width: 550px;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    .footer-top {
        grid-template-columns: 100%;
        gap: 50px;
    }
    .footer-top p.text-mid {
        margin: 10px 0px;
    }
    ul.footer-contact-info {
        gap: 15px;
    }
    #header .header-logo a {
        max-width: 270px;
    }
    #header.fixed .header-logo a {
        max-width: 230px;
    }
    h5 {
        font-size: 22px;
    }
    p.copyright {
        font-size: 13px;
    }
    ul.project-categories-listing li {
        padding: 11px 15px;
        font-size: 17px;
    }
    ul.project-categories-listing {
        gap: 15px;
        margin-bottom: 30px;
    }
    .project-categories-sec .bottom-msg {
        font-size: 20px;
    }
    .project-categories-sec .bottom-wrapper {
        gap: 30px;
    }
    .material-info p {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: 0.1px;
    }     
    .contact-us-section h4 {
        font-size: 24px;
    }
    body.search.search-results .search-data,body.search.search-no-results .search-data {
        padding: 90px 0px 50px 0px;
    }
    body.search.search-results .search-data article {
        width: 49%;
    }
    body.search.search-results .search-data header.header,body.search.search-no-results .search-data header.header {
        margin-bottom: 15px;
    }
    body.search.search-results .search-data article .entry-title {
        font-size: 15px;
    }
    body.search.search-results .search-data .container {
        gap: 10px;
    }
    .carpet-rug-box {
        width: 260px !important;
    }
    .carpet-rug-box .image {
        height: 260px;
        margin-bottom: 18px;
    }
    .carpet-rug-box h4 {
        /* font-size: 20px; */
        gap: 15px;
    }
    .carpet-rug-box h4 img{
        height: 15px;
        width: 15px;
    }
    .color-collections-sec .btn-main {
        margin-top: 35px;
    }
    .product-popup-modal {
        width: 730px;
        height: 450px;
        padding: 15px 25px 15px 15px;
    }
    .product-popup-modal .close-btn:hover {
        transform: unset;
    }
    .product-popup-modal .product-modal-wrapper {
        grid-template-columns: repeat(2,1fr);
    }
    table tr td {
        padding-bottom: 12px;
        font-size: 13px;
    }
    table tr td:first-child {
        padding-right: 10px;
    }
    .table-responsive {
        height: 350px;
        padding-right: 15px;
    }
    .product-popup-modal .close-btn {
        font-size: 35px;
        height: 35px;
        width: 35px;
        right: 0;
        top: 0;
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    }
    .product-modal-btn {
        font-size: 14px;
    }
    .product-modal-btn svg {
        width: 13px;
        height: 13px;
    }
    .product-popup-modal .image {
        height: 420px;
    }

    .pagination-controls {
        padding-top: 30px;
    }
    .pagination-controls button {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .rug-gallery-sec .pagination-controls button {
        font-size: 16px;
    }
    h2.font-two {
        font-size: 40px;
        margin-top: -22px;
    }
    .frank-ricco-box {
        gap: 15px;
    }

    .about-box {
        background-position-x: right -250px;
    }
    .footer-top .right-wrap {
        justify-content: flex-start;
        gap: 70px;
    }

    .rug-gallery-listing .gallery-item {
        height: 180px;
    }
    .rug-gallery-listing {
        gap: 10px;
    }

    #load-more {
        font-size: 17px;
        gap: 5px;
    }
    .all-info-details-list .carpet-rug-box .image {
        height: 320px;
    }
}


@media (max-width: 767px) {
    legend.gfield_label {
        font-size: 16px !important;
    }
    .gform_wrapper .gfield_radio {
        gap: 13px;
    }
    .gform_wrapper .gfield_radio label {
        font-size: 12px !important;
    }
    .gform_wrapper .gfield_radio > .gchoice {
        padding: 5px 12px 5px 12px;
    }
    .ginput_container_consent label.gfield_consent_label {
        font-size: 14px;
    }
    .gform_confirmation_message {
        font-size: 14px;
        padding: 15px 25px;
    }
    .page-not-found {
        padding: 80px 0px 30px;
    }
    .page-not-found h1 {
        margin-bottom: 20px;
        font-size: 25px;
    }
    .gform_wrapper .gfield_radio {
        grid-template-columns: 100%;
    }   
    .common-inner-banner-section {
        padding: 110px 0px 40px 0px;
    }   
    .common-inner-banner-section h1 {
        font-size: 30px;
    }
    .common-content-section {
        padding: 40px 0px 40px 0px;
    }    
    .common-content-section .common-content-wrapper p {
        font-size: 15px;
    }
    .common-content-section .common-content-wrapper ol,.common-content-section .common-content-wrapper ul {
        gap: 10px;
    }
    .common-content-section .common-content-wrapper ol > li {
        font-size: 15px;
    }
    .common-content-section .common-content-wrapper ul > li {
        font-size: 15px;
    }
    .common-content-section .common-content-wrapper h1{
        font-size: 27px;
    }
    .common-content-section .common-content-wrapper h2{
        font-size: 25px;
    }
    .common-content-section .common-content-wrapper h3 {
        font-size: 23px;
    }
    .common-content-section .common-content-wrapper h4 {
        font-size: 20px;
    }
    .common-content-section .common-content-wrapper h5 {
        font-size: 17px;
    }
    .common-content-section .common-content-wrapper h6 {
        font-size: 15px;
    }
    .common-content-section .common-content-wrapper ul {
        margin: 10px 0px;
    }
    .mobile-list-menu{
        display: block;
    }
    #header {
        padding: 15px 15px;
    }
    #header.fixed {
        padding: 13px 15px;
    }
    #header .wrapper .mobile-menu {
        padding: 80px 15px 15px 15px;
    }
    h1 {
        font-size: 33px;
        letter-spacing: 0.1px;
    }
    h2 {
        font-size: 24px;
        letter-spacing: 0.1px;
    }
    h5 {
        font-size: 18px;
    }
    html .swiper-button-next, html .swiper-button-prev {
        bottom: 0px;
        width: 37px;
        height: 37px;
    }
    .view-collection-slider {
        padding-bottom: 65px;
    }
    .plr-60 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .view-collection-sec .btn-wrapper {
        margin-top: 30px;
    }
    .view-collection-box {
        height: 260px;
    }
    .view-collection-box h4 {
        bottom: 20px;
        padding: 15px 15px 0px 15px;
    }
    .about-box {
        padding: 40px 20px 40px 20px;
        text-align: center;
    }
    .about-box .btn-wrapper .btn-main {
        margin: 0 auto;
    }
    .about-box::before {
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        background-color: #00000094;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        pointer-events: none;
    }
    .about-box p {
        line-height: 150%;
    }
    .about-box .wrapper {
        position: relative;
        z-index: 5;
    }
    .rug-gallery-sec .top-wrapper .left-wrap {
        gap: 15px;
        text-align: center;
    }
    .rug-gallery-sec .top-wrapper .right-wrap {
        margin: 0 auto;
    }
    .rug-gallery-list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
    .footer-top {
        padding: 40px 15px 20px 15px;
        gap: 30px;
    }
    .footer-top p.text-mid {
        font-size: 13px;
    }
    .footer-bottom {
        padding: 20px 15px;
        flex-direction: column;
        text-align: center;
    }
    p.copyright {
        font-size: 12px;
    }
    ul.social-link li a {
        width: 35px;
        height: 35px;
        padding: 9px;
    }
    .footer-logo img {
        width: 250px;
    }
    .footer-top .right-wrap {
        flex-direction: column;
        gap: 40px;
    }
    .footer-top .right-wrap .wrap-col-one {
        display: none;
    }
    .rug-gallery-list .rug-gallery-item {
        height: 170px;
        width: 48.5%;
    }
    h3 {
        font-size: 20px;
    }
    html .swiper-button-prev {
        left: 37%;
    }
    html .swiper-button-next {
        right: 37%;
    }
    .slider-counter {
        bottom: 15px;
        right: 15px;
        width: 55px;
    }
    .scrollbar-wrapper {
        bottom: 10px;
        width: 55px;
        height: 55px;
    }
    .banner-slider .banner-slider-box .banner-content-wrapper .btn-main {
        margin-top: 25px;
    }
    .btn-main {
        padding: 14px 20px;
        font-size: 11px;
    }
    .banner-slider .banner-slider-box .banner-content-wrapper .subtitle {
        margin-bottom: 15px;
    }
    .subtitle {
        font-size: 11px;
    }
    #header .wrapper ul li a {
        padding: 13px 0;
    }
    .view-collection-sec .top-wrap .content p {
        font-size: 16px;
    }
    .view-collection-sec .top-wrap,.project-categories-sec .top-wrapper {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .subtitle {
        letter-spacing: 3.2px;
    } 
    .pt-125 {
        padding-top: 80px;
    }      
    .pt-156 {
        padding-top: 90px;
    }
    .about-info-wrapper .row-wrapper {
        grid-template-columns: 100%;
        gap: 25px;
    }
    .about-info-wrapper .row-wrapper .right-wrap {
        order: -1;
    }
    .about-info-wrapper .row-wrapper .left-wrap h2 {
        margin-bottom: 20px;
    }
    ul.project-categories-listing li {
        width: 47%;
        word-break: break-all;
    }
    .project-categories-sec .bottom-wrapper {
        grid-template-columns: 100%;
    }
    .project-categories-sec .bottom-wrapper .right-wrap {
        order: -1;
    }
    .project-categories-sec .bottom-wrapper .image {
        height: 250px;
    }
    .material-info-wrapper {
        gap: 0px;
        grid-template-columns: 100%;
    }
    .border {
        display: none;
    }
    .material-info {
        text-align: center;
    }
    .gform_wrapper .gfield input, .gform_wrapper .gfield select, .gform_wrapper .gfield textarea {
        height: 45px;
        padding: 5px 15px !important;
        font-size: 13px !important;
    }
    .gform_wrapper .gform_footer .gform_button {
        padding: 13px 15px 13px 15px;
        font-size: 14px;
    }
    .contact-us-section h6 {
        font-size: 18px;
        text-align: left;
    }
    ul.contact-info-wrapper {
        gap: 10px;
        margin-top: 25px;
        justify-content: flex-start;
    }
    ul.contact-info-wrapper li a, ul.contact-info-wrapper li p {
        font-size: 15px;
    }
    ul.contact-info-wrapper li .icon {
        min-width: 35px;
        width: 35px;
        height: 35px;
    }
    html .gform_wrapper .gfield textarea {
        height: 90px !important;
        padding: 15px 15px !important;
    }
    
    body.search.search-results .search-data article {
        width: 100%;
        padding: 15px;
    }
    body.search.search-results .search-data article img {
        height: 200px;
    }
    
    .carpet-rug-box {
        width: 200px !important;
    }
    .carpet-rug-box .image {
        height: 200px;
        margin-bottom: 15px;
    }
    .product-modal-btn svg {
        width: 11px;
        height: 11px;
    }
    .carpet-rug-box h4 {
        font-size: 15px;
    }    
    .carpet-rug-box h4 img{
        height: 10px;
        width: 10px;
    }
    .carpet-rug-listing-two {
        padding-top: 30px;
    }
    .carpet-rug-collection-sec .btn-wrapper {
        gap: 15px;
        margin-top: 30px;
    }
    .product-popup-modal {
        width: 315px;
        height: 410px;
        padding: 10px 10px 25px 10px;
        flex-direction: column;
    }
    .product-popup-modal .product-modal-wrapper {
        grid-template-columns: 100%;
    }
    .table-responsive {
        height: auto;
        margin-bottom: 40px;
        padding-right: 0px;
    }
    .product-modal-btn {
        position: unset;
        gap: 10px;
    }
    table tr td:first-child {
        padding-right: 10px;
    }
    .product-popup-modal .close-btn {
        font-size: 31px;
        height: 30px;
        width: 30px;
        background-color: var(--white);
    }
    .product-popup-modal .image {
        height: 220px;
    }
    .color-box {
        padding: 18px 7px;
    }
    .pagination-controls button {
        width: 30px;
        height: 30px;
    }
    
    .rug-gallery-listing .gallery-item {
        height: 110px;
    }
    .rug-gallery-listing {
        grid-template-columns: repeat(3,1fr);
        gap: 7px;
    }
    .rug-gallery-sec .pagination-controls {
        gap: 7px;
    }
    .rug-gallery-sec .pagination-controls button {
        font-size: 13px;
    }
    .pagination-controls button.prev-btn, .pagination-controls button.next-btn {
        background-size: 14px;
    }
    .likedin-btn {
        margin-right: auto;
        margin-left: 0;
    }
    h2.font-two {
        margin-left: auto;
    }
    .title-wrapper {
        margin-bottom: 30px;
    }
    .frank-ricco-box {
        flex-direction: column;
        justify-content: left;
        position: unset;
    }
    .gform_wrapper.gravity-theme .gform_fields {
        grid-gap: 10px 10px !important;
    }

    .color-palette-listing .color-palette-image {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }   
    #load-more {
        font-size: 13px;
    }
    .color-collection-list .wrapper {
        grid-template-columns: repeat(2,1fr);
    }
    .main-hero-banner-sec {
        height: 90vh;
    }
    .all-info-details-list {
        grid-template-columns: repeat(2,1fr);
        gap: 20px 10px;
    }
    .all-info-details-list .carpet-rug-box .image {
        height: 210px;
    }
}