@media (max-width: 2048px) {
    main {
        max-width:1810px!important;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 1800px) {
    .menu-container {
        font-size:17px!important
    }

    .banner-slider .slider.slider-for {
        width: 85%
    }
}

@media (min-width: 1600px) {
    .favorite-finds-slider .product-box,.recently-viewed-slider .product-box {
        max-width:100%;
        margin: 0 auto
    }

    .home-ban .ban-text {
        padding-left: 100px
    }
}

@media (max-width: 1600px) {
    .B2B-text,.MSE-text {
        font-size:27px;
        line-height: 27px
    }

    .cap-text h1 {
        font-size: 55px;
        line-height: 50px;
        padding: 20px 0
    }

    a.btn-book-demo {
        font-size: 19px;
        width: 200px;
        height: 50px
    }

    .tool-kit-box .nav-tabs .nav-item .nav-link {
        font-size: 23px;
        padding: 21px 10px
    }

    .menu-container {
        font-size: 16px!important
    }

    .souce-to-shelf-sec {
        padding: 126px 60px
    }

    ul.tool-box-list li {
        height: 100%
    }

    .hero-banner .tab-placeholder {
        width: 640px;
        height: 500px;
        left: 10%;
        padding: 64px
    }

    .col-box h3 {
        padding: 25px 0
    }

    footer .row>.col,footer .row>[class*=col-] {
        padding-right: 10px;
        padding-left: 10px
    }

    .banner-slider .slider.slider-for {
        max-width: 85%
    }

    .top-nav ul li a {
        font-size: 17px
    }

    .navbar-container {
        padding: 12px 20px
    }

    .search-box {
        left: 20px
    }

    .search-box button {
        width: 30px;
        height: 30px
    }

    .search-box input {
        padding: 2px 5px
    }

    .navbar-brand span {
        font-size: 28px
    }

    .head-right-group {
        top: 12px;
        right: 20px
    }

    .menu-container .nav-item {
        font-weight: 500
    }

    .section-title h2 {
        font-size: 35px;
        line-height: normal
    }

    .section {
        padding: 75px 0
    }

    .product-btn {
        font-size: 19px;
        height: 45px
    }

    .browse-categories .tl-box span {
        font-size: 19px
    }

    .browse-categories {
        padding: 120px 0
    }

    .smart-curations {
        padding: 100px 50px
    }

    .smart-curations .container-fluid {
        padding-left: 15px
    }

    .left-curation-box {
        margin-top: 0
    }

    .left-curation-box h3 {
        font-size: 28px;
        padding: 70px 40px
    }

    .left-curation-box h3 span {
        font-size: 42px
    }

    .left-curation-box p {
        font-size: 19px;
        line-height: 30px;
        padding: 70px 40px
    }

    .right-curation-box {
        margin: 0
    }

    .right-curation-box span {
        font-size: 21px;
        padding: 14px 28px
    }

    .right-curation-box img {
        position: static;
        transform: scale(.9)
    }

    footer h3 {
        font-size: 24px;
        letter-spacing: 2.4px;
        line-height: normal;
        margin-bottom: 23px
    }

    .f-txt-content p {
        font-size: 19px
    }

    .copyright-text {
        height: 90px;
        font-size: 19px
    }

    .hero-banner .nav-tabs .nav-link {
        font-size: 17px;
        letter-spacing: 2px;
        line-height: 75px;
        height: 75px
    }

    .hero-banner form .btn {
        font-size: 17px;
        letter-spacing: 2px;
        line-height: 70px;
        height: 75px
    }

    main {
        padding: 0 20px
    }

    .breadcrumb {
        padding: 6px 3px
    }

    .breadcrumb ul li {
        font-size: 19px
    }

    .page-title {
        font-size: 34px
    }

    .bree p {
        font-size: 16px;
        line-height: normal
    }

    .col2-left-layout h5 {
        height: 60px;
        line-height: 60px;
        font-size: 19px;
        font-weight: 600
    }

    .product-img .new-product,.product-img .agenda {
        font-size: 14px;
        font-weight: 400;
        padding: 9px 12px
    }

    .block-title {
        font-size: 19px
    }

    .block {
        font-size: 15px;
        padding: 20px 10px 0
    }

    .product-desc h6 {
        font-size: 19px
    }

    .product-desc .material {
        margin-bottom: 0;
        font-size: 19px
    }

    .product-desc .prod-gist {
        font-size: 14px
    }

    .product-desc .shades li {
        width: 28px
    }

    .pagi ul li a {
        font-size: 15px;
        width: 40px
    }

    .pagi ul li input {
        font-size: 23px;
        width: 50px;
        line-height: 48px;
        text-align: center
    }

    #product-infos.my-team .icon-oth a {
        font-size: 20px
    }

    #product-infos.my-team .icon-oth a.cre {
        font-size: 18px
    }

    #shop-page h2 {
        font-size: 34px
    }

    #shop-page h2 span {
        font-size: 27px
    }

    #shop-page h6 {
        font-size: 21px
    }

    #shop-page p {
        font-size: 20px
    }

    #shop-page .card-header button {
        font-size: 21px
    }

    #profile-info .links ul li a {
        font-size: 20px
    }

    #profile-info h2 {
        font-size: 32px
    }

    #profile-info h3 {
        font-size: 26px
    }

    #profile-info p {
        font-size: 26px
    }

    #profile-info .btns-del {
        font-size: 16px
    }

    #profile-info .select2-container--default .select2-selection--single .select2-selection__rendered {
        height: 45px;
        line-height: 40px;
        font-size: 26px
    }

    #profile-info .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 26px;
        line-height: 26px
    }

    #smart-info .rt p {
        font-size: 35px;
        line-height: normal
    }

    #smart-info .rt h3 {
        font-size: 23px
    }

    #profile-info p {
        margin-bottom: 36px
    }

    #profile-info .links ul li a {
        font-size: 18px;
        line-height: 60px
    }

    .breadcrumb {
        padding: 6px 0
    }

    .product-btn {
        font-size: 14px
    }

    .product-desc .prod-gist {
        font-size: 13px
    }

    .main-sub-menu .lasti.sign .bg-g .bg-w h3 {
        font-size: 12px
    }

    .main-sub-menu .lasti.sign .bg-g .bg-w h3 {
        font-size: 16px
    }

    .main-sub-menu .lasti.sign .bg-g .bg-w h4 {
        font-size: 18px
    }

    .main-sub-menu .lasti.sign .bg-g .bg-w h3 {
        font-size: 12px
    }

    .col2-left-layout .flider .item img {
        min-height: 100px
    }
}

@media (max-width: 1440px) {
    .tool-kit-box .nav-tabs .nav-item .nav-link {
        font-size:20px
    }

    .menu-container {
        font-size: 14px!important
    }

    .banner-caption-box {
        width: 578px;
        height: 426px;
        left: 10%
    }

    .cap-text h1 {
        font-size: 35px;
        line-height: 40px;
        padding: 15px 0 15px;
        letter-spacing: 6.3px
    }

    .cap-text {
        padding-top: 15px
    }

    .cap-bottom-text p {
        font-size: 20px;
        padding: 20px 0 0
    }

    .souce-to-shelf-sec {
        padding: 76px 20px
    }

    ul.tool-box-list li {
        padding: 0 10px;
        height: 323px
    }

    .tl-box p {
        font-size: 16px;
        line-height: 20px;
        min-height: 55px
    }

    .icon-box {
        margin-bottom: 25px
    }

    .in-map-image img {
        width: 78%
    }

    .book-a-demo .modal-body {
        padding: 60px 60px 25px
    }

    .footer-social-links li {
        margin-right: 7px
    }

    .banner-slider .slider.slider-for {
        max-width: 85%
    }

    .block {
        font-size: 15px
    }

    .navbar-brand span {
        font-size: 26px
    }

    .top-nav ul li a {
        font-size: 16px
    }

    .navbar-container {
        padding: 10px 18px
    }

    .search-box {
        left: 18px
    }

    .search-box button {
        width: 28px;
        height: 28px
    }

    .search-box input {
        padding: 1px 3px
    }

    .head-right-group {
        top: 10px;
        right: 18px
    }

    .head-right-group ul li {
        width: 45px;
        margin-right: 2px
    }

    .head-right-group ul li:last-child {
        margin-right: 10px
    }

    #product-infos.my-team .icon-oth a {
        font-size: 19px
    }

    #product-infos.my-team .icon-oth a.cre {
        font-size: 17px
    }

    #profile-info .m-order .table .lttts {
        display: none!important
    }

    #product-infos.my-team.favourite .icon-oth span.soci a img {
        max-height: 18px
    }

    #product-infos.my-team .icon-oth a.cre {
        font-size: 14px
    }

    #product-infos.my-team .icon-oth a.cre img {
        margin-right: 10px;
        margin-top: -7px;
        display: inline-block;
        vertical-align: middle
    }

    .bree p .dropdown-toggle {
        line-height: 38px;
        width: 100px
    }

    .bree p .dropdown-toggle.width-auto {
        line-height: 38px;
        width: auto;
        padding: 0 5px
    }

    #product-infos.my-team .linke a {
        margin-right: 7px;
        vertical-align: middle;
        margin-top: 6px
    }

    #product-infos.my-team .linke a img {
        max-width: 17px
    }

    #product-infos.my-team .linke a span {
        bottom: -9px;
        right: -7px;
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 9px
    }

    #product-infos.my-team .linke a:nth-child(2) span {
        bottom: -5px;
        right: -11px
    }

    #product-infos.my-team .linke a:nth-child(3) span {
        bottom: -6px;
        right: -7px
    }

    main.all-curate-grid {
        padding: 0 0 0 14px
    }

    .catologue-detail .select-box {
        flex-wrap: wrap
    }

    .catologue-detail .select_wrap {
        margin: 0 0 10px 10px
    }
}

@media (max-width: 1367px) and (min-width:992px) {
    .shortcuts-success ul li {
        padding:90px 0 0
    }

    .catalog-listing-params .container-fluid.clearfix {
        padding: 0 81px
    }

    .benefit .right .benefit-bottom-btn a {
        width: 180px
    }

    .saved-list-main .rfqUser .dropdown-toggle,.saved-list-main .rfqUser .dropdown .dropdown-item {
        width: 271px
    }
}

@media (max-width: 1366px) {
    main.all-curate-grid {
        padding:0 18px 0 33px
    }

    .header,main {
        padding: 0
    }

    .breadcrumb {
        padding: 6px 3px
    }

    .navbar-brand span {
        font-size: 25px;
        margin-top: 2px
    }

    .pagi ul {
        margin: 0
    }

    .pagi ul li a,.pagi ul li input {
        font-size: 20px;
        width: 45px;
        height: 45px;
        line-height: 25px
    }

    #profile-info {
        padding: 0 20px
    }
}

@media (max-width: 1280px) {
    .blog-sm-descr p br {
        display:none
    }

    .hero-banner .tab-placeholder {
        width: 550px;
        height: 450px;
        padding: 50px
    }

    .banner-caption-box::before {
        left: -122px
    }

    .tl-box h3 {
        font-size: 18px
    }

    .india-from-one-platform h2,.souce-to-shelf-sec h2,.subscription-section h2 {
        font-size: 32px;
        line-height: 36px
    }

    .subscr-head h3,#shop-page h2 span {
        font-size: 26px
    }

    footer h3 {
        font-size: 18px
    }

    .souce-to-shelf-sec h2,.india-from-one-platform h2 {
        padding: 20px 0;
        min-height: 50px
    }

    .footer-social-links {
        flex-wrap: wrap
    }

    .footer-social-links li {
        margin-right: 10px;
        margin-bottom: 10px
    }

    #shop-page h2 {
        font-size: 36px
    }

    #shop-page .card-header button {
        font-size: 21px
    }

    #shop-page h6,#shop-page p,#shop-page .inf h3,#shop-page .inf .rd-imgs .bgs,#shop-page .inf .dime p,#shop-page .inf .dime em.cst,#shop-page .inf span label,#shop-page .inf .noti p,#shop-page .inf .findi h3,#shop-page .inf .findi h3 span,#shop-page .ttd .bgs h5,#shop-page .bgs .infin {
        font-size: 18px
    }

    #shop-page .labels a {
        font-size: 16px
    }

    .block {
        font-size: 13px
    }

    #acco-info .last-div .link {
        margin-top: 10px
    }

    .col-left.sidebar,.smart-create .page-title,.favourite .page-title {
        padding-left: 15px
    }

    .col-left.sidebar.sp-none {
        padding-left: 0px!important
    }

    .saved-list-main .rfqUser .dropdown-toggle {
        margin-bottom: 10px
    }
}

@media (max-width: 1169px) and (min-width:768px) {
    .shortcuts-success ul li img {
        margin-bottom:30px
    }

    .shortcuts-success ul li {
        padding: 30px 0 0
    }

    .beautiful-together iframe {
        height: 400px
    }
}

@media (max-width: 1200px) {
    .hero-banner .tab-placeholder {
        width:500px;
        height: 450px;
        padding: 35px
    }

    .tool-kit-box .nav-tabs .nav-item .nav-link {
        font-size: 19px
    }

    .souce-to-shelf-sec,.subscription-section {
        padding: 50px 5px
    }

    a.btn-book-demo {
        margin-top: 50px
    }

    .smar-sol-logo {
        top: 10px
    }

    .product-img .agenda,.product-img .new-product {
        font-size: 15px
    }

    .product-box-wrapper .product-desc .agenda {
        font-size: 12px;
        min-width: 110px
    }
}

@media (max-width: 1169px) {
    .banner-caption-box {
        width:450px;
        height: 340px;
        left: 10%
    }

    .cap-text h1 {
        font-size: 30px;
        line-height: 30px;
        padding: 10px 0 10px
    }

    .B2B-text,.MSE-text {
        font-size: 20px;
        line-height: 30px
    }

    .cap-text::after {
        bottom: -22px
    }

    .cap-bottom-text p {
        font-size: 20px;
        line-height: 22px;
        padding: 10px 10px 0
    }

    a.btn-book-demo {
        font-size: 18px;
        width: 340px;
        height: 45px
    }

    .tl-box h3 {
        font-size: 16px;
        line-height: 22px
    }

    .icon-box {
        max-width: 140px;
        margin: 0 auto 25px
    }

    .white-box {
        width: 890px
    }

    ul.tool-box-list li {
        padding: 0 10px;
        height: 260px
    }

    .banner-caption-box::before {
        left: -74px;
        background-size: cover;
        height: 100px;
        width: 100px
    }

    .in-map-image::before {
        height: 102px;
        width: 100px
    }

    .subscr-head .level-title {
        font-size: 16px;
        line-height: 18px
    }

    .subscr-head h3 {
        font-size: 18px;
        line-height: 22px
    }

    .subscr-content h4 {
        font-size: 18px;
        line-height: 22px
    }

    .access-to {
        font-size: 14px
    }

    .access-to-list li {
        font-size: 16px;
        line-height: 18px
    }

    footer h3 {
        font-size: 16px;
        line-height: 20px;
        min-height: 40px
    }

    .f-txt-content p {
        font-size: 16px
    }

    .copyright-text {
        height: 50px;
        font-size: 16px
    }

    .subscribe-box {
        height: 100%;
        overflow: hidden
    }

    .subscr-content {
        height: 100%;
        min-height: 100px
    }

    .made-in-logo {
        left: -70px;
        bottom: 112px
    }

    .made-in-logo img {
        width: 110px
    }

    .smar-sol-logo img {
        width: 120px
    }

    main.all-curate-grid {
        padding: 0 4px 0 19px
    }

    #profile-info {
        padding: 0
    }
}

@media (max-width: 991px) {
    .blog-page>.blog-page {
        padding:0 15px
    }

    .most-popular-articles main {
        padding: 0
    }

    .hero-banner .tab-placeholder {
        left: 50%;
        margin-left: -250px
    }

    .tool-kit-box .nav-tabs .nav-item .nav-link {
        font-size: 18px
    }

    .breadcrumb {
        margin-top: 15px
    }

    .navbar-container {
        border: 0
    }

    .menu-container {
        border: 0;
        left: 0;
        width: 100%
    }

    .menu-container .nav-item {
        border-left: 0
    }

    .menu-container .nav-item .nav-link {
        padding: 10px 15px;
        justify-content: left
    }

    .hero-banner {
        background: #d9a598;
        height: 70vh;
        background-size: cover;
        background-position: center
    }

    .dark-pop .modal-content {
        padding: 40px
    }

    .dark-pop h2 {
        font-size: 24px
    }

    .dark-pop h3 {
        font-size: 21px
    }

    .dark-pop .modal-content {
        font-size: 17px;
        min-height: auto
    }

    .pop-form-wrapper .form-control {
        font-size: 16px
    }

    .pop-form-wrapper button {
        font-size: 17px
    }

    .btn-previous::before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px solid #fff;
        margin-top: 6px
    }

    .india-from-one-platform h2,.souce-to-shelf-sec h2,.subscription-section h2,.main-title {
        font-size: 24px;
        line-height: 30px
    }

    .smart-way-sec {
        padding: 50px 0 15px
    }

    .smart-way-sec p {
        font-size: 20px;
        line-height: 26px
    }

    .india-from-one-platform {
        padding: 50px 75px
    }

    .btn-white {
        font-size: 16px;
        line-height: 25px;
        max-width: 397px;
        height: 50px
    }

    ul.tool-box-list li {
        width: 50%
    }

    ul.tool-box-list li:nth-child(2),ul.tool-box-list li:nth-child(6) {
        border-right: 0
    }

    .white-box {
        width: 100%
    }

    .home-ware-brands-sec {
        padding: 50px 40px
    }

    .in-map-image {
        padding-bottom: 20px
    }

    .sub-text {
        font-size: 18px
    }

    .subscribe-box {
        height: auto;
        margin-bottom: 25px
    }

    .subscr-content {
        height: 100%;
        min-height: 370px
    }

    a.btn-book-demo {
        margin-top: 20px
    }

    .f-txt-content.pr-5 {
        padding-right: 15px!important
    }

    .footer-top {
        padding: 50px 15px
    }

    .col-box {
        border-right: 0
    }

    .book-a-demo .modal-body {
        padding: 45px 20px 25px
    }

    .book-a-demo .modal-body p {
        font-size: 18px;
        line-height: 28px
    }

    .book-a-demo .modal-body h2 {
        font-size: 24px;
        margin-bottom: 15px
    }

    .form-commom-design .select2-container--default .select2-selection--single .select2-selection__rendered,.form-commom-design .form-control {
        font-size: 16px
    }

    .form-commom-design {
        margin: 20px 0 0
    }

    .thanks-icon img {
        width: 180px
    }

    main.all-curate-grid {
        padding: 0 4px 0 23px
    }

    #sub-menu-009 ul li a,#sub-menu-008 ul li a {
        color: #383734!important;
        padding-left: 12px!important
    }
}

