@media (min-width: 1450px) and (max-width: 1600px) {
    .header-booking-option .search-box {
        max-width: 240px;
    }
    .header-booking-option .check-in-out {
        padding-left: 55px;
        font-size: 20px;
    }
    .header-booking-option .room-info .checkin-box {
        padding-left: 60px;
    }
    .header-booking-option .check-in-out input {
        font-size: 19px;
    }
    .header-booking-option .check-in-out {
        width: 350px;
        height: 60px;
    }
    .header-booking-option .room-info {
        width: 280px;
        height: 60px;
    }
    .header-booking-option .search-box input {
        font-size: 19px;
        padding-left: 60px;
        padding-right: 20px;
    }
    .header-booking-option {
        gap: 0 12px;
    }
    .header-booking-option .checkin-box span {
        font-size: 18px;
    }
    .header-booking-option .booking-info-box {
        width: 275px;
    }
    .pro_info h4 {
        font-size: 22px;
    }
    .lavel-info {
        gap: 0 10px;
        width: 210px;
    }
    .header-booking-option .search-box {
        height: 60px;
    }
    .hero-two-area {
        height: 550px;
    }



}



/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {
    .header-booking-option .search-box {
        max-width: 240px;
    }
    .header-booking-option .check-in-out {
        padding-left: 55px;
        font-size: 20px;
    }
    .header-booking-option .room-info .checkin-box {
        padding-left: 60px;
    }
    .header-booking-option .check-in-out input {
        font-size: 19px;
    }
    .header-booking-option .check-in-out {
        width: 350px;
        height: 60px;
    }
    .header-booking-option .room-info {
        width: 280px;
        height: 60px;
    }
    .header-booking-option .search-box input {
        font-size: 19px;
        padding-left: 60px;
        padding-right: 20px;
    }
    .header-booking-option {
        gap: 0 12px;
    }
    .header-booking-option .checkin-box span {
        font-size: 18px;
    }
    .header-booking-option .booking-info-box {
        width: 275px;
    }
    .pro_info h4 {
        font-size: 22px;
    }
    .lavel-info {
        gap: 0 10px;
        width: 210px;
    }
    .header-booking-option .search-box {
        height: 60px;
    }
    .header-options {
        gap: 0 12px;
    }
    .pro_info {
        display: none;
    }
    .lavel-info {
        gap: 0;
        width: 60px;
        flex-shrink: 0;
        height: 60px;
    }
    .lavel-info img {
        width: 52px;
        height: 52px;
    }
    .hero-two-area {
        height: 500px;
    }
    .showcase-banner {
        max-width: 44%;
    }
    .hero-two-area {
        height: 550px;
    }

}




@media (min-width: 1200px) and (max-width: 1300px) {
    .showcase-banner {
        max-width: 43%;
    }
   
    .container{
        max-width: 1150px;
    }
    .sport-item img {
        width: 96px;
        height: 96px;
    }
    .sport-item h4 {
        font-size: 20px;
    }
    .all-sport a span {
        width: 96px;
        height: 96px;
    }
    .all-sport span img {
        width: 45px;
    }
    .promo-text h2 {
        font-size: 48px;
    }
    .promo-code-title h2 {
        padding: 15px 45px;
        font-size: 40px;
    }
    .fixed-btns .btn_item  {
        width: 60px;
        height: 60px;
    }
    .fixed-btns {
        width: 60px;
        bottom: 40px;
        right: 40px;
    }
    .travel-sport-wrapper {
        padding: 30px 15px;
        gap: 0 16px;
        justify-content: center;
        max-width: 1060px;
        margin: 0 auto;
    }
    .all-sport p {
        font-size: 20px;
    }
    .card-thumbnail img {
        height: 200px;
    }
    .card-content {
        padding: 12px 15px;
    }
    .review h5 {
        font-size: 13px;
    }
    .info-right h4 {
        font-size: 16px;
    }
    .hero-section {
        border-bottom-right-radius: 60px;
        border-bottom-left-radius: 60px;
    }
    .card-content h3 {
        font-size: 20px;
    }
    .footer-logo img {
        width: 400px;
    }
    .package-slider .owl-nav div {
        width: 60px;
        height: 60px;
    }
    .promo-top h3 {
        padding: 8px 30px;
        font-size: 46px;
    }
    .package-slider .owl-nav div img {
        width: 12px;
    }
    .logo img {
        width: 160px;
    }
    .thb-btn button {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }
    .language-btn button {
        width: 60px;
    }
    .notification-btn button {
        width: 60px;
        height: 60px;
    }
    .package-title h2 {
        font-size: 42px;
    }
    .package-title h2 span {
        font-size: 28px;
    }
    .register-btn {
        padding: 8px 28px;
        height: 60px;
    }

    .promo-code-slider .owl-nav div {
        width: 60px;
        height: 60px
    }
    .promo-code-slider .owl-nav div img {
        width: 12px;
    }
    .hero-slider-area {
        border-bottom-left-radius: 80px;
        border-bottom-right-radius: 80px;
    }
    .header-booking-option .search-box {
        max-width: 210px;
    }
    .header-booking-option .check-in-out {
        width: 320px;
        height: 60px;
    }
    .header-booking-option .input-icon {
        width: 28px;
    }
    .header-booking-option .check-in-out input {
        font-size: 17px;
    }
    .header-booking-option .room-info {
        width: 270px;
        height: 60px;
    }
    .header-booking-option .room-info .checkin-box {
        padding-left: 55px;
    }
    .search-page-hero {
        height: 550px;
        padding-top: 90px;
    }
    .filter-by-tags ul li button {
        font-size: 16px;
        padding: 8px 18px;
        height: 60px;
    }
    .filter-by-tags ul {
        gap: 0 10px;
    }
    input[type="range"] {
        width: 130px;
    }
    .budget-range-wrap {
        gap: 0 10px;
        height: 60px;
        border-radius: 20px;
        padding: 0 12px;
    }
    .filter_btn button {
        padding: 8px 30px;
        font-size: 18px;
        height: 60px;
    }
    .search-filter-wrapper {
        padding: 15px;
    }
    .filter-result-wrapper {
        display: grid;
        gap: 25px 15px;
        margin-bottom: 25px;
    }
    .dolla-info ul li {
        font-size: 25px;
    }
    .page-menu-wrapper ul li a {
        font-size: 25px;
    }
    .dolla-title h3 {
        font-size: 44px;
    }
    .hero-two-area {
        height: 440px;
    }
    .check-in-out input {
        font-size: 22px;
    }
    .flex-title {
        font-size: 22px;
    }
    .nearby-properties-area {
        padding-bottom: 120px;
    }
    .relevent-area {
        margin-bottom: 90px;
    }
    .additional-rules-text p {
        font-size: 16px;
    }
    .policies-card-icon {
        width: 300px;
    }
    button.photo_btn img {
        width: 80px;
    }

}







