@media screen and (min-width: 1349px) {
    .section_page_site .container,
    #header .container {
        padding-inline-start: 0 !important;
    }
    .section_page_site .container {
        padding-inline-start: 0 !important;
    }
    #googleMap2 iframe {
        width:100%;
    }
}
@media screen and (min-width: 1200px) {
    .section_page_site .container,
    #header .container {
        padding-inline-start: 100px;
    }
    .section_page_site .container {
        padding-inline-start: 100px;
    }
}
@media screen and (max-width: 1199px) {
    .section_page_site .container,
    #header .container {
        padding-inline-start: 100px;
    }
    .section_page_site .container {
        padding-inline-start: 100px;
    }
    #googleMap2 iframe {
        width:100%;
        height: 100%;
    }
    .list-contact {
        flex-wrap: wrap;
        flex:auto;
    }
    .list-contact li {
        width: 100%;
        margin: 0 0 5px;
    }
}

@media screen and (max-width: 992px) {
    .menu-toggle .menu-mobile {
        width: 100%;
    }
    #header {
        background: #fff;
        position: fixed;
        top: 0;
        padding-top: 15px;
        left: 0;
        padding-inline-start: 80px;
        height: 80px;
    }
    .section_page_site .container, #header .container {
        padding-inline-start: 0;
    }
    .logo-site {
        width: 50%;
        text-align: end;
    }
    .logo-site img {
        max-width: 60px;
    }
    .fx-header {
        height: 80px;
        z-index: 999;
    }
    .fx-header ul {
        display: none
    }
    .content-page {
        flex-direction: column-reverse;
        flex-wrap: wrap;
        padding: 80px 0 0;
        height: auto;
    }
    .content-page > div {
        width: 100%;
    }
    .aside-thumb img {
        border-radius: 0;
    }
    .aside-thumb .item {
        height: auto;
    }
    .section_home .item, #slide-home {
        min-height: initial;
        height: auto;
    }
    .asid-content {
        padding: 20px 10px
    }
    .nav-tabs .nav-item {
        margin-right: 20px;
    }
    .item-packages .btn-site {
        width: 100%;
        position: relative;
        width: 100%;
        transform: translateX(-50%);
        left: 50%;
        margin-bottom: 15px;
    }
    .section_page_site {
        padding: 110px 20px 20px;
        position: relative;
    }
    .list-contact li {
        flex: none;
        width: 100%;
        margin: 0 0 10px;
    }
    .list-contact li a {
        justify-content: center;
    }
    .hd-cont {
        margin-top: 30px;
        padding: 0 15px;
    }
    .list-contact {
        flex-wrap: wrap;
        padding: 0 15px;
    }
    .form-contact {
        padding: 0 15px;
    }
    .tp-bk {
        flex-direction: column-reverse;
    }
    .packages-booking {
        width: 100%;
    }
    .tp-bk .tabs-booking {
        width: 100%;
    }
    .tabs-booking .nav-item {
        width: 50%;
    }
    .location-booking {
        width: 100%;
    }
    .flex50 {
        display: block;
    }
    .flex50 .form-group {
        width: 100%;
        padding: 0;
    }
    .bt-booking .btn-site {
        position: initial;
        transform: initial;
        margin-top: 20px;
        width: 100%;
        height: 50px;
    }
    #googleMap2 iframe {
        width:100% !important;
        height: 100%;
    }
    .list-services li {
        margin: 0 0 20px;
        width: 100%;
    }
    .list-services li:last-child {
        margin-bottom:0;
    }
    .item-booking:last-child {
        border: 0;
    }
    html[dir="rtl"] .form-group:first-child img, .form-group:first-child i {
        left: 15px;
        right: auto
    }
    .form-group:first-child img, .form-group:first-child i {
        right: 15px;
    }
    .packages-booking.packages-booking-web {
        display: none;
    }
    .packages-booking.packages-booking-mobile {
        display: block;
    }
    
     
    .tabs-home figure {
    
    height: 80px;
    width: 100%;
}

}
@media screen and (max-width: 767px) {
    
}
@media screen and (max-width: 500px) {
	
}
@media screen and (max-height: 500px) {
    .menu-mobile {
        flex-direction: column;
    }
    .social-media {
        position: unset;
        bottom: unset;
        left: unset;
        transform: unset;
    }
}