@media (max-width: 350px) {
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .header-contact-us .call-me-now {
        display: none !important;
    }
    /* Header */
    .main-header .nav-items {
        max-width: 100% !important;
        width: 100% !important;
        border-left: none !important;
    }
    .social-media-bar {
        display: none !important;
    }
    .logo-holder {
        gap: 15px !important;
    }

    .app-header {
        gap: 20px !important;
    }
    .booking-holder a {
        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;
        background: var(--alawn-light-color);
        color: var(--alawn-dark-color);
    }
    .booking-holder {
        display: none;
    }
    .navbar .nav-list {
        gap: 15px !important;
    }
    .navbar .nav-list .nav-item .nav-link {
        font-size: 14px !important;
    }

    /* button */
    .header-contact-us {
        gap: 10px;
    }
    .button {
        min-width: 100px;
        padding: 0 5px;
        gap: 5px !important;
        font-size: 13px !important;
    }
    /* SideMenu */
    .side-logo img {
        min-width: 150px;
        max-width: 150px;
    }
    .side-info-text {
        font-size: 14px;
    }
    .side-logo h3 {
        font-size: 18px;
    }
    /* Banner */
    .home-banner .hero-slider,
    .home-banner .slider-item .container {
        height: 600px !important;
    }
    .home-banner .top-title {
        font-size: 12px;
        display: table;
        position: relative;
        color: #fff;
        font-weight: 600;
        margin-bottom: 15px;
        padding: 10px 15px;
        background: rgb(0 0 0 / 19%);
        border-radius: 5px;
        margin-top: -60px;
    }
    .home-banner .info-banner h1 {
        font-size: 28px !important;
        line-height: 40px;
        margin-bottom: 0;
        padding-bottom: 15px !important;
    }
    html[dir="ltr"] .home-banner .info-banner h1 {
        font-size: 18px !important;
        line-height: 30px !important;
    }
    p.text-banner {
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 26px;
        margin-bottom: 25px;
    }
    html[dir="ltr"] p.text-banner {
        font-size: 13px !important;
        font-weight: 500 !important;
    }
    .img-banner {
        padding-top: 0 !important;
    }
    .banner-btn {
        text-align: center;
    }
    .btn-video span {
        display: none;
    }
    .hero-slider-dots {
        left: 10px !important;
    }
    .btns-item {
        display: inline-flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .btn-xl {
        padding: 0 15px;
        height: 55px;
        font-size: 10px !important;
    }

    .btn-md {
        min-height: 48px;
        line-height: 48px;
        padding: 0 10px;
        min-width: 120px;
    }
    .btn-xl i {
        font-size: 15px;
        font-weight: 100;
    }
    .btn-video-play,
    .btn-video-play:before,
    .btn-video-play:after,
    .btn-video-play i {
        height: 55px !important;
        width: 55px !important;
        line-height: 55px;
    }
    html[dir="ltr"] .btn-xl {
        font-size: 12px !important;
    }
    .go-down {
        display: none;
    }

    .hero-carousel-nav {
        display: block !important;
    }
    .carousel-hero.nav-next,
    .carousel-hero.nav-prev {
        right: 20px;
        background: transparent;
        border-color: transparent;
        height: auto;
        width: auto;
        color: #fff;
        bottom: 20px;
        top: inherit;
        font-weight: 600;
    }
    .carousel-hero.nav-prev {
        left: inherit;
        right: 70px;
    }

    /* About */
    .section-title .top-title,
    .section-title-two .top-title {
        font-size: 16px;
    }
    .section-title h2,
    .section-title-two h2 {
        font-size: 24px !important;
    }
    .about-alawn .wrapper-md .image-about img,
    .about-alawn .wrapper-md .image-about video,
    .about-alawn .wrapper-md .info-about,
    .about-alawn .info-about {
        min-height: auto;
        max-height: 100%;
    }
    .about-alawn .info-about {
        border-bottom: 1px solid var(--alawn-light-color);
    }
    .about-alawn .info-about::before,
    .about-alawn .info-about::after,
    .about-alawn .wrapper-md .info-about::after {
        display: none;
    }
    .link-item.link-item-two {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        flex-direction: column-reverse;
        align-items: center;
    }
    .vision-mission {
        display: flex;
        position: relative;
        border-radius: 15px;
        margin-top: 80px;
        gap: 20px;
        flex-direction: column;
    }
    .vision-mission > div {
        padding: 20px !important;
        position: relative;
        display: flex;
        gap: 0px;
        background: var(--alawn-white-color);
        border-radius: 15px;
        transition: var(--alawn-transition);
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
    }
    .vision-mission .conent-item {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        text-align: center;
    }
    .section-services .text-item-service {
        max-width: 94% !important;
        padding: 20px 15px !important;
    }
    .testimonials .testimonial-text {
        max-width: 100% !important;
        margin-top: -130px !important;
    }

    .media-list .tabs-control {
        width: 100% !important;
    }
    .media-list .tabs-control button {
        width: 48%;
    }
    .section-media .part-control-media {
        position: relative;
        left: 0;
        top: inherit;
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 25px;
        margin-bottom: 30px;
    }
    .media-list .tabs-container {
        padding: 30px 0;
        margin-top: 0;
    }
    /* Reeels */
    .all-reels .conent-reel-item video,
    .all-reels .conent-reel-item iframe,
    .reel-item .conent-reel-item {
        height: 480px;
    }
    .reels-tabs .button-tab {
        min-width: 70px !important;
        max-width: 100px !important;
    }
    .content-story-reel .text-story-reel {
        font-size: 20px;
        line-height: 36px;
    }
    /* Footer */
    .copyright {
        display: flex !important;
        justify-content: center;
        align-items: center;
        min-height: 80px;
        gap: 20px;
        flex-direction: column;
        padding: 20px;
        text-align: center;
    }
    .copyright p {
        display: inline !important;
        text-align: center;
    }
    .back-to-top {
        width: 100%;
        height: 40px;
        background: rgb(221 221 221 / 13%);
    }
    /* Inner PAge */
    .breadcrumb-title h1 {
        font-size: 28px !important;
    }
    .breadcrumb-title p {
        font-size: 16px;
        font-weight: 500;
    }
    .gallery-thumbs {
        background: var(--alawn-white-color);
        border-radius: 0;
        position: relative;
        bottom: 0px;
        padding: 0;
        max-width: 100%;
        margin: 0;
        margin-top: 20px;
    }
    .swiper-button-next,
    .swiper-button-prev {
        top: inherit !important;
        bottom: 24px !important;
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: -20px !important;
        right: inherit !important;
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        left: inherit !important;
        right: -20px !important;
    }

    .list-amenities {
        grid-template-columns: repeat(2, 1fr);
    }
    .list-amenities .amenities-facts i {
        font-size: 25px;
        padding-bottom: 15px;
    }
    .amenities-details {
        font-size: 12px;
    }
    .list-destails li {
        flex-direction: column;
    }
    /* Header Siidebar */
    .side-menu,
    .sidebar-listing-filter {
        width: 100% !important;
    }
    .header-filter {
        grid-template-columns: auto auto !important;
    }
    .header-filter .conainer-btn {
        order: 2 !important;
    }
    .header-filter .story-by-list {
        order: 3 !important;
        grid-column: 1/3 !important;
    }
    .header-filter .listing-count {
        order: 1 !important;
    }
    .btn-sort {
        padding: 5px 6px !important;
        font-size: 12px !important;
    }
    .pagination-btn.btn-prev,
    .pagination-btn.btn-next,
    .pagination-btn.next,
    .pagination-btn.previous {
        width: 38px;
    }
    .pagination-btn.btn-prev span,
    .pagination-btn.btn-next span,
    .pagination-btn.next span,
    .pagination-btn.previous span {
        display: none;
    }

    .form-privacy {
        flex-direction: column;
        gap: 15px;
    }
    /* About page */
    .team-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 30px !important;
    }
    .files-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .files-grid .item-file {
        padding: 20px 10px;
    }
    .item-file .file-content span {
        font-size: 12px;
        line-height: 22px;
    }

    /* Single listing */
    .swiper-button-next,
    .swiper-button-prev {
        top: 39%;
        bottom: inherit;
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        left: inherit;
        right: 0px;
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 0;
        right: inherit;
    }

    .tabs-component .tabs-control {
        gap: 15px;
    }
    .button-tab {
        padding: 5px;
        font-size: 14px;
        border-bottom: 2px solid transparent;
    }
    .p-tabs {
        font-size: 18px;
        font-weight: 400;
        line-height: 35px;
    }

    /* single page */
    .single-card-price strong {
        gap: 10px;
        justify-content: flex-start;
        flex-direction: column;
    }
    .single-service .card-feat-list,
    .single-vehicle .card-feat-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .single-vehicle .vehicle-item .card-feat-list {
        grid-template-columns: 1fr 1fr;
    }
    #map {
        height: 250px;
    }
    .single-vehicle .vehicle-item {
        margin-bottom: 40px;
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    /* single bllog */
    .article-page blockquote::before {
        font-size: 30px;
    }
    .article-page blockquote {
        padding-right: 80px;
        font-size: 15px !important;
    }
    .article-page blockquote p {
        font-size: 16px !important;
        line-height: 30px !important;
    }
    .article-page blockquote cite {
        font-size: 14px;
    }
    .article-page .post-img img {
        height: 250px !important;
    }

    .article-page h1,
    .article-page h2,
    .article-page h3,
    .article-page h4,
    .article-page h5,
    .article-page h6 {
        font-size: 20px !important;
        line-height: 30px !important;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* Banner */
    .home-banner .hero-slider,
    .home-banner .slider-item .container {
        height: 600px !important;
    }
    .home-banner .top-title {
        font-size: 12px;
        display: table;
        position: relative;
        color: #fff;
        font-weight: 600;
        margin-bottom: 15px;
        padding: 10px 15px;
        background: rgb(0 0 0 / 19%);
        border-radius: 5px;
        margin-top: -60px;
    }
    .home-banner .info-banner h1 {
        font-size: 38px !important;
        line-height: 50px;
        margin-bottom: 0;
        padding-bottom: 15px !important;
    }
    p.text-banner {
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 26px;
        margin-bottom: 25px;
    }
    .img-banner {
        padding-top: 0 !important;
    }
    .banner-btn {
        text-align: center;
    }
    .btn-video span {
        display: none;
    }
    .hero-slider-dots {
        left: 10px !important;
    }
    .btns-item {
        display: inline-flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .btn-xl {
        padding: 0 25px;
        height: 55px;
        font-size: 12px !important;
    }
    .btn-xl i {
        font-size: 15px;
        font-weight: 100;
    }
    .btn-video-play,
    .btn-video-play:before,
    .btn-video-play:after,
    .btn-video-play i {
        height: 55px !important;
        width: 55px !important;
        line-height: 55px;
    }
    .go-down {
        display: none;
    }

    .hero-carousel-nav {
        display: block !important;
    }
    .carousel-hero.nav-next,
    .carousel-hero.nav-prev {
        right: 20px;
        background: transparent;
        border-color: transparent;
        height: auto;
        width: auto;
        color: #fff;
        bottom: 20px;
        top: inherit;
        font-weight: 600;
    }
    .carousel-hero.nav-prev {
        left: inherit;
        right: 70px;
    }
    .about-alawn .info-about {
        border-bottom: 1px solid var(--alawn-light-color);
    }
    .about-alawn .info-about::before,
    .about-alawn .info-about::after,
    .about-alawn .wrapper-md .info-about::after {
        display: none;
    }
    .wrapper-lg {
        border-bottom: 1px solid var(--alawn-light-color);
    }

    /* Search Banner */
    .main-search-input-header .main-search-input {
        grid-template-columns: 1fr 1fr;
    }
    .call-action-content,
    .call-to-action-item {
        padding: 50px;
    }
    /* Footer */
    .copyright {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 80px;
        gap: 20px;
        flex-direction: column;
        padding: 20px;
        text-align: center;
    }
    .copyright p {
        text-align: center;
    }
    .back-to-top {
        width: 100%;
        height: 40px;
        background: rgb(221 221 221 / 13%);
    }
    /* Inner PAge */
    .breadcrumb-title h1 {
        font-size: 30px !important;
    }

    /* About page */
    .team-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
    .files-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }

    .list-amenities {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*  Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Banner */
    .home-banner .hero-slider,
    .home-banner .slider-item .container {
        height: 600px !important;
    }
    .home-banner .top-title {
        font-size: 12px;
        display: table;
        position: relative;
        color: #fff;
        font-weight: 600;
        margin-bottom: 15px;
        padding: 10px 15px;
        background: rgb(0 0 0 / 19%);
        border-radius: 5px;
        margin-top: -60px;
    }
    .home-banner .info-banner h1 {
        font-size: 38px !important;
        line-height: 50px;
        margin-bottom: 0;
        padding-bottom: 15px !important;
    }
    p.text-banner {
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 26px;
        margin-bottom: 25px;
    }
    .img-banner {
        padding-top: 0 !important;
    }
    .banner-btn {
        text-align: center;
    }
    .btn-video span {
        display: none;
    }
    .hero-slider-dots {
        left: 10px !important;
    }
    .btns-item {
        display: inline-flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .btn-xl {
        padding: 0 25px;
        height: 55px;
        font-size: 12px !important;
    }
    .btn-xl i {
        font-size: 15px;
        font-weight: 100;
    }
    .btn-video-play,
    .btn-video-play:before,
    .btn-video-play:after,
    .btn-video-play i {
        height: 55px !important;
        width: 55px !important;
        line-height: 55px;
    }
    .go-down {
        display: none;
    }

    .hero-carousel-nav {
        display: block !important;
    }
    .carousel-hero.nav-next,
    .carousel-hero.nav-prev {
        right: 20px;
        background: transparent;
        border-color: transparent;
        height: auto;
        width: auto;
        color: #fff;
        bottom: 20px;
        top: inherit;
        font-weight: 600;
    }
    .carousel-hero.nav-prev {
        left: inherit;
        right: 70px;
    }

    /* About page */
    .team-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 30px !important;
    }
    .files-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 30px !important;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/* All Small & Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    /* Top header */
    .header-contact-us a {
        display: none;
    }
    .header-contact-us {
        gap: 10px;
    }
    .header-contact-us a {
        padding-right: 15px;
        padding-left: 15px;
        border-radius: 35px;
        color: var(--alawn-light-color);
        background: hsl(0deg 0% 100% / 15%);
        backdrop-filter: blur(14px) brightness(0.92);
        border: 1px solid #ffffff0f;
        gap: 0;
    }
    .header-contact-us a i {
        background: transparent;
    }
    .call-me-now,
    .our-contacts {
        display: flex !important;
    }

    /* Logo */
    .logo-holder {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        padding-right: 0;
        gap: 25px;
        justify-content: flex-start;
        padding-right: 50px;
    }
    html[dir="ltr"] .logo-holder {
        padding-right: 0;
        padding-left: 50px;
    }
    .logo-holder .logo img {
        max-width: 140px !important;
    }
    /* navbar button toggle */
    .toggle-menu {
        display: grid;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0px, -50%);
    }
    html[dir="ltr"] .toggle-menu {
        right: inherit;
        left: 0;
    }
    /* App Header */
    .app-header {
        position: absolute;
        display: flex;
        align-items: center;
        gap: 30px;
        margin: 0;
        padding: 0;
        left: 15px;
    }
    .booking-holder,
    .app-header-item-search {
        display: none !important;
    }
    html[dir="ltr"] .app-header {
        left: inherit;
        right: 15px;
    }

    /* Nav menu */
    .main-header .nav-items {
        padding-top: 0;
        position: fixed;
        width: 100%;
        min-height: 100%;
        height: calc(100vh - 0px) !important;
        top: -50px;
        overflow: hidden;
        display: flex;
        align-items: flex-start;
        opacity: 0;
        z-index: 0;
        transition: var(--alawn-transition);
        background: var(--alawn-white-color);
        width: 400px;
        padding-bottom: 0;
        flex-flow: column;
        left: inherit !important;
        right: -100%;
        transform: translateX(100%);
        border-left: 1px solid var(--alawn-line-color);
        padding-right: 0;
        padding-left: 0;
        border-radius: 0;
        justify-content: flex-start;
    }

    html[data-theme="dark"] .main-header .nav-items,
    html[data-theme="dark"] .main-header .nav-links {
        background: var(--alawn-dark1-color) !important;
    }
    html[data-theme="dark"] .main-header .nav-links,
    html[data-theme="dark"] .main-header .nav-links .nav-link,
    html[data-theme="dark"] .about-alawn .info-about {
        border-color: var(--alawn-dark3-color);
    }
    html[data-theme="dark"] .button-contact-us a {
        background: var(--alawn-white-color) !important;
    }
    html[data-theme="dark"] .button-contact-us a {
        color: var(--alawn-dark-color) !important;
    }

    .navbar.stuck .nav-items {
        top: 0px;
    }
    .nav-items.open {
        transform: translateX(0px);
        opacity: 1;
        z-index: 9999;
        right: 0px;
    }

    .main-header .nav-item > .nav-link:before {
        display: none;
    }
    .main-header .nav-links > .nav-item {
        display: flex;
        align-items: center;
        position: relative;
        margin: 0;
        height: auto;
    }
    /* LTR */
    html[dir="ltr"] .nav-items {
        right: inherit !important;
        left: -220% !important;
    }
    html[dir="ltr"] .nav-items.open {
        left: 0 !important;
    }

    html[dir="ltr"] .overlay-header {
        right: -100% !important;
        left: inherit !important;
    }
    html[dir="ltr"] .overlay-header.open {
        right: 0 !important;
        left: inherit !important;
    }

    .nav-items .navbar-head {
        background: var(--alawn-of-white-color);
        font-size: 16px;
        font-weight: 600;
        color: var(--alawn-dark-color);
        padding: 15px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .nav-items .navbar-head h6 {
        font-size: 18px;
        color: var(--alawn-dark-color);
        font-weight: 600;
    }
    .nav-items .close-navbar {
        width: 35px;
        height: 35px;
        border-radius: 4px;
        background-color: transparent;
        border: none;
        outline: none;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--alawn-dark-color);
        cursor: pointer;
        position: relative;
        z-index: 5;
        font-size: 22px;
    }
    /* navbar Search */

    .nav-items .search-navbar {
        display: block !important;
    }
    .nav-items .search-navbar {
        width: 100%;
        display: block;
        position: relative;
        padding: 30px 20px 30px 15px;
    }
    .nav-items .search-navbar form {
        position: relative;
    }
    .nav-items .search-navbar input[type="search"] {
        position: relative;
        width: 100%;
        font-family: inherit;
        font-size: 14px;
        font-weight: inherit;
        color: var(--alawn-dark-color);
        border-radius: 5px;
        background: #fff;
        outline: 0;
        cursor: pointer;
        margin: 0;
        margin-right: auto !important;
        margin-left: auto !important;
        display: block;
        overflow: hidden;
        padding: 20px;
        border: 1px solid #eee;
        height: 50px;
        box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
        font-weight: 600;
    }
    .nav-items .search-navbar .search-btn {
        border: none;
        cursor: pointer;
        outline: none;
        color: var(--alawn-dark-color);
        font-size: 18px;
        height: 46px;
        width: 46px;
        text-align: center;
        position: absolute;
        top: 2px;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        background: transparent;
        left: 2px;
        border-radius: 5px;
        font-weight: 600;
    }
    .nav-items .search-navbar .search-btn i {
        padding-left: 5px;
    }
    .nav-items .search-navbar .search-btn:hover {
        background: var(--alawn-primary-color);
    }

    html[dir="ltr"] .nav-items .search-navbar .search-btn {
        left: inherit;
        right: 2px;
    }
    .booking-holder,
    .app-header-item-search {
        display: none;
    }

    /* Button Contact Us */
    .button-contact-us {
        position: relative;
        display: block !important;
        width: 100%;
        padding: 20px;
    }
    .button-contact-us a {
        font-size: 14px;
        color: var(--alawn-white-color);
        font-weight: 600;
        padding: 0px 25px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: var(--alawn-dark-color);
        height: 50px;
        transition: var(--alawn-transition);
        width: 100%;
    }
    /* Navlinks */
    .main-header .nav-links {
        flex-flow: column;
        display: flex !important;
        width: 100%;
        position: relative;
        top: 0;
        width: 100%;
        height: calc(100vh - 100px);
        max-height: calc(100vh - 100px);
        overflow-x: hidden;
        overflow-y: scroll;
        align-items: flex-start;
        z-index: 0;
        transition: all 330ms ease-in 0s;
        background: var(--alawn-white-color);
        left: 0;
        transition-delay: 0.3s;
        flex-flow: column;
        padding-bottom: 20px;
        padding-top: 0;
        scrollbar-color: var(--alawn-gray-color) var(--alawn-white-color);
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding-right: 10px;
        direction: ltr;
        gap: 0;
        border-top: 1px solid var(--alawn-light-color);
    }
    /* LTR */
    html[dir="ltr"] .main-header .nav-links,
    html[dir="ltr"] .nav-links > .nav-item {
        direction: ltr;
        text-align: left;
    }

    .main-header .nav-links::-webkit-scrollbar {
        width: 5px;
        background-color: var(--alawn-white-color) !important;
    }
    .main-header .nav-links::-webkit-scrollbar-thumb {
        background-color: var(--alawn-gray-color) !important;
        border-radius: 0px;
        border: 5px solid var(--alawn-gray-color) !important;
    }
    .main-header .nav-links .nav-link {
        align-items: flex-start;
        gap: 5px;
        border-bottom: 1px solid var(--alawn-light-color);
        padding: 15px 10px;
        text-align: right;
        font-weight: 600;
        font-size: 15px;
    }
    /* LTR */
    html[dir="ltr"] .main-header .nav-links .nav-link {
        align-items: flex-end;
        text-align: left;
    }
    .nav-links > .nav-item > a,
    .nav-links > .nav-item {
        display: flex;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
        position: relative;
        direction: rtl;
    }
    .nav-links li {
        display: block;
        width: 100%;
        padding: 0 15px;
    }
    .nav-links > .nav-item {
        margin-right: 0;
        height: auto;
        flex-direction: column;
        width: 100%;
    }
    .nav-links li a {
        padding: 10px 0;
        margin-left: 0;
        height: auto;
        width: 100%;
        flex-direction: column;
    }
    ul.nav-links > li.has-dropdown > a::before {
        top: 19px;
        font-size: 14px;
        right: 5px;
    }

    ul.nav-links > li.has-dropdown:hover > a::before {
        transform: none;
    }
    ul.nav-links > li.has-dropdown > a.rotetIcon::before {
        -webkit-transform: rotate(180deg) !important;
        -moz-transform: rotate(180deg) !important;
        -o-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important;
    }
    .has-dropdown .icon-down {
        display: block;
        position: absolute;
        left: 4px;
        top: 0;
        text-align: center;
        background: transparent;
        z-index: 555;
        cursor: pointer;
        font-size: 15px;
        line-height: 46px;
    }
    html[dir="ltr"] .has-dropdown .icon-down {
        left: inherit;
        right: 4px;
    }
    .nav-links .nav-item.has-dropdown > ul.sub-menu {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        position: relative;
        top: 0;
        width: 100%;
        opacity: 1;
        visibility: visible;
        display: none;
        margin: 0;
        transition: none;
    }
    ul.nav-links > li > ul.sub-menu > li > ul.sub-menu {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        position: relative;
        width: 100%;
        opacity: 1;
        top: 0;
        visibility: visible;
        background: #fff;
        box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08);
        border-bottom: 3px solid #aaa;
        margin-left: 0px;
        display: none;
        margin: 0;
        transition: none;
        left: inherit;
        right: inherit !important;
    }
    .nav-item.has-dropdown .sub-menu.toggle {
        transform: translateY(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
    .sub-menu li {
        padding: 0px;
    }
    ul.nav-links > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
        margin: 0;
        left: 0;
    }
    html[dir="ltr"] ul.nav-links > li > ul.sub-menu > li > ul.sub-menu {
        right: 0;
        left: 0;
    }
    /* Side Menu */
    .side-menu .inner-side {
        top: -100px;
        padding-top: 140px;
        direction: rtl;
    }
    .sidemenu-conent {
        direction: rtl;
        padding-bottom: 50px;
    }

    /* Banner Header */
    .home-banner,
    .home-banner .container {
        padding: 0;
    }
    .home-banner .hero-slider,
    .home-banner .slider-item .container {
        height: 560px;
    }
    .hero-slider-dots {
        display: flex;
    }
    .hero-carousel-nav {
        display: none;
    }
    .home-banner .info-banner {
        padding: 50px 15px;
    }
    .home-banner .info-banner h1 {
        font-size: 50px;
        padding-bottom: 20px;
    }
    .info-banner h2 {
        font-size: 26px;
        line-height: 1.2;
        margin-bottom: 20px;
    }
    p.text-banner {
        font-size: 16px;
        font-weight: 600;
        max-width: 580px;
    }
    /* Section Title */
    .section-title {
        padding-left: 0px;
    }
    .part-sec-title {
        position: relative;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        left: 0;
        gap: 20px;
        margin-top: 20px;
        width: 100%;
    }
    .section-title h2,
    .section-title-two h2 {
        font-size: 30px;
    }
    .section-title p {
        font-size: 16px;
    }
    html[dir="ltr"] .section-title {
        padding-left: 0;
        padding-right: 0px;
    }

    /* About */
    .about-alawn .wrapper-md p.author-desc {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .about-alawn .wrapper-md .author h6 {
        font-size: 16px;
        line-height: 16px;
    }
    .about-alawn .info-about .conent-about p {
        font-size: 13px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 30px;
    }

    /* Goals */
    .link-item.link-item-two {
        display: flex;
        gap: 10px;
        justify-content: space-between;
        flex-direction: column-reverse;
        align-items: center;
    }
    .vision-mission {
        margin-top: 50px;
        gap: 25px;
        flex-direction: column;
    }
    .vision-mission > div {
        padding: 30px;
    }

    /* Services */
    .service-list .tabs-control {
        gap: 30px;
    }
    .service-list .nav-single-card .button-tab i {
        height: 60px;
        width: 60px;
        font-size: 22px;
    }
    .section-services .tabs-container .tabs-content {
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }
    .section-services .img-service {
        height: auto;
        overflow: visible;
        display: flex;
        flex-direction: column-reverse;
    }
    .section-services .text-item-service {
        position: relative;
        width: 100%;
        padding: 30px;
        inset: inherit !important;
        max-width: 80%;
        margin: 0 auto;
        margin-top: -150px;
        background: hsl(0deg 0% 100% / 88%);
        backdrop-filter: blur(14px) brightness(0.92);
    }

    .img-service img {
        height: 400px;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    /* Tesimonials */
    .testimonials .main-slide {
        height: 500px;
        min-height: 500px;
    }
    .testimonials .testimonial-text {
        font-size: 20px;
        color: white;
        max-width: 70%;
        font-weight: 600;
        line-height: 40px;
        margin: 0;
        margin-top: -80px;
    }
    .thumbnails-container {
        bottom: 30px;
    }
    .testimonials .thumbnails {
        gap: 15px;
    }
    .testimonials .thumbnail {
        max-width: 100px;
    }
    .testimonials .thumbnail img {
        max-width: 40px;
        max-height: 40px;
    }
    .author-details h6 {
        font-size: 10px;
    }
    .author-details span {
        font-size: 9px;
    }
    /* Reel */
    .all-reels .swiper-container .swiper-slide {
        max-width: 336px;
        min-width: 336px;
    }

    .footer-info-text {
        max-width: 100%;
    }
    /* Image */
    .media-list .tabs-control {
        gap: 10px;
    }
    .btn-md {
        min-height: 48px;
        line-height: 48px;
        padding: 0px 15px;
        min-width: 110px;
        font-size: 12px;
    }

    /* Inner Page */
    .header-breadcrumb {
        height: 300px;
    }
    .breadcrumb-title h1 {
        width: 100%;
        font-size: 26px !important;
        font-weight: 600;
        line-height: 40px;
        color: var(--alawn-white-color);
        padding: 0;
        margin-top: -5px;
    }
    .header-breadcrumb .breadcrumb li,
    .header-breadcrumb .breadcrumb li a {
        font-size: 13px !important;
    }
    .header-breadcrumb .breadcrumb {
        gap: 15px 25px !important;
    }

    .social-media-follow-us {
        gap: 20px;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
        overflow: hidden;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .form-contact-us {
        margin-right: 0;
    }
    .breadcrumb-bg-white {
        height: auto !important;
    }
    /* Single Blog */
    .article-page .post-img img {
        height: 400px;
    }
    .article-page h1,
    .article-page h2,
    .article-page h3,
    .article-page h4,
    .article-page h5,
    .article-page h6 {
        font-size: 22px;
    }
    .entry-post-conent p {
        font-size: 16px;
        line-height: 30px;
    }
    .entry-post-conent img {
        max-height: 400px;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
        display: block;
    }
    /* About page */
    .team-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    /* Cards */
    .cards-items {
        grid-template-columns: calc(100% - 20px) !important;
        gap: 20px;
        margin: 0;
    }
    .single-card-item {
        margin: 10px;
    }
    .single-card-item:first-child {
        grid-column: 1 / 1 !important;
        min-height: 234px;
    }
    /* NoteCard */
    .notecard {
        padding: 0 20px;
    }
    /* Error Page */
    .error-content {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .error-content h1 {
        line-height: 70px;
        color: var(--alawn-primary-color);
        margin-bottom: 10px;
        font-size: 100px;
    }
    .error-content h2 {
        font-size: 25px;
        font-weight: 700;
        line-height: 50px;
        color: var(--alawn-dark-color);
        position: relative;
    }
    .notecard p {
        color: var(--alawn-gray-color);
        font-size: 16px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -0.25px;
        text-align: center;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .p-desc {
        font-size: 16px;
        line-height: 28px;
    }

    /* Single card */
    .card-details .single-listing-content {
        padding-top: 0px;
        padding-left: 0;
    }

    .the-gallary {
        order: 1;
    }
    .swiper-card-gallary {
        position: relative;
    }
    .listing-details {
        order: 2;
    }

    /* Search */
    .page-title {
        font-size: 20px;
    }
    .search-main-content form button {
        padding: 0 15px;
    }

    .alawn-search-item {
        flex-direction: column;
    }
    .alawn-search-item .alawn-image {
        height: 250px;
        border-radius: 5px;
    }
    .alawn-search-item .alawn-image img {
        height: 250px;
    }

    .conent-single-project {
        padding-top: 0;
    }
    .conent-single-project .article-page .project-img img {
        height: 350px;
    }
    .project-entry-conent .info-project {
        margin-bottom: 0;
        padding-left: 10px;
    }
    .item-info-project h6 {
        margin-bottom: 0 !important;
        font-size: 14px !important;
        line-height: 20px;
        font-weight: 600;
        opacity: 0.5;
    }

    .tabs-component .tabs-control {
        gap: 10px;
    }
    .tabs-support .button-tab {
        font-size: 14px;
        gap: 15px;
        padding: 15px 20px;
    }
    .tabs-support .accordion .accor-item .accordion-head h4 {
        font-size: 16px;
        color: var(--alawn-dark2-color);
        font-weight: 600;
        line-height: 30px;
    }
    .contact-us .form-login {
        width: 100%;
    }
}
/* larg small & medium devices  (tablets, less than 992px)  */
@media (min-width: 992px) {
}

/* All Small & Medium devices (tablets, less than 1200px) */
@media (max-width: 1199.98px) {
    .container {
        max-width: 100%;
    }
    /* bradcrumb */
    .header-breadcrumb .breadcrumb {
        gap: 20px 50px;
    }
    /* Cards */
    .cards-items {
        grid-template-columns: calc(50% - 20px);
        gap: 20px;
        margin: 0;
    }
    .single-card-item {
        margin: 10px;
    }
    .single-card-item:first-child {
        grid-column: 1 / 3;
        min-height: 234px;
    }
    /* modal */
    .modal-body .form-conent {
        grid-template-columns: 1fr;
    }

    /* Registration */
    .form-page {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 50px 20px;
    }
}
/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container {
        max-width: 1300px;
    }
}

/* x Large devices (desktops, less than 1300px) */
@media (min-width: 993px) and (max-width: 1300px) {
    .header-contact-us {
        gap: 20px;
    }
    .logo-holder .logo img {
        max-width: 100px;
    }
    .main-header .nav-links {
        gap: 10px;
    }
    .main-header .nav-links .nav-link {
        font-size: 11px;
    }
    .app-header {
        gap: 15px;
    }
    .booking-holder a {
        font-size: 11px;
        padding: 0px 15px;
    }
    .app-header .app-header-item a {
        font-size: 18px;
    }

    /* Banner  */
    .home-banner .top-title {
        font-size: 15px;
    }
    .info-banner h1 {
        font-size: 36px;
        line-height: 1.2;
        padding-bottom: 30px;
    }
    p.text-banner {
        font-size: 14px;
        font-weight: 500;
        line-height: 26px;
    }
    .go-down {
        right: 20px;
    }
    .hero-slider-dots {
        left: 20px;
    }
    /* aAbout */
    .section-title h2,
    .section-title-two h2 {
        font-size: 34px;
    }
    .conent-about-alawn .row {
        padding-right: 15px;
        padding-left: 15px;
    }
    .about-alawn .info-about .conent-about p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .about-alawn .info-about {
        padding: 30px 20px;
        max-height: 500px;
    }
    .about-alawn .wrapper-md p.author-desc {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
        font-weight: 600;
        color: var(--alawn-dark2-color) !important;
    }
    .vision-mission > div {
        padding: 30px;
    }

    .testimonials .testimonial-text {
        font-size: 25px;
        max-width: 550px;
        line-height: 55px;
    }
    .testimonials .thumbnails {
        gap: 20px;
    }
    .testimonials .thumbnail {
        max-width: 120px;
    }
    .thumbnails-container {
        bottom: 10px;
    }
    .testimonials .testimonial-text {
        margin-top: -80px;
    }
    /* Team */
    .team-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    .files-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 15px;
    }
}

/* X Large devices (desktops, less than 1400px) */
@media (max-width: 1400px) {
}