﻿
:root {
    --categoryCardHeight: 320px;
}

.banner-content {
    position: absolute;
    left: 15rem;
    top: 15rem;
}

/*----- For all mobile device - common mobile css -----*/
@media only screen and (min-width:320px) and (max-width:480px) {

    .banner-content {
        left: 2rem;
        top: 2rem;
    }

    .banner-text-1 {
        font-size: 12px;
    }

    .banner-text-2 {
        font-size: 14px;
    }

    .banner-text-3 {
        font-size: 2.5rem;
    }

    .floating-whatsapp {
      /*  width:150px;*/
        height:60px;
        bottom: 0;
        /*right: 0;*/
    }

    .testimonial-bg-2 {
        display: none;
    }

    .banner-desktop {
        display: none;
    }

    .product-row .product-default figure img {
        height: 20rem;
    }

    .home-section-three .product-default figure img {
        height: 160px;
    }

    .filter-menu {
        border: none;
        border-radius: 0;
    }

    .product-details .product-single-gallery img.product-single-image {
        height: 49vh;
    }

    .product-details .prod-thumbnail img {
        height: 9rem;
    }

    .section-header, .section-title {
        font-size: 28px;
    }

    .section-title-testimonials{
        font-size:18px;
    }

    .product-category h3 {
        font-size: 20px !important;
    }

    .btn-explore-more {
        height: 25px !important;
    }

    /*.home-section-two .product-category{
        height:var(--categoryCardHeight);
    }

    .home-section-two .category-imageTwo {
        height: var(--categoryCardHeight);
    }

    .home-section-two .category-imageOne {
        width: 150px;
        height: 280px;
    }*/
    .home-section-two .content-left-bottom .category-content {
        bottom: auto;
        top: 0;
    }

    .home-section-two .golden-hr {
        margin: 3rem 0 0 0;
    }

    .home-section-four {
        padding: 50px 0;
    }

        .home-section-four .section-subtiltle-two {
            font-size: 30px;
        }

        .home-section-four .section-title-two {
            font-size: 20px;
        }

    .home-section-five .banner h2 {
        font-size: 20px;
    }

    .banner-layer-middle {
        top: 15px;
        transform: translateY(0);
    }

    .home-section-five .banner img.playBtn {
        transform: scale(0.5);
    }

    .ken-banner figure img {
        height: 27rem;
        object-fit: cover;
    }

    .home-testimonial-section {
        padding: 45px 0;
    }

        .home-testimonial-section p {
            font-size: 14px;
        }

    .home-section-seven {
        padding: 45px 0;
    }

        .home-section-seven .card-row {
            margin-top: 5rem;
        }

        .home-section-seven .card h3 {
            font-size: 32px;
        }

        .home-section-seven .card p {
            font-size: 20px;
        }

    .home-testimonial-section .card {
        height: 432px;
    }

    .watmarkTwo {
        display: none;
    }

    .contact-address-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contact-section-two .card h3 {
        font-size: 38px;
    }

    .contact-section-two .card-body {
        padding: 30px 25px;
    }

    .watmarkFour {
        display: none;
    }

    .custom-model .model-btn-submit, .custom-form-submit {
        padding: 12px 30px;
    }

    .contact-address-section .mapframe-google {
        width: 100%;
    }

    .contact-address-section .section-header, .contact-address-section .section-title {
        margin-bottom: 2rem;
    }

    .footer address {
        font-size: 14px;
    }

    .product-row .product-default {
        border-radius: 18px;
    }

        .product-row .product-default .product-title {
            white-space: normal;
        }

        .product-row .product-default figure img {
            height: auto;
        }

    .product-details .product-single-details .product-title {
        width: 100%;
        font-size: 30px;
    }

    .product-details .product-single-details .product-desc p {
        text-align: justify;
    }

    .product-details .product-single-details .single-info-list li {
        font-size: 14px;
    }

    .faq-section {
        padding: 50px 0 0;
    }

        .faq-section .card.card-accordion p {
            text-align: justify;
            padding-right: 8px;
        }

        .faq-section #accordion1 {
            margin-top: 1.5rem;
        }

        .faq-section .card.card-accordion .card-header {
            font-size: 18px;
        }

    .custom-btn-style-1 {
        margin-bottom: 1rem;
    }

    .product-details .card-row {
        margin-top: 0;
    }

    .home-section-eight {
        background: none;
    }

    .product-category img {
        /*max-height: 280px;*/
        object-fit: contain;
    }

    .last-img-w50 {
        height: auto;
    }

    .last-img-w25 {
        height: auto;
    }

    /*.client-logo {
        margin-top: 2rem;
    }*/

}
/*-------- common mobile css End ---------- */

/*Mobile - Small*/
@media only screen and (min-width:320px) and (max-width:374px) {

    .banner-content {
        left: 2rem;
        top: 2rem;
    }

    .banner-text-1 {
        font-size: 12px;
    }

    .banner-text-2 {
        font-size: 14px;
    }

    .banner-text-3 {
        font-size: 2.5rem;
    }

    .testimonial-bg-2 {
        display: none;
    }

    .floating-whatsapp {
       /* width: 150px;*/
        height: 60px;
        bottom: 0;
       /* right: 0;*/
    }

    .banner-desktop {
        display: none !important;
    }

    .banner-mobile {
        display: block !important;
    }
}

