/*=============================
Extra Large Screen - Others
===============================*/

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .hero-text-box p {
      max-width: 96%;
    }
    .garantias-wrpper::after {
      width: 105%;
      left: -26px;
      bottom: -68px;
    }
    .downtown-wrpper::after {
      left: 21.5%;
    }
    .downtown-wrpper {
      padding-top: 220px;
    }
    .sub-title-two p {
      margin-top: 30px;
    }
    .price-card h2 {
      padding: 40px 0;
    }
    .downtown-btn-card {
      padding: 43px 0;
    }
  
    .post-row {
      padding-top: 90px;
    }
    .support-title-card h2 {
      font-size: 40px;
    }
  
    .tulum-items-inner1-pos {
      left: -38px;
    }
  
    .inteligente-right-title h2 {
      font-size: 30px;
    }
    .tipologias-title-card h2 {
      font-size: 40px;
    }
  
    .column-btn-card .full-width-btn {
      padding-left: 0px;
      padding-right: 0px;
    }
    .slider-row {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .okom-downtown-right-card-sa .okom-hotel-img-sa {
      width: 800px;
    }
    .okom-downtown-right-card-sa {
      padding: 40px 30px;
    }
    .desino-single-card {
      padding: 56px 26px 76px 30px;
    }

    .okom-downtown-top-card-sa h2 {
      font-size: 119px;
    }
    .ubicacion-container {
      max-width: 1124px;
    }
    .ubicacion-area {
      padding-left: 50px;
    }

}
  
/*========================
Large Screen - Leptop
==========================*/
  
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .servicios-area {
      padding-top: 70px;
    }
    .titles h3 {
      font-size: 30px;
      line-height: 100%;
    }
    .titles h2 {
      font-size: 45px;
    }
    .description p {
      font-size: 23px;
    }
    .serviciou-wrpper::after {
      bottom: -87px;
    }
    .hero-text-box {
      padding-top: 35px;
    }
    .hero-text-box p {
      max-width: 96%;
    }
    .card-common {
      padding: 20px 15px 20px 0;
    }
    .double-cards .single-card:last-child .card-common {
      padding-left: 30px;
    }
  
    .ndbrd .right-single-bottom {
      padding-left: 30px;
    }
    .full-width-btn {
      padding-left: 180px;
      padding-right: 180px;
    }
    .acabados-wrpper::after {
      width: 105%;
      left: -20px;
      bottom: -69px;
    }
    .garantias-wrpper::after {
      width: 104%;
      left: -15px;
      bottom: -68px;
    }
    
    .downtown-wrpper {
      padding-top: 200px;
    }
    .sub-title-two p {
      margin-top: 15px;
    }
    .price-card h2 {
      padding: 30px 0;
    }
    .downtown-btn-card {
      padding: 38px 0;
    }
  
    .modal-dialog {
      max-width: 100% !important;
    }
    .downtown-top-card {
      top: 43px;
    }
    .price-card h2 {
      font-size: 30px;
      padding: 40px 0;
    }
  
    .downtown-wrpper.popup-downtown-wrpper {
      padding-top: 158px;
    }
    .downtown-wrpper.popup-downtown-wrpper .downtown-btn-card {
      padding: 26px 0;
      padding-bottom: 100px;
    }
  
    .sivas-title-card h2 {
      font-size: 28px;
    }
    .sivas-desc-card p {
      font-size: 21px;
    }
    .sivas-list-card .item-list {
      row-gap: 10px;
    }
    .sivas-wrpper {
      padding: 35px;
    }
    .sivas-wrpper::after {
      width: 104%;
      left: -17px;
      bottom: -50px;
    }
  
    .sivas-description-area {
      padding-top: 40px;
    }
    .sivas-description-area p {
      font-size: 23px;
    }
    .post-row {
      padding-top: 60px;
    }
    .post-card-row.row {
      padding-top: 25px;
      row-gap: 25px;
    }
    .post-cnt-card {
      padding: 10px;
    }
    .single-post-card {
      border-radius: 15px;
    }
    .single-post-card::after {
      width: 110%;
      left: -10px;
      bottom: -16px;
    }
    .support-wrrper {
      padding: 70px 50px;
      border-radius: 20px;
    }
    .support-title-card h2 {
      font-size: 32px;
    }
    .support-desc {
      padding-left: 0px;
    }
    .support-list ul {
      row-gap: 15px;
    }
    .support-wrrper::after {
      bottom: -93px;
      left: -11px;
    }
  
    .desino-wrpper {
      padding-top: 40px;
      padding-left: 60px;
    }
    .desino-right-title .item-list li:nth-child(2n + 1) {
      width: 45%;
    }
    .condo-header-area {
      padding-top: 70px;
      padding-bottom: 70px;
    }
    .condo-header-top-box h4 {
      font-size: 36px;
    }
    .condo-header-top-box p {
      font-size: 18px;
    }
    .tulum-items-inner1-pos {
      left: -32px;
    }
    .ubicacion-area-img img {
      max-width: 520px;
    }
    .ubicacion-area::after {
      bottom: -64px;
    }
    .ubicacion-area {
      padding-top: 80px;
      padding-bottom: 90px;
    }
    .ubicacion-area h2 {
      font-size: 42px;
    }
    .ubicacion-area h4 {
      font-size: 24px;
    }
    .ubicacion-section {
      padding-top: 195px;
    }
    .ubicacion-items-inner1 h2 {
      font-size: 24px;
    }
    .ubicacion-items-inner1-box img {
      width: 45px;
      margin: 12px;
    }
    .ubicacion-items-inner2 {
      padding: 20px 10px;
    }
    .rt-okom-area::after {
      bottom: -64px;
    }
  
    .inteligente-right-title h2 {
      font-size: 25px;
    }
    .tipologias-title-card h2 {
      font-size: 33px;
    }
    .column-btn-card .full-width-btn {
      padding-left: 0px;
      padding-right: 0px;
    }
    .slider-row {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .column-btn-card .btn-card a {
      padding: 12px 18px;
      font-size: 15px;
    }
    .inteligente-desc p {
      padding-right: 10px;
      font-size: 18px;
    }
    .okom-downtown-right-card-sa .okom-hotel-img-sa {
      width: 710px;
    }
    .okom-downtown-right-card-sa {
      padding: 40px 21px;
    }
    .okom-racntangle-sa {
      left: 25%;
      top: -110px;
      max-width: 260px;
    }
    .desde-price-wp-sa p {
      font-size: 12px;
      margin-right: 5px;
    }
    .desde-price-wp-sa h2 {
      font-size: 34px;
    }
    .tener-banner-wrpper::after {
      bottom: -39px;
      left: -40px;
    }
    .downtown-title h2 {
      font-size: 80px;
    }
    .downtown-wrpper::after {
      left: 33.5%;
      top: -84px;
      transform: scale(0.8);
    }
    .downtown-area .subtitle-card {
      font-size: 26px;
    }
    .price-card h2 span {
      font-size: 85px;
    }
    .downtown-btn-card {
      padding-bottom: 50px;
    }
    .downtown-area .subtitle-card {
      padding-top: 0px;
    }
    .popup-downtown-wrpper .downtown-title h2 {
      font-size: 40px;
    }
    .popup-downtown-wrpper .downtown-top-card {
      top: 55px;
    }
    .popup-downtown-wrpper::after {
      left: 35.5%;
      top: -82px;
      transform: scale(0.7);
    }
    .popup-downtown-wrpper .downtown-title p {
      font-size: 22px;
    }
    .popup-downtown-wrpper .rating-card p {
      font-size: 22px;
    }
    .popup-downtown-wrpper .price-card h2 span {
      font-size: 49px;
      line-height: 70%;
    }
    .popup-downtown-wrpper .subtitle-card {
        font-size: 16px;
    }
    .popup-downtown-wrpper .downtown-btn-card {
      padding-top: 35px;
    }
    .updt-banner-02 h2 {
      font-size: 52px;
    }
    .updt-sec-03 .title-line h3 {
      font-size: 77px;
    }
    .updt-sec-03 .sub-title-line p {
      font-size: 25px;
    }
    .updt-sec-08 .explore-top-card h3 {
      font-size: 72px;
    }
    .updt-sec-08 h4 {
      font-size: 43px;
    }
    .updt-sec-08 h6 {
      font-size: 25px;
    }
    .okom-downtown-top-card-sa h2 {
      font-size: 97px;
    }
    .okom-downtown-right-card-sa .okom-racntangle-sa {
      transform: translateX(100px) scale(0.6) rotate(41.3deg);
    }
    .updt-banner-08 h2 {
      font-size: 45px;
    }
    .updt-banner-09 .tulum-items {
      width: 100%;
    }
    .ubicacion-container {
      max-width: 960px;
    }
    .ubicacion-area {
      padding-left: 50px;
    }
    .ubicacion-items-inner2 {
      min-height: 332px;
    }
    .rt-okom-area h4 {
      font-size: 90px;
    }
    .rt-okom-area .container {
      max-width: 663px;
    }


}
  
