@charset "utf-8";
/* CSS Document */



@media (max-width: 768px) 

{



/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Top & Navigation Bar
--------------------------------------------------------------*/
.top-head { }
	
	.top-head .qcontact {font-size: 12px;
    margin-right: 1px;
	padding: 2px 0px 4px;}
	
	.top-head .qcontact li {font-size: 10px; padding: 8px 0px 0px;}
	
	
.top-head .top-reach { }
	
.top-head .top-reach li {
    font-size: 16px;
    margin-right: 1px;
	padding: 6px 0px 4px;
}
.top-head .top-reach li:nth-child(2) {
	margin-right: 0;
}
.top-head .top-reach li:before {
    margin-right: 3px;
    font-size: 8px;
}
				
				/*---------- menu section ----------*/

.menu-area {
	top: 27px;
    margin-top: -20px;
}
.menu-wrap {
	height: 60px;
	width: 90%;
}

.menu-area .logo {z-index:0;}

.menu-area .logo a img {
	max-width: 65%;
}
.menu-toggle {
    display: block;
    position: absolute;
    padding: 0px 10px;
    top: 50%;
    transform: translate(-50%, -50%);
    right: 10px;
    color: #ffffff;
    background: #373737c2;
    font-size: 20px;
    border: 1px solid #585858;
}
.site-nav {
	position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    height: auto;
    background: #cbcbcb;
	transform: scale(1,0);
    transform-origin: top;
    transition: transform 400ms ease-in-out;
}
.site-nav.active {
    transform: scale(1,1);
}
.site-nav ul {
    display: block;
    text-align: center;
}
.site-nav ul li:hover ul {
	display: none;
}
.site-nav ul li a {
	color: #fff;
}
.site-nav ul li.active ul {
	position: relative;
	display: block;
	width: 100%;
}
.site-nav .drop-menu li {
    border-bottom: none;
	background: #285970;
}
.site-nav ul li ul li {
    width: 100%;
}
.site-nav .brochure-btn {
	margin: 20px 20px;
}

/*--------------------------------------------------------------
# apply resume
--------------------------------------------------------------*/
.hired {text-align: center;}
.appbtn {width: 100%;}

.featured-project h5 {padding: 15px 5px;}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/




/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/



	
	.why-we-head {text-align: center; padding: 33px 20px 40px;}
	.why-we-head h2 {text-align: center;}
	.why-we-head h2 span {font-size:23px;}

	.accordion {padding-left: 0px;}	
	.counts .count-box {margin: 11px 0px;}
	
	.featured-project {margin: 0px 0px 54px 0px; padding: 10px 15px 30px;}
	
	.intro-head h3 {text-align: center;}
	.intro-head h2 {text-align: center;}
	
	.intro-info {padding: 0px 10px 28px;}
	

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Industries Section
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Aboutus page 
--------------------------------------------------------------*/

	.company-head h2 {padding: 21px 9px;}
	.abt-company-section {padding: 108px 0px 58px;}
	.whatwedo-section {padding: 80px 0px 30px;}
	
	.careerfy-services-nineview p {padding: 0px 10px;}
	
	
/*--------------------------------------------------------------
# Directors Desk
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Careers  
--------------------------------------------------------------*/

.itser-info {padding: 30px 0px 0px;}

/*--------------------------------------------------------------
# Recruitment Section
--------------------------------------------------------------*/

	.recruit {padding: 70px 20px; text-align: justify;}

	.whyus-grid {
    padding: 1rem 1rem 1rem;
    max-width: 100%;
    justify-content: space-between;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 17px 27px;    
}

	.prin-main {padding: 14px 0px 71px;}
	
	.benout {padding: 40px 25px;}
	
	.benout h2 {font-size: 27px;}
	
	.abt-intro-section {padding: 6rem 1rem;}
	
	.directors-img {box-shadow: 0px 0px 16px #cfd0d2;}
	
	.intro-data-1 {padding: 41px 13px 7px;}
	
	.blockquote:before {top: -123px; left: 0px; }
	
	.blockquote {padding: 18px 6px 2px;}
	
	.info-data-2 {text-align: justify;}



/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
	.portfolio {padding: 64px 20px; text-align: center;}
	
	
	
	
/*--------------------------------------------------------------
# WHY US 
--------------------------------------------------------------*/

	.why-intro {padding: 20px 0px 20px;}
	
	.splicing-image {padding: 45px 0px 92px;}
	
	.splice-img1 {padding:0px;}
	
	.splice-img1 .img1 {top:0px;}
	
	.img1 .zoom {width: 99%;}

	.htServ {padding: 0px 10px;}



/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/


	.contact {padding: 48px 0px 20px;}
	.intro-data {padding: 22px 5px 20px;}
	
	.contact .info-wrap .p {padding: 0 0 0 60px;
    margin-bottom: 0;
    font-size: 17px;
    color: #65534c;}
	
	
	
	
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

	#footer .footer-top .footer-info {text-align: center;}
	
	#footer .footer-top h4 {font-size: 27px; padding-left: 11px;}
	
	#footer .footer-top .footer-links ul a {font-size: 16px;}
	
	#footer .credits a {color:white;}
	
	.quote-button .quote-button-1 {padding: 10px 0px 20px; float: none;}
	
	#footer .footer-top .footer-links ul li { padding: 10px 20px;}
	
	
	
	
/*--------------------------------------------------------------
# GET A QUOTE
--------------------------------------------------------------*/








}