.sidebar.show .contentSidebar .SidebarLinks, .sidebar.show .contentSidebar .SidebarLinks .linksSide {
    pointer-events: none !important;
    /* max-height: calc(100vh - 30px); */
    /* overflow: auto; */
    /* pointer-events: auto !important; */
    justify-content: center !important;
}
.advancedSearch .form .boxInput select {
    position: relative;
    width: 100%;
    height: 50px;
    border-radius: 0;
    background-color: transparent !important;
    color: #ffffff;
    border: 1px solid #4c4e4b;
}
.NextPrevSlider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 90%;
    margin: auto;
    height: 1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.SidebarLinks .linksSide a {
    min-height: 40px;
}

.NextPrevSlider .swiper-button-prev, .NextPrevSlider .swiper-button-next {
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .NextPrevSlider .swiper-button-prev .circleButton, .NextPrevSlider .swiper-button-next .circleButton {
        top: 0;
        bottom: 0;
        margin: auto !important;
    }

section.sectionOneHome .supportBox {
    display: none !important;
}

@media only screen and (max-width: 1500px) {
    ul.breadcrumbs {
        flex-wrap: wrap;
    }

    .officeDetail .left {
        position: relative;
        width: 100%;
        padding: 80px 56% 80px 40px;
    }

    .pagination {
        flex-wrap: wrap;
        grid-gap: 5px;
    }
}

@media only screen and (max-width: 1300px) {
    .headerGallery {
        top: 160px;
        z-index: 1000;
    }

    a {
        font-size: 14px;
    }

        a.logo {
            width: 150px;
        }

    nav.navbar .container .menuTop {
        width: calc(100% - 110px);
    }

    nav.navbar .container .topcol {
        width: 110px;
    }

    section.sectionProject {
        z-index: 10;
    }

    .TitleSec2 .discription {
        font-size: 18px;
        font-weight: 100;
        padding-bottom: 40px;
    }

    section.sectionFutureProject h2.titleSection {
        font-size: 66px;
    }
}

@media only screen and (max-width: 1200px) {
    section.Projects .itemProjectOne {
        position: relative;
        width: calc((100% / 2) - 20px);
    }

    .itemOtherPicGallery span.numberPic {
        left: 50px;
        bottom: 50px;
    }

    .officeDetail .left {
        padding: 40px 56% 40px 40px;
    }

    .officeDetail .itemDetOffice.title {
        font-size: 30px;
    }

    .officeDetail .itemDetOffice {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1100px) {
    .menuTop {
        display: none !important;
    }

    nav.navbar .container .col2 {
        justify-content: flex-end;
    }

    .showNewsContent .itemNew {
        width: calc((100% / 2) - 40px);
    }

    .headerGallery {
        top: 140px;
    }

    section.sectionNews .TitleSecNews {
        top: -60% !important;
    }

    nav.navbar .container .col2 {
        justify-content: flex-end;
    }

    nav.navbar .container .menuTop {
        display: none;
    }

    .itemProjectOne h2.titleAndCity {
        font-weight: bold !important;
    }

    .OutBtns .btnOutSec {
        font-size: 3.3vw;
    }

    .subFooter span:first-child {
        font-size: 16px;
        width: 20vw;
    }

    .subFooter span:last-child {
        font-size: 16px;
    }

    ul.breadcrumbs li a {
        font-size: 16px;
    }

    section.sectionServicesText .DescriptionText {
        max-width: 100%;
        margin: 40px auto;
        width: 100%;
    }

    .sectionPhotoGallery .textSubTitle {
        width: 100%;
    }
}

@media only screen and (max-width: 980px) {
    label.Slidertitle {
        font-size: 12px;
    }

    .advancedSearch .form .boxInput {
        position: relative;
        width: calc((100% / 2) - 30px);
    }

    .sectionOtherUnit .sliderProject .swiper-pagination-progressbar {
        width: 100%;
    }

    section.DreamyProjects h3.subTitle {
        font-size: 22px;
        margin: 20px 0 0;
    }

    section.LocationSection .rowCenter {
        margin-bottom: 40px;
    }

    .itemProjectOne .context .priceProj {
        font-size: 18px;
    }

    .BoxGalleryImage:before {
        position: absolute;
        left: -2px;
        right: 0;
        top: 0;
        bottom: 0;
        width: 96%;
        margin: auto;
    }

    .detailText {
        font-size: 16px;
    }

    .pagination .pageLink {
        font-size: 16px;
    }

    .textContext {
        font-size: 16px;
        font-weight: 100;
        line-height: 2;
    }

    .rowPicDetailGallery .col:first-child {
        padding-left: 50px;
    }

    .headerGallery {
        position: relative;
        top: 0;
        padding: 220px 0 30px 50px;
        z-index: 10;
    }

    .officeDetail .right {
        position: relative;
        width: 100%;
        left: 0;
        height: 350px;
    }

    section.MapOfficeSmall .officeDetail:before {
        width: calc(100% - 40px);
    }

    .itemUnit h3.title {
        position: relative;
        font-size: 8vw;
        font-family: "Shonar Bangla";
        font-weight: normal;
        margin: 0;
        color: #ccc;
    }

    .officeDetail .left {
        padding: 40px;
        width: 100%;
        position: relative;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .container {
        width: 90%;
    }

    .SendUsForm .inputs select {
        font-size: 16px !important;
        height: 45px !important;
        font-weight: 400 !important;
        width: 100% !important;
        color: #656665 !important;
        margin: 20px 0 0 !important;
        padding-left: 10px !important;
    }

    .officeDetail {
        flex-direction: column-reverse;
        align-items: center;
    }

        .officeDetail:before {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            margin: auto;
            width: 90%;
        }

        .officeDetail:after {
            left: 0;
            right: 0 !important;
            margin: auto;
            bottom: -12px;
        }

    footer.FooterInner .footerNewsLetter .container {
        flex-direction: column;
    }

    footer.FooterInner .formNewsLetter {
        width: 60%;
    }

    .SendUsForm .inputs textarea {
        font-size: 16px !important;
    }

    .contentSmall {
        width: 100%;
        z-index: 110;
    }

    section.sectionOneHome .supportBox .text {
        width: 130px;
        font-size: 14px;
        padding: 5px;
    }

    .sectionOneHome .textSlide {
        bottom: 10vw;
    }

    .sectionOneHome .itemSliderOne .textSlide .slice3 {
        left: 27vw;
        width: 45vw;
        font-size: 7vw;
    }

    section.sectionFutureProject:before {
        display: none;
    }

    section.sectionFutureProject .container {
        flex-direction: column;
    }

        section.sectionFutureProject .container .col {
            width: 100% !important;
        }

            section.sectionFutureProject .container .col:last-child {
                margin-top: 40px;
            }

    section.sectionFutureProject .textSection {
        font-size: 16px;
    }

    .sectionNewsLetter .container {
        flex-direction: column;
    }

        .sectionNewsLetter .container .col {
            width: 100% !important;
        }

    .sectionNewsLetter .formNewsletter .btnSubmit {
        width: 120px;
        height: 100%;
        background: transparent !important;
    }

    .sectionNewsLetter .formNewsletter {
        padding-right: 120px;
    }

        .sectionNewsLetter .formNewsletter .btnSubmit .circleButton svg, .form .btnSubmit .circleButton svg {
            position: absolute;
            width: 120px !important;
            height: 120px;
        }

    .sectionNewsLetter .circleButton:before, .form .circleButton:before {
        width: 70px;
        height: 70px;
        font-size: 20px;
    }

    .sectionNewsLetter .formNewsletter input, .form input {
        font-size: 18px;
        height: 45px;
        font-weight: 100;
        background: transparent !important;
    }

    .animTextOurBox div.Line1 span, .animTextOurBox div.Line1 span:before {
        font-size: 6vw !important;
        line-height: 6vw !important;
    }

    .animTextOurBox div span, .animTextOurBox div span:before {
        font-size: 5vw !important;
        line-height: 5vw !important;
    }

    .itemProjectOne h2.titleAndCity {
        font-size: 5vw;
    }

    .contentTitle span {
        font-size: 3vw;
    }

    section.sectionInterview .animTextOurBox {
        transform: rotate(-90deg) translate(-40px,-180px) scale(0.9);
        transform-origin: center bottom;
    }

    .PicInteview .NameAdmin {
        font-size: 3.5vw;
        width: 25vw;
    }

    section.sectionNews .TitleSecNews .contentTitle span {
        width: 34vw;
        font-size: 6vw;
    }

    .circleButton svg {
        position: absolute;
        width: 12vw !important;
        height: 12vw;
        transition: all 0.5s;
    }

    .circleButton:before {
        font-size: 3.5vw;
    }

    .itemNew .textNews {
        font-size: 3vw;
    }

    section.sectionProject:after, .sectionServices:after {
        display: none;
    }

    .itemServices .text h2 {
        font-size: 3vw;
    }

    .animTextOurBox div.Line1 span, .animTextOurBox div.Line1 span:before {
        font-size: 6vw !important;
        line-height: 6vw !important;
        font-weight: bold !important;
    }

    .animTextOurBox div span, .animTextOurBox div span:before {
        font-size: 5vw !important;
        line-height: 5vw !important;
    }

    .TitleSec2 .discription {
        padding-right: 160px;
    }

    section.sectionFutureProject .swiper-pagination {
        width: 100%;
    }
}

@media only screen and (max-width: 890px) {
    .textContext {
        padding: 20px 0 20px;
    }

    .OutBtns .btnOutSec {
        font-size: 20px;
        font-weight: 100 !important;
    }

    section.sectionInterview .animTextOurBox {
        transform: rotate(-90deg) translate(-50px,-140px) scale(0.9);
        transform-origin: center bottom;
    }

    .descriptionItemDetailPic {
        font-size: 12px;
    }

    .boxesUnits {
        flex-wrap: wrap;
        grid-gap: 20px;
    }

    .itemUnit {
        width: calc(50% - 20px);
    }

    .sectionOneHome .textSlide {
        bottom: 13vw;
    }

    .animTextOurBox div.Line1 span, .animTextOurBox div.Line1 span:before {
        font-size: 5vw !important;
        line-height: 5vw !important;
        font-weight: normal !important;
    }

    .animTextOurBox div span, .animTextOurBox div span:before {
        font-size: 5vw !important;
        line-height: 5vw !important;
        font-weight: normal !important;
    }
}

@media only screen and (max-width: 768px) {
    
    .animTextOurBox div.Line1 span, .animTextOurBox div.Line1 span:before {
        font-size: 5vw !important;
        line-height: 5vw !important;
        font-weight: normal !important;
    }

    .animTextOurBox div span, .animTextOurBox div span:before {
        font-size: 5vw !important;
        line-height: 5vw !important;
        font-weight: normal !important;
    }

    .DescriptionText {
        width: 100%;
        max-height: 105px;
    }

    footer.FooterInner {
        position: relative;
        padding: 0px 0 180px;
    }

    section.sectionProject {
        position: relative;
        width: 100%;
        overflow: inherit;
    }

    section.Projects .itemProjectOne {
        position: relative;
        width: 100%;
        margin-top: 40px;
    }

    section.FacilitiesSection .animTextOurBox div.Line1 span, section.FacilitiesSection .animTextOurBox div.Line1 span:before {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    section.FacilitiesSection .animTextOurBox div span, section.FacilitiesSection .animTextOurBox div span:before {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    section.LocationSection .animTextOurBox div.Line1 span, section.LocationSection .animTextOurBox div.Line1 span:before {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    section.LocationSection .animTextOurBox div span, section.LocationSection .animTextOurBox div span:before {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    section.VideoSection .animTextOurBox div.Line1 span, section.VideoSection .animTextOurBox div.Line1 span:before {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    section.VideoSection .animTextOurBox div span, section.VideoSection .animTextOurBox div span:before {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    section.sectionOtherUnit .animTextOurBox div.Line1 span, section.sectionOtherUnit .animTextOurBox div.Line1 span:before {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    section.sectionOtherUnit .animTextOurBox div span, section.sectionOtherUnit .animTextOurBox div span:before {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    .contextHeader {
        width: 90%;
    }

    .BoxGalleryImage:before {
        height: 60%;
    }

    .contextAcc {
        flex-direction: column-reverse;
    }

    .headerGallery {
        position: relative;
        top: 0;
        padding: 220px 0 30px 50px;
        z-index: 10;
    }

    .rowPicDetailGallery .col:first-child {
        padding: 20px;
        margin: 0 auto;
        width: 100%;
    }

    .rowPicDetailGallery .col:last-child {
        padding: 20px;
        margin: 0 auto;
        width: 100%;
    }

    .rowPicDetailGallery {
        display: flex;
        flex-direction: column;
        margin: 20px auto;
        width: calc(100% - 60px);
    }

    section.VideoSection .animTextOurBox div.Line1 span, section.VideoSection .animTextOurBox div.Line1 span:before {
        font-size: 35px !important;
        line-height: 35px !important;
        font-weight: normal !important;
    }

    section.IntroducingSection .contextAcc {
        flex-direction: column-reverse;
    }

    .contextAcc:before {
        top: 20%;
        width: 100%;
        height: 80%;
    }

    .contextAcc .col:first-child {
        width: 100%;
    }

    .contextAcc .col:last-child {
        width: calc(80% - 10px);
        margin: 0 auto;
    }

    .contextAcc.open:before {
        top: 0;
        width: 80%;
        height: 70%;
    }
    /* .contextAcc.open .col:first-child {
        font-size: 14px;
    } */
    section.IntroducingSection .contextAcc.open {
        display: flex;
        flex-direction: column-reverse;
    }

        section.IntroducingSection .contextAcc.open .col:first-child {
            width: 100%;
            padding-bottom: 0;
            margin: 0;
            z-index: 2;
        }

        section.IntroducingSection .contextAcc.open .col:last-child {
            width: 100%;
            display: flex;
            justify-content: center;
            z-index: 2;
        }

        section.IntroducingSection .contextAcc.open:before {
            height: 80%;
            top: calc(20% + 50px);
            z-index: 2;
            width: 100%;
        }

        section.IntroducingSection .contextAcc.open i.border {
            bottom: -30px;
        }

    section.sectionFutureProject h2.titleSection {
        font-size: 66px;
    }

    header .animTextOurBox {
        align-items: center;
    }

    section.sectionNews:before {
        display: none;
    }

    section.sectionNews .container {
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-direction: column-reverse;
    }

    section.sectionNews .TitleSecNews .contentTitle {
        transform-origin: center;
        transform: rotate(0deg);
        position: relative;
        display: flex;
        flex-direction: column;
    }

    section.sectionNews .TitleSecNews {
        width: 100%;
        display: flex;
        position: absolute;
        bottom: auto !important;
        top: -130px !important;
        flex-direction: column;
        align-items: center;
    }

        section.sectionNews .TitleSecNews .contentTitle span {
            transform: none !IMPORTANT;
        }

    .sectionNews .circleButton {
        bottom: -100px !important;
        left: 20%;
    }

    section.sectionServices .sliderServices {
        margin: 30px 0;
    }

    section.sectionFutureProject {
        padding: 30px 0;
    }

    section.sectionServices {
        position: relative;
        width: 100%;
        padding: 50px 0 70px;
    }
    .AllContentFAQTab .contextAcc:before {
        top: 0;
        width: 100%;
        height: 100%;
    }
}

@media only screen and (max-width: 680px) {
    .titleAccordion h4 {
        font-size: 20px;
        font-weight: 100;
    }
    .bgSec1 {
        display: none;
    }

        .bgSec1.inmobile {
            display: block;
        }

    .sidebar.show .contentSidebar .SidebarLinks, .sidebar.show .contentSidebar .SidebarLinks .linksSide {
        max-height: calc(100vh - 30px);
        overflow: auto;
        pointer-events: auto !important;
        justify-content: flex-start !important;
    }

    span.mapFooter:before {
        filter: brightness(52.2) !important;
    }

    .officeDetail .left {
        align-items: flex-start;
    }

    footer.FooterInner .footerNewsLetter .container h3.titleNewsletter {
        font-size: 26px;
    }

    #toTop {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    span.mapFooter {
        width: 85vw;
        height: 40vw;
    }

    section.sectionInterview {
        position: relative;
        width: 100%;
        padding: 30vw 0 100px;
        overflow: hidden;
    }

        section.sectionInterview .animTextOurBox {
            transform: rotate(-0deg) translate(0px,0px) scale(0.9);
            transform-origin: center bottom;
            position: absolute;
            top: -35vw;
            align-items: center;
        }

    .sectionOneHome .textSlide {
        bottom: 24vw;
        width: 100%;
        left: 0;
    }

        .SidebarLinks .linksSide a {
            font-size: 16px !important;
            line-height: 16px;
            min-height: 24px !important;
        }

    .sidebar.show .contentSidebar .SidebarPic {
        display: none;
    }

    .sidebar .contentSidebar {
        grid-template-columns: 1fr;
        padding: 20px 0;
    }

    section.Projects.allServices .itemProjectOne, section.Projects.allUnits .itemProjectOne {
        width: 100%;
    }

    .contextHeader .animTextOurBox div.Line1 span, .contextHeader .animTextOurBox div.Line1 span:before {
        font-size: 5vw !important;
        line-height: 5vw !important;
    }

    .contextHeader .animTextOurBox div span, .contextHeader .animTextOurBox div span:before {
        font-size: 5vw !important;
        line-height: 5vw !important;
    }

    .shareBox span {
        font-size: 16px;
        display: flex;
        align-items: center;
    }

    .shareBox {
        width: 100%;
    }

    .officeDetail .itemDetOffice {
        font-size: 14px;
        line-height: 1.5;
    }

    .OutBtns .btnOutSec {
        font-size: 24px;
    }

    section.sectionPhotoGallery .animTextOurBox div span, section.sectionPhotoGallery .animTextOurBox div span:before {
        font-size: 30px !important;
        line-height: 30px !important;
        font-weight: normal !important;
    }

    section.IntroducingSection .contextAcc.open:before {
        height: calc(80% + 30px);
        top: calc(20% + 0px);
        z-index: 2;
        width: 100%;
    }

    footer.FooterInner .formNewsLetter {
        width: 100%;
    }

    .animTextOurBox.center div.Line1 span, .animTextOurBox.center div.Line1 span:before {
        font-size: 35px !important;
        line-height: 35px !important;
        font-weight: normal !important;
    }

    section.CMsection .animTextOurBox div.Line1 span, section.CMsection .animTextOurBox div.Line1 span:before, section.sendCMsection .animTextOurBox div.Line1 span, section.sendCMsection .animTextOurBox div.Line1 span:before {
        font-size: 35px !important;
        line-height: 35px !important;
        font-weight: normal !important;
    }

    section.CMsection .animTextOurBox div span, section.CMsection .animTextOurBox div span:before, section.sendCMsection .animTextOurBox div span, section.sendCMsection .animTextOurBox div span:before {
        font-size: 35px !important;
        line-height: 35px !important;
        font-weight: normal !important;
    }

    .SendUsForm {
        flex-direction: column;
        padding: 0 !important;
        width: 100%;
    }

        .SendUsForm .inputs {
            width: 100%;
            display: flex;
            flex-direction: column !important;
            margin-bottom: 20px;
        }

            .SendUsForm .inputs input {
                margin: 20px 0 0 !important;
                width: 100%;
            }

            .SendUsForm .inputs textarea {
                min-height: 150px;
                margin: 20px 0 0 !important;
            }

    .itemComment {
        width: 100% !important;
        transform: translateX(20vh) !important;
    }

    .sectionActive .itemComment {
        transform: translateX(0) !important;
    }

    .sectionActive .itemComment {
        flex-direction: column !important;
        align-items: center !important;
    }

    .itemComment .textComment {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        padding-bottom: 10px !important;
    }

        .itemComment .textComment .text {
            border-top: 2px solid var(--realColor);
            padding: 10px 0 0 0px;
            line-height: 2;
            border-left: 0;
        }

    .animTextOurBox div.Line1 span, .animTextOurBox div.Line1 span:before {
        font-size: 30px !important;
        line-height: 30px !important;
        font-weight: normal !important;
    }

    .animTextOurBox div span, .animTextOurBox div span:before {
        font-size: 30px !important;
        line-height: 30px !important;
        font-weight: normal !important;
    }

    .sectionNewsLetter .container {
        display: flex;
        justify-content: space-between;
        padding: 0 0px;
    }

    .subFooter span:first-child {
        font-size: 14px;
        width: 160px;
        font-weight: 100;
    }

    .subFooter span:last-child {
        font-size: 14px;
        font-weight: 100;
    }

    footer .textFooter a {
        font-size: 7vw;
    }

    footer .textFooter span {
        font-size: 4vw;
    }

    .PicInteview {
        width: 65vw;
    }

    section.sectionInterview .animTextOurBox div.Line1 span, section.sectionInterview .animTextOurBox div.Line1 span:before {
        font-size: 10vw !important;
        line-height: 10vw !important;
        font-weight: bold !important;
    }

    section.sectionInterview .animTextOurBox div span, section.sectionInterview .animTextOurBox div span:before {
        font-size: 10vw !important;
        line-height: 10vw !important;
        font-weight: 100 !important;
    }

    .PicInteview .NameAdmin {
        font-size: 5vw;
        width: 30vw;
        bottom: -1.3vw;
        left: calc(100% + 20px);
    }

    section.sectionNews {
        overflow: unset;
        padding: 120px 0;
    }

        section.sectionNews .TitleSecNews {
            top: -27% !important;
        }

            section.sectionNews .TitleSecNews .contentTitle span {
                width: 100% !important;
                font-size: 8vw;
            }

        section.sectionNews .container .col:nth-child(2) {
            width: 25%;
        }

    .sectionNews .container .col:last-child {
        width: 75%;
    }

    .sliderServices .swiper-pagination {
        width: 100%;
    }

    .itemServices .text h2 {
        font-size: 9vw;
    }

    section.sectionFutureProject .swiper-pagination {
        width: 100%;
    }

    .itemFutureProject {
        width: 100%;
    }

    section.sectionFutureProject h2.titleSection {
        font-size: 40px;
    }

    .sectionOneHome .swiper-slide .textSlide {
        position: absolute;
        right: 0;
        width: 100%;
        display: flex !important;
        top: 0;
        height: 100%;
        flex-direction: column;
        font-size: 80px;
        justify-content: center;
        align-items: center;
        left: 0;
        display: none !important;
    }

        .sectionOneHome .swiper-slide .textSlide span.slice3 {
            position: RELATIVE;
            left: 0;
            right: 0;
            bottom: -30px;
            padding: 0 10px 0 0;
            text-align: center;
        }

    .sectionOneHome .textSlide span.slice1 {
        position: relative;
        margin: 0 0 -30px;
    }

    section.sectionOneHome .supportBox {
        bottom: 105px;
    }

    .circleButton {
        left: 0;
        width: 80px;
        height: 80px;
        bottom: 10px;
        right: 0;
        margin: auto !important;
    }

        .circleButton svg {
            position: absolute;
            width: 80px !important;
            height: 80px;
            transition: all 0.5s;
        }

        .circleButton:before {
            font-size: 16px;
            width: 100%;
            height: 100%;
            margin: 0;
        }

    .itemGalleryOne:before {
        position: relative;
        display: block;
        padding-top: 60%;
        content: '';
    }

    .TitleSec2 .discription {
        font-size: 16px;
        font-weight: 100;
        padding-bottom: 60px;
    }

    h2.titleSec {
        font-size: 40px;
    }

    .TitleSec2 .discription .rowBtn:before {
        display: none;
    }

    .itemProjectOne h2.titleAndCity {
        font-size: 18px;
        justify-content: flex-end;
    }

    .itemNew .dateTime .contentTitle span:last-child {
        font-size: 7vw;
        font-weight: bold;
    }

    .itemNew .dateTime .contentTitle span:first-child {
        font-size: 14vw;
    }

    .sectionNews .circleButton {
        bottom: -80px;
    }

    section.sectionNews .TitleSecNews {
        font-size: 7vw;
    }

        section.sectionNews .TitleSecNews .contentTitle span {
            width: 36vw;
        }

    .mapDetail {
        position: relative;
        width: 100%;
        margin: 30px auto 0;
    }

    .TitleSec2 .discription .rowBtn {
        position: absolute;
        right: 0;
        width: 70%;
        left: 0;
        margin: 0 auto 0;
        bottom: -20px;
    }
}

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

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

    .subFooter {
        flex-direction: column;
        display: flex;
        align-items: center;
    }

        .subFooter span {
            position: relative !important;
            width: 100% !important;
        }

    section.FacilitiesSection .animTextOurBox div.Line1 span, section.FacilitiesSection .animTextOurBox div.Line1 span:before {
        font-size: 30px !important;
        line-height: 30px !important;
    }

    .subFooter span {
        position: relative !important;
        width: 100% !important;
        margin-top: -18px;
        text-align: center;
        justify-content: center;
        border: none !important;
        min-height: 40px;
    }

    section.LocationSection .animTextOurBox div.Line1 span, section.LocationSection .animTextOurBox div.Line1 span:before {
        font-size: 30px !important;
        line-height: 30px !important;
    }

    section.LocationSection .animTextOurBox div span, section.LocationSection .animTextOurBox div span:before {
        font-size: 30px !important;
        line-height: 30px !important;
    }

    section.VideoSection .animTextOurBox div.Line1 span, section.VideoSection .animTextOurBox div.Line1 span:before {
        font-size: 30px !important;
        line-height: 30px !important;
    }

    section.VideoSection .animTextOurBox div span, section.VideoSection .animTextOurBox div span:before {
        font-size: 30px !important;
        line-height: 30px !important;
    }

    section.sectionOtherUnit .animTextOurBox div.Line1 span, section.sectionOtherUnit .animTextOurBox div.Line1 span:before {
        font-size: 30px !important;
        line-height: 30px !important;
    }

    section.sectionOtherUnit .animTextOurBox div span, section.sectionOtherUnit .animTextOurBox div span:before {
        font-size: 30px !important;
        line-height: 30px !important;
    }

    section.sectionOur .animTextOurBox div.Line2 span, section.sectionOur .animTextOurBox div.Line2 span:before {
        font-size: 30px !important;
        line-height: 30px !IMPORTANT;
    }

    .OutBtns {
        position: relative;
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        margin-top: 150px;
        margin-left: auto;
        margin-right: auto;
    }

    .showOnMap {
        position: relative;
        font-family: 'Cormorant Unicase';
        font-size: 26px;
    }

    .shareBox {
        flex-direction: column;
        align-items: center;
    }

    .itemUnit {
        width: 100%;
    }

    .showNewsContent .itemNew {
        width: 100%;
    }

    .sectionOneHome .itemSliderOne .textSlide .slice3 {
        left: 27vw;
        width: 80vw;
        font-size: 12vw;
    }

    .animTextOurBox div span, .animTextOurBox div span:before, .animTextOurBox div.Line1 span, .animTextOurBox div.Line1 span:before {
        font-size: 30px !important;
        line-height: 30px !important;
        font-weight: normal !important;
    }
}

@media only screen and (max-width: 480px) {
    section.FacilitiesSection {
        margin-top: 140px;
    }

    .advancedSearch .form .boxInput {
        width: 100%;
    }

    .showRagePrice, .countNum {
        position: absolute;
        top: 45px;
        right: 0;
    }

    footer {
        position: relative;
        padding: 100px 0 260px;
    }

    .rowPicDetailGallery .col:first-child {
        padding: 5px;
    }

    .rowPicDetailGallery .col:last-child {
        padding: 5px;
    }

    .headerGallery {
        position: relative;
        top: 0;
        padding: 220px 0 70px 40px;
    }

    footer.FooterInner .formNewsLetter {
        flex-direction: column;
    }

        footer.FooterInner .formNewsLetter input {
            padding-right: 10px;
        }

    footer.FooterInner .formNewsLetter {
        flex-direction: column;
        height: 120px;
        justify-content: flex-start;
        display: flex;
        padding: 10px;
    }

        footer.FooterInner .formNewsLetter button.btnNewsletter {
            position: relative;
            width: 100%;
            margin: 0 auto;
            display: flex;
            left: 0;
            align-items: center;
            justify-content: center;
        }

    .itemFutureProject .titleFuture .contentTitle h2.titleAndCity {
        font-size: 3.5vw;
    }

    .contextAcc .col {
        font-size: 12px;
    }

        .contextAcc .col:first-child {
            width: 100%;
            padding: 0 20px 20px;
        }

    .animTextOurBox.center div.Line1 span, .animTextOurBox.center div.Line1 span:before {
        font-size: 30px !important;
        line-height: 30px !important;
        font-weight: normal !important;
    }

    section.CMsection .animTextOurBox div.Line1 span, section.CMsection .animTextOurBox div.Line1 span:before, section.sendCMsection .animTextOurBox div.Line1 span, section.sendCMsection .animTextOurBox div.Line1 span:before {
        font-size: 30px !important;
        line-height: 30px !important;
        font-weight: normal !important;
    }

    section.CMsection .animTextOurBox div span, section.CMsection .animTextOurBox div span:before, section.sendCMsection .animTextOurBox div span, section.sendCMsection .animTextOurBox div span:before {
        font-size: 30px !important;
        line-height: 30px !important;
        font-weight: normal !important;
    }

    .animTextOurBox div span, .animTextOurBox div span:before {
        font-size: 30px !important;
        line-height: 30px !important;
        font-weight: normal !important;
    }

    .OutBtns {
        flex-direction: column;
        grid-gap: 10px;
        margin-top: 250px;
        margin-bottom: -180px;
    }

    .itemNew .textNews {
        font-size: 12px;
    }

    footer.FooterInner .footerNewsLetter .container h3.titleNewsletter {
        font-size: 32px;
        font-family: 'Cormorant Unicase';
        font-weight: normal;
        margin: 20px;
    }

    nav.navbar .container {
        width: 100%;
    }

    a.logo {
        width: 100px;
        margin: 0 0px 0 20px;
    }
}

@media only screen and (max-width: 400px) {
    section.sectionOur.ourHome .animTextOurBox div.Line1 span, section.sectionOur.ourHome .animTextOurBox div.Line1 span:before {
        font-size: 7vw !important;
        line-height: 7vw !important;
        font-weight: bold !important;
        /* color: #fff; */
    }

    section.sectionOur.ourHome .animTextOurBox div.Line2 span, section.sectionOur.ourHome .animTextOurBox div.Line2 span:before {
        font-size: 7vw !important;
        line-height: 7vw !IMPORTANT;
        /* color: #fff; */
    }

    section.sectionOur.ourHome .animTextOurBox div span, section.sectionOur.ourHome .animTextOurBox div span:before {
        font-size: 10vw !important;
        line-height: 10vw !important;
        font-weight: normal !important;
        /* color: red; */
    }
}
@media only screen and (max-width: 380px) {
    section.FacilitiesSection .animTextOurBox div.Line1 span, section.FacilitiesSection .animTextOurBox div.Line1 span:before {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    section.FacilitiesSection .animTextOurBox div span, section.FacilitiesSection .animTextOurBox div span:before {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    section.LocationSection .animTextOurBox div.Line1 span, section.LocationSection .animTextOurBox div.Line1 span:before {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    section.LocationSection .animTextOurBox div span, section.LocationSection .animTextOurBox div span:before {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    section.VideoSection .animTextOurBox div.Line1 span, section.VideoSection .animTextOurBox div.Line1 span:before {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    section.VideoSection .animTextOurBox div span, section.VideoSection .animTextOurBox div span:before {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    section.sectionOtherUnit .animTextOurBox div.Line1 span, section.sectionOtherUnit .animTextOurBox div.Line1 span:before {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    section.sectionOtherUnit .animTextOurBox div span, section.sectionOtherUnit .animTextOurBox div span:before {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    .animTextOurBox.center div.Line1 span, .animTextOurBox.center div.Line1 span:before {
        font-size: 20px !important;
        line-height: 20px !important;
        font-weight: normal !important;
    }

    section.CMsection .animTextOurBox div.Line1 span, section.CMsection .animTextOurBox div.Line1 span:before, section.sendCMsection .animTextOurBox div.Line1 span, section.sendCMsection .animTextOurBox div.Line1 span:before {
        font-size: 25px !important;
        line-height: 25px !important;
        font-weight: normal !important;
    }

    section.CMsection .animTextOurBox div span, section.CMsection .animTextOurBox div span:before, section.sendCMsection .animTextOurBox div span, section.sendCMsection .animTextOurBox div span:before {
        font-size: 25px !important;
        line-height: 25px !important;
        font-weight: normal !important;
    }

    .animTextOurBox div span, .animTextOurBox div span:before {
        font-size: 20px !important;
        line-height: 20px !important;
        font-weight: normal !important;
    }

    .animTextOurBox div.Line1 span, .animTextOurBox div.Line1 span:before {
        font-size: 20px !important;
        line-height: 20px !important;
        font-weight: normal !important;
    }


}