.fw-bold {
    font-weight: 800 !important;
}
.d-flex {
    display: flex;
}
.text-bold {
    font-weight: 900;
}

.text-light {
    font-weight: 300;
}

.text-medium {
    font-weight: 500;
}

.text-heavy {
    font-weight: 800;
}

.text-center{
    text-align:center !important;
}

.text-left {
    text-align: left!important;
}

.text-right {
    text-align: right!important;
}

.text-lowercase {
    text-transform: lowercase!important;
}
.text-orange {
    color: #f09e1f;
}
.text-gray {
    color: #2a2a2a;
}
.text-red {
    color: #c2000b;
}
.text-blue {
    color: #2e58a6;
}
.btn-inline {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 6px;
    user-select: none;
}
.inline-btn-default {
    color: #fff;
    border: 1px solid var(--color-text-one);
}
a#vmar-request-button {
    color: var(--color-text-one);
    /* padding: 4px 25px;
    border-radius: 7px;
    font-size: 14px;
    line-height: 19px; */
    padding: 8px 25px 7px;
    border-radius: 7px;
    font-size: 14px;
    line-height: 19px;
}
.microsite-frame-header {
    display: flex;
    position: absolute;
    padding: 0;
    height: 105px;
    left: 0;
    top: 0;
    width: 100%;
    background: var(--main-color) !important;
    /* z-index: 1; */
    color: var(--color-text-one) !important;
    /* border-bottom: 1px solid var(--color-text-one); */
    border-bottom: 1px solid #000000;
}
.microsite-frame-header .logo-path {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    align-items: flex-start;
    width: 220px;
    flex: 0 0 220px;
    height: 105px;
    padding: 0 10px;
    /* background: #2a2a2a; */
    /* border-bottom: 4px solid var(--main-color); */
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}

.microsite-frame-header .logo-path .microsite-logo {
    /* width: 100px;
    height: 95px; */
    width: 160px;
    height: 75px;
    margin: 10px auto 6px;
    display: flex;
}

.microsite-frame-header .logo-path .microsite-logo img {
    max-width: 100%;
    /* height: 100%; */
    display: block;
    /* margin: auto; */
    padding: 10px 0 5px;
}

.microsite-frame-header .logo-path .microsite-social-media,
.microsite-frame-header .microsite-social-media-title {
    width: 100%;
}

.microsite-frame-header .microsite-social-media-title {
    text-align: center;
    color: var(--color-text-one);
    font-size: 10px;
    line-height: 13px;
    margin-bottom: 2px;
}
.microsite-frame-header .microsite-social-media-item .link-icon{
    /* padding: 3px 5px 0px;
    border:  1px solid var(--color-text-one);
    color: var(--color-text-one);
    font-size: 12px;
    margin-right: 3px; */
    border: 1px solid var(--color-text-one);
    color: var(--color-text-one);
    font-size: 12px;
    margin-right: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
.microsite-frame-header .microsite-social-media-item .link-icon svg{
    height: 15px;
    width: 15px;    
}
.link-icon svg path{
    fill: var(--color-text-one);
}

/* .microsite-frame-header .media-box{
    flex: 0 0 19%;
    width: 19%; */
    /* padding-right: 15px; */
    /* border-right: 1px solid #757575; */
    /* padding-bottom: 5px; */
/* } */

.microsite-frame-header .logo-path .microsite-social-media {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.microsite-social-media{
    display: flex; 
    justify-content: center;
}

.microsite-frame-header .logo-path .microsite-social-media .microsite-social-media-item {
    text-align: center;
    margin: 0 3px;
    background: var(--main-color);
    width: 100%;
    height: 38px;
}

.microsite-frame-header .logo-path .microsite-social-media .microsite-social-media-item a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    text-decoration: none;
    justify-content: center;
}

.microsite-frame-header .logo-path .microsite-social-media .microsite-social-media-item i {
    font-size: 24px;
    color: #fff;
    transition: all 0.2s linear;
}

.microsite-frame-header .logo-path .microsite-social-media .microsite-social-media-item:hover i {
    font-size: 28px;
    padding: 0;
}

.microsite-frame-header .logo-path img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
}

