@media screen and (max-width: 1710px){
	.form-bg-box > h2 {
		font-size: 26px;
		margin-bottom: 20px;
	}
	.gform-theme--foundation .gform_fields {
		row-gap: 15px !important;
	}
}

@media screen and (min-width: 1600px){
    .main-banner .banner-photo .ct-block {
        max-width: 60%;
    }
	.gform-theme--foundation .gform_fields {
		row-gap: 25px !important;
	}
}

@media screen and (max-width: 1580px){
    h1{
        font-size: 60px;
    }
    h2{
        font-size: 38px;
    }
    .orange-text{
        font-size: 20px;
    }
    .accordion-section .col-12 img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }
	.contact-form .form-bg-box {
		padding: 30px 40px;
	}
}

@media screen and (max-width: 1480px){
    .header-block .header-box .navbar-brand img{
        width: 250px;
    }
    .header-block .header-box .call-wrap .primary-btn{
        min-width: unset;
    }
    .header-block .header-box .menu-wrap .nav-link{
        padding: 20px 15px;
    }
    .headquarters-wrap .content-wrap{
        max-width: 90%;
        padding-left: 60px;
    }
    .who-we-section .row{
        max-width: 90%;
    }
    .who-we-section{
        padding: 120px 50px 80px;
    }
    footer .footer-box{
        max-width: 80%;
    }
    footer .footer-box .social-wrap{
        flex-wrap: wrap;
    }
    .history-section .quote-info p{
        font-size: 28px;
    }
    .opening-hrs .socila-icons .social-box img{
        margin-bottom: 30px;
    }
	.form-info span.gfield_required.gfield_required_asterisk, 
	.form-info label.gfield_label.gform-field-label {
		font-size: 19px !important;
	}
	.form-bg-box > h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 1425px){
	.quote-section .inner-wrap p {
		min-height: 60px;
	}

	.quote-section h1 {
        font-size: 50px;
    }
}

@media screen and (max-width: 1345px){
	.service-wrap .service-card .single-card .card-block {
		min-height: 220px;
	}
}

@media screen and (min-width: 1300px){
	.main-banner .banner-photo {
		height: 90vh;
		display: flex;
		align-items: center;
	}
}

@media screen and (max-width: 1280px){
    .header-block .header-box .call-wrap .primary-btn{
        min-width: unset;
        padding: 10px 20px;
    }
    h1{
        font-size: 50px;
    }
    h2{
        font-size: 34px;
    }
    .main-banner .banner-photo .ct-block {
        max-width: 80%;
    }
    .main-banner .banner-photo{
        padding: 100px 100px;
    }
    .service-wrap {
        padding: 70px 90px 40px;
    }
    .who-we-section .row{
        max-width: 100%;
    }
    .why-choose-section {
        padding: 90px 70px 50px;
    }
    .why-choose-section .icon-box .icon img{
        margin-right: 40px;
    }
    .testimonials-section .slick-initialized .slick-slide{
        padding: 50px 25px 30px;
    }
    .quote-section .inner-wrap h1{
        font-size: 40px;
    }
    .quote-section .inner-wrap{
        padding: 60px 10px;
    }
    .quote-section .white-outline-btn{
        min-width: unset;
        width: 100%;
    }
    .form-info .primary-btn{
        height: 50px;
    }
    footer .footer-box .footer-menu ul{
        margin-left: -20px;
        margin-top: 30px;
        flex-wrap: wrap;
    }
    .form-info .primary-btn{
        font-size: 18px;
    }
    .history-section .t-info{
        padding-right: 50px;
    }
    .history-section .quote-info p{
        font-size: 26px;
    }
    .history-section.bg-black .t-info{
        padding-left: 50px;
        padding-right: 10px;
    }
    .why-choose-section .t-box{
        max-width: 70%;
    }
    .contact-form {
        padding: 130px 70px 100px;
    }
    .form-bg-box h2{
        font-size: 26px;
    }
    .project-list .repeat-list{
        padding: 60px;
        margin-bottom: 40px;
    }
    .service-area .map-info {
        padding-left: 80px;
    }
	.header-block .header-box .call-wrap .call-info span {
		display: none;
	}
    /* .header-block .header-box .call-wrap .call-info{
        display: none;
    } */
    /* .header-block .contact-box{
        padding-left: 0;
    } */
}

