@charset "utf-8";
/*@media (min-width: 1200px) {}
@media (min-width: 991px) {}
@media (min-width: 768px) {}
@media (max-width: 1199px) {}
@media (max-width: 990px) {}
@media (max-width: 767px) {}
@media (max-width: 568px) {}
@media (max-width: 420px) {}*/

/****************************************************/
@media (min-width: 1200px) {
    .servicesPage .bannertop h1{
        font-size: 70px;
        margin-bottom: 20px;
    }
    .es-content{
        padding: 28px 0 104px;
    }
    .contactBtnL{
      padding-top: 10px;
    }
    .servicesTop .box-top{
        bottom: 0;
    }
    .serviceRight .clearfix{
      background: #e5eaf4;
    }
    .servicesPage .aboutIOurService .fig-inner h3{
        margin-bottom: 29px !important;
    }
    .es-content.whyChoose{
      padding-bottom: 110px;
    }
    .customModal .modal-dialog {
      width: 745px;
    }
    .ghaGroup .bannertop p {
      max-width: 968px;
    }
    .ghaGroup .bannertop h1{
        margin-bottom: 21px;
    }
    .ghaGroup .bannertop h1 {
       font-size: 70px;
    }
    .es-content.gh-groupS{
        padding-bottom: 70px;
    }
    .ghb.bannertop p{
        max-width: 930px;
        margin-bottom: 39px;
   }
    .ghb.bannertop h1{
        margin-bottom: 25px;
        font-size: 70px;
    }
    .ghbS .introOurServiceInn {
       padding-top: 56px;
    }

}
/****************************************************/
@media (min-width: 991px) {
}
/****************************************************/
@media (min-width: 768px) {
	.es-content{
        padding: 20px 0 40px;
    }
    .fig-inner p{
        min-height: 105px;
    }
}
@media (min-width: 992px) and ( max-width:1379px ){
    .fig-inner h3{
        min-height: 38px;
    }
    .fig-inner p{
        min-height: 160px;
    }

}
@media (min-width: 1400px){
    .fig-inner p{
        min-height: 105px;
    }
}
/****************************************************/
@media (max-width: 1699px) {
	.box-top {
		bottom: 30px
	}

}
/****************************************************/
@media (max-width: 1379px) {
	.bannertop h1 {
		font-size: 50px;
	}
	.headerright ul li {
		margin: 0 19px;
	}
	.ourServiceI {
    	padding: 30px 40px;
	}
	.servicesPage h3 {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.introOurService .fig-inner p {
		font-size: 14px;
		line-height: 22px;
	}
	.servicesPage .introOurServiceB .fig-inner h3 {
		margin-bottom: 10px;
		line-height: 24px;
	}
	.main-header .headerright ul li:nth-child(5) .dropdown-menu {
		width: 500px;
	}
    .inputBA .green-bgarea{
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
    }
    .ghb.bannertop h1 {
      font-size: 60px;
    }
}
/****************************************************/
@media (max-width: 1199px) {
	.bannertop h1 {
		font-size: 40px;
		margin-bottom: 10px;
	}
	.bannertop p {
		color: #ffffff;
		max-width: inherit;
		font-size: 20px;
		margin-bottom: 30px;
		line-height: 30px;
	}
	.headerright ul li {
		margin: 0 11px;
	}
	.headerright ul li a {
		font-size: 13px;
		display: block;
	}
	.logo-main {
 		width: 300px;
	}
	.headerright {
    	padding: 15px 0;
	}
	.body-header h2 {
		font-size: 36px;
		margin-bottom: 40px;
	}
	.fig-inner p {
		padding: 0;
	}
    /*7.08.21A*/
    .serviceRight .clearfix .pull-left{
        width: 50%;
        float: inherit;
    }
    .servicesPage .introOurServiceB h3{
        line-height: 22px;
        font-size: 14px;
    }
    .introOurService .introOurServiceB p{
        min-height: 175px;
    }
	.introOurService .fig-inner p {
		font-size: 13px;
		line-height: 22px;
	}
	.ourServiceI {
    	padding: 30px 20px;
	}
	.servicesPage h3 {
		font-size: 20px;
		padding-bottom: 13px;
    	margin-bottom: 13px;
	}
	.ourServiceI ul li + li {
    	margin-top: 12px;
	}
	.ourServiceI ul li, .ourServiceI ul li a {
		font-size: 14px;
	}
	.main-header .headerright ul li .dropdown-menu {
		width: auto;
		left: 0;
		background-color: rgba(255,255,255,0.9);
		padding: 10px;
	}
	.main-header .headerright ul li:nth-child(5) .dropdown-menu {
		width: auto;
	}
	.main-header .headerright ul li .dropdown-menu li {
		margin: 0 0 5px;
		display: block;
	}
	.main-header .headerright ul li .dropdown-menu li a {
		color: #000;
	}
	 /*NEWS BODY*/
    .news-body {
        margin-top: 150px;
    }
    .servicesSlider img{
        min-height: 300px;
    }
    .whyChoose .introOurServiceInn {
      padding-top: 0;
   }
    .inputBA{
        padding-left: 0;
    }
    .inputBA .green-bgarea{
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
    }
    .inputBA .green-bgarea{
        margin-top: -230px;
        margin-left: -120px;
    }
    .inputBA p{
        margin-bottom: 30px;
    }
    .projectTreeCustom{
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        margin-left: -290px;
        margin-top: -200px;
    }

    /*NEWS BODY*/

    /* Contact section*/
    .contact-section .bannertop h1 {
        font-size: 40px;
    }
    .contact-section .bnr {
        min-height: 370px;
    }

    .register {
        padding: 20px 0;
    }
    .register p{
        line-height: 22px;
    }
    .mapPage .mapplic-element {
      margin-top: -300px;
    }
    /* Contact section ends*/

}
/****************************************************/
@media (max-width: 991px) {
	.green-bgarea {
		transform: scale(0.8);
		margin: -90px 0 -90px -90px;
	}
	.menu-icon {
		display: block;
	}
	body {
		transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	}
	.headerright {
		position: fixed;
		top: 0;
		bottom: 0;
		width: 350px;
		padding-top: 100px;
		padding-left: 30px;
		background-color: #141B3B;
		right: -350px;
		float: none;
	}
	.fig-inner {
    	min-height: 430px;
	}
	.deliverarea {
		padding: 40px 0 0;
	}
	.box-top {
    	bottom: 50px;
	}
	.bannertop h1 {
    	font-size: 32px;
	}
	.bannertop p {
		font-size: 16px;
		margin-bottom: 20px;
		line-height: 24px;
	}
	.graybg-area {
		padding: 60px 0;
	}
	.highlight {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

.highlight  {
    transform: translateX(-350px);
    -moz-transform: translateX(-350px);
    -webkit-transform: translateX(-350px);
}

.highlight .overlay {
    display: block;
}
	.cross {
		display: block;
	}
	.social {
		margin-bottom: 30px;
		padding-top: 10px;
	}
	.footertop {
		padding: 40px 0;
	}
	.headerright ul {
		float: none;
	}
	.headerright ul li {
		float: none;
		margin-bottom: 20px;
	}
	.headerright ul li a {
		font-size: 20px;
	}
	.headerright ul li.dropdown::after {
    position: absolute;
    top: 0px;
    left: auto;
    content: "\f107";
    font-family: 'FontAwesome';
    color: #ffffff;
    font-size: 26px;
		right: 0;
		transform: none;
		-moz-transform: none;
		-webkit-transform: none;
}
    /*7.08.21*/
    .servicesSlider img{
        min-height: 230px;
    }
    .serviceInnerPage li a{
        font-size: 12px;
    }
    .serviceInnerPage li{
        padding: 0px;
    }
    .differentPart{
        margin: 15px 0;
    }
    .servicesPage .but-outera-green{
        min-width: inherit;
    }
    .differentPart .but-outera-green .fa{
        padding-right: 6px;
    }
    .servicesPage h4{
        margin-bottom: 10px;
    }
    .differentPart p{
        margin-bottom: 10px;
    }
    .priceS{
        font-size: 32px;
        padding-bottom: 10px;
    }
    .ourServiceI{
        padding: 15px;
    }
    .introOurService{
        padding-left: 0;
        padding-top: 15px;
    }
    .servicesPage h2{
        font-size: 36px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .introOurService p{
        margin-bottom: 25px;
    }
    .introOurServiceA + .introOurServiceA{
        padding-top: 0;
    }
    .servicesPage .introOurServiceB h4{
        margin-bottom: 20px;
    }
    .servicesPage .introOurServiceB h3{
        margin-bottom: 10px;
    }
    .introOurService .introOurServiceB p{
        min-height: inherit;
        margin-bottom: 10px;
    }
    .servicesPage .fig-inner {
       min-height: 125px;
     }
    .servicesPage .introOurServiceB h3 br{
        display: none;
    }
    .servicesPage .fig-inner{
        margin-bottom: 30px;
    }
    .servicesSliderI{
        min-height: 350px;
    }
	.servicesSlider .box-top {
		bottom: 20px;
	}
	.serviceRight .clearfix .pull-left {
		width: 100%;
	}
	.introOurService p {
		font-size: 16px;
		line-height: 26px;
	}
	.listingA ul {
		margin-bottom: 20px;
	}
	.servicesPage .introOurServiceB .fig-inner h3 {
    margin-bottom: 0;
    line-height: 24px;
    min-height: 48px;
}
	.main-header .headerright ul li .dropdown-menu{
		background-color: transparent;
		padding: 0;
		position: relative;
		top: 0;
		margin-top: 10px;
	}
	.main-header .headerright ul li .dropdown-menu li a {
		color: #fff;
		font-size: 18px;
	}
	 /*NEWS BODY*/
    .list-wrapper h3 {
        font-size: 16px;
        margin: 0 0 20px;
    }

    .list-wrapper li{
        padding: 10px 0 10px 15px;
        background-position: 0 15px;
    }

    .list-wrapper li a{
        font-size: 13px;
    }

    .news-section h1, .l-news-wrapper h1 {
        padding-bottom: 26px;
        margin-bottom: 30px;
        font-size: 30px;
        line-height: 22px;
    }

    .news-fig span {
        margin-top: 15px;
    }

    .highlight-text {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .highlight-text p {
        line-height: 25px;
        font-size: 18px;
    }

    .normal-text p {
        font-size: 13px;
        margin-bottom: 20px;
        line-height: 20px;
    }

    .news-section {
        margin-bottom: 50px;
        padding-bottom: 60px;
    }

    .social-sec {
         margin-top: 10px;
    }

    .text-part h2{
        margin: 10px 0 15px;
    }

    .text-part .read-more {
        margin-top: 15px;
        font-weight: 400;
    }

    .l-news-wrapper .l-block {
        padding: 30px 0;
    }

    .l-block .text-part {
        overflow: visible;
    }
    .aboutIOurService p + p{
        margin-top: 0;
    }
    .aboutIOurService .introOurServiceA + .introOurServiceA{
        padding-top: 0;
    }
    .servicesPage .introOurService.aboutIOurService h4{
        margin-bottom: 15px;
    }
    .aboutIOurService .fig-inner figure{
        margin-bottom: 10px;
    }
    .servicesPage .aboutIOurService .fig-inner{
        margin-bottom: 0;
    }
    .servicesPage .aboutIOurService .introOurServiceB .fig-inner h3{
        min-height: 100%;
    }
    .aboutIOurService .introOurServiceB .row{
        margin-top: -15px;
        margin-bottom: -15px;
    }
    .aboutIOurService .introOurServiceB .row .col-sm-6.col-md-4{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .divisionList li{
        float: inherit;
        width: 100%;
    }
    .divisionList li + li{
        margin-top: 15px;
    }
    .projectTree{
        padding-top: 30px;
    }
    .inputBA .green-bgarea{
        margin-left: -250px;
    }
    /*NEWS BODY*/
    .projectTreeCustom {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    margin-left: -370px;
    margin-top: -301px;
}

    /* Contact section*/

    .contact-section .bannertop h1 {
        font-size: 32px;
    }
     .contact-details .icon{
        font-size: 25px;
    }
    .contact-details span, .contact-details a{
        font-size: 15px;
        line-height: 22px;
    }

    .contact-innr {
        padding: 40px 0;
    }

    .contact-details li {
        width: 30%;
    }
    .contact-details li br{
        display: none;
    }
    .map{
        padding-left: 10px;
    }
    .lt {
        padding-right: 0;
    }
    .ct-frm .btn {
        width: 150px;
        padding: 10px;
    }
    .contact-section .bnr {
        min-height: 270px;
    }
    .ct-part {
        padding: 25px 0;
    }

    .map-inr {
        height: 380px;
    }

	#exampleModalLong .modal-dialog {
		width: 700px;
	}
  .mapPage .mapplic-element {
    margin-top: -400px;
  }
    /* Contact section*/
}
/****************************************************/
@media (max-width: 767px) {
	.body-header h2 {
    font-size: 24px;
    margin-bottom: 30px;
}
	.footerbottom {
		line-height: normal;
		padding: 10px 0;
	}
	.bannertop {
		position: relative;
		background-color: #141B3B;
		padding: 15px 0;
	}
	.box-top {
		position: relative;
		bottom: 0;
		left: 0;
	}
	.body-header {
		margin-bottom: 30px;
	}
	.body-header p {
		line-height: 22px;
	}
	.fig-inner {
		min-height: inherit;
		margin-bottom: 30px;
	}
	.fig-inner figure {
    	margin-bottom: 20px;
	}
	.fig-inner h3 {
    	margin-bottom: 5px;
	}
	.green-bgarea {
		transform: scale(0.6);
		margin: -177px 0 -177px -177px;
	}

	.green-contarea {
		width: 534px;
		margin: 0 auto;
	}
	.bannertop h1 {
    font-size: 26px;
	}
	.footertop {
		text-align: center;
	}
	.social a {
		float: none;
		display: inline-block;
		margin-bottom: 0 5px;
	}
	.footertop h3::after {
		left: 50%;
		margin-left: -15px;
	}
	.footertop h3 {
		margin-bottom: 40px;
	}
    /*7.08.17A*/
    .es-content{
        padding: 20px 0 40px;
    }
    .servicesSlider img{
        min-height: inherit;
    }
    .differentPart .btn + .btn{
        margin-top: 0;
    }
    .servicesPage h3{margin-bottom: 15px;}
    .servicesPage h2{
        font-size: 21px;
    }
    .listingA ul{
        margin-bottom: 25px;
    }
    .servicesPage .fig-inner{
        min-height: inherit;
    }
    .servicesPage h4{
        line-height: normal;
    }
    .servicesSliderI{
        min-height: 210px;
    }
    .servicesSliderI .bannertop{
        background-color: transparent;
        padding-top: 120px;
    }
    .servicesPage .introOurServiceInn h4{
        margin-bottom: 20px;
    }
	.servicesSlider .box-top {
		bottom: 0px;
	}
	.serviceRight .clearfix .pull-left img {
		width: 100%;
	}
	.news-body .pull-left, .news-body .pull-right, .servicesPage .pull-right, .servicesPage .pull-left  {
		float: none !important;
	}
	.introOurService {
		margin-bottom: 20px;
	}
    .servicesPage .aboutIOurService .fig-inner{
        min-height: 100%;
    }
    .aboutIOurService .introOurServiceB .row{
        margin-top: -10px;
        margin-bottom: -10px;
    }
    .aboutIOurService .introOurServiceB .row .col-sm-6.col-md-4{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .aboutPageFor{
        margin-bottom: 0;
    }
    .servicesPage .introOurServiceB .fig-inner h3{
        margin-bottom: 10px;
    }
    .servicesPage .introOurService.aboutIOurService h4{
        font-size: 16px;
    }
    .introOurService p{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .serviceRight .divisionList{
        padding-top: 20px;
    }
    .divisionList li{
        padding-right: 0;
        font-size: 14px;
    }
    .customModal .modal-body .extraPadding{
        padding: 0;
        padding-top: 15px;
    }
    .customModal .extraPadding h3{
        font-size: 21px;
    }
    .customModal .extraPadding p{
        font-size: 15px;
        margin-bottom: 15px;
    }
    .inputBA .green-bgarea {
      margin-left: -184px;
        margin-bottom: -160px;
   }
    .gh-groupS .introOurService p{
        margin-bottom: 30px;
    }
    .gh-groupS.servicesPage h3{
        font-size: 21px;
    }
    .gh-groupS .introOurServiceInn span{
        margin-bottom: 15px;
    }
    .gh-groupS.servicesPage .introOurService .but-outera-green{
        min-width: inherit;
    }
    .partnerDetails + .partnerDetails{
        margin-top: 40px;
    }
    .partnerDetails a{
        margin-bottom: 15px;

    }
    .partnerDetails a img{
        max-width: 40%;
    }
    .usefulLinks ul li a{
        font-size: 13px;
    }
    .ghaGroup .bannertop p{
        margin-bottom: 10px;
    }
    .ghb.bannertop h1 {
      font-size: 26px;
   }
    .redtext{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .ghbS .introOurServiceInn span{
        margin-bottom: 20px;
    }
    .ghbS.servicesPage .introOurService h4{
        font-size: 15px;
    }
    .granite .partnerDetails h4 a{
        margin-bottom: 0;
    }
    .projectTreeCustom{
        margin-left: -322px;

    }
    .projectTree{
        overflow: auto;
        height: 300px;
    }

    /* contact-section*/

    .contact-section .bannertop h1 {
        font-size: 26px;
    }
    .contact-details li {
        width: 50%;
        margin-bottom: 15px;
    }
    .contact-details em{
        margin-bottom: 8px;
    }

    .contact-innr {
        padding: 20px 0;
    }
    .ct-frm h3{
        font-size: 22px;
    }
    .map {
        padding-left: 0;
        margin-top: 28px;
    }

    .map .ct-part {
        padding: 25px 0 0;
    }
	#exampleModalLong .modal-dialog {
		width: auto;
	}
	#exampleModalLong .modal-content .modal-body h2 {
		font-size: 30px;
	}
	#exampleModalLong .modal-content .modal-body p {
		margin-bottom: 10px;
	}
  .mapPage .mapplic-element {
    margin-top: -130px;
  }
    /* contact-section*/

}
/****************************************************/
@media (max-width: 568px) {
	.headerright {
		width: 280px;
		right: -280px;
		padding-left: 20px;
	}
	.highlight  {
    transform: translateX(-280px);
    -moz-transform: translateX(-280px);
    -webkit-transform: translateX(-280px);
}
	.green-bgarea {
    transform: scale(0.32);
    margin: -301px 0 -301px -301px;
	}
	.green-contarea {
		width: 285px;
		margin: 0 auto;
	}
	.text-green-top {
		font-size: 34px;
	}
    /*7.8.17A*/
    .servicesPage .but-outera-green{
        display: block;
    }
    .servicesPage .btn + .btn{
        margin-top: 5px;
    }
    .ourServiceI ul li, .ourServiceI ul li a{
        font-size: 15px;
    }
    .ourServiceI ul li + li{
        margin-top: 15px;
    }
    .likeHeading{
        margin-bottom: 15px;
    }
    .servicesPage .introOurService h4{
        font-size: 21px;
    }
    .es-content{
        padding-bottom: 15px;
    }
    .introPro p{
        font-size: 16px;
    }
	 /*NEWS BODY*/
    .news-body {
        margin-top: 126px;
    }

    .list-wrapper {
        margin-bottom: 30px;
    }

    .news-section h1, .l-news-wrapper h1 {
        padding-bottom: 15px;
    }

    .highlight-text p {
        line-height: 22px;
        font-size: 16px;
        font-weight: 500;
    }

    .social-sec {
        margin-top: 0;
        text-align: center;
        float: none;
    }

    .news-section {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .l-block figure {
        padding-right: 0;
        width: 100%;
        float: none;
        margin-bottom: 20px;
        text-align: center;
    }
    .inputBA .green-bgarea{
        margin-left: -236px;
        transform: scale(0.4);
-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
-ms-transform: scale(0.4);
-o-transform: scale(0.4);

    }

    /*NEWS BODY*/
}
/****************************************************/
@media (max-width: 420px) {
	.inputBA .green-bgarea{
        margin-left: -300px;
        transform: scale(0.3);
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
-o-transform: scale(0.3);
        margin-bottom: -262px;
        margin-top: -312px;

    }

    /** contact-section **/
    .contact-details em {
        margin-bottom: 5px;
    }
    .contact-details .icon {
        font-size: 20px;
    }
    .contact-details span, .contact-details a {
        font-size: 13px;
    }


    /** contact-section **/
}
/****************************************************/