@media (max-width: 767px) {
    .factory-page-link a {
        background-color:#E0DCD6;
        width: 100%
    }

    .factory-page-link a img {
        position: absolute;
        right: 4px;
        top: 16px
    }

    .favorite-finds-slider.owl-padding,.recently-viewed-slider.owl-padding {
        padding: 0
    }

    .product-factory .section-title h2,.recently-viewed-sec .section-title h2 {
        padding-left: 0;
        line-height: 37px!important;
        margin-bottom: 0;
        font-size: 35px!important
    }

    .factory-page-link {
        position: relative;
        right: 0;
        top: 20px
    }

    .product-details-text-box-row .bg-change label {
        width: 30%;
        margin-bottom: 0
    }

    .product-details-text-box-row .left-side {
        padding: 0 10px;
        margin-bottom: 10px
    }

    .product-details-text-box-row .col-lg-6.right-side {
        padding: 0
    }

    .col-lg-6.right-coffe-table {
        padding-top: 160px
    }

    .lightbox-section img {
        max-width: 30.33%
    }

    .subscription-section .container {
        max-width: 100%
    }

    .f-txt-content {
        border-right: 0;
        margin-bottom: 35px
    }

    footer h3 {
        font-size: 16px;
        line-height: 20px;
        min-height: 20px;
        margin-bottom: 15px
    }

    .footer-top {
        padding: 50px 15px 0
    }

    .subscription-section .mt-5 {
        margin-top: 15px!important
    }

    .col-main {
        margin-top: 21px
    }

    #profile-info h3 img {
        max-width: 25px
    }

    #shop-page .notes .text-div textarea {
        font-size: 14px
    }

    #shop-page .notes .text-div h4 {
        color: #696F6A;
        font-weight: 700;
        font-size: 10px
    }

    #shop-page .notes .text-div .inf span {
        line-height: 22px;
        font-size: 12px;
        line-height: 30px
    }

    #shop-page .notes .text-div .inf span a img {
        max-width: 13px;
        margin-top: -5px;
        vertical-align: baseline
    }

    #profile-info .noti .switch .slider:before {
        height: 15px;
        width: 15px;
        bottom: 5px
    }

    #profile-info .noti .switch {
        width: 29px
    }

    #profile-info .noti input:checked+.slider:before {
        -webkit-transform: translateX(12px);
        -ms-transform: translateX(12px);
        transform: translateX(12px)
    }

    #profile-info .noti h3 {
        font-size: 14px
    }

    #brief-info .bg {
        padding: 20px 20px;
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    #brief-info .bg p {
        font-size: 13px
    }

    #brief-info .bg .img {
        bottom: auto!important;
        left: auto!important;
        top: -10px!important;
        right: -10px!important
    }

    #brief-info .bg .img img {
        max-height: 60px
    }

    #brief-info .bg p span {
        font-size: 15px
    }

    #brief-info .bddr {
        display: none
    }

    #brief-info .uplo.yel,#brief-info .uplo {
        width: 100%
    }

    #acco-info .card-header button .incs {
        display: inline-block;
        vertical-align: middle
    }

    #acco-info .card-header button a {
        display: inline-block;
        vertical-align: middle;
        margin-top: -7px!important
    }

    #acco-info .card-header button img {
        max-width: 15px
    }

    #acco-info .card-body {
        box-shadow: none
    }

    #acco-info .product-desc {
        padding-top: 15px
    }

    #product-infos.favourite .block {
        padding-left: 0
    }

    .col-left.sidebar {
        padding-bottom: 35px
    }

    .col2-left-layout .flider .item img.bddd {
        right: 0
    }

    .home-section .hero-banner {
        height: auto
    }

    .recommended-for-you-sec .owl-carousel .owl-nav button.owl-prev .fa-angle-left:before {
        background-image: url(https://d2quhe9tr7xmjd.cloudfront.net/assets/images/pre-pro-arrow-hover.svg)
    }

    .recommended-for-you-sec .owl-carousel .owl-nav button.owl-next .fa-angle-right::before {
        background-image: url(https://d2quhe9tr7xmjd.cloudfront.net/assets/images/next-pro-arrow-hover.svg)
    }

    .right-curation-box span {
        font-size: 18px;
        padding: 15px 15px
    }

    .smart-curations {
        padding-bottom: 70px!important
    }

    .right-curation-box img {
        transform: scale(1)!important
    }

    .right-curation-box {
        margin-bottom: 0!important
    }

    #product-infos.my-team .icon-oth a.cre {
        width: 100%
    }

    #shop-page .bgs .infin input {
        width: 150px
    }

    #shop-page h6,#shop-page p,#shop-page .inf h3,#shop-page .inf .rd-imgs .bgs,#shop-page .inf .dime p,#shop-page .inf .dime em.cst,#shop-page .inf span label,#shop-page .inf .noti p,#shop-page .inf .findi h3,#shop-page .inf .findi h3 span,#shop-page .ttd .bgs h5,#shop-page .bgs .infin {
        font-size: 15px
    }

    .home-section.signup .hero-banner {
        height: 75vh
    }

    .signup .navbar-dark .navbar-toggler {
        bottom: 3px
    }

    .flush-left-desk {
        padding-left: 15px
    }

    #profile-info .btns a {
        font-size: 17px;
        min-height: 73px;
        padding-top: 22px;
        padding-left: 60px
    }

    #profile-info .btns a img {
        left: 13px
    }

    #profile-info .btns a.call img {
        top: 61px;
        max-width: 45px
    }

    #profile-info .btns a.call {
        padding-left: 70px
    }

    #profile-info .btns a.reqe {
        padding-left: 70px
    }

    #profile-info .a-nurfind .nav-tabs .nav-link,#profile-info .a-nurfind .card-header button {
        font-size: 14px
    }

    #product-infos.smal-pages {
        padding-bottom: 60px!important
    }

    #product-infos .text-ed h2,#product-infos .text-ed h6 {
        font-size: 22px
    }

    #product-infos .text-ed p br {
        display: none
    }

    #product-infos .text-ed p {
        font-size: 16px;
        line-height: 26px
    }

    .home-new .banner-new h2 {
        font-size: 23px
    }

    .home-new .banner-new p {
        font-size: 16px
    }

    .home-new .built-info h2,.home-new .three-catalogues h2 {
        font-size: 24px
    }

    .home-new .browse-info h2 {
        font-size: 24px;
        margin-top: 30px
    }

    .home-new .built-info p {
        font-size: 17px
    }

    .home-new .info-steps-essen h2,.home-new .info-sneak h2,.home-new .info-work-retail h2,.home-new .info-support h2 {
        font-size: 30px
    }

    .home-new .product-btn,.home-new .info-steps-essen .product-btn {
        padding: 0 15px;
        font-size: 13px
    }

    .home-new .info-steps-essen .product-btn {
        margin-bottom: 20px
    }

    .home-new .info-support .bg {
        margin-bottom: 20px;
        height: inherit
    }

    .home-new .new-homepage .main-nav {
        padding-top: 0
    }

    .home-new .new-homepage .navbar-brand {
        padding: 0 15px
    }

    .home-new .new-homepage.header,.home-new .new-homepage .navbar-expand-lg {
        padding: 0 10px
    }

    .home-new .new-homepage .main-nav {
        padding-top: 20px
    }

    .home-new .new-homepage .navbar-brand {
        display: flex;
        border-right: 2px solid #F9F9F3;
        width: 50%;
        padding: 18px 5px;
        align-items: center;
        height: 72px;
        justify-content: center
    }

    .home-new .new-homepage .navbar-brand img {
        width: 78%!important;
        height: auto
    }

    .home-new .new-homepage .navbar-container {
        padding: 0 15px!important;
        border: 2px solid #F9F9F3;
        border-bottom: 0 none;
        padding-right: 0!important
    }

    .home-new .new-homepage .head-right-group {
        width: 50%
    }

    .home-new .new-homepage .head-right-group li {
        display: block;
        float: none;
        margin: 0
    }

    .home-new .new-homepage .head-right-group ul {
        margin-bottom: 0
    }

    .home-new .new-homepage .head-right-group li a {
        display: block;
        text-align: center
    }

    .home-new .new-homepage .head-right-group li:first-child a {
        border-bottom: 2px solid #F9F9F3
    }

    .home-new .new-homepage .head-right-group li a.f-trial {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    #profile-info .s-left {
        padding-left:15px
    }

    #profile-info .links ul li a {
        font-size: 15px;
        padding-left: 15px
    }

    #profile-info p {
        word-break: break-all
    }

    #profile-info h2 {
        font-size: 23px
    }

    #profile-info h3 {
        font-size: 18px
    }

    #profile-info p {
        font-size: 15px
    }

    #profile-info .links ul {
        margin-bottom: 40px
    }

    #profile-info .members p.t-ad {
        margin-bottom: 40px
    }

    #profile-info .m-order .table thead th {
        font-size: 17px
    }

    #profile-info .m-order .table tbody td,#profile-info .m-order .table tbody td a {
        font-size: 15px
    }

    #profile-info .select2-container--default .select2-selection--single .select2-selection__rendered,#profile-info .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-size: 17px
    }

    #profile-info .noti .switch {
        margin-right: 5px;
        vertical-align: middle
    }

    #profile-info .noti h3 {
        font-size: 15px
    }

    .smart-curations .container-fluid {
        padding-left: 15px
    }

    .left-curation-box h3 {
        font-size: 20px;
        letter-spacing: 3.6px;
        padding: 82px 20px
    }

    .left-curation-box p {
        font-size: 17px;
        letter-spacing: 2px;
        line-height: 1.6;
        padding: 60px 40px
    }

    .right-curation-box {
        margin-left: 0;
        margin-bottom: -71px;
        border: none
    }

    .right-curation-box span {
        font-size: 20px;
        width: 100%
    }

    .navbar-container {
        padding: 16px 0
    }

    .search-box {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        margin-bottom: 10px
    }

    .head-right-group {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        position: relative;
        right: 0;
        margin-top: 15px
    }

    .head-right-group ul {
        padding: 0
    }

    .navbar-dark .navbar-toggler {
        top: auto;
        bottom: 18px;
        right: 32px
    }

    .hero-banner {
        height: inherit
    }

    .owl-carousel .owl-dots {
        bottom: 15px
    }

    .owl-carousel .owl-dots .owl-dot {
        margin: 0 5px;
        padding: 0;
        width: 10px;
        height: 10px
    }

    .section-title h2 {
        font-size: 20px;
        line-height: 34px
    }

    .pro-btn-dv .product-btn {
        margin-top: 20px
    }

    .browse-categories {
        padding: 70px 0 70px 0
    }

    .left-curation-box h3 span {
        font-size: 21px
    }

    .right-curation-box img {
        position: relative;
        transform: scale(1.11);
        left: 0;
        top: 0
    }

    main,.footer {
        overflow: hidden
    }

    .page-title {
        font-size: 28px
    }

    #profile-info .btns-del {
        line-height: 52px;
        min-width: 145px;
        font-size: 13px
    }

    .breadcrumb ul li {
        font-size: 14px
    }

    label.container {
        min-width: 82px
    }

    #part-info .bg {
        padding: 50px 20px;
        padding-top: 40px
    }

    .none-small {
        padding: 0
    }

    #shop-page .card-header button {
        font-size: 14px!important
    }

    #shop-page .inf span label {
        width: auto;
        min-width: 32px;
        padding: 0 5px;
        float: left;
        font-size: 14px!important
    }

    #shop-page .inf span input {
        line-height: 34px;
        width: 46px;
        font-size: 14px
    }

    #shop-page h4 input {
        width: 100%;
        margin-bottom: 10px
    }

    #shop-page .inf .rd-imgs .bgs img {
        width: 24px;
        height: 34px
    }

    #shop-page .inf .dime em.cst {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px
    }

    #shop-page .link {
        font-size: 9px;
        margin-top: 5px;
        margin-bottom: 15px
    }

    #shop-page .btns a.add-cart {
        font-size: 16px
    }

    #shop-page .product-item {
        margin-top: 40px
    }

    .header,.navbar-expand-lg {
        padding: 0 0
    }

    .navbar-container {
        padding-bottom: 0
    }

    .main-sub-menu {
        position: relative;
        top: 0;
        left: 0;
        width: 100%
    }

    .main-sub-menu .sub-row {
        padding: 35px 15px
    }

    .main-sub-menu .menu-column {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        padding-right: 0%;
        text-align: center
    }

    .main-sub-menu .menu-column .menu-img {
        display: inline-block
    }

    .main-sub-menu .menu-column {
        margin-bottom: 20px
    }

    .section {
        padding: 50px 0px!important
    }

    .top-nav ul li a {
        font-size: 18px
    }

    .head-right-group ul li {
        margin: 0 20px
    }

    .navbar-dark .navbar-toggler {
        right: 0
    }

    #smart-info .rt h3 {
        margin-top: 50px
    }

    #smart-info .bg-last {
        height: 300px
    }

    #smart-info .b-right {
        border-right: none
    }

    #smart-info .bdd {
        border-bottom: 1px solid #2E3831
    }

    #smart-info .links ul li a {
        font-size: 14px;
        padding-left: 16px
    }

    .flush-left-desk {
        padding-left: 15px
    }

    .modal #manufacturer {
        width: 100%
    }

    #product-infos.my-team .product-item .product-img img {
        width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width:1169px) {
    .article-details h4,.article-list h4 {
        line-height:30px
    }

    .article-box .article-img,.most-popular-articles .article-box .article-img {
        height: 100%
    }

    #profile-info .links ul li a {
        font-size: 13px;
        padding-left: 13px
    }

    #profile-info h2 {
        font-size: 30px
    }

    #profile-info h3 {
        font-size: 24px
    }

    #profile-info p {
        font-size: 19px
    }

    #profile-info .s-left {
        padding-left: 30px
    }

    #profile-info .m-order .table thead th {
        font-size: 17px
    }

    #profile-info .m-order .table tbody td,#profile-info .m-order .table tbody td a {
        font-size: 15px
    }

    .owl-carousel .owl-dots {
        bottom: 30px
    }

    .owl-carousel .owl-dots .owl-dot {
        margin: 0 8px;
        padding: 0;
        width: 20px;
        height: 20px
    }

    .hero-banner {
        height: inherit
    }

    .browse-categories ul.tool-box-list li {
        border-bottom: 0
    }

    ul.tool-box-list li:nth-child(2),ul.tool-box-list li:nth-child(6) {
        border-right: 2px solid #2e3831
    }

    ul.tool-box-list li:nth-child(7),ul.tool-box-list li:nth-child(8) {
        border-bottom: 2px solid #2e3831
    }

    main,.footer {
        overflow: hidden
    }

    label.container {
        min-width: 67px
    }

    .block {
        padding-left: 10px;
        padding-right: 10px
    }

    #shop-page .labels a {
        font-size: 15px;
        min-width: 100px
    }

    #shop-page .card-header button {
        font-size: 16px
    }

    #shop-page .inf span {
        margin-bottom: 5px
    }

    #shop-page .btns a.add-cart {
        font-size: 18px
    }

    #shop-page h6 {
        font-size: 15px
    }

    #smart-info .links ul li a {
        font-size: 14px;
        padding-left: 16px
    }

    #smart-info .label {
        min-width: 140px;
        font-size: 10px
    }

    #profile-info .links ul li a {
        line-height: 61px;
        font-size: 14px
    }

    #brief-info .bg {
        min-height: 220px
    }

    #profile-info h3.deli {
        margin-bottom: 39px
    }

    #brief-info .bd-2,#brief-info .bd-4 {
        height: 165px
    }

    #brief-info .bd-1 {
        top: 25%;
        width: 83%
    }

    #brief-info .bd-2 {
        top: 30%
    }

    #brief-info .bddr {
        height: 14px;
        top: 90px;
        width: 72%
    }

    #brief-info .bd-3 {
        height: 14px;
        bottom: 30px
    }

    #brief-info .bg p span {
        font-size: 13px
    }

    #brief-info .bg p {
        font-size: 12px
    }

    #ship-details .tts p {
        font-size: 11px
    }

    #ship-details .tts p em {
        margin-right: 5px
    }

    #ship-details .tts .progress {
        width: 52px
    }

    #ship-details .learn {
        font-size: 8px;
        padding-right: 20px
    }

    #ship-details h4 {
        font-size: 15px
    }

    #ship-details .last a {
        line-height: 25px;
        min-width: 25px
    }

    #ship-details .last a img {
        max-height: 15px;
        padding: 0;
        position: relative;
        top: -2px
    }

    #ship-details .last a.req {
        padding: 0 20px;
        font-size: 10px
    }

    #product-infos.favourite .block {
        padding-left: 0
    }

    #product-infos.my-team.favourite .icon-oth a.cre {
        font-size: 14px
    }

    .col2-left-layout .spss .item {
        padding-top: 40px;
        padding-right: 2px
    }

    .col2-left-layout .sdlir .sds,.col2-left-layout .sdlir .fds {
        margin-top: -32px
    }

    .col2-left-layout .flider .bgs-info {
        padding: 20px;
        position: absolute;
        top: -40px;
        left: -39px;
        z-index: 9
    }

    .col2-left-layout .flider .bgs-info p {
        font-size: 9px;
        margin-bottom: 10px
    }

    .col2-left-layout .flider .bgs-info h2,#product-infos.smart-cura .col2-left-layout #syncs1-3.flider .bgs-info h2 {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 5px
    }

    .col2-left-layout .flider .bgs-info h6 {
        font-size: 11px
    }

    .col2-left-layout .flider .bgs-info .l-btn {
        font-size: 10px;
        line-height: 30px
    }

    .col2-left-layout .flider .bgs-info h2 span {
        font-size: 11px;
        font-weight: 600
    }

    .page-title {
        font-size: 25px
    }

    #shop-page .notes .text-div textarea {
        font-size: 14px
    }

    #shop-page .notes .text-div h4 {
        color: #696F6A;
        font-weight: 700;
        font-size: 10px
    }

    #shop-page .notes .text-div .inf span {
        line-height: 22px;
        font-size: 12px;
        line-height: 30px
    }

    #shop-page .notes .text-div .inf span a img {
        max-width: 13px;
        margin-top: -5px;
        vertical-align: baseline
    }

    .main-sub-menu .lasti.sign .bg-g {
        padding: 140px 10px 40px 10px
    }

    .main-sub-menu .lasti.sign .bg-g .bg-w h3 {
        font-size: 12px
    }

    .main-sub-menu .lasti.sign .bg-g .bg-w h4 {
        font-size: 18px
    }

    #product-infos.s-products .col2-left-layout .flider .bgs-info {
        top: -39px
    }

    #product-infos.s-products .v-all {
        margin-bottom: 40px
    }

    #product-infos .text-ed h2,#product-infos .text-ed h6 {
        font-size: 25px
    }

    #product-infos .text-ed p br {
        display: none
    }

    .home-new .banner-new h2 {
        font-size: 35px
    }

    .home-new .banner-new p {
        font-size: 16px
    }

    .home-new .built-info h2,.home-new .three-catalogues h2 {
        font-size: 35px
    }

    .home-new .browse-info h2 {
        font-size: 35px;
        margin-top: 30px
    }

    .home-new .built-info p {
        font-size: 17px
    }

    .home-new .info-steps-essen h2,.home-new .info-sneak h2,.home-new .info-work-retail h2,.home-new .info-support h2 {
        font-size: 35px
    }

    .home-new .info-sneak .bg-grey h3 {
        font-size: 18px
    }

    .home-new .product-btn,.home-new .info-steps-essen .product-btn {
        padding: 0 15px;
        font-size: 13px
    }

    .home-new .info-steps-essen .product-btn {
        margin-bottom: 20px
    }

    .home-new .info-support .bg {
        margin-bottom: 20px;
        height: inherit
    }

    .home-new .new-homepage .main-nav {
        padding-top: 0
    }

    .home-new .new-homepage .navbar-brand {
        padding: 0 15px
    }

    .home-new .info-support .bg h3 {
        font-size: 28px
    }

    .home-new .info-support .bg h3 span {
        font-size: 24px
    }

    .home-new .info-support .bg p {
        font-size: 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    section.article-pagination {
        padding-left:0!important;
        padding-right: 0!important
    }

    .most-popular-articles main {
        padding: 0
    }

    .main-sub-menu {
        position: relative;
        top: 0;
        left: 0;
        width: 100%
    }

    .main-sub-menu .sub-row {
        padding: 35px 15px
    }

    .main-sub-menu .menu-column {
        width: 33%;
        display: inline-block;
        vertical-align: top;
        padding-right: 0%
    }

    #smart-info .rt h3 {
        margin-top: 50px
    }

    .main-sub-menu .bg-g .labi {
        margin-left: -70px;
        width: 140px;
        font-size: 12px
    }

    .main-sub-menu .bg-g h3 {
        text-align: center;
        padding-left: 12px
    }

    .main-sub-menu .bts {
        margin-bottom: 40px
    }

    .main-sub-menu .bg-g .bg-w p {
        font-size: 14px
    }

    .main-sub-menu .menu-column.half-col {
        width: 100%
    }

    .main-sub-menu .bg-g {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1169px) {
    ul.tool-box-list li:nth-child(2),ul.tool-box-list li:nth-child(6) {
        border-right:0
    }

    ul.tool-box-list li:nth-child(5),ul.tool-box-list li:nth-child(6) {
        border-bottom: 2px solid #2e3831
    }

    #smart-info .label {
        min-width: 120px;
        font-size: 10px
    }

    #info-style label {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0
    }

    #profile-info .btns a {
        font-size: 17px;
        min-height: 73px;
        padding-top: 22px;
        padding-left: 60px
    }

    #profile-info .btns a img {
        left: 13px
    }

    #profile-info .btns a.call img {
        top: 61px;
        max-width: 45px
    }

    #profile-info .btns a.call {
        padding-left: 70px
    }

    #profile-info .btns a.reqe {
        padding-left: 70px
    }
}

