body{
	margin:0px;
	padding: 0px;
	font-family: 'Montserrat', sans-serif;
}
p{
	color: #383838;
	font-size: 14px;
	line-height: 22px;
}
h1,h2,h3,h4,h5,h6{
color: #383838;
}
a{
	text-decoration: none;
	transition: all 0.3s ease-in-out 0s;
}
header.l-header .l-subheader.at_top{
	background: #383838;
}
.menu-item.level_1.current-menu-item>.w-nav-anchor, 
.menu-item.level_1.current-menu-parent>.w-nav-anchor, 
.menu-item.level_1.current-menu-ancestor>.w-nav-anchor{
	color: #badf1b !important;
}
.menu-item.level_1>.w-nav-anchor:focus, .no-touch .menu-item.level_1.opened>.w-nav-anchor, .no-touch .menu-item.level_1:hover>.w-nav-anchor{
	color: #badf1b !important;
}
.no-touch .w-toplink.active:hover{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4dc18+0,8cc505+100 */
	background: #b4dc18; /* Old browsers */
	background: -moz-linear-gradient(left, #b4dc18 0%, #8cc505 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #b4dc18 0%,#8cc505 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #b4dc18 0%,#8cc505 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4dc18', endColorstr='#8cc505',GradientType=1 ); /* IE6-9 */
}
.head-address{
	color: #ffffff;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
}
.head-address span{
	margin-right: 5px;
	vertical-align: middle;
}
.l-subheader-cell.at_right .top-head-menu .w-nav-list li a{
	font-size: 13px;
	line-height: 13px;
	color: #ffffff;
	text-transform: uppercase;
}
.l-header .w-image.main-logo img{
	height: 60px;
}
.feature-menu{
	background-color: #badf1b;
	margin-top: 0px;
	padding: 5px 0px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.feature-menu ul{
	margin: 0px;
	padding: 0px;
}
.feature-menu ul li{
	list-style: none;
	display: inline-block;
	margin-bottom: 0px;
	margin-right: 199px;
}
.feature-menu ul li:last-child{
	margin-right: 0px;
}
.feature-menu ul li a{
	text-decoration: none;
	font-size: 14px;
	line-height: 16px;
	color: #383838;
	font-weight: 600;
	cursor: default;
}
.feature-menu ul li a span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
div.l-subheader.at_bottom{
	background: #ffffff;
	border-top: 1px solid #e6e6e6;
}
.w-nav.main-menu-wrapper ul li a{
	text-transform: uppercase;
	font-size: 14px !important;
    font-weight: 600;
}
.no-touch .menu-item.level_1:hover>.w-nav-anchor{
	color: #badf1b;
}
.no-touch .feature-menu a:hover{
	color: #ffffff;
}
.l-subheader.at_bottom{
    height: 35px;
}
.header_hor .ush_menu_2.type_desktop .w-nav-list.level_1>.menu-item>a{
    padding-left: 25px;
    padding-right: 25px;
}
.w-search.head-search{
	max-width: none;
}
.w-search.head-search input{
	color: #000000;
	height: 54px;
	font-size: 16px;
    font-weight: 600;
}
.w-search.head-search.layout_simple button i{
	color: #ffffff;
}
.w-search.head-search.layout_simple .w-search-form{
	background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 0px;
    height: 54px;
    color: #000000;
}
.w-search.layout_simple button{
	opacity: 1;
    background-color: #383838 !important;
    height: 53px;
    width: 60px;
}
.head-phone-no span{
	font-size: 24px;
	line-height: 24px;
	font-weight: 800;
	margin-left: 5px;
	color: #383838;
}
.head-phone-no i{
	font-size: 22px;
    transform: rotate(100deg);
    margin-top: -3px;
}
.book-app-button,.no-touch .us-btn-style_1{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4dc18+0,8cc505+100 */
	background: #b4dc18; /* Old browsers */
	background: -moz-linear-gradient(left, #b4dc18 0%, #8cc505 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #b4dc18 0%,#8cc505 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #b4dc18 0%,#8cc505 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4dc18', endColorstr='#8cc505',GradientType=1 ); /* IE6-9 */
	font-family: 'Montserrat', sans-serif;
	border-radius: 0px;
	text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    padding: 20px 25px;
    height: 56px;
    cursor: pointer;
}
.no-touch .us-btn-style_1.book-app-button:hover,.no-touch .us-btn-style_1:hover{
	color: #ffffff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8cc505+1,b4dc18+100 */
	background: #8cc505; /* Old browsers */
	background: -moz-linear-gradient(left, #8cc505 1%, #b4dc18 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #8cc505 1%,#b4dc18 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #8cc505 1%,#b4dc18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc505', endColorstr='#b4dc18',GradientType=1 ); /* IE6-9 */
}
.takamo-banner-wrapper .l-section-h.i-cf{
	padding-top: 0px;
}
.banner-text{
	text-align: center !important;
}
.banner-text h4{
	font-size: 36px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	font-weight: 700;
	margin-bottom: 0px !important;

	display: none;
}
.banner-text h1{
	font-size: 36px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size: 47px;
	line-height: 48px;
	position: relative;
	text-align: center;
	font-weight: 700;
}
.banner-text h1:before{
	top: 12px;
	position: absolute;
    content: "";
    background: rgba(56, 56, 56, 0.7);
    width: 100%;
    height: 100%;
    -ms-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    transform: skewx(-20deg);
    z-index: -1;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 12px;
}
.banner-text h3{
	font-size: 36px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size: 47px;
	line-height: 48px;
	position: relative;
	text-align: center;
	font-weight: 700;
}
.banner-text h3:before{
	top: 12px;
	position: absolute;
    content: "";
    background: rgba(56, 56, 56, 0.7);
    width: 100%;
    height: 100%;
    -ms-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    transform: skewx(-20deg);
    z-index: -1;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 12px;
}
.banner-text h2{
	font-size: 36px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size: 47px;
	line-height: 48px;
	position: relative;
	text-align: center;
	font-weight: 700;
}
.banner-text h2:before{
	top: 12px;
	position: absolute;
    content: "";
    background: rgba(56, 56, 56, 0.7);
    width: 100%;
    height: 100%;
    -ms-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    transform: skewx(-20deg);
    z-index: -1;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 12px;
}
.banner-text p{
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
}
.banner-buttons a{
	display: inline-block;
	background: #b4dc18;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	text-transform: uppercase;
	color: #ffffff;
	border: 2px solid #b4dc18;
	padding: 15px 30px;
	letter-spacing: 1px !important;
	/*width: 192px;*/
	margin: 0px 10px !important;
}
.banner-buttons a:hover{
	background:transparent;
	color: #ffffff;
	border: 2px solid #ffffff;
}
.banner-buttons{
	display:flex;
	align-items: center;
	justify-content: center;
}
.banner-text{
	text-align: center;
}
.section-title{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 36px;
	line-height: 38px;
}
.section-title strong{
	position: relative;
	color: #ffffff;
	margin-left: 5px;
}
.section-title strong:before{
	content: "";
	position: absolute;
	height: 53px;
	width: 208px;
	-ms-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    transform: skewx(-20deg);
    z-index: 1;
    background: #badf1b;
    top: -5px;
    left: -0px !important;
    width: 105% !important;
}
.section-title strong i{
	z-index: 2;
	position: relative;
}
p.section-text-bold{
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
}
.l-section.width_full.who-we-are-section{
	padding: 0px 160px !important;
}
.who-we-points{
	display: flex;
	align-self: center;
	justify-content: center;
	margin-bottom: 50px;
}
.who-we-icon{
	width: 65px;
	height: 60px;
	background-color: #383838;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.who-we-text{
	margin-left: 20px;
}
.who-we-text h6{
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	margin-bottom: 5px;
}
.who-we-text p{
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
}
.who-we-points:hover .who-we-icon{
	background-color: #badf1b;
}
.who-we-gapping{
	margin-top: 50px !important;
}
.w-image.who-we-img img{
	box-shadow: 0px 0px 10px 0px #888888;
}
.our-services-wrapper{
	background-color: #f4f6f9;
	padding: 20px;
}
.title-center,.text-center{
	text-align: center;
}
.our-services-wrapper .wpb_text_column:not(:last-child){
    margin-bottom: 15px;
}
.w-grid.portfolio-grid-wrapper{
	margin-top: 50px;
}
.our-services-wrapper #us_grid_1 .w-vwrapper.usg_vwrapper_1,.our-services-wrapper #us_grid_2 .usg_vwrapper_1{
	background-color: #ffffff;
	padding-top: 20px;
	min-height: 175px;
}
.w-vwrapper .post_title{
	font-size: 20px;
	font-weight: 800;
	line-height: 22px;
	text-transform: uppercase;
	color: #383838;
}

#us_grid_1 .w-vwrapper .post_title.usg_post_title_1{
font-family: 'Montserrat', sans-serif;
}

#us_grid_1 .w-vwrapper .post_content.usg_post_content_2{
	font-size: 16px;
	line-height: 22px;
	color: #606060;
	font-weight: 400;
	padding: 5px 0px 10px;
}
.w-grid-item-h:hover .post_image:before{
	opacity: 0.8;
	background-color: #badf1b;
}
.w-grid-item-h .w-vwrapper{
	transition: all 0.3s ease-in-out 0s;
}
.w-grid-item-h:hover .w-vwrapper{
	box-shadow: 0px 0px 10px 0px #888888;
}
.post_image{
	position: relative;
}
#us_grid_1 .w-grid-item-h:hover .usg_post_image_1{
	opacity: 1 !important;
}
.post_image:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #badf1b;
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
}

