/*  Desktop */
@media all and (min-width: 1601px) and (max-width: 1920px)
{

}
@media (max-width: 1601px)
{
/*    .ring-ripple{width: 100%; height: 100%;}*/
}
/* Laptop */
@media (max-width: 1366px)
{
    /* modal */
    .cash-modal .modal-body{padding: 100px 30px 30px;}
    .modal-txt p, .foot-area p, .last-slide-fotr p{font-size: 40px;}
    /* footer */
    .foot-area{padding: 50px;}
    .comn-btn{font-size: 36px; height: 85px;}
    .comn-btn svg{width: 50px; height: 50px;}
    /* commander modal */
    .modal-body .btn-grp {margin: 0 0 -70px;}

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1024px)
{
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{right: 1.5rem;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{
    br{display: none;}
/*    main{padding: 75px 0 0;}*/
/*    .quick-contacts-blog{ z-index: 4;}*/
    .contact-info p{font-size: 22px;}
    /* slider */
    /*    .swiper{padding-right: 25px;}*/
    .product-img{padding: 10rem 2rem; border-radius: 20px;}
    .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets,
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
        right: auto;
        left: auto;
        position: relative;
        display: flex;
        align-items: center;
        flex-flow: row;
        gap: 8px;
        justify-content: center;
        margin:30px auto 0;
        width: 100%;
    }
    .with-btn .swiper-pagination-vertical.swiper-pagination-bullets, .with-btn .swiper-vertical>.swiper-pagination-bullets, .with-btn .swiper-horizontal>.swiper-pagination-bullets,
    .with-btn .swiper-pagination-bullets.swiper-pagination-horizontal,
    .with-btn .swiper-pagination-custom,
    .with-btn .swiper-pagination-fraction{
         margin: 18px 30px 0 auto;
        width: fit-content;
        width: 30%;
        justify-content: flex-start;
    }

    .swiper-pagination-bullet{width: 8px; height: 8px; min-width: 8px;}
    .swiper-pagination {gap: 6px;}
    .swiper-pagination-bullet:before{width: 18px; height: 18px; margin: -5px;}
    /* modal */
     .modal-txt p{font-size: 32px;}
     .modal-close svg {width: 20px;height: 20px;}
     .cash-modal .modal-body{border-radius: 20px;}
    /* footer */
    .footr{margin: 30px 0 0;}
    .foot-area{padding: 20px 20px; border-radius: 40px 40px 0 0;}
    .foot-area p, .last-slide-fotr p{font-size: 32px;}
    .foot-area .btn-grp{margin-top: 20px;}
    .comn-btn svg {width: 40px;height: 40px;}
    .comn-btn {font-size: 22px; height: unset;padding: 10px 22px;}
    /* brand */
    .btn-grp{gap: 30px;}

    .brand img{height: 110px;}
    /* general */

    /* commander */
    .comndr-dtls p{font-size: 36px; margin: 0 auto 50px;}
    .expl-link{font-size: 30px; margin: 36px auto;}
    /*  ring effect  */
    .ring-ripple{width: 100vh; height: 90%; right: unset; bottom: unset; left: 50%; transform: translate(-50%, -50%);}
    #coMndr .ring-ripple{height: 100dvh; top: 100%;}
    .contact-info svg{width: 28px;}
    .modal-txt p svg {width: 35px;height: 35px;margin: -5px 0 0 0;}
    /* commander modal */
    .modal-body .btn-grp {margin: 0 0 -65px;}

    /* 26-06-2025 */
    .product-bx video{border-radius: 20px;}
    /*  30-06-2025  */
    .no-fotr, .no-fotr body, .no-fotr main, .no-fotr .main-slide-area, .no-fotr .container{ height: calc(var(--real-vh, 1vh) * 100);}
    .no-fotr .container{position: relative;}
    .no-fotr, .no-fotr body, .no-fotr main, .no-fotr .container{overflow: hidden; }
    /*.track {animation-duration: 5s;}*/
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px)
{

    .comn-btn{font-size: 18px; padding: 10px 18px;gap: 7px;}
    .comn-btn svg {width: 30px;height: 30px;}
    .btn-grp{gap: 15px;}
    .comndr-dtls p{font-size: 20px; margin: 0 auto 15px;}
    .expl-link{font-size: 18px; margin:30px auto;}
    .modal-txt p{margin-bottom: 15px; line-height: 1.5;}
    .swiper-pagination {gap: 2px;}

    .modal-brand img, .cmd-brand img{height: 140px;}
    .cash-modal .modal-body {padding: 50px 20px 20px; border-radius: 30px; margin: -52px auto 0;}
    .modal-close svg {width: 14px; height: 14px;}
    .modal-close{margin: 0 10px 20px 0;}
    .modal-txt p, .foot-area p, .last-slide-fotr p {font-size: 22px;}
    /* .product-img{padding: 4.5rem 0;} */
/*    .main-slide-area .comn-btn{margin: -1.5rem auto 0;}*/

    #coMndr .ring-ripple{height: 90%; top: 100%;}
/*    .quick-contacts-blog{margin: 0 auto -4rem;}*/
    .contact-info p{font-size: 18px;}
    .modal-txt p svg{ width: 22px; height: 22px;}
     /* commander modal */
    .modal-body .btn-grp {margin: 0 0 -45px;z-index: 9999;position: relative;}
    .cash-modal .modal-content{z-index: 0;position: relative;}

        /* 26-06 */
    .slider-area {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
    }
    .swiper, .swiper-wrapper, .swiper-slide, .product-bx, .product-img, .text-slide, .swiper-autoheight, .swiper-autoheight .swiper-slide{height: 100% !important;}
    .product-img{padding: 0px;}
    .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets, .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
        margin: 15px auto 0;
        padding: 15px 0;
    }
    .with-btn .swiper-pagination-vertical.swiper-pagination-bullets, .with-btn .swiper-vertical>.swiper-pagination-bullets, .with-btn .swiper-horizontal>.swiper-pagination-bullets, .with-btn .swiper-pagination-bullets.swiper-pagination-horizontal, .with-btn .swiper-pagination-custom, .with-btn .swiper-pagination-fraction{margin: 8px 30px 0 auto;}
    .with-btn .swiper-fraction{
        position: absolute;
        top: unset;
        bottom: 2%;
        left: 50%;
        transform: translate(-50%, 0);
    }

}


