/* xxl	≥1400px */
@media (max-width: 1399px) {
    /* HEADER */
    #header .phone {
        display: none;
    }
}

/* xl	≥1200px */
@media (max-width: 1199px) {
    /* NAVBAR MOBILE */
    .navbar-collapse #main-menu {
        position: absolute;
        top: 60px;
        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: 700;
    }
    .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;
    }

    /* HERO */
    #hero .hero__img {
        max-height: 450px;
    }

    /* BLOG */
    #recent-posts .news:nth-child(n+3) {
        display: none;
    }
}

/* lg	≥992px */
@media (max-width: 991px) {
    /* HERO */
    body:not(.home) #hero .hero__img {
        max-height: 350px;
    }

    /* SIDEBAR */
    #sidebar-area {
        display: none !important;
    }

    /* SECTION 3 */
    #section3 .section3__h span:nth-of-type(1) {
        display: block;
    }
    #section3 .section3__h span:nth-of-type(2) {
        display: none;
    }
}

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

    /* CTA */
    #cta .cta__txt {
        margin-top: 20px;
    }
}

/* sm	≥576px */
@media (max-width: 575px) {  
    /* FOOTER */
    #footer .links {
        display: none;
    }
    .social-media {
        margin-bottom: 15px;
    }
    .social-media ul li {
        margin: 0 3px;
    }
    .social-media ul li a {
        width: 48px;
        height: 48px;
    }
    .social-media ul li a::after {
        font-size: 19px;
    }
    #footer .menu ul {
        flex-wrap: wrap;
    }
    #footer .menu ul li {
        padding: 0 15px !important;
    }
    #footer .menu ul li:after {
        display: none;
    }
    .grecaptcha-badge {
        bottom: 80px !important;
    }
    .copy p {
        line-height: 18px;
    }
    .copy p a {
        display: block;
    }
}

@media (min-width: 470px) and (max-width: 991px) {

    /* TEXTBOX */
    #textbox.wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }

    /* SERVICES WRAPPER */
    #services-wrapper.wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* sm	≥576px */
@media (min-width: 576px) {
    /* GENERAL */
    h1, .h1s {
        font-size: var(--h1-fs-sm);
        line-height: var(--h1-lh-sm);
    }
    h2, .h2s {
        font-size: var(--h2-fs-sm);
        line-height: var(--h2-lh-sm);
    }
    .t1-ps,
    .t1-ps p {
        font-size: var(--t1-ps-fs-sm);
        line-height: var(--t1-ps-lh-sm);
    }
    .col4, 
    .col5 {
        width: calc(50% - calc(var(--gap-sm) / 2));
    }
    /* HERO */
    #hero .hero__img  {
        min-height: 370px;
    }
}

/* md	≥768px */
@media (min-width: 768px) {
    /* GENERAL */
    h1, .h1s {
        font-size: var(--h1-fs-md);
        line-height: var(--h1-lh-md);
    }
    h2, .h2s {
        font-size: var(--h2-fs-md);
        line-height: var(--h2-lh-md);
    }
    h3, .h3s {
        font-size: var(--h3-fs-md);
        line-height: var(--h3-lh-md);
    }
    .t1-ps,
    .t1-ps p {
        font-size: var(--t1-ps-fs-md);
        line-height: var(--t1-ps-lh-md);
    }
    .col3,
    .col5 {
        width: calc(50% - calc(var(--gap-sm) / 2));
    }
    .col6,
    .col7,
    .col8 {
        width: calc(33.33333333333333% - calc((var(--gap-sm) * 2) / 3));
    }

    /* FOOTER */
    #footer .footer__col:nth-of-type(1) {
        order: 1;
    }
    #footer .footer__col:nth-of-type(2) {
        width: calc(50% - calc(var(--gap) / 2));
        order: 3;
    }
    #footer .footer__col:nth-of-type(3) {
        width: calc(50% - calc(var(--gap) / 2));
        order: 2;
    }
    #footer .contact__h {
        position: relative;
        padding-bottom: 11px;
    }
    #footer .contact__h::before {
        content: '';
        position: absolute;
        bottom: 0;
        right: 50%;
        width: 58px;
        height: 4px;
        border-radius: 2px;
        background-color: var(--color-primary);
        transform: translateX(50%);
    }
    #footer .address__h::before {
        left: 0;
        transform: translateX(0);
    }
}

