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

.global_supplier_suppliers .product-box-wrapper.new-grid-layout {
    height: 100% !important;
}

@media (min-width: 2100px){
    .catologue-detail img{
        transform: scale(0.8);
    }
    .produt-big-image {
        max-width: 990px;
        margin: 0 auto;
    }
    .product-bx.my-board-pbox, .product-box-wrapper {
        height: 100% !important;
    }
}
@media screen and ( min-height: 2850px) {
    body > main{
        min-height: 2450px;
    }
    .home-ban{
        max-width: 1920px;
        margin: 0 auto;
    }

  }
/* resposive css only */
@media (max-width: 1800px){
    .menu-container{
        font-size:17px !important 
   }
    .banner-slider .slider.slider-for {
        width:85%;
   }
  
}
@media (min-width: 1700px){
    .inner-page-navigation .navbar-nav > .nav-item {
        width: 10%;
    }
    .products-of-the-week ul li .without-hover {
        height: 394px;
    }
    .handpick-just-for-u .product-box-wrapper{
        height: 374px;
    }
    
    .products-of-the-week .curation-just-for-u-slider li .without-hover {
        height: 482px;
    }
    .essential-catlog-banner .item img {
        max-height: 479px;
    }
    .home-ban .owl-carousel .owl-item img{
        max-height:507px;
    }
     .product-bx.my-board-pbox{
        height: 17vw;
    }
}
@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;
   }
 
   .savedListMain .download-btn-dv .btn {
    margin-top: 0px;
   }
}
@media (min-width: 1440px){
    .salesCampaign-new.not-loggedin.home-new.home-singlepage #product-infos.p-grid-info {
        padding: 0 280px !important;
    }
    .product-d-right-side {
        padding-left: 30px !important;
    }
    .my-board-new-grid-wrapper .owl-carousel .item .im-box img{
    max-height: 200px;
    }
    .my-board-new-grid-wrapper .owl-carousel .item {
       max-height: 380px;
    }
}
@media (min-width: 1366px){
    .salesCampaign-new.not-loggedin.home-new.home-singlepage #product-infos.p-grid-info {
        padding: 0 100px !important;
    }
     .product-box-wrapper,.product-bx.my-board-pbox {
        height: 19vw;
    }
   
    .salesCampaign-new .product-box-wrapper{
        height: 23.2vw;
    }
    .item-requested-by-you-products.carousel-category-images .product-box-wrapper {
        height: 20.2vw !important
    }
   
}
@media (min-width: 1280px){
 .catologue-detail .essential-catlog-row img {
        padding: 0;
    }
    .product-bx.my-board-pbox{
        padding: 40px 42px;
    }
    .board-static-placeholder .product-bx.my-board-pbox {
        padding: 0;
    }
    .catologue-detail .cat-detail-bottom-text{
        left: 0;
    }
    .product-bx.my-board-pbox .image-not-in-ratio {
        max-height: 100%;
        min-height: 100%;
    }
}

@media (max-width: 1600px){
   /* signup page */
    .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 {
       /*padding: 75px 50px;
        */
        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%;
   }
   /* Home page (after login) */
    .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 
   }
    .head-right-group ul li{
       /*width:32px*/
   }
    .menu-container .nav-item{
        font-weight:500 
   }
    .section-title h2{
        font-size:35px;
        line-height:normal;
   }
    .section{
        padding:75px 0px 
   }
    .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(0.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;
   }
   /* login page */
    .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 
   }
   /* Product listing page */
    main{
        padding:0 20px 
   }
    .breadcrumb{
        padding:6px 3px 
   }
    
    .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:14px 
   }
    .product-desc .material{
        margin-bottom:0;
        font-size:15px 
   }
    .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;
   }
   /* favorites */
    #product-infos.my-team .icon-oth a{
        font-size: 20px;
   }
    #product-infos.my-team .icon-oth a.cre{
        font-size:18px ;
   }
   /* Product details */
    #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 
   }
   /* My Account */
    #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;
   }
   /* Your smart curations (Quiz page) */
    #smart-info .rt p{
        font-size: 35px;
        line-height:normal 
   }
    #smart-info .rt h3{
        font-size:23px;
   }
   /**** NEW Changes 6-30-2021 ****/
    #profile-info p {
        margin-bottom: 36px;
   }
    #profile-info .links ul li a {
        font-size: 18px;
        line-height: 60px;
   }
    .breadcrumb {
        padding: 6px 0px;
   }
    .product-btn {
        font-size: 14px;
   }
    .product-desc .prod-gist {
        font-size: 13px;
   }
   /********* NEW Changes 7-28-2021 **********/
    .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;
   }
   .ham-menu ul{
    height: 100%;
   }

   .slider-for .slick-slide img{
    max-width: 389px;
   }
   
    .saved-list-main .my-board-new-grid-wrapper .saved-list-box h4{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 160px;
   }
   .board-wrapper-box .owl-carousel .owl-item img {
    min-height: 50px;
}
.home-hand-pick-slider.owl-carousel .owl-item img {
    height: auto;
}
.brieft-share-to-dropdown .share-to-lable{
    width: 220px;
}
.catalog-listing  .mystudio-box{
    height: 100%;
}
.p-hol a{
    margin: 20px;
}
main.main-full-width {
    padding: 30px !important;
}
.product-page-detail ul li:last-child {
    width: 98.5%;
}
.product-page-detail ul li{
    width: 48.5%;
}
.p-hol a{
    width: 60px;
}
}
@media (max-width: 1440px){
   /* signup page */
    .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;
   }
   /* Home page (after login) */
    .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;
   }
   /* favorites */
    #product-infos.my-team .icon-oth a{
        font-size:19px;
   }
    #product-infos.my-team .icon-oth a.cre{
        font-size:17px ;
   }
   /**** NEW Changes 6-30-2021 ****/
    #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 0px 0 14px;
   }
   .catologue-detail .select-box{
    flex-wrap: wrap;
}
.catologue-detail .select_wrap{
    margin: 0 0 10px 10px;
}
body > main {
    padding: 8px 60px 8px 26rem !important;
}
footer .container-fluid{
    padding: 8px 70px 8px 27rem;
}
.buyers-table-wrapper .table {
    width: 1652px !important;
}
.new-product-info-mdl-with-detail .modal-dialog{
    max-width:960px!important;
}
}
@media only screen and (max-width: 1367px) and (min-width:1201px){
    body > main {
        padding: 8px 30px 8px 24rem !important;
    }
    footer .container-fluid {
        padding: 0px 30px 0px 24rem !important;
    }
    main > main {
        padding: 0;
    }

   
    .saved-list-main .my-board-new-grid-wrapper .saved-list-box h4{
        width: 131px;
    }
    .filter ,.hamburger-menu-button,.hamburger-menu-button-open{
        width:88px;
    }
    a.defalut-btn-green, .defalut-btn-green, .download-btn-dv .btn{
        margin-right: 5px;
    }
   
}
@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;
    } */
    .no-item-wishlist{
        max-width: 60%;
    }

}
@media (max-width: 1366px){
    main.all-curate-grid{
        padding:0 18px 0 33px;
   }
    .header,main{
        padding:0 
   }
    .breadcrumb{
        padding:6px 3px;
   }
   /* Home page (after login) */
    .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;
   }
   /**** NEW Changes 6-30-2021 ****/
    #profile-info{
        padding: 0 20px;
   }
   .supplier-btns.mr-2 {
    margin-bottom:0;
    margin-top: 0;
}
.new-brief-icon {
    max-width: 130px;
    margin: 0 auto;
    padding: 40px 0;
}
.download-product-image .modal-content {
    height: auto;
}
.analytics-table-main .table {
    min-width: 1200px;
}
}
@media (max-width: 1280px){
    .blog-sm-descr p br {
        display: none;
   }
   /* signup page */
    .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;
   }
   /** MODIFIED CSS 17/09/20201 **/
    .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;
}
.produt-big-image{
    max-width: 100%;
}
.produt-big-image img{
    width: 69%;
}
.showroom-full-screen-icon{
    display: none;
}
}

@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;
   }

   .download-product-image .modal-dialog {
    max-width: 100%;
    width: 96%;
    height: auto;
}
.supplier-product-table.step-1 .supplier-product-sale-price {
    min-width: 143px;
    max-width: 143px;
}
.wishlist .breadcrumb{
    margin-top: 0;
}
}
@media (max-width: 1200px){
   /* signup page */
    .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: 0px 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: 0px;
   }
   .prod-detail-nav{ top: 36px !important;}
}
@media (max-width: 991px){
    .blog-page > .blog-page {
        padding: 0 15px;
   }
    .most-popular-articles main {
        padding: 0;
   }
   /* signup page */
    .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: url(https://d2quhe9tr7xmjd.cloudfront.net/assets/images/home-top-banner.jpg);
       */
        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 white;
        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;
   }
   .slider-for .slick-slide img {
    max-width: 319px;
    }
    .shared-myboard+.rfq-myboard {
    left: 98px;
    }
    .shared-myboard+.rfq-myboard + .board-tag {
    left: 213px !important;
    }
     .catelog-unpublish, .catalog-exclusive, .brief-shared, .product-status{ font-size: 13px;}   

}
@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;
   }
   /* product listing */
    .col-main{
        margin-top:21px 
   }
   /**** NEW Changes 6-30-2021 ****/
    #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: bold;
        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;
   }
   /***** NEW CSS 7-7-2021*****/
    #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;
   }
   /*** NEW CSS 7-14-2021 ***/
    #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: 0px;
   }
    .home-new .new-homepage .navbar-brand {
        padding:0 15px;
   }
   /*Mobile header css*/
    .home-new .new-homepage.header,.home-new .new-homepage .navbar-expand-lg {
        padding: 0px 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;
   }
.salesCampaign-new .page-title h2 span {display: inline-block;}
.bread.spppts.lead-generati .col2-left-layout {margin-top:0px !important;}
.top-right ul li.logout-header {display:none;}

.supplier-reports .mystudio-box {
    height: 100%;
    padding-top: 0;
}
.download-product-image .modal-dialog {
    max-width: 100%;
    width: 96%;
    height: auto;
}
.salesCampaign-new .download-product-image .modal-dialog{
    margin: 0;
}
.anonymous-user-pro-detail-page .slect-user {
    margin-bottom: 10px;
}
.anonymous-user-pro-detail-page .modal-content input, .anonymous-user-pro-detail-page .modal-content select {
    font-size: 12px !important;
}
.anonymous-user-pro-detail-page .modal-content h5, .anonymous-user-pro-detail-page .modal-content h2 {
    font-size: 40px !important;
    line-height: 45px !important;
}
.catalog-listing .text-right .d-md-none , .essential-catalog .supplier-btns .d-md-none{
    display: none;
}
#product-infos .hidden-xs.commondropdown , .hidden-xs.commondropdown{
    display: block !important;
}
#product-infos .hidden-xs.commondropdown{
    width: auto;
    margin: 0;
}
.catalog-listing .download-btn-dv.commondropdown .btn {
    padding: 4px 45px 4px 20px;
}
body.user_analytics  .container-fluid.bread.spppts {
    padding: 0 !important;
}
.analytics-filter-dropdown .customDownloadBody-curation{
    right: auto;
    left: -80px;
}
}
/************************* MEDIA CSS ****************************/
@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 0px;
   }
    .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: 0px;
        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: 0px;
        top: 0px;
   }
    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: 0px;
        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 0px;
   }
    .navbar-container {
        padding-bottom: 0px;
   }
    .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: 0px;
   }
    #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%;
   }
   .download-product-image {
    top:35%;
   }
   .anonymous-user-pro-detail-page .col-lg-6.right-coffe-table {
    padding-top: 20px;
}
}
@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: 0px;
        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;
   }
   /**** NEW Changes 6-30-2021 ****/
    #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: 0px;
   }
    #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: bold;
        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;
   }
   /*** NEW CSS 7-14-2021 ***/
    #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: 0px;
   }
    .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;
   }
   .breif-us a.inquiry-icon-popup{
    right: 94px !important;
    padding: 0 !important;
   }
   a.defalut-btn-green, .defalut-btn-green {
        padding: 0px 10px;
   }
    .download-btn-dv .btn{
        padding: 4px 45px 4px 12px;
   }
   .download-btn-dv .btn{
    margin-right: 5px;
   }
    .save-list-detail-left.board-detail-title{ padding-left: 0;}
}
@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;
   }
   .new-brief-icon {
    max-width: 80px;
    margin: 0 auto;
    padding: 22px 0;
    width: 100%;
}
footer .right-side .icon ul li{
    padding: 5px 10px;
   }
}
@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;
   }
   /***** NEW CSS 7-7-2021*****/
    #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){
   /* signup page */
    .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 
   }
   /* Home page (after login) */
    .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;
   }
   /* product listing */
    .page-title{
        font-size: 24px;
   }
    .pagi ul{
        margin:0;
   }
    .pagi ul li{
        margin-left:3px;
        margin-bottom:5px;
   }
   /* product details */
    #shop-page h2{
        font-size:24px;
   }
    #shop-page h2 span{
        font-size: 20px;
   }
   a.download-popup-img{
   
    margin-right: 35px;
}
.salesCampaign-new a.download-popup-img{
    top: 7px;
}
.catalog-product-listing .new-grid-layout .product-download-icon {
    bottom: -20px;
    right: -10px;
}
.shop-category .new-grid-layout .product-download-icon{
    bottom: -20px;
    right: -15px;
}

}
@media (max-width: 390px){
    .product-row .cart-int-field {
        padding-left: 89px !important;
    }
    .product-page-detail ul li:last-child {
        width: 98%;
    }
    .product-page-detail ul li{
        width: 48%;
    }
}
@media (max-width: 360px){
   /* Home page (after login) */
    .navbar-brand span{
        font-size:22px;
   }
   .catalog-listing.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav.Supplier > .nav-item, 
   .briefs-listing.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav.Supplier > .nav-item, 
   .boards.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav.Supplier > .nav-item, 
   .supplier-reports.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav.Supplier > .nav-item{
    width: 23% !important;
   }
 
}


