/** SERVICE BOXES **/
.services-banner						{ padding:20px 0px 40px 0px; font-size:0px; text-align:center; }
.services-banner h2 					{ display:block; text-align:center; font-size:2em; }
.services-box							{ display:inline-block; vertical-align:top; font-size:14px; position:relative; width:31%; min-height:196px; margin:8px; overflow:hidden; }
.services-box .sb-details				{ position:absolute; right:0; left:0; padding:10px; text-align:left; }
.services-box .sb-title					{ display:block; font-size:1.2em; font-weight:normal; text-transform:uppercase; }
.services-box .sb-text					{ display:none; margin:15px 0px 15px 0px; font-size:1em; }
.services-box .sb-more,
.services-box .btn						{ display:none; clear:both; font-weight:normal; bottom:10px; }

.services-box.sb-lettings				{ background:#FFFFFF url(static/services01.jpg) no-repeat 50% 50%; background-size:cover; }
.services-box.sb-selling				{ background:#FFFFFF url(static/services02.jpg) no-repeat 50% 50%; background-size:cover; }
.services-box.sb-valuations				{ background:#FFFFFF url(static/services03.jpg) no-repeat 50% 50%; background-size:cover; }
.services-box .sb-details				{ background:rgb(66,154,149); background:rgba(66,154,149,0.8); }
.services-box .sb-title					{ color:#FFFFFF; }
.services-box .sb-text					{ color:#FFFFFF; }
.services-box .sb-more					{ color:#FFFFFF; }

/** SERVICE BOXES **/
.service-boxes									{ font-size:0px; text-align:center; }
.service-boxes .service-box						{ display:inline-block; vertical-align:top; width:33%; font-size:16px; text-align:center; }
.service-boxes .service-box .sb-content			{ margin:10px; }
.service-boxes .service-box .image img			{ width:100%; max-width:600px; max-height:400px; }
.service-boxes .service-box .text				{ padding:10px; text-align:center; }

.service-boxes .service-box .sb-content			{ border:5px solid #DDDDDD; }
.service-boxes .service-box .image				{ border-bottom:1px solid #DDDDDD; }



/** RESPONSIVE **/
@media screen and (max-width:770px){

	.service-boxes .service-box		{ height:auto !important; }
	.services-box .sb-details 		{ height:auto !important; position:static; display:block; padding:20px; }
	.services-box .sb-text,
	.services-box .sb-more,
	.services-box .btn						{ display:block; }

}

@media screen and (max-width:530px){

	.service-boxes .service-box		{ width:100%; }

}




/** RESPONSIVE **/
@media screen and (max-width:970px){
	.services-box			{ margin:10px 5px; } 
}

@media screen and (max-width:730px){

	.services-box							{ height:auto !important; min-height:none; width:96%; margin:10px auto 10px auto; }
	.services-box.sb-lettings,
	.services-box.sb-lettings2,
	.services-box.sb-valuations				{ background-size:cover; }
	.services-box .sb-details 				{ height:auto !important; position:static;  margin:40% 0px 0px 0px;  padding:10px; display:block; }
	.services-box .sb-text,
	.services-box .sb-more,
	.services-box .btn						{ display:block; }

}