/* lg	≥992px */
@media (min-width: 992px) {
    /* GENERAL */
    h1, .h1s {
        font-size: var(--h1-fs-lg);
        line-height: var(--h1-lh-lg);
    }
    h2, .h2s {
        font-size: var(--h2-fs-lg);
        line-height: var(--h2-lh-lg);
    }
    h3, .h3s {
        font-size: var(--h3-fs-lg);
        line-height: var(--h3-lh-lg);
    }
    h4, 
    .h4s,
    .service__txt h1,
    .service__txt h2,
    .service__txt h3 {
        font-size: var(--h4-fs-lg);
        line-height: var(--h4-lh-lg);
    }
    .p8s,
    .p8s p {
        font-size: var(--p8s-fs-lg);
        line-height: var(--p8s-lh-lg);
    }
    .t1-ps,
    .t1-ps p {
        font-size: var(--t1-ps-fs-lg);
        line-height: var(--t1-ps-lh-lg);
    }
    .col2 {
        width: calc(50% - calc(var(--gap-sm) / 2));
    }
    .col5,
    .col6,
    .col7,
    .col8 {
        width: calc(20% - calc((var(--gap-sm) * 4) / 5));
    }
    .col-lg-30 {
        width: calc(36% - var(--gap));
    }
    .col-lg-70 {
        width: calc(64% - var(--gap));
    }

    /* HERO */
    body:not(.home) #hero {
        background-position: bottom 50px center;
    }
    body #hero .hero__img {
        max-height: 780px;
    }
    body:not(.home) #hero .hero__img {
        max-height: 650px;
    }

    /* SERVICE - single */
    #service {
        padding-top: 10px;
    }
}

/* xl	≥1200px */
@media (min-width: 1200px) {
    /* GENERAL */
    h1, .h1s {
        font-size: var(--h1-fs-xl);
        line-height: var(--h1-lh-xl);
    }
    h2, .h2s {
        font-size: var(--h2-fs-xl);
        line-height: var(--h2-lh-xl);
    }
    h3, .h3s {
        font-size: var(--h3-fs-xl);
        line-height: var(--h3-lh-xl);
    }
    h4, 
    .h4s,
    .service__txt h1,
    .service__txt h2,
    .service__txt h3 {
        font-size: var(--h4-fs-xl);
        line-height: var(--h4-lh-xl);
    }
    h5, .h5s {
        font-size: var(--h5-fs-xl);
        line-height: var(--h5-lh-xl);
    }
    .t1-ps,
    .t1-ps p {
        font-size: var(--t1-ps-fs-xl);
        line-height: var(--t1-ps-lh-xl);
    }
    .wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .col3 {
        width: calc(33.33333333333333% - calc((var(--gap-sm) * 2) / 3));
    }
    .col4 {
        width: calc(25% - calc((var(--gap-sm) * 3) / 4));
    }
    .col6 {
        width: calc(16.66666666666667% - calc((var(--gap-sm) * 5) / 6));
    }
    .col7 {
        width: calc(14.28571428571429% - calc((var(--gap-sm) * 6) / 7));
    }
    .col8 {
        width: calc(12.5% - calc((var(--gap-sm) * 7) / 8));
    }

    /* HEADER */
    #header .logo a img {
        height: 70px;
    }

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

    /* HERO */
    #hero .hero__content {
        padding-left: 12%;
    }

    .service__intro,
    .service__txt {
        margin-right: 10%;
    }
}

