/* (S) Mobile Responsive */
@media only screen and (min-width: 320px) and (max-width: 425px) {
    .pricni {
        width: 300px;
    }

    .qthlzz {
        width: 140px;
    }

    .ztujfo {
        height: 400px;
    }

    .ty {
        font-size: 12px;
    }

    #gqdikz {
        padding: 20px 0px;
    }

    .xrsngv {
        margin: 20px 0px;
    }

    .prdct-short-description {
        font-size: 14px;
    }

    .kczmpu {
        font-size: 22px;
        line-height: 1.5em;
    }

    .iiuj {
        visibility: hidden;
        position: fixed;
    }

    .collabration {
        line-height: 3em;
    }

    .wvxltr {
        font-size: 14.8px;
        line-height: 1.6em;
        text-align: start;
    }

    .wdqfho {
        margin: 24px 0px;
    }

    .ydwxqm {
        width: 100%;
        padding: 20px 0px;
    }

    #livjfvij {
        padding: 20px 0px;
    }

    .qlfokx {
        font-size: 13px;
        line-height: normal;
    }

    .product-heading {
        font-size: 19px;
        line-height: 2.5em;
    }

    #ztujfo {
        height: 300px;
        padding: 20px;
    }

    .dkis {
        width: 320px;
        height: 350px;
    }

    #ebnwxz {
        background-position: center center;
        height: 350px;
    }

    .pygfa {
        font-size: 14px;
        line-height: 2em;
    }

    .mobileswiper {
        margin: 24px;
    }

    .retuj {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .ekzrp {
        font-size: 15px;
        line-height: 1em;
    }

    .banner-heading {
        font-size: 16px;
        line-height: 1.8em;
    }

    .backtotop {
        bottom: 70px;
        right: 15px;
    }

    .cartfloat {
        bottom: 130px;
        right: 15px;
    }

    .product-card {
        width: 100%;
    }

    .nqhivu {
        font-size: 24px;
        line-height: 1em;
    }


    .trge {
        width: 320px;
    }

    .wdqfho,
    .ydwxqm {
        width: 100%;
    }

    .akvp,
    .gfrt {
        width: 100%;
    }

    .ijkk,
    .topbar,
    .nav,
    .opll,
    .tyhj,
    .gye,
    .rwmk,
    .inin {
        position: fixed;
        visibility: hidden;
    }

    .vrmfd {
        font-size: 20px;
    }

    .selected-img {
        width: 100%;
    }

    .video_wrapper,
    .banner {
        margin: 0px;
        padding: 0px;
    }

    .gwejr {
        line-height: 1em;
        margin: 0px 0px;
        font-size: 18px;

    }

    .swiper-slide {
        width: 100%;
    }

    #russp {
        width: 100%;
    }

    .kewlo {
        height: 480px;
    }

    .match_btn {
        font-size: 14px;
    }

    .banner_secondline {
        font-size: 40px;
        line-height: 1.3em;
    }

    .idko {
        margin-left: 110px;
    }

    .swiper-contents {
        width: 140px;
    }

    .header_logo {
        width: 100px;
    }

    .background_vide {
        margin-top: -1000px;
        height: 540px;
    }

    .banner {
        height: 540px;
    }

    .heading {
        font-size: 18px;
        line-height: 2em;
    }

    .afdyk {
        font-size: 18px;
    }

    .ikikee {
        width: 100%;
    }

    .utdmc {
        display: none;
    }

    .bwmqi {
        font-size: 18px;
    }

    .left-side {
        background-repeat: no-repeat;
        background-size: 200px;
        background-position: 10% 10%;
        margin: 12px 0px;
        width: 100%;
    }

    .left-side2 {
        background-repeat: no-repeat;
        background-size: 220px;
        background-position: 1% 10%;
        width: 100%;
        margin: 12px 0px;
    }

    .right-side {
        background-repeat: no-repeat;
        background-size: 250px;
        background-position: 1% 10%;
        width: 100%;
        margin: 12px 0px;
        height: 380px;
    }

    .qzrwn {
        font-size: 20px;
    }

    .iiko {
        width: 150px;
    }

    .fdemp {
        top: 60%;
    }

    .nhgalm {
        height: 200px;
        padding: 12px;
    }

    .xrzpci {
        font-size: 12px;
        padding: 0px;
    }

    .heading {
        line-height: 1.5em;
    }

    .qzrwn {
        font-size: 16px;
    }

    .cartfloat {
        margin-bottom: 35px;
    }

    .backtotop {
        margin-bottom: 30px;
    }
}


/* Tablet Responsive */
@media only screen and (min-width: 426px) and (max-width: 768px) {
    .topbar {
        font-size: 12px;
        height: 30px;
    }

    .banner{
        height: 640px;
    }

    .banner-heading {
        font-size: 16px;
    }

    .banner_secondline {
        font-size: 50px;
        line-height: 1.3em;
    }

    .nav-item,
    .tyhj,
    .opll,
    .utdmc {
        visibility: hidden;
        position: fixed;
    }

    .background_vide {
        height: 73vh;
    }

    .banner-heading {
        margin-top: 44px;
    }

    .idko {
        margin-left: auto;
    }
    
    .left-side,
    .left-side2,
    .right-side {
       min-width: 400px;
       width: 100%;
    }
    .dyjz{
        font-size: 48px;
    }
    .tqsu{
        font-size: 24px;
    }
}

/* Laptop Responsive */
@media only screen and (min-width: 769px) and (max-width: 1024px) {

    .ijkk,
    .topbar,
    .nav,
    .opll,
    .backtotop,
    .cartfloat,
    .tyhj {
        position: fixed;
        visibility: hidden;
    }

    .left-side,
    .left-side2,
    .right-side {
        width: 100%;
    }

    .utdmc {
        width: 100%;
    }

    .banner{
        height: 650px;
    }

    .background_vide {
        margin-top: -804px;
        height: 97vh;
        object-fit: cover;
    }

    .bwmqi {
        font-size: 18px;
    }
}

/* Desktop Responsive */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .bwmqi {
        font-size: 20px;
        line-height: 2em;
    }

    .banner {
        height: 660px;
    }

    .banner-heading {
        font-size: 20px;
    }

    .left-side,
    .left-side2 {
        width: 100%;
    }

    .background_vide {
        margin-top: -960px;
        height: 702px;
        object-fit: cover;
    }

    .banner_secondline {
        font-size: 64px;
        line-height: 1.2em;
    }

    .nav-item {
        font-size: 16px;
    }

    .utdmc {
        width: 100%;
    }

    .tyhj {
        display: none;
    }

    .right-side {
        width: 100%;
    }

}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
    .background_vide {
        width: 100%;
        margin-top: -802px;
        padding: 0px;
        height: 98vh;
        object-fit: cover;
    }

    .banner {
        height: 720px;
    }

    .swiper-contents {
        width: 180px;
        margin: 0px;
    }

    .banner_secondline {
        font-size: 84px;
        line-height: 1.3em;
    }

    .right-side {
        width: 100%;
    }

    .left-side,
    .left-side2 {
        width: 100%;
    }
}


@media only screen and (min-width: 1441px) and (max-width: 1920px) {
    .background_vide {
        height: 73vh;
        margin-top: -999px;
    }

    .banner {
        height: 670px;
    }

    .right-side {
        width: 100%;
    }

    .left-side,
    .left-side2 {
        width: 100%;
    }
}