@media (max-width:1600px) {
    body {
        zoom: 80%;
    }
}

@media (max-width:1300px) {
    body {
        zoom: 70%;
    }
}


@media (max-width:1300px) {
    body {
        zoom: 65%;
    }
}

@media (max-width:1024px) {
    body {
        zoom: unset;
    }
}

@media (max-width:1024px) {
    /* HIDE DESKTOP-ONLY ELEMENTS */
    /* #header .row .left,
    #header .navAndButton .right,
    #header .metaInfo {
        display: none;
    } */

    /* HEADER LAYOUT */
    #header .row {
        padding: 0;
        padding-top: 80px;

    }


    #header nav strong,
    #header nav .nav-divider {
        display: none;
    }

    #header .row .right {
        width: 100%;
        padding-top: 10px;
    }

    #header .navAndButton {
        max-width: 100%;
        width: 100%;
    }

    #header .row .navAndPhone .nav-container {
        padding-top: 0;
        max-width: 100%;
        width: 100%;
    }

    /* STICKY NAV CONTAINER */
    #header .row .info .info-bottom .nav-container {
        display: block;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        width: 100%;
        z-index: 999;
        margin: 0;
        padding-top: 0px;
    }

    #header .row .nav-container nav {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        max-width: 100%;
        width: 100%;
    }

    #header .row .info .info-bottom .nav-container nav ul {
        display: none;
    }

    /* HAMBURGER BUTTON */
    #header .nav-container nav a#pull {
        display: block;
        position: relative;
        text-align: left;
        width: 100%;
        max-width: 100%;
        height: 50px;
        padding: 10px 0;
        color: #fff;
        background-color: #001966;
        ;
    }

    #header .nav-container nav a#pull::after {
        content: "";
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 22px;
        height: 2px;
        background: #fff;
        box-shadow: 0 -7px 0 #fff, 0 7px 0 #fff;
    }

    /* DROPDOWN MENU LIST */
    #header .nav-container nav ul {
        display: none;
        width: 100%;
        height: auto;
        flex-direction: column;
        background: #001966;
        ;
    }

    #header .nav-container nav ul.show {
        display: flex;
    }

    #header .nav-container nav ul li {
        width: 100%;
        position: relative;
    }

    #header .nav-container nav ul li a {
        display: block;
        float: none;
        padding: 10px 20px;
        color: #fff;
        text-align: start;
    }

    #header nav ul li.active-menu a,
    #header nav ul li a:hover {
        background: unset;

    }

    #header .nav-container nav ul li.active-menu,
    #header .nav-container nav ul li:hover {
        background: linear-gradient(180deg, #FDA114 0%, #EF2219 100%);
    }

    #header .row .navAndPhone {
        justify-content: center;
    }

    /* NAV HAMBURGER TEMPLATE */




    h1,
    h2,
    h3 {
        font-size: 40px !important;
        line-height: 60px !important;
    }

    #header .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-left: 20px;
        padding-right: 20px;
    }

    #header .row .info .info-top {
        margin: 0 auto;
        padding-bottom: 5px;
        padding-top: 20px;
    }

    #header .row .info .info-bottom>a {
        margin: 0 auto;
    }

    #banner .row-top {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        min-height: unset;
    }

    #banner .row-top>span,
    #banner .row-top>h1,
    #banner .row-top>p {
        text-align: center;

    }

    #banner .row-top>span {
        padding-bottom: 0px;
    }

    #banner .row-top>h1 {
        line-height: 60px;
    }

    #banner .row-top>p {
        font-size: 20px !important;
    }

    #banner .row-top>p>br {
        display: none;
    }

    #banner .row-top>.btn {
        margin: 0 auto;
    }

    #banner .features {
        max-width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    #aboutSection {
        background-position: bottom center;
    }

    #aboutSection .row .inner-row .left>span:first-child {
        padding-bottom: 10px;
    }

    #servicesSection .row {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    #servicesSection .row>span {
        padding-bottom: 10px;
    }

    #servicesSection .row>p {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    #servicesSection .row .services {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }



    #aboutSection .row .inner-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #aboutSection .row .inner-row .right {
        width: 100%;
        max-width: 100%;
        min-height: 516px;
    }

    #aboutSection .row .bottom-row {
        max-width: 100%;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 40px;
        padding-bottom: 100px;
    }

    #aboutSection .row .bottom-row .right>span,
    #aboutSection .row .bottom-row .right>h2,
    #aboutSection .row .bottom-row .right>p {
        text-align: center;
    }

    #aboutSection .row .bottom-row .right>h2 {
        padding-top: 0px;
    }

    #aboutSection .row .bottom-row .right>p {
        margin: 0;
        padding-bottom: 10px;
    }

    #aboutSection .row .inner-row .left {
        padding-top: 20px;
    }

    #aboutSection .row .inner-row .left>p {
        font-size: 18px !important;
    }

    #aboutSection .row .inner-row .left>p>br {
        display: none;
    }

    #aboutSection .row .bottom-row .right>h2>br {
        display: none;
    }

    #aboutSection .row .bottom-row .right>a {
        margin: 0 auto;
    }

    #aboutSection .row .bottom-row {
        padding-bottom: 60px;
    }

    #aboutSection {
        margin-bottom: -150px;
    }

    #reviewSection {
        background-size: cover;
        background-position: unset;
        padding-bottom: 100px;
    }

    #reviewSection .row>span,
    #reviewSection .row>h2,
    #reviewSection .row>p {
        text-align: center;
    }

    #reviewSection .row .reviews {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #policySection {
        margin-bottom: unset;
    }

    #policySection .row {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #policySection .row .left {
        padding: 20px !important;
        display: flex;
        justify-content: center;
        flex-direction: column;

    }

    #policySection .row .left>h3 {
        padding-bottom: 0px;
    }

    #policySection .row .left>h3,
    #policySection .row .left>p,
    #policySection .row .right .refund>h3,
    #policySection .row .right .privacy>h3,
    #policySection .row .right .refund>p,
    #policySection .row .right .privacy>p {
        text-align: center;
    }

    #policySection .row .left>p {
        margin: 0 auto;
        padding-top: 20px;
    }

    #policySection .row .right .refund,
    #policySection .row .right .privacy {
        padding: 20px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #footer {
        background-size: cover;
    }

    #footer .row {
        padding-top: 200px;
        padding-bottom: 20px;
    }

    #footer .row .top-row {
        margin-top: unset;
    }

    #footer .row .bottom-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0px;
        max-width: 100%;
        margin-top: 0;
        padding-top: 30px;
    }


    #footer .row .bottom-row .right {
        padding-top: 20px;
    }



    #footer .nav-container {
        display: none;
    }


    .cta {
        background-color: transparent;
        background-image: url("../images/common/phonecall.png"), linear-gradient(180deg, #FDA114 0%, #EF2219 100%);
        background-repeat: no-repeat, no-repeat;
        background-position: center center, center center;
        background-size: auto, cover;
        border-bottom-left-radius: 40px;
        border-top-left-radius: 40px;
        bottom: 1%;
        display: block;
        height: 80px;
        position: fixed;
        right: 0;
        text-decoration: none;
        text-indent: -9999em;
        width: 100px;
        z-index: 999;
    }


    .services #content .services-features {
        flex-wrap: wrap;
        justify-content: center;
    }

    #content .about-row .video-wrapper video {
        max-width: 540px;
    }

    #content .about-row .images>.preview-image .cont:last-child {
        background-size: cover;
    }


    .gallery #content .row h1,
    .reviews #content h1,
    .services #content h1,
    .blog #content h1,
    .blog1 #content h1,
    .blog2 #content h1,
    #content .about-row>span:first-child {
        font: 400 50px "dalgona";
        padding-bottom: 20px;
    }


    .blog2 #content .row>.inner-image,
    .blog1 #content .row>.inner-image {
        min-height: 500px;
    }

    .blog1 #content,
    .blog2 #content {
        padding: 0 20px;
    }
}