/****************** Mobile Sidebar CSS ******************/
@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: 80px;
   }
    
    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;
       } 
   }
   /*.recently-viewed-sec .recently-viewed-slider.owl-padding {
        padding: 0 17px;
   }
    .recently-viewed-sec .recently-viewed-slider.owl-carousel .owl-next {
        right: -3px;
   }
    .recently-viewed-sec .recently-viewed-slider.owl-carousel .owl-prev {
        left: -3px;
   }
    */
    .our-favorite-finds.mt-70 ,.recommended-for-you.mt-70, .recently-viewed.mt-70{
        padding: 0 50px;
   }
    main {
        padding: 0 40px;
   }
   body > main {
        padding: 8px 100px 8px 28rem;
   } 

   body.edit_companies_grid_list > main , body.edit_customers_grid_list > main,  body.edit_supplier_companies_grid_list > main, body.edit_suppliers_grid_list > main{
    padding: 8px 15px 8px 22rem;
    }

   body.board-detail-list-view-body > main {
    padding: 8px 15px 8px 23rem;
   }
   .home-main-page{
    padding: 8px 90px 8px 28rem;
   }
    .footer-top {
        padding: 70px 104px 75px 104px;
   }
    .info-sneak{
        padding: 90px 0 80px 50px;
   }
    main > main {
        padding: 0;
   }
}
@media only screen and (max-width: 1500px) and (min-width: 1281px){
    body > main {
        padding: 8px 75px 8px 27rem;
    }
    .filter ,.hamburger-menu-button,.hamburger-menu-button-open{
        width:88px;
    }
}
@media only screen and (min-width: 1920px){
    body.shop-detail , body.wishlist {
        padding-top: 80px;
   }
    body{
        padding-top: 80px;
   }
    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, 0.5);
        -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0 0 15px rgba(0, 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:0px;
   }
    #profile-info {
        padding-bottom: 0px;
   }
    .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;
   }
     .banner-carousel-saleCampagin .owl-nav button{
    width: 40px;
    height: 40px;
   }
    .banner-carousel-saleCampagin.owl-carousel .owl-nav button.owl-prev .fa-angle-left:before {
    top: 10px;
    left: 13px;
    }
    .banner-carousel-saleCampagin.owl-carousel .owl-nav button.owl-next .fa-angle-right::before {
    top: 10px;
    right: 4px;
    }
    .banner-carousel-saleCampagin.owl-carousel .owl-nav button.owl-prev .fa-angle-left:before, .banner-carousel-saleCampagin.owl-carousel .owl-nav button.owl-next .fa-angle-right::before{
    background-size: 50%;
    }
}
/********* NEW CSS 6-30-2021 ***********/
@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: 1035;
   }
}
@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;
   } */
   /* .navbar{
        padding: 0.5rem 2rem;
   }
    */
   /* .recently-viewed-sec{
        margin: 0 -20px;
   }
    */
}
@media only screen and (min-width: 1366px) and (max-width: 1400px) {
    
    /* .catalog-product-listing #product-infos.p-grid-info {
        padding: 0 81px !important;
   } */
   /* .navbar{
        padding: 0.5rem 2rem;
   }
    */
}
@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: bold;
        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;
   }
   /***** NEW CSS 7-7-2021*****/
    #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 0px;
   }
     .showroom-full-screen-icon {
    display: flex;
    }
    .shop-category .filter-right-part {
        flex-wrap: nowrap;
    }
     .supplier-btns{margin-top: 0;}
     .edit_companies_grid_list .page-title h2, .edit_customers_grid_list .page-title h2, .edit_supplier_companies_grid_list h2, .edit_suppliers_grid_list .page-title h2{
        white-space: nowrap;
     }
}
@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;
   }
   /***** NEW CSS 7-7-2021*****/
    #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 0px;
   }
    .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;
   }
     .user-panel h2, .home-page-title h2, .products-of-the-week h2, .catologue-detail h2, .documents-page .page-title, .page-title h2,
     #frame #sidepanel #profile .wrap h2,  .account-setting #profile-info .page-title h2 , .catalog-detail .page-title{
        font-size: 32px;
    }
    .product-page-detail ul li {
    width: 48%;
    }
    .brief-content-box h1{
        font-size: 45px;
    } 
    .brief-content-box span{
        font-size: 26px;
    }
}
/************************* NEW MEDIA CSS ****************************/
@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: 0px;
   }
    .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 .navbar-brand {
   }
    .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;
    }
    .image-not-in-ratio {
        max-height: unset;
        min-height: unset;
    }
}
@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;
   }
  
  
    #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: 0px;
   }
   .wishlist.list .saved-list-main .container-fluid {
    padding: 0 15px !important;
}
.slider-for .slick-prev.slick-arrow, .slider-for .slick-next.slick-arrow{
    opacity: 1;
}
}
@media only screen and (min-width: 1170px) and (max-width: 1260px) {
    #profile-info .links ul li a {
        font-size: 15px;
        padding-left: 15px;
   }
}
/*** NEW CSS ADDED ON 27-05-2022 ***/
.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: 0px 5px;
   }
    .head-right-group img {
        max-height: 20px !important;
   }
    #sidebar-mobile {
        background: #383734 !important;
        padding: 5% 0px;
        height: 100%;
   }
    #sidebar-mobile .mobi-acco {
        padding: 0px 15px !important;
   }
    #sidebar-mobile ul {
        border: 2px solid #fff;
        border-bottom: 0px;
   }
    #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: 0px 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: 0px;
   }
    .main-sub-menu h3 .btn-link {
        font-size: 17px;
        font-weight: 700;
        color: #383734;
        font-family: 'SofiaProBold';
        letter-spacing: 0;
        padding: 0px;
   }
    .main-sub-menu .menu-column {
        margin-bottom: 0px;
   }
    #sidebar-mobile .main-sub-menu ul {
        border: 0px !important;
   }
    #sidebar-mobile .main-sub-menu ul li a {
        font-size: 17px;
        border: 0px;
        padding-left: 0px;
        letter-spacing: 0px;
   }
    #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: 21px;
       /* bottom: 35px;
        */
        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: 0px;
        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: 0px;
        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: 0px;
   }
    .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: 0px solid #fff;
        border-radius: 0px;
   }
    .search-and-menu {
        width: 100%;
        border:1px solid #fff;
        border-bottom: 0px;
        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: 0px;
   }
    .slider-horizon .banner-slider .slider.slider-nav {
        width: 100% !important;
        height: 130px !important;
   }
   
    .slider.slider-nav.thumb-image {
        margin: 0px !important;
   }
    .slider-horizon .slick-prev.slick-arrow {
        background:#e0dcd65c url(https://d2quhe9tr7xmjd.cloudfront.net/assets/images/arrow-black-left.png) 50% 50% no-repeat;
   }
    .slider-horizon .slick-next.slick-arrow {
        background:#e0dcd65c 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:0px;
   }
    #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:0px;
        padding: 0px 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 0px 0 20px;
   }
    .main-slider-block h2 {
        font-size: 30px;
        line-height: 40px;
   }
    .slider-horizon .banner-slider .slider.slider-nav {
        top:0px !important;
   }
   /*.slider-for .slick-track {
        width: 100% !important;
   }
   .slider-for .slick-track .slick-slide {
        width: 100% !important;
   }*/
    .slider-banner-image img {
        object-fit: contain !important;
   }
   
    #sidebar-mobile {
        background: #383734 !important;
        padding: 5% 0px;
        height: 100%;
   }
    #sidebar-mobile .mobi-acco {
        padding: 0px 15px !important;
   }
    #sidebar-mobile ul {
        border: 2px solid #fff;
        border-bottom: 0px;
   }
    #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: 0px 15px !important;
   }
    .main-sub-menu .sub-row {
        padding: 15px !important;
   }
    .main-sub-menu h3 {
        padding-left: 0px;
   }
    .main-sub-menu h3 .btn-link {
        font-size: 17px;
        font-weight: 700;
        color: #383734;
        font-family: 'SofiaProBold';
        letter-spacing: 0;
        padding: 0px;
   }
    .main-sub-menu .menu-column {
        margin-bottom: 0px;
   }
    #sidebar-mobile .main-sub-menu ul {
        border: 0px !important;
   }
    #sidebar-mobile .main-sub-menu ul li a {
        font-size: 17px;
        border: 0px;
        padding-left: 0px;
        letter-spacing: 0px;
   }
    #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;
   }
    */
    #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:0px;
        padding: 0px 40px;
   }
    #sidebar-mobile .box .lock-btn1 img {
        position:relative;
        top:-3px;
        margin-right:5px;
   }
    
    .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 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;
   }
   
    .head-right-group ul li:last-child {
        margin-right: 15px;
   }
    .head-right-group ul li:first-child {
        width: 37px;
   }
   .essential-catalog .d-flex.justify-content-end.bree.text-right.col-lg-9.col-12.col-md-8 {
    max-width: 100% !important;
    flex-wrap: wrap !important;
    flex: inherit;
    }

    .main-text-pad {
        padding: 0 15px;
        width: 100%;
        max-width: 100%;
        flex: unset;
        margin-bottom: 20px;
    }
    .product-bx.my-board-pbox , .product-box-wrapper{
        height: 34vw;
    }   
    .salesCampaign-new .product-box-wrapper{
        height: 52.6vw;
    }
    .products-of-the-week.carousel-category-images .product-box-wrapper {
        height: 38.5vw;
    }
}
.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 0px;
   }
    main.new-home .banner-new .btn {
        margin-top: 20px;
        width: 100%;
   }
    main.new-home .what-we-do {
        background: #fff;
        padding: 50px 0px;
   }
    main.new-home .what-we-do .content {
        padding: 0px 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 0px;
   }
    main.new-home .bbb img {
        max-width: 60%;
        display: block;
        margin: 0px auto 30px auto;
   }
    main.new-home .bbb h4 {
        font-size: 20px;
        margin-bottom: 0px;
   }
    main.new-home .bbb p {
        margin-top: 0px;
        font-size: 15px;
        width: 50%;
        line-height: 1.4;
        margin: 0px auto 30px auto;
   }
    main.new-home .what-we-do.reverse {
        background:#fff;
        padding: 70px 0px;
   }
    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: 0px 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 0px;
   }
    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: 0px;
        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) {
  
    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 0px;
   }
    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 0px;
   }
    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: 0px;
   }
    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: 0px 10px;
        margin: 0px 5px 0px 0px;
        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 0px;
   }
    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 0px;
   }
    body.home-singlepage {
        padding-top:0px;
   }
    body.home-singlepage.salesCampaign-new {
        padding-top:70px;
   }
}
@media only screen and (max-width:767px) {
    body.home-singlepage {
        padding-top: 0px;
   }
    .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;
   }
}
/* blog pag resposive css only */
@media (max-width: 1440px){
    .blog-title-body, .four-image-listing, .article-tabs{
        max-width: 1229px;
   }
    .prod-detail-nav a {transform: scale(0.8);}
   .prod-detail-nav {
    position: absolute;
    top: 30px;
    width: 101px;
    right: 0;
    }
    a.prod-detail-prew {
    left: 0;
    }
    a.prod-detail-next {
    right: 0;
    }
}
@media (max-width: 1367px){
    .blog-title-body, .four-image-listing, .article-tabs{
        max-width: 97.3%;
   }
    
}
@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;
   }
     .custom-tooltip{
    display: none !important;
   }
}
@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;
   }
   .new-product-info-mdl-with-detail .modal-dialog {
    max-width: 680px!important;
}
}
@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: 0px 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: 0px 14px 0;
   }
    .article-images-list {
        display: flex;
        flex-wrap: wrap;
   }
    .blog-art-box {
        max-width: 47%;
        margin: 0px 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;
}
.catalog-listing .account-roll-btn{
    margin-top: 10px;
    width: 100%;
}
.catalog-account-manager{
    padding-left: 0 !important;
}
.catalog-listing .isAccount {
    width: 100%;
    padding: 0 5px;
}
.catalog-listing .isAccount.ml-2{
    margin-left: 0 !important;
}
.essential-catalog .filter-right-part{
    width: 100%;
    margin-top: 15px;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.essential-catalog  .filter-right-part .download-btn-dv .btn{
    width: auto;
    position: relative;
    top: 5px;
}
.essential-catalog .filter-right-part .download-btn-dv.hidden-xs{
    width: 44px !important;
    margin: 0 0 0 3px;
}
.essential-catalog .filter-right-part .download-btn-dv .btn:after{
    right: 4px;
    top: 11px;
}
.essential-catalog .curation-dropdown.download-btn-dv .btn:after,
.essential-catalog .commondropdown.download-btn-dv .btn:after, .global_supplier_suppliers .curation-dropdown.download-btn-dv .btn:after{
    right: 6px;
    top: 10px;
}
.essential-catalog #CurationMenuButton,.essential-catalog .buyer-dropdown #commondropdown,
.essential-catalog .mob-expo-list #downloadMenuButton, .global_supplier_suppliers #CurationMenuButton {
    font-size: 0;
    padding: 15px;
    position: relative;
    right:0px;
    top: 3px;
    height: 42px;
    width: 42px;
    max-height: 42px;
}
.essential-catalog .dropdown.item-prp-desktop.hidden-xs, .global_supplier_suppliers .suppliers-update-dropdown.hidden-xs ,.global_supplier_suppliers .myStudio .item-prp-desktop.hidden-xs{
    display: block !important;
}
.global_supplier_suppliers .hamburger-menu-button{
    top:0;
}
.essential-catalog .filter-right-part .supplier-btns {
    flex-wrap: wrap;
    margin:0!important;
}
.essential-catalog .filter-right-part .supplier-btns > a {
    font-size: 14px;
    margin-right: 10px !important;
    position: relative;
    top: 11px;
    margin-left: 10px;
}
 