@media (max-width: 575px) {
    .hero-banner .tab-placeholder {
        width:92%;
        left: 4%;
        margin-left: 0
    }

    .tool-kit-box .nav-tabs .nav-item .nav-link {
        font-size: 15px;
        padding: 19px 10px;
        border-left: 0
    }

    .tool-kit-box .nav-tabs .nav-item {
        flex: auto;
        width: 100%
    }

    .hero-banner .tab-placeholder {
        padding: 25px
    }

    .hero-banner .nav-tabs .nav-item {
        width: 100%
    }

    .hero-banner .nav-tabs .nav-link {
        font-size: 14px;
        line-height: 50px;
        height: 50px
    }

    .hero-banner #login input.form-control {
        height: 50px;
        font-size: 15px
    }

    .hero-banner form .btn {
        font-size: 15px;
        line-height: 40px;
        height: 50px
    }

    .hero-banner form input.form-control {
        height: 50px;
        font-size: 15px
    }

    .dark-pop .modal-content {
        padding: 10px
    }

    .pop-form-wrapper {
        margin: 50px 0 0
    }

    .dark-pop h2 {
        font-size: 16px
    }

    .dark-pop h3 {
        font-size: 16px
    }

    .dark-pop .modal-content {
        font-size: 14px
    }

    .pop-form-wrapper .form-control {
        font-size: 15px
    }

    .pop-form-wrapper button {
        font-size: 15px
    }

    .btn-previous::before {
        margin-top: 4px
    }

    .navbar-brand span {
        font-size: 23px
    }

    .smart-curations {
        padding: 15px
    }

    .navbar-dark .navbar-brand {
        line-height: 0
    }

    .navbar-brand img {
        width: 122px
    }

    .top-nav ul {
        justify-content: center
    }

    .top-nav ul li a {
        font-size: 16px
    }

    .top-nav ul li a:after {
        right: -10px;
        top: 5px
    }

    .hero-banner {
        height: 70vh
    }

    .banner-caption-box {
        width: 90%;
        left: 0;
        margin: 0 auto;
        text-align: center;
        right: 0
    }

    a.btn-book-demo {
        width: 220px
    }

    .banner-caption-box::before {
        left: -14px;
        background-size: cover;
        height: 60px;
        width: 60px
    }

    .india-from-one-platform h2,.souce-to-shelf-sec h2,.subscription-section h2,.main-title {
        font-size: 22px;
        line-height: 27px;
        letter-spacing: normal
    }

    ul.tool-box-list li {
        width: 100%;
        border-right: 0
    }

    .home-ware-brands-sec {
        height: 500px
    }

    .home-brand-typo p {
        font-size: 16px;
        line-height: 20px
    }

    .home-ware-brands-sec {
        padding: 50px 10px
    }

    .home-brand-slider.owl-carousel .owl-prev,.home-brand-slider.owl-carousel .owl-next {
        display: none
    }

    .home-brand-typo h2 {
        font-size: 24px;
        line-height: 25px;
        margin: 0 0 15px
    }

    .home-brand-slider li {
        height: 148px;
        padding: 25px
    }

    .india-from-one-platform {
        padding: 30px 0
    }

    .in-map-image img {
        width: 97%
    }

    .in-map-image::before {
        height: 72px;
        width: 70px;
        left: -10px
    }

    .subscr-content {
        min-height: 270px
    }

    .souce-to-shelf-sec,.subscription-section {
        padding: 30px 5px
    }

    a.btn-book-demo {
        margin-top: 5px
    }

    .made-in-logo {
        left: -12px;
        bottom: 192px
    }

    .made-in-logo img {
        width: 60px
    }

    .smar-sol-logo {
        top: 50px;
        left: 10px
    }

    .smar-sol-logo img {
        width: 60px
    }

    .thanks-icon img {
        width: 180px
    }

    .four-zero-four-page h1 {
        font-size: 72px;
        line-height: 80px
    }

    .four-zero-four-page p {
        font-size: 18px;
        line-height: 24px
    }

    a.go-to-home-btn {
        font-size: 16px;
        height: 45px;
        max-width: 170px
    }

    .four-zero-four-page {
        padding: 20px 0 50px
    }

    .page-title {
        font-size: 24px
    }

    .pagi ul {
        margin: 0
    }

    .pagi ul li {
        margin-left: 3px;
        margin-bottom: 5px
    }

    #shop-page h2 {
        font-size: 24px
    }

    #shop-page h2 span {
        font-size: 20px
    }
}

@media (max-width: 390px) {
    .product-row .cart-int-field {
        padding-left:89px!important
    }
}

@media (max-width: 360px) {
    .navbar-brand span {
        font-size:22px
    }
}

@media only screen and (min-width: 992px) {
    #sidebar-mobile {
        display:none
    }

    .bg-dark-green,.home-singlepage header {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 999
    }

    body {
        padding-top: 235px
    }

    body.shop-detail,body.wishlist {
        padding-top: 170px
    }

    body.home {
        padding-top: 99px
    }

    body.home-singlepage {
        padding-top: 50px
    }
}

@media only screen and (min-width: 1367px) {
    .col-left.col-lg-3.sidebar {
        max-width:22.8%;
        margin-right: 15px
    }

    @media only screen and (max-width: 1366px) and (min-width:1024px) {
        .col-left.col-lg-3.sidebar {
            max-width:23%!important;
            margin-right: 15px
        }
    }

    .our-favorite-finds.mt-70,.recommended-for-you.mt-70,.recently-viewed.mt-70 {
        padding: 0 50px
    }

    main {
        padding: 0 40px
    }

    .essential-catalog main {
        padding: 0 78px
    }

    .footer-top {
        padding: 70px 104px 75px 104px
    }

    .info-sneak {
        padding: 90px 0 80px 50px
    }

    main>main {
        padding: 0
    }
}

@media only screen and (min-width: 1920px) {
    body.shop-detail,body.wishlist {
        padding-top:170px
    }

    body {
        padding-top: 235px
    }

    body.home {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    #collapsibleNavbar {
        display:none
    }

    #sidebar-mobile {
        display: inline-block!important;
        width: 285px;
        position: fixed;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
        background: #FFF;
        z-index: 40005;
        box-shadow: 0 0 15px rgb(0 0 0 / 50%);
        -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 50%);
        -moz-box-shadow: 0 0 15px rgba(0,0,0,.5);
        -ms-box-shadow: 0 0 15px rgba(0,0,0,.5);
        -o-box-shadow: 0 0 15px rgba(0,0,0,.5);
        -webkit-transform: translateX(285px);
        -moz-transform: translateX(-285px);
        -ms-transform: translateX(-285px);
        -o-transform: translateX(-285px);
        transform: translateX(-285px);
        -webkit-backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        transition-duration: 0.3s
    }

    #sidebar-mobile.active {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        overflow-x: hidden
    }

    .search-box {
        display: none
    }

    #sidebar-mobile .search-box {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 10px
    }

    #sidebar-mobile .head-part {
        background: #313131;
        color: #fff;
        text-align: left;
        padding-left: 15px;
        padding-top: 5px;
        padding: 10px 15px
    }

    #sidebar-mobile .toggle {
        display: inline-block;
        position: relative;
        position: absolute;
        top: 10px;
        right: 1px;
        width: 35px;
        height: 35px
    }

    #sidebar-mobile .toggle::before,#sidebar-mobile .toggle::after {
        content: '';
        position: absolute;
        top: 20px;
        width: 20px;
        height: 2px;
        background-color: #fff
    }

    #sidebar-mobile .toggle::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 8px
    }

    #sidebar-mobile .mobi-acco {
        padding: 0
    }

    #sidebar-mobile .toggle::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 8px
    }

    #sidebar-mobile ul {
        list-style: none;
        display: inline-block;
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: left
    }

    #sidebar-mobile ul li .card {
        padding: 0;
        margin: 0;
        border: none;
        box-shadow: none;
        border-radius: 0;
        background: none
    }

    #sidebar-mobile ul li .card .card-header {
        padding: 0;
        margin: 0;
        border: none;
        box-shadow: none;
        border-radius: 0;
        background: none
    }

    #sidebar-mobile ul li a,#sidebar-mobile ul li .card .card-header .btn-link {
        display: inline-block;
        width: 93%;
        width: 100%;
        color: #000;
        font-size: 13px;
        padding: 0 12px;
        background: none;
        border-bottom: 1px solid #eaeaea;
        line-height: 35px;
        text-align: left;
        background: none;
        text-transform: uppercase;
        position: relative
    }

    #sidebar-mobile .main-sub-menu {
        display: block;
        border: none;
        border-radius: 0
    }

    #sidebar-mobile .card-body {
        padding: 0;
        background: none
    }

    #sidebar-mobile ul li .card .card-header .btn-link:after {
        content: '';
        width: 13px;
        height: 1px;
        background: #000;
        position: absolute;
        top: 16px;
        right: 14px
    }

    #sidebar-mobile ul li .card .card-header .btn-link.collapsed:before {
        content: '';
        width: 1px;
        height: 13px;
        background: #000;
        position: absolute;
        top: 10px;
        right: 20px
    }

    #sidebar-mobile ul li .card .card-header .btn-link.collapsed:after {
        content: '';
        width: 13px;
        height: 1px;
        background: #000;
        position: absolute;
        top: 16px;
        right: 14px
    }

    .main-sub-menu .menu-column {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        padding-right: 0%;
        text-align: center
    }

    .main-sub-menu .menu-column .menu-img {
        display: none
    }

    .main-sub-menu h3 {
        text-align: left;
        padding-left: 12px
    }

    .mt-70 {
        margin-top: 35px
    }

    .top-nav ul {
        display: flow-root;
        text-align: center
    }

    .top-nav ul li {
        display: inline-flex
    }

    .page-title {
        margin-top: 0
    }

    #profile-info {
        padding-bottom: 0
    }

    .error-not-found h1 {
        font-size: 72px
    }

    .error-not-found h2 {
        font-size: 30px!important
    }

    .home-link {
        font-size: 20px
    }

    .home-ban .ban-text h1,#MsMmSlider .col span h2,.benefit .right h2,.testimonial .left h2,.products-of-the-week h2,.shortcuts-success h2 {
        font-size: 40px;
        line-height: 50px
    }

    .home-ban .ban-text p {
        font-size: 16px;
        line-height: 22px
    }

    .nu-find-about p br {
        display: none
    }

    .nu-find-about {
        padding-bottom: 100px!important
    }

    #MsMmSlider .col span p {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .modal {
        text-align:center;
        padding: 0!important
    }

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px
    }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle
    }

    .bg-dark-green,.home-singlepage header,.not-loggedin header {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 999
    }
}

@media only screen and (min-width: 1440px) and (max-width:1600px) {
    #product-infos.p-grid-info {
        padding:0 14px!important
    }

    .catalog-product-listing #product-infos.p-grid-info {
        padding: 0 59px!important
    }
}

@media only screen and (min-width: 1366px) and (max-width:1400px) {
    #product-infos.p-grid-info {
        padding:0 33px!important
    }

    .catalog-product-listing #product-infos.p-grid-info {
        padding: 0 81px!important
    }
}

@media only screen and (min-width: 1170px) and (max-width:1230px) {
    #brief-info .labi {
        font-size:22px;
        padding: 0 40px
    }

    #shop-page .notes .text-div textarea {
        font-size: 14px
    }

    #shop-page .notes .text-div h4 {
        color: #696F6A;
        font-weight: 700;
        font-size: 10px
    }

    #shop-page .notes .text-div .inf span {
        line-height: 22px;
        font-size: 12px;
        line-height: 30px
    }

    #shop-page .notes .text-div .inf span a img {
        max-width: 13px;
        margin-top: -5px;
        vertical-align: baseline
    }

    #profile-info .btns a {
        font-size: 17px;
        min-height: 73px;
        padding-top: 22px;
        padding-left: 60px
    }

    #profile-info .btns a img {
        left: 13px
    }

    #profile-info .btns a.call img {
        top: 61px;
        max-width: 45px
    }

    #profile-info .btns a.call {
        padding-left: 70px
    }

    #profile-info .btns a.reqe {
        padding-left: 70px
    }
}

