/* xxxl	≥1600px */
@media (max-width: 1699px) {
    /* HEADER */
    .header .header__phone {
        display: none;
    }
}

/* xxl	≥1400px */
@media (max-width: 1399px) {
}

/* xl	≥1200px */
@media (max-width: 1199px) {
    /* NAVBAR MOBILE */
    .navbar-collapse #main-menu {
        position: absolute;
        top: 50px;
        right: 0;
        width: 260px;
        max-height: 80vh;
        display: flex;
        flex-direction: column;
        padding: 10px;
        background-color: var(--color-light);
        box-shadow: var(--box-shadow);
        transform-origin: 50% 0;
        transform: scaleY(0);
        transition-duration: 250ms;
        overflow-y: auto;
    }
    .navbar-collapse.show #main-menu {
        transform: scaleY(1);
    }
    .navbar-collapse #main-menu > li:first-of-type {
        display: block;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > a::after,
    .navbar .navbar-nav .dropdown .dropdown > .dropdown-item::after {
        display: none;
    }
    .navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown {
        position: absolute;
        right: 0;
        top: 0;
        width: 32px;
        height: 32px;
        text-align: center;
        cursor: grab;
    }
    .navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown::after {
        content: "\f107";
        font-family: "Font Awesome 6 Free";
        font-size: 13px;
        font-weight: var(--head-weight);
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown.active-child::after {
        color: var(--color-primary);
    }
    .navbar-collapse #main-menu li a {
        padding: 5px 0;
    }
     .navbar-collapse #main-menu > li.current-menu-item > a {
        color: var(--color-primary);
     }
    .navbar-collapse #main-menu li:hover > a::before, 
    .navbar-collapse #main-menu li.current-menu-item > a::before {
        display: none !important;
    }
    .navbar-collapse #main-menu li ul.dropdown-menu {
        position: relative;
        top: 0; 
        left: 0;
        display: none;
        width: 100%;
        padding-left: 10px;
        box-shadow: 0 0 0;
        visibility: visible;
        opacity: 1;
    }
    .navbar-collapse #main-menu li ul.dropdown-menu .dropdown-menu {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-collapse #main-menu li ul.dropdown-menu.active-child {
        display: block;
        z-index: 1000;
    }
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a {
        font-size: var(--ps-fs-sm);
        line-height: var(--ps-lh-sm);
    }
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:focus,
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:active {
        color: var(--color-primary);
        background-color: transparent;
    }

    /* BLOG */
    #recent-posts .news:nth-child(n+3) {
        display: none;
    }
    .news:not(:last-of-type) {
        margin-bottom: 20px;
    }

    
    /* GALLERY */
    .entry-content .gallery .gallery-item {
        min-width: 200px;
    }
}

/* lg	≥992px */
@media (max-width: 991px) {
    /* SIDEBAR */
    .sidebar__sub-row {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gap-sm) var(--gap-sm);
    }
    .sidebar__sub-col {
        flex: 1 1 calc(50% - var(--gap-sm));
    }

    /* HOME SEC 6 */
    .home-sec6__p p {
        margin-bottom: 6px;
    }
    .home-sec6__p p span {
        display: flex;
        justify-content: center;
    }

    /* SINGLE RECENT POST */
    .recent-posts .post:not(:nth-of-type(2)) {
        display: none;
    }
}

/* md	≥768px */
@media (max-width: 767px) {
    /* HEADER */
    #header .contact {
        display: none;
    }

    /* SIDEBAR */
    .sidebar__sub-col {
       flex: 1 1 100%;
    }

    /* COUPONS */
    .home .coupons-sec1__sub-col:nth-of-type(2) {
        display: none;
    }

    /* HOME SEC 1 */
    .home-sec1__st {
        margin-top: 21px;
    }
}

