@media (width <= 1710px)  {
    
}

@media (width <= 1366px) {
    /* .mutiple-product .wrapper{    overflow: overlay;} */
    header nav.navbar .collapse ul.navbar-nav li.nav-item input.search{ width: 530px;}
    main.home-page .cards-wrapper .owl-nav{    left: -3%;    width: 106%;}
    main.regitration-page section.sectionFour .wrapper .four-boxs .figureWrapper{    width: 250px;}
    main.regitration-page section.sectionFour .wrapper .four-boxs .figureWrapper .box-txt p{    margin-bottom: 5px;    font-size: 1rem;}
    main.regitration-page section.sectionFour .wrapper .four-boxs .figureWrapper .box p{    font-size: 14px;}
    .login-page .form input{    height: 70px;}
    main.home-page section.trend .mumbai-community ul li img, main.home-page section.trend .inspiration-community ul li img{    width: 80px;height: 85px;}
    header nav.navbar .navbar-brand{    margin-right: 3rem;}
    header nav.navbar .collapse ul.navbar-nav li.nav-item a.nav-link.shop{    margin-left: 1rem;}
    main.regitration-page section.sectionThree ul li{    padding-right: 0rem;}
    main.regitration-page section.sectionEight .wrapper .carosuelWrapper .owl-carousel .owl-nav{    left: -15%;    width: 130%;}
    main.regitration-page section.sectionTwo .wrapper .weHelp{    height: auto;}
    main.regitration-page section.sectionSix .wrapper .owl-carousel .owl-stage-outer .owl-item .item .wrapper img{    width: 120px;height: 120px;}
    main.regitration-page section.sectionSix .wrapper .owl-carousel .owl-nav{    left: -20px;}
    /* .mutiple-product figure .img-cover:hover .sub-menu{    position: fixed;margin-left: 8px; margin-top: 1px;} */
    .mutiple-product figure figcaption{    font-size: 11px;}
    .mutiple-product figure{width: 70px; height: 120px;}
    .mutiple-product figure .img-cover .sub-menu{    padding-top: 3.6rem;}
}

@media (width <= 1024px) {
    .mutiple-product{display: none;}
    header nav.navbar .collapse ul.navbar-nav li.nav-item input.search{width: 420px;} 
    #nav-icon4{display: none;}
     /* header nav.navbar .navbar-brand{    margin-right: 4rem;} */
     header nav.navbar a.navbar-brand img{    width: 140px;}
     .mutiple-product .wrapper{    overflow: overlay;}
     main.home-page .cards-wrapper .cards .body .product-image{    height: 250px;}
     main.home-page section.brands .brands-slider .item table tr td{    padding: 1rem;}
     main.home-page section.three .shop-by-designlist .row .column img{    height: 280px;}
     main.home-page section.like-by-designer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imagepin img{    height: 400px;}
     main.home-page section.like-by-designer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imagepin h2{    font-size: 20px;}
     main.home-page section.trend .mumbai-community h5, main.home-page section.trend .inspiration-community h5{font-size: 22px;}
     main.home-page section.trend .mumbai-community ul li img{width: 60px;}
     main.home-page section.five .frame__content .frame__image{    height: 350px;    width: 100%;}
     main.home-page section.ideas-ins .grid-card .cards-footer p{    font-size: 20px;}
     main.home-page section.tages ul li span{    font-size: 13px;}
     main.home-page section.tages ul li img{    width: 25px;}
     main.regitration-page section.sectionFour .wrapper .four-boxs .figureWrapper{        width: 220px;}
     main.regitration-page section.sectionTwo .wrapper .weHelp h3{    padding: 0 15rem;    margin-top: 5rem;}
     main.regitration-page section.sectionTwo .wrapper .weHelp ul li p{    font-size: 24px;}
     main.regitration-page section.sectionOne .banner .wrapper{    padding-top: 50rem;}
}