@media only screen and (min-width: 1367px) and (max-width:1600px) {
    #brief-info .smart-create {
        padding:0 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1440px) {
    #acco-info .text-div .inf {
        font-size:11px
    }

    #acco-info .text-div .inf span a img {
        max-width: 15px
    }

    #acco-info .last-div .link {
        font-size: 7px
    }

    #acco-info .text-div .inf span a {
        margin-left: 3px
    }

    #acco-info .last-div .link .lts {
        left: 3px
    }

    #profile-info .btns a {
        font-size: 17px;
        min-height: 73px;
        padding-top: 22px;
        padding-left: 60px
    }

    #profile-info .btns a img {
        left: 13px
    }

    #profile-info .btns a.call img {
        top: 61px;
        max-width: 45px
    }

    #profile-info .btns a.call {
        padding-left: 70px
    }

    #profile-info .btns a.reqe {
        padding-left: 70px
    }
}

@media only screen and (min-width: 1170px) and (max-width:1440px) {
    .main-sub-menu .lasti.sign .bg-g {
        padding:140px 10px 40px 10px
    }

    .main-sub-menu .lasti.sign .bg-g .bg-w h3 {
        font-size: 12px
    }

    .main-sub-menu .lasti.sign .bg-g .bg-w h4 {
        font-size: 18px
    }

    #brief-info .bg p span {
        font-size: 17px
    }

    #brief-info .bg p {
        font-size: 16px
    }

    #ship-details .tts p {
        font-size: 11px
    }

    #ship-details .tts p em {
        margin-right: 5px
    }

    #ship-details .tts .progress {
        width: 52px
    }

    #ship-details .learn {
        font-size: 10px;
        padding-right: 25px
    }

    #ship-details h4 {
        font-size: 15px
    }

    #ship-details .last a {
        line-height: 25px;
        min-width: 25px
    }

    #ship-details .last a img {
        max-height: 15px;
        padding: 0;
        position: relative;
        top: -2px
    }

    #ship-details .last a.req {
        padding: 0 20px;
        font-size: 10px
    }

    #product-infos.my-team .sidebar .icons-s a {
        font-size: 14px
    }
}

@media only screen and (min-width: 1441px) and (max-width:1600px) {
    .container-fluid.bread {
        max-width:100%;
        padding: 0 0
    }

    .menu-container .nav-item .nav-link {
        font-size: 15px!important
    }

    #product-infos.my-team .linke a {
        margin-right: 13px
    }

    .main-sub-menu .lasti.sign .bg-g .bg-w h4 {
        font-size: 23px
    }
}

@media (min-width: 576px) {
    .modal-dialog-centered::before,.modal-dialog-centered {
        height:inherit!important;
        min-height: inherit!important;
        width: 100%
    }
}

@media (max-width: 1280px) {
    .favourite .page-title {
        padding-left:0px!important
    }
}

@media only screen and (max-width: 767px) {
    .top-nav {
        min-height:0
    }

    .navbar-brand img {
        width: auto
    }

    label.container .checkmark {
        font-weight: 400;
        color: #A7A39F;
        font-size: 13px
    }

    label.container .checkmark.t4,label.container .checkmark.t5,label.container .checkmark.t8 {
        font-size: 12px
    }

    .recently-viewed-sec .section-title h2 {
        font-size: 25px
    }

    .none-small {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .lead-generati .exp-btn {
        line-height: 63px;
        font-size: 20px;
        padding: 0 35px
    }

    .home-new .new-homepage .head-right-group li a.f-trial {
        padding: 0 9px;
        font-size: 12px;
        margin-left: 0
    }

    .home-new .head-right-group ul li {
        margin: 0 4px
    }

    .home-new .new-homepage .head-right-group li a {
        font-size: 12px
    }

    .home-new .new-homepage .head-right-group {
        margin-top: 0;
        position: relative;
        top: -19px
    }

    #product-infos.tp-minus {
        margin-top: -45px
    }

    #profile-info.your-respository .collapse td {
        display: block!important;
        width: 100%!important
    }

    #profile-info.your-respository .collapse .qlcss td {
        display: table-cell!important;
        width: auto!important
    }

    #profile-info.your-respository .collapse td.spr {
        padding: 25px
    }

    #profile-info.your-respository .sub-qt {
        font-size: 16px
    }

    #profile-info.your-respository .hdr p {
        font-size: 14px
    }

    #profile-info.your-respository .card-header a {
        font-size: 15px;
        line-height: 20px;
        padding: 15px 15px;
        background-position: 95% 50%!important
    }

    #profile-info.your-respository .card-header a .labi {
        font-size: 11px;
        letter-spacing: .5px;
        padding: 0 7px
    }

    #profile-info.your-respository .collapse td.soci img {
        max-height: 31px
    }

    .home-new .info-steps-essen p {
        font-size: 19px
    }

    .home-new .info-steps-essen ul {
        font-size: 17px
    }

    .copyright-text {
        font-size: 13px
    }

    .edit-modal.wish-modal.thank- .brows-cont {
        font-size: 15px
    }

    #info-details .sp {
        padding: 30px 20px
    }

    #info-details p {
        font-size: 19px
    }

    #info-details {
        background: #F2EFED;
        padding: 40px 0
    }

    #info-details .table td:first-child {
        font-size: 18px
    }

    #info-details .table td,#info-details .table td p {
        font-size: 18px
    }

    .sidebar .f-left {
        margin-left: -15px
    }

    .slider-horizon .banner-slider .slider.slider-nav {
        padding-right: 0;
        background-color: transparent
    }

    .slick-vertical .slick-slide {
        margin-bottom: 0
    }

    .slider-horizon .slider-nav .slick-list.draggable {
        background-color: #F2EFED
    }

    .error-not-found h1 {
        font-size: 50px
    }

    .error-not-found h2 {
        font-size: 22px!important
    }

    .home-link {
        font-size: 14px
    }
}

@media only screen and (min-width: 768px) and (max-width:1180px) {
    .wishlist.list .saved-list-main .container-fluid {
        padding:0 15px
    }

    .name-label {
        width: 50%
    }

    .cart>main,.briefs>main,.quotes>main {
        padding: 0
    }

    .cart-product-row a.conf {
        margin: 4px 0
    }

    .main-slider-block h2 {
        font-size: 50px;
        line-height: 50px
    }

    .menu-container .nav-item .nav-link {
        line-height: 15px
    }

    .product-desc h6 {
        line-height: 20px
    }

    .catologue-detail img {
        object-fit: unset
    }

    .p-grid-info .col2-left-layout .spss .owl-item {
        width: 100%!important
    }

    .p-grid-info .col2-left-layout .spss.pr-0 {
        padding-right: 15px!important;
        margin-bottom: 0
    }

    .col2-left-layout .spss .item {
        padding-right: 3px
    }

    .product-factory .section-title h2,.recently-viewed-sec .section-title h2 {
        padding-left: 30px;
        font-size: 35px;
        max-width: 68%
    }

    .factory-page-link {
        right: 50px
    }

    .catologue-detail .select-box {
        flex-wrap: wrap;
        justify-content: end!important
    }

    .catologue-detail .select_wrap {
        margin: 0 0 10px 10px!important
    }
}

@media only screen and (min-width: 768px) and (max-width:1169px) {
    #profile-info .links ul li a {
        font-size:11px;
        background-size: 8px auto!important
    }

    label.container .checkmark {
        font-weight: 400;
        color: #A7A39F;
        font-size: 12px
    }

    label.container .checkmark.t4,label.container .checkmark.t5,label.container .checkmark.t8 {
        font-size: 10px
    }

    .home-new .new-homepage .head-right-group li a.f-trial {
        padding: 0 23px;
        margin-left: 10px;
        line-height: 28px;
        font-size: 13px
    }

    .navbar-dark .navbar-toggler {
        top: 11px;
        font-size: 1.45rem
    }

    .product-img .agenda {
        padding: 12px 10px;
        min-width: 90px
    }

    #profile-info.your-respository .collapse table td {
        display: block!important;
        width: 100%!important
    }

    #profile-info.your-respository .collapse .qlcss td {
        display: table-cell!important;
        width: auto!important
    }

    #profile-info.your-respository .hdr p {
        font-size: 14px
    }

    #profile-info.your-respository .card-header a {
        font-size: 15px
    }

    #profile-info.your-respository .card-header a .labi {
        font-size: 11px;
        letter-spacing: .5px;
        padding: 0 7px
    }

    .slider-horizon .slick-prev.slick-arrow {
        width: 100%;
        height: 42px;
        float: left
    }

    .slider-horizon .slick-next.slick-arrow {
        width: 100%;
        height: 42px;
        float: right;
        bottom: 0;
        right: 0;
        left: auto
    }

    #info-details .sp {
        padding: 60px 20px
    }

    #info-details .table td:first-child {
        font-size: 18px
    }

    #info-details .table td,#info-details .table td p {
        font-size: 18px
    }

    #shop-page .inf h3 {
        font-size: 14px;
        padding: 14px 8px;
        line-height: 20px
    }

    #syncs1.top-minu25 {
        margin-top: 10px
    }

    #product-infos .btnsr .v-all {
        font-size: 14px
    }

    #title-prod2 .bg h2 {
        font-size: 35px
    }

    #title-prod .bg-white h2 {
        font-size: 32px;
        margin: 51px 0
    }

    .sidebar .f-left {
        margin-left: -15px
    }

    #shop-page .inf .noti .file-upload-label {
        font-size: 18px;
        line-height: 20px
    }

    .col2-left-layout .spss .top-minu25 .item {
        margin-top: 0
    }
}

@media screen and (max-width: 991px) {
    .slick-arrow {
        top:0;
        bottom: 0;
        -webkit-transform: translateY(0%) rotate(0deg);
        -moz-transform: translateY(0%) rotate(0deg);
        -ms-transform: translateY(0%) rotate(0deg);
        transform: translateY(0%) rotate(0deg)
    }

    body.before-login-home {
        padding-top: 0
    }

    .wishlist.list .saved-list-main .container-fluid {
        padding: 0 15px!important
    }
}

@media only screen and (min-width: 1170px) and (max-width:1260px) {
    #profile-info .links ul li a {
        font-size:15px;
        padding-left: 15px
    }
}

.visible-xs {
    display: none!important
}

@media only screen and (max-width: 767px) {
    .bread-info.s-details {
        padding-top:35px
    }

    .navbar-container {
        padding: 15px!important
    }

    .navbar-dark .navbar-brand {
        width: 40%;
        margin: 0px!important;
        float: left
    }

    .head-right-group {
        width: 60%;
        position: unset!important;
        float: left;
        margin-top: 0px!important;
        text-align: right
    }

    .navbar-brand span {
        font-size: 19px!important
    }

    .head-right-group ul li {
        margin: 0 5px
    }

    .head-right-group img {
        max-height: 20px!important
    }

    #sidebar-mobile {
        background: #383734!important;
        padding: 5% 0;
        height: 100%
    }

    #sidebar-mobile .mobi-acco {
        padding: 0 15px!important
    }

    #sidebar-mobile ul {
        border: 2px solid #fff;
        border-bottom: 0
    }

    #sidebar-mobile ul li a,#sidebar-mobile ul li .card .card-header .btn-link {
        color: #fff;
        font-weight: 500;
        font-size: 20px;
        letter-spacing: 1px;
        text-transform: unset!important;
        border-bottom: 2px solid #fff
    }

    #sidebar-mobile ul li:nth-last-child(2) a,#sidebar-mobile ul li:last-child a {
        background: #688563!important;
        text-transform: unset!important
    }

    #sidebar-mobile ul li .card .card-header .btn-link.collapsed:before {
        display: none
    }

    #sidebar-mobile ul li .card .card-header .btn-link.collapsed:after,#sidebar-mobile ul li .card .card-header .btn-link:after {
        content: '';
        width: 13px;
        height: 1px;
        background: none;
        position: absolute;
        top: 9px;
        right: 10px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #fff
    }

    .none-small {
        padding: 0 15px!important
    }

    .none-small.product-details-box {
        padding: 130px 15px 0px!important
    }

    .main-sub-menu .sub-row {
        padding: 15px!important
    }

    .main-sub-menu h3 {
        padding-left: 0
    }

    .main-sub-menu h3 .btn-link {
        font-size: 17px;
        font-weight: 700;
        color: #383734;
        font-family: 'SofiaProBold';
        letter-spacing: 0;
        padding: 0
    }

    .main-sub-menu .menu-column {
        margin-bottom: 0
    }

    #sidebar-mobile .main-sub-menu ul {
        border: 0px!important
    }

    #sidebar-mobile .main-sub-menu ul li a {
        font-size: 17px;
        border: 0;
        padding-left: 0;
        letter-spacing: 0
    }

    #sidebar-mobile .main-sub-menu ul li:nth-last-child(2) a,#sidebar-mobile .main-sub-menu ul li:last-child a {
        background: #F2EFED!important;
        text-transform: unset!important
    }

    #sidebar-mobile ul li .card .card-header .btn-link.active {
        background: #F2EFED;
        color: #383734;
        text-decoration: none
    }

    #sidebar-mobile ul li .card .card-header .btn-link.active:after {
        content: '';
        width: 13px;
        height: 1px;
        background: none;
        position: absolute;
        top: 12px;
        right: 10px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-top: 8px solid #383734
    }

    .hidden-xs {
        display: none!important
    }

    .col2-left-layout .flider .item img.bddd {
        border: 0px!important
    }

    .product-img .new-product {
        font-size: 12px!important;
        padding: 5px 20px!important;
        min-width: unset!important
    }

    .product-img .agenda,.product-desc .agenda {
        font-size: 12px!important;
        min-width: 90px!important;
        padding: 5px 10px!important
    }

    .product-img .wishlist,.product-img .socio-share {
        width: 20px;
        height: 20px;
        background-repeat: no-repeat
    }

    .product-desc h6 {
        font-weight: 700
    }

    .product-desc {
        padding: 15px 12px 50px 15px
    }

    .product-desc .shades li {
        width: 20px
    }

    .col2-left-layout .sidebar.bg-white h5 {
        background: #E0DCD6;
        height: 40px;
        line-height: 40px;
        border-right: 2px solid #fff
    }

    .col2-left-layout .sidebar.bg-white h5 .btn-link {
        color: #383734;
        font-size: 15px;
        font-family: 'SofiaProBold';
        width: 100%;
        text-align: left;
        position: relative
    }

    .col2-left-layout .sidebar.bg-white h5 .btn-link::after {
        content: '';
        width: 13px;
        height: 1px;
        background: none;
        position: absolute;
        top: 12px;
        right: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-top: 8px solid #383734
    }

    .sidebar.bg-white .filter-bg {
        background: #F2EFED;
        width: 100%;
        display: inline-block
    }

    .sidebar.bg-white label.container {
        min-width: 33%;
        border-right: 1px solid #fff
    }

    .col2-left-layout .sidebar.bg-white h5.active {
        background: #383734
    }

    .col2-left-layout .sidebar.bg-white h5.active .btn-link {
        color: #fff!important;
        text-decoration: none
    }

    .col2-left-layout .sidebar.bg-white h5.active .btn-link:after {
        content: '';
        width: 13px;
        height: 1px;
        background: none;
        position: absolute;
        top: 12px;
        right: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-top: 8px solid #fff
    }

    .col-left.sidebar {
        padding-bottom: 0
    }

    .sidebar.bg-white .half-sec {
        width: 50%;
        float: right
    }

    .sidebar.bg-white.space-for-item .half-sec {
        width: 50%;
        float: left
    }

    .sidebar.bg-white.space-for-item .half-sec.mob-full-sec {
        width: 99%
    }

    .visible-xs {
        display: inline-block!important
    }

    .navbar-dark .navbar-toggler {
        position: unset!important;
        width: 54px;
        height: 45px;
        float: left;
        border-right: 0 solid #fff;
        border-radius: 0
    }

    .search-and-menu {
        width: 100%;
        border: 1px solid #fff;
        border-bottom: 0;
        float: left
    }

    .navbar-container {
        padding-bottom: 0px!important
    }

    .search-and-menu .search-box {
        width: calc(100% - 54px)!important;
        text-align: left;
        height: 31px;
        padding-left: 15px
    }

    .search-and-menu .search-box button {
        width: 20px!important;
        height: 20px!important;
        background-size: contain
    }

    .search-and-menu .search-box input {
        width: 85%;
        border-radius: 0!important
    }

    .col2-left-layout .spss .item {
        padding-top: 0
    }

    .slider-horizon .banner-slider .slider.slider-nav {
        width: 100%!important;
        height: 130px!important
    }

    .slider-horizon .slick-prev.slick-arrow,.slider-horizon .slick-next.slick-arrow {
        width: 30px;
        height: 130px
    }

    .slider.slider-nav.thumb-image {
        margin: 0px!important
    }

    .slider-horizon .slick-prev.slick-arrow {
        background: #E0DCD6 url(https://d2quhe9tr7xmjd.cloudfront.net/assets/images/arrow-black-left.png) 50% 50% no-repeat
    }

    .slider-horizon .slick-next.slick-arrow {
        background: #E0DCD6 url(https://d2quhe9tr7xmjd.cloudfront.net/assets/images/arrow-black-right.png) 50% 50% no-repeat
    }

    .slider-banner-image img.main-zooms,.show,.slider-banner-image {
        width: 100%!important;
        height: auto!important
    }

    .main-sub-menu .bg-g,.main-sub-menu .bg-g .bg-w {
        padding: 15px
    }

    .main-sub-menu .bg-g {
        margin-top: 15px;
        margin-bottom: 15px;
        padding-top: 200px
    }

    .main-sub-menu .bg-g .bg-w {
        height: auto
    }

    .main-sub-menu .bg-g .bg-w h3 {
        font-size: 15px;
        padding-left: 0px!important
    }

    .main-sub-menu .bg-g .bg-w h4 {
        font-size: 25px;
        padding-left: 0px!important
    }

    .p-grid-info .col2-left-layout .spss .owl-item {
        max-width: 100%!important
    }

    .product-desc .shades li a {
        width: 20px!important;
        height: 20px!important
    }

    .product-desc .shades li a img {
        height: 20px!important
    }

    .col-main {
        padding-left: 0
    }

    #sidebar-mobile ul li .nav-link.lifi {
        color: #F3F1EE;
        opacity: .5;
        background: none
    }

    #sidebar-mobile .box {
        display: inline-block;
        background: #383734;
        padding: 25px 15px;
        width: 100%
    }

    #sidebar-mobile .box h3 {
        font-family: 'UtopiaStdRegular';
        color: #F2EFED;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: 1.5px;
        line-height: 30px;
        opacity: 1
    }

    #sidebar-mobile .box .lock-btn1 {
        display: inline-block;
        background: #E7C15E;
        color: #fff;
        text-align: center;
        width: auto;
        line-height: 44px;
        font-size: 15px;
        letter-spacing: 1px;
        padding-right: 5px;
        font-family: 'SofiaProRegular';
        font-weight: 400;
        margin-top: 10px;
        border: 0;
        padding: 0 40px
    }

    #sidebar-mobile .box .lock-btn1 img {
        position: relative;
        top: -3px;
        margin-right: 5px
    }

    #shop-page .inf .noti .file-upload-label {
        font-size: 16px
    }

    .all-curate-grid {
        padding: 0 15px!important
    }

    .mpr-0 {
        padding-right: 0!important
    }

    .head-right-group ul li:last-child {
        margin-right: 5px
    }

    .head-right-group ul li:last-child img {
        max-height: 30px!important
    }

    .head-right-group ul li {
        width: 30px
    }

    .product-desc h6 {
        font-size: 14px
    }
}

