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

    /* HEADER */

    #second-headers .sub-header-icon {
       margin: 10px 10px;
    }
    /* END HEADER */

    .home-main .hero-banner h1{
        font-size: 3rem;;
        width: 70%;
    }
    .home-main .hero-banner p{
        z-index: 1;
        width: 70%;
    }
    
    .home-main .hero-banner  .hero-title:before{
        transform: translate(-20%, -0%);
    }

    .home-main .why-bidets-section .why-bidets-carousel{
        display: none;
    }
    .home-main .why-bidets-section{
        /* margin-bottom: 100px; */
    }
    
    .home-series-area p.home-series-title {
        font-size: 1.3rem !important;
    }


    .shop-series-area p.shop-series-title {
        font-size: 1.3rem !important;
    }
    .home-main .bidet-testimony{
        padding: 4rem 0;
        height: fit-content;
    }
    .home-main .bidet-testimony::before{
        height: 100% !important;
    }

    .home-main .bidet-testimony .bidet-testimony-text{
        width: 80%;
    }

    .home-main .bidet-testimony .bidet-testimony-image img{
        width: 200px;
        height: auto;
    }
    .home-main .your-purchase-section{
        height: 1200px !important;
        /* margin-bottom: 4rem; */
    }

    .home-main .your-purchase-section .your-purchase-text{
        text-align: center;
        margin-top: 50px;
        width: 500px !important;
    }
    .home-main .your-purchase-section .your-purchase-image{
        z-index: 1;
        width: 100%;
        position: relative;
        height: 600px;
        /* overflow-x: hidden; */
    }

    .home-main .your-purchase-section .your-purchase-image:before{
        transform: translate(-5%, 0%);
        background-position: center center;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        width: 110vw;
        height: inherit;
    }

    .home-main .your-purchase-section .your-purchase-pill:before{
        transform: translate(-10%, -40%);
    }

    .home-main .your-purchase-section .your-purchase-pill h4{
        width: 400px;
        margin-right: 20px;
        margin-left: 1rem;
    }

    .home-main .your-purchase-section .your-purchase-pill:before{
        transform: translate(0%, -30%);
    }

    .home-main .your-purchase-section .your-purchase-bird{
        transform: translate(-10%, -50%) !important;
        height: 300px !important;
        width: 350px !important;
    }

    .home-main .right-match-section .right-match-oval{
        width: 80vw;
    }
    
    
    .home-main .right-match-section .right-match-oval h3{
        font-size: 2.8rem !important;
        width: 80%;
    }
    
    
    .home-main .right-match-section .right-match-oval a{
        font-size: 1.7rem !important;
    }
        

    .reg-heading{
        font-size: 4.4rem !important;
        line-height: 4.5rem !important;
        margin-top: 5.5rem !important;
    }

    .home-main .hero-slider-banner-1 .banner-block{
        width: 450px;
    }

    .home-main .hero-slider-banner-1 .banner-block .banner-title-first{
        font-size: 2.5rem !important;
    }

    .home-main .hero-slider-banner-1 .banner-block .banner-title-second{
        font-size: 4rem;
    }

    .home-main .hero-slider-banner-1 .banner-block .banner-desc{
        font-size: 1.2rem !important;
    }

    .home-main .hero-slider-banner-1 .banner-block .banner-button{
        font-size: 1.2rem;
    }

    .home-main .hero-slider-banner-2 .banner-block{
        width: 450px;
    }

    .home-main .hero-slider-banner-2 .banner-block .banner-title-first{
        font-size: 2.5rem !important;
    }

    .home-main .hero-slider-banner-2 .banner-block .banner-title-second{
        font-size: 4rem;
    }

    .home-main .hero-slider-banner-2 .banner-block .banner-desc{
        font-size: 1.2rem !important;
    }

    .home-main .hero-slider-banner-2 .banner-block .banner-button{
        font-size: 1.2rem;
        padding: 15px 35px;
    }

    .home-main .hero-slider-banner-3 .banner-block .banner-title-first{
        font-size: 2rem !important;
    }

    .home-main .hero-slider-banner-3 .banner-block .banner-title-second{
        font-size: 4rem;
    }

    .why-bidets .why-bidets-banner .kangaroo{
        display: none;
    }

    .why-bidets .why-bidets-banner .why-bidets-block{
        margin: 0 auto;
    }

    .why-bidets .why-bidets-wipe .why-wipe-block{
        margin: 0 auto;
    }

    

    .why-bidets .why-bidets-world .world-body{
        flex-direction: column;
    }

    .why-bidets .why-bidets-world .world-body .world-desc{
        width: 100%;
        margin: 0;
        padding: 50px 0;
    }
    .why-bidets .why-bidets-world .world-body .world-block{
        width: 100%;
        margin-top: 0;
    }

    .why-bidets .why-bidets-world .world-body .world-block h2{
        text-align: center;
    }

    .why-bidets .right-match-section .right-match-oval{
        border-radius: 150px;
        width: 80vw;
    }

    .why-bidets .why-bidets-reasons .why-bidets-reasons-title h1{
        text-align: center;
    }

    .shop-all-cstm .right-match-section .right-match-oval{
        width: 80vw;
    }

    .shop-all-cstm .shop-all-banner .shop-all-block p{
        font-size: 1.5rem !important;
    }

}

@media screen and (max-width: 991px) {
    .explore-bidetmate{
        border-radius: 20px;
        align-items: center;
        margin-top: 50px;
        padding: 20px;
    }

    .explore-bidetmate::before {
        content: "";
        position: absolute;
        left: auto;
        right: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 1;
        width: 100vw;
        height: 100%;
        background: #47ACBE;
        margin-top: 50px;
    }

    .explore-bidetmate h2{
        text-align: center;
        z-index: 5;
        font-size: 2rem;
    }

    .explore-prev{
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;

    }
    
    .explore-next{
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .explore-link-box{
        border-radius: 20px;
    }
    .explore-link-list{
        margin-top: 20px;
        margin-bottom: 20px;
        height: 300px;
    }

    .custom-blog .main{
        width: 100%;
    }
    
    .custom-blog .sub{
        width: 100%;
    }

    .custom-blog{
        flex-wrap: wrap;
    }

    .custom-blog .sub .banner-image {
        text-align: center;
        margin: 50px 0;
    }
}