.show-thong-bao-mobile {
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    font-size: 15px;
    padding: 5px 10px;
    text-align: center;
    display: none;
}
/* Normal desktop :1366px. */
@media (min-width: 1170px) and (max-width: 1400px) {
}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
    section.section-breadcrumb {
        margin-top: 0;
    }
    #elife-header {
        display: none;
    }
    #elife-mobile-navigation {
        background: linear-gradient(to bottom, #5b912d 1%, #4c792d 100%);
    }
    .search-box {
        border: none;
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        top: 5px;
    }

    #receivedemail {
        height: 290px;
    }

    .bgpara-1 h1 {
        font-size: 27px;
    }

    .bgpara-1 {
        padding: 70px 0 55px;
    }

    .single-service {
        margin: 15px 0px;
    }

    .single-cta {
        margin-bottom: 15px;
    }

    .cta-text span {
        color: #757575;
        font-size: 15px;
        font-family: roboto;
    }

    .mb-301 {
        margin-top: 21px;
    }

    .mobile-ul-footer {
        margin: 0;
    }
    .cta-text span {
        color: #757575;
        font-size: 12px;
        font-family: roboto;
    }
    .show-thong-bao-mobile {
        
        display: block;
    }
}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    section.section-breadcrumb {
        margin-top: 0;
    }
    #elife-header {
        display: none;
    }

    #elife-mobile-navigation {
        background: linear-gradient(to bottom, #5b912d 1%, #4c792d 100%);
    }
    .search-box {
        border: none;
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        top: 5px;
    }
    #receivedemail {
        height: 290px;
    }
    .bgpara-1 h1 {
        font-size: 27px;
    }
    .bgpara-1 {
        padding: 70px 0 55px;
    }
    .single-service {
        margin: 15px 0px;
    }
    .single-cta {
        margin-bottom: 15px;
    }
    .cta-text span {
        color: #757575;
        font-size: 15px;
        font-family: roboto;
    }
    .mb-301  {
        margin-top: 21px;
    }
    .mobile-ul-footer {
        margin: 0;
    }
    .show-thong-bao-mobile {
        display: block;
    }
}


/* small mobile :320px. */
@media (max-width: 767px) {
    #elife-header {
        display: none;
    }
    #elife-mobile-navigation {
        background: linear-gradient(to bottom, #5b912d 1%, #4c792d 100%);
    }
    .search-box {
        top: 4px;
    }
    #receivedemail {
        height: 760px;
    }
    .booking-submit {
        padding: 15px 10px;
    }
    .title1 {
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 25px;
        color: #3f652d;
        text-transform: uppercase;
        padding-top: 0px;
        padding-bottom: 15px;
        font-weight: bold;
    }
    #rooms .row {
        padding: 0;
    }
    .bgpara-1 {
        padding: 55px 0 110px;
    }
        .bgpara-1 h1 {
            font-size: 22px;
            max-width: 900px;
            margin: 0 auto;
            margin-bottom: 30px;
            color: #fff;
            font-weight: 400;
        }
    .single-service {
        margin-bottom: 15px;
    }
    .mb-301 {
        margin-top: 21px;
    }
    .single-cta {
        margin-bottom: 15px;
    }
    .mobile-ul-footer{
        margin:0;
    }
    section.section-breadcrumb {
        margin-top: 13px;
    }
    .vertical .steps {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .content {
        background: #fff;
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        margin-right: 10px;
        margin-top: 10px;
        padding-bottom: 25px;
        width: 94%;
        margin-left: 40px;
    }
    .hiden-mobile {
        display: none;
    }
    .cta-text span {
        color: #757575;
        font-size: 11px;
        font-family: roboto;
    }
    .single-service .img-box {
        position: relative;
        cursor: pointer;
        overflow: auto;
        height: auto;
    }
    .single-service .text-box h3 {
        font-family: "Roboto";
        color: #182345;
        font-size: 20px;
        font-weight: 500;
        line-height: 25px;
        height: auto;
        /* background: red; */
        overflow: auto;
    }
    .single-service .text-box p {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 20px;
        font-weight: 300;
        line-height: 23px;
        height: auto;
        /* background: red; */
        overflow: auto;
    }
    .room figure {
        margin: 0;
        position: relative;
        height: auto;
        overflow: auto;
    }
    .room .caption .txt1 {
        font-size: 15px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 20px;
        height: auto;
        overflow: hidden;
    }
    .fleet-section .room-wrapper {
        position: relative;
        margin-left: -13px;
    }
        .fleet-section .room-wrapper .room {
            position: relative;
            background: #fff;
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
            margin-right: 27px;
            margin-bottom: 50px;
        }
    .steps ul li {
        padding-bottom: 10px;
        position: relative;
        z-index: 99;
    }
    .show-thong-bao-mobile {
        display: block;
    }
}
@media only screen and (max-width:600px) {
    .booking-col {
        width: calc(100%);
        margin-bottom: 5px;
    }
    .show-thong-bao-mobile {
        display: block;
    }
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}


/* small mobile :320px. */
@media (max-width: 767px) {
    .your-money {
        font-size: 16px;
        color: #222;
        margin: 0px;
        padding-top: 109px;
        margin-left: -33px;
        /* background: red; */
        width: 100%;
        line-height: 30px;
    }
    #signup-form .actions {
        padding-bottom: 75px;
        /* background: red; */
    }
    p.your-money {
        position: absolute;
        /* background: red; */
        padding-top: 0;
        top: 115px;
    }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .your-money {
        font-size: 16px;
        color: #222;
        margin: 0px;
        padding-top: 109px;
        margin-left: -33px;
        /* background: red; */
        width: 100%;
        line-height: 30px;
    }
    #signup-form .actions {
        padding-bottom: 75px;
        /* background: red; */
    }
    p.your-money {
        position: absolute;
        /* background: red; */
        padding-top: 0;
        top: 115px;
    }
}