@media screen and (min-width: 320px) and (max-width: 767px){
    .menu-item-has-children ul.dropdown-menu a:hover {
        color: #203460 !important;
    }

    .bluelife-core-business-mobile-title .custom-heading{
        display: flex;
        justify-content: center;
    }
    .property-cycle-diagram-row .bluelife-core-business-mobile-title {
        align-items: center;
        display: block;
    }
    .property-cycle-diagram-inner-row .property-cycle-custom-image{
        display: none;
    }
    .bluelife-widthcontainer.property-cycle-items-container {
        padding: 0 15px;
    }
    .financials-banner .home-banner-description-container{
        width: auto !important;
    }
    .vc_row.wpb_row.vc_row-fluid.what-we-do-row{
        padding: 0 30px;
    }
    .custom-card-container-wrapper {
        filter: none;
    }
    .bottom-page-cards-container .slick-list.draggable{
        width: 100% !important;
    }
    .bluelife-widthcontainer.bottom-page-cards-container{
        display: block;
        padding-bottom: 0;
    }
    .bluelife-widthcontainer.bottom-page-cards-container .col, .bluelife-widthcontainer.bottom-page-cards-container > div {
        width: 100%;
        float: none;
    }
    .custom-card-container-wrapper.our-team{
        position: inherit;
    }
    .bottom-page-cards-container .custom-card-container-wrapper {
        margin-left: 0;
        width: 100% !important;
    }
    .bottom-page-cards-container button.slick-next.pull-right.slick-arrow{
        right: 4px;
        top: 100px
    }
    .bottom-page-cards-container button.slick-prev.pull-left.slick-arrow{
        left: 4px;
        top: 100px;
    }
    .bottom-page-cards-container .custom-card-container-wrapper {
        margin: 0;
    }
    .bottom-cards-row .custom-card-container-wrapper  .custom-card-outer-circle {
        height: 225px;
        width: 225px;
        right: -25px;
        top: 0;
    }
    .bottom-cards-row .custom-card-container-wrapper  .custom-card-inner-circle {
        height: 125px;
        width: 125px;
        right: 25px;
        top: 60px;
    }
    .bottom-cards-row .custom-card-container-wrapper  .custom-card-text-container {
        width: 40%;
    }
    .bottom-cards-row .custom-card-container-wrapper  .custom-card-img-container {
        width: 60%;
    }
    .bottom-cards-row .custom-card-container-wrapper  .card-subtitle {
        width: 60%;
        z-index: 5;
    }
    .bottom-cards-row .custom-card-container-wrapper  {
        margin-bottom: 60px !important;
    }
    .bluelife-widthcontainer.bottom-page-cards-container > div {
        float: none !important;
    }
    .bluelife-widthcontainer.bottom-page-cards-container {
        margin: 0 -10px !important;
    }
    .bottom-page-cards-container button.slick-arrow {
        height: 16px;
        width: 16px;
        outline: 0;
    }
    .bottom-page-cards-container button.slick-arrow:focus,
    .bottom-page-cards-container button.slick-arrow:focus-visible {
        outline: 0;
    }
    .bottom-page-cards-container button.slick-arrow i {
        line-height: 16px;
        font-size: 16px;
    }
    .bottom-page-cards-container .slick-list.draggable {
        width: 90% !important;
    }
    .bottom-page-cards-container button.slick-next.pull-right.slick-arrow {
        right: 22px;
        left: auto;
        margin-right: 5px;
    }
    .bottom-page-cards-container button.slick-prev.pull-left.slick-arrow {
        right: auto;
        left: 27px;
        
    }
    .annual-report .custom-card-img.custom-card-inner-circle {
        width: 189px;
        right: -11px;
        top: 0px;
    }
    /* ====== Property sales ====== */
    
    .vc_row.wpb_row.vc_inner.vc_row-fluid.property-sales-block-row {
        padding-left: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

    .menu-item-has-children ul.dropdown-menu a:hover {
        color: #203460 !important;
    }


    .bluelife-core-business-mobile-title .custom-heading{
        display: flex;
    justify-content: center;
    }
    .property-cycle-diagram-row .bluelife-core-business-mobile-title {
        align-items: center;
        display: block;
    }
    .property-cycle-diagram-inner-row .property-cycle-custom-image{
        display: none;
    }
    .financials-banner .home-banner-description-container {
        width: auto !important; /* important to cancel out the one in style.css*/
    }
    .bluelife-widthcontainer, .bluelife-wp-widthcontainer > .vc_column-inner{
        padding: 0 30px;
    }
    .vc_row.wpb_row.vc_row-fluid.what-we-do-row{
        padding: 0 30px;
    }
    .bottom-page-cards-container .slick-list.draggable {
        width: 100% !important;
        padding-left: 5px;
    }
    .bottom-page-cards-container .custom-card-container-wrapper {
        width: 95% !important;
        margin: 15px auto;
    }
    .bottom-page-cards-container .slick-slide > div {
        justify-content: center;
        display: flex;
    }
    .custom-card-container-wrapper {
        filter: none;
    }

    /* Property development */
    .property-development-block-row 
    .wpb_column.vc_column_container.vc_col-sm-12{
        padding-left: 30px;
    }

    /* Property services */
    .vc_row.wpb_row.vc_row-fluid.property-services-content-row 
    .wpb_column.vc_column_container.vc_col-sm-12 {
        padding-left: 25px;
    }

    /* Sustainability */
    .custom-heading-container-wrapper.prankont-heading {
        margin-top: 50px;
    }
    .text-block-container.prankont-textblock {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {

    /* .bluelife-widthcontainer, 
    .bluelife-wp-widthcontainer > .vc_column-inner {
        padding: 0 30px;
    } */
    .bluelife-menu-wrapper.menu-wrapper {
        background: #FFF;
        width: 500px;
        z-index: 7;
        position: absolute;
        right: 0;
        top: 25px;
        border-radius: 10px;
    }
    .bluelife-menu-holder.main-header-menu {
        width: 70%;
    }
    .menu-container-items {
        width: 100%;
        position: relative;
    }
    .menu-container-items button {
        position: absolute;
        right: 0;
    }
    ul#menu-main-menu {
        margin: 0;
    }
    .bluelife-menu-wrapper.menu-wrapper li {
        margin: 15px 30px;
        padding: 0 !important;
    }
    .menu-item-has-children .menu-item {
        padding: 0 !important;
        margin: 0 !important;
        width: 100%;
    }
    button.navbar-toggler {
        outline: none !important;
        border: none !important;
        position: absolute;
        height: 23px;
        width: 27px;
        padding: 0;
        z-index: 2;
        top: -6px;
        right: 0;
    }
    .navbar-toggler:focus {
        box-shadow: none !important
    }
    .navbar-icon {
        height: 2px !important;
        width: 100% !important;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        transition: 0.2s ease-in-out;
    }
    .navbar-icon, 
    .navbar-icon.middle:after {
        background: #203460 !important;
    }
    .navbar-icon.middle {
        transform-origin: center;
        margin: 8px 0;
    }
    .navbar-icon.middle:after {
        position: absolute;
        display: block;
        content: '';
        height: 2px;
        width: 100%;
        transition: 0.2s ease-in-out;
    }
    .navbar-icon.bottom {
        top: initial;
        bottom: 5px;
    }
    .menu-active {
        top: 5px;
    }
    .menu-active .top {
        width: 0 !important;
        left: initial;
    }
    .menu-active .middle {
        transform: rotate(45deg);
    }
    .menu-active .middle:after {
        transform: rotate(-90deg);
    }
    .menu-active .bottom {
        width: 0 !important;
        right: initial;
    }
    .menu-item-has-children ul.dropdown-menu {
        width: 100%;
        margin-top: 30px;
    }
    .menu-item-has-children .menu-item a {
        font-size: 12px;
    }
    .bluelife-menu-wrapper.menu-wrapper a {
        font-size: 13px;
    }
    .bluelife-logo {
        width: 20%;
    }
    .bluelife-logo svg {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .azuri-text-block .bluelife-widthcontainer{
        padding: 0;
    }
    /* .bluelife-widthcontainer, .bluelife-wp-widthcontainer > .vc_column-inner{
        padding: 0 30px;
    } */
    .home-banner-image-container{
        width: 60vw;
    }

}