@media (min-width: 1200px) {
    .container-full-right {
        margin-left: unset;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    .container-full-left{
        margin-right: unset;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    .header .menu .product-dropdown .dropdown-menu{
        width: 1110px !important;
    }
    .border-xl-end{
        border-right: 1px solid;
    }
}
@media (min-width: 992px) {
    .container-full-lg-right{
        margin-left: unset;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    .header .menu .product-dropdown{
        position: initial !important;
    }
    .header .menu .product-dropdown .dropdown-menu{
        left: 50%;
        transform: translateX(-50%);
        width: 930px;
    }
    .pt-lg-24{
        padding-top: 24px !important;
    }
    .product-card .heart-btn{
        opacity: 0;
        transition: all .3s;
    }
    .product-card:hover .heart-btn{
        opacity: 1;
    }
    .product-card .heart-btn:hover svg path,
    .product-detail .heart-btn-detail:hover svg path{
        stroke: var(--brand-dark);
    }
    .product-detail .details-content .navigation li .nav-link:hover{
        border-color: var(--shakespeare-500) !important;
    }
    .container-lg-full {
        width: calc(100vw - (100vw - 1280px) / 2);
    }
    header .header-search{
        margin-left: 48px;
    }
    .profile-main .profile-menu .nav-link.active{
        background-color: var(--shakespeare-50) !important;
        color: var(--brand-dark) !important;
    }
    .profile-main .profile-menu .nav-link:hover{
        color: var(--brand-dark) !important;
    }
    .profile-main .profile-menu .nav-link.active svg path,
    .profile-main .profile-menu .nav-link:hover svg path{
        stroke: var(--brand-mid) !important;
    }
    .h-lg-100{
        height: 100% !important;
    }
    .profile-main .empty-state{
        height: calc(100vh - 370px);
    }
    .wishlist-main .empty-state {
        height: calc(100vh - 280px);
    }
    .header .menu .hover-dropdown .dropdown-menu{
        box-shadow: 3px 12px 60px 0px rgba(0, 0, 0, 0.08);
        padding: 24px 28px;
        cursor: default;
        max-height: 575px;
        overflow: auto;
    }
    .header .menu .hover-dropdown:hover .dropdown-menu{
        display: block !important;
    }
    .header .menu .hover-dropdown:hover button span{
        color: var(--brand-mid) !important;
    }
    .header .menu .hover-dropdown:hover button svg path{
        stroke: var(--brand-mid) !important;
    }
    .header .menu .hover-dropdown:hover .dropdown-menu ul li a:hover,
    .header .user-dropdown-menu .dropdown-menu ul li a:hover{
        border-color: var(--shakespeare-100) !important;
        background-color: var(--shakespeare-50) !important;
        color: var(--neutral-800) !important;
    }
    .header .menu .hover-dropdown:hover .dropdown-menu ul li a:hover svg path,
    .header .user-dropdown-menu .dropdown-menu ul li a:hover svg path{
        stroke: var(--shakespeare-300);
    }
    header[data-state="isLogin"] .menu .hover-dropdown button:after{
        content: '';
        border-bottom: 2px solid transparent;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    header[data-state="isLogin"] .menu .hover-dropdown button{
        padding: 6px 0 !important;
    }
    header[data-state="isLogin"] .menu .hover-dropdown:hover button:after{
        border-color: var(--brand-mid);
    }
    .header .menu .expertise-dropdown .dropdown-menu{
        transform: translateX(-50%);
        left: 50%;
        min-width: 300px;
        padding: 16px 20px !important;
    }
    header[data-state="isLogin"] .menu li{
        padding-left: 0;
        padding-right: 0;
    }
    .header .menu a:hover{
        color: var(--brand-mid) !important;
    }
    .header .menu .hover-dropdown .dropdown-menu {
        box-shadow: 3px 12px 60px 0px rgba(0, 0, 0, 0.08);
        padding: 24px 28px;
    }
    .header .user-dropdown-menu .dropdown-menu{
        margin-top: 15px !important;
        min-width: 300px;
        padding: 16px 20px;
    }
    header[data-state="isLogin"] .header .menu{
        height: 36px !important;
    }
}
@media (min-width: 1400px) {
    .container-full {
        width: calc(100vw - (100vw - 1280px) / 2);
    }
    .header .menu .product-dropdown .dropdown-menu{
        width: 1290px !important;
    }
    /* .header .menu .product-dropdown .dropdown-menu .row{
        margin: 0 -28px;
    }
    .header .menu .product-dropdown .dropdown-menu .row .pro-drop-col{
        padding: 0 28px;
    } */
}
@media (min-width:576px) {
    .auth-modal .modal-content{
        border: 5px solid white;
    }
}
@media (min-width:768px) {
    .add-to-cart-btn .qty-minus:hover,
    .add-to-cart-btn .qty-plus:hover{
        border-color: var(--shakespeare-600) !important;
    }
    .cart-offcanvas .add-to-cart-btn .qty-minus:hover, .add-to-cart-btn .qty-plus:hover {
        border-color: var(--shakespeare-500) !important;
    }
    .product-card:hover .btn-add-cart{
        background-color: var(--brand-dark) !important;
        border-color: var(--brand-dark) !important;
    }
    .product-card:hover .btn-add-cart span{
        color: white !important;
    }
    .product-card:hover .btn-add-cart svg path{
        stroke: white !important;
    }
    .profile-main .pro-logout-btn{
        transition: all .3s;
    }
    .profile-main .pro-logout-btn:hover{
        border-color: var(--neutral-500) !important;
    }
    .border-md-end{
        border-right: 1px solid;
    }
}
@media (max-width:1400px) {
    .sim-pro-container {
        width: calc(100vw - (100vw - 1046px) / 2 + 30px);
    }
}
@media (max-width:1440px) {
    .about-journey .story-img{
        width: 95%;
    }
}
@media (max-width:1400px) {
    .container-lg-full {
        width: calc(100vw - (100vw - 1080px) / 5);
    }
    .max-xl-text-20{
        font-size: 20px !important;
    }
    .max-xl-leading-24{
        line-height: 24px !important;
    }
    .product-list .products {
        padding: 0 50px;
    }
    .container-full {
        width: calc(100vw - (100vw - 1100px) / 2);
    }
    .product-detail .slider-for .slick-list {
        width: 300px !important;
        height: 300px !important;
    }
    .product-detail .details-content{
        padding-left: 48px;
        padding-right: 48px;
    }
    .max-xl-ml-24{
        margin-left: 24px !important;
    }
    .product-detail .left-content .slick-prev{
        margin-bottom: 3px;
    }
    .about-value-proposition .v-card{
        padding: 64px;
    }
    .checkout-web-modal .cus-col-right .pl-56{
        padding-left: 16px !important;
    }
    .checkout-web-modal .cus-col-left .pr-80{
        padding-right: 16px !important;
    }
}
@media (max-width:1200px) {
    h2 {
        font-size: 42px;
        line-height: 46px;
    }
    .max-xl-w-100{
        width: 100% !important;
    }
    .max-xl-pl-16{
        padding-left: 16px !important;
    }
    .max-xl-pr-16{
        padding-right: 16px !important;
    }
    .max-xl-mt-40{
        margin-top: 40px !important;
    }
    .max-xl-opacity-1{
        opacity: 1 !important;
    }
    .max-xl-position-static{
        position: static !important;
    }
    .max-xl-justify-center{
        justify-content: center !important;
    }
    .max-xl-pb-20{
        padding-bottom: 20px !important;
    }
    .why-choose-us, .custom-design {
        padding: 80px 0;
    }
    .value-proposition {
        padding: 20px 0 80px;
    }
    .valves-our-product .pro-card img {
        height: 280px;
    }
    .our-app {
        padding-top: 80px;
    }
    .header .logo img{
        width: 133px;
    }
    .header .gap-x-32{
        column-gap: 16px !important;
    }
    .header .btn-secondary-sim  {
        padding: 0 16px !important;
    }
    .header .btn-primary-sim  {
        padding-left: 16px !important;
        column-gap: 16px !important;
    }
    .header .menu{
        column-gap: 16px !important;
    }
    .header .menu li {
        padding: 0px 6px;
    }
    header:not([data-state="isLogin"]) .menu li button {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    header:not([data-state="isLogin"]) .header {
        height: var(--header-height-mob) !important;
    }
    .why-choose-us .why-img,
    .custom-design .custom-img{
        border-radius: 8px;
    }
    .why-choose-us .pl-80{
        padding: 20px 0 0 !important;
    }
    .certified .certified-card img {
        top: 10px;
    }
    .max-xl-flex-column-reverse{
        flex-direction: column-reverse !important;
    }
    .custom-design .custom-content-right{
        padding: 20px 0 0 !important;
    }
    .header .header-search input {
        width: 400px;
        padding-left: 45px;
    }
    header .header-search{
        height: 64px;
        display: flex;
        align-items: center;
    }
    .container-full {
        width: 100%;
    }
    .product-detail .slider-for .slick-list {
        width: 400px;
        height: 400px;
    }
    .mob-add-to-cart{
        backdrop-filter: blur(16px);
        box-shadow: 0px -3px 20px 0px rgba(0, 0, 0, 0.04);
    }
    .about-hero .title{
        font-size: 60px;
    }
    .about-hero[data-state="isHero"] {
        background-size: 100% 72%;
    }
    .faq-left-panel {
        width: 360px;
        padding: 48px 32px 48px 48px;
    }
    .faq-right-panel {
        padding: 48px 48px 16px;
    }
    .faq-left-panel .navigation {
        top: 100px;
    }
    .sim-pro-container {
        width: calc(100vw - (100vw - 866px) / 2 + 30px);
    }
    .valve-hero h1{
        font-size: 50px !important;
    }
    .select-address-block{
        display: block !important;
        visibility: visible !important;
        transform: none !important;
    }
    #checkoutModalWeb{
        display: none !important;
    }
    
}
@media (max-width:991px) {
    .container-lg-full {
        width: 100%;
    }
    .max-lg-mt-48{
        margin-top: 48px !important;
    }
    .max-lg-pt-48{
        padding-top: 48px !important;
    }
    .max-lg-pb-40{
        padding-bottom: 40px !important;
    }
    .max-lg-justify-start{
        justify-content: start !important;
    }
    .max-lg-position-absolute{
        position: absolute !important;
    }
    .max-lg-w-100{
        width: 100% !important;
    }
    .max-lg-mt-32{
        margin-top: 32px !important;
    }
    .max-lg-text-20{
        font-size: 20px !important;
    }
    .max-lg-leading-24{
        line-height: 24px !important;
    }
    .value-proposition .value-row .col-6 {
        padding: 0 16px;
    }
    .profile-main .empty-state{
        height: calc(100vh - 286px);
        padding-bottom: 0 !important;
    }
    .wishlist-main .empty-state {
        height: calc(100vh - 220px);
        padding-bottom: 0 !important;
    }
    .profile-main .profile-content {
        min-height: calc(100vh - 177px);
    }
    .why-choose-us,
    .home-our-product,
    .custom-design,
    footer,
    .oem-how-work {
        padding: 48px 0;
    }
    .certified .certified-card {
        padding: 48px 24px 16px;
    }
    .certified .certified-card img {
        top: 20px;
    }
    .value-proposition {
        padding: 0 0 48px;
    }
    .max-lg-flex-column-reverse{
        flex-direction: column-reverse !important;
    }
    .our-app .right-content{
        margin-bottom: 50px;
    }
    .our-app {
        padding-top: 48px;
    }
    .our-app .app-img{
        width: 500px;
        margin: auto;
        display: table;
        left: 40px;
    }
    .max-lg-mt-40{
        margin-top: 40px !important;
    }
    .max-lg-ml-0{
        margin-left: 0 !important;
    }
    header[data-state="isLogin"]:after,
    header[data-state="isLogin"] .isLogout{
        display: none !important;
    }
    header[data-state="isLogin"] .header,
    header[data-state="isLogin"] .header .left-content {
        height: var(--header-height-mob);
    }
    .header .menu-toggle,
    .header .cartBtn{
        height: 40px;
        width: 40px;
        padding: 0 !important;
    }
    header .header-search input{
        width: 100% !important;
    }
    header .mobile-menu{
        position: fixed !important;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        height: 100% !important;
        z-index: 9;
        background-color: white !important;
    }
    header .mobile-menu .drop-button[aria-expanded="true"] svg,
    header .mobile-menu .profile-dropdown-mob button[aria-expanded="true"] svg{
        transform: rotate(180deg);
    }
    header .tab-product-mob .tab-pane.active {
        display: block !important;
    }
    header .mobile-menu .drop-button[aria-expanded="true"] svg path{
        stroke: var(--brand-mid);
    }
    header .mobile-menu .menu-nav-item .dropdown-menu,
    header .mobile-menu .profile-dropdown-mob .dropdown-menu{
        position: inherit !important;
        transform: none !important;
        inset: initial !important;
    }
    header[data-state="isLogin"] .profile-section{
        display: block !important;
    }
    header[data-state="isLogin"] .login-section{
        display: none;
    }
    header .mobile-menu .profile-dropdown-mob .dropdown-menu{
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
    }
    .product-list .sort-filter-btn {
        height: 38px !important;
    }
    .product-list .products {
        padding: 20px;
    }
    .product-list .filter-list {
        position: fixed;
        width: 100%;
        background: white;
        z-index: 1;
        top: 130px;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
    }
    .product-detail .slider-for .slick-list {
        width: 100% !important;
        height: 100% !important;
    }
    .max-lg-pl-16{
        padding-left: 16px !important;
    }
    .max-lg-pr-16{
        padding-right: 16px !important;
    }
    .-max-lg-mr-16{
        margin-right: -16px !important;
    }
    .max-lg-order-1{
        order: 1 !important;
    }
    .max-lg-mt-auto{
        margin-top: auto !important;
    }
    .max-lg-text-12{
        font-size: 12px !important;
    }
    .max-lg-mb-8{
        margin-bottom: 8px !important;
    }
    .max-lg-barlow-regular{
        font-weight: 400 !important;
    }
    .max-lg-justify-center{
        justify-content: center !important;
    }
    .max-lg-mt-0{
        margin-top: 0 !important;
    }
    .max-lg-rounded-0{
        border-radius: 0 !important;
    }
    .max-lg-overflow-auto{
        overflow: auto;
    }
    .max-lg-p-0{
        padding: 0 !important;
    }
    .max-lg-h-100{
        height: 100%;
    }
    .max-lg-h-100vh{
        height: 100vh;
    }
    .max-lg-d-flex{
        display: flex !important;
    }
    .max-lg-d-block{
        display: block !important;
    }
    .max-lg-d-none{
        display: none !important;
    }
    .max-col-lg-6{
        flex: 0 0 auto !important;
        width: 50% !important;
    }
    .max-lg-flex-column{
        flex-direction: column !important;
    }
    .max-lg-mb-48{
        margin-bottom: 48px !important;
    }
    .product-detail .details-content .related-item .product-card{
        box-shadow: none !important;
        border: none !important;
        display: flex;
        column-gap: 12px;
    }
    .product-detail .details-content .related-item .product-card .pro-img{
        width: 84px;
        height: 84px;
    }
    .product-detail .details-content .related-item .product-card .product-card-body{
        margin-top: 0 !important;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .product-detail .details-content .related-item .product-card > div{
        padding: 0 !important;
    }
    .product-detail .details-content .related-item .pro-col{
        margin-bottom: 32px;
    }
    .profile-main .mob-profile-tab{
        position: fixed;
        top: 128px;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0;
    }
    .profile-main .mob-profile-tab .tab-content>.active{
        display: flex;
        flex-direction: column;
        overflow: auto;
    }
    .profile-main .profile-left-menu{
        background: linear-gradient(180deg, #F3F8FC -11.76%, #FFFFFF 44.33%);
        border: 5px solid white !important;
        padding: 24px 24px 0;
        outline: 1px solid var(--neutral-100);
    }
    .profile-main .profile-left-menu .nav-pills .nav-link{
        color: var(--neutral-800) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        height: 56px !important;
        border-bottom: 1px solid var(--neutral-100) !important;
        border-radius: 0 !important;
    }
    .profile-main .profile-menu {
        padding: 0 !important;
    }
    .profile-main .profile-left-menu .nav-pills .nav-link .mob-icon-mid path{
        stroke: var(--brand-mid) !important;
    }
    .profile-main .profile-left-menu .nav-pills .nav-link:last-child{
        border-bottom: 0 !important;
    }
    .profile-main {
        /* min-height: calc(100vh - 125px);
        height: 100%; */
        height: auto;
    }
    .lg-fixed-modal.modal.show {
        display: block;
        position: fixed;
        background: white;
        padding: 0 !important;
        top: 129px;
        transition: none !important;
        display: flex !important;
    }
    .lg-fixed-modal.modal .modal-dialog{
        max-width: 100% !important;
        min-height: 100% !important;
        margin: 0 !important;
        transition: none !important;
        transform: none !important;
        flex-direction: column;
        width: 100%;
        overflow: auto;
    }
    .lg-fixed-modal.modal .modal-content{
        box-shadow: none !important;
        border-radius: 0 !important;
        overflow: auto;
    }
    .lg-fixed-modal.modal.fade,
    .profile-main .mob-profile-tab .fade{
        transition: none !important;
    }
    .lg-fixed-modal .modal-footer{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0px -4px 16px 0px rgba(0, 0, 0, 0.04);
        background: white;
        padding: 12px 16px !important;
        z-index: 2;
    }
    .lg-fixed-modal .modal-header{
        position: sticky;
        top: 0;
        z-index: 1;
        background: white;
    }
    .lg-fixed-modal .modal-body{
        padding-bottom: 235px !important;
    }
    .track-order-modal div.modal-body{
        padding-bottom: 160px !important;
    }
    .profile-modal-open-body .modal-backdrop,
    .track-order-modal-open .modal-backdrop{
        background-color: transparent !important;
    }
    .profile-main .profile-address .active-address{
        display: flex;
        flex-direction: column;
        overflow: auto;
    }
    .about-hero .title{
        font-size: 40px !important;
        line-height: 48px;
    }
    .about-hero .title span:after {
        height: 48px;
    }
    .about-hero[data-state="isHero"] {
        background-size: 100% 75%;
        margin-bottom: 48px;
    }
    .about-our-team,
    .about-get-quote {
        padding: 48px 0;
    }
    .about-get-quote .get-quote {
        padding-left: 24px;
    }
    .contact {
        padding: 48px 0;
    }
    .faq-help .faq-help-content {
        padding: 48px 32px;
    }
    .faq-help{
        padding: 48px 0 !important;
    }
    .product-detail .left-content .slick-next, .product-detail .left-content .slick-prev{
        display: none !important;
    }
    .product-detail .details-content .sticky-nav {
        top: 100px;
    }
    .sim-pro-container {
        width: calc(100vw - (100vw - 630px) / 2 + 30px);
    }
    .valves-our-product {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .valves-our-product .pro-card .hover-text{
        display: none;
    }
    .valve-precision .gap-x-88{
        column-gap: 16px !important;
    }
}
@media (max-width:768px) {
    .max-md-text-24{
        font-size: 24px !important;
    }
    .max-md-border-bottom{
        border-bottom: 1px solid;
    }
    .max-md-py-24{
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .max-md-px-0{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .max-md-pl-16{
        padding-left: 16px !important;
    }
    .max-md-pr-16{
        padding-right: 16px !important;
    }
    .max-md-leading-28{
        line-height: 28px !important;
    }
    .max-md-mt-12{
        margin-top: 12px !important;
    }
    .max-col-md-12{
        flex: 0 0 auto !important;
        width: 100% !important;
    }
    .max-md-position-static{
        position: static !important;
    }
    .max-md-justify-center{
        justify-content: center !important;
    }
    .max-md-w-100{
        width: 100%;
    }
    .max-md-d-flex{
        display: flex !important;
    }
    .max-md-d-block{
        display: block !important;
    }
    .max-md-d-none{
        display: none !important;
    }
    .max-md-gap-x-16{
        column-gap: 16px !important;
    }
    .oem-how-work .work-card {
        background: #EAF2F5;
        padding: 64px 20px 20px;
    }
    .oem-how-work .work-card .num {
        font-size: 64px;
        line-height: 68px;
        top: -16px;
        right: 8px;
    }
    .oem-proven,
    .oem-system,
    .oem-facilities,
    .oem-value-proposition {
        padding: 48px 0;
    }
    .hero .title {
        font-size: 32px !important;
        line-height: 36px;
    }
    .hero .title span:after{
        height: 37px;
    }
    .hero .title span {
        margin: 0 -4px;
        padding: 0 4px !important;
    }
    .why-choose-us .px-80{
        padding: 20px 0px !important;
    }
    .home-our-product .our-pro-card, .oem-system .system-card {
        padding: 24px !important;
    }
    .value-proposition .value-row .col-6.pb-80{
        padding-bottom: 32px !important;
    }
    .get-quote {
        background-image: url('../assest/quote-mob.png');
        padding: 730px 0 60px;
        background-position: top;
    }
    footer .iso-img{
        margin: 40px 0;
    }
    .product-detail .slider-for .slick-list {
        height: 328px;
    }
    .max-sm-gap-x-40{
        column-gap: 40px !important;
    }
    .max-sm-pt-32{
        padding-top: 32px !important;
    }
    .lg-outer {
        max-width: 536px;
    }
    .delete-order-btn{
        position: absolute;
        top: 30px;
        right: 0;
    }
    .about-hero[data-state="isHero"] {
        background-size: 100% 77%;
        margin-bottom: 84px;
    }
    .about-get-quote .get-quote {
        padding: 550px 24px 60px;
    }
    .contact .c-card {
        padding: 24px;
    }
    .certified .certified-card {
        border-radius: 8px;
    }
    .sim-pro-container {
        width: calc(100vw - (100vw - 450px) / 2 + 30px);
    }
}
@media (max-width:575px) {
    .hero {
        padding: 72px 0;
    }
    .valve-precision .image-container{
        max-width: 100%;
        max-height: 100%;                                                   
    }
    .valve-precision .image-container {
        height: 350px;
    }
    .valves-our-product .pro-card img{
        height: 200px;
    }
    .testimonials-carousel-main{
        margin-right: -16px;
        margin-left: -16px;
    }
    .testimonials-carousel-main .owl-stage-outer{
        padding-left: 16px;
    }
    .testimonials .owl-stage{
        padding: 0 !important;
    }
    .max-sm-mt-2px{
        margin-top: 2px !important;
    }
    .max-sm-text-40{
        font-size: 40px;
    }
    .max-sm-leading-44{
        line-height: 44px !important;
    }
    .max-sm-py-12{
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    .max-sm-rounded-xl{
        border-radius: 12px !important;
    }
    .max-sm-py-16{
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .max-sm-py-40{
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .max-sm-w-130{
        width: 130px !important;
    }
    .max-sm-px-14{
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    textarea{
        height: 90px !important;
    }
    .max-sm-py-24{
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .max-sm-pb-32{
        padding-bottom: 32px !important;
    }
    .max-sm-pb-12{
        padding-bottom: 12px !important;
    }
    .max-sm-w-50p{
        width: 50%;
    }
    .max-sm-justify-between{
        justify-content: space-between !important;
    }
    .max-sm-gap-x-20{
        column-gap: 20px !important;
    }
    .max-sm-barlow-medium{
        font-weight: 500 !important;
    }
    .max-sm-text-12{
        font-size: 12px !important;
    }
    .max-sm-mt-32{
        margin-top: 32px !important;
    }
    .max-sm-mt-40{
        margin-top: 40px !important;
    }
    .max-sm-px-16{
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .max-sm-px-20{
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .max-sm-py-18{
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
    .max-sm-pb-100{
        padding-bottom: 100px !important;
    }
    .max-sm-text-14{
        font-size: 14px !important;
    }
    .max-sm-pt-20{
        padding-top: 20px !important;
    }
    .max-sm-text-16{
        font-size: 16px !important;
    }
    .max-sm-text-18{
        font-size: 18px !important;
    }
    .max-sm-text-24{
        font-size: 24px !important;
    }
    .max-sm-leading-16{
        line-height: 16px !important;
    }
    .max-sm-leading-22{
        line-height: 22px !important;
    }
    .max-sm-leading-24{
        line-height: 24px !important;
    }
    .max-sm-leading-26{
        line-height: 26px !important;
    }
    .max-sm-leading-28{
        line-height: 28px !important;
    }
    .max-sm-tracking-0{
        letter-spacing: 0px !important;
    }
    .max-sm-leading-32{
        line-height: 32px !important;
    }
    .max-sm-mb-12{
        margin-bottom: 12px !important;
    }
    .max-sm-mb-16{
        margin-bottom: 16px !important;
    }
    .max-sm-p-20{
        padding: 20px !important;
    }
    .max-sm-p-16{
        padding: 16px !important;
    }
    .max-sm-gap-x-8{
        column-gap: 8px !important;
    }
    .max-sm-mt-12{
        margin-top: 12px !important;
    }
    .max-sm-mt-16{
        margin-top: 16px !important;
    }
    .max-sm-w-100{
        width: 100% !important;
    }
    .max-sm-mt-4{
        margin-top: 4px !important;
    }
    .max-sm-mt-8{
        margin-top: 8px !important;
    }
    .max-sm-pl-2{
        padding-left: 2px !important;
    }
    .max-sm-pr-2{
        padding-right: 2px !important;
    }
    .max-sm-mt-24{
        margin-top: 24px !important;
    }
    .max-sm-px-0{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .max-sm-px-12{
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .max-sm-px-36{
        padding-left: 36px !important;
        padding-right: 36px !important;
    }
    .max-sm-pt-12{
        padding-top: 12px !important;
    }
    .max-sm-pb-24{
        padding-bottom: 24px !important;
    }
    .max-sm-pt-24{
        padding-top: 24px !important;
    }
    .max-sm-mt-0{
        margin-top: 0 !important;
    }
    .hero .hero-btn{
        width: 216px;
        margin: auto;
    }
    h2{
        font-size: 24px;
        line-height: 28px;
    }
    .our-app .app-img{
        width: 400px;
        left: 0;
    }
    .accordion-item{
        padding: 16px 0;
    }
    .home-our-product .our-pro-card {
        height: 186px;
    }
    .home-our-product .pro-img img{
        width: 160px;
    }
    .home-our-product .pro-img.valves-img img{
        width: 230px;
    }
    .testimonials .testimonials-carousel .item{
        padding: 20px 24px !important;
    }
    .testimonials,
    .competitor-valves {
        padding: 48px 0;
    }
    .get-quote {
        padding: 550px 0 48px;
    }
    .max-sm-h-40{
        height: 40px !important;
    }
    .max-sm-w-40{
        height: 40px !important;
    }
    .max-sm-leading-14{
        line-height: 14px !important;
    }
    .max-sm-text-20{
        font-size: 20px !important;
    }
    .max-sm-px-24{
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
    .max-sm-pt-0{
        padding-top: 0 !important;
    }
    .-max-sm-mr-16{
        margin-right: -16px !important;
    }
    .-max-sm-ml-16{
        margin-left: -16px !important;
    }
    .max-sm-pl-16{
        padding-left: 16px;
    }
    .max-sm-size-80{
        width: 80px !important;
        height: 80px !important;
    }
    .max-sm-size-32{
        width: 32px !important;
        height: 32px !important;
    }
    .max-sm-barlow-regular{
        font-weight: 400 !important;
    }
    .max-sm-barlow-semibold{
        font-weight: 600 !important;
    }
    .max-sm-pt-48{
        padding-top: 48px !important;
    }
    .product-list .products {
        padding: 16px;
    }
    .products .product-content.pb-80{
        padding-bottom: 24px !important;
    }
    .product-list .filter-list .list-padding {
        padding: 16px;
    }
    .product-detail .similar-products{
        margin-top: 0;
        padding: 40px 0;
    }
    .lg-outer {
        border-radius: 0;
        max-height: 100%;
    }
    .lg-next,
    .lg-prev{
        display: none !important;
    }
    .lg-outer .lg-img-wrap{
        padding: 16px;
    }
    .profile-main .mob-profile-btn{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0px -4px 16px 0px rgba(0, 0, 0, 0.04);
        background: white;
        padding: 12px 16px;
        z-index: 2;
    }
    .lg-fixed-modal .modal-body{
        padding-bottom: 210px !important;
    }
    .profile-main .rating.active{
        margin: 0 !important;
    }
    .track-order-modal ul li.active .date-time {
        display: flex !important;
        column-gap: 8px;
    }
    .delete-order-btn {
        top: 16px;
    }
    .auth-modal .modal-content{
        border-radius: 0;
        box-shadow: none;
        height: calc(100vh - var(--header-height-mob));
        overflow: auto;
        display: block;
        align-content: center;
    }
    .auth-modal .modal-dialog {
        transform: none !important;
        margin: 0;
        display: block;
        margin-top: var(--header-height-mob);
        width: 100%;
        max-width: 100%;

    }
    .auth-modal .modal-content .modal-body {
        padding: 32px 24px;
        flex: 0;
    }
    .auth-modal .modal-content .modal-header {
        padding: 20px 24px 0;
    }
    .auth-modal.modal{
        overflow: hidden;
    }
    .btn-close-modal {
        position: absolute;
        top: 24px;
        right: 24px;
    }
    .max-sm-login-modal-bg{
        background-image: url('../assest/modal-bg.png') !important;
    }
    .home-modal-open-body .modal-backdrop{
        background-color: transparent !important;
    }
    .about-hero[data-state="isHero"] {
        background-size: 100% 67%;
    }
    .about-hero[data-state="isHero"] {
        padding: 48px 0 0;
    }
    .about-hero {
        padding: 48px 0;
    }
    .about-value-proposition .v-card{
        padding: 32px 24px;
        border-radius: 8px !important;
    }
    .about-value-proposition .v-card svg{
        width: 24px;
        height: 24px;
    }
    .about-get-quote .get-quote {
        padding: 480px 24px 48px;
    }
    .about-get-quote .get-quote {
        border-radius: 12px !important;
    }
    .faq-right-panel {
        padding: 32px 0 16px;
    }
    .faq-right-panel .accordion-item {
        padding: 24px 0;
    }
    .faq-right-panel .accordion-button{
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .faq-right-panel .accordion,
    .term-right-panel .gap-y-64{
        row-gap: 48px !important;
    }
    .term-right-panel{
        padding-left: 24px !important;
    }
    .faq-help .faq-help-content{
        background-image: url('../assest/faq-help-mob.png');
    }
    .term-right-panel .page-section::marker {
        font-size: 20px !important;
    }
    .product-detail .details-content .sticky-nav {
        top: 116px;
        margin: 0 -16px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .products .product-content .pro-col {
        padding: 8px 2px;
    }
    .products .product-content .pro-row {
        margin: 0 -2px;
    }
    .product-card .rating-shape {
        width: 70px;
        height: 28px !important;
    }
    .sim-pro-container {
        width: 100%;
    }
    .valves-our-product {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}
@media (max-width:480px) {
    .open-cart-offcanvas .modal-backdrop {
        background-color: transparent !important;
    }
    .about-get-quote .get-quote {
        padding: 420px 24px 48px;
    }
}
@media (max-width:460px) {
    .get-quote {
        padding: 400px 0 48px;
    }
}
@media (max-width:360px) {
    .about-get-quote .get-quote {
        padding: 380px 24px 48px;
    }
}