@media (min-width:1200px) and (max-width:1260px){
	.tmp-service-area.area-3 .slider-inner .slider-button .swiper-btn.swiper-button-prev{
		left: -30px;
	}
	.tmp-service-area.area-3 .slider-inner .slider-button .swiper-btn.swiper-button-next{
		right: -30px;
	}
}

@media (min-width:1200px){
	.header-mid-one-wrapper .header-right .cart-search-area{
		display: none;
	}
}

@media (max-width:1199px){
	.banner-five-main-wrapper{
		height: 440px;
	}
	.banner-three-wrapper {
	    padding-top: 80px;
	}
	.tmp-banner-slider-area .pagination-area2 .swiper-wrapper .swiper-slide{
		width: 20px !important;
	}
	.tmp-counter-area .counter-inner .content:not(:last-child):before{
		right: -30px;
	}
	.tmp-service-area.area-3 .slider-inner .slider-button .swiper-btn.swiper-button-prev{
		left: -20px;
	}
	.tmp-service-area.area-3 .slider-inner .slider-button .swiper-btn.swiper-button-next{
		right: -20px;
	}
	.why-choose-wrapper-list li .icon{
		min-width: 60px;
	    max-width: 60px;
	    height: 60px;
	    font-size: 22px;
	}
	.why-choose-wrapper-list li{
		padding: 20px 15px;
		gap: 10px;
	}
	.why-choose-wrapper-list li .text p{
		font-size: 16px;
	}
	.tmp-get-in-touch-area .section-inner .left-image {
        left: -65px
    }
    .tmp-get-in-touch-area .section-inner .content{
    	margin-left: 275px;
    	gap: 25px;
    }
    .blog-card-style-five .content-area .text .blog-title{
    	line-height: 28px;
    	font-size: 20px;
    }
    .blog-card-style-five .content-area .text .blog-meta li p{
    	font-size: 14px;
    }
    .blog-card-style-five .content-area .text .blog-meta li i{
    	font-size: 13px;
    }
    .main-footer-one-area{
    	gap: 18px;
    }
    .main-footer-one-area.six .single-footer-inner.company{
    	padding-left: 25px;
    }
    .tmp-service-details-area .left-sidebar .single-wrapper .content .icon a{
    	width: 60px;
	    height: 60px;
	    line-height: 60px;
    }
    .tmp-service-details-area .left-sidebar .single-wrapper .content .text a{
    	font-size: 19px;
    }
    .tmp-get-in-touch-area.area-3 .get-in-touch-wrapper p a{
    	font-size: 17px;
    }
    .tmp-contact-area .contact-form-area form input, .tmp-contact-area .contact-form-area form textarea{
    	padding: 8px 15px;
    }
    .tmp-contact-area .contact-form-area form textarea{
    	min-height: 100px;
    }
}