/* xxl	≥1400px */
@media (min-width: 1400px) {
    /* GENERAL */
    body {
        font-size: var(--ps-fs-xxl);
        line-height: var(--ps-lh-xxl);
    }
    h1, .h1s {
        font-size: var(--h1-fs-xxl);
        line-height: var(--h1-lh-xxl);
        letter-spacing: -2px;
    }
    h2, .h2s {
        font-size: var(--h2-fs-xxl);
        line-height: var(--h2-lh-xxl);
    }
    h3, .h3s {
        font-size: var(--h3-fs-xxl);
        line-height: var(--h3-lh-xxl);
    }
    h4, 
    .h4s,
    .service__txt h1,
    .service__txt h2,
    .service__txt h3 {
        font-size: var(--h4-fs-xxl);
        line-height: var(--h4-lh-xxl);
    }
    h5, .h5s {
        font-size: var(--h5-fs-xxl);
        line-height: var(--h5-lh-xxl);
    }
    h6, .h6s {
        font-size: var(--h6-fs-xxl);
        line-height: var(--h6-lh-xxl);
    }
    .p1s,
    .p1s p,
    .widget-links ul li a {
        font-size: var(--p1s-fs-xxl);
        line-height: var(--p1s-lh-xxl);
    }
    .p2s,
    .p2s p{
        font-size: var(--p2s-fs-xxl);
        line-height: var(--p2s-lh-xxl);
    }
    .p3s,
    .p3s p {
        font-size: var(--p3s-fs-xxl);
        line-height: var(--p3s-lh-xxl);
    }
    .p4s,
    .p4s p {
        font-size: var(--p4s-fs-xxl);
        line-height: var(--p4s-lh-xxl);
    }
    .p5s,
    .p5s p {
        font-size: var(--p5s-fs-xxl);
        line-height: var(--p5s-lh-xxl);
    }
    .p6s,
    .p6s p {
        font-size: var(--p6s-fs-xxl);
        line-height: var(--p6s-lh-xxl);
    }
    .p7s,
    .p7s p {
        font-size: var(--p7s-fs-xxl);
        line-height: var(--p7s-lh-xxl);
    }
    .p8s,
    .p8s p {
        font-size: var(--p8s-fs-xxl);
        line-height: var(--p8s-lh-xxl);
    }
    .t1-ps,
    .t1-ps p {
        font-size: var(--t1-ps-fs-xxl);
        line-height: var(--t1-ps-lh-xxl);
    }
    .button,
    .button-2 {
        padding: 13px 70px;
    }
    .container {
        max-width: 1410px;
    }
    .container-sm {
        max-width: 1040px;
    }
    .container-md {
        max-width: 1280px;
    }
    .container-xmd {
        max-width: 1320px;
    }
    .container-lg {
        max-width: 1490px;
    }
    .container-xl {
        max-width: 1680px;
    }
    .row2 {
        gap: var(--gap) var(--gap);
    }
    .col2 {
        width: calc(50% - calc(var(--gap) / 2));
    }
    .col3 {
        width: calc(33.33333333333333% - calc((var(--gap) * 2) / 3));
    }
    .col4 {
        width: calc(25% - calc((var(--gap) * 3) / 4));
    }
    .col5 {
        width: calc(20% - calc((var(--gap) * 4) / 5));
    }
    .col6 {
        width: calc(16.66666666666667% - calc((var(--gap) * 5) / 6));
    }
    .col7 {
        width: calc(14.28571428571429% - calc((var(--gap) * 6) / 7));
    }
    .col8 {
        width: calc(12.5% - calc((var(--gap) * 7) / 8));
    }

    /* HEADER */
    #header {
        padding: 60px 0 0;
    }

    /* SIDEBAR */
    .widget-area {
        margin-top: 111px;
    }

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

    /* HERO */
    body:not(.home) #hero {
        margin-bottom: -50px;
        background-position: bottom 120px center;
    }
    .home #hero .hero__img  {
        min-height: 680px;
    }
    #hero {
        padding-top: 139px;
    }
    body:not(.home) #hero.hero-basic {
        padding-top: 273px;
        padding-bottom: 85px;
        background-position: bottom 50px center;
        background-size: 100% 100%;
    }
    .home #hero .hero__h {
        padding-right: 16%;
    }
    body:not(.home) .hero__p {
        padding-right: 6%;
    }
    .hero__st {
        margin-bottom: 22px;
    }
    .hero__h {
        margin-bottom: 30px;
    }

    /* SECTION 1 */
    #section1 {
        margin-top: -270px;
    }
    .debt-value {
        top: -28px;
        font-size: 18px;
    }
    .debt-form__row {
        padding: 44px 5% 56px;
    }
    #sidebar-area .debt-form__row {
        padding: 53px 9% 56px;
    }
    #sidebar-area .debt-form__btn {
        padding: 10px 40px;
    }
    .debt-form__h {
        margin-bottom: 60px;
        font-size: 29px;
        letter-spacing: -1px;
    }
    .debt-form__min, 
    .debt-form__max {
        font-size: 13px;
    }

    /* ABOUT */
    #about {
        padding-top: 110px;
    }
    .about__p {
        margin-top: 10px;
    }

    /* SERVICES */
    #services {
        padding-top: 60px;
        padding-bottom: 90px;
    }
    #services .services__box {
        padding: 50px 15px 17px 42px;
    }
    #services .services__sub-icon {
        min-height: 94px;
    }

    /* TEXTBOX */
    #textbox {
        padding-bottom: 55px;
    }
    #textbox .textbox__pb {
        margin-bottom: 45px;
    }

    /* CTA */
    #cta .cta__box {
        padding: 45px 6%;
    }
    #cta .cta__h {
        padding-right: 19%;
    }
    #cta .cta__p {
        padding-right: 5%;
    }
    #cta .cta__txt {
        padding-left: 5%;
    }
    #cta .button {
        margin-top: 4px;
    }

    /* SECTION 2 */
    #section2 {
        padding-top: 60px;
        padding-bottom: 15px;
    }
    #section2 .row {
        padding-left: 4%;
        padding-right: 4%;
    }

    /* SERVICES WRAPPER */
    #services-wrapper {
        padding-bottom: 85px;
    }
    #services-wrapper .services__sub-img {
        height: 225px;
    }
    #services-wrapper .services__sub-txt {
        padding: 33px 12% 30px;
    }
    #services-wrapper .services__sub-txt i {
        top: 40px;
        right: 30px;
        width: 52px;
        height: 52px;
        min-width: 52px;
    }
    #services-wrapper .services__sub-h {
        padding-right: 10%;
    }
    #services-wrapper .services__sub-bottom {
        padding: 7px 12% 11px;
    }
    #services-wrapper .services__sub-bottom::before {
        width: calc(100% - 12%);
    }

    /* SERVICES - single */
    #service .service__quote {
        padding: 58px 7%;
    }
    #service .service__quote::before {
        top: 0;
        left: 50px;
    }
    .service__txt {
        margin-left: 6%;
    }
    .service__txt2 {
        margin-bottom: 107px;
        padding-bottom: 33px;
    }
    .service__txt h1,
    .service__txt h2,
    .service__txt h3 {
        margin-top: 45px;
    }

    /* MYTHS */
    #myths .myths__sub-box {
        padding: 54px 4% 34px;
    }

    /* CONTACT */
    #contact-intro .box {
        padding: 54px 4% 34px;
    }

    /* ENTRY CONTENT */
    .entry-content ul li {
        margin-top: 10px;
    }

    /* FOOTER */
    #footer .wrapper {
        padding-top: 140px;
        padding-bottom: 80px;
    }
    #footer .footer__col:nth-of-type(1) {
        width: calc(50% - calc((var(--gap) * 2) / 3));
    }
    #footer .footer__col:nth-of-type(2) {
        width: calc(25% - calc((var(--gap) * 2) / 3));
    }
    #footer .footer__col:nth-of-type(3) {
        width: calc(25% - calc((var(--gap) * 2) / 3));
    }
    #footer .logo {
        padding-right: 5%;
    }
    #footer .logo a {
        margin-bottom: 35px;
    }
    #footer .logo a img {
        max-height: 58px;
    }
    #footer .address__h {
        margin-top: 28px;
    }
    #footer .contact {
        padding: 33px 40px 28px;
    }
    #footer .contact__h {
        margin-bottom: 24px;
    }
    #footer .contact .button-2 {
        padding: 13px 20px;
    }
    #footer .contact .phone {
        margin-top: 17px;
    }
    #footer .menu ul li a,
    #footer .menu-quick-menu-container ul.menu li a {
        font-size: 15px;
    }
    #footer .row-menu {
        margin-top: 31px;
    }
}

