body {
    overflow: visible;
    overflow-x: hidden;
}

@media (max-width: 1600px){
	
	/*=== Our History ===*/
	.cleanzain-element-timeline-style-1 .cleanzain-timeline-desc{
		padding: 0 30px;
	}
	.cleanzain-element-timeline-style-1 .cleanzain-timeline-wrapper{
		grid-gap: 140px;
	}
}

@media (max-width: 1500px){
	/*=== Header ===*/
	
	

	/*=== Banner Slider ===*/
	.cleanzain-element-timeline-style-1 .cleanzain-timeline-desc{
		padding: 0;
	}
	.cleanzain-element-timeline-style-1 .cleanzain-timeline-wrapper{
		grid-gap: 120px;
	}
}

@media (max-width: 1400px){
	/*=== Header ===*/
	.header-style-1.site-header .cleanzain-main-header-area{
		margin: 0 30px;
	} 
	.header-style-1.site-header .cleanzain-main-header-area .container-fluid{
		padding: 0 20px;
	}
	
	/*=== Banner Slider ===*/
	.cleanzain-slider-one .cleanzain-slider-content{
		padding-left: 40px;
	}

	/*=== Homepage 01 ===*/
	.about-one-content{
		padding: 100px 80px 100px 60px;
	}
	
	/*=== Homepage 02 ===*/
	.testimonial-two-box{
		padding: 100px 140px 100px 100px;
	}
	/*=== Homepage 05 ===*/
	.about-five-right-box .about-img-bg{
		margin: -65px 0px 0px 20px;
	}
	/*=== Service Details ===*/
	.service-details .cleanzain-entry-content .service-single-img-02{
		padding: 200px 0;
	}
	/*=== Footer ===*/ 
	.site-footer{
		margin: 0;
		border-radius: 30px 30px 0 0;
	}
}

@media (max-width: 1366px){
	/*=== Banner Slider ===*/
	
	
	/*=== Homepage-01 ===*/
	.about-us-sec-one{
		padding: 30px;
	}
	.about-us-one-center-area{
		padding: 30px 20px 20px 20px;
	}
	.ihbox-one-bg{
		background-position: -132px 260px;
	}
	.about-one-left-bg{
		margin: 0px 15px 0px 30px;
	}
	.about-one-content{
		padding: 40px;
		margin: 0px 30px 0px 15px;
	}
	/*=== Homepage-02 ===*/ 
	.about-two-bg{
		margin-left: 20px;
	}
	.about-two-content{
		padding: 40px 30px 40px 40px;
	}
	.testimonial-two-box{
		padding: 60px 40px 60px 40px;
	}
	/*=== Homepage-03 ===*/ 
	

	.ihbox-four-rightbox{
		padding: 0px 100px 0px 90px;
	}

	/*=== Homepage-05 ===*/ 
	.about-five-leftbox{
		margin: 0px 10px 0px 30px;
		padding: 100px 30px 100px 30px;
	}
	.about-five-leftbox .star-icon-image{
		display: none;
	}
	.about-five-leftbox .cleanzain-heading .cleanzain-title{
		font-size: 58px;
		line-height: 58px;
	}
	.about-five-right-box{
		margin: 0px 30px 0px 10px;
	}
	.about-five-right-box .cleanzain-ihbox-wrap{
		padding: 20px 20px 20px 20px;
	}
	.about-five-right-box .cleanzain-ihbox-second-wrap{
		padding: 50px 20px 50px 20px;
	}
	.about-five-right-box .about-img-bg{
		padding: 165px 0;
		margin: -55px 0px 0px 20px;
	}
	.service-five-bg{
		padding-left: 30px;
	}
	.appointment-five-left-box{
		margin: 0px 15px 0px 30px;
		padding: 60px 30px 60px 30px;
	}
	.appointment-five-right-col .wrapper{
		margin: 0px 30px 0px 15px;
	}
	
	/*=== Our History ===*/
	.cleanzain-element-timeline-style-1 .container,
	.cleanzain-element-timeline-style-1 .container-fluid{
		padding: 0 30px !important;
	}
	/*=== Contact Us ===*/
	.contact-us-bg{
		background-position: -210px 160px;
	}
}

@media (max-width: 1300px){

	
	/*=== Title Bar ===*/
	.cleanzain-title-bar-wrapper{
		padding-top: 20px;
	}
}

@media (max-width: 1280px){
	/*=== Banner Slider ===*/
	.cleanzain-slider-one .cleanzain-slider-content .cleanzain-title{
		font-size: 70px;
		line-height: 70px;
	}
	.cleanzain-slider-one .cleanzain-slider-content .cleanzain-desc{
		font-size: 16px;
		line-height: 21px;
	}
	
	/*=== Our History ===*/ 
	.cleanzain-element-timeline-style-1 .cleanzain-timeline-title{
		padding: 0 15px;
	}
	/*=== Service Details ===*/ 
	.service-details .cleanzain-entry-content .service-single-img-02{
		padding: 250px 0;
	}
}
	

