@media only screen and (max-width: 1380px) {
	.hero-section {
		height: 150vh;
        padding-top: 140px;
	}
	section#home {
		margin-left: 0 !important;
	}

}
@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;}
	.contact.style-6 .content .contact_message {display: none;}
}
@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: 0px 0 0;
		background: #fff;
		padding: 10px 16px;
		/* border-top: 1px solid rgb(150, 150, 150); */
	}
	.icon-bar {
		background-color: #000;
	}
	.sticky .navbar-collapse {
		padding: 0
	}
	.top-header {
		min-height: auto
	}
	.fixed-top {
		padding-top: 8px;
		padding-bottom: 8px
	}
	.header-heading h1 {
		font-size: 42px!important;
        /* line-height: 1.2!important; */
	}
	.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
	}

	.nav-item .nav-link{
		/* box-shadow: 3.7px 7.4px 7.4px hsl(0deg 0% 0% / 0.12); */
		border-radius: 5px;
		border-bottom: .5px solid gray;
	}

}
@media only screen and (max-width: 767px) {
	.modal .modal-dialog-aside {
		width: 100%;
		max-width: 100%;
		height: 100%;
		margin: 0;
		right: 0px;
	}
	.img-box1 img {
		display: none;
	}

	.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 (max-width: 768px) {
	.enquiry-button {
	  width: 30px;
	  height: 120px;
	}
	/*.swiper-pagination {
		display: none;
	}*/

	.enquiry-button span {
	  font-size: 14px;
	}

	.enquiry-button i {
	  font-size: 20px;
	}

	.challenge-sec .header-heading h2 {
		font-size: 2rem;
		padding-left: 0px;
		padding-right: 0px;
	 }
	 .challenge-sec .col-lg-10 {
		 padding-right: 0px;
		 padding-left: 0px;
	 }
	 .challenge-sec .v-center {
		 padding-top: 20px;
	  }
 
	 .challenge-sec .header-heading p {
		font-size: 1.25rem;
		text-align: left;
	 }
	 .accordion-header .mv-btn {
		font-size: 1.2rem!important;
		font-weight: normal!important;
	 }

	 .navbar-nav .nav-link {
		padding: 15px 12px;
		margin-top: 2px;
	}
	/* .popular-plan {
		left: 34%;
	} */
	#social-desktop {
		display: none!important;
	}

	.annually-price {
		margin-top: 25px;
	}
	.contact.style-6 .content .contact_a, .contact.style-6 .content .contact_message {
		display: none;
	}
	
  }
  
  @media (min-width: 768px) {
	.process-card img {
		min-height: 220px!important;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: 60px;
		left: auto;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: 60px;
		right: auto;
	}
  }

 @media (max-width: 480px) {
	.challenge-sec .header-heading h2 {
	   font-size: 1.5rem!important;
	}

	.challenge-sec .header-heading p {
	   font-size: 1rem;
	   text-align: left;
	}
 }

  @media (min-width: 768px) and (max-width: 1024px) {
	.header-heading .strugtext {
		/* color: #fff;
		font-size: 1.5rem;
		line-height: 1;
		position: relative;
		top: 120px;
		margin-bottom: 130px; */
	}
  }
  @media (min-width: 525px) {
	.header-heading img {
		display: none;
	}
	#desktop-getbutton {
		display: block;
	}
	#mobile-getbutton {
		display: none;
	}
	
  }
  @media (max-width: 475px) {
	.car-bg {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		clip-path: ellipse(110% 60% at 50% 40%);
		left: 0px;
		top: 0px;
		max-height: 600px!important;
		min-height: initial;
		width: 100vw;
		max-width: 100%;
		z-index: 0;
		background-color: #053e84;
	}
	#desktop-getbutton {
		display: none;
	}
	#mobile-getbutton {
		display: block;
	}
	.terms-ss .container {
		padding: 0rem;
	}
	.terms-ss .privacy-header h1 {
		font-size: 1.5rem!important;
	}
	.privacy-container .privacy-header h1 {
		font-size: 1.5rem!important;
	}
	.privacy-container .privacy-header p {
		font-size: .925rem!important;
		line-height: 1.4!important;
	}
	.policy-container .policy-header h1 {
		font-size: 1.5rem!important;
		line-height: 1.2!important;
		padding-top: 20px;
	}
	.policy-container .policy-header p {
		font-size: .925rem!important;
		line-height: 1.4!important;
	}
	.policy-container .policy-content h2 {
		font-size: 1.3rem!important;
	}
	.terms-ss .terms-container {
		padding:20px 0px!important;
	}
	.terms-ss .section-title {
		font-size: 1.2rem!important;
	}
	.privacy-container .privacy-content {
		padding: 30px 0px;
	}
}