.microsite-frame-header .top-info-path {
    display: block;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.microsite-frame-header .top-info-path .info.text-right {
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    padding-left: 1rem;
}

.microsite-frame-header .top-info-path .info.text-left {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: calc(40% - 30px);
    justify-content: space-between;
    padding-bottom: 5px;
}

.microsite-frame-header .top-info-path .info .top-add-caption {
    font-size: 24px;
    color: var(--color-text-one);
}

.microsite-frame-header .top-info-path .info .sub-caption {
    font-size: 18px;
    color: #fff;
}
.top-info-path .frame-caption img {
    width: 20px;
    margin: 0 5px 0 15px;
}
.top-info-path .frame-caption img:first-child {
    margin: 0 5px 0 0;
}

.top-info-path .buttons-line {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    /* flex: 0 0 12%; */
    /* width: 12%; */
    margin-left: 40px;
}
/* 
.top-info-path .buttons-line.msg-agent:after{
    content: '';
    border-left: 1px solid #000000;
    position: absolute;
    height: 42px;
    left: -20px;
} */

.top-info-path .buttons-line.msg-agent:before{
    content: '';
    position: absolute;
    border-left: 1px solid #000000;
    left: -16px;
    height: 100%;
}

.top-info-path .buttons-line a {
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
position: relative;
text-decoration: none;
/* margin: 0 10px; */
color: var(--main-color);
}

.top-info-path .buttons-line a:last-child {
    margin-right: 0;
}

.top-info-path .buttons-line a svg {
    width: 38px;
    height: 38px;
    color: var(--color-text-one);
}

.frame-aside nav {
    height: calc(100vh - 105px) !important;
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    justify-content: center;
    position: relative;
    padding-bottom: 65px;
}

.frame-aside ul {
    width: 100%;
    height: calc(100% - 55px);
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0px 10px 0 10px !important;
    list-style-type: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#aside {
    width: 220px;
    height: 100%;
    padding: 105px 0 0 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    /* border-right: 1px solid var(--color-text-one); */
    border-right: 1px solid #000000;
}


ul.navbar-nav {
    height: calc(100vh - 199px);
    overflow: scroll;
}

.frame-aside .agent-message-box {
    position: absolute;
    bottom: -10px;
    left: 20px;
    right: 20px;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    border-top: 1px solid #757575;
}

.frame-aside .agent-message-box img {
    width: 95px;
    height: 48px;
}

.top-info-path .buttons-line .btn-mail {
display: flex;
align-items: center;
justify-content: center;
height: 38px;
font-size: 18px;
margin: 0 0 0 15px;
border-radius: 12px;
color: #ffffff;
font-weight: 500;
}

.top-bar{
    display: flex;
    /* flex-wrap: wrap; */
    padding: 8px 12px 8px 28px;
    /* border-bottom: 1px solid var(--color-text-one); */
    border-bottom: 1px solid #000000;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    justify-content: space-between;
    align-items: center;
}
.topbar-date{
    /* flex: 0 0 15%;
    width: 0 0 15%; */
     padding-right: 40px;
    min-width: 155px;
}
/* .topbar-prepared{
    flex: 0 0 62%;
    width: 62%;
} */
.prepared-text{
    display: inline-block;
    /* width: 450px; */
    white-space: wrap;
    word-break: break-all;
    /* text-overflow: ellipsis;
    overflow: hidden; */
    padding-left: 3px;
    padding-right: 25px;
}
.preparedfor-txt{
    display: inline-block;
     min-width: 90px;
}
.media-outer {
    flex: 0 0 auto;
    display: flex;
    justify-content: end;
}
.agent-text{
    display: inline-block;
    width: 255px;
    white-space: wrap;
    /* text-overflow: ellipsis;
    overflow: hidden; */
    padding-left: 3px;
}
.bottom-bar{
    display: flex;
    flex-wrap: wrap;
    padding: 8px 12px 8px 28px;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}
.top-add-caption{
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.microsite-frame-layout-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: #384C73; */
    z-index: -1;
    opacity: 0.75;
}
input#copy-report-link-input:focus {
    outline: none;
    border-right: 0;
    border: 1px solid var(--main-color);
}