@media screen and (max-width: 1199px){
    body .mobile-header{
      display: block !important;
    }
    .mobile-header{
      height: auto;
    }
    .desktop-header{
      display: none;
    }
}

@media screen and (max-width: 1024px){
    h1{
        font-size: 40px;
    }
    h2{
        font-size: 30px;
    }
    .main-banner .banner-photo{
        padding: 80px 80px;
    }
    .service-wrap {
        padding: 70px 70px 40px;
    }
    .service-card {
        margin-top: 40px;
    }
    .service-wrap .service-card .card-block .text-wrap h3{
        font-size: 22px;
    }
    .service-wrap .service-card .single-card .card-block{
        padding: 30px;
    }
    .service-card .col-12 {
        margin-bottom: 30px;
    }
    .headquarters-wrap .content-wrap{
        max-width: 100%;
        padding-left: 20px;
    }
    .who-we-section .row .col-12 {
        padding: 0 30px 0 0;
    }
    .why-choose-section .icon-box .single-box{
        margin-bottom: 30px;
        padding-right: 10px;
    }
    h3{
        font-size: 22px;
    }
    .testimonials-section {
        padding: 70px 0 40px;
    }
    .testimonials-section .testimonials-slider{
        margin-top: 30px;
    }
    .contact-section{
        padding: 100px 0;
    }
    .history-section {
        padding: 60px 26px 60px 70px;
    }
    .why-choose-section .t-box {
        max-width: 80%;
    }
    .facilities-section{
        padding: 80px 80px 60px;
    }
    .contact-form .form-bg-box{
        padding: 40px;
    }
    .contact-info .contact-group .single-list .content-box h3,
    .contact-info .contact-group .single-list .content-box{
        font-size: 18px;
    }
    .contact-info h2,
    .opening-hrs h2{
        font-size: 23px;
    }
    .project-list .repeat-list{
        padding: 50px 40px;
    }
    .project-list h2 {
        font-size: 26px;
        margin-bottom: 0;
    }
    .accordion-wrapper {
        margin-top: 30px;
    }
    .accordion-section .content-wrap h2{
        font-size: 28px;
    }
}