/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .sport-item img {
        width: 80px;
        height: 80px;
    }
    .sport-item h4 {
        font-size: 18px;
    }
    .all-sport a span {
        width: 80px;
        height: 80px;
    }
    .all-sport span img {
        width: 40px;
    }
    .promo-text h2 {
        font-size: 40px;
    }
    .promo-code-title h2 {
        padding: 13px 40px;
        font-size: 36px;
    }
    .fixed-btns .btn_item  {
        width: 60px;
        height: 60px;
    }
    .fixed-btns {
        width: 60px;
        bottom: 40px;
        right: 40px;
    }
    .travel-sport-wrapper {
        padding: 30px 15px;
        gap: 0 16px;
        justify-content: center;
        max-width: 920px;
        margin: 0 auto;
    }
    .all-sport p {
        font-size: 18px;
    }
    .card-thumbnail img {
        height: 200px;
    }
    .card-content {
        padding: 12px 15px;
    }
    .review h5 {
        font-size: 13px;
    }
    .info-right h4 {
        font-size: 16px;
    }
    .hero-section {
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }
    .card-content h3 {
        font-size: 20px;
    }
    .footer-logo img {
        width: 400px;
    }
    .package-slider .owl-nav div {
        width: 60px;
        height: 60px;
    }
    .promo-top h3 {
        padding: 8px 30px;
        font-size: 46px;
    }
    .package-slider .owl-nav div img {
        width: 12px;
    }
    .logo img {
        width: 160px;
    }
    .thb-btn button {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }
    .language-btn button {
        width: 60px;
    }
    .notification-btn button {
        width: 60px;
        height: 60px;
    }
    .package-title h2 {
        font-size: 42px;
    }
    .package-title h2 span {
        font-size: 28px;
    }
    .register-btn {
        padding: 8px 28px;
        height: 60px;
    }

    .promo-code-slider .owl-nav div {
        width: 60px;
        height: 60px
    }
    .promo-code-slider .owl-nav div img {
        width: 12px;
    }
    .sport-wrapper {
        gap: 15px;
    }
    .all-sport {
        width: 85px;
    }
    .hero-slide-item {
        height: 500px;
    }
    .hero-logo {
        width: 170px;
        height: 170px;
    }
    .search-box {
        height: 70px;
    }
    .check-in-out {
        height: 70px;
    }
    .room-info {
        height: 70px;
    }
    .hero-wrapper {
        height: 170px;
    }
    .promo-logo {
        width: 260px;
        height: 110px;
    }
    .promo-logo img {
        width: 180px;
    }
    .register-btn a {
        font-size: 22px;
    }
    .register-btn a {
        font-size: 20px;
    }
    .register-btn span {
        font-size: 22px;
    }
    .slider-weapper {
        margin-bottom: 60px;
        padding-right: 30px;
    }
    .promo-code-slider {
        padding-right: 30px;
    }
    .promo-code-slider .owl-next {
        right: 0;
    }
    .mayment-links ul {
        gap: 8px 12px;
        margin-top: 15px;
    }
    .mayment-links img {
        width: 54px;
    }
    .hero-slider-area {
        border-bottom-left-radius: 70px;
        border-bottom-right-radius: 70px;
    }
    .categories-title-wrap h2 {
        font-size: 80px;
    }
    .header-booking-option {
        display: none;
    }
    .search-page-hero {
        height: 500px;
    }
    .filter-result-wrapper {
        gap: 25px 15px;
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 25px;
    }
    .lavel-info {
        width: 200px;
        height: 60px;
    }
    .lavel-info img {
        width: 50px;
        height: 50px;
    }
    .search-filter-wrapper {
        padding: 20px;
        padding-top: 40px;
        gap: 20px;
        flex-wrap: wrap;
    }
    .filter-by-tags {
        width: 100%;
    }
    .filter-by-tags ul{
        width: 100%;
        justify-content: space-between;
    }
    .filter-right-wrap {
        width: 100%;
    }
    .main-filter-wrapper {
        max-width: 800px;
        margin: 0 auto;
    }
    .filter-option-box {
        padding: 25px 15px;
    }
    .box-room {
        padding: 15px;
    }
    .filter-by-tags ul li button {
        font-size: 16px;
        padding: 8px 20px;
        border-radius: 20px;
        height: 55px;
    }
    .pro_info h4 {
        font-size: 22px;
    }
    .lavel-info {
        width: 170px;
        height: 60px;
    }
    .hero-two-area {
        height: 420px;
        padding-top: 30px;
    }
    button.photo_btn img {
        width: 90px;
    }
    .page-menu-wrapper ul li a {
        padding: 18px 12px;
        font-size: 20px;
    }
    .reserve-box-top h2 {
        font-size: 40px;
    }
    .reserve-box-top {
        padding: 20px 15px;
    }
    .reserve-box-top .check-in-out input {
        font-size: 20px;
    }
    .price-details-wrap {
        padding: 20px 15px;
    }
    .flex-title {
        font-size: 20px;
    }
    .reserve-btn button {
        padding: 20px;
        font-size: 26px;
    }
    .policies-card-icon {
        width: 300px;
    }
    .policies-card-icon p {
        font-size: 22px;
    }
    .policies-card {
        gap: 0 50px;
    }
    .policies-card-text p {
        font-size: 17px;
    }
    .review-box {
        border-radius: 40px;
        width: 160px;
        height: 180px;
        padding: 20px;
    }
    .review-box h4 {
        font-size: 35px;
    }
    .star-yellow {
        width: 44px;
    }
    .review-box p {
        font-size: 18px;
    }
    .review-wrapper {
        border-radius: 40px;
        gap: 25px;
    }
    .review-count-wrap {
        padding-right: 25px;
        flex-shrink: 0;
    }
    .review-progress span {
        font-size: 16px;
    }
    .work-box img {
        width: 34px;
        margin-bottom: 10px;
    }
    .review-count-bar {
        width: 100px;
    }
    .review-progress {
        gap: 0 10px;
    }
    .additional-rules-text p {
        font-size: 16px;
    }
    .location-lists ul li {
        font-size: 16px;
    }
    .item__1 li img {
        width: 12px !important;
    }
    .pool-description p {
        font-size: 16px;
        line-height: 130%;
    }
    .pool-date h5 {
        font-size: 20px;
    }
    .pool-date p {
        font-size: 15px;
    }
    .card-pro-text h5 {
        font-size: 20px;
    }
    .card-pro-text p {
        font-size: 15px;
    }
    .card-profile img {
        width: 54px;
        height: 54px;
    }
    .pool-card {
        border-radius: 36px;
        padding: 20px;
        margin-bottom: 30px;
    }
    .pool-gellary {
        gap: 0 10px;
    }
    .pool-gellary img {
        width: 52px;
        height: 52px;
        border-radius: 10px;
    }
    .pool-gellary span {
        width: 52px;
        height: 52px;
        border-radius: 10px;
        font-size: 18px;
    }
    .overview-title h4 {
        font-size: 20px;
    }
    .overview-title h3 {
        font-size: 24px;
    }
    .location-wrappe .location-lists ul li {
        font-size: 14px;
    }
    .facilities-lists ul li {
        font-size: 14px;
    }
    .highlight-box img {
        max-height: 55px;
    }
    .highlight-box {
        border-radius: 16px;
        height: 100px;
        gap: 10px;
        padding: 10px;
        align-items: center;
    }
    .hero-banner {
        height: 100%;
        padding-top: 70px;
    }


}





