@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}
@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}
@media (prefers-reduced-motion:reduce) {
    .wpcf7-spinner::before {
        animation-name: blink;
        animation-duration: 2s
    }
}
@media (max-width:767px) {
    .body-mpp.pdd {
        padding-top: 67px
    }
}
@media (min-width:576px) {
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}
@media all and (max-width:1024px) {
    .featureProjects .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px
    }

    .featureProjects .col-md-3:last-child,
    .featureProjects .col-md-3:nth-last-child(2) {
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .featureProjects {
        padding: 40px 0 10px
    }

    .featureProjects .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .featureProjects .col-md-3:nth-last-child(2) {
        margin-bottom: 25px
    }

    .bgDottedL {
        position: absolute;
        right: 0;
        left: auto;
        top: -100px;
        width: 100px !important;
        z-index: -1
    }

    .bgDottedR {
        display: none
    }

    .container {
        position: relative;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 360px !important
    }

    .featureProjects.hidden .container {
        padding: 0 10px
    }

    .featureProjects:not(.pt-0)>.container:first-child {
        padding-top: 0
    }
}
@media only screen and (max-width:767px) {
    .bannerBlock {
        padding-bottom: 10px
    }

    .bannerBlock .col-md-3 {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px
    }

    .banner {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0 !important;
        padding-top: 0 !important
    }

    .bannerPM {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        float: none;
        background-size: cover
    }

    .page-template .bannerPM {
        padding: 100px 0 0;
        min-height: 460px
    }

    .bannerText {
        padding-top: 60px
    }

    .bannerPM .bannerText {
        padding: 80px 0 30px
    }

    .bannerHeading {
        font-size: 28px
    }

    .bannerSubHeading {
        font-size: 18px;
        font-weight: 400
    }
}
@media only screen and (max-width:1200px) {
    .headText .vpatPA {
        right: 20px;
        top: -47px
    }
    .whatContainer{
        margin-right: 35px;
    }
    #stickyMenu .menu-item-has-children:hover>.sub-menu,
.menu-item-has-children.sub-menu-show>.sub-menu{
    /* width: 100%; */
}
}
/* @media only screen and (max-width:401px){
    .open-shortList{
        display: none;
    }
} */
@media only screen and (max-width:900px) {
    .headBG {
        max-height: none !important;
        min-height: 380px !important;
        padding-top: 40px;
        height: auto
    }

    .headBG .bannerBtn-wrp {
        justify-content: center
    }

    .headBG .bannerBtn.promo {
        padding-bottom: 200px
    }

    .headBG .promoDesc {
        font-size: 30px;
        line-height: 1.2
    }

    .headBG .promoTitle {
        font-size: 18px
    }

    .headBG .promo ul {
        font-size: 16px
    }

    .headBG .promoBtn a {
        margin-top: 0
    }

    .headText__header {
        width: 70%;
        height: 200px
    }

    .headText__title {
        font-size: 36px
    }

    .headText__header .separator {
        width: 160px;
        right: -120px
    }

    .headText__content {
        width: 100%;
        padding-top: 60px
    }

    .headText__view {
        padding-top: 50px
    }
}

@media only screen and (max-width:767px) {
    .headBG .bannerBtn.promo {
        padding-bottom: 120px
    }

    .headBG .bannerBtn.promo,
    .promoDesc {
        max-width: 100%;
        text-align: center
    }

    .headBG .promoTitle {
        font-size: 18px
    }

    .headBG .promoDesc {
        line-height: 1.2;
        font-size: 32px
    }

    .headBG .promoText {
        text-align: left
    }

    .headLink {
        font-size: 14px;
        height: 48px;
        line-height: 50px
    }

    .headText .vpatPA {
        display: none
    }

    .vpatL {
        right: 30px;
        left: auto;
        top: -100px
    }

    .headText__wrp {
        width: 100%;
        margin: 0;
        padding: 20px;
        font-size: 15px
    }

    .headText__header {
        width: 100%;
        height: 170px;
        top: -70px;
        left: -20px;
        padding: 20px
    }

    .headText__title {
        font-size: 32px
    }

    .headText__header .separator {
        width: 60px;
        right: -30px
    }

    .headText__header .separator:before {
        width: 30px
    }
}
@media only screen and (max-width:767px) {
    .pmFooter {
        padding: 15px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background: #fff
    }

    .pmfooterDot,
    .pmfooterDotL {
        display: none
    }

    .pmFooterInner {
        width: 100%;
        padding: 20px 10px;
        max-width: 340px
    }

    .pmFooterInner h2 {
        max-width: 190px;
        display: inline-block;
        width: auto
    }

    .pmFooterInner .middleSlash {
        margin-top: -18px
    }
}
@media only screen and (max-width:767px) {
    .propertiesRow {
        padding-top: 30px
    }

    .propertiesRow .col-md-4 {
        width: 100% !important
    }
}
@media only screen and (max-width:767px) {
    .abtRow:not(.noPd) {
        padding-top: 50px
    }

    .abtRow .col-md-3 {
        width: 100% !important;
        margin-bottom: 25px
    }

    .abtRow .col-md-4,
    .abtRow .col-md-6 {
        margin-bottom: 20px
    }

    .property-content ul li {
        padding-left: 20px
    }

    .property-content ul li:before {
        width: 12px
    }

    .btnWrp {
        position: relative;
        right: auto;
        top: auto;
        text-align: center;
        display: block;
        padding: 30px 0 0
    }

    .owl-carousel .owl-item img:not(.whatsapp) {
        height: 100%
    }
}
@media all and (max-width:1024px) {
    .abtRow-cell {
        padding: 30px 24px 20px;
        min-height: 170px;
        background-position: top 30px right 30px !important;
        background-size: 60px 60px !important;
        margin-bottom: 20px !important
    }

    .abtRow-cell.agents,
    .abtRow-cell.customer,
    .abtRow-cell.years {
        background-size: 100%;
        background-position: center
    }

    .abtH1 {
        font-size: 42px;
        margin-bottom: 0
    }

    .abtH2 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .abtDesc {
        font-size: 14px
    }
}

@media only screen and (max-width:767px) {
    .fPabout .aboutBtm p {
        font-size: 16px
    }

    .aboutBtm {
        padding-bottom: 20px;
        padding-top: 30px
    }

    .aboutBtm p {
        margin-bottom: 0;
        font-size: 16px;
        padding-bottom: 0
    }
}
@media all and (max-width:1024px) {
    .featureProjects .advRow {
        padding: 30px 0;
        margin-top: 30px
    }

    .advRow {
        padding-top: 15px;
        padding-bottom: 0;
        background-image: url(../images/dottedbg.png)
    }

    .advRow .col-md-3 {
        margin-bottom: 25px
    }
}

@media only screen and (max-width:767px) {
    .advRow .col-md-3 {
        width: 100% !important
    }

    .advRow {
        margin-top: 10px;
        padding: 30px 0;
        background-image: url(../images/dottedbg-mob.png)
    }
}
@media only screen and (max-width:767px) {
    .agetns_item-name {
        font-size: 18px
    }

    .agetns_item-lngs {
        margin-top: 8px
    }

    .agetns_item-whatsapp {
        width: 50px;
        height: 50px;
        top: 11px;
        right: 10px
    }

    .agetns_item-whatsapp:after {
        width: 25px;
        height: 25px
    }

    .agetns_item-contact {
        padding: 15px 65px 15px 15px
    }
}
@media (max-width:1024px) {
    .areas_item-details {
        padding: 20px
    }

    .areas_item:hover .areas_item-details {
        padding-bottom: 25px
    }
}

@media (max-width:900px) {
    .areas_tpl {
        grid-template-columns: repeat(3, 1fr)
    }

    .areas_tpl.count-5 .areas_item:nth-child(2),
    .areas_tpl.count-6 .areas_item:first-child {
        grid-column: auto
    }

    .areas_tpl.count-5 .areas_item:nth-child(4),
    .areas_tpl.count-7 .areas_item:first-child {
        grid-column: 1/span 2
    }

    .areas_tpl.count-3 .areas_item:first-child,
    .areas_tpl.count-5 .areas_item:nth-child(3),
    .areas_tpl.count-6 .areas_item:nth-child(3) {
        grid-row: auto;
        grid-column: auto
    }

    .areas_tpl.count-7 .areas_item:nth-child(4) {
        grid-row: 2/span 2;
        grid-column: 2
    }

    .areas_tpl.count-4 .areas_item:nth-child(4) {
        grid-column: 1/span 2
    }

    .areas_tpl.count-4 .areas_item:nth-child(3) {
        grid-row: 1/span 2;
        grid-column: 3
    }
}

@media (max-width:767px) {
    .areas_tpl {
        grid-template-columns: repeat(1, 1fr) !important
    }

    .areas_tpl .areas_item {
        grid-row: auto !important;
        grid-column: auto !important;
        min-height: 180px !important
    }

    .areas .btnWrp {
        top: 0
    }
}
@media all and (max-width:1024px) {
    .featureProjects.fPawards .col-md-3 {
        flex: 0 0 33.33%
    }

    .awardRow {
        justify-content: center
    }
}

