header nav .section_mobile_menu_trigger{
	width: 40px;
	height: 40px;
	padding: 12px;
	border-radius: 4px;
	background-image: url('https://stevesu.com/clean-home/wp-content/uploads/2026/09/icn-menu-open-white.svg');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: .3s ease-in-out 0s;
	display: none;
}

header nav .section_mobile_menu_trigger:hover{
	background-color: var(--dark-green);
	transition: .3s ease-in-out 0s;
}

header nav .section_mobile_menu_trigger.active{
	background-image: url('https://stevesu.com/clean-home/wp-content/uploads/2026/09/icn-mobile-close-white.svg');
}

.section_mobile_menu{
	display: none;
	pointer-events: none;
	z-index: 0;
    position: fixed;
    width: 100%;
}

.section_mobile_menu.menu_active{
	display: block;
	z-index: 6;
	pointer-events: auto;
}

.section_mobile_menu .menu-main-menu-container > ul li{
	margin-bottom: 0;
	background-color: #fff;
}

.section_mobile_menu .menu-main-menu-container > ul li a{
	display: block;
	font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: var(--main-color);
	padding: 12px 20px;
	background-color: #fff;
	transition: .3s ease-in-out 0s;
	cursor: pointer;
}

.section_mobile_menu .menu-main-menu-container > ul li.mobile_anchor{
	position: relative;
}

.section_mobile_menu .menu-main-menu-container > ul li.mobile_anchor:after{
	content: '+';
	font-size: 20px;
	font-weight: 600;
	position: absolute;
	right: 20px;
	top: 12px;
	z-index: 3;
	pointer-events: none
}

.section_mobile_menu .menu-main-menu-container > ul li.mobile_anchor.active:after{
	content: '-';
}


.section_mobile_menu .menu-main-menu-container > ul li.current-menu-item a,
.section_mobile_menu .menu-main-menu-container > ul li a:hover{
	background-color: #ece9e3;
}

.section_mobile_menu .menu-main-menu-container > ul li .sub-menu{
	height: auto;
	opacity: 0;
	max-height: 0;
	pointer-events: none;
	transition: .3s ease-in-out 0s;
}

.section_mobile_menu .menu-main-menu-container > ul li.active .sub-menu{
	opacity: 1;
	max-height: 400px;
	pointer-events: auto;
	transition: .3s ease-in-out 0s;
}

.section_mobile_menu .menu-main-menu-container > ul li .sub-menu li a{
	font-size: 12px;
	padding-left: 30px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/*****  Laptop *****/
@media screen and (max-width: 1366px) { 
	#header .section_header_side_menu ul li:not(.phone){
		display: none;
	}
	
	.section_home_row1 .container .section_home_row1_right .section_image .img_google_review{
		right: -20px;
	}
	
	#header nav .menu-main-menu-container > ul, #header .section_header_side_menu ul{
		gap: 0;
	}
	
	#header nav .menu-main-menu-container > ul > li > a{
		padding: 8px 16px;
	}
}

