@media screen and (max-width: 1199px) { 

	.mast_head .navbar-nav .nav-item a {

	    font-size: 14px;

	    padding: 15px;

	}

	.carousel-caption h2 {

	    font-size: 38px;

	}

	.banner .carousel-caption h3 {

	    font-size: 18px;

	    margin: 15px 0;

	}

	.banner__contact__card {

	    width: 75%;

	}

}

@media screen and (max-width: 1080px) { 

	

}

@media screen and (max-width: 1024px) { 

	

	

}

@media screen and (min-width: 991px) { 

	.nav_res {

		display: none;

	}





}



@media screen and (max-width: 991px) {
	.our_services .services {
	    padding: 40px 15px;
	}
	.services__text {
	    padding: 40px .9em;
	}
	.service__bg {
		display: none;
	}
	.services {
		padding: 15px 0; 
	}
	.banner .carousel-item img {
	    height: 350px;
	}

	.get__in__touch__card {

	    padding: 15px;

	}

	.clients__wrap .row .col,

	.gallery__wrap .col-3,
	.certificates_wrap > .row > .col-3 {

	    flex: 0 0 33.33%;

	    max-width: 33.33%;

	} 

	.mast_head .container {

	    max-width: 100%;

	}

	.header__text p {

	    font-size: 8px;

	}

	.mast_head .navbar-nav .nav-item a {

	    font-size: 13px;

	    padding: 15px 8px;

	}

	.banner__contact__card {

	    width: 90%;

	}

	.banner .carousel-caption {

	    bottom: 15%;

	    right: 35%;

	}

	.our_services .row.no-gutters > [class*="col"] {

	    flex: 0 0 100%;

	    max-width: 100%;

	}

	.current__project__items > [class*="col"] {

	    flex: 0 0 33.33%;

	    max-width: 33.33%;

	}

	.footer .container {

	    max-width: 100%;

	}

	

}

