.page-banner.resort-act {
    background-image: url(../images/resort-act-banner2.jpg);
}
.resort-act-sec1 .left, .resort-act-sec1 .right {
	margin-bottom: 0;
}
.resort-act-sec1 .left {
    background-color: #e1e1e1;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    max-width: 395px;
}
.resort-act-sec1 .left:before {
    content: '';
    background-color: #e1e1e1;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
}
.resort-act-sec1 .left li a {
    color: #696969;
    display: inline-block;
    width: 100%;
    padding: 18px 20px;
}
.resort-act-sec1 .left li a:hover {
    color: #129795;
}
.resort-act-sec1 .left li.active a {
	background: linear-gradient(#6bc3ce, #1e9d9e);
    background-color: #4ab3ba;
    color: #fff;
}
.resort-act-sec1 .right .head {
    color: #129795;
    margin: 30px 0 30px 0;
    border-bottom: 2px solid #959595;
    padding: 0 0 15px 0;
}
.resort-act-sec1 .right .text {
    color: #696969;
}
.resort-act-sec1 .right .text {
    color: #696969;
}
.resort-act-sec1 .right img.r-img {
    float: right;
    max-width: 45%;
    margin: 0 0 30px 30px;
}


@media screen and (max-width: 1362px) {
}
@media screen and (max-width: 992px) {
	.resort-act-sec1 .left, .resort-act-sec1 .right {
	    height: auto !important;
	}
	.resort-act-sec1 .left::before {
	    display: none;
	}
	.resort-act-sec1 .right .text {
	    margin-bottom: 0;
	    padding-bottom: 30px;
	}
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 479px) {
	.resort-act-sec1 .right img.r-img {
	    max-width: 100%;
	    margin: 0 0 30px 0;
	}
	.resort-act-sec1 .left .z-no-bullets {
	    padding: 20px 0;
	}
}