/***** Tablet *****/
@media screen and (max-width: 1024px) {
	
	.container.flex{
		gap: 24px;
	}
	
	.h1{
	  font-size: 48px;
	}

	.h2{
	  font-size: 42px;
	}

	.h3{
	  font-size: 35px;
	}

	.h7{
	  font-size: 26px;
	}
	
	header nav .section_mobile_menu_trigger{
		display: block;
	}
	
	header .section_header_side_menu,
	header nav .menu-main-menu-container{
		display: none;
	}
	
	.menu_active header nav .menu-main-menu-container{
		display: block;
	}
	
	.menu-main-menu-container > ul li.version_mobile,
	.version_mobile{
		display: block;
	}
	
	.section_mobile_menu .menu-main-menu-container > ul li a .menu-item-description,
	.version_desktop{
		display: none;
	}
	
	#footer > .container{
		flex-wrap: wrap;
	}
	
	#footer .container > div{
		width: 100%;
		max-width: calc(50% - 12px);
	}
	
	#footer .container .section_footer_col1 .section_qualification,
	.section_home_row1 .container .section_home_row1_left .section_home_row1_left_row1{
		flex-direction: column;
	}
	
	.section_home_row1 .container .section_home_row1_left .section_home_row1_left_row1{
		align-items: flex-start;
	}
	
	.section_home_row1 .container .section_home_row1_left .section_cta{
		flex-direction: column;
		align-items: flex-start;
	}
	
	.section_home_row1 .section_home_row1_right .section_image .section_main_image{
		width: 105%;
		height: 600px;
		object-fit: cover;
		object-position: center;
	}
	
	.cleaning-services-container > article, .posts-grid > article,
	.section_home_row4 .section_why_clean_homes_repeaters > li,
	.flex_with_3_columns > li,
	.section_four_columns > li,
	.section_three_columns > li{
    	max-width: calc(50% - 8px);
	}
	
	.section_home_row4 .section_row_cta a img{
		height: 430px;
	}
	
	
}

