.page-header.float_l {
    background-image: url(../images/membership-header.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
.page-title.float_l {
    color: #ffffff;
    font-size: 50px;
    font-weight: bold;
    line-height: 56px;
    padding: 120px 0 15px 0;
}
.page-con-area.float_l {
    background-image: url(../images/page-con-area-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 12px 0;
}
.page-left-panel {
    float: left;
    width: 19%;
}
.page-right-panel {
    float: left;
    width: 81%;
    padding: 20px 0 0 2%;
    border-left: 1px solid #c5c5c5;
}
.right-panel-con.float_l {
    background-color: rgba(255, 255, 255, 0.60);
}
.left-panel-ads a {
    float: left;
    margin: 12px 0;
}
.left-panel-ads a img {
    border: 4px solid #a6b0d7;
    float: left;
    border-radius: 5px;
}
.membership-con .left-text, .membership-con .right-img, .membership-con .right-img img, .membership-con .left-img, .membership-con .left-img img, .membership-con .right-text {
    float: left;
}
.membership-con .heading {
    font-size: 36px;
    color: #0a3f64;
    line-height: 40px;
    margin: 0 0 28px 0;
}
.membership-con .simple-text {
    font-size: 18px;
}
.membership-con .be-member {
    padding: 40px 38px 55px 35px;
    border-bottom: 1px solid #ccc9c7;
}
.be-member .left-text {
    width: 51%;
    padding: 0 5% 0 0;
}
.be-member .right-img {
    width: 49%;
}
.membership-con a.join, .membership-con a.more {
    float: left;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    line-height: 22px;
    padding: 10px 0;
    border-radius: 5px;
    width: 55%;
    text-align: center;
    margin: 27px 0 0 0;
    background-color: #0a3f64;
}
.membership-con a.join:hover, .membership-con a.more:hover {
    background-color: #292929;
}
.membership-con a, .membership-con a:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.member-benefits.float_l {
    padding: 65px 20px 100px 20px;
}
.member-benefits .left-img, .member-benefits .right-text {
    width: 50%;
}
.member-benefits .right-text {
    padding: 0 0 0 5%;
}












@media screen and (max-width: 1200px) {
	.page-left-panel {
	  width: 22%;
	}
	.left-panel-ads.float_l {
	  padding: 0 20px 0 0;
	}
	.page-right-panel {
	  width: 78%;
	}
	.membership-con .heading {
	  font-size: 30px;
	  line-height: 36px;
	  margin: 0 0 15px;
	}
	.membership-con .be-member, .member-benefits.float_l {
	  padding: 25px;
	}
	.be-member .left-text, .member-benefits .right-text {
	  width: 60%;
	}
	.be-member .right-img, .member-benefits .left-img {
	  width: 40%;
	}
}
@media screen and (max-width: 990px) {
	.page-header.float_l {
	  background-size: cover;
	}
	.page-title.float_l {
	  font-size: 36px;
	  line-height: 46px;
	  padding: 95px 0 10px;
	}
}
@media screen and (max-width: 768px) {
	.page-title.float_l {
	  font-size: 30px;
	  line-height: 36px;
	}
	.page-left-panel, .page-right-panel, .be-member .left-text, .member-benefits .right-text {
	  width: 100%;
	}
	.page-left-panel {
	  max-width: 250px;
	}
	.left-panel-ads.float_l {
	  padding: 0;
	}
	.page-right-panel {
	  border-left: medium none;
	  padding: 0;
	}
	.membership-con .be-member, .member-benefits.float_l {
	  padding: 25px 0;
	}
	.be-member .left-text, .member-benefits .right-text {
	  padding: 0;
	}
	.be-member .right-img, .member-benefits .left-img {
	  display: none;
	}
	.membership-con a.join, .membership-con a.more {
	  margin: 10px 0 0;
	}
}