.customer-account-createpassword .page-main .column.main form{
    margin-left: auto !important;
    margin-right: auto !important;
}
    .customer-account-createpassword .page-main .column.main form :is(.field.password label span, .field.confirmation label span, .field.choice label span){
        color: #fff !important;
        font-size: 1rem !important;
        padding-bottom: 0 !important;
    }
    .customer-account-createpassword .page-main .column.main form :is(.field.password .control #password, .field.confirmation .control #password-confirmation) {
        height: 2.5625rem !important;
        padding: 0.25rem 1.25rem !important;
        font-size: 0.875rem !important;
        font-weight: 400 !important;
        background-color: transparent !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border: 1px solid #D9D9D9 !important;
        border-radius: 21px !important;
        color: #D9D9D9 !important;
        font-family: 'Avenir LT Std', sans-serif !important;
    }
    .customer-account-createpassword .page-main .column.main form .field.password .control  .password-strength-meter {
        background-color: transparent;
        height: 14px;
        line-height: 14px;
        font-size: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 97%;
    }
    .customer-account-createpassword .page-main .column.main form .field.password .control:is(.password-none .password-strength-meter:before, .password-weak .password-strength-meter:before, .password-medium .password-strength-meter:before, .password-strong .password-strength-meter:before, .password-very-strong .password-strength-meter:before) {
        border-radius: 21px !important;
    }
    .customer-account-createpassword .page-main .column.main form .action.submit {
        width: 11.25rem !important;
        border-radius: 18px !important;
        font-size: 0.75rem !important;
        font-weight: 700 !important;
        height: 2.375rem !important;
        background-color: transparent !important;
        border: 2px solid #FFFFFF !important;
        color: #FFFFFF !important;
        padding: 0.3rem 1rem !important;
    }
        .customer-account-createpassword .page-main .column.main form .action.submit:hover {
            background-color: #067DF4 !important;
            border: 2px solid #067DF4 !important;
        }

        .container {
            max-width: calc(100% - 100px) !important;
			margin:0px auto;
            width: 100% !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

/*------------Media Query Styles Start-------------*/

@media (max-width: 1920px) {
    .custom-container{
        max-width: 1660px !important;
    }
    .home-about-section .custom-container{
        max-width: 1440px !important;
        margin: 0 auto;
    }
    .home-about-section .single-row .text-box h4{
        width: 30rem;
        max-width: 30rem;
        font-size: 2.5rem !important;
        line-height: 4rem !important;
    }
    .home-about-section .single-row .image-box {
        max-width: 29.75rem;
        min-width: 29.75rem;
        position: relative;
    }
}

@media (max-width: 1679.98px) {
    
    html{
        font-size: 15px !important;
    }
    .container{
        max-width: 1320px !important;
    } 
    .custom-container{
        max-width: 1320px !important;
    }
    
    .product-main-content .product.media, .custom-container{
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    .main-banner-carousel.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h4{
        font-size: 2.75rem !important;
        line-height: 3.0625rem;
    }
    
    .about-section .row-order-1 .description, .about-section .row-order-1 .section-title{
        padding-left: 5.875rem !important;
    }
    .about-section .row-order-2 .description, .about-section .row-order-2 .section-title{
        padding-right: 5.875rem !important;
    }
    .section-title{
        font-size: 2.15rem !important;
    }
    .property-overview-banner .content-box .card-block{
        max-width: 24.75rem;
        padding: 2.4375rem 2.9375rem;
    }
    .property-overview-banner .content-box .text-box {
        width: calc(100% - 24.75rem);
        padding-right: 5.75rem;
    }
    
    .service-section .row-order-1 .description, .service-section .row-order-1 .section-title{
        padding-left: 6.5rem !important;
        padding-right: 6.5rem !important;
    }
    .service-section .row-order-2 .description, .service-section .row-order-2 .section-title{
        padding-right: 6.5rem !important;
        padding-left: 6.5rem !important;
    }
    
    .service-section .section-title{
        font-size: 2.25rem !important;
    }
    
    
    .home-about-section .custom-container, .search-block.project-search .container{
        max-width: 1200px !important;
        margin: 0 auto;
    }
    .home-about-section .single-row .text-box h4{
        font-size: 2.25rem !important;
        line-height: 3.1875rem !important;
        width: 27rem;
        max-width: 27rem;
    }
    
    .home-about-section .single-row .text-box .arrow-horizontal .arrow-1{
        width: 3.5625rem;
    }
    .home-about-section .single-row .text-box .arrow-horizontal .arrow-2{
        width: 7.8125rem;
    }
    .home-about-section .single-row .text-box .arrow-horizontal .arrow-3{
        width: 15.1875rem;
    }
    .home-about-section .single-row .text-box .arrow-horizontal .arrow-4{
        width: 21.9375rem;
    }
    .home-about-section .single-row .image-box{
        max-width: 25.75rem;
        min-width: 25.75rem;
    }
    
    .page-banner{
        min-height: 43rem;
        max-height: 43rem;
    }
}

@media (max-width: 1399.98px) {
    html{
        font-size: 14px !important;
    }
    .container{
        max-width: 1140px !important;
    }
    .custom-container{
        max-width: 1140px !important;
    }
    .proxima-header .navigation .level0 {
        margin-right: 1rem !important;
    }
    
    .main-banner-carousel.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h4{
        font-size: 2.5rem !important;
        line-height: 3.0625rem;
    }
    .home-about-section .custom-container, .search-block.project-search .container{
        max-width: 1024px !important;
        margin: 0 auto;
    }
    .home-about-section .single-row .text-box h4{
        font-size: 2rem !important;
        line-height: 3.1875rem !important;
        width: 25rem;
        max-width: 25rem;
    }
    
    .home-about-section .single-row .text-box .arrow-horizontal .arrow-1{
        width: 2.5625rem;
    }
    .home-about-section .single-row .text-box .arrow-horizontal .arrow-2{
        width: 5.8125rem;
    }
    .home-about-section .single-row .text-box .arrow-horizontal .arrow-3{
        width: 10.1875rem;
    }
    .home-about-section .single-row .text-box .arrow-horizontal .arrow-4{
        width: 17.9375rem;
    }
    .home-about-section .single-row .image-box{
        max-width: 23.75rem;
        min-width: 23.75rem;
    }

    .page-banner{
        min-height: 40rem;
        max-height: 40rem;
    }

}

@media (max-width: 1199.98px) {
    
    html{
        font-size: 13px !important;
    }
    .container{
        max-width: 960px !important;
    }
    .custom-container{
        max-width: 960px !important;
    }
    .proxima-header{
        height: auto;
    }
    .proxima-header .container{
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 0 !important;
    }
    .proxima-header .logo-container {
        left: 0px;
        top: 2rem;
    }
    .proxima-header .for-full-width-menu{
        margin-left: 1.5rem;
    }
    .proxima-header .header-container .header .header-content .for-full-width-menu{
        border-bottom: 0 !important;
    }
    .proxima-header .sticky-header{
        margin-right: auto !important;
    }
    .nav-open body .proxima-header .navigation{
        background-color: #000 !important;
        width: 100% !important;
        max-width: 280px !important;
        min-height: 100vh;
    }
    .nav-open body .proxima-header .navigation .menu-mobile-title{
        text-align: left !important;
        background-color: #000 !important;
        color: #fff !important;
    }
    .nav-open body .proxima-header .navigation #close-menu{
        border: 0 !important; 
    }
    .nav-open body .proxima-header .navigation ul{
        padding: 1rem 1.5rem !important;
    }
    .nav-open body .proxima-header .navigation ul ul{
        padding: 0rem 0rem !important;
    }
    .nav-open body .proxima-header .navigation .level0{
        padding: 1rem 0rem !important;
        border: 0 !important; 
    }
    .nav-open body .proxima-header .navigation .parent .level-top:after {
        position: absolute !important; 
        right: -12px !important; 
        top: -10px !important; 
    }
    .nav-open body .proxima-header .navigation .submenu{
        padding: 0rem 1rem 1.5rem 1rem !important;
        background-color: #3F3F3F!important; 
        background: #3F3F3F !important;             
        margin-top: 0.5rem;
        margin-right: 0 !important;
        height: auto !important;
        visibility: visible !important;
    }
    .nav-open body .proxima-header .navigation .submenu.level0 .subchildmenu{        
        padding: 0rem 0rem !important;
    }
    .nav-open body .proxima-header .navigation .submenu.level0 .subchildmenu a{        
        border: 0 !important;         
        padding: 0rem 0rem !important;
        margin: 1.5rem 0rem 0rem 0rem !important;
    }
    .nav-open body .proxima-header .navigation #close-menu{
        color: #fff !important;
    }
    .main-banner-carousel .nivoSlider{
        padding-top: 5rem !important;
    }
    .main-banner-carousel.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h4{
        font-size: 2rem !important;
        line-height: 2.75rem;
    }
    
    .about-section .row-order-1 .description, .about-section .row-order-1 .section-title{
        padding-left: 3.875rem !important;
    }
    .about-section .row-order-2 .description, .about-section .row-order-2 .section-title{
        padding-right: 3.875rem !important;
    }
    .about-section .section-title{
        margin-top: 3rem !important;
    }
    .proxima-product-grid .product-item{
        width: calc((100% - 0%) / 3) !important;
    }
    .proxima-product-grid .product-item .product-item-details .product-item-name>a{
        min-height: 5rem !important;
    }
    .specifications-list{
        min-height: 4rem !important;
    }
    .property-overview-banner .content-box .card-block {
        max-width: 23.75rem;
        padding: 1.4375rem 1.9375rem;
    }
    .property-overview-banner .content-box .text-box {
        width: calc(100% - 23.75rem);
        padding-right: 3.75rem;
    }
    .page-banner .content-box h4{
        font-size: 2.625rem;
    }
    .service-section .row-order-1 .description, .service-section .row-order-1 .section-title{
        padding-left: 4.5rem !important;
        padding-right: 4.5rem  !important;
    }
    .service-section .row-order-2 .description, .service-section .row-order-2 .section-title{
        padding-right: 4.5rem !important;
        padding-left: 4.5rem !important;
    }
    
    .service-section .section-title{
        font-size: 2rem !important;
    }
    
    
    .product-main-content .product.media .fotorama__stage{
        width: 100% !important;
        max-width: 100% !important;
        height: 78vh !important;
        max-height: 78vh !important;
    }
    
    .product-main-content .product.media .fotorama__nav.fotorama__nav--thumbs {
        height: 78vh !important;
    }
    .product-main-content .product.media .fotorama__nav-wrap--vertical.fotorama__nav-wrap{
        width:17.25rem !important;
    }
    .product-main-content .product.media .fotorama__nav__frame.fotorama__nav__frame--thumb{
        height: calc((78vh / 3) - 0.416rem) !important;
        max-height: calc((78vh / 3) - 0.416rem) !important;
    }
    .home-about-section .custom-container, .search-block.project-search .container{
        max-width: 900px !important;
        margin: 0 auto;
    }
    .home-about-section .single-row .text-box h4{
        font-size: 1.75rem !important;
        line-height: 3rem !important;
        width: 23rem;
        max-width: 23rem;
    }
    
    .home-about-section .single-row .text-box .arrow-horizontal .arrow-1{
        width: 2rem;
    }
    .home-about-section .single-row .text-box .arrow-horizontal .arrow-2{
        width: 4.8125rem;
    }
    .home-about-section .single-row .text-box .arrow-horizontal .arrow-3{
        width: 8.1875rem;
    }
    .home-about-section .single-row .text-box .arrow-horizontal .arrow-4{
        width: 13.9375rem;
    }
    .home-about-section .single-row .image-box {
        max-width: 23.75rem;
        min-width: 23.75rem;
        position: relative;
    }
    .strip-section h2{
        font-size: 2.5rem !important;
        margin-bottom: 0rem !important;
        line-height: 2.1875rem;
    }
    .strip-section .scroll-down-arrow {
        font-size: 2.125rem !important;
    }
    .footer-section .container {
        max-width: 950px !important;
    }

}

