/*-----------------------------------------------------------------------------------

	Theme Name: Mechanic Child
	Theme URI: https://visualmodo.com
	Author: Jared S Dias
	Author URI: https://visualmodo.com
	Description: <strong>Mechanic Child Theme</strong> - <a href="https://visualmodo.com">https://visualmodo.com</a>. Follow us for update notifications:<br/> <a href='http://twitter.com/visualmodo'>Twitter</a><br/> | <a href='http://www.facebook.com/visualmodo'>Facebook</a>
	Template: mechanic
	Version: 1.0.0
	Text Domain:  vslmd
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: translation-ready, threaded-comments, theme-options, sticky-post, post-formats, full-width-template, flexible-header, featured-images, custom-menu, custom-header, custom-colors, custom-background, fluid-layout

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

*/


/* --------------------------------------------
	Custom CSS
-------------------------------------------- */
@media (min-width: 1200px) {
	.container,
	.desktop-mode .dropdown.mm.wide ul.dropdown-menu,
	.tt_event_theme_page {
    	max-width: 1400px !important;
	}
}
#test-head {
	max-width: 980px;
    margin-left: auto;
	margin-right: auto;
}
.test-quote {
	max-width: 800px;
    margin: 0 auto;
}
.icon-circle .vc_icon_element-inner {
    border-radius: 50%;
    background-color: white;
    width: 6em !important;
    height: 6em !important;
}
.vc_toggle_title h4 {
	font-size: 18px;
}
.iconL .vc_icon_element-inner:before {
    content: "";
    width: 40px;
    height: 1px;
    display: inline-block;
    background-color: #bfbfbf;
    position: relative;
    left: -50px;
    top: 0;
}
.iconL .vc_icon_element-inner:after {
    content: "";
    width: 40px;
    height: 1px;
    display: inline-block;
    background-color: #bfbfbf;
    position: relative;
    left: 50px;
    top: -39px;
}
.iconR {
	padding-left: 40px;
}
.iconR .vc_icon_element-inner:before {
    content: "";
    width: 40px;
    height: 1px;
    display: inline-block;
    background-color: #bfbfbf;
    position: relative;
    left: -50px;
    top: 0;
}
.iconR .vc_icon_element-inner:after {
    content: "";
    width: 40px;
    height: 1px;
    display: inline-block;
    background-color: #bfbfbf;
    position: relative;
    left: 50px;
	top: -39px;
}
.iconM {
	padding-left: 40px;
}
.iconM .vc_icon_element-inner:before {
    content: "";
    width: 40px;
    height: 1px;
    display: inline-block;
    background-color: #bfbfbf;
    position: relative;
    left: -50px;
    top: 0;
}
.iconM .vc_icon_element-inner:after {
    content: "";
    width: 40px;
    height: 1px;
    display: inline-block;
    background-color: #bfbfbf;
    position: relative;
    left: 50px;
	top: -30px;
}
.serv-row .align-icon {
	height: 78px;
}
.serv-row .wpb_single_image {
	margin-bottom: 0 !important;
}
.smiCo .aio-icon:before {
	content: "";
    width: 20px;
    height: 1px;
    display: inline-block;
    background-color: #bfbfbf;
    position: relative;
	left: -35px;
    top: 25px;
}
.smiCo .aio-icon:after {
	content: "";
    width: 20px;
    height: 1px;
    display: inline-block;
    background-color: #bfbfbf;
    position: relative;
	left: 35px;
    top: -57px;
}
.social-icons-widget {
	clear: both;
}
.contat-information-widget ul {
	margin-bottom: 0 !important;
}
.wpb_gmaps_widget .wpb_wrapper {
	padding: 0 !important;
}

@media (max-width: 768px) {
	.coLeft .vc_column-inner {
		padding-right: 10%!important;
		
	}
	.coRight .vc_column-inner {
		padding-left: 10%!important;
	}
	.resp-col {
		height: 320px;
	}
	.flexRow .wpb_column:first-child {
		order: 2;
	}
	.flexRow .wpb_column:last-child {
		order: 1;
		margin-bottom: 40px;
	}
	.flexRow2 .wpb_column:first-child {
		margin-bottom: 40px;
	}
	.covImg .vc_custom_1623710874418 {
		background-size: contain !important;
	}
	.flexRow3 .wpb_column:first-child {
		order: 2;
	}
	.flexRow3 .wpb_column:last-child {
		order: 1;
		margin-bottom: 40px;
	}
	.flex4 {
		margin-bottom: 40px;
	}
}