@media only screen and (max-width:767px) {
	.deafult-btn1 {
		padding-left: 24px;
		padding-right: 22px;
		padding-top: 14px;
		display: inline-block;
		padding-bottom: 14px;
		font-size: 14px
	}

	.choose-area2 {
		padding-top: 65px !important
	}

	.choose-area4 {
		padding-top: 60px !important
	}

	img {
	/*	height: auto !important*/
	}



.text_lg_resp {
    margin-top: 21px !important;
}
	.service-area-bg .owl-nav [class*=owl-] i {
		color: #fff;
		font-size: 16px;
		transition: all .5s
	}

	.hero-slider .owl-nav .owl-prev {
		position: absolute;
		left: 10px !important
	}

	.hero-slider .owl-nav .owl-next {
		position: relative;
		right: -10px !important
	}

	.pb-70 {
		padding-bottom: 40px
	}

	.pt-100 {
		padding-top: 60px
	}

	.ptb-100 {
		padding-top: 40px;
	
	}

	.inner-footer {
		margin-top: 0;
		padding-top: 25px
	}

	.pb-100 {
		padding-bottom: 60px
	}

	.ptb-200 {
		padding-top: 60px;
		padding-bottom: 61px
	}

	.container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		max-width: 540px
	}

	.about-area .home3-3 {
		display: none
	}

	.hero-slider .owl-nav {
		transform: translateY(-136px);
		margin-top: 20px !important;
		margin-bottom: 0;
		position: absolute;
		left: 0
	}

	.hero-slider .owl-nav [class*=owl-] i {
		color: #fff;
		font-size: 20px;
		transition: all .5s
	}

	.hero-slider .owl-nav .owl-prev {
		position: relative
	}

	.hero-slider .owl-nav .owl-next {
		position: relative
	}

	.section-title {
		margin-bottom: 30px !important
	}

	.section-title span {
		font-size: 14px;
		margin-bottom: 8px
	}

	.section-title h3 {
		font-size: 26px;
		line-height: 32px;
		max-width: 100%;
		margin: auto
	}

	.single-section span {
		font-size: 14px;
		margin-bottom: 12px
	}

	.single-section h3 {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 15px
	}

	.owl-dots {
		display: none
	}

	.owl-theme .owl-nav {
		margin-top: 5px
	}

	.owl-nav {
		position: relative;
		top: auto;
		left: auto;
		transform: unset;
		right: auto
	}

	.owl-nav [class*=owl-] {
		height: 35px;
		width: 35px;
		line-height: 40px !important
	}

	.owl-nav [class*=owl-] i {
		font-size: 16px
	}

	.owl-nav .owl-prev {
		position: relative;
		left: 0
	}

	.owl-nav .owl-next {
		position: relative;
		right: 0
	}



	.section-title2 {
		margin-bottom: 12px !important
	}

	.section-title2 ul {
		margin-bottom: 2px
	}

	.section-title2 ul .content {
		padding-left: 12px;
		padding-right: 12px;
		position: relative;
		top: -5px;
		font-size: 14px
	}

	.section-title2 h3 {
		font-size: 21px;
		line-height: 30px
	}

	.single-section2 h3 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 10px
	}

	.single-section2 .title2 li:last-child {
		margin-right: 0;
		position: relative;
		left: 10px;
		top: -3px;
		font-size: 14px
	}

	.second-shape {
		display: none
	}

	.section-title3 {
		margin-bottom: 25px !important
	}

	.section-title3 h3 {
		font-size: 24px;
		line-height: 32px
	}

	.section-title3 span {
		font-size: 15px;
		margin-bottom: 6px
	}

	.single-section3 span {
		font-size: 14px;
		margin-bottom: 10px
	}

	.single-section3 h3 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 12px
	}

	.service-area .section-title {
		margin-bottom: 0 !important
	}

	div#offcanvasTop2 {
		padding: 0
	}

	.others-options2 .option-item .search-overlay.search-popup {
		position: absolute;
		top: 100%;
		right: 0;
		left: -70px;
		width: 290px;
		margin-top: 37px;
		background-color: #fff;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 16px;
		padding-bottom: 20px;
		z-index: 2
	}

	.others-options2 .option-item .search-btn {
		cursor: pointer;
		transition: all ease .5s;
		color: #fff;
		font-size: 30px;
		margin-left: 5px;
		margin-right: 5px;
		position: relative;
		top: -7px
	}

	.login-register-area {
		padding: 15px;
		box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
		margin-bottom: 60px;
		margin-top: 60px
	}

	.hero-area {
		padding-bottom: 70px;
		padding-top: 190px
	}

	.hero-area .hero-shape {
		display: none
	}

	.hero-area .hero-image {
		text-align: center
	}

	.hero-area .hero-image .car-man {
		position: relative;
		bottom: 0;
		right: auto;
		text-align: center;
		z-index: -1;
		margin-bottom: 30px
	}

	.hero-content {
		max-width: 100%;
		margin-bottom: 40px
	}

	.hero-content span {
		font-size: 14px;
		margin-bottom: 12px;
		margin-top: 20px;
	}

	.hero-content h1 {
		font-weight: 900;
		font-size: 25px !important;
		line-height: 40px !important;
		text-transform: capitalize;
		color: #fff;
		margin-bottom: 15px
	}

	.hero-content p {
		font-size: 14px;
		line-height: 28px;
		margin-bottom: 25px
	}

	.hero-search-box {
		max-width: 100%;
		padding-top: 25px;
		padding-left: 25px;
		padding-bottom: 30px;
		padding-right: 25px;
		border-radius: 5px;
		display: block !important
	}

	.hero-search-box li {
		list-style-type: none;
		display: inline-block;
		border-right: none;
		margin-bottom: 20px
	}

	.hero-search-box li:last-child {
		margin-bottom: 0
	}

	.hero-search-box li label {
		font-size: 12px;
		padding-left: 18px;
		padding-bottom: 5px
	}

	.hero-search-box li label i {
		top: 1px
	}

	.hero-search-box li .form-control {
		font-size: 14px;
		width: 100%
	}

	.hero-search-box li select {
		font-size: 16px;
		padding: 0
	}

	.hero-search-box .last-box {
		border-right: transparent;
		width: 100%
	}

	.hero-search-box .last-box .deafult-btn1 {
		padding-left: 38px;
		padding-right: 38px;
		padding-top: 15px;
		padding-bottom: 14px;
		width: 100%
	}

	.desktop-nav .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		max-width: 540px
	}

	.hero-area .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		max-width: 540px
	}

	.features-inner {
		box-shadow: unset;
		border-radius: 0;
		margin-bottom: 0;
		padding: 0 15px 15px;
		margin-bottom: 30px
	}

	.col-lg-4:last-child .features-card {
		border-right: solid 1px #eee
	}

	.features-card {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
		padding-bottom: 25px;
		margin-bottom: 0;
	/*	border-bottom: none !important;*/
	border: solid 1px #e1e0e0;
	}

	.features-card .fc-icon {
		height: 90px;
		width: 90px;
		line-height: 88px;
		margin-bottom: 8px !important
	}

	.features-card .fc-icon span {
		height: 65px;
		width: 65px;
		line-height: 65px
	}

	.features-card h5 {
		font-size: 18px;
		margin-bottom: 10px
	}

	.features-card p {
		font-size: 14px;
		line-height: 26px
	}

	.single-funfacts-box {
		padding-bottom: 25px;
		padding-top: 25px;
		padding-right: 0;
		padding-left: 0;
		border-radius: 5px;
		margin-bottom: 20px
	}

	.single-funfacts-box h3 {
		font-size: 24px;
		margin-bottom: 3px
	}

	.single-funfacts-box .content {
		top: 2px
	}

	.single-funfacts-box p {
		font-size: 14px;
		margin-bottom: 0
	}

	.col-lg-4:last-child .features-card {
		border-bottom: solid 1px #eee !important
	}

	.about-image {
		margin-right: 0;
		margin-bottom: 30px
	}

	.about-image .about-shape {
		display: none
	}

	.about-content {
		margin-left: 0
	}

	.about-content p {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 15px
	}

	.about-content ul {
		margin-bottom: 23px
	}

	.about-content ul li {
		padding-left: 25px;
		font-size: 14px;
		margin-bottom: 12px
	}

	.about-content ul li img {
		top: 4px;
		height: 15px
	}

	.about-content .about-booking h5 {
		font-size: 16px;
		margin-top: 15px;
		margin-bottom: 0;
		margin-left: 0
	}

	.service-card {
		padding: 20px;
		margin-top: 25px;
		margin-bottom: 20px;
		margin-left: 0;
		margin-right: 0;
		border-radius: 5px
	}

	.service-card .service-image {
		margin-bottom: 20px
	}

	.service-card .service-content h5 {
		font-size: 18px;
		margin-bottom: 10px
	}

	.service-card .service-content p {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 10px
	}

	.service-card .read {
		font-size: 14px
	}

	.before-after-area .before-shape {
		top: 12px;
		width: 105px
	}

	.before-after-area .after-shape {
		top: 12px;
		width: 86px
	}

	.video-inner {
		margin-bottom: 60px
	}

	.video-inner .video-icon {
		transform: translateY(-11px)
	}

	.video-inner .video-icon::before {
		height: 40px;
		width: 40px
	}

	.video-inner .video-icon::after {
		height: 45px;
		width: 45px
	}

	.video-inner i {
		color: #fff;
		font-size: 16px
	}

	.pricing-area {
		position: relative;
		bottom: 0;
		margin-top: 0;
		padding-bottom: 0
	}

	.pricing-card {
		background: #fff;
		box-shadow: 0 0 30px 4px rgba(0, 0, 0, .07);
		border-radius: 15px;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 20px
	}

	.pricing-card h3 {
		font-size: 22px;
		margin-bottom: 8px
	}

	.pricing-card h6 {
		font-size: 18px;
		margin-bottom: 20px
	}

	.pricing-card .pricing-list {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
		border-radius: 10px
	}

	.pricing-card .pricing-list ul li {
		left: 20px;
		margin-bottom: 8px
	}

	.pricing-card .pricing-list ul li p {
		font-size: 14px;
		margin-bottom: 0
	}

	.choose-content {
		margin-bottom: 30px
	}

	.choose-content p {
		font-size: 14px;
		line-height: 26px
	}

	.choose-content ul li {
		padding-left: 30px;
		margin-bottom: 15px
	}

	.choose-content ul li h6 {
		font-size: 16px;
		margin-bottom: 8px
	}

	.choose-content ul li img {
		top: 1px
	}

	.choose-content ul li p {
		font-size: 13px;
		line-height: 24px;
		margin-bottom: 0
	}

	.footer-area-style2 {
		margin-top: 10px !important;
		padding-top: 205px !important
	}

	.newsletter-inner {
		padding-left: 15px;
		padding-right: 15px
	}

	.newsletter-inner .newletter-content span {
		font-size: 14px;
		margin-bottom: 10px
	}

	.newsletter-inner .newletter-content h3 {
		font-size: 26px;
		line-height: 35px;
		margin-bottom: 25px
	}

	.newsletter-inner .newsletter-form {
		text-align: center
	}

	.newsletter-inner .newsletter-form .deafult-btn2 {
		position: unset;
		right: auto;
		top: auto;
		transform: unset;
		padding-left: 28px;
		padding-right: 28px;
		padding-bottom: 15px;
		padding-top: 15px;
		font-size: 14px
	}

	.newsletter-inner .newsletter-form .form-control {
		height: 50px;
		font-size: 13px;
		margin-bottom: 25px;
		padding-left: 15px
	}

	.testimonials-area {
		padding-top: 50px;
		padding-bottom: 40px
	}

	.testimonial-card {
		display: block !important;
		padding-top: 30px;
		padding-bottom: 5px;
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 30px
	}

	.testimonial-card .test-image {
		margin-bottom: 20px
	}

	.testimonial-card .test-content {
		margin-bottom: 20px;
		text-align: start;
		margin-left: 0
	}

	.testimonial-card .test-content p {
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 12px
	}

	.testimonial-card .test-content h6 {
		font-size: 18px;
		margin-bottom: 2px
	}

	.testimonial-card .test-content .testimonials-self .self-content span {
		font-size: 14px
	}

	.testimonial-card .test-content .testimonials-self i {
		font-size: 42px
	}

	.blog-card {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 0;
		margin-right: 0
	}

	.blog-card .blog-image {
		margin-bottom: 20px
	}

	.blog-card ul {
		margin-bottom: 12px
	}

	.blog-card ul li {
		padding-left: 20px;
		margin-right: 22px;
		font-size: 13px
	}

	.blog-card ul li i {
		top: 1px;
		font-size: 13px
	}

	.blog-card h5 {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 12px
	}

	.blog-card p {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 12px
	}

	.blog-card .read {
		font-size: 14px
	}

	.blog-area .section-title {
		margin-bottom: 10px !important
	}

	.footer-area {
		margin-top: 38px;
		padding-top: 40px
	}

	.footer-area .ptb-100 {
		padding-bottom: 45px
	}

	.footer-widget img {
		margin-bottom: 25px
	}

	.footer-widget p {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 18px
	}

	.footer-widget .social-link {
		margin-bottom: 30px
	}

	.footer-widget .social-link li a {
		color: #fff;
		width: 40px;
		height: 40px;
		line-height: 42px;
		border-radius: 4px;
	padding-top: 12px;
    padding-left: 12px;
	}

	.footer-widget .social-link li a i {
		font-size: 16px
	}

	.footer-widget h4 {
		font-size: 18px;
		margin-bottom: 15px
	}

	.footer-widget .links {
		margin-bottom: 30px
	}

	.footer-widget .links li {
		padding-left: 27px;
		margin-bottom: 10px;
		font-size: 14px
	}

	.footer-widget .links li a {
		font-family: poppins;
		font-weight: 400;
		font-size: 14px;
		color: #ccc
	}

	.footer-widget .links li img {
		top: 7px;
		height: 8px
	}

	.footer-widget .contact li {
		padding-left: 25px;
		font-size: 14px;
		margin-bottom: 12px
	}

	.footer-widget .contact li a {
		font-size: 14px
	}

	.footer-inner p {
		font-size: 14px;
		margin-bottom: 15px
	}

	.footer-inner .inner-link {
		text-align: left
	}

	.footer-inner .inner-link li {
		padding-right: 20px;
		font-size: 12px
	}

	.footer-inner .inner-link li:last-child {
		padding-right: 0
	}

	.footer-inner .inner-link li a {
		font-size: 12px
	}

	.navbar-area-style2 {
		bottom: -135px;
		margin-top: -145px
	}

	.navbar-area-style2::before {
		width: 38.8%
	}

	.hero-area2 {
		padding-top: 200px;
		padding-bottom: 150px
	}

	.item h1 {
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 12px
	}

	.item p {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 20px
	}

	.item ul {
		margin-bottom: 12px
	}

	.item ul li {
		font-size: 15px
	}

	.video-inner .video-icon {
		top: 30%;
		left: 38%;
		transform: translateY(0px)
	}

	.video-inner .video-icon a {
		height: 50px;
		width: 48px;
		line-height: 70px
	}

	br {
		display: none
	}

	.features-card2 {
		margin-top: 0;
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 30px;
		border-bottom: solid 1px #ddd !important
	}

	.features-card2 .fc-icon2 {
		top: 0;
		right: 0;
		margin: unset
	}

	.about-inner .about-image .about-shape1 {
		display: none
	}

	.list2-3 {
		margin-bottom: 10px !important
	}

	.about-list {
		margin-bottom: 20px
	}

	.talk-area::before {
		width: 0%
	}

	.talk-area .service-area {
		bottom: -250px;
		margin-top: -250px;
		margin-bottom: 250px
	}

	.talk-area .service-area::before {
		content: "";
		width: 100%
	}

	.service-card2 {
		margin-top: 0 !important
	}

	.service-card2 .service-content {
		padding: 0
	}

	.waching-area:before {
		width: 0%
	}

	.waching-area .pricing-area:before {
		width: 100%
	}

	.waching-area .video-inner .video-icon {
		display: none
	}

	.clients-user {
		display: none
	}

	.clients-content {
		margin-bottom: 0
	}

	.clients-content .frist-icon i {
		font-size: 42px;
		line-height: 0;
		margin-bottom: 0
	}

	.clients-content p {
		font-size: 15px;
		line-height: 27px;
		margin-bottom: 20px
	}

	.clients-content span {
		font-size: 15px
	}

	.clients-content h6 {
		font-size: 18px;
		margin-bottom: 5px
	}

	.blog-card2 {
		margin-top: 10px !important
	}

	.blog-card2 .blog-content {
		padding: 0
	}

	.choose-area3 .choose3-shape {
		display: none
	}

	.hero3-area {
		padding-top: 240px;
		padding-bottom: 0
	}

	.hero3-area .hero-content {
		margin-bottom: 60px
	}

	.hero3-area .hero-icon {
		top: 15px
	}

	.features-card3 {
		padding: 20px
	}

	.features-card3 h5 {
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 14px
	}

	.features-card3 p {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 5px
	}

	.about-area3 {
		margin-bottom: 0
	}

	.single-funfacts-box3 {
		margin-bottom: 0 !important
	}

	.newsletter-inner3 span {
		font-size: 15px;
		margin-bottom: 8px
	}

	.newsletter-inner3 .news-man {
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 30px
	}

	.newsletter-inner3 h3 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 25px
	}

	.clients-area3 {
		padding-top: 85px;
		padding-bottom: 95px;
		padding-left: 45px;
		top: 0;
		margin-bottom: 0
	}

	.pricing-area3 {
		padding-bottom: 40px
	}

	.pricing-area3 .pricing-shape9 {
		display: none
	}

	.clients-area3 {
		padding-top: 60px;
		padding-bottom: 60px;
		padding-left: 0;
		top: 0;
		margin-bottom: 0
	}

	.clients-content3 {
		padding-right: 0
	}

	.about-list {
		display: block !important
	}

	.video-area3 .video-inner .video-icon {
		display: none
	}

	.blog-area3 .section-title {
		margin-bottom: 30px !important
	}

	.blog-area3 .blog-card2 {
		margin-top: -20px !important
	}

	.footer-area3 {
		margin-top: 46px;
		padding-top: 25px
	}

	.footer-area3::after {
		top: -47px !important
	}

	.inner-banner-area {
		padding-top: 6px;
		padding-bottom: 6px
	}

	.inner-banner-area .inner-banner-contrnt {
		max-width: unset;
		margin: 0 15px;
		margin-bottom: 30px !important
	}

	.inner-banner-area .inner-image-area {
		text-align: right;
		margin-bottom: -102px
	}

	.inner-banner-area h2 {
		font-size: 24px
	}

	.inner-banner-area ul li {
		font-size: 14px;
		padding-right: 20px
	}

	.inner-banner-area ul li:last-child {
		padding-right: 0
	}

	.about-booking {
		display: block !important
	}

	.video-area4 {
		position: relative;
		bottom: 0;
		margin-top: 0;
		z-index: 1
	}

	.testimonials-area4 {
		padding-top: 60px
	}

	.inner-help-area {
		padding: 60px 15px
	}

	.help-content span {
		font-size: 15px;
		margin-bottom: 10px
	}

	.help-content h3 {
		font-size: 22px;
		margin-bottom: 15px
	}

	.help-content p {
		font-size: 15px;
		margin-bottom: 20px
	}

	.help-button {
		text-align: start
	}

	.work-list ul li {
		padding-left: 65px;
		margin-bottom: 20px
	}

	.work-list ul li .work-icon {
		width: 50px;
		height: 50px;
		line-height: 53px
	}

	.work-list ul li .work-icon i {
		font-size: 25px
	}

	.work-list ul li h5 {
		font-size: 18px;
		margin-bottom: 5px
	}

	.work-list ul li p {
		font-size: 14px;
		line-height: 24px
	}

	.work-image {
		margin-bottom: 30px;
		margin-top: 30px
	}

	.subscribe-area {
		padding-bottom: 100px
	}

	.subscribe-area .newsletter-form2::before {
		bottom: 50px;
		left: 20px;
		height: 1px;
		width: 90%
	}

	.subscribe-area .newsletter-form2 .deafult-btn1 {
		position: relative;
		right: 0;
		top: 30px;
		width: 100%
	}

	.inner-footer {
		margin-top: 0 !important
	}

	.inner-footer::after {
		position: absolute;
		content: "";
		top: -48px;
		left: 0;
		width: 256px;
		height: 48px;
		background-color: transparent !important
	}

	.before-after-gallery-area .before-image {
		width: 115px
	}

	.before-after-gallery-area .after-image {
		width: 115px
	}

	.single-btn {
		margin-top: 20px
	}

	.result-pagination .pagination .page-item .page-link {
		height: 45px;
		width: 45px;
		line-height: 33px;
		font-size: 15px
	}

	.result-pagination .pagination .page-item .page-link span i {
		font-size: 20px
	}

	.details-widget .d-content {
		margin-bottom: 25px
	}

	.details-widget .d-content h4 {
		font-size: 24px;
		margin-bottom: 10px
	}

	.details-widget .d-content p {
		font-size: 14px;
		line-height: 27px;
		margin-bottom: 8px
	}

	.details-widget .d-wash {
		margin-bottom: 25px
	}

	.details-widget .d-wash h5 {
		font-size: 22px;
		margin-bottom: 12px
	}

	.details-widget .d-wash p {
		font-size: 14px;
		line-height: 27px;
		margin-bottom: 0
	}

	.details-widget .d-offer h5 {
		font-size: 20px;
		margin-bottom: 12px
	}

	.details-widget .d-offer p {
		line-height: 27px;
		font-size: 14px;
		margin-bottom: 20px
	}

	.details-widget .d-offer ul {
		margin-bottom: 18px
	}

	.details-widget .d-offer ul li {
		padding-left: 70px
	}

	.details-widget .d-offer ul li .work-icon {
		width: 50px;
		height: 50px;
		line-height: 50px
	}

	.details-widget .d-offer ul li .work-icon i {
		font-size: 20px
	}

	.details-widget .d-offer ul li h5 {
		font-size: 16px;
		margin-bottom: 5px
	}

	.details-widget .d-offer ul li p {
		font-size: 14px;
		line-height: 27px;
		margin-bottom: 0
	}

	.details-widget .d-offer .d-list2 {
		margin-bottom: 0 !important
	}

	.details-widget .d-div .div-list {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 25px;
		padding-bottom: 25px
	}

	.details-widget .d-div .div-list h5 {
		font-size: 20px;
		margin-bottom: 8px
	}

	.details-widget .d-div .div-list p {
		font-size: 14px;
		line-height: 27px;
		margin-bottom: 12px
	}

	.details-widget .d-div .div-list ul li {
		padding-left: 23px;
		margin-bottom: 15px;
		font-size: 14px
	}

	.details-widget .d-div .div-list ul li i {
		font-size: 13px;
		top: 5px
	}

	.details-small-widget .search-box2 {
		padding: 15px;
		margin-bottom: 30px
	}

	.details-small-widget .search-box2 .form-control {
		height: 50px;
		padding-left: 15px
	}

	.details-small-widget .search-box2 button {
		padding: 12px 18px;
		position: absolute;
		right: 18px;
		border: none;
		top: 16px
	}

	.details-small-widget .search-box2 button i {
		font-size: 17px;
		color: #fff
	}

	.details-small-widget .all-box {
		padding: 20px;
		margin-bottom: 30px
	}

	.details-small-widget .all-box span {
		font-size: 18px;
		padding-left: 25px;
		margin-bottom: 20px
	}

	.details-small-widget .all-box span i {
		top: -1px;
		font-size: 28px
	}

	.details-small-widget .all-box .all-service li {
		padding: 14px;
		font-size: 14px
	}

	.details-small-widget .all-box .all-service li i {
		top: 18px
	}

	.details-small-widget .all-box .form-control {
		height: 50px;
		margin-bottom: 15px;
		font-size: 14px;
		padding-left: 15px
	}

	.details-small-widget .all-box textarea#exampleFormControlTextarea1 {
		height: 100px;
		margin-bottom: 20px;
		padding-left: 15px;
		padding-top: 15px;
		font-size: 14px
	}

	.details-small-widget .all-box .rp-post-item .rp-post-info span {
		font-size: 14px
	}

	.details-small-widget .all-box .tags a {
		padding: 7px;
		margin: 4px;
		font-size: 13px
	}

	.details-small-widget .premium-box {
		padding-bottom: 120px
	}

	.details-small-widget .premium-box h4 {
		font-size: 22px;
		margin-bottom: 3px
	}

	.details-small-widget .premium-box span {
		font-size: 25px;
		margin-bottom: 20px
	}

	.inner-testimonial {
		padding-top: 60px !important
	}

	.inner-pricing {
		padding-bottom: 40px !important
	}

	.qn-content p {
		font-size: 14px;
		line-height: 27px
	}

	.qn-content .q-contact {
		margin-bottom: 15px
	}

	.qn-content .q-contact li {
		padding-left: 25px;
		font-size: 14px
	}

	.qn-content .q-contact li i {
		top: 0;
		font-size: 16px
	}

	.qn-input .form-control {
		margin-bottom: 16px;
		padding: 10px;
		padding-left: 15px !important;
		font-size: 14px
	}

	.mtc-card {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
		background: #fff;
		box-shadow: 0 0 30px 4px rgba(0, 0, 0, .05);
		border-radius: 15px;
		margin-bottom: 30px
	}

	.mtc-card .mtc-image {
		margin-bottom: 20px
	}

	.mtc-card h5 {
		font-size: 18px
	}

	.mtc-card p {
		font-size: 14px
	}

	.mtc-card .mtcs-link li a {
		width: 45px;
		height: 45px;
		line-height: 45px
	}

	.mtc-card .mtcs-link li a i {
		font-size: 16px
	}

	.accordion-area button.accordion-button {
		font-size: 14px;
		padding: 18px 30px 18px 15px
	}

	.accordion-area button.accordion-button::before {
		right: 16px
	}

	.accordion-area button.accordion-button .fast-spaan {
		color: #f37101;
		margin-right: 7px;
		position: relative;
		top: -10px
	}

	.accordion-area button.accordion-button.collapsed {
		font-size: 14px;
		padding: 18px 30px 18px 15px
	}

	.accordion-area button.accordion-button.collapsed::before {
		right: 16px
	}

	.accordion-area button.accordion-button.collapsed .fast-spaan {
		color: #f37101;
		margin-right: 7px;
		position: relative;
		top: -10px
	}

	.accordion-area .accordion-body {
		padding: 10px 15px;
		padding-top: 20px;
		border: solid 1px #eee
	}

	.accordion-area .accordion-body p {
		font-size: 14px;
		line-height: 27px
	}

	.inner-testimonial-area .test-image {
		margin-bottom: 30px
	}

	.coments-area h4 {
		font-size: 20px
	}

	.leave-coment h3 {
		font-size: 22px;
		margin-bottom: 20px
	}

	.d-link ul li:before {
		height: 54px
	}

	.coming-soon-area .d-table {
		width: 100%;
		height: 100%
	}

	.coming-soon-area .d-table .d-table-cell {
		vertical-align: middle
	}

	.coming-soon-area .coming-soon-content {
		padding: 30px 15px
	}

	.coming-soon-area .coming-soon-content h2 {
		font-size: 25px
	}

	.coming-soon-area .coming-soon-content p {
		font-size: 14px;
		line-height: 27px
	}

	.coming-soon-area .coming-soon-content #timer {
		margin-top: 40px
	}

	.coming-soon-area .coming-soon-content #timer div {
		width: 80px;
		height: 80px;
		border-radius: 5px;
		font-size: 25px;
		font-weight: 800;
		margin: 10px
	}

	.coming-soon-area .coming-soon-content #timer div span {
		font-size: 16px;
		display: block;
		margin-top: 0
	}

	.coming-soon-area .form-group .label-title i {
		top: 13px;
		font-size: 22px
	}

	.privacy-policy-wrap .title {
		margin-bottom: 25px
	}

	.privacy-policy-wrap .title h2 {
		font-size: 25px;
		margin-bottom: 10px
	}

	.privacy-policy-wrap .title p {
		font-size: 14px;
		line-height: 27px
	}

	.privacy-policy-wrap .privacy-content h3 {
		margin-bottom: 13px;
		font-size: 18px;
		line-height: 1.5
	}

	.privacy-policy-wrap .privacy-content p {
		font-size: 14px;
		line-height: 27px
	}

	.privacy-policy-wrap .privacy-content li {
		font-size: 14px;
		line-height: 27px
	}

	.privacy-policy-wrap .privacy-content li i {
		top: 5px;
		font-size: 16px
	}

	.terms-conditions .title h2 {
		font-size: 25px;
		font-weight: 900
	}

	.terms-conditions .conditions-content h3 {
		margin-bottom: 12px;
		line-height: 1.5;
		font-size: 18px
	}

	.terms-conditions .conditions-content p {
		font-size: 14px;
		line-height: 27px
	}

	.terms-conditions .conditions-content li {
		font-size: 14px;
		line-height: 27px
	}

	.terms-conditions .conditions-content li i {
		top: 5px;
		font-size: 16px
	}

	.error-area .error-content-wrap h1 {
		font-size: 90px;
		line-height: 1;
		font-weight: 700;
		color: #f37101;
		margin-top: 0
	}

	.shop-heading {
		margin-bottom: 30px
	}

	.shop-heading .show {
		margin-bottom: 20px
	}

	.shop-heading .show p {
		font-size: 14px
	}

	.shop-heading .languages-switcher2 {
		text-align: start
	}

	.shop-heading .languages-switcher2 select {
		font-size: 14px
	}

	.shop-details-area .details-image {
		margin-bottom: 30px;
		margin-right: 0
	}

	.shop-details-area .mini-image {
		margin-right: 0;
		text-align: center;
		margin-bottom: 20px
	}

	.sd-content {
		margin-left: 0
	}

	.sd-content h3 {
		font-size: 22px;
		margin-bottom: 12px
	}

	.sd-content span {
		font-size: 15px;
		margin-bottom: 12px
	}

	.sd-content .d-star li {
		font-size: 14px;
		padding-right: 4px
	}

	.sd-content .sd-paragraph {
		padding-top: 15px;
		margin-bottom: 15px
	}

	.sd-content .sd-paragraph p {
		font-size: 14px;
		line-height: 27px;
		margin-bottom: 12px
	}

	.sd-content h5 {
		font-weight: 600;
		font-size: 16px;
		color: #19191b;
		margin-bottom: 10px
	}

	.sd-content p {
		font-size: 14px;
		margin-bottom: 12px
	}

	.sd-content .dd-f {
		margin-top: 30px;
		margin-bottom: 30px;
		display: block !important
	}

	.sd-content .dd-f .input-counter {
		width: 180px;
		margin-bottom: 20px
	}

	.benifit-content .nav-link {
		padding: 10px 5px;
		font-size: 15px;
		margin: 10px
	}

	.description-content p {
		font-size: 14px;
		line-height: 27px
	}

	.section-heading h4 {
		margin-bottom: 25px;
		font-size: 22px
	}

	.d-link ul li {
		padding-top: 16px;
		padding-left: 22px;
		padding-right: 0%;
		font-size: 14px
	}

	.d-link ul li::before {
		left: 75px
	}

	.d-link ul li span {
		position: absolute;
		left: 34%;
		font-size: 14px
	}

	.billing-link {
		margin-bottom: 20px;
		padding: 10px 0;
		height: auto;
		line-height: unset
	}

	.billing-link p {
		padding-left: 20px;
		font-size: 14px;
		line-height: 27px
	}

	.cart-totals {
		margin-left: 0
	}

	.billing-from form {
		padding: 30px 15px
	}

	.billing-from .form-check label.form-check-label {
		font-size: 14px
	}

	.billing-from .t-label {
		font-size: 15px;
		margin-top: 15px;
		margin-bottom: 12px
	}

	.leave-coment .form-control {
		height: 50px;
		padding-left: 15px;
		font-size: 14px
	}

	.leave-coment textarea#exampleFormControlTextarea1 {
		height: 120px;
		padding-left: 15px;
		padding-top: 15px;
		font-size: 14px
	}

	.order-widget {
		margin-left: 0;
		margin-top: 30px;
		padding: 35px 20px
	}

	.order-widget ul li {
		margin-bottom: 15px;
		padding-bottom: 15px;
		font-size: 14px
	}

	.order-widget ul li h5 {
		font-size: 18px;
		margin-bottom: 0
	}

	.order-widget ul li h6 {
		font-size: 14px
	}

	.order-widget ul li .frist {
		font-size: 14px
	}

	.order-widget ul li .last {
		font-size: 16px
	}

	.bank-transfer .accordion-item .accordion-body {
		padding: 5px 0 8px 5px
	}

	.cart-controller {
		padding: 30px 0
	}

	.cart-controller .table-bordered>:not(caption)>* {
		display: revert;
		align-items: center;
		border-width: 1px 0;
		border-top: none;
		border-color: #eee;
		justify-content: space-evenly
	}

	.cart-controller th.product {
		position: relative;
		left: -4px
	}

	.cart-controller th.product2 {
		position: relative;
		left: 0
	}

	.cart-controller th.product3 {
		position: relative;
		left: -7px
	}

	.cart-controller th.quantity {
		position: relative;
		left: -4px
	}

	.cart-controller th.product4 {
		position: relative;
		left: -6px
	}

	.cart-controller .input-counter {
		width: 170px
	}

	.cart-controller .shop-name a {
		font-size: 16px;
		display: block;
		width: 200px
	}

	.cart-controller .coupon-cart .form-group.mb-0 .deafult-btn1 {
		position: relative;
		top: 23px
	}

	.cart-controller .coupon-cart {
		margin-left: 15px;
		margin-right: 15px
	}

	.cart-controller .cart-button {
		margin-top: 40px;
		text-align: left !important
	}

	.your-order {
		display: none
	}

	.inner-cart {
		padding: 20px;
		background: #f6f6f6;
		border-radius: 5px
	}

	.inner-blog-area .blog-card {
		margin-top: 0 !important;
		margin-left: 0 !important;
		margin-right: 0;
		margin-bottom: 30px
	}

	.inner-blog-area .blog-card a h3 {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 10px
	}

	.hero-area2 .container-fluid {
		max-width: 540px;
		margin: auto;
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem)
	}

	.blog-idget {
		margin-top: 40px
	}

	.matthew-area {
		padding: 25px 15px
	}

	.matthew-area img.right-quote {
		display: none
	}

	.inner-blog-card {
		margin-right: 0 !important
	}

	.inner-blog-card h2 {
		font-size: 18px;
		line-height: 30px
	}

	.best-work h4 {
		font-size: 18px;
		margin-bottom: 12px
	}

	.ta-sh .tags-list li a {
		font-size: 14px;
		border-radius: 5px;
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		padding-right: 7px
	}

	.ta-sh .mtcs-link li a {
		width: 40px;
		height: 40px;
		line-height: 47px
	}

	.ta-sh .mtcs-link li a i {
		font-size: 16px
	}

	.coments-area {
		padding: 35px 15px
	}

	.coments-area .clint-s-reply {
		display: block !important;
		text-align: center
	}

	.coments-area .c-image {
		text-align: center;
		margin-bottom: 20px
	}

	.coments-area .cs-content {
		margin-left: 0
	}

	.coments-area .cs-content .cs-self-reply {
		display: block !important
	}

	.coments-area .cs-content .cs-self-reply .cs-self {
		margin-bottom: 15px
	}

	.coments-area .cs-content p {
		font-size: 14px;
		line-height: 27px
	}

	.leave-coment {
		padding: 30px 15px
	}

	.single-section2 {
		display: block !important
	}

	.about-inner .about-image .about-image2 {
		margin-left: 0
	}

	.pricing-area3 .choose3-shape2 {
		top: 15%;
		left: 5%;
		display: none;
		position: absolute;
		z-index: -1
	}

	.features-area .customer {
		position: absolute;
		top: 78px;
		display: none;
		left: 27%;
		z-index: -1
	}

	.newsletter-inner3 {
		position: relative;
		padding-top: 49px;
		padding-bottom: 68px;
		border-radius: unset;
		margin-top: 15px
	}

	.service-area-bg .home-3-service {
		display: none
	}

	.footer-area:after {
		position: absolute;
		content: "";
		top: -40px;
		left: 0;
		width: 256px;
		height: 48px;
		background-color: #19191b
	}

	.hero-image .hero-man {
		position: absolute;
		right: 62px;
		bottom: -100px;
		z-index: -1
	}

	.before-after-area3 #after-image img {
		height: 210px;
		width: auto
	}

	.before-after-area3 #before-after-slider {
		border-radius: 0;
		margin-bottom: 0
	}

	#resizer {
		z-index: 2
	}

	#resizer span {
		margin: 0 0 0 -23px;
		width: 50px;
		height: 50px
	}

	#resizer::before {
		content: "";
		padding: 6px;
		left: -14px
	}

	#resizer::after {
		content: "";
		padding: 6px;
		right: -14px
	}

	.shop-details-area ul#myTab {
		justify-content: center;
		margin-bottom: 30px
	}

	.benifit-content .nav-tabs {
		justify-content: left
	}

	.benifit-content .nav-tabs .nav-link:focus,
	.benifit-content .nav-tabs .benifit-content .nav-tabs .nav-link:hover {
		color: #495057;
		background-color: #fff;
		border: solid 2px #f6f6f6;
		border-color: #f6f6f6;
		border-bottom: solid #f6f6f6;
		isolation: isolate
	}

	.benifit-content .nav-tabs .nav-item.show .nav-link,
	.benifit-content .benifit-content .nav-tabs .nav-link.active {
		color: #495057;
		background-color: #fff;
		border: solid 2px #f6f6f6;
		border-radius: unset;
		border-color: #f6f6f6;
		border-bottom: solid #f6f6f6
	}

	.benifit-content .form-check {
		display: block;
		min-height: 1.5rem;
		padding-left: 1.5em;
		margin-bottom: 1.125rem
	}

	.details-bottom {
		margin-bottom: 0 !important
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.section-title h3 {
		font-size: 30px
	}



	.choose-area4 {
		padding-top: 60px !important
	}

	.footer-widget-style2 {
		margin-top: -18px
	}

	.footer-area-style2 {
		padding-top: 180px
	}

	.owl-theme .owl-nav {
		margin-top: 30px
	}

	.pricing-area2 {
		padding-bottom: 55px
	}

	.section-title2 {
		margin-bottom: 25px !important
	}

	.details-bottom {
		margin-bottom: 0 !important
	}

	.choose-area2 {
		padding-top: 60px !important
	}

	.blog-card2 {
		margin-bottom: 50px
	}

	.hero-content h1 {
		font-size: 32px
	}

	.hero-content p {
		font-size: 15px
	}

	.hero-search-box li {
		display: block
	}

	.hero-search-box li select {
		width: 471px
	}

	.hero-area .container-fluid {
		max-width: 540px
	}

	.testimonial-card {
		display: flex !important;
		padding-bottom: 20px
	}

	.testimonial-card .test-content {
		text-align: left;
		margin-left: 20px
	}

	.testimonials-self {
		display: flex !important
	}

	.pricing-card .pricing-list ul li p {
		font-size: 13px;
		margin-bottom: 0
	}

	.newsletter-inner .newsletter-form .deafult-btn2 {
		position: absolute;
		right: 1px;
		top: 50%;
		transform: translateY(-50%);
		padding-left: 28px;
		padding-right: 28px;
		padding-bottom: 15px;
		padding-top: 15px;
		font-size: 14px
	}

	.blog-card {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px
	}

	.footer-inner {
		text-align: center
	}

	.footer-inner .inner-link {
		text-align: center;
		margin-top: 10px
	}

	.footer-inner p {
		font-size: 14px;
		margin-bottom: -6px
	}

	.video-inner .video-icon {
		top: 35%;
		left: 42%
	}

	.blog-area .owl-theme .owl-nav {
		margin-top: -23px
	}

	.features-card2 .fc-icon2 {
		top: 0;
		right: 0
	}

	.service-card2 {
		margin-top: 0 !important;
		margin-bottom: 0
	}

	.about-list {
		display: flex !important
	}

	.mtc-card .mtcs-link li a {
		width: 40px;
		height: 40px;
		line-height: 41px
	}

	.accordion-area button.accordion-button.collapsed .fast-spaan {
		color: #f37101;
		margin-right: 7px;
		position: relative;
		top: 0
	}

	.shop-card {
		padding: 15px
	}

	.shop-card .shop-content h5 {
		font-weight: 800;
		font-size: 16px;
		text-transform: capitalize;
		color: #19191b;
		margin-bottom: 10px
	}

	.cart-controller .coupon-cart {
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 30px
	}

	.cart-controller .cart-button {
		margin-top: 7px;
		text-align: end !important
	}

	.inner-footer {
		margin-top: 0;
		padding-top: 55px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.hero-area2 .container-fluid {
		max-width: 720px;
		margin: auto;
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem)
	}

	.choose-area2 {
		padding-top: 220px !important
	}

	.clients-content {
		margin-bottom: 0
	}

	.choose-content {
		margin-right: 0;
		margin-bottom: 30px
	}

	.features-area2 {
		position: relative;
		padding-top: 50px !important
	}

	.navbar-area-style2 {
		bottom: -170px;
		margin-top: -170px
	}

	.hero-slider .owl-nav {
		transform: translateY(-150px)
	}

	.inner-footer {
		margin-top: 0;
		padding-top: 65px
	}

	.ptb-100 {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.pt-100 {
		padding-top: 70px
	}

	.pb-70 {
		padding-bottom: 40px
	}

	.desktop-nav .container-fluid {
		max-width: 720px
	}

	.others-options2 .option-item .search-btn {
		top: -7px
	}

	.navbar-area-style2::before {
		width: 30.8%
	}

	.container-fluid {
		max-width: 720px
	}

	.sd-content {
		margin-left: 0;
		margin-bottom: -10px
	}

	.hero-area .container-fluid {
		max-width: 720px;
		position: relative
	}

	.newsletter-inner3 {
		padding-top: 85px;
		padding-bottom: 85px
	}

	.others-options ul li .deafult-btn1 {
		font-size: 14px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 12px;
		padding-bottom: 12px
	}

	.footer-inner {
		text-align: start
	}

	.footer-inner .inner-link {
		text-align: start;
		margin-top: 0
	}

	.footer-inner .inner-link li {
		display: inline-block;
		padding-right: 18px;
		font-size: 12px
	}

	.footer-inner .inner-link li a {
		font-size: 13px;
		color: #fff
	}

	.footer-inner p {
		font-size: 13px
	}

	.item h1 {
		font-size: 75px;
		line-height: 85px
	}

	.ptb-200 {
		padding-top: 140px;
		padding-bottom: 120px
	}

	.hero3-area {
		padding-top: 280px;
		padding-bottom: 0
	}

	.hero3-area .hero-icon {
		text-align: center;
		top: 20px;
		position: relative
	}

	.section-title3 h3 {
		font-size: 35px;
		line-height: 40px
	}

	.features-area3 {
		padding-bottom: 70px !important
	}

	.single-section3 h3 {
		font-size: 34px;
		line-height: 42px;
		margin-bottom: 15px
	}

	.about-area3 {
		margin-bottom: 0
	}

	.choose-area3 {
		position: relative;
		padding-top: 70px !important
	}

	.choose-area3 .ba-slider {
		top: 40px;
		margin-bottom: -10px !important
	}

	.pricing-area3 {
		bottom: 0 !important;
		margin-top: 0 !important;
		padding-bottom: 130px !important
	}

	.clients-area3 {
		padding-top: 65px;
		padding-bottom: 65px
	}

	.blog-area3 {
		padding-bottom: 85px !important
	}

	.hero-area2 {
		padding-top: 300px;
		padding-bottom: 151px
	}

	.hero-content {
		margin-bottom: 80px
	}

	.hero-search-box {
		margin-bottom: 0;
		max-width: 100%;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 45px;
		padding-right: 10px;
		background: #303032;
		border-radius: 15px;
		justify-content: space-between;
		align-items: center;
		z-index: 2;
		display: block !important
	}

	.hero-search-box li {
		margin-right: 25px;
		margin-bottom: 30px;
		margin-left: 5px
	}

	.hero-search-box li:last-child {
		margin-right: 0;
		margin-bottom: 0
	}

	.hero-search-box li label {
		font-size: 15px;
		padding-left: 20px;
		padding-bottom: 6px
	}

	.hero-search-box li .form-control {
		margin-right: 23px;
		width: 255px
	}

	.hero-search-box .last-box2 {
		border-right: solid 1px rgba(255, 255, 255, .15)
	}

	.desktop-nav .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		max-width: 720px
	}

	.features-card p {
		margin-bottom: 0
	}

	.hero-area .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		max-width: 720px
	}

	.owl-dots {
		display: none
	}

	.owl-nav {
		position: relative;
		top: auto;
		left: auto;
		transform: unset;
		right: auto
	}

	.owl-nav [class*=owl-] {
		height: 35px;
		width: 35px;
		line-height: 40px !important
	}

	.owl-nav [class*=owl-] i {
		font-size: 16px !important
	}

	.owl-nav .owl-prev {
		position: relative;
		left: 0
	}

	.owl-nav .owl-next {
		position: relative;
		right: 0
	}

	.testimonials-area .owl-theme .owl-nav {
		margin-top: 27px;
		margin-bottom: -20px
	}

	.owl-theme .owl-nav {
		margin-top: 30px
	}

	.single-section2 h3 {
		font-size: 26px;
		line-height: 50px;
		margin-bottom: 15px
	}

	#resizer {
		z-index: 2
	}

	.hero-area {
		padding-top: 200px
	}

	.hero-area .hero-image .car-man {
		position: absolute;
		bottom: -126px;
		right: 10px;
		z-index: -1
	}

	.hero-content span {
		font-size: 15px;
		margin-bottom: 8px
	}

	.hero-content h1 {
		font-size: 60px;
		line-height: 67px;
		margin-bottom: 15px
	}

	.hero-content p {
		font-size: 15px;
		line-height: 30px;
		margin-bottom: 20px
	}

	.features-inner {
		box-shadow: unset;
		margin-bottom: 40px
	}

	.choose-area {
		padding-top: 220px
	}

	.pricing-area {
		bottom: -280px;
		margin-top: -280px
	}

	.video-inner {
		margin-bottom: 70px
	}

	.testimonials-area {
		padding-top: 214px
	}

	.pb-100 {
		padding-bottom: 70px
	}

	.footer-area {
		padding-top: 30px
	}

	.footer-area .ptb-100 {
		padding-bottom: 60px
	}

	.section-title2 h3 {
		font-size: 36px;
		line-height: 42px
	}

	.single-section h3 {
		font-size: 35px;
		line-height: 44px;
		margin-bottom: 15px
	}

	.features-card {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
		padding-bottom: 25px;
		border: solid 1px #eee
	}

	.col-lg-4:last-child .features-card {
		border-right: solid 1px #eee
	}

	.section-title h3 {
		font-size: 33px;
		line-height: 39px
	}

	.about-image {
		position: relative;
		margin-right: 0;
		margin-bottom: 45px;
		text-align: center
	}

	.about-content {
		margin-left: 0
	}

	.video-inner .video-icon {
		position: absolute;
		top: 45%;
		left: 44%;
		transform: translateY(-23px);
		right: 0
	}

	.newsletter-inner {
		padding-left: 50px;
		padding-right: 50px
	}

	.newsletter-inner .newletter-content h3 {
		margin-bottom: 20px
	}

	.blog-card {
		margin-bottom: -36px;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 35px;
		padding-top: 35px
	}

	.blog-card ul li {
		padding-left: 22px;
		margin-right: 28px;
		font-size: 14px
	}

	.features-card2 {
		margin-top: 70px
	}

	.features-card2 .fc-icon2 {
		position: relative;
		text-align: center;
		top: -90px;
		right: 85px;
		margin-bottom: -72px !important;
		border-radius: 5px
	}

	.talk-area::before {
		width: 0%
	}

	.talk-area .service-area::before {
		width: 100%
	}

	.waching-area::before {
		width: 0%
	}

	.waching-area .pricing-area::before {
		width: 100%
	}

	.clients-user {
		display: none
	}

	.blog-card2 .blog-content {
		padding: 30px 0
	}

	.newsletter-inner3 .news-man {
		display: none
	}

	.video-area3 .video-inner .video-icon {
		display: none
	}

	.pricing-area3 .pricing-shape9 {
		display: none
	}

	.blog-area3 .blog-card2 {
		margin-bottom: 30px;
		margin-top: 0
	}

	.footer-area-style2 {
		padding-top: 210px
	}

	.p-3 {
		padding: 1rem !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important
	}

	.inner-banner-area .inner-banner-contrnt {
		max-width: unset;
		margin-top: 60px !important;
		margin-bottom: 60px !important
	}

	.inner-banner-area .inner-image-area {
		margin-bottom: -77px;
		position: relative;
		right: -30px
	}

	.details-image {
		margin-bottom: 30px;
		margin-right: 0;
		text-align: center
	}

	.mini-image {
		margin-right: 20px;
		margin-bottom: 30px
	}

	.d-link ul li {
		padding-right: 46%
	}

	.cart-controller .coupon-cart {
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 30px
	}

	.cart-controller .cart-button {
		margin-top: 0;
		text-align: end !important
	}

	.cart-controller {
		padding: 30px 0
	}

	.cart-controller .table-bordered>:not(caption)>* {
		display: revert;
		align-items: center;
		border-width: 1px 0;
		border-top: none;
		border-color: #eee;
		justify-content: space-evenly
	}

	.cart-controller th.product {
		position: relative;
		left: -4px
	}

	.cart-controller th.product2 {
		position: relative;
		left: 0
	}

	.cart-controller th.product3 {
		position: relative;
		left: -7px
	}

	.cart-controller th.quantity {
		position: relative;
		left: -4px
	}

	.cart-controller th.product4 {
		position: relative;
		left: -6px
	}

	.cart-controller .input-counter {
		width: 170px
	}

	.cart-controller .shop-name a {
		font-size: 16px;
		display: block;
		width: 200px
	}

	.cart-controller .coupon-cart .form-group.mb-0 .deafult-btn1 {
		position: relative;
		top: 23px
	}

	.cart-controller .coupon-cart {
		margin-left: 15px;
		margin-right: 15px
	}

	.qn-content {
		margin-bottom: 30px
	}

	.footer-widget h4 {
		font-size: 22px;
		margin-bottom: 20px
	}

	.footer-widget .social-link {
		margin-bottom: 30px
	}

	.footer-widget .social-link li a {
		width: 45px;
		height: 45px;
		line-height: 45px
	}

	.details-bottom {
		margin-bottom: 0 !important
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.hero-area2 .container-fluid {
		max-width: 960px;
		margin: auto;
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem)
	}

	.hero3-area .container-fluid {
		max-width: 960px;
		margin: auto;
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem)
	}

	.desktop-nav .container-fluid {
		max-width: 960px
	}

	.sd-content {
		margin-left: 10px;
		margin-bottom: 0
	}

	.desktop-nav .navbar .others-options ul li:last-child {
		margin-right: 0;
		margin-left: 5px
	}

	.others-options2 .option-item .search-btn {
		font-size: 20px
	}

	.rounded-pill {
		height: 18px !important;
		width: 18px;
		font-size: 8px;
		margin-top: 4px;
		line-height: 13px
	}

	.owl-nav {
		display: none
	}

	.hero-area .hero-image .car-man {
		position: absolute;
		bottom: -123px;
		right: 10px;
		width: 620px;
		z-index: -1
	}

	.deafult-btn1 {
		padding-left: 20px;
		padding-right: 18px;
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 14px
	}

	.section-title span {
		font-size: 14px;
		margin-bottom: 15px
	}

	.section-title h3 {
		font-size: 38px;
		line-height: 45px;
		margin-bottom: 0
	}

	.single-section span {
		font-size: 14px;
		margin-bottom: 6px
	}

	.single-section h3 {
		font-size: 30px;
		line-height: 41px;
		margin-bottom: 10px
	}

	.ptb-200 {
		padding-top: 124px;
		padding-bottom: 110px
	}

	.desktop-nav .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		max-width: 960px
	}

	.hero-area .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		max-width: 960px
	}

	.single-section2 h3 {
		font-size: 33px;
		line-height: 42px;
		margin-bottom: 12px
	}

	.navbar-area-style3 .desktop-nav-style3 .navbar {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px
	}

	.navbar-area-style3 .desktop-nav-style3 .others-options ul li {
		margin-right: 0 !important;
		margin-left: 36px !important
	}

	.navbar-area-style3 .desktop-nav-style3 .others-options ul li:last-child {
		margin-left: 15px !important
	}

	.single-section3 h3 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 12px
	}

	.section-title3 h3 {
		font-size: 30px;
		line-height: 40px
	}

	.desktop-nav .navbar .navbar-nav .nav-item a {
		font-size: 14px;
		margin-right: 14px;
		margin-left: 14px
	}

	.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {
		padding-right: 10px
	}

	.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle::before {
		right: -5px;
		font-size: 14px
	}

	.desktop-nav .navbar .others-options ul::before {
		top: 13px;
		left: 17px;
		height: 33px
	}

	.desktop-nav .navbar .others-options ul li {
		margin-left: 30px
	}

	.desktop-nav .navbar .others-options ul li:last-child {
		margin-left: 20px
	}

	.desktop-nav .navbar .others-options ul li:first-child::before {
		left: 35px;
		height: 33px
	}

	.desktop-nav .navbar .others-options ul li .icon img {
		height: 16px
	}

	.navbar-area-style2 .desktop-nav2 .others-options ul li {
		margin-right: 0 !important;
		margin-left: 36px !important
	}

	.navbar-area-style2 .desktop-nav2 .others-options ul li:last-child {
		margin-left: 20px !important
	}

	.footer-area3 {
		margin-top: 0;
		padding-top: 20px
	}

	.footer-area3 .ptb-100 {
		padding-bottom: 69px !important
	}

	.hero-content {
		max-width: 585px;
		margin-bottom: 70px
	}

	.hero-content span {
		font-size: 14px;
		margin-bottom: 10px
	}

	.hero-content h1 {
		font-size: 50px;
		line-height: 55px;
		margin-bottom: 18px
	}

	.hero-content p {
		font-size: 14px;
		line-height: 29px;
		margin-bottom: 20px
	}

	.hero-search-box {
		max-width: 100%;
		padding-top: 28px;
		padding-bottom: 28px;
		padding-left: 23px;
		padding-right: 23px
	}

	.hero-search-box li label {
		font-size: 13px;
		padding-left: 20px;
		padding-bottom: 6px
	}

	.hero-search-box li label i {
		top: 1px
	}

	.hero-search-box li select {
		font-size: 22px;
		width: 170px;
		font-size: 18px;
		padding: 0;
		margin-right: 13px
	}

	.hero-search-box li .form-control {
		font-size: 18px;
		width: 160px
	}

	.features-card {
		padding: 30px 20px
	}

	.features-card .fc-icon {
		height: 100px;
		width: 100px;
		line-height: 100px;
		margin-bottom: 18px
	}

	.features-card .fc-icon span {
		height: 65px;
		width: 65px;
		line-height: 65px
	}

	.features-card h5 {
		font-size: 20px;
		margin-bottom: 12px
	}

	.features-card p {
		font-size: 14px;
		line-height: 27px
	}

	.single-funfacts-box h3 {
		font-size: 32px;
		margin-bottom: 5px
	}

	.about-image {
		position: relative;
		margin-right: 0
	}

	.about-content .about-booking h5 {
		margin-left: 20px;
		font-size: 16px;
		margin-bottom: 0
	}

	.about-content p {
		font-size: 14px;
		line-height: 27px;
		margin-bottom: 15px
	}

	.service-card {
		padding: 33px 28px
	}

	.service-card .service-image {
		margin-bottom: 25px
	}

	.service-card .service-content a h5 {
		font-size: 20px;
		margin-bottom: 12px
	}

	.service-card .service-content p {
		font-size: 14px;
		line-height: 27px;
		margin-bottom: 15px
	}

	.pricing-card {
		padding: 30px 20px
	}

	.pricing-card h3 {
		font-size: 26px;
		margin-bottom: 10px
	}

	.pricing-card h6 {
		font-size: 18px;
		margin-bottom: 20px
	}

	.pricing-card .pricing-list {
		padding: 20px 10px
	}

	.pricing-card .pricing-list ul li {
		margin-bottom: 10px
	}

	.pricing-card .pricing-list ul li p {
		font-size: 14px;
		margin-bottom: 0
	}

	.choose-content p {
		font-size: 14px;
		line-height: 27px;
		color: #555
	}

	.choose-content ul li {
		padding-left: 30px;
		margin-bottom: 15px
	}

	.before-after-gallery-area .before-image {
		left: 0
	}

	.before-after-gallery-area .after-image {
		right: 22px
	}

	.newsletter-inner {
		padding-left: 35px;
		padding-right: 35px;
		z-index: 2
	}

	.newsletter-inner .newletter-content h3 {
		font-size: 42px;
		line-height: 54px
	}

	.testimonial-card {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 30px;
		padding-top: 30px;
		margin-bottom: 5px
	}

	.testimonial-card .test-content {
		margin-left: 20px
	}

	.testimonial-card .test-content p {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: -4px
	}

	.testimonial-card .test-content .testimonials-self .self-content h6 {
		font-size: 18px;
		margin-bottom: 4px
	}

	.testimonial-card .test-content .testimonials-self .self-content span {
		font-size: 14px
	}

	.blog-card {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 30px;
		padding-top: 30px
	}

	.blog-card .blog-image {
		margin-bottom: 20px
	}

	.blog-card ul li {
		padding-left: 20px;
		margin-right: 15px;
		font-weight: 400;
		font-size: 14px
	}

	.blog-card ul li i {
		top: 2px;
		font-size: 13px
	}

	.blog-card a h5 {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 12px
	}

	.blog-card p {
		font-size: 15px;
		line-height: 27px;
		margin-bottom: 15px
	}

	.item h1 {
		font-size: 60px;
		line-height: 65px;
		margin-bottom: 20px
	}

	.hero-area2 {
		padding-top: 310px;
		padding-bottom: 150px
	}

	.features-card2 .fc-icon2 {
		top: -83px;
		right: 78px;
		margin-bottom: -62px !important;
		border-radius: 5px
	}

	.about-inner .about-image .about-image2 {
		margin-left: 10px
	}

	.about-inner .about-content .about-list .list2-3 {
		padding-left: 0;
		margin-right: 35px
	}

	.about-inner .about-content .about-list .list2-3 li {
		padding-left: 23px;
		font-size: 14px;
		color: #19191b
	}

	.talk-area::before {
		width: 2%
	}

	.talk-area .service-area::before {
		width: 98%
	}

	.service-card2 {
		margin-left: 0;
		margin-right: 0
	}

	.service-card2 .service-content {
		padding: 0
	}

	.waching-area::before {
		width: 2%
	}

	.waching-area .pricing-area::before {
		width: 98%
	}

	.clients-content {
		max-width: 635px
	}

	.clients-content p {
		font-size: 16px;
		line-height: 29px;
		margin-bottom: 23px
	}

	.clients-area .user-1 {
		top: 37%;
		left: 7%
	}

	.clients-area .user-2 {
		top: 62%
	}

	.clients-area .user-3 {
		top: 38%;
		right: 6%
	}

	.clients-area .user-4 {
		top: 64%;
		right: 9%
	}

	.clients-area .test-1 {
		top: 51%;
		left: 5%
	}

	.clients-area .test-2 {
		top: 55%;
		left: 7%
	}

	.clients-area img.test-3 {
		top: 57%;
		right: 11%
	}

	.clients-area .test-4 {
		top: 52%;
		right: 14%
	}

	.blog-card2 .blog-content {
		padding: 0
	}

	.hero3-area {
		padding-top: 280px
	}

	.hero3-area .hero-content {
		margin-bottom: 0
	}

	.features-card3 {
		padding: 25px
	}

	.about-image2 .home3-1 {
		left: -83px;
		width: 590px;
		top: 94px
	}

	.about-content .about-list .list2-3 {
		padding-left: 0;
		margin-right: 30px
	}

	.newletter-content3 h3 {
		font-size: 28px;
		line-height: 40px;
		margin-bottom: 20px
	}

	.newsletter-inner3 {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0
	}

	.newsletter-inner3 .news-man {
		position: relative;
		bottom: 0
	}

	.clients-area3 {
		padding-left: 25px
	}

	.clients-area3 .clients-content p {
		font-size: 15px;
		line-height: 28px;
		margin-bottom: 23px
	}

	.p-3 {
		padding: 8px !important
	}

	.work-list ul li {
		padding-left: 75px;
		margin-bottom: 20px
	}

	.work-list ul li h5 {
		font-size: 20px;
		margin-bottom: 5px
	}

	.work-list ul li p {
		font-size: 14px;
		line-height: 27px
	}

	.work-list ul li .work-icon {
		width: 60px;
		height: 60px;
		line-height: 64px
	}

	.work-list ul li .work-icon i {
		font-size: 28px;
		color: #f37101
	}

	.details-small-widget .all-box {
		padding: 25px 15px;
		margin-bottom: 40px
	}

	.details-widget .d-div .div-list {
		padding-left: 0;
		padding-right: 11px;
		padding-top: 20px;
		padding-bottom: 20px
	}

	.mtc-card .mtcs-link li a {
		width: 45px;
		height: 45px;
		line-height: 47px
	}

	.mtc-card .mtcs-link li a i {
		font-size: 18px
	}

	.inner-testimonial-area .testimonial-card {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 30px;
		padding-top: 30px;
		margin-bottom: 30px
	}

	.filter-price {
		width: 175px
	}

	.filter-price .price-field input[type=range] {
		width: 130px
	}

	.p-4 {
		padding: 10px !important
	}

	.shop-card {
		padding: 10px;
		margin-bottom: 30px
	}

	.shop-card .shop-content h5 {
		font-size: 16px;
		margin-bottom: 10px
	}

	.cart-controller {
		padding: 30px 0
	}

	.cart-controller .table-bordered>:not(caption)>* {
		display: revert;
		align-items: center;
		border-width: 1px 0;
		border-top: none;
		border-color: #eee;
		justify-content: space-evenly
	}

	.cart-controller th.product {
		position: relative;
		left: -4px
	}

	.cart-controller th.product2 {
		position: relative;
		left: 0
	}

	.cart-controller th.product3 {
		position: relative;
		left: -7px
	}

	.cart-controller th.quantity {
		position: relative;
		left: -4px
	}

	.cart-controller th.product4 {
		position: relative;
		left: -6px
	}

	.cart-controller .input-counter {
		width: 170px
	}

	.cart-controller .shop-name a {
		font-size: 16px;
		display: block;
		width: 200px
	}

	.ta-sh .mtcs-link li a {
		width: 40px;
		height: 40px;
		line-height: 44px
	}

	.ta-sh .mtcs-link li a i {
		font-size: 17px
	}

	.ta-sh .tags-list li a {
		font-size: 14px;
		border-radius: 5px;
		padding-top: 8px;
		padding-left: 5px;
		padding-bottom: 6px;
		padding-right: 5px
	}

	.inner-banner-area .inner-banner-contrnt {
		max-width: 432px;
		margin: auto;
		margin-bottom: 60px !important
	}

	.inner-banner-area .inner-image-area {
		text-align: right;
		margin-bottom: -52px
	}
}