@media only screen and (max-width: 479px) {
	.header-heading h1 {
		font-size: 35px;
		line-height:44px;
	}
	.portfolio.style-1 .portfolio-card .info {
		padding: 10px;
	}
	.portfolio.style-1 .portfolio-card .info .text {
		/* color: #27252a;
		margin: 15px 0 5px; */
		font-size: 13px;
		padding: 0px 15px;
	}
	.swiper-button-next,
	.swiper-button-prev {
		width: 28px;
		height: 40px;
		border-radius: 5px;
		background: #fff;
		border: 1px solid #053e8430;
	}
		.swiper-button-next:after,
		.swiper-button-prev:after {
			font-size: 12px;
	}

	.portfolio.style-1 .portfolio-slider {
		padding-bottom: 0px;
	}

	.swiper-container {
		padding-bottom: 18px!important;
	}
	html .pt80 {
		padding-top: 10px!important;
	}

	.btm-sldrdiv {
		margin-top: -0px !important;
	}
	/* .navbar-nav .nav-link {
		padding: 15px 10px;
		margin-top: 2px;
	} */

	.go-down {
        font-size: 24px;
      }

	  .social#chatbox {
		padding: 0px;
		transform: translateX(204%);
		top: 400px;
		position: fixed;
		z-index: 999;

	}
	.enquiry-button {
		position: absolute;
		right:2px;
		top: 50%;
		z-index: 99;
		transform: translateY(-60%);
	}
	.btm-sldrdiv .row{
		margin-right: 0;
		margin-left: 0;
	}
	.hide-desk, .img-box1, .services.style-1 .ser_shap_l, .services.style-1 .ser_shap_r, .card-icon-section{ display:none;}
	.go-down {
		position: absolute;
		top: 90%;
		z-index: 999;
	}
	.feature-card {
		min-height: auto;
	}
    .btm-sldrdiv h5 {
        font-size: 26px;
        line-height: 1.2;
    }

	.services.style-1 .service-box h5 {
		flex-flow: row-reverse;
	}
	.services.style-1 .service-box h5 .num {
		color: var(--color-main);
        font-size: 1.125rem;
        background: #fff;
        padding: 6px 12px;
        border-radius: 100%;
        margin-right: 1rem;
        line-height: 1.8;
        text-align: center;
        display: inline-block;
	}	
	.icon, .info{
		display: inline-block;
	}
	.icon{
		vertical-align: top;
		padding-top: 1rem;
	}
	.services.style-1 .service-box{
		min-height: auto;
	}
	.services.style-1 .service-box .icon img { 
		width:3rem; 
		height: 3rem; 
		margin-right:1rem;
	}
	.info{ 
		width: 100%;
	}
	.info > .text{
		padding-top: 1rem;
	}
	.header-heading h1 {
		font-size:170%!important;
		padding: 0 2rem;
		/* color:#a9bde5; */
		color: #ffffff;
		line-height: 1.4;
	}
	h2#how_box{
		display: block;
		font-size: 125%;
		margin-top: 0rem;
		color: #fff;
		padding: 2rem;
		font-weight: normal;
	}
	section#home {
        margin-left: 0 !important;
        height: 100vh;
    }
}
@media only screen and (max-width: 340px) {
	.mobile-btn span {
		display: none
	}
}
@media (max-width: 375px) {
	.card-2 .card-header button {
		border: 0;
		padding: 6px 10px !important;
		font-size: 15px;
		line-height: 1.2;
		text-align: left;
		margin: auto;
		font-weight: 600;
		text-decoration: none;
	}
}
@media (max-width: 424px) {
	#mobile-prd {
		display: block;
	}
	.fixed-section{
		display:none;
	}
	.get-button {
		position: relative;
		/* top: 10px; */
	}
	.section-head.style-9 h2 {
		font-size: 1.4rem;
		padding: 10px 0px;
	}
	.common-heading h6 {
		font-size: 16px;
	}
	.section-head.style-9 p {
		font-size: 16px;
	}
}
