@media(max-width:1399px){
	html{ font-size: 55%;}
    .banner-disc h1{ font-size: 13rem; height: 160px;}
	.inner-banner{ height: 340px;}
	.grid-sizer, .tes-item{ width:calc(33.33% - 20px); margin-right: 20px; } 
	.tes-item{margin-bottom: 20px;}
	.contact-item h5,.bookcall span{ font-size:2.8rem;}
	.contact-item p{ font-size: 2.2rem;}
}
@media(max-width:1024px){
	.banner-disc h2{ font-size: 5rem; line-height: 5.4rem; margin-bottom: 2rem;}
	.banner-disc p{ font-size: 5rem; line-height: 6.4rem; padding-bottom: 2rem;}
	.hero-bottom-sub{ font-size: 3.2rem; line-height: 4.2rem;}
	.hero-link{ margin: 2rem 0 0 0;}
	.swiper-pagination{ position: relative; margin-top: 3rem;}
	.contact-item h5,.bookcall span{ font-size:2.4rem;}
	.contact-item p{ font-size: 2rem;}

}

@media (max-width:991px){
	html{ font-size: 50%;}
	.banner-disc h2{ font-size: 3.2rem; line-height: 3.6rem; margin-bottom:1rem;}
	.banner-disc p{ font-size: 3.2rem; line-height: 4.4rem; padding-bottom: 1rem;}
	.hero-bottom-sub{ font-size: 2.2rem; line-height: 3.2rem;}
	.banner-disc .button-row{ padding-top: 1rem;}
	.enterprise-text p{ font-size: 2.2rem; line-height: 3.2rem;}


	.section-title{ font-size: 4rem; margin: 0 0 5rem;}
	.content-1{ margin: 0 2rem 0 0;}
	.step-info h4{ font-size: 2.6rem;}
	.step-info span{ font-size: 9rem;}
	.testimonial .grid-3-columns{-ms-grid-columns: 1fr;grid-template-columns: 1fr;}
	.testimonial .grid-1-column{grid-template-columns: 1fr 1fr;}
	.calltoaction{ padding: 5rem 4rem;}
	.location-bg .grid-4-columns{grid-template-columns: 1fr 1fr;}
	.section-space{ padding: 5rem 0; }
	.step-bg{ margin: 0; padding-bottom: 0;}
	.inner-banner{ height: 250px;}
	.contact-item span{ width: 30px;}
	.client-item{grid-template-columns: repeat(4, 1fr);}
	.client{ margin: 0;}
	.main-menu .dropdown-menu.show {display: block;	}
	.main-menu .dropdown-menu {display: none;opacity: 1}
	.mobile-menu-btn {position: absolute;top:4rem;right:6%;border: none !important;z-index: 99999;
		background-color: transparent; margin-right: 1.5rem;}
	.fix-header.sticky .mobile-menu-btn {
		top: 22px;
	}
	.mobile-menu-btn.collapsed span {
		background-color: #fff;
	}
	.mobile-menu-btn span {
		display: block;
		height: 3px;
		width: 27px;
		position: absolute;
		left: 0;
		-webkit-transition: -webkit-transform 0.3s;
		-webkit-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		background-color: #fff;
	}
	.mobile-menu-btn span:first-child {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 7px;
	}
	.mobile-menu-btn.collapsed span:first-child {
		top: 0;
		transform: none;
	}
	.mobile-menu-btn.collapsed span:nth-child(2) {
		top: 7px;
		transform: none;
		opacity: 1;
	}
	.mobile-menu-btn.collapsed span:last-child {
		top: 14px;
		transform: none;
	}
	.mobile-menu-btn span:last-child {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		position: absolute;
		top: 7px;
	}
	.mobile-menu-btn span:nth-child(2) {
		opacity: 0;
	}
	.menu-wrapper.show {
		right: 0;
		width: 100%;
	}
/* 	.menu-wrapper {
		position: fixed;
		width: 100%;
		top: 0px;
		background: #000;
		z-index: 9999;
		height: 100%;
		right: -100%;
		transition: all .3s cubic-bezier(0, 0, .58, 1);
		overflow: scroll;
		padding: 50px 15px
	} */
	nav ul.menu{ flex-direction: column;}
	nav ul.menu li a{ font-size: 2.8rem;}
	.grid-sizer, .tes-item{ width:calc(50% - 20px); margin-right: 20px; } 
	.tes-item{margin-bottom: 20px;}
	.home-header{ padding:4rem 0 2rem 0;}
	.resources-div{ margin-bottom: 3rem;}
	.resources-info h3, .resources-disc{ min-height: auto;}
	.contact-title h2{ font-size: 3.8rem;}
	
}
@media(max-width:767px){
	.hero_img img{ max-width: 100%; height: auto;}
	.hero-section{ margin-top: 8rem;}

	.banner-disc p {
		font-size: 4rem;
		line-height: 5rem;
		padding-bottom: 2rem;
	}
	.banner-disc h2 {
		font-size: 4rem;
		line-height: 4.4rem;
		margin-bottom: 2rem;
	}
	.banner-disc .button-row{ padding-top: 2rem;}
	.hero_img{ position: relative; width: 100%; right: -2rem; margin-top: 2rem;}
	.enterprise-sec .section-title{ margin-bottom: 1.5rem !important;}
	
	.grid-3-columns{grid-template-columns: 1fr; grid-row-gap:0}
	.container{ padding-left:2rem; padding-right: 2rem;}	
	.content-1, .content-1.right{ margin: 0 0 3rem;}
	.step-wrapper, .step-wrapper:first-child{ border:none; border-bottom: solid 1px #9A9494;padding: 0 0 2rem;margin: 0 0 2rem;}
	.step-wrapper:nth-child(3), .step-wrapper:nth-child(2){ padding: 0 0 2rem; margin: 0 0 2rem;}
	.service-shape1{ margin: 0 auto; right: 0; width: 90%; top: 0;}
	.footer-list{ margin:0 0 5rem;}
	.team-list{grid-template-columns:1fr 1fr}
	.inner-banner{ height: 200px;}
	.title-icon-item span{ max-width: 30px;}
	.list li::before{ background-size: 30px;}
	.inner-banner{ margin-bottom: 3rem;}
	.list-2 li::before{ width: 12px; height: 12px;}
	.client-item{grid-template-columns: repeat(3, 1fr);}
	.serve-img{ margin: 0 auto 4rem;}
	#toTop{ display: none !important;}
	.logo img{ height: 25px;}
	.fix-header.sticky .logo img{ height: 25px;}
	.contact-card{ min-height: 500px; display: flex; align-items: center; margin-bottom:0;} 
	.drop-form{ width: 100%;}
	.subscribe{ margin-top: 3rem;}
	.copyright{ margin: 0; padding: 2rem 0;}
	.footer{ padding-top: 3rem;}
	.content-1 .section-title{ margin-bottom: 2rem;}
	.contact-title{ margin: 0 0 1rem;}
	/* .contact-item:last-child {
		border: none;
		margin: 0 0 -2rem;
		padding-bottom: 0;
		min-height: 37px;
	} */
	.header-btn-div{ display: none;}
	.mobile-link{ display: flex; flex-direction: column; justify-content: center; }
	.mobile-link a{ font-size: 3rem; justify-content: center; margin-bottom: 2rem; text-align: center;}
	.marquee-item {
		flex: 0 0 33vw;
			}
			.work-div{ flex-direction: column;}
			.work-info{ margin: 0;}
			.letstalk_right{ margin-left: 0; max-width: 100%;}
			
}
@media(max-width:575px){
	.testimonial .grid-1-column {grid-template-columns: 1fr;}
	.location-bg .grid-4-columns {grid-template-columns: 1fr;}
	.client-section{ display: block;}
	.client-section h3{ margin: 0 0 4rem;}
	.grid-sizer, .tes-item{ width:100%; margin-right:0px;} 
	.mobile-menu-btn{ margin-right: 3.5rem; top: 3rem;}
}
@media(max-width:479px){
	.circle-fix{ display: none;}
	.client-item{grid-template-columns: repeat(2, 1fr);}
	.app_div img{ max-width: 150px;}
}