@media (max-width: 991.98px) { 
    
    html{
        font-size: 13px !important;
    }
    .container{
        max-width: 720px !important;
    }
    .custom-container{
        max-width: 720px !important;
    }
    .main-banner-carousel .nivoSlider{
        height: auto
    }
    .main-banner-carousel.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h2{
        font-size: 3.375rem !important;
    }
    .search-block .search-list li.type {
        width: 20.625rem;
    }
    .search-block .search-list li.location {
        width: calc(100% - 31.25rem);
        margin-left: 0;
    }
    .about-section .section-title{
        margin-top: 0rem !important;
    }
    .about-section .row-order-1 .description, .about-section .row-order-1 .section-title{
        padding-left: 0rem !important;
    }
    .about-section .row-order-2 .description, .about-section .row-order-2 .section-title{
        padding-right: 0rem !important;
    }
    .section-title {
        font-size: 2.25rem !important;
        line-height: 2.75rem !important;
    }
    .parallax-section{
        height: 300px;
    }
    .footer-section .link-list{
        padding-left: 0 !important;
    }
    .proxima-product-grid .product-item {
        width: calc((100% - 0%) / 2) !important;
    }
    .proxima-product-banner{
        min-height: 30vh;
    }
    .proxima-product-overview-section{
        padding: 10rem 0rem 10rem 0rem!important;
    }
    /* .proxima-product-overview-section .deatils-box{
        min-height: unset;
    } */
    .specifications-list{
        min-height: unset !important;
    }
    .custom-container {
        padding-left: 3.125rem !important;
        padding-right: 3.125rem !important;
        width: 100%;
    }
    .property-overview-banner .content-box .text-box h4{
        font-size: 3rem;
    }
    .agent-section .form-section h4{
        font-size: 2rem;
    }
    .service-section .row-order-1 .description, .service-section .row-order-1 .section-title{
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        
    }
    .service-section .row-order-2 .description, .service-section .row-order-2 .section-title{
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }
    .service-section .description{
        font-size: 1rem !important;
        margin-bottom: 0 !important;
    }
    .service-section .description{
        font-size: 1rem !important;
        margin-bottom: 0 !important;
    }
    .strip-section.blue-strip{
        padding: 2.5625rem 0; 
    }
    .service-section .section-title{
        font-size: 1.75rem !important;
        margin-bottom: 0.5rem !important;
    }    
    .strip-section h2{
        font-size: 1.75rem !important;
        margin-bottom: 0rem !important;
        line-height: 2.1875rem;
    }
    
    
    .product-main-content .product.media .fotorama__stage{
        width: 100% !important;
        max-width: 100% !important;
        height: 72vh !important;
        max-height: 72vh !important;
    }
    
    .product-main-content .product.media .fotorama__nav.fotorama__nav--thumbs {
        height: 72vh !important;
    }
    .product-main-content .product.media .fotorama__nav-wrap--vertical.fotorama__nav-wrap{
        width:13.25rem !important;
    }
    .product-main-content .product.media .fotorama__nav__frame.fotorama__nav__frame--thumb{
        height: calc((72vh / 3) - 0.416rem) !important;
        max-height: calc((72vh / 3) - 0.416rem) !important;
    }
    
    .product-main-content .product.media, .custom-container{
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    .home-about-section .single-row{
        flex-direction: column;
    }
    .home-about-section .single-row .text-box {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }
    .home-about-section .single-row .text-box h4{
        width: 100%;
    }
    .home-about-section .single-row .image-box{
        max-width: 28.75rem;
        min-width: 28.75rem;
        position: relative;
    }
    .home-about-section .single-row .text-box .arrow-horizontal{
        display: none;
    }
    
    .home-about-section .single-row .text-box .arrow-vertical{
        display: block;
    }
    
    .home-about-section .single-row .image-box:after{
        display: none;
        position: absolute;
        content: "";
        right: 0;
        top: 100%;
        left: 0;
        bottom: unset;
        width: 100%;
        height: 8.125rem;
        background: linear-gradient(90deg, rgba(63, 63, 63, 0.282) 0%, rgba(217, 217, 217, 0) 78.55%);
    }
    .home-about-section .single-row{
        display: flex;
        align-items: center;
        margin-bottom: 3.0625rem;
    }
    .footer-section .container {
        max-width: 730px !important;
    }
    .strip-section .scroll-down-arrow {
        font-size: 2rem !important;
    }
    .search-block.project-search .container{
        max-width: 720px !important;
        margin: 0 auto;
    }
    
    .page-banner{
        min-height: 33rem;
        max-height: 33rem;
    }
    .proxima-myaccount-container{
        flex-direction: row-reverse !important;
    }
    .proxima-myaccount-container .body-content{
        width: 100% !important;
    }
    /* in doubt */
    /* .proxima-myaccount-container .proxima-myaccount-sidebar{
        max-width: 220px !important;
        width: 170px !important;
        position: fixed;
        top: 52px !important;
        z-index: 999;
    } */
    /* in doubt */
    .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title{
    background-color: #000 !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
    height: auto !important;
    padding: 0.5rem 1rem !important;
    border: 2px solid #D9D9D9;
    border-radius: 20px;
    max-height: 2.375rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: flex !important;
    align-items: center !important;
    }
    .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title::after{
        line-height: 22px;
        color: inherit;
        content: '\e622';
        font-family: 'icons-blank-theme';
        font-size: 1.75rem;
        font-weight: 700;
        height: 1rem;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin-left: 1rem !important;
    }
    .proxima-myaccount-container .proxima-myaccount-sidebar .title.block-collapsible-nav-title strong{
        font-weight: 750 !important;
        font-size: 0.75rem !important;
        color: #FFFFFF;
    }
    .proxima-myaccount-container .proxima-myaccount-sidebar{
        background-color: transparent !important;
    }
    /*.account .header-container .header.links li select{
         visibility: hidden !important;
    }*/
    .show{
        display: block !important;
    }
    .proxima-myaccount-container .proxima-myaccount-sidebar .sidebar.sidebar-main .block-collapsible-nav-content {
        display: none;
    }
    .proxima-myaccount-container .proxima-myaccount-sidebar .block-collapsible-nav-content .items .item a{
        color: rgb(0 0 0 / 63%) !important;  
    }
}

@media (max-width: 767.98px) { 
    
    html{
        font-size: 12px !important;
    }
    .container{
        max-width: 540px !important;
    }
    
    .custom-container{
        max-width: 540px !important;
    }
    .proxima-header .for-full-width-menu{
        padding-left: 0 !important;
        border-bottom: 0;
    }
    .proxima-header.sticky .for-full-width-menu{
        padding-left: 0 !important;
    }
    .proxima-header .header-container .header.links{
        display: flex !important;
    }
    .main-banner-carousel .nivoSlider{
        background-color: #000000 !important;
    }
    .main-banner-carousel.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h4{
        font-size: 1.75rem !important;
        line-height: 2.5rem;
    }
    .main-banner-carousel.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text p{
        font-size: 1rem !important;
        line-height: 1.3125rem !important;
    }
    .search-block{
        margin-top: 0;
        padding-top: 4rem;
        background-color: #000000 !important;
    }
    .search-block-inner{
        border-width: 0.5px 0.5px;
    }
    .search-block:after{
        display: none;
    }
    .search-block .search-list{
        flex-direction: column;
    }
    .search-block .search-list li{
        width: 100% !important;
        margin-left: 0 !important;
    }
    .search-block label.empty-label{
        display: none;
    }
    .search-block .search-list li .btn-search{
        width: 10rem;
        margin-top: 0.5rem;
    }
    .search-block .addvance-search-label{
        position: absolute;
        right: 3rem;
        bottom: 2.95rem;
    }
    .addvance-search-box .header, .addvance-search-box .footer{
        padding: 1.5rem 1.4375rem;
    } 
    .addvance-search-box .body-content{
        padding: 1.5rem 1.4375rem 0rem 1.4375rem;
    }
    .row.row-order-2{
        flex-direction: column-reverse;
    }
    .about-section .bottom-space {
        margin-bottom: 2.0625rem;
    }
    .parallax-section{
        height: 250px;
    }
    .footer-section .address-list li{
        margin-bottom: 1.1rem;
    }
    .footer-section .address-list li ul li i{
        margin-right: 0.5rem !important;
    }
    .search-block.project-search{
        margin-top: -5.625rem;
        padding-top: 0;
    }
    .search-block.project-search:after{
        display: block !important;
    }
    .proxima-product-banner {
        padding: 10rem 0rem 13rem 0rem!important;
    }
    .proxima-product-banner .banner-inner h4 {
        font-size: 2.625rem;
        line-height: 3.375rem;
    }
    .specifications-list{
        min-height: 4rem !important;
    }
    label.advanced-search-label{
        position: absolute;
        right: 2.85rem;
        bottom: 3.875rem;
        margin-bottom: 0;
    }
    .proxima-project-list{
        padding: 20rem 0rem 3rem 0rem!important;
    }
    .proxima-project-list.overview-project-list{
        padding: 3rem 0rem 3rem 0rem!important;
    }
    .property-overview-banner{
        min-height: unset;
        padding: 10rem 0rem 5rem 0rem!important;
    }
    .property-overview-banner .content-box{
        flex-direction: column;
        text-align: center;
    }
    .property-overview-banner .content-box .text-box {
        width: 100%;
        padding-right: 0;
        margin-bottom: 2rem;
    }
    .property-overview-banner .content-box .text-box h4, .property-overview-details-section .details-box h3, .page-banner .content-box h4, .contact-section .form-section h4, .information-parallax .text-box h5{
        font-size: 2rem;
        line-height: 2.375rem;
    }
    .property-overview-details-section .details-box{
        text-align: center;
    }
    .property-overview-details-section .details-box .specifications-list {
        justify-content: center;
    }
    .property-overview-details-section .details-box .specifications-list li{
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .agent-section .form-section h4{
        font-size: 1.5rem;
    }
    
    .row-margin-0, .row.row-margin-0{
        padding-top: 3.5rem;
    }
    .service-section .column-padding-0 {
        padding-left: 3.5rem !important;
        padding-right: 3.5rem !important;
    }
    .cms-information-center .service-section .column-padding-0 {
        padding-top: 1.5rem !important;
    }
    .cms-information-center .row.row-margin-0.row-order-2, .cms-information-center .row.row-margin-0.row-order-2 {
        flex-direction:column-reverse !important;
    }
    .service-section .row-order-1 .description, .service-section .row-order-1 .section-title {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
    .service-section .row-order-2 .description, .service-section .row-order-2 .section-title{
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
    .service-parallax{
        height: auto !important;
        padding: 5rem 3rem;
    }
    .parallax-section{
        padding: 30px 30px;
    }

    .product-main-content .product.media .fotorama__stage{
        width: 100% !important;
        max-width: 100% !important;
        height: 72vh !important;
        max-height: 72vh !important;
    }
    
    .product-main-content .product.media .fotorama__nav.fotorama__nav--thumbs {
        height: 72vh !important
    }
    .product-main-content .product.media{
        padding: 3rem 0rem !important;
    }
    .product-main-content .product.media, .custom-container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .product-main-content .product.media .fotorama__nav--dots .fotorama__nav__frame .fotorama__dot{
        width: 10px !important;
        min-width: 10px !important;
        height: 10px !important;
        border: 1px solid #fff !important;
    }
    .product-main-content .product.media .fotorama__nav--dots .fotorama__nav__frame.fotorama__active .fotorama__dot{
        border-color: #067DF4 !important;
        background-color: #067DF4 !important;
    }
    .page-banner{
        min-height: 23rem;
        max-height: 23rem;
    }
    .property-overview-details-section .map{
        min-height: 300px;
        margin-top: 2rem;
    }
    .product-main-content .product.media .fotorama__arr--next, .product-main-content .product.media .fotorama__arr--prev{
        display: none !important;
    }
    /* in doubt */
    /* .proxima-myaccount-container .proxima-myaccount-sidebar{
        width: 117px !important;
        top: 49px !important;
      } */
      /* in doubt */
}
.property-details-mobile-only, .property-Outlays-mobile-only, .image-mobile-only, .property-details.property-details-mobile-only {
    display: none !important;
}

@media (max-width: 575.98px) { 
    
    .container{
        max-width: 100% !important;
    }
    
    .custom-container{
        max-width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    .proxima-header .logo-container{
        margin-bottom: 0 !important;
    }
    .primary-menu-container .nav-toggle{
        position: fixed;
        top: 1.5rem;
        left: 165px !important;
    }
    .header-container .header .header-content .primary-menu-container{        
        left: 185px !important;
    }
    .proxima-header .logo-container{
        max-width: 140px !important;
    }
    
    .main-banner-carousel.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h4{
        font-size: 1.35rem !important;
        line-height: 1.65rem;
    }
    .main-banner-carousel.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text p{
        font-size: 0.875rem;
        line-height: 1rem !important;
    }
    .footer-section .col-lg-4{
        text-align: center;
    }
    .footer-section .address-list li{
        display: flex;
        width: 100%;
        justify-content: center;
        text-align: center;
    }
    .footer-section .address-list li ul li{
        display: inline-flex;
        width: auto;
        margin: 0 1rem !important;
    }
    .footer-section .address-list li ul li i{
        margin: 0 0 !important; 
    }
    .footer-section .link-list{
        text-align: center;
        padding-left: 0 !important;
    }
    .title-front-bar{
        width: 25px;
    }
    .enquiry-form h4, .news-letter-section .news-letter-box h4, .block-products-thumbnail .block-title{
        font-size: 1.5rem;
    }
    .copy-right-section .row .col-6:first-child{
        padding-right: 5px !important
    }
    .copy-right-section .row .col-6:last-child{
        padding-left: 5px !important
    }
    
    .search-block.project-search label.empty-label {
        display: none;
    }
    .search-block.project-search .btn-search{
        margin-top: 0.5rem;
    }
    .proxima-product-grid .product-item {
        width: calc((100% - 0%) / 1) !important;
    }
    .proxima-product-grid .product-item .product-item-details{
        min-height: unset !important;
    }
    .proxima-product-banner {
        padding: 10rem 0rem 13rem 0rem!important;
    }
    .proxima-product-banner .banner-inner h4 {
        font-size: 2rem !important;
        line-height: 3rem !important;
    }
    .proxima-product-overview-section {
        padding: 35rem 0rem 5rem 0rem!important;
    }
    .proxima-product-overview-section .deatils-box{
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: -24rem;
    }
    .proxima-product-overview-section h4{
        font-size: 2rem !important;
        line-height: 3rem !important;
    }
    .specifications-list, .proxima-product-grid .product-item .product-item-details .product-item-name>a, .page-banner{
        min-height: unset !important;
    }
    .page-banner{
        max-height: unset;
        padding-top: 13rem;
    }

    .property-overview-banner .content-box .card-block ul li .btn{
        width: 7.25rem;
        max-width: 7.25rem;
    }
    .contact-section .address-box h4, .contact-section .address-box p{
        text-align: center;
    }
    .agent-section .agent-form{
        padding: 0rem 1rem;
    }
    .agent-section .agent-form.bordered{
        padding: 1rem;
    }
    .strip-section h2 {
        font-size: 1.75rem !important;
    }
    .parallax-section{
        padding: 30px 15px;
    }

    .product-main-content .product.media .fotorama__stage{
        height: 45vh !important;
        max-height: 45vh !important;
    }
    .home-about-section .single-row .image-box {
        max-width: 100%;
        min-width: 100%;
        position: relative;
    }
    
    .fotorama__nav-wrap--horizontal .fotorama__nav__frame {
        margin-right: 0px !important;
    }
        
    .service-section .column-padding-0 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
    .service-section .row-order-1 .description, .service-section .row-order-1 .section-title{
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
    .service-section .row-order-2 .description, .service-section .row-order-2 .section-title{
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
    .login-container {
        padding: 2rem 1rem !important;
        display: flex;
        justify-content: center;
    }
    .block.block-customer-login{
        padding: 1rem 1.5rem !important;
    }
    
    .login-container .block .block-title, .login-container .block .block-title b, .login-container .block .block-title strong{
        font-size: 2rem !important;
    }
    .page-title-wrapper .page-title{
        font-size: 2rem !important;
        margin-right: 0 !important;
    }
    .projects-main-section .sort-bar span:nth-child(3){
        margin-right: 0.5rem !important;
    }
    .projects-main-section .sort-bar span:nth-child(3) .multiselect{
        width: 35% !important;
    }
    .projects-main-section .sort-bar{
        flex-direction: column !important;
        row-gap: 10px !important;
    }
    .proxima-myaccount-container .body-content{
        width: 100% !important;
    }
    
    .projects-main-section .sort-bar-two .d-flex select{
        width: 79% !important;
    }
    .multiselect {
        width: auto; 
    }
    .d-flex.align-items-center{
        width: 100%;
    }
    .projects-main-section .sort-bar-two{
        flex-direction: column-reverse !important;
        margin-bottom: 0 !important;
        margin-top: 0.5rem !important;
        row-gap: 10px !important;
        align-items: center !important;
    }
    .header-container .header.links li.profile-icon{
        border: 2px solid #fff;
        border-right: 2px solid #fff !important;
        height: 2.35rem;
        width: 2.35rem;
        text-align: center;
        border-radius: 50%;
        padding: 5px;
     }
     .account .page-title-wrapper{
        text-align: center !important;
        padding: 0 !important;
     }
     li[class*="property"], ul[class*="project"]{
        display: none !important;
      }
      li:is([class*="property-rg_weekly_rental"], [class*="property-rop"], [class*="property-status"]){
        display: block !important;
        text-align: center !important;
        margin-right: 0.5rem !important;
      }
      .custom-accordion-tab ul.property-details li.property-rg_weekly_rental{
        min-width: 95px;
        max-width: 95px;
      }
      .custom-accordion-tab ul.property-details li.property-rop{
        min-width: 99px;
        max-width: 99px;
      }
      .custom-accordion-tab ul.property-details li.property-status{
        min-width: 85px;
        max-width: 85px;
      }
      .proxima-myaccount-container .body-content{
        padding: 1rem 0rem!important;
      }
      .custom-accordion-tab ul.property-details label.property-rg_weekly_rental-label{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .custom-accordion-tab input:checked ~ .tab-content{
        padding: 0 !important;
      }
      .custom-accordion-tab .project-action .btn-primary{
        padding: 0.3rem 0.7rem 0.25rem 0.7rem !important;
        font-size: 0.65rem;
      }
      .custom-accordion-tab .tab-label{
        font-size: 1rem !important;
      }
      .proxima-myaccount-container .custom-accordion-tab .tab-label span.project-sub{
        width: 50% !important;
      }
      .proxima-myaccount-container .custom-accordion-tab .tab-label.tab-label.project-name{
        width: calc(100% - 50px) !important;
      }
      .proxima-myaccount-container .custom-accordion-tab .tab-label.tab-label.project-name {
        padding: 1rem 1rem 1rem 1.5rem !important;
    }
    .project_theme_mode_dark.agent-projects-index .custom-accordion-tab .tab .btn-secondary.project-details-btn {
        min-width: 5rem !important;
        max-width: 5rem !important;
    }
      .proxima-myaccount-container .custom-accordion-tab .tab-label.tab-label.project-name span:nth-child(1) {
            width: 100px !important;
        }
        .proxima-myaccount-container .custom-accordion-tab .tab-label span.project-sub {
            width: 60% !important;
            justify-content: right !important;
        }
        /* in doubt */
      /* .proxima-myaccount-container .proxima-myaccount-sidebar{
        width: 130px !important;
        top: 41px !important;
        right: 4px !important;
      } */
      /* in doubt */
      .proxima-myaccount-container .proxima-myaccount-sidebar ul.nav.items{
        height: 90vh;
        overflow-y: scroll;
      }
      .projects-main-section .sort-bar input{
        padding: 7px 16px 5px !important;
      }
      /* removed code for header section */
    .projects-main-section .sort-bar select, .projects-main-section .sort-bar-two .d-flex select {
        color: #000 !important;
    }

    .projects-main-section .sort-bar input::placeholder {
        color: #000 !important;
    }

    .projects-main-section .sort-bar-two .sort-reset-btn button {
        border-color: #fff !important
    }

    .custom-accordion-tab .tab-label::after, .custom-accordion-tab ul.property-details label.property-rg_weekly_rental-label, .custom-accordion-tab ul.property-details li.property-rg_weekly_rental {
        color: #067df4 !important;
        font-size: 14px;
    }
    .custom-accordion-tab ul.property-details li .capsule-price {
        color: #067df4 !important;
        border-color: #067df4 !important;
        font-size: 14px;
    }
     
    .custom-accordion-tab .property-details h6 a, .custom-accordion-tab .tab-label:hover {
        color: #fff !important;
    }

    .property-details-mobile-only, .property-details-mobile-only li, .property-Outlays-mobile-only, .property-Outlays-mobile-only li, .image-mobile-only {
        display: block !important;
    }
    .property-details.property-details-mobile-only {
        display: flex !important;
    }
    .property-odd-even:nth-of-type(odd) {
        background-color: #212121;
        padding: 6px 6px 0px 6px;
    }
    .property-odd-even:nth-of-type(odd) .property-details{
        background-color: #212121;
    }
    
    .property-odd-even{
        border-bottom:1px dotted #067df3;
        padding: 6px 6px 0px 6px;
        border-left: 1px solid #212121;
        border-right: 1px solid #212121;
    }
    ul.property-details-basic-details{
        display: none !important;
    }

    .custom-accordion-tab .tab.property-details-mobile-only .tab-content .property-details li {
        margin-right: 0.9rem !important;
        /* max-width: 60px !important; */
        min-width: 60px !important;
        font-size: 14px;
        text-align: left;
    }
    .custom-accordion-tab .tab.property-details-mobile-only .tab-content .property-details li label ,.custom-accordion-tab .tab.property-Outlays-mobile-only .tab-content .property-details li label {
        font-size: 13px !important;
    }
    .custom-accordion-tab .tab.property-details-mobile-only .tab-content .property-details li span ,.custom-accordion-tab .tab.property-Outlays-mobile-only .tab-content .property-details li span {
        font-size: 14px !important;
    }
    .custom-accordion-tab .tab.property-Outlays-mobile-only .tab-content .property-details li {
        width: 30%;
        max-width: unset;
        min-width: unset;
        margin-right: 0px;
    }
    .custom-accordion-tab .tab.property-details-mobile-only, .custom-accordion-tab .tab.property-Outlays-mobile-only{
        border-bottom: 0px;
    }
        .custom-accordion-tab ul.property-details{
            margin-top:0 !important;
            margin-bottom:0.5rem !important;
        }
        .custom-accordion-tab .property-details-mobile-only ul.property-details, .custom-accordion-tab .property-Outlays-mobile-only ul.property-details{
            border-bottom: 0;
        }
    .commissionsystem-salestransaction_salestransactiondetails-index .table-grid-container {
        grid-template-columns: 1fr 2fr !important;
        font-size: 0.9rem !important;
    }

        .commissionsystem-salestransaction_salestransactiondetails-index .table-grid-container div:nth-child(odd) {
            font-weight: 600 !important;
        }

        .commissionsystem-salestransaction_salestransactiondetails-index .table-grid-container div:nth-child(even)::before {
            content: ':';
            padding-right: 8px !important;
            font-weight: 600 !important;
        }
        .modal-search-projects-filter .body-content{
            padding-left: 10px!important;
            padding-right: 10px!important;
        }
        .modal-search-projects-filter .body-content .row .form-group{
            margin-bottom: 2px!important;
        }
    }
@media(max-width: 850px){
    .custom-accordion-tab .tab-label span.project-sub{
        font-size: 0.9rem !important;
        width: 42% !important;
    }
}
/* in doubt */
/* @media screen and (max-width: 991.98px) {
    .proxima-myaccount-container .proxima-myaccount-sidebar{
        right: 180px !important;
        width: 160px !important;
        top: 40px !important;
    }
  }
  @media screen and (max-width: 767.98px) {
    .proxima-myaccount-container .proxima-myaccount-sidebar{
        right: 121px !important;
        width: 160px !important;
        top: 40px !important;
    }
  }
  @media screen and (max-width: 575.98px) {
    .proxima-myaccount-container .proxima-myaccount-sidebar{
        width: 135px!important;
        top: 37px !important;
        right: 70px!important;
    }
  }
  @media screen and (max-width: 390px){
    .proxima-myaccount-container .proxima-myaccount-sidebar {
        width: 124px !important;
        top: 37px !important;
        right: 62px!important;
    }
  }  */
  /* in doubt */
  
  @media screen and (max-width:600px){

    body.account.reservation-reservationcomplete-index .proxima-myaccount-container .body-content .table tbody#client-names tr td:nth-child(7) a{
        position:relative !important;
    }
    .custom-accordion-tab .tab-label.tab-label.project-name .project-sub span{
    height:fit-content !important;  
    }
    .modal-popup.modal-slide._inner-scroll._show{
        margin-top:0px !important;
    }
    body.project_theme_mode_normal .QRCodeCnntainer{
        background-size:auto 125px;
        padding: 150px 0px 0px 0px;
    }
    .QRCodeImage img{
        max-height:150px;
    }
    body.account.agent-projects-index .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap .modal-content{
        padding: 60px 10px !important;
    }
    body.account.page-layout-2columns-left.agent-projects-index.page-layout-2columns-left .modals-wrapper .modal-popup.modal-project-details-custom.modal-slide._inner-scroll .modal-inner-wrap{
        max-width: 95% !important;
        width: 100% !important;
    }
    body.agent-projects-index.account .modals-wrapper .modal-popup.modal-project-details-custom._inner-scroll .modal-inner-wrap .modal-content table > tbody > tr > td{
        margin-bottom: 10px !important;
    }
    .property-details-mobile-only .property-mobile-sub-section-two ul li{
        margin-right: 15px !important;
    }
    .property-details-mobile-only .property-mobile-sub-section-two ul label i.fa{
        margin-right: 0px !important;
    }
    body.page-layout-2columns-left .page-title-wrapper {
        margin-top: 50px !important;
        padding-left: 0rem !important;
    }
    body.reservation-client-registration #tbl-client_wrapper table, body.reservation-client-registration #tbl-event_wrapper table, body.roombooking-roomlistforbooking-index .table.dataTable{
        display: block !important;
    }
}
  
/*------------Media Query Styles End-------------*/
/************** forgotpassword-fieldset************* */

.customer-account-forgotpassword .actions-toolbar .primary .action {

     width: 11.25rem;    
     border-radius: 18px !important;    
     font-size: 0.75rem !important;    
     font-weight: 700 !important;    
     height: 2.375rem !important;    
     background-color: transparent !important;    
     border: 2px solid #FFFFFF !important;    
     color: #FFFFFF !important;    
     padding: 0.3rem 1rem !important;
    }
    
    .customer-account-forgotpassword .actions-toolbar .primary .action:hover {    
     background-color: #FFFFFF !important;    
     border: 2px solid #FFFFFF !important;    
     color: #067DF4 !important;    
    }
    
    .customer-account-forgotpassword .forget .fieldset:not(.additional_info) {    
     background-color: #067DF4 !important;
    
    }
    
    .customer-account-forgotpassword .forgotpassword-fieldset .fieldset > .field {    
     color: #fff !important;    
     margin-bottom: 0 !important;    
     padding-bottom: 1rem !important;    
     font-size: 1rem !important;    
    }
    
    .customer-account-forgotpassword .fieldset > .field:not(.choice) > .label span {    
     color: #fff !important;    
     font-size: 1rem !important;    
     padding-bottom: 0 !important;    
    }
    
    .customer-account-forgotpassword .fieldset > .field:not(.choice) > .control .input-text {    
     height: 2.5625rem !important;    
     padding: 0.25rem 1.25rem !important;    
     font-size: 0.875rem !important;    
     font-weight: 400 !important;    
     background-color: transparent !important;    
     background: transparent !important;    
     background-image: none !important;    
     box-shadow: none !important;    
     border: 1px solid #D9D9D9 !important;    
     border-radius: 21px !important;    
     color: #D9D9D9 !important;    
     font-family: 'Avenir LT Std', sans-serif !important;    
    }
    
    .customer-account-forgotpassword .page-wrapper .page-title-wrapper {    
     min-height: 200px !important;    
     margin-bottom: 25px !important;    
    }
    
     body.customer-account-forgotpassword .page-wrapper .page-title-wrapper .page-title {    
      color: #000 !important;    
     }
    .customer-account-login .login-container .actions-toolbar .primary .action.captcha-reload{
    width: 10.25rem !important;
    }

    .view-details-info .section-one div.content:nth-child(2) article .info-content .info-content-items {
        min-width: 188px !important;
    }

    @media screen and (max-width: 578.98px){
        .view-details-info .section-three div.content-brochure article h2 {
            font-size: 14px;
        }

    }

    @media screen and (max-width: 767px){
        .info-content-span span{
            display:none !important;
        }
        .view-details-info .section-one .content .owl-carousel .owl-item img{
            min-height: unset;
        }
        .view-details-info .section-one div.content:nth-child(1) .owl-carousel.owl-drag .owl-item .item.popup{
            height: auto;
        }
        .view-details-info .section-one div.content:nth-child(2) article .info-content .info-content-items{
            min-width:100px !important;
        }
        .view-details-info .section-one div.content:nth-child(2) article .info-content .info-content-items{
            height:55px;
        }
        .view-details-info .section-three div.content-brochure article div{
            width: 100%;
        }

    }

    @media screen and (max-width: 991px){
        body .proxima-product-overview-section .deatils-box {
            min-height: 10rem;
            display: block;
            padding-bottom: 5rem;
        }
        
    }