@media(max-width: 767px) {

    /*Index Page   Banner part                                     767 */
    .heroDescr .bannerBox {
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .boxbanner {
        width: 150px;
        height: 150px;
    }

    .box1,
    .box4 {
        margin-left: 125px;
    }

    .flex {
        margin-top: -25px;
    }

    .box4 {
        margin-top: -25px;
        margin-bottom: 25px;
    }

    .boxbanner:hover div {
        top: -150px;
        font-size: 20px;
        height: 150px;
    }

    /* Index Page Client                                           767*/
    .servicesSection .sectionHead {
        margin-bottom: 20px;
    }


    .servicesSection {
        padding: 10px 10px 40px;
    }

    .cardImg .cardImgBox {
        width: 150px;
        margin-bottom: 10px;
    }


    .qouteWrapper {
        margin-top: -490px;
        margin-bottom: 490px;
    }

   
    .aboutUs .sectionHead:after {
        width: 40%;
    }

    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page Solutions 767 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .solutionBox {
        margin: auto;
    }

    .geotag:after {
        width: 70% !important;
    }

    .slideSolution .slick-dots {
        grid-template-columns: 1fr 1fr;
    }

    .slideSolution .slick-dots li:nth-child(5) {
        grid-column: 1/-1;
    }

    .slideSolution {
        margin-top: 85px;
    }

    .slideSolution .slick-dots {
        top: -92px;
    }

    .solutionBox .solutionIcon div {
        height: 250px;
    }

    .solutionDesc h2 {
        text-align: center;
    }

    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page Insights  767 +++++++++++++++++++++++++++++++++++++++++++++++++++ */


    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page Stay Connected  767 +++++++++++++++++++++++++++++++++++++++++++++++++++ */


    .contactLink .mapDiv {
        height: 300px;
    }

    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page Career  767 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .career .careerForm {
        width: 500px;
    }

    .career .contactForm {
        padding: 20px;
    }

    .career .contactForm .hidDiv {
        width: 457px;
    }


    /* ++++++++++++++++++++++++++++++++++++++++++++++ Error(404)  767 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .error-page .errorBox {
        padding: 30px;
    }

    /* ++++++++++++++++++++++++++++++++++++++++++++++ news  767 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .news .sectionHead {
        width: 44vw;
        font-size: 25px;
    }
}


@media(max-width: 575px) {
    .baclogoIndex {
        top: 200vh;
       
    }

    .baclogoIndex1 {
        top: 380vh;
       	display: none;
    }

    /* Index Page Client                                           575*/

    .clientSection {
        padding: 29px 0px 0px;
    }

    /* Index Page Services                                         575 */
    .cardDesc ul {
        grid-template-columns: 1fr;
    }

    /* Index Page Testimonials                                     575 */
    .quote {
        width: 90px;
        height: 90px;
    }

    .arrTesti {
        top: 19px;
        width: 100%;
        justify-content: center;
    }

    .testiBox {
        margin: 15px;
    }

    .descTesti {
        padding: 25px 30px;
        padding-top: 50px;
    }

    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page About Us 575 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .pageStart {
        padding: 0 20px;
    }

    .aboutUs .backLogo {
        top: 100px;
        height: auto;
    }

    .aboutUs .imgBox {
        width: 300px;
    }

    .aboutUs .sectionHead:after {
        width: 50%;
    }

    #accordion .card {
        margin: 10px 30px;
    }

    .aboutUs .aboutDesc {
        font-size: 14px;
    }

    .aboutMgmt,
    .missionBox,
    .visionBox {
        font-size: 15px;
    }

    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page Solutions 575 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .solutions .desc {
        font-size: 15px;
    }

    .slideSolution .slick-dots {
        grid-template-columns: 1fr;
    }

    .healthSol {
        margin-top: 157px;
    }

    .healthSol .slick-dots {
        top: -163px;
    }

    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page Insights  575 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .caseSect .caseStudy {
        width: 247px;
        height: 300px;
        margin: auto;
    }

    .awards {
        padding: 10px;
    }

    .awardDesc {
        padding: 0;
        padding-top: 10px;
    }

    .awardsImg {
        width: 200px;
        margin: auto;
    }



    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page Stay Connected  575 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    /* .presRelease .sectionHead:after {
        width: 70%;
    } */

    .presRelease .listNews {
        padding: 10px 0;
        font-size: 15px;
    }

    .contactLink .stayCon {
        padding: 10px;
    }

    .contactForm span textarea {
        height: 144px;
    }

    .contactForm #phoneValid {
        margin-top: -341px;
    }

    .contactForm #emailValid {
        margin-top: -407px;
    }

    .contactForm #nameValid {
        margin-top: -473px;
    }

    .contactForm p input[type='submit'] {
        width: 90px;
    }

    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page Career  575 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .career .careerForm {
        width: 330px;
    }

    .career .contactForm {
        padding: 20px 10px;
    }

    .career .contactForm .hidDiv {
        width: 316px;
    }


    /* ++++++++++++++++++++++++++++++++++++++++++++++ Error(404)  575 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .errorDescription {
        padding: 0;
        text-align: center;
    }


    /* ++++++++++++++++++++++++++++++++++++++++++++++ news  575 +++++++++++++++++++++++++++++++++++++++++++++++++++ */

    .news .sectionHead {
        width: 45vw;
        font-size: 20px;
    }
}


