@media (max-width: 1599px) {

  h1 {

    font-size: 65px;

  }



  h2 {

    font-size: 60px;

  }



  h3 {

    font-size: 50px;

  }



  h4 {

    font-size: 40px;

  }



  /* internal portfolio page start */

  .inner-banner .inner-banner-part .item {

    padding: 454px 0 250px;

  }



  /* internal portfolio page end */



}



@media (max-width: 1399px) {



  h1 {

    font-size: 60px;

  }



  h2 {

    font-size: 50px;

  }



  h3 {

    font-size: 40px;

  }



  h4 {

    font-size: 32px;

  }



  h5 {

    font-size: 26px;

  }

  .single-portfolio h1.entry-title {
    font-size: 28px;
  }

  p {

    font-size: 22px;

  }



  .green-btn {

    padding: 12px 46px;

  }



  .transparent-btn {

    font-size: 20px;

  }



  .gold-border {

    margin-top: 50px;

    /* margin-bottom: 60px; */

  }



  section {

    padding: 60px 0;

  }



  #instagram {

    padding: 0 0 60px 0;

  }



  #client-video {

    padding: 60px 0 0 0;

  }



  .section-heading {

    margin-bottom: 40px;

  }



  .section-heading span {

    margin-bottom: 8px;

  }



  #header.sticky {

    padding: 14px 0;

  }



  #header .logo-box img {

    max-width: 200px;

  }


  #portfolioMain .property-box-main .box .content-box .button-box,
  #about-us .property-box-main .box .content-box .button-box {

    margin-top: 40px;

  }



  #client-experience .client-experience-box .content-box {

    padding: 60px 20px 30px 20px;

  }



  footer {

    padding: 90px 0;

  }



  footer .top-box .box {

    padding: 30px 0;

  }



  footer .top-box .box.box1 ul li:not(:last-child) {

    margin-bottom: 28px;

  }



  footer .top-box .box.box3 p {

    margin-bottom: 22px;

  }



  footer .newsletter-box .input-group {

    margin-bottom: 40px;

  }



  /* internal portfolio page start */

  .inner-banner .inner-banner-part .item {

    padding: 424px 0 240px;

  }



  #client-video .client-video-box .content-box-main .content-box .button-box {

    margin-bottom: 30px;

  }



  #client-video .client-video-box .content-box-main {

    padding: 60px 20px;

  }



  /* internal portfolio page end */

  

}



@media (max-width: 1199px) {



  .container {

    max-width: 100%;

  }



  h1 {

    font-size: 50px;

  }



  h2 {

    font-size: 40px;

  }



  h3 {

    font-size: 35px;

  }



  h4 {

    font-size: 30px;

  }



  h5 {

    font-size: 22px;

  }



  h6 {

    font-size: 24px;

  }

  .single-portfolio .wp-block-heading {
    font-size: 24px;
  }



  .green-btn {

    font-size: 14px;

  }



  .transparent-btn {

    font-size: 18px;

  }



  .cmn-info .text-box h5 br {

    display: none;

  }



  #header {

    padding: 15px 0;

  }



  #header.sticky {

    padding: 10px 0;

  }



  #header.sticky .logo-box img {

    max-width: 170px;

  }



  #about-us .navigations-box {

    padding: 80px 0;

  }



  #about-us .navigations-box .button-box ul {

    column-gap: 50px;

  }



  #about-us .navigations-box nav ul li a {

    font-size: 18px;

  }


  #portfolioMain .property-box-main .box .content-box,
  #about-us .property-box-main .box .content-box {

    padding: 40px 40px;

  }


  #portfolioMain .property-box-main .box .content-box .button-box,
  #about-us .property-box-main .box .content-box .button-box {

    margin-top: 30px;

  }



  .portfolio-cmn .portfolio-box {

    padding: 80px 0;

  }



  footer .logo-box img {

    max-width: 200px;

  }



  footer .top-box .box.box3 span {

    margin-bottom: 10px;

  }



  footer .newsletter-box .form-control {

    font-size: 16px;

    padding: 10px 10px;

  }



  footer .top-box p, footer p {

    font-size: 18px;

  }



  footer .top-box .box.box1 ul li a {

    font-size: 18px;

  }



  footer .btm-box {

    margin-top: 70px;

  }



  /* internal portfolio page start */

  .inner-banner .inner-banner-part .item {

    padding: 374px 0 200px;

  }



  #internal-gallery .row {

    row-gap: 25px;

  }



  /* internal portfolio page end */



}



@media (max-width: 1079px) {



  #home-banner, .inner-banner {

    margin-top: -80px;

  }  



  /* internal portfolio page start */

  .inner-banner .inner-banner-part .item {

    padding: 324px 0 170px;

  }

  /* internal portfolio page end */
  #header .top-header ul li:nth-child(2) {
    margin-right: 140px;
  }

  #header .top-header ul li:nth-child(3) {
    margin-left: 140px;
  }

  #header ul li a {
    margin: 0 22px;
  }


}



