/* Main Container */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1440px;
    }
}

/* Mobile and Tablets max-width : 768 */
@media (max-width: 991px) {
    #myVideo
    {
        object-fit: cover;
    }
    .navbar {
        left: 8px;
        right: 8px;
    }

    .navbar .navbar-buttons .interestedBtn {
        display: none;
    }

    .navbar .navbar-toggler {
        order: 3;
        border-radius: 75px;
    }

    .navbar .navbar-buttons {
        margin-left: auto !important;
    }

    .languages-header-link, .auth-header-link {
        background: rgba(90, 97, 100, 0.30);
    }

    .navbar .navbar-collapse {
        position: absolute;
        left: -14px;
        right: 0;
        top: 65px;
        padding: 50px;
        background: var(--Grey-800) !important;
        max-height: 730px;
    }

    .navbar-nav {
        gap: 40px;
        align-items: flex-start !important;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: var(--Grey-White);
        font-size: 18px;
        font-weight: 500;
        border-bottom: 0;
    }

    .navbar-nav .dropdown-menu li a {
        color: var(--Grey-300);
        font-size: 14px;
        font-weight: 500;
        border-bottom: 0;
        padding: 8px;
    }

    .navbar .navbar-nav .nav-item .nav-link.show {
        background: none;
    }

    .display_in_mobile {
        display: block !important;
    }
    .display_in_desktop
    {
        display: none !important;
    }

    .menu-buttons .navbar-buttons {
        flex-direction: column;
        gap: 16px;
    }

    .menu-buttons .navbar-buttons div a.languages-header-link {
        padding: 9px !important;
        font-size: 14px !important;
    }

    .menu-buttons .navbar-buttons div a.auth-header-link {
        padding: 10px 17px !important;
        font-size: 14px !important;
        display: inline-block;
    }
    .menu-buttons.display_in_mobile .new_auth .dropdown-menu
    {
        padding: 0;
    }
    .hide_in_mobile
    {
        display: none !important;
    }

    .menu-buttons .navbar-buttons .menu_interest_link {
        display: flex;
        padding: 10px 24px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        align-self: stretch;
        border-radius: var(--Borders-Rounded);
        background: var(--Brand-500-Safa-bronze);
        color: var(--Grey-White);
        font-size: 14px;
        font-weight: 500;
    }

    /*Banner*/
    .heroHome {
        margin-top: 0 !important;
    }

    .heroHome .container .contentHeroHome {
        top: 100%;
        flex-direction: column;
    }

    .heroHome .contentHeroHome .banner-title {
        font-size: 64px;
    }

    .heroHome .container {
        height: 60%;
    }

    /*Projects*/
    .banner-with-pattern {
        background-image: none;
    }

    .projectsHome .right-side {
        display: none;
    }

    .projectsHome .projectBoxs .box {
        margin-top: 0 !important;
    }

    #projectsHomeSider .owl-nav {
        display: none;
    }

    .statiSection, .partners .mainTitle {
        text-align: initial !important;
    }

    .fontSizeTitle {
        font-size: 48px !important;
    }

    .fs-96 {
        font-size: 64px;
    }

    .about_us .leftSection, .about_us .rightSection {
        width: 100%;
    }

    .about_us .rightSection {
        height: 100vh;
    }

    .rightSection .item1 {
        left: 50%;
    }

    .rightSection .item2 {
        left: 10%;
        top: 45%;
    }

    .rightSection .item3 {
        left: 10%;
        top: 85%;
    }

    .rightSection .item4 {
        left: 50%;
        top: 70%;
    }

    .media .article_menu {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .media .tabsContentOwl .nav-item::before,
    .media .contentOwlCar .owl-nav {
        display: none;
    }

    .margin-top-minus-100 {
        margin-top: 0;
    }

    .profile_company_banner .banner {
        background-image: url(../../images/newUI/profile_banner_mobile.png);
        border-radius: 0;
        height: 950px;
        width: 106%;
    }

    .profile_company_banner .banner .col-md-6:first-child {
        display: none;
    }
    .footer
    {
        padding: 80px 16px;
        overflow: hidden;
    }
    .apps_social
    {
        margin-top: 80px;
    }
    .apps_social .apps
    {
        width: 100%;
    }
    .address
    {
        margin-bottom: 16px;
    }
    .fal
    {
        display: none;
    }
    .bottom_footer
    {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .rights
    {
        padding: 80px 16px;
    }
    .terms ul
    {
        padding-left: 0;
        display: block !important;
    }
    .rights .faal
    {
        border-left: 1px solid var(--Brand-500-Safa-bronze);
    }

    .hero.inner_banner
    {
        height: 784px;
        background-position: center;
    }
    .filter-section
    {
        flex-direction: column;
        margin-right: 0;
        margin-left: 0;
    }
    .filter-section.units {
        margin-left: 0;
        margin-right: 0;
    }
    .filter-section .filter_menu
    {
        order: 2;
        margin-top: 30px;
    }
    .filter-section .filter-menu .select2-container
    {
        width: 100% !important;
    }
    .internal_amenities_box img
    {
        max-width: 215.73px;
    }
    .internal_amenities_box .content h4
    {
        font-size: 18px;
    }
    .internal_amenities_box .content p
    {
        font-size: 14px;
    }
    .projectSectionFeature .projectsHome.banner-with-pattern
    {
        background-image: none;
    }
    .units .unit_details
    {
        bottom: 0;
    }
    .unit-popup-container .unit-popup
    {
        left: 5px;
        right: 5px;
        top: 5px;
    }
    .unit-popup-container .unit-popup .labels
    {
        flex-direction: column;
        gap: 8px;
    }
    .unit-popup-container .unit-popup .unit_title
    {
        font-size: 20px;
    }
    .unit-popup-container .unit-popup .content .unit_title,
    .unit-popup-container .unit-popup .unit-details .title

    {
        font-size: 22px;
    }
    .unit-popup-container .unit-popup .content .info_data
    {
        gap: 17px;
    }
    .unit-popup-container .unit-popup .content .info
    {
        font-size: 15px;
    }
    .unit-popup-container .unit-popup .layout
    {
        flex-direction: column;
    }
    .unit-popup-container .unit-popup .layout .layout_btn,
    .unit-popup-container .unit-popup .layout .tour_btn
    {
        width: 100%;
    }

    .project_details_tabs
    {
        margin: 60px 0 0;
        overflow-y: auto;
        display: -webkit-box !important;
    }
    .about_project_content {
        margin: 60px 0;
    }
    .about_project_content .about_project .about_title
    {
        font-size: 40px;
    }
    .projects.units .col-12.text-center
    {
        order: 1;
    }
    .map-section .nearly_places_container
    {
        position: relative;
        width: 100%;
        left: 0;
        margin-bottom: 70px;
    }
    .new_features.listServices .boxServices h3
    {
        font-size: 12px;
    }
    .project_profile .explore_pp span
    {
        font-size: 14px;
    }
    .project_profile .explore_pp h3
    {
        font-size: 17px;
    }
    .safaFeatures .textFeatures
    {
        font-size: 40px;
    }

    .new_login .formBox
    {
        width: 100%;
        right: 0px;
        padding: 20px;
        height: auto;
    }
    .new_login .formBox .auth_card_bottom
    {
        position: relative;
        bottom: 0;
    }
    .new_auth .dropdown-menu{
        right: -170px;
    }

    #main_nav
    {
        position: fixed;
        left: 120%;
        top: -21px;
        width: auto;
        right: -9px;
        height: 780px;
        padding: 104px 40px 40px 40px;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
    }
    #main_nav.opened
    {
        left: -8px;
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    #main_nav.collapse:not(.show)
    {
        display: block;
    }
    #main_nav .close
    {
        position: absolute;
        right: 26px;
        top: 23px;
        cursor: pointer;
    }
    .display_none_important
    {
        display: none !important;
    }
    .navbar.navbar-expand-lg
    {
        z-index: 99999999999999999999;
    }

    .project_details_tabs.sticky
    {
        padding: 30px 20px 0;
    }
    .unit-popup-container .unit-popup .features .feature_box
    {
        height: 120px;
    }
    .main-navbar.fixed-navbar,
    .inner_pages_body .navbar.fixed-navbar{
        left: 5px;
        right: 5px;
    }
    .project_progress
    {
        flex-direction: column;
    }

        /*RTL*/
    .rtl .banner-with-pattern
    {
        background-image: none;
    }
    .rtl .navbar .navbar-buttons {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
    .rtl .projectSectionFeature .projectsHome.banner-with-pattern {
        background-image: none;
    }

}

/*Tablets and medium screens*/
@media (min-width: 992px) and (max-width: 1024px) {
    .navbar {
        left: 8px;
        right: 8px;
    }
    .navbar .navbar-buttons .interestedBtn {
        display: none;
    }
    .heroHome,.heroHome .container
    {
        height: 600px !important;
    }
    .heroHome video
    {
        min-height: auto !important;
    }
    .unit-popup-container .unit-popup {
        left: 50px;
        right: 50px;
    }


}