@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: 0
}
.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 0
}
.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
}
.mobile-btn span, .btn-call i {
	display: none
}
}