@media(max-width: 475px) {

    /*Index Page   Banner part                                     475*/
    .sectionHead {
        font-size: 40px;
    }


    .heroDescr .aboutDiv h1:after {
        width: 60%;
        margin: auto;
    }

    .boxbanner {
        width: 100px;
        height: 100px;
    }

    .flex {
        height: 100px;
    }

    .box1,
    .box4 {
        margin-left: 75px;
    }

    .box2 {
        margin-right: 25px;
    }

    .box3 {
        margin-left: 25px;
    }

    .boxbanner:hover div {
        top: -100px;
        font-size: 17px;
        height: 100px;
    }

    .aboutDiv p {
        font-size: 15px;
    }

    .aboutDiv {
        position: relative;
        z-index: 1;
    }

    /* Index Page Client                                           475*/
    .clientSection .sectionHead:after {
        width: 190px;
        /* left: 30%; */
    }

    .clientSection .row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .arrleft {
        justify-content: left;
    }

    .arrRight {
        justify-content: right;
    }

    .clientSection .clientDiv img {
        margin: 20px;
        box-shadow: 6px 6px 6px #868686;
        filter: none;
    }

    /* Index Page Services                                         475 */
    .servicesSection .sectionHead:after {
        width: 160px;
    }

    .card {
        margin: 0 10px;
    }

    .cardDesc h2 {
        padding-bottom: 0;
        font-size: 25px;
    }

    /* Index Page Awards                                         475 */
    .awardsection .awards .certificate {
        height: 95px;
    }

    /* Index Page Testimonials                                     475 */
    .newsClipSymb,
    .quote {
        display: none;
    }

    .testimlSection .sectionHead:after {
        width: 210px;
    }

    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page About Us 475 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .aboutUs .sectionHead:after {
        width: 60%;
    }

    #accordion .card {
        margin: 10px;
    }

    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page Solutions 475 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .geotag:after {
        width: 80% !important;
    }

    .slideSolutionDisastr .slick-dots {
        flex-direction: column;
    }

    .slideSolutionDisastr .slick-dots .slcBtn {
        margin: auto;
        margin-bottom: 20px;
    }

    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page Insights  475 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page Stay Connected  475 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .presRelease .sectionHead:after {
        width: 255px;
    }

    .contactLink .mapDiv {
        height: 210px;
        width: 100%;
    }

    .stayConnectedPage .sectionHead:after {
        width: 200px !important;
    }


    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page Career  475 +++++++++++++++++++++++++++++++++++++++++++++++++++ */


    /* ++++++++++++++++++++++++++++++++++++++++++++++ Error(404)  475 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .error-page .sectionHead::before {
        top: 50px;
    }

    .error-page .errorBox {
        padding: 10px;
    }

    .errorDescription p {
        padding: 0 10px;
    }


    /* ++++++++++++++++++++++++++++++++++++++++++++++ Page Career  475 +++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .news .sectionHead {
        width: 43.6vw;
        font-size: 18px;
    }

    .news>div:hover .sectionHead {
        font-size: 14px;
    }
}


/* responsive for height */
@media(min-height:660px) and (min-width:1200px) {
    .baclogoIndex1 {
        width: auto;
        height: 70vh;
    }

    .baclogoIndex,
    #header .backLogo,
    .aboutUs .backLogo {
        width: auto;
        height: 90vh;
    }

    .stayConnectedPage .backLogo,
    .solutionsHealth .backLogo {
        width: auto;
        height: 90%;
    }

    /* Stay connected                                             height 660*/

    .stayConnectedPage {
        height: 90vh;
    }

    .contactLink {
        height: 100%;
    }

    .stayCon .col-lg-6 {
        height: 60vh;
        display: grid;
        align-items: end;
    }



    /* Solution                                             height 660*/


    .solutionsHealth {
        height: 90vh;
    }


    .solutionsHealth .slideSolutionTrans .slick-list,
    .solutionsHealth .slideSolutionIndust .slick-list,
    .solutionsHealth .slideSolutionUrbnDev .slick-list,
    .solutionsHealth .slideSolutionDisastr .slick-list,
    .solutionsHealth .slideSolutionNuti .slick-list,
    .solutionsHealth .healthSol .slick-list,
    .solutionsHealth .slideSolutionEdu .slick-list {
        height: 80vh;
        display: grid;
        align-items: center;
    }

    .slideSolutionEdu .solutionDesc,
    .slideSolutionEdu .solutionDesc .solutionHead {
        text-align: center !important;
    }

    .solutionBox .solutionIcon div {
        position: initial;
    }




    /* News Clips                                            height 660*/


    .newsClips {
        min-height: 750px;
        height: 90vh;
    }

    .newsClips .resheight {
        height: 80vh;
    }

}