@media (hover: hover) and (pointer: fine) {
    /* GENERAL */
    a:hover {
        color: inherit;
    }
    a.link:hover::before {
        transform: scaleX(1);
    }
    .button:hover {
        color: var(--color-primary);
        background-color: var(--color-light);
        border-color: var(--color-light);
    }
    .button-2:hover {
        color: var(--color-light);
    }
    .button-2:hover::before {
        opacity: 1;
    }
    .button-3:hover::before {
        transform: scaleX(0);
    }
    .logo a:hover img {
        transform: scale(90%);
    }

    /* 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 */
    .widget-links ul li a:hover, .widget-links ul li a[aria-current="page"] {
        color: var(--color22);
    }
    .widget-links ul li a:hover::before {
        color: var(--color22);
    }

    /* BLOG */
    .news:hover > a {
        box-shadow: var(--box-shadow-hover);
    }

    /* SINGLE POST */
    #single-wrapper .back:hover::before,
    #single-wrapper .back:hover span {
        color: var(--color-body);
    }

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

    /* CONTACT */
    #contact-intro .phone::before  {
        background-color: var(--color-primary);
    }
    #contact-intro .box:hover::before {
        transform: translate(40%, -40%) scale(1.3);
    }

    /* FOOTER */
    #footer .menu ul li a:hover::before,
    #footer .menu-quick-menu-container ul.menu li a:hover::before {
        transform: scaleX(1);
    }
    .social-media ul li a:hover {
        background-color: transparent;
        color: var(--color-primary);
        border-color: var(--color-primary);
    }
    .social-media ul li a:hover::after {
        color: var(--color-primary);
    }
    .copy a:hover span {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(90deg, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 45%, rgba(66,167,224,1) 55%, rgba(66,167,224,1) 60%, rgba(39, 39, 39,1) 60%, rgba(39, 39, 39,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 45%, rgba(66,167,224,1) 55%, rgba(66,167,224,1) 60%, rgba(39, 39, 39,1) 60%, rgba(39, 39, 39,1) 100%);
        background: linear-gradient(90deg, rgba(39, 39, 39, 1) 0%, rgba(39, 39, 39, 1) 26%, rgba(66,167,224,1) 26%, rgba(66,167,224,1) 37%, rgba(39, 39, 39,1) 37%, rgba(39, 39, 39,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;
        transition: var(--transition);
    }

    /* SERVICES */
    #services .services__box:hover::before {
        transform: translate(40%, -40%) scale(1.3);
    }

    /* CTA */
    #cta .row:hover .cta__img::before {
        top: -15px;
    }

    /* SERVICES WRAPPER */
    #services-wrapper .services__sub-box:hover {
    box-shadow: var(--box-shadow-hover);
    }
    #services-wrapper .services__sub-box:hover .services__sub-img {
    border-bottom-right-radius: var(--border-radius-md);
    border-bottom-left-radius: 150px;
    }
    #services-wrapper .services__sub-box:hover .services__sub-txt i {
        transform: scale(0.8);
    }
    #services-wrapper .services__sub-box:hover .services__sub-btn {
        color: var(--color-primary);
    }
}