body video{ width:100%; }
.container-fluid{ max-width: 1420px; }

/*fonts
font-family: 'Barlow', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Sarabun', sans-serif;
*/
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Bold.woff2') format('woff2'),
        url('../fonts/Raleway-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




body ul{ list-style: none; padding-left:0px; margin-bottom: 0px;}
body img{ max-width:100%;}
body{font-family: 'Sarabun', sans-serif;}
body a:hover , body a{ text-decoration: none; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; }
.container-fluid{ max-width: 1700px;  }
.p-70{ padding: 70px 0px; max-width: 1920px; margin: auto;}
.heading{ margin-bottom: 20px; }
h2{ font-size: 36px; font-weight: 700; font-family: 'Montserrat', sans-serif; }
.heading p{ font-weight: 500; font-size: 22px; font-family: 'Sarabun', sans-serif; color: #000; }
.heading{ text-align: center;  }
.heading h2{ color: #094077; text-transform: uppercase; padding-bottom: 30px; margin-bottom: 20px; position: relative; }
.heading h2:after{ content: ""; position: absolute; bottom: 0px; left: 0px; margin: auto; right: 0px; height: 4px; width: 150px; background-color: #0ba4d3; }

.banner_main{ position: relative; max-width: 1920px; margin: auto; }

/**header**/
header{ padding: 10px 0; background-color: rgba(0,0,0,0.66); position: absolute;  top: 0px; left: 0px; width: 100%;  z-index: 9; }
header .navigation > ul {	display: flex;	flex-wrap: wrap; font-family: 'Barlow', sans-serif; font-weight: 600;}
header .navigation > ul > li{ margin-right: 60px; }
header .navigation > ul > li a{ color: #fff; font-size: 18px; text-transform: uppercase;}
header .navigation > ul > li a:hover{ color: #ffdd00; }
.mobile_header {display: none;}
.header_content {	display: flex;	flex-wrap: wrap;	justify-content: space-between;	align-items: center;}
header .container-fluid{ max-width: 100%; }
.header_right {	display: flex;	flex-wrap: wrap;	align-items: center; justify-content: flex-end;}
.header_contact{ display: flex;  align-items: center; height: 125px; width: 445px; background-color: #000; padding: 25px; margin: -10px -15px -10px 40px;  }
.header_contact figure{ width: 60px; margin-bottom: 0px; }
header .contact_content h2{ font-size: 30px; font-weight: 700; font-family: 'Poppins', sans-serif; color: #fff; margin-bottom: 0px; padding-left: 20px;} 
header .contact_content h2 span{ display: block; font-size: 25px; margin-bottom: 8px; }
header .contact_content b , .contact_content a{ color: #00c0ff; }
header.sticky{ position: fixed; top: 0px; left: 0px; right: 0px; margin: auto; max-width: 1920px;  background-color: #000; }

.navigation ul li{ position: relative; }
.navigation ul li .sub-menu {
    background-color: transparent;  color: #fff;
    position: absolute;
    min-width: 270px;
    width:100%;
    left: 0;
    top: calc(100% + 0px);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    transform-origin: 0 0 0;
    margin-left: 0;
    padding:0;

}
.navigation ul li .sub-menu:before{ content: ""; background-color: #0d9fcd; opacity: 0.6; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;  }
.navigation ul li:hover  .sub-menu, .navigation ul li:focus {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.navigation ul li .sub-menu li{ display: block; }
.navigation ul li .sub-menu li a {
    color: #fff;
    width: 100%;
    display: block;
    padding: 10px 15px;
    margin-bottom: 1px;
}
.navigation ul li .sub-menu li:last-child a{ border-bottom:none; }
.navigation ul li .sub-menu li a:hover{ background-color:#30669b; color:#ffd700;}
.menu_section .menu_bottom  .sub-menu li{ padding:0px; display:block; }
.menu_section .menu_bottom  .sub-menu{ display:block;}
.navigation .arrow i{ font-size: 14px; color: #fff;  line-height: 14px;  margin-left: 5px;}

/**header**/

/**banner_section**/
.banner_section{ max-width: 1920px; margin: auto; position: relative; }
.banner_section figure{ margin-bottom: 0px; }
.banner_section:after{ background-image: url(../images/banner_top_style.png); content: ""; position: absolute;
 top: 0px; left: 0px; width:868px; height: 761px; background-repeat: no-repeat; background-size: 100%; }
.banner_section .banner_left > figure img{ height: 900px; object-fit: cover; object-position: right; }
.banner_content {	position: absolute;	top: 125px;	left: 0px;	width: 100%; z-index: 1;}
h1{font-weight: 700;color: #ffdd00;font-size: 60px;font-family: 'Montserrat', sans-serif;margin-bottom: 20px;}
.banner_content_box {max-width: 745px; padding-top: 10px;	}
.stamp_img img{ margin-right: 35px; }
.stamp_img img:last-of-type{ margin-right: 0px; }
.banner_content p{  color: #fff; font-weight: 700; font-family: 'Raleway'; font-size: 18px; }
.banner_content h4{ font-size: 30px; color: #fff; text-transform: uppercase; }
.banner_content ul{padding: 15px 0 15px;}
.banner_content ul li{ position: relative; padding:6px 0px 6px 40px; }
.banner_content ul li:after{background-size: 100%; content: ""; position: absolute; top: 10px; left: 0px; background-image: url(../images/banner_list.png); width:30px; height: 30px;  }
.banner_content ul li{ font-size: 24px; color: #fff; font-weight: bold;  font-family: 'Raleway';}
.banner_content .default_button{font-size: 25px; border-radius: 4px; margin-top:20px; max-width: 370px; width: 100%; text-align: center; padding: 16px 25px ;}
.default_button:hover{  transition: 0.4s;
background: -moz-linear-gradient(top, #ff9e00 30%, #ff9e00 30%, #ffe000 100%); 
background: -webkit-linear-gradient(top, #ff9e00 30%,#ff9e00 30%,#ffe000 100%); 
background: linear-gradient(to bottom, #ff9e00 30%,#ff9e00 30%,#ffe000 100%);  color: #000; }
.banner_detail_bottom {	padding-bottom: 25px; max-width: 680px;}
.banner_form{ width: 445px; height: calc(100% - 125px); z-index: 1;   position: absolute; top: 125px; right: 0px; background-color: #006397; }
.banner_form form{ padding: 20px 35px; }
.banner_form .form_heading { text-align: center; padding: 15px; background-color: #0ea3d4;  }
.banner_form .form_heading h4{ font-weight: 700; font-size:28px; font-family: 'Poppins', sans-serif; color: #fff; margin-bottom: 0px;  }
.banner_form .form_heading h4 span{ color: #ffdd00; text-transform: uppercase; }
.banner_form .form-control{ height: 50px; border-radius: 5px; border: 1px solid #878787; font-size: 14px; color: #000; }
.banner_form .form-group{ margin-bottom: 10px; }
.banner_form .form-control::-webkit-input-placeholder { color: #000; font-size: 14px; }
.banner_form .form-control::-moz-placeholder { color: #000; font-size: 14px; }
.banner_form .form-control:-ms-input-placeholder {color: #000; font-size: 14px; }
.banner_form .form-control:-moz-placeholder {color: #000; font-size: 14px; }
.banner_form textarea.form-control{ height: 90px; }
.banner_form .default_button{ max-width:295px; width: 100%;  color:#fff; border: none; transition: 0.4s;
 background-color: #0ea3d4; background-image: none; box-shadow: none; padding: 10px 15px; font-weight: 700; font-size: 24px; }
 .banner_form .default_button:hover{ background-color: #ffdd00; transition: 0.4s; color: #000; }
/**banner_section**/

.top_form{ color: #fff; padding: 0px 20px 20px;  }
.top_form p label{ margin-bottom: 0px; }
.top_form p { margin-bottom: 10px; }


/****radio_css****/
.banner_form input[type="radio"]:checked,

.banner_form input[type="radio"]:not(:checked) {

    position: absolute;

    left: -9999px;

}

.banner_form input[type="radio"]:checked + label,

.banner_form input[type="radio"]:not(:checked) + label

{

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    line-height: 20px;

    display: inline-block;

   

}

.banner_form input[type="radio"]:checked + label:before,

.banner_form input[type="radio"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 20px;

    height: 20px;

    border: 1px solid #404040;

    border-radius: 100%;

    background: #fff;

}

.banner_form input[type="radio"]:checked + label:after,

.banner_form input[type="radio"]:not(:checked) + label:after {

    content: '';

    width: 12px;

    height: 12px;

    background: #404040;

    position: absolute;

    top: 4px;

    left: 4px;

    border-radius: 100%;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.banner_form input[type="radio"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

.banner_form input[type="radio"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

/****radio_css****/



 /**service_section**/
.service_section figure{ margin-bottom: 0px; }
.heading_service{ padding-bottom: 30px; }
.heading_service p:after{ content: ""; position: absolute; bottom: 10px; left: 0px; width: 100%; height: 3px; background-color: #0ea3d4; z-index: -1; }
.heading_service h2{ color: #094077; text-transform: uppercase; }
.heading_service p{  padding-right: 15px; margin-bottom: 0px; z-index: 1; position: relative; font-weight: 500; font-size: 22px; font-family: 'Sarabun', sans-serif; color: #000;}
.heading_service p span{background-color: #fff; padding-right: 15px;}
.service_section h4{ font-family: 'Barlow', sans-serif; font-weight: 500; font-size: 30px; background-color: #006397; color: #fff; padding: 10px 25px; margin-bottom: 15px; }
.service_section .row [class*="col-"]{ padding: 15px; }
.services_content{ position: relative; }
.services_content a:hover h5{ color: #ffdd00; }
.services_content figure img{ width: 100%; max-height: 200px;}
.service_section h5{ position: absolute; font-family: 'Sarabun', sans-serif; padding: 10px 5px; font-weight: 700; text-transform: uppercase; font-size: 17px; bottom: 0px; 
margin-bottom: 0px; left: 0px;  width: 100%; background-color: #094077; text-align: center; color: #00c0ff; min-height:60px; }
/**service_section**/

/**washing_work**/
.washing_work{ background-color: #006397; padding-bottom: 25px; }
.washing_work .heading h2{ color: #fff; }
.washing_list_content span.stap_box{ width: 115px; font-size: 48px; font-weight: 600;  height: 115px; border-radius: 50%; position: absolute; top: 0px; left: 0px;
	background-color: #094077; border: 6px solid #fff; display: inline-block; color: #00c0ff; text-align: center; line-height: 95px; }
.washing_list_content{ z-index: 1; position: relative; width:390px; height: 390px; background-color: #fff; border-radius: 50%; text-align: center; padding: 30px 70px; }
.washing_list li:before{ content: ""; position: absolute;  bottom: 0px; left: 20px; width: 149px; height: 70px; background-size: 100%; 
background-repeat: no-repeat; background-image: url(../images/work_bottom_style.png); }
.washing_list{ display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1330px; margin: auto; padding: 80px 0;  }
.washing_list li{ width: 33.33%; max-width: 390px; position: relative; }
.washing_list li h5{ font-weight: 800;  font-size: 30px; color: #0da3d4; }
.washing_list li p{ font-size: 20px; }
.heading_left{ text-align: left; }
.bottom_washing_work .heading h2{ padding-bottom: 0px; color: #00c0ff;  }
.bottom_washing_work .heading p{ color: #fff; font-weight: 400; }
.bottom_washing_work .heading{ text-align: left; }
.bottom_washing_work .heading p a{ color: #fff; font-weight: 700; }
.bottom_washing_work .heading h2:after{ display: none; }
.bottom_washing_work {	min-height: 250px;}
/**washing_work**/

/**why_choose**/
.why_choose{ padding: 35px 0 80px; }
.why_choose .heading{ text-align: left; }
.why_choose .heading h2{ padding-bottom: 0px; color: #00c0ff; margin-bottom: 10px;  }
.why_choose .heading h2:after{ display: none; }
.after_before_section {	text-align: right; margin-top:-310px;}
.after_before_section figure{ display: inline-block; border: 8px solid #fff; }
.default_button{ display: inline-block; padding: 15px 45px; font-weight: 800; color: #000; font-size: 22px; text-transform: uppercase;
background: #ffe000;  border-radius: 50px; transition: 0.4s;
background: -moz-linear-gradient(top,  #ffe000 0%, #ff9d00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffe000 0%,#ff9d00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffe000 0%,#ff9d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
}

.contact_detail{ margin-top:50px; }
.contact_detail a{background: #ffe000; display: flex; flex-wrap: wrap; align-items: center; padding:25px 25px 25px 25px; position: relative;
background: -moz-linear-gradient(top,  #ffe000 0%, #ff9d00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffe000 0%,#ff9d00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffe000 0%,#ff9d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe000', endColorstr='#ff9d00',GradientType=0 ); /* IE6-9 */

-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);}
.contact_detail .contact_content{ padding-left: 25px; margin-left: 25px; border-left: 5px solid #fff; }
.contact_detail{ max-width: 700px; width: 100%; }
.contact_detail a figure{ margin-bottom: 0px; }
.contact_detail h5{ font-weight: 700; font-size:30px; color: #000000; }
.why_choose .contact_detail h2{ margin-bottom: 0px; font-size: 60px; color: #fff; font-weight: 700; line-height: 60px; font-family: 'Barlow', sans-serif;}
.why_choose .default_button{ margin-top: 15px; }

/**why_choose**/


/**our_gallery**/
.our_gallery{ background-image: url(../images/gallery_banner.jpg); background-repeat: no-repeat; background-size: cover; }
.our_gallery .heading h2{ color:#fff; }
.our_gallery .heading p{ color: #fff; }
.our_gallery .row{ margin: 0px -7px; }
.our_gallery figure{ margin-bottom: 0px; border: 3px solid #0ba4d3; }
.our_gallery .row [class*="col-"]{ padding: 7px; }
.gallery_content {padding-top: 30px;}
.view_btn {	color: #fff;		font-size: 24px;	font-weight: 700;	font-family: 'Montserrat', sans-serif;
	text-decoration: none; margin-top: 10px; text-align: right;}
.view_btn a{ color: #fff; transition: 0.4s; }
.view_btn a:hover{ color: #ffdd00; }
/**our_gallery**/

/**review**/
.reviews_content .row{ justify-content: center; }
.review_box{  text-align: center;padding: 30px;border: 1px solid #a4a4a4;height: 100%; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.12);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.12); }
.heading h4{ color: #002552;margin-bottom: 30px; }
.review_box p{ color: #3d3c3c; line-height: 18px; font-size: 14px; margin-bottom: 20px; font-weight: 400; font-family: 'Poppins', sans-serif;}
.review_box h5{ font-size: 16px; color: #18a5d8; margin-bottom: 10px; font-weight: 700; font-family: 'Poppins', sans-serif;}
.reviews_content {	padding-top: 55px;}
/**review**/


/**footer**/
footer{ background-color: #094077; max-width: 1920px; margin: auto; color: #fff; border-top: 10px solid #00c0ff;  font-family: 'Sarabun', sans-serif;  font-weight: 400;}
footer h5{ font-size: 18px; text-transform: uppercase; font-weight: 700; color: #00bbff; margin-bottom: 15px; }
.footer_content ul li a , footer p{ color: #fff; font-size: 16px; line-height: 24px; }
.footer_content ul li a:hover{ color: #ffdd00; }
.footer_content{ display: flex;flex-wrap: wrap;  }
.footer_link ul li:last-child{ margin-top: 15px; }
.footer_link ul li:last-child img{ margin-right: 10px; }
.footer_content .footer_item{ width: 20%; padding: 50px 25px; border-right: 4px solid #07335f; }
.footer_content .footer_item ul li{ margin-bottom: 2px; }
.footer_content .footer_item:first-of-type{ padding-left: 0px; }
.footer_content .footer_item:last-of-type{ padding-right: 0px; border: none; }
.footer_content .footer_item:first-of-type , .footer_content .footer_item:last-of-type{ width: 30%; }
.copyright_footer {	padding-top: 15px;}
.footer_contact ul li , .footer_contact ul li a { font-size: 18px; color: #fff; margin-bottom: 0px; }
.footer_contact ul li:last-child{ padding-top: 15px; }
.footer_contact ul{ padding-bottom: 25px; }
.footer_contact ul li span{ color: #00bbff; }
.copyright_footer p{ margin-bottom: 0px; }

.facebook_cls{ position: relative; padding-left: 40px; min-height: 34px; display: flex; align-items: center; }
.facebook_cls:before{ content: ""; position: absolute; top: 0px;left: 0px; width: 33px; height: 34px;
 background-image: url(../images/facebook.png); background-size: 100%; }
/**footer**/
.img_hover {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 400ms ease-out;
}
.service_section figure , .our_gallery figure{ overflow: hidden; }
.service_section figure:hover .img_hover , .our_gallery figure:hover .img_hover {
	transform: scale(1.15);
}


/**scroller_slider**/

.ba-Slider{
	margin-left: auto;
    position:relative;
    display:block;width:600px;height:780px;
    
    background:#212121;
    border:8px solid #fff;

    overflow:hidden;
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
}



.slider{
    position:absolute;
    top:calc(50% - 18px);
    left: calc(50% - 18px);
    border: 4px solid #fff;
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
	-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    height: 38px;
	width: 38px; z-index: 2;
    cursor:pointer;
}
.slider::after ,.slider::before{ content: " ";display: block;position: absolute; z-index: 30; width: 5px;height: 9999px;left: 50%;margin-left: -4px; }
.slider::after {
	top: 50%; background-color: #fff;
	margin-top: 22px;
	-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.slider::before {
	bottom: 50%;
	background-color: #fff;
	margin-bottom: 22px;
	-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
#before{
    position:absolute;top:0;left:0;
    width:50%;
    overflow:hidden; height: 100%;
    
}
.ease{
    transition:width ease .5s,left ease .5s;
    -moz-transition:width ease .5s,left ease .5s;
    -webkit-transition:width ease .5s,left ease .5s;
}
#after {
	height: 100%;
}
#before:after{
   
}
.ba-Slider:hover .twentytwenty-overlay { opacity: 0; transition: 0.4s; }
.twentytwenty-overlay{ position: absolute;    top: 0;    width: 100%;    height: 100%; -webkit-transition-property: background;
-moz-transition-property: background; left: 0px; background-color: rgba(0,0,0,0.3);
transition-property: background;
} 

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
	width: 0;
	height: 0;
	border: 6px inset transparent; 
	position: absolute;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
	top: 50%;
	margin-top: -6px;
}
.twentytwenty-right-arrow {
	border-left: 6px solid white;
	right: 50%;
	margin-right: -17px;
}
.twentytwenty-left-arrow {
	border-right: 6px solid white;
	left: 50%;
	margin-left: -17px;
}
.after_before_section img{ max-width: inherit; height: 100%; }


.twentytwenty-after-label{
	position: absolute; -webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;     -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
	top: 0;
	width: 100%;
	height: 100%; 
}


.twentytwenty-after-label::before {
	content: "After"; right: 10px;
}
.twentytwenty-after-label::after{
	content: "Before"; left: 10px;
}
.twentytwenty-after-label::after , .twentytwenty-after-label::before {
	position: absolute;
	background: rgba(255, 255, 255, 0.2);
	line-height: 38px;
	padding: 10px 25px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; color: rgba(240,250,255,1);
	top: 50%;
margin-top: 0;
transform: translate(0,-50%);
-webkit-transform: translate(0%,-50%);
-moz-transform: translate(0,-50%);
font: normal normal normal 25px 'Sarabun', sans-serif;; 
}


/**scroller_slider**/


/**About_us**/
.about-main {	display: flex;	flex-wrap: wrap; align-items: center;}
.about-main .about_right , .about-main .about_left{ width: 50%; }
.about-main .about_left{ padding-right: 80px; }
.about_sec .about_right figure{ position: relative; background-color: #094077; padding: 15px; margin-bottom: 0px; overflow: hidden; display: inline-block; }
.about_sec .about_right figure img{ border: 8px solid #fff; position: relative; z-index: 1; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);  }
.about_sec .about_right figure:after{ position: absolute; top: 30px; right: 30px; background-color: #0d9dcc;  height: 100%; width: 100%; content: ""; }
h4{ font-size: 48px;  color: #094077; font-weight: 700;font-family: 'Montserrat', sans-serif; }
.border_heading{ position: relative; margin-bottom: 25px; }
.border_heading:after{ bottom: 19px; left: 0px; content:""; position: absolute; height: 4px; width: 100%; background-color:  #0ea3d4; }
.border_heading h4{ display: inline-block; background-color: #fff; position: relative; z-index: 1; padding-right: 10px; }
.about_quote { padding: 10px 0px; position: relative;  }
.about-main .about_quote , .about-main h5{ padding: 0px 50px; }
.about_sec .about_quote p{ font-size: 24px; color: #000; }
.about_quote p:last-of-type{ margin-bottom: 0px; }
.about_quote:before , .about_quote:after{ content: ""; position: absolute;  width: 41px; height: 27px; 
background-size: 100%; background-repeat: no-repeat; }
.about_quote:before { top: 0px; left: 0px; background-image: url(../images/quote_img.png); }
.about_quote:after { bottom: 0px; right: 0px; background-image: url(../images/quote_img.png);transform: rotate(180deg); 
	-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); }

.about_sec h5{ font-size: 30px; font-weight: 500; color: #000; margin-top: 70px; }
.about_sec h5 a{ color: #0ea3d4; font-weight: 700; }

.banner_section.inner_banner .banner_left > figure img{ height: 570px; }
.inner_banner .default_button{ margin-top: 0px; }
.inner_banner .banner_content_box{ padding-top: 75px; }
.banner_section.inner_banner::after{ background-image: url(../images/inner_banner_top_style.png); width: 896px; height: 484px; }
.inner_why_choose{ background-image: url(../images/inner_why_choose.jpg); text-align: center; color: #fff; }
.inner_why_choose h2{ font-size: 48px; text-transform: uppercase; margin-bottom: 20px; }
.inner_why_choose p{ font-size: 30px; font-weight: 500; }
.inner_why_choose .default_button{ 	margin-top: 30px; }
.default_button.btn_square {font-size: 25px; border-radius: 4px;	max-width: 370px;	width: 100%;
	text-align: center;	padding: 16px 25px;}
.choose_contect_bottom{ background: -moz-linear-gradient(top, #ffe000 0%, #ff9d00 100%);
background: -webkit-linear-gradient(top, #ffe000 0%,#ff9d00 100%);
background: linear-gradient(to bottom, #ffe000 0%,#ff9d00 100%);
-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75); max-width: 1920px; margin: auto;}

.bg_box_contact h5{ font-weight: 700; font-size:30px; color: #000000; }
.bg_box_contact h2{ margin-bottom: 0px; font-size: 60px; color: #fff; font-weight: 700; line-height: 60px; font-family: 'Barlow', sans-serif;}
.bg_box_contact h2 a{ color: #fff; }
.bg_box_contact .contact_content {	padding-left: 25px;	margin-left: 25px;	border-left: 5px solid #fff;}
.bg_box_contact {	display: flex;	align-items: center;}
.main_box_top .bg_box_contact { padding-left: 65px; }
.main_box_top figure{ margin-bottom: 0px; }
.main_box_top {
	display: flex;
	flex-wrap: wrap;
	padding: 35px 0;
	align-items: center;
	justify-content: center;
}


/**wp_radio_css**/

.top_form .wpcf7-list-item {
display: block;  margin-left: 0px;
}



.top_form .wpcf7-radio label {
position: relative;
cursor: pointer; display: inline-block; padding-left: 15px; margin-bottom: 10px;
}

.top_form .wpcf7-radio input[type=radio] {
position: relative;
visibility: hidden;
}

.top_form .wpcf7-radio input[type=radio] + span {
/ border: 3px solid red; /
}

.top_form .wpcf7-radio input[type=radio] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 18px;
width: 18px;
top: 3px;
border: 1px solid #fff;
left: 0px;
background-color: #fff;
}

.top_form .wpcf7-radio input[type=radio] + span:after {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 12px;
width: 12px;
top: 6px;
left: 3px;
visibility: hidden;
}

.top_form .wpcf7-radio input[type=radio]:checked + span:before {
background: transparent;
}

.top_form .wpcf7-radio input[type=radio]:checked + span:after {
background: #222;
visibility: visible;
}

/**wp_radio_css**/

/**faq**/
.faq_sec{ max-width: 1920px; margin: auto; }
.faq_content .collapse_box { max-width: 1000px;  margin: auto;}
.inner_heading{ text-align: center; }
.inner_heading p{ font-size: 22px; color: #000; font-weight: 500; }
.inner_heading p:last-of-type{ margin-bottom: 0px; }
.faq_sec .inner_heading{ max-width: 900px; margin:auto; padding: 50px 0px; }
.faq_sec .inner_heading h4{ margin-bottom: 15px; }
.faq_content {    background: #094077;    padding: 65px 0;}
.faq_content .accordion > .card { margin-bottom: 12px; border: none; background-color: #08396a;}
.faq_content .accordion > .card .btn { border: none; padding: 13px 35px 14px 35px;
background: -moz-linear-gradient(top,  #0ea1d2 0%, #0b6b9f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0ea1d2 0%,#0b6b9f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0ea1d2 0%,#0b6b9f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    background-color: #0c86b8;
    color: #fff;
    font-weight: 700;  
    font-family: 'Sarabun', sans-serif;
    font-size: 22px;
    border-radius: 5px;
    position: relative;
   
}
.faq_content .accordion > .card:last-of-child{ margin-bottom: 0px; }
.faq_content .accordion > .card .btn:focus{ box-shadow: none; outline: none; border: none; }
.faq_content .accordion .card-body{ padding: 10px 35px; }
.faq_content .accordion .card p{ color: #fff; font-weight: 500; font-size: 18px; line-height: 35px; }
.faq_content .accordion .card p:last-child{ margin-bottom: 0px;  }
/**faq**/

/**commericial-services**/
.inner_service_section { max-width: 1920px;    margin: auto;}
.commercial_service{ background-color: #094077; padding: 25px 0px 40px; }
.service_section .commercial_service  h5{ background-color: #006397; }
.commercial_service .top_img_box{ position: relative; }
.service_section .commercial_service .services_content{ background-color: #02284f; height: 100%; }
.bottom_content_box {  padding: 20px;}
.bottom_content_box p{ color: #fff; font-size: 18px; font-weight: 500; margin-bottom: 20px; }
.service_section .commercial_service h4{ font-weight: 600; font-size: 36px; text-transform: uppercase; text-align: center; font-family: 'Montserrat', sans-serif; }
.commercial_service .default_button.btn_square{ display: block; text-align: center; margin: 45px auto 0px;  }
.service_section .text_area p { font-weight: 500; font-size: 18px; color: #000000;  }
.service_section .text_area { padding-bottom: 30px; }
.inner_service_section .service_section{ padding-top: 60px; }
.slider-section .ba-Slider{  width: 100%; height: 410px; border-color: #f9f9fb; }
.slider-section .slider_item{ width: 310px; padding : 0px 15px; }
.slider-section{ display: flex; flex-wrap: wrap; justify-content: center;  padding: 60px 0 35px;}
.slider-section .slider_item h5{ text-align: center; font-size: 24px; text-transform: uppercase; font-weight: 700; color: #094077; font-family: 'Barlow', sans-serif; }
.slider-section .ba-Slider img{ max-width: inherit; height: 100%; }
.slider-section .twentytwenty-overlay{ display: none; }

/**commericial-services**/

/**contact**/
.contact_section  .border_heading::after{  bottom: auto;    top: 50%;    transform: translate(0 , -50%); }
.contact_detail_right { background-color: #094077;  color: #fff; padding: 30px;}
.contact_form .form-group{ margin-bottom: 20px; }
.contact_form textarea.form-control{ height: 115px; resize: none; }
.contact_form .form-control:focus{ box-shadow: none;  }
.contact_form .form-control { height: 58px; border-radius: 30px; border: 1px solid #d3d3d3; font-size: 18px; font-weight: 500; color: #4d4d4d; }

/*
	.contact_form select.form-control{ -webkit-appearance: none; appearance: none; background-image: url(../images/select_arrow.png); background-repeat: no-repeat; background-position: 96%; }
select::-ms-expand {  display: none;}
*/
	

.contact_form label{ font-size: 18px; font-weight: 500; color: #4d4d4d; padding-left: 20px; }
.contact_form label span{ color: #cf1a1a; }
.contact_detail_right p , .contact_detail_right a{ font-size: 24px; color: #fff; font-weight: 500; margin-bottom: 0px; }
.contact_detail_right .contact_box_detail{ padding: 18px 30px; border-bottom: 3px solid #ffcd00; }
.form_box {padding: 15px 70px 0px 0px;}
.contact_detail_right .contact_box_detail:last-child{ border-bottom: none; padding-bottom: 0px; }
.contact_detail_right .time_detail span{ width: 60%; display: inline-block;  } 
.top_call_box{ text-align: center; padding-bottom: 5px; }
.top_call_box a{ font-weight: 700; color:#fff; font-size: 60px;  font-family: 'Barlow', sans-serif; text-decoration: none;}
.top_call_box a figure{ margin-bottom: 5px; }
.contact_section .submit { text-align: center; margin-top: 40px; }
.submit .default_button { width: 210px; height: 50px; line-height: inherit; padding: 0px !important; text-transform: capitalize; border: none; }
.contact_detail_right p span{ display: block;  }
.contact_detail_right a:hover{ color: #ffcd00; }
/**contact**/


.service_cat .text_area p{ margin-bottom: 30px; }

.cat_main_img {  float: right;  padding: 0px 0px 15px 30px;}
.recent_project { padding-bottom: 60px;}
.recent_project .default_button{ margin-top: 40px; } 
.recent_project h2{ color: #094077; padding-left: 15px; margin-bottom: 15px; }
.service_cat .heading_service h2{ text-transform: capitalize; font-size: 48px; }

.blog_cont h2 a { color: #000;}
.menu-item-has-children button.sub-menu-toggle { display: none; }

.tags .tagcloud a {
    background: #7f8c8c;
    color: #fff;
    padding: 7px 10px;
    border-radius: 5px;
    font-size: 14px !important;
}


/*wp_form*/

/*******contact*******/
.contact_form input , .contact_form textarea , .contact_form select{ height: 58px; border-radius: 30px; border: 1px solid #d3d3d3; font-size: 18px !important; padding: 10px 15px !important; font-weight: 500; color: #4d4d4d; }
.contact_form input:focus , .contact_form textarea:focus , .contact_form select:focus{ outline: none !important; }
.contact_form .gform_wrapper.gravity-theme .gfield textarea.large{ height: 115px; resize: none; }
.contact_form .gform_wrapper.gravity-theme .gfield_label {    font-size: 18px;    font-weight: 500;    color: #4d4d4d;    padding-left: 20px;}
.contact_form .gform_wrapper.gravity-theme .gform_fields{ display: block;}
.contact_form .gform_wrapper.gravity-theme .gfield {  margin-bottom: 20px;}
.contact_form select{    -webkit-appearance: none;    appearance: none;    background-image: url(../images/select_arrow.png);    background-repeat: no-repeat;    background-position: 96%;}
.gform_wrapper.gravity-theme #gform_submit_button_2 {
    display: inline-block;
    padding: 10px 40px !important;
    height: 50px;
    width: 210px;
    font-weight: 800;
    color: #000;
    text-transform: capitalize;
    background: #ffe000;
    transition: 0.4s;
    background: -moz-linear-gradient(top,  #ffe000 0%, #ff9d00 100%);
    background: -webkit-linear-gradient(top,  #ffe000 0%,#ff9d00 100%);
    background: linear-gradient(to bottom,  #ffe000 0%,#ff9d00 100%);
    -webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.75);
    font-size: 25px !important;
    border-radius: 4px !important;
    text-align: center; border: none; line-height: 20px;
}    
.gform_wrapper.gravity-theme #gform_submit_button_2:hover {
	transition: 0.4s;
	background: -moz-linear-gradient(top, #ff9e00 30%, #ff9e00 30%, #ffe000 100%);
	background: -webkit-linear-gradient(top, #ff9e00 30%,#ff9e00 30%,#ffe000 100%);
	background: linear-gradient(to bottom, #ff9e00 30%,#ff9e00 30%,#ffe000 100%);
	color: #000;
}
.gform_wrapper.gravity-theme #gform_submit_button_2:focus{outline: none !important; border: none !important;}
.contact_form .gform_wrapper.gravity-theme .gform_footer{ text-align: center;}
/*******contact*******/

/*******banner-form*******/
.banner_form .gform_wrapper.gravity-theme input[type="tel"] , .banner_form .gform_wrapper.gravity-theme input[type="text"] , .banner_form .gform_wrapper.gravity-theme input[type="email"] , .banner_form .gform_wrapper.gravity-theme .gfield textarea {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	background-color: #fff;
	background-clip: padding-box;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	height: 50px;
	border-radius: 5px;
	border: 1px solid #878787;
	font-size: 14px;
	color: #000 !important;
}
.banner_form .gform_wrapper.gravity-theme .gform_fields{ display: block;}
.banner_form .gform_wrapper.gravity-theme .gfield{ margin-bottom: 10px; }
.banner_form .gform_wrapper.gravity-theme .gfield input::-webkit-input-placeholder , .banner_form .gform_wrapper.gravity-theme .gfield textarea::-webkit-input-placeholder { color: #000 !important; font-size: 14px; }
.banner_form .gform_wrapper.gravity-theme .gfield input::-moz-placeholder , .banner_form .gform_wrapper.gravity-theme .gfield textarea::-moz-placeholder { color: #000 !important; font-size: 14px; }
.banner_form .gform_wrapper.gravity-theme .gfield input:-ms-input-placeholder , .banner_form .gform_wrapper.gravity-theme .gfield textarea:-ms-input-placeholder{color: #000 !important; font-size: 14px; }
.banner_form .gform_wrapper.gravity-theme .gfield input:-moz-placeholder , .banner_form .gform_wrapper.gravity-theme .gfield textarea:-moz-placeholder {color: #000 !important; font-size: 14px; }
.banner_form .gform_wrapper.gravity-theme .gfield textarea{ height: 90px !important; }
.banner_form #gform_submit_button_1{ max-width:230px; width: 100%;  color:#fff; border: none; transition: 0.4s;
 background-color: #0ea3d4; background-image: none; box-shadow: none; padding: 10px 15px; font-weight: 700; font-size: 22px; border-radius: 50px; text-transform: uppercase;line-height:auto;}
.banner_form #gform_submit_button_1:hover{ background-color: #ffdd00; transition: 0.4s; color: #000; }
.banner_form .gform_wrapper.gravity-theme .gfield input:focus , .banner_form .gform_wrapper.gravity-theme .gfield textarea:focus{ outline: none !important; }
.banner_form #field_1_8{ padding: 0px !important; border: none !important;}
.banner_form .gform_wrapper.gravity-theme .gfield.consultation{ color: #fff; padding: 0px 20px 20px; margin-bottom: 0px;}
.banner_form .gform_wrapper.gravity-theme .gfield_label , .banner_form .gform_wrapper.gravity-theme .gfield_radio label{ font-family: 'Sarabun', sans-serif; font-weight: 400; font-size: 16px;}
.banner_form .gform_wrapper.gravity-theme .gchoice{ margin-bottom: 10px;}
.banner_form .gform_wrapper.gravity-theme .gform_footer{ padding:0px !important; text-align: center; margin-top: 0px;}

    
/*******banner-form*******/

/*wp_form*/


/*new-css-start*/
ul.bullet_points {display: block;padding: 0;}
ul.bullet_points li {text-transform: none;padding: 0px 0 0px 0;list-style: disc;left: 20px;}
ul.bullet_points li:after {content: "";position: absolute;background-image: none;}
ul.bullet_points li { font-size: 20px; text-transform: capitalize;}
/*new-css-end*/


/*gallery-popup-start*/

.gallery_content .modal-content .modal-body img {
    width: 100%;
}
 .gallery_content .modal-content button.close {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 35%);
    box-shadow: 0 0 1px 1px rgb(0 0 0 / 35%);
}
 .gallery_content .modal-content button.close span {
    position: relative;
    top: -4px;
    font-weight: lighter;
    text-shadow: none;
}
.gallery_content .modal {
    top: 25%;
    transform: translateY( -50px );
}
.gallery_content .modal .modal-body {
    padding: 8px;
}

/*gallery-popup-end*/

/*service-gallery-popup-start*/

.recent_project .modal-content .modal-body img {
    width: 100%;
}
 .recent_project .modal-content button.close {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 35%);
    box-shadow: 0 0 1px 1px rgb(0 0 0 / 35%);
}
 .recent_project .modal-content button.close span {
    position: relative;
    top: -4px;
    font-weight: lighter;
    text-shadow: none;
}
.recent_project .modal {
    top: 25%;
    transform: translateY( -50px );
}
.recent_project .modal .modal-body {
    padding: 8px;
}





span.gfield_required.gfield_required_text {
    display: none;
}

.gform_wrapper .gform_validation_errors{
    display: none;
}

.gform_wrapper .gfield_error [aria-invalid=true] {
    border: 1px solid #c02b0a !important;
}
.banner_form .gform_wrapper .gfield_validation_message, .banner_form .gform_wrapper .validation_message{
	    display: none !important;
}

.gform_ajax_spinner{display:none!important}


.ginput_recaptcha {
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}



.gform_wrapper .validation_message {
    background: transparent !important;
    border: none !important;
    font-size: 14px !important;
    margin-top: 0px !important;
    padding: 5px 0 0 !important;
}

.instruction.validation_message {
    display: none;
}
.form_heading strong {
    color: #fff;
}
.banner_form input.large {
    height: 45px !important;
}
.hours-sec{
    font-size:20px !important;
    margin-bottom: 15px !important;
}

/*service-gallery-popup-end*/

/**media**/

@media ( min-width: 1300px){
.container{ max-width: 1370px; }
}

@media ( min-width: 1340px){
.logo {	position: relative;	left: 50%; 	transform: translate(-50% , 0);	margin-left: -730px;}	
}
@media ( min-width: 1600px) and ( max-width: 1700px){
header .navigation > ul > li {	margin-right: 50px;}	
.header_contact{ margin-left: 0px; }


.container-fluid {  max-width: 1550px;}
.logo{ margin-left: -660px; }
}

@media ( min-width: 1500px) and ( max-width: 1600px){
.bottom_washing_work .heading h2{ font-size: 32px; }
.header_contact{ margin:-10px -15px -10px 10px; }
header .contact_content h2{ font-size:25px; }
header .contact_content h2 span{ font-size:22px; }
.header_contact{ width: 420px; padding: 20px; height: 110px; }
header .navigation > ul > li a{ font-size:15px; }	
header .navigation > ul > li {	margin-right: 40px;}
.banner_content{ top: 110px; }
.banner_form{ top: 110px; }

.container-fluid {max-width: 1430px;}
.heading p{ font-size:20px; }
.logo{ margin-left: -595px; }
}

@media ( min-width: 1340px) and ( max-width: 1499px){
.ba-Slider{ width: 100% ; }	

header .navigation > ul > li a{ font-size: 16px; }
header .navigation > ul > li{  margin-right: 30px; }
.header_contact figure {    width: 50px;    margin-bottom: 0px;}
.header_contact{ width: auto; padding: 20px; margin-left: 0px; }
header .contact_content h2 span{ font-size: 21px; }
header .contact_content h2{ font-size: 25px; }
.logo img { max-width: 177px;}
.logo{ margin-left: -550px; }
.container{ max-width: 1300px; }
.container-fluid{ max-width: 1300px; }

}


@media ( max-width: 1339px){
/*nav_start*/ 
.navbar-fostrap {display: inline-block;padding: 0;z-index: 9999; padding-right: 25px;}
.navbar-fostrap span {height: 4px;background: #00c0ff;margin: 5px 0;display: block;transition: 0.3s ease;width: 32px;}
.navigation.visible {left: 0;-webkit-transition: left .4s ease;-moz-transition: left .4s ease;-ms-transition: left .4s ease;-o-transition: left .4s ease;transition: left .4s ease;height: 100vh; }
.navigation {z-index: 999;background: #006397;width: 400px;position: fixed; left: -400px;top: 0;-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
	margin: 0;border: 0;border-radius: 0;overflow-y: auto;overflow-x: hidden;height: 100vh; padding-top:100px;}
.navigation > ul > li {width: 100%; margin-right: 0px;}
.navigation ul li a {padding: 14px 15px !important;display: block;border-bottom: 1px solid #999999;}
.header_bottom {background: none;margin-block: -20px;}
.-bg .navbar-fostrap span:nth-child(1) {transform: rotate( 45deg);margin-top: 0px; transform-origin: top left;}
.-bg .navbar-fostrap span:nth-child(2) { display: none;}
.-bg .navbar-fostrap span:nth-child(3) {transform: rotate(-45deg); margin-top: 18px; transform-origin: left bottom;}
.banner {margin-top: 110px;margin-bottom: -19px;}
.header.sticky .header_bottom { background: none;}

span.arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    height: auto;
    line-height: 24px;
    font-size: 13px;
    text-align: center;
    color: #424242;
    display: block;
}
.navigation.visible > ul > li.menu-item-has-children span.arrow  {color: #fff;line-height: 4;background: #0ea3d4;}
.navigation.visible > ul > li.menu-item-has-children span.arrow  i{ color: #fff; }
.navigation ul li:hover > .sub-menu, .navigation ul li:focus {visibility: visible;opacity: 1;-webkit-transform: scale(1);
    -moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.navigation > ul > li .sub-menu {
    border: none;
    box-shadow: none;
    opacity: 1;
    min-width: 100%;
    padding: 0px;
    width: 100%;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    transition: none;
    visibility: visible;
    left: 0px;
    z-index: 99;
    background-color: #0ea3d4;
    position: inherit;
    display: none;
    top: 0px;
}

/*nav_end*/ 	

.logo {	display: flex;	flex-wrap: wrap;	align-items: center;}
header .navigation > ul > li{ margin-right: 0px; }
}

@media ( min-width: 1200px) and ( max-width: 1339px){
 
.contact_detail_right .time_detail span { width: 50%; } 

h4{ font-size: 40px; }
.about-main .about_left {	padding-right: 40px;}
.about_sec .about_quote p{ font-size: 22px; }
.about_sec h5{ margin-top: 50px; font-size: 28px; }
.main_box_top > figure{ max-width: 400px; }
.inner_why_choose p{ font-size: 25px; }

h1{ font-size:50px; }
.heading p{ font-size: 20px; }
.ba-Slider{ width: 440px; height: 650px; }
.washing_list_content{ width: 335px; height: 335px; margin: auto; padding: 30px; }
.washing_list_content figure{ width: 130px; margin:0 auto 15px; }
.washing_list li h5{ font-size: 26px; }

.footer_content ul li a, footer p{ font-size:15px; }
.footer_content .footer_item{ padding:40px 22px; }

.banner_section.inner_banner .banner_left > figure img {height: 440px;}
.banner_section.inner_banner::after{ width: 750px; }
/**commericial-services**/
.service_section h5{ font-size: 18px; }
.bottom_content_box p{ font-size: 17px; }
/**commericial-services**/

/**contact**/
.contact_detail_right p, .contact_detail_right a{ font-size: 21px; }
/**contact**/
	
/*blog_page_start*/
.categories{ padding:0px 50px !important; }
/*blog_page_end*/	

.banner_detail_bottom ul.bullet_points li { padding-left: 0px; padding-right: 15px;}	
.hours-sec {
    font-size: 18px !important; 
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px){ 
.banner_content_box h1 {font-size: 40px;margin-bottom: 15px;}	
}


@media ( max-width: 1199px){
header .contact_content h2{ font-size:24px; }
header .contact_content h2 span{ font-size:20px; }
.header_contact figure{ width:50px; }
.header_contact {    width: auto;    padding: 15px;    height: 100%;}

.banner_form .form_heading{ padding: 20px; }
.banner_form .form_heading h4{ font-size:22px; }
.banner_form form{ padding: 25px 30px; }
.banner_form{ width:370px; top: 91px; height: calc(100% - 91px); }
h1{ font-size:45px; }
.banner_content_box {	max-width: 600px;	padding-top: 40px;}
.banner_content h4{ font-size:25px; }
.banner_content ul li{ font-size:22px; }
.banner_section::after{ width: 715px; height: 630px; }
.banner_detail_bottom{ padding-bottom: 40px; }
.stamp_img{ margin:0px -10px; }
.stamp_img img{ padding:10px; margin: 0px; }
.banner_content .default_button { font-size: 18px;  max-width: 250px;  padding: 10px 15px;}
.service_section .row{ margin:0px -10px; }
.service_section .row [class*="col-"]{ padding:10px 10px; }
.bottom_washing_work {	min-height: inherit;}

.washing_list_content{ width: 300px; height: 300px; margin: auto; padding: 30px; }
.washing_list_content figure{ width: 130px; margin:0 auto 15px; }
.washing_list li h5{ font-size:22px; }
.washing_list li p{ font-size:16px; }
.washing_list li{ text-align: center; }
.washing_work{ padding-bottom: 25px !important; }
.washing_list_content span.stap_box{ width:90px; height: 90px; border-width: 4px; line-height: 75px; font-size: 32px; }
.washing_list{ padding: 60px 0px; }

.why_choose .contact_detail h2{ font-size: 50px; }
.why_choose .contact_detail h5{ font-size: 25px; }


h2{ font-size:30px; }
.service_section h4{ font-size:25px; }
.service_section h5{ font-size:17px; }

.ba-Slider{ width:100%; height: 520px; }
.after_before_section{ margin-top: 0px; }
.why_choose {padding: 35px 0 60px;}
.twentytwenty-after-label::after, .twentytwenty-after-label::before{ font-size:17px; }

.gallery_content {	padding-top: 20px;}


.review_box{ padding: 20px; }
.p-70{ padding: 60px 0px; }
.heading h2{ font-size: 30px; padding-bottom: 25px; margin-bottom: 15px; }
.heading p{ font-size:17px; }
.reviews_content {	padding-top: 30px;}



.footer_content ul li a, footer p{ font-size:15px; }
.footer_content .footer_item{ padding: 40px 15px !important; border: none; }
.footer_contact ul li, .footer_contact ul li a{ font-size: 16px; }
.footer_content .footer_item:last-of-type{ width: 25%; }
.footer_item.footer_services {	width: 25%;}
.footer_content{ margin:0px -15px; }



h4{ font-size: 35px; }
.about_sec .about_quote p{ font-size: 20px; }
.about-main .about_left {	padding-right: 40px;}
.about_sec h5{ font-size: 22px; margin-top:35px; }
.about-main .about_quote, .about-main h5{ padding: 0px 35px; }
.about_quote::before, .about_quote::after{ width: 25px; }
.inner_why_choose h2{ font-size: 40px;  }
.inner_why_choose p{ font-size: 22px; }
.inner_why_choose .default_button {	margin-top: 20px;}
.default_button.btn_square{ max-width: 300px; font-size:22px; padding: 12px 25px; }
.main_box_top figure{ max-width: 300px; }
.bg_box_contact h2{ font-size: 45px; line-height: 45px; }
.bg_box_contact h5{ font-size: 22px; }
.bg_box_contact > figure{ max-width: 75px; }
.main_box_top{ padding: 25px 0px; }
.banner_section.inner_banner h1{ font-size: 35px; margin-bottom: 20px;  }
.banner_section.inner_banner .banner_left > figure img {	height: 350px; object-fit: cover; width: 100%;}
.banner_content{ top: 90px; }
.logo img{ max-width: 160px; }
.inner_banner .banner_content_box {    padding-top: 40px;}
.banner_section.inner_banner::after {  width: 570px;    height: 315px;}
footer{ border-width: 6px; }

/**commericial-services**/
.service_section .commercial_service h4{ font-size: 30px; }
.service_section .commercial_service h5{ font-size: 16px; }
.bottom_content_box p{ font-size: 16px; }
/**commericial-services**/


.faq_content .accordion > .card .btn{ font-size: 20px; padding: 10px 35px 14px 35px; }
.faq_sec .inner_heading p{ font-size: 20px; }
.faq_sec .inner_heading{ padding: 40px 0px; }
.faq_content{ padding: 50px 0px; }


/**contact**/
.form_box {padding: 0px 25px 0px 0px;}
.contact_detail_right p, .contact_detail_right a{ font-size: 18px; }
.contact_detail_right .contact_box_detail { padding: 15px 20px; }
.contact_detail_right .time_detail span {width: 50%;}
.top_call_box a{ font-size: 40px; }
.contact_form textarea.form-control{ height: 100px; }
.contact_form .form-control{ height: 55px; font-size: 16px; }
.contact_form label{ font-size: 16px; }
/**contact**/
.cat_main_img {  width: 50%;}
	
/*blog_page_start*/
.categories{ padding:0px 20px !important; }
.blog_cont p {font-size: 20px!important;line-height: 30px!important;margin-bottom: 25px!important;}
/*blog_page_end*/
	
/*wp-form*/	
.contact_form input, .contact_form textarea, .contact_form select{ font-size:16px !important; height: 50px;}   
.contact_form .gform_wrapper.gravity-theme .gfield_label{ font-size:16px;}    
.gform_wrapper.gravity-theme #gform_submit_button_2{ font-size: 22px !important; width: 200px;}    
.contact_form .gform_wrapper.gravity-theme .gfield {    margin-bottom: 15px;}    
/*wp-form*/   
.banner_detail_bottom ul.bullet_points li { padding-left: 0px; padding-right: 15px;}
.hours-sec {
    font-size: 16px !important;
    margin-bottom: 12px !important;
}
}

@media ( max-width: 991px){
.view_btn{ font-size:15px; }
.logo img{ max-width: 150px; }
header .contact_content h2{ font-size: 22px; }
header .contact_content h2 span{ font-size: 18px; }
.header_contact figure {width: 40px;}
.header_contact{ padding: 15px; height: 85px; }
.banner_content{ top: 85px; }
.banner_form .form_heading {padding: 15px;}
.header_contact{ width: 325px; }
.banner_form {	width: 325px;	top: 85px;	height: calc(100% - 85px);}
.banner_form .form_heading h4{ font-size: 20px; }
h1 {font-size: 35px;}
.banner_content_box{ max-width: 415px; margin-bottom: 20px; }
.banner_content h4{ font-size: 22px; }
.banner_content ul {padding: 15px 0;}
.banner_content ul li {	font-size: 18px; padding-left: 30px;}
.banner_content ul li::after{ width: 22px; height: 22px; }
.banner_content p{ font-size: 16px; }
.banner_form .form-control{ height: 45px; }
.banner_form textarea.form-control {height: 80px;}
.banner_form .default_button{ font-size: 18px; }
.banner_form form {	padding: 25px 20px;}
.top_form {	color: #fff;padding: 0px 15px 20px;}
.banner_detail_bottom {	padding-bottom: 30px;}
.banner_section .banner_left > figure img{ height: 820px; }
.stamp_img img{ max-width: 60%; }
.banner_section::after {width: 622px;	height: 560px;}

h2 {font-size: 25px;}
.heading_service p{ font-size: 18px; }
.heading_service {	padding-bottom: 20px;}

.ba-Slider {width: 100%;	height: 395px;}
.p-70 {	padding: 40px 0px;}
.why_choose .contact_detail h2{ font-size: 40px; line-height: 40px; }
.why_choose .contact_detail h5{ font-size: 20px; }
.contact_detail figure{ width: 65px; }
.contact_detail a{ padding: 15px; }
.why_choose {	padding: 35px 0 40px;}
.default_button{ font-size: 18px; padding: 12px 40px;  }
.washing_list_content{ width: 220px; height: 220px; padding: 5px 15px 0px;}
.washing_list_content span.stap_box{ width: 60px; height: 60px; line-height: 50px; font-size:25px; }
.washing_list_content figure{ width: 90px; margin-bottom: 10px; }
.washing_list li h5{ font-size: 18px; }
.washing_list li p{ font-size: 14px; }
.washing_list li p{ margin-bottom: 0px; }
.washing_list {	padding: 35px 0px;}


.review_box{ padding:15px; }
.reviews_content .row{ margin: 0px -5px; }
.reviews_content .row [class*="col-"]{ padding: 0px 5px; }
.review_box h5{ font-size:15px; }
.p-70 {	padding: 50px 0px;}
.heading h2{ font-size:25px; }
.heading p{ font-size:16px; }


.footer_item{ width: 50% !important; }
.footer_content .footer_item{ padding: 30px 15px !important; }

.about-main .about_right, .about-main .about_left{ width: 100%; }
.about-main h5 br{ display: none; }
.about_sec .about_quote p {	font-size: 18px;}
.about-main .about_right{ order: -1; }
.about-main .about_left{ padding: 0px; padding-top: 25px; }
h4{ font-size: 30px; }
.border_heading::after{ bottom: 15px; }
.border_heading{ margin-bottom: 20px; }
.inner_why_choose h2{ font-size: 30px; }
.inner_why_choose p{ font-size: 20px; }
.main_box_top > figure {	max-width: 230px;}
.bg_box_contact h2{ font-size: 35px; line-height: 35px; }
.default_button.btn_square{ font-size: 20px; }
.bg_box_contact > figure {	max-width: 60px;}
.main_box_top {	padding: 20px 0px;}

.banner_section.inner_banner .banner_left > figure img {	height: 300px;}
.banner_section.inner_banner::after {    width: 520px;    height: 285px;}
.banner_section.inner_banner h1{ font-size: 30px; }

/**commericial-services**/
.service_section .commercial_service h4{ font-size: 25px; }
.commercial_service .default_button.btn_square { margin: 30px auto 0px;}
.slider-section{ padding: 50px 0px 35px; }
.slider-section .slider_item h5{ font-size: 20px; }
.service_section .text_area p{ font-size: 16px; }
.inner_service_section .service_section { padding-top: 50px;}
/**commericial-services**/

.faq_sec .inner_heading p {  font-size: 18px;}
.faq_content .accordion .card p{ font-size: 16px; line-height: 28px; }
.faq_content .accordion > .card .btn {    font-size: 18px;    padding: 10px 26px 14px 25px;}
.faq_content .accordion .card-body {    padding: 10px 25px;}


/**contact**/
.form_box {padding: 0px;}
.contact_form .form-control{ height: 45px; }
.contact_form .form-group { margin-bottom: 15px;}
.contact_detail_right{ padding: 20px; }
.contact_detail_right p, .contact_detail_right a{ font-size: 16px; }
.contact_detail_right .contact_box_detail { padding: 10px 10px;}
.contact_section .submit {  margin-top: 30px;}
.top_call_box a{ font-size: 30px; }
.top_call_box a figure{ max-width: 70px; margin:0 auto 5px; }
.contact_form label { font-size: 15px;}
.contact_form select.form-control{ font-size: 15px; }
.submit .default_button{ width: 170px; height: 45px;  }
.contact_section .border_heading::after{ margin-top: -2px; }
/**contact**/


.service_cat .text_area p {    margin-bottom: 20px;}
.cat_main_img{ padding: 0px 0px 15px 15px; }
.service_cat .heading_service h2{ font-size: 32px; }
	
	
/*blog_page_start*/
.categories{ padding:0px 0px !important; }
.blog_cont p {font-size: 18px!important;line-height: 28px!important;margin-bottom: 25px!important;}
/*blog_page_end*/

/*wp-form*/    
.gform_wrapper.gravity-theme #gform_submit_button_2 {font-size: 22px !important;	width: 180px;}	
/*wp-form*/     
    
.banner_form .gform_wrapper.gravity-theme input[type="tel"], .banner_form .gform_wrapper.gravity-theme input[type="text"], .banner_form .gform_wrapper.gravity-theme input[type="email"], .banner_form .gform_wrapper.gravity-theme .gfield textarea{ height: 45px;}    
    
.banner_form #gform_submit_button_1{ max-width: 225px; font-size: 21px;}  
.banner_detail_bottom {	padding-bottom: 10px;}

.banner_detail_bottom ul.bullet_points li { padding-left: 0px; padding-right: 15px;}	

	
}


@media ( max-width: 767px){
.header_contact{ width: auto; padding: 0px; background-color: transparent; height: auto; margin: 0px;  }
header .contact_content h2 { font-size: 0px; padding: 0px; }
header .contact_content h2  span{ font-size: 0px; }
.navbar-fostrap{ padding-right: 16px; }
.logo img {	max-width: 125px;}
.banner_section{ overflow: hidden; }
.header_contact figure {width: 35px;}
.banner_content {	top: 73px; }
h1{ font-size: 30px; }
.banner_content_box{ width: 100%; padding-top: 25px; max-width: 100%; }
.banner_form{ position: relative; left: 0px; right: 0px; margin: 25px auto 0px; top: 0px; height: auto; width: 100%; max-width: 400px;}
.banner_content h4{ font-size: 19px; }
.banner_section::after{ width: 600px; }
.banner_content ul li{ font-size: 16px; }
.banner_section .banner_left > figure img {	height: 755px;}
.banner_content .default_button {    font-size: 16px;    max-width: 190px;    padding: 10px 15px;}
h2 {font-size: 22px;}
.heading_service p {font-size: 15px;}
.heading_service p::after{ bottom: 8px; }
.service_section h4 {	font-size: 18px; padding: 9px 15px; margin-bottom: 10px;}
.service_section h5 {	font-size: 15px;}
.heading p{ font-size: 15px; }

.contact_detail {	margin-top: 35px;}
.contact_detail figure {width: 40px;}
.why_choose .default_button{ margin-right: 10px; font-size: 16px; }
.why_choose .contact_detail h2{ font-size: 32px; line-height: 30px; }
.why_choose .contact_detail h5 {	font-size: 17px;}
.contact_detail .contact_content {	padding-left: 10px;	margin-left: 15px;	border-left: 3px solid #fff;}
.contact_detail a {	padding: 10px;}
.contact_detail {	max-width: inherit;	width: auto;	display: inline-block;	vertical-align: super;}
.gallery_content {	padding-top: 10px; }
.washing_list li h5 {
    font-size: 16px;
}
.washing_list_content {  padding: 5px 15px 0px;}	
.copyright_footer {	padding-top: 5px;}
footer h5{ font-size:16px; margin-bottom: 10px; }
.footer_content .footer_item {	padding: 15px 15px !important;}
footer{ padding: 10px  0px;}
.footer_content ul li a, footer p{ font-size:14px; }
.p-70 {	padding: 40px 0px;}
.heading h2{ font-size: 20px; }
.ba-Slider {	width: 100%;	height: 395px;	max-width: 290px;	margin: auto;}
.reviews_content .row [class*="col-"] {	padding: 10px;}
.reviews_content {	padding-top: 10px;}
.our_gallery .row [class*="col-"]{ text-align: center; }
.washing_list li {	width: 100%;	text-align: center;	max-width: 300px;	margin: 0px auto 25px;}
.navigation{ width: 100%; padding-top: 70px; left: -100%; }

.bg_box_contact .contact_content {
	padding-left: 20px;
	margin-left: 20px;
	border-left: 3px solid #fff;
}

.main_box_top > figure {	max-width: 190px;}
.bg_box_contact h2 {font-size: 30px;	line-height: 30px;}
.bg_box_contact h5 {font-size: 16px;}
.main_box_top .bg_box_contact {	padding-left: 45px;}
.default_button.btn_square{ font-size: 17px; padding: 11px 20px; max-width: 250px; }
.inner_why_choose h2 {	font-size: 25px; margin-bottom: 15px;}
.inner_why_choose p {	font-size: 17px;}
.about_sec .about_quote p {	font-size: 16px;}
.about_sec h5 {	font-size: 20px; margin-top: 25px;}
h4{ font-size: 24px; }
.banner_section.inner_banner .banner_left > figure img {	height: 280px; object-position: right;}
.inner_banner .banner_content_box {	padding-top: 35px;}
.banner_section.inner_banner::after { width: 480px; height: 265px;}
.banner_section.inner_banner h1{ margin-bottom: 15px; }
.about_sec .about_right figure{ padding: 10px;  }
.about_sec .about_right figure img { border:5px solid #fff; }

.inner_service_section .service_section {    padding-top: 40px;}
.service_section .text_area { padding-bottom: 15px;}
.service_section .text_area p {  font-size: 14px;}
.slider-section .slider_item h5 { font-size: 16px;}
.slider-section {    padding:15px 0px;}
.slider-section .slider_item{ padding: 15px; }

.banner_section.inner_banner h1 { font-size: 25px;}

.faq_sec .inner_heading p {    font-size: 16px;}
.faq_sec .inner_heading h4 {    margin-bottom: 10px;}
.faq_sec .inner_heading {  padding: 30px 0px;}
.faq_content .accordion > .card .btn { font-size: 16px;  padding: 7px 15px 10px;}
.faq_content .accordion .card p {    font-size: 15px;    line-height: 25px;}
.faq_content .accordion .card-body {  padding: 10px 15px;}
.faq_content { padding: 40px 0px;}

/**contact**/
.contact_form label { font-size: 14px;}
.contact_form select.form-control { font-size: 14px;}
.contact_form textarea.form-control { height: 90px;}
.contact_detail_right{ margin-top: 40px; }

/**contact**/

.service_cat .heading_service h2 { font-size: 27px;}
.cat_main_img{ padding: 0px 0px 15px; width: 100%; }
.recent_project { padding-bottom: 45px;}
.recent_project .default_button { margin-top: 25px;}
	
/*blog_page_start*/
.categories{ padding:0px 0px !important; }
.blog_cont p {font-size: 16px!important;line-height: 24px!important;margin-bottom: 20px!important;}
.blog_cont span { font-size: 16px !important; color: #0ea3d4 !important; line-height: 24px !important; margin-bottom: 10px !important; }
.blog_sec .categories h5 { font-size: 16px !important; line-height: 15px !important; }
/*blog_page_end*/
.banner_detail_bottom ul.bullet_points li { padding-left: 0px; padding-right: 15px;}
.banner_content_box h1 { font-size: 24px;     margin-bottom: 12px;}
.banner_content h4 {font-size: 18px; margin-bottom: 0;}
.banner_content ul {padding: 10px 0;}
.banner_detail_bottom p a.default_button {  margin-top: 0;}
	
	
.page-id-6 .banner_left .banner_content {position: relative;background: #0e2330;top: 0px;}
.page-id-6 .banner_section .banner_left > figure img { height: auto;}
.page-id-6 .banner_section:after {background-size: 0%;}
.page-id-6 header { background-color: rgb(0 0 0);position: relative; }

.stamp_img img:first-child{ width: 110px; }
.stamp_img img:nth-child(2){ width: 110px;}	
.stamp_img img:nth-child(3) {max-width: 210px;}	
.banner_content_box figure.stamp_img { padding-bottom: 10px;}
	
}


@media ( max-width: 575px){
.heading h2{ font-size: 18px; padding-bottom: 20px; margin-bottom: 10px; }
.footer_item {	width: 100% !important;}	
.gallery_content { max-width: 320px; margin: auto;}

.main_box_top {	padding: 15px 0px;}
.main_box_top .bg_box_contact {	padding-left: 0;}
.bg_box_contact .contact_content {	padding-left: 15px;	margin-left: 15px;	border-left: 3px solid #fff;}
.bg_box_contact > figure {	max-width: 50px;}
.main_box_top > figure {	max-width: 190px;	margin-bottom: 15px;}

.service_section .row [class*="col-"]{ max-width: 400px; margin:auto; }
.service_section .commercial_service h4 {    font-size: 20px;}

.contact_detail_right .contact_box_detail { padding: 10px 0;}
.contact_detail_right p, .contact_detail_right a {    font-size: 15px;}
.top_call_box a { font-size: 25px;}

.banner_detail_bottom {	padding-bottom: 10px;}   
.banner_content p {	font-size: 14px; margin-bottom: 0px;} 
	
.gallery_content .modal-content button.close {
	top: -8px;
    right: -8px;	
	}
	.hours-sec {
    font-size: 14px !important;
    margin-bottom: 10px !important;
}
}

.service_section h5 {
    min-height: auto;
}


/*Parking_start*/
.banner_content_box.Parking { padding-top: 25px; }
.banner_content_box.Parking h1 { margin-bottom: 25px; }
/*Parking_end*/


/*blog_start*/

.blog_cont figure {margin-bottom: 25px;}
.blog_cont span { font-size: 18px;color: #0ea3d4;line-height: 28px;margin-bottom: 20px;display: block;
font-family: 'Sarabun', sans-serif;font-weight: 400;}
.blog_cont p {font-weight: 500;font-size: 24px;line-height: 36px;color: #000;margin-bottom: 45px;font-family: 'Sarabun', sans-serif;}
.blog_sec .categories h5 {color: #0ea3d4;font-size: 18px;line-height: 20px;text-transform: uppercase;
margin: 0px 0px 15px 0px; font-family: 'Open Sans', sans-serif;font-weight: 700;}
.categories ul li:before {content: "\f061";position: absolute;left: 0;font-family: 'Font Awesome 5 Free';font-weight: 600;
font-size: 8px;top: 50%;transform: translateY( -50% );background: #0ea3d4;color: #fff;border-radius: 50px;
height: 14px;width: 14px;text-align: center;line-height: 14px;}
.categories ul li {position: relative;padding-left: 20px;     margin-bottom: 5px;}
.categories ul li a {color: #2b2b2b;line-height: 30px;font-size: 14px;font-family: 'Sarabun', sans-serif;font-weight: 500;}
.categories {margin-bottom: 30px; padding: 0px 100px;}
.recent_post ul li::before {content: "\f054";background: #fff;color: #0ea3d4;font-size: 12px; top: 17px;}
.recent_post ul li a {color: #1c1c1c;font-size: 16px; line-height: 22px;}
.recent_post ul li a span {color: #7f8c8c;display: block;font-size: 12px;line-height: 12px;}
.recent_post ul li {border-bottom: 1px solid #e5e6e6;padding-bottom: 10px;}
.categories ul li a:hover{ color: #0ea3d4; }
.tags ul li a:hover{ background: #0ea3d4; color: #fff;  }
.tags ul li a {background: #7f8c8c;color: #fff;padding: 0px 10px;border-radius: 5px;margin: 0px 6px 10px 0px;}
.tags ul li:before {display: none;}
.tags ul li {padding-left: 0px; width: 33%;  display: contents;}
.tags ul {display: flex;flex-wrap: wrap;}
/*blog_end*/