/*  #Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	body#template_home,
	body{
		background-image:url(../images/layout/bg_480.png);
		background-position:top center;
		background-repeat:no-repeat;
	}
	#wrapper, 
	#top{
		width:450px;
		margin:0 auto;
		padding-left:10px;
		padding-right:10px;
	}	
	#menu h1{
		display:none;
	}

	h1.main-title {
		font-size:20px;
	}

	#logo{
		width:112px;
		margin:0 auto;
		position:inherit;
	}
	
	#logo a {
		width:112px;
		margin:0 auto;
	}
	
	
	#logo a img{
		width:112px; 
		height:auto;
	}
	#top{
		height:155px !important;
		margin:0 auto;
	}
	#top-info{
		float:left;
	}
	.path ul{
		display:none;
	}
	
	/*###########	Home	##########*/

	#orange-dot{
		display:none;
	}

	.column-right,
	.column-left{
		width:450px;
		margin:0 auto; 
		padding:14px 0;
		float:none;
	}
	.column-right.blockview .blockview-details p {
			height: 44px;
			overflow: hidden;	
		}	
		
	.column-left,
	.column-left.blockview h2 span{
		background-color:#FFF;
	}
	.column-right,
	.column-right.blockview h2 span{
		background-color:#e9edef;
	}

	.home-columns h2 {
		width:440px;
		padding:0;
		margin:0 auto 20px;
	}
		
	.right{
		color:#fc9725;
		background:url(../images/layout/arrow_orange.png) 84px center no-repeat;
		margin-right:5px;
		font-size:14px;
	}
	.right .btn-start,
	.right .btn-end{
		background:none;

	}
	.top-right{
		display:none;
	}
	
	.blockview ul {
		padding: 0 15px;
		width:420px;
	}
	.column-left.blockview li {
		height: 135px;
	}	
	
	.column-left.blockview.blockview li .btn {
		bottom: 0px;	
	}
	
	.blockview li {
		height:90px;
	}
	
	#template_horses .columns .blockview li {
		height: 145px;
	}
	
	#template_horses .columns .blockview li .btn {
		bottom: 0px;
	}
	
	
	.blockview li .btn {
		left:auto;
		right:0;
		bottom:27px;
	}
	
	.blockview div.img {
		width:120px;
	}
	
	.columns.half .blockview .blockview-details,
	.blockview .blockview-details {
		height:101px;
		padding-right:100px;
		width:183px;
		float:left;
	}
	
	.blockview h3 {
		color:#000;
		font-size:14px;
	}
	
	#top-social a {
		background-size:cover;
		width:19px;
		height:19px;
	}
	
	#top-flags {
		margin:1px 0 0;
	}
	
	.columns.half {
		padding:0;
	}
	
	/*###########	info	##########*/
	.columns .column:first-child{
		margin:0 auto;
	}
	.columns .column{
		float:none;
		width:425px !important;
		margin:0 auto;
	}
	
	.gallery{
		width:435px;
	}
	
		.gallery .thumb {
			width:135px;
		}
	
	.gallery .large {
		width:423px;
		position: relative;
	}
	
	/*##########	Reference	##########*/
	
	#template_reference .blockview ul{
		margin:0;
		padding:0;
		width:425px;
	}
	
	#template_reference .blockview ul li {
		height:100px;
	}
	
	#template_reference .columns.half .blockview .blockview-details{
		width:268px;
		padding:0;
	}
	/*########	Horses	#######*/
	/*.columns.half .blockview .blockview-details{
		width:277px;
	}*/
	.horse-form{
		display:none;
	}
	.properties{
		float:left;	
		width:237px;
	}
	.column-bottom{
		padding-top:0;
	}
	.contact-info{
		padding:0 0 20px 20px;
	}
	.sold{
		bottom:0;
		width:80px;
	}
	
	#footer{
		width:460px;
		text-align:center;
	}
	#footer li{
		font-size:10px;
		background:none;
		padding:0;
		margin-left:13px;
	}
	#frontend-debug{
		display:none;
	}
	
	.webform-table input, .webform-table textarea {
		width:280px;
	}

}


