/*----ipad and smaller than it--*/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
 .caption h1{
    font-size: 6vmin;
 }
 .caption h3{
    margin-top:0px;
}
 }
@media screen and (min-device-width: 601px) and (max-device-width: 992px) {
	nav .button-collapse {
		float: left;
		padding: 22PX 0PX;
	}
	.slz-blog-detail {
		bottom: -32% !important;
		z-index: 999;
	}
	nav .brand-logo {
		left: 29%;
	}
	nav .input-field.active #search {
	right: -61px;
	width: 250px;
	}
.fun-at-em{
    margin-left: 3%;
    margin-bottom: 3rem;
}
.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: 2rem 0rem 0rem 2rem;
    }
    .home-call .img-right {
    background-image: url(../images/support-img.jpg);
    padding: 2rem 2rem 2rem 3rem;
}
.test-particle #intro h5{
	font-size: 	14px;
}
/*=========================service overview==========================*/
.service-overview-ab .tabs-content {
    height: 665px !important;
}
.service-overview .service-over-box {
    margin-bottom: 2rem;
}

	.service-overview-ab img{
    margin-top: 2rem;
    margin-bottom: 0rem;
	}
		.ml-14{
	margin-left: 0 !important;

}
/*---------------service detail----------*/
.process-we-follow .plr-3rem{
	padding: 0 3rem;
}
/*----hero-banner---*/
.caption {
    top: 0;
    z-index: 10;
}
.video-container {
    height: 551px;
    top: -53px;
}
.dot-overlay{
	display: none;
}
.video-container .filter {
    z-index: 9;
    height: 550PX !important;
    }
.homepage-hero-module {
   top: -30px;
    height:471px !important;
}
.no-video .video-container video, .touch .video-container video {
    display: INLINE-BLOCK;
        height: 550px !important;
}
.cd-header {
    height: 65px;
    background: transparent;
    box-shadow: none;
}
header .cd-logo img {
    width: 38%;
}
.page-custom {
    margin: 0 !important;
    padding: 1rem 4rem;
 
}
.slz-blog-detail {
    position: inherit;
  padding: 0 !important;
}
.video-container video {
    position: absolute;
    z-index: 1;
    }
    .company-pg .img-left, .company-pg .img-right {
    max-height: 71vh;
    height: 100% !important;
    min-height: 49vh;
}
.company-pg .img-right {
    padding: 4rem 5rem 6rem 2rem !important;
}
.hero-pb7{
    padding: 7.5rem 0 4rem !important;
}
}

@media screen and (min-width:1023px) and (max-width: 1025px){
.case-box.padd-right-text {
  padding: 3rem 0rem 3rem 1rem;
}
}