@media (width <= 768px) {
    main.checkout-form{    margin: 0;}
    header nav.navbar a.navbar-brand img{    width: 160px;}
    header .top-link{display: none;}
    #nav-icon4{display: block;}
    .navbar-collapse.collapse.show{position: absolute; width: 100%; background: #fff; top: 95%;}
    header nav.navbar .collapse ul.navbar-nav{    flex-direction: row;
        padding-bottom: 2rem;}

    .mutiple-product{    overflow: overlay;}
    /* Vendor Page css start*/
    main.vendor .sub-header{    margin-top: 1rem;}
    main.vendor header img.fav-logo{    width: 250px;}
    main.vendor .sub-header p{font-size: 2rem;}
    main.vendor .sub-header span{    font-size: 1.5rem;}
    main.vendor .mainSlider .furniture-design img,
    main.vendor .mainWrapper .wrapper .onilne-product img,
    main.vendor .mainWrapper .wrapper figure img{width: 100%;}
    /* main.vendor .mainWrapper .wrapper figure img{transform: scale(1.1);} */
    main.vendor .mainSlider .furniture-design .furniture-txt{top: 29%;right: calc(370px - 46%);width: 280px;}
    main.vendor h3{ font-size: 1.3rem;}
    main.vendor p.sub-txt{font-size: 1.3rem;font-weight: 100;line-height: normal;letter-spacing: 0;}
    main.vendor .mainWrapper .wrapper figure figcaption{    top: 10px;left: 10px;    width: 400px;}
    main.vendor .mainWrapper .wrapper .brands h3{    margin-bottom: 0.5rem;}
    main.vendor .mainWrapper .wrapper .brands p.sub-txt{    font-size: 1.2rem;}
    main.vendor .mainWrapper .wrapper .onilne-product .first-sec{    padding-top: 2.4rem;padding-left: 9px;}
    main.vendor .mainWrapper .wrapper .onilne-product small{font-size: 1rem;}
    main.vendor .mainWrapper .wrapper .onilne-product h3{    font-size: 1.7rem;}
    main.vendor .mainWrapper .wrapper .onilne-product p.sub-txt{    padding-right: 0;font-size: 1.4rem;}
    main.vendor .mainWrapper .wrapper .our-mission .mission-wrap .mission-text{    padding: 0;}
    main.vendor .vendorEffectsWrap .vendorHowitEffects ul li{    padding-right: 0;}
    footer .footer-link .row ul li a{white-space: inherit;}

    /* Registration css  */
    main.regitration-page .header .action-btn ul li:last-child{padding-right: 0;}
    main.regitration-page .header{ padding: 2rem 1rem;}
    main.regitration-page section.sectionOne .banner .wrapper{ width: 100%;padding-top: 35rem;}
    main.regitration-page section.sectionOne .banner .wrapper h1{    font-size: 30px;width: 100%;}
    main.regitration-page section.sectionOne .banner .wrapper .search{    width: 85%;}
    main.regitration-page section.sectionTwo .wrapper .weHelp ul{flex-direction: column;}
    main.regitration-page section.sectionTwo .wrapper .textPara{      flex-direction: row;  padding: 1rem 0rem;}
    main.regitration-page section.sectionFour .wrapper .four-boxs{    padding: 3rem 0;}
    main.regitration-page section.sectionFour .wrapper .four-boxs .figureWrapper{width: 100%;margin-bottom: 3rem;}
    main.regitration-page section.sectionTwo .wrapper .weHelp ul li{    width: 100%;margin-bottom: 0rem;}
    main.regitration-page section.sectionFive .row{    height: 100%;    margin-bottom: 3rem;}
    main.regitration-page section.sectionTwo .wrapper .weHelp ul li p{text-align: center;}
    main.regitration-page section.sectionFive .wrapper.centerstyle {padding-left: 0;}
    main.regitration-page section.sectionEight .wrapper h5{    padding: 0;}
    main.regitration-page section.sectionFive .row h3{    width: 100%;    font-size: 1.65rem;}
    main.regitration-page section.sectionEight .wrapper .carosuelWrapper{margin: 0;padding: 3rem 1rem;}
    main.regitration-page section.sectionEight .italic-text{    padding: 0;padding-top: 5rem;}
    .started-register .wrapper{    width: 100%;}
    .started-register .wrapper .signup a{    justify-content: center;    }
    main.regitration-page section.sectionEight .wrapper .carosuelWrapper .owl-carousel .item ul li:first-child{    margin-right: 0;}
    main.regitration-page section.sectionEight .wrapper .carosuelWrapper .owl-carousel .owl-nav{    left: -11px;width: 103%;}
    main.regitration-page section.sectionFive .sub-image{    top: 0;width: 100%;height: 100%;}
    main.regitration-page section.sectionFive .sub-image img{position: relative;    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3607843137);}
    main.regitration-page section.sectionSix{margin: 6rem 0;}
    main.regitration-page section.sectionSix .wrapper .owl-carousel .owl-stage-outer .owl-item .item .wrapper{    width: 95%;}

    /* home page  */
    main.home-page section.two .grid-images .gallery{    grid-auto-rows: 300px;}
    main.home-page section.two .grid-images .gallery__item .content p{    white-space: break-spaces;}
    main.home-page section.three .shop-by-designlist .row .column{    flex: 33%;max-width: 33%;}
    main.home-page section.three .shop-by-designlist .row .column .cards{    height: 440px;}
    main.home-page section.three .shop-by-designlist .row .column img{    height: 320px;}
    main.home-page section.three .shop-by-designlist .row .column:nth-child(even){    margin-top: 2rem;}
    main.home-page p.sub-title{padding: 0;}
    main.home-page section.three .shop-by-designlist .row .column:last-child{    display: none;}
    main.home-page section.trend figure figcaption{    padding-top: 5px;}
    main.home-page section.trend figure figcaption p{font-size: 12px;}
    main.home-page h4.title{    font-size: 30px;}
    main.home-page section.trend{    padding-top: 1rem;}
    main.home-page section.five .frame__content{flex-direction: column;}
    main.home-page section.trend .mumbai-community ul li img, main.home-page section.trend .inspiration-community ul li img{width: 60px;}
}