.slider-for .slick-slide img{
    max-width: 100%;
}
.saved-list-main .my-board-new-grid-wrapper .saved-list-box h4{
    width: 220px;
}

.product-info-modal .pro-quote-detail ul.three-column li{
    width: 49%;
}
.product-info-modal .pro-quote-detail ul.three-column li:last-child{
    width: 100%;
}
.product-details-text-box-row ul.four-column.four-column-custom.show-price li {
    width: 32% !important;
}
.product-details-text-box-row ul.four-column.four-column-custom.show-price li:last-child, .product-details-text-box-row .four-column.four-column-custom li:last-child {
    width: 98% !important;
}
.product-details-text-box-row .four-column.four-column-custom li {
    width: 48% !important;
}
.board-static-placeholder .product-bx {
    background: #e7c15e;
    display: flex;
    align-items: self-end;
}
.board-placeholder {
    padding: 20px;
    position: relative;
    bottom: 20px;
}
.p-hol a {
    margin: 7px;
    width: 45px !important;
}
.board-static-placeholder .product-bx.my-board-pbox .p-hol a img {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}
.my-item-page-updateitem-page .orange-btn{
    padding: 6px 10px 6px 10px;
    margin-right: 0;
    top: 10px;
}
.my-item-add-placehoder .product-box-wrapper{
    padding-top: 0;
}
.my-item-add-placehoder .product-box-wrapper h6{
    font-size: 18px;
}
.pro-detail-image-bx {
    max-width: 220px;
}
.product-info-content.product-info-modal {
    padding: 10px 10px 10px;
}
.new-product-info-mdl-with-detail .pro-quote-detail ul{
    align-items: normal;
}
.new-product-info-mdl-with-detail .pro-quote-detail ul.three-column li {
    width: calc(50% - 5px) !important;
    margin-top: 0;
    margin-bottom: 5px;
}
.new-product-info-mdl-with-detail .pro-quote-detail ul.four-column li {
    width: calc(50% - 6px) !important;
    margin-top: 0;
    margin-bottom: 5px;
}
.new-product-info-mdl-with-detail .pro-quote-detail ul li:last-child{
    margin-top: 0;
}
}
/* End blog pag resposive css only */
@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%;
   }
   .inner-page-navigation .navbar-nav .nav-item {
    padding: 0 10px;
}
.inner-page-navigation .navbar-nav .nav-item .nav-link:after{
    right: -10%;
}
}
@media only screen and (min-width:1500px) and (max-width:1537px){
.item-requested-by-you-products.carousel-category-images .product-box-wrapper {
    height: 19.7vw !important;
}
}
@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%;
   }
  
    .list-page-row .breadcrumb {
        margin-top: 0;
   }
   .new-brief-icon {
    max-width: 150px;
    margin: 0 auto;
    padding: 40px 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 .cat-detail-bottom-text {
        width: 94.6%;
   }
    */
    .catologue-detail.list-page-row .col-md-6.main-text-pad.left{
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
   }
 
    .list-page-row .breadcrumb {
        margin-top: 0;
   }
   .my-board-new-grid-wrapper .owl-carousel .owl-item img {
    min-height: 50px;
   }
  .saved-list-main  .my-board-new-grid-wrapper  .saved-list-box .text {
    padding: 10px;
   }
    .product-bx.my-board-pbox, .product-box-wrapper {
        height: 19vw  !important;
    }
    .main-full-width .product-box-wrapper {
      height: 26vw !important;
     }
    .p-hol a{
        width: 55px;
    }
        .user-panel h2, .home-page-title h2, .products-of-the-week h2, .catologue-detail h2, .documents-page .page-title, .page-title h2,
     #frame #sidepanel #profile .wrap h2,  .account-setting #profile-info .page-title h2{
        font-size: 40px;
    }
     .image-not-in-ratio{ max-height: 127px; min-height: 127px;}
   .saved-list-main .saved-list-box .text{padding: 10px 15px;}
   .my-item-add-placehoder .product-box-wrapper h6{ font-size: 24px;}
     .showroom-full-screen-icon {
    display: flex;
    }
    .shop-category .filter-right-part {
        flex-wrap: nowrap;
    }
     .briefs-listing .documents-page p{
        font-size: 14px;
        line-height: 20px;
    }
     .new-brief-icon{
        max-width: 100px;
         padding: 20px 0 20px;
    }
    .item-requested-by-you-products.carousel-category-images .product-box-wrapper {
        height: 21vw !important;
    }
}
@media only screen and (min-width:1280px) and (max-width:1500px) {
    a.defalut-btn-green, .defalut-btn-green{
        padding: 0px 8px;
    }
   
   
    .catalog-listing .filter.camp-release-filter, 
    .catalog-listing .camp-release-filter .hamburger-menu-button , 
    .catalog-listing .camp-release-filter span.hamburger-menu-button-open{
        width: 150px;
    }
    
    
}
@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;
   }
   /*.catologue-detail .cat-detail-bottom-text {
        width: 94.6%;
   }
    */
    .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 66%;
        flex: 0 0 66%;
        max-width: 66%;
        padding-left: 0;
   }
    .list-page-row .breadcrumb {
        margin-top: 0;
   }
   .products-of-the-week .curation-just-for-u-slider li .without-hover {
    height: 353px;
    }
    .owl-carousel .owl-item img {
        min-height: 130px;
    }
    .mystudio-box{
        height: 347px;
    }
      .user-panel h2, .home-page-title h2, .products-of-the-week h2, .catologue-detail h2, .documents-page .page-title, .page-title h2,
     #frame #sidepanel #profile .wrap h2,  .account-setting #profile-info .page-title h2 , .catalog-detail .page-title{
        font-size: 36px;
    }
   .my-item-add-placehoder .product-box-wrapper h6, .new-request-box .mystudio-box h6, .Brief-request-main .mystudio-box h6{
            font-size: 24px;
            line-height: 28px;
    }
   .briefs-listing .documents-page p{
        font-size: 14px;
        line-height: 20px;
    }
     .new-brief-icon{
        max-width: 100px;
         padding: 20px 0 20px;
    }
     .pagi ul li a, .pagi ul li input{
        font-size: 16px;
    }
    #myModal-wish-catalog .modal-body.wishlist-catalog {
        zoom:0.9;
    }
     .edit_companies_grid_list .page-title h2, .edit_customers_grid_list .page-title h2, .edit_supplier_companies_grid_list h2, .edit_suppliers_grid_list .page-title h2{
        white-space: nowrap;
    }
     .item-requested-by-you-products.carousel-category-images .product-box-wrapper{
        height: 20.4vw !important;
    }
    .product-bx.my-board-pbox, .product-box-wrapper {
        height: 19vw  !important;
    }
      .p-hol a{
        width: 50px;
    }
    .image-not-in-ratio{ max-height: 110px; min-height: 110px;}
    .saved-list-main .saved-list-box .text{padding: 10px 15px;}
    .saved-list-main .saved-list-box h4, .saved-list-main .saved-list-box p, .board-listview-carosuel h3.ml-3{ font-size: 16px;}
    .brief-content-box h1{font-size: 50px;}
    .brief-content-box span{font-size: 24px;}
    .showroom-full-screen-icon {
    display: flex;
    }
    .shop-category .filter-right-part {
        flex-wrap: nowrap;
    }

}
@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;
   }
   /*.catologue-detail .cat-detail-bottom-text {
        width: 94.6%;
   }
    */
    .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%;
   }
   
    .list-page-row .breadcrumb {
        margin-top: 0;
   }

   a.defalut-btn-green, .defalut-btn-green{
    padding: 0px 8px;
}


