@media (max-width:499px){   
  div#banner-img3 img {width:100%;height:auto;top:0px;overflow:hidden;} 
  div#banner-img3 { display:block; margin-bottom:20px; }
  #btn-sticky h4,.sec-pfocus{font-size:14px}
  #footer-right,#logo{text-align:left}
  .subpage #main .topcontent{background-color:#53b7e6;padding:50px}
  .subpage #main .topcontent .other_content h1{color:#fff}
  #details .title h1{font-size:25px;padding:30px 0;margin-top:200px;}
  .event .longDescr,.event .shortDescr,.event .title{padding:0 15px}
  #results,.topcontent{margin-top:30px}
  .partner-wrap{width:25%!important;height:80px!important;margin:0 10px;position:relative;display:inline-block}
  #footer-left,.sec-pfocus{margin-bottom:20px}
  #footer-right{font-size:12px}
  body.contact .nav-dark #logo a img,body.event .nav-dark #logo a img,body.info .nav-dark #logo a img,body.listing .nav-dark #logo a img{width:200px!important}
  .logo-title{font-size:15px}
  .the_box,li.eventt{height:100%}
  #banner-img,li.event{height:auto}
  .hover ul{position:relative;margin-top:20px}
  .event-transition ul li{transform:translateY(0);border-bottom:1px solid #36a9e0}
  #btn-sticky{width:125px}
  body.info .topcontent{margin-top:60%;margin-bottom:80px;padding:0 15px}
  body.info #banner-img{height:200px;min-height:0}
  body.info #banner-img img{position:absolute;bottom:0;left:0;width:100%;height:auto}
  .ui-carousel>.wrapper,.ui-carousel>.wrapper>.slide,body .ui-carousel{width:250px!important}
  .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{position:absolute;left:0;top:40px;width:100%;background-color:#202a89;border-color:#202a89}
  nav#primary{margin-top:0;display:block}
  nav#primary ul{float:none}
  nav#primary ul a{color:#fff;text-align:left;padding:10px 15px}
  nav#primary ul ul{position:relative;width:100%;max-width:100%;z-index:1;background-color:#36a9e0}
  nav#primary ul ul li{width:100%}
  nav#primary ul li:hover{border-bottom:0}
  nav#primary ul li a:active,nav#primary ul li a:focus,nav#primary ul li a:hover{color:#36a9e0!important}
  nav#primary ul ul li a:active,nav#primary ul ul li a:focus,nav#primary ul ul li a:hover{color:#202a89!important}
  .nav li{display:block!important;width:100%}
  .navbar-inverse .navbar-toggle{border-color:transparent}
  .navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#202a89}
  body.home .navbar-toggle{margin-top:-45px}
  body.contact .navbar-toggle,body.event .navbar-toggle,body.info .navbar-toggle,body.listing .navbar-toggle{margin-top:-40px}
  #enquiry form input,#enquiry form textarea,#search .date-input,#search .search-input{width:250px}
  .listing #banner-img img{height:100%;top:0}
  .listing-textbox{background-color:#25292d;padding:35px;margin-bottom:2%}
  li.event{padding:20px}
  .sec-title{font-size:30px}
  .hvr-right{padding:10px 40px}
  #header{height:120px}
  #logo a img{width:200px!important;height:auto!important}
  .home .banner-h1{margin-bottom:30px}
  .banner-h1{padding:0;font-size:28px;line-height:35px;width:100%}
  .banner-h2{padding:0 15px;font-size:18px;line-height:20px;color:#25292d}
  #banner-img img{height:100%;width:auto}
  #second{display:none}
  #fifth,#fourth,#sixth,#third{padding:50px 15px}
  #intro-content{display:inline-block;padding-top:30px}
  .serv-overlay{top:75%;color:#fff}
  .serv-tab{width:100%;height:300px;margin:5px 0;overflow:hidden}
  .serv-img{height:115%;margin-left:-160px;left:-50px}
  body.event #banner-img img{height:100%;width:auto;object-fit:contain}
  .c-email{margin-bottom:50px}
}

@media (min-width:380px) and (max-width:440px){
  #details .title h1{font-size:25px;padding:30px 0;margin-top:240px;}
}

@media (min-width:500px) and (max-width:767px){
  .banner-h1,.banner-h2,.other_content{padding:0 15px}
  body.event #details,nav#primary{margin-top:0}
  #header{height:120px}
  #footer-right,#logo{text-align:left}
  #logo a img{width:250px!important;height:auto!important}
  #banner-img img{height:100%;width:auto}
  .listing #banner-img img{width:100%;height:auto;top:0}
  .banner-h1{color:#202a89;font-size:35px;line-height:35px}
  .banner-h2{font-size:18px;line-height:20px;color:#25292d}
  .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{position:absolute;left:0;top:40px;width:100%;background-color:#202a89;border-color:#202a89}
  nav#primary{display:block}
  nav#primary ul{float:none}
  nav#primary ul a{color:#fff;text-align:left;padding:10px 15px}
  nav#primary ul ul{position:relative;width:100%;max-width:100%;z-index:1;background-color:#36a9e0}
  nav#primary ul ul li{width:100%}
  nav#primary ul li:hover{border-bottom:0}
  nav#primary ul li a:active,nav#primary ul li a:focus,nav#primary ul li a:hover{color:#36a9e0!important}
  nav#primary ul ul li a:active,nav#primary ul ul li a:focus,nav#primary ul ul li a:hover{color:#202a89!important}
  .nav li{display:block!important;width:100%}
  .navbar-inverse .navbar-toggle{border-color:transparent}
  .navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#202a89}
  body.home .navbar-toggle{margin-top:-45px}
  body.contact .navbar-toggle,body.event .navbar-toggle,body.info .navbar-toggle,body.listing .navbar-toggle{margin-top:-40px}
  #second{display:none}
  #fifth,#fourth,#sixth,#third{padding:50px 15px}
  #intro-content{display:inline-block;padding-top:30px}
  .serv-overlay{top:75%;color:#fff}
  .serv-tab{height:300px;margin:5px 0;overflow:hidden}
  .serv-img{height:115%;margin-left:0;left:-50px}
  .ui-carousel>.wrapper,.ui-carousel>.wrapper>.slide,body .ui-carousel{width:300px!important}
  .c-email{margin-bottom:50px}
  #results,.topcontent{margin-top:50px}
  body.info .topcontent{margin:70% 0 80px;padding:0 15px}
  li.event{height:400px}
  li.event,ul.events{margin:50px 0}
  #enquiry form input,#enquiry form textarea,#search .date-input,#search .search-input{width:300px}
  #search .date-left,#search .date-right{left:0;right:0;margin:15px auto;display:block}
  #footer-left2{margin:30px 0}
  #footer-right ul li{display:block;width:100%}
  #footer-right ul li:after{content:""}
  body.event .banner-h1,body.listing .banner-h1{color:#fff}
  body.event #banner-img{overflow:hidden;top:0;height:auto;min-height:auto}
  body.event #banner-img img{height:100%;object-fit:contain}
  #accordion .ui-state-active,#accordion .ui-state-default,#accordion .ui-widget-content .ui-state-active,#accordion .ui-widget-content .ui-state-default,#accordion .ui-widget-header .ui-state-active,#accordion .ui-widget-header .ui-state-default{padding:15px 20px}
  #accordion .ui-widget-content,#accordion .ui-widget-header{padding:50px 20px}
  #contactinfo .dl-horizontal dd{text-align:center}
  .the_box,li.eventt{height:100%}
  .hover ul{position:relative;margin-top:20px}
  .event-transition ul li{transform:translateY(0);border-bottom:1px solid #36a9e0}
  #details{margin-top:100px}
  #details .title h1{margin-top:50%;font-size:25px;padding:30px 0}
  .gap-up{margin-top:70%}
  body.info #banner-img{height:350px}
  body.info #banner-img img{position:absolute;bottom:0;left:0;width:100%;height:auto}
  .listing-textbox{background-color:#25292d;padding:35px;margin-bottom:2%}
  #partner-wrap{width:20%}
}

@media (min-width:768px){
  #footer-left,.c-email,.listing-textbox{margin-bottom:50px}
  .navbar-header{float:none}
  #logo a img{width:300px;height:auto}
  nav#primary ul{float:none;display:inline-block}
  #intro-content{display:inline-block;padding-top:30px}
  .listing #banner-img img{bottom:0}
  #banner-img img{height:100%}
  .info #banner-img img{width:100%;height:auto}
  .serv-tab,body.info #banner-img{height:400px}
  .serv-img{width:100%;height:auto;margin-left:0;opacity:1}
  #footer-left,#footer-right{text-align:center}
  #header{height:150px;z-index:1}
  #primary{margin-top:20px}
  #second>img{height:120%;width:auto}
  .gap-up{margin-top:45%}
  #details{margin-top:50px}
  body.info .topcontent{margin-top:20%;margin-bottom:80px}
  body.info #banner-img img{position:absolute;bottom:0;left:0}.listing-textbox{background-color:#25292d;padding:35px;margin-top:50px}
}

@media (min-width:768px) and (max-width:991px){
  #logo,#primary{text-align:center}
  .serv-overlay{top:75%}
  .partner-wrap{width:10%;height:100px;margin:0 10px;position:relative;display:inline-block}
}

@media (min-width:992px){
  #logo{text-align:center}
  #header{height:120px}
  body.home #banner-img img{height:100%;width:auto;position:absolute;top:0;right:0}
  #primary{margin-top:50px}
  nav#primary ul{float:right}
  .listing #banner-img img{width:110%;height:auto;top:0}
  #footer-left{text-align:left}
  #footer-right{text-align:right}
}

@media (max-width:1199px){
  #serv-list{height:auto}
  .serv-tab::before{top:80%}
  .serv-overlay{top:86%}
  .serv-tab{height:400px}
  .serv-img{position:absolute;left:0;top:-50px;z-index:-1}
  .partner-wrap{width:18%;height:100px;margin:0 10px;position:relative;display:inline-block}
}

@media (min-width:992px) and (max-width:1199px){
  .listing #banner-img img#banner-coach{width:110%;top:0}
  .listing-textbox{background-color:#25292d;padding:35px;margin-bottom:2%}
}

@media (min-width:1200px){
  .c-email,.topcontent{margin-bottom:0}
  body.home #banner-img img{width:105%;height:100%;position:absolute;top:0;right:0;object-fit:cover;object-position:center}
  .listing #banner-img img{width:105%;height:auto;left:0;top:-20%}
  .listing #banner-img #img-musicfest{top:0!important}
  #primary{margin-top:50px}
  nav#primary ul{float:right}
  .topcontent{margin-top:0}
  #results{margin-top:10px}
  .gap-up{margin-top:25%}
  .listing #banner-img img#banner-coach{width:100%;top:0}
  .listing-textbox{background-color:#25292d;padding:35px;margin-bottom:80px;margin-top:100px}
  body.info .topcontent{margin-top:25%;margin-bottom:80px}
  body.info #banner-img{height:550px}
  body.info #banner-img img{object-fit:cover;width:100%;height:100%}
  .partner-wrap{width:18%;height:100px;margin-right:1%;position:relative;display:inline-block;float:left}
  .partner-wrap:last-child{margin-right:0}
  .partner-wrap img{max-width:130px}
}

@media (min-width:1400px) and (max-width:1900px){
  .listing #banner-img img#img-musicfest{top:-55%}
  .partner-wrap{width:18%;height:100px;margin:0 10px;position:relative;display:inline-block;float:left}
}

@media(max-width:991px){
  .partner-wrap{width:16%;height:100px;margin:0 10px;position:relative;display:inline-block;float:left} 
}