@media only screen and (min-width:1100px) and (max-width:1199px) {
	.hero-area2 .container-fluid {
		max-width: 1070px;
		margin: auto;
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem)
	}

	.desktop-nav .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		max-width: 1070px
	}
}

	.deafult-btn1 {
		padding-left: 22px;
		padding-right: 22px;
		padding-top: 13px;
		padding-bottom: 13px;
		font-size: 15px
	}

	.single-section span {
		font-size: 15px;
		margin-bottom: 12px
	}

	.single-section h3 {
		font-size: 35px;
		line-height: 45px;
		margin-bottom: 10px
	}

	.section-title {
		margin-bottom: 30px !important
	}

	.section-title span {
		font-size: 15px;
		margin-bottom: 12px
	}

	.section-title h3 {
		font-size: 35px;
		line-height: 45px;
		max-width: 600px
	}

	.owl-nav [class*=owl-] i {
		color: #132fbb;
		font-size: 16px;
		transition: all .5s
	}

	.owl-nav [class*=owl-] {
		height: 42px;
		width: 42px;
		border-radius: 50px !important;
		line-height: 48px !important;
		background: #dbdffb !important;
		transition: all .5s
	}

	.owl-nav .owl-next {
		position: absolute;
		right: -45px
	}

	.owl-nav .owl-prev {
		position: absolute;
		left: -46px
	}

	.ptb-200 {
		padding-top: 120px;
		padding-bottom: 120px
	}


	.details-small-widget .all-box {
		/*padding: 30px;*/
		/*background: #f6f6f6;*/
		border-radius: 5px;
		position: relative;
		margin-bottom: 40px
	}

	.details-small-widget .all-box .filter-price .price-field {
		position: relative;
		width: 100%;
		height: 36px;
		box-sizing: border-box;
		padding-top: 15px;
		padding-left: 0;
		border-radius: 3px
	}

	.desktop-nav .container-fluid {
		max-width: 1190px
	}

	.desktop-nav .navbar .navbar-nav .nav-item a {
		font-size: 15px;
    color: #2e55a2;
		margin-left: 16px;
		margin-right: 16px
	}

	.desktop-nav .navbar .navbar-nav .nav-item a .dropdown-toggle::before {
		right: 1px
	}