.catalog-listing .filter.camp-release-filter, 
.catalog-listing .camp-release-filter .hamburger-menu-button , 
.catalog-listing .camp-release-filter span.hamburger-menu-button-open{
    width: 150px;
}
.catologue-detail.list-page-row .col-md-6.right {
    -ms-flex: 0 0 66%;
    flex: 0 0 66%;
    max-width: 66%;
    padding-left: 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;
   }
}
/** 5.0 - 1200 - Desktop **/
@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: 30px;
        line-height: 44px;
   }
    .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;
   }
   body.wishlist , .edit_customers_grid_list, .edit_companies_grid_list{
    padding-top: 78px !important;
    }
}
@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;
   }
}
/** 7.0 - 768 - iPad **/
@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;
   }
   /* .navbar-header{
        width: 100%;
   }
    */
    .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: 30px;
        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: 0;
        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: 30px;
        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;
   }
   /*.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 .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: 0px 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 h2{
        margin-bottom: 20px;
   }
    .catologue-detail.list-page-row .select_wrap{
        margin: 0 
   }
    body.home {
        padding-top: 120px;
   }
    body {
        padding-top: 120px;
   }
   body.wishlist , .edit_customers_grid_list, .edit_companies_grid_list{
    padding-top: 78px !important;
    }
    .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;
   }
}
/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 601px) and (max-width: 767px) {
    #menu-toggle{
        display: block;
        float: right;
        padding: 28px 12px;
   }
    .navbar-brand{
        line-height: 24px;
        padding: 14px 0;
   }
   /* .navbar-header{
        width: 100%;
   }
    */
    .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-end;
   }
    .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 10px 10px 0px;
   }
    */
    .catologue-detail .select_wrap {
        margin: 0 2% 0 0px;
        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;
   }
   /*.catologue-detail .cat-detail-bottom-text {
        width: 94.2%;
   }
    */
    #content .row-am.catologue-detail {
        padding-top: 0px !important;
   }
    .how-it-work .right img{
        height: auto;
   }
    body.home-new {
        padding-top: 57.5px;
   }
   
    .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 iframe{
        height: 440px;
   }
   .whish-image-wrap .img-box img{
    object-fit: contain;
    padding: 16px;
   }
   .signup-btn {
    margin-bottom: 15px;
}
.signup-btn + .signup-btn {
    margin-bottom: 0px;
}
.prod-item table tr td:first-child {
    width: 45% !important;
}
.prod-item table {
    font-size: 12px !important;
    line-height: 15px;
}
.wishlist-catalog .table-fixed tr.prod-item>td{
    width: 33.33% !important;
}
}
@media only screen and (min-width: 601px) and (max-width: 743px){
    .whish-image-wrap {
        min-height: 309px;
    }
    footer .right-side .icon ul li {
        padding: 8px 18px !important;
        margin-right: 11px!important;
    }
    .catologue-detail .cat-detail-bottom-text h4{
        line-height: 18px;
    }
    .right-coffe-table .breif-us a{
        padding: 6px 34px 6px 7px !important;
        font-size: 12px;
    }
    .right-coffe-table .breif-us p{
        font-size: 11px !important;
    }
    .pro-thumb-img .thumb-img img{
        max-width: 50px;
        height: 50px;
    }
}
/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
    #menu-toggle{
        display: block;
        float: right;
        padding: 28px 12px;
   }
    .navbar-brand{
        line-height: 20px;
        padding: 14px 0;
   }
   /* .navbar-header{
        width: 100%;
   }
    */
    .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;
   }
   .filter, .hamburger-menu-button, .hamburger-menu-button-open {
    width: 88px;
}
    .catologue-detail h2 {
        margin-bottom: 24px;
   }
    .catologue-detail .select_wrap {
        margin: 0 10px 10px 0px;
   }
    .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;
   }
}
/** 10.0 - 320 - Mobile **/
@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;
   }
   /* .navbar-header{
        width: 100%;
   }
    */
    .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: 35px;
   }
    .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 0px;
        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: 14px;
        padding-right: 20px
   }
    .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: 0px;
        margin: 0 0 20px;
   }
    body.home, body {
        padding-top: 0px !important; 
   }
    #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 0px;
   }
    .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: 0px 30px 0px 15px;
   }
    .catalog-product-listing .col2-left-layout {
        padding: 0px 10px;
   }
    .catalog-listing-params #content .row-am {
        padding: 60px 0px;
   }
    .catalog-listing-params .container-fluid.clearfix {
        padding: 0px 50px;
   }
    .wishlist #sortable1 {
        margin: 0px -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 0px;
   }
    .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: 0px 30px 0px 15px;
   }
    .catalog-product-listing .col2-left-layout {
        padding: 0px 10px;
   }
    .catalog-listing-params .container-fluid.clearfix {
        padding: 0px 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: 0px -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:0px 50px;
   }
    .home-ban .owl-carousel .owl-item img, .home-ban .owl-carousel .owl-item iframe {
        height: auto;
   }
    #content .row-am {
        padding: 60px 0px;
   }
    .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: 0px 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: 0px 100px;
   }
    html {
        overflow-x: hidden;
   }
    .catalog-product-listing .col2-left-layout {
        padding: 0px 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 0px;
   }
    .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: 0px 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: 0px 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:40px !important;
   }
    .home-ban .owl-carousel .owl-item img, .home-ban .owl-carousel .owl-item iframe {
        height: 525px;
   }
    #content .row-am {
        padding: 60px 0px;
   }
    .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: 0px 30px 0px 15px;
   }
    .catalog-product-listing .col2-left-layout {
        padding: 0px 10px;
   }
    .catalog-listing-params #content .row-am {
        padding: 60px 0px;
   }
    .catalog-listing-params .container-fluid.clearfix {
        padding: 0px 50px;
   }
    .wishlist #sortable1 {
        margin: 0px -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: 0px;
   }
    body.catalog-product-listing {
        padding-top: 150px;
   }
    .product-details-text-box-row .bg-change label {
        margin-bottom: 0px;
        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) {
    .essential-catalog #product-infos.p-grid-info {
        padding-top:40px !important;
   }
    .home-ban .owl-carousel .owl-item img, .home-ban .owl-carousel .owl-item iframe {
        height: 525px;
   }
    #content .row-am {
        padding: 60px 0px;
   }
    .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: 0px;
   }
    .essential-catalog .col2-left-layout.container-fluid {
        padding: 0px 30px 0px 15px;
   }
    .catalog-product-listing .col2-left-layout {
        padding: 0px 10px;
   }
    .catalog-listing-params .container-fluid.clearfix {
        padding: 0px 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: 0px -8px !important;
   }
    .catologue-detail .cat-detail-bottom-text h4 {
        font-size: 18px;
   }
    .ham-menu .mobile {
        background: #F2EFED;
        text-align: center;
        padding: 0px;
   }
    .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: 0px;
   }
  
}
@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : landscape) {
    .salesCampaign-new .container-fluid {
        padding:0px 15px;
   }
    .container-fluid {
        padding:0px 50px;
   }
    .home-ban .owl-carousel .owl-item img, .home-ban .owl-carousel .owl-item iframe {
        height: auto;
   }
    #content .row-am {
        padding: 60px 0px;
   }
    .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: 0px 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: 0px 100px;
   }
    html {
        overflow-x: hidden;
   }
    .catalog-product-listing .col2-left-layout {
        padding: 0px 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 0px;
   }
    .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: 0px 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: 0px 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;
   }
   .catalog-listing #content > .row-am {
    padding-top: 10px;
   }
}
@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 0px 0 55px;
   }
    .home-section .main-slider-block .right-slide-carousel {
        padding: 70px 40px 70px 40px;
   }
   .whish-image-wrap .img-box img {
    width: 80%;
   }
   .catalog-product-listing .col2-left-layout {
    padding: 0px 50px;
}
.product-box-wrapper .product-desc{
    padding: 6px 41px 20px 15px;
}
body.shop-detail, body.wishlist, body.shop-factory, body.shop-category {
    padding-top: 70px !important;
}

}
@media only screen and (min-device-width : 810px) and (max-device-width : 1080px) and (orientation : portrait) {
    .catalog-listing-params #content .row-am {
        padding: 0px;
   }
    .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: 0px;
   }
    .beautiful-together .left .green-btn {
        bottom: 100px;
   }
    .customer-service .left h5 {
        margin-bottom: 0px;
   }
    .customer-service .right {
        padding: 0px;
   }
    .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: 0px;
   }
    .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) {
   
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
    
    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-stage {
        transform: translate3d(0px, 0px, 0px) !important;
   }
    .hero-banner.owl-carousel .owl-nav,.hero-banner.owl-carousel .owl-dots {
        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;
   }
 
  
    .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 38px 10px 15px;
        min-height: 70px;
   }
   .wishlist.loggedin .product-download-icon > img {
        width: 18px !important;
        display: block !important;
       
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        height: unset !important;
    }
   
    .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:0px 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: 0px;
   }

   div#listViewContainer, .board-list-grid-buttons {
    display: none !important;
    }
    .wishlist .board-list-grid-buttons > a{
        display: none;
    }
 
    a.borad-scan-icon.scan-button {
        position: absolute;
        top: -60px;
        left: 90px;
    }

    div#gridViewContainer, .wishlist .board-list-grid-buttons , .wishlist .borad-scan-icon {
        display: block !important;
    }
}
@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: 7px;
   }
   .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;
    }
   
    
}


/*** Responsive ***/
@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: 0px;
        margin-left: 0px;
        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: 0px;
    }

    .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;
    }
}

