@media only screen and (max-width: 1380px) {
	.hero-section {
		height: 100vh
	}
}

@media only screen and (max-width: 1200px) {

	.service-card {grid-template-columns: repeat(5, minmax(0, 1fr)); grid-gap: 35px; padding: 60px 0; }
	.ct1280 .container, .ct1280 .container-lg, .ct1280 .container-md, .ct1280 .container-sm, .ct1280 .container-xl {max-width: 1170px;	}
	.blur-bg {width: 350px; height: 350px;}
	.partnerlogo {grid-template-columns: repeat(3, minmax(0, 1fr));		grid-gap: 30px;	}
	.steps-div {padding: 30px 20px; border-radius: 20px;}
}

@media only screen and (max-width: 992px) {

	.header-heading-1{text-align: center;}
	.th2 .icon-bar {background-color: #000;}
	.hero-feature {	grid-template-columns: auto auto;	grid-gap: 20px;	margin-top: 30px;	justify-content: center;}
	.service-card {grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 35px; padding: 60px 0; }
	.whyus {grid-template-columns: repeat(2, minmax(0, 1fr));	grid-gap: 20px;	}
	.m-mt60 {margin-top: 60px;}
	

	.img-box {text-align: center;}
	.itm-media-object .media-body {
    margin-left: 15px;
}
	.pr50{padding-right: 0;}
	h1 {
		font-size: 40px;
		line-height: 50px
	}
	h2 {
		font-size: 35px;
		line-height: 44px
	}
	h3 {
		font-size: 25px;
		line-height: 34px
	}
	h4 {
		font-size: 18px;
		line-height: 26px
	}
	h5 {
		font-size: 16px;
		line-height: 24px
	}
	h6 {
		font-size: 14px;
		line-height: 22px
	}
	p {
		font-size: 16px;
		line-height: 26px
	}
	.m-mt30 {
		margin-top: 30px
	}
	.img-box1 img {
		border-radius: 20px 20px 20px 20px
	}
	.m-text-c {
		text-align: center
	}
	.m-m0 {
		margin: 0 !important
	}
	.hide-desk {
		display: block
	}
	.hide-mob {
		display: none
	}
	.sticky .top-header .nav-link {
		font-weight: 600;
		font-size: 17px;
		color: #333
	}
	.top-header .nav-link {
		font-weight: 600;
		font-size: 17px;
		color: #333
	}
	.top-header .nav-link.active {
		color: #333
	}
	.top-header .nav-link.active:after {
		background: #333
	}
	.fixed-top {
		height: auto
	}
	.mt30a {
		margin-top: 0
	}
	.navbar-collapse {
		margin: 10px 0 0;
		background: #fff;
		padding: 10px 16px
	}
	.sticky .navbar-collapse {
		padding: 0
	}
	.top-header {
		min-height: auto
	}
	.fixed-top {
		padding-top: 8px;
		padding-bottom: 8px
	}
	.header-heading h1 {
		font-size: 40px;
		line-height:48px;
	}
	.header-heading {
		margin: 0;
		padding: 0;
		text-align: center
	}
	.pad-tb {
		padding-top: 60px;
		padding-bottom: 60px
	}
	.form-block {
		margin: 0 0 30px
	}
	.hero-section {
		padding-top: 110px;
		padding-bottom: 100px;
		height: auto
	}
	.top-header .nav-link {
		font-size: 16px;
		padding: 8px 0
	}
	.cta-heading-2 {
		text-align: center;
		margin: 0 auto 30px;
		display: block
	}
}
@media only screen and (max-width: 767px) {
	.modal .modal-dialog-aside {
		width: 100%;
		max-width: 100%;
		height: 100%;
		margin: 0;
		right: 0px;
	}

	.modal .modal-dialog-aside	.modal-body {
		position: relative;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		padding: 0;
	}

	.service-card {	
		grid-gap: 15px;
		padding: 60px 0px;
	}

	.btn-rd{width:100%;}
	.itm-media-object .media .img-ab- { width: 55px;}
	.common-heading h2 {
		font-size: 30px
	}
	.hero-section .form-block {
		margin: 30px 0 0
	}
	.header-right ul {
		padding: 0
	}
	.pl0 {
		padding-left: 15px !important
	}
	.cta-heading-2 h2 {
		font-size: 30px;
		text-align: center
	}
	.common-heading h3 {
		font-size: 20px;
		margin-bottom: 20px
	}
	.cta-heading p {	
		text-align: center;
		line-height: 1.3
	}
	.cta {
		width: 100%
	}
	.common-heading p {
		max-width: 100%
	}
	.feature-image {
		margin: 20px 0 0
	}
}
@media only screen and (max-width: 375px) {
	.header-heading h1 {
		font-size: 35px;
		line-height:44px;
	}
}
@media only screen and (max-width: 340px) {
	.mobile-btn span {
		display: none
	}
}