/* #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 479px) {
	body#template_home,
	body{
		background-image:url(../images/layout/bg_480.png);
		background-position:top center;
		background-repeat:no-repeat;
	}
	
	#wrapper, 
	#top{
		width:290px;
		margin:0 auto;
		padding-left:10px;
		padding-right:10px;
	}	
	
	#menu h1{
		display:none;
	}

	h1.main-title {
		font-size:20px;
	}

	#logo{
		width:112px;
		margin:0 auto;
		position:inherit;
	}
	#logo a img{
		width:112px; 
		height:auto;
	}
	#top{
		height:155px !important;
		margin:0 auto;
	}
	#top-info{
		margin:12px 0 0;
		clear:both;
	}
	.path ul{
		display:none;
	}
	
	/*###########	Home	##########*/

	#orange-dot{
		display:none;
	}

	.column-right,
	.column-left{
		width:290px;
		margin:0 auto; 
		padding:14px 0;
		float:none;
	}
	.column-left,
	.column-left.blockview h2 span{
		background-color:#FFF;
	}
	.column-right,
	.column-right.blockview h2 span{
		background-color:#e9edef;
	}

	.home-columns h2 {
		padding:0;
		margin:0 auto 20px;
	}
		
	.right{
		color:#fc9725;
		background:url(../images/layout/arrow_orange.png) 84px center no-repeat;
		margin-right:5px;
		font-size:14px;
	}
	.right .btn-start,
	.right .btn-end{
		background:none;

	}
	.top-right{
		display:none;
	}
	
	.blockview ul {
		padding: 0 15px;
		width:260px;
	}
	
	#template_horses .columns .blockview li {
		height: 145px;
	}
	
	#template_horses .columns .blockview-details {
		height: 146px;
	}
	
		.column-left.blockview li {
			height: 125px;	
		}
		.column-left.blockview .blockview-details {
			height: 125px;	
		}
		
		.column-right.blockview li {
			height: 88px;	
		}
		.column-right.blockview li .btn {
			bottom: 20px;	
		}
		.column-right.blockview .blockview-details {
			height: 110px;	
		}
		
		.column-right.blockview .blockview-details p {
			height: 30px;
			overflow: hidden;	
		}	
		
	.blockview li {
		height:145px;
	}
	
	.blockview li .btn {
		left:auto;
		right:0;
		bottom:-5px;
	}
	
	tr.comments {
		display:none;
	}
	
	.blockview div.img {
		width:100px;
	}

	.blockview .blockview-details {
		height:140px;
		padding-right:0;
		padding-top:0;
		width:143px;
		float:left;
	}
	
	.columns.half .blockview .blockview-details {
		height:120px;
		padding-right:0;
		padding-top:0;
		width:143px;
		float:left;	
	}
	.columns.half .blockview li {
		height: 120px;	
	}
	
	.blockview h3 {
		color:#000;
		font-size:14px;
	}
	
	#top-social a {
		background-size:cover;
		width:19px;
		height:19px;
	}
	
	#top-flags {
		margin:1px 0 0;
	}
	
	.columns.half {
		padding:0;
	}
	
	/*###########	info	##########*/
	.columns .column:first-child{
		margin:0 auto;
	}
	.columns .column{
		float:none;
		width:265px !important;
		margin:0 auto;
	}
	
	.gallery{
		width:275px;
	}
	
		.gallery .thumb {
			width:127px;
		}
	
	.gallery .large {
		width:263px;
	}
	
	/*##########	Reference	##########*/
	
	#template_reference .blockview ul{
		margin:0;
		padding:0;
		width:265px;
	}
	
	#template_reference .blockview ul li {
		height:auto;
	}
	
	#template_reference .columns.half .blockview .blockview-details{
		width:128px;
		padding:0;
		height:auto;
	}
	/*########	Horses	#######*/
	/*.columns.half .blockview .blockview-details{
		width:277px;
	}*/
	.horse-form{
		display:none;
	}
	.properties{
		float:left;	
		width:237px;
	}
	.column-bottom{
		padding-top:0;
	}
	.contact-info{
		padding:20px 0;
	}
	.sold{
		bottom:0;
		width:80px;
	}
	
	#footer{
		width:280px;
		text-align:center;
	}
	#footer li{
		font-size:10px;
		background:none;
		padding:0;
		margin-left:13px;
	}
	#frontend-debug{
		display:none;
	}
	
	.webform-table input, .webform-table textarea {
		width:120px;
	}
	
	#map_canvas {
		width: 265px!important;
		margin-top: 30px;
		display: inline-block;
	}
}