@media only screen and (min-width: 768px) and (max-width:992px) {
    .home-section .main-slider-block .right-slide-carousel {
        padding:70px 20px 70px 40px
    }

    .home-section .main-slider-block .left-slide-text {
        padding: 0 0 0 20px
    }

    .main-slider-block h2 {
        font-size: 30px;
        line-height: 40px
    }

    .slider-horizon .banner-slider .slider.slider-nav {
        top: 0px!important
    }

    .slick-track {
        width: 100%!important
    }

    .slick-track .slick-slide {
        width: 100%!important
    }

    .slider-banner-image img {
        object-fit: contain!important
    }

    #sidebar-mobile {
        background: #383734!important;
        padding: 5% 0;
        height: 100%
    }

    #sidebar-mobile .mobi-acco {
        padding: 0 15px!important
    }

    #sidebar-mobile ul {
        border: 2px solid #fff;
        border-bottom: 0
    }

    #sidebar-mobile ul li a,#sidebar-mobile ul li .card .card-header .btn-link {
        color: #fff;
        font-weight: 500;
        font-size: 20px;
        letter-spacing: 1px;
        text-transform: unset!important;
        border-bottom: 2px solid #fff
    }

    #sidebar-mobile ul li:nth-last-child(2) a,#sidebar-mobile ul li:last-child a {
        background: #688563!important;
        text-transform: unset!important
    }

    #sidebar-mobile ul li .card .card-header .btn-link.collapsed:before {
        display: none
    }

    #sidebar-mobile ul li .card .card-header .btn-link.collapsed:after,#sidebar-mobile ul li .card .card-header .btn-link:after {
        content: '';
        width: 13px;
        height: 1px;
        background: none;
        position: absolute;
        top: 9px;
        right: 10px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #fff
    }

    .none-small {
        padding: 0 15px!important
    }

    .main-sub-menu .sub-row {
        padding: 15px!important
    }

    .main-sub-menu h3 {
        padding-left: 0
    }

    .main-sub-menu h3 .btn-link {
        font-size: 17px;
        font-weight: 700;
        color: #383734;
        font-family: 'SofiaProBold';
        letter-spacing: 0;
        padding: 0
    }

    .main-sub-menu .menu-column {
        margin-bottom: 0
    }

    #sidebar-mobile .main-sub-menu ul {
        border: 0px!important
    }

    #sidebar-mobile .main-sub-menu ul li a {
        font-size: 17px;
        border: 0;
        padding-left: 0;
        letter-spacing: 0
    }

    #sidebar-mobile .main-sub-menu ul li:nth-last-child(2) a,#sidebar-mobile .main-sub-menu ul li:last-child a {
        background: #F2EFED!important;
        text-transform: unset!important
    }

    #sidebar-mobile ul li .card .card-header .btn-link.active {
        background: #F2EFED;
        color: #383734;
        text-decoration: none
    }

    #sidebar-mobile ul li .card .card-header .btn-link.active:after {
        content: '';
        width: 13px;
        height: 1px;
        background: none;
        position: absolute;
        top: 12px;
        right: 10px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-top: 8px solid #383734
    }

    #sidebar-mobile ul li .nav-link.lifi {
        color: #F3F1EE;
        opacity: .5;
        background: none
    }

    #sidebar-mobile .box {
        display: inline-block;
        background: #383734;
        padding: 25px 15px;
        width: 100%
    }

    #sidebar-mobile .box h3 {
        font-family: 'UtopiaStdRegular';
        color: #F2EFED;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: 1.5px;
        line-height: 30px;
        opacity: 1
    }

    #sidebar-mobile .box .lock-btn1 {
        display: inline-block;
        background: #E7C15E;
        color: #fff;
        text-align: center;
        width: auto;
        line-height: 44px;
        font-size: 15px;
        letter-spacing: 1px;
        padding-right: 5px;
        font-family: 'SofiaProRegular';
        font-weight: 400;
        margin-top: 10px;
        border: 0;
        padding: 0 40px
    }

    #sidebar-mobile .box .lock-btn1 img {
        position: relative;
        top: -3px;
        margin-right: 5px
    }

    .slick-track .slick-slide {
        height: auto!important
    }

    .slick-list {
        height: 330px!important
    }

    .vehicle-detail-banner.banner-content.clearfix {
        height: 330px!important
    }

    .slider-banner-image {
        height: 330px!important
    }

    .slider-horizon {
        height: auto!important;
        max-height: 568px!important
    }

    .main-sub-menu .bg-g {
        padding-top: 240px!important
    }

    .main-sub-menu .bg-g .bg-w {
        height: auto!important
    }

    .slider-for .slick-slide.slick-current.slick-active {
        position: absolute!important;
        left: 0px!important
    }

    .navbar-brand img {
        height: 30px
    }

    .navbar-brand span {
        font-size: 21px
    }

    .search-box.visible-xs {
        display: block!important;
        left: 0
    }

    .p-grid-info .col2-left-layout .spss .owl-item {
        width: 100%!important
    }

    .p-grid-info .col2-left-layout .spss.pr-0 {
        padding-right: 15px!important;
        margin-bottom: 0
    }

    .slider-horizon .banner-slider .slider.slider-nav {
        height: 331px
    }

    .head-right-group ul li:last-child {
        margin-right: 15px
    }

    .head-right-group ul li:first-child {
        width: 37px
    }
}

.home-new .new-homepage .head-right-group li a {
    color: #fff!important
}

@media only screen and (max-width: 767px) {
    main.new-home .banner-new h2 span,main.new-home .banner-new h2 em {
        font-size:36px!important;
        line-height: 1.3!important;
        font-weight: 400
    }

    main.new-home .banner-new h2 {
        width: 100%
    }

    main.new-home .banner-new {
        padding: 50px 0
    }

    main.new-home .banner-new .btn {
        margin-top: 20px;
        width: 100%
    }

    main.new-home .what-we-do {
        background: #fff;
        padding: 50px 0
    }

    main.new-home .what-we-do .content {
        padding: 0 30px
    }

    main.new-home .what-we-do h4 {
        font-size: 20px
    }

    main.new-home .what-we-do p {
        font-size: 15px;
        line-height: 1.4
    }

    main.new-home .what-we-do .what-we-do-pic img {
        max-width: 130%;
        width: 130%;
        margin-left: -15%
    }

    main.new-home .bbb {
        padding: 100px 0
    }

    main.new-home .bbb img {
        max-width: 60%;
        display: block;
        margin: 0 auto 30px auto
    }

    main.new-home .bbb h4 {
        font-size: 20px;
        margin-bottom: 0
    }

    main.new-home .bbb p {
        margin-top: 0;
        font-size: 15px;
        width: 50%;
        line-height: 1.4;
        margin: 0 auto 30px auto
    }

    main.new-home .what-we-do.reverse {
        background: #fff;
        padding: 70px 0
    }

    main.new-home .what-we-do h5 {
        font-size: 15px;
        margin-bottom: 20px
    }

    main.new-home .what-we-do.reverse p {
        font-size: 12px
    }

    main.new-home .what-we-do.reverse p.mt-5 {
        margin-top: 0px!important;
        padding-top: 0px!important
    }

    main.new-home .what-we-do .btn {
        width: auto;
        font-size: 15px;
        height: 35px;
        line-height: 35px;
        padding: 0 20px;
        margin-right: 2px
    }

    main.new-home .benefits,main.new-home .bbb.bg-white,main.new-home .info-sneak,main.new-home .info-support {
        padding: 50px 0
    }

    main.new-home .benefits .card-title {
        font-size: 20px
    }

    main.new-home .benefits .card-details p {
        font-size: 12px
    }

    main.new-home .benefits .card {
        margin-bottom: 20px;
        height: auto
    }

    main.new-home .bbb.bg-white h3,main.new-home .bbb.bg-white h3 span {
        font-size: 25px
    }

    main.new-home .bbb.bg-white h4,main.new-home .info-support h2,main.new-home .info-support h2 em {
        margin-top: 0;
        font-size: 21px
    }

    main.new-home .bbb img {
        margin-bottom: 10px
    }

    main.new-home .bbb.bg-white p {
        margin-bottom: 40px
    }

    main.new-home .info-sneak h2,main.new-home .info-sneak h2 span {
        font-size: 21px;
        text-align: center
    }

    main.new-home .info-sneak h2 span {
        display: block
    }

    main.new-home .info-sneak .bg-grey h6,main.new-home .info-sneak .bg-grey p,main.new-home .info-support .head p {
        font-size: 15px
    }

    main.new-home .info-sneak .bg-grey h3 {
        font-size: 27px
    }

    main.new-home .info-support .bg {
        padding: 50px 20px
    }

    .xs-p-0 {
        padding-right: 0px!important
    }

    .benefits-slider .owl-item {
        height: 450px!important
    }
}

@media only screen and (min-width: 768px) and (max-width:1199px) {
    .hidden-xs {
        display:inline-block!important
    }

    main.new-home .banner-new h2 span,main.new-home .banner-new h2 em {
        font-size: 40px;
        line-height: 1.4
    }

    main.new-home .banner-new .btn {
        margin-top: 25px
    }

    main.new-home .banner-new,main.new-home .what-we-do .content {
        padding: 75px 0
    }

    main.new-home .banner-new .home-pic-new {
        margin-bottom: -100px
    }

    main.new-home .what-we-do h4 {
        font-size: 32px
    }

    main.new-home .what-we-do p {
        font-size: 24px
    }

    main.new-home .bbb {
        padding: 125px 0
    }

    main.new-home .bbb h4 {
        font-size: 28px;
        line-height: 1.4
    }

    main.new-home .bbb p {
        font-size: 20px
    }

    main.new-home .what-we-do.reverse .content {
        padding-left: 30px;
        padding-right: 0
    }

    main.new-home .what-we-do h5 {
        font-size: 24px
    }

    main.new-home .what-we-do.reverse p {
        font-size: 18px
    }

    main.new-home .what-we-do .btn {
        padding: 0 10px;
        margin: 0 5px 0 0;
        font-size: 16px;
        width: auto
    }

    main.new-home .what-we-do.reverse p.mt-5.pt-5 {
        margin-top: 0px!important
    }

    main.new-home .benefits,main.new-home .bbb.bg-white,main.new-home .info-sneak,main.new-home .info-support {
        padding: 75px 0
    }

    main.new-home .benefits .card-title,main.new-home .info-sneak .bg-grey h6 {
        font-size: 18px
    }

    main.new-home .benefits .card-details p,main.new-home .bbb.bg-white p {
        font-size: 16px
    }

    .benefits-slider .owl-item {
        min-height: 700px
    }

    main.new-home .bbb.bg-white h3,main.new-home .bbb.bg-white h3 span,main.new-home .info-sneak h2,main.new-home .info-sneak h2 span,main.new-home .info-support h2,main.new-home .info-support h2 em {
        font-size: 40px
    }

    main.new-home .bbb.bg-white h4 {
        margin-top: 30px;
        font-size: 24px
    }

    main.new-home .info-sneak .bg-grey h3 {
        font-size: 30px
    }

    .home-new .info-support .bg {
        padding: 40px 15px
    }

    .home-new .info-support .bg p {
        margin: 10px 0
    }

    body.home-singlepage {
        padding-top: 0
    }

    body.home-singlepage.salesCampaign-new {
        padding-top: 70px
    }
}

@media only screen and (max-width: 767px) {
    body.home-singlepage {
        padding-top:0
    }

    .home-new .new-homepage .head-right-group li a.f-trial {
        background: transparent
    }

    .home-new .new-homepage .head-right-group li:first-child a {
        background: #D19688
    }
}

@media only screen and (min-width: 767px) and (max-width:1024px) {
    .flush-mt-5 {
        margin-top:0px!important
    }
}

@media only screen and (max-width: 767px) {
    .col2-left-layout h5 {
        padding:0 10px!important
    }
}

@media (max-width: 1440px) {
    .blog-title-body,.four-image-listing,.article-tabs {
        max-width:1229px
    }
}

@media (max-width: 1367px) {
    .blog-title-body,.four-image-listing,.article-tabs {
        max-width:97.3%
    }

    .wishlist.list .saved-list-main .container-fluid {
        padding: 0 83px
    }
}

@media (max-width: 1169px) {
    .image-caption-t {
        height:116px
    }

    .image-caption-t h3 {
        font-size: 16px
    }

    .blog-title h1 {
        font-size: 36px
    }

    .blog-sm-descr p {
        font-size: 22px
    }

    .text-ar p {
        font-size: 16px
    }

    .whish-image-wrap {
        min-height: 349px
    }

    .whish-image-wrap .img-box .im-box {
        height: 161px
    }
}

@media (max-width: 992px) {
    .blog-title-body {
        min-height:400px
    }

    section.wide-text-block,.collection-block,.visit-block,.get-in-text {
        max-width: 500px
    }

    .image-caption-t {
        height: 86px
    }
}

@media (max-width: 600px) {
    .name-label {
        width:53%
    }

    .point-label {
        min-width: 70px
    }

    .blog-sm-descr p {
        font-size: 15px
    }

    .blog-title h1 {
        font-size: 24px
    }

    .blog-title-body {
        min-height: 290px;
        padding: 0 0 10px;
        margin: -24px auto 0
    }

    section.wide-text-block,.collection-block,.visit-block,.get-in-text,.blog-img-caption {
        max-width: 340px;
        padding: 20px 0 0
    }

    .image-caption-t {
        height: 86px
    }

    .blog-social-link {
        margin-top: 20px
    }

    .blog-img-caption span {
        font-size: 14px
    }

    .collection-block p,.get-in-text p {
        font-size: 16px
    }

    .collection-block h2,.visit-block h2,.get-in-text h2,.wide-text-block h2 {
        font-size: 24px!important
    }

    .blog-tabs .nav-link {
        font-size: 20px;
        padding: 0 14px 0
    }

    .article-images-list {
        display: flex;
        flex-wrap: wrap
    }

    .blog-art-box {
        max-width: 47%;
        margin: 0 5px 10px 5px
    }

    .wishlist .catologue-detail .select_wrap {
        margin: 0 0 3px 3px!important
    }

    .wishlist .catologue-detail .select_wrap .option {
        justify-content: center
    }

    body.blog-page.home-singlepage {
        padding-top: 150px!important
    }
}

@media only screen and (min-width: 1800px) and (max-width:1900px) {
    .products-of-the-week .bx-wrapper {
        padding-left:14%
    }

    .products-of-the-week .bx-wrapper .bx-prev {
        left: 242px
    }

    .products-of-the-week .bx-wrapper .bx-next {
        right: 242px
    }

    .catologue-detail .cat-detail-bottom-text {
        width: 95.2%
    }
}

@media only screen and (min-width: 1600px) and (max-width:1799px) {
    .products-of-the-week .bx-wrapper {
        padding-left:10%
    }

    .products-of-the-week .bx-wrapper .bx-prev {
        left: 150px
    }

    .products-of-the-week .bx-wrapper .bx-next {
        right: 150px
    }

    .catologue-detail .cat-detail-bottom-text {
        width: 95.2%
    }
}