/*** HEADER AND FOOTER CSS ***/
@media only screen and (min-width:1024px){
    .inner-page-navigation.navbar-expand-lg{
        margin: 0;
    }
    .inner-page-navigation.navbar-expand-lg .col-lg-12{
        padding: 0;
    }
}
@media only screen and (max-width:1024px) {
    body.home {
        padding-top:0px !important;
    }

    .header .top-right, .header .main-header-srch {
        display: none;
    }
.salesCampaign-new.home-singlepage .header .top-right {
    display: block;
}
    .main-nav .navbar-header {
        width:100%;
        height: 65px;
        padding:0px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar-dark .navbar-toggler {
        height:65px;
    }

    .main-nav .navbar-header .btn-search {
        display: flex;
        align-items: center;
    }

    .navbar-dark .navbar-toggler-icon {
        background-image:url(https://d2fzew76uxzkhe.cloudfront.net/assets/_default_upload_bucket/Menu.svg);
        background-repeat: no-repeat;
        background-size:20px auto;
    }

    .sidebar {
        display: none;
        top:65px;
        width: 100%;
        padding:24px 48px;
    }

    .sidebar.left.active, .main-header-srch.active {
        display: inline-block;
    }

    .main-header-srch.active {
        margin: 0px 0px 20px 10px;
    }

    .main-header-srch .search .search-input {
        width: 100%;
    }

    .sidebar-u-name span {
        display: block;
    }

    footer .container-fluid, body > main {
        padding: 0px 20px !important;
    }

    footer .icon ul {
        margin-left:0px;
    }

    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
    }
    
    /* main.home-main-page.front-side, .loggedin main {
        padding-top: 60px !important;
    } */
    
    .sidebar {
        height: calc(100vh - 65px);
        overflow-y: scroll;
        padding: 24px 15px;
    }
    
    .sidebar-nav {
        overflow: initial;
        height: inherit;
    }
    body.anonymous-user-pro-detail-page > main {
        padding: 8px 20px 8px 20px !important;
        max-width: 1470px !important;
    }
    body.anonymous-user-pro-detail-page .header .top-right{
        display: block !important;
    }
    body.anonymous-user-pro-detail-page .navbar-brand {
        padding: 0 0 0px !important;
        line-height: 0;
    }
    .footer1.threesWebsite .left-side img {
        max-width: 60%;
    }
}

@media only screen and (max-width:601px) {
    .home.loggedin .benefit .right h2, .home.loggedin .testimonial ul li h2, .home.loggedin .products-of-the-week h2 {
        font-size:30px;
        line-height: 110%; /* 44px */
    } 

    .home.loggedin .jumbotron {
        padding:0px 0px 40px 0px;
    }

    .home.loggedin .home-page-title {
        padding:24px 0px;
    }

    .home-page-title h2, .catologue-detail h2 {
        font-size:36px;
        line-height: 110%;
    }
    
    .home.loggedin .product-desc h6 {
        font-size:14px;
    }

    .home.loggedin .product-box-wrapper .product-desc, .product-box-wrapper .product-desc {
        min-height: auto;
    }

    .home.loggedin .home-brand-slider.owl-carousel .owl-item img, .home.loggedin .home-hand-pick-slider.owl-carousel .owl-item img {
        object-fit: contain;
    }

    .new-grid-layout.row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .new-grid-layout .col-lg-3 {
        padding: 0px 5px;
    }

    .product-box-wrapper {
        padding-top:118%;
        overflow: hidden;
    }
    .global_supplier_suppliers  .product-box-wrapper {
        padding-top: 18%;
    }

    .product-box-wrapper .product-img {
        padding:35px 15px;
        width: calc(100% - 40px);
        object-fit: cover;
        height: calc(100% - 60px);
        position: absolute;
        top: 30px;
        left: 20px;
    }

    .product-box-wrapper .product-img img {
        width:100%;
    }

    .handpick-just-for-u .product-box-wrapper .product-img, .essential-catalog .product-box-wrapper .product-img {
        position: absolute;
        top: 0px;
        left: 0px;
        width:100%;
    }

    .home.loggedin .products-of-the-week ul {
        padding-left: 0px;
        width: calc(100% + 20px);
    }

    .home.loggedin .products-of-the-week .curation-just-for-u-slider li .without-hover img {
        object-fit: cover;
    }
    
    /*.home.loggedin .row-am.personal-account-section {
        display: none;
    }*/

    .home.loggedin .home-ban .owl-carousel .owl-item img {
        display: inline-block;
    }

    .home.loggedin .home-section .main-slider-block .right-slide-carousel {
        padding: 0px !important;
    }

    footer .contact a, footer .icon {
        width: 100% !important;
    }

    footer ul {
        justify-content:space-around;
    }

    footer p {
        font-size:17px;
        font-weight:300;
    }

    footer .right-side .icon ul li {
        width: 100%;
        text-align: center;
    }

    footer .copyright {
        padding: 16px;
    }

    .home.loggedin .right-slide-carousel li {
        padding-top: 125%;
        position: relative;
    }

    .home.loggedin .right-slide-carousel li div {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }

    .home.loggedin .personal-account-section h2 {
        font-size:30px;
        line-height: 110%; /* 44px */
        font-weight: 700;
    } 

    .home.loggedin .personal-account-section h2 span {
        font-style: italic !important;        
    }

    .home.loggedin .personal-account-section .acc-card {
        background: none;
        padding: 0px;
        display: block;
        width: 100%;
    }

    .home.loggedin .personal-account-section .acc-profil-pic {        
        display: inline;
        float: left;
    }

    .home.loggedin .personal-account-section .acc-persion-name {
        width: calc(100% - 170px);
        display: inline-block;
        min-height: 55px;
    }

    .home.loggedin .personal-account-section .caro-nav-container {
        z-index: 9;
    }

    .home.loggedin .personal-account-section .acc-persion-contact {        
        display: block;
        width: 100%;
        text-align: left;
        margin-top: 12px;
    }

    .home.loggedin .personal-account-section .owl-carousel .owl-dots {
        display: none;
    }

    .home.loggedin .personal-account-section .acc-persion-contact ul {
        justify-content: space-between;
    }

    .home.loggedin .personal-account-section .acc-persion-contact ul li.phone-no a,
    .home.loggedin .personal-account-section .acc-persion-contact ul li.so-email a,
    .home.loggedin .personal-account-section .acc-persion-contact ul li.so-cal a {
        background: #fff;
        height: 40px !important;
        padding: 5px 0px;
    }

    .home.loggedin .personal-account-section .acc-persion-contact li.so-message a {
        padding: 6.5px 30px !important;
        height: 40px !important;
    }

    /*** MY BOARDS ***/
    .wishlist.list .saved-list-main .container-fluid {
        padding: 0px !important;
    }

    .saved-list-main .saved-list-box .text {
        padding: 10px 10px 10px 25px;
    }

    .wishlist.loggedin .whish-image-wrap {
        min-height: unset;
    }

    .wishlist.loggedin .saved-list-main .saved-list-box .text {
        position: unset;
    }

    .wishlist.loggedin .whish-image-wrap .img-box {
        display: inline-block;
        padding:15px 0px;
    }

    .wishlist.loggedin .whish-image-wrap .img-box .im-box {
        width: 49%;
        display: inline-block;
    }

    .saved-list-main {
        padding-bottom: 40px !important;
    }

    .saved-list-main .saved-list-box {
        padding:12px 8px;
    }

    .saved-list-main .saved-list-box h4 {
        text-align: left;
        line-height: 23px;
    }

    .saved-list-box .view-savlist-btn, .creative-can-title .view-savlist-btn {
        width: 35px;
        height: 35px;
    }

    .supplier-reports .creative-can-title .view-savlist-btn {
        width: auto;
        height: auto;
    }
    .supplier-reports .curation-catlogue-content.text-justify {
        margin-top: 25px;
        padding: 0 10px;
    }

    .saved-list-box .view-savlist-btn span, .creative-can-title .view-savlist-btn span {
        display: none;
    }

    .saved-list-box .view-savlist-btn i, .creative-can-title .view-savlist-btn i {
        position: relative;
        top: -1px;
    }

    .wishlist .modal-content .signup-btn {
        margin-top:12px;
    }
    
    /** NAV CHANGES **/
    .navbar-toggler.active span {
        background: none !important;
        position: relative;
    }   
    
    .navbar-toggler.active span::before {
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 87%;
        height: 2px;
        display: block;
        background-color: #fff;
        position: absolute;
        top: 14px;
        left: 2px;
    }
    
    .navbar-toggler.active span::after {
        content: "";
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 87%;
        height: 2px;
        display: block;
        background-color: #fff;
        position: absolute;
        top: 14px;
        left: 2px;
    }

    body > main {
        padding-top:60px !important;
    }

    .home.loggedin .benefit .right h2, .home.loggedin .testimonial ul li h2, .home.loggedin .products-of-the-week h2 {
        width:45%;
    }

    .jumbotron.home-section.bottom-home-ban.home-ban {
        margin-top:40px;
    }

    /*** BOARD DETAILS PAGE ***/
    .page-count-mobile {
        margin-top: 15px;
    }
    .catologue-detail .breadcrumb .breadcrumb-item.active {
        font-size: 10px;
    }
    a.head-back-arrow { top:6px;}
    .filter-right-part .download-btn-dv.hidden-xs { display: inline-block !important; }
    .filter-right-part .bt-quote,.filter-right-part .download-btn-dv.hidden-xs, .filter-right-part .bt-catalog, .filter-right-part .bt-campaign {
        width:47%;
        text-align: center;
        margin:5px 1.5%;
        display:inline-block;
    }
    .commondropdown-body a.defalut-btn-green{
        margin: 0 0 10px;
    }
    .filter-right-part .download-btn-dv .btn { width:100%;}
    .shop-factory button#downloadMenuButton {
        font-size: 0;
        padding: 15px;
        position: relative;
        right: 15px;
        top: 3px;
        height: 42px;
        width: 42px;
        max-height: 42px;
    }
    .shop-factory .download-btn-dv .btn {
        margin-right: 0 !important;
    }
    .shop-factory .download-btn-dv .btn:after{
        right: 3px;
        top: 11px;
    }

    .shop-factory .new-grid-layout .product-download-icon {
        bottom: -14px;
        right: -13px;
    }

    .wishlist.loggedin .product-bx {
        height: 0;
        padding-top: 120%;
    }
    .wishlist.loggedin .product-bx a img {
        width: calc(88% - 40px);
        object-fit: cover;
        height: calc(88% - 60px);
        position: absolute;
        top: 30px;
        left: 20px;
    }
    .essential-catlogue-main .cat-detail-row { margin-top:20px !important;}

    .pagi .product_pagi { padding:6px;}
    .pagi ul li { margin:0px 3px;}

    /** MY STUDIO **/
    .catalog-listing.loggedin .inner-page-navigation .navbar-nav,
    .briefs-listing.loggedin .inner-page-navigation .navbar-nav,
    .boards.loggedin .inner-page-navigation .navbar-nav,
    .supplier-reports.loggedin .inner-page-navigation .navbar-nav  {
        display: inline-block;
        width: 100%;
        padding: 5px !important;
    }

    .catalog-listing.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav > .nav-item,
    .briefs-listing.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav > .nav-item,
    .boards.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav > .nav-item,
    .supplier-reports.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav > .nav-item {
        width:32%;
        padding: 0px;
        text-align: center;
        display: inline-block;
    }

    .catalog-listing.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav.Supplier > .nav-item,
    .briefs-listing.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav.Supplier > .nav-item,
    .boards.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav.Supplier > .nav-item,
    .supplier-reports.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav.Supplier > .nav-item {
        width:24%;
        padding: 0px;
        text-align: center;
        display: inline-block;
    }

    .catalog-listing.loggedin .inner-page-navigation .navbar-nav .nav-item .nav-link,
    .briefs-listing.loggedin .inner-page-navigation .navbar-nav .nav-item .nav-link,
    .boards.loggedin .inner-page-navigation .navbar-nav .nav-item .nav-link,
    .supplier-reports.loggedin .inner-page-navigation .navbar-nav .nav-item .nav-link {
        line-height: 1.4;
    }
    .inner-page-navigation .navbar-nav .nav-item .nav-link:after{
        right: -2px;
    }

    .catalog-listing.loggedin .mystudio-box {
        height: 0;
        padding-top: 120%;
    }
    .catalog-listing.loggedin .mystudio-box img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .catologue-detail.essential-catlogue-main {
        padding-top: 0px !important;
    }

    .documents-page .breadcrumb ul li a, .documents-page .breadcrumb ul li, .documents-page p {
        font-size: 10px !important;        
        font-family: 'SofiaProRegular' !important;
    }
    .documents-page p { margin-top: 5px;}

    .documents-page .breadcrumb { padding:0px;}
    .page-title-header { margin-bottom:24px;}

    h2.heading-tag {
        font-size:30px;
        line-height: 110%;
        font-weight: 700;
        margin-bottom: 24px;
        margin-top: 24px;
    }
 .slider.thumb-image .slick-slide.slick-current .thumbImg img{margin: 0 auto;}
    .hamburger-menu-button-open span { display: none;}
    .hamburger-menu-button, .filter, .hamburger-menu-button-open, .hamburger-menu-button-open::before, .hamburger-menu-button-open::after { width: 42px; height:42px;}
    #hamburger-menu .hamburger-menu-button-open img { position: unset;}
    .ham-menu { min-width: 300px;}

    /** ORDER & QUOTES **/
    .p-grid-info.your-respository>.container-fluid {
        padding: 0px !important;
    }

    /* .breadcrumb li { font-size: 10px !important;} */
    .p-grid-info.your-respository h2 {
        font-size: 36px;
        line-height: 110%;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .ordr-quote-block .block-title { max-width:50%;}
    .pro-col.details-col .download-btn-dv { width:48.5%;}
    .pro-col.details-col .download-btn-dv .btn { width:100%;}
    .pro-col.details-col .download-btn-dv .btn:after {top:7px; right:37%;}
    .pro-details-btn { width:48.5%;}
    .xs-mt-10 { margin-top:10px;}

    /*.essential-catalog .col-left.sidebar { display:none !important;}*/
    .page-title h2 { font-size: 36px; line-height: 110%; margin-bottom: 0px;}
    /* .essential-catalog .filter-right-part .download-btn-dv.hidden-xs { display:none !important;} */

    .pagi {
        padding: 0px;
    }
    .pagi ul li a, .pagi ul li input {
        font-size:15px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        min-width: unset;
        padding: 0px 10px;
    }
    ul.pagination li.next a { max-width: 65px !important; font-size:12px;}
    ul.pagination li.previous a {
        max-width:88px !important;
        width: auto !important; 
        font-size:12px;
    }

    /*** MY STUDIO INNER PAGES ***/
    .catalog-product-listing main {
        padding: 0px !important;
    }

    .catalog-product-listing .px-20, .container-fluid.bread.spppts {
        padding: 0px 20px !important;
    }
    .search .container-fluid.bread.spppts{
        padding: 0px 0px !important;
    }
    .catalog-product-listing .product-img .wishlist, .product-img .socio-share,  .search .product-img .wishlist {
        top: -15px;
        right: 6px;
    }
    .catalog-product-listing .product-img .wishlist, .search .product-img .wishlist {
        right: -10px;
    }
    .wishlist .product-download-icon.my-board-icon {
        bottom: 5px;
    }

    .catalog-product-listing .essential-catlog-banner {
        margin:65px -30px 0px -30px !important;
    }

    .catalog-product-listing .col2-left-layout, .board-detail.loggedin .col2-left-layout {
        margin-top: 0px;
    }

    .accordion .item .item-header h2 button {
        width: 90%;
        margin-left: 15px;
    }

    .mystudio-box {
        height: 0px;
        padding-top:145%;
        position: relative;
    }

    .mystudio-box a img {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .boards.loggedin .creative-can-title .view-savlist-btn {
        display: none;
    }

    .board-detail.loggedin .documents-page>.container-fluid {
        padding: 0px;
    }

    .board-detail.loggedin .page-title .head-back-arrow {
        display: none;
    }

    .board-detail.loggedin .col2-left-layout {
        margin-left: -20px;
    }

    /*** PROFILE ***/
    .xs-px-0 {
        padding-left:0px !important;
        padding-right: 0px !important;
    }
    
    .cart #profile-info.your-respository h2, .briefs #profile-info.your-respository h2, .quotes #profile-info.your-respository h2, .account-setting #profile-info .page-title h2,
    .documents-page .page-title  {
        font-size: 36px;
        line-height: 110%;
    }

    .account-setting .grey-box {
        justify-content: space-between;
    }

    .xs-mb-3 {
        margin-bottom: 1rem !important;
    }

    /*** DOCUMENTS ***/
    .doc-row { border-radius: 24px;}
    .doc-row .doc-col.doc-left { width:70%}
    .doc-row .doc-col.doc-right { width: 30%;}
    .doc-row .doc-col .doc-right-btn .downloadFileByVersion,
    .doc-row .doc-col .doc-right-btn .comment {
        display: none;
    }

    /*** PRODUCT DETAILS ***/
    .shop-detail .product-detail-slider-row {
        padding-top: 24px;
    }

    .shop-detail .col-lg-6.right-coffe-table {
        padding-top: 0px;
    }

    .product-detail .right-coffe-table form div.comments {
        display: inline-block;
        width: 100%;
        border-radius: 24px;
    }

    .product-detail .right-coffe-table form input, .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 {
        border-radius: 24px;
        padding: 8px 8px 8px 15px;
    }

    .product-detail .right-coffe-table form div.comments textarea {
        width: 100%;
        height: 70px;        
        background-color: #fff;
        border: 0;
        padding:12px;
        border-radius:16px;
        color: #A7A39F;
        line-height: 1;
    }

    .product-detail .right-coffe-table form div.comments label {
        margin-bottom: 8px;
    }

    .product-detail .right-coffe-table .breif-us {
        display: block;
    }

    .product-detail .right-coffe-table .breif-us a, .product-details-text-box-row h4 {
        margin-top: 8px;
    }

    .pro-quote-detail ul {
        display: inline-block;
        width: 100%;
    }

    .pro-quote-detail ul li {
        width: 48%;
        display: inline-block;
        margin-right: 1%;
        margin-bottom: 10px;
        min-height: 62px;
    }

    .pro-quote-detail ul li:last-child {
        width: 98%;
        margin-bottom: 5px;
    }

    .more-pro-factory h3 {
        color:#383734;
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px; /* 120% */
        text-transform: capitalize;
        text-align: left;
    }

    .btn.more-factory {
        font-weight: 700;
        font-size: 15px;
    }

  

    /*** SALES COMPAIGN ***/
    .salesCampaign-new .lead-generati .col2-left-layout {
        margin-bottom: 10px;
    }

    #signupToExplore a.exp-btn {
        margin-bottom: 50px;
    }

    .salesCampaign-new .product-box-wrapper .product-img,
    .handpick-just-for-u .product-box-wrapper .product-img {
        padding: 11px 0px 15px;
        overflow: visible;
        width: 100%;
        top: 0;
        height: calc(100% - 35px);
        left: 0;
        transition: all .3s;
    }
      .salesCampaign-new .product-box-wrapper .product-img{
        padding: 11px 35px 15px;
      }
    .salesCampaign-new .new-grid-layout .product-download-icon {
        bottom: -21px;
    }

    .salesCampaign-new .product-box-wrapper {
        padding-top: 118%;
        overflow: hidden;
    }

    .salesCampaign-new .product-box-wrapper .product-img img,
    .product-box-wrapper .product-img img {
        transition: all .3s;
        /* display: inline-block; */
        width: 100%;
    }

    .salesCampaign-new .product-box-wrapper:hover .product-img img,
    .product-box-wrapper:hover .product-img img {
        /* transform: scale(2.4); */
        transition: all .3s;
    }

    .salesCampaign-new .col-main {
        padding-right: 0px;
    }

    /*** CHAT CSS ***/
    .chat {
        display: block !important;
    }

    #frame #sidepanel {
        width:100% !important;
        padding: 15px 20px 0 20px !important;
    }
    
    #frame .content {
        width: 100% !important;
        min-width: 100% !important;
    }

    #frame #sidepanel #profile {
        background: none !important;
    }
    
    #frame #sidepanel #profile .wrap {
        height: inherit !important;
        display: inline !important;
        width: 100% !important;
        margin-bottom: 30px !important;
    }
    
    #frame #sidepanel #profile .wrap h2 {
        font-size: 33px !important;
    }

    #frame ul#userList {
        padding-right: 0px;
    }

    #frame #sidepanel #contacts ul li.contact {
        background:#F2EFED;
        border-radius: 99px !important;
        padding: 12px !important;
        min-height:74px !important;
        margin-bottom: 12px !important;
    }

    #frame #sidepanel #contacts ul li.contact .wrap {
        padding: 0px !important;
    }
    
    #frame #sidepanel #contacts ul li.contact .wrap .meta {
        display:flex !important;
        padding-left: 12px !important;
    }

    .chat-detail main {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .chat-detail #sidepanel.togglethis, .chat-detail #content.togglethis {
        display: none;
    }

    #frame .content {
        padding: 20px 20px !important;
    }

    #frame .content .contact-profile {
        align-items: center;
        padding: 0px !important;
    }

    #frame .content .message-input {
        left:20px;
        width: 100%;
    }
    #frame .content .message-input .message-input {
        left: 0px;
    }
    #frame .content .message-input .wrap button {
        padding: 0px !important;
        line-height: 40px !important;
        height: 40px !important;
    }

    #frame .content .messages ul li {
        width: 100% !important;
        margin: 15px 0px !important;
    }
    

    /** ORDERS AND QUOTES **/
    .quotes .pro-row-content {
        display: block;
    }

    .quotes .cart-image-box, .quotes .edit-remove-cart, .quotes .remove-pro.edit-detail-col {
        width: 100%;
        text-align: left;
    }

    .quotes .cart-image-box .product-image {
        height: auto;
    }

    .quotes .cart-product-row .pro-row-content a.conf {
        width: auto;
    }

    .quotes .pro-row-content .edit-remove-cart .prs, .quotes  .pro-row-content .edit-remove-cart .tprs {
        width: 33.33%;
        display: inline-block;
        text-align: left;
    }

    .quotes .edit-remove-cart {
        display: flex;
    }

    .quotes .pro-row-content .edit-remove-cart .prs span {
        width: 100%;
        display: block;
        text-align: left;
    }

    .quotes .pro-quote-detail ul li {
        width: 100%;
    }

    .quotes .spec-box.prs input {
        width:45px;
        height: 35px;
        background: #F2EFED;
        font-weight: 700;
        font-size: 15px;
        color: #383734;
        border: none;
        margin-left: 15px;
        padding-left: 5px;
        border-radius: 99px;
    }

    .quotes .pro-block-content .pro-thumb-img {
        width: 100%;
    }

    .quote .pro-quote-detail {
        padding: 10px 0px;
    }

    .essential-catalog .container-fluid.bread.spppts {
        padding: 0px !important;
    }
    
    .essential-catalog .col2-left-layout {
        margin-top: 0px !important;
    } 
    
    /*** DOCUMENTS DROPDOWN ***/
    #documents-btn {
        display: inline-block;
        width: 100%;
        border: none;
        line-height: 40px;
        text-align: center;
        background: #E0DCD6;
        position: relative;
        padding: 0px 20px;
        font-weight: 700;
        font-size: 15px;
        text-transform: capitalize;
        color: #383734;
        border-radius: 99px;
    }

    #documents-btn i {
        float: right;
        font-size: 25px;
        color: #383734;
        transform: rotate(0deg);
        transition: 0.5s;
        line-height: 40px;
    }

    #documents-div {
        display: none;
        position: absolute;
        top: 0px;
        left: auto;
        right: 15px;
        margin: auto;
        max-width: 100%;
        width: 0;
        overflow: hidden;
        opacity: 0;
        width: 75%;
        opacity: 1;
        z-index: 1002;
    }

    #documents-div.active:after {
        background: rgb(0 0 0 / 40%);
        opacity: 0.5;
        position: fixed;
        width: 100%;
        height: 100%;
        content: "";
        top: 0;
        right: 0;
        z-index: -1;
    }

    #documents-div.active .menu {
        opacity: 1;
    }


    #documents-div .category-header {
        padding: 0px 10px;
    }

    #documents-div a.close-documents-btn{
        font-size: 15px;
        color: #F2EFED !important;
        text-transform: capitalize !important;
        text-decoration: none !important;
        line-height: 7px;
        display: block !important;
        margin-bottom: 5px;
        border-radius: 99px;
        text-align: left;
        position: relative;
        text-indent: -999em;
        height: 35px;
        width: 35px;
        float: right;
    }

    #documents-div a.close-documents-btn::before {
        background-image: url(https://uat.nu-find.com/cache-buster-1695297632/bundles/global/images/close-black-svg.svg);
        background-repeat: no-repeat;
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        content: "";
        right: 4px;
        top: 10px;
        width: 20px;
        height: 20px;
        background-size: 70%;
    }

    #documents-div.active {
        display: block;
    }

    .documents-header-inn {
        line-height: 32px;
    }

    #documents-div .menu {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        margin: 0;
        padding: 6px;
        opacity: 1;
        border-radius: 20px;
        background-color: #fff;
        height: 100%;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        opacity: 0;
    }

    #documents-div .cate {
        display: inline-block;
        background: #F2EFED;
        font-style: normal;
        font-size: 15px;
        line-height: 39px;
        text-transform: capitalize;
        background: #383734;
        color: #fff;
        border-radius: 99px;
        text-decoration: none;
        width: 100%;
        padding: 0px 15px;
        margin-bottom: 5px;
    }

    #documents-div .menu>li {
        padding-bottom:0px;
    }

    #documents-div .datasort {
        padding: 0;
    }

    #documents-div .accordion .item {
        margin-bottom: 5px;
    }

    #documents-div .accordion .item .item-header {
        margin-bottom: 0px;
    }

    #documents-div .accordion .collapse {
        margin-bottom: 0px;
    }

    #documents-div .category-header-inn span {
        position: relative;
        top: 4px;
    }

    .inner-page-navigation.document-navigation .col-lg-12 {
        padding: 0 0px;
    }

    #documents-div .accordion .item .item-header h2 button.btn.btn-link {
        background: #F2EFED;
        text-decoration: none;
        background-color: #383734 !important;
        color: #fff;
        padding: 10px 15px;
        border-radius: 25px 25px 0px 0px;
        margin: 0px;
        width: 100%;
    }

    #documents-div .accordion .item .item-header h2 button.btn.btn-link:hover {
        background-color: #383734 !important;
        color: #fff;
    }

    #documents-div .accordion .item .item-header h2 button.btn.btn-link.collapsed {
        background: #F2EFED!important;
        color: #383734;
        border-radius: 99px;
        position: relative;
        padding: 7px 17px;
    }

    #documents-div .accordion .item .item-header h2 button.btn.btn-link i {
        color:#fff;
    }

    #documents-div .accordion .item .item-header h2 button.btn.btn-link.collapsed i {
        color: #383734;
    }

    #documents-div .accordion .item .collapse {
        border-radius: 0px 0px 25px 25px;
        background-color: #E0DCD6 !important;
        padding-bottom: 10px;
    }

    #documents-div .accordion .item .collapse ul {
        list-style: none;
        padding: 0;
        border: none;
        box-shadow: none;
        margin: 0;
        display: inline-block;
        border-radius: 0px 0px 25px 25px;
        width: 100%;
    }

    #documents-div .accordion .item .collapse ul li:last-child a {
        border-radius: 0px 0px 25px 25px;
    }

    #documents-div .accordion .item .collapse ul li a {
        display: inline-block;
        width: 100%;
        line-height: 40px;
        padding: 0px 15px;
        font-weight: 700;
        border-bottom: 2px solid #fff;
        background: #F2EFED;
    }

    .documents-page .page-title-header .orange-btn {
        right: 20px;
    }

    .pro-block-content {
        width:100%;
        display: inline-block;
    }

    .pro-quote-detail .two-column-wrapper .tw-col {
        width: 100%;
    }

    .pro-quote-detail .two-column-wrapper {
        flex-wrap: wrap;
    }

    /** BRIEF CSS **/
    .curation-catlogue-box.new-request-box .mystudio-box,
    .Brief-request-main .mystudio-box {
        height: 0;
        padding:0px;
        padding-top: 235%;
        margin-bottom: 15px;
    }
   

    .Brief-request-main .mystudio-box .box-details {
        background:#F2EFED; 
        width: 100%;
        text-align: left;
        padding: 10px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        display: flex;
        align-items: center;
       flex-wrap: wrap;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 240px;
    }
    .Brief-request-main .new-brief-icon {
        max-width: 90px;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        bottom: 120%;
        top: auto;
        text-align: center;
        left: 0;
        right: 0;
    }

    .Brief-request-main .mystudio-box .box-details h6 {
        font-size: 15px;
        color: #383734 !important;
        margin-bottom: 0px;
    }

    .Brief-request-main p.brif-pro-no {
        color: #383734 !important;
    }

    .Brief-request-main .mystudio-box h6 br {
        display:  none;
    }

    .brief-green-box a.brif-us-btn {
        position: unset;
    }

    .briefs-detail .doc-row h4 {
        word-break: break-word;
    }

    .briefs-listing .documents-page .orange-btn {        
        color: #fff;
        font-size: 30px;
        width: 42px;
        height: 42px;
        text-align: center;
        padding: 0px;
        line-height: 34px;
        border-radius: 99px;
        font-weight: normal;
    }

    .briefs-listing .col2-left-layout {
        margin-top: 0px;
    }

    .shop-category .container-fluid.bread.spppts,
    .shop-factory .container-fluid.bread.spppts {
        padding: 0px !important;
    }

    .shop-category .filter-right-part .download-btn-dv .btn  {
        height: 42px;
        max-height: unset;
        line-height: 42px;
        width: 42px;
        padding: 0px;
        text-align: center;
        margin-right: 5px;
    }

    .shop-category .download-btn-dv .btn:after {
        top: 11px;
        right: 6px;
    }

    .shop-category .product-img .wishlist,
    .shop-factory .product-img .wishlist {
        top: -15px;
        right: -10px;
    }

    .pagi ul li {
        margin: 0px;
    }

    .roll-wise-block-content .pro-col.details-col .download-btn-dv {
        top: -3px;
    }
    .signup-modal .close {
        z-index: 99999;
    }

    .signup-modal .modal-dialog-centered {
        margin: 10px 10px !important;
        width: calc(100% - 20px) !important;
    }

    .quotes .right-coffe-table form div.comments.price-list {
        display: inline-block;
        width: 100%;
    }

    .quotes .cart-modal.update-data .right-coffe-table form .comments.price-list label,
    .cart-modal.update-data .comments.price-list .frmControl-15541664 {
        width: 100% !important;
    }

    .quotes .cart-modal.update-data .comments .nform .form-group {
        width:42% !important;
    }

    #deleteConfirmationModal .modal-footer button {
        min-width: unset;
    }

    /** SEACRH BOX CSS **/
    .main-header-srch.active, .main-header-srch .search label {
        width:100%;
    }

    .main-header-srch .search .search-input {
        width:calc(100% - 15px);
    }
    /** ENDS HERE **/

    /** GENERIC INNER PAGE BANNER MOBILE CSS **/
    .mobile-top-banner {
        margin-top: 65px;
    }
    
    .mobile-top-banner .item {
        padding-top: 125%;
        height: 0px;
    }

    .neg-margin-xs {
        margin-left: -20px;
        margin-right: -20px;
    }
    /** ENDS HERE **/
   
    .catalog-listing.loggedin .my-studio-navigation li span em,
    .briefs-listing.loggedin .my-studio-navigation li span em,
    .boards.loggedin .my-studio-navigation li span em,
    .supplier-reports.loggedin .my-studio-navigation li span em  {
        display: none !important;
    }

    .salesCampaign-new .page-title h2 span {
        display: inline-block !important;
    }
    .page-title-edit {
        position: absolute;
        top: -60px;
        left: 51px;
    }
    .search .new-grid-layout .product-download-icon {
        bottom: -22px;
        right: -10px;
    }
    .catalog-listing .download-btn-dv.commondropdown .btn{
        margin-right: 0;
    }
    .search-table-grid-record {
        margin-top: 50px;
        max-width: 100%;
    }
    .Brief-request-main .brif-us-btn {
        background: #688563;
        border: 0;
        color: #fff;
        font-size: 14px;
        border-radius: 99px;
        padding: 1px 13px;
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        width: 30px;
        height: 30px;
    }
    .brief-green-box .new-brief-icon img {
        width: 70%;
    }
    .new-request-box a.brif-us-btn .fa {
        position: relative;
        right: 3px;
        top: 1px;
    }
    .new-request-box a.brif-us-btn{
        position: absolute;
        bottom: 14px;
    }
    
}

