@media only screen and (max-width:767px) {
	:root {
		--fontSize: 14px;
		--card-title-fontSize: 20px
	}
	.ptb-100 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.pt-100 {
		padding-top: 50px
	}
	.pb-100 {
		padding-bottom: 50px
	}
	.ptb-70 {
		padding-top: 20px;
		padding-bottom: 20px
	}
	.pt-70 {
		padding-top: 20px
	}
	.pb-70 {
		padding-bottom: 20px
	}
	.pt-30 {
		padding-top: 30px
	}
	.pl-20 {
padding-right: 0
	}
	.pr-20 {
padding-left: 0
	}
	.default-section-title h3 {
		font-size: 25px
	}
	.section-content {
		margin-top: 0
	}
	.banner-text-area {
		padding-top: 60px;
		padding-bottom: 100px
	}
	.banner-text-area h1 {
		font-size: 27px
	}
	.banner-text-area p {
		font-size: 13px
	}
	.banner-text-area .input-group {
		display: block;
		background-color: transparent
	}
	.banner-text-area .input-group .form-control {
		background-color: #667befc6;
		width: 100%;
		border-radius: 10px!important
	}
	.banner-text-area .input-group .btn {
		padding: 12px 30px;
		margin-top: 15px
	}
	.banner-image-area {
		margin-top: -80px
	}
	.banner-images .banner-1st-img img {
		max-width: 40%
	}
	.banner-images .banner-3rd-img {
text-align: left;
left: 0
	}
	.banner-images .banner-3rd-img img {
		max-width: 70%
	}
	.service-card {
		padding: 20px 15px
	}
	.about-text-area {
		margin-top: 30px
	}
	.about-img {
		text-align: center
	}
	.about-img img {
		width: 100%
	}
	.testimonial-card {
		padding: 20px 19px
	}
	.testimonial-card .fa-quote-right {
		font-size: 25px;
left: 20px
	}
	.testimonial-card .testimonial-header {
		margin-bottom: 10px;
		display: inline-block
	}
	.testimonial-card .testimonial-header h4 {
		margin-bottom: 10px
	}
	.why-we-card {
		padding: 20px
	}
	.why-we-card .why-we-card-icon {
		position: relative;
		top: unset;
right: unset;
		-webkit-transform: translate(0);
		transform: translate(0);
		margin-bottom: 20px
	}
	.why-we-img-area {
		margin-top: 30px;
		text-align: center
	}
	.why-we-img-area .why-we-bg-img img {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	.app-icon {
		margin: 30px 10px 0
	}
	.app-icon img {
		/*max-width: 50%*/
	}
	.first-row {
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
	.second-row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.blog-card .blog-text-area {
		padding: 0 20px 25px
	}
	.blog-card .blog-text-area .blog-date ul li {
		font-size: 12px;
		margin-right: 2px
	}
	.blog-card .blog-text-area .blog-date ul li::after {
		display: none
	}
	.blog-card .blog-text-area .blog-date ul li i {
		font-size: 12px;
		margin-right: 2px
	}
	.footer-links, .footer-quick-links {
		margin-top: 30px;
		padding-left: 0
	}
	.footer-contact-list {
		padding-left: 0
	}
	.menu-sidebar-1 {
		right: 40px;
		top: 12px
	}
	.menu-sidebar-1 .call-button {
		padding-left: 30px;
		margin-left: 0
	}
	.menu-sidebar-1 .call-button i {
		font-size: 25px
	}
	.menu-sidebar-1 .call-button p {
		font-size: 11px
	}
	.menu-sidebar-1 .call-button a {
		font-size: 11px
	}
	.default-section-title-2 h6 {
		font-size: 24px
	}
	.home-banner {
		padding-top: 40px;
		padding-bottom: 40px
	}
	.home-banner .shapes img {
		-webkit-filter: opacity(.4);
		filter: opacity(.4)
	}
	.banner-text-area-2 h1 {
		font-size: 36px
	}
	.banner-img-2 {
		margin-top: 30px;
		text-align: center
	}
	.about-img {
		text-align: center;
		margin-bottom: 30px
	}
	.features-card {
padding: 30px 100px 25px 20px
	}
	.features-card .features-card-img {
right: 20px
	}
	.why-we-text-area-2 {
		margin-top: 40px
	}
	.banner-text-area-3 {
		padding-top: 60px;
		max-width: 98%;
margin-left: auto;
		text-align: center;
padding-left: 0
	}
	.banner-text-area-3 h1 {
		font-size: 30px
	}
	.banner-text-area-3 .banner-button-group .default-button {
margin-left: 10px;
		padding-left: 25px;
		padding-right: 25px
	}
	.banner-img-3 {
		margin-top: 30px
	}
	.banner .shape {
		display: none
	}
	.about-img-3 {
		margin-bottom: 0
	}
	.feature-card-3 {
		padding: 20px
	}
	.feature-card-3 .feature-3-icon {
right: 0;
		margin-bottom: 15px;
		position: relative
	}
	.service-3 .section-content {
		margin-top: 30px
	}
	.service-card-3 {
		padding: 20px 15px
	}
	.why-we-img-2 {
		text-align: center;
		margin-top: 30px
	}
	.why-we-text-area-3 {
		margin-top: 0
	}
	.testimonial-3 .fa-quote-right {
right: 10px;
		top: -10px
	}
	.uni-banner-text-area {
		padding-top: 230px;
		padding-bottom: 50px
	}
	.uni-banner-text-area h1 {
		font-size: 30px
	}
	.bd-form {
		padding: 20px 15px!important
	}
	.contact-form-area {
		padding: 20px 12px!important
	}
	.contact-card {
		padding: 30px;
		text-align: center
	}
	.contact-card i {
		margin-bottom: 15px;
		position: relative;
		left: unset;
		top: unset;
		-webkit-transform: translate(0);
		transform: translate(0)
	}
	.google-map {
		height: 200px
	}
	.terms h1 {
		font-size: 21px
	}
	.terms h2 {
		font-size: 20px
	}
	.terms h3 {
		font-size: 19px
	}
	.terms h4 {
		font-size: 18px
	}
	.terms h5 {
		font-size: 17px
	}
	.terms h6 {
		font-size: 16px
	}
	.faq .section-content {
		margin-top: 0
	}
	.faq .faq-text-area .accordion-item .accordion-button {
		font-size: 15px
	}
}
@media only screen and (min-width:576px) and (max-width:767px) {
	.banner-text-area h1 {
		font-size: 45px
	}
	.footer-contact-list {
		margin-top: 0
	}
	.recent-news-card h5 {
		padding-top: 15px
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	:root {
		--fontSize: 15px;
		--card-title-fontSize: 20px
	}
	.ptb-100 {
		padding-top: 80px;
		padding-bottom: 80px
	}
	.pt-100 {
		padding-top: 80px
	}
	.pb-100 {
		padding-bottom: 80px
	}
	.ptb-70 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.pt-70 {
		padding-top: 50px
	}
	.pb-70 {
		padding-bottom: 50px
	}
	.pt-30 {
		padding-top: 30px
	}
	.pl-20 {
padding-right: 0
	}
	.pr-20 {
padding-left: 0
	}
	.default-section-title h3 {
		font-size: 32px
	}
	.section-content {
		margin-top: 0
	}
	.banner-text-area {
		padding-top: 80px
	}
	.banner-text-area h1 {
		font-size: 50px
	}
	.about-text-area {
		margin-top: 30px
	}
	.testimonial-card {
		padding: 20px 19px
	}
	.testimonial-card .testimonial-header {
		margin-bottom: 10px;
		display: inline-block
	}
	.testimonial-card .testimonial-header h4 {
		margin-bottom: 10px
	}
	.why-we-img-area {
		margin-top: 30px;
		text-align: center
	}
	.why-we-img-area .why-we-bg-img img {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	.blog-card .blog-text-area {
		padding: 0 20px 25px
	}
	.blog-card .blog-text-area .blog-date ul li {
		font-size: 13px;
		margin-right: 12px
	}
	.blog-card .blog-text-area .blog-date ul li i {
		font-size: 12px;
		margin-right: 2px
	}
	.footer-links, .footer-quick-links {
		margin-top: 30px;
		padding-left: 0
	}
	.footer-contact-list {
		padding-left: 0;
		margin-top: 0
	}
	.default-section-title-2 h6 {
		font-size: 60px
	}
	.home-banner {
		padding-top: 60px;
		padding-bottom: 60px
	}
	.banner-text-area-2 h1 {
		font-size: 60px
	}
	.banner-img-2 {
		margin-top: 30px;
		text-align: center
	}
	.about-img {
		text-align: center;
		margin-bottom: 30px
	}
	.features-card {
padding: 30px 100px 25px 20px
	}
	.features-card .features-card-img {
right: 20px
	}
	.why-we-text-area-2 {
		margin-top: 40px
	}
	.banner-text-area-3 {
		padding-top: 80px;
		max-width: 710px;
		text-align: center;
margin-left: auto
	}
	.banner-text-area-3 h1 {
		font-size: 40px
	}
	.banner-img-3 {
		margin-top: 30px;
		text-align: center
	}
	.banner-img-3 img {
		right: 0
	}
	.about-img-3 {
		margin-bottom: 0
	}
	.feature-card-3 {
		padding: 20px
	}
	.feature-card-3 .feature-3-icon {
right: 0;
		margin-bottom: 15px;
		position: relative
	}
	.why-we-img-2 {
		text-align: center;
		margin-top: 30px
	}
	.why-we-text-area-3 {
		margin-top: 0
	}
	.uni-banner-text-area {
		padding-bottom: 80px
	}
	.uni-banner-text-area h1 {
		font-size: 60px
	}
	.recent-news-card h5 {
		padding-top: 15px
	}
	.google-map {
		height: 350px
	}
	.terms h1 {
		font-size: 23px
	}
	.terms h2 {
		font-size: 22px
	}
	.terms h3 {
		font-size: 21px
	}
	.terms h4 {
		font-size: 20px
	}
	.terms h5 {
		font-size: 19px
	}
	.terms h6 {
		font-size: 18px
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	:root {
		--card-title-fontSize: 22px
	}
	.default-section-title h3 {
		font-size: 30px
	}
	.banner-text-area h1 {
		font-size: 56px
	}
	.service-card {
		padding-left: 20px;
		padding-right: 20px
	}
	.why-we-img-area {
		margin-top: 30px;
		text-align: center
	}
	.why-we-img-area .why-we-bg-img img {
		-webkit-transform: scale(2);
		transform: scale(2)
	}
	.blog-card .blog-text-area {
		padding: 0 20px 25px
	}
	.blog-card .blog-text-area .blog-date ul li {
		font-size: 12px;
		margin-right: 1px
	}
	.blog-card .blog-text-area .blog-date ul li::after {
		display: none
	}
	.blog-card .blog-text-area .blog-date ul li i {
		font-size: 12px;
		margin-right: 2px
	}
	.footer-logo-area .footer-social-icons span {
		font-size: 13px;
		margin-right: 8px
	}
	.home-banner {
		padding-top: 60px;
		padding-bottom: 60px
	}
	.banner-text-area-2 h1 {
		font-size: 50px
	}
	.service-card-2 {
		padding-left: 20px;
		padding-right: 20px
	}
	.banner-text-area-3 h1 {
		font-size: 40px
	}
	.feature-card-3 {
		padding: 20px
	}
	.feature-card-3 .feature-3-icon {
right: 0;
		margin-bottom: 15px;
		position: relative
	}
	.why-we-img-2 {
		text-align: center;
		margin-top: 30px
	}
	.uni-banner-text-area {
		padding-bottom: 80px
	}
	.uni-banner-text-area h1 {
		font-size: 60px
	}
	.contact-card {
		padding: 30px 10px 30px 90px
	}
	.contact-card i {
		left: 20px
	}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
	.header-area {
		max-width: 1150px
	}
	.why-we-img-area .why-we-bg-img img {
		-webkit-transform: scale(2);
		transform: scale(2)
	}
	.blog-card .blog-text-area .blog-date ul li {
		font-size: 13px;
		margin-right: 8px
	}
	.blog-card .blog-text-area .blog-date ul li::after {
		right: -9px
	}
	.header-area-2 {
		max-width: 100%
	}
	.banner-text-area-2 h1 {
		font-size: 60px
	}
	.banner-text-area-3 {
		max-width: 650px
	}
	.banner-text-area-3 h1 {
		font-size: 50px
	}
	.feature-card-3 {
padding: 30px 100px 25px 20px
	}
	.feature-card-3 .feature-3-icon {
right: 20px
	}
}
@media only screen and (min-width:1550px) {
	.why-we-img-area .why-we-bg-img img {
		-webkit-transform: scale(3);
		transform: scale(3)
	}
	.banner-text-area-3 {
		max-width: 800px
	}
}


/*Begin Header Bar*/
@media only screen and (max-width:767px) {
	.banner-text-area {
		text-align: center;
	}
	
	.banner-text-area div {
		text-align: center;
		float: none !important;
	}

		.banner-text-area h2 {
			font-size: 20px;
		}
}
/*End Header Bar*/

/*Begin Baners*/
@media only screen and (max-width:767px){
	.baner-hide {
		display: none
	}

	.baners-area .cart-Show {
		margin: 50px 0px 0px 0px;
	}

	.baners-area .banner-image img {
		max-width: 50%;
	}

	.download-img-area {
		display: none;
	}

	.banner-text-area {
		background: var(--mainShadow);
		border-radius: 0 0 100px 100px;
	}

		.banner-text-area .row {
			padding-bottom: 0px;
		}

		.banner-text-area .banner-btn {
			box-shadow: 1px 1px var(--secondShadow);
		}

}
@media only screen and (max-width:767px), only screen and (max-width:991px) {

	.baners-area .cart-Show {
		padding: 36px 0 36px 5px;
	}

	.support-btn-area {
	}
}
/*End Baners*/

/*Begin Youtubers Panel*/
@media only screen and (max-width:992px) {
	.second-row {
		display: none;
	}
}
/*End Youtubers Panel*/
@media only screen and (max-width:1199px) {
	.more-nav-item {
		display: none;
	}
}