@media only screen and (min-width: 1400px) and (max-width:1599px) {
    .home-ban .ban-text {
        width:1320px
    }

    .products-of-the-week .bx-wrapper {
        padding-left: 5%
    }

    .products-of-the-week .bx-wrapper .bx-prev {
        left: 62px
    }

    .products-of-the-week .bx-wrapper .bx-next {
        right: 62px
    }

    .catologue-detail .cat-detail-bottom-text {
        width: 95.2%
    }

    .catologue-detail.list-page-row .col-md-6.main-text-pad.left {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }

    .catologue-detail.list-page-row .col-md-6.right {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }

    .list-page-row .breadcrumb {
        margin-top: 0
    }
}

@media only screen and (min-width: 1350px) and (max-width:1399px) {
    .home-ban .ban-text {
        width:1140px
    }

    .how-it-work .right img {
        width: 100%
    }

    .products-of-the-week .bx-wrapper {
        padding-left: 9%
    }

    .nu-find-about ul li img {
        width: 100%;
        max-width: 140px
    }

    .products-of-the-week .bx-wrapper .bx-prev {
        left: 112px
    }

    .products-of-the-week .bx-wrapper .bx-next {
        right: 112px
    }

    .catologue-detail.list-page-row .col-md-6.main-text-pad.left {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }

    .catologue-detail.list-page-row .col-md-6.right {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }

    .list-page-row .breadcrumb {
        margin-top: 0
    }
}

@media only screen and (min-width: 1280px) and (max-width:1350px) {
    .home-ban .ban-text {
        width:1140px
    }

    .how-it-work .right img {
        width: 100%
    }

    .products-of-the-week .bx-wrapper {
        padding-left: 7%
    }

    .nu-find-about ul li img {
        width: 100%;
        max-width: 140px
    }

    .products-of-the-week .bx-wrapper .bx-prev {
        left: 81px
    }

    .products-of-the-week .bx-wrapper .bx-next {
        right: 81px
    }

    .how-it-work .right img {
        height: auto
    }

    .catologue-detail.list-page-row .col-md-6.main-text-pad.left {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }

    .catologue-detail.list-page-row .col-md-6.right {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }

    .list-page-row .breadcrumb {
        margin-top: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width:1279px) {
    .home-ban .ban-text {
        width:1140px
    }

    .how-it-work .right img {
        width: 100%
    }

    .products-of-the-week .bx-wrapper {
        padding-left: 4%
    }

    .nu-find-about ul li img {
        width: 100%;
        max-width: 140px
    }

    .products-of-the-week .bx-wrapper .bx-prev {
        left: 38px
    }

    .products-of-the-week .bx-wrapper .bx-next {
        right: 38px
    }

    .how-it-work .right img {
        height: auto
    }

    .catologue-detail.list-page-row .col-md-6.main-text-pad.left {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }

    .catologue-detail.list-page-row .col-md-6.right {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }

    .list-page-row .breadcrumb {
        margin-top: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1081px) {
    #MsMmSlider {
        height:450px
    }

    .main-nav .container-fluid,.beautiful-together .container-fluid,.shortcuts-success .container-fluid,.customer-service .container-fluid,.hand-picked .container-fluid.clearfix,footer .container-fluid,.home-singlepage header .container-fluid,.nu-find-about .container-fluid,.how-it-work .container-fluid,.benefit .container-fluid,.testimonial .container-fluid,.products-of-the-week .container-fluid {
        padding: 0 50px
    }

    .salesCampaign-new.home-new.home-singlepage #product-infos.p-grid-info,.most-popular-articles main {
        padding: 0 50px!important
    }

    .nu-find-about {
        padding-bottom: 100px!important
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .home-ban .ban-text {
        width:917px
    }

    .how-it-work .right img {
        width: 100%
    }

    .products-of-the-week .bx-wrapper {
        padding-left: 4%
    }

    .nu-find-about ul li img {
        width: 100%;
        max-width: 140px
    }

    .products-of-the-week .bx-wrapper .bx-prev {
        left: 30px
    }

    .products-of-the-week .bx-wrapper .bx-next {
        right: 30px
    }

    .catologue-detail h2 {
        font-size: 40px;
        line-height: 50px
    }

    .catologue-detail .select-box {
        padding-top: 5px
    }

    .catologue-detail .cat-detail-bottom-text {
        width: 93.6%
    }

    .how-it-work .right img {
        height: auto
    }

    .products-of-the-week ul {
        padding-left: 50px
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-next,.products-of-the-week .owl-carousel .owl-nav button.owl-prev {
        display: block
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-prev {
        left: 45px
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-next {
        right: 45px
    }

    .container-fluid {
        padding: 0 50px
    }

    .nu-find-about ul li {
        padding: 0 20px
    }

    .nu-find-about ul {
        padding-bottom: 0
    }

    .how-it-work {
        padding-top: 100px!important
    }

    .testimonial .left h2 {
        font-size: 34px;
        line-height: 45px
    }

    .benefit .right .benefit-bottom-btn {
        bottom: 26px
    }

    body {
        padding-top: 111px
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: 855px;
        object-fit: cover
    }

    .testimonial video {
        height: 100%!important
    }

    #MsMmSlider .col span p {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 0
    }

    .shortcuts-success ul li {
        padding: 45px 0 0
    }

    .customer-service .left .btn-group {
        left: 0;
        bottom: 0;
        position: relative
    }

    .customer-service .left p {
        font-size: 16px;
        line-height: 25px
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    ul.pagination li.previous a,ul.pagination li.next a {
        max-width:175px!important;
        width: 175px!important
    }

    .testimonial .right video,#MsMmSlider video {
        height: 100%
    }

    .benefit {
        padding: 100px 0!important
    }

    .testimonial {
        padding: 100px 0!important
    }

    .banner-carousel-animation {
        padding-top: 50px
    }

    .shop-detail .owl-carousel .icon-save .radio-tile-group,.catalog-listing-params .owl-carousel .icon-save .radio-tile-group,.catalog-product-listing.owl-carousel .owl-carousel .icon-save .radio-tile-group {
        height: 133px
    }

    .right-coffe-table form input[type=file]:before {
        width: 38px;
        text-indent: -9999px
    }
}

@media only screen and (min-width: 840px) and (max-width:991px) {
    #menu-toggle {
        display:block;
        float: right;
        padding: 28px 12px
    }

    .navbar-brand {
        line-height: 48px;
        padding: 14px 0
    }

    .caret {
        position: absolute;
        right: 20px;
        top: 20px
    }

    .how-it-work .right img {
        width: 100%
    }

    .nu-find-about ul li img {
        width: 100%;
        max-width: 100px
    }

    .how-it-work .left h2 {
        font-size: 45px;
        margin-bottom: 10px
    }

    .benefit .left img {
        width: 100%
    }

    .benefit .right h2 {
        font-size: 40px;
        line-height: 45px
    }

    footer .footer1 .col-md-3 {
        margin-bottom: 20px;
        width: 50%;
        float: left
    }

    .benefit .right .benefit-bottom-btn {
        bottom: 35px
    }

    .benefit .right .benefit-bottom-btn a {
        margin-bottom: 7px
    }

    .benefit .right p {
        font-size: 18px;
        line-height: 24px
    }

    .testimonial ul li h2 {
        font-size: 42px;
        line-height: 47px
    }

    .testimonial ul li h5 {
        font-size: 18px;
        line-height: 24px
    }

    .products-of-the-week .bx-wrapper .bx-prev {
        left: 148px
    }

    .products-of-the-week .bx-wrapper .bx-next {
        right: 148px
    }

    .catologue-detail h2 {
        font-size: 35px;
        line-height: 44px
    }

    .catologue-detail .select-box {
        padding-top: 5px
    }

    .catologue-detail .cat-detail-bottom-text {
        width: 91.2%
    }

    .catologue-detail .cat-detail-bottom-text h4 {
        font-size: 18px
    }

    .essential-catlogue-main .cat-detail-bottom-text {
        width: 93.2%
    }

    .how-it-work .right img {
        height: auto
    }

    body.home-new {
        padding-top: 57.5px
    }

    .products-of-the-week ul {
        padding-left: 50px
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-next,.products-of-the-week .owl-carousel .owl-nav button.owl-prev {
        display: block
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-prev {
        left: 45px
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-next {
        right: 45px
    }

    .container-fluid {
        padding: 0 50px
    }

    .nu-find-about ul li {
        padding: 0 20px
    }

    .nu-find-about ul {
        padding-bottom: 0
    }

    .how-it-work {
        padding-top: 40px!important
    }

    .benefit {
        padding: 40px 0!important
    }

    .testimonial {
        padding: 40px 0!important
    }

    .testimonial .left h2 {
        font-size: 34px;
        line-height: 45px
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: 440px
    }
}

@media only screen and (min-width: 768px) and (max-width:839px) {
    .benefit .right .benefit-bottom-btn a {
        width:105px
    }

    .icon-save .radio-tile-group .slick-arrow {
        top: auto;
        left: 0
    }

    .top-right {
        padding-right: 15px
    }

    #menu-toggle {
        display: block;
        float: right;
        padding: 28px 12px
    }

    .navbar-brand {
        line-height: 48px;
        padding: 0
    }

    .caret {
        position: absolute;
        right: 20px;
        top: 20px
    }

    .how-it-work .right img {
        width: 100%
    }

    .nu-find-about ul li img {
        width: 100%;
        max-width: 90px
    }

    .how-it-work .left h2 {
        font-size: 45px;
        margin-bottom: 10px
    }

    .benefit .left img {
        width: 100%
    }

    .benefit .right h2 {
        font-size: 40px;
        line-height: 45px
    }

    .home-ban .ban-text {
        padding: 0 50px
    }

    footer .footer1 .col-md-3 {
        margin-bottom: 20px;
        width: 50%;
        float: left
    }

    .benefit .right .benefit-bottom-btn {
        bottom: 32px
    }

    .benefit .right .benefit-bottom-btn a {
        margin-bottom: 7px
    }

    .benefit .right p {
        font-size: 18px;
        line-height: 24px
    }

    .testimonial ul li h2 {
        font-size: 42px;
        line-height: 47px
    }

    .testimonial ul li h5 {
        font-size: 18px;
        line-height: 24px
    }

    .products-of-the-week .bx-wrapper .bx-prev {
        left: 36px
    }

    .products-of-the-week .bx-wrapper .bx-next {
        right: 36px
    }

    .products-of-the-week .bx-wrapper {
        padding-left: 6%
    }

    .catologue-detail h2 {
        font-size: 35px;
        line-height: 44px
    }

    .catologue-detail .select-box {
        padding-top: 5px
    }

    .catologue-detail .cat-detail-bottom-text {
        width: 91.2%
    }

    .catologue-detail .cat-detail-bottom-text h4 {
        font-size: 18px
    }

    .products-of-the-week ul {
        padding-left: 20px
    }

    .how-it-work .right img {
        height: auto
    }

    body.home-new {
        padding-top: 57.5px
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-next,.products-of-the-week .owl-carousel .owl-nav button.owl-prev {
        display: block
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-prev {
        left: 15px
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-next {
        right: 45px
    }

    .container-fluid {
        padding: 0 20px
    }

    section.products-of-the-week .container-fluid {
        padding: 0 20px!important
    }

    #content .row-am {
        padding: 40px 0
    }

    .nu-find-about ul {
        padding-bottom: 0
    }

    .how-it-work {
        padding-top: 0px!important
    }

    .testimonial .left h2 {
        font-size: 34px;
        line-height: 45px
    }

    .catologue-detail.list-page-row .col-md-6.main-text-pad.left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .catologue-detail.list-page-row .col-md-6.right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .catologue-detail.list-page-row h2 {
        margin-bottom: 20px
    }

    .catologue-detail.list-page-row .select_wrap {
        margin: 0
    }

    body.home {
        padding-top: 120px
    }

    body {
        padding-top: 120px
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: 440px
    }

    #MsMmSlider .col>div>div {
        align-items: center
    }

    #MsMmSlider {
        height: 550px
    }

    #MsMmSlider .col span h4 {
        padding-top: 6px;
        margin-bottom: 0
    }

    .customer-service .left,.customer-service .right {
        width: 100%
    }

    .customer-service .left .btn-group {
        bottom: unset;
        position: relative
    }
}

@media only screen and (min-width: 640px) and (max-width:767px) {
    #menu-toggle {
        display:block;
        float: right;
        padding: 28px 12px
    }

    .navbar-brand {
        line-height: 48px;
        padding: 14px 0
    }

    .caret {
        position: absolute;
        right: 20px;
        top: 20px
    }

    .nu-find-about ul li img {
        width: 100%;
        max-width: 70px
    }

    .home-ban .ban-text {
        width: 100%;
        padding: 0 15px
    }

    .home-ban .container {
        max-width: 540px;
        height: 100%
    }

    .home-ban .ban-text h1 {
        font-size: 48px;
        line-height: 52px
    }

    .how-it-work .left,.how-it-work .right {
        width: 100%
    }

    footer .footer1 .col-md-3 {
        margin-bottom: 20px
    }

    .how-it-work .right img {
        width: 100%
    }

    .benefit .left,.benefit .right,.testimonial .left,.testimonial .right {
        width: 100%
    }

    footer .footer2 .left,footer .footer2 .right {
        float: none;
        width: 100%;
        text-align: center
    }

    footer .footer2 .left {
        margin-bottom: 20px
    }

    footer .footer2 .right ul {
        text-align: center
    }

    footer .footer2 .right ul li {
        display: inline-block;
        float: none
    }

    .benefit .right .benefit-bottom-btn {
        position: unset
    }

    .mobile {
        display: block
    }

    .desktop {
        display: none
    }

    .benefit .right {
        padding-left: 0;
        padding-top: 25px
    }

    .benefit .right p {
        font-size: 18px
    }

    .testimonial ul li {
        display: flex;
        flex-direction: column-reverse
    }

    .testimonial .left {
        padding: 25px 0
    }

    .testimonial .bx-wrapper .bx-next {
        left: auto;
        right: 0
    }

    .testimonial .bx-wrapper .bx-pager {
        left: 0;
        right: 0;
        width: 80%;
        margin: auto
    }

    .products-of-the-week .bx-wrapper {
        padding-left: 10%
    }

    .products-of-the-week ul li {
        width: 230px!important
    }

    .products-of-the-week .bx-wrapper .bx-prev {
        left: 54px
    }

    .products-of-the-week .bx-wrapper .bx-next {
        right: 54px
    }

    footer .right-side {
        align-items: flex-start
    }

    .catologue-detail .select-box {
        justify-content: flex-start;
        padding-top: 0;
        display: inline-block;
        width: 100%
    }

    .catologue-detail h2 {
        margin-bottom: 24px
    }

    .catologue-detail .select_wrap {
        margin: 0 2% 0 0;
        width: 49%;
        float: left
    }

    .catologue-detail .select_wrap:nth-child(2n+2) {
        margin-right: 0
    }

    .catologue-detail .select_wrap:last-child {
        margin-right: 0
    }

    .catologue-detail .cat-detail-row {
        flex-direction: column-reverse
    }

    .essential-catlogue-main .cat-detail-row {
        flex-direction: row
    }

    #content .row-am.catologue-detail {
        padding-top: 142px
    }

    .how-it-work .right img {
        height: auto
    }

    body.home-new {
        padding-top: 57.5px
    }

    .home-ban .owl-carousel .owl-item img {
        min-height: 440px
    }

    .testimonial .owl-carousel .owl-stage-outer {
        padding-bottom: 30px
    }

    .products-of-the-week ul {
        padding-left: 20px
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-next,.products-of-the-week .owl-carousel .owl-nav button.owl-prev {
        display: block
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-prev {
        left: 15px
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-next {
        right: 15px
    }

    .container-fluid {
        padding: 0 20px
    }

    .testimonial .owl-carousel .owl-item div {
        display: flex;
        flex-wrap: wrap
    }

    .testimonial .owl-carousel .owl-item div .left {
        order: 2
    }

    .testimonial .owl-carousel .owl-item div .right {
        order: 1
    }

    .testimonial .left h2 {
        font-size: 40px;
        line-height: 45px
    }

    .testimonial .owl-carousel .owl-nav button.owl-next {
        left: auto;
        right: 0
    }

    .testimonial .owl-carousel .owl-dots {
        left: 0;
        text-align: center
    }

    #content .row-am {
        padding: 40px 0
    }

    .nu-find-about ul {
        padding-bottom: 0
    }

    .how-it-work {
        padding-top: 40px!important
    }

    .benefit {
        padding: 40px 0!important
    }

    .testimonial {
        padding: 40px 0!important
    }

    .beautiful-together .container-fluid {
        display: block
    }

    .beautiful-together .left,.beautiful-together .right {
        width: 100%
    }

    .beautiful-together .left {
        padding-right: 0;
        padding-bottom: 30px;
        margin: 0 0 20px
    }

    .beautiful-together .left h2 {
        font-size: 40px;
        line-height: 45px
    }

    .shortcuts-success ul li {
        width: 100%;
        margin: 0 0 10px
    }

    .customer-service .container-fluid {
        display: block
    }

    .customer-service .left,.customer-service .right {
        width: 100%
    }

    .customer-service .left {
        padding-right: 0;
        padding-bottom: 140px;
        margin: 0 0 20px
    }

    body {
        padding-top: 111px
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: 440px
    }
}

@media only screen and (min-width: 480px) and (max-width:639px) {
    #menu-toggle {
        display:block;
        float: right;
        padding: 28px 12px
    }

    .navbar-brand {
        line-height: 48px;
        padding: 14px 0
    }

    .caret {
        position: absolute;
        right: 20px;
        top: 20px
    }

    .nu-find-about ul li img {
        width: 100%;
        max-width: 70%
    }

    .nu-find-about ul li {
        width: 33.33%;
        max-width: 33.33%;
        flex: 0 0 33.33%
    }

    .nu-find-about ul {
        flex-wrap: wrap;
        text-align: center
    }

    .home-ban .ban-text {
        width: 100%;
        padding: 0 15px
    }

    .home-ban .container {
        max-width: 100%;
        height: 100%
    }

    .home-ban .ban-text h1 {
        font-size: 44px;
        line-height: 48px
    }

    .how-it-work .left,.how-it-work .right {
        width: 100%
    }

    footer .footer1 .col-md-3 {
        margin-bottom: 20px
    }

    .how-it-work .right img {
        width: 100%
    }

    .benefit .left,.benefit .right,.testimonial .left,.testimonial .right {
        width: 100%
    }

    footer .footer2 .left,footer .footer2 .right {
        float: none;
        width: 100%;
        text-align: center
    }

    footer .footer2 .left {
        margin-bottom: 20px
    }

    footer .footer2 .right ul {
        text-align: center
    }

    footer .footer2 .right ul li {
        display: inline-block;
        float: none
    }

    .benefit .right .benefit-bottom-btn {
        position: unset
    }

    .mobile {
        display: block
    }

    .desktop {
        display: none
    }

    .benefit .right {
        padding-left: 0;
        padding-top: 25px
    }

    .benefit .right p {
        font-size: 18px
    }

    .testimonial ul li {
        display: flex;
        flex-direction: column-reverse
    }

    .testimonial .left {
        padding: 25px 0
    }

    footer .right-side {
        align-items: flex-start
    }

    .nu-find-about {
        padding: 0!important
    }

    .how-it-work {
        padding-top: 30px!important
    }

    .benefit,.testimonial,.products-of-the-week {
        padding: 40px 0!important
    }

    .benefit .right h2,.testimonial ul li h2,.products-of-the-week h2 {
        font-size: 44px;
        line-height: 48px
    }

    footer .contact,footer .contact a {
        width: 100%
    }

    footer .right-side .icon ul li {
        padding: 13px 21px;
        margin-right: 11px
    }

    footer .right-side .icon ul li i {
        font-size: 22px
    }

    .signup-modal .modal-content {
        padding: 15px
    }

    .signup-modal .modal-content h5,.signup-modal .modal-content h2 {
        font-size: 40px;
        line-height: 45px
    }

    .catologue-detail .select-box {
        justify-content: flex-start;
        padding-top: 0
    }

    .catologue-detail h2 {
        margin-bottom: 24px
    }

    .catologue-detail .select_wrap {
        margin: 0 10px 10px 0
    }

    .catologue-detail .cat-detail-row {
        flex-direction: column-reverse
    }

    .essential-catlogue-main .cat-detail-row {
        flex-direction: row
    }

    .catologue-detail .cat-detail-bottom-text {
        width: 93.2%
    }

    .catologue-detail {
        padding-top: 20px!important
    }

    .how-it-work .right img {
        height: auto
    }

    body.home-new {
        padding-top: 57.5px
    }

    .home-ban .owl-carousel .owl-item img {
        min-height: 440px
    }

    .testimonial .owl-carousel .owl-stage-outer {
        padding-bottom: 30px
    }

    .products-of-the-week ul {
        padding-left: 20px
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-next,.products-of-the-week .owl-carousel .owl-nav button.owl-prev {
        display: block
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-prev {
        left: 15px
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-next {
        right: 15px
    }

    .container-fluid {
        padding: 0 20px
    }

    .testimonial .owl-carousel .owl-item div {
        display: flex;
        flex-wrap: wrap
    }

    .testimonial .owl-carousel .owl-item div .left {
        order: 2
    }

    .testimonial .owl-carousel .owl-item div .right {
        order: 1
    }

    .testimonial .left h2 {
        font-size: 40px;
        line-height: 45px
    }

    .testimonial .owl-carousel .owl-nav button.owl-next {
        left: auto;
        right: 0
    }

    .testimonial .owl-carousel .owl-dots {
        left: 0;
        text-align: center
    }

    .beautiful-together .container-fluid {
        display: block
    }

    .beautiful-together .left,.beautiful-together .right {
        width: 100%
    }

    .beautiful-together .left {
        padding-right: 0;
        padding-bottom: 30px;
        margin: 0 0 20px
    }

    .beautiful-together .left h2 {
        font-size: 40px;
        line-height: 45px
    }

    .shortcuts-success ul li {
        width: 100%;
        margin: 0 0 10px
    }

    .customer-service .container-fluid {
        display: block
    }

    .customer-service .left,.customer-service .right {
        width: 100%
    }

    .customer-service .left {
        padding-right: 0;
        padding-bottom: 140px;
        margin: 0 0 20px
    }

    #content .row-am {
        padding: 40px 0
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: 440px
    }
}

@media only screen and (min-width: 320px) and (max-width:479px) {
    #menu-toggle {
        display:block;
        float: right;
        padding: 28px 12px
    }

    .navbar-brand {
        line-height: 48px;
        padding: 14px 0
    }

    .caret {
        position: absolute;
        right: 20px;
        top: 20px
    }

    .nu-find-about ul li img {
        width: 100%;
        max-width: 70%
    }

    .nu-find-about ul li {
        width: 33.33%;
        max-width: 33.33%;
        flex: 0 0 33.33%;
        margin-bottom: 30px
    }

    .nu-find-logos {
        padding-bottom: 20px
    }

    .nu-find-about ul {
        flex-wrap: wrap;
        text-align: center
    }

    .home-ban .ban-text {
        width: 100%;
        padding: 0 15px
    }

    .home-ban .container {
        max-width: 100%;
        height: 100%
    }

    .home-ban .ban-text h1 {
        font-size: 44px;
        line-height: 48px
    }

    .how-it-work .left,.how-it-work .right {
        width: 100%
    }

    footer .footer1 .col-md-3 {
        margin-bottom: 20px
    }

    .how-it-work .right img {
        width: 100%
    }

    .benefit .left,.benefit .right,.testimonial .left,.testimonial .right {
        width: 100%
    }

    footer .footer2 .left,footer .footer2 .right {
        float: none;
        width: 100%;
        text-align: center
    }

    footer .footer2 .left {
        margin-bottom: 20px
    }

    footer .footer2 .right ul {
        text-align: center
    }

    footer .footer2 .right ul li {
        display: inline-block;
        float: none
    }

    .benefit .right .benefit-bottom-btn {
        position: unset
    }

    .mobile {
        display: block
    }

    .desktop {
        display: none
    }

    .benefit .right {
        padding-left: 0;
        padding-top: 25px
    }

    .benefit .right p {
        font-size: 18px
    }

    .testimonial ul li {
        display: flex;
        flex-direction: column-reverse
    }

    .testimonial .left {
        padding: 25px 0
    }

    footer .right-side {
        align-items: flex-start
    }

    .nu-find-about {
        padding: 0!important
    }

    .how-it-work {
        padding-top: 30px!important
    }

    .benefit,.testimonial,.products-of-the-week {
        padding: 40px 0!important
    }

    .benefit .right h2,.testimonial ul li h2,.products-of-the-week h2 {
        font-size: 40px;
        line-height: 45px
    }

    .testimonial .right,.benefit .left {
        padding: 0 0
    }

    .benefit video,.testimonial video {
        height: 100%
    }

    footer .contact,footer .contact a {
        width: 100%
    }

    footer .right-side .icon ul li {
        padding: 7px 11px;
        margin-right: 14px
    }

    footer .right-side .icon ul li i {
        font-size: 22px
    }

    .signup-modal .modal-content {
        padding: 15px
    }

    .signup-modal .modal-content h5,.signup-modal .modal-content h2 {
        font-size: 40px;
        line-height: 45px
    }

    .catologue-detail .select-box {
        justify-content: flex-start;
        padding-top: 0;
        display: inline-block;
        width: 100%
    }

    .catologue-detail h2 {
        margin-bottom: 24px;
        font-size: 32px;
        line-height: 40px
    }

    .catologue-detail .select_wrap {
        margin: 0 2% 0 0;
        width: 49%;
        float: left
    }

    .catologue-detail .select_wrap:nth-child(2n+2) {
        margin-right: 0
    }

    .catologue-detail .select_wrap:last-child {
        margin-right: 0
    }

    .catologue-detail .show-items-text {
        text-align: start
    }

    .catologue-detail .cat-detail-row {
        flex-direction: column-reverse
    }

    .essential-catlogue-main .cat-detail-row {
        flex-direction: row
    }

    .catologue-detail .cat-detail-bottom-text {
        width: 91%;
        padding: 10px 8px
    }

    .catologue-detail .breadcrumb a,.catologue-detail .breadcrumb li,.catologue-detail p {
        font-size: 10px
    }

    .wishlist-comment-icon .cooment-icon {
        left: 20px
    }

    .catologue-detail {
        padding-top: 0px!important
    }

    .catologue-detail .select_wrap .select_ul {
        width: 156px
    }

    .catologue-detail .cat-detail-bottom-text h4 {
        font-size: 13px;
        line-height: 18px
    }

    .how-it-work .right img {
        height: auto
    }

    body.home-new {
        padding-top: 57.5px
    }

    .catologue-detail {
        padding-top: 0px!important
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        min-height: 440px
    }

    .testimonial .owl-carousel .owl-stage-outer {
        padding-bottom: 110px
    }

    .products-of-the-week ul {
        padding-left: 20px
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-next,.products-of-the-week .owl-carousel .owl-nav button.owl-prev {
        display: block
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-prev {
        left: 15px
    }

    .products-of-the-week .owl-carousel .owl-nav button.owl-next {
        right: 15px
    }

    .container-fluid {
        padding: 0 20px
    }

    .testimonial .owl-carousel .owl-item div {
        display: flex;
        flex-wrap: wrap
    }

    .testimonial .owl-carousel .owl-item .vis video {
        height: 350px
    }

    .testimonial .owl-carousel .owl-item div .right iframe {
        height: 280px
    }

    .beautiful-together .left .green-btn {
        bottom: 0
    }

    .testimonial .owl-carousel .owl-item div .left {
        order: 2
    }

    .testimonial .owl-carousel .owl-item div .right {
        order: 1;
        justify-content: center
    }

    .customer-service .left .btn-group p {
        width: 100%
    }

    .customer-service .left .btn-group a {
        margin-right: 5px
    }

    .customer-service .left .btn-group {
        position: relative;
        bottom: 0
    }

    .testimonial .left h2 {
        font-size: 40px;
        line-height: 45px
    }

    .testimonial .owl-carousel .owl-nav button.owl-next {
        right: 0
    }

    .testimonial .owl-carousel .owl-dots {
        left: 0;
        text-align: center
    }

    .beautiful-together .container-fluid {
        display: block
    }

    .beautiful-together .left,.beautiful-together .right {
        width: 100%
    }

    .beautiful-together .left {
        padding-right: 0;
        padding-bottom: 30px;
        margin: 0 0 20px
    }

    .beautiful-together .left h2 {
        font-size: 40px;
        line-height: 45px
    }

    .shortcuts-success ul {
        display: flex;
        align-items: center
    }

    .shortcuts-success ul li a {
        display: flex;
        width: 36%;
        margin: 0 auto;
        justify-content: center;
        height: auto
    }

    .shortcuts-success ul li {
        width: 25%;
        margin: 0 5px 0 0;
        float: none;
        display: flex;
        align-items: center;
        height: 90px;
        position: relative;
        padding: 0
    }

    .shortcuts-success ul li img {
        margin-bottom: 15px
    }

    .shortcuts-success ul li h4 {
        position: absolute;
        bottom: -11px;
        font-size: 13px
    }

    .customer-service .container-fluid {
        display: block
    }

    .customer-service .left,.customer-service .right {
        width: 100%
    }

    .customer-service .left {
        padding-right: 0;
        padding-bottom: 0;
        margin: 0 0 20px
    }

    body {
        padding-top: 0
    }

    #content .row-am {
        padding: 40px 0
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: 480px;
        object-fit: cover
    }

    .home-singlepage header {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 999
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width :1024px) and (orientation :landscape) {
    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height:525px
    }

    #content .row-am {
        padding: 60px 0
    }

    .customer-service .left,.customer-service .right {
        width: 50%
    }

    .benefit video {
        object-fit: cover;
        height: 450px!important
    }

    .benefit .right .benefit-bottom-btn {
        bottom: 100px
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: auto!important
    }

    .testimonial .owl-carousel .owl-nav button.owl-next,.testimonial .owl-carousel .owl-nav button.owl-prev {
        bottom: -50px
    }

    .testimonial .owl-carousel .owl-dots {
        bottom: -25px
    }

    .essential-catalog .col2-left-layout.container-fluid {
        padding: 0 30px 0 15px
    }

    .catalog-product-listing .col2-left-layout {
        padding: 0 10px
    }

    .catalog-listing-params #content .row-am {
        padding: 60px 0
    }

    .catalog-listing-params .container-fluid.clearfix {
        padding: 0 50px
    }

    .wishlist #sortable1 {
        margin: 0 -8px!important
    }

    .catologue-detail .cat-detail-bottom-text h4 {
        font-size: 18px
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width :1024px) and (orientation :portrait) {
    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height:525px
    }

    #content .row-am {
        padding: 60px 0
    }

    .customer-service .left,.customer-service .right {
        width: 50%
    }

    .benefit video {
        object-fit: cover;
        height: 400px!important
    }

    .benefit .right .benefit-bottom-btn {
        bottom: 100px
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: auto!important
    }

    .testimonial .owl-carousel .owl-dots {
        bottom: -25px
    }

    .essential-catalog .col2-left-layout.container-fluid {
        padding: 0 30px 0 15px
    }

    .catalog-product-listing .col2-left-layout {
        padding: 0 10px
    }

    .catalog-listing-params .container-fluid.clearfix {
        padding: 0 50px
    }

    .catalog-listing-params .product-desc h6 {
        line-height: 1
    }

    .catologue-detail .select-box {
        justify-content: space-between;
        margin-bottom: 10px
    }

    .catologue-detail.list-page-row .select_wrap {
        width: 24.5%;
        background: #E0DCD6
    }

    .wishlist #sortable1 {
        margin: 0 -8px!important
    }

    .catologue-detail .cat-detail-bottom-text h4 {
        font-size: 18px
    }
}

