/** SERVICE BOXES **/
.services-banner						{ padding:40px 0px; font-size:0px; text-align:center; }
.services-box							{ display:inline-block; vertical-align:top; font-size:14px; position:relative; width:31%; min-height:200px; margin:10px; 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 30px 0px; font-size:1em; }
.services-box .sb-more,
.services-box .btn						{ display:none; clear:both; font-weight:normal; }

.services-box							{ border:1px solid #CCCCCC; }
.services-box.sb-lettings				{ background:#FFFFFF url(static/services-01.jpg) no-repeat 50% 50%; }
.services-box.sb-lettings2				{ background:#FFFFFF url(static/services-02.jpg) no-repeat 50% 50%; }
.services-box.sb-valuations				{ background:#FFFFFF url(static/services-03.jpg) no-repeat 50% 50%; }
.services-box .sb-details				{ background:rgb(38,53,129); background:rgba(38,53,129,0.9); }
.services-box .sb-title					{ color:#FFFFFF; }
.services-box .sb-text					{ color:#FFFFFF; }
.services-box .sb-more					{ color:#FFFFFF; }



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

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

	.services-box							{ 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:0px 0px 0px 350px; display:block; }
	.services-box .sb-text,
	.services-box .sb-more,
	.services-box .btn						{ display:block; }

}

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

	.services-box .sb-details 				{ margin:150px 0px 0px 0px; }

}