@media (max-width:991px){
	.social-wrapper-1.hover-bg-white li a{
		width: 28px;
	    height: 28px;
	    font-size: 13px;
	}
	header.header-four .header-top-wrapper .left .single-component, header.header-one .header-top-wrapper .left .single-component{
		padding: 0 7px;
		gap: 6px;
	}
	header.header-four .header-top-wrapper .left .icon i{
		font-size: 16px;
	}
	header.header-four .header-top-wrapper .left .single-component::after{
		display: none;
	}
	header.header-four .header-top-wrapper, header.header-seven .header-top-wrapper{
		padding: 5px 0;
	}
	header.header-four .header-mid-one-wrapper .logo-area{
		flex-basis: 52%;
	}
	.banner-five-main-wrapper {
        height: 400px;
    }
    .banner-three-wrapper {
        padding-top: 60px;
    }
    .about-order{
    	order: -1;
    }
    .about-image-area5, .about-inner-left{
    	width: 420px;
    	margin: 0 auto 30px;
    	float: none;
    }
    .tmp-about-area4 .right-side-content{
    	text-align: center;
    }
    .tmp-about-area4 .section-title-area-4 .sub-title{
    	margin: 0 auto;
    }
    .tmp-about-area4 .section-title-area-4 .sub-title::before{
    	position: absolute;
    	top: 50%;
	    transform: translateY(-50%);
	    height: 2px;
	    background: linear-gradient(-90deg,var(--color-primary),rgba(33,38,45,0))!important;
	    content: "";
	    width: 42px;
    	left: -50px;
    }
    .tmp-about-area4 .right-side-content .button-area .tmp-btn{
    	margin: 0 auto;
    }
    .tmp-counter-area.area-3 .counter-inner{
    	display: grid;
    	grid-template-columns: repeat(4, 1fr);
    	gap: 20px;
    	align-items: start;
    }
    .tmp-counter-area .counter-inner p{
    	font-size: 17px;
        line-height: 23px;
    }
    .tmp-counter-area .counter-inner .content .title{
    	font-size: 36px;
    }
    .tmp-counter-area .counter-inner .content .title span {
	    font-size: 40px;
	}
	.tmp-counter-area .counter-inner .content:not(:last-child):before {
        right: 6px;
    }
    .tmp-why-choose-us-area2.inner .section-title-area-3 .section-title{
    	font-size: 34px;
    	line-height: 40px;
    }
    .why-choose-order{
    	order: -1;
    }
    .tmp-why-choose-us-area2.inner  .mid-image-area{
    	width: 420px;
    	margin: 0 auto 30px;
    }
    .tmp-get-in-touch-area .section-inner .left-image{
    	left: -115px;
    }
    .tmp-get-in-touch-area.area-2 .section-inner .icon a{
    	width: 66px;
	    height: 66px;
	    line-height: 70px;
    }
    .tmp-get-in-touch-area .section-inner .content{
    	margin-left: 245px;
    	gap: 15px;
    	padding: 25px 25px;
    }
    .tmp-get-in-touch-area .section-inner .text .title{
    	font-size: 24px;
    	line-height: 1.3;
    }
    .tmp-get-in-touch-area .section-inner .text a.phone{
    	font-size: 22px;
    }
    .tmp-get-in-touch-area .section-inner .text .desc{
    	font-size: 16px;
    	line-height: 25px;
    	margin-top: 5px;
    }
    .testimonial-invild .review{
    	grid-template-columns: repeat(2, 1fr);
    }
    .main-footer-one-area.six .single-footer-inner.logo-area{
    	width: 69%;
    }
    .main-footer-one-area {
        gap: 28px;
    }
    .main-footer-one-area.six .single-footer-inner.company{
    	width: 27%;
    	padding-left: 0;
    }
    .main-footer-one-area.six .single-footer-inner.contact{
    	width: 100%;
    }
    .main-footer-one-area{
    	padding: 60px 0 30px;
    }
    .tmp-service-details-area .left-sidebar {
	    margin-left: 0;
	    margin-top: 45px;
	}
	.blog-data{
		grid-template-columns: repeat(2, 1fr);
	}
	.blog-card-style-five .content-area .text .blog-title{
		font-size: 22px;
		line-height: 31px;
	}
	.blog-page .right-content-area h2{
		font-size: 30px;
		line-height: 34px;
	}
	.tmp-gallery-area .gallery-data{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width:767px){
	header.header-one .header-top-wrapper .single-component.info-con:last-child{
		display: none;
	}
	header.header-four .header-mid-one-wrapper .logo-area{
		padding: 14px 0;
	}
	.tmp-banner-slider-area .pagination-area, .tmp-banner-slider-area .pagination-area2{
		right: 10px;
	}
	.tmp-banner-slider-area.banner-five .banner-five-main-wrapper.banner-style-default .banner-three-wrapper .title-banner{
		font-size: 30px;
		margin: 10px 0;
	}
	.banner-three-wrapper{
		width: 450px;
		padding-top: 40px;
	}
	.tmp-banner-slider-area.banner-five .banner-five-main-wrapper.banner-style-default .banner-three-wrapper .desc{
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	.banner-five-main-wrapper{
		height: 300px;
	}
	.tmp-banner-slider-area.banner-five .tmp-btn{
		padding: 6px 18px;
		font-size: 16px;
	}
	.tmp-banner-slider-area.banner-five .banner-five-main-wrapper.banner-style-default .banner-three-wrapper .b_one-pre{
		font-size: 16px;
	}
	.section-title-area-4 .section-title, .section-title-area-3 .section-title{
		font-size: 36px;
		line-height: 40px;
		margin-bottom: 30px;
	}
	.tmp-service-area .tab-btn{
		font-size: 20px;
	}
	.w-margin{
		margin-top: 12px;
	}
	.tmp-get-in-touch-area .section-inner .left-image{
		position: unset;
	}
	.tmp-get-in-touch-area .section-inner .left-image img{
		width: 100%;
	}
	.tmp-get-in-touch-area .section-inner .content{
		margin-left: 0;
	}
	.tmp-get-in-touch-area.area-2 .section-inner .icon{
		display: none;
	}
	.tmp-get-in-touch-area .section-inner .content{
		text-align: center;
	}
	.testimonial-invild .review{
		grid-template-columns: repeat(1, 1fr);
	}
	.blog-card-style-five .content-area .text .blog-title{
		font-size: 20px;
        line-height: 29px;
	}
	.main-footer-one-area.six .single-footer-inner.logo-area{
		width: 67%;
	}
	.copyright-area-one{
		margin: 0;
	}
	.tmp-service-details-area .right-content-area h2{
		font-size: 32px;
	}
	.blog-page .right-content-area h2{
		font-size: 27px;
	}
	.tmp-gallery-area .gallery-data {
        grid-template-columns: repeat(2, 1fr);
    }
    .tmp-bread-crumb-area{
    	padding: 40px 0;
    }
}

@media (max-width:575px){
	header.header-four .header-top-wrapper .right{
		display: none;
	}
	header.header-four .header-top-wrapper .left .info span, header.header-one .header-top-wrapper .left .info span, header.header-seven .header-top-wrapper .left .info span{
		font-size: 15px;
	}
	header.header-four .header-top-wrapper .left .icon i {
        font-size: 14px;
    }
    header.header-four .header-mid-one-wrapper .logo-area {
        flex-basis: 80%;
    }
    header.header-four .header-mid-one-wrapper .logo-area .logo-text h1{
    	font-size: 24px;
    	line-height: 30px;
    	margin-bottom: 0px;
    	padding-bottom: 7px;
    }
    header.header-four .header-mid-one-wrapper .logo-area .logo-text p{
    	font-size: 15.2px;
    }
    header.header-four .header-mid-one-wrapper .logo-area {
        padding: 10px 0;
    }
    .banner-three-wrapper{
    	width: 280px;
    	padding-top: 30px;
    }
    .tmp-banner-slider-area.banner-five .banner-five-main-wrapper.banner-style-default .banner-three-wrapper .b_one-pre{
    	font-size: 13px;
    }
    .tmp-banner-slider-area.banner-five .banner-five-main-wrapper.banner-style-default .banner-three-wrapper .title-banner{
    	font-size: 19px;
    	line-height: 26px;
    	margin: 5px 0 8px;
    }
    .tmp-banner-slider-area.banner-five .banner-five-main-wrapper.banner-style-default .banner-three-wrapper .desc{
    	max-width: unset;
    	font-size: 13px;
        line-height: 20px;
        margin-bottom: 13px;
    }
    .tmp-banner-slider-area.banner-five .tmp-btn{
    	padding: 2px 18px;
        font-size: 13px;
    }
    .tmp-banner-slider-area.banner-five .tmp-btn.hover-icon-reverse .icon-reverse-wrapper i{
    	font-size: 12px;
    }
    .banner-three-wrapper .button-area-banner{
    	gap: 8px;
    }
    .banner-five-main-wrapper {
        height: 250px;
    }
    .tmp-banner-slider-area .pagination-area, .tmp-banner-slider-area .pagination-area2{
    	right: -10px;
    }
    .tmp-banner-slider-area .pagination-area2 .swiper-wrapper .banner-single-thumb{
    	width: 13px;
    	height: 13px;
    }
    .tmp-banner-slider-area .pagination-area2 .swiper-wrapper{
    	gap: 10px;
    }
    .space {
	    padding: 60px 0;
	}
	.about-image-area5, .about-inner-left{
		width: 280px;
	}
	.about-image-area4 .counter-area .icon, .about-image-area5 .counter-area .icon{
		width: 57px;
	    height: 57px;
	    line-height: 56px;
	    font-size: 24px;
	    margin-left: -28px;
	}
	.about-image-area4 .counter-area .title-main, .about-image-area5 .counter-area .title-main{
		font-size: 30px;
	}
	.about-image-area5 .counter-area p{
		font-size: 15px;
	}
	.about-image-area5 .counter-area{
		padding: 8px 15px;
    	padding-top: 30px;
    	bottom: 10px;
    	right: 10px;
	}
	.about-image-area5 .swiper-button-next, .about-image-area5 .swiper-button-prev{
		width: 35px;
    	height: 35px;
    	top: 45%;
	}
	.about-image-area5 .swiper-button-next:after, .about-image-area5 .swiper-button-prev:after{
		font-size: 16px;
	}
	.about-image-area5::after, .about-image-area5::before{
		display: none;
	}
	.tmp-about-area4 .right-side-content .section-title-area-4 .section-title{
		font-size: 29px;
		line-height: 35px;
	}
	.tmp-about-area4 .right-side-content .section-title-area-4 h3{
		font-size: 17px;
	}
	body, p, ul li{
		font-size: 16px;
		line-height: 26px;
	}
	.tmp-btn{
		font-size: 16px;
		padding: 7px 18px;
	}
	.tmp-counter-area.area-3 .counter-inner{
		grid-template-columns: repeat(2, 1fr);
	}
	.tmp-counter-area .counter-inner .content:not(:last-child):before{
		display: none;
	}
	.tmp-counter-area .counter-inner p{
		font-size: 15px;
        line-height: 21px;
	}
	.tmp-counter-area .counter-inner .content .title{
		font-size: 30px;
	}
	.tmp-counter-area .counter-inner .content .title span{
		font-size: 34px;
	}
	.section-title-area-4 .section-title, .section-title-area-3 .section-title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 25px;
    }
    .tmp-service-area .tab-btn{
    	padding: 8px 12px;
    	font-size: 18px;
    }
    .common-swiper-inside .navigation-area .swiper-btn, .slider-fluid-relative .slider-button .swiper-btn, .tmp-service-area.area-3 .slider-inner .slider-button .swiper-btn, .tmpWorkingSlider .swiper-navigation .swiper-btn{
    	width: 40px;
    	height: 40px;
    }
    .tmp-service-area.area-3 .slider-inner .slider-button .swiper-btn.swiper-button-prev{
    	left: -15px;
    }
    .tmp-service-area.area-3 .slider-inner .slider-button .swiper-btn.swiper-button-next{
    	right: -15px;
    }
    .tmpServiceSlider .service-wrapper-3 .image-area .content .desc b{
    	font-size: 19px;
    }
    .tmpServiceSlider .service-wrapper-3 .image-area .content .tmp-btn{
    	padding: 5px 14px 5px 16px;
    	font-size: 16px;
    }
    .tmp-why-choose-us-area2.inner .section-title-area-3 .section-title{
    	font-size: 26px;
    	line-height: 34px;
    }
    .tmp-why-choose-us-area2.inner .mid-image-area{
    	width: 280px;
    }
    .mid-image-area ul li img{
    	height: auto;
    }
    .mid-image-area ul li .counter-area .icon{
    	font-size: 34px;
    }
    .mid-image-area ul li .counter-area .counter-wrapper .title-main{
    	font-size: 36px;
    }
    .mid-image-area ul li .counter-area .counter-wrapper .disc{
    	font-size: 16px;
    }
    .mid-image-area ul li .counter-area{
    	padding: 10px;
    }
    .why-choose-wrapper-list li .text h3{
    	font-size: 19px;
    }
    .tmp-get-in-touch-area .section-inner .text .title,
    .tmp-get-in-touch-area .section-inner .text a.phone{
    	font-size: 20px;
    }
    .testimonial-invild .review .review-description{
    	padding: 25px;
    }
    .testimonial-invild .review .review-description .first p{
    	width: 45px;
	    height: 45px;
	    line-height: 42px;
	    font-size: 21px;
    }
    .testimonial-invild .review .review-description .review-title h2{
    	font-size: 16px;
    	line-height: 24px;
    	margin-bottom: 10px;
    }
    .testimonial-invild .review .review-description .review-title img{
    	width: 100px;
    }
    .gallery-style-1 .gallery-single img{
    	aspect-ratio: 1/0.6;
    }
    .tmp-blog-area .blog-title-area {
        flex-direction: column;
        align-items: start!important;
        gap: 0px;
    }
    .tmp-blog-area .blog-title-area .section-title-area-4{
    	margin: 0 auto;
    }
    .tmp-blog-area .blog-title-area .button-area{
    	margin: 0 auto 25px;
    }
    .blog-data {
        grid-template-columns: repeat(1, 1fr);
    }
    .blog-card-style-five .content-area .text, .blog-card-style-nine .content-area .text, .blog-card-style-one .content-area .text{
    	margin-bottom: 12px;
    }
    .blog-card-style-five .content-area .button-area .tmp-btn{
    	font-size: 16px;
    	padding: 5px 18px;
    }
    .main-footer-one-area.six .single-footer-inner.logo-area, .main-footer-one-area.six .single-footer-inner.company, .main-footer-one-area.six .single-footer-inner.contact{
    	width: 100%;
    }
    .main-footer-one-area .single-footer-inner .footer-title{
    	font-size: 24px;
    	margin-bottom: 15px;
    }
    .main-footer-one-area .contactus-link-wrapper .single i{
    	width: 38px;
	    height: 38px;
	    line-height: 38px;
	    font-size: 15px;
	    top: 4px;
    }
    .main-footer-one-area .contactus-link-wrapper .single{
    	padding-left: 48px;
    }
    .main-footer-one-area .contactus-link-wrapper .single .text{
    	margin-bottom: 0;
    }
    .main-footer-one-area {
        gap: 22px;
        padding: 50px 0 20px;
    }
    .copyright-area-one{
    	border-radius: 50px 50px 0 0;
    	padding: 12px 0;
    }
    .copyright-area-one p{
    	font-size: 15px;
    	line-height: 22px;
    }
    #scroll-button{
    	width: 45px;
    	height: 45px;
    	right: 15px;
    }
    #scroll-button::after{
    	font-size: 18px;
    	line-height: 45px;
    }
    .tmp-bread-crumb-area .breadcrumb-inner .title{
    	font-size: 30px;
    	line-height: 1.05;
    	margin-bottom: 5px;
    }
    .large-bread-crumb-left-content .meta a, .tmp-bread-crumb-area .breadcrumb-inner .meta a{
    	font-size: 15px;
    }
    .tmp-bread-crumb-area .breadcrumb-inner .meta{
    	gap: 4px;
    }
    .tmp-bread-crumb-area{
    	padding: 35px 0 30px;
    }
    .tmp-bread-crumb-area .breadcrumb-inner .title2{
    	font-size: 26px;
    }
    .tmp-service-details-area .right-content-area h2{
    	font-size: 26px;
    }
    .service-border{
    	margin: 18px 0;
    }
    .tmp-service-details-area .right-content-area h3{
    	font-size: 20px;
    	line-height: 26px;
    }
    .tmp-service-details-area .left-sidebar .single-wrapper .title, .tmp-service-details-area .left-sidebar .single-wrapper .title-main{
    	font-size: 26px;
    }
    .tmp-service-details-area .left-sidebar .single-wrapper{
    	padding: 20px;
    }
    .tmp-service-details-area .left-sidebar .single-wrapper ul li a{
    	padding: 9px 12px 9px 18px;
    	font-size: 16px;
    }
    .tmp-service-details-area .left-sidebar .single-wrapper ul li a span{
    	width: 25px;
	    line-height: 25px;
	    height: 25px;
	    font-size: 14px;
    }
    .tmp-service-details-area .left-sidebar .single-wrapper .content .icon a{
    	width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }
    .tmp-service-details-area .left-sidebar .single-wrapper .content .text .title{
    	font-size: 22px;
    	margin-bottom: 8px;
    }
    .locations-area .blog-card-style-five .image-area i{
    	width: 65px;
	    height: 55px;
	    line-height: 55px;
	    border-radius: 0 0 40px 40px;
	    font-size: 22px;
	    top: -16px;
	    margin-left: -33px;
    }
    .blog-page .right-content-area{
    	padding: 22px;
    }
    .blog-page .right-content-area h2{
    	font-size: 22px;
        line-height: 28px;
    }
    .comparison-section table{
    	overflow: scroll;
    }
    .tmp-gallery-area .gallery-data{
    	grid-template-columns: repeat(1, 1fr);
    }
    .coming-soon h2{
    	font-size: 42px;
    	padding: 50px 0;
    }
    .tmp-get-in-touch-area.area-3 .get-in-touch-wrapper .icons{
    	height: 60px;
    	width: 60px;	
    	margin: -60px auto 20px;
    }
    .tmp-get-in-touch-area.area-3 .get-in-touch-wrapper .icons i{
    	font-size: 22px;
    }
    .tmp-get-in-touch-area.area-3 .get-in-touch-wrapper{
    	padding: 20px;
    }
    .tmp-get-in-touch-area.area-3 .get-in-touch-wrapper .title{
    	font-size: 19px;
    	margin-bottom: 8px;
    }
    .tmp-get-in-touch-area.area-3 .get-in-touch-wrapper p a{
    	font-size: 16px;
    }
    .tmp-contact-area .contact-form-area, .tmp-contact-area .left-side-content{
    	padding: 22px;
    }
    .tmp-contact-area .contact-form-area form .title{
    	font-size: 30px;
    	text-align: center;
    }
}