@media (max-width: 991px) {

  section {

    padding: 50px 0;

  }



  #instagram {

    padding: 0 0 50px 0;

  }



  #client-video {

    padding: 50px 0 0 0;

  }



  /* header responsive */

  #header .main-nav .menu-menu-1-container {

    position: fixed;

    top: 0;

    left: -50%;

    width: 100%;

    height: 100vh;

    background-color: var(--green-color) !important;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

    z-index: 111;

    padding-top: 60px;

  }



  #header .main-nav .menu-menu-1-container.show {

    left: 0;

    opacity: 1;

    visibility: visible;

  }



  #header .main-nav ul li {

    display: block;

    text-align: left;

    padding: 5px 10px;

  }



  #header .main-nav ul li a {

    font-size: 16px;

  }



  #header .main-nav .click-menu {

    display: block;

  }

  /* #header .main-nav .click-menu.show span {

    position: absolute;

    top: calc(50% - 7px);

  }

  #header .main-nav .click-menu.show span:first-child {

    transform: rotate(45deg);

  }

  #header .main-nav .click-menu.show span:last-child {

    transform: rotate(-45deg);

  } */



  #header .main-nav .cancel-menu {

    display: block;

    position: fixed;

    top: 20px;

    left: -100%;

    max-width: 20px;

    width: 100%;

    text-align: center;

    z-index: 222;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

    font-size: 30px;

    color: var(--golden-color);

  }



  #header .main-nav .cancel-menu.show {

    opacity: 1;

    visibility: visible;

    left: calc(100% - 40px);

  }



  #header .main-nav {

    flex-direction: row-reverse;

  }



  #header .button-box {

    margin-left: 0;

    margin-right: 20px;

  }

  #header ul li .sub-menu {
    position: static;
    margin-top: 10px;
    display: none;
}

#header .submenu-icon {
  display: inline-block;
  font-size: 20px;
}

  /* header responsive */



  .mobile {

    display: block !important;

  }



  .desktop {

    display: none !important;

  }



  #header .m-block,

  #homeBanner .m-block {

    display: block;

  }



  #homeBanner .desktop-block {

    display: none;

  }



  h1 {

    font-size: 40px;

  }



  h2 {

    font-size: 35px;

  }



  h3 {

    font-size: 30px;

  }



  h5 {

    font-size: 22px;

  }



  h6 {

    font-size: 20px;

  }



  .green-btn {

    padding: 10px 36px;

  }



  #header .header-box {

    /* justify-content: space-between; */

    justify-content: flex-end;

  }



  #home-banner .button-box ul, .inner-banner .button-box ul {

    column-gap: 20px;

    margin-top: 30px;

  }


  #portfolioMain .property-box-main .box .content-box .button-box,
  #about-us .property-box-main .box .content-box .button-box {

    margin-top: 20px;

  }



  #gallery .owl-theme .owl-dots .owl-dot span {

    width: 13px;

    height: 13px;

    margin: 5px 4px !important;

  }

  

  footer {

    padding: 50px 0;

  }



  footer .top-box .box.box1 ul li:not(:last-child) {

    margin-bottom: 20px;

  }



  footer .top-box .box.box2 {

    border-left: none;

    border-right: none;

  }



  footer .newsletter-box .input-group {

    margin-bottom: 20px;

  }



  footer .btm-box {

    margin-top: 20px;

  }

  #header .top-header ul li:nth-child(2) {
    margin-right: 0;
  }

  #header .top-header ul li:nth-child(3) {
    margin-left: 0;
  }



  /* internal portfolio page start */

  .inner-banner .inner-banner-part .item {

    padding: 234px 0 130px;

  }



  /* internal portfolio page end */


  .common-button-box{
    margin: 50px 0 45px 0;
}


.page-template-ABOUT-US #customer-review .button-box  .green-btn , 
.page-template-Sustainability #Sustainability-info .button-box .green-btn {
  font-size: 14px;
  padding: 10px 36px;
}

}

@media (max-width: 767px) {

  section {

    padding: 40px 0;

  }



  #instagram {

    padding: 0 0 40px 0;

  }



  #client-video {

    padding: 40px 0 0 0;

  }



  .green-btn {

    font-size: 12px;

    padding: 8px 30px;

  }



  h1 {

    font-size: 30px;

  }



  h2 {

    font-size: 28px;

  }



  h3 {

    font-size: 25px;

  }



  h3 br {

    display: none;

  }



  p {

    font-size: 20px;

  }



  #header {

    padding: 12px 0;

  }



  #header .logo-box img {

    max-width: 160px;

  }

  #header.sticky .logo-box img {
    max-width: 150px;
  }



  #home-banner, .inner-banner {

    margin-top: -65px;

  }



  #home-banner .button-box ul, .inner-banner .button-box ul {

    margin-top: 10px;

  }



  #about-us .navigations-box {

    padding: 50px 0;

  }



  #about-us .property-box-main .row {

    row-gap: 20px;

  }



  .portfolio-cmn .portfolio-box {

    padding: 60px 0;

  }



  #client-experience .gold-border {
    margin-top: 60px !important;
    margin-bottom: 70px !important;
  }



  /* internal portfolio page start */



  .property-box-main .row:nth-child(2n) {

    flex-direction: column-reverse;

}



  /* internal portfolio page end */

  #portfolioMain .protfolio-filter-box .form-box.common-form .input-group {
    margin-bottom: 15px;
  }
  #portfolioMain .property-box-main .box .content-box p {
    font-size: 24px;
}