@media (max-width: 575px)
{
    #coMndr, #coMndr body, #coMndr main{height: 100%;}
    /* #coMndr .ring-ripple{height: 65%;} */
    .comn-btn{padding: 5px 10px; font-size: 14px;}
    .modal-txt p, .foot-area p, .last-slide-fotr p{font-size: 16px;}
    .modal-txt p svg {width: 17px;height: 17px; margin: -3px 0 0;}
    /* .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets, .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{margin: 20px auto;} */
    .with-btn .swiper-pagination-vertical.swiper-pagination-bullets, .with-btn .swiper-vertical>.swiper-pagination-bullets, .with-btn .swiper-horizontal>.swiper-pagination-bullets,
    .with-btn .swiper-pagination-bullets.swiper-pagination-horizontal,
    .with-btn .swiper-pagination-custom,
    .with-btn .swiper-pagination-fraction{margin: 8px 25px 0 auto; padding: 10px 0 0;}
/*    .main-slide-area .comn-btn{margin: -52px auto 0 25px; gap: 6px;}*/
    .swiper-pagination-bullet:before{border: 1.5px solid #A018FF;}
/*    #content_container #swiper_container video, #content_container #swiper_container img {object-fit: cover;}*/


}
@media (max-width: 438px)
{



}

@media (max-width: 991px) and (max-height: 920px) {
    #coMndr, #coMndr body, #coMndr main, #coMndr .comndr-blog, #coMndr .container, #coMndr .row, #coMndr .comndr-dtls{
        height: 100%;
    }

}

@media (max-height: 900px) {
    .slider-area{height: 89dvh;}
    .with-btn .slider-area {height: 83dvh;}
}

@media (max-height: 800px) {
     .with-btn .slider-area{height: 82dvh;}
}

@media (max-height: 700px) {
    .slider-area {height: 87dvh;}
    .with-btn .slider-area{height: 80dvh;}
}

@media (max-height: 600px) {
    .slider-area {height: 85dvh;}
}

@media (max-height: 550px) {
    .slider-area {height: 83dvh;}
    .with-btn .slider-area{height: 75dvh;}
}
@media (max-height: 450px) {
    .slider-area {height: 80dvh;}
   .with-btn .slider-area{height: 70dvh;}
}
@media (max-height: 375px) {
    .slider-area {height: 78dvh;}
   .with-btn .slider-area{height: 66dvh;}
}