/*--

	Theme Name: theme51907

	Theme URI: http://info.template-help.com/help/

	Description: A theme for Wordpress 4.x

	Author: Template_Help.com

	Author URI: http://info.template-help.com/help/

	Template: CherryFramework

	Version: 3.1.4

--*/



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

	Please, You may put custom CSS here

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



.services{

	font: 26px/30px Roboto;

	color: #fff;

	text-align: center;

	margin-top: -34px;

	background: #DD0202;

	min-height: 75px;

}



.servicesdiv {

	width: 270px;

	float:left;

	margin-left: 20px;

	margin-bottom: 30px;

}



.servicespagediv {

	width: 270px;

	float:left;

	margin-left: 90px;

	margin-bottom: 30px;

	min-height: 307px;

}



.servicespagetextblack{

	

	

	

	

}



.servicespagetext{

	margin-bottom: 30px;

	color: #DD0202;

	font-weight: bold;

	font-size:20px;

}

.content_box.man_mechanic {

	background: #FFF url("/wp-content/uploads/2015/05/340-Dream-2-fade.jpg") no-repeat scroll 100% 100% !important;

	margin-left: 0px !important;

	padding-left: 0px !important;

	min-height:450px !important;

}



.serviceswrapper {



display: table;

margin: auto;



}

@media (max-width: 550px) {

    .serviceswrapper {display:table;}

}



@media (max-width: 768px) {

.sf-menu > li > a{ font: 15px/22px Roboto !important;}

.service-box .service-box_txt {color: #000 !important;}

.servicespagediv {min-height:307px;}

.serviceswrapper {width:600px;}



}



@media (max-width: 360px) {

.service-box .title{ font-size:38px !important;}

.servicesdiv {margin-left: 0px !important;}

.servicespagediv {margin-left: 0px !important;}

.serviceswrapper {width:300px;}

}



@media (max-width: 1025px) {

.servicespagediv {min-height:307px !important;}

.sf-menu > li > a{ font: 15px/22px Roboto !important;}

}



@media (max-width: 1024px) {

#back-top { display:none; }

}