@media(max-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: none;
    }
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		padding-right: calc(var(--bs-gutter-x) * .8);
		padding-left: calc(var(--bs-gutter-x) * .8);
	} 
	.sticky-header{
		position: relative  !important;
	}
    /** Main menu resoposive **/
	.cleanzain-menu-wrap {
		background-color: #fff;
		position: fixed;
		top: 0;
		right: -400px;
		z-index: 1000;
		width: 300px;
		height: 100%;
		padding: 0;
		display: block;
		transition: all 900ms ease;
		-moz-transition: all 900ms ease;
		-webkit-transition: all 900ms ease;
		-ms-transition: all 900ms ease;
		-o-transition: all 900ms ease;
		-webkit-transform: translateX(400px);
		-ms-transform: translateX(400px);
		transform: translateX(400px);
		opacity: 0;
	}
	.active .cleanzain-menu-wrap{
		right: 0px;
		visibility: visible;
		opacity: 1;
		overflow-y: scroll;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition-delay: 600ms;
		-moz-transition-delay: 600ms;
		-ms-transition-delay: 600ms;
		-o-transition-delay: 600ms;
		transition-delay: 600ms;
		opacity: 1;
	}
	.cleanzain-mobile-menu-bg {
		position: fixed;
		right: 0;
		top: 0;
		width: 0%;
		height: 100%;
		display: block;
		z-index: 99;
		background: rgba(0,0,0,.9);
		-webkit-transform: translateX(101%);
		-ms-transform: translateX(101%);
		transform: translateX(101%);
		transition: all 900ms ease;
		-moz-transition: all 900ms ease;
		-webkit-transition: all 900ms ease;
		-ms-transition: all 900ms ease;
		-o-transition: all 900ms ease;
		-webkit-transition-delay: 300ms;
		-moz-transition-delay: 300ms;
		-ms-transition-delay: 300ms;
		-o-transition-delay: 300ms;
		transition-delay: 300ms;
	}
	.active .cleanzain-mobile-menu-bg {
		opacity: 1;
		width: 100%;
		visibility: visible;
		transition: all 900ms ease;
		-moz-transition: all 900ms ease;
		-webkit-transition: all 900ms ease;
		-ms-transition: all 900ms ease;
		-o-transition: all 900ms ease;
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
	.closepanel {
		position: absolute;
		z-index: 99;
		right: 20px;
		margin-left: -20px;
		top: 30px;
		display: block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 50%;
		text-align: center;
		cursor: pointer;
		font-size: 25px;
		color: #000;
		border: 0;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
	}
    .navbar-toggler { 
		display: block !important;
		position: absolute;
		right: 0px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-color: transparent;
		padding: 0;
		font-size: 35px;
		line-height: 35px;
		color: var(--cleanzain-blackish-color);
		width: 40px;
		z-index: 1;
	}
    .navbar-toggler:hover, 
	.navbar-toggler:focus { 
		outline: none; 
	}
    .main-menu .navbar-collapse {
		position: absolute;
		width: 100%; left: 0;
		background-color: #fff;
		z-index: 99;
		top: 82px; 
	}
    .main-menu .navigation > li {
		float: none; 
		border-bottom: 1px solid rgba(0, 0, 0, 0.10); 
	}
    .site-header .site-navigation ul.navigation > li > a {
		height: auto!important; 
		line-height: 24px !important; 
		padding: 15px 25px; 
		display: inline-block;
		margin: 0;	
		color: #000;
	}
	.main-menu .navigation > li > ul a{
		color: #000;
		padding: 15px 25px;
		height: auto;
		display: inline-block;
	}
    .main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul {
		border: none; 
		box-shadow: inherit !important; 
		width: 100%;
		display: none; 
		position: inherit; 
		-webkit-transform: translateY(0); 
		-moz-transform: translateY(0); 
		-ms-transform: translateY(0); 
		-o-transform: translateY(0); 
		transform: translateY(0); 
	}
    .main-menu .navigation > li > ul > li > ul { 
		left: 0; 
		top: 100%; 
	}
    .main-menu .navigation > li.dropdown > ul.open, 
	.main-menu .navigation > li.dropdown > ul.open li.dropdown > ul.open {
		display: block; 
		opacity: 1; 
		visibility: visible; 
		padding-left: 1em;
	}
	.main-menu .navigation > li > ul li,
	.main-menu .navigation > li > ul li a{
		border: none;
	}
    .menu-right-box { 
		position: relative; 
		right: 30px; 
		top: 10px; 
	}
	.site-header .righticon {
		display: block;
		position: absolute;
		right: 25px;
		top: 15px;
		cursor: pointer;
		color: rgba(0, 0, 0, 0.80);
	}
    .site-header .menu-right-box { 
		display: none !important; 
	}
    .main-menu ul > li.dropdown > a:after{
		display: none;
	}
	.site-header .righticon i{
		font-size: 14px;
	}
	.cleanzain-pre-header-wrapper{
		display: none;
	}
	.cleanzain-nav-menu-toggle{
		display: none;
	}
	.site-header .cleanzain-header-content{
		position: relative;
	}
	ul.navigation.clearfix{
		padding: 90px 0;
	}
	.cleanzain-slider-social {
		display: none;
	}
	.cleanzain-right-box {
		display: none!important;
	}
	.site-header .cleanzain-social-links{
		display: none;
	}
	.site-header .site-header-menu > .container{
		padding: 0 30px;
	}
	.cleanzain-search-overlay .cleanzain-search-outer{
		position: absolute;
		left: 50px;
		right: 50px;
	}
	.site-header .main-menu .navigation > li{
		padding: 0 !important;
	}
	.site-header .cleanzain-header-search-btn{
		margin-right: 30px;
	}

	/*=== Section-Padding ===*/
	.section-lg {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.section-md{
		padding-top: 60px;
		padding-bottom: 60px;
	} 
	.section-lgx{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.section-xl{
		padding-top: 80px;
		padding-bottom: 50px;
	}
	.section-lgb{
		padding-bottom: 80px;
	}
	.section-lgt{
		padding-top: 80px;
	}
	/*=== Header ===*/
	.header-style-1.site-header .cleanzain-main-header-area{
		margin: 0;
	}
	.header-style-1.site-header .cleanzain-main-header-area .container-fluid{
		padding: 0 30px;
	}
	.site-header .cleanzain-button-box-second{
		display: none;
	}
	

	/*=== Banner Slider ===*/
	.cleanzain-slider-one{
		border-radius: 0;
		margin-top: 0;
	}

	/*=== Section-Title ===*/
	.cleanzain-heading-subheading .cleanzain-title br,
	.cleanzain-heading-subheading .cleanzain-heading-desc br{
		display: none;
	}
	/*=== Title Bar ===*/
	.cleanzain-title-bar-wrapper>.container{
		padding: 0 30px;
	}
	.single-post .cleanzain-title-bar-content .cleanzain-tbar-title{
		font-size: 45px;
        line-height: 55px;
	}
	/*=== Homepage-01 ===*/
	.about-us-one-center-area{
		height: 100%;
	}
	.ihbox-one-bg,
	.testimonial-one-bg{
		background-image: none;
	}
	

	/*=== Homepage-02 ===*/

	.cleanzain-ihbox-style-2 .cleanzain-ihbox-headingicon {
		display: block;
	}
	.cleanzain-ihbox-style-2 .cleanzain-ihbox-svg,
	.cleanzain-ihbox-style-2 .cleanzain-ihbox-icon {
		margin: 0 0 20px;
	}
	.cleanzain-ele-fid-style-3 .cleanzain-fid-content {
		display: block;
	}
	.cleanzain-ele-fid-style-3 .cleanzain-heading-desc {
		padding: 10px 0 0 !important;
	}
	.ihbox-two-bg{
		margin: 0 -19px;
		padding: 80px 30px 50px 30px;
	}
	.testimonial-two .container-fluid{
		padding: 0 !important;
	}
	
	.appointment-two-bg{
		margin: 0 -19px;
		padding: 80px 30px 80px 30px;
	}
	.appointment-two-bg .ihbox-style-area{
		display: none;
	}
	.blog-two-bg{
		background-image: none;
	}
	.cleanzain-blog-style-2 .cleanzain-post-item {
		display: block;
	}
	.cleanzain-element-column-two .cleanzain-blog-style-2 .cleanzain-featured-wrapper img {
		width: 100%;
	}
	.cleanzain-blog-style-2 .cleanzain-content-wrapper {
		padding: 30px 20px;
	}
	/*=== Homepage 03 ===*/

	.ihbox-three-bg,
	.testimonial-three-bg{
		background-image: none;
	}
	
	/*=== Homepage 05 ===*/
	.about-five-leftbox{
		margin: 0px 10px 0px 0px;
	}
	.about-five-leftbox .cleanzain-heading .cleanzain-title{
		font-size: 50px;
		line-height: 50px;
	}
	.about-five-right-box{
		margin: 0px 0px 0px 10px;
	}
	.service-five-bg{
		background-image: none;
	}
	.appointment-five-left-box,
	.appointment-five-right-col .wrapper{
		margin: 0px 15px 0px 15px;
	}
	.appointment-five-right-col .cleanzain-heading{
		padding: 0px; margin: 0px;
	}
	.action-image img{width: 100%;}
	
	/*=== Service Detail ===*/
	.service-left-col,
	.service-right-col,
	.blog-left-col,
	.blog-right-col{
		display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
	}
	.service-right-col,
	.blog-right-col{
		padding-top: 60px;
	}
	.widget.cleanzain-service-ad .cleanzain-service-ads{
		padding: 80px 30px 70px;
	}
	/*=== Portfolio Single ===*/
	.cleanzain-single-project-details-list .cleanzain-portfolio-lines-ul{
		grid-gap: 30px;
        grid-template-columns: repeat(2, 1fr);
	}
	.cleanzain-portfolio-lines-wrapper .cleanzain-portfolio-line-li:not(:last-child)::after{
		display: none;
	}
	/*=== Blog Single ===*/

	
	/*=== Contact Us ===*/
	.cleanzain-extend-animation {
        clip-path: unset !important;
    }
	.contact-us-bg{
		background-image: none;
	}
	/*=== Footer ===*/
	.site-footer{
		padding-top: 80px;
	}
	.site-footer .container{
		padding: 0 30px;
	}
	.site-footer .cleanzain-footer-big-area .cleanzain-footer-logo img{
		margin-bottom: 30px;
	}
	.site-footer .cleanzain-footer-widget-area{
		padding-bottom: 80px;
	}
	.site-footer .cleanzain-footer-text-inner:before, 
	.site-footer .cleanzain-footer-text-inner:after{
		display: none;
	}
}

@media(max-width:1024px) {
	/*=== Heading Title ===*/
	.cleanzain-heading-subheading .cleanzain-title{
		font-size: 45px;
		line-height: 50px;
	}
	/*=== Title Bar ===*/
	.single-post .cleanzain-title-bar-content .cleanzain-tbar-title{
		font-size: 40px;
        line-height: 50px;
	}
	.cleanzain-title-bar-wrapper{
		padding-top: 0px;
	}
	/*=== Banner Slider ===*/
	.cleanzain-slider-one .cleanzain-slider-item{
		height: 500px;
	}
	.cleanzain-slider-area .cleanzain-sub-title{
		font-size: 10px;
		line-height: 17px;
	}
	.cleanzain-slider-area .cleanzain-sub-title:after{
		width: 39px;
		height: 37px;
		top: -8px;
		right: -45px;
	}
	.cleanzain-slider-one .cleanzain-slider-content .cleanzain-title{
		font-size: 56px;
		line-height: 56px;
	}
	.cleanzain-slider-one .cleanzain-slider-content .cleanzain-desc{
		font-size: 13px;
		line-height: 17px;
	}
	.cleanzain-slider-area .cleanzain-slider-content .cleanzain-btn{
		padding: 8px 21px;
		font-size: 11px;
	}
	.cleanzain-slider-area .cleanzain-slider-content .cleanzain-btn svg{
		width: 12px;
	}
	
	
	/*=== Homepage-01 ===*/
	.about-us-one-left{
		margin: 0;
		padding: 30px 30px 0px 30px;
	}
	.about-us-one-center-area{
		margin: 30px 0;
		height: auto;
	}
	.about-us-one-rightbox{
		margin: 0;
		background-image: none;
	}
	.about-one-left-bg{
		padding: 230px 0;
		margin: 0 30px;
		border-radius: 30px 30px 0px 0px;
	}
	.about-one-content{
		margin: 0 30px;
		padding: 40px 30px 80px 30px;
		border-radius: 0px 0px 30px 30px;
	}
	.fid-style-area .col-xl-6:first-child .cleanzain-ele-fid-style-1{
		margin-bottom: 20px;
	}
	.about-one-content .list-group{
		padding-left: 0;
	}
	
	/*=== Homepage-02 ===*/
	.about-two-bg{
		padding: 200px 0;
	}
	.about-two-bg{
		margin: 0;
	}
	.about-two-content {
        padding: 40px 30px 0px 15px;
    }
	.service-two-swiper-arrow{
		margin: 50px 0 0 0;
	}
	.testimonial-two-bg{
		padding: 220px 0;
		margin-right: 0;
		border-radius: 30px 30px 0px 0px;
	}
	.testimonial-two-box{
		margin: 0;
		padding: 30px 30px 80px 30px;
		border-radius: 0px 0px 30px 30px;
	}
	.appointment-two-bg .cleanzain-heading-subheading .cleanzain-title{
		font-size: 45px;
		line-height: 50px;
	}

	/*=== Homepage-04 ===*/
	.about-four-bg{
		padding: 210px 0;
	}
	.ihbox-four-leftbox .fid-style-box{
		left: 144px;
	}
	.ihbox-four-rightbox{
		padding: 40px 0 0 0;
	}
	.cleanzain-portfolio-content .cleanzain-heading{
		width: 280px;
		height: 280px;
	}
	.cleanzain-portfolio-content{
		left: 35%;
		top: 20%;
	}
	.cleanzain-portfolio-content .cleanzain-heading .cleanzain-title{
		font-size: 25px;
		line-height: 30px;
	}

	/*=== Homepage-05 ===*/
	.about-five-leftbox {
		margin: 0;
		padding: 80px 30px 80px 30px;
	}
	.about-five-leftbox .cleanzain-heading .cleanzain-title{
		font-size: 45px;
		line-height: 45px;
	}
	.about-five-right-box{
		margin: 30px 0px 0px 0px;
		padding: 0 30px;
	}
	.about-five-right-box .cleanzain-ihbox-wrap{
		height: 100%;
	}
	.service-five-bg{
		padding-right: 30px;
	}
	.appointment-five-left-col,
	.appointment-five-right-col{
		width: 100%;
	}
	.appointment-five-right-col .wrapper{
		margin-top: 30px;
		height: auto;
	}
	
	
	/*=== Service Detail ===*/
	.service-details .cleanzain-entry-content .service-single-img-02{
		padding: 230px 0;
		margin-bottom: 30px;
	}
	/*=== Portfolio Single ===*/
	.cleanzain-portfolio-single .cleanzain-entry-content .ihbox-style-area{
		padding: 30px 30px 30px 30px;
	}
	
	/*=== Contact Us ===*/
	.contact-form-rightbox{
		margin: 30px 0 0 0;
		padding: 40px 40px 0px 40px;
	}
	/*=== Footer ===*/
	
	.site-footer .widget{
		padding-top: 50px;
	}
	.site-footer .cleanzain-footer-widget-col-1,
	.site-footer .cleanzain-footer-widget-col-2,
	.site-footer .cleanzain-footer-widget-col-3,
	.site-footer .cleanzain-footer-widget-col-4{
		flex: 50% !important;
        max-width: 50% !important;
	}
}

@media(max-width:991px) {
	/*=== Section Title ===*/	
	.cleanzain-heading-subheading .cleanzain-title,
	.appointment-two-bg .cleanzain-heading-subheading .cleanzain-title{
        font-size: 40px;
        line-height: 45px;
    } 
	/*=== Banner Slider ===*/	
	.cleanzain-slider-one .cleanzain-slider-content{
		padding-left: 0;
	}
	.cleanzain-slider-one .cleanzain-slider-content .cleanzain-title{
		font-size: 50px;
		line-height: 50px;
	}
	.cleanzain-slider-area .cleanzain-sub-title:after,
	.cleanzain-slider-one .swiper-horizontal>.swiper-pagination-bullets{
		display: none;
	}
	.cleanzain-slider-area .cleanzain-sub-title{
		display: inline-block;
		font-size: 12px;
	}

	
	/*=== Homepage-04 ===*/
	.ihbox-four-leftbox .fid-style-box{
		left: 15px;
	}
	.cleanzain-portfolio-content{
		left: 38%;
		top: 20%;
	}
	/*=== Homepage-05 ===*/
	.service-five-bg .service-swiper-arrow{
		position: absolute;
		right: 15px;
		top: 50px;
	}
	.appointment-five-left-box{
		padding: 60px 60px 60px 30px;
	}
	
	/*=== Sortable Grid ===*/
	.cleanzain-sortable-list-ul{
		margin-bottom: 30px;
	}
	.cleanzain-sortable-list-ul li {
        margin-bottom: 25px;
    }
	/*=== Footer ===*/
	.site-footer{
		padding-top: 40px;
	}
	.site-footer .cleanzain-footer-widget-area{
		padding-bottom: 60px;
	}
	.site-footer .cleanzain-footer-widget-col-1,
	.site-footer .cleanzain-footer-widget-col-2,
	.site-footer .cleanzain-footer-widget-col-3,
	.site-footer .cleanzain-footer-widget-col-4{
		flex: 100% !important;
        max-width: 100% !important;
	}
}


@media(max-width:767px) {
	.whtsapp, .cleanzain-progress-wrap{right: 10px;}
	/*=== Section-Padding ===*/
	.app_log .appointment-five-right-col{width: 100%;}
	.tab_do .nav-link {
  padding: 10px 26px;
}
	.section-md{
		padding-top: 40px;
		padding-bottom: 40px;
	} 
	.section-lgx{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-lg{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-xl{
		padding-top: 60px;
		padding-bottom: 30px;
	}
	.section-lgb {
		padding-bottom: 60px;
	}
	.section-lgt{
		padding-top: 60px;
	}
	/*=== Section-Padding ===*/
	.cleanzain-heading-subheading .cleanzain-title {
        font-size: 35px;
        line-height: 40px;
    }
	.cleanzain-heading .cleanzain-title{
		font-size: 30px;
		line-height: 35px;
	}
	/*=== Title Bar ===*/ 
	.cleanzain-tbar-title{
		font-size: 50px;
		line-height: 60px;
	}
	.single-post .cleanzain-title-bar-content-inner{
		width: 100%;
	}
	.single-post .cleanzain-title-bar-content .cleanzain-tbar-title{
		font-size: 35px;
        line-height: 45px;
	}
	/*=== Banner Slider ===*/ 
	.cleanzain-slider-one .cleanzain-slider-item{
		height: 380px;
	}
	.cleanzain-slider-one .cleanzain-slider-content .cleanzain-title{
		font-size: 35px;
		line-height: 35px;
	}
	.cleanzain-slider-one .cleanzain-slider-content .cleanzain-desc{
		font-size: 11px;
		padding-top: 10px;
	}

	
	/*=== Homepage-01 ===*/
	.cleanzain-marquee-effect-style-1 .cleanzain-element-title{
		font-size: 50px;
		line-height: 60px;
	}
	.cleanzain-marquee-effect-style-1 .cleanzain-tag-wrapper{
		padding-left: 70px;
		margin-left: 30px;
	}
	.cleanzain-marquee-effect-style-1 .cleanzain-tag-wrapper::before{
		font-size: 40px;
		line-height: 50px;
	}
	.about-one-left-bg{
		margin: 0;
		padding: 175px 0;
	}
	.about-one-content{
		margin: 0;
	}
	.swiper-btn-custom{
		display: none !important;
	}
	

	.site-footer .widget{
		padding-top: 40px;
	}
	/*=== Homepage-02 ===*/ 
	.about-two-content {
        padding: 40px 0px 0px 15px;
    }
	.ihbox-two-bg{
		padding: 60px 30px 30px 30px;
	}

	
	.appointment-two-bg{
		padding: 60px 30px;
	}
	.appointment-two-bg .cleanzain-heading-subheading .cleanzain-title{
		font-size: 35px;
		line-height: 40px;
	}
	/*=== Homepage-03 ===*/ 
	

	/*=== Homepage-04 ===*/ 
	.about-four-list-group{
		grid-template-columns: repeat(1, 1fr);
	}
	.about-four-bg{
		padding: 160px 0;
	}
	.ihbox-four-leftbox .fid-style-box{
		left: 15px;
	}

	/*=== Homepage-05 ===*/ 
	.about-five-leftbox{
		padding: 60px 30px 60px 30px;
	}
	.about-five-leftbox .cleanzain-heading .cleanzain-title{
		font-size: 35px;
		line-height: 35px;
	}
	.about-five-right-box .cleanzain-ihbox-wrap{
		height: auto;
		margin: 0 0 30px 0;
	}
	.about-five-right-box .about-img-bg{
		margin: 30px 0 0 0;
	}
	.about-five-right-box .about-img-shape{
		-webkit-mask-image: none;
		border-radius: 20px;
	}
	.appointment-five-left-box .cleanzain-heading .cleanzain-title{
		font-size: 35px;
		line-height: 40px;
		margin-bottom: 20px;
	}
	
	/*=== Team Single Details ===*/ 
	.site-content{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	/*=== Service Detail ===*/	
	.service-details .cleanzain-entry-content .service-single-img-02{
		padding: 180px 0;
	}
	/*=== Portfolio Single ===*/
	.cleanzain-single-project-details-list .cleanzain-portfolio-lines-ul{
		grid-gap: 30px;
        grid-template-columns: repeat(1, 1fr);
	}
	.cleanzain-portfolio-single .list-group{
		padding-bottom: 30px;
	}
	
	/*=== Footer ===*/
	.site-footer .cleanzain-footer-widget-area{
		padding-bottom: 40px;
	}
}

@media(max-width:575px) {
	/*=== Section Title ===*/
	.cleanzain-heading-subheading .cleanzain-title,
	.appointment-two-bg .cleanzain-heading-subheading .cleanzain-title{
		font-size: 30px;
		line-height: 35px;
	}
	/*=== Banner Slider ===*/ 
	
	.cleanzain-slider-area .cleanzain-sub-title{
		font-size: 10px;
	}
	
	/*=== Title Bar ===*/
	.cleanzain-title-bar-wrapper{
		background-position: 70% 50%;
	}
	.cleanzain-title-bar-wrapper, 
	.cleanzain-title-bar-content{
		min-height: 350px;
	}
	.cleanzain-tbar-title,
	.single-post .cleanzain-title-bar-content .cleanzain-tbar-title {
        font-size: 30px;
        line-height: 40px;
    }
	
	/*=== Homepage-02 ===*/ 
	.testimonial-two-box .swiper-buttons{
		display: none;
	}
	/*=== Homepage 04 ===*/
	.ihbox-four-leftbox .fid-style-box{
		left: 0;
	}
	.cleanzain-portfolio-content{
		left: 28%;
		top: 40%;
	}
	.cleanzain-portfolio-content .cleanzain-heading{
		width: 250px;
		height: 250px;
	}
	/*=== Homepage 05 ===*/
	.appointment-five-left-box .cleanzain-heading .cleanzain-title{
		font-size: 30px;
		line-height: 35px;
	}

	/*=== Service Detail ===*/ 
	.widget.cleanzain-service-ad .cleanzain-service-ads{
		padding: 60px 30px 50px;
	}
	.cleanzain-service-ads .cleanzain-ads-title{
		font-size: 24px;
		line-height: 34px;
	}
	/*=== Portfolio Single ===*/
	
	.nav-links .cleanzain-post-nav-wrapper {
        margin: 0 15px;
    }
	
	/*=== Blog Classic ===*/ 
	
	
	.comment-list .cleanzain-comment-avatar{
		float: none;
	}
	
	/*=== Footer ===*/ 
	
}

@media (max-width: 485px){
	/*=== Header ===*/ 
	.site-header .cleanzain-header-search-btn{
		display: none;
	}
	/*=== Banner Slider ===*/ 
	.cleanzain-slider-one .cleanzain-slider-content .cleanzain-desc,
	
	/*=== Homepage 04 ===*/ 
	.cleanzain-portfolio-content{
		left: 17%;
		top: 30%;
	}
}

/*=== Min Start ===*/
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}

@media (min-width: 1367px){
	/*=== Homepage 04 ===*/
	.ihbox-four-bg{
		background-attachment: fixed;
	}
}

@media (min-width: 1201px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1424px;
    }
	/*=== Header ===*/
	.site-header .site-navigation ul.navigation .righticon{
		display: none;
	}
	.main-menu .navigation > li > ul li.active > a{
		color: var(--cleanzain-global-color);
	}
	.site-navigation ul.navigation > li.active > a{
		color: var(--cleanzain-global-color);
	}
	.site-header .cleanzain-social-links li{
		float: left;
	}
	.site-header .cleanzain-social-links li a{
		color: var(--cleanzain-white-color);
	}	
	.site-navigation ul.navigation > li > a{
		height: 100px;
		line-height: 100px;
		float: left;
		min-height: 1px;
		vertical-align: top;
		position: relative;
	}
	.site-navigation ul.navigation > li > a:hover{
		color: var(--cleanzain-global-color);
   }
	.main-menu .navigation > li > ul , .main-menu .navigation > li > ul > li > ul {
		min-width: 250px;
		position: absolute;
		padding: 8px 0;
		top: 100%;
		left: 0px;
		border-radius: 10px;
		z-index: 100;
		visibility: hidden;
		border-top: 3px solid var(--cleanzain-global-color);
		background-color: #ffffff;
		opacity: 0;
		-webkit-box-shadow: 0 0 60px 0 rgb(53 57 69 / 15%);
		-moz-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
		-ms-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
		-o-box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
		box-shadow: 0 0 60px 0 rgb(53 57 69 / 15%);
		-webkit-transition: all 300ms linear 0ms;
		-khtml-transition: all 300ms linear 0ms;
		-moz-transition: all 300ms linear 0ms;
		-ms-transition: all 300ms linear 0ms;
		-o-transition: all 300ms linear 0ms;
		transition: all 300ms linear 0ms;
  	}
	.main-menu .navigation > li > ul li{
		font-weight: 400;
    	padding: 10px 25px;
	}
	.main-menu .navigation > li > ul li:hover > a{
		padding-left: 18px;
		color: var(--cleanzain-global-color);
	}
	.main-menu .navigation > li > ul li:hover > a:before{
		width: 12px;
	}
	.main-menu .navigation > li > ul a:before{
		position: absolute;
		content: "";
		left: 0;
		right: auto;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 0;
		height: 1px;
		background-color: var(--cleanzain-global-color);
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
	}
   .main-menu .navigation > li > ul > li > ul{
		left: 100%;
		top: 0;
		margin-top: -8px;
   }
   .main-menu ul > li.dropdown > ul > li.dropdown::after {
		position: absolute;
		right: 25px;
		font-family: "cleanzain-base-icons";
		font-size: 16px;
		content: "\e814";
		font-weight: 600;
		margin-left: 8px;
		top: 5px;
		color: var(--cleanzain-blackish-color);
   }
	.main-menu ul > li > a:after{
		content: "";
		position: absolute;
		right: -29px;
		top: 50%;
		-khtml-transform: translateX(0%) translateY(-50%);
		-moz-transform: translateX(0%) translateY(-50%);
		-ms-transform: translateX(0%) translateY(-50%);
		-o-transform: translateX(0%) translateY(-50%);
		transform: translateX(0%) translateY(-50%);
		width: 6px;
		height: 6px;
		background-color: var(--cleanzain-global-color);
		border-radius: 50%;
	}
	.header-style-1 .sticky-header .cleanzain-main-header-area{
		margin: 0;
	}
	.site-header .sticky-header .site-branding .site-title{
		height: 90px;
		line-height: 90px;
	}
	.site-header .sticky-header .site-navigation ul.navigation > li > a{
		height: auto;
		line-height: 90px;
	}
	.header-style-1{
        background-color: var(--cleanzain-light-color);
		padding: 30px 40px 0 40px;
	}
	.header-style-1 .site-header-menu:not(.sticky-header) .cleanzain-main-header-area{
		border-radius: 30px;
	}
	.header-style-1 .cleanzain-main-header-area .container-fluid{
		max-width: none;
        width: auto;
		padding: 0 30px;
	}
	.header-style-1 .cleanzain-logo-menuarea .site-branding{
		padding-right: 30px;
	}
	
	
	

	/*=== Sidebar ===*/
	.blog-left-col,
	.service-left-col{
		flex: 0 0 74%;
        max-width: 74%;
	}
	.blog-left-col{
		padding-right: 46px;
	}
	.service-left-col{
		padding-left: 46px;
	}
	.blog-right-col,
	.service-right-col{
		flex: 0 0 26%;
        max-width: 26%;
	}
}

@media(min-width:1025px) {
	/*=== Image Animation ===*/
	.cleanzain-animation-style1{
		clip-path: polygon(0% 0%,0% 0%,0% 100%,0% 100%);
	}
	.cleanzain-animation-style2{
		clip-path: polygon(100% 0%,100% 0%,100% 100%,100% 100%);
	}
	.cleanzain-animation-style1.active,
	.cleanzain-animation-style2.active{
		clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
	}
	.cleanzain-animation-style1 img{
		transform: scale(1.5) translate(-100px,0px);
	}
	.cleanzain-animation-style2 img{
		transform: scale(1.5) translate(100px,0px);
	}
	.cleanzain-animation-style1.active img,
	.cleanzain-animation-style2.active img{
		transform: scale(1) translate(0px,0px);
	}
	/*=== Homepage-01 ===*/
	.about-us-one-col-1{
		width: 38%;
	}
	.about-us-one-col-2{
		width: 25%;
	}
	.about-us-one-col-3{
		width: 50%;
	}

}

@media screen and (min-width: 992px){
	/*=== Footer ===*/
	.site-footer .cleanzain-footer-widget-col-1{
		flex: 0 0 24%;
        max-width: 24%;
	}
	.site-footer .cleanzain-footer-widget-col-2{
		flex: 0 0 19%;
        max-width: 19%;
	}
	.site-footer .cleanzain-footer-widget-col-3{
		flex: 0 0 22%;
        max-width: 23%;
	}
	.site-footer .cleanzain-footer-widget-col-4{
		flex: 0 0 23%;
        max-width: 23%;
	}
}

@media (min-width: 1350px) and (max-width: 1600px) {
	.cleanzain-fid-space .cleanzain-ele-fid-style-2 .cleanzain-fid-inner {
		font-size: 80px;
		line-height: 80px;
	}
	.cleanzain-fid-space .cleanzain-fid-space .cleanzain-ele-fid-style-2 .cleanzain-fid-inner {
		margin-bottom: 40px;
	}
}



@media (min-width: 1201px) and (max-width: 1600px){
	.header-style-1{
		padding: 30px;
	}
	.header-style-1 .main-menu .navigation > li{
		padding: 0 25px;
	}
	.header-style-1 .cleanzain-logo-menuarea .site-branding{
		padding-right: 10px;
	}
	
}

@media (min-width: 1201px) and (max-width: 1500px){
	.header-style-1{
		padding: 30px 0 0 0;
	}
	.header-style-1 .main-menu .navigation > li{
		padding: 0 22px;
	}
	.header-style-1 .cleanzain-logo-menuarea .site-branding{
		padding-right: 5px;
	}
	.header-style-1 .main-menu ul > li.dropdown > a:after{
		right: -25px;
	}
	.header-style-1 .cleanzain-button-box .cleanzain-header-button a{
		padding-left: 45px;
        font-size: 16px;
	}
	.header-style-1 .cleanzain-button-box .cleanzain-header-button a:before{
		font-size: 17px;
        width: 40px;
        height: 40px;
        line-height: 40px;
	}
	
}

@media (min-width: 1201px) and (max-width: 1400px){
	.header-style-1 .main-menu .navigation > li{
		padding: 0 20px;
	}
	.header-style-1 .cleanzain-logo-menuarea .site-branding{
		padding-right: 0;
	}
	
	
}





@media (min-width: 1024px) and (max-width: 1350px) {
	.cleanzain-fid-space .cleanzain-ele-fid-style-2 .cleanzain-fid-inner {
		font-size: 60px;
		line-height: 60px;
	}
	.cleanzain-fid-space .cleanzain-fid-space .cleanzain-ele-fid-style-2 .cleanzain-fid-inner {
		margin-bottom: 20px;
	}
	.cleanzain-fid-space .cleanzain-ele-fid-style-2 .cleanzain-fid-inner .cleanzain-fid span {
		margin-left: -10px;
	}
}



@media (min-width: 1024px) and (max-width: 1200px) {
	.cleanzain-ele-fid-style-2 .cleanzain-fid-inner {
		font-size: 80px;
		line-height: 80px;
	}
	.cleanzain-ihbox-style-12 .cleanzain-ihbox-wrap {
		padding: 20px;
	}
}

@media (min-width:992px) and (max-width:1024px){
	.cleanzain-column-four .cleanzain-portfolio-style-1 .cleanzain-titlebox{
		padding: 10px;
	}
	.cleanzain-column-four .cleanzain-portfolio-style-1 .cleanzain-portfolio-title{
		font-size: 17px;
		line-height: 27px;
	}
}

@media(min-width: 991px) and (max-width: 1200px){
	/*=== Homepage 02 ===*/
	.cleanzain-ihbox-style-6 .cleanzain-ihbox-headingicon {
		padding: 30px;
	}
	.cleanzain-ihbox-style-10 .cleanzain-ihbox-headingicon {
		padding: 30px;
	}
}