/*	.desktop-nav .navbar .others-options ul {
		padding-left: 15px
	}*/

	.desktop-nav .navbar .others-options ul::before {
		top: 14px;
		left: 23px;
		height: 30px
	}

	.desktop-nav .navbar .others-options ul li {
		margin-left: 20px;
		margin-right: 10px
	}

	.desktop-nav .navbar .others-options ul li img {
		height: 20px
	}

	.desktop-nav .navbar .others-options ul li:first-child::before {
		top: -2px;
		left: 45px;
		height: 30px
	}

	.desktop-nav .navbar .others-options ul li:last-child {
		margin-left: 18px
	}

	.desktop-nav .navbar .others-options ul li a i {
		color: #fff;
		font-size: 22px
	}

	.navbar-area-style2 .desktop-nav2 .others-options ul {
		padding-left: 0
	}

	.navbar-area-style2 .desktop-nav2 .others-options ul li {
		margin-left: 40px !important
	}

	.navbar-area-style2 .desktop-nav2 .others-options ul li:last-child {
		margin-left: 35px !important
	}

	.navbar-area-style3 .desktop-nav-style3 .others-options ul li {
		margin-right: 0 !important;
		margin-left: 40px !important
	}

	.navbar-area-style3 .desktop-nav-style3 .others-options ul li:last-child {
		margin-left: 30px !important
	}

	.hero-search-box {
		max-width: 1040px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px
	}

	.hero-search-box li .form-control {
		font-size: 18px;
		width: 170px
	}

	.hero-search-box li select {
		font-size: 18px;
		width: 180px
	}

	.hero-search-box li label {
		padding-bottom: 6px;
		font-size: 15px;
		padding-left: 22px
	}

	.hero-search-box li label i {
		font-size: 14px
	}

	.hero-area .hero-image .car-man {
		position: absolute;
		bottom: -127px;
		right: 0;
		max-width: 800px;
		z-index: -1
	}

	.hero-area .container-fluid {
		max-width: 1190px;
		position: relative
	}

	.hero-area .hero-content {
		max-width: 560px;
		margin-bottom: 80px
	}

	.hero-area .hero-content span {
		font-size: 15px;
		margin-bottom: 12px
	}

	.hero-area .hero-content h1 {
	    font-weight: 900;
    font-size: 46px;
    line-height: 60px;
    margin-bottom: 20px;
	}

	.hero-area2 .container-fluid {
		max-width: 1170px
	}

	.hero3-area .container-fluid {
		max-width: 1170px
	}

	.features-card {
padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 10px;
	}

	.features-card h5 {
		margin-bottom: 12px
	}

	.about-content p {
		font-size: 14px;
		line-height: 28px
	}

	.about-content .about-booking h5 {
		font-size: 19px
	}

	.inner-testimonial-area .testimonial-card {
		margin-bottom: 30px !important
	}

	.testimonial-card {
		margin-bottom: 5px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 35px;
		padding-top: 35px;
		height:250px;
	}

	.testimonial-card .test-content p {
		font-size: 15px;
		line-height: 28px;
		margin-bottom: 0
	}

	.blog-card ul {
		margin-bottom: 10px
	}

	.blog-card ul li {
		padding-left: 20px;
		margin-right: 25px;
		font-size: 15px
	}

	.blog-card a h5 {
		font-size: 19px;
		line-height: 25px;
		margin-bottom: 12px
	}

	.blog-card p {
		font-size: 15px;
		line-height: 26px;
		margin-bottom: 15px
	}

	.container-k {
		position: relative;
		height: 440px;
		width: 100%;
		border-radius: 20px
	}

	.about-inner .about-image .about-image2 {
		margin-left: 40px
	}

	.talk-area::before {
		width: 0%
	}

	.talk-area .service-area::before {
		width: 100%
	}

	.waching-area::before {
		width: 3%
	}

	.waching-area .pricing-area::before {
		width: 98%
	}

	.clients-area .user-1 {
		top: 38%;
		left: 10%
	}

	.clients-area .test-2 {
		top: 57%;
		left: 11%
	}

	.clients-area .test-1 {
		top: 53%;
		left: 9%
	}

	.clients-area .user-2 {
		top: 68%;
		left: 7%
	}

	.clients-area .user-3 {
		top: 38%;
		right: 8%
	}

	.clients-area .test-4 {
		top: 54%;
		right: 15%
	}

	.clients-area .test-3 {
		top: 60%;
		right: 13% !important
	}

	.clients-area .user-4 {
		top: 65%;
		right: 14%
	}

	.hero-content h1 {
		font-size: 64px;
		line-height: 70px;
		margin-bottom: 15px
	}

	.hero-content p {
    font-size: 18px;
    max-width: 595px;
    line-height: 28px;
    margin-bottom: 20px;
    display: none;
	}

	.about-image2 .home3-1 {
		position: absolute;
		left: -72px;
		width: 700px;
		top: 43px
	}

	.newletter-content3 h3 {
		font-weight: 900;
		font-size: 40px;
		line-height: 56px;
		text-transform: capitalize;
		color: #fff;
		margin-bottom: 30px
	}

	.inner-banner-area .inner-image-area {
		text-align: right;
		margin-bottom: -66px
	}

	.inner-banner-area .inner-banner-contrnt {
		max-width: 88%;
		margin: auto;
		margin-bottom: 30px !important
	}