/*CSS for Mini tablet*/
@media only screen and (min-width:601px) and (max-width:767px) {
    .products-of-the-week ul li {
        width: 100% !important;
    }
    .home-page-title {
        padding: 90px 0 25px 0;
    }
    .product-detail .right-coffe-table form div.comments textarea {
        width: 100%;
        height: 70px;
        background-color: #fff;
        border: 0;
        padding: 12px;
        border-radius: 16px;
        color: #A7A39F;
        line-height: 1;
    }
    .catologue-detail .essential-catlog-row  img {
        padding: 55px 24px;
    }
    .cat-detail-small-box {
        flex: 33.33%;
        width: 33.33%;
        max-width: 33.33%;
    }
    .filter-right-part.savedListMain .hidden-xs{
        display:inline-block !important; 
    }
    .filter-right-part.savedListMain{
        margin-bottom: 20px;
    }
    .modal-dialog-centered::before, .modal-dialog-centered{
        width: auto !important;
    }
    .main-header-srch .search label {
        margin-bottom: 0;
        position: relative;
        width: 100%;
    }
    .main-header-srch.active {
        width: 100%;
    }
    .main-header-srch.active {
        margin: 0px 0px 20px 10px;
    }
    .search {
        padding: 0 10px 0px 0;
    }
    .sidebar{
        width: 351px;
    }
    .pro-block-content .col-md-4{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .quotes-new-list .cart-product-row a.conf{
        width: auto !important;
    }
    .spec-box.visible-xs{
        display: none !important;
    }
    .qty-prs.hidden-xs{
        display: inline-block !important;
    }
    #documents-btn {
        display: inline-block;
        width: 100%;
        border: none;
        line-height: 40px;
        text-align: center;
        background: #E0DCD6;
        position: relative;
        padding: 0px 20px;
        font-weight: 700;
        font-size: 15px;
        text-transform: capitalize;
        color: #383734;
        border-radius: 99px;
    }
    .inner-page-navigation.document-navigation .col-lg-12 {
        padding: 0 0px;
    }
    #documents-btn i {
        float: right;
        font-size: 25px;
        color: #383734;
        transform: rotate(0deg);
        transition: 0.5s;
        line-height: 40px;
    }
    #documents-div {
        display: none;
        position: absolute;
        top: 0px;
        left: auto;
        right: 15px;
        margin: auto;
        max-width: 100%;
        width: 0;
        overflow: hidden;
        opacity: 0;
        width: 75%;
        opacity: 1;
        z-index: 1002;
    }
    #documents-div .menu {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        margin: 0;
        padding: 6px;
        opacity: 1;
        border-radius: 20px;
        background-color: #fff;
        height: 100%;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        opacity: 0;
    }
    #documents-div.active .menu {
        opacity: 1;
    }
    #documents-div.active {
        display: block;
    }
    #documents-div .menu>li {
        padding-bottom: 0px;
    }
    #documents-div .category-header {
        padding: 0px 10px;
    }
    #documents-div .category-header-inn span {
        position: relative;
        top: 4px;
    }
    #documents-div a.close-documents-btn {
        font-size: 15px;
        color: #F2EFED !important;
        text-transform: capitalize !important;
        text-decoration: none !important;
        line-height: 7px;
        display: block !important;
        margin-bottom: 5px;
        border-radius: 99px;
        text-align: left;
        position: relative;
        text-indent: -999em;
        height: 35px;
        width: 35px;
        float: right;
    }
    #documents-div.active:after {
        background: rgb(0 0 0 / 40%);
        opacity: 0.5;
        position: fixed;
        width: 100%;
        height: 100%;
        content: "";
        top: 0;
        right: 0;
        z-index: -1;
    }
    #documents-div .cate {
        display: inline-block;
        background: #F2EFED;
        font-style: normal;
        font-size: 15px;
        line-height: 39px;
        text-transform: capitalize;
        background: #383734;
        color: #fff;
        border-radius: 99px;
        text-decoration: none;
        width: 100%;
        padding: 0px 15px;
        margin-bottom: 5px;
    }
    #documents-div .accordion .item .item-header h2 button.btn.btn-link.collapsed {
        background: #F2EFED!important;
        color: #383734;
        border-radius: 99px;
        position: relative;
        padding: 7px 17px;
        margin: 0px;
        width: 100%;
    }
    #documents-div .datasort {
        padding: 0;
    }
    #documents-div .accordion .item .collapse {
        border-radius: 0px 0px 25px 25px;
        background-color: #E0DCD6 !important;
        padding-bottom: 10px;
    }
    #documents-div .accordion .item .collapse ul {
        list-style: none;
        padding: 0;
        border: none;
        box-shadow: none;
        margin: 0;
        display: inline-block;
        border-radius: 0px 0px 25px 25px;
        width: 100%;
    }
    #documents-div .accordion .item .collapse ul li a {
        display: inline-block;
        width: 100%;
        line-height: 40px;
        padding: 0px 15px;
        font-weight: 700;
        border-bottom: 2px solid #fff;
        background: #F2EFED;
    }
    #documents-div .accordion .item {
        margin-bottom: 5px;
    }
    #documents-div .accordion .item .item-header {
        margin-bottom: 0px;
    }
    #documents-div .accordion .item .item-header h2 button.btn.btn-link {
        background: #F2EFED;
        text-decoration: none;
        background-color: #383734 !important;
        color: #fff;
        padding: 10px 15px;
        border-radius: 25px 25px 0px 0px;
        margin: 0px;
        width: 100%;
    }
    #documents-div .accordion .item .item-header h2 button.btn.btn-link.collapsed i {
        color: #383734;
    }
    #documents-div .accordion .item .item-header h2 button.btn.btn-link i {
        color: #fff;
    }
    #documents-div a.close-documents-btn {
        font-size: 15px;
        color: #F2EFED !important;
        text-transform: capitalize !important;
        text-decoration: none !important;
        line-height: 7px;
        display: block !important;
        margin-bottom: 5px;
        border-radius: 99px;
        text-align: left;
        position: relative;
        text-indent: -999em;
        height: 35px;
        width: 35px;
        float: right;
    }
    #documents-div a.close-documents-btn::before {
        background-image: url(https://uat.nu-find.com/cache-buster-1695297632/bundles/global/images/close-black-svg.svg);
        background-repeat: no-repeat;
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        content: "";
        right: 4px;
        top: 10px;
        width: 20px;
        height: 20px;
        background-size: 70%;
    }
    .ham-menu {
        min-width: 390px;
        right: 10px;
    }
    .accordion .item .item-header h2 button {
        width: 90%;
        margin-left: 15px;
    }
   
    .new-grid-layout .col-lg-3{
        flex: 33.33%;
        max-width: 33.33%;
    }
    .product-img .wishlist, .product-img .socio-share{
        height: 24px;
    }
    .catalog-listing.loggedin .inner-page-navigation .navbar-nav, .briefs-listing.loggedin .inner-page-navigation .navbar-nav, .boards.loggedin .inner-page-navigation .navbar-nav {
        display: inline-block;
        width: 100%;
        padding: 5px !important;
    }
    .catalog-listing.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav > .nav-item, .briefs-listing.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav > .nav-item, .boards.loggedin .inner-page-navigation.my-studio-navigation.document-navigation .navbar-nav > .nav-item {
        width: 32%;
        padding: 0px;
        text-align: center;
        display: inline-block;
    }
    .catalog-listing.loggedin .inner-page-navigation .navbar-nav .nav-item .nav-link, .briefs-listing.loggedin .inner-page-navigation .navbar-nav .nav-item .nav-link, .boards.loggedin .inner-page-navigation .navbar-nav .nav-item .nav-link {
        line-height: 1.4;
    }
    .catalog-listing.loggedin .inner-page-navigation .navbar-nav {
        margin-bottom: 30px;
    }
    h2.heading-tag {
        font-size: 36px;
        line-height: 110%;
        font-weight: 700;
        margin-bottom: 24px;
        margin-top: 24px;
    }
    .catalog-listing .col-lg-6.col-md-6.col-9.flush.no-flush-md {
        flex: 50%;
        max-width: 50%;
    }
    .brif-us-btn span{
        display: inline-block !important;
    }
    .saved-list-main .row.align-items-center  .col-md-6{
        flex: 50%;
        max-width: 50%;
    }
    .slick-slide .thumbnail-image .thumbImg img {
        max-width: 93px !important;
        background: #f2efed;
        padding: 10px;
    }
    .slider-horizon .slider-nav .slick-list.draggable {
        background-color: #fff;
    }
    .slider-horizon .slider-nav .slick-list.draggable {
        padding: 0 30px;
    }
    .product-detail-slider-row .col-lg-6 {
        padding: 0 8px;
        flex: 50%;
        max-width: 50%;
    }
    .right-coffe-table form label{
        width: 27%;
    }
    .right-coffe-table .breif-us p{
        font-size: 14px;
    }
    .catalog-product-listing .visible-xs.px-20{
        display: block !important;
    }
    .jumbotron.home-section.home-ban.visible-xs{
        display: none !important;
    }
    .jumbotron.home-section.home-ban.hidden-xs{
        display: block !important;
    }
    .blog-page #product-infos.p-grid-info {
        padding: 0 50px !important;
    }
    .article-grid .col-lg-4, .most-popular-articles .col-lg-3 {
        padding: 0px 8px;
        flex: 50%;
        max-width: 50%;
    }
    .article-pagination .text-right {
        text-align: center!important;
    }
    .blog-title-body {
        min-height: 250px;
    }
    .salesCampaign-new .container-fluid.hidden-xs ,.salesCampaign-new .container-fluid.hidden-xs + .sales-campaign-banner.hidden-xs{
        display: block !important;
    }
    .salesCampaign-new .mobile-top-banner.visible-xs + .container-fluid.visible-xs{
        display: none !important;
    }
    .lead-generati .col-12.text-right.hidden-xs{
        display: block !important;
        margin-top: 15px;
    }
    .bree.select_wrap.download-catalog-btn .show{
        width: auto !important;
    }
    .row.essential-catlog-banner.hidden-xs {
        display: block !important;
    }
    .essential-catlog-banner .item img{
        border-radius: 8px;
    }
    .essential-catlog-banner .spss{
        padding: 0;
    }
}

