@media screen and (max-width: 1351px) {
    .section_home {
        padding: 100px 0;
    }

    .home_txt span {
        font-size: 12px;
    }

    .home_txt h1 {
        font-size: 48px;
    }

    .bt-hero {
        margin-top: 10px;
    }

    .bt-hero > p {
        font-size: 17px;
    }

    .thumb-hero {
        bottom: -50px;
    }

    .thumb-hero img {
        width: 690px;
        height: 300px;
    }

    .stat-wizard > p {
        margin-top: 20px;
        font-size: 15px;
    }

    .form-booknow .form-control {
        width: 170px;
    }

    .contact-whats {
        width: 70px;
        height: 70px;
        font-size: 35px;
    }

     .contact-area {
        width: 70px;
        height: 70px;
        font-size: 35px;
    }

    

}

@media screen and (max-width: 991px) {
    #header {
        position: fixed;
        top: 0;
        height: auto;
    }

    #header .container {
        justify-content: space-between;
    }

    .main_menu {
        display: none;
    }

    .hamburger {
        display: flex;
    }

    .logo-site img {
        max-width: 110px;
    }

    .mmenu .main_menu {
        display: block;
    }

    .main_menu > li {
        margin-bottom: 20px;
    }

    .mmenu .main_menu > li .btn-site {
        width: 100%;
        height: 45px;
        text-align: center;
    }

    .section_home {
        padding: 130px 0 40px;
    }

    .section_home .d-flex {
        gap: 0;
        flex-wrap: wrap;
    }

    .home_txt,
    .stat-wizard {
        width: 100%;
    }

    .home_txt h1 {
        font-size: 44px;
        margin-bottom: 40px;
    }

    .section_home .stat-wizard .d-flex {
        gap: 10px;
    }

    .stat-wizard > p {
        margin-top: 20px;
    }

    .form-booknow {
        flex-wrap: wrap;
    }

    .form-booknow .d-flex {
        height: auto;
    }

    .form-booknow .form-group {
        margin-bottom: 15px;
    }

    .form-booknow .btn {
        width: 100%;
        padding: 0
    }

    .form-booknow .btn-site {
        height: 70px;
        border-radius: 20px;
        width: 100%;
    }

    .thumb-hero {
        position: relative;
        bottom: 0;
        left: 0;
    }

    .thumb-hero img {
        height: 220px;
    }

    .txt-about {
        padding-left: 0;
    }

    .txt-about h2 {
        font-size: 30px;
    }

    .feat-abt {
        margin-top: 20px;
    }

    .contact-whats {
        left: 20px;
        bottom: 30px;
        width: 50px;
        height: 50px;
        font-size: 26px;
    }


     .contact-area {
        left: 20px;
        bottom: 85px;
        width: 50px;
        height: 50px;
        font-size: 26px;
    }

    .contact-area img {
        height: 35px !important;
        width: 35px !important;
    }

    .cont-video img {
        height: 240px;
    }

    .cont-video span {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .sec_head h2 {
        font-size: 28px;
        line-height: 1.7;
    }

    .sec_head p {
        margin-top: 20px;
    }

    .thumb-statistic {
        margin-bottom: 25px;
    }

    .item-statistic {
        border-radius: 10px;
    }

    .item-statistic strong {
        font-size: 40px;
    }

    .cont-thumb-stat {
        padding: 60px 0px;
    }

    .cont-news {
        gap: 40px;
        flex-wrap: wrap;
    }

    .more-nws {
        width: 100%;
    }

    .section_customers .sec_head {
        padding-left: 0;
    }

    .thumb-customer:before {
        bottom: 0;
    }

    .item-customer {
        padding: 30px;
    }

    .cont-location {
        padding-bottom: 150px;
    }

    .item-loc:nth-child(1) {
        top: 0;
        left: auto;
        transform: unset;
    }

    .item-loc:nth-child(2) {
        top: 160px;
        right: unset;
    }

    .item-loc:nth-child(3) {
        top: 320px;
        left: unset;
    }

    .cont-location ul {
        bottom: 50px;
    }

    .menu-ft {
        margin-top: 40px;
    }

    .middle-ft > div {
        width: calc(50% - 25px);
    }

    .section_sign_page {
        padding: 160px 0 50px;
    }

    .txt-sign {
        width: 100%;
    }

    .txt-sign p {
        padding: 0;
    }

    .thumb-customer:before {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 75%);
    }

    .cont-orders {
        padding: 65px 10px;
    }

    .table-order {
        padding: 30px 20px;
    }

    table {
        table-layout: auto;
    }

    td,
    th {
        white-space: nowrap;
    }

    .nav-tabs .nav-link {
        padding: 5px;
        width: 115px;
        height: 68px;
        font-size: 16px;
    }

    .alert-order {
        flex-wrap: wrap;
    }

    .ph-alert {
        margin-bottom: 10px;
    }

    .report-order {
        width: 100%;
    }

    .report-order .btn-site {
        width: 100%;
    }

    .chose-you {
        padding: 50px 20px;
    }

    .chose-you .d-flex {
        flex-wrap: wrap;
    }

    .head-order {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    .progress-order {
        overflow-x: auto;
        padding-top: 80px;
    }

    .section_booknow {
        padding: 0 0 50px;
    }

    .section_booknow .sec_head {
        width: 100%;
    }

    .item-step p {
        font-size: 14px;
    }

    .cont-booknow {
        padding: 65px 20px;
    }

    .cont-step {
        width: 100%;
    }

    .cont-type-car {
        padding: 50px 20px 10px;
    }

    .dta-car .d-flex {
        gap: 0;
        flex-wrap: wrap;
    }

    .dta-car .d-flex:not(:last-child) .form-group {
        margin-bottom: 20px;
    }

    .dta-car .d-flex .form-group {
        width: 100%;
    }

    .cont-packages > div {
        width: 100%;
    }

    .other-serv > div {
        width: 100%;
    }

    .head-pack h5:before {
        width: 50%;
    }

    .cont-confirmation {
        flex-wrap: wrap;
    }

    .cont-confirmation > div {
        width: 100%;
    }

    .item-cart {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 10px;
    }

    .form-credit > .d-flex .form-control {
        width: 70px;
    }

    .item-step {
        padding: 16px 0;
    }
    
    .cont-report {
        padding: 40px 20px;
    }
    
    .dta-report {
        flex-wrap: wrap;
    }
    
    .dta-report > div {
        flex: 0 0 auto;
        width: 100%;
    }
    
    .dta-report > div:first-child {
        padding: 0;
        margin-bottom: 20px;
    }
    
    .dta-report > div:last-child {
        padding: 0;
    }
    
    .opt-report {
        flex-wrap: wrap;
    }
    
}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 500px) {}