@media screen and (max-width: 1600px) {
    .content-list-section .content-wrap .bottom .content-list .content-single:nth-child(odd) .wrap .image{border-top-left-radius: 0!important; border-bottom-left-radius: 0!important;}
    .content-list-section .content-wrap .bottom .content-list .content-single:nth-child(even) .wrap .image{border-top-right-radius: 0!important; border-bottom-right-radius: 0!important;}

    .featured-projects .content-wrap .bottom .featured-list .featured-single:nth-child(odd) .wrap .image{border-top-left-radius: 0; border-bottom-left-radius: 0;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single:nth-child(even) .wrap .image {border-top-right-radius: 0; border-bottom-right-radius: 0;}

    .contentarea .content-wrap:before{width: calc(100% - 7%); border-radius: 24px 0 0 24px;}
}

@media screen and (max-width: 1440px) {
    body{padding-top: 93px;}
    #main-header nav .bottom ul.mainnav > li > a,
    #main-header nav .top ul li a{font-size: 16px; line-height: 22px;}

    #main-header .header-logo a img{width: 290px;}
    #main-header nav{width: calc(100% - 290px);}

    .featured-projects .content-wrap .bottom .contact-us-cta h5{font-size: 32px; line-height: 42px;}

    .accordion-section .content-wrap{padding: 56px 60px 72px;}
    
    /* April Code */
    /* .contentarea .content-wrap .pagewrapper2 .newslist li aside .thumbnail a img {border-radius: 0 20px 20px 0;} */
    .contentarea .content-wrap .pagewrapper2 .newslist li article h3 a {font-size: 26px; line-height: 36px;}

}

@media screen and (max-width: 1366px) {
    h1 {font-size: 56px; line-height: 72px;}
    h2 {font-size: 48px; line-height: 64px;}
    h3 {font-size: 32px; line-height: 42px;}
    h4 {font-size: 28px; line-height: 36px;}
    h5 {font-size: 24px; line-height: 32px;}
    h6 {font-size: 22px; line-height: 30px;}
    p, a, label, button, li, input{font-size: 16px; line-height: 30px;}

    .explore-projects .content-wrap .projects-list .project-cell .wrap .cell-content h4{font-size: 32px; line-height: 40px;}
    .explore-projects .content-wrap h3 .lg-gold{font-size: 42px; line-height: 52px;}

    .short-about .content-wrap .container .text-content .right{padding-left: 36px; padding-right: 36px;}

    .featured-projects .content-wrap .bottom .paragraph p{font-size: 20px; line-height: 36px;}

    .featured-projects .content-wrap .bottom .featured-list .featured-single .wrap article h3{font-size: 32px; line-height: 42px;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .wrap .image{width: 370px; height: 480px;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .wrap article{width: calc(100% - 370px);}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .view-project-cta{width: calc(100% - 370px + 50px);}

    .featured-projects .content-wrap .bottom .contact-us-cta{padding-left: 0;}
    .featured-projects .content-wrap .bottom .contact-us-cta h5{padding-inline-start: 28px; padding-left: 0;}

    .our-awards .text-el h3 .lg-gold{font-size: 42px; line-height: 52px;}

    #main-footer .content-wrap .footer-side{padding: 72px 36px 24px; width: 25%;}
    #main-footer .content-wrap .footer-links{width: 75%;}
    
    .accordion-section{padding: 42px 36px;}
    .accordion-section .content-wrap{padding: 56px 48px 72px;}

    .careers-section{padding: 42px 36px;}
    .careers-section .content-wrap .accord-list{padding: 24px 48px 24px;}
    .careers-section .content-wrap .bottom-careers{padding: 24px 48px 0;}

    .reports-section .content-wrap .reports-list .report-item .wrap-report h5{margin-bottom: 56px;}
    
    .content-list-section .content-wrap .bottom .content-list .content-single .wrap article h3{font-size: 32px; line-height: 42px;}
    .content-list-section .content-wrap .bottom .content-list .content-single .wrap .image{width: 300px; height: 400px;}
    .content-list-section .content-wrap .bottom .content-list .content-single .wrap article{width: calc(100% - 300px); padding: 12px 24px 12px 0;}
    .content-list-section .content-wrap .bottom .content-list .content-single .view-project-cta{width: calc(100% - 300px + 50px);}
}

@media screen and (max-width: 1280px) {
    
    #main-header .header-logo a img{width: 260px;}
    #main-header nav{width: calc(100% - 260px);}
    #main-header nav .bottom ul.mainnav > li > a{padding: 12px 4px;}

    .short-about .content-wrap .container .text-content .left{width: 100%; padding-left: 0;}
    .short-about .content-wrap .container .text-content .left h3, .short-about .content-wrap .container .text-content .left h2 {text-align: left;}
    .short-about .content-wrap .container .text-content .right{padding-left: 0; width: 100%;}

    .featured-projects .content-wrap:before{width: calc(100% - 70px);}

    .explore-projects{padding-left: 70px;}
    .explore-projects .content-wrap{padding-left: 0;}

    .reports-section .content-wrap .reports-list .report-item .wrap-report a{padding: 56px 24px 42px;}
    .reports-section .content-wrap .reports-list .report-item .wrap-report h6 {font-size: 20px; line-height: 24px;}
    .report-icon img {width: auto; height: 56px;}

    .reports-section{padding: 42px 36px;}

    .content-list-section .content-wrap .bottom .content-list .content-single .main-wrap{width: 100%;}
    
     /* April Code */
     .contentarea .content-wrap .pagewrapper2 .newslist li article h3 a {font-size: 26px; line-height: 36px;}
}

@media screen and (max-width: 1200px) {
    .featured-projects .content-wrap .bottom{display: flex; flex-wrap: wrap; padding-bottom: 72px; padding-top: 24px;}
    .featured-projects .content-wrap .bottom .featured-list {margin-bottom: 24px;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .main-wrap{width: 75%;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single {margin-top: 0!important; margin-bottom: 86px;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .wrap .image{width: 340px; height: 340px;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .view-project-cta{width: calc(100% - 340px + 50px);}

    .featured-projects .content-wrap .bottom .paragraph{position: relative; top: initial; left: initial; right: initial; width: 100%; margin-bottom: 24px;}
    .featured-projects .content-wrap .bottom .paragraph p{width: 100%; text-align: center; font-size: 22px; line-height: 32px;}

    .featured-projects .content-wrap .bottom .contact-us-cta{position: relative; bottom: initial; right: initial; width: 100%; order: 3;}
    .share-information .share-table li.common {width: 40%!important;}
    .share-information .share-table li.others {width: 60%!important;}
    .share-information .share-table li.others ul li {width: 50%!important; height: 33.3%!important}
}


@media screen and (max-width: 1100px) {
    body{padding-top: 80px;}
    h1 {font-size: 48px; line-height: 64px;}
    h2 {font-size: 36px; line-height: 52px;}
    h3 {font-size: 28px; line-height: 36px;}
    h4 {font-size: 24px; line-height: 32px;}
    h5 {font-size: 22px; line-height: 30px;}
    h6 {font-size: 20px; line-height: 28px;}
    p, a, label, button, li, input{font-size: 15px; line-height: 26px;}
    
    .featured-projects, .explore-projects, .news-press-release {padding-top: 24px; padding-bottom: 24px;}
    

    #main-header{padding: 10px 24px; justify-content: space-between;}
    .desktop-nav{display: none;}
    .mobile-nav {display: block!important;}

    .banner .banner-slider .single-content .banner-content .text-content h3 {margin-bottom: 8px;}
    .banner .banner-slider .single-content .banner-content .text-content h2{margin-bottom: 14px;}
    .banner .banner-slider .single-content .banner-content .image-content{padding-top: 72px; padding-bottom: 72px; padding-right: 0;}

    .explore-projects .content-wrap h3 .lg-gold{font-size: 40px; line-height: 50px;}
    .explore-projects .content-wrap .projects-list .project-cell{width: 33.333%;}
    .explore-projects .content-wrap .projects-list .project-cell .wrap .cell-content h4{font-size: 26px; line-height: 36px;}

    .short-about .content-wrap .container .text-content{width: calc(100% - 420px);}
    .short-about .content-wrap .container .counters{width: 420px;}
    .short-about .content-wrap .container .counters .single-cell-counter .number{font-size: 64px; line-height: 70px;}

    .news-press-release .content-wrap{display: flex; flex-wrap: wrap;}
    .news-press-release .content-wrap .left-nav-links{width: 100%; order: 2; padding-top: 30px;}
    .news-press-release .content-wrap .side-cta{position: relative; text-align: center; width: 100%; order: 1;}
    .news-press-release .content-wrap .side-cta h2{margin-bottom: 14px;}
    .news-press-release .content-wrap .side-cta .view-all-cta{margin: 0 auto; padding: 10px; width: 230px; font-size: 20px;}
    .news-press-release .content-wrap .left-nav-links:after{display: none;}
    .news-press-release .content-wrap .left-nav-links .single-nav-link{width: 100%;}

    .our-awards{padding: 120px 0 42px 30px;}
    .our-awards .content-wrap{padding: 20px 0 20px 20px;}
    .our-awards .text-el{top: -90px; height: 200px;}
    .our-awards .text-el h3 .lg-gold{font-size: 36px; line-height: 46px;}
    .our-awards .list-wrap .awards-list.col-5 li{width: 33.333%;}

    #main-footer .content-wrap .footer-side{width: 100%; padding: 32px 32px 24px;}
    #main-footer .content-wrap .footer-links{width: 100%;}
    #main-footer .content-wrap .footer-links .top{padding: 24px 0;}
    #main-footer .content-wrap .footer-links .top .contact-info{width: 40%;}
    #main-footer .content-wrap .footer-links .top .menu-links{width: 60%;}
    #main-footer .content-wrap .footer-links .top .project-links{width: 83%;}
    #main-footer .content-wrap .footer-links .top .project-links ul li {width: 50%;}
    #main-footer .content-wrap .footer-links .bottom{padding: 32px 0;}
    #main-footer .content-wrap .footer-links .bottom p {text-align: center;}

    .content-list-section .content-wrap .bottom .content-list .content-single{width: 80%;}
    .content-list-section .content-wrap .bottom .content-list .content-single:nth-child(even){width: 80%; margin-left: auto;}
    #main-header .mob-dropdown ul li:first-child ul.subnav li a::after, #main-header .mob-dropdown ul li:nth-child(2) ul.subnav li a::after, #main-header .mob-dropdown ul li:nth-child(3) ul.subnav li a::after, #main-header .mob-dropdown ul li:nth-child(4) ul.subnav li a::after, #main-header .mob-dropdown ul li:nth-child(5) ul.subnav li a::after {color:#c7a256!important;}
    #main-header .mob-dropdown ul li:first-child ul.subnav li a, #main-header .mob-dropdown ul li:nth-child(2) ul.subnav li a, #main-header .mob-dropdown ul li:nth-child(3) ul.subnav li a, #main-header .mob-dropdown ul li:nth-child(4) ul.subnav li a, #main-header .mob-dropdown ul li:nth-child(5) ul.subnav li a {padding-left: 15px!important; padding-right: 15px!important}

}

@media screen and (max-width: 999px) {
    .banner .banner-slider .single-content .banner-content{padding: 0 24px;}
    .banner .banner-slider .single-content .banner-content .text-content{width: 100%;}
    .banner .banner-slider .single-content .banner-content .image-content{width: 100%; max-height: 340px; display: none;}
    .explore-projects .content-wrap .projects-list .project-cell{width: 50%;}
    .explore-projects .content-wrap .projects-list .project-cell .wrap{min-height: 360px;}
    .explore-projects .content-wrap .projects-list .project-cell .wrap .cell-background{background-size: cover!important;}

    .explore-projects{padding-left: 24px; padding-right: 24px;}

    .short-about .content-wrap{padding: 24px 24px 56px;}
    .short-about .content-wrap .container .text-content{width: 100%;}
    .short-about .content-wrap .container .counters{margin: 32px auto 0;}
    .short-about .content-wrap .container .counters .single-cell-counter{padding: 10px;}
    .short-about .content-wrap .container .counters .single-cell-counter .number{font-size: 42px; line-height: 52px;}
    .short-about .content-wrap .container .counters .single-cell-counter .text{font-size: 18px; line-height: 26px;}
    .short-about .content-wrap .container .counters .last-cell a {font-size: 20px; line-height: 26px;}

    .featured-projects .content-wrap .bottom .paragraph{padding: 0;}
    .featured-projects .content-wrap .bottom .paragraph p{font-size: 20px; line-height: 30px;}
    .featured-projects .content-wrap .bottom{padding: 10px 24px 72px;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single{margin-bottom: 110px;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .main-wrap{width: 100%;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .wrap article .tag{font-size: 20px; line-height: 24px;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .wrap article h3{font-size: 28px; line-height: 38px;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .view-project-cta{font-size: 18px; line-height: 28px;}
    .featured-projects .content-wrap:before{width: 100%;}


    .news-press-release .content-wrap .side-cta{padding: 12px 24px;}
    .news-press-release .content-wrap .left-nav-links{padding: 30px 24px;}
    .news-press-release .content-wrap .left-nav-links .single-nav-link article .date{font-size: 18px; line-height: 22px;}
    
    .our-awards{padding-left: 24px; padding-right: 24px;}
    .our-awards .content-wrap {border-right: 1px solid #c7a256!important; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
    .our-awards .content-wrap{padding: 0;}
    .our-awards .list-wrap{padding: 32px 24px 24px;}

    .floating-filter .content-wrap form .filter-options li{width: 50%; margin-bottom: 12px;}
    .floating-filter .content-wrap form .filter-options li:nth-last-child(2),
    .floating-filter .content-wrap form .filter-options li:last-child{margin-bottom: 0;}

    .accordion-section .content-wrap{padding: 56px 32px 72px 32px}
    .accordion-section .content-wrap .accord-list .accord-item .top-accord:after{width: 32px; height: 14px;}
    
    .careers-section .content-wrap .accord-list{padding: 24px 32px 24px 32px}
    .careers-section .content-wrap .bottom-careers{padding: 24px 32px 24px 32px;}
    .careers-section .content-wrap .accord-list .accord-item .top-accord:after{width: 32px; height: 14px;}
    .careers-section .content-wrap .bottom-careers .bottom-wrap .left p{font-size: 18px; line-height: 28px;}
    .careers-section .content-wrap .bottom-careers .bottom-wrap .left{padding-right: 20px;}
    .careers-section .content-wrap .bottom-careers .bottom-wrap .right{padding-left: 20px;}
    
    .reports-section .content-wrap:before{right: calc(-100vw + 100px); border-radius: 0!important;}
    .multiple-reports .report-group h3{margin-left: 0!important; margin-bottom: 24px;}
    .multiple-reports .report-group:after{width: 100%!important;}
    
    .content-list-section .content-wrap:before{right: calc(-100vw + 100px); border-radius: 0!important;}
    .content-list-section .content-wrap .bottom .content-list .content-single {width: 100%!important; margin-bottom: 110px;}
    .content-list-section .content-wrap .bottom .content-list .content-single .wrap article h3{font-size: 28px; line-height: 38px;}
    .content-list-section .content-wrap .bottom .content-list .content-single .wrap .image{width: 280px; height: 320px;}
    .content-list-section .content-wrap .bottom .content-list .content-single .wrap article{width: calc(100% - 280px); padding: 12px 24px 12px 0;}
    .content-list-section .content-wrap .bottom .content-list .content-single .view-project-cta{width: calc(100% - 280px + 50px);}


    /* April Code */
    .pagwrapper {width: 90%;}
    .pageheader .pagewrapper h1 {font-size: 36px; line-height: 48px;}
    .pageheader .pagewrapper p {font-size: 18px; line-height: 26px; margin-bottom: 20px;}
    .contentarea .content-wrap:before {border-radius: 24px 0 0 24px;}
    .contentarea {padding-top: 36px;}
    .contentarea .content-wrap .pagewrapper .cg-content .intro {margin: 0;}
    .contentarea .content-wrap .pagewrapper .cg-content .intro p {font-size: 18px; line-height: 24px;}
    .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul li aside {width: 100px; height: 100px;}
    .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul li article {padding-left: 130px; min-height: 100px;}
    .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul li article h3 {font-size: 22px; line-height: 32px;}
    .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul li article p, .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul li article ul li, .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul li article ul li ol li {font-size: 16px; line-height: 24px;}
    .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul li {margin-bottom: 20px;}

    /* April Code 061721 */
    .contentarea .content-wrap .contactinfo {position: relative; width: 90%; margin: 0 auto; left: 0; top: auto;}
    .contentarea .content-wrap .contactinfo .cinfo h3, .contentarea .content-wrap .contactinfo .cinfo h4, .contentarea .content-wrap .contactinfo .cinfo2 h3 {font-size: 20px; line-height: 30px;}
    .contentarea .content-wrap .contactinfo .cinfo div, .contentarea .content-wrap .contactinfo .cinfo2 div {width: 48%;}
    .contentarea .content-wrap .contactinfo .cinfo2 h4 br {display: none;}
    .contentarea .content-wrap .pagewrapper .contact-form {padding-left: 10%; padding-top: 30px; padding-bottom: 30px; min-height: auto;}
    .contentarea .content-wrap .contactinfo .cinfo h5, .contentarea .content-wrap .contactinfo .cinfo2 h5 {font-size: 16px; line-height: 24px;}
    .contentarea .content-wrap .contactinfo .cinfo p, .contentarea .content-wrap .contactinfo .cinfo2 p {font-size: 16px; line-height: 24px;}
    .pagecontent h1 {font-size: 36px; line-height: 42px;}
    .pagecontent h2 {font-size: 30px; line-height: 40px;}
    .pagecontent h3 {font-size: 24px; line-height: 30px;}
    .pagecontent h4, .pagecontent h5 {font-size: 20px; line-height: 30px;}
    .pagecontent h6, .pagecontent p {font-size: 16px; line-height: 24px;}
    .pagecontent ul li, .pagecontent ol li {font-size: 16px; line-height: 24px;}
    .contentarea .content-wrap .pagewrapper2 .newslist li article h3 a {font-size: 24px; line-height: 30px;}
    .contentarea .content-wrap .pagewrapper2 .newslist li aside .thumbnail {padding-right: 30px; padding-top: 35px;}
    .contentarea .content-wrap .pagewrapper2 .newslist li aside .dateposted {width: 100px; z-index: 11;height: auto;}
    .contentarea .content-wrap .pagewrapper2 .newslist li aside .dateposted div {width: 100%; padding: 0 10px 10px; height: auto;}
    .contentarea .content-wrap .pagewrapper2 .newslist li aside .dateposted div h4 {font-size: 36px; line-height: 34px; height: auto;}
    .contentarea .content-wrap .pagewrapper2 .newslist li aside .dateposted div h5 {font-size: 20px; line-height: 28px;}
    .contentarea .content-wrap .pagewrapper2 .newslist li article h5 a {font-size: 16px; line-height: 20px;}
    .contentarea .content-wrap .pagewrapper2 .newslist li article h5 {line-height: 20px;}
    .contentarea .content-wrap .pagewrapper2 .newslist li article h3 {margin-bottom: 10px;}
    .contentarea .content-wrap .pagewrapper2 .newslist li article p {font-size: 16px; line-height: 24px;}
    .contentarea .content-wrap .pagewrapper2 .newslist li article h6 a {font-size: 16px; line-height: 24px;}

    /* April Code 061821 */
    .project-area .main-banner .projectov ul li {width: 32%; margin-bottom: 20px;}
    .project-area .main-banner .projectov ul li:last-child {width: 100%; display: flex; justify-content: space-around; margin-bottom: 0;}
    .project-area .main-banner .projectov ul li h5 {font-size: 18px; line-height: 24px;}
    .project-area .main-banner .projectov ul li p, .project-area .main-banner .projectov ul li h6 a.inquire, .project-area .main-banner .projectov ul li h6 a.quote {font-size: 20px; line-height: 30px;}
    .project-area .main-banner .projectov ul li:last-child h6 {width: 40%;}
    .contentarea h1.projectheading {font-size: 36px; line-height: 42px;}
    .contentarea .content-wrap .pagewrapper4 .overview h4 {font-size: 20px; line-height: 30px;}
    .contentarea .content-wrap .pagewrapper4 .overview p {font-size: 16px; line-height: 24px;}
    .contentarea .content-wrap .pagewrapper4 .overview  {column-count: 1;}
    .amenities .sectionhead h4, .gallery .sectionhead h4, .location .sectionhead h4, .marketing-arm .sectionhead h4 {font-size: 24px; line-height: 30px;}
    .amenities .sectionhead h3, .gallery .sectionhead h3, .location .sectionhead h3, .marketing-arm .sectionhead h3 {font-size: 30px; line-height: 40px;}
    .amenities article .amenities-list li, .gallery article .amenities-list li, .location article .amenities-list li, .marketing-arm article .amenities-list li {font-size: 16px; line-height: 24px; background-size: 25px 25px; margin-bottom: 10px;}
    .marketing-arm article .ma-contact .ma, .marketing-arm article .ma-contact .website, .marketing-arm article .ma-contact .address, .marketing-arm article .ma-contact .emailadd, .marketing-arm article .ma-contact .contact {width: 100%; background-size: 40px 40px; padding-left: 50px;}
    .marketing-arm article .ma-contact li p a {font-size: 16px; line-height: 24px;}
    .amenities article .ma-contact li p a, .gallery article .ma-contact li p a, .location article .ma-contact li p a, .marketing-arm article .ma-contact li p a {font-size: 22px; line-height: 30px}
    .amenities article .gallery-list .slick-prev, .gallery article .gallery-list .slick-prev, .location article .gallery-list .slick-prev, .marketing-arm article .gallery-list .slick-prev {left: 70%;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord ul.bod li {width: 48%;}
    .contentarea .content-wrap .pagewrapper5 .objectives h5 {font-size: 20px; line-height: 30px}
    .contentarea .content-wrap .pagewrapper5 .objectives p, .performance-highlights .pagewrapper5 article p {font-size: 16px; line-height: 24px;}
    .share-information .share-table {height: auto!important; border-left: 0;}
    .share-information .share-table li.common {width: 100%!important; height: auto!important; padding: 20px!important; border-left: solid 1px #c7a256;}
    .share-information .share-table li.others {width: 100%!important; text-align: center; margin-top: -10px; border-left: solid 1px #c7a256; margin-bottom: 0; padding-bottom: 0;}
    .share-information .share-table li.others ul li {width: 50%; text-align: center;}
    .share-information .share-table li.others ul li div {width: 100%;}
    .performance-highlights .pagewrapper5 article {width: 100%; margin-bottom: 25px;}
    .performance-highlights .pagewrapper5 aside {width: 100%; padding: 0 25%;}
    .share-information .share-table li.others ul li p {font-size: 36px!important; line-height: 48px!important;}

    /* April Code 06/22/21 */
    .accordion-section .content-wrap:before {width: calc(100% + 100vh); }
    .accordion-section .content-wrap .pagewrapper4 {width: 100%;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord p {font-size: 16px; line-height: 24px;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord ul.bod li aside a h5 {font-size: 16px!important; line-height: 22px!important;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord ul.bod li aside a h4 {font-size: 20px!important; line-height: 30px!important;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord h3 {font-size: 24px; line-height: 30px;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord h5 {font-size: 20px; line-height: 30px;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord ul.members li, .accordion-section .content-wrap .accord-list .accord-item .content-accord ul li {width: 100%; font-size: 16px; line-height: 22px; background-position: 10px 6px;}
    .amenities article p, .gallery article p, .location article p, .marketing-arm article p {font-size: 16px; line-height: 24px;}
    .amenities article h4, .gallery article h4, .location article h4, .marketing-arm article h4,
    .amenities article h5, .gallery article h5, .location article h5, .marketing-arm article h5 {font-size: 20px; line-height: 30px;}
     #main-footer .content-wrap .footer-side .logo {max-width: 65%}
     .reports-section .content-wrap h3 {font-size: 30px; line-height: 40px; padding-left: 0;}
     .reports-section .content-wrap .reports-list .report-item .wrap-report span.date {padding-right: 60px; font-size: 16px; line-height: 24px;}
     .accordion-section .content-wrap .accord-list {width: 95%}
}

@media screen and (max-width: 600px) {
    .desktop-banner-bg{display: none!important;}
    .mobile-banner-bg{display: block!important;}

    body{overflow-x: hidden; padding-top: 68.64px;}

    h1 {font-size: 42px; line-height: 52px;}
    h2 {font-size: 32px; line-height: 42px;}
    h3 {font-size: 24px; line-height: 30px;}
    h4 {font-size: 20px; line-height: 26px;}
    h5 {font-size: 18px; line-height: 24px;}
    h6 {font-size: 17px; line-height: 22px;}
    p, a, label, button, li, input{font-size: 15px; line-height: 24px;}

    #main-header .header-logo a img{width: 200px;}
    #main-header .mob-dropdown{top: 68px;}

    .explore-projects .content-wrap .projects-list{border-radius: 0;}
    .explore-projects .content-wrap .projects-list .project-cell{width: 100%;}
    .explore-projects .content-wrap .projects-list .project-cell .wrap .cell-content{padding: 20px 12px;}
    .explore-projects .content-wrap .projects-list .project-cell.view-all .wrap{min-height: 200px;}

    .short-about .content-wrap .container .text-content .left{padding: 0; text-align: center; margin-bottom: 16px;}
    .short-about .content-wrap .container .text-content .left h2,
    .short-about .content-wrap .container .text-content .left h3 {text-align: center;}
    .short-about .content-wrap .container .text-content .right{padding-right: 0;}
    .short-about .content-wrap .container .counters{width: 100%;}
    .short-about .content-wrap .container .counters .single-cell-counter .number{font-size: 36px; line-height: 42px;}

    .featured-projects .content-wrap .bottom .paragraph p{font-size: 18px; line-height: 28px;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single{margin-bottom: 28px;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .wrap{flex-wrap: wrap!important; overflow: hidden; border-radius: 20px!important;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .wrap .contain-aside {order: 1!important;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .wrap aside{order: 1!important; width: 100%; 
        left: initial!important; right: initial!important; bottom: initial!important; border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .wrap article {order: 2!important; width: 100%; padding: 24px 12px 86px!important;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .view-project-cta{width: 100%; left: 0; bottom: 0; z-index: 1; padding: 0; height: 64px; z-index: 4!important;
        background: #0c7e3f; border-bottom-left-radius: 20px!important; border-bottom-right-radius: 20px!important; justify-content: center!important;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .view-project-cta span {color: #cd983f; padding-right: 52px;
        background: transparent url('../images/arr-link-gold.png')!important; background-repeat: no-repeat!important; background-size: 42px!important; background-position: 100%!important;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .wrap article .tag{margin-bottom: 0;}
    .featured-projects .content-wrap .bottom .featured-list .featured-single .wrap article h3{margin-bottom: 0;}

    .featured-projects .content-wrap .bottom .contact-us-cta{padding: 0;}
    .featured-projects .content-wrap .bottom .contact-us-cta h5{padding: 0; width: 100%; text-align: center; margin-bottom: 24px;}

    .news-press-release .content-wrap .left-nav-links .single-nav-link {margin-bottom: 24px;}
    .news-press-release .content-wrap .left-nav-links .single-nav-link:last-child{margin-bottom: 0;}
    .news-press-release .content-wrap .left-nav-links .single-nav-link aside{width: 100%; margin-bottom: 12px;}
    .news-press-release .content-wrap .left-nav-links .single-nav-link article{width: 100%; padding: 0;}
    .news-press-release .content-wrap .left-nav-links .single-nav-link article .date{font-size: 16px; line-height: 20px;}

    .our-awards .list-wrap{padding: 24px 5px;}
    .our-awards .list-wrap .awards-list .single-award {margin-bottom: 36px;}
    .our-awards .list-wrap .awards-list .single-award aside{min-height: initial;}
    .our-awards .list-wrap .awards-list.col-5 li, .our-awards .list-wrap .awards-list.col-3 li, .our-awards .list-wrap .awards-list.col-1 li{width: 100%;}

    #main-footer .content-wrap .footer-links .top .contact-info{width: 100%; padding: 0;}
    #main-footer .content-wrap .footer-links .top .project-links {width: 100%; padding: 0;}
    #main-footer .content-wrap .footer-links .top .menu-links {width: 100%; padding: 0; margin-bottom: 24px;}
    #main-footer .content-wrap .footer-links .top h6 {margin-bottom: 10px!important; font-size: 20px; line-height: 28px;}

    #main-footer .content-wrap .footer-links .top ul li a, #main-footer .content-wrap .footer-links .top ul li p{font-size: 15px!important; line-height: 21px!important;}

    .floating-cta .filter-btn{width: 52px; height: 52px;}
    .floating-cta .share .share-btn{width: 52px; height: 52px;}
    /* .floating-cta .share .share-wrap a.fb,
    .floating-cta .share .share-wrap a.ig,
    .floating-cta .share .share-wrap a.tw {width: 36px; height: 36px;} */

    .floating-filter .content-wrap{padding: 12px;}
    .filter-options{width: 100%!important;}
    .filter-options li {padding-right: 5px!important;}
    .filter-options li:nth-child(2), .filter-options li:last-child {padding-right: 0!important;}
    .floating-filter .content-wrap form input[type='submit']{width: 100%; margin-top: 12px;}

    .floating-filter .content-wrap form .filter-options li label,
    .floating-filter .content-wrap form .filter-options li input,
    .floating-filter .content-wrap form .filter-options li select{ font-size: 14px!important; line-height: 20px!important;}

    .accordion-section{padding: 36px 0;}
    .accordion-section .content-wrap{ padding: 56px 24px;}
    .accordion-section .content-wrap .accord-list .accord-item .top-accord{padding: 20px 0;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord{padding-bottom: 28px;}
    
    .careers-section{padding: 36px 0;}
    .careers-section .content-wrap {padding-bottom: 42px;}
    .careers-section .content-wrap .accord-list{ padding: 20px 24px;}
    .careers-section .content-wrap .bottom-careers{padding: 16px 24px;}
    .careers-section .content-wrap .bottom-careers .bottom-wrap .left{width: 100%; padding-right: 0; border-right: 0; border-bottom: 1px solid #c7a256; padding-bottom: 20px;}
    .careers-section .content-wrap .bottom-careers .bottom-wrap .left p{font-size: 16px; line-height: 24px;}
    .careers-section .content-wrap .bottom-careers .bottom-wrap .right{padding-left: 0; width: 100%; padding-top: 20px;}
    .careers-section .content-wrap .accord-list .accord-item .top-accord{padding: 20px 0;}
    .careers-section .content-wrap .accord-list .accord-item .content-accord{padding-bottom: 28px;}

    .reports-section{padding: 32px 24px;}
    .reports-section .content-wrap .reports-list .report-item{width: 100%; margin-bottom: 24px;}
    .reports-section .content-wrap .reports-list .report-item .wrap-report h6{font-size: 17px; line-height: 20px;}

    .multiple-reports .report-group h3{margin-left: 0!important; text-align: center; width: 100%; margin-bottom: 20px;}

    .loadmore-button {padding: 12px!important; width: 200px!important; font-size: 20px!important; line-height: 20px!important;}
    
    .content-list-section .content-wrap .bottom .content-list .content-single {margin-bottom: 28px;}
    .content-list-section .content-wrap .bottom .content-list .content-single .wrap{flex-wrap: wrap!important; overflow: hidden; border-radius: 20px!important;}
    .content-list-section .content-wrap .bottom .content-list .content-single .wrap > a {order: 1!important; width: 100%!important;}
    .content-list-section .content-wrap .bottom .content-list .content-single .wrap aside {order: 1!important; width: 100%!important; 
        left: initial!important; right: initial!important; bottom: initial!important; border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important;}
    .content-list-section .content-wrap .bottom .content-list .content-single .wrap article{order: 2!important; width: 100%; padding: 24px 12px 86px!important;}
    .content-list-section .content-wrap .bottom .content-list .content-single .view-project-cta{width: 100%; left: 0; bottom: 0; z-index: 1; padding: 0; height: 64px; z-index: 4!important;
        background: #0c7e3f; border-bottom-left-radius: 20px!important; border-bottom-right-radius: 20px!important;}
        .content-list-section .content-wrap .bottom .content-list .content-single .view-project-cta span {color: #cd983f; padding-right: 52px;
        background: transparent url('../images/arr-link-gold.png')!important; background-repeat: no-repeat!important; background-size: 42px!important; background-position: 100%!important;}
    
    /* April Code */
    .pagewrapper {width: 90%; padding: 0;}
    .pageheader .pagewrapper ul {font-size: 14px; line-height: 24px;}
    .pageheader .pagewrapper h1 {font-size: 30px; line-height: 40px;}
    .pageheader .pagewrapper h1 br {display: none;}
    .pageheader .pagewrapper p {font-size: 16px; line-height: 24px; margin-bottom: 15px;}
    .contentarea {padding-top: 17px;}
    .contentarea .content-wrap .top {margin-top: -17px;}
    .contentarea .content-wrap .top img {width: 35px; height: 35px;}
    .contentarea .content-wrap:before {width: 100%; border-radius: 0;}
    .contentarea .content-wrap .pagewrapper .cg-content .intro {margin-top: -20px!important; margin-bottom: 20px;}
    .contentarea .content-wrap .pagewrapper .cg-content .intro p {font-size: 16px; line-height: 24px; margin-bottom: 20px;}
    .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul {margin-top: 20px; }
    .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul li aside {position: relative; margin: 0 auto; margin-bottom: 20px; width: 80px; height: 80px;}
    .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul li article {padding-left: 0;}
    .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul li article h3 {font-size: 20px; line-height: 30px;}
    .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul li article p, .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul li article ul li, .contentarea .content-wrap .pagewrapper .cg-content .col2-list ul li article ul li ol li {font-size: 16px; line-height: 24px;}

    /* April Code 061721 */
    .contentarea .content-wrap .contactinfo .cinfo div, .contentarea .content-wrap .contactinfo .cinfo2 div {width: 100%;}
    .contentarea .content-wrap .pagewrapper .contact-form ul li label {font-size: 18px; line-height: 24px;}
    .contentarea .content-wrap .pagewrapper .contact-form ul li input[type=text], .contentarea .content-wrap .pagewrapper .contact-form ul li input[type=email], .contentarea .content-wrap .pagewrapper .contact-form ul li select, .contentarea .content-wrap .pagewrapper .contact-form ul li textarea {height: 40px; font-size: 16px; line-height: 24px;}
    .contentarea .content-wrap .pagewrapper .contact-form ul li input[type=submit] {height: 40px; width: 180px;}
    .pagecontent h1 {font-size: 30px; line-height: 40px;}
    .pagecontent h2 {font-size: 24px; line-height: 30px;}
    .pagecontent h3 {font-size: 20px; line-height: 30px;}
    .pagecontent h4, .pagecontent h5 {font-size: 18px; line-height: 28px;}
    .pagecontent h6, .pagecontent p {font-size: 16px; line-height: 24px;}
    .pagecontent ul li, .pagecontent ol li {font-size: 16px; line-height: 24px;}
    .contentarea .content-wrap .pagewrapper2 {margin-left: auto; width: 90%}
    .contentarea .content-wrap .pagewrapper2 .newslist li aside {width: 100%;}
    .contentarea .content-wrap .pagewrapper2 .newslist li aside .thumbnail {padding: 0; height: 200px;}
    .contentarea .content-wrap .pagewrapper2 .newslist li aside .dateposted {position: relative;}
    .contentarea .content-wrap .pagewrapper2 .newslist li aside .thumbnail a img {border-radius: 20px 20px 0 0;}
    .contentarea .content-wrap .pagewrapper2 .newslist li aside .dateposted {width: 100%; border-radius: 0; }
    .contentarea .content-wrap .pagewrapper2 .newslist li aside .dateposted div h4, .contentarea .content-wrap .pagewrapper2 .newslist li aside .dateposted div h5, .contentarea .content-wrap .pagewrapper2 .newslist li aside .dateposted div h6 {width: auto; font-size: 16px; line-height: 22px; font-family: "WorkSans", Arial, sans-serif; font-weight: 400; margin: 5px 3px;}
    .contentarea .content-wrap .pagewrapper2 .newslist li aside {height: auto;}
    .contentarea .content-wrap .pagewrapper2 .newslist li aside .dateposted div {padding: 0;}
    .contentarea .content-wrap .pagewrapper2 .newslist li article {width: 100%; padding: 10px; min-height: auto;}
    .contentarea .content-wrap .pagewrapper2 .newslist li article h3 a {font-size: 20px; line-height: 30px;}
    .contentarea .content-wrap .pagewrapper2 .newslist li article h5 a, .contentarea .content-wrap .pagewrapper2 .newslist li article h5  {font-size: 14px; line-height: 20px;}
    
    /* April Code 061821 */
    .project-area .main-banner .project-logo {width: 150px; height: 90px;}
    .project-area .main-banner .banner {height: auto; margin-top: 20px;}
    .project-area .main-banner .banner img {width: 100%; height: auto; object-fit: initial;}
    .project-area .main-banner .projectov ul li {width: 100%; margin-bottom: 25px; text-align: center;}
    .project-area .main-banner .projectov ul li h5 {font-size: 16px; line-height: 24px;}
    .project-area .main-banner .projectov ul li p {font-size: 20px; line-height: 30px;}
    .contentarea h1.projectheading {font-size: 30px; line-height: 40px;}
    .contentarea .content-wrap .pagewrapper4 .overview {width: 94%; column-count: 1; padding: 20px 0;}
    .contentarea .content-wrap .pagewrapper4 .overview h4 {font-size: 20px; line-height: 30px}
    .contentarea .content-wrap .pagewrapper4 .overview p {font-size: 16px; line-height: 24px;}
    .amenities, .gallery, .location, .marketing-arm {padding: 0 10px 30px;}
    .amenities .sectionhead h4, .gallery .sectionhead h4, .location .sectionhead h4, .marketing-arm .sectionhead h4 {font-size: 20px; line-height: 30px;}
    .amenities .sectionhead h3, .gallery .sectionhead h3, .location .sectionhead h3, .marketing-arm .sectionhead h3 {font-size: 24px; line-height: 30px;}
    .amenities article .amenities-list, .gallery article .amenities-list, .location article .amenities-list, .marketing-arm article .amenities-list {padding: 0;}
    .amenities article .amenities-list li {width: 100%; font-size: 16px; line-height: 24px; background-size: 25px 25px; margin-bottom: 15px;}
    .amenities article .gallery-list li {padding: 0;}
    .amenities article .gallery-list .slick-prev, .amenities article .gallery-list .slick-next, .gallery article .gallery-list .slick-prev, .gallery article .gallery-list .slick-next, .location article .gallery-list .slick-prev, .location article .gallery-list .slick-next, .marketing-arm article .gallery-list .slick-prev, .marketing-arm article .gallery-list .slick-next {width: 50px; background-size: contain; }
    .amenities article .gallery-list .slick-prev, .gallery article .gallery-list .slick-prev, .location article .gallery-list .slick-prev, .marketing-arm article .gallery-list .slick-prev {left: 60%;}
    .location .contcent .howto, .location .contcent .locmap {width: 100%;}
    .location .contcent .howto {margin-bottom: 30px;}
    .location .contcent .howto h5 {font-size: 20px; line-height: 30px;}
    .marketing-arm .sectionhead h3 .ema, .amenities article .ma-contact .ma, .gallery article .ma-contact .ma, .location article .ma-contact .ma, .marketing-arm article .ma-contact .ma {width: 100%; }
    .amenities article .ma-contact li h5, .gallery article .ma-contact li h5, .location article .ma-contact li h5, .marketing-arm article .ma-contact li h5 {font-size: 16px; line-height: 24px;}
    .amenities article .ma-contact li h5, .gallery article .ma-contact li h5, .location article .ma-contact li h5, .marketing-arm article .ma-contact li p {font-size: 16px; line-height: 24px;}
    .amenities .sectionhead h3 span, .gallery .sectionhead h3 span, .location .sectionhead h3 span, .marketing-arm .sectionhead h3 span {padding-left: 0;}
    .marketing-arm article .ma-contact .ma, .marketing-arm article .ma-contact .website, .marketing-arm article .ma-contact .address, .marketing-arm article .ma-contact .emailadd, .marketing-arm article .ma-contact .contact {width: 100%; background-size: 40px 40px; padding-left: 50px;}
    .marketing-arm article .ma-contact li p a {font-size: 16px; line-height: 24px;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord ul.members li {width: 100%;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord ul.bod {margin: 0 auto; width: 80%}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord ul.bod li {height: 250px; width: 100%; }
    .accordion-section .content-wrap .accord-list .accord-item .content-accord ul.bod li aside a h6, .accordion-section .content-wrap .accord-list .accord-item .content-accord ul.bod li aside a h5 {font-size: 16px; line-height: 24px;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord ul.bod li aside a h4 {font-size: 20px; line-height: 30px}
    .performance-highlights .pagewrapper5 aside {padding: 0 15%;}
    .contentarea .content-wrap .pagewrapper5 h2, .performance-highlights .pagewrapper5 h2, .contentarea .content-wrap .pagewrapper5 h2, .contentarea .content-wrap .pagewrapper5 h2 {font-size: 24px; line-height: 30px;}
    .share-information .share-table {height: auto!important;}
    .share-information .share-table li.common {width: 100%!important; height: auto!important; padding: 20px!important;}
    .share-information .share-table li.others, .share-information .share-table li.others ul li {width: 100%!important; text-align: center;}
    .share-information .share-table li.others ul li div {width: 100%;}
    .list-stocks ul li, .reports ul li, .contentarea .cleft .cp ul li {width: 100%;}

    /*NATH DADDED CODE*/
    #profile{padding: 32px 12px 12px;}
    #profile .bod-profile {padding: 16px; display: block; height: auto; max-height: 70vh; overflow-y: auto;}
    #profile .bod-profile aside {width: 100%; margin-bottom: 10px;}
    #profile .bod-profile article {width: 100%; max-height: none; height: auto; overflow: initial; padding-left: 0;}

    /* April Code 06/22/21 */
    .accordion-section .content-wrap:before {width: calc(100% + 100vh); border-radius: 0 0 0 0;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord ul.bod {width: 100%;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord h3 {font-size: 20px; line-height: 30px;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord ul.awards-list li {width: 100%;}
    .accordion-section .content-wrap .accord-list .accord-item .content-accord ul.awards-list li article h5 {font-size: 18px; line-height: 24px;}
    #main-footer .content-wrap .footer-side .logo {max-width: 65%}
    .contentarea .content-wrap .pagewrapper .contact-form {padding-left: 0; padding-right: 0;}
    .reports-section .content-wrap h3 {font-size: 24px; line-height: 30px; padding-left: 0;}
    .accordion-section .content-wrap .accord-list {width: 100%}
}

@media screen and (max-width: 325px) {
    .banner .banner-slider .single-content .banner-content{padding: 64px 24px; height: auto!important; min-height: calc(100vh - 86px);}
}