:root{
    --primary-color--:#404040;
    --black-color--:#000000;
    --green-color--:#00AF66;
    --gray--:#f5f5f5;
    --white--:#ffffff;
    --default-padding--:6.25rem;
    --section-padding--:8rem 6.25rem;
}

html{font-size:0.833vw}
body{font-family: "Inter", sans-serif;font-size:1rem;color:var(--primary-color--);}

.filters{padding:1rem 0;display: block;width: 100%;margin-bottom:3rem}
.filters .one{display: flex;justify-content: space-between;align-items: center;margin-bottom:2rem}
.filters .one p{font-size:1rem;font-weight: 400;}
.filters select{background:var(--white--);border:1px solid #eee;padding:1rem 2rem;border-radius: 2rem;}
.custom_select{display: flex;align-items: center;}
.custom_select>p {margin-right:2rem;}
.custom_select>div{width: 15rem;}
.custom_select .select2-container{width: 100% !important;}
.custom_select .select2-container--default .select2-selection--single{padding:1rem 2rem;height: auto !important;border-radius: 2rem;border-color: #eee;}
.custom_select .select2-container .select2-selection--single .select2-selection__rendered{padding:0 !important;padding:2rem;font-size:1rem;color: var(--primary-color--);}
.custom_select .select2-container--default .select2-selection--single .select2-selection__arrow{top:0;bottom:0;margin:auto;right: 1rem;}
.filters .two{display: block;width: 100%;}
.filters .two .active_filters{width:100%;display: flex;align-items: center;margin-bottom:1.5rem;}
.filters .two .active_filters h3{font-size:1.5rem;font-weight: normal;margin-right:1rem;}
.filters .two .active_filters span{background: var(--green-color--);color: var(--white--);display: flex;padding:0.5rem 0.5rem 0.5rem 1rem;font-size:1rem;border-radius: 2rem;margin-right:1rem;align-items: center;}
.filters .two .active_filters span a{display: flex;margin-left:1rem}
.filters .two .active_filters span a svg{height: 1.28rem;width: 1.5rem;}
.filters .two .active_filters>a {font-size:1rem;text-decoration: underline;margin-left:0.5rem}
.filters .two .filters_list{display: flex;width: 100%;align-items: center;}
.filters .two .filters_list .custom_select{margin-right:2rem;}

.chevron{display: flex;align-items: center;}
.chevron div{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");width: 0.7rem;height: 0.7rem;margin-left:0.2rem;}

.header_margin{margin-top:9.1rem}

.breadcum{width: 100%;display: block;height: auto;padding:2rem var(--default-padding--);}
.breadcum h1{font-size:2rem;color: var(--green-color--);margin-bottom:0.25rem;}
.breadcum a{color: var(--black-color--);}

.btn{background: var(--green-color--); color: var(--white--);padding:1rem 2.2rem;display: inline-block;border-radius:1.5rem;}
.btn-outline{display: inline-block;text-decoration: underline;font-size:1.125rem;font-weight: 500;}

.pagination{display: flex;justify-content: center;margin-bottom:3rem;align-items: center;font-size:1.5rem}
.pagination>*{margin:0 1rem;display: inline-block;}
.pagination svg{height: 2rem;width: 2rem;}
.pagination a.active{background: var(--green-color--);padding:1.2rem 1.7rem;border-radius: 50%;color: var(--white--);}

.title{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom:4rem;}
.title h3{color: var(--black-color--);font-size: 1.75rem;font-weight: 600;}
.title h2{color: var(--green-color--);font-size: 2.875rem;font-weight: 600;}
.title .linkbtn a{display: inline-block;color: var(--green-color--);text-decoration: underline;font-size:1.3rem}
.title .arrows{display: flex;align-items: center;}
.title .arrows a{padding:1rem 1rem 0.8rem 1rem;border-radius: 50%;}
.title .arrows a svg{width: 1rem;height: 1rem;}
.title .arrows a.prev{background:var(--gray--);color: var(--primary-color--);margin-right:1rem}
.title .arrows a.next{background:var(--green-color--);color: var(--white--);}

.wrapper{width: 100%;display: block;}

header{display: block;width: 100%;position: fixed;left: 0;top: 0;z-index: 9999;}
header .top{display: flex;justify-content: space-between;align-items: center;background-color:var(--green-color--);color: var(--white--);padding:0.82rem var(--default-padding--);transition: 0.3s ease all;}
body.scroll header .top{height: 0;opacity: 0;visibility: hidden;padding-top:0;padding-bottom:0}
header .bottom{background-color:#fefefe;border-bottom:1px solid #eee;display: flex;padding:1.62rem var(--default-padding--);justify-content: space-between;align-items: center;position: relative;}
header .logo{display: block;width: 10rem;height: auto;}
header .logo img{width: 100%;height: auto;display: block;}
header nav{display: block;}
header nav ul{display: flex;list-style: none;padding:0;align-items: center;font-weight: 500;color: var(--black-color--);font-size:1.2rem}
header nav>ul>li{margin:0 2rem;position: relative;}
header nav>ul>li a{display: block;position: relative;}
header nav>ul>li a:after{position: absolute;content:'';width: 0;height: 2px;background-color: var(--black-color--);bottom:-2px;left:0;transition: 0.3s ease all;}
header nav>ul>li.active a:after{width: 100%;}
header nav>ul>li a:hover:after{width: 100%;}
header nav .dropdown ul{position: absolute;width: 35rem;padding:1.5rem;top:4.2rem;left:-2rem;border-radius: 1rem;font-size:1rem;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 1.5rem;border:1px solid #eee;background-color: var(--white--);height: 0;opacity: 0;visibility: hidden;transition: 0.3s ease all;}
header nav .dropdown ul a:after{display: none;}
header nav>ul>li.active div{transform:rotate(180deg)}
header nav .dropdown.active ul{height: auto;opacity: 1;visibility: visible;}
header .search{border:1px solid var(--green-color--);border-radius: 50%;padding:1.2rem 0.8rem 0.6rem 0.8rem}
header .search svg{width: 1.5rem;height: 1.5rem;stroke: var(--green-color--);}
header .mbl-menu-btn{display: none;}

.searchcontainer{position: absolute;background:var(--white--);right:0;width: 85%;top:0;height: 100%;z-index: 10;padding:0 var(--default-padding--);display: flex;align-items: center;justify-content: space-between;opacity: 0;visibility: hidden;transition: 0.1s ease all;}
.searchcontainer.active{opacity: 1;visibility: visible;}
.searchcontainer>div{width: 100%;display: flex;margin-right:2rem;}
.searchcontainer input{width: 100%;border:none;border-bottom:2px solid var(--primary-color--);padding:1rem}
.searchcontainer button{background:none;outline:none;border:none;border-bottom:2px solid var(--primary-color--);padding-right:1.5rem;font-weight: 600;}
.searchcontainer a{border:1px solid var(--primary-color--);border-radius: 50%;padding:0.7rem 0.8rem 0.5rem}
.searchcontainer a svg{width: 1.5rem;height: 1.5rem;stroke: var(--primary-color--);}

.slider{width: 100%;height: auto;background: var(--gray--);padding:0 var(--default-padding--);padding-bottom:1rem}
.slider .slider_slick{display: block;width: 100%;height: 100%;padding-top:11rem;}
.slider .slider_slick .each_slide{display: flex !important;align-items: center;flex-wrap: wrap;height: 100%;width: 100%;}
.slider .slider_slick .each_slide .txt{width: 50%;display: block;padding-left:3rem;padding-right:3rem;}
.slider .txt h1{font-size: 5rem;font-style: normal;font-weight: 700;line-height: 128%;color: var(--black-color--);margin-bottom:1rem}
.slider .txt h1 span{color: var(--green-color--);}
.slider .txt p{font-size: 1.375rem;font-style: normal;font-weight: 400;line-height: 165%; }
.slider .txt div{display: flex;margin-top:1.5rem;align-items: center;}
.slider .txt div .btn-outline{margin-left:1.5rem;}
.slider .slider_slick .each_slide .img{width: 44%;display: block;margin:0 3rem;background:var(--white--);padding:2.5rem;border-radius: 2.75rem;position: relative;}
.slider .slider_slick .sliderimg{background:var(--gray--);display: flex;align-items: center;justify-content: center;padding:2.75rem 0;border-radius: 2.65rem;}
.slider .slider_slick .sliderimg img{display: block;padding:2rem}
.slider .slider_slick .list{margin-top:1rem;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 2.5rem;}
.slider .slider_slick .list .each{display: flex;background:var(--gray--);justify-content: center;align-items: center;padding:1rem;border-radius: 1.25rem;}
.slider .slider_slick .list .each img{display: block;width: 100%;height: auto;}
/* .slider .custom_arrows{position: absolute;bottom:2.5rem;right:10rem} */
.slider .custom_arrows{display: flex;justify-content: flex-end;width: 100%;margin-right:5rem;margin-top:1rem}
.slider .custom_arrows a{padding:1rem 1rem 0.8rem 1rem;border-radius: 50%;display: inline-block;margin:0 0.3rem}
.slider .custom_arrows a svg{width: 1rem;height: 1rem;}
.slider .custom_arrows a.prev{background:var(--white--);color: var(--primary-color--);}
.slider .custom_arrows a.next{background:var(--green-color--);color: var(--white--);}

.info{padding:var(--section-padding--);display: grid;grid-template-columns: repeat(2,1fr);align-items: center;}
.info .img{margin:0 2.5rem;display: flex;justify-content: center;align-items: center;background:var(--gray--);border-radius: 2.8rem;padding:5rem 2rem;}
.info .img img{width: 100%;display: block;height: auto;margin-bottom:-2rem}
.info .txt{margin:0 2.5rem}
.info .txt h2{font-size: 3.625rem;font-style: normal;font-weight: 700;line-height: normal;margin-bottom:2rem;}
.info .txt h2 span{color: var(--green-color--);}
.info .txt p{font-size:1.3rem;line-height: 165%;margin-bottom:2rem;}
.info .btn-outline{margin-left: 1.5rem;}

.separate_section{background: var(--green-color--);color: var(--white--);padding:4rem var(--default-padding--);display: block;}
.separate_section .list{margin:0 2rem;display: grid;grid-template-columns: repeat(3,1fr);}
.separate_section .list .each{display: flex;align-items: center;}
.separate_section .list .each img{width: 3rem;display: block;margin-right:2rem}
.separate_section .list h3{font-size:1.25rem;font-weight: 600;margin-bottom:0.3rem;}
.separate_section .list p{font-weight: 400;}

.brands{padding:var(--section-padding--);display: block;width: 100%;}
.brands .list{display: grid;grid-template-columns: repeat(2,1fr);grid-gap:2rem}
.brands .list .left{display: grid;grid-template-columns: repeat(1,1fr);grid-gap: 2rem;}
.brands .list .left .each{background:var(--gray--);border-radius: 2rem;position: relative;padding:7rem 3.5rem;overflow: hidden;}
.brands .list .each h3{color: var(--black-color--);font-size: 2.375rem;font-weight: 700;line-height: normal;margin-bottom:0.8rem;}
.brands .list .each h3 span{color: var(--green-color--);}
.brands .list .each p{font-weight: 400;width: 50%;}
.brands .img_overlay{position: absolute;bottom:0;right:0;}

.brands .list .right{display: grid;grid-template-columns: repeat(1,1fr);grid-gap: 2rem;}
.brands .list .right .each{background:var(--gray--);border-radius: 2rem;position: relative;padding:3.2rem 2.44rem;overflow: hidden;}
.brands .img_overlay{position: absolute;bottom:0;right:0;}
.brands .img_overlay img{width: 100%;display: block;height: auto;}
.brands .list .each{transition: 0.3s ease all;}

.categories{padding:var(--section-padding--);display: block;width: 100%;}
.categories .list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap:4rem}
.categories .list .each{background:var(--gray--);padding:2.3rem 2rem;border-radius: 2.4rem;transition: 0.3s ease all;}
.categories .list .each:hover .txt p svg{transform: rotate(0);}
.categories .list .each .img{background: var(--white--);border-radius: 2.2rem;padding:0 2rem;margin-bottom:1rem;}
.categories .list .each .img img{width: 100%;height: auto;display: block;}
.categories .list .each .txt{display: flex;justify-content: space-between;align-items: center;}
.categories .list .each .txt h4{color: var(--black-color--);font-size: 1.875rem;font-weight: 600;line-height: normal;}
.categories .list .each .txt p{padding:1rem 1rem 0.8rem 1rem;border-radius: 50%;background: var(--green-color--);}
.categories .list .each .txt p svg{width: 1.5rem;height: 1.5rem;stroke: #ffffff;transform: rotate(-45deg);transition: 0.3s ease all;}

.newsletter{background: var(--gray--);padding:var(--default-padding--);display: block;text-align: center;margin:0 auto}
.newsletter h2{font-size: 3.875rem;font-weight: 600;line-height: normal;margin-bottom:0.5rem}
.newsletter p{color: var(--green-color--);font-size: 2rem;font-weight: 600;line-height: normal;margin-bottom:3rem;}
.newsletter form{display: flex;align-items: center;justify-content: center;}
.newsletter form>div{background: var(--white--);padding:0.5rem 0.7rem;border-radius: 2rem;margin-right:1rem}
.newsletter form>div span{background: var(--green-color--);color: var(--white--);padding:0.8rem;border-radius: 50%;}
.newsletter form>div span svg{width: 1.5rem;height: 1rem;}
.newsletter form>div input{padding:1rem 0.5rem;border:1px solid var(--white--);width: 20rem;}
.newsletter form button{background: var(--green-color--);color: var(--white--);padding:1.3rem 2rem;border-radius: 2rem;border:none}

footer{padding:3rem var(--default-padding--);display: flex;justify-content: space-between;align-items: center;background: var(--green-color--);color: var(--white--);}
footer p{font-size:1.3rem;}
footer a{font-weight:500;position: relative;}
footer a:after{content:'';position: absolute;left: 0;bottom:-2px;width: 0;height: 2px;background: var(--white--);transition: 0.3s ease all;}
footer a:hover:after{width: 100%;}

.listing{padding:0 var(--default-padding--);}
.listing_list{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 2.5rem;margin-bottom:2.5rem}
.listing_list .each{background:var(--gray--);padding:2.3rem 2rem;border-radius: 2.4rem;transition: 0.3s ease all;}
.listing_list .each:hover .txt p svg{transform: rotate(0);}
.listing_list .each .img{background: var(--white--);border-radius: 2.2rem;overflow: hidden;margin-bottom:1rem;}
.listing_list .each .img img{width: 100%;height: auto;display: block;}
.listing_list .each .txt{display: block}
.listing_list .each .top{display: flex;justify-content: space-between;align-items: center;margin-bottom:1rem}
.listing_list .each .top p{font-size:1.1rem;color: #929190;}
.listing_list .each .top span{background: var(--green-color--);color: var(--white--);font-size:0.75rem;padding:0.25rem 1rem;border-radius: 0.75rem;}
.listing_list .each .bottom{display: flex;width: 100%;align-items: center;justify-content: space-between;}
.listing_list .each .bottom h2{font-size:1.375rem;font-weight: 600;line-height: 110%;}
.listing_list .each .bottom p{padding:1rem 1rem 0.8rem 1rem;border-radius: 50%;background: var(--green-color--);}
.listing_list .each .bottom p svg{width: 1.5rem;height: 1.5rem;stroke: #ffffff;transform: rotate(-45deg);transition: 0.3s ease all;}

.detail{padding:0 var(--default-padding--);}
.detail .one{display: flex;align-items: flex-start;flex-wrap: wrap;padding:2rem 0}
.detail .one>div{width: 50%;}
.detail .one>div:nth-child(1){padding-right:2rem}
.detail .one>div:nth-child(2){padding-left:2rem}
.detail .one .img{background:var(--gray--);display: block;border-radius: 2rem;padding:2rem;}
.detail .one .main_img{background: var(--white--);border-radius: 2rem;padding:1rem 7rem;margin-bottom:2rem;}
.detail .one .main_img img{width: 100%;display: block;height: auto;}
.detail .one .main_img canvas{width: 100% !important;}
.detail .one .main_img_each{width: 100%;height: auto;display: flex !important;justify-content: center;align-items: center;}
.detail .one .nav_img{display: block;margin:0 1rem}
.detail .one .nav_img_each{display: block;background: var(--white--);border-radius: 1.25rem;cursor: pointer;position: relative;overflow: hidden;}
.detail .one .nav_img_each .three60{color: var(--green-color--);position: absolute;top:1rem;left:1rem;}
.detail .one .nav_img_each img{width: 100%;display: block;height: auto;}
.slick-track{display: flex;flex-wrap: wrap;overflow: hidden;}
.detail .one .nav_img.slick-initialized .slick-slide{margin:0 1rem;max-width: 20% !important;}
.detail .one .nav_img.slick-initialized .slick-slide .nav_img_each{border:1px solid var(--white--)}
.detail .one .nav_img.slick-initialized .slick-current .nav_img_each{border-color: var(--green-color--);}
.detail .one .txt{display: block;padding-top:1.5rem}
.detail .one .txt .breadcum_nav{font-size:0.8rem;margin-bottom:1.4rem;display: block;}
.detail .one .txt .breadcum_nav a{color: var(--black-color--);}
.detail .one .detail_title h1{font-size:2.5rem;line-height: 105%;color: var(--black-color--);margin-bottom:0.5rem;}
.detail .one .detail_title p{font-size:1.1rem;margin-bottom:1rem;}
.detail .one .detail_title{border-bottom:1px solid #eee;}
.detail .one .detail_options{padding:1.5rem 0}
.detail .one .detail_options ul{list-style:none;padding:0;font-size:1.5rem;display: grid;grid-template-columns: repeat(2,1fr);margin-top:1.5rem}
.detail .one .detail_options li{margin-bottom:1.5rem;font-weight: 500;}
.detail .one .detail_options li:nth-child(odd){color: var(--black-color--);}
.detail .one .detail_options li:nth-child(even){color: #929190;}
.detail .one .detail_contact_btn{padding:2rem 0;border-bottom:1px solid #eee;border-top:1px solid #eee;text-align: center;}
.detail .one .detail_contact_btn a{display: inline-block;background: var(--green-color--);color: var(--white--);padding:1rem 6rem;border-radius: 2rem;}
.detail .related_product{margin-top:2rem;}

.contact{padding:5rem var(--default-padding--);display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 4rem;}
.contact .one{display: block;}
.contact .one h1{font-size:6rem;margin-bottom:2rem;color: var(--black-color--);}
.contact .one p{font-size:2rem;line-height: 3rem;margin-bottom:5rem;}
.contact .one a{font-size: 2rem;border-bottom:1px solid #eee;padding:2rem 0;color: var(--black-color--);display: flex;align-items: center;}
.contact .one a span{transition: 0.3s ease all;}
.contact .one a span:hover{transform: translateX(1rem);}
.contact .one a svg{stroke: var(--black-color--);margin-right:1.5rem;width: 2rem;height: 2rem;}
.contact .two{display: block;}
.contact .two form{display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;}
.contact .two form .w50{width: 49%;}
.contact .two form .w100{width: 100%;}
.contact .two form label{display: block;width: 100%;font-weight: 500;margin-bottom:0.3rem}
.contact .two form input{width: 100%;padding:1rem 1.5rem;border-radius: 2rem;border:1px solid #eee;margin-bottom: 1.5rem;}
.contact .two form textarea{width: 100%;padding:1rem 1.5rem;border-radius: 2rem;border:1px solid #eee;margin-bottom: 1.5rem;resize:none}
.contact .two form button{background: var(--green-color--); color: var(--white--);padding:1rem 2.2rem;display: inline-block;border-radius:1.5rem;border:none}

.terms{padding:5rem var(--default-padding--);}
.terms h1{margin-bottom:2.5rem}
.terms h2{margin-bottom: 1rem;margin-top:1.5rem}
.terms p{margin-bottom:0.5rem;}
.terms a{color: var(--green-color--);font-weight: 600;}

@media only screen and (max-width : 767px) {

    html{font-size:1vw}
    .slider .slider_slick .sliderimg img{width: 100%;}
    .slider .slider_slick .each_slide .img{margin:0 2.5rem}
    .info .txt h2{font-size:3.2rem;}
    .brands .img_overlay{width: 20rem;}
    .brands .list .each p{font-size:1.5rem;width: 70%;}
    .listing_list{grid-template-columns: repeat(2,1fr);}
    .listing_list .each .top p{font-size:1.5rem}
    .listing_list .each .top span{font-size:1rem}
    .listing_list .each .bottom h2{font-size:2rem}
    .detail .one .main_img{padding:3rem 7rem}
    .detail .one .detail_options li{margin-bottom:1rem}
    .custom_select .select2-container--default .select2-selection--single{padding:0.5rem 2rem}
    /* .slider .txt p{font-size:1.5rem;}
    .info .txt p{font-size:1.5rem}
    header nav ul{font-size:1.5rem}
    .btn{font-size:1.5rem;padding:1.5rem 2.9rem;border-radius: 2.5rem;}
    .info .btn-outline{font-size:1.5rem;} */

}
@media only screen and (max-width : 480px) {

    :root{
        --default-padding--:3rem;
        --section-padding--:8rem 3rem;
    }
    html{font-size:1.5vw}
    body.menu-active header{height: 100vh;overflow-y: scroll;}

    .header_margin{margin-top:19.1rem}

    .breadcum{padding:4rem var(--default-padding--)}
    .breadcum h1{font-size:4rem;}
    .breadcum p{font-size:2rem}

    header .logo{width: 15rem;}
    header .top{font-size:1.5rem;}
    header .bottom{flex-wrap: wrap;}
    header nav{position: absolute;background:var(--white--);z-index: 100;width: 100%;left:0;padding:2rem var(--default-padding--);top:15.6rem;margin:0 auto;}
    header nav li.dropdown>a{display: flex;justify-content: center;}
    header nav li{text-align: center;}
    header nav a{font-size:2rem;text-align: center;border-bottom:1px solid #eee}
    .chevron div{width: 1.5rem;height: 1.5rem;}
    header nav{visibility: hidden;opacity: 0;transition: 0.3s ease all;}
    body.menu-active header nav{visibility: visible;opacity: 1;}
    header nav>ul{display: block;}
    header nav > ul > li{margin:0}
    header nav > ul > li a{padding:2.5rem 0;}
    header nav > ul > li a::after {display: none;}
    header nav .dropdown ul{position: static;padding:0;border:none;width: 100%;background:var(--gray--);border-radius: 0;transition: 0.3s ease all;}
    header .search{display: none;}
    header .mbl-menu-btn{display: block;width: 45px;height: 45px;outline: none}
    header .mbl-menu-btn div{display: flex;position: relative;}
    header .mbl-menu-btn div img{height:45px;width: 45px;outline: none}
    header .mbl-menu-btn img {position: absolute;top: 0;left: 0;padding: 8px;cursor: pointer}
    header .mbl-menu-btn img+img {opacity: 0;}
    header .mbl-menu-btn.open img{opacity: 0}
    header .mbl-menu-btn.open img+img {opacity: 1}

    .searchcontainer{display: block;position: static;visibility: visible;opacity: 1;padding:0;width: 100%;}
    .searchcontainer input,.searchcontainer button{border-width: 1px;padding:1.5rem 2rem;font-size:1.5rem;margin-top:1rem}
    .searchcontainer a{display: none;}

    .btn{font-size:2rem;padding:2rem 3rem;border-radius: 5rem;}
    .btn-outline{font-size:2rem;}
    .slider .slider_slick .each_slide .txt{width: 100%;text-align: center;margin-bottom:3rem}
    .slider .slider_slick .each_slide .img{width: 100%;margin:0}
    .slider .slider_slick{padding-top:19rem}
    .slider .slider_slick .each_slide{padding:5rem 0}
    .slider .txt p,.info .txt p{font-size:2rem}
    .slider .txt div{justify-content: center;}
    .slider .custom_arrows{display: none;}
    .slider{padding-bottom:5rem}
    .info{display: flex;flex-wrap: wrap-reverse;}
    .info>div{width: 100%;}
    .info .txt{text-align: center;margin:0 0 3rem 0}
    .info .img{margin:0}
    .separate_section .list{grid-template-columns: repeat(1,1fr);padding-top:5rem}
    .separate_section .list .each{margin-bottom:5rem;}
    .separate_section .list .each img{width: 7rem;}
    .separate_section .list h3{font-size:2.5rem;}
    .separate_section .list p{font-size:2rem}
    .brands .list{grid-template-columns: repeat(1,1fr);}
    .categories .list{grid-template-columns: repeat(1,1fr);}
    .categories .list .each .txt h4{font-size:2.5rem;}
    .filters .one{margin-bottom:3rem;}
    .filters .one p{font-size:2rem}
    .filters .two .active_filters{flex-wrap: wrap;}
    .filters .two .active_filters h3{font-size:2rem}
    .filters .two .active_filters span{font-size:1.5rem;}
    .filters .two .active_filters > a{font-size:2rem}
    .filters .two .filters_list{display: block;}
    .filters .two .filters_list>div{width: 100%;margin-bottom:3rem;font-size:2rem;}
    .filters .two .filters_list .custom_select > div{width: 100%;}
    .listing_list{grid-template-columns: repeat(1,1fr);}

    .contact{grid-template-columns: repeat(1,1fr);}
    .contact .two form .w50{width: 100%;}
    .contact .two form label{font-size:2rem;}
    .contact .two form input{padding:2rem 3rem;border-radius: 3rem;}
    .contact .one a{font-size:3rem}
}