.vm-form-submit-button {
    margin: 10px 0 0 0;
    background-color: var(--main-color) !important;
    cursor: pointer;
    color: var(--color-text-one) !important;
    text-decoration: none;
    border: none;
    padding: 10px 20px 10px 20px;
    font-size: 20px;
    font-weight: 300 !important;
    border-radius: 5px;
}
    
.vm-form-submit-button:hover {
    background-color: #dba248;
    text-decoration: underline;
}
    
.vm-form-submit-button:focus {
    background-color: #dba248;
}

/*copy report link modal*/
.copy-report-link-modal-class {
    padding: 0;
}

.copy-report-link-modal-class .ui-dialog-title {
    color: var(--color-text-one);
    font-weight: 500;
}

.copy-report-link-inner {
    display: flex;
    width: 100%;
    padding: 45px 0 15px 0;
}

.copy-report-link-inner input {
    width: 100%;
    border: 1px solid var(--main-color);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 0 15px;
}

.copy-report-link-inner button {
    width: 135px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    background: var(--main-color);
    color: var(--color-text-one);
    border: 1px solid var(--main-color);
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    font-weight: 300;
}

/* .resume-section.microsite-frame-top-preview .fp-scrollable {
    height: 100% !important;
}

.resume-section.microsite-frame-top-preview .fp-scroller {
    height: 100% !important;
} */

/* .resume-section.microsite-frame-top-preview {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0px !important;
    margin: 0;
    position: relative;
}

.resume-section.microsite-frame-top-preview {
    width: 100% !important;
    margin: 0;
    position: relative; 
}*/

/* .resume-section {
    width: calc(100% - 300px) !important;
    margin: 0 0 0 300px;
    padding: 0 30px;
    background: #F6F6F6;
} */


.resume-section-inner {
    padding: 25px 0;
}
/* .resume-section .top-info-group .section-header {
    background: var(--main-color);
    color: var(--color-text-one);
    padding: 5px 10px;
    font-size: 16px;
    line-height: 21px;
} */

/* .resume-section .top-info-group p {
    font-size: 14px;
    line-height: 19px;
    margin: 15px 0;
}

.resume-section.microsite-frame-top-preview .fp-scrollable {
    height: 100% !important;
}

.resume-section.microsite-frame-top-preview .fp-scroller {
    height: 100% !important;
}

.resume-section.microsite-frame-top-preview {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0px !important;
    margin: 0;
    position: relative;
} */

/* .resume-section.microsite-frame-top-preview:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--main-bg-color);
    z-index: -1;
    opacity: 0.75;
} */
.cover-section .fp-scroller {
    height: 100%;
}
.cover-section .cover-inner {
    /* width: 100%;
    height: 100%;
    display: flex;
    background: #fff;
    border-radius: 0px;
    padding-top: 38px; */
    width: 100%;
    height: 100%;
    display: flex;
    background: #fff;
    border-radius: 14px;
}

.cover-section .info {
    max-width: 620px;
    width: 100%;
    padding: 0px 10px 0px 30px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-right: 10px;
}

.cover-section .info .logo {
    width: 185px;
    height: 115px;
    max-height: auto;
}

.cover-section .info .logo img {
    max-width: 100%;
    /* height: 100%; */
    max-height: 100%;
    /*height: 100px; */
}

/* For surveyour logo */

.cover-section .surveyoy-cover-logo img {
    margin: 16px 10px 20px 0px;
    width: 93px;
    display: inline;
    vertical-align: top;
    min-height: 46px;
}


.text-section .title {
    padding: 0 0 25px 0;
    font-size: 28px;
}
.cover-section .info .title {
    /* font-size: 24px;
    line-height: 32px;
    margin: 15px 0 5px 0;
    padding: 0 15px 5px 15px;
    color: #000;
    border-bottom: 1px solid var(--color-text-one);
    font-weight: 300;
    flex-grow: initial; */

    font-size: 18px;
    line-height: 24px;
    margin: 15px 0 0px 0;
    padding: 0 15px 2px 15px;
    color: #000;
    border-bottom: 1px solid var(--main-color);
    flex-grow: unset;
}
.price-box{
    padding: 8px;
    background: #F2F2F2;
    width: 350px;
    margin: 20px auto;
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
    border: 1px solid #757575;
}
.price-box .price-txt{
    font-size: 20px;
    line-height: 27px;
    font-weight: 800;

}
.cover-section .cover-logo img {
    margin: 20px 0 10px 0;
    height: 30px;
    /* margin-right: 8px; */
}

