/*--mobile--*/
@media (max-width: 600px) {
	.container {
    width: 90% !important;
	}
	.lh2 {
    line-height: 140%;
	}
	.home-ab .collapsible-body {
     padding: 0px 0px 0px 30px; 
	}
	.home-ab .collapsible-header.active span,
	.home-ab .collapsible-header span {
    font-size: 12px;
	}
	.home-quote-form{
		box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, 0.07);
		    background: #f7f7f7;
	}

	.page-custom {
	margin-top: -40px;
	margin-bottom: 2rem;
}
.tf-box {
    border-right: 0px solid rgba(255, 255, 255, 0.62);
    padding: 0 5px 0 0px;
}
.hire-sectn .right-align	{
		text-align: center;
}
.hire-sectn h4{
	text-align: 	center;	
}
.home-call .img-left {
    background-image: url(../images/client-img.jpg);
    padding: 3rem 0rem 0rem 1rem;
  }
 .home-call .img-right {
 padding: 5rem 0rem 2rem 1rem;
}
	nav .input-field #search {
		top: 11px;
		height: 45px;
	}
	nav .input-field.active {
		background: #fff;
	}
	nav .input-field.active #search {
		padding-bottom: 0px;
	}
	nav .input-field label {
		top: -8px;
	}
	nav .input-field input[type=search]+label {
		left: 4px;
	}
	nav .input-field.active input[type=search]+label {
		left: 1rem;
	}
	nav button.nav-close {
		position: absolute;
		top: 0px;
	}
	.vnav {
		display: none;
	}
	nav {
		line-height: 60px;
	}
	nav .button-collapse {
		float: left;
		padding: 6PX 0PX;
	}
	.caption {
		top: 0;
	}
	.caption h1 {
		line-height: 140%;
		font-size:7vmin;
		padding-top: 0px;
	}
	.caption h3 {
		margin: 4px 0 24px 0;
		font-size: 4vmin;
	}
	.test-particle canvas {
		height: 800px !important;
	}
	nav a.button-collapse i {
		line-height: 47px;
	}
	.slz-blog-detail {
		position: relative !important;
		bottom: 0 !important;
		left: 0 !important;
		width: 100% !important;
		
		z-index: 999;
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
	.item,
	.mob-mb-30{
		margin-bottom: 30px;
	}
	.home-case-box .image-text {
		position: relative;
		left: 0;
		top: 41px;
		box-shadow: 2px 6px 26px 0px rgba(0, 0, 0, 0.3);
	}
	.home-case-box .image-box.left,
	.home-case-box .image-box.right {
		float: none !important;
	}
	/*========================service-overview======================*/
	.service-overview-ab .tabs-content{
		height: 730px !important;
	}
	.service-over-box{
		    margin-bottom: 35px;
	}
	.mb4rem{
    margin-bottom: 0rem;
	}
	.service-overview-ab img{
    margin-top: 2rem;
    margin-bottom: 0rem;
	}
	.ml-14{
	margin-left: 0 !important;

}

.dot-overlay{
	z-index: -1;
}
/*----service detail slider--*/
.process-we-follow .plr-3rem{
	    padding: 0 0;
}
.job-detail-btn .sec-btn-color{
	font-size: 11px;
}
/*----nav-----*/
.cd-header {
    z-index: 1001;
    background: transparent;
    box-shadow: 0px 0px;
 
}
.cd-primary-nav {
    z-index: 1000;
}
header .cd-logo img {
    width: 35%;
}
.cd-primary-nav {
    padding-top: 5rem !important;
}
.cd-primary-nav li a {
    font-size: 19px;
        line-height: 2.6;
}
nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
    display: block;
    font-size: 24px;
    height: 56px;
    line-height: 34px;
}
.mobile-center{
	text-align: center !important;
}
.footer-copyright .mobile-center .right{
	float: none !important;
}

.breadcrumb:before {
    font-size: 15px;
    margin: 0 2px 0 2px;
}
.breadcrumb {
    font-size: 13px;
}
.hero-banner.padd-5-1 h1{
    font-size: 34px;
    margin-top: 2rem;
}
.process-we-follow .lSAction>.lSNext {
    background-position: -48px 0;
    right: 18px;
}
.process-we-follow .lSAction>.lSPrev {
    background-position: 0 0;
    left: -24px;
}
.mb10{
	margin-bottom: 10px !important; 
}


.cd-header.is-fixed{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    position: fixed;
    top: 0;
}
.hero-pb7 {
    padding: 2.5rem 0 !important;
}
.company-pg .img-left,
.company-pg .img-right
 {
    height: 100% !important	;
   padding: 2rem 1rem 3rem 1rem !important	;
}