@media (max-width:970px) {

    .gallery #content,
    .services #content {
        background-size: cover;
        margin-bottom: -200px;
        background-position: bottom;
        height: unset;
    }
}


@media (max-width:768px) {
    #header .row .info .info-top {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    #banner .row-top>h1>br {
        display: none;
    }


    #aboutSection .row .bottom-row .left {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-right: 10px;
    }

    #aboutSection .row .bottom-row .left .thumbnails {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    #reviewSection .row .reviews .cont {
        padding-bottom: 20px;
    }

    #footer .row .top-row .accordion .cont .top {
        gap: 10px;
    }

    #footer .row .top-row .accordion .cont .top>span:first-child {
        font-size: 20px !important;
    }

    #footer .row .bottom-row .right {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 50px;
    }

    #footer .row .bottom-row .right .business {
        gap: 20px;
        max-width: 424px;
        padding-right: 20px;
        padding-left: 20px;
    }

    #footer .row .bottom-row .right .contact {
        gap: 20px;
    }


    .blog #content .row {
        flex-wrap: wrap;
        justify-content: center;

    }

    #content .about-row .video-wrapper video {
        max-width: 386px;
    }

    #content .about-row .images>.preview-image {
        flex-wrap: wrap;
        justify-content: center;
    }

    #content .about-row .lyn {
        flex-wrap: wrap;
        justify-content: center;
    }

    content .about-row>span:first-child {
        text-align: center;
        width: 100%;
    }

    #content .about-row>span:nth-child(2) {
        padding: unset;
        text-align: center;
    }

    #content .about-row .lyn p {
        text-align: center;
    }

    #content .about-row>span:first-child {
        width: 100%;
        text-align: center;
    }


    .contact #content .row .nameAndlocation,
    .contact #content .row .emailAndPhone {
        flex-direction: column;
        gap: 10px;

    }

    .contact #content .row .nameAndlocation input,
    .contact #content .row .emailAndPhone input {
        margin-bottom: 0px;
    }

    #footer .row .bottom-row .right .contact>span {
        text-align: center;
    }

    #footer .row .bottom-row .right .contact .phone,
    #footer .row .bottom-row .right .contact .email,
    #footer .row .bottom-row .right .contact .location {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #footer .row .bottom-row .right .contact .phone .info>span:first-child,
    #footer .row .bottom-row .right .contact .email .info>span:first-child,
    #footer .row .bottom-row .right .contact .location .info>span:first-child,
    #footer .row .bottom-row .right .contact .phone a>span,
    #footer .row .bottom-row .right .business>span,
    #footer .row .bottom-row .right .contact .email a>span,
    #footer .row .bottom-row .right .contact .location .info>span:last-child {
        width: 100%;
        text-align: center;
    }



}