@media only screen and (min-device-width : 1081px) and (max-device-width :1180px) and (orientation :landscape) {
    .beautiful-together iframe {
        height:480px
    }

    .benefit .right .benefit-bottom-btn a {
        width: 146px
    }
}

@media only screen and (min-device-width : 820px) and (max-device-width :1180px) and (orientation :landscape) {
    ul.pagination li.previous a,ul.pagination li.next a {
        max-width:175px!important;
        width: 175px!important
    }

    .container-fluid {
        padding: 0 50px
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: auto
    }

    #content .row-am {
        padding: 60px 0
    }

    .customer-service .left,.customer-service .right {
        width: 50%
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: auto!important
    }

    .benefit video {
        object-fit: cover;
        height: 450px!important
    }

    .benefit .right .benefit-bottom-btn {
        bottom: 100px
    }

    .products-of-the-week .container-fluid {
        padding: 0 50px!important
    }

    .testimonial .owl-carousel .owl-nav button.owl-next,.testimonial .owl-carousel .owl-nav button.owl-prev {
        bottom: -50px
    }

    .testimonial .owl-carousel .owl-dots {
        bottom: -25px
    }

    .catalog-listing-params .container-fluid.clearfix {
        padding: 0 100px
    }

    html {
        overflow-x: hidden
    }

    .catalog-product-listing .col2-left-layout {
        padding: 0 10px
    }
}

