.caption-wr {*width:90%;}

.info h2, *.info h3{*font-size:12px;}

.box-info {*top:25px;}


.col-2 .box-info {*width:170px;}	
.col-3 .box-info {*width:130px; *top:0; *padding:10px;}

.col-3 .box .title, *.col-3 .box .sub-title, *.col-3 .box .accommodation {*font-size:12px;}

.bx-pager {*margin:0 0 5px 0!important;}	

.page-wr {z-index:998;}
.nav-toggle {*width:30px; *height:30px; *background:url(../images/mobile-nav-icon.png) no-repeat center;}

@media only screen and (min-width:360px) {	
	.col-2 {*margin:30px auto!important;}	
	.bx-pager {*margin:0 0 35px 0!important;}	
}
@media only screen and (min-width:520px) {	
	
	.caption-wr {*width:50%;}
	.col-2 {*margin:20px auto!important;}	
	
}
@media only screen and (min-width:600px) {	
	.col-2 {*margin:0 10px 20px 10px!important;}	
	.col-3 {*margin-top:-265px;}
}
	
@media only screen and (min-width:800px) {	
	.col-3 .box {*padding:6px 0 5px 0;}
	.col-3 {*margin-top:0; *padding:0 0 4.5px 0;}
}
@media only screen and (min-width:900px) {	
		
	.col-3 .box {*padding:1.5px 0 2px;}
	.col-3 .box .title {*font-size:16px; }
	.col-3 .box .sub-title {*font-size:14px;}
	.col-3 .accommodation {*font-size:11px;}
}
@media only screen and (min-width:980px) {
	.col-3 {padding:0 0 4px 0;}
	.col-3 .box {*padding:11px 0 11px;}
}
.footer {*border:none;}
.footer-nav ul {*margin-top:10px}
.footer-nav li {*margin:0 10px 5px 0;}
.footer-nav li a {*padding:5px 0; *display:block;}

.last {*border:none!important;}
