@media (min-width: 1800px) and (max-width: 1900px){
    .banner .hero-slider-item .left-content {
        height: 654px;
    }
    .banner .hero-slider-item .left-content .text {
        top: 13%;
    }

}

@media (min-width: 1700px) and (max-width: 1799px){
    .banner .hero-slider-item .left-content {
        height: 612px;
    }
    .banner .hero-slider-item .left-content .text {
        top: 10%;
    }

}

@media (min-width: 1600px) and (max-width: 1699px){
    .banner .hero-slider-item .left-content {
        height: 604px;
    }
    .banner .hero-slider-item .left-content .text {
        top: 13%;
        left: 5%;
    }
    .banner .hero-slider-item .left-content h4.subtitle {
        font-size: 22px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-one {
        font-size: 60px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-two {
        font-size: 60px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-three {
        font-size: 60px;
        margin: 0;
    }

}

@media (min-width: 1500px) and (max-width: 1599px){
    .banner .hero-slider-item .left-content {
        height: 564px;
    }
    .banner .hero-slider-item .left-content .text {
        top: 10%;
        left: 5%;
    }
    .banner .hero-slider-item .left-content h4.subtitle {
        font-size: 22px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-one {
        font-size: 60px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-two {
        font-size: 60px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-three {
        font-size: 60px;
        margin: 0;
    }

}
@media (min-width: 1440px) and (max-width: 1499px){
    .banner .hero-slider-item .left-content {
        height: 540px;
    }
    .banner .hero-slider-item .left-content .text {
        top: 8%;
        left: 5%;
    }
    .banner .hero-slider-item .left-content h4.subtitle {
        font-size: 22px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-one {
        font-size: 60px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-two {
        font-size: 60px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-three {
        font-size: 60px;
        margin: 0;
    }

}
@media (min-width: 1366px) and (max-width: 1439px){
    .banner .hero-slider-item .left-content {
        height: 515px;
    }
    .banner .hero-slider-item .left-content .text {
        top: 8%;
        left: 5%;
    }
    .banner .hero-slider-item .left-content h4.subtitle {
        font-size: 22px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-one {
        font-size: 55px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-two {
        font-size: 55px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-three {
        font-size: 55px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content p.descript {
        margin: 10px 0px 26px 0px;
        width: 82%;
    }

}
@media (max-width: 1200px){
    .home-2-banner .banner-wraper .left {
        width: inherit;
    }
    .home-2-banner .banner-wraper .middle {
        width: inherit;
        margin: 50px 0px 50px;
        padding-top: 40px;
        border: 1px solid #355e2e;
    }
    .home-2-banner .banner-wraper .right {
        width: inherit;
    }
    .home-2-banner .banner-wraper .all-content {
        display: block;
        margin: 0px 50px;
    }
}
@media (min-width: 1200px) and (max-width: 1356px){
    .banner .hero-slider-item .left-content {
        height: 445px;
    }
    .banner .hero-slider-item .left-content .text {
        top: 8%;
        left: 5%;
    }
    .banner .hero-slider-item .left-content h4.subtitle {
        font-size: 22px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-one {
        font-size: 50px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-two {
        font-size: 50px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-three {
        font-size: 50px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content p.descript {
        margin: 10px 0px 26px 0px;
        width: 85%;
    }

}
@media (min-width: 1100px) and (max-width: 1199px){
    .banner .hero-slider-item .left-content {
        height: 405px;
    }
    .banner .hero-slider-item .left-content .text {
        top: 7%;
        left: 5%;
    }
    .banner .hero-slider-item .left-content h4.subtitle {
        font-size: 20px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-one {
        font-size: 45px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-two {
        font-size: 45px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-three {
        font-size: 45px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content p.descript {
        margin: 10px 0px 26px 0px;
        width: 85%;
    }

}
@media (min-width: 1000px) and (max-width: 1099px){
    .banner .hero-slider-item .left-content {
        height: 367px;
    }
    .banner .hero-slider-item .left-content .text {
        top: 5%;
        left: 5%;
    }
    .banner .hero-slider-item .left-content h4.subtitle {
        font-size: 20px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-one {
        font-size: 45px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-two {
        font-size: 45px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-three {
        font-size: 45px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content p.descript {
        margin: 5px 0px 21px 0px;
        width: 89%;
    }
    .banner .hero-slider-item .left-content .service-btns a {
        padding: 9px 24px;
    }

}
@media (min-width: 992px) and (max-width: 999px){
    .banner .hero-slider-item .left-content {
        height: 363px;
    }
    .banner .hero-slider-item .left-content .text {
        top: 5%;
        left: 5%;
    }
    .banner .hero-slider-item .left-content h4.subtitle {
        font-size: 20px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-one {
        font-size: 42px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-two {
        font-size: 42px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content h4.title-three {
        font-size: 42px;
        margin: 0;
    }
    .banner .hero-slider-item .left-content p.descript {
        margin: 5px 0px 21px 0px;
        width: 89%;
    }
    .banner .hero-slider-item .left-content .service-btns a {
        padding: 9px 24px;
    }

}
@media (max-width: 1500px) {
    .banner .slider{
      padding: 0px 10px;
    }
    
    .service-section {
        padding: 100px 0px 100px;
    }
    .contact-section {
        padding: 100px 100px 100px 0px;
    }
  .testimonial-section {
        padding: 100px 0px 100px 0px;
    }
  .testimonial-section .all-testi {
        margin-left: 0px;
        margin-top: 40px;
    }
    
    .package-section .package-box .content-box h3 {
        font-size: 23px;
        font-weight: 500;
    }
    .package-section .package-box .content-box .bed-number p {
        font-size: 20px;
        font-weight: 500;
    }



}

@media (min-width: 991px) and (max-width: 1199px){
    
    .service-section .service-box .content {
        padding: 20px 15px 20px;
        transition: .5s;
    }
    .service-section .service-box .content h3 {
        font-size: 22px;
        margin: 13px 0px 0px 0px;
    }
    .service-section .service-box .content p {
        padding: 10px 0px 10px 0px;
    }
}


@media (max-width: 1199px) {
    
    .about-section .bottom-content .lasts {
        top: -84px;
    }
    .about-section .bottom-content .rignt-image img {
        width: 80%;
    }
    .contact-section {
        padding: 100px 10px 100px 0px;
    }



}

@media (max-width: 991px) {
    .banner .hero-slider-item .left-content {
        margin-bottom: 30px;
    }
    .about-section .right-content {
        margin-top: 50px;
    }
    .home-2-banner .banner-wraper .all-content {
        margin: 0px 10px;
    }
    .about-section .bottom-content .rignt-image img {
        display: none;
    }
    .contact-section {
        padding: 100px 10px 100px 0px;
    }
    .contact-section .right-content {
        margin-left: 10px;
        margin-top: 50px;
    }
    .team-section .anime-list {
        overflow: hidden;
    }
    .home-2-counter {
        padding: 0px 10px 0px 10px;
    }
    .home-2-counter .right-content {
        margin-left: 10px;
        margin-top: 50px;
        padding-bottom: 50px;
    }

    .home-2-team .service-btns {
        text-align: start;
        margin-top: 30px;
    }

    .home-2-contact .image-tham {
        margin-right: 0px;
    }

    .home-2-contact .right-section {
        padding: 35px 25px 35px;
        margin-top: 40px;
    }
    .home-2-faq .right-content {
        margin-top: 40px;
    }


    
}

@media (max-width: 767px) {
    .banner .hero-slider-item .left-content .text {
        top: 15%;
        left: 1%;
    }
    .banner .hero-slider-item .left-content h4.subtitle {
        font-size: 22px;
    }
    .banner .hero-slider-item .left-content h4.title-one {
        font-size: 40px;
    }
    .banner .hero-slider-item .left-content h4.title-two {
        font-size: 40px;
    }
    .banner .hero-slider-item .left-content h4.title-three {
        font-size: 40px;
    }
    .about-section .odomiter-wraper {
        border: none;
        margin-bottom: 40px;
    }
    .top-content h2 {
        font-size: 30px !important;
    }
    .team-section .anime-list {
        overflow: hidden;
    }
    .rooms-section {
        padding: 100px 10px 100px;
    }

}
@media (min-width: 428px) and (max-width: 767px){
    .banner .hero-slider-item .left-content {
        height: 600px;
    }
}