@media screen and (max-width: 640px) {
    header {
        position: fixed;
        width: 100vw;
        background: #fff;
        box-shadow: 0 12px 24px rgba(0, 0, 0, .25);
        padding: 0 15px;
        z-index: 10000;
    }

    #market {
        padding-top: 80px;
    }

    .marketSearch {
        height: auto;
        padding: 24px 0;
        align-items: flex-start;
    }

    .marketForm {}

    .marketForm .searchandfilter ul {
        flex-flow: column;
        height: auto;
        background: transparent;
    }

    .marketForm .searchandfilter .sf-field-search,
    .marketForm .searchandfilter li {
        width: 100%;
        height: 56px;
        margin-bottom: 2px;
        background: #FFF;
    }

    .marketForm .searchandfilter .sf-field-submit {
        height: 42px;
        width: 100%;
    }

    .marketForm .searchandfilter .sf-field-search {
        background: #fff;
    }

    .marketListing {}

    .m-hidden {
        display: none !important;
    }

    .m-shown {
        display: block;
    }

    .topHeader {}

    .container {}

    .headerLogo {
        position: relative;
        transition: var(--transition-smooth-2);
    }

    .menuOn .headerLogo {
        transform: translateX(-280px);
    }

    .headerTool {}

    .headerContact {
        display: flex;
        color: #fff;
        padding: 16px 15px;
        margin: 24px 0 0 0;
        border-top: 1px solid rgba(255, 255, 255, .25);
    }

    .headerContactTxt {}

    .headerLang {}

    .headerSearch {}

    .botHeader {
        display: none;
    }

    .mainMenu {
        position: fixed;
        top: 0;
        right: 0;
        width: 280px;
        background: var(--color-green);
        height: 100vh;
        transition: var(--transition-smooth-2);
        transform: translateX(100%);
    }

    .headerMenu {
        flex-flow: column;
        padding: 12px 0;
    }

    .headerMenuItem {
        padding: 12px;
    }

    .subMenu {
        width: 100%;
        position: relative;
        top: 0;
        transform: none;
        opacity: 1;
        background: transparent;
        box-shadow: none;
        padding: 0;
        border-left: 1px solid rgba(255, 255, 255, .5);
        color: #fff;
        margin: 8px 0 0 0;
    }

    .subMenuItem {
        color: #fff;
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
    }

    .menuOn .mainMenu {
        transform: none;
    }

    #menu-toggle {
        display: block;
        width: 64px;
        height: 64px;
    }

    .menuOn #menu-toggle {
        transform: translateX(-280px);
    }

    #menu-toggle span {
        background: #333;
    }

    .headerCTA {}

    .modal {}

    .regForm {}

    .modal-dialog {}

    .modal-content {}

    .close {}

    .modal-body {}

    .modalTitle {}

    .modal-title {}

    .scrollTop {}

    #contact {
        padding-top: 80px;
    }

    .contactMain {}

    .contactBanner {
        width: calc(100% + 30px);
        margin-left: -15px;
        height: 160px;
    }

    .contactSide {}

    #article .content {
        padding: 0;
    }

    #article {
        padding-top: 80px;
    }

    #article .featured-photo {
        height: 200px;
    }

    #singlePrd {
        padding-top: 78px;
    }

    .prdBanner {}

    .prdMain {}

    .prdTitle {
        padding-bottom: 12px;
        border-bottom: 1px solid #DDD;
    }

    .prdBanner {
        border-bottom: 1px solid #DDD;
    }


    footer {
        padding-bottom: 0;
    }

    .footerContact {
        display: flex;
        justify-content: space-between;
    }

    .footerSocial {
        margin: 0 0 24px 0;
    }

    .footerLink-blk {
        width: 100%;
        background: var(--color-light);
        border: none;
        border: 1px solid rgba(171, 180, 189, 0.2);
        border-radius: 8px;
        padding: 12px;
    }

    .footerLink {
        padding-right: 0;
    }

    .footerLink>* {
        padding-right: 0;
        margin-bottom: 12px;
    }

    .footerLinkItem {
        padding: 4px 0 4px 0;
    }

    .footerLinkTitle {
        padding: 0;
    }

    .footerSocial a {
        width: 50%;
        background: #fff;
        /* color: #fff; */
        border-radius: 4px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 0;
    }

    #home {
        padding-top: 80px;
    }

    .homeBanner {}

    .banner {}

    .bannerNavItem {
        background: #fff !important;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        box-shadow: 0 12px 24px rgba(0, 0, 0, .2);
        color: initial;
        font-size: 16px;
    }

    .slick-dots {
        margin: 24px 0;
    }

    .bannerNavPrev {
        left: 10px;
    }

    .bannerNavNext {
        right: 10px;
    }

    .bannerNavItem:hover {
        color: var(--color-theme);
    }

    .slider {}

    .bannerItem {
        height: 240px;
    }

    .homeService {}

    .homeServiceWrapper {
        height: auto;
    }

    .homeServiceItem {}

    .homeServiceIcon {}

    .homeServiceItem:hover .homeServiceIcon {
        opacity: 1;
    }

    .homeServiceTitle {}

    .homeServiceTxt {}

    .homeServiceTxt,
    .homeServiceItem .fa-arrow-circle-right {
        opacity: 1;
    }

    .homeIntro {
        height: auto;
        max-height: none;
    }

    .homeIntroTxt {}

    .btnTheme {}

    .homeIntroImg {}

    .homePartner {}

    .partnerItem {
        height: 120px;
    }

    .homeProperty {}

    .sectionTitle {}

    .sectionTitle h2 {
        font-size: 30px;
    }

    .boxProperty {
        margin-bottom: 8px;
    }

    .boxPropertyImg {}

    .boxPropertyTxt {}

    .boxPropertyTitle {}

    .boxPropertyAddress {}

    .boxPropertyMeta {}

    .propertyMeta {}

    .propertyMetaItem {}

    .propertyMetaIcon {}

    .boxPropertyMore {}

    .homePropertyBtn {}

    .homeNews {}

    .boxPost {}

    .homeNews-other {
        width: 100%;
        padding-right: 0;
    }

    .boxPostThumbnail {}

    .boxPostTxt {}

    .boxPostDate {}

    .boxPostTitle {}

    .boxPostDesc {}

    .homeRegister {}

    .homeRegisterTitle {}

    .homeRegisterTxt {}

    .homeRegisterForm {}

    .RegisterFormTitle {}

    .registerFormItem {
        margin-bottom: 4px;
    }

    .pageContent {}

    #about {
        padding-top: 80px;
    }

    .pageDetail {}

    .pageBanner {}

    #news {
        padding-top: 80px;
    }

    #news .pageBanner {
        height: 160px;
    }

    #news .pageBannerTxt {
        top: 64%;
    }

    #about .pageBanner {
        height: 240px;
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .breadcrumb {}

    #about .breadcrumb {
        margin: 0;
    }

    #about h1 {
        margin-left: 0;
    }

    #about article {
        padding-top: 42px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .relatedPrd {
        padding: 0;
    }

    #about article:after {}

    .pageSidebar {
        margin-bottom: 12px;
    }

    .boxPanel {}

    .boxPanel-title {}

    .boxPanel-content {}

    .pageNav {}

    .pageNavItem {}



}