/* LG Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .all-sport a span {
        width: 80px;
        height: 80px;
    }
    .all-sport span img {
        width: 36px;
    }
    .sport-wrapper {
        gap: 15px;
        justify-content: space-between;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-bottom: 15px;
    }
    .travel-sport-wrapper {
        padding: 30px 15px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        gap: 0 10px;
        padding-bottom: 20px;
    }
    .sport-item img {
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
    }
    .sport-item h4 {
        font-size: 18px;
    }
    .logo img {
        width: 150px;
    }
    .thb-btn button {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }
    .language-btn button {
        width: 60px;
    }
    .notification-btn button {
        width: 60px;
        height: 60px;
    }
    .notification-btn img {
        width: 34px;
    }
    .register-btn a {
        font-size: 20px;
        line-height: 24px;
    }
    .register-btn a {
        font-size: 18px;
    }
    .register-btn span {
        font-size: 20px;
    }
    .register-btn {
        gap: 0 8px;
        padding: 6px 22px;
        height: 60px;
    }
    .hero-logo {
        width: 154px;
        height: 154px;
    }
    .search-box input {
        padding: 7px 70px;
        font-size: 20px;
    }
    .search-box {
        height: 65px;
        border-radius: 15px;
    }
    img.input-icon {
        width: 28px;
    }
    .search-btn img {
        width: 26px;
    }
    .search-btn {
        right: 30px;
    }
    .checkin-box input {
        height: 65px;
        font-size: 20px;
        padding: 7px 10px;
    }
    .check-in-out {
        height: 65px;
        border-radius: 15px;
        padding-left: 60px;
    }
    .room-info {
        height: 64px;
        border-radius: 15px;
    }
    .hero-wrapper {
        height: 154px;
        gap: 0 20px;
        margin-top: 25px;
    }
    .hero-slide-item {
        height: 460px;
    }
    .hero-section {
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }
    .all-sport p {
        font-size: 18px;
    }
    .all-sport a span {
        margin-bottom: 12px;
    }
    .promo-code-title h2 {
        padding: 12px 35px;
        font-size: 36px;
    }
    .promo-code-slider .owl-stage-outer {
        padding-left: 0 !important;
        padding-right: 0px !important;
    }
    .promo-code-wrapper {
        padding-right: 30px;
    }
    .promo-code-slider .owl-nav div {
        width: 54px;
        height: 54px;
        right: -22px;
    }
    .promo-code-slider .owl-nav div img {
        width: 12px;
    }
    .promo-logo {
        padding: 16px;
        border-radius: 20px;
        width: 180px;
        height: 80px;
    }
    .promo-wrapper {
        border-radius: 20px;
        margin-bottom: 60px;
    }
    .promo-text h2 {
        font-size: 32px;
    }
    .promo-logo img {
        width: 110px;
    }
    .package-title h2 {
        font-size: 36px;
    }
    .package-title h2 span {
        font-size: 20px;
    }
    .all-package-btn a {
        padding: 8px 24px;
        border-radius: 12px;
        font-size: 20px;
    }
    .contact-logo {
        height: 80px;
        border-radius: 20px;
    }
    .contact-link ul li a {
        font-size: 24px;
    }
    .contact-link ul li {
        padding: 20px 0;
    }
    .app-info {
        border-radius: 30px;
        width: 190px;
    }
    .contact-logo img {
        width: 120px;
    }
    .contact-right {
        border-radius: 30px;
        gap: 0 20px;
        max-width: 880px;
    }
    .app-preview {
        margin-top: -100px;
    }
    .footer-logo img {
        width: 400px;
    }
    .footer-bottom p {
        font-size: 15px;
    }
    .mayment-links li img {
        width: 50px;
    }
    .fixed-btns {
        width: 44px;
        bottom: 40px;
        right: 15px;
    }
    .fixed-btns .btn_item  {
        width: 44px !important;
        height: 44px !important;
        margin-top: 10px;
        padding: 0;
        text-align: center;
        justify-content: center;
    }
    .fixed-btns .btn_item  img{
        width: 32px;
    }
    .package-slider .owl-nav div img {
        width: 12px;
    }
    .package-slider .owl-nav div {
        width: 54px;
        height: 54px;
        right: 0;
    }
    .card-content {
        padding: 12px 15px;
    }
    .info-right h4 {
        font-size: 18px;
    }
    .info-right span {
        font-size: 13px;
    }
    .review h5 {
        font-size: 13px;
    }
    .card-content h3 {
        font-size: 20px;
        margin-bottom: 2px;
    }
    .all-sport {
        width: 90px;
        flex-shrink: 0;
        text-align: center;
        margin-bottom: 15px;
    }
    .promo-code-title {
        margin-top: -68px;
    }
    .promo-card-right h2 {
        font-size: 40px;
    }
    .check-in-out input {
        font-size: 17px;
    }
    .checkin-box span {
        font-size: 17px;
    }
    .booking-info-box {
        padding: 15px;
        border-radius: 12px;
    }
    .hero-slider-area {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .categories-title-wrap h2 {
        font-size: 80px;
        letter-spacing: 25px;
    }
    .header-booking-option {
        display: none;
    }
    .search-page-hero {
        height: 480px;
    }
    .filter-result-wrapper {
        gap: 25px 20px;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 25px;
    }
    .lavel-info {
        width: 200px;
        height: 60px;
    }
    .lavel-info img {
        width: 50px;
        height: 50px;
    }
    .search-filter-wrapper {
        padding: 20px;
        padding-top: 40px;
        gap: 20px;
        flex-wrap: wrap;
    }
    .filter-by-tags {
        width: 100%;
    }
    .filter-by-tags ul{
        width: 100%;
        justify-content: space-between;
    }
    .filter-right-wrap {
        width: 100%;
    }
    .main-filter-wrapper {
        max-width: 800px;
        margin: 0 auto;
    }
    .filter-option-box {
        padding: 25px 15px;
    }
    .box-room {
        padding: 15px;
    }
    .filter-by-tags ul li button {
        font-size: 16px;
        padding: 8px 20px;
        border-radius: 20px;
        height: 55px;
    }
    .pro_info h4 {
        font-size: 22px;
    }
    .lavel-info {
        width: 170px;
        height: 60px;
    }
    .budget-range-wrap {
        height: 55px;
        border-radius: 20px;
        padding: 0 16px;
    }
    .filter_btn button {
        height: 55px;
    }
    .page-menu-wrapper {
        padding: 0px 20px;
    }
    .page-menu-wrapper ul li a {
        padding: 16px 10px;
        font-size: 20px;
    }
    .page-menu-wrapper ul {
        gap: 0 5px;
    }
    .dolla-info ul li {
        font-size: 22px;
    }
    .dolla-title h3 {
        font-size: 40px;
    }
    .hero-two-area {
        height: 350px;
    }
    .hero-banner {
        padding-top: 100px;
    }
    .dolla-area {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .page-menu-wrapper {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .overview-title h4 {
        font-size: 20px;
    }
    .facilities-lists ul li {
        font-size: 16px;
    }
    .overview-title h3 {
        font-size: 24px;
    }
    .location-map iframe {
        height: 400px;
        border-radius: 20px;
    }
    .review-wrapper {
        border-radius: 24px;
        display: block;
    }
    .review-box {
        border-radius: 24px;
        width: 100%;
        margin-bottom: 40px;
    }
    .review-count-wrap {
        padding-right: 0;
        border-right: none;
        flex-shrink: 0;
        max-width: 600px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .review-count-bar {
        flex-shrink: 0;
        width: 500px;
    }
    .work-box img {
        width: 35px;
        margin-bottom: 10px;
    }
    .work-review {
        padding-right: 0;
        padding: 30px 30px;
    }
    .nearby-properties-area {
        padding-bottom: 60px;
    }
    .relevent-area {
        margin-bottom: 90px;
    }
    .policies-card {
        gap: 0 30px;
    }
    .policies-card-icon {
        width: 230px;
        height: 150px;
        border-radius: 30px;
        flex-shrink: 0;
    }
    .policies-card-icon p {
        font-size: 20px;
    }
    .policies-card-text p {
        font-size: 15px;
        line-height: 20px;
    }
    .additional-rules-text p {
        font-size: 16px;
    }
    .pool-description p {
        font-size: 16px;
    }
    button.photo_btn img {
        width: 80px;
    }
    .gellary-content-wrap {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
    .gellary-tab-list ul li button {
        padding: 14px 18px;
        font-size: 18px;
    }
    .pool-gellary-modal .modal-content {
        border-radius: 30px;
    }
    .pool-gellary-modal .modal-dialog {
       padding: 0 10px;
        border-radius: 30px;
    }
    button.modal__x {
        top: 16px;
        right: 24px;
    }
    .gellary-item img {
        width: 100%;
        border-radius: 14px;
    }
    .showcase-banner {
        max-width: 60%;
    }
    .showcase-info {
        padding: 20px 20px;
    }
    .fav-btn button svg {
        width: 30px;
    }
    .fav-btn button {
        width: 44px;
        height: 44px;
    }
    .showcase-left-2 {
        left: 9%;
        width: 16%;
        height: 60%;
        border-top-left-radius: 50px;
    }
    .showcase-right-2 {
        right: 9%;
        width: 16%;
        height: 60%;
        border-top-right-radius: 50px;
    }
    .showcase-right {
        gap: 0 10px;
    }
    .showcase-thumb img {
        border-top-left-radius: 50px;
        border-top-right-radius: 50px
    }
}
 






/* SM Small Device :320px. */
@media only screen and (max-width: 767px) {
    .overview-title h4 {
        font-size: 20px;
    }
    .overview-title h3 {
        font-size: 24px;
    }
    .facilities-lists ul li {
        font-size: 16px;
    }

    .travel-sport-wrapper {
        display: block;
    }
    .sport-wrapper {
        gap: 30px 15px;
        justify-content: space-between;
        flex-wrap: wrap;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .all-sport {
        width: 80px;
    }
    .package-title h2 {
        font-size: 28px;
        gap: 0 12px;
        justify-content: center;
    }
    .package-title-wrap {
        margin-bottom: 30px;
    }
    .slider-weapper {
        margin-bottom: 60px;
    }
    .package-title-wrap {
        display: block;
        text-align: center;
    }
    .package-title-wrap::after {
        display: none;
    }
    .package-title {
        margin-bottom: 20px;
    }
    .promo-wrapper {
        display: block;
        margin-bottom: 50px;
        text-align: center;
    }
    .promo-logo {
        padding: 20px;
        width: 100%;
        display: flex;
        text-align: center;
    }
    .promo-text {
        padding:25px 20px;
        width: 100%;
        text-align: center;
    }
    .promo-text h2 {
        font-size: 32px;
    }
    .package-title h2 span {
        font-size: 18px;
    }
    .all-package-btn a {
        padding: 8px 24px;
        border-radius: 14px;
        font-size: 20px;
    }
    .package-slider::after {
        display: none;
    }
    .promo-code-wrapper {
        padding: 15px;
        border-radius: 20px;
    }
    .promo-code-title h2 {
        padding: 12px 40px;
        font-size: 32px;
    }
    .promo-code-title {
        margin-top: -48px;
    }
    .promo-code-slider {
        margin-top: 10px;
    }
    .hero-slide-item {
        height: 580px;
    }
    .hero-section {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px
    }
    .hero-wrapper {
        height: auto;
        display: block;
        gap: 0;
    }
    .hero-logo {
        width: 100px;
        height: auto;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .search-box input {
        padding: 10px 55px;
        font-size: 18px;
    }
    img.input-icon {
        left: 14px;
        width: 30px;
    }
    .search-btn {
        right: 30px;
    }
    .booking-wrap {
        width: 100%;
        display: flex;
        gap: 20px;
        align-items: center;
        flex-wrap: wrap;
    }
    .check-in-out {
        width: 100%;
        height: 70px;
        border-radius: 15px;
        padding-left: 60px;
    }
    .room-info {
        width: 100%;
        height: 70px;
        border-radius: 15px;
    }
    .checkin-box input {
        width: 100%;
        height: 60px;
        font-size: 20px;
        padding: 5px;
    }
    .search-btn img {
        width: 22px;
    }
    .title-right {
        display: none;
    }
    .search-box {
        height: 70px;
        border-radius: 15px;
    }
    .logo img {
        width: 110px;
    }
    .travel-sport-wrapper {
        padding: 30px 15px;
        padding-bottom: 25px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        justify-content: center;
    }
    .sport-item img {
        width: 80px;
        height: 80px;
        border-radius: 100%;
        margin-bottom: 10px;
    }
    .sport-item h4 {
        font-size: 18px;
    }
    .all-sport a span {
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
    }
    .all-sport span img {
        width: 35px;
    }
    .all-sport p {
        font-size: 18px;
    }
    .footer-widget {
        margin-bottom: 50px;
    }
    .social-links li img {
        width: 20px;
    }
    .mayment-links li img {
        width: 45px;
    }
    .mayment-links ul {
        gap: 7px 10px;
        margin-top: 15px;
    }
    .footer-logo img {
        width: 300px;
    }
    .footer-bottom p {
        font-size: 12.5px;
    }
    .footer-bottom p br {
        display: none;
    }
    .footer-bottom {
        padding: 30px 0;
        margin-top: 0px;
        border-top: 2px solid #497afa;
    }
    .app-preview {
        margin-top: -100px;
        text-align: center;
        margin-bottom: 50px;
    }
    .contact-right {
        display: block;
        border-radius: 24px;
        max-width: max-content;
    }
    .app-info {
        height: auto;
        border-radius: 24px;
        width: 100%;
    }
    .qr-code {
        text-align: center;
        margin: 40px 0;
    }
    .qr-code img {
        width: 200px;
    }
    .app-store {
        padding-right: 0;
        text-align: center;
        padding: 0 50px;
        padding-bottom: 25px;
    }
    .contact-logo {
        height: 90px;
        border-radius: 24px;
    }
    .contact-link ul li a {
        font-size: 24px;
    }
    .fixed-btns {
        width: 40px;
        bottom: 20px;
        right: 15px;
    }
    .fixed-btns .btn_item  {
        width: 40px;
        height: 40px;
        margin-top: 8px;
        padding: 0;
    }
    .package-slider .owl-dots .owl-dot {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background-color:#497bfa74 !important;
        transition: .3s;
        margin: 0 5px;
        cursor: pointer;
        z-index: 9999;
    }
    .package-slider .owl-dot.active{
        background-color: #497afa !important;
    }
    .package-slider .owl-dots {
        display: block !important;
        text-align: center;
        margin-top: 25px;
    }
    .promo-code-slider .owl-dots .owl-dot {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background-color:#fff !important;
        transition: .3s;
        margin: 0 5px;
        cursor: pointer;
        z-index: 9999;
    }
    .promo-code-slider .owl-dot.active{
        background-color: #fbdd15 !important;
    }
    .promo-code-slider .owl-dots {
        display: block !important;
        text-align: center;
        margin-top: 25px;
    }
    .header-right {
        gap: 0 10px;
    }
    .header-options {
        display: flex;
        align-items: center;
        gap: 0 15px;
        display: block;
        position: fixed;
        width: 280px;
        background: #ddd;
        height: 100%;
        z-index: 99;
        top: 0;
        right: -100%;
        opacity: 0;
        visibility: hidden;
        padding: 20px;
    }
    .register-btn a {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 3px;
    }
    .register-btn {
        gap: 0 5px;
        padding: 10px 15px;
        height: 38px;
    }
    .register-btn span {
        font-size: 17px;
    }
    .header-area {
        padding: 10px 0;
    }
    .hero-slider-area .owl-dots .owl-dot {
        width: 14px;
        height: 14px;
        margin: 0 4px;
    }
    .checkin-box span {
        font-size: 18px;
    }


    .promo-code-slider::after{
       display: none;
    }
    .destination-title h4 {
        font-size: 14px;
    }
    .destination-title {
        gap: 0 15px;
        padding: 12px 15px;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
    }
    .result-wrap {
        display: block;
    }
    .recent-searches {
        width: 100%;
        padding: 10px;
        padding-right: 0;
    }
    .searches-tags {
        width: 100%;
        padding: 20px 0;
        padding-right: 10px;
    }
    .searches-tags button {
        padding: 8px 24px;
        font-size: 14px;
    }
    .check-in-out input {
        font-size: 18px;
    }
    .hero-slider-area {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    img.input-icon {
        left: 14px;
        width: 25px;
    }
    .categories-title-wrap h2 {
        font-size: 45px;
        letter-spacing: 10px;
    }
    .categories-list ul {
        flex-wrap:wrap;
        gap:10px 20px;
    }
    .categories-list ul li a {
        padding-left: 20px;
        font-size: 16px;
    }
    .header-booking-option {
        display: none;
    }
    .search-page-hero iframe {
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }

    .search-page-hero {
        height: 480px;
    }
    .filter-result-wrapper {
        gap: 25px 15px;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 25px;
    }
   
    .pro_info {
        display: none;
    }
    .lavel-info img {
        width: 40px;
        height: 40px;
    }
    .search-filter-wrapper {
        padding: 15px;
        padding-top: 25px;
        gap: 20px;
        flex-wrap: wrap;
    }
    .filter-by-tags {
        width: 100%;
    }
    .filter-by-tags ul {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 12px;
    }
    .filter-right-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        text-align: center;
        flex-wrap: wrap;
        width: 100%;
    }
    .main-filter-wrapper {
        max-width: 800px;
        margin: 0 auto;
    }
    .filter-option-box {
        padding: 25px 15px;
    }
    .box-room {
        padding: 15px;
    }
    .filter-by-tags ul li button {
        font-size: 16px;
        padding: 8px 20px;
        border-radius: 20px;
        height: 55px;
    }
    .pro_info h4 {
        font-size: 22px;
    }
    .lavel-info {
        width: 46px;
        height: 46px;
        padding: 0;
        display: flex;
        align-items:  center;
        justify-content: center;
    }
    .budget-range-wrap {
        height: auto;
        border-radius: 20px;
        padding: 10px;
        flex-wrap: wrap;
        width: 100%;
    }
    .filter_btn button {
        height: 55px;
    }
    input[type="range"] {
        width: 110px;
    }
    .value {
        padding: 5px 3px;
        font-size: 12px;
        min-width: 70px;
    }
    .budget-range-wrap span {
        color: #1857fc;
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .filter-by-room {
        display: grid;
        grid-template-columns: unset;
        gap: 25px 0;
    }
    .services-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .pagination-wrapper ul {
        gap: 0 8px;
    }
    .pagination-wrapper li a {
        width: 34px;
        height: 34px;
        font-size: 18px;
    }


    .dolla-info ul li::after {
        display: none;
    }
    .page-menu-wrapper {
        padding: 0px 20px;
    }
    .page-menu-wrapper ul li a {
        padding: 16px 10px;
        font-size: 20px;
    }
    .page-menu-wrapper ul {
        gap: 0 5px;
    }
    .dolla-info ul li {
        font-size: 16px;
    }
    .dolla-title h3 {
        font-size: 32px;
    }
    .hero-two-area {
        height: 330px;
    }
    .showcase-thumb img {
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }
    .dolla-area {
        padding: 15px 0;
        padding-bottom: 20px;
    }
    .hero-banner {
        padding-top: 65px;
    }
    .dolla-area {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .page-menu-wrapper {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .overview-title h4 {
        font-size: 20px;
    }
    .facilities-lists ul li {
        font-size: 16px;
    }
    .overview-title h3 {
        font-size: 24px;
    }
    .location-map iframe {
        height: 400px;
        border-radius: 20px;
    }
    .review-wrapper {
        border-radius: 24px;
        display: block;
    }
    .review-box {
        border-radius: 24px;
        width: 100%;
        margin-bottom: 40px;
    }
    .review-count-wrap {
        padding-right: 0;
        border-right: none;
        flex-shrink: 0;
        max-width: 600px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .review-count-bar {
        flex-shrink: 0;
        width: 180px;
    }
    .work-box img {
        width: 35px;
        margin-bottom: 10px;
    }
    .work-review {
        padding-right: 0;
        padding: 30px 30px;
    }
    .nearby-properties-area {
        padding-bottom: 60px;
    }
    .relevent-area {
        margin-bottom: 90px;
    }
    .policies-card {
        flex-wrap: wrap;
    }
    .policies-card-icon {
        width: 100%;
        height: 150px;
        border-radius: 30px;
        flex-shrink: 0;
    }
    .policies-card-text {
        flex-wrap: wrap;
        padding: 20px;
        padding-bottom: 25px;
    }
    .policies-card-icon p {
        font-size: 20px;
    }
    .policies-card-text p {
        font-size: 15px;
        line-height: 20px;
    }
    .additional-rules-text p {
        font-size: 16px;
    }
    .pool-description p {
        font-size: 14px;
        line-height: 130%;
    }
    button.photo_btn img {
        width: 60px;
    }
    .page-menu-wrapper {
        overflow-x: scroll;
        white-space: nowrap;
        padding-bottom: 10px;
    }
    .overview-description p {
        font-size: 15px;
    }
    .highlight-wrap {
        gap: 30px;
        flex-wrap: wrap;
    }
    .facilities-lists ul {
        grid-template-columns: repeat(1, 1fr);
        gap:25px 15px;
        font-size: 14px;
    }
    .location-lists ul {
        gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }
    .reserve-sidebar-wrap {
        padding-left: 0;
    }
    .review-progress span {
        font-size: 16px;
    }
    .review-count-wrap {
        padding: 0 20px;
    }
    .work-review {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 20px;
       padding: 20px;
    }
    .review-area {
        margin-bottom: 100px;
    }
    .pool-card {
        border-radius: 28px;
        padding: 16px;
        margin-bottom: 30px;
    }
    .card-profile img {
        width: 50px;
        height: 50px;
    }
    .card-pro-text h5 {
        font-size: 18px;
    }
    .card-pro-text p {
        font-size: 13px;
    }
    .card-profile {
        gap: 0 10px;
        border-radius: 50px;
        padding-right: 20px;
    }
    .pool-date h5 {
        font-size: 18px;
    }
    .pool-date p {
        margin: 0;
        font-size: 14px;
    }
    .pool-gellary img {
        width: 60px;
        height: 60px;
        border-radius: 14px;
    }
    .pool-gellary span {
        width: 60px;
        height: 60px;
        border-radius: 14px;
        font-size: 18px;
        z-index: 2;
    }
    .pool-gellary {
        gap: 0 10px;
    }
    .pool-gellary a:nth-child(1) {
        display: none;
    }
    .pool-gellary a:nth-child(2) {
        display: none;
    }
    .policies-card {
        border-radius: 30px;
        gap: 0 30px;
    }
    .price-details-wrap {
        padding: 25px 20px;
    }
    .price-details-list ul li {
        font-size: 16px;
    }
    .flex-title {
        font-size: 18px;
    }
    .reserve-btn button {
        padding: 20px;
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 24px;
        font-size: 24px;
    }
    .reserve-box-top {
        padding: 20px 15px;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }
    .reserve-box-top h2 {
        font-size: 40px;
    }
    .reserve-box-top h2 sub {
        font-size: 20px;
    }
    .dolla-info ul {
        gap: 0 15px;
    }
    .gellary-tab-list {
        padding: 0 20px;
    }
    .pool-gellary-modal .modal-content {
        border-radius: 24px;
    }
    button.modal__x {
        top: 15px;
        right: 12px;
    }
    button.modal__x img {
        width: 22px;
    }
    .photo_btn {
        bottom: 12px;
    }

    .page-menu-wrapper::-webkit-scrollbar-track
    {
        background-color: #ddd;
    }
    
    .page-menu-wrapper::-webkit-scrollbar
    {
       height: 5px;
        background-color: #ddd;
    }
    
    .page-menu-wrapper::-webkit-scrollbar-thumb
    {
        background-color: #497afa;
    }
    .gellary-tab-list ul li button {
        padding: 10px 10px;
        font-size: 14px;
        font-weight: 400;
    }
    .gellary-content-wrap {
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 10px;
        padding-bottom: 20px;
    }
    .showcase-left-2, .showcase-right-2, .showcase-left-1, .showcase-right-1{
        display: none;
    }
    .showcase-banner {
        max-width: 100%;
        height: 100%;
    }
    .showcase-info {
        padding: 20px 15px;
        gap: 0 15px;
    }
    .fav-btn button {
        width: 40px;
        height: 40px;
    }
    .fav-btn button svg {
        width: 25px;
    }
    .showcase-right {
        gap: 0 8px;
    }
    .showcase-right .users-list {
        display: none;
    }
    .showcase-left-2 {
        border-top-left-radius: 40px;
    }
    .showcase-right-2 {
        border-top-left-radius: 40px;
    }

}










/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .showcase-banner {
        max-width: 480px;
        height: 100%;
    }
    .hero-two-area {
        height: 380px;
    }
    .showcase-right .users-list {
        display: block;
    }
    .showcase-left-2, .showcase-right-2, .showcase-left-1, .showcase-right-1{
        display: block;
    }
    .showcase-left-2 {
        width: 25%;
        left: 8%;
        border-top-left-radius: 30px;
    }
    .showcase-right-2 {
        width: 25%;
        right: 8%;
        border-top-right-radius: 30px;
    }
    .showcase-left-1 {
        border-top-left-radius: 30px;
    }
    .showcase-right-1 {
        border-top-right-radius: 30px;
    }
 
 
}