@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 .small-block {padding-right: 165px;}
  .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: 90%; 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 60px}

  .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: 13px; line-height: 15px; 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 .photo{height: 240px}
  .media-page .media-block{margin-bottom: 20px}
  .testimonials-area {padding: 166px 0px 0 60px;}
  .testimonials-area .review-area ul.review-list li {width: 33.33%;}
  .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 .year-block{padding-left: 60px;}
  .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: 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;}

}
@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: 100px;}
  .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: 146px; height: 215px;}
  .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: 14px;}
  .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 .year-block{padding-left: 60px}

  .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: 12px; line-height: 14px; 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 .photo{height: 240px}
  .media-page .media-block{margin-bottom: 20px}
  .testimonials-area {padding: 166px 0px 0 60px;}
  .testimonials-area .review-area ul.review-list li {width: 33.33%;}
  .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;}

}
@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: 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: 130px;}
  .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: 146px; height: 215px; 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: 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: 14px;}
  .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: 60vh}
  .enquire-now-area .form-area{height: 60vh}
  .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: 12px; line-height: 14px; 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 .photo{height: 240px}
  .media-page .media-block{margin-bottom: 20px}
  .testimonials-area {padding: 166px 0px 0 60px;}
  .testimonials-area .review-area ul.review-list li {width: 33.33%;}
  .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: 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;}
}

@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}
  .header a.btn-contact svg{display: none}
  .header .btn-menu{display: block;}
  .sidemenu{position: absolute; 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;}

}

@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: absolute; 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}

.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;}
.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: 300px;}
.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;}
.legacy-page .year-block {padding-left: 0;}
.legacy-page .year-block { height: 500px; width: 100vw; display: block;}
.swiper{height: 500px}
.legacy-page .swiper-slide{height: 500px !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: 500px;}
.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 ul.media-list li {width: 100%;}
.media-page .media-block .photo {height: 180px;}

.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 .inner-content{padding: 25px}
.faq-popup .inner-content .title{font-size: 20px; line-height: 24px; margin: 0 0 25px 0; display: block;}
.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;}

}