#calItems div{width:100%;min-height:230px;margin-bottom:20px;float:left}
#calItems table,.cal-table{font-family:Lato,sans-serif;color:#fff;text-align:center;font-size:7pt}
#calItems table td{position:relative}
.cal-monthbg{font-size:14px;font-weight:400;color:#111;text-align:left;padding:0 0 0 4px}
.cal-datename{line-height:18pt;font-weight:400;background-color:#333;color:#fff;width:14.28%}
.cal-dates{background-color:#eee;overflow:hidden}
.cal-datesask{color:#fff;background-color:#39c}
.cal-datesoccupy{color:#fff;background-color:#c00}
.cal-datesavail{color:#111;background-color:#ccc}
.cal-dates,.cal-datesask,.cal-datesavail,.cal-datesoccupy{text-align:left;line-height:23px;width:30px;height:30px;font-weight:700}
#calInfo{display:block;height:20px;margin-bottom:20px}
#calInfo div{float:left;padding:0}
.cal-info{width:18px;height:18px;margin:0 5px 0 20px}
.cal-info:first-child{margin:0 5px 0 0}
.cal-txt,.check-in{display:block;position:absolute;top:0;left:0}
.check-in{width:0;height:0;border-style:solid;border-width:30px 30px 0 0;border-color:#ccc transparent transparent}
.check-in-occupied{border-color:#c00 transparent transparent}
.check-in-ask{border-color:#39c transparent transparent}
.cal-txt{width:100%;height:100%;text-align:center;line-height:30px}
.cal-sep{background:#333;font-size:1px}
.cal-row{width:120px!important;height:36px}
.cal-row2{border-top:1px solid #333}
.cal-row div,.cal-row2 div{padding:6px;width:100%;height:100%}
.cal-check{display:inline-block;width:20px;height:20px;margin-right:3px;padding:1px 3px;text-align:center}

@media (min-width:560px) and (max-width:720px){
#calItems div{width:48%;margin-right:4%}
#calItems div:nth-child(2n){margin-right:0}
}

@media (min-width:992px){
#calItems div{width:220px;margin-right:20px}
#calItems div:nth-child(2n){margin-right:0}
}

@media (min-width:1224px){
#calItems div:nth-child(2n){margin-right:20px}
#calItems div:nth-child(3n){margin-right:0}
}

@media (min-width:1470px){
#calItems div:nth-child(2n),
#calItems div:nth-child(3n){margin-right:20px}
#calItems div:nth-child(4n){margin-right:0}
}

@media (min-width:1710px){
#calItems div:nth-child(2n),
#calItems div:nth-child(3n),
#calItems div:nth-child(4n){margin-right:20px}
#calItems div:nth-child(5n){margin-right:0}
}

@media (min-width:1920px){
#calItems div:nth-child(2n),
#calItems div:nth-child(3n),
#calItems div:nth-child(4n),
#calItems div:nth-child(5n){margin-right:20px}
#calItems div:nth-child(6n){margin-right:0}
}

/*------------------------------Background images-------------------------*/
#gal1{background-image:url(../images/1024/rates-villa-mayana-costarica-6.jpg);}
#gal2{background-image:url(../images/1024/rates-villa-mayana-costarica-2.jpg);}
#gal3{background-image:url(../images/1024/rates-villa-mayana-costarica-3.jpg);}
@media all and (min-width:1280px) {
	#gal1{background-image:url(../images/1600/rates-villa-mayana-costarica-6.jpg);}
	#gal2{background-image:url(../images/1600/rates-villa-mayana-costarica-2.jpg);}
	#gal3{background-image:url(../images/1600/rates-villa-mayana-costarica-3.jpg);}
}
@media all and (min-width:1920px) {
	#gal1{background-image:url(../images/2500/rates-villa-mayana-costarica-6.jpg);}
	#gal2{background-image:url(../images/2500/rates-villa-mayana-costarica-2.jpg);}
	#gal3{background-image:url(../images/2500/rates-villa-mayana-costarica-3.jpg);}
}

.testimony{padding-bottom:5px;margin-bottom:15px;border-bottom:1px solid rgba(0,0,0,.1)}
.testimony:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}
.remarks{font-style:italic;font-size:.9em;color:#666}