.green-button{
	text-align: center;
}
.green-button a{
	font-size: 15px;
	line-height: 16px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 20px 40px;
	display: inline-block;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4dc18+0,8cc505+100 */
background: #b4dc18; /* Old browsers */
background: -moz-linear-gradient(left, #b4dc18 0%, #8cc505 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #b4dc18 0%,#8cc505 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #b4dc18 0%,#8cc505 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4dc18', endColorstr='#8cc505',GradientType=1 ); /* IE6-9 */
}
.green-button a:hover{
	color: #ffffff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8cc505+1,b4dc18+100 */
background: #8cc505; /* Old browsers */
background: -moz-linear-gradient(left, #8cc505 1%, #b4dc18 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #8cc505 1%,#b4dc18 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #8cc505 1%,#b4dc18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc505', endColorstr='#b4dc18',GradientType=1 ); /* IE6-9 */
}
.section-title.we-work-title strong:before{
	width: 226px;
}
.work-thumbnail{
    width: 300px;
    text-align: center;
    margin: auto;
    position: relative;
}
.work-thumbnail-image{
	width: 273px;
	height: 273px;
	border-radius: 100%;
	overflow: hidden;
	margin: auto;
}
.work-thumbnail h4{
	font-weight: 800;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 22px;
	margin: 10px 0px 12px;
}
.work-thumbnail p{
	font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #383838;
}
.work-thumbnail.thumb1:before{
	content: "";
	background-image:url("https://takamo-garage.m2agency.co.uk/wp-content/uploads/2019/12/arrow.png");
	width: 173px;
	height: 77px;
	background-repeat: no-repeat;
    position: absolute;
    right: -160px;
    top: 50px;
    margin: auto;
}
.work-thumbnail.thumb2:before{
	content: "";
	background-image:url("https://takamo-garage.m2agency.co.uk/wp-content/uploads/2019/12/arrow-2.png");
	width: 173px;
	height: 77px;
	background-repeat: no-repeat;
    position: absolute;
    right: -160px;
    top: 160px;
    margin: auto;
}
.work-thumbnail.thumb2{
	margin: 75px auto auto;
}
.work-thumbnail.thumb3:before{
	content: "";
	background-image:url("https://takamo-garage.m2agency.co.uk/wp-content/uploads/2019/12/arrow.png");
	width: 173px;
	height: 77px;
	background-repeat: no-repeat;
    position: absolute;
    right: -160px;
    top: 50px;
    margin: auto;
}
.work-thumbnail.thumb4:before{
	margin: 75px auto auto;
	content: "";
	display: none;
}
.work-thumbnail.thumb4{
	margin: 75px auto auto;
}
.g-cols.wpb_row.how-we-thumb-wrapper{
	margin-top: 57px;
	padding: 0px 100px;
}
.how-we-work-wrapper{
	padding: 20px 0px;
}
.section-title.testimonial-title strong:before{
	width: 242px;
}
.testimonial-section-wrapper .owl-item{
	background-color: #ffffff;
}
.testimonial-section-wrapper .w-grid-item-h{
	background-color: #ffffff;
	text-align: center;
    padding-bottom: 0px;
}
.testimonial-section-wrapper #us_grid_2 .w-grid-item-h .w-post-elm.post_content.usg_post_content_1{
	font-size: 16px;
    color: #c3bfbf;
    line-height: 40px;
    font-weight: 500;
    text-align: center;
    padding: 40px 40px 10px;
    position: relative;
}
.testimonial-section-wrapper #us_grid_2 .w-post-elm.post_title{
	font-size: 22px;
	font-weight: 700;
	color: #383838;
}
.testimonial-section-wrapper #us_grid_2 .w-grid-item-h .w-post-elm.post_content.usg_post_content_1:before{
	content: "";
	background-image: url("https://takamo-garage.m2agency.co.uk/wp-content/uploads/2019/12/quote-2.png");
	width: 84px;
    height: 67px;
    position: absolute;
    top: -32px;
    right: 0px;
}
.testimonial-section-wrapper .testimonial-wrapper{
	margin-top: 90px;
}
.testimonial-wrapper .w-post-elm.post_image{
	display: none;
}
.testimonial-section-wrapper{
	padding: 20px 0px;
}
.testimonial-section-wrapper .owl-dots{
	display: none;
}
.blog-grid-wrapper{
	margin-top: 60px;
}
.section-title.blog-title strong:before {
    width: 115px;
    left: 0px;
}
.section-title.blog-title strong{
	margin-right: 5px;
}
.blog-grid-wrapper .w-grid-item .post_date{
	text-align: center;
	font-size: 14px;
	font-weight: 800;
	line-height: 14px;
}
.blog-grid-wrapper#us_grid_3 .w-grid-item{
	text-align: center;
	margin: 0px;
}
.blog-grid-wrapper#us_grid_3 .w-grid-item .post_title.usg_post_title_1{
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	font-weight: 800;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	margin: 15px 50px 5px;
}
.blog-grid-wrapper .w-grid-item .post_content{
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	color: #383838;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 10px;
	padding: 0px 50px;
}
.blog-grid-wrapper#us_grid_3 .w-grid-item .w-btn{
	font-size: 15px;
	line-height: 16px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 20px 40px;
	display: inline-block;
	border-radius: 0px;
    margin-bottom: 30px;
	font-family: 'Montserrat', sans-serif;
	background-color: #35372d;
}
.blog-grid-wrapper#us_grid_3 .w-grid-item .w-btn:hover{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4dc18+0,8cc505+100 */
background: #b4dc18; /* Old browsers */
background: -moz-linear-gradient(left, #b4dc18 0%, #8cc505 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #b4dc18 0%,#8cc505 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #b4dc18 0%,#8cc505 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4dc18', endColorstr='#8cc505',GradientType=1 ); /* IE6-9 */
}
.blog-grid-wrapper#us_grid_3 .w-grid-item .w-grid-item-h{
	border:1px solid #eeeeee; 
}
.blog-grid-wrapper#us_grid_3 .w-grid-item .w-grid-item-h .post_image{
	margin-bottom: 30px;
}
.blog-section-wrapper .l-section-h.i-cf{
	padding: 80px 110px;
}
.blog-grid-wrapper#us_grid_3 .w-grid-item .w-grid-item-h .post_image{
	position: relative;
}
.blog-grid-wrapper#us_grid_3 .w-grid-item .w-grid-item-h .post_image:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #badf1b;
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
}
.blog-grid-wrapper#us_grid_3 .w-grid-item .w-grid-item-h:hover .post_image:before{
	opacity: 0.8;
}
.map-contact-form-wrapper{
	background-color: #f4f6f9;
}
.map-contact-form-wrapper .l-section-h.i-cf{
	padding: 0px;
}
.section-title.appointment-title strong:before{
    width: 290px;
    left: 0px;
}
.appointment-form-wrapper{
	padding: 80px 200px 80px 50px;
}
.appointment-form-holder .form-field input[type="text"],
.appointment-form-holder .form-field input[type="email"],
.appointment-form-holder .form-field input[type="tel"],
.appointment-form-holder .form-textarea textarea{
	border-bottom: 1px solid #cdcdcd;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    font-size: 14px;
    color: #636363;
    box-shadow: none;
    border-radius: 0px;
    background: transparent;
    padding: 0px;
}
.appointment-form-holder .form-textarea textarea{
	resize: none;
}
.appointment-form-holder .form-textarea{
	width: 94%;
}
.appointment-form-holder .form-field{
	width: 45%;
	float: left;
	margin-right: 25px;
	min-height: 80px;
}
.form-checkbox input[type="checkbox"]{
	vertical-align: middle;
}
.form-checkbox span{
	font-size: 14px;
    line-height: 22px;
    font-family: 'Montserrat', sans-serif;
}
.form-button input[type="submit"]{
	font-size: 14px;
    font-weight: 700;
    padding: 20px 30px;
	border-radius: 0px;
	border:0px;
	margin-top: 40px;
	text-transform: uppercase; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4dc18+0,8cc505+100 */
	background: #b4dc18; /* Old browsers */
	background: -moz-linear-gradient(left, #b4dc18 0%, #8cc505 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #b4dc18 0%,#8cc505 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #b4dc18 0%,#8cc505 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4dc18', endColorstr='#8cc505',GradientType=1 ); /* IE6-9 */
}
.form-button input[type="submit"]:hover{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8cc505+1,b4dc18+100 */
	background: #8cc505; /* Old browsers */
	background: -moz-linear-gradient(left, #8cc505 1%, #b4dc18 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #8cc505 1%,#b4dc18 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #8cc505 1%,#b4dc18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc505', endColorstr='#b4dc18',GradientType=1 ); /* IE6-9 */
}
.clear{
	clear: both;
}
div.gmap_canvas{
	height: 721px;
}
footer.l-footer .color_footer-bottom{
	border-top: 20px solid #badf1b;
}
.takamo-footer .wpb_wrapper p{
	color: #383838;
	font-size: 14px;
	line-height: 28px;
	font-weight: 500;
}

.footer-black-screen p{
	color: #f4f6f9 !important;
}
.l-footer.takamo-footer .section-text-bold.text-center{
	color: #383838;
}
.takamo-footer .w-image-h{
	margin-bottom: 25px;
}
.ph-no{
	display: flex;
	color: #f4f6f9;
	font-size: 14px;
	line-height: 28px;
	font-weight: 500;
}
.ph-ico,.ph-text{
	flex-shrink: 0;
}
.ph-ico{
	margin-right: 8px;
    margin-top: 2px;
}
.useful-links-wrapper ul,.footer-service-wrapper ul{
	margin:0px;
	padding:0px;
}
.useful-links-wrapper ul li,.footer-service-wrapper ul li{
	list-style: none;
}
.useful-links-wrapper ul li a,.footer-service-wrapper ul li a{
	text-decoration: none;
	color: #f4f6f9;
	font-size: 14px;
	line-height: 22px;
	cursor: pointer;
}
.color_footer-bottom h4.footer-title{
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 19px;
}
.useful-links-wrapper ul li a:hover,.footer-service-wrapper ul li a:hover{
	color: #badf1b !important;
}
.newsletter-field input[type="email"]{
	background-color:#f4f6f9;
	border-radius: 0px;
	padding: 10px;
	height: 55px;
	padding: 10px 15px;
	font-style: italic;
	font-size: 14px;
	color: #000000;
	margin: 0px;
}
.newsletter-button input[type="submit"]{
	background-color: #badf1b;
	border:1px solid #badf1b;
	border-radius: 0px;
	font-size: 14px;
    font-weight: 700;
    padding: 20px 30px;
	border-radius: 0px;
	margin-top: 0px;
	text-transform: uppercase; 
	margin-top: 0px;
	height: 55px;
	margin-right: -20px;
}
.newsletter-button input[type="submit"]:hover{
	background-color: #2b320d;
	border:1px solid #ffffff;
}
.newsletter-button{
	text-align: right;
}
.footer-social-icons .vc_column-inner{
	padding: 0px 10px;
}
.footer-social-icons .w-socials-item-link:after,.footer-social-icons .w-socials-item-link i{
	color: #ffffff !important;
	font-size: 16px;
}
.footer-social-icons .w-socials.align_left{
	text-align: center;
}
.footer-social-icons .vc_col-sm-3{
	width: 50px !important;
}
.footer-social-icons{
	transform: translate(-18px, -18px);
}
.footer-social-icons .w-socials-item-link i:hover{
	color: #badf1b;
}
.w-socials-item .w-socials-item-link:hover:after{
	color: #badf1b !important;
}
.footer-social-icons .w-socials-item{
	position: relative;
}
.footer-social-icons .w-socials-item:before{
	content: "";
    width: 2px;
    height: 15px;
    background-color: #ffffff;
    position: absolute;
    right: 0px;
    top: 18px;
}
.footer-bottom{
	background-color: #292929;
}
.copyright-line{
	color: #ffffff;
	font-size: 13px;
	line-height: 13px;
	font-weight: 400;
	text-align: center;
}
.footer-bottom .l-section-h.i-cf{
	padding: 20px 0px;
}
.copyright-line i{
	color: #ff3366;
	font-style: normal;
}
.footer-social-icons .youtube-icon .w-socials-item:before{
	display: none;
}
.w-socials-item.facebook .w-socials-item-link-hover{
    background: transparent;
}
.w-socials-item.twitter .w-socials-item-link-hover{
    background: transparent;
}
.w-socials-item.instagram .w-socials-item-link-hover{
	background:transparent;
}
.w-socials-item.youtube .w-socials-item-link-hover{
	background:transparent;
}
.bold-line{
	font-size: 19px;
	line-height: 22px;
	font-weight: 700;
	color: #383838;
	margin-bottom: 10px;
}
.about-takemo-section .green-button{
	text-align: left;
	margin-top: 50px;
}
.section-title.about-sec-title strong:before{
	width: 443px;
}
.section-title.terms-condition-title strong:before{
    width: 230px;
}
.section-title.privacy-policy-title strong:before{
    width: 138px;
}
.abt-sec-text p{
	font-size: 14px;
	line-height: 35px;
	color: #383838;
	font-weight: 500;
}
.about-takemo-section p.section-text-bold{
	line-height: 30px;
}
.l-section.width_full.why-choose-us-wrapper {
    background-color: #f4f6f9;
    padding: 20px 160px !important;
}
.section-title.choose-title strong:before{
    width: 280px;
}
.choose-sub-title h5{
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 5px;
	font-weight: 800;
	color: #383838;
}
.choose-sub-title h3{
	padding-top: 5px;
	font-size: 36px;
	line-height: 40px;
	font-weight: 800;
	color: #383838;
}
.why-us-text{
	font-size: 16px;
	line-height: 32px;
	color: #383838;
	font-weight: 500;
}
.why-us-text a{
	color: #badf1b;
}
.why-us-text a:hover{
	color: #8cc505;
}
.choose-us-list{
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin: 35px 0px 35px 20px;
}
.choose-us-list ul{
	padding:0px;
	margin:0px;
}
.choose-us-list ul li{
	position: relative;
	list-style: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
	color: #383838;
}
.choose-us-list ul li:before{
	content: "\f14a";
    font-family: fontawesome;
    margin-right: 10px;
    color: #badf1b;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    position: absolute;
    left: -22px;
}
.choose-point h2{
	font-weight: 800;
	text-transform: uppercase;
	color: #383838;
}
.choose-point p{
	font-size: 16px;
	line-height: 32px;
	color: #383838;
	font-weight: 500;
}
.g-cols.type_default.why-choos-title-wrap{
	margin-bottom: 60px;
}
.about-feature-box{
	display: flex;
    align-items: center;
    background-color: #f2f2f2;
    overflow: hidden;
    max-width: max-content;
}
.feature-box-icon,.feature-box-text{
	flex-shrink: 0;
	height: 240px;
}
.feature-box-text{
    background-color: #f2f2f2;
    margin-left: -80px;
    width: 100%;
    padding-left: 155px;
    padding-top: 52px;
    transition: all 0.3s ease-in-out 0s;
    max-width: 635px
}
.feature-box-icon{
	width: 280px;
	margin: 0 0 0 -75px;
  	-webkit-transform: skew(32deg);
  	-moz-transform: skew(32deg);
  	-o-transform: skew(32deg);
  	background-color: #e2e2e2;
  	overflow: hidden;
  	position: relative;
  	border-right: 8px solid #f4f6f9;
  	transition: all 0.3s ease-in-out 0s;
}
.feature-box-icon img{
  position: absolute;
  top: 90px;
  left: 110px;
  right: -30px;
  bottom: -30px;
  -webkit-transform: skew(-32deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
}
.feature-box-text h5{
	color: #383838;
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.feature-box-text p{
	font-size: 14px;
	line-height: 25px;
	font-weight: 500;
	color: #383838;
}
.about-feature-box:hover{
	background-color: #ffffff;	
}
.about-feature-box:hover .feature-box-icon{
	background-color: #ffffff;
}
.about-feature-box:hover .feature-box-text{
	background-color: #badf1b;
}
.about-feature-box:hover h5{
	color: #ffffff;
}
.about-feature-box:hover p{
	color: #ffffff;
}
.l-section.width_full.about-takemo-clinic{
	padding: 20px 160px !important;
}
.breadcrum_header{
	background-color: #f5f5f5;
	padding: 20px 160px;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.b_title{
	font-size: 24px;
	line-height: 26px;
	font-weight: 700;
	color: #383838;
}
.b-nav ul{
	margin: 0px;
	padding: 0px;
}
.b-nav ul li{
	list-style: none;
	display: inline-block;
    margin: 0px;
    line-height: 14px;
    position: relative;
}
.b-nav ul li:before{
	position: absolute;
	content: "/";
	right: 0px;
}
.b-nav ul li:last-child:before{
	display: none;
}
.b-nav ul li a{
	font-size: 14px;
	line-height: 16px;
	color: #383838;
	text-transform: uppercase;
	margin: 0px 20px;
}
.b-nav ul li a:hover{
	color: #8ec706;
}
.section-title.body-work-title strong:before{
    width: 390px;
}
.section-title.repair-services-title strong:before{
	width: 338px;
}
.section-title.condition-title strong:before{
	width: 442px;
}
.g-cols.type_default.body-work-title-wrapper{
	margin-bottom: 50px;
}
.g-cols.type_default.title-wrapper{
	margin-bottom: 50px;
}
.appointment-form{
    width: 60%;
    margin: auto;
}
.appointment-form .form-button{
	text-align: center;
}
.contact-info{
	display: flex;
	margin-bottom: 20px;
}
.contact-info-icon{
	background-color: #badf1b;
	width: 83px;
	height: 134px;
	flex-shrink: 0;
	display: flex;
    align-items: center;
    justify-content: center;
}
.contact-info-text{
	background-color: #f8f8f8;
	width: 100%;
	display: flex;
    flex-flow: column;
    justify-content: center;
	padding-left: 20px;
}
.contact-info-text h6{
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
	width: 100%;
}
.contact-info-text p{
	font-size: 16px;
	line-height: 22px;
	color: #383838;
	font-weight: 500;
}
.contact-info-text a{
	color: #383838;
}
.contact-page-form-wrapper .l-section-h.i-cf{
	padding-bottom: 0px;
}
.contact-map-wrapper .l-section-h.i-cf{
	padding-bottom: 0px;
}
.contact-page-form-wrapper .appointment-form-holder .form-field input[type="text"],
.contact-page-form-wrapper .appointment-form-holder .form-field input[type="email"],
.contact-page-form-wrapper .appointment-form-holder .form-field input[type="tel"]{
	border: 1px solid #636363;
    padding: 18px;
    height: 54px;
    margin-bottom: 10px; 
}
.contact-page-form-wrapper .appointment-form-holder .form-textarea textarea{
	border: 1px solid #636363;
	padding:18px; 
	max-width: 724px;
}
.section-title.interested-title strong:before{
	width: 307px;
}
.section-title.test-title strong:before{
	width: 112px;
}
.section-title.car-repair-title strong:before{
	width: 185px;
}
.section-title.repair-title strong:before{
	width: 185px;	
}
.section-title.break-pad-title strong:before{
    width: 484px;
}
.section-title.our-services-title strong:before {
    width: 210px;
}
.section-title.servicing-title strong:before {
    width: 230px;
}
.section-title.servicing-title strong:before{
    width: 230px;
}
.section-title.our-services-title strong:before{
    width: 200px;
}
.section-title.condition-title strong:before{
    width: 442px;
}
.testimonial-section-wrapper #us_grid_2 .w-grid-item-h:hover .usg_vwrapper_2{
	background: none;
	border-radius: 0px;
    box-shadow: none;
}
.testimonial-section-wrapper .w-grid-item-h:hover .w-vwrapper{
	box-shadow: none;
}
.testimonial-section-wrapper #us_grid_2 .usg_vwrapper_2{
	background:#ffffff; 
	padding-bottom: 0px;
}

.testimonial-section-wrapper .owl-item.active.center .w-grid-item-h{
	background-color: #badf1b;
}
.testimonial-section-wrapper #us_grid_2 .owl-item.active.center .usg_vwrapper_2{
	background-color: #badf1b;
}
.testimonial-section-wrapper #us_grid_2 .owl-item.active.center .usg_post_custom_field_3 {
    color: #ffffff;
    position: absolute;
    bottom: -76px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 90px;
    display: block;
}
.testimonial-section-wrapper #us_grid_2 .owl-item .usg_post_custom_field_3{	
    display: none;
}
.testimonial-section-wrapper .testimonial-wrapper#us_grid_2 .owl-item.active.center .w-post-elm.post_content.usg_post_content_1{
	color: #383838;
}
.testimonial-wrapper#us_grid_2 .owl-item.active.center .post_content.usg_post_content_1 p{
	color: #383838;
}
.testimonial-section-wrapper #us_grid_2 .owl-item.active.center .w-grid-item-h .w-post-elm.post_content.usg_post_content_1:before{
	content: "";
    background-image: url(https://takamo-garage.m2agency.co.uk/wp-content/uploads/2019/12/quote-1.png);
    width: 253px;
    height: 200px;
    position: absolute;
    top: -125px;
    right: -80px;
    background-size: 100%;
}
.green-button.button-left{
	text-align: left;
}
.g-cols.type_default.common-fault-wrapper{
	margin-top: 60px;
}
.testimonial-wrapper .w-vwrapper.usg_vwrapper_1{
	width: 100%;
    text-align: center;
    align-items: center;
}
.testimonial-wrapper#us_grid_2 .w-hwrapper.usg_hwrapper_1{
	padding-top: 0px;
	padding-bottom: 20px;
}
.testimonial-wrapper#us_grid_2 .post_content.usg_post_content_1 p{
	font-size: 16px;
    line-height: 34px;
    color: #c3bfbf;
}
.testimonial-wrapper#us_grid_2 .usg_post_custom_field_1 p{
	font-size: 22px;
	color: #383838;
	line-height: 24px;
	font-weight: 700;
}
.testimonial-wrapper#us_grid_2 .grid_arrow_bottom:after{
	display: none;
}
div.wpcf7-response-output{
	margin: 20px 0px 20px;
    font-size: 14px;
    line-height: 20px;
}
div.mapouter{
    overflow: hidden;
    height:auto;
    width: auto;
}
div.mapouter iframe{
	width: 100%;
	height: 100%;
}
.banner-text.ministry-banner h1:before{
	left: -35px;
	right: 0px;
	width: 110%;
}
.appointment-form .appointment-form-holder .form-field{
	margin: 0px 20px;
}
.appointment-form .appointment-form-holder .form-textarea{
    margin: 0px 20px;
    width: 94%;
}
.appointment-form .appointment-form-holder .form-checkbox{
	margin-left: 20px;
}
.w-post-elm.post_title a{
	font-weight: 700;
}
.interested-title-wrapper .l-section-h.i-cf{
	padding-bottom: 0px
}
.who-we-are-section .g-cols.vc_row{
    align-items: center;
}
.w-grid.type_carousel .w-grid-list:not(.autoheight) .owl-stage{
	align-items: center;
}
.testimonial-section-wrapper .owl-item.active.center .w-grid-item-h{
	margin: 50px 0px;
}
.testimonial-section-wrapper .owl-item.active.center{
	background-color: #badf1b;
}
.testimonial-section-wrapper .w-grid-item-h{
	margin: 0px;
}
#us_grid_2 .usg_post_custom_field_3{
    color: #fb0;
}
.footer-newsletter{
	position: relative;
	margin-bottom: 30px;
}
.newsletter-button {
    text-align: right;
    position: absolute;
    top: 0px;
    right: 0px;
}
div.wpcf7 .ajax-loader{
	transform: translate(25px, 15px);
}
.contact-page-form-wrapper span.wpcf7-form-control-wrap{
	min-height: 100px;
}
.green-button-group{
    display: flex;
    align-items: center;
}
.green-button-group .green-button{
    margin-right: 20px;
}
@media only screen and (max-width: 1600px){

	div.gmap_canvas{
    	height: 725px;
	}
	.newsletter-field input[type="email"]{
		padding: 10px 5px;
	}
	.newsletter-button input[type="submit"]{
		padding: 20px 20px;
	}
	.our-services-wrapper #us_grid_1 .w-vwrapper.usg_vwrapper_1, .our-services-wrapper #us_grid_2 .usg_vwrapper_1{
    	min-height: 178px;
	}
	.l-section.width_full.about-takemo-clinic {
    	padding: 20px 40px !important;
	}
	.l-section.width_full.why-choose-us-wrapper{
		padding: 20px 40px !important;
	}
	.takamo-footer .our-services-wrapper{
		padding: 20px;
	}
	.appointment-form-wrapper{
    	padding: 80px 0px 80px 0px;
	}
	.l-section.width_full.who-we-are-section{
    	padding: 0px 40px !important;
	}
	.feature-menu ul li{
		margin-right: 110px;
	}
	.g-cols.wpb_row.how-we-thumb-wrapper{
		padding: 0px 40px;
	}
	.work-thumbnail{
		width: 240px;
	}
	.work-thumbnail-image{
		width: 230px;
		height: 230px;
	}
	.work-thumbnail h4{
		margin: 0px 0px 12px;
		padding-top: 40px;
	}
	.work-thumbnail.thumb1:before{
		width: 145px;
    	height: 77px;
    	right: -112px;
    	top: 16px;
    	background-repeat: no-repeat;
    	background-size: 100%;
	}
	.work-thumbnail.thumb3:before{
		width: 145px;
    	height: 77px;
    	right: -112px;
    	top: 16px;
    	background-repeat: no-repeat;
    	background-size: 100%;
	}
	.work-thumbnail.thumb2:before{
		width: 145px;
    	height: 77px;
    	background-size: 100%;
    	background-repeat: no-repeat;
    	right: -100px;
	}
	.blog-section-wrapper .l-section-h.i-cf{
    	padding: 80px 0px;
	}
	.appointment-form{
    	width: 80%;
    	margin: auto;
	}
	.section-title.about-sec-title strong:before{
    	width: 405px;
	}
	.section-title.choose-title strong:before{
    	width: 278px;
	}
	.feature-box-icon{
    	display: none;
	}
	.feature-box-text {
    	margin-left: 0px;
    	width: 100%;
    	padding: 20px;
	}
	.feature-box-text{
		height: auto;
	}
	.breadcrum_header{
		padding: 20px 40px;
	}
	.section-title.about-sec-title strong i{
    	color: #383838;
    	font-style: normal;
	}
	.section-title.about-sec-title strong:before{
		display: none;
	}
	.choose-sub-title h3{
		font-size: 34px;
	}
	.choose-point h2{
		font-size: 28px;
    	margin-bottom: 10px;
	}
	.contact-info-text p{
		font-size: 15px;
	}
	.testimonial-section-wrapper{
    	padding: 50px;
	}
}
@media only screen and (max-width: 1199px){

	.l-header .w-image.main-logo img{
    	height: auto;
	}
	.appointment-form-wrapper {
    	padding: 80px 0px 43px 0px;
	}
	.our-services-wrapper #us_grid_1 .w-vwrapper.usg_vwrapper_1, .our-services-wrapper #us_grid_2 .usg_vwrapper_1 {
    	min-height: 218px;
	}
	.section-title.terms-condition-title strong:before {
    	width: 218px;
	}
	.section-title.privacy-policy-title strong:before{
    	width: 130px;
	}
	.section-title.condition-title strong:before{
    	width: 415px;
	}
	.section-title.break-pad-title strong:before{
    	width: 456px;
	}
	.section-title.servicing-title strong:before{
    	width: 218px;
	}
	.our-services-wrapper{
		padding: 20px;
	}
	p.why-us-text + h3{
		font-size: 23px;
	}
	.choose-us-list{
		margin: 20px 0px 20px 20px;
	}
	.section-title.body-work-title strong:before{
    	width: 370px;
	}
	.section-title.appointment-title strong:before{
		width: 275px;
	}
	.section-title.repair-services-title strong:before{
    	width: 315px;
	}
	.appointment-form{
    	width: 90%;
    	margin: auto;
	}
	.who-we-icon{
		width: 50px;
    	height: 50px;
    	margin-right: 10px;
	}
	.who-we-text h6{
		font-size: 14px;
	}
	.who-we-text p{
		font-size: 13px;
    	line-height: 20px;
	}
	.blog-grid-wrapper#us_grid_3 .w-grid-item .post_title.usg_post_title_1{
		font-size: 20px;
    	line-height: 26px;
    	margin: 15px 20px 5px;
	}
	.blog-grid-wrapper .w-grid-item .post_content{
		padding: 0px 20px;
	}
	.header_hor .l-subheader-cell.at_left>* {
    	margin-right: 0px;
	}
	.w-search.layout_simple{
		height: auto;
		margin: 0px;
	}
	.w-image.ush_image_1.main-logo{
		width: 226px;
    	margin: 0px;
    	padding: 0px;
    	height: 50px;
	}
	.l-subheader.at_middle{
		padding: 0px 10px;
	}
	.book-app-button, .no-touch .us-btn-style_1{
		padding: 20px;
		font-size: 14px;
	}
	.w-search.head-search.layout_simple .w-search-form{
		margin-left: 10px;
	}
	.head-phone-no span{
		font-size: 22px;
	}
	.feature-menu ul li{
    	margin-right: 50px;
	}
	.feature-menu ul li a{
		font-size: 13px;
	}
	.l-section.width_full.who-we-are-section{
    	padding: 0px 25px !important;
	}
	.who-we-text{
    	margin-left: 0px;
    	margin-top: 0px;
	}
	#us_grid_1 .w-vwrapper .post_content.usg_post_content_2 br{
		display: none;
	}
	.w-grid.portfolio-grid-wrapper{
    	margin: 50px 20px 0px;
	}
	.work-thumbnail-image{
    	width: 192px;
    	height: 192px;
	}
	.work-thumbnail{
    	width: 192px;
	}
	.work-thumbnail.thumb1:before,.work-thumbnail.thumb3:before,.work-thumbnail.thumb2:before{
		top: 0px;
		display: none;
	}
	.work-thumbnail h4{
		font-size: 20px;
	}
	.testimonial-section-wrapper #us_grid_2 .usg_vwrapper_2{
		padding: 2.5rem 10px 2.5rem;
	}
	.blog-grid-wrapper#us_grid_3 .w-grid-item .w-btn{
		font-size: 14px;
	}
	.appointment-form-holder .form-field {
    	width: 45%;
    	margin-right: 15px;
	}
	.map-contact-form-wrapper .section-title{
		    font-size: 30px;
	}
	.section-text-bold br{
		display: none;
	}
	.map-contact-form-wrapper .section-title.appointment-title strong:before{
		width: 244px;
		height: 46px;
	}
	.newsletter-button input[type="submit"]{
		padding: 10px;
	}
	.newsletter-field input[type="email"]{
		padding: 10px;
	}
	.section-title{
		font-size: 34px;
    	line-height: 36px;
	}
	.w-vwrapper .post_title{
		font-size: 18px;
		line-height: 18px;
	}
	.feature-menu ul li{
    	margin-right: 40px;
	}
	.l-header .w-btn.book-app-button, .no-touch .us-btn-style_1{
		padding: 12px;
		display: flex;
		align-items: center;
	}
	.choose-sub-title h3{
		font-size: 32px;
	}
	.choose-point h2{
		font-size: 26px;
	}
	.section-title.choose-title strong:before{
    	width: 262px;
	}
	.section-title.interested-title strong:before{
    	width: 290px;
	}
	.gmap_canvas{
    	height: 682px;
	}


	.banner-buttons a{
    	font-size: 14px !important;
    	padding: 12px !important;
	}
	.banner-text p{
    	display: block;
    	font-size: 16px !important;
    	line-height: 20px !important;
    	white-space: initial !important;
    	/*width: 453px;*/
    	width: auto;
    	margin-top: 25px !important;
	}
	.banner-text p br{
		display: none;
	}
	.banner-text p{
		font-size: 16px !important;
    	line-height: 22px !important;
	}
	.banner-text h1{
    	font-size: 36px !important;
    	line-height: 40px !important;
	}
	.banner-text h3{
    	font-size: 36px !important;
    	line-height: 40px !important;
	}
	.banner-text h2{
    	font-size: 36px !important;
    	line-height: 40px !important;
	}
	.banner-text h4{
		font-size: 26px !important;
    	line-height: 28px !important;
	}
	.banner-buttons{
    	margin-top: 30px !important;
	}
	.banner-text.ministry-banner h1:before{
    	left: -26px;
	}
	#rev_slider_1_1 .zeus .tp-bullet{
		width: 10px;
    	height: 10px;
	}
	.section-title.blog-title strong:before{
		left: -5px;
	}
	.w-nav.main-menu-wrapper ul li a{
		font-size: 13px !important;
	}
	.header_hor .ush_menu_2.type_desktop .w-nav-list.level_1>.menu-item>a {
    	padding-left: 15px;
    	padding-right: 15px;
	}
	div.gmap_canvas{
    	height: 500px;
	}
}
@media only screen and (max-width: 991px){
	
	.appointment-form-wrapper {
    	padding: 80px 0px 20px 0px;
	}
	header.l-header.pos_fixed{
    	position: unset !important;
	}
	.section-title.blog-title strong:before{
    	left: 0px;
	}
	.our-services-wrapper #us_grid_1 .w-vwrapper.usg_vwrapper_1, .our-services-wrapper #us_grid_2 .usg_vwrapper_1{
    	min-height: 218px;
	}
	.section-title.privacy-policy-title strong:before {
    	width: 120px;
	}
	.section-title.condition-title strong:before {
    	width: 395px;
	}
	.section-title.interested-title strong:before {
    	width: 275px;
	}
	.section-title.our-services-title strong:before {
    	width: 185px;
	}
	.section-title.break-pad-title strong:before{
    	display: none;
	}
	.section-title.break-pad-title strong i{
		color: #333;
    	display: block;
    	font-style: normal;
	}
	.section-title.servicing-title strong:before{
    	width: 205px;
	}
	.who-we-points{
		display: block;
		text-align: center;
		margin-bottom: 30px;
	}
	.who-we-icon {
    	margin-right: 0px;
    	margin: auto auto 10px;
	}
	.who-we-gapping{
    	margin-top: 25px !important;
	}
	.section-title{
    	font-size: 32px;
    	line-height: 34px;
	}
	.section-title strong:before{
		height: 50px;
    	width: 186px;
	}
	.section-title.we-work-title strong:before{
    	width: 200px;
	}
	.section-title.testimonial-title strong:before{
    	width: 220px;
	}
	.section-title.blog-title strong:before{
    	width: 102px;
	}
	.map-contact-form-wrapper .section-title {
    	font-size: 26px;
	}
	.map-contact-form-wrapper .section-title.appointment-title strong:before{
    	width: 209px;
    	height: 40px;
	}
	.section-title.body-work-title strong:before{
    	width: 345px;
	}
	p.why-us-text + h3{
    	font-size: 20px;
	}
	.section-title.repair-services-title strong:before{
    	width: 302px;
	}
	.section-title.appointment-title strong:before{
    	width: 260px;
	}
	.appointment-form{
		width: 100%;
	}
	.section-title.test-title strong:before{
    	width: 103px;
	}
	.section-title.choose-title strong:before {
    	width: 250px;
	}
	.choose-sub-title h3{
		font-size: 30px;
    	line-height: 40px;
	}


	.banner-buttons a{
    	font-size: 14px !important;
    	padding: 12px !important;
	}
	.banner-text p{
    	display: block;
    	font-size: 16px !important;
    	line-height: 20px !important;
    	white-space: initial !important;
    	/*width: 453px;*/
    	width: auto;
    	margin-top: 25px !important;
	}
	.banner-text p br{
		display: none;
	}
	.banner-text p{
		font-size: 16px !important;
    	line-height: 22px !important;
	}
	.banner-text h1{
    	font-size: 36px !important;
    	line-height: 40px !important;
	}
	.banner-text h3{
    	font-size: 36px !important;
    	line-height: 40px !important;
	}
	.banner-text h2{
    	font-size: 36px !important;
    	line-height: 40px !important;
	}
	.banner-text h4{
		font-size: 26px !important;
    	line-height: 28px !important;
	}
	.banner-buttons{
    	margin-top: 30px !important;
	}
	.banner-text.ministry-banner h1:before{
    	left: -26px;
	}
	#rev_slider_1_1 .zeus .tp-bullet{
		width: 10px;
    	height: 10px;
	}
	.l-section.wpb_row.height_medium.width_full.who-we-are-section .vc_col-sm-6.wpb_column.vc_column_container{
		width: 100%;
	}
	.w-image.align_none.who-we-img{
		text-align: center;
    	margin-top: 20px;
	}
}
@media only screen and (max-width: 899px){

	.contact-page-form-wrapper span.wpcf7-form-control-wrap{
    	min-height: auto;
	}
	.newsletter-button{
		position: static;
	}
	.testimonial-section-wrapper {
    	padding: 20px;
	}
	.section-title.terms-condition-title strong:before {
    	width: 190px;
	}
	.section-title.condition-title strong:before{
    	width: 370px;
	}
	.section-title.interested-title strong:before{
    	width: 257px;
	}
	.contact-page-form-wrapper .appointment-form-holder .form-field{
    	width: 100%;
    	margin-right: 0px;
	}
	.appointment-form-holder .form-textarea{
    	width: 100%;
	}
	.l-section.width_full.about-takemo-clinic{
    	padding: 40px 20px 20px !important;
	}
	.l-section.width_full.why-choose-us-wrapper {
    	padding: 20px 20px !important;
	}
	.section-title.choose-title strong:before{
    	width: 235px;
	}
	.section-title.our-services-title strong:before {
    	width: 175px;
	}
	.section-title.servicing-title strong:before {
    	width: 193px;
	}
	.banner-text h1{
		padding: 25px 0px 0px !important;
	}
	.banner-text h3{
		padding: 25px 0px 0px !important;
	}
	.banner-text h2{
		padding: 25px 0px 0px !important;
	}
	.l-subheader-cell.at_right .top-head-menu .w-nav-list li a{
		color: #383838;
		font-weight: 500;
	}
	.section-title{
		font-size: 30px;
    	line-height: 32px;
	}
	.section-title.we-work-title strong:before{
    	width: 196px;
	}
	.w-search.head-search.layout_simple .w-search-form{
		height: 45px;
	}
	.w-search.head-search input{
		height: 45px;
	}
	.w-search.layout_simple button{
		height: 44px;
	}
	.l-subheader.at_bottom{
    	height: 60px;
	}
	.l-header.pos_fixed~.l-main>.l-section:first-of-type{
		padding-top: 0px;
	}
	.w-search.head-search.layout_simple .w-search-form {
    	margin-left: 0px;
	}
	.book-app-button, .no-touch .us-btn-style_1{
    	padding: 15px;
    	font-size: 13px;
    	height: auto;
	}
	.w-image.ush_image_1.main-logo{
    	width: 170px;
    	height: 38px;
	}
	.feature-menu{
		display: none;
	}
	.work-thumbnail-image {
    	width: 160px;
    	height: 160px;
	}
	.work-thumbnail{
    	width: 160px;
	}
	.work-thumbnail h4{
    	font-size: 18px;
    	line-height: 20px;
	}
	.work-thumbnail p{
		font-size: 13px;
	}
	.work-thumbnail.thumb1:before{
		width: 115px;
    	height: 55px;
    	right: -100px;
    	display: none;
	}
	.work-thumbnail.thumb3:before{
		width: 115px;
    	height: 55px;
    	right: -100px;
    	display: none;
	}
	.work-thumbnail.thumb2:before{
		width: 115px;
    	height: 55px;
    	display: none;
	}
	.newsletter-button input[type="submit"]{
		margin-top: 10px;
    	height: auto;
    	font-size: 12px;
	}
	.color_footer-bottom h4.footer-title{
		font-size: 17px;
	}
	.map-contact-form-wrapper .section-title {
    	font-size: 23px;
	}
	.map-contact-form-wrapper .section-title.appointment-title strong:before {
    	width: 188px;
    	height: 38px;
	}
	.form-button input[type="submit"]{
		font-size: 12px;
	}
	.section-title strong:before {
    	height: 46px;
    	width: 175px;
	}
	.section-title.blog-title strong:before{
		width: 96px;
	}
	.section-title.testimonial-title strong:before {
    	width: 205px;
	}
	.blog-grid-wrapper#us_grid_3 .w-grid-item .post_title.usg_post_title_1{
		font-size: 18px;
    	line-height: 24px;
	}
	.appointment-form{
		padding: 40px 0px;
	}
	.section-title.body-work-title strong:before{
    	width: 328px;
	}
	p.why-us-text + h3{
    	font-size: 17px;
	}
	.section-title.repair-services-title strong:before{
    	width: 286px;
	}
	.section-title.appointment-title strong:before {
    	width: 244px;
	}
	.appointment-form .appointment-form-holder .form-field{
    	margin: 0px 10px;
	}
	.appointment-form .appointment-form-holder .form-textarea{
		margin: 0px 10px;
	}
	.appointment-form .section-text-bold.text-center{
		padding: 0px 20px;
	}
	.appointment-form .appointment-form-holder .form-checkbox{
    	margin-left: 10px;
	}
	.appointment-form-holder .form-field{
		width: 45%;
	}
	.appointment-form .appointment-form-holder .form-textarea{
		width: 97%;
	}
	.choose-sub-title h3{
    	font-size: 25px;
	}
	.choose-point h2 {
    	font-size: 23px;
	}
	.contact-info-text{
		padding-left: 10px;
	}
	.contact-info-text h6{
		font-size: 16px;
	}
	.contact-info-text p{
    	font-size: 14px;
	}


	.banner-buttons a{
    	font-size: 13px !important;
    	padding: 12px !important;
	}
	.banner-text p{
    	display: block;
    	font-size:14px !important; 
    	line-height: 20px !important;
    	white-space: initial !important;
    	/*width: 453px;*/
    	width: auto;
    	margin-top: 25px !important;
	}
	.banner-text p br{
		display: none;
	}
	.banner-text h1{
    	font-size: 30px !important;
    	line-height: 35px !important;
	}
	.banner-text h3{
    	font-size: 30px !important;
    	line-height: 35px !important;
	}
	.banner-text h2{
    	font-size: 30px !important;
    	line-height: 35px !important;
	}
	.banner-text h4{
		font-size: 22px !important;
    	line-height: 28px !important;
	}
	.banner-buttons{
    	margin-top: 30px !important;
	}
	.banner-text.ministry-banner h1:before{
    	left: -18px;
	}
	#rev_slider_1_1 .zeus .tp-bullet{
		width: 10px;
    	height: 10px;
	}
}
@media only screen and (max-width: 767px){

	.breadcrum_header{
    	padding: 15px 20px;
	}
	.b_title{
		font-size: 20px;
	}
	.b-nav ul li a{
		font-size: 13px;
	}
	.about-takemo-section .green-button{
    	margin-top: 20px;
    	margin-bottom: 30px;
	}
	.section-title.terms-condition-title strong:before {
    	width: 178px;
	}
	.section-title.privacy-policy-title strong:before {
    	width: 109px;
	}
	.section-title.condition-title strong:before {
    	width: 346px;
	}
	.section-title.interested-title strong:before {
    	width: 242px;
	}
	.section-title.our-services-title strong:before {
    	width: 164px;
	}
	.section-title.choose-title strong:before {
    	width: 222px;
	}
	.section-title.servicing-title strong:before {
    	width: 182px;
	}
	.section-title.test-title strong:before{
    	width: 90px;
	}
	.work-thumbnail.thumb1:before{
		display: none;
	}
	.work-thumbnail.thumb2:before{
		display: none;
	}
	.work-thumbnail.thumb3:before{
		display: none;
	}
	.work-thumbnail{
    	width: 100%;
	}
	.work-thumbnail.thumb2,.work-thumbnail.thumb3,.work-thumbnail.thumb4{
    	margin: 20px auto auto;
	}
	.appointment-form-wrapper{
    	padding: 60px 20px;
	}
	div.gmap_canvas{
    	height: 450px;
	}
	.newsletter-button{
    	text-align: left;
	}
	.section-title{
		font-size: 28px;
    	line-height: 32px;
	}
	.section-title strong:before{
    	height: 42px;
    	width: 164px;
	}
	.w-vwrapper .post_title{
		font-size: 16px;
	}
	.section-title.testimonial-title strong:before{
    	width: 190px;
	}
	.section-title.blog-title strong:before {
    	width: 90px;
	}
	.section-title.we-work-title strong:before{
    	width: 178px;
	}
	.section-title.body-work-title strong:before{
    	width: 305px;
	}
	.section-title.repair-services-title strong:before{
    	width: 265px;
	}
	.section-title.appointment-title strong:before {
    	width: 230px;
	}
	.appointment-form-holder .form-field{
    	width: 97%;
	}


	.banner-buttons a{
    	font-size: 12px !important;
    	padding: 10px !important;
	}
	.banner-text p{
    	display: none;
	}
	.banner-text h1{
    	font-size: 26px !important;
    	line-height: 30px !important;
	}
	.banner-text h3{
    	font-size: 26px !important;
    	line-height: 30px !important;
	}
	.banner-text h2{
    	font-size: 26px !important;
    	line-height: 30px !important;
	}
	.banner-text h4{
		font-size: 20px !important;
    	line-height: 22px !important;
    	display: none;
	}
	.banner-buttons{
    	margin-top: 30px !important;
	}
	.banner-text.ministry-banner h1:before{
    	left: -18px;
	}
	#rev_slider_1_1 .zeus .tp-bullet{
		width: 10px;
    	height: 10px;
	}
	.section-title.body-work-title strong i{
		color:#383838;
		font-style: normal;
	}
	.section-title.body-work-title strong:before{
		display: none;
	}

	.section-title.repair-services-title strong i{
		color:#383838;
		font-style: normal;
	}
	.section-title.repair-services-title strong:before{
		display: none;
	}
	.green-button-group{
		margin-bottom: 30px;
	}
	
}
@media only screen and (max-width: 600px){

	.green-button-group {
   		display: flex;
    	flex-direction: column;
    	align-items: end;
	}
	.green-button-group .green-button{
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.section-title.terms-condition-title strong:before {
    	width: 166px;
	}
	.section-title.condition-title strong:before{
    	width: 319px;
	}
	.section-title.interested-title strong:before{
    	width: 224px;
	}
	.choose-point h2{
    	font-size: 21px;
	}
	.choose-sub-title h3{
    	font-size: 23px;
	}
	.section-title.choose-title strong:before{
    	width: 206px;
	}
	.section-title.our-services-title strong:before {
    	width: 153px;
	}
	.section-title.servicing-title strong:before{
    	width: 170px;
	}
	.section-title.body-work-title strong:before{
    	width: 284px;
	}
	.section-title.appointment-title strong:before{
    	width: 212px;
	}
	.section-title.repair-services-title strong:before{
    	width: 248px;
	}
	.blog-section-wrapper .l-section-h.i-cf{
    	padding: 60px 0px;
	}
	.blog-grid-wrapper#us_grid_3 .w-grid-item{
		margin-bottom: 30px;
	}
	.testimonial-section-wrapper .testimonial-wrapper {
    	margin-top: 40px;
	}
	.l-header.pos_fixed~.l-main>.l-section:first-of-type{
    	padding-top: 0px;
	}
	.header_hor .w-search.layout_simple input, 
	.header_hor .w-search.layout_modern input{
		position: static;
		margin-top: -0rem;
	}
	.w-search.head-search.layout_simple .w-search-form{
    	position: static;
    	margin: 0px;
	}
	.header_hor .l-subheader-cell.at_left .w-search.layout_simple:first-child{
		margin: 0px;
		width: 100% !important;
	}
	.header_hor .l-subheader-cell .w-search.head-search{
		position: relative;
	}
	.header_hor .w-search.layout_simple .w-search-close, 
	.header_hor .w-search.layout_modern .w-search-close{
		display: none;
	}
	.header_hor .w-search.layout_simple .w-search-open, 
	.header_hor .w-search.layout_modern .w-search-open{
		display: none;
	}
	.header_hor .w-search.layout_simple button{
		display: block;
	}
	.w-btn.us-btn-style_1.ush_btn_1.book-app-button{
		margin-left: 10px;
    	font-size: 11px;
    	padding: 8px;
	}
	.l-subheader.at_bottom .l-subheader-cell.at_right{
		display: none;
	}
	.l-subheader.at_bottom .l-subheader-cell.at_center{
		display: none;
	}
	.head-phone-no span{
    	font-size: 16px;
	}
	.head-phone-no i{
    	font-size: 14px;
    	margin-top: 2px;
	}
	.w-image.ush_image_1.main-logo {
    	width: 150px;
    	height: 32px;
	}
	.w-nav.type_mobile.m_align_left{
		margin-left: 0px;
	}
	.w-search.head-search.layout_simple .w-search-form {
    	height: 40px;
	}
	.ush_search_1 {
    	font-size: 15px;
	}
	.w-search.layout_simple button{
		width: 50px;
		height: 39px;
	}
	.w-search.head-search input {
    	height: 38px;
    	font-size: 13px;
	}
	.our-services-wrapper #us_grid_1 .w-vwrapper.usg_vwrapper_1, .our-services-wrapper #us_grid_2 .usg_vwrapper_1{
		min-height: auto;
	}
	.portfolio-grid-wrapper#us_grid_1 .w-grid-item{
		margin-bottom: 25px;
	}
	.section-title{
    	font-size: 26px;
    	line-height: 30px;
	}
	.section-title strong:before{
		width: 155px;
	}
	.section-title.we-work-title strong:before{
		width: 165px;
	}
	.section-title.testimonial-title strong:before{
    	width: 177px;
	}
	.section-title.blog-title strong:before {
    	width: 83px;
	}
	.section-title.body-work-title{
		font-size: 24px;
	}
	.section-title.body-work-title strong:before{
    	width: 260px;
    	font-size: 24px;
	}
	.section-title.repair-services-title strong:before{
    	width: 227px;
	}
	.section-title.appointment-title strong:before{
    	width: 210px;
	}
	.section-title.repair-services-title{
		font-size: 24px;
	}
	.hesperiden.tparrows{
		display: none;
	}
	#rev_slider_1_1 .zeus .tp-bullet{
		width: 5px;
    	height: 5px;
    	top: 10px !important;
	}

	.banner-buttons a{
		font-size: 10px !important;
    	padding: 11px 8px !important;
	}
	.banner-text p{
    	display: none;
	}
	.banner-text h1{
    	font-size: 20px !important;
    	line-height: 20px !important;
	}
	.banner-text h3{
    	font-size: 20px !important;
    	line-height: 20px !important;
	}
	.banner-text h2{
    	font-size: 20px !important;
    	line-height: 20px !important;
	}
	.banner-text h4{
		font-size: 18px !important;
	}
	.banner-buttons{
		margin-top: 30px !important;
	}
	.banner-text.ministry-banner h1:before{
		left: -13px;
	}
	.button-group{
    	display: flex;
    	flex-direction: column;
    	align-items: baseline;
	}
	.button-group .green-button{
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 465px){

	.section-title.testimonial-title strong:before{
		display: none;
	}
	.section-title.testimonial-title strong i{
		color: #383838;
    	font-style: normal;
	}
	.section-title.title-center.testimonial-title{
		margin-left: 0px;
	}
	.section-title.terms-condition-title strong:before{
    	width: 150px;
	}
	.section-title.privacy-policy-title strong:before {
    	width: 90px;
	}
	.section-title.condition-title strong i{
		color: #383838;
    	font-style: normal;
	}
	.section-title.interested-title strong i{
    	color: #383838;
    	font-style: normal;
	}
	.section-title.interested-title strong:before{
		display: none;
	}
	.section-title.condition-title strong:before{
		display: none;
	}
	.contact-info-icon{
		width: 70px;
	}
	.section-title.interested-title strong:before{
    	width: 164px;
	}
	.choose-sub-title h3{
    	font-size: 21px;
	}
	.section-title.choose-title strong:before{
    	width: 184px;
	}
	.section-title.our-services-title strong:before {
    	width: 137px;
	}
	.section-title.servicing-title strong:before {
    	width: 153px;
	}
	.section-title.test-title strong:before{
    	width: 77px;
	}
	.section-title strong:before{
		width: 137px;
		height: 37px;
	}
	.section-title.we-work-title strong:before {
    	width: 148px;
	}
	.section-title.testimonial-title strong:before{
    	width: 155px;
	}
	.section-title.blog-title strong:before {
    	width: 73px;
	}
	.map-contact-form-wrapper .section-title {
    	font-size: 18px;
	}
	.map-contact-form-wrapper .section-title.appointment-title strong:before{
    	width: 144px;
    	height: 30px;
	}
	.appointment-form-wrapper{
    	padding: 40px 20px;
	}
	.appointment-form-holder .form-field{
    	width: 100%;
    	margin-right: 0px;
	}
	.appointment-form-holder .form-textarea{
    	margin-right: 0px;
	}
	.section-title{
    	font-size: 23px;
    	line-height: 27px;
	}
	.w-btn.us-btn-style_1.ush_btn_1.book-app-button{
		display: none;
	}
	.w-image.ush_image_1.main-logo{
    	width: 120px;
    	height: 26px;
	}
	.head-phone-no span{
    	font-size: 14px;
	}
	.head-phone-no i{
    	font-size: 12px;
    	margin-top: 3px;
	}
	div.gmap_canvas{
    	height: 250px;
	}
	.section-title.body-work-title strong:before{
		display: none;
	}
	.section-title.body-work-title strong i{
		color:#383838;
		font-style: normal;
	}
	.section-title.appointment-title strong i{
		color:#383838;
		font-style: normal;
	}
	.g-cols.type_default.body-work-title-wrapper{
    	margin-bottom: 20px;
	}
	.section-title.appointment-title strong:before{
		display: none;
	}
	.appointment-form .appointment-form-holder .form-field {
    	margin: 0px;
	}
	.appointment-form-holder{
		padding: 10px;
	}
}