@media only screen and (min-width:1169px) and (max-width:1365px) {

    .product-bx.my-board-pbox, .product-box-wrapper {
        height: 22vw;
    }
    .item-requested-by-you-products.carousel-category-images .product-box-wrapper {
        height: 25vw;
    }
}
@media only screen and (min-width:992px) and (max-width:1169px) {

    .product-bx.my-board-pbox , .product-box-wrapper{
        height: 25vw;
    }
    .salesCampaign-new .product-box-wrapper{
        height: 27vw;
    }
    .item-requested-by-you-products.carousel-category-images .product-box-wrapper {
        height: 29vw;
    }
}

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

}

@media only screen and (max-width:992px) {
/** MARKETPLACE CSS ***/
button#hamburger-menu2.category span {
    display: block;
}

button#hamburger-menu2.category {
    width: 100%;
    height: 45px;
}

#category-btn {
    display: inline-block;
    width: 100%;
    border: none;
    line-height: 40px;
    text-align: left;
    background: #F2EFED;
    position: relative;
    padding: 0px 20px;
    font-weight: 700;
    font-size: 15px;
    text-transform: capitalize;
    color: #383734;
    border-radius: 99px;
}

#category-btn i {
    float: right;
    font-size: 25px;
    color: #383734;
    transform: rotate(0deg);
    transition: 0.5s;
    line-height: 40px;
}