@media only screen and (max-width: 360px) {

    .banner-content {
        left: 2rem;
        top: 2rem;
    }

    .banner-text-1 {
        font-size: 12px;
    }

    .banner-text-2 {
        font-size: 14px;
    }

    .banner-text-3 {
        font-size: 2.5rem;
    }

    .testimonial-bg-2 {
        display: none;
    }

    .floating-whatsapp {
       /* width: 150px;*/
        height: 60px;
        bottom: 0;
      /*  right: 0;*/
    }

    .banner-desktop {
        display: none !important;
    }

    .banner-mobile {
        display: block !important;
    }
}

/*for samsung galaxy s8+*/
@media only screen and (min-width : 340px) and (max-width : 364px) {

    .banner-content {
        left: 2rem;
        top: 2rem;
    }

    .banner-text-1 {
        font-size: 12px;
    }

    .banner-text-2 {
        font-size: 14px;
    }

    .banner-text-3 {
        font-size: 2.5rem;
    }

    .floating-whatsapp {
       /* width: 150px;*/
        height: 60px;
        bottom: 0;
       /* right: 0;*/
    }

    .banner-desktop {
        display: none !important;
    }

    .banner-mobile {
        display: block !important;
    }
}

/*Mobile - Medium */
@media only screen and (min-width : 375px) and (max-width:384px) {

    .banner-content {
        left: 2rem;
        top: 2rem;
    }

    .banner-text-1 {
        font-size: 12px;
    }

    .banner-text-2 {
        font-size: 14px;
    }

    .banner-text-3 {
        font-size: 2.5rem;
    }

    .testimonial-bg-2 {
        display: none;
    }

    .floating-whatsapp {
    /*    width: 150px;*/
        height: 60px;
        bottom: 0;
        /*right: 0;*/
    }

    .banner-desktop {
        display: none !important;
    }

    .banner-mobile {
        display: block !important;
    }
}

@media only screen and (min-width : 376px) and (max-width:399px) {

    .banner-content {
        left: 2rem;
        top: 2rem;
    }

    .banner-text-1 {
        font-size: 12px;
    }

    .banner-text-2 {
        font-size: 14px;
    }

    .banner-text-3 {
        font-size: 2.5rem;
    }

    .testimonial-bg-2 {
        display: none;
    }

    .floating-whatsapp {
    /*    width: 150px;*/
        height: 60px;
        bottom: 0;
       /* right: 0;*/
    }

    .banner-desktop {
        display: none !important;
    }

    .banner-mobile {
        display: block !important;
    }
}

/*for Mobile - Large*/
@media only screen and (min-width : 400px) and (max-width:480px) {

    .testimonial-bg-2 {
        display: none;
    }

    .floating-whatsapp {
      /*  width: 150px;*/
        height: 60px;
        bottom: 0;
       /* right: 0;*/
    }

    .banner-desktop {
        display: none !important;
    }

    .banner-mobile {
        display: block !important;
    }

    .ken-banner figure img {
        height: 30rem;
    }
}

/* ------- All Tab size ------- */
@media only screen and (min-width:481px) and (max-width:920px) {
    .product-row .product-default figure img {
        height: 20rem;
    }

    .home-section-three .product-default figure img {
        height: 160px;
    }

    .product-details .prod-thumbnail img {
        height: 8rem;
    }

    .banner-desktop {
        display: block !important;
    }

    .banner-mobile {
        display: none !important;
    }
}

/* ------- Tab size 1 ------- */
@media only screen and (min-width:481px) and (max-width:759px) {

    .banner-desktop {
        display: block !important;
    }

    .banner-mobile {
        display: none !important;
    }
}

/* ------- Tab size 2 ------- */
@media only screen and (min-width:760px) and (max-width:819px) {

    .banner-desktop {
        display: block !important;
    }

    .banner-mobile {
        display: none !important;
    }
}

/* ------- Tab size 3 ------- */
@media only screen and (min-width:820px) and (max-width:920px) {

    .banner-desktop {
        display: block !important;
    }

    .banner-mobile {
        display: none !important;
    }
}

/*---- bootstrap lg code ----*/
@media (min-width: 992px) {

    .banner-desktop {
        display: block !important;
    }

    .banner-mobile {
        display: none !important;
    }
    /*.home-section-two .creative-grid .col-lg-4 {
        flex-basis: 30%;
        max-width: 30%;
    }*/

    /*.home-section-two .creative-grid .col-md-3 {
        flex-basis: 26%;
        max-width: 26%;
    }*/
}

/*---- bootstrap xl code ----*/
@media (min-width: 1200px) {

    .banner-desktop {
        display: block !important;
    }

    .banner-mobile {
        display: none !important;
    }
}

@media (min-width: 1920px) {
    .section-header, .section-title {
        font-size: 40px;
    }

    .banner-desktop {
        display: block !important;
    }

    .banner-mobile {
        display: none !important;
    }
}

/*for large screen laptop*/
@media only screen and (min-width : 1365px) and (max-width:1440px) {

    .banner-desktop {
        display: block !important;
    }

    .banner-mobile {
        display: none !important;
    }
}

/*Full HD*/
@media only screen and (min-width : 1920px) and (max-height:1080px) {

    .banner-desktop {
        display: block !important;
    }

    .banner-mobile {
        display: none !important;
    }

    .main-nav .menu > li > a {
        font-size: 1.3rem;
    }

    .home-section-five {
        height: 908px;
    }

    .product-row .product-default figure img {
        height: 405px;
    }

    .product-details .product-single-gallery img.product-single-image {
        height: 690px;
    }

    .product-details .prod-thumbnail img {
        height: 166px;
    }
}

@media only screen and (min-width: 1024px) and (max-width:1079px) {

    .banner-desktop {
        display: block !important;
    }

    .banner-mobile {
        display: none !important;
    }
}