@media only screen and (min-width:1400px) and (max-width:1599px) {
	.hero-area .container-fluid {
		max-width: 1320px;
		margin: auto;
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem)
	}

	.hero-area .hero-image .car-man {
		max-width: 835px
	}

	.navbar-area {
		position: relative;
		margin-bottom: -2px
	}

	.clients-area .user-1 {
		position: absolute;
		top: 38%;
		left: 8%
	}

	.clients-area .test-2 {
		position: absolute;
		top: 56%;
		left: 11%
	}

	.clients-area .test-1 {
		position: absolute;
		top: 53%;
		left: 8%
	}

	.service-area9 .foodls {
		display: none
	}

	.hero-area2 .container-fluid {
		max-width: 1320px;
		margin: auto;
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem)
	}

	.hero3-area .container-fluid {
		max-width: 1320px;
		margin: auto;
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem)
	}

	.desktop-nav .container-fluid {
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem);
		max-width: 1320px
	}

	.hero-search-box li .form-control {
		width: 202px
	}

	.hero-slider .owl-nav .owl-prev {
		position: absolute;
		left: 10px !important
	}

	.hero-slider .owl-nav .owl-next {
		position: absolute;
		right: 10px !important
	}

	.hero-slider .owl-nav [class*=owl-] {
		height: 45px;
		width: 45px;
		border-radius: 50px !important;
		line-height: 53px !important
	}

	.hero-slider .owl-nav [class*=owl-] i {
		color: #fff;
		font-size: 19px;
		transition: all .5s
	}

	.owl-nav [class*=owl-] {
		height: 45px;
		width: 45px;
		border-radius: 50px !important;
		line-height: 53px !important
	}

	.owl-nav [class*=owl-] i {
		font-size: 19px;
		transition: all .5s
	}

	.owl-nav .owl-prev {
		position: absolute;
		left: -51px
	}

	.owl-nav .owl-next {
		position: absolute;
		right: -51px
	}

	.navbar-area-style2 .desktop-nav2 .others-options ul::before {
		left: 14px
	}

	.navbar-area-style2 .desktop-nav2 .others-options ul li {
		margin-left: 45px !important
	}

	.navbar-area-style2 .desktop-nav2 .others-options ul li:last-child {
		margin-left: 35px !important
	}

	.navbar-area-style2 .desktop-nav2 .others-options ul li:first-child::before {
		left: 50px
	}

	.navbar-area-style2 .desktop-nav2 .navbar .navbar-nav .nav-item a {
		margin-left: 25px;
		margin-right: 25px
	}

	.navbar-area .desktop-nav .others-options ul::before {
		left: 14px
	}

	.navbar-area .desktop-nav .others-options ul li {
		margin-left: 45px !important
	}

	.navbar-area .desktop-nav .others-options ul li:last-child {
		margin-left: 35px !important
	}

	.navbar-area .desktop-nav .others-options ul li:first-child::before {
		left: 50px
	}

	.navbar-area .desktop-nav .navbar .navbar-nav .nav-item a {
		margin-left: 25px;
		margin-right: 25px
	}

	.navbar-area-style3 .desktop-nav .others-options ul::before {
		left: 14px
	}

	.navbar-area-style3 .desktop-nav .others-options ul li {
		margin-left: 45px !important
	}

	.navbar-area-style3 .desktop-nav .others-options ul li:last-child {
		margin-left: 35px !important
	}

	.navbar-area-style3 .desktop-nav .others-options ul li:first-child::before {
		left: 50px
	}

	.navbar-area-style3 .desktop-nav .navbar .navbar-nav .nav-item a {
		margin-left: 25px;
		margin-right: 25px
	}

	.talk-area::before {
		width: 3%
	}

	.talk-area .service-area::before {
		width: 98%
	}

	.about-image2 .home3-1 {
		position: absolute;
		left: -93px;
		max-width: 819px;
		top: -17px
	}

	.waching-area::before {
		width: 3%
	}

	.waching-area .pricing-area:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 97%;
		background: #f6f6f6;
		z-index: -1
	}

	.inner-banner-area .inner-image-area {
		text-align: right;
		margin-bottom: 0px
	}
}