.cover-section .info .address {
    font-size: 18px;
    line-height: 25px;
    color: #000;
    max-width: 500px;
    text-align: center;
    font-weight: 300;
    margin-bottom: 10px;
}

.cover-section .info .property-address {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500 !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cover-section .info .subtitle {
    font-size: 18px;
    padding: 0px 0 10px 0;
    color: #000;
}
.cover-section .info .prepared {
    font-size: 24px;
    color: var(--color-text-one);
}
.cover-section .info .prepared span.data{
    color: var(--color-text-one);
}

.cover-section .info .skip-section-btn {
    position: relative;
    width: 80px;
    /* margin: 10px 0 0 0; */
    font-size: 14px;
    line-height: 19px;
    cursor: pointer;
 /*    animation: jumpMoveFrame 1.5s linear infinite; */
}
.cover-section .info .skip-section-btn svg{ width:45px; height: 16px; }

.cover-section .media {
    width: 100%;
    height: auto;
    background: #fff var(--main-bg-url) no-repeat;
    /* background-size: cover; */
    background-size: 100% 100%;
    background-position: 50%;
    border-radius: 10px;
    box-shadow: none;
    margin: 40px 75px 40px;
}
.cover-section .media .media-inner img{
    height: 100%;
    width: 100%;
}
.resume-section.cover-section {
    width: 100% !important;
    height: 100%;
    margin: 0;
    position: relative;
    padding: 0px !important;
    /* padding: 0px 35px;
    background: #fff;
    padding: 38px 44px 30px; */
}
/* .resume-section {
    width: calc(100% - 220px) !important;
    margin: 0 0 0 220px;
    padding: 0 15px;
} */
.add-head{
    /* margin-top: 15px; */
    font-size: 14px;
    line-height: 19px;
    font-weight: 800;
}
.add-txt{
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
}

/* Overview CSS */

.overview-group-item-box .key-features .overview-group-item {
    width: 98px !important;
    margin-right: 5px;
}

.overview-group-item .overview-group-item-icon {
    /* padding: 15px 5px 5px 5px;
    color: #000;
    border: 1px solid #2a2a2a;
    font-size: 12px;
    border-radius: 8px;
    font-weight: 300;
    line-height: 16px;
    width: 100px; */

    padding: 15px 5px 5px 5px;
    color: #000;
    border: 1px solid #2a2a2a;
    font-size: 16px;
    border-radius: 8px;
    font-weight: 300;
    text-align: center;
    min-height: 100px;
}

.overview-group-item-box .overview-group-item {
    width: 100px;
    margin-right: 5px;
}

.overview-group-item .overview-group-item-icon img {
    max-width: 65px !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

/* MEDIA QUERY CSS */

/* @media(min-width: 1240px){
    .top-bar{font-size: 14px; line-height: 16px;}
    .microsite-frame-header .microsite-social-media-title{ font-size: 10px; line-height: 14px; }
    .bottom-bar{ font-size: 16px; line-height: 19px; }
    .cover-section .info{ max-width: 568px; }
    .overview-group-item .overview-group-item-icon img {
        height: 28px;
        width: 28px;
    }
    .cover-section .info .address{ 
        margin-bottom: 15px; 
        font-size: 17px;
        line-height: 20px;
    }
    .cover-section .info .title {
        font-size: 19px;
        line-height: 23px;
    }
    
    .add-txt {
        margin-top: 2px;
    }
} */

@media (max-width: 1366px) {
    .microsite-frame-bg {
        background-position: 50%;
    }
    /* .topbar-prepared {
        flex: 0 0 63% ;
        width: 62%;
    } */
    .microsite-frame-header .microsite-social-media-item .link-icon { padding: 5px; }
    .microsite-frame-header .microsite-social-media-item .link-icon svg{ height : 12px; width : 12px ; }
    .cover-section .info .title{ font-size: 18px; line-height: 22px;}
    .price-box{ margin: 10px auto;}
    /* .top-info-path .buttons-line{ flex: 0 0 13%; width: 13%;} */
    .microsite-frame-header{ height: 90px;}
    .microsite-frame-header .logo-path{ height: 90px;}
    .resume-section{ padding-top: 90px !important;}
    #aside {  padding: 90px 0 0 0; }
    .bottom-bar{ font-size: 16px; line-height: 22px;}
    .top-info-path .buttons-line a svg{ width: 20px; height: 20px;}
    .microsite-frame-header .microsite-social-media-item .link-icon{ padding: 4px; display: flex; justify-content: center; align-items: center; height: 25px; width: 25px;margin-right: 3px;}
    .top-bar{  padding: 5px 12px 5px 28px; }
    .price-box .price-txt{  font-size: 16px; line-height: 19px;}
    .cover-section .cover-logo img{  margin: 10px 4px 10px 0; }
}
@media(min-width: 1440px){
    .vmar-request-dialog-class{ left: 25% !important; }
    .cover-section .media {
        margin: 98px 75px 98px 0px;
    }
    .top-bar{
        font-size: 16px; line-height: 21px;
    }
    .microsite-frame-header .logo-path .microsite-logo { 
        width: 174px; height: 90px; 
    }
    .microsite-frame-header .microsite-social-media-title{ 
        font-size: 12px; line-height: 16px; 
    }
    /* .topbar-prepared{ flex: 0 0 63%; width: 63%;} */
    .top-info-path .buttons-line a svg{ 
        height: 28px; width: 28px; 
    }
    .bottom-bar{ 
        font-size: 18px; line-height: 22px; 
    }
    .cover-section .info{
         max-width: 605px; 
    }
    /* .cover-section .info .logo img{ 
        height: 185px; width: 185px; 
    } */
    .cover-section .info .logo {
        max-height: 185px;
        width: 340px;
    }
    /* .cover-section .info .logo { height: 185px; width: 185px; } */
    .cover-section .info .title{ 
        font-size: 28px;
        line-height: 34px;
        margin-top: 30px;
    }
    .cover-section .info .address{ 
        font-size: 22px;
        line-height: 30px; 
        margin-bottom: 25px; 
    }
    .cover-section .info .property-address{ 
        font-size: 22px;
        font-weight: 500 !important;
    }
    .agent-text{ width: 178px;}
    .prepared-text {  
        /* width: 472px;  */
        word-break: break-all;
    }
    
    .preparedfor-txt{ min-width: 108px; }
    
    .price-box .price-txt{ 
        font-size: 25px; line-height: 34px; 
    }
    .price-box{ 
        font-size: 18px; line-height: 24px; margin: 0 auto; 
    }
    .cover-section .cover-inner{ 
        /* padding-top: 43px; */
     }
    /* .cover-section .media .media-inner{ 
        padding: 79px 41px 123px 10px; 
    } */
    .add-head{ 
        margin-top: 20px; 
        font-size: 18px; 
        line-height: 24px; 
    }
    .add-txt{ 
        font-size: 16px; line-height: 21px; 
    }
    .cover-section .cover-logo img{ 
        margin:20px 8px 20px 0px;
        height:42px; 
    }
    .cover-section .info .skip-section-btn svg{ 
        width: 54px; height: 18px; 
    }
    .overview-group-item .overview-group-item-icon img {
        height: 28px; width: 28px; 
    }
    .route-section .item{
        margin-right: 20px; flex: 0 0 380px; 
    }
    .national{
         margin-right: 20px; width: 380px; 
    }
    .national-map{
        height: 250px;
        margin-bottom: 10px;
    }
    .microsite-frame-header .microsite-social-media-item .link-icon{ 
        font-size: 17px;
        line-height: 19px;
        padding: 5px;

    }
    .overview-group-item .overview-group-item-icon img {
        height: 35px !important;
        width: 35px !important;
    }
}

@media (min-width: 1500px) {
        
    .cover-section .info .logo {
        width: 290px;
        height: 110px;
    }
    /* .topbar-prepared{ flex: 0 0 64%; width: 64%;} */
    /* .microsite-frame-header .media-box{ flex: 0 0 18%; width: 18%;} */
    .add-head{margin-top: 15px; margin-bottom: 5px;}
    .cover-section .cover-logo img{ max-width:150px; margin: 16px 10px 16px 0px; height: 34px; }
    .cover-section .info .subtitle{ margin-bottom: 12px; }
    .cover-section .info .title {
        font-size: 28px;
        line-height: 38px;
        margin: 15px 0 10px 0
    }
    .agent-text{ width: 185px;}
    .prepared-text { 
        /* width:650px;  */
        word-break: break-all;
    }
       .cover-section .info .address {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .cover-section .info .property-address{
        font-size: 18px ;
        line-height: 24px;
    }

    .cover-section .info .subtitle {
        font-size: 18px;
        padding: 0px 0 10px 0;
    }
    .cover-section .info .cover-logo{ margin-bottom: 0px; margin-top: 0px; }

    .cover-section .info .prepared {
        font-size: 22px;
    }
    .cover-section .info .skip-section-btn{ width: 100px; font-size: 14px; line-height: 20px; }
    /* .overview-group-item .overview-group-item-icon img {
        height: 28px;
        width: 28px;
    } */
}
@media (max-width: 992px) {
    .resume-section.cover-section {
        padding: 0 !important;
    }

    .cover-section .info {
        max-width: 100%;
        width: 100%;
        height: 100%;
        position: absolute;
        margin: 0;
        padding: 95px 0 0 0;
        background: #f5f5f5d1;
        z-index: 2;
    }

    .cover-section .media {
        max-width: 100%;
        width: 100%;
        height: 100%;
        /* padding: 15px; */
    }

    .cover-section .info .logo {
        width: 185px;
        height: 115px;
        max-height: auto;
    }

    .cover-section .info .title {
        font-size: 22px;
        margin: 20px 0 20px 0;
    }

    .cover-section .info .address {
        font-size: 20px;
    }

    .cover-section .info .subtitle {
        font-size: 18px;
        padding: 15px 0 15px 0;
    }

    .cover-section .info .prepared {
        font-size: 24px;
    }

    .cover-section .cover-logo img {
        /* max-width: 140px;
        margin: 28px 0 0 0; */
        max-width: 130px;
        margin: 20px 0 10px 0;
    }

    .cover-section .info .skip-section-btn {
        width: 80px;
        margin: 35px 0 0 0;
    }
    .price-box{ margin: 30px auto; }
    .intro-box{ flex-wrap: wrap; }
    .intro-contain{ flex: 0 0 100%;margin-right: 0px; }
    .top-bar{ font-size: 12px; line-height: 16px; }
    .bottom-bar{ font-size: 14px; line-height: 19px; }
    a#vmar-request-button{ font-size: 14px; line-height: 19px; }
    .top-info-path .buttons-line.msg-agent:after{ height: 27px; left: -5px;  }
    /* .overview-group-item-box .overview-group-item-body-inner.overview-box{ width: auto; }
    .overview-group-item-box .overview-group-item-body-inner{ flex-wrap: wrap; }
    .specifications-section .overview-data{ flex: 0 0 100%; width: 100%; }
    .planning-data .planning-data-body-list{ flex: 0 0 100%; width: 100%; }
    .council-box-left{ flex: 0 0 100% !important; }
    .council-box{ flex-wrap: wrap; }
    .national{ width: 100%; margin-bottom: 20px;}
    .planning-data .planning-data-body-map #planning-map{ height: 500px; } */
    .media-box{ display: flex; margin-top: 8px;}
    .top-bar {  padding-top: 10px; }
}
@media (max-width: 1192px) {
    .cover-section .info {
        max-width: 430px;
    }

    .cover-section .info .logo {
        width: 115px;
        height: 115px;
    }
    .top-bar{ font-size: 12px; line-height: 16px; }

    .microsite-frame-header .microsite-social-media-item .link-icon{ font-size: 16px; }

    .top-info-path .buttons-line{ margin-top: 5px; }
    .microsite-frame-header .microsite-social-media-title{ margin-right: 10px; }
    .cover-section .info .title {
        font-size: 24px;
        margin: 20px 0 8px 0;
    }

    .cover-section .info .address {
        font-size: 16px;
        /* padding: 20px 0 20px 0; */
        line-height: 20px;
    }

    .cover-section .info .prepared {
        font-size: 16px;
    }
    .bottom-bar{
        font-size: 13px;
        line-height: 18px;
    }
    .top-info-path .buttons-line a svg{ height: 20px; width: 20px; }
    /* .top-bar{padding-top: 10px;} */
    .top-info-path .buttons-line.msg-agent:after{ height: 31px; left: -10px;}
    /* .intro-contain{ flex: 0 0 50%; } */
    /* .specifications-section .overview-data{ flex: 0 0 50% ; width: 50%;}
    .overview-group-item-box .overview-group-item-body-inner{flex-wrap: wrap;}
    .overview-group-item-box .overview-group-item-body-inner.overview-box{ width: auto; } */
    /* .media-box{ display: block; } */
    /* .council-box-left{ flex: 0 0 50% !important; }
    .council-table.council-data-table tr td, .council-table.council-data-table tr th { padding: 4px 11px; } */
    /* .overview-connections-wrapper .columns-connections .column-connection{ flex-wrap: wrap;justify-content: center; } */
    /* .overview-map{ flex: 0 0 50% !important; width: 50% !important;} */
}

@media(max-width: 1024px){
    .top-bar{ font-size: 10px; line-height: 13px; }
}
@media (max-width: 1024px) and (orientation: portrait) {
    .resume-section.cover-section {
        padding: 0 !important;
    }

    .cover-section .info {
        max-width: 100%;
        width: 100%;
        height: 100%;
        position: absolute;
        margin: 0;
        padding: 95px 0 0 0;
        background: #f5f5f5d1;
        z-index: 2;
    }

    .cover-section .media {
        max-width: 100% !important;
        width: 100% !important;
        height: 100% !important;
        padding: 15px !important;
    }

    .cover-section .info .logo {
        width: 115px;
    }

    .cover-section .info .title {
        font-size: 28px;
        margin: 30px 0 15px 0;
    }

    .cover-section .info .address {
        font-size: 38px;
        padding: 0 35px;
    }

    .cover-section .info .subtitle {
        font-size: 18px;
        padding: 0px 0 10px 0;
    }

    .cover-section .info .prepared {
        font-size: 24px;
    }

    .cover-section .cover-logo img {
        max-width: 265px;
        margin: 28px 0 0 0;
    }

    .cover-section .info .skip-section-btn {
        width: 70px;
        margin: 65px 0 0 0;
    }
}
@media(min-width: 1705px){
    .cover-section .info .logo{ height: 180px; width: 380px; }
    .cover-section .cover-logo img{     margin: 20px 10px 20px 0px; }
    /* .topbar-prepared { flex: 0 0 67%; width: 67%; } */
    /* .microsite-frame-header .media-box { flex: 0 0 18%; width: 18%; } */
    /* .top-info-path .buttons-line { flex: 0 0 11%; width: 11%; } */
}
@media(min-width: 1821px){
    /* .topbar-prepared{ flex: 0 0 70%; width: 70%;} */
    /* .top-info-path .buttons-line { flex: 0 0 10%; width: 10%;} */
    /* .microsite-frame-header .media-box { flex: 0 0 17%; width: 17%; } */
}
@media(min-width: 2049px){
    /* .topbar-prepared{  flex: 0 0 71%; width: 71%; } */
    .cover-section .info{ max-width: 850px; padding:30px 30px 30px 30px; }
    .cover-section .info .logo{ height: 150px; width: 350px; }
    .cover-section .info .address { font-size: 30px; line-height: 35px; margin-bottom: 20px;}
    .cover-section .info .title{ margin: 25px 0 15px 0; font-size: 32px;
    line-height: 44px;}
    .price-box{ font-size: 25px;line-height: 30px; }
    .price-box .price-txt { font-size: 28px; line-height: 34px;  }
    .add-head,.add-txt,.cover-section .info .skip-section-btn {  font-size: 25px; line-height: 30px; }
    .cover-section .info .skip-section-btn{ width: 150px; }
    .cover-section .info .skip-section-btn svg { width: 75px; height: 40px; margin-top: 8px; }
    .cover-section .cover-logo img{ height: 50px; }
}
@media(min-width : 2075px){
    /* .topbar-prepared{ flex: 0 0 71%; width: 71%;} */
}
@media(min-width: 2303px){
    /* .topbar-prepared{ flex: 0 0 73%; width: 73%;} */
    /* .top-info-path .buttons-line { flex: 0 0 9%; width: 9%;} */
}
@media(min-width: 2470px){
    .cover-section .info{ width: 1000px;}
    .cover-section .info .logo { height: 250px; width: 450px; }
    .cover-section .info .title{ font-size: 35px; line-height: 40px; margin: 30px 0 15px 0;  }
    .cover-section .info .address { font-size: 36px; line-height: 40px;  margin-bottom: 20px; }
    .price-box .price-txt {
        font-size: 34px;
        line-height: 44px;
    }
    .price-box{ padding: 22px; width:450px; font-size: 32px; line-height: 40px; margin: 40px auto; }
    .cover-section .cover-logo img {
        height: 70px;
    }
    .cover-section .cover-logo img {
        margin: 40px 10px 40px 0px;
    }
    .cover-section .info .skip-section-btn {
        width: 172px;
    }
    .add-head,.add-txt,.cover-section .info .skip-section-btn {  font-size: 30px; line-height: 40px; }
}

@media (max-width: 480px) {
    .cover-section .info {
        padding: 170px 0 0 0;
    }

    .cover-section .info .logo {
        width: 200px;
    }

    .cover-section .info .title {
        font-size: 18px;
        margin: 20px 0 5px 0;
    }

    .cover-section .info .address {
        font-size: 18px;
        padding: 10px 0 5px 0;
    }

    .cover-section .info .subtitle {
        font-size: 18px;
    }

    .cover-section .info .prepared {
        font-size: 18px;
    }

    .cover-section .cover-logo img {
        max-width: 150px;
        margin: 28px 0 0 0;
    }

    .cover-section .info .skip-section-btn {
        width: 45px;
        margin: 40px 0 0 0;
    }

    .cover-section .media {
        padding: 5px;
    }

    .cover-section .media:after {
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
    }
}
@media (max-width: 768px) and (orientation: landscape) {
    .cover-section .media {
        padding: 10px;
    }

    .cover-section .info {
        padding: 25px 0 0 0;
    }

    .cover-section .media:after {
        width: 205px;
        height: 350px;
    }

    .cover-section .info .logo {
        width: 115px;
    }

    .cover-section .cover-logo img {
        max-width: 115px;
        height: 115px;
        margin: 15px 0 0 0;
    }

    .cover-section .info .title {
        font-size: 16px;
        margin: 10px 0 0 0;
    }

    .cover-section .info .address {
        font-size: 18px;
        padding: 15px 0 15px 0;
    }

    .cover-section .info .subtitle {
        font-size: 16px;
        padding: 0 0 5px 0;
    }

    .cover-section .info .prepared {
        font-size: 18px;
    }

    .cover-section .cover-logo img {
        max-width: 105px;
        margin: 15px 0 0 0;
    }

    .cover-section .info .skip-section-btn {
        width: 35px;
        margin: 30px 0 0 0;
    }
}
@media (max-width: 992px) and (orientation: landscape) {
    .cover-section .info {
        padding: 30px 0 0 0;
    }

    .cover-section .info .logo {
        width: 115px;
    }

    .cover-section .info .title {
        font-size: 16px;
        margin: 10px 0 5px 0;
    }

    .cover-section .info .address {
        font-size: 16px;
        padding: 10px 0 5px 0;
    }

    .cover-section .info .subtitle {
        font-size: 16px;
        padding: 5px 0 10px 0;
    }

    .cover-section .cover-logo img {
        max-width: 85px;
        margin: 5px 0 0 0;
    }

    .cover-section .media {
        padding: 10px;
    }

    .cover-section .info .skip-section-btn {
        width: 30px;
        margin: 20px 0 0 0;
    }

}
@media(min-width :1400px){
    .microsite-frame-header .microsite-social-media-item .link-icon svg {
        height: 18px;
        width: 18px;
    }
    .microsite-frame-header .microsite-social-media-item .link-icon{
        padding : 5px;    
    }
    .topbar-date{
        min-width: 170px;
    }
    
}