@media only screen and (min-device-width : 820px) and (max-device-width :1180px) and (orientation :portrait) {
    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height:auto
    }

    #content .row-am {
        padding: 60px 0
    }

    .customer-service .left,.customer-service .right {
        width: 50%
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: auto!important
    }

    .benefit video {
        object-fit: cover;
        height: 400px!important
    }

    .benefit .right .benefit-bottom-btn {
        bottom: 100px
    }

    .products-of-the-week .container-fluid {
        padding: 0 50px!important
    }

    .testimonial .owl-carousel .owl-nav button.owl-next,.testimonial .owl-carousel .owl-nav button.owl-prev {
        bottom: -50px
    }

    .testimonial .owl-carousel .owl-dots {
        bottom: -25px
    }

    .catalog-listing-params .product-desc h6 {
        line-height: 1
    }

    .catalog-product-listing .col2-left-layout {
        padding: 0 10px
    }

    .catologue-detail .select-box {
        justify-content: space-between;
        margin-bottom: 10px
    }

    .catologue-detail.list-page-row .select_wrap {
        width: 24.5%;
        background: #E0DCD6
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width :1024px) and (orientation :landscape) {
    .essential-catalog #product-infos.p-grid-info {
        padding-top:80px!important
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: 525px
    }

    #content .row-am {
        padding: 60px 0
    }

    .customer-service .left,.customer-service .right {
        width: 50%
    }

    .benefit video {
        object-fit: cover;
        height: 450px!important
    }

    .benefit .right .benefit-bottom-btn {
        bottom: 100px
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: auto!important
    }

    .testimonial .owl-carousel .owl-nav button.owl-next,.testimonial .owl-carousel .owl-nav button.owl-prev {
        bottom: 15px
    }

    .testimonial .owl-carousel .owl-dots {
        bottom: 35px
    }

    .essential-catalog .col2-left-layout.container-fluid {
        padding: 0 30px 0 15px
    }

    .catalog-product-listing .col2-left-layout {
        padding: 0 10px
    }

    .catalog-listing-params #content .row-am {
        padding: 60px 0
    }

    .catalog-listing-params .container-fluid.clearfix {
        padding: 0 50px
    }

    .wishlist #sortable1 {
        margin: 0 -8px!important
    }

    .catologue-detail .cat-detail-bottom-text h4 {
        font-size: 18px
    }

    body.shop-detail,body.wishlist {
        padding-top: 111px
    }

    .beautiful-together .left .green-btn {
        bottom: 100px
    }

    .ham-menu .mobile {
        background: #F2EFED;
        text-align: center;
        padding: 0
    }

    body.catalog-product-listing {
        padding-top: 150px
    }

    .product-details-text-box-row .bg-change label {
        margin-bottom: 0;
        margin-right: 10px
    }

    .our-favorite-finds .pro-btn-dv a.product-btn.btn,.recently-viewed .pro-btn-dv a.product-btn.btn {
        font-size: 17px
    }

    .factory-page-link {
        top: 10px
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width :1024px) and (orientation :portrait) {
    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height:525px
    }

    #content .row-am {
        padding: 60px 0
    }

    .customer-service .left,.customer-service .right {
        width: 50%
    }

    .benefit video {
        object-fit: cover;
        height: 400px!important
    }

    .benefit .right .benefit-bottom-btn {
        bottom: 100px
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: auto!important
    }

    .beautiful-together .left .green-btn {
        bottom: 80px
    }

    .testimonial .owl-carousel .owl-nav button.owl-next,.testimonial .owl-carousel .owl-nav button.owl-prev {
        bottom: 15px
    }

    .testimonial .owl-carousel .owl-dots {
        bottom: 35px
    }

    #customerService.testimonial .owl-carousel .owl-nav button.owl-next,#customerService.testimonial .owl-carousel .owl-nav button.owl-prev {
        bottom: -10px
    }

    #customerService.testimonial .owl-carousel .owl-dots {
        bottom: 15px
    }

    .customer-service .right img {
        object-fit: cover
    }

    .customer-service .left h5,.testimonial .left h2 {
        margin-bottom: 0
    }

    .essential-catalog .col2-left-layout.container-fluid {
        padding: 0 30px 0 15px
    }

    .catalog-product-listing .col2-left-layout {
        padding: 0 10px
    }

    .catalog-listing-params .container-fluid.clearfix {
        padding: 0 50px
    }

    .catalog-listing-params .product-desc h6 {
        line-height: 1
    }

    .catologue-detail .select-box {
        justify-content: space-between;
        margin-bottom: 10px
    }

    .catologue-detail.list-page-row .select_wrap {
        width: 24.5%;
        background: #E0DCD6
    }

    .wishlist .catologue-detail.list-page-row .select_wrap {
        width: auto
    }

    .wishlist #sortable1 {
        margin: 0 -8px!important
    }

    .catologue-detail .cat-detail-bottom-text h4 {
        font-size: 18px
    }

    .ham-menu .mobile {
        background: #F2EFED;
        text-align: center;
        padding: 0
    }

    .product-details-text-box-row .bg-change label {
        margin-right: 10px
    }

    .our-favorite-finds .pro-btn-dv a.product-btn.btn,.recently-viewed .pro-btn-dv a.product-btn.btn {
        font-size: 17px
    }

    .product-factory .section-title h2 {
        font-size: 25px
    }

    .factory-page-link {
        top: 0
    }
}

@media only screen and (min-device-width : 820px) and (max-device-width :1180px) and (orientation :landscape) {
    .salesCampaign-new .container-fluid {
        padding:0 15px
    }

    .container-fluid {
        padding: 0 50px
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: auto
    }

    #content .row-am {
        padding: 60px 0
    }

    .customer-service .left,.customer-service .right {
        width: 50%
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: auto!important
    }

    .benefit video {
        object-fit: cover;
        height: 450px!important
    }

    .benefit .right .benefit-bottom-btn {
        bottom: 100px
    }

    .products-of-the-week .container-fluid {
        padding: 0 50px!important
    }

    .testimonial .owl-carousel .owl-nav button.owl-next,.testimonial .owl-carousel .owl-nav button.owl-prev {
        bottom: -50px
    }

    .testimonial .owl-carousel .owl-dots {
        bottom: -25px
    }

    .catalog-listing-params .container-fluid.clearfix {
        padding: 0 100px
    }

    html {
        overflow-x: hidden
    }

    .catalog-product-listing .col2-left-layout {
        padding: 0 10px
    }
}

@media only screen and (min-device-width : 820px) and (max-device-width :1180px) and (orientation :portrait) {
    .right-coffe-table form label {
        font-size:11px
    }

    .right-coffe-table form div.material,.right-coffe-table form div.finis,.right-coffe-table form div.attachment,.right-coffe-table form div.color,.right-coffe-table form div.comments {
        padding: 7px 10px
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: auto
    }

    #content .row-am {
        padding: 60px 0
    }

    .customer-service .left,.customer-service .right {
        width: 50%
    }

    .home-ban .owl-carousel .owl-item img,.home-ban .owl-carousel .owl-item iframe {
        height: auto!important
    }

    .benefit video {
        object-fit: cover;
        height: 400px!important
    }

    .benefit .right .benefit-bottom-btn {
        bottom: 100px
    }

    .products-of-the-week .container-fluid {
        padding: 0 50px!important
    }

    .testimonial .owl-carousel .owl-nav button.owl-next,.testimonial .owl-carousel .owl-nav button.owl-prev {
        bottom: -50px
    }

    .testimonial .owl-carousel .owl-dots {
        bottom: -25px
    }

    .catalog-listing-params .product-desc h6 {
        line-height: 1
    }

    .catalog-product-listing .col2-left-layout {
        padding: 0 10px
    }

    .catologue-detail .select-box {
        justify-content: space-between;
        margin-bottom: 10px
    }

    .catologue-detail.list-page-row .select_wrap {
        width: auto;
        margin-right: 16px;
        background: #E0DCD6
    }
}

@media (min-width: 1024px) and (max-width:1080px) {
    .how-it-work-animation.testimonial .banner-carousel-animation.owl-carousel .owl-dots {
        bottom:-30px!important
    }

    .how-it-work-animation.testimonial .banner-carousel-animation.owl-carousel .owl-nav button.owl-next,.how-it-work-animation.testimonial.testimonial .banner-carousel-animation.owl-carousel .owl-nav button.owl-prev {
        bottom: -45px
    }

    ul.pagination li.previous a,ul.pagination li.next a {
        max-width: 160px!important;
        width: 160px!important
    }

    .benefit .right .benefit-bottom-btn a {
        width: 140px
    }

    .home-section .main-slider-block .left-slide-text {
        padding: 0 0 0 55px
    }

    .home-section .main-slider-block .right-slide-carousel {
        padding: 70px 40px 70px 40px
    }
}

@media only screen and (min-device-width : 810px) and (max-device-width :1080px) and (orientation :portrait) {
    .catalog-listing-params #content .row-am {
        padding:0
    }

    .testimonial .owl-carousel .owl-nav button.owl-next,.testimonial .owl-carousel .owl-nav button.owl-prev {
        bottom: 10px
    }

    .testimonial .owl-carousel .owl-dots {
        bottom: 35px
    }

    #customerService.testimonial .owl-carousel .owl-nav button.owl-next,#customerService.testimonial .owl-carousel .owl-nav button.owl-prev {
        bottom: -20px
    }

    #customerService.testimonial .owl-carousel .owl-dots {
        bottom: 5px
    }

    .testimonial .left h2 {
        font-size: 32px;
        margin-bottom: 0
    }

    .beautiful-together .left .green-btn {
        bottom: 100px
    }

    .customer-service .left h5 {
        margin-bottom: 0
    }

    .customer-service .right {
        padding: 0
    }

    .customer-service .left p {
        line-height: 1.4
    }

    .customer-service .right img {
        height: 408px;
        object-fit: cover
    }

    .customer-service .left .btn-group a {
        margin-bottom: 10px!important
    }

    body.home {
        padding-top: 104px
    }

    body.home-new .testimonial .owl-carousel .owl-nav button.owl-next,body.home-new .testimonial .owl-carousel .owl-nav button.owl-prev {
        bottom: -20px
    }

    body.home-new .testimonial .owl-carousel .owl-dots {
        bottom: 5px
    }

    body.home-new .testimonial.how-it-work-animation .owl-carousel .owl-dots {
        bottom: -5px
    }
}

@media only screen and (min-device-width : 810px) and (max-device-width :1080px) and (orientation :landscape) {
    .beautiful-together .left .green-btn {
        bottom:100px
    }

    .testimonial .owl-carousel .owl-nav button.owl-next,.testimonial .owl-carousel .owl-nav button.owl-prev {
        bottom: 0
    }

    .testimonial .owl-carousel .owl-dots {
        bottom: 25px
    }

    body.home {
        padding-top: 104px
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width :1366px) and (orientation :landscape) {
    body {
        padding-top:185px
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width :1366px) and (orientation :portrait) {
    body {
        padding-top:200px
    }

    body.shop-detail,body.wishlist {
        padding-top: 111px
    }

    body.home-new .testimonial .owl-carousel .owl-nav button.owl-next,body.home-new .testimonial .owl-carousel .owl-nav button.owl-prev {
        bottom: -20px
    }

    body.home-new .testimonial .owl-carousel .owl-dots {
        bottom: 5px
    }
}

@media (max-width: 600px) {
    .hero-banner.owl-carousel .owl-nav  {
        display:none!important
    }

    .hamburger-menu-button .filter-icon {
        left: -17px!important;
        position: relative
    }

    a.reset-filfer-btn {
        width: 100%;
        text-align: center;
        font-weight: 400;
        color: #fff!important
    }

    .testimonial .banner-carousel-animation.owl-carousel .owl-item .item[data-dot="<button>1</button>"]:after,.testimonial .banner-carousel-animation.owl-carousel .owl-item .item[data-dot="<button>2</button>"]:after,.testimonial .banner-carousel-animation.owl-carousel .owl-item .item[data-dot="<button>3</button>"]:after {
        font-size: 240px;
        top: 150px
    }

    .main-slider-block {
        flex-wrap: wrap
    }

    .home-section .main-slider-block .left-slide-text {
        padding: 45px 20px;
        width: 100%
    }

    .home-section .main-slider-block .right-slide-carousel {
        width: 100%;
        padding: 0 20px 20px
    }

    .home-ban .owl-carousel .owl-item img {
        height: 100%!important;
        object-fit: cover;
        min-height: 100%
    }

    .main-slider-block h2 {
        font-size: 45px;
        line-height: 50px
    }

    .cart>main,.briefs>main,.quotes>main {
        padding: 0 0
    }

    .row.two-call {
        margin-bottom: 0
    }

    .two-call .flush {
        padding: 4px 0!important
    }

    .cart-product-row a.conf {
        width: 49%;
        text-align: center
    }

    .product-row .cart-int-field {
        padding-left: 103px
    }

    #profile-info.your-respository table {
        margin-top: -20px!important
    }

    #profile-info.your-respository .card-header a .labi {
        float: unset
    }

    .col2-left-layout.container-fluid {
        padding: 0 15px
    }

    .slick-slide .thumbnail-image .thumbImg img {
        max-width: 93px!important;
        background: #f2efed;
        padding: 10px
    }

    .right-coffe-table {
        z-index: 8!important
    }

    .slider-horizon .slider-nav .slick-list.draggable {
        padding: 0 30px
    }

    .slider-horizon .slick-prev.slick-arrow,.slider-horizon .slick-next.slick-arrow {
        width: 30px;
        height: 96px;
        background-size: 11px
    }

    .vehicle-detail-banner .slick-prev,.slider-horizon .slick-next.slick-arrow {
        top: 67px
    }

    .vehicle-detail-banner .slick-prev {
        left: -1px
    }

    .slider-horizon .slick-next.slick-arrow {
        bottom: 0;
        right: -1px
    }

    .slider-horizon .slider-nav .slick-list.draggable {
        background-color: #fff
    }

    .right-coffe-table form label {
        width: 24%;
        margin-right: 20px
    }

    .slider-horizon .banner-slider .slider.slider-nav {
        padding-top: 20px
    }

    .top-right ul li a img {
        width: 60%
    }

    .top-right ul li a {
        padding: 8px 3px;
        font-size: 14px
    }

    .home-singlepage .top-right ul li a {
        padding: 8px 6px
    }

    .top-right {
        float: right;
        padding-right: 5px
    }

    .testimonial .banner-carousel-animation.owl-carousel .owl-dots {
        top: 0;
        bottom: auto
    }

    .how-it-work-animation .banner-carousel-animation {
        padding-top: 90px
    }

    .testimonial .banner-carousel-animation.owl-carousel .owl-dots .owl-dot {
        width: 33.33%
    }

    .testimonial.how-it-work-animation .owl-carousel .owl-stage-outer {
        padding-bottom: 0
    }

    .testimonial.how-it-work-animation .owl-carousel .owl-item div {
        justify-content: center
    }

    .testimonial.how-it-work-animation {
        padding-bottom: 0!important
    }

    .testimonial.how-it-work-animation .owl-left {
        min-height: 345px
    }

    .benefit .container-fluid {
        display: flex;
        flex-wrap: wrap
    }

    .benefit .container-fluid .left {
        order: 1
    }

    .salesCampaign-new .page-title h2 {
        font-size: 34px;
        line-height: 50px
    }

    .salesCampaign-new .page-title h2 span {
        display: block
    }

    .salesCampaign-new .no-flush-md.no-flush-xs {
        padding: 0!important
    }

    .blog-page.home-new .no-flush-md.no-flush-xs {
        padding: 0 15px!important
    }

    #title-prod2 .container-fluid {
        padding: 0 15px!important
    }

    #title-prod2 .bg {
        padding: 30px 20px
    }

    .product-box-wrapper .product-img {
        height: calc(100% - 72px);
        padding: 15px
    }

    .product-box-wrapper .product-desc {
        padding: 6px 12px 10px 15px;
        min-height: 70px
    }

    .product-desc h6 {
        font-size: 13px;
        line-height: 18px
    }

    .home-ban .ban-text {
        top: 25%
    }

    .hero-banner {
        background: #d9a598 url(https://d2quhe9tr7xmjd.cloudfront.net/assets/images/Fixed-aspect-ratio-spacer.png);
        height: 70vh;
        background-size: contain;
        background-position: 0 380px;
        background-repeat: no-repeat
    }

    .home-ban .owl-carousel .owl-item img {
        height: 830px
    }

    .beautiful-together .right {
        display: none!important
    }

    .testimonial.beautiful-together .owl-carousel .owl-stage-outer {
        padding-bottom: 30px
    }

    #sortable1 {
        margin-right: 0
    }
}

@media (max-width: 479px) {
    footer .right-side .icon ul li {
        margin-right:22px
    }

    .signup-modal .modal-dialog-centered {
        max-width: 365px;
        width: 100%;
        margin: 10px auto
    }

    .bree.select_wrap p .mob-expo-list .dropdown-toggle {
        width: 183px;
        height: 40px
    }

    .saved-list-main .rfqUser .dropdown-toggle,.saved-list-main .rfqUser .dropdown .dropdown-item {
        width: 385px
    }
}

@media (max-width: 391px) {
    footer .right-side .icon ul li {
        margin-right:17px
    }

    .bree.select_wrap p .mob-expo-list .dropdown-toggle {
        width: 172px;
        height: 40px
    }

    .saved-list-main .rfqUser .dropdown-toggle,.saved-list-main .rfqUser .dropdown .dropdown-item {
        width: 345px
    }
}

@media (max-width: 376px) {
    footer .right-side .icon ul li {
        margin-right:14px
    }

    .main-nav .navbar-header {
        width: 138px
    }

    .home-singlepage .navbar-brand {
        padding: 12px 0 9px
    }

    .bree.select_wrap p .mob-expo-list .dropdown-toggle {
        width: 164px;
        height: 40px
    }
}

@media only screen and (max-width: 600px) {
    .home-ban .owl-carousel .owl-item img {
        display:none
    }

    .home-section .hero-banner {
        height: 80vh!important;
        background-size: auto 50%!important;
        background-position: 85% 90%!important
    }

    .home-ban .ban-text {
        top: unset!important;
        position: relative!important;
        left: unset!important;
        transition: unset!important;
        -webkit-transform: unset!important;
        margin-top: 25px!important
    }

    .page-count-mobile {
        margin-top: 23px
    }

    .wishlist.list .page-count-mobile {
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {
    .quotes-new-list .cart-product-row a.conf {
        display:inline-block;
        width: 100%;
        margin-right: 0px!important;
        margin-bottom: 10px
    }

    .quotes-new-list .edit-remove-cart .prs,.quotes-new-list .edit-remove-cart .tprs {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        margin-right: 0;
        margin-left: 0;
        text-align: right
    }

    #profile-info .customize-items .boxlgrey {
        padding-right: 8px;
        padding-left: 8px;
        padding-bottom: 10px
    }

    .quotes-new-list .edit-remove-cart .tprs a.conf {
        width: auto;
        margin-right: 0px!important;
        margin-bottom: 0
    }

    .quotes-new-list .headp h4 {
        margin-top: 10px
    }

    .btn-account-manager .btn-secondary,.btn-secondary-download {
        width: 100%;
        margin-bottom: 7px
    }

    .quotes-new-list .cart-product-row .product-image {
        height: 62px;
        width: 100px
    }

    .cart-image-box a.conf.ml-1 {
        margin-left: 0!important
    }

    .latest-item-btn .btn {
        height: 35px;
        line-height: 16px
    }
}