@media only screen and (max-width:767px) {
    .featureProjects.fPawards .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .awardRow {
        padding: 0 15px
    }

    .awardRow .col-md-3 {
        width: 100% !important
    }

    .awardRow .col-md-3>img {
        margin-left: -10px
    }

    .awardTextBottom {
        height: auto;
        padding: 20px
    }

    .awardText {
        box-shadow: 0 7px 17px 0 rgba(200, 200, 200, .2)
    }

    .awardText,
    .awardTextBottom {
        width: 100%
    }

    .awardTextP {
        margin-bottom: 0
    }
}
@media only screen and (max-width:767px) {
    .valBtnCont {
        padding: 0
    }

    .row.rowPost {
        margin-top: 20px
    }
}
@media only screen and (max-width:900px) {
    .BenefitsBlock .abtRow .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (max-width:767px) {
    .BenefitsBlock .abtRow .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .bwi .col-md-6 h3 {
        font-size: 16px
    }

    .bwi .col-md-3 h3,
    .bwi .col-md-4 h3 {
        font-size: 18px
    }

    .BenefitsCont,
    .inBox {
        min-height: 50px
    }

    .abtRowTR p {
        font-size: 18px
    }

    .col-md-3 .abtRowTR p {
        font-size: 16px
    }

    .BenefitsCont .abtRowTR p,
    .inBox .abtRowTR p {
        font-size: 14px;
        padding-top: 0
    }

    .abtRowTL {
        width: 60px
    }

    .BenefitsCont .abtRowTL,
    .inBox .abtRowTL {
        align-self: flex-start
    }

    .abtRowBCont {
        font-size: 14px;
        margin-top: 20px;
        padding-right: 0;
        line-height: 1.5
    }
}
@media only screen and (max-width:900px) {
    .ceoQuote {
        height: 360px
    }

    .ceoQuote-text {
        font-size: 24px
    }

    .ceoQuote-content {
        max-width: 600px
    }

    .ceoQuote-сap {
        margin-top: 20px;
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {
    .ceoQuote {
        background-position: center right -200px
    }

    .ceoQuote-content {
        max-width: 280px
    }

    .catalogInfo-content,
    .ceoQuote-text {
        font-size: 16px
    }

    .ceoQuote-сap {
        font-size: 13px
    }

    .ceoQuote-сap:after {
        width: 25px;
        margin-left: 10px
    }
}

@media (max-width:414px) {
    .ceoQuote {
        background-position: center right -225px
    }
}
@media (max-width:767px) {
    .developers_slider {
        padding: 20px 0;
        margin: 0
    }

    .developers_slider-item img {
        max-width: 50%
    }

    .developers_slider .owl-prev {
        left: -10px
    }

    .developers_slider .owl-next {
        right: -10px
    }
}
@media (max-width:767px) {

    .textBlock,
    .textBlock.bigText {
        font-size: 16px
    }

    .textBlock h2 {
        font-size: 20px
    }

    .textBlock h4 {
        font-size: 16px
    }

    .textBlock h3 {
        font-size: 18px
    }

    .textBlock ul li {
        padding-left: 20px
    }

    .textBlock ul li:before {
        width: 12px
    }
}
@media all and (max-width:1024px) {
    .abtRow.expert {
        margin-bottom: 40px !important
    }

    .expert_img {
        width: 350px;
        height: 350px;
        min-width: 350px;
        margin-right: 50px
    }
}

@media only screen and (max-width:900px) {
    .abtRow.expert {
        align-items: flex-start
    }

    .expert_img {
        width: 200px;
        height: 200px;
        min-width: 200px;
        margin-right: 50px
    }

    .gallerySlider:not(.grid) .gallerySlider__item img {
        min-height: 360px
    }
}

@media only screen and (max-width:767px) {
    .abtRow.expert {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0 !important
    }

    .expert_img {
        width: 240px;
        height: 240px;
        margin-right: 0
    }

    .abtRow.expert .fwHead {
        text-align: center;
        padding-top: 25px
    }

    .abtRow.expert .projectHeading.left h2 {
        padding: 0
    }

    .abtRow.expert .middleSlash {
        display: none
    }

    .expert_desc {
        font-size: 14px;
        padding: 0 0 30px;
        text-align: center
    }

    .expert_caprion {
        font-size: 14px
    }

    .expert_contacts {
        text-align: center
    }

    .expert_contacts a {
        font-size: 16px;
        background-size: 20px auto;
        padding-left: 30px;
        margin: 0 15px 20px
    }

    .expert_contacts a:last-child {
        margin-bottom: 0
    }
}
@media all and (max-width:1024px) {
    .full-width_block {
        background-position: center right calc(68vw + 15px)
    }

    .fwHead.projectHeading h2 {
        font-size: 32px
    }

    .fwDesc {
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {
    .contentSection .full-width_block {
        margin: 0
    }

    .full-width_block {
        background-position: top -250px center;
        background-size: auto 500px;
        padding-top: 300px;
        margin-bottom: 80px
    }

    .full-width_block .container {
        padding: 0
    }

    .fwHead.projectHeading h2 {
        font-size: 30px
    }

    .fwDesc {
        font-size: 14px
    }

    .fwDesc ul li {
        padding-left: 25px;
        background-size: 16px auto
    }

    .featureProjects.sliderFW {
        padding-bottom: 0
    }
}

@media (max-width:480px) {
    .full-width_block {
        background-position: top -50px center;
        background-size: auto 300px;
        margin: 30px 0 40px
    }
}
@media (max-width:1024px) {
    .gallerySlider.grid .owl-item img {
        height: 330px
    }
}
@media only screen and (max-width:900px) {
    .getRequest-item {
        padding: 50px 20px 0;
        text-align: center
    }
}

@media only screen and (max-width:767px) {

    .gallerySlider .owl-next,
    .gallerySlider .owl-prev {
        width: 40px;
        height: 40px
    }

    .gallerySlider .owl-next span,
    .gallerySlider .owl-prev span {
        font-size: 30px;
        line-height: 19px
    }

    .gallerySlider .owl-next {
        right: 15px
    }

    .gallerySlider .owl-prev {
        left: 15px
    }

    .gallerySlider .owl-dots {
        bottom: 10px
    }

    .gallerySlider .owl-dot {
        width: 8px;
        height: 8px
    }

    .gallerySlider.grid .owl-item img {
        height: 280px
    }

    .getRequest {
        display: block;
        height: auto;
        margin: 0
    }

    .getRequest-item {
        height: 310px
    }
}
@media only screen and (max-width:900px) {
    .globalReach {
        background-size: 700px auto;
        padding-top: 200px
    }

    .globalReachTitle {
        width: 100%;
        height: auto;
        background: #fff;
        color: #02b2ee;
        display: block;
        max-width: 500px;
        font-size: 32px;
        margin-top: 0;
        padding: 30px 40px
    }

    .globalReachTitle br {
        display: block;
        margin: 1px 0;
        line-height: 1px;
        font-size: 1px;
        content: ""
    }

    .globalReachText {
        margin-top: 0;
        padding: 20px 0;
        max-width: 600px;
        font-size: 19px
    }
}

@media only screen and (max-width:767px) {
    .globalReachTitle {
        font-size: 24px;
        padding: 20px
    }

    .globalReachText {
        font-size: 16px
    }

    .globalReach {
        background-size: 510px auto;
        padding-top: 148px
    }
}

@media (max-width:414px) {
    .globalReach {
        background-size: 360px auto;
        padding-top: 190px
    }
}
@media (max-width:980px) {
    .mass-media .postPublished {
        display: block;
        height: auto;
        text-align: left
    }

    .postPublished__btn a {
        padding: 0 30px 0 10px;
        background-position: right 7px center;
        margin: 0;
        overflow: hidden
    }
}

@media (max-width:767px) {
    .news.mass-media {
        padding: 0;
        margin: 0
    }

    .news.mass-media .btnWrp {
        top: 0
    }

    .news.mass-media .postPublished__author-name {
        display: block;
        text-align: left
    }

    .postPublished__btn a {
        margin-top: 15px
    }
}
@media only screen and (max-width:767px) {

    .newsCaroseul .owl-next,
    .newsCaroseul .owl-prev {
        width: 40px;
        height: 40px;
        opacity: .2
    }

    .newsCaroseul .owl-next span,
    .newsCaroseul .owl-prev span {
        font-size: 30px;
        line-height: 19px
    }

    .newsCaroseul .owl-next {
        right: 15px
    }

    .newsCaroseul .owl-prev {
        left: 15px
    }

    .newsCaroseul .owl-stage {
        padding-bottom: 15px
    }

    .newsCaroseul .blogPostP {
        display: none
    }
}
@media only screen and (max-width:767px) {
    .blogPost.newsTemlate:hover {
        transform: none;
        box-shadow: 0 3px 14px rgba(0, 0, 0, .08)
    }

    .blogPost .postImg:after {
        display: none
    }

    .blogPostH {
        font-size: 18px
    }

    .blogPostH:hover {
        color: #333
    }

    .blogPostP {
        color: #333;
        opacity: 1;
        transform: none;
        margin: 0;
        position: relative;
        padding: 10px 0 0;
        font-size: 13px;
        line-height: 1.3
    }

    .postContent {
        padding: 20px
    }

    .postContent .postPublished__author-photo {
        display: none
    }

    .postImg,
    .postVideo,
    .postVideo iframe {
        height: 192px
    }
}
@media only screen and (max-width:1024px) {
    .abtRow.offplan {
        padding-top: 30px !important
    }

    .offplan-image:not(.block) {
        height: 200px
    }
}

@media only screen and (max-width:767px) {
    .abtRow.offplan {
        padding-top: 25px !important
    }

    .offplan .col-md-4,
    .offplan .col-md-6 {
        margin-bottom: 40px !important
    }

    .offplan-desc .desc,
    .ofploc {
        font-size: 13px;
        background-size: 13px auto;
        padding-left: 18px
    }

    .ofpH2 {
        font-size: 18px;
        margin-bottom: 3px
    }

    .offplan-head {
        padding-top: 15px
    }

    .offplan-image.block {
        height: 200px
    }

    .offplan-block-col.content {
        padding: 10px 10px 30px;
        border: 5px solid #f9f9f9;
        border-top: none;
        max-height: none
    }

    .offplan-block {
        display: block;
        margin-bottom: 15px
    }

    .ofdesc p {
        -webkit-line-clamp: initial
    }
}
@media only screen and (max-width:767px) {
    .pmTbl {
        width: 100% !important
    }

    .pmTbl td {
        padding: .4rem !important;
        font-size: 12px
    }

    .pmTbl .td-header {
        vertical-align: middle
    }

    .pmTbl .td-header span {
        writing-mode: vertical-rl;
        transform: rotate(-180deg);
        display: inline-block;
        height: 80px;
        text-align: left
    }

    .pmTbl .td-header span:nth-child(2) {
        writing-mode: vertical-rl;
        transform: rotate(-180deg);
        display: inline-block;
        width: 80px;
        height: 80px
    }

    .pmTbl .tdbcol {
        writing-mode: vertical-rl;
        transform: rotate(-180deg);
        display: block;
        width: 40px;
        height: 90px;
        text-align: left
    }

    .pmTbl .td-col-2,
    .pmTbl .td-col-3,
    .pmTbl .td-col-4 {
        width: 20% !important
    }

    .pmTbl .plusIcon {
        width: 20px
    }

    .pmTbl .mobiletdCol {
        width: auto;
        font-size: 10px;
        line-height: 1.1;
        writing-mode: vertical-rl;
        transform: rotate(-180deg);
        max-width: 60px;
        max-height: 80px;
        height: auto;
        text-align: left;
        display: inline-block
    }
}
@media only screen and (max-width:900px) {
    .textBlock .question {
        font-size: 20px
    }

    .textBlock .answer {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .textBlock .question {
        font-size: 18px
    }
}
@media only screen and (max-width:1024px) {
    .sellProperty:after {
        display: none
    }

    .sellProperty-col:first-child {
        max-width: 32%;
        flex: 0 0 32%
    }

    .sellProperty-col.photo {
        max-width: 20%;
        flex: 0 0 20%
    }

    .sellProperty-col.text {
        padding: 40px 40px 50px
    }
}

@media only screen and (max-width:960px) {
    .sellProperty {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

    .sellProperty-title {
        margin: 0
    }

    .sellProperty-btn {
        margin-top: 30px
    }

    .sellProperty-subtitle {
        margin-top: 10px
    }

    .sellProperty-col:first-child {
        width: 70%;
        max-width: 100%;
        padding: 20px 40px 0
    }

    .sellProperty-col.photo {
        width: 30%;
        max-width: 100%;
        height: 100%;
        order: -1
    }

    .sellProperty-col.text {
        width: 70%;
        font-size: 16px;
        padding: 40px 40px 20px;
        height: auto;
        flex-grow: 0
    }
}

@media only screen and (max-width:800px) {
    .sellProperty-title {
        font-size: 30px
    }

    .sellProperty-subtitle {
        font-size: 19px
    }

    .sellProperty-col:first-child {
        padding: 20px 30px 0
    }

    .sellProperty-col.text {
        padding: 30px 30px 20px
    }
}

@media only screen and (max-width:767px) {
    .sellProperty {
        height: auto;
        position: relative;
        margin-top: 40px
    }

    .sellProperty-title {
        font-size: 20px
    }

    .sellProperty-subtitle {
        font-size: 16px
    }

    .sellProperty-col.text:after,
    .sellProperty-col.text:before,
    .sellProperty-title:after {
        display: none
    }

    .sellProperty-btn {
        font-size: 12px;
        padding: 0 20px
    }

    .sellProperty-col:first-child {
        position: absolute;
        top: 30px;
        right: 0;
        display: block;
        padding: 0 20px;
        width: 230px;
        z-index: 1
    }

    .sellProperty-col.photo {
        width: 100%;
        height: 300px;
        flex: 0 0 300px;
        text-align: left;
        justify-content: flex-start
    }

    .sellProperty-col.photo img {
        margin-left: -60px;
        height: 340px
    }

    .sellProperty-col.text {
        padding: 30px 0 0;
        width: 100%
    }
}
@media only screen and (max-width:900px) {
    .row.services {
        padding-top: 10px
    }

    .row.services .col-md-4 {
        max-width: 100%;
        flex: 0 0 100%
    }
}
@media only screen and (max-width:767px) {
    .abtRow.services {
        padding-top: 30px
    }

    .servicesLinks .col-md-3 h3 {
        font-size: 16px
    }

    .servicesLinks .col-md-4 h3,
    .servicesLinks .col-md-6 h3 {
        font-size: 18px
    }

    .servicesLinks__item {
        min-height: 50px
    }

    .servicesLinks__icon-wrap {
        width: 60px
    }
}

@media only screen and (max-width:1360px) {
    .contentSection {
        overflow: hidden
    }

    .servicesNav {
        top: auto;
        bottom: -20px;
        left: 0;
        transform: none;
        width: auto;
        height: 50px;
        z-index: 10
    }

    .servicesNav-btn {
        float: left
    }

    .servicesNav-btn.prev:after {
        transform: rotate(-45deg)
    }

    .servicesNav-btn.next:after {
        transform: rotate(-225deg)
    }
}

@media all and (max-width:1024px) {
    .servicesImg {
        width: 520px
    }

    .servicesWrp {
        background-size: auto 80%
    }

    .servicesText {
        font-size: 15px;
        padding-bottom: 20px
    }

    .servicesCln {
        flex: 0 0 48%
    }

    .servicesItem:before {
        background-size: 100% auto
    }
}

@media only screen and (max-width:900px) {
    .servicesCln {
        flex: 0 0 60%
    }

    .servicesWrp {
        background-size: auto 68%
    }

    .servicesImg {
        width: 460px
    }
}

@media only screen and (max-width:767px) {
    .servicesNav {
        display: none
    }

    .servicesWrp {
        background: 0 0;
        padding: 0
    }

    .servicesItem:last-of-type {
        padding-bottom: 40px
    }

    .servicesItem .container {
        position: relative;
        top: auto;
        left: auto;
        opacity: 1;
        height: auto;
        flex-direction: column;
        padding-bottom: 0
    }

    .servicesCln {
        flex: 0 0 100% !important;
        width: 100% !important
    }

    .servicesCln.content {
        order: 1
    }

    .servicesCln.img {
        text-align: center;
        padding-top: 50px
    }

    .servicesBlock {
        height: auto
    }

    .servicesImg {
        position: relative;
        top: auto;
        left: auto;
        width: 90%;
        transform: none;
        margin: 0 0 30px
    }
}
@media all and (max-width:1024px) {

    .propertyHead-name,
    .propertyHead-price {
        font-size: 18px
    }

    .propertyHead-icons_item {
        font-size: 13px;
        margin-right: 10px;
        padding-left: 23px
    }

    .propertyHead-icons_item:last-child {
        margin: 0
    }

    .propertyHead-locate {
        font-size: 13px
    }
}

@media only screen and (max-width:1023px) {
    .propertyImg {
        height: 300px
    }
}

@media only screen and (max-width:900px) {
    .propertyImg {
        height: 260px
    }
}

@media (max-width:480px) {
    .propertyImg {
        height: 240px
    }
}
@media only screen and (max-width:1200px) {
    .propertySlider .owl-next {
        right: -20px
    }

    .propertySlider .owl-prev {
        left: -20px
    }
}

@media only screen and (max-width:767px) {
    .propertySlider .owl-next {
        right: -10px
    }

    .propertySlider .owl-prev {
        left: -10px
    }
}

@media only screen and (max-width:1200px) {
    .projectsSlider .owl-next {
        right: -20px
    }

    .projectsSlider .owl-prev {
        left: -20px
    }
}

@media only screen and (max-width:1024px) {
    .projectsSlider .owl-nav {
        top: calc((200px / 2) - (40px / 2))
    }
}

@media only screen and (max-width:767px) {
    .projectsSlider .owl-next {
        right: -10px
    }

    .projectsSlider .owl-prev {
        left: -10px
    }
}
@media only screen and (max-width:767px) {
    .verticalSep {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .verticalSep::before {
        content: '';
        position: absolute;
        width: 1px;
        background-color: #eee;
        margin-left: auto;
        margin-right: auto;
        top: 12px;
        left: 10px;
        right: 100%
    }

    .verticalSepL,
    .verticalSepR {
        width: 86%;
        display: inline-block;
        text-align: left;
        position: relative
    }

    .stepVR {
        font-size: 18px;
        left: -17px !important;
        top: 70px;
        transform-origin: 0 100%;
        transform: rotate(-90deg)
    }

    .stepVR img {
        width: 40px;
        margin-top: 0;
        margin-left: 10px
    }

    .stepVR3,
    .stepVR4 {
        display: inline-block
    }

    .stepVL {
        display: none
    }

    .verticalSepLCont {
        width: auto;
        display: block;
        padding-bottom: 0;
        text-align: right
    }

    .verticalSepRCont {
        width: auto;
        display: block;
        padding-bottom: 0
    }

    .verticalSepP1 {
        font-size: 18px;
        line-height: 22px;
        padding-top: 10px
    }

    .verticalSepP2 {
        font-size: 14px;
        line-height: 22px
    }
}
@media only screen and (max-width:767px) {
    .verticalStep {
        padding-left: 40px;
        margin-top: 15px
    }

    .verticalStep:before {
        left: 10px
    }

    .stepNum {
        left: -19px;
        top: 72px;
        width: 90px;
        transform-origin: 0 100%;
        transform: rotate(-90deg);
        font-size: 16px;
        line-height: 21px
    }

    .stepNum:after {
        float: right;
        margin: 0;
        width: 21px;
        height: 21px
    }
}
@media only screen and (max-width:900px) {

    .projectHeading h1,
    .projectHeading h2 {
        font-size: 30px
    }
}

@media only screen and (max-width:767px) {

    .projectHeading h1,
    .projectHeading h2 {
        font-size: 20px;
        padding-left: 15px;
        padding-right: 15px
    }

    .projectHeading h3 {
        font-size: 18px
    }

    .middleSlash {
        width: 40px;
        margin-top: 6px
    }

    .projectHeading.left h2 {
        padding-right: 15px
    }

    .projectHeading.left .middleSlash {
        margin-left: 0;
        margin-bottom: 8px
    }

    .projectHeading.left h3 .middleSlash {
        margin-bottom: 0;
        margin-left: 15px
    }
}
@media only screen and (max-width:900px) {
    .triggerRequest {
        display: block;
        padding: 40px 20px;
        text-align: center
    }

    .triggerRequest-title {
        font-size: 32px
    }

    .triggerRequest-subtitle {
        margin: 20px 0 30px;
        line-height: 1.3
    }
}

@media only screen and (max-width:767px) {
    .triggerRequest-title {
        font-size: 24px
    }

    .triggerRequest-subtitle {
        font-size: 16px
    }

    .triggerRequest-btn {
        clear: both;
        width: 210px;
        text-align: center;
        margin: 15px auto 0 !important;
        display: block;
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    .two-col-text {
        display: flex;
        flex-wrap: wrap;
        padding: 30px 0 0
    }

    .two-col-text-item {
        width: 100%;
        margin-bottom: 30px;
        font-size: 14px
    }

    .text-grid:first-child {
        order: 1
    }

    .two-col-grid {
        height: 320px
    }

    .two-col-grid.count-1 {
        height: auto
    }

    .two-col-text ul:not(.x-unit-facilities-listing) li {
        padding-left: 20px
    }

    .two-col-text ul:not(.x-unit-facilities-listing) li:before {
        width: 12px;
        top: 8px
    }
}
@media only screen and (max-width:900px) {
    .catalogInfo .col-md-6 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    .catalogInfo .col-md-6:first-child {
        margin-top: 30px !important;
        order: 1
    }

    .catalogInfo-img {
        justify-content: center;
        height: 450px
    }

    .catalogInfo-img:before {
        transform: none;
        left: 70px
    }

    .catalogInfo-img img {
        max-width: 560px
    }
}

@media only screen and (max-width:767px) {
    .catalogInfo-img {
        min-height: 300px;
        height: auto
    }

    .catalogInfo-img:before {
        width: 57px;
        height: 47px;
        left: 0;
        bottom: 0
    }

    .catalogInfo-img img {
        width: 100%;
        min-width: auto
    }

    .catalogInfo-content ul li {
        padding-left: 20px
    }

    .catalogInfo-content ul li:before {
        width: 12px
    }
}
@media only screen and (max-width:900px) {
    .vacancies .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .linkVacancy {
        padding: 20px 30px
    }
}
@media only screen and (max-width:767px) {
    .vacancies .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .headVacancies h3 {
        font-size: 20px
    }

    .titleVacancy {
        font-size: 18px
    }

    .locateOffice {
        font-size: 14px
    }

    .youtubePlay .play {
        max-width: 60px
    }
}
@media only screen and (max-width:900px) {
    .learnMore-item {
        padding: 50px 20px;
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .learnMore {
        display: block;
        height: auto;
        margin-top: 25px
    }

    .learnMore-item {
        height: 310px
    }
}
@media (max-width:1024px) {
    .offplan-exper {
        background-position: center;
        margin-top: 100px
    }

    .offplan-exper_agent img {
        right: auto;
        left: 0;
        height: 115%
    }

    .offplan-exper_form-title {
        font-size: 21px;
        height: 70px;
        margin-top: -70px
    }

    .offplan-exper_form {
        padding: 30px
    }

    .offplan-exper_contact-name {
        font-size: 24px
    }

    .offplan-exper_contact-desc {
        font-size: 16px
    }
}

@media (max-width:768px) {
    .offplan-exper {
        height: auto;
        background-position: right
    }

    .offplan-exper-wrp {
        flex-direction: column;
        padding: 0 0 40px;
        height: auto
    }

    .offplan-exper_form-title {
        margin-top: 0
    }

    .offplan-exper_request {
        order: 3
    }

    .offplan-exper_contact {
        padding: 0 0 40px;
        text-align: center;
        order: 2
    }

    .offplan-exper_contact .whatContainer,
    .offplan-exper_contact-name:before,
    .offplan-exper_contact-office {
        display: none
    }

    .offplan-exper_agent {
        order: 1;
        justify-content: center;
        display: flex;
        transform: translateY(-70px)
    }

    .offplan-exper_agent div {
        width: 200px;
        height: 200px;
        border-radius: 100px;
        overflow: hidden;
        position: relative;
        background: #b4c7d3;
        margin-bottom: -40px
    }

    .offplan-exper_agent img {
        height: 140%;
        position: absolute;
        top: 20px
    }
}
@media only screen and (min-width:769px) {

    .as_lits-item:nth-child(4n+3),
    .as_lits-item:nth-child(4n+4) {
        background-color: #fff
    }
}

@media only screen and (max-width:768px) {
    .as_lits {
        display: block;
        margin-top: 20px
    }

    .as_lits-item:nth-child(2n+2) {
        background-color: #fff
    }

    .as_lits-item {
        font-size: 14px;
        padding: 15px 10px 13px
    }
}
@media only screen and (max-width:1024px) {
    .as_grid-params {
        font-size: 24px
    }

    .as_grid-title {
        font-size: 12px
    }

    .as_grid-item {
        height: 140px
    }
}

@media only screen and (max-width:768px) {
    .as_grid {
        padding: 0 5px
    }

    .as_grid-cell {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 5px
    }

    .as_grid-cell.col-2,
    .as_grid-cell.col-3 {
        flex: 0 0 100%;
        max-width: 100%
    }
}
@media only screen and (max-width:990px) {
    .fpSlider__row {
        flex-wrap: wrap
    }

    .fpSlider__col {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .fpSliderTabs .owl-dot {
        font-size: 16px;
        padding: 7px 20px
    }

    .fpSliderTabs .owl-dot b {
        font-size: 22px
    }

    .fpSlider__col--image img {
        height: 100% !important;
        max-height: 100vh !important
    }

    .fpSlider__desc-head {
        margin-bottom: 10px
    }

    .fpSlider__desc-head h3 {
        font-size: 18px
    }

    .fpSlider__desc-item {
        padding: 5px 0;
        font-size: 16px
    }

    .fpSlider__desc-btn {
        margin: 10px auto 0
    }

    .fp-table__col {
        min-width: 150px
    }

    .fp-table__col--img {
        min-width: auto
    }
}
@media (max-width:1200px) {
    .home .banner .bannerText {
        width: 100%
    }

    .home .banner .bannerHeading {
        font-size: 66px
    }
}

@media all and (max-width:1024px) {
    .home .banner {
        max-height: calc(100vh - 56px);
        max-height: -webkit-fill-available
    }

    .home .banner .bannerText {
        padding-top: 60px
    }

    .home .banner .bannerHeading {
        font-size: 60px
    }
}

@media all and (max-width:900px) {
    .home .banner .bannerHeading {
        font-size: 48px
    }
}

@media (max-height:700px) {
    .home-video-content {
        height: 100% !important
    }
}

@media (max-width:767px) {
    .Faq_title {
        font-size: 18px
    }

    .Faq_title:after,
    .Faq_title:before {
        width: 18px
    }

    .Faq_answer-item p {
        font-size: 16px
    }

    .home .banner {
        background-position: right -250px center
    }

    .bannerText.homepage {
        margin-top: 60px
    }

    .home .banner .bannerHeading {
        font-size: 32px
    }

    .home .banner .bannerText {
        width: 100%;
        padding: 0 15px
    }
}
@media (min-width:768px) {
    .areas_list-item:hover .areas_list-details {
        background-position: 0 100%
    }

    .areas_list-item:hover .areas_list-btns {
        max-height: 80px;
        opacity: 1
    }
}

@media (max-width:767px) {
    .featureProjects.areas_list {
        padding-top: 0
    }

    .areas_header h1 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .areas_searh {
        width: 100%
    }

    .areas_header .container {
        flex-direction: column;
        text-align: center
    }

    .areas_list .container {
        max-height: 1820px;
        overflow: hidden;
        grid-template-columns: 1fr;
        grid-auto-rows: 180px
    }

    .areas_list .container:after {
        position: absolute;
        width: 100%;
        height: 120px;
        bottom: 0;
        left: 0;
        display: block;
        content: "";
        z-index: 2;
        background: linear-gradient(rgba(255, 255, 255, .5) 0, #fff 90%)
    }

    .areas_list.all .container {
        max-height: initial
    }

    .areas_list.all .areas_list-showMore,
    .areas_list.all .container:after {
        display: none
    }

    .areas_list-details {
        padding: 20px 20px 15px
    }

    .areas_list-showMore {
        display: block
    }

    .areas_searh input {
        height: 42px
    }

    .search_result-item {
        text-align: left
    }

    .search_result-item span {
        font-size: 14px
    }

    .areas_list-item.active .areas_list-btns {
        max-height: 80px;
        opacity: 1
    }

    .areas_list-item.active .areas_list-details {
        background-position: 0 100%
    }

    .areas_list-link {
        margin-top: 20px
    }
}
@media all and (max-width:1024px) {
    .area__header-title {
        font-size: 90px
    }

    .area__header-content {
        padding-bottom: 60px
    }
}

@media only screen and (max-width:900px) {
    .area__header {
        height: auto !important
    }

    .area_breadcrumbs {
        bottom: auto;
        top: 0;
        height: 50px
    }

    .area_breadcrumbs .breadcrumbs__link,
    .area_breadcrumbs .breadcrumbs__separator {
        color: #fff !important
    }

    .area_breadcrumbs .breadcrumbs__current {
        color: #b9ebf9
    }

    .area_breadcrumbs .breadcrumbs span:first-child span {
        background-image: url(../icons/home-white.svg)
    }

    .area__header .container {
        display: block
    }

    .area__header-content {
        padding-bottom: 0;
        padding-top: 80px;
        text-align: center
    }

    .area__header-form {
        margin: 40px auto 0
    }

    .postMain .gallerySlider:not(.grid) .gallerySlider__item img {
        min-height: 0
    }
}

@media only screen and (max-width:767px) {
    .area__header.form {
        margin-bottom: 0
    }

    .area__header-title {
        font-size: 60px;
        letter-spacing: -3px
    }

    .area__header-subtitle {
        font-size: 21px
    }

    .tax-area .projectHeading.left {
        padding-right: 0
    }

    .tax-area .textBlock.bigText {
        font-size: 18px
    }

    .tax-area .projectHeading:not(.left) h2 {
        margin: 0;
        padding: 0;
        width: 100%
    }

    .area__header.search .container {
        padding-top: 50px
    }

    .tax-area h4 {
        font-size: 16px
    }

    .property__btn.projects {
        margin-top: 10px !important;
        font-size: 14px
    }
}
@media (max-width:767px) {
    .postviews {
        margin-bottom: 3px;
        background-size: 18px auto;
        font-size: 14px;
        padding-left: 22px;
        background-position: center left;
        padding-top: 2px
    }

    .breadcrumbs.blog {
        padding: 10px 10px 8px;
        font-size: 12px
    }

    .breadcrumbs.blog .breadcrumbs {
        font-size: 12px
    }

    .breadcrumbs.catBlog {
        padding: 15px 0 0
    }

    .postRead__share {
        margin-top: 25px;
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .postdetails h1 {
        font-size: 25px;
        line-height: 1.2
    }

    .postRead {
        justify-content: center;
        flex-wrap: wrap
    }
}
@media (max-width:1160px) {

    .postMain .blog-img.big,
    .postMain .blog-slider-obj {
        width: 100vw;
        margin-left: 50%;
        transform: translateX(-50%)
    }
}

@media (max-width:1000px) {
    .postMain .blog-img.large {
        width: 100vw;
        margin-left: 50%;
        transform: translateX(-50%)
    }
}

@media (max-width:767px) {
    .postMain .video-post iframe {
        height: 192px
    }

    .postMain ul li {
        padding-left: 20px
    }

    .postMain ul li:before {
        width: 12px
    }

    .postMain .projectHeading.left h2 {
        font-size: 20px
    }

    .postMain .abtRowTR p {
        font-size: 18px
    }

    .postMain .col-md-4 {
        margin-bottom: 10px
    }

    .postMain .textBlock {
        margin-top: 15px
    }

    .postMain .blog-img,
    .postMain .gallerySlider.full {
        width: 100vw;
        margin-left: 50%;
        transform: translateX(-50%);
        margin-top: 20px
    }

    .postMain .gallerySlider.full .owl-stage {
        height: 320px
    }
}

@media (max-width:414px) {
    .postMain .gallerySlider.full .owl-stage {
        height: 260px
    }
}
@media (max-width:767px) {
    .postTofC {
        padding: 15px
    }

    .postTofC-title {
        margin-bottom: 15px
    }
}
@media (max-width:767px) {
    .postFaq_title {
        font-size: 16px
    }

    .postFaq_title:after,
    .postFaq_title:before {
        width: 18px
    }
}
@media (max-width:767px) {
    .subscribe {
        margin-top: 30px
    }

    .subscribe__row {
        flex-wrap: wrap
    }

    .subscribe__col {
        width: 100%;
        padding: 20px
    }

    .subscribe__img {
        width: 40px;
        margin-top: 10px
    }

    .subscribe .subscribe__col--text h4 {
        font-size: 22px
    }

    .subscribe__col--form {
        padding: 40px
    }
}
@media (max-width:767px) {
    .postRatingA {
        justify-content: center;
        flex-direction: column
    }

    .postRatingA__head {
        margin: 0;
        font-size: 16px
    }

    .rating-text strong {
        font-size: 16px !important
    }
}
@media (max-width:767px) {
    .postAuthor {
        margin-top: 30px
    }

    .postAuthor__info-name {
        font-size: 18px
    }

    .postAuthor__info-name:after {
        display: none
    }

    .postAuthor__info-desc {
        font-size: 12px
    }

    .postAuthor__card {
        flex-wrap: wrap;
        justify-content: center
    }

    .postAuthor__photo {
        width: 100px;
        height: 100px;
        margin-right: 0;
        margin-bottom: 10px
    }

    .postAuthor__info {
        width: 100%;
        text-align: center
    }
}
@media (max-width:767px) {
    .postReadMore {
        margin-top: 40px
    }

    .postReadMore__head h3,
    .postTofC-title {
        font-size: 18px
    }

    .postReadMore__links {
        padding: 0 15px
    }

    a.postReadMore__link {
        font-size: 16px;
        line-height: 1.3;
        display: inline-block
    }

    .postReadMore__details {
        font-size: 12px;
        padding-top: 8px
    }

    .postReadMore__details span {
        padding-left: 20px;
        height: 16px;
        line-height: 18px
    }

    .postReadMore__details .date {
        background-size: 14px auto
    }

    .postReadMore__details .views {
        background-size: 16px auto
    }
}
@media only screen and (max-width:767px) {
    .mediaHead {
        flex-wrap: wrap
    }

    .navCatList-item {
        margin: 3px
    }

    .navCatList-item:first-child {
        margin-left: 0
    }
}
@media only screen and (max-width:767px) {
    .mass-media .postPublished__author {
        max-width: 100%;
        flex-direction: column;
        text-align: center;
        height: auto
    }

    .mass-media .postPublished__author-name,
    .postOriginal-btn.back {
        display: none
    }

    .mass-media .postPublished__author-photo {
        order: 0;
        display: block;
        height: auto;
        padding-bottom: 10px
    }

    .mass-media.postMain:after {
        height: 200px
    }

    .postOriginal-logo {
        margin-bottom: 10px
    }

    .postOriginal-logo img {
        max-width: 200px;
        max-height: 70px;
        min-height: 35px
    }

    .postOriginal-title {
        font-size: 18px
    }

    .postRatingA-wrp {
        justify-content: center;
        flex-direction: column
    }

    .postOriginal-btn.source {
        padding: 0 30px 0 10px;
        background-position: right 12px center;
        margin: 0;
        overflow: hidden
    }

    .postImg .logo {
        top: 20px;
        left: 20px;
        max-width: 110px;
        max-height: 40px;
        min-height: 20px
    }
}
@media only screen and (max-width:767px) {
    .categoryBlog__navCat {
        width: 100%;
        padding: 15px 0 0
    }

    .categoryBlog__navCatHead {
        padding: 18px 10px
    }

    .categoryBlog__navCatHead h3 {
        font-size: 18px
    }

    .categoryBlog__navCatList-link {
        padding: 12px 10px
    }

    .categoryBlog__posts {
        width: 100%;
        flex-grow: 1
    }

    .categoryBlog__post {
        flex-direction: column
    }

    .categoryBlogPost__img {
        width: 100%;
        min-height: 192px
    }

    .categoryBlogPost__content {
        width: 100%;
        padding: 20px
    }

    .categoryBlogPostContent__head {
        margin-bottom: 10px
    }

    .categoryBlogPostContent__head a {
        font-size: 18px
    }

    .categoryBlogPostContent__author {
        margin-bottom: 15px
    }

    .categoryBlogPostContent__desc {
        font-size: 13px;
        line-height: 1.3;
        margin-bottom: 15px
    }

    .categoryBlogPostContent__published-btn a {
        height: 36px;
        line-height: 36px
    }

    .categoryBlogPostContent__published-btn span {
        background-size: 18px auto;
        font-size: 14px
    }
}
@media only screen and (max-width:900px) {
    .agentsRow .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%
    }
}
@media (max-width:767px) {
    .agents_header h1 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .agents_searh {
        width: 100%
    }

    .agents_header .container {
        flex-direction: column;
        text-align: center
    }

    .projectHeading.agentsTitle h2 {
        font-size: 20px
    }

    .bgDottedLAgents {
        top: -20px;
        width: 80px !important
    }

    .agentsRow .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .single-agents .breadcrumbs.blog {
        padding: 10px 0 8px
    }

    .agentHead {
        height: auto;
        min-height: auto;
        max-height: unset;
        overflow: hidden;
        padding-top: 20px;
        padding-bottom: 70px
    }
}

@media (max-width:1024px) {
    .agentContainer {
        width: 70%;
        max-width: 70%
    }
}

@media (max-width:767px) {
    .agentContainer {
        overflow: initial
    }

    .agentContainer,
    .agentHead>.container {
        position: initial
    }
}
@media (max-width:960px) {
    .agentContainer {
        width: 100%;
        max-width: 100%
    }

    .agentImage {
        text-align: center
    }
}

@media (max-width:767px) {
    .agentImage {
        text-align: right;
        height: 400px;
        min-height: 450px;
        padding-top: 0;
        overflow: initial
    }

    .agentImage img {
        margin-right: -50px
    }
}
@media (max-width:1024px) {
    .agentExpire-value {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .agentExpire {
        bottom: 0;
        left: 0;
        height: auto
    }

    .agentExpire-item {
        padding: 15px
    }

    .agentExpire-item:first-child {
        border-bottom: 1px solid #f9f9f9
    }

    .agentExpire-item.propBuy,
    .agentExpire-item.propRent {
        width: 50%;
        display: inline-block
    }

    .agentExpire-item.wApp {
        display: none
    }
}

@media (max-width:767px) {
    .agentInfo {
        width: 160px;
        left: 10px;
        min-height: auto;
        padding: 30px 15px 0
    }

    .agetnAward img {
        max-height: 80px;
        max-width: 100px
    }

    .agetnName {
        padding-top: 50px
    }

    .agetnName h1 {
        font-size: 18px
    }

    .agetnPosition {
        font-size: 12px
    }

    .agetnRating {
        margin-top: 10px
    }

    .item-rating {
        width: 80px;
        height: 14px
    }

    .agetnContact {
        display: block
    }

    .agentForm {
        display: none
    }
}

@media (max-width:1024px) {
    .headerForm-title {
        font-size: 21px;
        margin: -5px 0 15px
    }

    .headerForm.agent {
        width: 300px;
        padding: 30px
    }

    .headerForm.agent button {
        height: 48px;
        line-height: 50px;
        font-size: 14px
    }
}

@media (max-width:960px) {
    .agentForm {
        position: absolute;
        top: 100px;
        right: 10px;
        z-index: 5
    }
}

@media (max-width:767px) {
    .wdi_user_controls {
        padding: 1.5px;
        margin-top: -3px
    }

    .wdi_follow_btn {
        background-size: 16px auto;
        background-position: left 5px center;
        font-size: 10px;
        padding: 6px 10px 4px 28px;
        vertical-align: top
    }

    .wdi_photo_img img {
        height: 340px
    }

    .projectHeading.ifeed {
        margin-bottom: 30px
    }

    .wdi_photo_meta {
        font-size: 12px
    }

    .wdi_photo_title {
        max-height: 92px
    }

    .wdi_feed_wrapper .owl-nav {
        top: 150px
    }

    .wdi_feed_wrapper .owl-stage-outer {
        overflow: hidden
    }
}
@media (max-width:767px) {
    .blog__agent {
        flex-direction: column
    }

    .blog__agent .newsTemlate {
        width: 100%;
        min-height: 100%
    }

    .blog__agent .postReadMore__links {
        padding: 0 10px
    }

    .agentVideos {
        padding: 40px 0;
        margin: 40px 0 0
    }

    .agentVideos .blogPostH {
        font-size: 16px
    }
}
@media (max-width:767px) {
    .featureProjects.projects_list {
        padding-top: 0
    }

    .projects_header .container {
        flex-direction: column;
        text-align: center
    }

    .projects_header h1 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .projects_searh {
        width: 100%
    }

    .projects_searh input {
        height: 42px
    }

    .projects_list .container {
        max-height: 1820px;
        overflow: hidden
    }

    .projects_list .container:after {
        position: absolute;
        width: 100%;
        height: 250px;
        bottom: 0;
        left: 0;
        display: block;
        content: "";
        z-index: 2;
        background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%)
    }

    .projects_list.all .container {
        max-height: initial
    }

    .projects_list.all .container:after,
    .projects_list.all .projects_list-showMore {
        display: none
    }

    .projects_list-showMore {
        display: block
    }
}
@media all and (max-width:1024px) {
    .offplan__header-title.large {
        font-size: 90px;
        letter-spacing: -8px;
        margin-left: -2px
    }

    .offplan__header-title.normal {
        font-size: 70px;
        letter-spacing: -6px;
        margin-left: -2px
    }

    .offplan__header-title.small {
        font-size: 50px;
        letter-spacing: -3px;
        margin-left: 0
    }

    .offplan__header-content {
        padding-bottom: 60px
    }
}

@media only screen and (max-width:900px) {
    .offplan__header {
        height: auto !important
    }

    .offplan_breadcrumbs {
        bottom: auto;
        top: 0;
        height: 50px;
        max-width: calc(100% - 20px)
    }

    .offplan_breadcrumbs .breadcrumbs__link,
    .offplan_breadcrumbs .breadcrumbs__separator {
        color: #fff !important
    }

    .offplan_breadcrumbs .breadcrumbs__current {
        color: #b9ebf9
    }

    .offplan_breadcrumbs .breadcrumbs span:first-child span {
        background-image: url(../icons/home-white.svg)
    }

    .offplan__header .container {
        display: block
    }

    .offplan__header-content {
        padding-bottom: 0;
        padding-top: 80px;
        text-align: center
    }

    .offplan__header-form {
        margin: 40px auto 0
    }
}

@media only screen and (max-width:767px) {
    .offplan__header {
        margin-bottom: 20px
    }

    .offplan__header-title.large {
        font-size: 60px;
        letter-spacing: -3px;
        margin-left: 0
    }

    .offplan__btn-mof {
        font-size: 14px;
        padding: 0 30px;
        height: 46px;
        line-height: 48px;
        box-sizing: border-box
    }

    .offplan__btn-mof.brochure {
        margin: 25px 0 0;
        padding: 0 20px;
        line-height: 46px;
        height: 48px
    }

    .offplan__header-title.normal {
        font-size: 50px;
        letter-spacing: -3px;
        margin-left: 0
    }

    .offplan__header-title.small {
        font-size: 42px;
        letter-spacing: -3px
    }

    .offplan__header-subtitle {
        font-size: 21px
    }

    .offplan__header.search .container {
        padding-top: 50px
    }

    .offplan__header-form .title {
        font-size: 18px
    }

    .single-offplan .projectHeading.left {
        padding-right: 0
    }
}
@media (max-width:767px) {
    .featureProjects.developers_list {
        padding-top: 0
    }

    .developers_header .container {
        flex-direction: column;
        text-align: center
    }

    .developers_header h1 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .developers_searh {
        width: 100%
    }

    .developers_searh input {
        height: 42px
    }

    .developers_list .container {
        max-height: 1820px;
        overflow: hidden
    }

    .developers_list .container:after {
        position: absolute;
        width: 100%;
        height: 115px;
        bottom: 0;
        left: 0;
        display: block;
        content: "";
        z-index: 2;
        background: linear-gradient(rgba(255, 255, 255, .5) 0, #fff 90%)
    }

    .developers_list.all .container {
        max-height: initial
    }

    .developers_list.all .container:after,
    .developers_list.all .developers_list-showMore {
        display: none
    }

    .developers_list-showMore {
        display: block
    }

    .developers_list-row {
        border-left: none
    }

    .developers_list-item {
        width: 100%;
        border-right: none
    }

    .developers_list-item img {
        max-width: 50%
    }
}
@media only screen and (max-width:1024px) {
    .developer__header {
        min-height: 440px
    }

    .developer__header-title {
        font-size: 68px;
        letter-spacing: -6px
    }

    .developer__header-subtitle {
        font-size: 24px
    }

    .developer__header-logo {
        width: 130px;
        top: 30px
    }

    .developer__header-logo img {
        max-height: 80px
    }

    .developer__details {
        padding: 0 30px
    }

    .developer__header-btn {
        width: 180px;
        padding: 0
    }

    .developer__details-item {
        font-size: 28px;
        padding-left: 60px;
        margin-right: 30px;
        padding-top: 28px;
        background-size: 50px auto;
        min-width: 110px
    }

    .developer__details-item-head {
        font-size: 13px;
        top: 12px
    }

    .developer__details-item.price {
        background-size: 46px auto;
        background-position: center left 5px
    }

    .developer__details-item.founded {
        background-size: 42px auto;
        background-position: center left 3px
    }
}

@media only screen and (max-width:900px) {
    .developer__header {
        min-height: 380px
    }

    .developer__details {
        padding: 0 20px;
        height: 100px
    }

    .developer__details-item {
        font-size: 24px;
        margin-right: 20px
    }

    .developer__header-btn {
        width: 160px;
        font-size: 14px
    }

    .developer__header-content {
        padding-bottom: 100px
    }
}

@media only screen and (max-width:767px) {
    .developer__header {
        height: auto;
        background-position: top center;
        background-size: auto 380px;
        background-repeat: no-repeat
    }

    .developer__header .container {
        flex-direction: column;
        align-items: end;
        padding-top: 120px
    }

    .developer__header-title {
        font-size: 48px;
        letter-spacing: -3px
    }

    .developer__header-subtitle {
        font-size: 18px
    }

    .developer__header-logo {
        width: 100px;
        top: 20px
    }

    .developer__header-logo img {
        max-height: 60px
    }

    .developer__header-content {
        padding-bottom: 30px
    }

    .developer__details {
        height: auto;
        position: initial;
        bottom: auto;
        width: 100%;
        padding: 20px 30px 30px;
        flex-direction: column;
        align-items: start
    }

    .developer__details-item {
        margin: 5px 0;
        width: 100%
    }

    .developer__details-item.button {
        margin-top: 20px
    }

    .developer__header-btn {
        width: 100%
    }

    .developer__breadcrumbs {
        bottom: -60px
    }
}
@media only screen and (max-width:1024px) {
    .page360__item {
        margin-bottom: 40px;
        flex: 0 0 50%;
        max-width: 50%
    }

    .page360-item__image {
        height: 200px
    }
}

@media (max-width:767px) {
    .featureProjects.page360__cards {
        padding-top: 0
    }

    .page360__header .container {
        flex-direction: column;
        text-align: center
    }

    .page360__header h1 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .page360__item {
        flex: 0 0 100%;
        max-width: 100%
    }

    .page360-item__head {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .page360-item__head h3 {
        font-size: 18px !important
    }

    .page360-item__author-name {
        font-size: 12px
    }

    .page360__loadmore a {
        margin: 5px auto 0;
        line-height: 44px
    }
}
@media only screen and (max-width:767px) {
    .service__header .container {
        display: block;
        text-align: center;
        padding-top: 60px
    }

    .service__header-title {
        font-size: 48px;
        text-align: center;
        letter-spacing: -3px;
        margin-left: 0
    }

    .service__btn.brochure {
        margin: 25px 0 0
    }
}
@media only screen and (max-width:767px) {
    .property__listing {
        padding: 20px 10px 0
    }
}
@media only screen and (min-width:767px) {

    .area .property__params-selected,
    .price .property__params-selected {
        display: none
    }
}

@media only screen and (max-width:960px) {
    .property__params-label {
        display: none
    }

    .sorting .property__params-selected {
        padding-left: 26px;
        background-image: url(../icons/sort.svg);
        background-repeat: no-repeat;
        background-position: left 5px center;
        background-size: 16px auto
    }

    .property__params-list {
        margin-left: 0
    }

    .property__params-item.area {
        margin-left: 10px
    }

    .area .property__params-selected {
        min-width: 75px
    }

    .property__listing-params {
        padding: 0 5px
    }
}

@media only screen and (max-width:768px) {
    .property__params-select {
        max-height: 0;
        overflow: hidden
    }
}
@media screen and (max-width:768px) {
    .map-btn-wrap {
        height: 37px
    }

    #show-map {
        display: none
    }

    #show-map.fixed {
        display: block;
        position: fixed;
        bottom: 90px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 100;
        background: #fff;
        color: #333 !important;
        box-shadow: 0 6px 12px rgb(0 0 0 / 5%)
    }

    #show-map:after {
        background-image: url(../icons/map.svg);
        animation: none
    }
}
@media only screen and (max-width:1024px) {
    .property_listing-item {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .property_listing-item {
        width: 100%;
        padding: 5px
    }
}
@media only screen and (max-width:767px) {
    .property__linking .container {
        margin-top: 40px
    }

    .property__linking h2 {
        font-size: 18px
    }

    .property__linking-item {
        font-size: 12px;
        padding: 10px 10px 8px
    }
}
@media (max-width:993px) {
    .y-slider {
        height: 460px
    }

    .y-slider-link {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .y-slider {
        height: 320px
    }

    .y-slider .owl-next,
    .y-slider .owl-prev {
        width: 40px;
        height: 40px
    }

    .y-slider .owl-next span,
    .y-slider .owl-prev span {
        font-size: 30px;
        line-height: 19px
    }

    .y-slider .owl-next {
        right: 15px
    }

    .y-slider .owl-prev {
        left: 15px
    }
}

@media (max-width:419px) {
    .y-slider {
        height: 270px
    }
}
@media (max-width:993px) {
    .y-initial-info-wrap {
        padding-top: 20px
    }

    .y-initial-info-wrap .y-left {
        width: 100%
    }

    .y-initial-info-wrap .y-right {
        display: none
    }
}

@media (max-width:767px) {
    .y-initial-info-wrap {
        padding-bottom: 20px
    }

    .y-initial-info-wrap .y-left {
        padding-bottom: 0;
        padding-top: 0
    }
}
@media (max-width:767px) {
    .y-sticker {
        font-size: 10px;
        padding: 8px 15px 5px
    }
}
@media (max-width:767px) {
    .y-property-title {
        font-size: 24px
    }
}
@media (max-width:993px) {
    .y-property-init-det-wrap {
        flex-wrap: wrap
    }

    .y-property-init-det-wrap>div {
        width: 50% !important;
        margin-bottom: 40px
    }

    .y-property-init-det-wrap>div:last-child:before {
        display: block
    }
}

@media (max-width:767px) {
    .y-property-init-det-wrap {
        display: flex;
        margin-bottom: 20px
    }

    .y-property-init-det-wrap>div {
        flex: 0 0 50%;
        width: auto !important;
        padding-right: 20px;
        margin-bottom: 20px
    }

    .y-wrp-area {
        order: 3;
        flex: 0 0 100% !important
    }

    .y-label-icon {
        width: 24px
    }

    .y-init-det-label {
        font-size: 10px
    }

    .y-init-det-entry {
        font-size: 16px
    }

    .y-init-det-entry .area-m:after {
        font-size: 11px;
        margin-top: 3px
    }
}
@media (max-width:1200px) {
    .y-init-price {
        font-size: 30px
    }
}

@media (max-width:993px) {
    .y-inquiry-form-wrap.mobile {
        margin-bottom: 40px;
        display: block;
        position: relative;
        top: auto
    }

    .y-price-wrap {
        padding: 20px 20px 15px
    }

    .y-init-price {
        font-size: 28px
    }

    .y-contact-wrap {
        padding: 20px
    }

    .y-ref {
        padding-bottom: 15px;
        font-size: 16px
    }

    .y-btn-req {
        padding: 0;
        height: 40px;
        line-height: 42px;
        font-size: 11px;
        width: calc(33.33% - 4px) !important
    }

    .y-btn-req:before {
        width: 12px;
        height: 12px;
        margin-right: 4px
    }

    .y-btn-req.email:before {
        width: 14px;
        height: 14px
    }

    .y-btn-req.email {
        margin: 0 5px
    }
}

@media only screen and (max-width:767px) {
    .y-author-photo.mpp {
        width: 60px;
        height: 60px;
        border-radius: 30px
    }
}

@media (max-width:376px) {
    .y-btn-req {
        width: auto !important;
        padding: 0 10px
    }

    .y-btn-req:before {
        margin-right: 3px
    }

    .y-btn-req.email {
        margin: 0 3px
    }
}

@media (max-width:361px) {
    .y-btn-req {
        font-size: 10px;
        padding: 0 8px
    }
}
@media (max-width:767px) {
    .y-property-writeup {
        font-size: 14px;
        margin-bottom: 0
    }

    .y-property-writeup h2 {
        font-size: 24px;
        margin: 15px 0
    }

    .y-property-writeup h3 {
        font-size: 20px;
        margin: 15px 0 10px
    }

    .y-property-writeup h4 {
        font-size: 17px;
        margin: 15px 0 10px
    }

    .y-property-writeup ul li {
        padding-left: 20px
    }

    .y-property-writeup ul li:before {
        width: 12px
    }

    .y-info-wrp h2 {
        font-size: 24px
    }
}
@media only screen and (max-width:1700px) {
    .y-img-container1 {
        left: 70px
    }
}

@media only screen and (max-width:1500px) {
    .y-det-info-wrap .y-det-container-clm.table {
        flex: 0 0 37%;
        max-width: 37%
    }

    .y-img-container1 {
        box-shadow: -40px 40px 0 #f9f9f9;
        width: 660px
    }
}

@media (max-width:1200px) {
    .y-det-info-wrap {
        padding-bottom: 60px
    }

    .y-det-container,
    .y-pictures-wrap {
        width: 100%
    }

    .y-det-info-wrap .y-det-container-clm.table {
        flex: 0 0 40%;
        max-width: 40%
    }

    .y-det-container-clm.img {
        flex: 0 0 60%;
        max-width: 60%;
        padding-left: 60px
    }

    .y-img-container1 {
        left: 0
    }

    .y-img-container1.video {
        width: 100%;
        top: 30px
    }
}

@media (max-width:993px) {
    .y-det-info-wrap {
        padding-top: 20px;
        padding-bottom: 30px !important;
        min-height: 400px;
        height: auto
    }

    .y-det-container {
        width: 100%;
        flex-wrap: wrap
    }

    .y-det-container>div {
        width: 100%
    }

    .y-det-container-clm {
        max-width: 100% !important;
        flex: 0 0 100% !important
    }

    .y-det-container-clm.table {
        order: 1
    }

    .y-img-container1 {
        width: 100%;
        left: initial !important;
        right: 0 !important;
        top: 0;
        box-shadow: none;
        height: 300px
    }

    .y-img-container1.video {
        top: 0;
        height: auto
    }

    .y-det-container-clm.img {
        top: 0;
        padding: 0 0 40px;
        display: block
    }
}

@media (max-width:767px) {
    .y-det-info-wrap {
        padding-bottom: 0 !important
    }
}

@media only screen and (max-width:1700px) {
    .y-img-container2 {
        right: 70px
    }
}

@media only screen and (max-width:1500px) {
    .y-img-container2 {
        box-shadow: 40px 40px 0 #f9f9f9;
        width: 660px
    }
}

@media (max-width:993px) {
    .y-pictures-wrap {
        width: 100%;
        margin-top: 0;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0
    }

    .y-pictures-clm {
        max-width: 100% !important;
        flex: 0 0 100% !important
    }

    .y-pictures-clm.img {
        top: 0;
        padding: 0 0 40px;
        display: block
    }

    .y-pictures-clm.img img {
        height: 320px
    }

    .y-img-container2 {
        width: 100%;
        right: 0;
        box-shadow: none
    }

    .y-pictures-article {
        flex-wrap: wrap;
        padding: 20px
    }

    .y-pictures-wrap>article>table:first-child td:first-child {
        display: none !important
    }

    .y-pictures-wrap>article>table>td {
        width: 100% !important
    }

    .y-pictures-tbl-2 {
        margin-top: 0
    }

    .y-pictures-tbl-2 td:first-child {
        display: none
    }
}

@media (max-width:968px) {
    .x-unit-facilities-listing li {
        width: 33.33%;
        font-size: 1.1em
    }
}

@media (max-width:767px) {
    .y-pictures-clm.img img {
        height: 220px
    }

    .y-pictures-clm h2 {
        font-size: 24px
    }

    .x-unit-facilities-subtitle {
        font-size: 1em
    }

    .x-unit-facilities-listing li {
        width: 50%;
        font-size: .85em;
        padding-left: 28px
    }

    #loadMap {
        height: 450px
    }
}

@media (max-width:1280px) {
    .x-contact-container {
        padding: 40px
    }
}

@media (max-width:767px) {
    .x-contact-section {
        padding-top: 40px;
        padding-bottom: 0
    }

    .x-contact-section-heading {
        font-size: 2em;
        margin-bottom: 20px
    }

    .x-contact-container {
        padding: 20px;
        flex-wrap: wrap
    }

    .x-contact-form-container {
        width: 100%
    }

    .x-contact-section .unit-contact-form input,
    .x-contact-section .unit-contact-form textarea {
        margin-top: 0
    }

    .x-contact-basic {
        position: relative;
        width: 100%;
        margin-right: 0
    }

    .x-contact-basic h3 {
        font-size: 32px
    }

    .x-contact-basic ul {
        padding-left: 0
    }

    .unit-contact-form .half-column {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .featureProjects.similarProjects {
        padding-bottom: 40px
    }
}

@media (max-width:767px) {
    #sendReq .modal-content {
        margin-bottom: 100px
    }

    .modalFormReq {
        padding: 0
    }

    .modalFormReq .uncf-label {
        top: 10px
    }

    .modalFormReq .unit-contact-form input:not(.wpcf7-submit),
    .modalFormReq .unit-contact-form textarea {
        padding: 6px 10px
    }
}

@media only screen and (max-width:900px) {
    .page-template .bannerPM.joinBanner {
        min-height: 520px;
        height: auto;
        background-image: url(../images/mpp-family-mb.jpg);
        background-position: bottom center;
        padding-top: 40px
    }

    .joinBanner .bannerHeading {
        font-size: 36px
    }

    .joinBanner .bannerSubHeading {
        font-size: 20px
    }
}

@media only screen and (max-width:767px) {
    .joinBanner.bannerPM .bannerText {
        padding-top: 40px
    }

    .joinBanner .bannerHeading {
        font-size: 26px
    }

    .joinBanner .bannerSubHeading {
        font-size: 14px
    }

    .page-template .bannerPM.joinBanner {
        min-height: 450px
    }

    .joinForm .pmFooterInner h2 {
        width: 260px;
        max-width: 260px;
        padding: 0
    }

    .joinForm .middleSlash {
        width: 20px
    }

    .pmFeature {
        padding-top: 50px !important
    }
}

@media only screen and (max-width:1360px) {
    .textJoin {
        overflow: hidden
    }
}

@media only screen and (max-width:1200px) {
    .joinVideo iframe {
        width: 100%
    }
}

@media only screen and (max-width:900px) {
    .textJoin .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .textJoin .abtRow {
        padding-top: 20px
    }

    .textJoin .joinVideo iframe {
        width: 100%;
        max-width: 700px;
        height: 394px;
        margin: 0 auto
    }

    .joinVideo:after {
        right: -50px;
        top: -50px
    }
}

@media only screen and (max-width:767px) {
    .joinTextBlock ul li {
        font-size: 16px
    }

    .textJoin .joinVideo iframe {
        height: 192px
    }

    .joinVideo {
        margin-top: 40px
    }
}
@media only screen and (max-width:900px) {
    .qaBlock .abtRow {
        padding-top: 20px
    }

    .qaBlock .abtRow .col-md-6 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .locationMap {
        display: block;
        position: relative;
        padding-bottom: 10px
    }

    .locationMap iframe {
        width: 100%;
        height: 300px;
        box-shadow: 0 6px 17px rgba(169, 169, 169, .395012)
    }

    .mapouter {
        position: relative;
        text-align: right;
        height: 300px;
        width: 100%
    }

    .gmap_canvas {
        overflow: hidden;
        background: 0 0 !important;
        height: 300px;
        width: 100%
    }

    .contactUsBg {
        position: absolute;
        bottom: -30px;
        right: -10px;
        z-index: -1;
        width: 200px
    }
}

@media only screen and (max-width:900px) {
    .contactPcSep {
        width: 100%;
        display: block;
        height: 0
    }
}

@media only screen and (max-width:767px) {
    .contactH {
        padding-top: 50px;
        font-size: 20px
    }

    .contactSH {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .bannerAbout {
        background-position: bottom right -150px;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0 !important;
        padding-top: 80px !important;
        padding-bottom: 30px !important;
        background-size: cover
    }

    .page-template .bannerAbout {
        padding: 100px 0 0;
        min-height: 500px
    }

    .bannerAbout .container {
        margin-top: 20px
    }

    .aboutHeader {
        font-size: 24px
    }

    .aboutText1 {
        font-size: 18px
    }

    .aboutText2 {
        border-left: 3px solid #02b2ee;
        padding-left: 12px;
        max-width: 290px
    }

    .aboutText2,
    .aboutText3 {
        font-size: 16px
    }

    .aboutBText {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (max-width:767px) {
    .aboutPage .projectHeading {
        display: flex;
        align-items: center;
        margin-top: 30px
    }

    .aboutPage .projectHeading h2 {
        flex-grow: 1
    }

    .aboutPage .middleSlash {
        margin: 0 !important
    }

    .aboutBlockCont {
        background: url(../images/about-bg-2.png) 0 0/cover;
        padding-top: 20px;
        padding-bottom: 0
    }

    .aboutBlockCont .col-md-4 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .block2H h2 {
        font-size: 24px;
        width: 200px
    }

    .block2H p {
        font-size: 15px;
        padding-top: 15px
    }

    .block2H p span {
        font-size: 15px
    }

    .block2HS {
        margin-top: -15px
    }

    .block2D {
        padding-left: 30px;
        margin-bottom: 0
    }

    .companyProfile h2 {
        font-size: 21px
    }

    .companyBullet {
        width: 39px;
        top: 0;
        left: -50px
    }

    .companyPP {
        padding-right: 0;
        font-size: 14px
    }

    .companyrec {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        width: 70px
    }

    .companyrec2 {
        display: inline-block;
        position: absolute;
        right: -2px;
        bottom: -80px;
        width: 120px;
        z-index: -1
    }
}

@media only screen and (max-width:900px) {
    .landlords .abtRow .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (max-width:767px) {
    .landlords .abtRow .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .pmservices h2 {
        width: auto;
        display: inline-block;
        max-width: 230px
    }

    .pmservices .middleSlash {
        margin-top: -15px
    }

    .pmBanB p {
        font-size: 14px
    }

    .discoverCont {
        padding-top: 20px
    }

    .page-template-template-promo .body-mpp {
        padding-top: 57px !important
    }

    .page-template-template-promo .pageHeader:not(body) {
        padding: 5px 0 !important
    }
}

@media only screen and (max-width:1440px) {
    .featureProjects.promo {
        background: 0 0
    }
}

@media only screen and (max-width:980px) {
    .promo-wrp {
        display: block
    }

    .promo-col.form,
    .promo-col.image,
    .promo-col.video {
        max-width: 520px;
        margin: 40px auto 0
    }

    .promo-col.image,
    .promo-col.video {
        padding: 40px 0;
        height: auto
    }

    .promo .projectHeading.left,
    .promo .projectHeading.left h1 {
        text-align: center
    }

    .promo .footerForm {
        margin: 0 auto
    }

    .img-poster,
    .play-video {
        margin-top: 0
    }

    .img-poster,
    .video-poster {
        height: 320px
    }
}

@media only screen and (max-width:980px) {
    .promo-lists-item_head {
        font-size: 60px
    }

    .promo-lists-item_subhead {
        font-size: 18px
    }
}

@media only screen and (max-width:767px) {

    .promo-col.image,
    .promo-col.video {
        padding: 20px 0;
        margin-top: 10px
    }

    .promo-col.form {
        margin-top: 20px
    }

    .promo .projectHeading {
        padding-bottom: 15px
    }

    .promo .projectHeading h1 {
        font-size: 1.4rem;
        margin-bottom: 0
    }

    .promo .projectHeading .middleSlash {
        display: none !important
    }

    .promo .projectHeading .sub-header {
        font-size: 18px;
        font-family: GothamPro
    }

    .promo .form-group {
        margin-bottom: 0
    }

    .promo .checkbox {
        margin-top: 1rem
    }

    .img-poster,
    .video-poster {
        height: 170px
    }

    .video-poster .play {
        width: 60px
    }

    .promo-lists-item_head {
        font-size: 50px
    }

    .promo-lists-item_subhead {
        font-size: 16px
    }

    .promo-lists {
        display: block
    }

    .promo-lists-item {
        border-right: none;
        padding: 30px;
        border-bottom: 1px solid #eee
    }
}

@media only screen and (max-width:980px) {
    .video-popup video {
        width: 90%
    }
}

@media only screen and (max-width:900px) {
    .error-404 .page-title {
        font-size: 56px
    }
}

@media only screen and (max-width:767px) {
    .video-popup video {
        width: 100%
    }

    .error-404 .page-title {
        font-size: 36px;
        line-height: 1.2;
        margin: 0 0 30px
    }

    .error-404 .page-desc {
        font-size: 18px;
        line-height: 1.3
    }

    .error-link {
        clear: both;
        display: inline-block
    }

    .page-content {
        padding: 0 30px
    }
}

@media only screen and (max-width:767px) {
    header {
        padding-top: 10px
    }

    #stickyMenu.scroll {
        padding: 10px 0 !important
    }

    .pageHeader:not(body) {
        padding: 10px 0
    }
}

@media only screen and (max-width:1200px) {
    .mobileMenu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2000;
        background-color: #fff;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .col-menu {
        justify-content: center
    }

    #stickyMenu .col-menu,
    .mobileMenu .col-menu {
        padding: 0 25px
    }
}

@media (max-width:767px) {
    .col-menu {
        justify-content: flex-start
    }

    #stickyMenu .col-menu,
    .mobileMenu .col-menu {
        padding: 0 10px;
        flex: 0 0 100% !important
    }

    .logoContainer,
    .logoContainer img {
        width: 150px
    }
}

@media only screen and (max-width:1200px) {
    .mobile-elastic {
        flex-grow: 1;
        display: initial
    }
}

@media only screen and (max-width:1200px) {
    .menusContainer {
        /* display: none; */
        /* margin-right: 35px; */
    }

    .mobileMenu .menusContainer {
        display: inline;
        padding-left: 0;
        order: 1;
        margin: 0;
        width: 100%
    }

    .menusContainer a {
        color: #333
    }

    .mobileMenu .menusContainer .menu {
        display: flex;
        flex-wrap: wrap;
        /* width: 100%; */
        padding-top: 40px
    }

    .mobileMenu .menusContainer li {
        margin: 5px 0;
        width: 100%
    }

    .mobileMenu .menusContainer .menuItem {
        margin-right: 0;
        text-align: left;
        border-bottom: 2px solid transparent
    }

    .mobileMenu .menusContainer .menuItem:hover {
        color: #02b2ee;
        text-decoration: none
    }

    .mobileMenu .sub-menu {
        transition: none !important
    }

    .mobileMenu .menu-item-has-children.sub-menu-show>.sub-menu {
        position: relative;
        box-shadow: none
    }

    .mobileMenu .menu-item-has-children.sub-menu-show>.menuItem {
        color: #02b2ee
    }

    .mobileMenu .menu-item-has-children.sub-menu-show>.menuItem:after {
        border-color: #02b2ee
    }

    .mobileMenu .menu-item-has-children>.menuItem:after {
        border-color: #333
    }

    .mobileMenu .menu .sub-menu .menuItem:hover:after {
        max-width: 100%;
        left: 0;
        right: auto
    }
}

@media (max-width:767px) {
    .mobileMenu .menusContainer {
        flex: 0 0 100%
    }

    .mobileMenu .menuItem {
        font-size: 16px
    }

    .wpml-ls-menu-item .wpml-ls-flag {
        margin-bottom: 0
    }
}
@media only screen and (max-width:1200px) {
    .mobileMenu .langContainer {
        float: none;
        margin: 0 auto
    }

}
@media(max-width:370px){
    .menusContainer {
        padding-left: 0;
    }
}
@media(max-width:395px){
    .open-shortList {
        display: none;
    }
}
@media (max-width:767px) {

    .langContainer,
    .mobileMenu .langContainer {
        /* margin-right: 35px ;
        width: 90px */
    }

    .whatContainer {
        width: 40px;
        height: 40px;
        padding: 0;
        margin: 0;
        overflow: hidden
    }

    .whatContainer:after {
        display: none
    }

    .whatContainer span {
        display: block;
        position: initial
    }
}

@media only screen and (max-width:1200px) {
    .menuOpen {
        width: 28px;
        height: 28px;
        position: absolute;
        right: 25px;
        z-index: 3;
        cursor: pointer;
        display: block;
        top: 9px
    }

    .menuOpen_line {
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 0;
        top: 14px;
        margin-top: -1px;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s
    }

    .menuOpen_line:nth-child(1) {
        -webkit-transform: translateY(-9px);
        -ms-transform: translateY(-9px);
        transform: translateY(-9px)
    }

    .menuOpen_line:nth-child(3) {
        -webkit-transform: translateY(9px);
        -ms-transform: translateY(9px);
        transform: translateY(9px)
    }

    #stickyMenu.scroll .menuOpen_line,
    .menuOpen.opened .menuOpen_line,
    .pageHeader .menuOpen_line {
        background: #02b2ee
    }

    .menuOpen.opened .menuOpen_line:nth-child(1) {
        -webkit-transform: translateY(0) rotate(45deg);
        -ms-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg)
    }

    .menuOpen.opened .menuOpen_line:nth-child(2) {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    .menuOpen.opened .menuOpen_line:nth-child(3) {
        -webkit-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg)
    }
}

@media (max-width:767px) {
    .menuOpen {
        right: 10px
    }

    .menuIcon img {
        width: 25px
    }
}

@media all and (max-width:1024px) {
    .footer .container:not(.copyRightCont) .col-md-3:not(.footer1) {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 20px 0 40px
    }

    .footer .col,
    .footer .container:not(.copyRightCont) .col-md-3.footer1 {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}

@media only screen and (max-width:767px) {
    .footer {
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        padding-bottom: 90px
    }

    .footer .container:not(.copyRightCont) .col-md-3:not(.footer1) {
        margin: 30px 0 0
    }

    .footer .col-md-2 {
        width: 100% !important
    }

    .footer .col-md-3 {
        width: 100% !important;
        text-align: center
    }

    .footer .align-right,
    .footer__contacts {
        text-align: center
    }

    .copyRightCont .row>* {
        text-align: center !important
    }

    .copyRightCont p {
        text-align: center;
        padding-left: 50px;
        padding-right: 50px;
        margin-top: 70px;
        padding-bottom: 10px
    }

    .copyRightCont .col-md-2 {
        width: 100% !important;
        text-align: center !important;
        margin-top: -120px
    }

    .copyRightCont .col-md-2:nth-child(2) {
        text-align: center !important;
        margin-top: -90px
    }

    .copyRightCont .col-md-8 {
        width: 100% !important
    }

    .footer1,
    .footer3,
    .footer4 {
        display: none
    }

    .socialIcons {
        text-align: center;
        margin-bottom: 30px
    }
}

@media all and (max-width:1024px) {
    .areaSelect {
        margin-top: 0;
        float: right
    }
}

@media only screen and (max-width:767px) {
    .areaSelect {
        margin-top: 0;
        margin-bottom: 30px;
        float: none
    }

    img.visa-mc {
        margin-top: 30px
    }
}

@media (max-width:767px) {
    .googleRating {
        display: inline-block;
        margin: 25px 0
    }
}

@media only screen and (max-width:767px) {
    .whatsappMarketing-dialog {
        width: 90% !important;
        max-width: 340px !important;
        margin: 0 auto !important
    }

    .whatsappMarketing-content {
        flex-direction: column !important
    }

    .content-whatsapp {
        padding: 30px;
        font-size: 14px;
        border-radius: 5px 5px 0 0
    }

    .content-whatsapp:before {
        top: 28px;
        left: 50px
    }

    .content-whatsapp .header {
        font-size: 24px;
        margin: 30px 0 10px
    }

    .subscribe-whatsapp {
        border-radius: 0 0 5px 5px
    }

    .whatsappForm-inside {
        padding: 30px 30px 15px
    }

    .whatsappMarketing-link {
        display: inline-block;
        margin-bottom: 20px;
        max-width: 240px
    }
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }
}

@media all and (max-width:1024px) {
    .newsLetter {
        margin-top: 50px
    }
}

@media only screen and (max-width:767px) {
    .newsLetter {
        margin-left: auto;
        margin-right: auto;
        padding: 50px 15px
    }

    .newsLetter h4 {
        font-size: 20px
    }

    .newsletterF {
        width: 100%
    }

    .newsletterF input {
        width: 100%;
        float: none
    }

    .newsletterBtn {
        width: 100%;
        float: none;
        margin-top: 20px
    }
}

@media (max-width:767px) {
    .paginationCont {
        position: relative;
        margin-top: 20px
    }

    .paginationMobile {
        display: block
    }

    .paginationDesktp {
        display: none
    }
}

@media only screen and (max-width:767px) {

    div.checkbox .label,
    div.checkbox label {
        font-size: 12px
    }
}

@media only screen and (max-width:900px) {
    .headForm {
        position: relative;
        transform: none;
        padding: 0;
        background: 0 0;
        top: auto;
        right: auto;
        max-width: 500px;
        margin: 40px auto 0
    }

    .headForm-head {
        display: none
    }

    .headForm .checkbox label {
        font-size: 12px
    }

    .headForm .wpcf7-list-item-label {
        color: #999 !important
    }

    .headForm .footerForm .form-control {
        border: 1px solid #e1e1ec
    }

    .headForm div.wpcf7-response-output {
        color: #333
    }
}

@media screen and (min-width:901px) and (max-height:770px) {
    .headForm {
        top: -50px
    }

    .headForm .checkbox .label {
        padding-top: 2px;
        margin-bottom: 0
    }

    .headForm .footerForm {
        padding-top: 0
    }
}

@media only screen and (max-width:767px) {
    .headForm .footerForm button {
        font-size: 14px
    }

    .footerForm {
        padding-top: 20px;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .footerForm label {
        font-size: 14px
    }
}

@media only screen and (max-width:1200px) {
    .shortlist__listing-empty .btnContainer {
        padding-right: 60px
    }
}

@media only screen and (max-width:767px) {
    .featureProjects.shortlist {
        padding-top: 0
    }

    .shortlist_header {
        text-align: center
    }

    .shortlist_header .container {
        flex-direction: column
    }

    .shortlist_header h1 {
        font-size: 28px
    }

    .shortlist_clear {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        margin: 20px 0 0
    }

    .shortlist__listing {
        padding: 20px 10px 0
    }

    .shortlist__listing-empty {
        padding: 0
    }

    .shortlist__listing-empty .btnContainer {
        margin: 0;
        padding: 0;
        display: block
    }

    .shortlist__listing-empty .head {
        font-size: 21px
    }

    .shortlist__listing-empty .text {
        font-size: 16px;
        margin-bottom: 30px
    }

    .y-download {
        margin-left: 25px
    }
}

@media only screen and (max-width:376px) {
    .shortlist__listing-empty .bannerValBtn {
        padding: 0 15px
    }
}

@media only screen and (min-width:981px) {
    .btn-shell {
        min-width: 135px
    }

    .bh .property__filter-flex {
        height: 50px
    }

    .property__filter.bh {
        height: 60px
    }
}

@media only screen and (max-width:980px) {
    .property__search-filter {
        display: flex;
        flex-direction: column
    }

    .property__filter {
        width: 100% !important;
        display: block;
        order: 1
    }

    .property__filter.search {
        order: 0
    }

    .property__filter-item.status,
    .property__filter-item.type {
        line-height: 43px !important
    }

    .property__filter-group.status {
        min-width: 50% !important
    }

    .property__filter-title {
        font-size: 40px
    }
}

@media only screen and (max-width:767px) {
    .property__filter-title {
        font-size: 26px;
        letter-spacing: -2px
    }
}
@media only screen and (min-width:1025px) {
    .bh .property__filter-group .property__select {
        top: 53px
    }

    .bh .property__filter-item {
        line-height: 54px
    }
}

@media only screen and (max-width:1024px) {
    .grp-25 .property__filter-group {
        min-width: calc(50% - 2px) !important
    }

    .grp-25 .property__filter-group:first-child {
        margin-right: 2px
    }

    .grp-25 .property__filter-group:last-child {
        margin-left: 2px
    }

    .property__search-input {
        padding: 0 5px
    }

    .property__section-title {
        font-size: 32px;
        line-height: 1
    }

    .property__search {
        height: auto;
        padding: 50px 5%
    }

    .property-page {
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    .property__search-filter {
        padding-bottom: 65px;
        margin-bottom: 30px
    }

    .property__filter-group.flex-grow.search {
        display: block;
        background: 0 0
    }

    .property__filter.search {
        position: initial
    }

    .property__filter.search .property__search-result {
        padding: 10px 0 0;
        display: block
    }

    .property__search-resultItem {
        display: inline-block;
        margin: 0 5px 8px 0
    }

    .property__filter.search,
    .property__filter.search .property__filter-flex {
        height: auto
    }

    .property__search-select {
        top: calc(100% + 2px)
    }

    .property__search-input {
        background-color: #fff
    }

    .btn-shell {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }

    .property__btn {
        font-size: 16px
    }

    .property-table__col {
        min-width: 150px
    }

    .property-table__col--img {
        min-width: auto
    }
}

@media only screen and (max-width:413px) {

    .property__filter-input,
    .property__filter-input::-webkit-input-placeholder,
    .property__filter-input::placeholder,
    .property__filter-item {
        font-size: 13px
    }
}

@media (max-width:767px) {
    .vote-block {
        justify-content: center;
        flex-direction: column
    }

    .vote-block .rating {
        margin: 10px 0 5px;
        width: 150px;
        height: 29px
    }

    .vote-block .rating:hover li {
        background-size: 30px 87px !important
    }

    .vote-block .rating li {
        width: 30px;
        height: 29px
    }

    .vote-block .rating li:hover,
    .vote-block .rating li:hover~li {
        background-position: 0 -29px
    }

    .vote-block .rating li.active,
    .vote-block .rating li.active~li {
        background-position: 0 -58px
    }

    .vote-block ol.show-current li.current {
        background-size: 30px 87px !important
    }

    .vote-block ol.show-current li.current span {
        background-position: 0 -58px;
        height: 29px
    }

    .vote-block.disabled ol.show-current li.current span {
        background-position: 0 -29px
    }
}

@media (max-width:1280px) {
    .cta__row {
        padding: 40px
    }
}

@media (max-width:1024px) {
    .cta__section {
        margin-top: 50px;
        margin-bottom: -50px
    }
}

@media (max-width:767px) {
    .cta__section {
        padding: 40px 0
    }

    .cta__row {
        padding: 20px;
        flex-wrap: wrap
    }

    .cta__col {
        width: 100%
    }

    .cta__col--basic {
        position: relative;
        margin-right: 0
    }

    .cta__col--basic h3 {
        font-size: 32px
    }

    .cta__col--basic ul {
        padding-left: 0
    }

    .cta__section-heading {
        font-size: 2em;
        margin-bottom: 20px
    }

    .cta__col--form .form-group input {
        margin-top: 0
    }
}

@media (max-width:1023px) {
    #marquiz__close {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzcgMzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMjc3OCAxMC4yNzc4QzkuNDI2MzQgMTEuMTI5MiA5LjQyNjM0IDEyLjUwOTcgMTAuMjc3OCAxMy4zNjExTDE1LjQxNjcgMTguNUwxMC4yNzc4IDIzLjYzODlDOS40MjYzNCAyNC40OTAzIDkuNDI2MzQgMjUuODcwOCAxMC4yNzc4IDI2LjcyMjJDMTEuMTI5MiAyNy41NzM3IDEyLjUwOTcgMjcuNTczNyAxMy4zNjExIDI2LjcyMjJMMTguNSAyMS41ODMzTDIzLjYzODkgMjYuNzIyMkMyNC40OTAzIDI3LjU3MzcgMjUuODcwOCAyNy41NzM3IDI2LjcyMjIgMjYuNzIyMkMyNy41NzM3IDI1Ljg3MDggMjcuNTczNyAyNC40OTAzIDI2LjcyMjIgMjMuNjM4OUwyMS41ODMzIDE4LjVMMjYuNzIyMiAxMy4zNjExQzI3LjU3MzcgMTIuNTA5NyAyNy41NzM3IDExLjEyOTIgMjYuNzIyMiAxMC4yNzc4QzI1Ljg3MDggOS40MjYzNCAyNC40OTAzIDkuNDI2MzQgMjMuNjM4OSAxMC4yNzc4TDE4LjUgMTUuNDE2N0wxMy4zNjExIDEwLjI3NzhDMTIuNTA5NyA5LjQyNjM0IDExLjEyOTIgOS40MjYzNCAxMC4yNzc4IDEwLjI3NzhaIiBmaWxsPSIjMzMzMzMzIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxNC4zODg5QzcuODMwOTQgMTIuOTY5OCA3LjgzMDkzIDEwLjY2OTEgOS4yNSA5LjI1QzEwLjY2OTEgNy44MzA5MyAxMi45Njk4IDcuODMwOTQgMTQuMzg4OSA5LjI1TDE4LjUgMTMuMzYxMUwyMi42MTExIDkuMjVDMjQuMDMwMiA3LjgzMDkzIDI2LjMzMDkgNy44MzA5MyAyNy43NSA5LjI1QzI5LjE2OTEgMTAuNjY5MSAyOS4xNjkxIDEyLjk2OTggMjcuNzUgMTQuMzg4OUwyMy42Mzg5IDE4LjVMMjcuNzUgMjIuNjExMUMyOS4xNjkxIDI0LjAzMDIgMjkuMTY5MSAyNi4zMzA5IDI3Ljc1IDI3Ljc1QzI2LjMzMDkgMjkuMTY5MSAyNC4wMzAyIDI5LjE2OTEgMjIuNjExMSAyNy43NUwxOC41IDIzLjYzODlMMTQuMzg4OSAyNy43NUMxMi45Njk4IDI5LjE2OTEgMTAuNjY5MSAyOS4xNjkxIDkuMjUgMjcuNzVDNy44MzA5MyAyNi4zMzA5IDcuODMwOTMgMjQuMDMwMiA5LjI1IDIyLjYxMTFMMTMuMzYxMSAxOC41TDkuMjUgMTQuMzg4OVpNMTAuMjc3OCAxMy4zNjExQzkuNDI2MzQgMTIuNTA5NyA5LjQyNjM0IDExLjEyOTIgMTAuMjc3OCAxMC4yNzc4QzExLjEyOTIgOS40MjYzNCAxMi41MDk3IDkuNDI2MzQgMTMuMzYxMSAxMC4yNzc4TDE4LjUgMTUuNDE2N0wyMy42Mzg5IDEwLjI3NzhDMjQuNDkwMyA5LjQyNjM0IDI1Ljg3MDggOS40MjYzNCAyNi43MjIyIDEwLjI3NzhDMjcuNTczNyAxMS4xMjkyIDI3LjU3MzcgMTIuNTA5NyAyNi43MjIyIDEzLjM2MTFMMjEuNTgzMyAxOC41TDI2LjcyMjIgMjMuNjM4OUMyNy41NzM3IDI0LjQ5MDMgMjcuNTczNyAyNS44NzA4IDI2LjcyMjIgMjYuNzIyMkMyNS44NzA4IDI3LjU3MzcgMjQuNDkwMyAyNy41NzM3IDIzLjYzODkgMjYuNzIyMkwxOC41IDIxLjU4MzNMMTMuMzYxMSAyNi43MjIyQzEyLjUwOTcgMjcuNTczNyAxMS4xMjkyIDI3LjU3MzcgMTAuMjc3OCAyNi43MjIyQzkuNDI2MzQgMjUuODcwOCA5LjQyNjM0IDI0LjQ5MDMgMTAuMjc3OCAyMy42Mzg5TDE1LjQxNjcgMTguNUwxMC4yNzc4IDEzLjM2MTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat;
        background-size: 26px;
        background-position: center;
        height: 25px;
        width: 25px
    }
}

@media (max-width:1023px) {
    .marquiz__modal {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        position: absolute;
        width: 100%
    }

    #marquiz__close {
        right: 0;
        top: 0
    }
}

@media (max-width:768px) {
    .marquiz__button_fixed {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        transform: none !important;
        width: 55px;
        height: 55px;
        line-height: 55px;
        border-radius: 50px !important;
        bottom: 20px;
        top: auto !important
    }

    .marquiz__button_fixed-left {
        left: 15px !important;
        padding: 0 !important
    }

    .marquiz__button_fixed-right {
        right: 15px !important;
        left: auto !important;
        padding: 0 !important
    }

    .marquiz__button_fixed .marquiz__text,
    .marquiz__button_fixed .script__buttonText {
        display: none
    }
}

@media (max-width:768px) {
    .marquiz__button_fixed .icon-quiz {
        height: 30px;
        width: 30px;
        margin-right: 0 !important;
        transform: rotate(0) !important
    }
}

@media (max-width:767px) {
    .marquiz__container_inline {
        min-height: 0;
        height: auto;
        background: none
    }

    .marquiz__container_inline .marquiz__button {
        display: inline-block
    }

    .marquiz__container_inline .marquiz__inline-frame {
        display: none
    }
}
@media (min-width:1200px) and (max-width:1439px) {
    .marquiz__frame {
        height: 590px
    }
}

@media (min-width:1024px) and (max-width:1199px) {
    .marquiz__frame {
        height: 560px
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .marquiz__modal {
        width: 75%
    }
}

@media (min-width:1440px) {
    .marquiz__frame {
        height: 650px
    }
}

@media (min-width:800px) {
    .marquiz-pops {
        height: 70px
    }

    .marquiz-pops__content {
        width: 100%;
        width: auto;
        overflow: hidden
    }

    .marquiz-pops__icon {
        width: 54px
    }

    .marquiz-pops__bonus {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-positive: 2;
        flex-grow: 2;
        box-sizing: border-box
    }

    .marquiz-pops__close-wrapper {
        width: 70px;
        height: 70px;
        background-color: rgba(0, 0, 0, 0.2)
    }

    .marquiz-pops__close {
        background-image: none;
        width: 70px;
        height: 70px
    }

    .marquiz-pops__close svg {
        width: 12px;
        height: 12px
    }

    .marquiz-pops__body {
        width: calc(100% - 70px);
        min-width: calc(100% - 70px)
    }

    .marquiz-pops_position {
        max-width: 450px;
        margin: 15px;
        border-radius: 4px;
        height: 54px;
        width: auto
    }

    .marquiz-pops_position.marquiz-pops_rounded {
        border-radius: 60px !important
    }

    .marquiz-pops_position.marquiz-pops_pulse:before {
        border-radius: 60px !important
    }

    .marquiz-pops_position .marquiz-pops__body {
        width: auto;
        padding-right: 22px
    }

    .marquiz-pops_position .marquiz-pops__content {
        padding-left: 0
    }

    .marquiz-pops_position .marquiz-pops__close-wrapper {
        position: absolute;
        width: 22px;
        height: 22px;
        top: -3px;
        right: -3px;
        background: unset
    }

    .marquiz-pops_position .marquiz-pops__close {
        width: 21px;
        height: 21px;
        background: #f7f7f7;
        font-size: 14px;
        font-weight: 600;
        border-radius: 50%;
        position: fixed;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .marquiz-pops_position .marquiz-pops__close svg {
        fill: #000;
        width: 7px;
        height: 7px
    }

    .marquiz-pops_position .marquiz-pops__icon {
        width: 54px;
        border-radius: 4px 0 0 4px;
        margin: 0
    }

    .marquiz-pops_position .marquiz__icon-quiz {
        width: 18px
    }

    .marquiz-pops_position_bottom-left {
        animation-name: marquiz__pop-fade-in_right;
        animation-duration: .5s;
        animation-timing-function: ease-in;
        opacity: 0;
        animation-fill-mode: both;
        left: 0
    }

    @keyframes marquiz__pop-fade-in_right {
        0% {
            transform: translate3d(-200px, 0, 0);
            opacity: 0;
            pointer-events: none
        }

        100% {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            pointer-events: auto
        }
    }

    .marquiz-pops_position_bottom-right {
        animation-name: marquiz__pop-fade-in_left;
        animation-duration: .5s;
        animation-timing-function: ease-in;
        opacity: 0;
        animation-fill-mode: both;
        right: 0
    }

    @keyframes marquiz__pop-fade-in_left {
        0% {
            transform: translate3d(200px, 0, 0);
            opacity: 0;
            pointer-events: none
        }

        100% {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            pointer-events: auto
        }
    }

    .marquiz-pops_position_top-left {
        animation-name: marquiz__pop-fade-in_right;
        animation-duration: .5s;
        animation-timing-function: ease-in;
        opacity: 0;
        animation-fill-mode: both;
        left: 0
    }

    @keyframes marquiz__pop-fade-in_right {
        0% {
            transform: translate3d(-200px, 0, 0);
            opacity: 0;
            pointer-events: none
        }

        100% {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            pointer-events: auto
        }
    }

    .marquiz-pops_position_top-right {
        animation-name: marquiz__pop-fade-in_left;
        animation-duration: .5s;
        animation-timing-function: ease-in;
        opacity: 0;
        animation-fill-mode: both;
        right: 0
    }

    @keyframes marquiz__pop-fade-in_left {
        0% {
            transform: translate3d(200px, 0, 0);
            opacity: 0;
            pointer-events: none
        }

        100% {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            pointer-events: auto
        }
    }
}

@media (max-width:768px) {
    .marquiz__button_fixed {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        transform: none !important;
        width: 55px;
        height: 55px;
        line-height: 55px;
        border-radius: 50px !important;
        bottom: 20px;
        top: auto !important
    }

    .marquiz__button_fixed-left {
        left: 15px !important;
        padding: 0 !important
    }

    .marquiz__button_fixed-right {
        right: 15px !important;
        left: auto !important;
        padding: 0 !important
    }

    .marquiz__button_fixed .marquiz__text,
    .marquiz__button_fixed .script__buttonText {
        display: none
    }
}

@media (max-width:768px) {
    .marquiz__button_fixed .icon-quiz {
        height: 30px;
        width: 30px;
        margin-right: 0 !important;
        transform: rotate(0) !important
    }
}

@media (max-width:767px) {
    .marquiz__container_inline {
        min-height: 0;
        height: auto;
        background: none
    }
}

@media (max-width:767px) {
    .marquiz__container_has_button .marquiz__button {
        display: inline-block
    }

    .marquiz__container_has_button .marquiz__inline-frame {
        display: none
    }
}

@media (max-width:767px) {
    .marquiz-pops_hide-on-mobile {
        display: none !important
    }
}

@media (min-width:800px) {
    .marquiz-pops {
        height: 70px
    }

    .marquiz-pops__content {
        width: 100%;
        width: auto;
        overflow: hidden
    }

    .marquiz-pops__icon {
        width: 54px
    }

    .marquiz-pops__bonus {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-positive: 2;
        flex-grow: 2;
        box-sizing: border-box
    }

    .marquiz-pops__close-wrapper {
        width: 70px;
        height: 70px;
        background-color: rgba(0, 0, 0, 0.2)
    }

    .marquiz-pops__close {
        background-image: none;
        width: 70px;
        height: 70px
    }

    .marquiz-pops__close svg {
        width: 12px;
        height: 12px
    }

    .marquiz-pops__body {
        width: calc(100% - 70px);
        min-width: calc(100% - 70px)
    }

    .marquiz-pops_position {
        max-width: 450px;
        margin: 15px;
        border-radius: 4px;
        height: 54px;
        width: auto
    }

    .marquiz-pops_position.marquiz-pops_rounded {
        border-radius: 60px !important
    }

    .marquiz-pops_position.marquiz-pops_pulse:before {
        border-radius: 60px !important
    }

    .marquiz-pops_position .marquiz-pops__body {
        width: auto;
        padding-right: 22px
    }

    .marquiz-pops_position .marquiz-pops__content {
        padding-left: 0
    }

    .marquiz-pops_position .marquiz-pops__close-wrapper {
        position: absolute;
        width: 22px;
        height: 22px;
        top: -3px;
        right: -3px;
        background: unset
    }

    .marquiz-pops_position .marquiz-pops__close {
        width: 21px;
        height: 21px;
        background: #f7f7f7;
        font-size: 14px;
        font-weight: 600;
        border-radius: 50%;
        position: fixed;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .marquiz-pops_position .marquiz-pops__close svg {
        fill: #000;
        width: 7px;
        height: 7px
    }

    .marquiz-pops_position .marquiz-pops__icon {
        width: 54px;
        border-radius: 4px 0 0 4px;
        margin: 0
    }

    .marquiz-pops_position .marquiz__icon-quiz {
        width: 18px
    }

    .marquiz-pops_position_bottom-left {
        animation-name: marquiz__pop-fade-in_right;
        animation-duration: .5s;
        animation-timing-function: ease-in;
        opacity: 0;
        animation-fill-mode: both;
        left: 0
    }

    @keyframes marquiz__pop-fade-in_right {
        0% {
            transform: translate3d(-200px, 0, 0);
            opacity: 0;
            pointer-events: none
        }

        100% {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            pointer-events: auto
        }
    }

    .marquiz-pops_position_bottom-right {
        animation-name: marquiz__pop-fade-in_left;
        animation-duration: .5s;
        animation-timing-function: ease-in;
        opacity: 0;
        animation-fill-mode: both;
        right: 0
    }

    @keyframes marquiz__pop-fade-in_left {
        0% {
            transform: translate3d(200px, 0, 0);
            opacity: 0;
            pointer-events: none
        }

        100% {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            pointer-events: auto
        }
    }

    .marquiz-pops_position_top-left {
        animation-name: marquiz__pop-fade-in_right;
        animation-duration: .5s;
        animation-timing-function: ease-in;
        opacity: 0;
        animation-fill-mode: both;
        left: 0
    }

    @keyframes marquiz__pop-fade-in_right {
        0% {
            transform: translate3d(-200px, 0, 0);
            opacity: 0;
            pointer-events: none
        }

        100% {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            pointer-events: auto
        }
    }

    .marquiz-pops_position_top-right {
        animation-name: marquiz__pop-fade-in_left;
        animation-duration: .5s;
        animation-timing-function: ease-in;
        opacity: 0;
        animation-fill-mode: both;
        right: 0
    }

    @keyframes marquiz__pop-fade-in_left {
        0% {
            transform: translate3d(200px, 0, 0);
            opacity: 0;
            pointer-events: none
        }

        100% {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            pointer-events: auto
        }
    }
}
@media (max-width:767px) {
    .marquiz-widget_hide-on-mobile {
        display: none
    }
}

@media (max-width:480px) {
    .marquiz-widget__container {
        width: calc(100% - 24px);
        bottom: 12px;
        right: 12px
    }

    .marquiz-widget__container_fade.marquiz-widget__container_left,
    .marquiz-widget__container_fade.marquiz-widget__container_right {
        animation: none
    }

    .marquiz-widget__container_fade.marquiz-widget__container_mobile {
        animation: .3s ease-in forwards fade-in_up
    }

    .marquiz-widget__container_closing {
        animation: 0 ease-in forwards hide-down
    }

    .marquiz-widget_open {
        background-color: rgba(0, 0, 0, 0.3);
        transition: .15s;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2147483647
    }

    .marquiz-widget_open .marquiz-widget__container {
        width: 100%;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius: 10px 10px 0 0
    }

    .marquiz-widget_open .marquiz-widget__container_open-fade {
        animation: .15s cubic-bezier(.71, .09, .74, .91) forwards fade-in_up
    }
}

@media (max-width:1023px) {
    #marquiz__close {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzcgMzciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMjc3OCAxMC4yNzc4QzkuNDI2MzQgMTEuMTI5MiA5LjQyNjM0IDEyLjUwOTcgMTAuMjc3OCAxMy4zNjExTDE1LjQxNjcgMTguNUwxMC4yNzc4IDIzLjYzODlDOS40MjYzNCAyNC40OTAzIDkuNDI2MzQgMjUuODcwOCAxMC4yNzc4IDI2LjcyMjJDMTEuMTI5MiAyNy41NzM3IDEyLjUwOTcgMjcuNTczNyAxMy4zNjExIDI2LjcyMjJMMTguNSAyMS41ODMzTDIzLjYzODkgMjYuNzIyMkMyNC40OTAzIDI3LjU3MzcgMjUuODcwOCAyNy41NzM3IDI2LjcyMjIgMjYuNzIyMkMyNy41NzM3IDI1Ljg3MDggMjcuNTczNyAyNC40OTAzIDI2LjcyMjIgMjMuNjM4OUwyMS41ODMzIDE4LjVMMjYuNzIyMiAxMy4zNjExQzI3LjU3MzcgMTIuNTA5NyAyNy41NzM3IDExLjEyOTIgMjYuNzIyMiAxMC4yNzc4QzI1Ljg3MDggOS40MjYzNCAyNC40OTAzIDkuNDI2MzQgMjMuNjM4OSAxMC4yNzc4TDE4LjUgMTUuNDE2N0wxMy4zNjExIDEwLjI3NzhDMTIuNTA5NyA5LjQyNjM0IDExLjEyOTIgOS40MjYzNCAxMC4yNzc4IDEwLjI3NzhaIiBmaWxsPSIjMzMzMzMzIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxNC4zODg5QzcuODMwOTQgMTIuOTY5OCA3LjgzMDkzIDEwLjY2OTEgOS4yNSA5LjI1QzEwLjY2OTEgNy44MzA5MyAxMi45Njk4IDcuODMwOTQgMTQuMzg4OSA5LjI1TDE4LjUgMTMuMzYxMUwyMi42MTExIDkuMjVDMjQuMDMwMiA3LjgzMDkzIDI2LjMzMDkgNy44MzA5MyAyNy43NSA5LjI1QzI5LjE2OTEgMTAuNjY5MSAyOS4xNjkxIDEyLjk2OTggMjcuNzUgMTQuMzg4OUwyMy42Mzg5IDE4LjVMMjcuNzUgMjIuNjExMUMyOS4xNjkxIDI0LjAzMDIgMjkuMTY5MSAyNi4zMzA5IDI3Ljc1IDI3Ljc1QzI2LjMzMDkgMjkuMTY5MSAyNC4wMzAyIDI5LjE2OTEgMjIuNjExMSAyNy43NUwxOC41IDIzLjYzODlMMTQuMzg4OSAyNy43NUMxMi45Njk4IDI5LjE2OTEgMTAuNjY5MSAyOS4xNjkxIDkuMjUgMjcuNzVDNy44MzA5MyAyNi4zMzA5IDcuODMwOTMgMjQuMDMwMiA5LjI1IDIyLjYxMTFMMTMuMzYxMSAxOC41TDkuMjUgMTQuMzg4OVpNMTAuMjc3OCAxMy4zNjExQzkuNDI2MzQgMTIuNTA5NyA5LjQyNjM0IDExLjEyOTIgMTAuMjc3OCAxMC4yNzc4QzExLjEyOTIgOS40MjYzNCAxMi41MDk3IDkuNDI2MzQgMTMuMzYxMSAxMC4yNzc4TDE4LjUgMTUuNDE2N0wyMy42Mzg5IDEwLjI3NzhDMjQuNDkwMyA5LjQyNjM0IDI1Ljg3MDggOS40MjYzNCAyNi43MjIyIDEwLjI3NzhDMjcuNTczNyAxMS4xMjkyIDI3LjU3MzcgMTIuNTA5NyAyNi43MjIyIDEzLjM2MTFMMjEuNTgzMyAxOC41TDI2LjcyMjIgMjMuNjM4OUMyNy41NzM3IDI0LjQ5MDMgMjcuNTczNyAyNS44NzA4IDI2LjcyMjIgMjYuNzIyMkMyNS44NzA4IDI3LjU3MzcgMjQuNDkwMyAyNy41NzM3IDIzLjYzODkgMjYuNzIyMkwxOC41IDIxLjU4MzNMMTMuMzYxMSAyNi43MjIyQzEyLjUwOTcgMjcuNTczNyAxMS4xMjkyIDI3LjU3MzcgMTAuMjc3OCAyNi43MjIyQzkuNDI2MzQgMjUuODcwOCA5LjQyNjM0IDI0LjQ5MDMgMTAuMjc3OCAyMy42Mzg5TDE1LjQxNjcgMTguNUwxMC4yNzc4IDEzLjM2MTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat;
        background-size: 28px;
        background-position: center;
        height: 28px;
        width: 28px
    }
}

@media (max-width:1023px) {
    .marquiz__modal {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        position: absolute;
        width: 100%
    }

    #marquiz__close {
        right: 0;
        top: 0
    }
}

@media (max-width:767px) {
    .marquiz__container_hide-on-mobile {
        display: none
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .marquiz__frame {
        height: 590px
    }
}

@media (min-width:1024px) and (max-width:1199px) {
    .marquiz__frame {
        height: 560px
    }
}

@media (min-width:1200px) and (max-width:1439px) {
    .marquiz__modal {
        width: 75%
    }
}

@media (min-width:1440px) {
    .marquiz__frame {
        height: 650px
    }
}