@media (max-width:425px) {

    #footer .row .bottom-row .right .contact .phone,
    #footer .row .bottom-row .right .contact .email,
    #footer .row .bottom-row .right .contact .location {
        flex-direction: column;
        justify-content: center;

    }



    #footer .row .bottom-row .right .business .contents {
        display: flex;
        flex-wrap: wrap;
    }

    #footer .row .bottom-row .right .contact {
        width: max-content;
        max-width: 100%;
        width: 100%;
    }

    #footer .row .bottom-row .right .business {
        padding-right: 0;
        width: max-content;
        margin: 0;
        max-width: 100%;
        width: 100%;
    }

    #footer .row .bottom-row .right .contact .phone .info>a,
    #footer .row .bottom-row .right .contact .email .info>a,
    #footer .row .bottom-row .right .contact .location .info>span:last-child {
        font-size: 20px !important;
    }


    #content .about-row .video-wrapper video {
        max-width: 345px;
    }

    #content .about-row>.images {
        padding: 0px;
    }
}

@media (max-width:375px) {
    #content .about-row .video-wrapper video {
        max-width: 285px;
    }
}


@media (max-width:320px) {
    #footer .row .bottom-row .right .business {
        padding-left: unset;
    }

    #footer .row .bottom-row .right .business .contents .days,
    #footer .row .bottom-row .right .business .contents .time {
        max-width: 100%;
    }

    #footer .row .bottom-row .right .business .contents .days>span,
    #footer .row .bottom-row .right .business .contents .time>span {
        width: 100%;
        text-align: center;
    }
}