@charset "utf-8";

@media print{
	
}

@media screen{
	
	.listing .row{width:80%; margin:0 auto; display:block;}
	.listing .row .col{position:relative;float:left;text-decoration:none;overflow:hidden;}
	.listing .row .col .text{position:relative;display:block;width:calc(100% - 20px);height:auto;min-height:24px;line-height:18px;margin:0;padding:5px 10px; text-align:center;}
	.listing .row .col .text h3,
	.listing .row .col .text p{padding:0;margin:0;font-weight:300;font-size:16px;}
	.listing .row .col .image{
		width:100%;padding-top:100%;background-repeat:no-repeat;background-size:cover;background-position:center; overflow:hidden;
	}
	.listing .row .col .hover{
		width:100%;padding-top:100%; position:absolute; top:0; left:0;
		background-color:transparent;background-repeat:no-repeat;background-size:cover;background-position:center;background-image: url(../img/col-hover.png);
		opacity: 0;
		-webkit-transition: opacity .4s ease;-moz-transition: opacity .4s ease;-ms-transition: opacity .4s ease;-o-transition: opacity .4s ease;transition: opacity .4s ease;
	}
	.listing .row .col:hover .hover{
		opacity: 1;
	}
}
@media screen and (min-width: 1500px){
	
	.listing .row{margin-bottom:60px;}
	.listing .row .col{min-height:400px;}
	.listing .row .col-1{width:100%;padding-top:100%;}
	.listing .row .col-2{width:49%;width:calc(50% - 30px);padding-top:0;}
	.listing .row .col-2:last-child{margin:0 0 0 30px;}
	.listing .row .col-2:first-child{margin:0 30px 0 0;}
	.listing .row .col-3{width:30%;width:calc(33.3% - 40px);padding-top:0;margin:0 60px;}
	/*.listing .row .col-3:last-child,*/
	.listing .row .col-3:nth-child(3),
	.listing .row .col-3:first-child{margin:0;}
}
@media screen and (min-width: 1000px) and (max-width: 1500px){
	
	.listing .row{margin-bottom:30px;}
	.listing .row .col{min-height:250px;}
	.listing .row .col-1{width:100%;padding-top:100%;}
	.listing .row .col-2{width:49%;width:calc(50% - 15px);padding-top:0;}
	.listing .row .col-2:last-child{margin:0 0 0 15px;}
	.listing .row .col-2:first-child{margin:0 15px 0 0;}
	.listing .row .col-3{width:32.5%;width:calc(33.3% - 20px);padding-top:0;margin:0 30px;}
	/*.listing .row .col-3:last-child,*/
	.listing .row .col-3:nth-child(3),
	.listing .row .col-3:first-child{margin:0;}
}
@media screen and (min-width: 1500px){ 							.listing .row .col-0{width:19%;width:calc(20% - 40px);height:340px;margin:20px;} }
@media screen and (min-width: 1200px) and (max-width: 1500px){ 	.listing .row .col-0{width:24%;width:calc(25% - 40px);height:340px;margin:20px;} }
@media screen and (min-width: 1000px) and (max-width: 1200px){ 	.listing .row .col-0{width:32.5%;width:calc(33.3% - 40px);height:290px;margin:20px;}}
@media screen and (min-width: 601px) and (max-width: 1000px){	.listing .row .col{width:49%;width:calc(50% - 30px);height:auto;margin:15px;}}
@media screen and (max-width: 600px){							.listing .row .col{width:100%;height:auto;margin:15px 0;}}