@media (min-width:1720px) {
    html{
        font-size: .521vw;
    }
    .container{
        max-width: 172rem;
        padding:0 1.6rem;
    }
}

@media (max-width:1719.8px){
    html{
        font-size: 51%;
    }
    .container{
        max-width: 1450px;
    }
}
@media (max-width:1500px){
    html{
        font-size: 49%;
    }
    .container{
        max-width: 1280px;
    }
}
@media (max-width:1300px){
    html{
        font-size: 42%;
    }
    .container{
        max-width: 1160px;
    }
}
@media (max-width:1200px) and (min-width:992px){
    html{
        font-size: 37%;
    }
    .container{
        max-width: 970px;
    }
}

@media screen and (max-width: 991.98px) {
    .hamburger {
        display: flex;
    }
    #main-menu{
        position: fixed;
        left: -100%;
        top: 0;
        width: 70%;
        height: 100%;
        background-color: white;
        box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2);
        padding: 30px;
        transition: .4s all ease-in-out;
        z-index: 3;
    }
    #main-menu.active {
        left: 0;
        overflow-y: auto;
    }
    #main-menu .logo{
        text-align: left;
        margin: 30px 0;
        display: block;
    }
    .header-content ul{
        flex-direction: column;
        gap: 30px;
        align-items: start;
    }
    body.backdrop::after{
        content: "";
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.69);
        z-index: 1;
        transition: .4s all ease-in-out;
    }
    .btn-header {
        margin-left: 0rem;
    }
    #close-menu{
        display: block;
    }
    .popup-content-wrapper {
        max-width: 63rem;
    }
    .map-img>img {
        width: 100%;
        height: 60rem;
        object-fit: cover;
    }
    .map-link.link-3 {
        top: 38rem;
        left: 10rem;
    }
    .map-link.link-1 {
        top: 23.5rem;
        left: 13rem;
    }
    .map-link.link-2 {
        top: 12.5rem;
        left: 41.5rem;
    }
    .map-link.link-4 {
        top: 5rem;
        left: 55.5rem;
    }
    .map-link.link-5 {
        top: 7.5rem;
        left: 75.5rem;
    }
    .map-link.link-7 {
        top: 35rem;
        left: 68rem;
    }
    .map-link.link-6 {
        top: 27rem;
        left: 75rem;
    }
    .map-link.link-8 {
        top: 20.7rem;
        left: 90.7rem;
    }
    .map-link.link-9 {
        top: 35rem;
        left: 94rem;
    }
    .map-link.link-10 {
        top: 26.5rem;
        left: 103rem;
    }
    .common-popup .modal-dialog {
        max-width: 90%;
    }
}
@media (max-width:768px){
    .container{
        padding:0 3rem;
    }
    .map-link.link-3 {
        top: 43rem;
        left: 1rem;
    }
    .map-link.link-1 {
        top: 22.5rem;
        left: 4rem;
    }
    .map-link.link-2 {
        top: 8.5rem;
        left: 22.5rem;
    }
    .map-link.link-4 {
        top: 5rem;
        left: 35.5rem;
    }
    .map-link.link-5 {
        top: 1.5rem;
        left: 45.5rem;
    }
    .map-link.link-6 {
        top: 14rem;
        left: 50rem;
    }
    .map-link.link-7 {
        top: 35rem;
        left: 38rem;
    }
    .map-link.link-8 {
        top: 20.7rem;
        left: 62.7rem;
    }
    .map-link.link-9 {
        top: 35rem;
        left: 60rem;
    }
    .map-link.link-10 {
        top: 26.5rem;
        left: 72rem;
    }
    .footer-logo img {
        width: 18rem;
    }
    .social-icons {
        column-gap: 3rem;
    }
    .common-form {
        padding: 0 5rem;
    }
}
@media(max-width:576px){
    html {
        font-size: 1.168vw;
    }
    .common-popup .btn-close {
        right: 3.5rem;
        top: 1.8rem;
    }
    .footer-content {
        flex-wrap: wrap;
    }
    .footer-content>a {
        order: 0;
    }
    .footer-content>.social-icons {
        order: 1;
    }
    .footer-content>.copyright {
        order: 2;
        /* margin: 1rem auto 0 auto; */
    }
}