/***** Mobile *****/
@media (max-width: 767px) {
	.padding_80{
		padding-bottom: 60px;
		padding-top: 60px;
	}
	
    .h1{
	  font-size: 38px;
	}

	.h2{
	  font-size: 32px;
	}

	.h3{
	  font-size: 28px;
	}

	.h7{
	  font-size: 24px;
	}
	
	#footer .container > div{
		max-width: 100%;
	}
	
	.page-template-template-home .section_home_row1 .container .section_home_row1_right{
		display: none;
	}
	
	.section_home_row1 .section_background{
		width: 100%;
    	max-width: 100%;
    	height: 50%;
		top: inherit;
		bottom: 0;
		display: none;
	}
	
	.section_home_row1,
	.section_home_row1 .section_background{
		-webkit-border-bottom-left-radius: 32px;
    	-moz-border-radius-bottomleft: 32px;
    	border-bottom-left-radius: 32px;
	}
	
	.section_cta.flex,
	.std_btn{
		width: 100%;
		text-align: center;
	}
	
	.section_home_row3 > .container .section_home_row3_left, 
	.section_home_row6 > .container .section_home_row6_left, 
	.section_home_row7 > .container .section_home_row6_left,
	.stick_top_120{
		position: relative;
		top: inherit;
	}
	
	.section_home_row3 > .container, 
	.section_home_row6 > .container, 
	.section_home_row7 > .container,
	.section_home_row4 .section_row_static, 
	.section_why_us_row2 .section_row_static,
	.section_home_row4 .section_row_cta,
	#copyright .container{
		flex-wrap: wrap;
	}
	
	.section_home_row4 .section_row_static > div, 
	.section_why_us_row2 .section_row_static > div{
		max-width: 50%;
	}
	
	.section_home_row4 .section_row_static > div:nth-of-type(1), 
	.section_why_us_row2 .section_row_static > div:nth-of-type(1){
		border-bottom: #ccd3d3 1px solid;
	}
	
	.section_home_row4 .section_row_static > div:nth-of-type(2), 
	.section_why_us_row2 .section_row_static > div:nth-of-type(2){
		border-right: none;
		border-bottom: #ccd3d3 1px solid;
	}
	
	.section_home_row4 .section_row_cta a{
		padding-top: 200px;
	}
	
	.section_home_row6 > .container{
		gap: 32px;
	}
	
	#copyright .container{
		gap: 8px;
	}
	
	#copyright .container > div{
		width: 100%;
		text-align: center;
	}
	
	#copyright .container .menu-footer-legal-container ul{
		justify-content: center;
	}
	
	.section_sub_footer1 p{
		text-align: center;
	}
	
	.section_home_row1 .container > div,
	.cleaning-services-container > article, 
	.posts-grid > article, 
	.section_home_row4 .section_why_clean_homes_repeaters > li,
	.section_home_row3 > .container .section_home_row3_left, 
	.section_home_row6 > .container .section_home_row6_left, 
	.section_home_row7 > .container .section_home_row6_left,
	.section_home_row3 > .container .section_home_row3_right, 
	.section_home_row6 > .container .section_home_row6_right, 
	.section_home_row7 > .container .section_home_row6_right,
	.section_home_row4 .section_row_cta .section_home_row_4_cta1,
	.section_home_row4 .section_row_cta .section_home_row_4_cta2,
	.section_home_row3 > .container > div, 
	.section_home_row6 > .container > div, 
	.section_home_row7 > .container > div,
	#copyright .container > div,
	.flex_with_3_columns > li,
	.section_service_content .container > div,
	.section_service_vertal_list_container,
	.container.flex.two_columns > div,
	.single-cleaning-service .section_service_key_features_repeaters > li,
	ul.vertal_list.two_columns > li,
	.section_service_header > .container .section_service_header_left,
	.section_service_header > .container .section_service_header_right,
	.section_four_columns > li,
	.section_three_columns > li,
	.div_55,
	.section_how_it_works_2_repeaters.section_three_columns > li,
	.section_how_to_apply_row_2_main_repeaters > li,
	.page-template-template-how-to-apply .section_how_to_apply_row_2_cta_box > div,
	.page-template-template-how-to-apply .section_how_to_apply_row_2_cta_box .section_cta,
	.section_service_content .container > div,
	.career_list > li > div{
		max-width: 100%;
	}
	
	.single-post .section_post_misc{
		
	}
	
	.section_service_header > .container .section_service_header_left,
	.section_weekly_service_content_repeaters > li,
	.section_weekly_service_content_repeaters > li .section_content{
		flex: 0 0 100%;
	}
	
	.single-cleaning-service .section_service_key_features_repeaters > li,
	.section_weekly_service_content_repeaters > li,
	.section_service_full_width_cta .container .section_service_cta_box .section_service_cta_box_content,
	.page-template-template-how-to-apply .section_how_to_apply_row_2_cta_box > div,
	.page-template-template-how-to-apply .section_how_to_apply_row_2_cta_box .section_cta,
	.career_list > li > div{
		width: 100%;
	}
	
	.page-template-template-cleaning-services .section_home_row1 .container,
	.page-template-template-cleaning-services .section_home_row2 .section_cleaning_services_row_3_image_repeaters,
	.single-cleaning-service .section_service_content > .container,
	.single-cleaning-service .section_service_details_2_columns > .container,
	.single-cleaning-service .section_service_key_features_repeaters,
	.single-cleaning-service .section_service_header > .container,
	.section_service_full_width_cta .container .section_service_cta_box,
	.section_how_it_works_2_repeaters,
	.page-template-template-how-to-apply .section_how_to_apply_row_2_cta_box,
	.page-template-template-how-to-apply .section_how_to_apply_row_2_cta_box .section_cta,
	.section_service_content .container,
	.section_service_header > .container,
	.career_list > li,
	.single-post .section_post_misc{
		flex-wrap: wrap;
	}
	
	.single-cleaning-service .section_service_header .section_floating_image{
		position: relative;
		right: inherit;
		bottom: inherit;
		margin-top: 8px;
		padding-left: 8px;
		padding-top: 20px;
	}
	
	.page-template-template-why-us .section_why_us_row2 .section_row_static{
		gap: 16px;
	}
	
	.page-template-template-why-us .section_why_us_row2 .section_row_static > div{
		max-width: calc(50% - 8px);
	}
	
	.page-template-template-why-us .section_home_row4 .section_row_static > div:nth-of-type(1),
	.page-template-template-why-us .section_why_us_row2 .section_row_static > div:nth-of-type(1),
	.page-template-template-why-us .section_home_row4 .section_row_static > div:nth-of-type(2),
	.page-template-template-why-us .section_why_us_row2 .section_row_static > div:nth-of-type(2){
		border-bottom: none;
	}
	
	
	
}