@media (max-width: 1600px) {

}

@media (max-width: 1440px) {
}

@media (max-width: 1100px) {
  .layout {
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 16px;
      .aside-left,
      .aside-right ,
      .center-block {
        position: static;
        width: 100%;
        height: auto;
        margin: 0;
        min-height: auto;
      }
      .aside-right  { order: 1; }
      .aside-left {
        order: 2;
        .slider-container {
            .slider-images {
                position: relative;
            }
        }
      }
      .center-block { order: 3; }
    }
}

@media (max-width: 1024px) {

}
@media (max-width: 920px) {

}

@media (max-width: 820px) {

}
@media (max-width: 768px) {
    .layout {
        padding: 0px;
        gap: 0px;
        .aside-left ,
        .aside-right ,
        .center-block {
            padding: 0px;
        }
    }
}

@media (max-width: 600px) {

}

@media (max-width: 480px) {
  .layout {
    .center-block {
      .main-taxi-service {
        .siem-reap-taxi {
          h2 {
            font-size: 20px;
          }
        }
      }
      .kampot-province {
        padding: 15px 0px;
        .container {
          .wrap-kampot {
            .header-title {
              h2 {
                font-size: 24px;
              }
            }
          }
        }
      }
    }
  }
  .siem-reap-taxi-tour {
    .area-title {
      h2 {
        font-size: 22px;
        &::before {
          top: 4px;
          left: 4px;
          background-color: #253643;
        }
      }
    }
  }
  .modal-overlay {
    .card-container {
      .modal-slider {
        width: 95%;
      }
      .modal-nav {
        top: 35.5%;
        .next {
          margin-right: 18px;
        }
        .prev {
          margin-left: 18px;
        }
      }
    }
  }
}

@media (max-width: 375px) {

}

@media (max-width: 320px) {

}