@media(min-width:1200px) {

    /* Solution                                             height 660*/
    .slideSolutionIndust .slick-dots,
    .slideSolutionTrans .slick-dots,
    .slideSolutionUrbnDev .slick-dots,
    .slideSolutionDisastr .slick-dots,
    .slideSolutionNuti .slick-dots,
    .slideSolutionEdu .slick-dots,
    .healthSol .slick-dots {
        width: 100%;
        margin: auto;
    }
}

@media(min-width:1500px) {
    .bannerBox {
        padding-left: 6.5vw;
    }
}



    @media screen and (max-width: 576px) {
    	body{
    		margin: 0;
    		padding: 0;
    	}
    
      .headderContent{
      	display: flex;
      	flex-direction: column;
      	padding: 30px 0px 0px 0px;
      }
      
      .accordion-item{
      		margin: 0px 15px !important;
      }
      
      .navbar-nav{
      	flex-direction: column;
      	float: none;
      	margin: 0 !important;
      }
      
      .baclogoIndex{
      	display: none;
      }
      
      .TestimonialDiv {
      	 flex-direction: column-reverse;
      }

      .navbar-nav li a{
      	width: 100%;
      }
      
      /* .show {
    	display: flex;
    	justify-content: center !important;
    	margin: 0 !important;
    	position: absolute;
    	top: 102%;
    	background-color: var(--color-3);
    	width: 100%;
    	left: 0;
	  } */
	  
	  .listNews ul{
	  	padding: 0!important;
	  }
	  
	  .sub-menu{
	  	width: auto !important;
	  }
	  
	  .stayConnectedPage .backLogo{
	  	top:0;
	  	
	  }
	  
	  .solutionHealth-Slider, 
	  .solutionEducation-Slider,
	  .solutionNutrition-Slider,
	  .solutionDisaster-Slider,
	  .solutionUrbanDevelopment-Slider,
	  .solutionTransport-Slider,
	  .solutionIndustries-Slider{
        margin-top: 200px;
        margin-bottom: 0 !important;
   		}
   		
   		.solutionHealth-Slider .slick-dots, 
   		.solutionEducation-Slider .slick-dots,
   		.solutionNutrition-Slider .slick-dots,
   		.solutionDisaster-Slider .slick-dots,
   		.solutionUrbanDevelopment-Slider .slick-dots,
   		.solutionTransport-Slider .slick-dots,
   		.solutionIndustries-Slider .slick-dots{
   			margin-left: 0;
   			flex-direction: column;
   			top: -155px;
   			width: 100%;
   			align-items: center;
   		
   		}
   		
   		.solutionHealth-Slider .slick-dots li, 
   		.solutionNutrition-Slider .slick-dots li,
   		.solutionDisaster-Slider  .slick-dots li,
   		.solutionUrbanDevelopment-Slider .slick-dots li,
   		.solutionTransport-Slider .slick-dots li,
   		.solutionIndustries-Slider .slick-dots li
   		{
   			width: auto !important;
		    height: auto;
		    padding: 6px 0;
		    background: transparent;
   			border-radius: 0%;
   			/* height: auto; */
   		}
  
   		.solutionBox .solutionIcon div{
   			left: 0 !important;
   		}
   		
   		.solutionsHealth .sectionHead {
   			width: auto;
   			text-align: center;
   		}
   		
   		.sectionHead i{
   			display:none;
   		}
   		
   		.detailsLink{
   			flex-direction: column;
   		}
   		
   		.solutionIcon >div{
   			display: flex;
   			justify-content: center;
   		}
   		
   		.aboutUs, .stayConnectedPage {
   			height: 100vh;
   		}
   		
   		.disastContent, .maintainDiv{
   			height: 300px;
   			overflow: auto;
   		}
   		
   		.body {
   			margin-top: 150px;
   			
   		}

    }