@media screen and (min-width: 992px) {
  .navbar {
    padding: 0;
    line-height: 3rem;
  }
  .navbar .dropdown-menu {
    line-height: initial;
  }
  .dropdown .dropdown-menu {
	display: block;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
  }
  .dropdown:hover > .dropdown-menu,
  .dropend:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
  .dropdown:hover > .dropdown-menu {
    margin-top: -0.5rem;
  }
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: -0.5rem;
    left: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 992px){
    .main-banner .banner-photo .ct-block,
    .main-banner .banner-photo p{
        max-width: 100%;
    }
    .service-card .col-12 {
        width: 100%;
    }
    .who-we-section .row .col-12 {
        width: 100%;
        padding-right: 0;
    }
    .who-we-section .content-wrap{
        margin-top: 30px;
    }
    .why-choose-section {
        padding: 90px 30px 50px;
    }
    .why-choose-section + .who-we-section {
        padding-top: 40px;
        padding-bottom: 30px;
    }
	.why-choose-section + .who-we-section .content-wrap {
        margin-top: 0px;
    }
    .who-we-section .title-wrap h2{
        font-size: 25px;
    }
    .certification-section {
        padding: 70px 0 70px;
    }
    .construction-section .col-12 {
        width: 100%;
    }
    .construction-section .latest-work-slider{
        padding: 0 40px;
    }
    .construction-section .project-slider {
        margin-top: 60px;
    }
    .construction-section{
        padding: 60px 40px 60px 40px;
    }
    .construction-section .project-slider .slider-single{
        padding: 20px;
    }
    .quote-section .inner-wrap h1 {
        font-size: 32px;
    }
    .contact-section .content-info h2{
        font-size: 24px;
    }
    .form-info .form-label{
        font-size: 18px;
    }
    .contact-section .col-12 {
        width: 100%;
    }
    .contact-section .form-info {
        margin-top: 40px;
    }
    .contact-section {
        padding: 80px 0;
    }
    footer .footer-box {
        max-width: 90%;
    }
    footer .footer-box .soical-icon img{
        width: 40px;
    }
    .fixed-header-mobile nav{
        padding-top: 10px;
    }
    .history-section .row .col-12,
    .facilities-section .col-12{
        width: 100%;
    }
    .facilities-section .right-wrap{
        padding-left: 0;
        margin-top: 20px;
    }
    .history-section .t-info{
        padding-right: 0;
        margin-bottom: 40px;
    }
    .history-section.bg-black .photo-info{
        margin-right: 0;
        margin-bottom: 50px;
    }
    .history-section.bg-black .t-info{
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
    }
    .construction-wrap .photo-info{
        height: auto;
    }
    .contact-form {
        padding: 60px 40px 70px;
    }
    .contact-form .row .col-12{
        width: 100%;
    }
    .contact-form .form-bg-box{
        margin-top: 20px;
        padding: 30px;
    }
    .project-list .repeat-list .col-12{
        width: 100%;
        padding-right: 0;
    }
    .project-list .photo-block{
        margin-top: 30px;
    }
    .accordion-section .accordion button .accordion-title{
        font-size: 22px;
    }
    .accordion-section .accordion button .icon{
        width: 30px;
        height: 30px;
        background-size: 25px;
    }
    .purpose-section .content-wrap{
        max-width: 80%;
    }
    .purpose-section {
        padding: 90px 0 90px;
    }
    .service-area .col-12{
        width: 100%;
    }
    .service-area .map-info{
        padding-left: 0;
        margin-top: 30px;
    }
    .service-area {
        padding: 70px 70px;
    }
    .process-section .process-list .single-list{
        width: 100%;
    }
    .process-section .process-list .single-list .iocn-bx{
        margin-right: 20px;
    }
    .process-section .process-list .single-list .iocn-bx img{
        width: 60px;
    }
    .accordion-section .accordion .accordion-content{
        max-width: 100%;
    }
    .accordion-section .col-12 {
        width: 100%;
    }
    .accordion-section .col-12 img{
        margin-top: 30px;
    }
    .testimonials-section{
      overflow-x: hidden;
    }	
	.service-wrap .service-card .single-card .card-block {
		min-height: 190px;
	}
}