/* sm	≥576px */
@media (max-width: 575px) {
    /* HEADER */
    .header__btns {
        display: none;
    }

    /* REVIEWS */
    .reviews__col-img {
        padding-left: 0;
        padding-right: 0;
    }

    /* FOOTER */
    .footer-bottom {
        padding-bottom: 80px;
    }
    .grecaptcha-badge {
        bottom: 80px !important;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    /* HOME SEC 2 */
    .home-sec2__container {
        padding-left: 4%;
        padding-right: 4%;
    }
    /* HOME SEC 4 */
    .home-sec4__container {
        padding-left: 4%;
        padding-right: 4%;
    }
}

/* sm	≥576px */
@media (min-width: 576px) {

    /* HERO */
    .hero-basic__container {
        border-radius: var(--border-radius1);
    }

    /* ABOUT SEC 1 */
    .about-sec1__container {
        border-radius: var(--border-radius1);
    }

    /* CONTACT SEC 2 */
    .contact-sec2__container {
        border-radius: var(--border-radius1);
    }

    /* CONTACT SEC 3 */
    .contact-sec3__container {
        border-radius: var(--border-radius1);
        overflow: hidden;
    }

    /* COUPONS */
    .coupons-sec1__container {
        padding-right: 4%;
        padding-bottom: clamp(1px, calc((37 / 1600) * 100vw), 37px);
        padding-left: 4%;
        border-radius: var(--border-radius1);
    }
    a.coupons-sec1-btn {
        margin-top: clamp(1px, calc((20 / 1600) * 100vw), 20px);
    }

    /* HOME SEC 2 */
    .home-sec2__container {
        border-radius: var(--border-radius1);
    }

    /* HOME SEC 4 */
    .home-sec4__container {
        padding-bottom: clamp(200px, calc((392 / 1600) * 100vw), 392px);
    }

    /* HOME SEC 5 */
    .home-sec5 {
        padding-top: clamp(4px, calc((70 / 1600) * 100vw), 70px);
    }

    /* SINGLE RECENT POST */
    .recent-posts__container {
        border-radius: var(--border-radius1);
    }

    /* REVIEWS */
    .home .reviews__container {
        margin-top: calc(-1 * clamp(200px, calc(345 / 1600 * 100vw), 345px));
    }
    .reviews__img {
        border-radius: var(--border-radius1);
    }

    /* REVIEW SLIDER */
    .review-slider__container {
        max-width: 100%!important;
    }
    .review-slider__review {
        padding: 20px clamp(1px, calc((13 / 1600) * 100vw), 13px);
    }
    .review-slider {
        padding-left: 0;
        padding-right: 0;
    }

    /* SERVICE SEC 1 */
    .service-sec1__col {
        padding-left: 0;
        border-radius: var(--border-radius1);
    }

    /* SERVICE SEC 2 */
    .service-sec2__container {
        border-radius: var(--border-radius1);
    }

    /* FOOTER */
    .footer-top__container {
        border-radius: var(--border-radius1);
    }
}

/* md	≥768px */
@media (min-width: 768px) {
    /* LAYOUT */
    .pl-md-0 {
        padding-left: 0;
    }
    .pr-md-0 {
        padding-right: 0;
    }
    .grid__row {
        grid-template-columns: var(--grid-margin) repeat(10, minmax(1px, calc(680px / 10))) var(--grid-margin);
    }

    /* CONTACT SEC 1 */
    .contact-sec1__p {
        margin-right: clamp(15px, calc((26 / 1600) * 100vw), 26px);
    }

    /* CONTACT SEC 3 */
    .contact-sec3__col-txt {
        padding-left: 4%;
    }

    /* HOME SEC 1 */
    .home-sec1__col {
        margin-top: calc(-1 * clamp(200px, calc(400 / 1600 * 100vw), 400px));
        padding: clamp(35px, calc((70 / 1600) * 100vw), 70px) clamp(45px, calc((90 / 1600) * 100vw), 90px) 0;
        border-top-left-radius: var(--border-radius2);
        background-color: var(--color-light);
    }

    /* HOME SEC 2 */
    .home-sec2__p {
        margin-top: clamp(30px, calc((58 / 1600) * 100vw), 58px);
    }

    /* HOME SEC 3 */
    .contact-sec3__p {
        padding-right: 2%;
    }

    /* HOME SEC 4 */
    .home-sec4__container {
        padding-top: clamp(40px, calc((120 / 1600) * 100vw), 120px);
        border-radius: var(--border-radius1);
    }

    /* SERVICE SEC 2 */
    .service-sec2__btn:not(:last-of-type) {
        margin-right: 12px;
    }

    /* FOOTER */
    .footer__btn:not(:last-of-type) {
        margin-left: 10px;
    }
}

/* lg	≥992px */
@media (min-width: 992px) {
    /* LAYOUT */
    .pl-lg-0 {
        padding-left: 0;
    }
    .pr-lg-0 {
        padding-right: 0;
    }
    .grid__row {
        grid-template-columns: var(--grid-margin) repeat(10, minmax(1px, calc(920px / 10))) var(--grid-margin);
    }
    .st {
        letter-spacing: 2px;
    }

    /* HERO */
    .hero__content-text {
        padding-left: 3%;
    }
    .hero__h {
        letter-spacing: -2px;
    }

    /* ABOUT SEC 2 */
    .about-sec2__sub-row:nth-of-type(odd) .about-sec2__sub-col:nth-of-type(odd) {
        padding-left: 1.25rem;
    }
    .about-sec2__sub-row:nth-of-type(odd) .about-sec2__sub-col:nth-of-type(even) {
        padding-right: 8%;
    }
    .about-sec2__sub-row:nth-of-type(even) .about-sec2__sub-col:nth-of-type(odd) {
        order: 2;
        padding-right: 1.25rem;
    }
    .about-sec2__sub-row:nth-of-type(even) .about-sec2__sub-col:nth-of-type(even) {
        order: 1;
        padding-left: 8%;
    }

    /* CONTACT SEC 3 */
    .home .contact-sec3 {
        margin-bottom: clamp(25px, calc((50 / 1600) * 100vw), 50px);
    }

    /* HOME SEC 1 */
    .home-sec1__h {
        letter-spacing: -2px;
    }

    /* HOME SEC 6 */
    .home-sec6__p p {
        margin-bottom: 0;
    }

    /* SERVICE */
    .service__row {
        grid-template-columns: 60% 40%;
        grid-template-rows: auto 1fr;
    }
    .service-sec__col:nth-of-type(1) {
        grid-column: 1/3;
        grid-row: 1/2;
        padding-left: 11%;
        padding-right: 38%;
    }
    .service-sec__col:nth-of-type(2) {
        grid-column: 1/2;
        grid-row: 2/3;
        padding-left: 18%;
    }
    .service-sec .sidebar {
        grid-column: 2/3;
        grid-row: 1/3;
        padding-top: 55px;
        padding-right: 15%;
        padding-left: 15%;
    }

    .sidebar {
        padding-right: 3%;
        padding-left: 3%;
    }
}

/* xl	≥1200px */
@media (min-width: 1200px) {
    /* LAYOUT */
    .grid__row {
        grid-template-columns: var(--grid-margin) repeat(10, minmax(1px, calc(1100px / 10))) var(--grid-margin);
    }

    /* HEADER */
    .header__logo,
    .header__contact {
        min-width: 25%;
    }

    /* NAVBAR TOGGLER */
    .navbar .navbar-nav .dropdown:hover > .dropdown-menu,
    .navbar .navbar-nav .dropdown > .dropdown-menu:hover {
        visibility: visible;
        opacity: 1;
        z-index: 1000;
    }

    /* CONTACT */
    .contact-sec1.wrapper {
        padding-bottom: 0;
    }

    /* GALLERY */
    .entry-content .gallery.gallery-columns-2 .gallery-item {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
    .entry-content .gallery.gallery-columns-3 .gallery-item {
        flex: 0 0 calc(33.3333% - 10px);
        max-width: calc(33.33333% - 10px);
    }
    .entry-content .gallery.gallery-columns-4 .gallery-item {
        flex: 0 0 calc(25% - 10px);
        max-width: calc(25% - 10px);
    }
    .entry-content .gallery.gallery-columns-5 .gallery-item {
        flex: 0 0 calc(20% - 10px);
        max-width: calc(20% - 10px);
    }
    .entry-content .gallery.gallery-columns-6 .gallery-item {
        flex: 0 0 calc(16.66666666666667% - 10px);
        max-width: calc(16.66666666666667% - 10px);
    }
    .entry-content .gallery.gallery-columns-7 .gallery-item {
        flex: 0 0 calc(14.28571428571429% - 10px);
        max-width: calc(14.28571428571429% - 10px);
    }
    .entry-content .gallery.gallery-columns-8 .gallery-item {
        flex: 0 0 calc(12.5% - 10px);
        max-width: calc(12.5% - 10px);
    }
    .entry-content .gallery.gallery-columns-9 .gallery-item {
        flex: 0 0 calc(11.11111111111111% - 10px);
        max-width: calc(11.11111111111111% - 10px);
    }
}

/* xxl	≥1400px */
@media (min-width: 1400px) {
    /* LAYOUT */
    .container-sm {
        max-width: var(--container-sm)!important;
    }
    .container-md {
        max-width: var(--container-md)!important;
    }
    .grid__row {
        grid-template-columns: var(--grid-margin) repeat(10, minmax(1px, calc(1280px / 10))) var(--grid-margin);
    }

    /* CONTACT */
    .contact-map iframe {
        height: 450px;
    }
}

/* 1500px */
@media (min-width: 1500px) {
    /* LAYOUT */
    .container {
        max-width: 1400px;
    }
}

/* 1600px */
@media (min-width: 1600px) {
    /* LAYOUT */
    .container {
        max-width: 1500px;
    }
}

/* xxxl ≥1700px */
@media (min-width: 1700px) {
    /* LAYOUT */
    .container {
        max-width: 1600px;
    }
    .container-lg {
        max-width: var(--container-lg)!important;
    }
    .container-xl {
        max-width: var(--container-xl)!important;
    }
    .container-xxl {
        max-width: var(--container-xxl)!important;
    }
    .container1 {
        max-width: var(--container1)!important;
    }
    .grid__row {
        grid-template-columns: var(--grid-margin) repeat(10, minmax(1px, var(--grid-row))) var(--grid-margin);
    }
    .g-4, .gx-4 {
        --bs-gutter-x: 2rem;
        --bs-gutter-y: 2rem;
    }
    .g-5, .gx-5 {
        --bs-gutter-x: 5rem;
        --bs-gutter-y: 5rem;
    }
    .g-6, .gx-6 {
        --bs-gutter-x: 4rem;
        --bs-gutter-y: 4rem;
    }

    /* HOME SEC 1 */
    .home-sec1__col {
        padding-right: 8%;
    }

    /* HOME SEC 2 */
    .home-sec2__col {
        padding-right: 3%;
        padding-left: 3.5%;
    }

    /* HOME SEC 4 */
    .home-sec4__sub-row {
        padding-left: 1.5%;
        padding-right: 1.5%;
    }
}

/* 1800px */
@media (min-width: 1800px) {
    /* GENERAL */
    .container {
        max-width: var(--container);
    }

    /* CONTACT SEC 1 */
    .contact-sec1__sub-p span {
        display: inline-block;
        min-width: 107px;
    }
}

@media print {
    header,
    .hero,
    .reviews,
    .home-sec6,
    .contact-sec3,
    .coupon-print-controls,
    .bg-black,
    footer {
        display: none;
    }

    * {
        -webkit-print-color-adjust: exact; 
        print-color-adjust: exact;
    }
}

@media (hover: hover) and (pointer: fine) {
    /* BUTTON & LINK */
    a:hover {
        color: inherit;
    }
    a.link:hover::before {
        transform: scaleX(1);
    }
    .entry-content p a:hover::before {
        transform: scaleX(0);
    }
    .entry-content li a:hover {
        color: var(--color-secondary);
    }
    a.link2:hover::before {
        transform: scaleX(0);
    }
    .button:hover {
        color: var(--color-secondary);
        background-color: var(--color-light);
    }
    .button2:hover {
        color: var(--color-primary);
        background-color: var(--color-light);
    }
    .button-arrow:hover span::before {
        transform: scaleX(0);
    }
    .button-arrow:hover i {
        border-top-color: var(--color-secondary);
        border-bottom-color: var(--color-secondary);
        border-left-color: var(--color-secondary);
    }
    /* MEDIA */
    .logo a:hover img {
        transform: scale(90%);
    }
    .custom-video-play:hover {
        background-color: var(--color-secondary);
    }

    /* NAVBAR */
    .navbar .navbar-nav .nav-link:hover::before {
        transform: scaleX(1);
    }
    .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {
        color: var(--color-primary);
    }
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:hover {
        color: var(--color-primary);
    }

    /* SIDEBAR */
    .sidebar__menu ul li a:hover, .sidebar__menu ul li a[aria-current="page"] {
        color: var(--color-secondary);
    }
    .sidebar__menu ul li a:hover::before {
        color: var(--color-secondary);
    }

    /* CATEGORY POST */
    .category-post:hover {
        box-shadow: var(--box-shadow-hover);
    }
    .category-post:hover .category-post__btn {
        color: var(--color-secondary);
    }

    /* SINGLE POST */
    .single-post__back:hover i {
        background-color: var(--color-light);
        color: var(--color-primary);
    }
    .single-post__back:hover span {
        color: var(--color-primary);
    }

    /* PAGINATION */
    .pagination .page-item .page-link.next:hover,
    .pagination .page-item .page-link.prev:hover{
        background-color: transparent;
        color: var(--color-primary);
    }

    /* CONTACT SEC 1 */
    a.contact-sec1__sub-phone:hover {
        color: var(--color-secondary);
    }

     /* CONTACT SEC 3 */
    .contact-sec3__p ul li a:hover {
        color: var(--color-secondary);
    }

    /* COUPONS */
    .coupons-sec1__sub-box:hover {
        transform: scale(105%);
    }
    a.coupons-sec1-btn {
        color: var(--color-light);
    }
    a.coupons-sec1-btn::before {
        background-color: var(--color-light);
    }

    /* HOME SEC 4 */
    a.home-sec4__sub-btn:hover {
        color: var(--color-light);
    }
    a.home-sec4__sub-btn:hover::before {
        background-color: var(--color-light);
    }

    /* HOME SEC 6 */
    .home-sec6__p a:not(.button):hover {
        color: var(--color-primary);
    }

    /* SERVICE SEC 1 */
    .service-sec1__p a:hover::before {
        transform: scaleX(0);
    }
    
    /* SERVICES */
    .services-sec1__sub-col:hover .services-sec1__sub-btn {
        background-color: var(--color-primary);
    }
    .services-sec1__sub-col:hover .services-sec1__sub-box {
        box-shadow: var(--box-shadow-hover);
    }

    /* FOOTER */
    .footer ul.menu li a:hover::before {
        transform: scaleX(1);
    }
    .social-media ul li a:hover {
        border-color: var(--color-primary);
    }
    .social-media ul li a:hover::after {
        color: var(--color-primary);
    }
    .footer__copy a:hover span {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(66,167,224,1) 55%, rgba(66,167,224,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(66,167,224,1) 55%, rgba(66,167,224,1) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 26%, rgba(66,167,224,1) 26%, rgba(66,167,224,1) 37%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#999999",GradientType=1);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}