/*=========================
Medium Screen - Tablate
=========================*/
  
@media screen and (min-width: 768px) and (max-width: 991px) {
    .servicios-area {
      padding-top: 40px;
    }
    .titles h3 {
      font-size: 30px;
      line-height: 100%;
    }
    .titles h2 {
      font-size: 45px;
    }
    .description p {
      font-size: 23px;
    }
    .serviciou-wrpper {
      background-color: transparent;
    }
    .cnt-card {
      row-gap: 50px;
      padding-top: 30px;
      padding-bottom: 30px;
    }
    .serviciou-wrpper::after {
      width: 83%;
      left: -16px;
      bottom: -81px;
    }
  
    .hero-text-box {
      padding-top: 35px;
    }
    .hero-text-box p {
      max-width: 85%;
      font-size: 20px;
    }
  
    .servicios-cards,
    .right-card {
      row-gap: 30px;
    }
  
    .small-screen-title p {
      font-size: 27px;
      color: var(--primaryColor);
      line-height: 120%;
      margin-bottom: 20px;
    }
  
    .small-screen-bdr {
      border: 1px solid #6d6573;
      border-radius: 30px;
      margin-top: 30px;
    }
    .card-common {
      border: none;
    }
    .right-card {
      border: none;
    }
  
    .ndbrd .right-single-bottom {
      padding-left: 30px;
    }
    .full-width-btn {
      padding-left: 100px;
      padding-right: 100px;
    }
    .three-column-row.row {
      padding: 30px 30px 25px 30px;
      border: none;
      background: transparent;
      row-gap: 20px;
      margin-top: 0;
    }
    .servicios-cards.ecotecnias.row {
      border: none;
    }
  
    .pl-0 {
      padding-left: 15px;
    }
    .pr-0 {
      padding-right: 15px;
    }
    .ndbrd {
      border: none;
    }
    .servicios-cards {
      margin-top: 10px;
    }
  
    .acadabos-left-card {
      padding-left: 25px;
      padding-right: 25px;
    }
    .acadabos-right-card {
      padding-left: 10px;
      padding-right: 30px;
      padding-top: 30px;
    }
    .acabados-wrpper::after {
      left: -22px;
      bottom: -63px;
    }
  
    .garantias-wrpper::after {
      width: 104%;
      left: -10px;
      bottom: -60px;
    }
    .garantias-dimond-card {
      margin-top: 30px;
    }
  
    .downtown-wrpper::after {
      left: 16.5%;
      width: 172px;
      height: 137px;
    }
    .downtown-wrpper {
      padding-top: 130px;
    }
    .sub-title-two p {
      margin-top: 15px;
    }
    .price-card h2 {
      padding: 10px 0;
    }
    .downtown-btn-card {
      padding: 19px 0;
    }
    .downtown-title h2 {
      font-size: 30px;
    }
    .price-card h2 {
      font-size: 35px;
    }
    .downtown-title p {
      font-size: 16px;
    }
    .downtown-top-card {
      top: 28px;
    }
    .btn-card a {
      font-size: 16px;
    }
    .btn-card a span {
      font-size: 12px;
    }
    .sivas-area {
      padding-top: 40px;
    }
    .sivas-wrpper {
      padding: 33px;
      border-radius: 20px;
    }
    .sivas-wrpper .row {
      row-gap: 30px;
    }
    .sivas-wrpper::after {
      left: -16px;
      bottom: -45px;
    }
    .post-row {
      padding-top: 60px;
    }
    .support-list ul {
      row-gap: 10px;
      align-items: center;
      padding-top: 15px;
    }
    .support-wrrper::after {
      height: 55px;
      bottom: -39px;
      left: -15px;
    }
    .support-btn .btn-card.full-width-btn {
      padding-top: 40px;
    }
    .tener-banner-area {
      padding-top: 35px;
    }
  
    .desino-area {
      padding-top: 40px;
    }
    .desino-wrpper {
      padding-top: 40px;
      padding-left: 60px;
    }
    .desino-right-title .item-list li:nth-child(2n + 1) {
      width: 45%;
    }
    .desino-cards.row {
      row-gap: 30px;
    }
  
    .condo-header-area {
      padding-top: 70px;
      padding-bottom: 55px;
    }
    .condo-header-top-box h4 {
      font-size: 23px;
    }
    .condo-header-top-box p {
      font-size: 18px;
      letter-spacing: 11px;
    }
    .condo-header-items1 h4 {
      font-size: 36px;
    }
    .condo-header-items1 h6 {
      font-size: 24px;
    }
    .condo-header-items2 p {
      font-size: 18px;
    }
    .condo-header-items3 ul li p {
      font-size: 16px;
    }
    .condo-header-inner1::after {
      left: -20px;
    }
    .condo-header-items {
      padding-top: 40px;
    }
    .condo-header-top-box {
      max-width: 390px;
      margin-top: 25px;
    }
    .tulum-section {
      padding-top: 20px;
    }
    .tulum-items {
      margin-top: 30px;
    }
    .tulum-items-inner1-pos {
      left: -38px;
    }
    .tulum-items-inner2 h2 br {
      display: none;
    }
    .tulum-items-inner2 p br {
      display: none;
    }
    .tulum-text p {
      padding-bottom: 0;
    }
    .tulum-items-inner2 h2 {
      font-size: 40px;
    }
    .ubicacion-area-img img {
      max-width: 400px;
    }
    .ubicacion-area::after {
      bottom: -60px;
    }
    .ubicacion-area {
      padding-top: 49px;
      padding-bottom: 75px;
    }
    .ubicacion-area h2 {
      font-size: 36px;
    }
    .ubicacion-area h4 {
      font-size: 20px;
    }
    .ubicacion-section {
      padding-top: 130px;
    }
    .ubicacion-rt-text p {
      font-size: 18px;
    }
    .rt-okom-area::after {
      bottom: -60px;
    }
  
    .inteligente-right-title h2 {
      font-size: 25px;
    }
    .tipologias-title-card h2 {
      font-size: 33px;
    }
    .column-btn-card .full-width-btn {
      padding-left: 0px;
      padding-right: 0px;
    }
    .slider-row {
      padding-top: 30px;
      padding-bottom: 30px;
      row-gap: 30px;
    }
    .column-btn-card .btn-card a {
      padding: 12px 18px;
      font-size: 15px;
    }
    .inteligente-desc p {
      padding-right: 10px;
      font-size: 18px;
    }
    .inteligente-area {
      padding-top: 60px;
      padding-bottom: 40px;
    }
    .tipologias-wrpper .row {
      row-gap: 30px;
    }
    .explore-area {
      padding-top: 30px;
    }
    .okom-downtown-wp-sa {
      padding-right: 0;
      background-position: center bottom;
      background-size: 100% 80%;
    }
    .okom-downtown-right-card-sa .okom-hotel-img-sa {
      position: unset;
      top: 43%;
      right: -92px;
      transform: none;
      width: 100%;
      z-index: 5;
    }
    .rt-okomo-form-area-inner2 h6 {
      font-size: 18px;
    }
    .rt-okomo-form-area h2 {
      font-size: 85px;
    }
    .rt-okomo-form-area-inner1 {
      max-width: 520px;
    }
    .rt-okomo-form-area-inner2 h2 {
      font-size: 51px;
    }
    .rt-okomo-form-area-inner3 {
      max-width: 400px;
    }
    .tener-banner-wrpper::after {
      bottom: -37px;
      left: -32px;
    }
    .tener-banner-cnt-card p {
      padding-right: 340px;
      line-height: 100%;
      margin-top: 10px;
    }
    .garantias-title-card h2 {
      font-size: 36px;
    }
    .updt-banner-01-inner::after {
      width: 107%;
      height: 82px;
      left: -25px;
      bottom: -57px;
    }
    .acadabos-title-card h4 {
      margin-bottom: 35px;
    }
    .updt-banner-01-inner {
      min-height: 189px;
    }
    .updt-banner-01-inner h2 {
      font-size: 31px;
    }

    .downtown-title h2 {
      font-size: 52px;
    }
    .downtown-wrpper::after {
      left: 33.5%;
      top: -60px;
      transform: scale(0.9);
    }
    .downtown-area .subtitle-card {
      font-size: 19px;
    }
    .price-card h2 span {
      font-size: 58px;
    }
    .downtown-btn-card {
      padding-bottom: 50px;
    }
    .downtown-area .subtitle-card {
      padding-top: 15px;
      padding-bottom: 10px;
    }
    .rating-card p {
      font-size: 22px;
    }
    .downtown-area .sub-title-two p, .downtown-area .trail-card p {
      font-size: 19px;
      font-weight: 600;
      line-height: 63%;
    }
    .footer-bottom-card h4 {
      font-size: 36px;
    }
    .footer-bottom-card p {
      font-size: 24px;
    }
    
    .popup-downtown-wrpper .downtown-title h2 {
      font-size: 40px;
    }
    .popup-downtown-wrpper .downtown-top-card {
      top: 55px;
    }
    .popup-downtown-wrpper::after {
      left: 37.5%;
      top: -30px;
      transform: scale(0.8);
    }
    .popup-downtown-wrpper .downtown-title p {
      font-size: 16px;
    }
    .popup-downtown-wrpper .rating-card p {
      font-size: 22px;
    }
    .popup-downtown-wrpper .price-card h2 span {
      font-size: 49px;
      line-height: 70%;
    }
    .popup-downtown-wrpper .subtitle-card {
        font-size: 16px;
    }
    .popup-downtown-wrpper .downtown-btn-card {
      padding-top: 30px;
      padding-bottom: 80px;
    }
    .updt-banner-02 h2 {
      font-size: 38px;
    }
    .updt-sec-03 .title-line h3 {
      font-size: 77px;
    }
    .updt-sec-03 .sub-title-line p {
      font-size: 19px;
    }
    .updt-banner-02 span {
      font-size: 26px;
    }
    .updt-sec-03 .first-col h3 {
      font-size: 25px;
    }
    .updt-sec-03 .single-item p span:first-child {
      font-size: 18px;
    }
    .updt-sec-03 .title-line p span {
      font-size: 142px;
    }
    .updt-sec-03 .title-line h3 {
      font-size: 45px;
    }
    .updt-sec-03 .title-line p {
      font-size: 41px;
    }
    .sivas-description-area {
      padding-top: 50px;
      width: 100%;
    }
    .sivas-description-area p {
      font-size: 22px;
    }

    .updt-banner-04 .updt-banner-01-inner {
      padding: 40px 25px;
    }

    .updt-banner-04 .support-title-card h2 {
      font-size: 34px;
    }
    .tener-banner-cnt-card h2 {
      font-size: 34px;
    }

    .updt-sec-08 .explore-top-card h3 {
      font-size: 65px;
    }
    .updt-sec-08 h4 {
      font-size: 38px;
    }
    .updt-sec-08 h6 {
      font-size: 22px;
    }
    .updt-sec-08 .down-arrow img {
      width: 130px;
    }
    .updt-sec-08 .sectoni-arr p {
      font-size: 28px;
      padding-top: 14px;
    }
    .updt-sec-08 .sectoni-arr {
      padding-top: 30px;
    }
    .okom-downtown-top-card-sa h2 {
      font-size: 90px;
    }
    .updt-banner-09 .tulum-items {
      width: 100%;
    }
    .updt-banner-09 .tulum-items img {
      width: 60px;
    }
    .updt-banner-09 .tulum-items p strong {
      font-size: 19px;
    }
    .condo-mobile-designe-inner4 h2 {
      font-size: 40px;
    }
    .condo-mobile-designe-inner4 p {
      font-size: 19px;
    }


    .ubicacion-container {
      max-width: 740px;
    }
    .ubicacion-area {
      padding-left: 12px;
    }
    .ubicacion-items-inner2 {
      min-height: initial;
    }
    .rt-okom-area h4 {
      font-size: 70px;
    }
    .rt-okom-area .container {
      max-width: 513px;
      padding-right: 38px;
    }
    .rt-okom-area {
      padding: 70px 0;
    }
}
  