@media screen and (max-width: 768px){
    .mobile-header{
        height: auto;
    }
    .mobile-header .md-menu-logo{
         align-items: self-start;
    }
    h1{
        font-size: 35px;
    }
    h2{
        font-size:26px;
    }
    .main-banner .banner-photo{
        padding: 50px;
    }
    .quote-section .inner-wrap{
        padding: 60px 40px;
    }
	.quote-section .inner-wrap p {
		min-height: auto;
	}
    .secondary-btn,
    .primary-btn{
        font-size: 16px;
        min-height: 42px;
        min-width: 200px;
    }
    /* .main-banner .banner-photo .award-box img{
        width: 60px;
        margin-right: 30px;
        margin-bottom: 15px;
    } */
    .service-wrap {
        padding: 50px 50px 40px;
    }
    .service-wrap .service-card .card-block .text-wrap h3{
        font-size: 20px;
    }
    .mobile-header nav a img{
        width: 210px;
    }
    footer{
        padding: 45px 0 30px 0;
    }
    .headquarters-wrap .content-wrap{
        max-width: 100%;
        padding-left: 0px;
        margin-top: 30px;
    }
    .headquarters-wrap .content-wrap span {
        margin-bottom: 15px;
    }
    .who-we-section {
        padding: 70px 20px 40px;
    }
    .who-we-section .title-wrap h2{
        margin-bottom: 20px;
    }
    .why-choose-section .icon-box {
        margin-top: 40px;
    }
    .why-choose-section .content-box span{
        font-size: 19px;
    }
    .why-choose-section .icon-box .icon img{
        width: 60px;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .why-choose-section .icon-box .single-box{
        margin-bottom: 10px;
        flex-direction: column;
    }
    .why-choose-section {
        padding: 60px 30px 30px;
    }
    .who-we-section .title-wrap h2 {
        font-size: 20px;
        margin-top: 0;
    }
    .certification-section {
        padding: 50px 20px 30px;
    }
    .certification-section .icon-box img{
        margin: 0 20px 10px;
    }
    .partner-section .icon-box img{
        width: 100px;
    }
    h3{
        font-size: 20px;
    }
    .construction-section{
        padding: 60px 20px 80px 20px;
    }
    .construction-section .project-slider {
        margin-top: 40px;
    }
    .testimonials-section .slick-prev{
        left: -40px;
    }
    .testimonials-section .slick-next{
        right: -40px;
    }
    .testimonials-section h6{
        font-size: 20px;
    }
    .quote-section .inner-wrap h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .quote-section .white-outline-btn{
        font-size: 16px;
    }
    footer .footer-box .soical-icon img{
        width: 34px;
    }
    footer .footer-menu li a{
        font-size: 15px;
    }
    .contact-section .content-info h2{
        font-size: 22px;
    }
    .contact-section .content-box{
        max-width: 100%;
    }
    .contact-section{
        padding: 80px 30px;
    }
    .form-info .form-label,
    .contact-section .list-info ul li a, .contact-section .list-info ul li p{
        font-size: 17px;
    }
    .history-section {
        padding: 60px 40px 60px 40px;
    }
    .history-section .quote-info p {
        font-size: 20px;
    }
    .facilities-section {
        padding: 60px 35px 40px;
    }
    .contact-info .contact-group .single-list{
        margin-bottom: 20px;
    }
    .opening-hrs {
        margin-top: 50px;
    }
    .opening-hrs .socila-icons .social-box img{
        width: 44px;
    }
    .opening-hrs .socila-icons .social-box{
        margin-right: 20px;
    }
    .contact-info h2, .opening-hrs h2 {
        font-size: 20px;
    }
    .contact-info .contact-group .single-list .content-box h3, .contact-info .contact-group .single-list .content-box{
        font-size: 17px;
    }
        .form-bg-box h2 {
        font-size: 22px;
    }
    .contact-form {
        padding: 40px 20px 50px;
    }
    .project-list {
        padding: 50px 50px;
    }
    .project-list .repeat-list{
        padding: 30px 20px;
    }
    .project-list h2{
        font-size: 22px;
    }
    .project-list h5{
        font-size: 17px;
        margin-top: 10px;
    }
    .accordion-section {
        padding: 60px 40px 50px 40px;
    }
    .accordion-section .content-wrap h2 {
        font-size: 21px;
        margin-bottom: 20px;
    }
    .accordion-section .accordion button .accordion-title {
        font-size: 19px;
        line-height: normal;
    }
    .purpose-section .icon-list ul .list-set span{
        font-size: 16px;
        line-height: normal;
    }
    .purpose-section .icon-list ul{
        gap: 40px;
    }
    .service-area {
        padding: 60px 40px;
    }
    .process-section .process-list li{
        width: 100%;
        margin-bottom: 10px;
    }
    .process-section {
        padding: 50px 30px;
    }
    .purpose-section .icon-list ul .list-set span{
        margin-top: 20px;
    }
    .purpose-section .icon-list ul .list-set .ic-container img {
        width: 80px;
    }
	.partner-section .partner-slider .slick-dots {
		margin-bottom: 60px;
	}
}

@media screen and (max-width: 580px){
    .mobile-header nav .m-menu ul li a, .mobile-header nav .m-menu ul li label,
    .mobile-header nav .m-menu ul .project-btn{
        font-size: 17px;
    }
    .mobile-header nav .m-menu__header span{
      font-size: 18px;
    }
    h1{
        font-size: 30px;
    }
    h2{
        font-size: 23px;
    }
    .orange-text{
        font-size: 18px;
        /* margin-bottom: 10px !important; */
    }

    p{
        font-size: 16px;
    }

    .main-banner .banner-photo{
        padding: 30px;
    }

	.home .main-banner .banner-photo .orange-text {
		margin-bottom: 20px;
	}

	.home .main-banner .banner-photo h1 {
		margin-bottom: 20px;
	}

	.home .main-banner .banner-photo .gp-btn {
		margin: 20px 0 0;
	}

	.home .main-banner .banner-photo .award-box {
		margin-top: 10px;
	}
    /* .main-banner .banner-photo .award-box img{
        width: 50px;
    } */
    .service-wrap {
        padding: 50px 20px 20px;
    }
    .service-wrap .service-card .card-block .text-wrap h3{
        font-size: 16px;
    }
    .service-wrap .service-card .single-card .card-block{
        padding: 20px 15px;
		min-height: 120px;
    }
	.service-wrap .service-card .single-card .photo-wrap {
		width: 30%;
	}
	.service-wrap .service-card .card-block .text-wrap .link {
		font-size: 14px;
	}
    .partner-section .icon-box img{
        width: 90px;
    }
    .construction-section .slick-next, .construction-section .slick-prev{
        top: unset;
        bottom: -100px;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
    }
    .construction-section .slick-next{
        left: 60%;
        transform: translate(0%, -50%);
    }
     .construction-section .slick-prev{
        right: 0;
        transform: translate(0%, -50%);
        left: 20%;
    }
    .construction-section .latest-work-slider {
        padding: 0;
    }
    .quote-section .inner-wrap h1{
        font-size: 25px;
    }
    .contact-section {
        padding: 60px 20px;
    }
    .contact-section .list-info ul li{
        margin: 10px 0;
    }
    .form-info .form-control{
        font-size: 16px;
    }
	.project-slider .latest-work-slider {
		margin-top: 100px;
	}
	.project-slider .latest-work-slider .slick-prev {
		left: 30%;
	}
	.project-slider .latest-work-slider .slick-next {
		right: 30%;
	}
    footer .copy-right{
        flex-direction: column;
        align-items: flex-start;
    }
    footer .copy-right p{
        margin-bottom: 0;
    }
    footer .footer-box .footer-menu ul{
        flex-direction: column;
        align-items: flex-start;
    }
    footer .footer-box .social-wrap{
        flex-direction: column;
        align-items: flex-start;
    }
    .main-banner .banner-photo .gp-btn .primary-btn.btn{
        margin-right: 10px;
    }
    .history-section {
        padding: 40px 20px 40px 20px;
    }
    .history-section .quote-info p {
        font-size: 18px;
    }
    .why-choose-section .t-box {
        max-width: 100%;
    }
    .facilities-section {
        padding: 50px 30px 30px;
    }
    .facilities-section .right-wrap ul li{
        margin: 10px 15px;
    }
    #back_to_top{
      width: 40px;
      height: 40px;
    }
    .opening-hrs .socila-icons .social-box img{
      width: 35px;
      margin-bottom: 20px;
    }
    .opening-hrs .socila-icons .social-box {
        margin-right: 10px;
    }
    .project-list {
        padding: 40px 30px;
    }
    .project-list .repeat-list {
        padding: 30px 10px;
    }
    h3 {
        font-size: 18px;
    }
    .accordion-section {
        padding: 50px 20px 40px 20px;
    }
    .accordion-section .accordion button .icon{
        top: 30px;
        background-size: 20px;
    }
    .accordion-section .accordion button{
        padding: 20px 40px 20px 0;
    }
    .purpose-section {
        padding: 70px 0 50px;
    }
    .service-area {
        padding: 60px 20px 40px;
    }
    .process-section .process-list .single-list .iocn-bx img {
        width: 50px;
    }
    .process-section .process-list .single-list .iocn-bx{
        min-width: 50px;
    }
    .accordion-section .col-12 img {
        margin-top: 10px;
    }
    .construction-section h2,
    .construction-section .orange-text{
        text-align: center;
    }
    .testimonials-section .slider-box span{
      font-size: 15px;
    }
    .testimonials-section h6{
      font-size: 17px;
    }
}

@media screen and (max-width: 480px){
    /* .main-banner .banner-photo .award-box img{
        width: 40px;
        margin-right: 15px;
    } */
    .main-banner .banner-photo .gp-btn .primary-btn.btn{
        margin-right: 20px;
    }
    .secondary-btn, .primary-btn{
        width: 100%;
        min-width: unset;
        margin-bottom: 15px;
    }
	
	.project-slider .latest-work-slider .slick-prev {
		left: 15%;
	}
	.project-slider .latest-work-slider .slick-next {
		right: 15%;
	}
}