.banner_sec{ width: 100%; position: relative; /*background: url(../images/banner.jpg) no-repeat center center;*/ background-size: cover !important; padding: 50px 0; }
.banner_sec .container{display: flex; justify-content:space-between; align-items:center;} 
.banner_sec .enrolment_right { box-shadow: 0px 0px 13px -5px #333; }
.ban_left{ width: 370px; display: inline-block; }
.ban_left h1{ font: 700 92.66px/50px 'Roboto Condensed', sans-serif; color:#fff; text-align: right; text-shadow: 0px 1px 21px #555050; }
.ban_left h1 em { font-size: 49.63px; font-style: normal; display: inline-block;  padding-bottom: 10px;}
.ban_left h1 b { font-size: 127.33px; color: #ffb72d; line-height: 96px;  padding-top: 22px; display: inline-block; }
.ban_left span.date{ width: 100%; background: #04738c; padding: 8px 15px; background: #04738c; font: 400 27px/30px 'Roboto Condensed', sans-serif; 
color:#fff; display: inline-block; margin-top: 20px; text-align: center; margin-top: 50px; }
.ban_left h1 span{ font-size: 20px; line-height: 20px;}

.ban_left .icon { width: 100%; display: flex; align-items: center; justify-content: center; }
.ban_left .icon li{float: left; margin: 20px 20px 0 0; }
.ban_left .icon li:last-child{ margin-right: 0px; }
.ban_left .icon li img{ max-width: 100%; }
.icon .btns:hover {
  background: #ffb72d;
}
.icon .btns {
  background: #ce1742;
  outline: none;
  border: none;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  display: inline-block;
  font: normal 15px/40px 'EuclidCircularA-Medium';
  outline: none;
  color: #fff;
  -webkit-appearance: none;
}
.banner_sec::before {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  content: "";
}
.ban_left {
  position: relative;
}
.banner_sec .enrolment_right {
  box-shadow: 0px 0px 13px -5px #333;
}
.enrolment_right {
  position: relative;
}
.enrolment_right {
  background: #fff;
  box-shadow: 0px 0px 13px -5px #333;
  width: 550px;
  height: 300px;
  padding: 10px 10px;
}

.ban_left p{
  font-size: 16px; line-height:30px;
  font-style: normal;
  display: inline-block;
  padding-bottom: 10px; color: #fff; text-shadow: 0px -3px 7px #393636;
}
.ban_left{ text-align: right;}





.camplistban .ban_left{ width: 50%; padding: 0 40px;}
.camplistban .enrolment_right{ width: 50%;}
.camplistban .ban_left h1 b {
  font-size: 102.33px;
  color: #ffb72d;
  line-height: 66px;
  padding-top: 0;
  display: inline-block;
}
.camplistban .ban_left p {
  font-size: 14px;
  line-height: 28px;
  font-style: normal;
  display: inline-block;
  padding-bottom: 10px;
  color: #fff;
  text-shadow: 0px -3px 7px #393636;
  margin-top: 26px;
  font-weight: 600;
}















@media (min-width: 1200px) and (max-width: 1299px) {

.ban_left h1{ font-size: 75px; line-height: 40px; }
.ban_left h1 em { font-size: 44.63px;}
.ban_left h1 b { font-size: 112.33px; line-height: 85px; padding-top: 20px; }
.banner_sec { padding: 40px 0; }
.ban_left { width: 350px;}
.ban_left span.date{ padding: 8px 15px; font-size: 24px; line-height: 26px; margin-top: 40px; }


}

@media (min-width: 992px) and (max-width: 1199px) {
	
.ban_left h1 { font-size: 60px; line-height: 36px;}
.ban_left h1 em { font-size: 40.63px;}
.ban_left h1 b { font-size: 95.33px; line-height: 72px; padding-top: 15px;}
.banner_sec { padding: 40px 0; }
.ban_left { width: 310px;}
.ban_left span.date { padding: 8px 12px; font-size: 21px; line-height: 24px; margin-top: 34px;}



}


@media only screen and (max-width: 991px) {
.ban_left h1 { font-size: 45px; line-height: 25px;}
.ban_left h1 em { font-size: 30.63px;}
.ban_left h1 b { font-size: 76.33px;  line-height: 62px; padding-top: 12px;}
.banner_sec { padding: 40px 0; }
.ban_left { width: 250px;}
.ban_left span.date { padding: 6px 10px; font-size: 19px; line-height: 22px; margin-top: 24px;}
.enrolment_right {
    width: 350px;
    padding: 10px;
  }


}




@media only screen and (max-width: 767px){
.ban_left { width: 100%; text-align: center; display: inline-block;}
.ban_left h1 em { font-size: 30.63px; width: 100%; display: inline-block;}
.ban_left h1 b{ width: 100%; display: inline-block;}
.ban_left h1{ text-align: center; }
.banner_sec .container { display: inline-block;}
.ban_left span.date { width: 280px;}
.ban_left {
    width: 100%;
    text-align: center;
    display: inline-block;
  }
 .enrolment_right {
    margin-top: 30px; width: 100%;
  }

.camplistban .ban_left {
  width: 100%;
  padding: 0 40px;
}
.camplistban .enrolment_right {
  width: 100%;
  padding: 0;
}

}


@media only screen and (max-width: 575px){ 
.ban_left h1 { font-size: 35px; line-height: 21px;}
.ban_left h1 em { font-size: 26.63px;}
.ban_left h1 b { font-size: 56.33px; line-height: 45px; padding-top: 8px;}
.ban_left span.date { padding: 4px 5px; font-size: 17px; line-height: 22px; margin-top: 19px; width: 240px;}
.ban_left .icon li { float: left; margin: 15px 10px 0 0; width: 85px;}







}