@media (max-width: 2560px) {

}
@media (max-width: 1600px) {
    div#Director_Body p {
        font-size: 14px;
    }
    .sustainability-area {
        width: 105vw;
    }
    .project-list ul li .location {
        margin: 0 0 20px 0;
    }
    .project-list ul li p {
        width: 100%;
    }
    .project-detail-area .faq-area .card-body img {
        width: 70%;
        float: right;
        margin-right: 4%;
    }
    .contact-page .form-area .form-control {
        padding: 5px 0;
        font-size: 12px;
        height: 30px;
    }
    .contact-page .form-area .mb-5 label {
        font-size: 13px;
        line-height: 10px;
        margin: 0 0 12px 0;
    }
    .contact-page .form-area .radio span {
        font-size: 10px;
    }
    #worldspace_vendor .form-flex .form-control {
        padding: 6px 0;
        font-size: 12px;
        height: 30px;
    }
    #worldspace_vendor .form-flex .mb-5 {
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }
    #worldspace_vendor .form-flex .mb-5 label {
        font-size: 15px;
    }
    .location-area .contact-bottom .map-block {
        height: 32vh;
    }
    .footer-area .footer-top .inputarea .btn-send {
        width: 66px;
        padding: 3px 10px;
        height: 50px;
    }
    .footer-area .footer-top .inputarea .form-control {
        height: 50px;
    }
    .contact-page .contact-bottom {
        height: 80vh;
    }
    .location-area .contact-bottom {
        height: 80vh;
    }
    .sidemenu .menu li {
        margin-right: 50px;
    }
    .career-detail-page .flex-area .leftside p {
        font-size: 13px;
        line-height: 17px;
    }
    .career-detail-page .flex-area .leftside .pdf-box img {
        max-width: 249px;
    }
    .career-detail-page .flex-area .leftside h3 {
        font-size: 15px;
        margin: 0 0 2px 0;
    }
    .career-detail-page .flex-area .rightside .btn-submit {
        margin-top: 0px;
    }
    .faq-page .faq-content .column p {
        font-size: 13px;
        line-height: 21px;
        margin: 0 0 25px 0;
    }
    .faq-page .faq-list-area ul.faq-list li {
        margin-bottom: 10px;
    }
    .faq-page .faq-list-area ul.faq-list li a {
        font-size: 13px;
        line-height: 20px;
        min-height: 50px;
    }
    .faq-page .buyingtips p {
        font-size: 13px;
        line-height: 21px;
        margin: 0 0 15px 0;
    }
    .faq-page .buyingtips h2 {
        font-size: 18px;
        margin: 0 0 15px 0;
    }
    .faq-page .buyingtips .inner-flex table th {
        font-size: 14px;
        line-height: 14px;
    }
    .faq-page .buyingtips .inner-flex table td {
        font-size: 14px;
        line-height: 17px;
        padding: 5px 10px 8px 0;
    }
    .who-we-work-area .w-3 p {
        font-size: 15px;
        line-height: 20px;
    }
    .about-page .content-bottom-part p {
        font-size: 15px;
        line-height: 18px;
    }
    .who-we-work-area .w-3 .content img {
        width: 65%;
    }
    .item_list_with_icon {
        margin-top: 1em;
    }
    .item_list_with_icon ul li {
        width: 185px;
        height: 185px;
        margin-bottom: 20px;
    }
    .aboutpage-title-area {
        top: 90px;
    }
    .ourteam-fixed {
        padding: 80px 0 0 105px;
    }
    .director-page {
        padding: 192px 0px 0px 80px;
    }
    .ourteam-fixed h1 {
        margin: 0 0 20px 0;
    }
    .director-page .company-profile  p {
        font-size: 20px;
        line-height: 27px;
    }
    form#Lohia_Subscribe_form {
        margin-bottom: 15px;
    }
    .news-title-fixed h1 {
        margin: 0 0 10px 0;
    }
    .testimonials-area {
        padding: 209px 0px 0 80px;
    }
    .blog-page,.media-page,.social-page {
        padding: 235px 24px 0 104px;
    }
    .footer-area .footer-top h2 {
        font-size: 40px;
    }
    .featured-content-area h2 {
        font-size: 39px;
        line-height: 37px;
    }
    .privileges-area ul.privileges-list li .icon {
        height: 110px;
        width: 120px;
        margin: 30px 0 25px 0;
    }
    .privileges-area ul.privileges-list li p {
        font-size: 16px;
        line-height: 16px;
    }
    .enquiries-form .form-flex .form-control {
        padding: 5px 0;
        font-size: 14px;
        height: 30px;
    }
    .enquiries-form h2 {
        font-size: 27px;
        line-height: 32px;
        margin: 0 0 8px 0;
    }
    .enquiries-form .inner-box {
        padding: 20px 42px;
    }
    .news-inner .innercontent-block p {
        font-size: 15px;
        line-height: 20px;
    }
    .footer-area .footer-bottom .logo-part {
        width: 200px;
    }
    .footer-area .footer-bottom .logo-part img.main-logo,.footer-area .footer-bottom .logo-part img.hover-logo {
        width: 74%;
    }
}
@media only screen and (max-width: 1536px) and (max-height: 864px) {
    .footer-area .footer-bottom .logo-part img.main-logo, .footer-area .footer-bottom .logo-part img.hover-logo {
        width: 93%;
    } 
}
@media (max-width:1536px) {
    .header a.btn-contact{
        margin-right: 20px
    }
    .sidemenu{
        width: 60px
    }
    .sidemenu .menu{
        padding: 0 0 0 30px;
        left: -441px;
    }
    .sidemenu .menu li {
        margin-right: 38px;
    }

    .main-photo.pd-80 .content-area {
        padding: 0 50px 30px 80px;
    }
    .main-photo .content-area{
        padding: 0 50px 30px 55px
    }
    .main-photo .content-area h1{
        font-size: 50px
    }
    .main-photo .content-area .view-link{
        font-size: 22px
    }
    .project-info-area{
        padding:95px 15px 54px 90px
    }
    .project-info-area .graphic-area{
        width: 59%
    }
    .project-list ul{
        padding: 85px 0px 34px 100px
    }
    .project-list ul li h2 {
        font-size: 30px;
        line-height: 30px;
    }
    .project-list ul li .location{
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 40px 0;
    }
    .project-list ul li p{
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 30px 0
    }

    .footer-area{
        padding: 85px 70px 35px 80px
    }
    .footer-area .footer-top h2{
        font-size: 36px;
        margin: 0 0 30px 0
    }
    .footer-area .footer-top p{
        font-size: 16px;
        line-height: 110%;
        margin: 0 0 30px 0
    }
    .footer-area .footer-top .inputarea .form-control{
        line-height: 48px
    }
    .footer-area .footer-top .inputarea .btn-send{
        padding: 14px
    }
    .footer-area .footer-bottom .leftpart{
        width:75%;
    }
    .footer-area .footer-bottom .leftpart .small-block {
        padding-right:0px;
    }
    .footer-area .footer-bottom .leftpart .small-block p,
    .footer-area .footer-bottom .leftpart .small-block ul li a{
        font-size: 16px
    }

    .project-info-fixed{
        padding:85px 50px 0 80px
    }
    .project-info-fixed .project-title{
        font-size: 30px;
        line-height: 30px;
        min-width: 420px;
    }
    .project-info-fixed ul.infolist li{
        font-size: 15px;
        line-height: 15px;
        padding-right:75px
    }
    .project-info-fixed .btn-enquire{
        font-size: 16px;
        line-height: 16px
    }
    .project-detail-area{
        padding: 0 0 30px 80px
    }

    .project-detail-area .faq-area{
        width: 1100px
    }
    .project-detail-area .faq-area .card-header .btn-link{
        font-size: 16px;
        line-height: 16px;
        padding: 12px 0
    }
    .project-detail-area .faq-area .card-header .btn-link.collapsed::before {
        top: 12px
    }
    .project-detail-area .faq-area .card-header .btn-link::after {
        top: 20px
    }
    .project-detail-area .faq-area .card-body p{
        font-size: 15px;
        line-height: 16px;
    }
    .project-detail-area .faq-area .card-body{
        padding: 0 0 10px 0
    }
    .project-detail-area .faq-area .card-body img {
        width: 74%;
        margin-left: 20%;
    }
    .project-detail-area .sustainability-block h2{
        font-size: 26px;
        line-height: 26px;
        margin: -42px 0 15px 0
    }
    .project-detail-area .sustainability-block p{
        font-size: 16px;
        line-height: 18px;
    }
    .enquire-now-area{
        padding: 0 0 25px 80px
    }
    .enquire-now-area .content-left h2{
        font-size: 26px;
        line-height: 26px;
        margin: -42px 0 15px 0
    }
    .enquire-now-area .content-left p{
        font-size: 16px;
        line-height: 18px;
    }
    .enquire-now-area .form-area .form-control{
        padding: 28px 0
    }
    .testimonials-area .top-title{
        padding: 85px 26px 16px 26px;
        height: 22vh
    }
    .testimonials-area .top-title h2{
        font-size: 30px;
        line-height: 30px
    }
    .testimonials-area .top-title p{
        font-size: 12px;
        line-height: 12px
    }
    .testimonials-area .review-area{
        height: 78vh
    }
    .testimonials-area .review-area .start-quote,
    .testimonials-area .review-area .end-quote{
        padding: 30px
    }
    .testimonials-area .review-area ul.review-list li{
        width: 450px
    }

    .testimonials-area .review-area ul.review-list li .review-block .title{
        margin: 0 0 12px 0
    }
    .testimonials-area .review-area ul.review-list li .review-block .name{
        margin: 0 0 40px 0
    }
    .testimonials-area .review-area ul.review-list li .review-block .message{
        font-size: 13px;
        line-height: 16px;
        margin: 0 0 15px 0
    }

    .featured-content-area h2{
        font-size: 30px;
        line-height: 30px
    }
    .featured-content-area h2 a{
        font-size: 18px
    }

    .our-approach-block .menu{
        padding:86px 0 0 80px
    }
    .our-approach-block .menu li a{
        line-height: 36px;
        font-size: 36px
    }
    .aboutpage-title-area{
        top: 85px;
        left: 80px;
    }
    .aboutpage-title-area h2{
        font-size: 30px;
        line-height: 30px
    }
    .about-page {
        padding: 160px 0px 34px 60px;
    }

    .who-we-work-area{
        padding: 160px 0px 34px 0px
    }

    .mission-block{
        padding: 170px 0 0 60px
    }
    .mission-block .content-block{
        padding-left:20px;
    }
    .vision-block{
        padding: 170px 0 0 80px
    }

    .collective-area{
        padding: 85px 0px 0px 60px
    }
    .collective-area .content-top h2{
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px 0
    }
    .collective-area .content-top p{
        font-size: 16px;
        line-height: 18px
    }

    .collective-logo-area{
        padding: 85px 0px 0px 60px
    }
    .collective-logo-area .content-top h2{
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px 0
    }

    .ourteam-fixed{
        padding: 85px 0 0 85px
    }
    .ourteam-fixed h1{
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px 0
    }
    .ourteam-fixed ul.inner-menu li a{
        font-size: 13px;
        line-height: 15px;
        padding: 10px 0;
    }
    .director-page{
        padding: 164px 0px 0px 60px
    }
    .director-page .director-profile .name{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .director-page .company-profile .name{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .director-page .company-profile p{
        font-size: 24px;
        line-height: 29px;
        margin: 0 0px 12px 0
    }

    .director-page .company-profile .photo-area,
    .director-page .director-profile .photo-area{
        height: 55%
    }
    .director-page .director-profile .content p{
        font-size: 13px;
        line-height: 15px;
        margin: 0 0px 12px 0
    }
    .director-page .director-profile .content a{
        font-size: 14px;
        margin-top: 20px;
        line-height: 16px;
    }

    .board-members{
        padding: 164px 0px 0px 60px
    }
    .board-members ul.members-list li{
        width: 325px;
        padding: 15px;
    }
    .board-members ul.members-list li .name{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .board-members ul.members-list li .content p{
        font-size: 13px;
        line-height: 15px;
        margin: 0 0px 12px 0
    }
    .board-members ul.members-list li .content a{
        font-size: 14px;
        margin-top: 20px;
        line-height: 16px;
    }
    .board-members ul.members-list li .content{
        padding: 15px
    }

    .our-team-page{
        padding: 184px 25px 0px 85px
    }
    .our-team-page .team-block {
        margin-bottom: 20px;
    }

    .gallery-page{
        padding: 166px 0px 24px 60px;
    }
    .news-title-fixed{
        padding: 85px 0 0 85px
    }
    .news-title-fixed h1{
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px 0
    }
    .news-title-fixed ul.news-menu li a{
        font-size: 13px;
        line-height: 15px;
        padding: 10px 0;
    }

    .media-page{
        padding: 190px 24px 0 84px
    }
    .media-page .media-block{
        margin-bottom: 20px
    }
    .testimonials-area {
        padding: 166px 0px 0 60px;
    }
    .testimonials-area .review-area ul.review-list li {
        width: 400px;
    }
    .testimonials-area .review-area{
        height: auto;
    }

    .blog-page{
        padding: 190px 24px 0 84px
    }
    .social-page{
        padding: 190px 24px 0 84px
    }

    .careerpage {
        padding: 60px 0 0 60px;
    }
    .careerpage .career-opportunities{
        height: 80vh
    }
    h1.career-title{
        top: 85px;
        left: 85px;
        font-size: 30px;
        line-height: 30px;
    }
    .current-vacancies .content-vacancies {
        max-width: 760px;
    }
    .current-vacancies ul.vacancie-list{
        padding: 0px 160px 0px 0px
    }
    .current-vacancies ul.vacancie-list li .vacancie-info {
        font-size: 14px;
        line-height: 17px;
    }
    .current-vacancies ul.vacancie-list li a{
        font-size: 15px;
        line-height: 15px
    }
    .current-vacancies ul.vacancie-list li{
        height: 170px;
        margin-top: 20px;
        padding: 0 15px 15px 15px;
    }

    .contact-page h1{
        font-size: 30px;
        line-height: 30px;
        padding: 85px 0 0 85px
    }
    .contact-page .contact-bottom{
        padding: 25px 100px 30px 80px;
        height: 80vh
    }
    .contact-page .form-area .form-control{
        padding: 10px 0;
        font-size: 15px;
        height: 36px;
    }
    .contact-page .form-area .mb-5 {
        margin-bottom: 10px !important;
    }
    .contact-page .form-area ul{
        padding-bottom: 10px !important;
    }
    .contact-page .form-area .mb-5 label{
        font-size: 15px;
        line-height: 15px
    }

    .location-area h2{
        padding: 85px 0 0 20px;
        font-size: 30px;
        line-height: 30px;
    }
    .location-area .contact-bottom {
        height: 80vh;
        padding: 20px 150px 20px 20px
    }
    .location-area .contact-bottom .office-block{
        margin-bottom: 25px;
    }
    .location-area .contact-bottom .office-block .form-control{
        font-size: 15px;
        padding: 6px 0
    }
    .location-area .contact-bottom p {
        font-size: 13px;
        line-height: 18px;
        margin: 0 0 10px 0;
    }
    .location-area .contact-bottom .map-block{
        width: 1050px;
    }

    .our-approach-block .bottom-graphic{
        padding:60px 0 0 58px;
    }

    .who-we-work-area .w-3 p{
        font-size:14px;
        line-height:14px;
    }
    .about-page .content-bottom-part ul li {
        font-size: 16px;
        line-height: 20px;
    }
    .about-page .content-bottom-part p {
        font-size: 16px;
        line-height: 16px;
    }
    .about-page .content-bottom-part h3{
        font-size: 24px;
        line-height: 24px;
        margin: 0 0 15px 0;
    }
    .legacy-page{
        padding-left:60px
    }
    .legacy-page .year-block{
        padding-left: 0px;
    }
    .legacy-page .swiper-button-prev{
        left:80px;
        top: 210px;
    }
    .legacy-page .swiper-button-next{
        left:120px;
        top: 210px;
    }
    .sustainability-area .graphic-block .box6{
        width: 9.2%;
    }

    .project-detail-area .photo2 {
        height: 68vh;
        margin-right: 15px;
        width: 1070px;
        position: relative;
        overflow: hidden;
    }
    .project-detail-area .photo2 img {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        object-fit: cover;
    }
    .testimonials-area .review-area .end-quote {
        display: flex;
        align-items: end;
    }

    .contact-page .form-area .form-control{
        padding: 10px 0;
        font-size: 15px;
        height: 44px;
    }
    .contact-page .form-area .mb-5 {
        margin-bottom: 12px !important;
    }
    .contact-page .form-area ul{
        padding-bottom: 12px !important;
    }
    .contact-page .form-area .mb-5 label{
        font-size: 15px;
        line-height: 15px
    }

    .emi-calculator-area{
        padding: 85px 0 0 60px
    }
    .emi-calculator-area h1{
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px 0;
        padding: 0 0 40px 25px
    }
    .emi-calculator-area .inner-area .form-area {
        width: 60%;
        padding-right: 30px;
        padding-top: 20px
    }
    .emi-calculator-area .inner-area .chart-area {
        width: 40%;
        padding-left: 25px;
        padding-top: 62px
    }
    .emi-calculator-area .inner-area .chart-area .chart-main{
        top: 45px
    }

    .faq-page{
        padding: 85px 0 0 60px
    }
    .faq-page h1{
        font-size: 30px;
        line-height: 30px;
        padding: 0 0 40px 25px
    }
    .faq-page .faq-list-area h2{
        margin-bottom: 30px
    }
    .faq-page .faq-content h2{
        margin-bottom: 30px
    }
    .faq-page .buyingtips h2{
        margin-bottom: 15px
    }
    .faq-page .faq-list-area ul.faq-list li{
        margin-bottom: 20px
    }
    .faq-page .faq-content .column p{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .faq-page .faq-list-area ul.faq-list li a{
        font-size: 15px;
        line-height: 18px;
        min-height: 54px
    }
    .faq-page .buyingtips p{
        font-size: 15px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .faq-page .buyingtips .inner-flex h3{
        margin: 0 0 15px 0
    }
    .faq-page .buyingtips .inner-flex table td{
        font-size: 15px;
        vertical-align: top
    }
    .faq-page .buyingtips .inner-flex table th{
        font-size: 15px
    }

    .career-detail-page{
        padding: 150px 25px 25px 90px
    }
    .career-detail-page .inner-title-area h2{
        font-size: 18px;
        line-height: 18px
    }
    .career-detail-page .inner-title-area a{
        font-size: 14px;
        line-height: 14px
    }
    .career-detail-page .flex-area{
        padding-top: 30px
    }
    .career-detail-page .flex-area .leftside{
        padding: 0 160px 0 0
    }
    .career-detail-page .flex-area .leftside h3{
        margin-bottom: 14px;
        font-size: 16px;
        line-height: 16px
    }
    .career-detail-page .flex-area .leftside p{
        font-size: 14px;
        line-height: 14px;
        margin: 0 0 14px 0
    }
    .career-detail-page .flex-area .leftside .pdf-box{
        margin: 15px 0 30px 0
    }
    .career-detail-page .flex-area .rightside .mb-5{
        margin-bottom:20px !important;
    }
    .career-detail-page .flex-area .rightside .btn-submit{
        margin-top: 35px
    }

    .channel-first-section{
        padding:150px 0px 0px 60px;
    }
    h1.fixed-title{
        top: 80px;
        left: 95px;
        font-size: 24px;
        line-height: 30px;
    }
    .channel-first-section .left-part p{
        font-size: 16px;
        line-height: 18px;
    }
    .channel-first-section .left-part a{
        font-size: 18px;
        line-height: 18px;
    }
    .channel-first-section .left-part .redbox{
        width: 150px;
        height: 150px;
    }
    .channel-first-section .right-part{
        padding: 0 0 150px 0;
    }
    .channel-second-section {
        padding: 150px 44px 150px 0;
    }
    .channel-second-section::before {
        top:150px;
    }
    .privileges-area {
        padding: 150px 0px 20px 0;
    }
    .privileges-area ul.privileges-list li .icon{
        height: 120px;
        width: 100px;
        margin: 20px 0 20px 0;
    }
    .privileges-area ul.privileges-list li p{
        font-size: 15px;
        margin:0 0 10px 0;
        line-height: 16px;
    }
    .privileges-area h2 {
        font-size: 24px;
        line-height: 24px;
    }
    .enquiries-form {
        padding: 150px 0px 0px 0;
    }
    .enquiries-form .inner-box{
        padding:30px;
    }
    .enquiries-form h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }
    .enquiries-area {
        padding: 150px 0px 0px 0;
    }
    .enquiries-form .form-flex .mb-5 {
        margin-bottom: 12px !important;
    }
    .enquiries-form .form-flex .form-control{
        font-size: 16px;
        height: 40px;
    }
    .enquiries-area .inner-box{
        padding:30px;
    }
    .enquiries-area h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }

    #worldspace_vendor {
        padding: 0px 0px 0px 0;
    }
    #worldspace_vendor .inner-box{
        padding:30px;
    }
    #worldspace_vendor h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }
    #worldspace_vendor .form-flex .mb-5 {
        margin-bottom: 12px !important;
    }
    #worldspace_vendor .form-flex .form-control{
        font-size: 16px;
        height: 40px;
    }

    .news-detail-area{
        padding: 232px 100px 20px 80px;
    }
    .inner-titlepart{
        top: 180px;
    }
    .inner-titlepart h2 {
        font-size: 20px;
        line-height: 20px;
    }
    .news-inner .photoblock {
        width: 820px;
    }
    .news-inner .innercontent-block p{
        font-size: 15px;
        line-height: 17px;
    }
    .sustainability-home-area h2 {
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 0px 0;
    }
    .sustainability-home-area .small-part p {
        font-size: 18px;
        line-height: 22px;
        margin: 2em 0 0px 0;
        width: 54%;
    }
    .item_list_with_icon {
        margin-top: 3em;
    }
    .item_list_with_icon ul li {
        width: 225px;
        height: 180px;
        margin-bottom: 35px;
    }

}
@media (max-width:1460px) {
    .header a.btn-contact{
        margin-right: 20px
    }
    .sidemenu{
        width: 60px
    }
    .sidemenu .menu{
        padding: 0 0 0 40px;
        left: -441px;
    }
    .sidemenu .menu li {
        margin-right: 46px;
    }
    .sidemenu .menu li a{
        font-size: 13px
    }
    .main-photo.pd-80{
        padding-left: 60px
    }
    .main-photo.pd-80 .content-area{
        padding: 0 60px 30px 110px
    }
    .main-photo .content-area h1{
        font-size: 44px;
    }
    .main-photo .content-area .view-link{
        font-size: 20px;
        line-height: 20px;
    }
    .main-photo .content-area .view-link svg{
        width: 20px;
        height: 20px
    }

    .project-info-area .graphic-area{
        width: 56%
    }
    .project-info-area .left-top-content h1 {
        font-size: 36px;
        line-height: 40px;
    }
    .project-info-area .left-top-content p{
        width: 52%;
        font-size: 16px;
        line-height: 20px;
    }
    .project-list ul li{
        width: 640px
    }
    .project-list ul li h2 {
        font-size: 30px;
        line-height: 30px;
    }
    .project-list ul li .location {
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 25px 0;
    }
    .project-list ul li p{
        font-size: 15px;
        line-height: 20px;
        width: 80%;
        margin: 0 0 20px 0
    }
    .project-list ul li .photo-block{
        height: 38vh;
    }

    .footer-area{
        padding: 86px 70px 40px 80px;
    }
    .footer-area .footer-bottom .leftpart .small-block {
        padding-right: 0px;
    }
    .footer-area .footer-bottom .leftpart .small-block ul li a{
        font-size: 15px;
        line-height: 138%;
        display: block;
    }
    .footer-area .footer-bottom .leftpart .small-block p{
        font-size: 15px;
        line-height: 138%;
    }
    .footer-area .footer-bottom .logo-part {
        width: 180px;
        height: auto;
    }
    .footer-area .footer-bottom .logo-part img.main-logo{
        width: 100%
    }
    .footer-area .footer-bottom .logo-part img.hover-logo{
        width: 100%
    }
    .footer-area .footer-top h2{
        font-size: 30px;
        margin: 0 0 25px 0
    }
    .footer-area .footer-top p{
        font-size: 16px;
        margin: 0 0 25px 0
    }
    .footer-area .footer-top .inputarea .btn-send{
        width: 68px;
        padding: 4px;
    }
    .footer-area .footer-top .inputarea .form-control{
        line-height: 46px
    }

    .project-info-fixed{
        padding: 88px 50px 0 80px
    }
    .project-info-fixed .project-title{
        font-size: 30px;
        line-height: 30px;
        min-width: 420px;
    }
    .project-info-fixed ul.infolist li{
        font-size: 16px;
        line-height: 18px;
        padding-right: 80px
    }
    .project-detail-area{
        padding: 0px 0px 25px 85px
    }
    .project-detail-area .photo1{
        height: 40vh;
    }
    .project-detail-area .photo2,
    .project-detail-area .photo3,
    .project-detail-area .photo4,
    .project-detail-area .photo5,
    .project-detail-area .photo6,
    .project-detail-area .photo7{
        height: 60vh;
    }
    .project-detail-area .project-content{
        height: 60vh
    }
    .project-detail-area .two-photo {
        height: 60vh;
    }
    .project-detail-area .sustainability-block{
        height: 60vh;
    }
    .project-detail-area .faq-area{
        height: 60vh;
        width: 1200px
    }
    .enquire-now-area{
        padding: 0 0 25px 80px
    }
    .enquire-now-area .content-left{
        height: 60vh
    }
    .enquire-now-area .form-area{
        height: 60vh
    }
    .enquire-now-area .form-area .form-control{
        padding: 28px 0
    }

    .collective-area{
        padding: 85px 0px 0px 60px
    }
    .collective-area .content-top h2{
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px 0
    }
    .collective-area .content-top p{
        font-size: 16px;
        line-height: 18px
    }

    .collective-logo-area{
        padding: 85px 0px 0px 60px
    }
    .collective-logo-area .content-top h2{
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px 0
    }

    .legacy-page{
        padding-left:60px
    }
    .legacy-page .year-block{
        padding-left: 0px
    }

    .ourteam-fixed{
        padding: 85px 0 0 85px
    }
    .ourteam-fixed h1{
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px 0
    }
    .ourteam-fixed ul.inner-menu li a{
        font-size: 13px;
        line-height: 15px;
        padding: 10px 0;
    }
    .director-page{
        padding: 164px 0px 0px 60px
    }
    .director-page .director-profile .name{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .director-page .company-profile .name{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .director-page .company-profile p{
        font-size: 18px;
        line-height: 24px;
        margin: 0 0px 12px 0
    }

    .director-page .company-profile .photo-area,
    .director-page .director-profile .photo-area{
        height: 55%
    }
    .director-page .director-profile .content p{
        font-size: 12px;
        line-height: 14px;
        margin: 0 0px 12px 0
    }
    .director-page .director-profile .content a{
        font-size: 14px;
        margin-top: 20px;
        line-height: 16px;
    }

    .board-members{
        padding: 164px 0px 0px 60px
    }
    .board-members ul.members-list li{
        width: 325px;
        padding: 15px;
    }
    .board-members ul.members-list li .name{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .board-members ul.members-list li .content p{
        font-size: 12px;
        line-height: 14px;
        margin: 0 0px 12px 0
    }
    .board-members ul.members-list li .content a{
        font-size: 14px;
        margin-top: 20px;
        line-height: 16px;
    }
    .board-members ul.members-list li .content{
        padding: 15px
    }

    .our-team-page{
        padding: 184px 25px 0px 85px
    }
    .our-team-page .team-block {
        margin-bottom: 20px;
    }

    .gallery-page{
        padding: 166px 0px 24px 60px;
    }
    .news-title-fixed{
        padding: 85px 0 0 85px
    }
    .news-title-fixed h1{
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px 0
    }
    .news-title-fixed ul.news-menu li a{
        font-size: 13px;
        line-height: 15px;
        padding: 10px 0;
    }

    .media-page{
        padding: 190px 24px 0 84px
    }
    .media-page .media-block{
        margin-bottom: 20px
    }
    .testimonials-area {
        padding: 166px 0px 0 60px;
    }
    .testimonials-area .review-area ul.review-list li {
        width: 400px;
    }
    .testimonials-area .review-area{
        height: auto;
    }

    .blog-page{
        padding: 190px 24px 0 84px
    }
    .social-page{
        padding: 190px 24px 0 84px
    }

    .contact-page .form-area .form-control{
        padding: 10px 0;
        font-size: 15px;
        height: 48px;
    }
    .contact-page .form-area .mb-5 {
        margin-bottom: 15px !important;
    }
    .contact-page .form-area ul{
        padding-bottom: 15px !important;
    }
    .contact-page .form-area .mb-5 label{
        font-size: 15px;
        line-height: 15px
    }
    .contact-page .form-area .btn-submit{
        margin-top:25px
    }

    .emi-calculator-area .inner-area .chart-area .chart-main{
        width: 280px;
        height: 280px;
        background-size: cover;
    }
    .emi-calculator-area .inner-area .chart-area .chart-main::before {
        width: 285px;
        height: 285px;
        background-size: cover;
    }
    .emi-calculator-area .inner-area .form-area .right{
        padding-left: 20px
    }
    .emi-calculator-area .inner-area .form-area .left{
        padding-right: 20px
    }
    .emi-calculator-area .inner-area .form-area .input-area{
        margin-bottom: 30px;
    }
    .emi-calculator-area .inner-area .form-area .right .info{
        margin-bottom: 72px;
    }

    .faq-page{
        padding: 85px 0 0 60px
    }
    .faq-page h1{
        font-size: 30px;
        line-height: 30px;
        padding: 0 0 40px 25px
    }
    .faq-page .faq-list-area h2{
        margin-bottom: 30px
    }
    .faq-page .faq-content h2{
        margin-bottom: 30px
    }
    .faq-page .buyingtips h2{
        margin-bottom: 30px
    }
    .faq-page .faq-list-area ul.faq-list li{
        margin-bottom: 20px
    }
    .faq-page .faq-content .column p{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .faq-page .faq-list-area ul.faq-list li a{
        font-size: 15px;
        line-height: 18px;
        min-height: 54px
    }
    .faq-page .buyingtips p{
        font-size: 15px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .faq-page .buyingtips .inner-flex h3{
        margin: 0 0 15px 0
    }
    .faq-page .buyingtips .inner-flex table td{
        font-size: 15px;
        vertical-align: top
    }
    .faq-page .buyingtips .inner-flex table th{
        font-size: 15px
    }

    .career-detail-page{
        padding: 150px 25px 25px 90px
    }
    .career-detail-page .inner-title-area h2{
        font-size: 18px;
        line-height: 18px
    }
    .career-detail-page .inner-title-area a{
        font-size: 14px;
        line-height: 14px
    }
    .career-detail-page .flex-area{
        padding-top: 30px
    }
    .career-detail-page .flex-area .leftside{
        padding: 0 160px 0 0
    }
    .career-detail-page .flex-area .leftside h3{
        margin-bottom: 14px;
        font-size: 16px;
        line-height: 16px
    }
    .career-detail-page .flex-area .leftside p{
        font-size: 14px;
        line-height: 14px;
        margin: 0 0 14px 0
    }
    .career-detail-page .flex-area .leftside .pdf-box{
        margin: 15px 0 30px 0
    }
    .career-detail-page .flex-area .rightside .mb-5{
        margin-bottom:20px !important;
    }
    .career-detail-page .flex-area .rightside .btn-submit{
        margin-top: 35px
    }

    .channel-first-section{
        padding:150px 0px 0px 60px;
    }
    h1.fixed-title{
        top: 80px;
        left: 95px;
        font-size: 24px;
        line-height: 30px;
    }
    .channel-first-section .left-part p{
        font-size: 16px;
        line-height: 18px;
    }
    .channel-first-section .left-part a{
        font-size: 18px;
        line-height: 18px;
    }
    .channel-first-section .left-part .redbox{
        width: 150px;
        height: 150px;
    }
    .channel-first-section .right-part{
        padding: 0 0 150px 0;
    }
    .channel-second-section {
        padding: 150px 44px 150px 0;
    }
    .channel-second-section::before {
        top:150px;
    }
    .privileges-area {
        padding: 150px 0px 20px 0;
    }
    .privileges-area ul.privileges-list li .icon{
        height: 120px;
        width: 100px;
        margin: 20px 0 20px 0;
    }
    .privileges-area ul.privileges-list li p{
        font-size: 15px;
        margin:0 0 10px 0;
        line-height: 16px;
    }
    .privileges-area h2 {
        font-size: 24px;
        line-height: 24px;
    }
    .enquiries-form {
        padding: 150px 0px 0px 0;
    }
    .enquiries-form .inner-box{
        padding:30px;
    }
    .enquiries-form h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }
    .enquiries-area {
        padding: 150px 0px 0px 0;
    }
    .enquiries-form .form-flex .mb-5 {
        margin-bottom: 12px !important;
    }
    .enquiries-form .form-flex .form-control{
        font-size: 16px;
        height: 40px;
    }
    .enquiries-area .inner-box{
        padding:30px;
    }
    .enquiries-area h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }

    #worldspace_vendor {
        padding: 0px 0px 0px 0;
    }
    #worldspace_vendor .inner-box{
        padding:30px;
    }
    #worldspace_vendor h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }
    #worldspace_vendor .form-flex .mb-5 {
        margin-bottom: 12px !important;
    }
    #worldspace_vendor .form-flex .form-control{
        font-size: 16px;
        height: 40px;
    }
    .faq-popup {
        height: 93vh;
    }
    .enquiries-form .form-flex .flex-input.c_ipt_group label.error {
        bottom: 6px;
    }
    label#file_1-error, label#file_2-error, label#file_3-error {
        bottom: -5px;
    }
    .enquiries-form .form-flex .btn-send {
        margin-top: 8px;
    }
    .custom_cms_page .news-detail-area {
        padding: 145px 98px 20px 87px;
    }
}
@media (max-width:1440px) {
    .enquiries-form .form-flex .flex-input.c_ipt_group label.error {
        bottom: -7px;
    }
    .location-area .contact-bottom .map-block {
        margin-top: 3em;
    }
}
@media (max-width:1400px) {

}
@media (max-width:1366px) {
    .header a.btn-contact{
        margin-right: 20px
    }
    .sidemenu{
        width: 60px
    }
    .sidemenu .menu{
        padding: 0 0 0 30px;
        left: -441px;
    }
    .sidemenu .menu li {
        margin-right: 34px;
    }
    .sidemenu .menu li a{
        font-size: 12px
    }
    .main-photo.pd-80{
        padding-left: 60px
    }
    .main-photo.pd-80 .content-area{
        padding: 0 60px 30px 110px
    }
    .main-photo .content-area h1{
        font-size: 44px;
    }
    .main-photo .content-area .view-link{
        font-size: 20px;
        line-height: 20px;
    }
    .main-photo .content-area .view-link svg{
        width: 20px;
        height: 20px
    }

    .project-info-area .graphic-area{
        width: 50%
    }
    .project-info-area .left-top-content h1 {
        font-size: 36px;
        line-height: 40px;
    }
    .project-info-area .left-top-content p{
        width: 52%;
        font-size: 16px;
        line-height: 20px;
    }
    .project-list ul li{
        width: 640px
    }
    .project-list ul li h2 {
        font-size: 30px;
        line-height: 30px;
    }
    .project-list ul li .location {
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 25px 0;
    }
    .project-list ul li p{
        font-size: 13px;
        line-height: 20px;
        width: 90%;
        margin: 0 0 20px 0
    }
    .project-list ul li .photo-block{
        height: 38vh;
    }

    .footer-area{
        padding: 86px 70px 40px 80px;
    }
    .footer-area .footer-bottom .leftpart .small-block {
        padding-right: 0px;
    }
    .footer-area .footer-bottom .leftpart .small-block ul li a{
        font-size: 15px;
        line-height: 138%;
        display: block;
    }
    .footer-area .footer-bottom .leftpart .small-block p{
        font-size: 15px;
        line-height: 138%;
    }
    .footer-area .footer-bottom .logo-part {
        width: 185px;
        height: 178px;
        margin: 0 25px 0 0;
    }
    .footer-area .footer-bottom .logo-part img.main-logo{
        width: 100%
    }
    .footer-area .footer-bottom .logo-part img.hover-logo{
        width: 100%
    }
    .footer-area .footer-top h2{
        font-size: 18px;
        margin: 0 0 25px 0
    }
    .footer-area .footer-top p{
        font-size: 16px;
        margin: 0 0 25px 0
    }
    .footer-area .footer-top .inputarea .btn-send{
        width: 68px;
        padding: 5px;
    }
    .footer-area .footer-top .inputarea .form-control{
        line-height: 46px
    }

    .project-info-fixed{
        padding: 88px 50px 0 80px
    }
    .project-info-fixed .project-title{
        font-size: 30px;
        line-height: 30px;
        min-width: 420px;
    }
    .project-info-fixed ul.infolist li{
        font-size: 16px;
        line-height: 18px;
        padding-right: 80px
    }
    .project-detail-area{
        padding: 0px 0px 25px 85px
    }
    .project-detail-area .photo1{
        height: 43vh;
    }
    .project-detail-area .photo2,
    .project-detail-area .photo2,
    .project-detail-area .photo3,
    .project-detail-area .photo4,
    .project-detail-area .photo5,
    .project-detail-area .photo6,
    .project-detail-area .photo7{
        height: 60vh;
    }
    .project-detail-area .project-content{
        height: 60vh
    }
    .project-detail-area .two-photo {
        height: 60vh;
    }
    .project-detail-area .sustainability-block{
        height: 60vh;
    }
    .project-detail-area .faq-area{
        height: 60vh;
        width: 1200px
    }
    .enquire-now-area{
        padding: 0 0 25px 80px
    }
    .enquire-now-area .content-left{
        height: 72vh
    }
    .enquire-now-area .form-area{
        height: 77vh
    }
    .enquire-now-area .form-area .form-control{
        padding: 28px 0
    }

    .testimonials-area .top-title{
        padding: 85px 26px 16px 26px;
        height: 24vh
    }
    .testimonials-area .top-title h2{
        font-size: 30px;
        line-height: 30px
    }
    .testimonials-area .top-title p{
        font-size: 12px;
        line-height: 12px
    }
    .testimonials-area .review-area{
        height: 76vh
    }
    .testimonials-area .review-area .start-quote,
    .testimonials-area .review-area .end-quote{
        padding: 30px
    }
    .testimonials-area .review-area ul.review-list li{
        width: 450px
    }
    .testimonials-area .review-area ul.review-list li .review-block{
        padding:20px 35px 15px 12px
    }
    .testimonials-area .review-area ul.review-list li .review-block .title{
        margin: 0 0 12px 0
    }
    .testimonials-area .review-area ul.review-list li .review-block .name{
        margin: 0 0 25px 0
    }
    .testimonials-area .review-area ul.review-list li .review-block .message{
        font-size: 13px;
        line-height: 16px;
        margin: 0 0 15px 0
    }

    .featured-content-area h2{
        font-size: 30px;
        line-height: 30px
    }
    .featured-content-area h2 a{
        font-size: 18px
    }

    .collective-area{
        padding: 85px 0px 0px 60px
    }
    .collective-area .content-top h2{
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px 0
    }
    .collective-area .content-top p{
        font-size: 16px;
        line-height: 18px
    }

    .collective-logo-area{
        padding: 85px 0px 0px 60px
    }
    .collective-logo-area .content-top h2{
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px 0
    }
    .mission-block .content-block{
        padding-left: 30px
    }

    .ourteam-fixed{
        padding: 85px 0 0 85px
    }
    .ourteam-fixed h1{
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px 0
    }
    .ourteam-fixed ul.inner-menu li a{
        font-size: 13px;
        line-height: 15px;
        padding: 10px 0;
    }
    .director-page{
        padding: 164px 0px 0px 60px
    }
    .director-page .director-profile .name{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .director-page .company-profile .name{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .director-page .company-profile p{
        font-size: 15px;
        line-height: 20px;
        margin: 0 0px 12px 0
    }

    .director-page .company-profile .photo-area,
    .director-page .director-profile .photo-area{
        height: 55%
    }
    .director-page .director-profile .content p{
        font-size: 12px;
        line-height: 14px;
        margin: 0 0px 12px 0
    }
    .director-page .director-profile .content a{
        font-size: 14px;
        margin-top: 20px;
        line-height: 16px;
    }

    .board-members{
        padding: 164px 0px 0px 60px
    }
    .board-members ul.members-list li{
        width: 325px;
        padding: 15px;
    }
    .board-members ul.members-list li .name{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .board-members ul.members-list li .content p{
        font-size: 12px;
        line-height: 14px;
        margin: 0 0px 12px 0
    }
    .board-members ul.members-list li .content a{
        font-size: 14px;
        margin-top: 20px;
        line-height: 16px;
    }
    .board-members ul.members-list li .content{
        padding: 15px
    }

    .our-team-page{
        padding: 184px 25px 0px 85px
    }
    .our-team-page .team-block {
        margin-bottom: 20px;
    }

    .gallery-page{
        padding: 166px 0px 24px 60px;
    }

    .news-title-fixed{
        padding: 85px 0 0 85px
    }
    .news-title-fixed h1{
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 15px 0
    }
    .news-title-fixed ul.news-menu li a{
        font-size: 13px;
        line-height: 15px;
        padding: 10px 0;
    }

    .media-page{
        padding: 190px 24px 0 84px
    }
    .media-page .media-block{
        margin-bottom: 20px
    }
    .testimonials-area {
        padding: 166px 0px 0 60px;
        width: 100vw;
    }
    .testimonials-area .review-area{
        height: auto;
    }

    .blog-page{
        padding: 190px 24px 0 84px
    }
    .social-page{
        padding: 190px 24px 0 84px
    }
    .contact-page .form-area .btn-submit{
        margin-top:25px
    }

    .emi-calculator-area .inner-area .chart-area .chart-main{
        width: 280px;
        height: 280px;
        background-size: cover;
    }
    .emi-calculator-area .inner-area .chart-area .chart-main::before {
        width: 285px;
        height: 285px;
        background-size: cover;
    }
    .emi-calculator-area .inner-area .form-area .right{
        padding-left: 20px
    }
    .emi-calculator-area .inner-area .form-area .left{
        padding-right: 20px
    }
    .emi-calculator-area .inner-area .form-area .input-area{
        margin-bottom: 30px;
    }
    .emi-calculator-area .inner-area .form-area .right .info{
        margin-bottom: 72px;
    }

    .faq-page{
        padding: 85px 0 0 60px
    }
    .faq-page h1{
        font-size: 30px;
        line-height: 30px;
        padding: 0 0 40px 25px
    }
    .faq-page .faq-list-area h2{
        margin-bottom: 15px
    }
    .faq-page .faq-content h2{
        margin-bottom: 15px
    }
    .faq-page .buyingtips h2{
        margin-bottom: 15px
    }
    .faq-page .faq-list-area ul.faq-list li{
        margin-bottom: 15px
    }
    .faq-page .faq-content .column p{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .faq-page .faq-list-area ul.faq-list li a{
        font-size: 15px;
        line-height: 18px;
        min-height: 54px
    }
    .faq-page .buyingtips p{
        font-size: 15px;
        line-height: 18px;
        margin: 0 0 20px 0;
        max-width: 100%
    }
    .faq-page .buyingtips .inner-flex h3{
        margin: 0 0 5px 0
    }
    .faq-page .buyingtips .inner-flex table td{
        font-size: 13px;
        vertical-align: top;
        padding: 5px 10px 5px 0
    }
    .faq-page .buyingtips .inner-flex table th{
        font-size: 14px;
        padding: 5px 10px 5px 0
    }

    .career-detail-page{
        padding: 150px 25px 25px 90px
    }
    .career-detail-page .inner-title-area h2{
        font-size: 18px;
        line-height: 18px
    }
    .career-detail-page .inner-title-area a{
        font-size: 14px;
        line-height: 14px
    }
    .career-detail-page .flex-area{
        padding-top: 30px
    }
    .career-detail-page .flex-area .leftside{
        padding: 0 160px 0 0
    }
    .career-detail-page .flex-area .leftside h3{
        margin-bottom: 14px;
        font-size: 16px;
        line-height: 16px
    }
    .career-detail-page .flex-area .leftside p{
        font-size: 14px;
        line-height: 14px;
        margin: 0 0 14px 0
    }
    .career-detail-page .flex-area .leftside .pdf-box{
        margin: 15px 0 30px 0
    }
    .career-detail-page .flex-area .rightside .mb-5{
        margin-bottom:20px !important;
    }
    .career-detail-page .flex-area .rightside .btn-submit{
        margin-top: 0px
    }

    .channel-first-section{
        padding:150px 0px 0px 60px;
    }
    h1.fixed-title{
        top: 80px;
        left: 95px;
        font-size: 24px;
        line-height: 30px;
    }
    .channel-first-section .left-part p{
        font-size: 16px;
        line-height: 18px;
    }
    .channel-first-section .left-part a{
        font-size: 18px;
        line-height: 18px;
    }
    .channel-first-section .left-part .redbox{
        width: 150px;
        height: 150px;
    }
    .channel-first-section .right-part{
        padding: 0 0 150px 0;
    }
    .channel-second-section {
        padding: 150px 44px 150px 0;
    }
    .channel-second-section::before {
        top:150px;
    }
    .privileges-area {
        padding: 150px 0px 20px 0;
    }
    .privileges-area ul.privileges-list li .icon{
        height: 120px;
        width: 100px;
        margin: 20px 0 20px 0;
    }
    .privileges-area ul.privileges-list li p{
        font-size: 15px;
        margin:0 0 10px 0;
        line-height: 16px;
    }
    .privileges-area h2 {
        font-size: 24px;
        line-height: 24px;
    }
    .enquiries-form {
        padding: 150px 0px 0px 0;
    }
    .enquiries-form .inner-box{
        padding:30px;
    }
    .enquiries-form h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }
    .enquiries-area {
        padding: 150px 0px 0px 0;
    }
    .enquiries-form .form-flex .mb-5 {
        margin-bottom: 12px !important;
    }
    .enquiries-form .form-flex .form-control {
        font-size: 12px;
        height: 30px;
        padding: 5px 0;
    }
    .enquiries-area .inner-box{
        padding:30px;
    }
    .enquiries-area h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }
    .enquiries-form .form-flex .mb-5 label {
        font-size: 12px;
        line-height: 10px;
    }
    #worldspace_vendor {
        padding: 0px 0px 0px 0;
    }
    #worldspace_vendor .inner-box{
        padding:30px;
    }
    #worldspace_vendor h2 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }
    #worldspace_vendor .form-flex .mb-5 {
        margin-bottom: 10px !important;
        margin-top: 5px !important;
    }
    #worldspace_vendor .form-flex .form-control{
        font-size: 16px;
        height: 40px;
    }
    .faq-popup {
        height: 91.2vh;
    }
    .legacy-page .year-block .center-box{
        height: 75%
    }

    .sustainability-home-area h2 {
        font-size: 30px;
        margin: 0 0 10px 0;
    }
    .sustainability-home-area .small-part p {
        margin: 1em 0 5px 0;
        width: 100%;
    }
    .item_list_with_icon {
        margin-top: 2em;
    }
    .item_list_with_icon ul li {
        width: 160px;
        height: 140px;
        margin-bottom: 20px;
    }
    .item_list_with_icon ul li .item_icon img {
        width: 76px;
    }
    .item_list_with_icon ul li .item_title {
        width: 150px;
        font-size: 13px;
        line-height: 16px;
    }
    .testimonials-area .review-area ul.review-list li .review-block .pd-0 {
        padding: 2px;
    }
    .media-page.press_kit_page ul.media-list li {
        width: 50%;
    }
    .news-inner .innercontent-block p {
        font-size: 13px;
        line-height: 18px;
    }
    .contact-page .form-area .form-control {
        padding: 4px 0;
        font-size: 11px;
        height: 31px;
    }
    .contact-page .form-area .radio span {
        font-size: 9px;
    }
    .contact-page .form-area .mb-5 label {
        font-size: 13px;
        line-height: 15px;
    }
    .contact-page .form-area .btn-submit {
        margin-top: 17px;
        font-size: 13px;
    }
    #worldspace_vendor .form-flex .form-control {
        font-size: 11px;
        height: 30px;
        padding: 0px;
    }
    #worldspace_vendor .form-flex .mb-5 label {
        font-size: 13px;
        line-height: 15px;
    }
    .collective-title-area {
        top: 74px;
    }
    .collective-title-area h2 {
        font-size: 35px;
    }
    label#file_1-error, label#file_2-error, label#file_3-error {
        bottom: 2px;
    }
    .enquiries-form .form-flex .flex-input.c_ipt_group label.error {
        bottom: -5px !important;
    }
    .career-detail-page .flex-area .leftside .pdf-box img {
        width: 180px;
    }
    .career-detail-page .flex-area .rightside .form-control {
        padding: 5px 0;
        font-size: 13px;
        height: 29px;
    }
    .project-detail-area .faq-area .card-body img {
        width: 56%;
        margin-left: 20%;
    }
    .sustainability-area {
        width: 111vw;
    }
    .item_list_with_icon ul li.icon_itm_5 .item_icon img {
        width: 43px !important;
    }
    .careerpage .our-culture h2 {
        font-size: 17px;
        line-height: 19px;
    }
    .careerpage .our-culture p {
        font-size: 13px;
        line-height: 18px;
        margin: 0 0 20px 0;
    }
    .careerpage .career-opportunities .content-top h3 {
        font-size: 17px;
        line-height: 18px;
        margin: 0px 0 11px 0;
        padding-top: 0px;
    }
    .careerpage .career-opportunities .content-top p {
        font-size: 15px;
        line-height: 18px;
    }
}
@media only screen and (max-width: 1344px) and (max-height: 840px) {
    .sustainability-area {
        width: 111vw;
    }
    .item_list_with_icon ul li.icon_itm_5 .item_icon img {
        width: 43px !important;
    }
    .director-page .company-profile p {
        font-size: 16px;
        line-height: 22px;
    }
    .faq-popup {
        height: 78.2vh;
    }
    .faq-popup .inner-content .title a {
        height: 20px;
    }
    .contact-page .form-area .mb-5 label {
        line-height: 17px;
    }
}
@media (max-width:1360px) {
    #Director_Body.inner-content .title {
        font-size: 15px;
        line-height: 19px;
        margin: 0 0 10px 0;
    }
    div#Director_Body p {
        font-size: 12px;
        line-height: 16px;
    }
    .faq-popup .inner-content .title a {
        font-size: 15px;
        line-height: 16px;
        height: 16px;
    }
}
@media (max-width:1280px) {
    .emi-calculator-area {
        width: 135vw;
    }
    .faq-popup {
        height: 81.4vh;
    }
    .footer-area .footer-bottom .logo-part img.main-logo {
        width: 100%;
    }
    .contact-page .form-area .mb-5 {
        margin-bottom: 10px !important;
    }
}
@media only screen and (max-width: 1280px) and (max-height: 768px) {
    .header {
        padding: 10px 15px;
    }
    .header .logo img{
        width: 80%;
    }
    .ourteam-fixed {
        padding: 63px 0 0 85px;
    }
    .faq-page h1 {
        padding: 0 0 10px 25px;
    }
    .channel-first-section .left-part {
        width: 100%;
    }
    .privileges-area ul.privileges-list li .icon {
        height: 90px;
        margin: 5px 0 5px 0;
    }
    .enquiries-form h2 {
        font-size: 14px;
        line-height: 17px;
        margin: 0 0 5px 0;
    }
    .enquiries-form .form-flex .btn-send {
        margin-top: 1px;
        padding: 6px 8px;
        font-size: 14px;
        line-height: 18px;
    }
    .news-inner .innercontent-block p {
        font-size: 12px;
        line-height: 16px;
    }
    .contact-page .contact-bottom {
        padding: 15px 100px 30px 80px;
    }
}
@media only screen and (max-width: 1152px) and (max-height: 864px) {
    .sustainability-area {
        width: 112vw;
    }
    .who-we-work-area .w-3 .collapsible {
        font-size: 15px;
    }
    .faq-popup {
        height: 83vh;
    }
}
@media only screen and (max-width: 1120px) and (max-height: 840px) {
    .sustainability-area {
        width: 112vw;
    }
    .footer-area .footer-bottom .logo-part {
        margin: 0px 0px 0px 70px;
    }
    .channel-first-section .left-part {
        width: 100%;
    }
    .emi-calculator-area .inner-area .form-area .right .info strong {
        font-size: 19px;
    }
    .emi-calculator-area {
        width: 127vw;
    }
}
@media only screen and (max-width: 1024px) and (max-height: 819px) {
    .emi-calculator-area {
        width: 135vw;
    }
}
@media (max-width: 1024px) {
    .news-title-fixed {
        padding: 85px 0 0 24px;
    }
    .media-page {
        padding: 190px 24px 0 24px;
    }
}
@media (max-width: 900px) {
    .cookie-notice-container #cn-notice-buttons, .cookie-notice-container #cn-notice-text {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px){
    .header .logo{
        width: 150px;
    }
    .header .logo img {
        width: 100%;
    }

    .header a.btn-contact {
        margin-right: 0;
        font-size: 12px;
        line-height: 12px
    }
    .main-photo .content-area h1 {
        font-size: 29px;
    }
    .media-page {
        padding: 190px 24px 0 70px;
    }
    .news-title-fixed {
        padding: 85px 0 0 70px;
    }
    .footer-area .footer-bottom .leftpart .small-block h3 {
        font-size: 14px;
    }
    .footer-area .footer-bottom .leftpart .small-block ul li a {
        font-size: 12px;
    }
    .footer-area .footer-bottom .leftpart .small-block p {
        font-size: 12px;
    }
    .sustainability-area {
        width: 113vw;
    }
    .who-we-work-area .w-3 .collapsible {
        font-size: 13px;
    }
    .vision-block .content-block p,
    .mission-block .content-block p
    {
        font-size: 14px;
        line-height: 19px;
    }
    .testimonials-area .review-area ul.review-list li {
        width: 370px;
    }
    .project-detail-area .faq-area .card-body p {
        font-size: 13px;
        line-height: 16px;
    }
    .testimonials-area .review-area ul.review-list li .review-block .message {
        font-size: 12px;
        line-height: 15px;
        margin: 0 0 3px 0;
    }
}
@media (max-width: 767px) {
    .header .logo{
        width: 150px;
    }
    .header .logo img {
        width: 100%;
    }

    .header a.btn-contact {
        margin-right: 0;
        font-size: 12px;
        line-height: 12px
    }
    .header a.btn-contact svg{
        display: none
    }
    .header .btn-menu{
        display: block;
    }
    .sidemenu{
        position: fixed;
        top: -160px;
        left: 0px;
        z-index: 98;
        background: #fff;
        border-right: none;
        height: auto;
        padding: 20px;
        width: 100%;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
    }
    .sidemenu.active{
        top: 60px;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
    }
    .sidemenu .menu{
        transform: rotate(0deg);
        display: block;
        margin: 0px;
        padding: 0px;
        list-style: none;
        justify-content: flex-start;
        width: 100%;
        height: auto;
        left: 0;
        position: relative;
        bottom: 0;
    }
    .sidemenu .menu li {
        margin-right: 0;
    }
    .sidemenu .menu li a {
        font-size: 14px;
        display: block;
        line-height: 30px;
    }

    .content-container{
        overflow-x: scroll;
        height: 100vh;
    }
    .main-photo {
        min-width: 100%;
    }
    .main-photo.pd-80{
        padding-left: 0px
    }
    .main-photo.pd-80 .content-area,
    .main-photo .content-area{
        padding: 25px;
        display: block;
    }
    .main-photo .content-area h1{
        font-size: 24px;
        margin: 0 0 25px 0
    }
    .main-photo .content-area .view-link{
        font-size: 18px;
        line-height: 18px;
    }
    .main-photo .content-area .view-link svg {
        width: 16px;
        height: 16px;
    }

    .content-container.inner-page{
        display: block;
        height: auto;
    }
    .project-info-area{
        height: auto;
        padding: 80px 15px 15px 15px
    }
    .project-info-area .left-top-content{
        width: 100%;
        padding-bottom: 20px
    }
    .project-info-area .left-top-content h1 {
        font-size: 22px;
        line-height: 30px;
        margin: 0 0 20px 0
    }
    .project-info-area .left-top-content p{
        width: 100%;
        font-size: 14px;
        line-height: 18px
    }
    .project-info-area .graphic-area {
        width: 100%;
        position: relative;
        margin-top: 20px;
        right: 0px
    }

    .project-list{
        height: auto;
    }
    .project-list ul{
        padding: 0px;
        display: block !important;
    }
    .project-list ul li{
        width: 100%;
        border: none;
        margin-bottom: 20px;
        border-top: #000 1px solid;
        padding-top: 20px
    }
    .project-list ul li p{
        width: 100%;
    }
    .project-list ul li .photo-block{
        margin-top: 15px;
        height: 200px
    }

    .footer-area{
        width: 100%;
        display: block !important;
        border-top: #000 1px solid;
        border-left: none;
        padding: 15px
    }
    .footer-area .footer-bottom{
        display: block !important;
    }
    .footer-area .footer-bottom .leftpart{
        display: block;
    }
    .footer-area .footer-bottom .leftpart .small-block{
        padding: 0px 0px 20px 0px
    }
    .footer-area .footer-top h2{
        font-size: 22px;
        line-height: 30px
    }
    .footer-area .footer-top p{
        width: 100%
    }
    .footer-area .footer-top .inputarea{
        width: 100%;
        margin-bottom: 20px
    }
    .footer-area .footer-top .inputarea .btn-send{
        width: 68px;
        padding: 14px;
    }
    .footer-area .footer-top .inputarea .form-control{
        line-height: 46px
    }

    .project-info-fixed{
        padding: 80px 15px 15px 15px;
        display: block !important;
        position: relative;
        top: 0px;
        left: 0px
    }
    .project-info-fixed .d-flex{
        display: block !important;
    }
    .project-info-fixed ul.infolist{
        display: block;
    }
    .project-info-fixed .project-title{
        font-size: 24px;
        line-height: 24px;
        margin: 0 0 10px 0;
        min-width: auto;
    }
    .project-info-fixed ul.infolist li{
        margin-bottom: 8px
    }
    .project-detail-area{
        padding: 0px;
        display: block !important;
    }
    .project-detail-area .photo1,
    .project-detail-area .photo2,
    .project-detail-area .photo3,
    .project-detail-area .photo4,
    .project-detail-area .photo5,
    .project-detail-area .photo6,
    .project-detail-area .photo7{
        height: auto;
        width: 100%;
        margin-bottom:15px;
        margin-right: 0px
    }
    .project-detail-area .photo1 img,
    .project-detail-area .photo2 img,
    .project-detail-area .photo3 img,
    .project-detail-area .photo4 img,
    .project-detail-area .photo5 img,
    .project-detail-area .photo6 img,
    .project-detail-area .photo7 img{
        width: 100%
    }
    .project-detail-area .project-content{
        width: 100%;
        margin: 0 0 15px 0;
        height: auto;
        padding: 0 15px
    }
    .project-detail-area .two-photo{
        height: auto;
        margin: 0px
    }
    .project-detail-area .two-photo .small-photo{
        height: auto;
        width: 100%;
        margin-bottom: 15px
    }
    .project-detail-area .two-photo .small-photo img{
        width: 100%
    }
    .project-detail-area .two-photo .small-photo:first-child{
        padding-bottom:0px
    }
    .project-detail-area .two-photo .small-photo:last-child{
        padding-top: 0px
    }
    .project-detail-area .sustainability-block{
        width: 100%;
        height: auto;
        padding: 0 15px
    }
    .project-detail-area .sustainability-block h2{
        margin: 0px 0 15px 0;
        font-size: 22px;
        line-height: 30px
    }
    .project-detail-area .faq-area{
        width: 100%;
        height: auto;
        padding: 0 15px
    }

    .enquire-now-area{
        padding: 0px;
        display: block !important;
    }
    .enquire-now-area .content-left h2{
        margin: 0px 0 15px 0;
        font-size: 22px;
        line-height: 30px
    }
    .enquire-now-area .content-left {
        width: 100%;
        padding-right: 0;
        height: auto;
        padding: 15px;
    }
    .enquire-now-area .form-area{
        width: 100%;
        padding: 0 15px 15px 15px;
        height: auto;
    }

    .testimonials-area{
        height: auto;
        border-top: #000 1px solid;
        border-left:none;
    }
    .testimonials-area .top-title{
        height: auto;
        padding:25px;
    }
    .testimonials-area .top-title h2{
        font-size: 22px;
        line-height: 30px;
        margin:0 0 10px 0;
    }
    .testimonials-area .review-area .start-quote{
        border-right: none;
        border-bottom:#000 1px solid;
    }
    .testimonials-area .review-area{
        height: auto;
        display: block;
    }
    .testimonials-area .review-area ul.review-list{
        display: block;
    }
    .testimonials-area .review-area ul.review-list li{
        width:100%;
        border-right:none;
    }

    .sustainability-area{
        height: 60vh;
    }
    .featured-content-area{
        width: 100%;
        padding: 15px;
        border-left: 0;
    }

    .aboutpage-title-area {
        top: 61px;
        left: 0;
        width: 100%;
        background: white;
        border-bottom: #000 1px solid;
        padding: 10px 15px 5px 15px;
    }
    .aboutpage-title-area h2{
        font-size: 20px;
        line-height: 20px;
    }
    .aboutpage-title-area a{
        font-size: 13px;
        line-height: 13px;
    }
    .about-page {
        padding: 130px 0px 0px 0px;
    }
    .about-page .content-bottom-part {
        display: block;
    }

    .about-page .content-bottom-part .inner-block{
        width: 100%;
        border-right: none;
        border-bottom: #000 1px solid;
        padding: 15px
    }
    .about-page .content-bottom-part .large-inner-block{
        width: 100%;
        border-right: none;
        border-bottom: #000 1px solid;
        padding: 15px
    }
    .about-page .content-bottom-part h3 {
        font-size: 18px;
        line-height: 18px;
        margin: 0 0 8px 0;
    }
    .about-page .content-bottom-part p {
        font-size: 14px;
        line-height: 16px;
    }
    .about-page .content-bottom-part ul li{
        font-size: 14px;
        line-height: 18px;
    }
    .about-page .content-bottom-part .large-inner-block p{
        width: 100%
    }

    .who-we-work-area{
        padding: 15px;
        display: block !important;
    }
    .who-we-work-area .w-3 {
        width: 100%;
        padding: 0;
    }
    .who-we-work-area .w-3 h3 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 12px;
    }
    .who-we-work-area .w-3 p {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 12px;
    }
    .who-we-work-area .w-3 .collapsible{
        font-size: 14px
    }

    .news-title-fixed{
        top: 61px;
        left: 0;
        width: 100%;
        background: white;
        border-bottom: #000 1px solid;
        padding: 15px 15px 0px 15px;
        z-index: 9;
    }
    .news-title-fixed h1{
        font-size: 20px;
        line-height: 20px;
        margin: 0px 0px 5px 0px
    }
    .news-title-fixed ul.news-menu li {
        margin-right: 15px;
    }
    .news-title-fixed ul.news-menu li a {
        font-size: 12px;
        line-height: 10px;
    }
    .blog-page {
        padding: 147px 15px 0 15px;
    }
    .blog-page ul.blog-list{
        display: block;
    }
    .blog-page ul.blog-list li {
        width: 100%;
    }

    .ourteam-fixed{
        top: 61px;
        left: 0;
        width: 100%;
        background: white;
        border-bottom: #000 1px solid;
        padding: 15px 15px 0px 15px;
    }
    .ourteam-fixed h1{
        font-size: 20px;
        line-height: 20px;
        margin: 0px 0px 5px 0px
    }
    .ourteam-fixed ul.inner-menu li {
        margin-right: 13px;
    }
    .ourteam-fixed ul.inner-menu li:last-child {
        margin-right: 0px;
    }
    .ourteam-fixed ul.inner-menu li a {
        font-size: 12px;
        line-height: 10px;
    }
    .board-members{
        padding:  147px 15px 0 15px;
        height: auto;
    }
    .board-members ul.members-list{
        display: block;
    }
    .board-members ul.members-list li{
        width: 100%;
        border-right: none;
        border-bottom: #000 1px solid;
        padding: 15px 0;
        overflow: hidden;
    }
    .board-members ul.members-list li .photo-area{
        margin-top: 15px
    }
    .board-members ul.members-list li .content {
        padding: 15px 0;
    }

    h1.career-title{
        font-size: 20px;
        line-height: 20px;
        top: 75px;
        left: 15px;
        position: relative;
    }
    .careerpage {
        padding: 78px 15px 0 15px;
        display: block !important;
    }
    .careerpage .first-block {
        width: 150px;
        height: 150px;
        border: #000 1px solid;
        border-bottom: none;
    }
    .careerpage .our-culture {
        width: 85%;
        height: auto;
        padding: 15px;
        border-right: #000 1px solid
    }
    .careerpage .our-culture h2{
        font-size: 18px;
        line-height: 18px;
        margin: 0 0 10px 0;
    }
    .careerpage .our-culture p {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 10px 0;
    }
    .careerpage .our-culture a{
        font-size: 15px;
        line-height: 15px;
    }
    .careerpage .career-photo {
        height: 340px;
        width: 100%;
    }
    .careerpage .career-opportunities{
        height: auto;
        width: 100%
    }
    .careerpage .career-opportunities .content-top{
        padding: 15px
    }
    .careerpage .career-opportunities .content-bottom{
        height: 240px
    }
    .careerpage .career-opportunities .content-top h3{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 10px 0;
        padding-top: 0;
    }
    .careerpage .career-opportunities .content-top p{
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 10px 0;
    }

    .current-vacancies{
        width: 100%;
        height: 100% !important;
        padding: 15px;
    }
    .current-vacancies h2 {
        position: relative;
        top: 0;
        left: 0;
        font-size: 20px;
        line-height: 20px;
    }
    .current-vacancies .content-vacancies p{
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 10px 0;
    }
    .current-vacancies ul.vacancie-list{
        padding: 0px
    }
    .current-vacancies ul.vacancie-list li {
        width: 100%;
        height: 170px;
        margin-top: 10px;
        padding: 15px;
        border: #000 1px solid;
    }

    .collective-area{
        padding: 75px 15px 0px 15px;
        width: 100%;
        height: auto;
    }
    .collective-area .content-top{
        padding: 0px
    }
    .collective-area .content-top h2{
        font-size: 20px;
        line-height: 20px;
        margin: 0px 0px 8px 0px
    }
    .collective-area .content-top p{
        width: 100%;
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 10px 0;
    }
    .collective-area .content-bottom {
        height: auto;
        display: block;
    }
    .collective-area .content-bottom .collective-block {
        width: 100%;
        height: 280px;
        margin: 0 0 10px 0
    }
    .collective-area .content-bottom .collective-block a.titlepart{
        bottom: 0px;
        padding: 15px
    }

    .collective-logo-area {
        padding: 15px;
        height: auto;
    }
    .collective-logo-area .content-top {
        padding: 0;
    }
    .collective-logo-area .content-top h2{
        font-size: 20px;
        line-height: 20px;
        margin: 0px 0px 8px 0px
    }
    .collective-logo-area .content-top h3{
        margin: 10px 0 10px 0;
        font-size: 14px;
        line-height: 14px;
    }
    .collective-logo-area .content-bottom {
        height: auto;
        padding-left: 0;
    }
    .collective-logo-area .content-bottom ul li {
        width: 46%;
        border: #000 1px solid;
        height: 100px;
        margin: 2%;
    }

    .collective-main-photo {
        width: 100%;
        height: 380px;
        padding-top: 70px;
    }
    .collective-main-photo .collective-title-area h2{
        font-size: 24px;
        line-height: 26px;
    }
    .collective-title-area{
        padding: 15px;
        position: relative;
        top: 0;
        left: 0;
    }
    .collective-title-area h2{
        font-size: 24px;
        line-height: 26px;
    }

    .collective-content-block .inner-content-flex{
        height: auto;
        padding-left: 15px;
        margin-bottom: 20px;
    }
    .collective-content-block{
        padding: 0px 0px 15px 0px;
        display: block !important;
    }
    .collective-content-block .inner-content-flex h3{
        font-size: 15px;
        line-height: 15px
    }
    .collective-content-block .inner-content-flex p{
        font-size: 13px;
        line-height: 14px;
    }
    .collective-content-block .inner-content-flex ul li{
        font-size: 13px;
        line-height: 15px;
    }
    .contact-page {
        height: auto;
        display: block;
    }
    .contact-page h1{
        font-size: 20px;
        line-height: 20px;
        padding: 75px 0 0 15px;
    }
    .contact-page .contact-bottom {
        padding: 15px;
        height: auto;
        display: block;
    }
    .contact-page .call{
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 20px;
        margin-right: 0px
    }
    .contact-page .select-box{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
    .contact-page .select-box label{
        font-size: 14px;
        line-height: 14px;
        margin: 0px;
    }
    .contact-page .select-box .form-control{
        font-size: 14px;
        padding: 10px 0
    }
    .contact-page .form-area{
        width: 100%
    }
    .contact-page .form-area h2{
        font-size: 14px;
        line-height: 16px
    }
    .contact-page .form-area ul{
        flex-wrap: wrap;
    }
    .contact-page .form-area ul li {
        width: 50%;
        margin-bottom: 7px
    }

    .location-area{
        height: auto;
    }
    .location-area h2{
        padding: 20px 15px 5px 15px;
        font-size: 20px;
        line-height: 20px;
        border-top: #000 1px solid;
    }
    .location-area .contact-bottom{
        height: auto;
        padding: 15px;
    }
    .location-area .contact-bottom .office-block{
        width: 100%
    }
    .location-area .contact-bottom .map-block{
        width: 100%;
        height: 320px
    }

    .director-page{
        padding: 15px;
        width: 100%;
        height: auto;
        display: block !important;
    }
    .director-page .director-profile {
        width: 100%;
        padding: 130px 0 0 0;
    }
    .director-page .director-profile .photo-area {
        height: 260px;
        margin-top: 50px
    }
    .director-page .director-profile .content{
        padding: 0px
    }
    .director-page .company-profile .photo-area{
        height: 260px
    }
    .director-page .company-profile{
        width: 100%;
        height: auto;
        padding:20px 0px 0px 0px
    }


    .legacy-page {
        width: 100%;
        padding: 128px 0 0 0;
        display: block !important;
        height: auto !important;
    }
    .legacy-page .year-block {
        padding-left: 0;
    }
    .legacy-page .year-block {
        height: 100vh;
        width: 100vw;
        display: block;
    }
    .swiper{
        height: 500px
    }
    .legacy-page .swiper-slide{
        height: 100vh !important
    }
    .legacy-page .year-block .bottom-box{
        display: none
    }
    .legacy-page .year-block .top-box{
        display: none
    }
    .legacy-page .year-block .center-box{
        width: 100%;
        height: 100vh;
    }
    .legacy-page .year-block .center-box img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .legacy-page .year-block .center-box .year-info{
        width: 100%;
        padding: 15px;
    }
    .legacy-page .year-block .center-box .year-info h3 {
        font-size: 22px;
        line-height: 22px;
    }
    .legacy-page .year-block .center-box .year-info p{
        font-size: 14px;
        line-height: 16px;
        margin: 0px 0 30px 0;
    }
    .legacy-page .swiper-button-prev {
        left: 15px;
        top: auto;
        bottom: 15px;
    }
    .legacy-page .swiper-button-next {
        left: 50px;
        top: auto;
        bottom: 15px;
    }
    .legacy-page .swiper-button-prev svg path,
    .legacy-page .swiper-button-next svg path{
        stroke: #fff;
    }

    .media-page {
        padding: 145px 15px 0 15px;
    }
    .media-page.sub {
        padding: 215px 15px 0 15px;
    }
    .media-page ul.media-list li {
        width: 100%;
    }

    .our-approach-block .menu{
        padding: 86px 15px 0 15px;
    }
    .our-approach-block .menu li a {
        line-height: 20px;
        font-size: 18px;
    }
    .our-approach-block .menu li a .icon {
        width: 20px;
        height: 20px;
    }
    .our-approach-block .bottom-graphic {
        padding: 0;
        height: 180px;
        display: none
    }

    .our-team-page {
        padding: 145px 15px 0 15px;
        height: auto;
    }
    .our-team-page .team-list li {
        width: 100%;
    }
    .testimonials-area .review-area ul.review-list li .review-block {
        padding: 0;
    }
    .testimonials-area .review-area ul.review-list li .review-block .pd-0{
        padding: 15px
    }

    .social-page{
        padding: 145px 15px 0 15px;
        height: auto;
    }
    .social-page ul.social-list li{
        width: 100%;
    }

    .featured-content-area h2{
        font-size: 18px;
        line-height: 20px;
        display: block;
        margin: 0 0 20px 0
    }
    .featured-content-area h2 a{
        font-size: 13px;
        margin-top: 15px
    }
    .featured-content-area .d-flex{
        display: block !important;
    }
    .featured-content-area .small-part {
        width: 100%;
        margin-right: 0;
    }
    .featured-content-area .small-part p {
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 15px 0
    }

    .project-list ul li h2 {
        font-size: 20px;
        line-height: 20px;
    }
    .project-list ul li .location{
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 15px 0;
    }
    .project-list ul li p{
        font-size: 13px;
        line-height: 16px;
    }
    .project-list ul li .view{
        font-size: 15px
    }

    .gallery-page{
        padding: 145px 15px 30px 15px;
        height: auto;
        display: block !important;
    }
    .gallery-page .large{
        width: 100%;
        height: 220px;
        margin-right: 0;
    }
    .gallery-page .small-multi {
        width: 100%;
        height: 380px;
        margin-top: 10px
    }
    .testimonials-area {
        padding: 130px 0px 0 0px;
    }

    .mission-block {
        padding: 145px 0 15px 0px;
        height: auto;
        display: block;
        overflow: hidden;
    }
    .mission-block .content-block {
        height: auto;
        padding: 15px;
    }
    .mission-block .content-block h3{
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 8px 0;
    }
    .mission-block .content-block p{
        width: 100%;
        font-size: 14px;
        line-height: 16px
    }
    .mission-block .bottompart{
        display: block;
        height: auto;
    }
    .mission-block .bottompart .box1{
        height: 100px;
        width: 100px;
    }
    .mission-block .bottompart .box2{
        height: 140px;
        width: 140px;
    }
    .mission-block .bottompart .box3{
        height: 200px;
        width: 200px;
    }

    .vision-block {
        padding: 0px;
        height: auto;
    }
    .vision-block .content-block{
        padding: 15px;
    }
    .vision-block .content-block h3{
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 8px 0;
    }
    .vision-block .content-block p{
        width: 100%;
        font-size: 14px;
        line-height: 16px
    }
    .vision-block .vision-photo {
        position: relative;
        top: 0px;
        right: 0px;
        height: 300px;
        width: 100%;
    }

    .emi-calculator-area{
        padding: 75px 0 15px 0px;
        height: auto;
    }
    .emi-calculator-area h1{
        font-size: 20px;
        line-height: 20px;
        padding: 0 0 10px 15px
    }
    .emi-calculator-area .inner-area{
        display: block;
        padding: 0 15px
    }
    .emi-calculator-area .inner-area .form-area{
        width: 100%;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 20px;
        display: block;
        border-bottom: #8D8D8D 1px solid;
        border-right: none
    }
    .emi-calculator-area .inner-area .chart-area {
        width: 100%;
        padding-left: 0;
        padding-top: 0;
        margin-top: 20px;
        display: block;
    }
    .emi-calculator-area .inner-area .form-area .left {
        padding-right: 0;
        width: 100%;
    }
    .emi-calculator-area .inner-area .form-area .input-area {
        margin-bottom: 20px;
    }
    .emi-calculator-area .inner-area .form-area .input-area label{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 8px 0;
    }
    .emi-calculator-area .inner-area .form-area .input-group .icon{
        width: 50px
    }
    .emi-calculator-area .inner-area .form-area .input-group .form-control{
        font-size: 15px
    }
    .emi-calculator-area .inner-area .form-area .right {
        width: 100%;
        padding: 0px;
    }
    .emi-calculator-area .inner-area .form-area .right .info strong{
        font-size: 18px;
        line-height: 22px
    }
    .emi-calculator-area .inner-area .form-area .right .info {
        margin-bottom: 20px;
    }
    .emi-calculator-area .inner-area .chart-area .chart-main {
        position: relative;
        top: 0px;
        left: 0px
    }

    .faq-page{
        padding: 75px 0 15px 0px;
        height: auto;
    }
    .faq-page h1{
        font-size: 20px;
        line-height: 20px;
        padding: 0 0 10px 15px
    }
    .faq-page .flex-block{
        display: block;
    }
    .faq-page .faq-content{
        width: 100%;
        padding: 15px
    }
    .faq-page .faq-content h2{
        margin: 0 0 20px 0
    }
    .faq-page .faq-content .column p{
        font-size: 16px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .faq-page .faq-list-area{
        width: 100%;
        padding: 15px;
        border-left: none;
        border-top: #000 1px solid
    }
    .faq-page .faq-list-area h2{
        margin: 0 0 20px 0
    }
    .faq-page .faq-list-area ul.faq-list li{
        margin-bottom: 20px
    }
    .faq-page .faq-list-area ul.faq-list li a{
        font-size: 15px;
        line-height: 18px;
        min-height: auto
    }
    .faq-page .buyingtips{
        width: 100%;
        padding: 15px;
        border-left: none;
        border-top: #000 1px solid;
        margin: 0px
    }
    .faq-page .buyingtips h2{
        margin: 0 0 20px 0
    }
    .faq-page .buyingtips p{
        font-size: 15px;
        line-height: 18px;
        margin: 0 0 20px 0
    }
    .faq-page .buyingtips .inner-flex{
        display: block;
    }
    .faq-page .buyingtips .inner-flex .projects{
        padding: 15px 0px;
        border-right: none;
        border-top: #000 1px solid;
        width: 100%
    }
    .faq-page .buyingtips .inner-flex .flat{
        padding: 15px 0px;
        border-right: none;
        border-top: #000 1px solid;
        width: 100%
    }
    .faq-page .buyingtips .inner-flex .disclaimer{
        width: 100%;
        padding: 15px 0px
    }
    .faq-page .buyingtips .inner-flex h3{
        margin: 0 0 15px 0
    }
    .faq-page .buyingtips .inner-flex table td{
        font-size: 15px;
        vertical-align: top
    }
    .faq-page .buyingtips .inner-flex table th{
        font-size: 15px
    }

    .faq-popup {
        height: 100vh;
        z-index: 999999;
    }
    .faq-popup .inner-content{
        padding: 25px;
        border-bottom:#000 1px solid;
    }
    .faq-popup .inner-content .title{
        font-size: 18px;
        line-height: 21px;
        margin: 0 0 25px 0;
    }
    .faq-popup .inner-content ul li{
        font-size: 15px;
        line-height: 18px
    }
    .faq-popup .inner-content ul li ol li{
        font-size: 15px;
        line-height: 18px
    }

    .career-detail-page{
        padding: 90px 15px 15px 15px
    }
    .career-detail-page .inner-title-area h2{
        font-size: 18px;
        line-height: 18px
    }
    .career-detail-page .inner-title-area a{
        font-size: 14px;
        line-height: 14px
    }
    .career-detail-page .flex-area{
        padding-top:30px;
        display: block;
    }
    .career-detail-page .flex-area .leftside{
        width: 100%;
        padding: 0px
    }
    .career-detail-page .flex-area .leftside h3{
        font-size: 16px;
        line-height: 16px
    }
    .career-detail-page .flex-area .leftside p{
        font-size: 14px;
        line-height: 14px;
    }
    .career-detail-page .flex-area .leftside .pdf-box{
        width: 100%;
        margin: 15px 0
    }
    .career-detail-page .flex-area .leftside .pdf-box img{
        width: 100%
    }
    .career-detail-page .flex-area .rightside{
        width: 100%;
        padding: 0px
    }
    .career-detail-page .flex-area .rightside .mb-5 {
        margin-bottom: 10px !important;
    }
    .career-detail-page .flex-area .rightside .btn-submit{
        margin-top: 25px
    }

    h1.fixed-title{
        font-size: 20px;
        line-height: 20px;
        top: 75px;
        left: 15px;
        position: relative;
    }
    .channel-first-section{
        padding: 80px 0px 0px 0px;
        display: block !important;
    }
    .channel-first-section .left-part{
        padding:0 15px 120px 15px;
        width:100%;
    }
    .channel-first-section .left-part .redbox{
        width: 100px;
        height: 100px;
    }
    .channel-first-section .right-part {
        width: 100%;
        padding: 0;
    }
    .channel-first-section .right-part .photo{
        height: 240px;
    }
    .channel-second-section {
        padding: 0;
        display: block !important;
    }
    .channel-second-section .content-img-block{
        width:100%;
    }
    .channel-second-section::before {
        content:none;
    }
    .privileges-area {
        padding: 15px;
    }
    .privileges-area h2 {
        font-size: 20px;
        line-height: 24px;
        padding: 0 0 20px 0;
        border-top: none;
    }
    .privileges-area ul.privileges-list {
        display: block;
    }
    .privileges-area ul.privileges-list li{
        border-left: none;
        width: 100%;
        padding: 15px 0 0 0;
        border-top: #000 1px solid;
    }
    .privileges-area ul.privileges-list li .icon {
        height: 100px;
        width: 80px;
        margin: 30px 0;
    }
    .privileges-area ul.privileges-list li p{
        font-size: 14px;
        line-height: 16px;
        margin:0 0 10px 0;
    }
    .enquiries-form {
        padding: 0;
    }
    .enquiries-form .inner-box{
        border-left: none;
        padding: 15px;
    }
    .enquiries-form h2 {
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 30px 0;
    }
    .enquiries-form .form-flex {
        display: block;
    }
    .enquiries-form .form-flex .first-part,
    .enquiries-form .form-flex .second-part,
    .enquiries-form .form-flex .third-part{
        width: 100%;
        margin-right: 0;
    }
    .enquiries-area {
        padding: 0;
        width: 100%;
    }
    .enquiries-area .inner-box{
        border-left: none;
        padding: 15px;
    }
    .enquiries-area h2{
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 30px 0;
    }

    #worldspace_vendor {
        padding: 0;
    }
    #worldspace_vendor .inner-box{
        border-left: none;
        padding: 15px;
    }
    #worldspace_vendor h2 {
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 30px 0;
    }
    #worldspace_vendor .form-flex {
        display: block;
    }
    #worldspace_vendor .form-flex .first-part,
    #worldspace_vendor .form-flex .second-part,
    #worldspace_vendor .form-flex .third-part,#worldspace_vendor .form-flex .forth-part,#worldspace_vendor .form-flex .fifth-part,#worldspace_vendor .form-flex .sixth-part{
        width: 100%;
        margin-right: 0;
    }

    .news-title-fixed .d-flex{
        display:block !important;
    }
    .news-title-fixed .form-area {
        display: flex;
        margin: 10px 0 10px 0;
        flex-wrap: wrap;
    }
    .news-title-fixed .form-area span{
        width:100%;
    }
    .news-title-fixed .form-area .inputblock {
        width: 42%;
        margin-right: 2%;
    }
    .news-detail-area {
        height: auto;
        padding: 200px 15px 20px 15px;
    }
    .inner-titlepart{
        margin-top: 10px;
        top: 0;
        display: block;
        position: relative;
    }
    .inner-titlepart h2 {
        font-size: 20px;
        line-height: 22px;
    }
    .inner-titlepart h2 span{
        font-size: 15px;
        line-height: 15px;
    }
    .news-inner {
        display: block;
        height: auto;
    }
    .news-inner .photoblock {
        width: 100%;
        height: 300px;
        margin: 0 0 20px 0
    }
    .news-inner .innercontent-block {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .news-inner .innercontent-block p{
        font-size:14px;
        line-height:20px
    }

    a.all_pro_link {
        display: none;
    }

    .sustainability-home-area {
        padding: 16px;
        width: 100%;
    }
    .sustainability_fixed {
        width: 100%;
        display: inline-block;
    }
    .sustainability-home-area h2 {
        font-size: 18px;
    }
    .item_list_with_icon {
        display: inline-block;
        margin-top: 2em;
        width: 100%;
    }
    .sustainability-home-area .small-part p {
        font-size: 14px;
        width: 100%;
        margin: 0em 0 45px 0;
    }
    .media-page.press_kit_page ul.media-list li {
        width: 100%;
    }
    .media-page.press_kit_cnt {
        padding-top: 25px;
    }
    h1.c_h1_title {
        font-size: 18px;
    }
    .careerpage .career-photo img,.careerpage .career-opportunities .content-bottom img {
        filter: inherit;
    }

}
@media (max-width: 500px) {
    .cookie-notice-container #cn-notice-buttons, .cookie-notice-container #cn-notice-text {
        width: 100%;
    }
    #cn-close-notice {
        margin-left: 5px;
    }
    span#cn-notice-buttons {
        margin-bottom: 10px;
    }
    #cookie-notice .cookie-notice-container .cookie_inner_body {
        background-color: #fff;
        max-width: 772px;
        margin: auto;
        color: #000;
        padding: 15px;
        font-size: 16px;
        text-align: left;
    }
    #cookie-notice .cookie-notice-container .cookie_inner_body {
        padding: 15px;
    }
    .faq-popup.active {
        top: 60px;
        padding-top: 0;
    }
    div#Director_Body p {
        font-size: 14px;
    }
    body.no-scroll {
        overflow-y: hidden;
    }
    body.no-scroll .smoothScroll {
        height: 0px;
    }
    div#Director_Body p {
        max-height: 70vh;
        overflow-y: scroll;
    }
    .item_list_with_icon ul li {
        width: 50%;
        height: 215px;
        float: left;
    }
    .our-approach-block .menu img {
        width: 100%;
        position: absolute;
        bottom: 0px;
        right: 0px;
        z-index: 1;
        display: none;
        object-fit: cover;
        height: 100%;
    }
    .vision-block {
        border-left: 0px; 
    }
    .vision-block .content-block {
        margin-top: 8em;
    }
    .mission-block {
        padding: 50px 0 15px 0px; 
    }
    .project-detail-area .faq-area .card-header .btn-link.collapsed::before {
        right: 12px;
    }
    .project-detail-area .faq-area .card-header .btn-link::after {
        right: 4px;
    }
    .project-detail-area .faq-area .card-header .btn-link {
        font-size: 13px;
    }
    .project-detail-area .faq-area {
        margin-bottom: 2em;
    }
    .collective-logo-area .content-bottom ul {
        border-left: 0px solid #000;
    }
}