html, body {
	width:100%;
	height: 100%;
	padding:0 ;
	margin:0;
}

.ap-breadcrumb{display: inline-flex;}
.banner-section .banner-wrapper.breadcrumb-wrapper { padding-top: 150px; padding-bottom: 40px;}
.about-info-box{padding: 0 0 15px;}
.about-info-box img.about-icon{width: 70px; height: auto; margin: 0 10px 0 0; float: left;}
.about-info-box .about-info{ margin: 0 0 0 80px;}
.about-info-box .about-info h4{font-size: 20px;}
.about-info-box .about-info p{font-size: 14px; line-height: 16px;}
.cr1 {
    width: 250px;
    height: 250px;
    position: absolute;
    background: #af77ebd6;
    padding: 72px 0;
    z-index: 1;
    border-radius: 50%;
}
.cr2 {
    width: 325px;
    height: 325px;
    position: absolute;
    background: #05c24ae6;
    padding: 112px 0;
    border-radius: 50%;
    top: 111px;
    left: 30%;
}
.cr3 {
    width: 180px;
    height: 180px;
    position: absolute;
    background: #04bdebe8;
    padding: 40px 0;
    left: 66%;
    border-radius: 50%;
}
.p-relative {
    position: relative;
}
.single-counter p {
    font-size: 20px;
    margin-bottom: 0;
    color: #fff;
}
.count {
    font-size: 80px;
    color: #fff;
    margin-bottom: 0;
    line-height: 1;
    display: inline-block;
    font-weight: bold;
}
.counter small {
    font-size: 80px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    position: relative;
    right: 0;
}
/* extra activities */
.banner-extra2{position: relative;}
.extra-main-img{width:100%;}
.extra-wht-logo{width: 180px;
position: absolute;
bottom: 20px;
right: 10px;}
.extra-aqua-logo{width: 180px;
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);}
.banner-extra2 h2{font-size: 40px;
font-weight: 300;
position: absolute;
bottom: 20%;
width: 420px;
text-align: left;
left: 20px;}