@media screen and (max-width:1024px) {
header { padding: 5px 0;}
header li { font-size: 13px; line-height: 54px; padding: 0 10px 0 40px;}
header li span { left: 0;}
.navbar { padding: 3px 5px;}
.navbar-expand-md .navbar-nav .nav-link { padding: 14px 14px; font-size: 14px; color: #0E131D;}	
.form-inline .form-control { width: 180px; }	
}

@media screen and (max-width:767px) {
.d-hide{ display: block !important;}
header{ display: none;}
.navbar{ background: #0E131D; padding: 3px 0;}
.navbar-brand{ padding-left: 15px;}
.navbar-toggler-icon { content: ''; background: url(../images/menu.svg) center top no-repeat; width: 40px; height: 32px; background-size: 100%;  position: absolute; top: 22px; right: 14px; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s;}
.navbar-collapse { background: #fff; padding: 14px 8px; position: absolute; width: 100%; z-index: 99; top: 74px; left: 0; right: 0; }
.form-inline .form-control { width: 100%;}
.heroarea .slick-slide { padding: 70px 0; }
.heroarea h1 { font-size: 36px; line-height: 35px; }
.heroarea .slick-next.slick-arrow { right: 10px; top: auto; bottom: 20px; }
.heroarea .slick-prev.slick-arrow {	left: auto; right: 60px; top: auto; bottom: 20px;}	
.AboutHome { padding: 15px 0 25px;}
.about-card { border-radius: 20px; padding: 40px 20px 25px;}	
.about-card:after { right: 20px; width: 110px;  height: 64px; background-size: 100%;}
.about-card h2 { margin-bottom: 12px;}
.HomeProject { padding: 50px 0 60px;}
.HomeProject h2 { font-size: 28px; line-height: 42px; padding-bottom: 10px;  margin-bottom: 35px;}	
.HomeProject:before { top: 24px; width: 90px; height: 50px; background-size: 100%;}
.HomeProject:after { bottom: 20px; width: 65px; height: 42px; background-size: 100%;}	
.productHome { margin-bottom: 20px;}
.SuccessCounter { padding: 40px 0 15px; }
.SuccessCounter .card-body { width: calc(100% - 30px); height: 192px;margin: 0 15px 45px;}
.succesgrowth { padding: 40px 0 90px; }	
.succesgrowth .slick-slide { padding: 40px 8px 20px;}	
.succesgrowth .slick-prev.slick-arrow { left: 39%;}	
.succesgrowth .slick-next.slick-arrow { right: 39%;}
.succesgrowth:after { background-size: 170%;}	
.succesgrowth:before { background-size: 130%; width: 100%;}	
footer { padding: 30px 0 0;}
footer .mb-3{ text-align: center;}	
footer h2 { margin-top: 24px; }
.copyright { margin-top: 20px;}
footer li a { line-height: 38px;}	
	
/*=====================================

About Us Page

===============================*/	
.innerarea .container { padding: 65px 15px;}
.innerarea .container ul{ display: none;}	
.innerarea h1 { font-size: 22px; margin-top: 0;}	
.OurVision { width: 100%; padding: 40px 15px;}	
.OurVision p { font-size: 14px;  line-height: 22px;}	

/*=====================================

Past Project Page 

===============================*/
.MainProject { padding: 55px 0 30px;}
.MainProject h2 { font-size: 28px;}
.MainProject:after { top: 10px; width: 80px; height: 45px; background-size: 100%;}	
.PastProject { padding: 55px 0 75px;}
.PastProject:before { top: 24px; width: 80px; height: 45px; background-size: 100%;}
.PastProject:after { bottom: 15px; width: 75px; height: 40px; background-size: 100%;}
/*=====================================

About Us Page

===============================*/	
.contactPage { padding: 30px 0;}	
.contactPage h2 { font-size: 28px; line-height: 34px; letter-spacing: 0;}
.contactPage{ background: #F3F7FA;}
.contactPage:after { width: 100%; height: 100%; background-size: 130%;}
.contactPage:before { width: 100%; background-size: 100%;}
.contactPage .form-group { margin-bottom: 25px; }
.contactPage .btn-down{ width: 100%; text-align: center;}
.card-form {  padding: 20px;  margin-top: 25px;}	
	
}