@media screen and (max-width: 820px) {
	.technical__information h2 {
	    font-size: 2em; 
	}
	.technical__information__card {
	    padding: 20px 0;
	}
	.footer_info {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.footer_info {
		margin: 15px 0; 
	}

	.current__projects .headingMain {

	    margin-bottom: 15px;

	}

	.banner__contact__card {

	    margin: 0 auto;

	}

	.banner__contact__info {

	    padding: 3em 0;

	}

	.carousel-caption h2 {

	    font-size: 28px;

	}

	.banner .carousel-caption h3 {

	    font-size: 16px;

	    margin: 0 0 10px;

	}

	.banner .carousel-caption {

	    bottom: 10%;

	    right: 10%;

	}

	.banner__contact__icon {

	    flex: 0 0 40px;

	    max-width: 40px;

	}

	.banner__contact__link a {

	    font-size: 13px;

	}

}





@media screen and (max-width: 767px) {	
	.our__clients .col-md-6:not(:last-child) {
	    margin-bottom: 30px;
	}
	.service__slider .owl-nav {
		position: static;
	}
	.service__slider .service__item {
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.service__bg {
		display: none;
	}
	.services {
		padding: 15px 0; 
	}
	.btn.btn__more {
	    padding: 10px 50px 10px 15px; 
	    background-size: 16px;
	}
	.btn__project_details {
	    padding: 8px 30px;
	    font-size: 12px;
	}

	.portfolio,

	.introduction {

	    padding: 2em 0;

	}

	.about__video .col-md-6,

	.about__pdf .col-md-6 {

	    margin: 15px 0;

	}

	.gallery__wrap .col-3,
	.certificates_wrap > .row > .col-3 {

		flex: 0 0 50%;

		max-width: 50%; 

	}

	.contact_banner {

		margin-top: 0;

	}

	.get__in__touch__card {

		margin: 15px 0;

	}



	.similar__projects__wrap {

	    margin-top: 30px;

	}

	.material__card,

	.team__image {

	    margin: 15px 0;

	}

	.update__slider .owl-nav {

		position: static;

		margin-top: 15px;

	}

	.owl-clientReview {

	    max-width: 100%;

	    margin: 2em auto 0;

	}

	.owl-clientReview .item p {

	    font-size: 18px;

	    margin: 0 0 25px;

	    line-height: 25px;

	}

	.contactForm {

	    padding: 3em 2em;

	}

	.mast_head {

		display: none;

	}

	.navbar_toggle,

	.mobileMenu {

		display: block;

	}

	body {

	    padding-top: 60px;

	}

	.mMenuBar .navbar-brand {

	    padding: 0;

	    max-width: 150px;

	}

	.banner__contact__card .column:nth-child(2), 

	.banner__contact__card .column:nth-child(3),

	.banner__contact__card .column:nth-child(1),

	.service__item {

		flex: 0 0 50%;

		max-width: 50%; 

		margin: 10px 0;  

	}

} 





@media screen and (max-width: 736px) {
	.contact__map iframe {
	    display: block;
	    height: 250px;
	}
	.whatsapp {
	    width: 45px;
	    height: 60px;
	    font-size: 24px;
	    line-height: 60px;
	}

	.resources__banner__content h2,

	.contact_banner h2 {

	    margin-bottom: 15px;

	}

	.resources__banner img,

	.contact_banner img {

	    width: 100%;

	    height: 200px;

	    object-fit: cover;

	}

	.resources__banner {

		margin-top: 0;

	}

	.get__in__touch__cards {

	    padding: 2em 0;

	}

	.banner__contact__card .column:nth-child(2), 

	.banner__contact__card .column:nth-child(3),

	.banner__contact__card .column:nth-child(1) {

		flex: 0 0 100%;

		max-width: 100%;  

	}

	.col-4.footer_info {

		flex: 0 0 50%;

		max-width: 50%;  

		margin: 15px 0;

	}

	[class*="carousel-control"] {

	    width: 40px;

	    height: 40px;

	}

	[class*="carousel-control"] svg {

	    width: 20px;

	}

	.banner__contact__link a {

		word-break: break-all;

	}

}





@media screen and (max-width: 640px) {
	.ourVideo img {
	    height: 300px;
	}
	.banner .carousel-item img {
	    height: 260px;
	}

	.banner .carousel-caption h3 {

	    font-size: 18px;

	    font-weight: 600;

	}
	.update .headingMain {
		padding-right: 0;
	}

	.what__we__do {

	    padding: 2em 0;

	}

	.banner .carousel-caption h2 {

	    font-size: 26px;

	    line-height: 24px;

	}

	.banner .carousel-caption p {

		display: none;

	}

	.banner .carousel-item img {

	    min-height: 260px;

	    -o-object-fit: cover;

	       object-fit: cover;

	}

	.current__project__items > [class*="col"] {

	    flex: 0 0 50%;

	    max-width: 50%;

	}

	

}



@media screen and (max-width: 575px) {
	.fourofour_section {
	    padding: 0 0 2em;
	}
	.fourofour_img img {
	    max-width: 160px;
	}
	.fourofour_text h1 {
	    font-size: 3em;
	}

	.col-5.job__item__desc {

	    flex: 0 0 80%;

	    max-width: 80%;

	}

	.col-2.job__item__image {

	    flex: 0 0 20%;

	    max-width: 20%;

	}

	.col-3.job__item__location,

	.col-2.job__item__time {

		flex: 0 0 50%;

	    max-width: 50%;

	    margin-top: 15px;

	}

	.resources__banner__content h2,

	.contact_banner h2 {

	    font-size: 24px;

	}

	.get__in__touch__card h2 {

	    font-size: 22px;

	}

	.portfolio .row,

	.update .row {

		margin: 0;

	}

	.service__bg {

		display: none;

	}

	.services {

		padding: 0;

		margin: 0 -15px;

	}

	.our__projects {

	    padding: 2em 0;

	}

}

@media screen and (max-width: 480px) {

	.clients__wrap .row .col {

	    flex: 0 0 50%;

	    max-width: 50%;

	}

	.project__wrap .nav_top .owl-nav {

	    position: static;

	    margin-top: 15px;

	}

	.headingMain > h2 {

	    font-size: 24px;

	}

	.col-4.footer_info,

	.contact_form .col-6,
	.col-8.footer_info [class*="col-6"] {

		flex: 0 0 100%;

		max-width: 100%;

	}
	.col-8.footer_info [class*="col-6"] {
		margin: 15px 0; 
	}

	.resume__keys .col {

	    flex: 0 0 50%;

	    max-width: 50%;

	    margin: 15px 0;

	}

	.our__resources_materials,

	.our__gallery,

	.job__details,

	.apply__for__job {

	    padding: 2em 0;

	}

	.teams {

	    padding: 2em 0 0;

	}

	.our__gallery .headingMain h3 {

	    font-size: 16px;

	}

}

@media screen and (max-width: 414px) {

	.experience, .openings, .apply a {

	    font-size: 12px;

	}

	.current__project__items > [class*="col"],

	.service__item,

	.gallery__wrap .col-3,
	.certificates_wrap > .row > .col-3 {

	    flex: 0 0 100%;

	    max-width: 100%;

	}

	.contactForm,

	.services__text {

	    padding: 3em 1em;

	}





}





@media screen and (max-width: 360px) {

	.clients__wrap .row .col {

	    flex: 0 0 100%;

	    max-width: 100%;

	}

}

@media screen and (max-height: 400px) {

	

}