@media only screen and (min-width:1600px) {
	.container-fluid {
		max-width: 1620px
	}

	.inner-banner-area .container-fluid {
		max-width: unset !important;
		padding-right: var(--bs-gutter-x, 0.75rem);
		padding-left: var(--bs-gutter-x, 0.75rem)
	}
}

@media only screen and (max-width:991px) {
	a.navbar-brand {
		font-size: 33px;
		font-weight: 900;
		color: #fff
	}

	a.navbar-brand span {
		color: #05bb8f
	}

	.others-options ul li {
		display: inline-block;
		padding-left: 18px;
		padding-top: 10px
	}

	.navbar-area-style3 {
		background-color: #fff !important
	}

	.navbar-area-style3.is-sticky {
		padding-bottom: 15px !important;
		top: 0 !important
	}

	.navbar-area-style2 {
		background-color: #fff !important
	}

	.navbar-area-style2.is-sticky {
		background-color: #fff !important
	}

	.navbar-area {
		background-color: #000;
		padding-top: 5px;
		padding-bottom: 5px
	}

	.navbar-area.is-sticky {
		top: -1px;
		left: 0;
		width: 100%;
		z-index: 3;
		position: -webkit-sticky;
		position: sticky;
		-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
		animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
		box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
		background: #000
	}

	.navbar-area .dropdown-toggle::after {
		display: none
	}

	.navbar-area.navbar-top {
		transform: translateY(0)
	}

	.mobile-responsive-nav {
		display: block
	}

	.mobile-responsive-nav .mobile-responsive-menu {
		position: relative
	}

	.mobile-responsive-nav .mobile-responsive-menu .navbar-brand {
		font-family: elsie
	}

	.mobile-responsive-nav .mobile-responsive-menu .style {
		font-family: fraunces
	}

	.mobile-responsive-nav .mobile-responsive-menu .logo {
		position: relative;
		z-index: 2;
		max-width: 185px
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav {
		margin-top: 60px;
		background-color: #fff
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul {
		border: none !important;
		background-color: #fff
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a {
		border-top-color: #efefef;
		color: #111 !important;
		font-size: 16px !important;
		font-weight: 600;
		text-transform: capitalize
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a i {
		display: none
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.mean-expand {
		width: 100%;
		height: 28px;
		text-align: right;
		padding: 11px !important;
		background: 0 0 !important;
		border-left: none !important;
		border-bottom: none !important
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.active {
		color: #f37101 !important
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li li a {
		font-size: 16px
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav {
		box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
		margin-top: 0 !important;
		max-height: 50vh;
		overflow-y: scroll
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar {
		width: 7px
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-track {
		background: #f1f1f1
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb {
		background: #888
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb:hover {
		background: #555
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal {
    top: 20px;
    padding: 0;
    width: 35px;
    height: 30px;
    padding-top: 0;
    color: #f37101;
}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal span {
		background: #fff;
		height: 4px;
		margin-top: -6px;
		border-radius: 0;
		position: relative;
		top: 8px
	}

	.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-bar {
		background: 0 0;
		position: absolute;
		z-index: 3;
		padding: 0
	}

	.mobile-responsive-nav .others-options {
		display: none !important
	}

	ul.last-nav {
		display: block !important
	}

	.desktop-nav {
		display: none !important
	}

	.others-option-for-responsive {
		display: block !important
	}

	.others-option-for-responsive .container .container {
		right: 0
	}

	.others-option-for-responsive .others-options .search-form {
		margin-left: 0;
		width: 100%;
		margin-right: 10px
	}

	.navbar-area-style3 {
		bottom: -169px;
		margin-top: -170px
	}

	.others-options ul {
		list-style: none;
		padding-left: 0;
		margin-bottom: 10px;
		margin-top: 10px
	}

	.others-options ul li {
		display: inline-block
	}

	.others-options ul li .icon {
		position: relative;
		top: -20px;
		margin: 8px
	}

	div#offcanvasTop {
		max-width: 100%;
		margin: auto;
		height: 230px;
		border-radius: 50px;
		padding: 30px
	}
}


@media(max-width:991px){
    .mobilelogono{
        display:none;
    }
    
    .form-on-slider{
        background-color:transparent;
    }
    
    
    
    
}

@media(max-width:400px){
    .banerhedding{
       font-size: 33px !important;
    line-height: 44px !important;
    }
    .wash-img{
            height: 240px !important;

    }
    

   
    .button_tuc {
    bottom: 88px !important;
    right: 44% !important;
    background: transparent !important;
    left: 81% !important;
    top: 8px !important;
}
    
    
}

@media(max-width:566px){
   .others-option-for-responsive .dot-menu {
    height: 30px;
    cursor: pointer;
    z-index: 999;
    position: absolute;
    right: 100px;
    top: -35px;
    right: 67px;
}
.mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal {
    top: 14px!important;
    padding: 0;
    width: 35px;
    height: 30px;
    padding-top: 0;
    color: #f37101;
}

.mobile-responsive-menu.mean-container{
    padding-top: 5px;
    padding-bottom: 5px;
}

.menegement-img{
    height:auto!important;
}

	.testimonial-card {
	height:368!important;
	}   
}
.mobile_img {
    height: 350px;
}


    
.homessss {
    background-color: #fff !important;
}
.homeserv {
    border-color: #fff !important;
}

.carousel-control-next-icon {
 background: #2e55a2;
    border-radius: 100%;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.carousel-control-prev-icon {
background: #2e55a2;
    border-radius: 100%;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

@media screen and (max-width: 480px) {
  .carousel-control-next-icon {
    padding: 5px !important;
    font-size: 15px !important;
    height: 22px;
    width: 22px;
}

.carousel-control-prev-icon {
    padding: 5px !important;
    font-size: 15px !important;
    height: 22px;
    width: 22px;
}
}