/*===============================
Xtra Small Screen - Small Mobile
=================================*/

@media screen and (max-width: 767px) {
    .servicios-area {
      padding-top: 40px;
    }
    .titles h3 {
      font-size: 50px;
      line-height: 100%;
    }
    .titles h2 {
      font-size: 45px;
    }
    .description p {
      font-size: 23px;
      display: none;
    }
    .serviciou-wrpper {
      background-color: transparent;
    }
    .cnt-card {
      row-gap: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
    }
    .serviciou-wrpper::after {
      display: none;
    }
    .setBg {
      background-image: none;
      padding-left: 35px;
    }
    .rmpd {
      padding-left: 5px;
      padding-right: 10px;
    }
    .img-card {
      margin-top: 30px;
    }
  
    .hero-text-box p {
      font-size: 20px;
      max-width: 100%;
    }
  
    .hero-text-box p br {
      display: none;
    }
  
    .small-screen-title p {
      font-size: 25px;
      color: var(--primaryColor);
      line-height: 120%;
      font-weight: 600;
    }
    .hero-text-box {
      padding: 30px;
      border-radius: 30px;
      margin-top: 0px;
    }
  
    .small-screen-title {
      padding-bottom: 15px;
    }
  
    .small-screen-bdr {
      border: 1px solid #6d6573;
      border-radius: 30px;
      margin-top: 30px;
    }
    .card-common {
      border: none;
      padding: 30px 0;
    }
    .right-card {
      border: none;
      row-gap: 30px;
    }
    .single-card {
      width: 100%;
    }
    .servicios-cards {
      margin-top: 0px;
      margin-left: 0;
      margin-right: 0;
    }
    .left-top-card {
      padding-left: 0px;
    }
    .double-cards .single-card:last-child .card-common {
      padding: 15px;
      display: flex;
      column-gap: 10px;
    }
    .double-cards .single-card:last-child .card-common .left-bottom-card {
      padding-top: 0;
    }
    .btn-card a {
      font-size: 14px;
    }
    .dimond-icon-card img {
      width: 50px;
    }
  
    .double-cards .single-card:last-child .card-common.second-left-card {
      flex-direction: column;
      row-gap: 15px;
    }
    .left-card.card-common {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .right-single-bottom {
      padding-left: 30px;
      display: flex;
      column-gap: 15px;
    }
  
    .equipamiento-bottom-card {
      padding-top: 0;
    }
  
    .equipamiento-btn {
      display: none;
    }
    .small-equipamiento-btn {
      display: block;
    }
  
    .btn-card a span {
      font-size: 12px;
    }
  
    .full-width-btn {
      padding-left: 0px;
      padding-right: 0px;
    }
  
    .ndbrd .right-single-bottom {
      padding-left: 15px;
    }
    .full-width-btn {
      padding-left: 00px;
      padding-right: 00px;
    }
    .three-column-row.row {
      padding: 30px 30px 25px 30px;
      border: none;
      background: transparent;
      row-gap: 20px;
      margin-top: 0;
    }
    .servicios-cards.ecotecnias.row {
      border: none;
    }
  
    .pl-0 {
      padding-left: 15px;
    }
    .pr-0 {
      padding-right: 15px;
    }
    .ndbrd {
      border: none;
    }
    .servicios-cards {
      margin-top: 10px;
    }
    .hero-text-box.ecotecnias-desc p {
      width: 100%;
    }
  
    .acadabos-left-card {
      padding-left: 25px;
      padding-right: 25px;
    }
    .acadabos-right-card {
      padding-left: 10px;
      padding-right: 30px;
      padding-top: 40px;
    }
  
    .acabados-wrpper {
      background: none;
      border: none;
      padding-top: 0;
      margin-bottom: 0;
    }
    .acabados-wrpper::after,
    .garantias-wrpper::after,
    .garantias-title-card h2 span br {
      display: none;
    }
  
    .acadabos-title-card h4 {
      font-size: 19px;
      margin-bottom: 25px;
    }
  
    .garantias-dimond-card {
      margin-top: 30px;
      border: none;
      background: transparent;
      display: flex;
      padding: 20px 0;
      column-gap: 15px;
    }
    .garantias-wrpper {
      background: transparent;
      padding: 0px 15px;
    }
    .garantias-area {
      padding-top: 0px;
    }
    .garantias-title-card h2 {
      font-size: 36px;
    }
    .garantias-row {
      padding-top: 25px;
    }
    .garantias-icon-card img {
      width: 45px;
    }
    .garantias-cnt ul {
      padding-top: 0;
    }
  
    .downtown-wrpper::after {
      background: url(../images/small-donwtonw-after.png) no-repeat;
      background-size: contain;
      left: 16.5%;
      width: 172px;
      height: 137px;
      left: 0;
      top: 10px;
    }
    .downtown-wrpper {
      padding-top: 112px;
    }
    .sub-title-two p {
      margin-top: 15px;
    }
    .price-card h2 {
      padding: 10px 0;
    }
    .downtown-btn-card {
      padding: 19px 17px;
      padding-top: 188px;
    }
    .downtown-title h2 {
      font-size: 33px;
    }
    .price-card h2 {
      font-size: 35px;
    }
    .downtown-title p {
      font-size: 12px;
    }
    .downtown-top-card {
      top: 55px;
      left: 54%;
    }
    .btn-card a {
      font-size: 14px;
      border: 7px solid #7f7983;
    }
    .btn-card a span {
      font-size: 12px;
    }
  
    .downtown-wrpper {
      background: url(../images/small-downtown-bg-copy.png) no-repeat;
      background-size: cover;
      border: 3px solid #613f64;
      border-radius: 43px;
      overflow: hidden;
      background-position: center;
      padding-top: 150px;
    }
    .rating-card p {
      font-size: 12px;
    }
    .rating-card {
      column-gap: 13px;
    }
    .subtitle-card.text-center p {
      padding: 0 70px;
      margin-bottom: 20px;
      font-size: 17px;
    }
    .downtown-area {
      padding-top: 25px;
    }
    .footer-bottom-card p {
      font-size: 20px;
      margin-top: 20px;
    }
    .footer-area {
      padding-top: 0px;
      padding-bottom: 25px;
    }
    .servicios-cards.equipamiento.row,
    .servicios-cards.ecotecnias.row {
      border: none;
    }
  
    .title-line {
      align-items: center;
      flex-direction: column;
    }
  
    .sivas-area {
      padding-top: 15px;
    }
    .sivas-wrpper {
      padding: 24px;
      border-radius: 10px;
    }
  
    .sivas-title-card h2 {
      font-size: 26px;
    }
    .sivas-desc-card p {
      font-size: 22px;
    }
    .sivas-wrpper .row {
      row-gap: 20px;
    }
    .sivas-wrpper::after,
    .support-wrrper::after {
      display: none;
    }
    .sivas-description-area p {
      font-size: 17px;
    }
    .sivas-description-area {
      padding-top: 25px;
      width: 95%;
    }
    .post-row {
      padding-top: 35px;
    }
    .title-line p span {
      font-size: 40px;
      font-weight: 400;
    }
    .title-line p {
      font-weight: 400;
      font-size: 25px;
    }
    .title-line h3 {
      font-size: 34px;
    }
    .sub-title-line p {
      font-size: 26px;
      margin-top: 10px;
      line-height: 120%;
    }
    .support-wrrper {
      padding: 30px 24px;
      border-radius: 15px;
      margin-top: 10px;
      background: transparent;
    }
    .support-title-card h2 {
      font-size: 37px;
      color: var(--primaryColor);
    }
    .support-list ul {
      row-gap: 10px;
      padding-top: 10px;
    }
    .support-wrrper .row {
      row-gap: 20px;
    }
    .support-desc {
      padding-left: 0px;
    }
    .support-btn .btn-card.full-width-btn {
      padding-top: 30px;
      border: none;
    }
    .tener-banner-area {
      padding-top: 15px;
      padding-bottom: 50px;
    }
    .tener-banner-area .container {
      padding: 0;
      overflow: hidden;
    }
    .desino-wrpper {
      background: transparent;
      padding-top: 0px;
      padding-left: 0px;
      padding-bottom: px;
      border-radius: 0px;
    }
    .desino-wrpper::after {
      display: none;
    }
    .desino-area {
      padding-top: 20px;
    }
    .diseno-title h2 {
      font-size: 25px;
    }
    .diseno-title p {
      font-size: 21px;
    }
    .desino-cards.row {
      padding-left: 0px;
      padding-right: 0px;
      row-gap: 15px;
    }
    .desino-single-card,
    .desino-right-card {
      background: transparent;
      padding: 0;
    }
    .desino-right-card {
      padding-top: 15px;
    }
    .desino-right-title .item-list {
      flex-direction: column;
    }
    .desino-right-title .item-list li:nth-child(2n + 1),
    .desino-right-title .item-list li:nth-child(2n) {
      width: 100%;
    }
    .desino-btn-card .btn-card.full-width-btn {
      margin-top: 20px;
    }
    .condo-header-area {
      padding-top: 13px;
      padding-bottom: 0;
    }
    .condo-header-top ul li {
      font-size: 16px;
    }
    .condo-header-top-box h4 {
      font-size: 28px;
    }
    .condo-header-top-box p {
      font-size: 16px;
      letter-spacing: 12px;
    }
    .condo-header-top-box {
      max-width: 320px;
    }
    .condo-movile-designe {
      border: 1px solid #613f64;
      margin-top: 35px;
      padding-top: 30px;
      border-radius: 12px;
    }
    .ubicacion-section {
      padding-top: 50px;
    }
    .ubicacion-area::after {
      display: none;
    }
    .ubicacion-area {
      padding-top: 60px;
      padding-bottom: 55px;
    }
    .ubicacion-area h2 {
      font-size: 30px;
      color: #fff;
      max-width: 230px;
      z-index: 2;
      position: relative;
    }
    .ubicacion-area h2 br {
      display: none;
    }
    .ubicacion-area-img-mobile img {
      width: 180px;
    }
    .ubicacion-area h4 {
      color: var(--primaryColor);
      max-width: 230px;
      z-index: 2;
      position: relative;
    }
    .ubicacion-area {
      background-image: initial;
      background: linear-gradient(to bottom, #696176, #251c2f);
    }
    .ubicacion-rt-text {
      padding-top: 30px;
    }
    .ubicacion-rt-text p {
      font-size: 18px;
    }
    .ubicacion-rt-text p br {
      display: none;
    }
    .ubicacion-items {
      padding: 0 10px;
    }
    .ubicacion-items-inner2 {
      padding: 20px 18px;
      border-radius: 12px !important;
    }
    .ubicacion-items-inner1 h2 {
      font-size: 26px;
    }
    .ubicacion-items-inner1-box img {
      width: 52px;
      margin: 12px;
    }
    .rt-okom-section {
      padding-top: 20px;
      padding-bottom: 35px;
    }
  
    .inteligente-right-title h2 {
      font-size: 25px;
      margin-bottom: 15px;
      font-weight: 400;
    }
    .tipologias-title-card h2 {
      font-size: 33px;
    }
    .column-btn-card .full-width-btn {
      padding-left: 0px;
      padding-right: 0px;
    }
    .slider-row {
      padding-top: 0px;
      padding-bottom: 30px;
      row-gap: 30px;
    }
    .column-btn-card .btn-card a {
      padding: 12px 18px;
      font-size: 15px;
    }
    .inteligente-desc p {
      padding-right: 10px;
      font-size: 18px;
    }
    .inteligente-area {
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 15px;
      padding-right: 15px;
    }
    .tipologias-wrpper .row {
      row-gap: 30px;
    }
    .explore-area {
      padding-top: 30px;
    }
    .inteligente-subtitle h6 {
      font-size: 40px;
    }
    .inteligente-desc p:last-child {
      margin-top: 25px;
      display: none;
    }
    .inteligente-right-card {
      padding: 24px 0px;
      background: transparent;
    }
    .tipologias-wrpper {
      padding: 20px;
    }
    .tipologias-title-card h2 br {
      display: none;
    }
    .explore-top-card h3 {
      font-weight: 400;
    }
  
    .blue-point-area.mobile-blue-point-area {
      padding-top: 20px;
      padding-bottom: 30px;
    }
    .blue-point-banner-card {
      padding-top: 36px;
      padding-left: 0px;
      margin-left: 0;
      margin-right: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .blue-point-banner-card p {
      text-align: center;
    }
    .blue-point-cnt-card {
      display: none;
    }
    .rating-bottom-card {
      display: none;
    }
    .rating-box {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .extrapadding {
      padding-left: 13px;
    }
    .blue-point-banner-card img {
      width: 300px;
      margin: 40px auto;
    }
  
    .blue-pont-mobile-text h3 {
      color: #40aed4;
      text-align: center;
      margin-top: 35px;
    }
    .blue-pont-mobile-text p {
      text-align: center;
    }
    .blue-pont-mobile-text p span {
      color: #40aed4;
    }
  
    .blue-pont-mobile-text h2 {
      color: var(--primaryColor);
      text-align: center;
      font-size: 20px;
      margin-top: 60px;
    }
  
    .second-text {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .second-text span {
      color: var(--primaryColor) !important;
    }
    .blue-pont-mobile-text h4 {
      color: #40aed4;
      text-align: center;
      margin-top: 60px;
      font-size: 27px;
    }
    .third-text {
      text-align: center;
      font-size: 25px;
    }
    .blue-point-banner-card::after {
      display: none;
    }
    .blue-point-banner-card {
      background: url(../images/blue-point-small-bg.png) no-repeat;
      background-position: top;
      background-size: cover;
    }
    .blue-point-left-card {
      background: #142e4e;
    }
    .okom-downtown-wp-sa {
      padding-right: 0;
      background-position: center bottom;
      background-size: 100% 80%;
    }
    .okom-downtown-right-card-sa .okom-hotel-img-sa {
      position: unset;
      top: 43%;
      right: -92px;
      transform: none;
      width: 100%;
      z-index: 5;
    }
    .okom-left-inner-sa a {
      width: 100%;
    }
    .hotel-video-wrapper-sa {
      padding-left: 40px;
      padding-right: 50px;
    }

    .okom-downtown-sa {
      padding-top: 50px;
    }

    .okom-hotel-mobile-sa.d-md-none img {
      position: relative;
      left: -40px;
      width: 120%;
    }
    .okom-downtown-right-card-sa {
     background: url(../images/okom-section-bg-mb.png) no-repeat;
     background-size: cover;
     background-position: top;
     border: none;
    }

    .okom-downtown-right-card-sa .tulum-items-inner3-btn {
      text-align: center;
      margin-left: -25px;
    }
    .okom-left-inner-sa.d-md-none {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .d-md-none.three-mb-sa {
      margin-top: -147px;
    }

    .desde-price-wp-sa {
      display: block;
      margin-top: 20px;
    }
    .desde-price-wp-sa p {
      text-align: left;
      padding-bottom: 10px;
    }
    .desde-price-wp-sa p br {
      display: none;
    }

    .okom-racntangle-sa {
      top: 50%;
      left: -70px;
      max-width: 150px;
      transform: translateY(-50%);
    }
    .okom-downtown-top-card-sa {
      padding: 27px 15px;
      min-height: 230px;
      display: flex;
      flex-direction: column;
      align-items: start;
      justify-content: center;
      padding-left: 60px;
      overflow: hidden;
      margin-bottom: 30px;
    }

    .rt-okomo-form-area-inner3 {
      max-width: 100%;
      padding-top: 30px;
    }
    .rt-okomo-form-area {
      padding-left: 15px;
      padding-right: 15px;
      text-align: center;
    }

    .rt-okomo-form-area {
      padding-left: 15px;
      padding-right: 15px;
      text-align: center;
    }

    .rt-okomo-form-area h2 {
      font-size: 36px;
    }

    .rt-okomo-form-area-inner1 {
      max-width: 330px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      margin: 0 auto;
    }

    .tener-banner-cnt-card {
      top: 15%;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
    }
    .tener-banner-cnt-card p {
      line-height: 100%;
      margin-top: 7px;
    }
    .tener-banner-wrpper::after {
      width: 105%;
      bottom: -34px;
      left: -16px;
    }
    .tener-banner-cnt-card h2 {
      font-weight: 800;
    }

    .mobile-desing p span {
      font-weight: 700;
      font-style: italic;
    }
    .hotel-rating-sa span,
    .rating-star-sa ul li i {
      font-size: 12px;
    }
    .hotel-rating-sa {
      width: 100% !important;
    }
    .okom-downtown-top-card-sa::after {
      display: none;
    }

    .rt-okomo-form-area h6 {
      position: relative;
    }
    .rt-okomo-form-area h6 span {
      position: absolute;
      top: -38px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 39px;
    }

    .inteligente-title h2 {
      font-size: 39px;
    }
    .inteligente-right-list ul li br {
      display: none;
    }
    .inteligente-right-list ul li {
      display: flex;
      column-gap: 10px !important;
      align-items: flex-start !important;
    }
    .inteligente-right-list ul li img {
      margin-top: 5px;
    }
    .tipologias-right-card p {
      text-align: center;
    }
    .carousel-card {
      display: none;
    }
    .support-title-card h2 br {
      display: none;
    }
    .support-desc p {
      font-size: 40px;
      line-height: 105%;
    }
    .support-list ul li {
      line-height: 120%;
    }
    .mobile-border {
      border: 1px solid #613F64;
      border-radius: 10px;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 30px;
      border-bottom-left-radius: 50px;
      border-bottom-right-radius: 50px;
    }

    .mobile-border > .container {
      padding-left: 10px;
      padding-right: 10px;
    }

    .small-screen-title p span {
      color: #fff;
    }
    .okom-downtown-top-card-sa h4 i {
      font-size: 5px;
    }
    .rating-star-sa {
      padding-right: 9%;
    }

    .footer-downtown-banner-cnt h2 {
      color: #fff;
      font-weight: 600;
    }
    .footer-downtown-banner-cnt p {
      color: #fff;
    }
    .footer-downtown-banner-cnt p::after, 
    .footer-downtown-banner-cnt p::before {
      background-color: #fff;
    }
    .footer-downtown-banner-cnt h6,
    .footer-downtown-banner-cnt ul li i {
      color: var(--primaryColor);
    }
    .footer-downtown-banner-cnt {
      top: 33%;
    }
    .footer-downtown-banner-cnt span {
      font-weight: 700;
      display: block;
      margin-top: 50px;
    }
    .column-btn-card {
      padding-top: 15px;
    }

    .servicios-cards .card-common {
      background: transparent;
    }
    .servicios-cards {
        background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 44%, rgba(114, 75, 124, 0.4) 90% );
        border-radius: 0 0 18px 18px;
    }
    .home-cta-btn02 {
      max-width: 100%;
    }
    .double-cards .single-card, .double-cards .card-common {
      min-height: initial;
    }

    .updt-banner-01 {
      padding-top: 45px;
    }
    .updt-banner-01-inner {
      background-image: none;
      padding: 0;
      padding-left: 15px;
      min-height: initial;
    }
    .updt-banner-01-inner:after {
      display: none;
    }
    .updt-banner-01-inner h2 {
      font-size: 26px;
      letter-spacing: -1px;
    }
    .updt-banner-01-inner h2 br {
      display: none;
    }
    .acabados-wrpper.upd-aca-wp {
      background: transparent;
      padding: 0;
    }
    .acadabos-left-card {
      padding-left: 15px;
      padding-right: 15px;
    }
    .garantias-wrpper.bg-none {
      background-image: none;
      padding: 42px 0 15px 15px;
    }
    .garantias-wrpper.bg-none:after ,
    .garantias-wrpper.bg-none:before {
      display: none;
    }
    .garantias-title-card h2 {
      font-size: 32px;
    }

    .subtitle-card.text-center p {
      padding: 0 15px;
    }
    .downtown-area .subtitle-card {
      line-height: 85%;
    }
    .downtown-area .sub-title-two p, .downtown-area .trail-card p {
      font-size: 16px;
    }
    .price-card h2 span {
      font-size: 38px;
    }
    .downtown-btn-card a {
      text-align: center;
    }
    .downtown-btn-card a br {
      display: none;
    }
    .data-collection-form{
      padding-left: 14px;
      padding-right: 14px;
    }
    .single-input-row {
      padding: 16px 20px;
    }
    .downtown-btn-card {
      padding-left: 12px;
      padding-right: 12px;
    }
    .footer-downtown-banner-cnt h2 {
      font-size: 37px;
    }
    .modal-dissmitial-icon {
      right: 25px;
      top: 22px;
    }
    .popup-downtown-wrpper .downtown-title h2 {
      font-size: 38px;
    }
    .popup-downtown-wrpper .downtown-title p {
      font-size: 16px;
    }
    .popup-downtown-wrpper .rating-card p {
      font-size: 15px;
    }
    .popup-downtown-wrpper .price-card h2 span {
      font-size: 40px;
    }
    .popup-downtown-wrpp::after {
      left: -19px;
    }
    .modal-card {
      transform: translateX(0px);
    }
    .updt-banner-02 h2 {
      font-size: 38px;
    }
    .updt-sec-03 .title-line h3 {
      font-size: 77px;
    }
    .updt-sec-03 .sub-title-line p {
      font-size: 19px;
    }
    .updt-banner-02 span {
      font-size: 26px;
    }
    .updt-sec-03 .first-col h3 {
      font-size: 22px;
      font-weight: 500;
    }
    .updt-sec-03 .single-item p span:first-child {
      font-size: 18px;
    }
    .updt-sec-03 .title-line p span {
      font-size: 100px;
    }
    .updt-sec-03 .title-line h3 {
      font-size: 45px;
    }
    .updt-sec-03 .title-line p {
      font-size: 32px;
    }
    .sivas-description-area {
      padding-top: 50px;
      width: 100%;
    }
    .sivas-description-area p {
      font-size: 22px;
    }
    .updt-banner-02 .updt-banner-01-inner {
      background-image: none;
    }
    .updt-banner-02 h2 {
      font-size: 22px;
      font-weight: 500;
    }
    .updt-banner-02 span {
      font-size: 20px;
    }
    .updt-banner-02 h2 small {
      color: #fff; 
      font-size: 22px;
    }
    .updt-banner-02 .updt-banner-01-inner span i {
      font-style: normal;
    }
    .card-gradient-wp {
      background: none;
      padding: 0px;
      min-height: initial;
      padding-left: 15px;
    }
   .updt-sec-03 .sivas-list-card {
    padding-top: 35px;
   }
   .sivas-description-area p {
    font-size: 20px;
  }
  .updt-sec-03 .post-row-title {
    padding-top: 81px;
    padding-bottom: 5px;
    margin-left: -15px;
  }

  .sm-text-top h3 {
    font-size: 28px;
    font-weight: 700;
    padding: 0 15px 30px 15px;
    color: var(--primaryColor);
    line-height: 100%;
  }
  .sm-text-top h3 span {
    font-size: 28px;
  }
  .updt-banner-04 .updt-banner-01-inner {
    padding: 0;
    background-image: none;
  }

  .updt-banner-04 .support-title-card h2 {
    font-size: 28px;
    padding-right: 70px;
  }
  .tener-banner-cnt-card h2 {
    font-size: 24px;
  }
  .updt-banner-04 .support-title-card h2 small {
    font-size: 44px;
  }
  .updt-banner-04 .support-title-card h3 {
    padding-top: 25px;
    padding-bottom: 21px;
  }

  .desino-area .desino-cards {
      background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(133, 82, 130, 0.384) );
      padding-bottom: 15px;
      border-radius: 0 0 18px 18px;
  }

  .updt-sec-06 .sivas-description-area {
    padding-left: 0;
    padding-right: 0px;
  }
  .updt-banner-05 .updt-banner-01-inner {
    background-image: none;
    padding-bottom: 35px;
  }
  .updt-sec-06 .sivas-description-area p {
    font-size: 18px;
  }
  .updt-sec-08 .explore-top-card h3 {
    font-size: 46px;
    padding-top: 40px;
  }
  .updt-sec-08 h4 {
    font-size: 26px;
  }
  .updt-sec-08 h6 {
    font-size: 22px;
  }
  .updt-sec-08 .down-arrow img {
    width: 106px;
  }
  .updt-sec-08 .sectoni-arr p {
    font-size: 23px;
    padding-top: 14px;
    line-height: 100%;
  }
  .updt-sec-08 .sectoni-arr {
    padding-top: 11px;
    display: flex;
    flex-direction: column-reverse;
  }
  .lst-scard .column-thum img {
    transform: scale(1.2);
    margin: 30px 0;
  }
  .updt-slider-02 .column-area p {
    font-size: 40px;
  }
  .updt-slider-02 .column-area02 {
    display: block;
  }
  .down-arrow {
    padding-top: 26px;
  }
  .okom-downtown-top-card-sa h2 {
    font-size: 65px;
  }
  .okom-downtown-top-card-sa::before {
    display: none;
  }
  .rt-okomo-form-area h6 {
    font-size: 18px;
  }
  .rt-okomo-form-area-inner1 p {
    font-size: 18px;
    color: var(--primaryColor);
    line-height: 100%;
  }
  .rt-okomo-form-area-inner1 ul li {
    font-size: 12px;
    color: var(--primaryColor);
  }
  .rt-okomo-form-area-inner2 h2 {
    font-size: 54px;
  }
  .sm-d-control {
    display: flex;
    flex-direction: column-reverse;
  }

  .sm-d-control .rt-okomo-form-area-inner4 {
    padding-right: 0 !important;
    max-width: 75%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .okomo-video-bottom-text {
    padding-top: 25px;
  }
  .updt-banner-09 .tulum-items {
    width: 100%;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 25px;
  }
  .updt-banner-09 .tulum-items img {
    width: 60px;
  }
  .updt-banner-09 .tulum-items p strong {
    font-size: 19px;
  }

  .updt-banner-08 .updt-banner-01-inner {
    flex-direction: column-reverse;
    gap: 30px;
  }
  .condo-header-top-box {
    margin-top: 0;
  }
  .condo-header-items3 {
    padding-top: 35px;
    padding-bottom: 20px;
  }
  .condo-mobile-designe-inner4 h2 {
    font-size: 28px;
  }
  .condo-mobile-designe-inner4 p {
    font-size: 17px;
  }
  .tulum-items-inner1-pos {
    margin-top: -5px;
    padding-left: 23px;
  }
  .updt-banner-10 .condo-mobile-designe-inner4,
  .updt-banner-10 .condo-mobile-designe-inner {
    padding-left: 0;
    padding-right: 0;
  }
  .condo-mobile-designe-inner4 p br {
    display: none;
  }
  .updt-banner-10 .first-col {
    padding-left: 0;
  }
  .ubicacion-container {
    padding-left: 10px;
    padding-right: 10px;
  }

}
  
@media screen and (max-width: 576px) {
    .okom-downtown-top-card-sa {
      padding: 27px 15px;
      min-height: 230px;
      display: flex;
      flex-direction: column;
      align-items: start;
      justify-content: center;
      padding-left: 73px;
      overflow: hidden;
      margin-bottom: 30px;
    }
    .okom-downtown-top-card-sa h2 {
      font-size: 38px;
      line-height: 95%;
    }
    .okom-racntangle-sa {
      top: 50%;
      left: -70px;
      max-width: 150px;
      transform: translateY(-50%);
    }
    .okom-downtown-top-card-sa > h4 {
      font-size: 18px;
    }
    .okom-left-block-sa .okom-left-inner-sa {
      padding: 35px 15px;
      padding-left: 40px;
    }
    .tulum-items-inner3-btn a span {
      font-size: 16px;
    }
    .okom-downtown-right-card-sa {
      padding: 50px 15px;
      padding-left: 40px;
      border: none;
      overflow: hidden;
    }
    .desde-price-wp-sa h2 {
      font-size: 34px;
      display: inline-block;
    }
    .okom-downtown-wp-sa {
      padding-bottom: 50px;
      background: transparent;
    }
    .rt-okomo-form-area-inner2 h6 {
      font-size: 18px;
    }
    .rt-okomo-form-area h2 {
      font-size: 30px;
    }
    .rt-okomo-form-area-inner1 {
      max-width: 240px;
    }
    .rt-okomo-form-area-inner2 h2 {
      font-size: 30px;
    }
    .rt-okomo-form-area-inner3 {
      max-width: 400px;
    }
    .rt-okomo-form-area {
      padding-left: 15px;
      padding-right: 15px;
      text-align: center;
    }
    .rt-okomo-form-area-inner3 {
      max-width: 100%;
      padding-top: 30px;
    }
    .rt-okomo-form-area-inner4 a {
      padding: 28px 0;
    }
    .rt-okomo-form-area-inner1 {
      flex-direction: column;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
    }
    .desde-price-wp-sa {
      display: block;
      margin-top: 20px;
    }
    .desde-price-wp-sa p {
      text-align: left;
      padding-bottom: 10px;
    }
    .desde-price-wp-sa p br {
      display: none;
    }
    .tulum-section #video-popup-container {
      width: 75%;
      left: 40%;
      margin-left: -30%;
      top: 20%;
    }

    .tener-banner-cnt-card {
      top: 10%;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      width: 70%;
    }
    .tener-banner-cnt-card p {
      line-height: 100%;
      margin-top: 7px;
    }
    .tener-banner-wrpper::after {
      width: 105%;
      bottom: -34px;
      left: -16px;
    }
    .okom-downtown-top-card-sa::before {
      display: none;
    }


}