#category-div {
    display: none;
    position: absolute;
    top: 0px;
    left: auto;
    right: 15px;
    margin: auto;
    max-width: 100%;
    width: 0;
    overflow: hidden;
    opacity: 0;
    width: 75%;
    opacity: 1;
    z-index: 1002;
}

#category-div.active:after {
    background: rgb(0 0 0 / 40%);
    opacity: 0.5;
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    right: 0;
    z-index: -1;
}

#category-div.active .menu {
    opacity: 1;
}


#category-div .category-header {
    padding: 0px 10px;
}

#category-div a.close-category-btn{
    font-size: 15px;
    color: #F2EFED !important;
    text-transform: capitalize !important;
    text-decoration: none !important;
    line-height: 7px;
    display: block !important;
    margin-bottom: 5px;
    border-radius: 99px;
    text-align: left;
    position: relative;
    text-indent: -999em;
    height: 35px;
    width: 35px;
    float: right;
}

#category-div a.close-category-btn::before {
    background-image: url(https://uat.nu-find.com/cache-buster-1695297632/bundles/global/images/close-black-svg.svg);
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    content: "";
    right: 4px;
    top: 10px;
    width: 20px;
    height: 20px;
    background-size: 70%;
}

#category-div.active {
    display: block;
}

.category-header-inn {
    line-height: 32px;
}

#category-div .menu {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    margin: 0;
    padding: 6px;
    opacity: 1;
    border-radius: 20px;
    background-color: #fff;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

#category-div .cate {
    display: inline-block;
    background: #F2EFED;
    font-style: normal;
    font-size: 15px;
    line-height: 39px;
    text-transform: capitalize;
    background: #383734;
    color: #fff;
    border-radius: 99px;
    text-decoration: none;
    width: 100%;
    padding: 0px 15px;
    margin-bottom: 5px;
}

#category-div .menu>li {
    padding-bottom:0px;
}

#category-div .datasort {
    padding: 0;
}

#category-div .accordion .item {
    margin-bottom: 5px;
}

#category-div .accordion .item .item-header {
    margin-bottom: 0px;
}

#category-div .accordion .collapse {
    margin-bottom: 0px;
}

#category-div .accordion .item .item-header h2 button.btn.btn-link {
    background: #F2EFED;
    text-decoration: none;
    background-color: #383734 !important;
    color: #fff;
    border-radius: 25px 25px 0px 0px;
    margin-left: 0px !important;
    width: 100% !important;
    padding: 7px 17px;
}

#category-div .accordion .item .item-header h2 button.btn.btn-link.collapsed {
    background: #F2EFED!important;
    color: #383734;
    border-radius: 99px;
    position: relative;
    padding: 7px 17px;
}
#category-div .accordion .item .item-header h2 button.btn.btn-link span {
    font-family: 'SofiaProRegular' !important;
}

#category-div .accordion .item .item-header h2 button.btn.btn-link i {
    color:#fff;
}

#category-div .accordion .item .item-header h2 button.btn.btn-link.collapsed i {
    color: #383734;
}

#category-div .accordion .item .collapse {
    border-radius: 0px 0px 25px 25px;
    background-color: #F2EFED !important;
    padding-bottom: 0px;
    overflow: hidden;
}

#category-div .accordion .item .collapse ul {
    list-style: none;
    padding: 0;
    border: none;
    box-shadow: none;
    margin: 0;
    display: inline-block;
    border-radius: 0px 0px 25px 25px;
    width: 100%;
}

#category-div .accordion .item .collapse ul li:last-child a {
    border-radius: 0px 0px 25px 25px;
}

#category-div .accordion .item .collapse ul li a, #category-div .accordion .item .collapse h2>button {
    display: inline-block;
    width: 100%;
    line-height: 40px;
    padding: 0px 15px;
    font-weight: 700;
    border-bottom: 2px solid #fff;
    background: #F2EFED;
    text-align: left;
    color: #383734;
}  

#category-div .accordion .item .collapse h2>button.active {
    background:#fff;
}   
.share-dropdown-account-manager {
    flex-wrap: wrap;
}
.share-dropdown-account-manager .brieft-share-to-dropdown , .share-to-dw, .form-control.share-to-dw:focus{
    width: 100%;
    max-width: 100%;
}
.brieft-share-to-dropdown .share-to-lable, .edit-comment-text .share-to-lable{
    width: 220px;
    text-align: left;
}
.brieft-share-to-dropdown{
    margin-left: 0 !important;
}
.edit-comment-text .share-to-lable{
    margin-right: 5px;
}
.supplier-table-wrapper{
    min-height: 500px;
}
.edit-comment-text, .share-column-right {
    width: 100%;
}
.Brief-request-main p.brif-pro-no {
    font-size: 12px;
    line-height: 15px;
    margin: 0;
}
.new-request-box .mystudio-box h6, .Brief-request-main .mystudio-box h6{
    font-size: 18px;
}
.products-of-the-week .curation-just-for-u-slider li .without-hover {
    height: 100%;
}

}

@media only screen and (max-width:766px) {
    .share-dropdown-account-manager {
        flex-wrap: wrap;
        padding: 0 !important;
    }
    .brieft-share-to-dropdown .share-to-lable {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .brieft-share-to-dropdown {
        padding-top: 35px;
    }
    .share-dropdown-account-manager .brieft-share-to-dropdown, .share-to-dw, .form-control.share-to-dw:focus{
        position: relative;
    }
    .brieft-share-to-dropdown .share-to-lable {
        text-align: left;
    }
    .brieft-share-to-dropdown .select2-container{
        z-index: 9 !important;
    }
    .edit-comment-text{
        flex-wrap: wrap;
    }
    body .edit-comment-text p {
        font-size: 16px !important;
        font-family: 'FS Emeric' !important;
    }
    .copy-board-dv + .text .txt-left, .copy-board-dv + .text .txt-right {
        margin-top: 60px;
    }
    .p-hol a{
        width: 54px;
    }
    #frame .content .messages {
    max-height: calc(100% - 155px) !important;
    }
    #frame .content .message-input{ bottom: 20px !important;}
}
@media (max-width: 600px){
    .block-header {
    flex-wrap: wrap;
    }
    .ordr-quote-block .block-title {
    max-width: 100%;
    order: 2;
    }
    .ordr-quote-block .status-dv {
    width: 100%;
    justify-content: end;
    margin-bottom: 10px;
    }
    .brief-content-box h1 {
    font-size: 30px;
    }
     .doc-row .doc-col.doc-left {
    width: 60%;
    }
    .doc-row .doc-col.doc-right {
    width: 40%;
    }
     .products-of-the-week.hand-picked .product-box-wrapper {
    padding-top: 124%;
    }
    .products-of-the-week.hand-picked.handpick-just-for-u.item-requested-by-you-products.carousel-new-category-images h2{
        width: 63%;
    }
    .user-panel h2, .home-page-title h2, .products-of-the-week h2, .catologue-detail h2, .documents-page .page-title, .page-title h2,
     #frame #sidepanel #profile .wrap h2,  .account-setting #profile-info .page-title h2, .catalog-detail .page-title{
        font-size: 30px;
    }
    #sharemodal .select2-container--default .select2-selection--multiple .select2-selection__choice{
        padding:0 10px;
    }
      .essential-catalog.product-supplier-update  .filter-right-part {
        width: auto;
        margin-top: 0;
    }
   .essential-catalog.product-supplier-update .step-btn-container {
    margin-top: 30px;
    }
     .essential-catalog.product-supplier-update .filter.camp-release-filter , 
     .essential-catalog.product-supplier-update .camp-release-filter .hamburger-menu-button
     .essential-catalog.product-supplier-update .camp-release-filter span.hamburger-menu-button-open {
     width: 42px;
    }
     .essential-catalog.product-supplier-update .hamburger-menu-button .filter-icon{
        left: auto !important;
    }
     #ham-navigation-supplier {
        left: 0;
    }
     #ham-navigation-supplier .closetext{
        background: unset;
    }
     .product-page-detail ul li {
     width: 48.4%;
    }   
     .shop-detail .detail-page-title h2 {
    padding-right: 100px;
    font-size: 26px;
    }
     #wishlistItemsStatus h2 button, #creationDateFilter h2 button, #modificationDateFilter h2 button { margin: 0; width: 100% !important;}
      #wishlistItemsStatus1 .radio-tile-group .input-container { width: 96%; }
}

@media only screen and (min-width:320px) and (max-width:475px) {
    .fair-item .overlay-text p {
        font-size:16px;
    }

    .signup-modal .modal-content h5, .signup-modal .modal-content h2,
    .page-title h2 {
        font-size:30px;
    }

    .home-singlepage .modal-content input, .home-singlepage .modal-content select {
        font-size:12px;
    }

    .home.loggedin .personal-account-section .acc-persion-contact li.so-message a {
        font-size:12px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .ham-menu.on {
        width:250px !important;
        min-width: 250px !important;
    }

    .accordion .item .item-header h2 button{
        width: 88% !important;
    }

    #saveListDownload .ppt-dropdown .dw-item {
        width: 88% !important;
        margin: 5px auto 6px auto;
    }
    .essential-catalog #saveListDownload .ppt-dropdown .dw-item{
        margin: 10px auto 6px auto;
    }
    .page-count-mobile {
        font-size: 14px;
    }

    .shop-category .filter-right-part .download-btn-dv .btn {
        height: 30px;
        max-height: unset;
        line-height: 30px;
        width: 30px;
        padding: 0px;
        text-align: center;
        margin-right: 5px;
    }

    .shop-category .download-btn-dv .btn:after  {
        top: 6px;
        right: -2px;
    }

    /* .hamburger-menu-button, .filter, .hamburger-menu-button-open, .hamburger-menu-button-open::before, .hamburger-menu-button-open::after {
        width: 30px !important;
        height: 30px !important;
    } */
    .hamburger-menu-button {
        top: 3px;
    }

    #frame #sidepanel #contacts ul li.contact {
        width: 100% !important;
    }

   .user-last-message{
    width: 190px !important;
   }

    #frame .content {
        width: calc(100% - 60px) !important;
        min-width: unset !important;
        float: left;
    }
    .essential-catalog .commondropdown-body{
        right: 0px;
        left: 0;
    }
    .image-not-in-ratio{
        min-height: unset;
    }
}
@media only screen and (min-width:320px) and (max-width:390px) {
    .my-item-page-updateitem-page .orange-btn {
        padding: 6px 10px 6px 10px;
        text-align: center;
        line-height: 13px;
    }
    .my-item-add-placehoder .product-box-wrapper .add-new-itme{
        font-size: 13px;
        padding: 5px 10px;
        transform: scale(0.9);
    }
    a.add-new-itme.my-item-addboard{
        margin-top: 15px;
    }
    .product-box-wrapper .product-desc {
    padding: 6px 45px 10px 10px;
    }
    .product-box-wrapper .product-desc h6 {
    line-height: 15px;
    }
    .Brief-request-main .new-brief-icon{
        bottom: 110%;
    }
}