.banner-sec {background-size: cover;background-position: center center;color: #fff;padding: 110px 0;position: relative;}
.banner-sec::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.1);}
.banner-sec .page-title {font-size: 60px;margin: 0;line-height: 1.3;font-weight: bold;color: #fff;}
.banner-sec .wtb-breadcrumb {margin-top: 25px;font-size: 16px;color: inherit;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.banner-sec .wtb-breadcrumb a{color: #fff}

.main-title-wrap .main-title {font-size: 35px;font-weight: bold;}

.intro-txt {width: 770px;max-width: 100%;margin: auto;text-align: center;margin-bottom: 50px;font-size: 16px; color: #585858;}

.ielts-center-item {text-align: center;}
.ielts-center-wrap .col-md-4::after {content: '';position: absolute;top: 15px;bottom: 15px;right: 0;border-right: 1px solid #e0e0e0;}
.ielts-center-wrap .col-md-4:nth-child(3n+3)::after {border-right: 0;}
.ielts-center-item .ielts-center-icon {margin-bottom: 15px;height: 50px;}
.ielts-center-item .ielts-center-icon img {max-height: 100%;width: auto;height: auto;}
.ielts-center-item .ielts-center-title {font-size: 20px;font-weight: bold;margin-bottom: 20px;line-height: 1.3;}
.ielts-center-item .ielts-center-desc {font-size: 16px;word-wrap: break-word;}


section.contactpage-02{background-color: #f9f9f9;}
section.contactpage-02 .main-title-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
section.contactpage-02 .main-title-wrap .main-title-left {padding-right: 30px;}
section.contactpage-02 .main-title-wrap .main-title {font-size: 25px;line-height: 1.3;font-weight: bold;}
section.contactpage-02 .main-title-wrap .sub-title {margin-top: 15px;color: inherit;font-size: 16px;}


.media-slider{position: relative;}
.media-slider .swiper-container {overflow: hidden;}
.media-slider .swiper-wrapper {margin: -5px;width: auto;}
.media-slider .swiper-slide {padding: 5px;width: 50%;height: auto;}
.media-nav {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: -5px;height: calc(100% + 10px);padding-left: 0; list-style: none;}
.media-nav li {padding: 5px;width: 40.5%; }
.media-nav li:nth-child(4n+1),
.media-nav li:nth-child(4n+4) {width: 59.5%;}
.media-nav li span {position: relative;display: block;height: 100%;border-radius: 5px;overflow: hidden;cursor: pointer;}
.media-nav li img {border-radius: 10px;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.media-nav li span::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);background-image: url('');background-repeat: no-repeat;background-position: center center;opacity: 0;-webkit-transition: 0.4s;transition: 0.4s;}
.media-nav li:hover span::after {opacity: 1;}



@media (min-width: 810px) { 
  .ielts-center-sec .intro-txt {margin-bottom: 80px;}
  section.contactpage-02 .main-title-wrap {margin-bottom: 40px;}
}

@media (max-width: 810px) { 
  .banner-sec {padding: 80px 0;}
  .banner-sec .banner-title {font-size: 40px;}
}

@media (max-width: 576px) { 

  .banner-sec {text-align: center;}
  .wtb-breadcrumb{display: none}

  .ielts-center-wrap .col-md-4::after{content: none;}

  .main-title-wrap .main-title {font-size: 23px;}

  section.contactpage-02 .main-title-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 20px;}
  section.contactpage-02 .main-title-wrap .main-title-left {width: 100%;padding-right: 0;margin-bottom: 15px;}

  .media-slider .swiper-slide {width: 100%;}

}