@media (width <= 425px) {
    /* Header css  */
    header nav.navbar a.navbar-brand img{width: 120px; height: 45px;}

    main.vendor header img.fav-logo{    width: 200px;margin-bottom: 0;margin-top: 0;}
    main.vendor small.header{    font-size: .8rem;}
    main.vendor .sub-header{margin-top: 1rem;padding: 0;}
    main.vendor h1, .vendor h3{font-size: 1rem;}
    main.vendor .sub-header p{    font-size: 1.5rem;}
    main.vendor .mainWrapper{    margin-top: 2rem;}
    main.vendor .mainSlider .furniture-design img,
    main.vendor .mainWrapper .wrapper figure img,
    footer .wrapper .subscribe .send-mail,
    main.vendor .mainWrapper .wrapper .onilne-product img{width: 100%;    transform: none;}
    main.vendor .mainWrapper .wrapper .brands p.sub-txt{font-size: 1rem;}
    main.vendor .sub-header span{    font-size: 1.1rem;}
    main.vendor p.sub-txt{    font-size: 1rem;line-height: normal;}
    main.vendor .mainSlider .furniture-design .furniture-txt,
    main.vendor .mainWrapper .wrapper figure figcaption{    position: relative;top: 0;width: 95%;left: 15px;right: 0;}
    main.vendor .mainSlider .furniture-design{top: 0;}
    main.vendor .mainWrapper .wrapper .onilne-product .first-sec{    padding-top: 0rem;padding-left: 1rem;}
    main.vendor .mainWrapper .wrapper .onilne-product h3{    font-size: 1.4rem;}
    main.vendor .mainWrapper .wrapper .onilne-product p.sub-txt{    padding-right: 0;font-size: 1rem;}
    main.vendor .mainWrapper .wrapper .our-mission h3{    font-size: 1.2rem;}
    main.vendor .mainWrapper .wrapper .our-mission .mission-wrap .mission-text{ font-size: 1.1rem;  padding: 0;}
    main.vendor .mainWrapper .wrapper .our-mission .mission-wrap img{width: 100px;}
    main.vendor .mainWrapper .wrapper .vendorWrap .venderIcon img{width: 100px;}
    main.vendor .vendorEffectsWrap .vendorHowitEffects h4{font-size: 1.1rem;}
    main.vendor .vendorEffectsWrap .vendorHowitEffects ul li{ padding-right: 0; font-size: 1rem;}
    main.vendor .vendor-form .vendorForm{    padding: 1rem;}
    .select2-container--default.select2-container--focus .select2-selection--multiple{font-size: .8rem;}
    footer .wrapper .subscribe h5{    font-size: 1.5rem;margin-top: 1rem;margin-bottom: 1rem;line-height: normal;}
    footer .wrapper .subscribe p{    padding: 1rem}
    footer .wrapper .subscribe .checkbox{    width: 95%;}
    main.vendor .vendor-form .vendorForm h4{    font-size: 1.3rem;}
    footer .footer-link .mobile {width: 50%;}
    footer .footer-link .mobile:last-child{    width: 100%;text-align: center;}
    footer .footer-link .mobile:last-child ul li ul {    justify-content: center;}
    footer .footer-link .mobile:last-child ul li ul li a i{    width: 100%;}
    main.vendor .mainWrapper .wrapper figure figcaption{top: 10px;left: 0;}
    main.vendor .mainWrapper .wrapper .onilne-product small{font-size: .8rem;}
    main.vendor .mainWrapper .wrapper .onilne-product{    margin-bottom: 2rem;}
    main.vendor .mainWrapper .wrapper .our-mission .mission-wrap{padding-top: 1rem;}
    main.vendor .mainWrapper .wrapper .our-mission .mission-wrap .mission-head{font-size: 1.1rem;}
    main.vendor .mainWrapper .wrapper .four-boxs{    margin-bottom: 2rem;}
    main.vendor .vendorEffectsWrap{    padding: 2rem 0;}
    main.vendor .mainWrapper .wrapper .vendorWrap .vendorText h4{font-size: 1rem;    margin: 10px 0;}
    main.vendor .mainWrapper .wrapper .vendorWrap .vendorText p{font-size: 1rem;}
    main.vendor .vendor-form h4{    font-size: 1.1rem;    margin-top: 2rem;}
    main.vendor .vendor-form .radio-wrapper ul.radio-btn{width: 100%;}
    main.vendor .vendor-form .uploadfile label{width: 70%;}
    main.vendor .vendor-form label,
    main.vendor .vendor-form input{font-size: .8rem !important;margin-bottom: 0;}
    .vendor .vendor-form .form-group{    margin-bottom: 0.5rem;}
    main.vendor .vendor-form .submit-btn button.submit{    padding: 0.3rem 2rem;}
    main.vendor .mainSlider .furniture-design img,
    main.vendor .mainWrapper .wrapper figure figcaption,
    main.vendor .mainSlider .furniture-design .furniture-txt{width: 100%;}
    footer .wrapper{padding: 2rem 0;}
    footer .wrapper .subscribe .checkbox span{    font-size: 10px;}

    /* Registration page  */
    main.regitration-page .header .action-btn ul li:last-child{padding-right: 0;}
    main.regitration-page section.sectionOne .banner .wrapper{width: 100%;padding-top: 0;display: flex;align-items: center;}
    main.regitration-page .header .logo img{width: 130px;}
    main.regitration-page .header .action-btn ul li a{    padding: 3px 7px; width: auto;}
    main.regitration-page .header .action-btn ul li:last-child{    padding-right: 0;}
    main.regitration-page section.sectionOne .banner .wrapper h1{    font-size: 30px;}
    main.regitration-page section.sectionOne .banner .wrapper .search{padding: 3px 4px;  width: 100%;}
    main.regitration-page section.sectionOne .banner .wrapper .search button{    width: 30%;padding: 5px 6px;font-size: 12px;justify-content: flex-start;}
    main.regitration-page section.sectionOne .banner .wrapper .search button i{right: 10px;    font-size: .9rem;}
    main.regitration-page section.sectionOne .banner .wrapper .search input{width: 100%;padding: 0px;font-size: 11px;}
    main.regitration-page section.sectionTwo .wrapper .textPara h3{font-size: 33px;line-height: normal;}
    main.regitration-page section.sectionTwo .wrapper .textPara p{font-size: 1rem;line-height: normal;text-align: justify;}
    main.regitration-page section.sectionFour .wrapper .four-boxs .figureWrapper{margin-bottom: .5rem;height: auto;}
    main.regitration-page section.sectionTwo .wrapper .weHelp ul{flex-direction: column;}
    main.regitration-page section.sectionTwo .wrapper .weHelp{    height: 400px;}
    main.regitration-page section.sectionTwo .wrapper .weHelp ul li{margin-bottom: 0rem;}
    main.regitration-page section.sectionTwo .wrapper .weHelp ul li p{    font-size: 20px;text-align: center;padding: 0 15px;}
    main.regitration-page section.sectionThree{    padding: 1rem 0rem;}
    main.regitration-page section.sectionThree h2{    font-size: 35px;    min-height: 100%;  margin-bottom: 1rem;}
    main.regitration-page section.sectionThree ul li{    padding-right: 0;min-height: 100%;}
    main.regitration-page section.sectionThree ul li img{    width: 30px;}
    main.regitration-page section.sectionThree ul li h5{    font-size: 20px;}
    main.regitration-page section.sectionFive .sub-image img{ position: relative;}
    main.regitration-page section.sectionFive .sub-image::after{    width: 100%;height: 100%;}
    main.regitration-page section.sectionFive{    margin-top: 3rem;}
    main.regitration-page section.sectionFive .row h3{    width: 100%;font-size: 19px;    margin-bottom: 1rem;}
    main.regitration-page section.sectionFive .row h3 img{    width: 30px;margin-right: 10px;}
    main.regitration-page section.sectionFive .wrapper ul li{    text-align: left;padding-bottom: 10px;}
    main.regitration-page section.sectionFive .wrapper ul li p{font-size: 14px;text-align: left;}
    main.regitration-page section.sectionSix{    margin: 1rem;}
    main.regitration-page section.sectionEight .wrapper h5{    margin-top: 0rem;font-size: 22px;}
    main.regitration-page section.sectionEight .wrapper .carosuelWrapper{    padding: 2rem 1rem;}
    main.regitration-page section.sectionEight .wrapper .carosuelWrapper .owl-carousel .item ul{    flex-direction: column;}
    main.regitration-page section.sectionEight .wrapper .carosuelWrapper .owl-carousel .item ul li{    width: 100%;text-align: center;}
    main.regitration-page section.sectionEight .wrapper .carosuelWrapper .owl-carousel .item ul li:last-child p{    text-align: center;}
    main.regitration-page section.sectionEight .wrapper .carosuelWrapper .owl-carousel .item ul li:last-child{width: 100%;text-align: center;}
    main.regitration-page section.sectionEight .italic-text{    padding-top: 2rem;font-size: 18px;}
    .started-register .wrapper h5{    font-size: 30px;}
    .started-register .wrapper p{    margin: 25px;}
    .started-register .wrapper .signup a{    width: 40%;}
    main.regitration-page footer ul li a{    margin: 0 5px;font-size: 14px;}
    main.regitration-page section.sectionEight .wrapper .carosuelWrapper .owl-carousel .owl-nav{    left: 0px;width: 100%;    top: 25%;}
    main.regitration-page section.sectionSix .wrapper .owl-carousel .owl-nav .owl-prev{    left: -27px;}
    main.regitration-page section.sectionSix .wrapper .owl-carousel .owl-nav .owl-next{    right: -20px;}
    main.regitration-page section.sectionSix .wrapper .owl-carousel::before, main.regitration-page section.sectionSix .wrapper .owl-carousel::after{    width:0;}
    main.regitration-page section.sectionFive .sub-image{    height: 100%;top: 0;width: 100%;}
    .login-page{    padding: 0 1rem;}
    .login-page h4{     font-size: 1.5rem;    padding-top: 2rem;    margin-bottom: 1rem;}
    .login-page .wrapper .forms{    width: 100%;height: 85%;}
    .banner-img{display: none;}
    .slideshow-container{    min-height: 450px;height: 100%;}
    .radio-wrapper ul.radio-btn{width: 100%;}
    .radio-wrapper ul.radio-btn li label{font-size: 14px;padding: 3px 5px;}
    .slideshow-container .mySlides .row:last-child{margin-bottom: 0;}
    .started-register{    height: 300px;    margin-top: 2rem;}
    main.regitration-page section.sectionSix .wrapper .owl-carousel .owl-nav .owl-prev, 
    main.regitration-page section.sectionSix .wrapper .owl-carousel .owl-nav .owl-next{    width: 35px;height: 40px;}
    main.regitration-page section.sectionSix .wrapper .owl-carousel .owl-nav .owl-prev span, 
    main.regitration-page section.sectionSix .wrapper .owl-carousel .owl-nav .owl-next span{ position: relative;top: -4px;}
}