.page-template-Construction .text {
  width: 100%;
}
.text p, .text h6 {
  line-height: 40px;
  margin-bottom: 35px;
}
  

}



@media (max-width: 575px) {

  .single-portfolio h1.entry-title {
    font-size: 24px;
  }

  .single-portfolio .wp-block-heading {
    font-size: 22px;
  }

  .single-portfolio .entry-content p {
    font-size: 16px;
  }

.Construction-info-part .text p {
    line-height: 40px;
    margin-bottom: 25px;
    font-size: 18px
}
  
  .Construction-info-part .text h6 {
    line-height: 40px;
    margin-bottom: 0;
}
.text-golden {
    margin-bottom: 20px;
}
#home-banner, .inner-banner {
	margin-top: 0;
}
}



@media (max-width: 479px) {



  h1 {

    font-size: 27px;

    line-height: .9;

    margin-bottom: 0;

  }



  h2 {

    font-size: 26px;

  }



  h3 {

    font-size: 23px;

  }



  h4 {

    font-size: 21px;

  }



  h5 {

    font-size: 20px;

  }



  h6 {

    font-size: 18px;

  }

  .single-portfolio .wp-block-heading {
    font-size: 20px;
  }
  #portfolioMain .property-box-main .box .content-box p,
  p {

    font-size: 18px;

  }



  .section-heading span {

    font-size: 14px;

  }



  .transparent-btn {

    font-size: 16px;

  }  



  .gold-border {

    margin-top: 30px;

    margin-bottom: 40px;

  }


  #client-experience .gold-border {
    margin-top: 40px !important;
    margin-bottom: 50px !important;
  }


  #header .logo-box img {

    max-width: 140px;

  }


  #header.sticky .logo-box img {

    max-width: 120px;

  }



  #header .main-nav .click-menu {

    font-size: 25px;

  }



  #home-banner .banner-caption {

    top: 60%;

  }



  #about-us .navigations-box nav ul li a {

    margin: 0 10px;

  }


  #portfolioMain .property-box-main .box .content-box,
  #about-us .property-box-main .box .content-box {

    padding: 20px 30px;

  }



  footer .top-box .box {

    padding: 20px 0;

  }



  footer .top-box p, footer p {

    font-size: 16px;

  } 



  footer .top-box .box.box1 ul li a {

    font-size: 16px;

  }



  footer .logo-box img {

    max-width: 170px;

  }



  footer .top-box .box.box3 span {

    font-size: 16px;

  }



  footer p br {

    display: none;

  }



  footer .btm-box {

    margin-top: 0;

  }



  footer .btm-box .copyright-text {

    margin-top: 20px;

  }



  /* internal portfolio page start */

  .inner-banner .inner-banner-part .item {

    padding: 140px 0 90px;

  }



  #client-video .client-video-box .content-box-main {

    padding: 30px 20px;

  }

  /* internal portfolio page end */


  #portfolioMain .protfolio-filter-box {
    padding: 30px 0;
}

  #portfolioMain .protfolio-filter-box .form-box.common-form {
    padding-top: 15px;
}
#portfolioMain .protfolio-filter-box .form-box.common-form label {
  font-size: 14px;
}
#portfolioMain .protfolio-filter-box .form-box.common-form .input-group select.form-control-common {

  font-size: 16px;
}
.text p,
.text h6 {
  margin-bottom: 20px;
  line-height: 25px;
}
.page-template-ABOUT-US .text p:last-child {
  margin-top: 30px;
}
.Construction-info-part .text h6 {
    line-height: 22px;
}
.Construction-info-part .text p {
    line-height: 30px;
    margin-bottom: 20px;
    font-size: 16px;
}

}



@media (max-width: 375px) {

  h6 {
    font-size: 16px;
}

  #home-banner, .inner-banner {

    margin-top: -58px;

  }



  #about-us .navigations-box .button-box ul {

    column-gap: 30px;

    row-gap: 4px;

  }



  #about-us .navigations-box nav ul li a {

    font-size: 16px;

  }

  #portfolioMain .property-box-main .box .content-box p, p {
    font-size: 16px;
}

}



@media (max-width: 320px) {



  h1 {

    font-size: 24px;

  }



  #home-banner .banner-caption {

    top: 64%;

  }



  p {

    font-size: 16px;

  }



}