/*---------------banner--*/
.homepage-hero-module {
    height: 430px !important;
}

.video-container .filter {
    z-index: 1;
    position: absolute;
    margin-left: 	0 !important	;
    width: 100% !important	;
    height: 100% !important	;
}
.dot-overlay {
 display: none;
}
.video-container {
   		 height: 430px;
   		 background-position: center;
   		 background-size: cover;
   		 background-repeat: no-repeat;
    }
.no-video .video-container video, .touch .video-container video {
	display: none !important	; 
	width: 1031.378px !important	;
	margin-top: 0px;
	height: 	732px !important	;
	margin-left: -188px !!important	;
}

.cd-primary-nav li a i {
    vertical-align: middle;
    margin-left: 0px;
    font-size: 17px;
    display: inline;
}
.parallax-container {
   height: auto;
    position: relative;
}
.tm-bb{
	border-bottom: 0px solid rgba(0, 0, 0, 0.27);
}
.tm-br{
	border-right: 0px solid rgba(0, 0, 0, 0.27);
}
.heading.lh0{
	line-height: 130% !important;
}
.event-bg .height240 {
    height: 170px;
    max-height: 211px;
    overflow: hidden;
}
.event-bg .row, .width90 {
     width: 100%; 
}
.event-bg {
    padding: 0;
}
.fun-gallery .tabs-content {
   height: 1051px !important;
    /* display: block; */
    max-height: 937px ;
}
.hire-sectn a.btn {
    margin: 3px 0 0 0;
}
.industry-over .lSAction>.lSPrev,
 .company-pg .lSAction>.lSPrev {
    background-position: 0 0;
    left: -12px;
}
.fun-em-bg .event-bg {
     padding: 0px; 
}
.fun-gallery ul.sec-bg-color{

    background: #2196F3;
    color: #fff;
}
.fun-at-em li a.active {
    background: rgb(43, 124, 188) !important;
    color: #FF9800 !important;
}
#particles {
    width: 100%;
    height: 950px;
}
#intro {
    position: absolute;
    left: 5%;
    top: 0;
}
img.em-logo{
	width: 55px;
}
.pre-overlay .progress {
    width: 71%;
    left: 14%;
}
.mob-pb-50{
	padding-bottom: 50px !important; 
}
.wow-section .pb-4r{
	padding-bottom: 2rem !important;
}

.test-particle.p-color2{
    background-position: 60% 30% ;
   	background-size: cover;
}
.top-footer:after {
    height: 101%;
}
.home-call.company-pg .img-left {
    background-size: cover;
}
.layout a[href='contact-us.php']{
	    margin-bottom: 25px;
}
.case-box.padd-right-text{
	    padding: 3rem 0 3rem 1rem;
}
.hero-banner.cs.hero-pb7{
	padding: 	7.5rem 0 6rem !important
}
.padd-right-text {
  padding: 3rem 0rem 3rem 1rem;
}
.job-detail-btn {
   margin-left: 0px !important;
}
.mob-center{
	text-align: 	center;	
}
.job-detail-btn .desk-text-right .mb2rem{
    margin-bottom: 1rem;
}
.layout a.btn.sec-btn-color,
#about-service a[href='contact-us.php'],
.layout a[href='contact-us.php'],
.layout a[href='#pillar']{
	margin-bottom: 	20px;
}
.indu-box.pb-25{
		padding-bottom: 4px !important	;	
}
h1 {
    font-size: 2.9rem;
    margin-top: 10px;
}

.desk-padd-50{
	padding: 	5px;
}
.mob-pb-20{
	padding-bottom:20px !important	;
}
.mob-mb-20{
	margin-bottom:20px !important	;
}
.indu-box .ind-text h4{
	max-height: 28px;
    overflow: hidden;
}
ul#footer-add {
   width: 	auto !important;
}
.service-over-returns h2 {
     padding-right: 0px; 
}
}
/*--iphone 5 and smaller--*/
@media screen and (min-device-width: 300px) and (max-device-width: 320px) {
	.home-call .img-left,
	.home-call .img-right {
  	max-height: 528px;
	height: 557px
}
}
/*--average mobile--*/
@media screen and (min-device-width: 321px) and (max-device-width: 360px) {
	.home-call .img-left,
	.home-call .img-right {
    max-height: 488px;
    height: 557px
}
.service-overview-ab .tabs-content {
    height: 782px !important;
}
}
/*--lg-mobile--*/
@media screen and (min-device-width: 361px) and (max-device-width: 430px) {
.img-left, .img-right {
    max-height: 430px;
    height: 557px;
    min-height: 557px;
}
.service-overview-ab .tabs-content {
    height: 827px !important;
}
}