@media only screen and (max-width: 1920px) {
  .slider-style02 .slider-overlay::before {
    border-bottom: 3000px solid transparent;
    border-left: 1200px solid rgba(0, 0, 0, 0.5);
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(6)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(7)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(8)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(9)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(10)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(11)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu {
    left: 215px;
  }
}
@media only screen and (max-width: 1400px) {
  .slider-style02 .slider-overlay::before {
    border-bottom: 2000px solid transparent;
    border-left: 1000px solid rgba(0, 0, 0, 0.8);
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(6)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(7)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(8)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(9)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(10)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(11)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu {
    left: -214px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* ---------------------------------------------
		Main Demo
	----------------------------------------------- */

  .counter-cta08 .counters {
    margin-top: 50px;
  }
  .teacher-single05 .ts5-image figure img {
    width: 100%;
  }
  .teachers-main .teacher-single05 .ts5-info {
    padding: 40px 30px 40px 40px;
  }
  .blog-main .course08-carousel .carousel-item .course-single .course-info {
    padding-right: 15px;
  }
  .footer-bottom .footer-bottom-inner,
  .footer-bottom .footer-bottom-inner ul.footer-menu {
    text-align: center;
  }
  .footer-bottom .footer-bottom-inner ul.footer-menu {
    margin-top: 15px;
  }
  .counter-cta .counters span:first-child {
    font-size: 40px;
  }
  .counter-cta08 .cta-from {
    margin: 0;
  }
  header .main-menu nav.navbar .nav-container {
    width: 100%;
    padding-right: 0;
  }
  header .main-menu nav.navbar .nav-container .menu-search {
    right: 40px;
    top: -71px;
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(8)
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(9)
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(10)
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(11)
    ul.dropdown-menu {
    right: auto;
    left: 0;
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.mega-menu
    ul.mega-menu-block {
    width: 100%;
    left: 0;
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.mega-menu:hover
    ul.mega-menu-block {
    top: 50px;
  }
  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a::after {
    content: none;
  }
  header .header-top .header-top-left ul li {
    margin-bottom: 5px;
  }
  header .header-top .header-top-left ul li:last-child {
    margin-bottom: 0;
  }
  .navbar-header {
    float: none;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
    margin: 30px 0;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }
  .main-menu .navbar-header button.navbar-toggle span {
    background: #80cd36;
  }
  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav {
    float: none !important;
  }
  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.active
    a::before,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.active
    a::after {
    content: none;
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li
    ul.dropdown-menu {
    opacity: 1;
    visibility: visible;
    display: none;
    margin-top: 0;
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.open
    ul.dropdown-menu {
    display: block;
  }
  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown i {
    padding: 18px 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu {
    position: relative;
  }
  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a {
    display: block;
    padding: 15px 0;
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(6)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(7)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(8)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(9)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(10)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(11)
    ul.dropdown-menu
    li.dropdown-submenu
    ul.dropdown-menu {
    left: 212px;
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.dropdown
    a.dropdown-toggle::before {
    right: 0;
    top: 15px;
  }
  .caption-content {
    text-align: center;
  }
  .about .about-text {
    padding-right: 10px;
  }
  .teachers .teachers-block .teacher-single .teacher-image {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
  }
  .teachers .teachers-block .teacher-single .teacher-image img {
    min-height: auto;
    display: inline;
  }
  .teachers .teachers-block .row:last-child .teacher-single {
    margin-bottom: 50px;
  }
  .video {
    padding: 120px 0;
  }
  .video .vt-box {
    min-width: 100%;
    left: 0;
  }
  .video .vt-box .vt-text {
    padding: 30px 0;
  }
  .video .vt-box .vt-text h2 {
    font-size: 30px;
    margin: 0 0 25px;
  }
  .video .vt-box .vt-btn a {
    font-size: 20px;
    padding: 20px 0;
  }
  .video .video-play-btn {
    padding: 100px 0 0 0;
    text-align: center;
  }
  .events .events-block .event-single .event-image {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
  }
  .events .events-block .event-single .event-image img {
    min-height: auto;
    display: inline;
  }
  .courses .owl-nav {
    display: none;
  }
  .courses .owl-dots {
    display: block;
  }
  .testimonial .owl-nav {
    display: none;
  }
  .teachers .owl-nav {
    display: none;
  }
  .teachers .owl-dots {
    display: block;
  }
  /* --------------------------------------------------------------------------
		Template Version 2
	----------------------------------------------------------------------------- */

  .slider-style02 .slider-overlay::before {
    border-bottom: 1600px solid transparent;
    border-left: 800px solid rgba(0, 0, 0, 0.8);
  }
  nav.navbar .collapse.in {
    background: #eee;
    margin: 0;
  }
  nav.navbar .collapse.in ul.navbar-nav {
    margin: 0;
  }
  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:last-child {
    border-bottom: 0 none;
  }
  .video-style02 .video-play-btn {
    top: -210px;
  }
  .events-style02 .events-block .event2-single .event-thumb {
    position: relative;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }
  .testimonial-style02 .owl-stage-outer {
    min-height: 355px;
  }
  .testimonial-style02
    .testimonial-carousel02
    .testimonial-single
    .ts-left
    .client-image {
    top: 90px;
  }
  .testimonial-style02
    .testimonial-carousel02
    .testimonial-single
    .ts-left
    .client-image
    img {
    height: auto;
    width: 120px;
  }
  .testimonial-style02
    .testimonial-carousel02
    .testimonial-single
    .ts-left
    .client-content {
    padding: 50px 15px 50px 70px;
  }
  .testimonial-style02
    .testimonial-carousel02
    .testimonial-single
    .ts-right
    .client-image {
    top: 90px;
  }
  .testimonial-style02
    .testimonial-carousel02
    .testimonial-single
    .ts-right
    .client-image
    img {
    height: auto;
    width: 120px;
  }
  .testimonial-style02
    .testimonial-carousel02
    .testimonial-single
    .ts-right
    .client-content {
    padding: 50px 70px 50px 15px;
  }
  .blog .blog-posts02 .single-blog .blog-excerpt {
    left: 5%;
    width: 90%;
  }
  /* --------------------------------------------------------------------------
		Template Version 3
	----------------------------------------------------------------------------- */

  .container-custom {
    width: 750px;
  }
  .counter-cta {
    padding: 120px 0;
  }
  .counter-cta .counters .counters-block {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .counter-cta .cta h2 {
    font-size: 25px;
    padding: 50px 15px 20px 15px;
  }
  .counter-cta .cta p {
    padding: 0 15px 30px 15px;
  }
  .counter-cta .cta a {
    font-size: 30px;
    padding: 15px 0;
  }
  .teachers-style02 {
    padding-bottom: 120px;
  }
  /* --------------------------------------------------------
	Template Version 04
	---------------------------------------------------------- */

  .course-wrapper
    .course-search
    .search-container
    .home-search-inner
    form
    .select-default
    select {
    font-size: 15px;
    padding: 17px 25px 17px 15px;
  }
  .course-wrapper
    .course-search
    .search-container
    .home-search-inner
    form
    button {
    font-size: 15px;
    padding: 17px 7px;
  }
  .course-wrapper .course-search {
    left: 0;
    margin-left: 0;
    width: 100%;
  }
  .course-wrapper
    .course-tab-wrapper
    .course-tabs
    div.nav-tabs
    .col-sm-2
    a
    figure
    figcaption {
    font-size: 15px;
  }
  .course-wrapper .course-style04 .course-single .cs-text {
    padding: 0;
  }
  .course-wrapper
    .course-style04
    .course-single
    .cs-text
    span.course-subtitle::before {
    right: -80px;
    width: 150px;
  }
  .course-wrapper
    .course-style04
    .course-single.image-left
    .cs-text
    span.course-subtitle::before {
    left: -80px;
  }
  .course-wrapper .course-style04 .course-single .cs-text span.course-subtitle {
    font-size: 20px;
  }
  .course-wrapper .course-style04 .course-single .cs-text h2 {
    font-size: 25px;
    margin: 15px 0 25px;
  }
  .course-wrapper .course-style04 .course-single .cs-text ul.course-author {
    margin-bottom: 20px;
  }
  .course-wrapper .course-style04 .course-single .cs-text ul.course-excerpt {
    margin-bottom: 0;
  }
  .course-wrapper .course-style04 .course-single .cs-text a.view-btn {
    font-size: 15px;
    padding: 10px 40px;
  }
  .course-wrapper .course-style04 .browse-all-course a {
    font-size: 25px;
    padding: 15px 0;
  }
  .course-wrapper .course-search .serach-header {
    padding: 20px 0 20px 130px;
  }
  .home .home-content {
    top: 40%;
  }
  /* --------------------------------------------------------------------------
		Template Version 5
	----------------------------------------------------------------------------- */

  #course-carousel .owl-nav,
  #testimonial-carousel02 .owl-nav {
    display: none;
  }
  #course-carousel .owl-dots,
  #testimonial-carousel02 .owl-dots {
    display: block;
  }
  .kids-register .countdown {
    -webkit-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%);
  }
  .kids-register .countdown span {
    font-size: 20px;
  }
  .kids-register .countdown h2 {
    font-size: 60px;
  }
  .kids-register .countdown #timer-wrapper .timer-body-block .table-cell {
    margin: 0 20px 20px 0;
  }
  .kids-register .registration-form h2 {
    font-size: 26px;
    padding: 40px 20px 30px 20px;
  }
  .kids-register .registration-form form input,
  .kids-register .registration-form form textarea {
    border-color: #b2b2b2;
    font-size: 17px;
    padding: 0 0 15px;
  }
  .kids-register .registration-form form button {
    font-size: 30px;
    padding: 15px 0;
  }
  .kids-teacher .teacher-single05 .ts5-image ul li {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .about.about05 .about-image01,
  .about.about05 .about-image02 {
    position: static;
    margin-top: 20px;
  }
  /* --------------------------------------------------------------------------
		Template Version 6
	----------------------------------------------------------------------------- */

  .about06 .about-boxes a ul li {
    display: block;
    text-align: center;
    font-size: 20px;
  }
  .about06 .about-boxes a ul li:first-child {
    margin-bottom: 10px;
  }
  .about06 .about-boxes a ul li img {
    display: inline;
  }
  .about06 .about-boxes a ul li:last-child {
    padding-left: 0px;
  }
  /* --------------------------------------------------------------------------
		Template Version 8
	----------------------------------------------------------------------------- */

  .slider-bottom ul.slider-bottom-info li span.icon {
    height: 50px;
    width: 50px;
  }
  .slider-bottom ul.slider-bottom-info li span i {
    font-size: 20px;
  }
  .slider-bottom ul.slider-bottom-info li:first-child {
    margin-bottom: 10px;
  }
  .slider-bottom .connect-btn a {
    font-size: 20px;
    text-align: center;
    margin-top: 33px;
  }
  .service-boxes .service-boxes-inner .service-box-content {
    min-height: 385px;
  }
  .about08 .about-text {
    padding: 50px 0 50px 30px;
  }
  .counter-cta08 .cta-from {
    padding: 0;
    width: 100%;
  }
  .footer-bottom08 p {
    margin-bottom: 10px;
    text-align: center;
  }
  .footer08 .footer-bottom08 ul.footer-menu {
    text-align: center;
  }
  /* --------------------------------------------------------------------------
		Template Version 9
	----------------------------------------------------------------------------- */

  .dance-category .category-bottom .about-boxes a ul li {
    font-size: 17px;
    font-weight: 400;
  }
  .dance-category .category-bottom .about-boxes a ul li:last-child {
    padding-left: 15px;
  }
  .about-boxes a ul li img {
    width: 60px;
  }
  /* --------------------------------------------------------------------------
		Template Version 10
	----------------------------------------------------------------------------- */

  .why-choose-us .wcu-content .section-header03 h2 {
    font-size: 45px;
  }
  .why-choose-us .wcu-content ul li {
    font-size: 18px;
    margin-bottom: 35px;
  }
  .why-choose-us .wcu-image {
    min-height: 695px;
  }
  .pricing-table .price-table-wrapper .pricing-single {
    margin-bottom: 30px;
  }
  .driving-cta .driving-offer h2 {
    font-size: 30px;
  }
  /* --------------------------------------------------------------------------
		Template Version 11
	----------------------------------------------------------------------------- */

  #header-style02.header-style11 nav.navbar {
    background: none;
    margin-top: 0;
  }
  .home11 .content-left h1 {
    font-size: 35px;
    line-height: 45px;
  }
  .home11 .content-left ul li a.home-btn {
    padding: 10px 15px;
  }
  .home11 .content-left .arrow {
    display: none;
  }
  .home11 .content-right form h2 {
    font-size: 35px;
  }
  .events11 .events-list .event-single-row .event-meta .event-details-link a {
    font-size: 15px;
    padding: 10px;
    text-align: center;
  }
  .events11 .events-list .event-single-row .event-day span:first-child,
  .events11 .events-list .event-single-row .event-day span {
    font-size: 15px;
  }
  .events11 .events-list .event-single-row .event-details .event-info h3 {
    font-size: 20px;
    margin: 0 0 15px;
  }
  .events11 .events-list .event-single-row .event-details .event-info {
    padding-left: 15px;
  }
  .events11 .events-list .event-single-row .event-day::before {
    right: 5px;
  }
  .blog11 .blog11-contents .blog11-single figure img {
    width: 100%;
  }
  .blog11 .blog11-contents .blog11-single {
    margin-bottom: 30px;
  }
  .testimonial08 .app-download .app-details ul li {
    margin-bottom: 15px;
  }
  .testimonial08 .app-download .app-details ul li:last-child {
    margin-bottom: 0;
  }
  .testimonial08 .app-download .app-details {
    margin-top: 65px;
  }
  .get-started {
    background-position: top;
  }
  .get-started .gs-content {
    min-height: 400px;
  }
  .get-started .gs-features::before {
    left: -200px;
  }
  .get-started .gs-features .gs-features-inner {
    padding-left: 0;
  }
  .get-started .gs-content .gs-content-inner {
    left: 15px;
  }
  /* --------------------------------------------------------------------------
		Template Version 13
	----------------------------------------------------------------------------- */

  .header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li {
    display: block;
    padding: 0;
    text-align: left;
  }
  .header13
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.mega-menu:hover
    ul.mega-menu-block {
    top: 50px;
  }
  .benefit-section .benefit-content .section-header11 h2 {
    font-size: 30px;
  }
  .benefit-section .benefit-content {
    padding: 50px 0;
  }
  .testimonial13 .testimonial-boxes .testimonial-single-inner {
    margin-bottom: 30px;
  }
  .instructors .owl-nav {
    display: none;
  }
  .instructors .owl-dots {
    display: block;
  }
  /* --------------------------------------------------------------------------
		Coming Soon
	----------------------------------------------------------------------------- */

  .coming-soon {
    padding-top: 215px;
  }
  /* --------------------------------------------------------------------------
		Kindergarten Version 02
	----------------------------------------------------------------------------- */

  .information-middle {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .information-middle .info-content {
    padding: 0 0 0 15px;
  }
  .kindergarten-gallery .gallery-wrapper .gallery-box {
    width: 25%;
  }
  .kg-teachers .kg-teachers-wrapper .teacher-single-inner {
    margin-bottom: 40px;
  }
  .kg-cta p {
    margin: 0;
    line-height: 30px;
  }
  .courses .course-btn {
    margin-top: 60px;
  }
  .counter-cta {
    padding: 100px 0;
  }
  .counter-cta .vt-box {
    top: 30px;
  }
  .container-custom .row {
    margin-left: 0;
    margin-right: 0;
  }
  .testimonial-kindergarten .testimonial-kg .owl-nav {
    display: none;
  }
  .section-header03 h2 {
    line-height: 45px;
  }
  .information-cta p {
    width: 100%;
  }
  .kids-register {
    overflow: hidden;
  }
  .footer-top-subscribe h2 {
    font-size: 20px;
    margin: 15px 0 0;
  }
  .teacher-registration-wrapper .teacher-apply {
    margin-top: 50px;
  }
  .blog-wrapper .blog-three-content .carousel-item .course-single .course-info {
    padding-right: 15px;
  }
  .blog-wrapper
    .blog-three-content
    .carousel-item
    .course-single
    .course-image
    figure
    img {
    width: 100%;
  }
  .blog-box-single .blog-thumb img {
    width: 100%;
  }
  .blog12 .blog-boxes .blog-box-single .blog-excerpt {
    padding: 15px 30px 15px 15px;
  }
  .all-course-wrapper
    .course-six-wrapper
    .course-single
    .course-image
    figure
    img {
    width: 100%;
  }
  .single-course-sidebar {
    margin-top: 50px;
  }
  .event-details-wrapper
    .single-event-inner
    .event-content
    .join-event
    ul
    li:last-child {
    float: none;
    margin-top: 20px;
  }
  .faq-wrapper .faq-tabs .panel-group .panel .panel-heading h4.panel-title a {
    padding: 15px 30px 15px 15px;
  }
  .faq-wrapper .faq-tabs .panel-group .panel .panel-heading h4.panel-title a {
    line-height: 24px;
  }
  .product-details .product-info {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 768px) {
  /* --------------------------------------------------------------------------
		Template Version 2
	----------------------------------------------------------------------------- */

  .slider-style02 .slider-overlay::before {
    border-bottom: 2000px solid transparent;
    border-left: 500px solid rgba(0, 0, 0, 0.8);
  }
  /* --------------------------------------------------------------------------
		Template Version 13
	----------------------------------------------------------------------------- */

  .home13 .home13-contents h1 {
    font-size: 50px;
    line-height: 50px;
  }
  .home13 {
    padding-top: 140px;
  }
  .home13 .home13-contents h1 span {
    font-size: 40px;
    height: 120px;
    top: -100px;
    width: 120px;
  }
  /* --------------------------------------------------------------------------
		Kindergarten Version 02
	----------------------------------------------------------------------------- */

  .kindergarten-gallery .gallery-wrapper .gallery-box {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 767px) {
  .navbar-toggle {
    display: none;
  }
  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li {
    margin-right: 0;
  }
  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav {
    padding: 15px 0;
  }
  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a {
    padding: 15px 0;
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.mega-menu
    ul.mega-menu-block {
    width: 100%;
    left: 0;
  }
  header .main-menu nav.navbar .nav-container {
    float: none;
    padding-right: 0;
    width: 100%;
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li
    ul.dropdown-menu {
    visibility: visible;
    opacity: 1;
    display: none;
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:hover
    ul.dropdown-menu {
    display: block;
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(8)
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(9)
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(10)
    ul.dropdown-menu,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li:nth-child(11)
    ul.dropdown-menu {
    left: 0;
    right: auto;
  }
  nav.mean-nav ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu i {
    display: none;
  }
  .contact-wrapper .contact-two-bottom .team-single:last-child {
    margin-bottom: 50px;
  }
  .all-course-wrapper .course-style02-wrapper .course-single {
    display: inline-block;
  }
  .all-course-wrapper .course-six-wrapper .course-single .course-image figure {
    display: inline-block;
  }
  .single-course-sidebar {
    margin-top: 50px;
  }
  .blog-sidebar {
    margin-top: 50px;
  }
  .event-details-wrapper
    .single-event-inner
    .event-content
    .event-speaker
    .speaker-list
    .col-sm-3 {
    margin-bottom: 50px;
  }
  .event-details-wrapper
    .single-event-inner
    .event-content
    .event-speaker
    .speaker-list
    .col-sm-3:last-child {
    margin-bottom: 0;
  }
  .event-details-wrapper
    .single-event-inner
    .event-content
    .event-speaker
    .speaker-list
    figure
    figcaption {
    text-align: left;
  }
  .event-details-wrapper
    .single-event-inner
    .event-content
    .event-time-place
    h3 {
    margin: 30px 0 15px;
  }
  .event-details-wrapper
    .single-event-inner
    .event-content
    .event-participant
    figure
    figcaption {
    text-align: left;
  }
  .event-details-wrapper
    .single-event-inner
    .event-content
    .event-participant
    .col-sm-3 {
    margin-bottom: 50px;
  }
  .event-details-wrapper
    .single-event-inner
    .event-content
    .event-participant
    .col-sm-3:last-child {
    margin-bottom: 0;
  }
  .event-details-wrapper .single-event-inner .event-content .join-event ul li {
    margin-bottom: 20px;
  }
  .event-details-wrapper
    .single-event-inner
    .event-content
    .join-event
    ul
    li:last-child {
    float: none;
  }
  .events .events-block .event-single .event-details {
    text-align: center;
  }
  .faq-tabs .col-sm-6 {
    margin-top: 25px;
  }
  .footer-bottom p {
    text-align: center;
  }
  .footer-bottom ul.footer-menu {
    margin-top: 15px;
    text-align: center;
  }
  .forum-wrapper .forum-header .forum-name h3 {
    text-align: center;
  }
  .forum-wrapper .forum-header .forum-name h3,
  .forum-wrapper .forum-header .total-topic h3,
  .forum-wrapper .forum-header .total-post h3,
  .forum-wrapper .forum-header .last-modified h3 {
    margin: 10px 0;
  }
  .forum-wrapper .forum-content .single-forum .forum-subject {
    text-align: center;
  }
  .forum-wrapper .forum-content .single-forum .ftopics,
  .forum-wrapper .forum-content .single-forum .fposts,
  .forum-wrapper .forum-content .single-forum .f-modified-time {
    margin-bottom: 15px;
  }
  .shop-area .product-column .single-product figure,
  .related-products .product-column .single-product figure,
  .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure {
    text-align: center;
  }
  .shop-area .product-column .single-product figure img,
  .related-products .product-column .single-product figure img,
  .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure img {
    display: inline;
  }
  .all-teachers-wrapper .teachers-four-wrapper .teacher-single {
    display: inline-block;
  }
  .teacher-details-wrapper .teacher-detail-right .teacher-info,
  .teacher-details-wrapper .teacher-detail-right .teacher-contact {
    margin-top: 50px;
  }
  .contact-two-top .contact-info {
    margin-top: 50px;
  }
  .contact-one-form {
    margin-bottom: 50px;
  }
  .blog-wrapper .blog-three-content .carousel-item .course-single .course-info {
    padding-right: 15px;
  }
  .blog-wrapper
    .blog-three-content
    .carousel-item
    .course-single
    .course-image
    figure {
    display: inline-block;
  }
  .courses .course-btn {
    margin-top: 60px;
  }
  .online-course-single figure {
    text-align: center;
  }
  .online-course-single figure img {
    display: inline;
  }
  .information-middle {
    padding: 50px 0;
  }
  .kindergarten-gallery .gallery-wrapper .gallery-box {
    text-align: center;
  }
  .kindergarten-gallery .gallery-wrapper .gallery-box figure {
    text-align: center;
    display: inline-block;
  }
  .kindergarten-gallery .gallery-wrapper .gallery-box figure img {
    display: inline;
  }
  .kg-cta p {
    line-height: 30px;
  }
  .blog-posts .single-blog .blog-thumb img {
    width: 100%;
  }
  .video-gallery .video-gallery-items .video-single {
    display: inline-block;
  }
  .video-gallery .video-gallery-items .col-sm-4 {
    text-align: center;
  }
  .driving-cta .driving-video .video-play {
    text-align: center;
  }
  .driving-cta .driving-video .video-play a,
  .driving-cta .driving-video .video-play span {
    display: inline-block;
  }
  .driving-cta .driving-video .video-play a i {
    position: relative;
    top: 28px;
  }
  .kids-register .registration-form {
    margin-top: 50px;
  }
  .counter-cta08 .cta-from {
    width: 100%;
  }
  .course-wrapper .course-search {
    left: 0;
    margin-left: 0;
    top: 0;
    width: 100%;
  }
  .nav ul li a figure img {
    width: 100%;
  }
  .course-single .cs-image figure img {
    width: 100%;
  }
  .home11 .content-left .arrow {
    display: none;
  }
  .course11-categories .category-blocks {
    text-align: center;
  }
  .get-started .gs-content .gs-content-inner {
    padding: 0 15px;
  }
  .get-started {
    background: none;
  }
  .get-started .gs-content {
    min-height: 350px;
  }
  .events11 .events-list .event-single-row .event-details .event-image,
  .events11 .events-list .event-single-row .event-details .event-info {
    display: block;
  }
  .events11 .events-list .event-single-row .event-details .event-image,
  .events11 .events-list .event-single-row .event-details .event-info {
    width: 100%;
  }
  .events11 .events-list .event-single-row .event-details .event-image {
    margin-bottom: 15px;
  }
  .events11 .events-list .event-single-row .event-details .event-image img {
    display: inline;
  }
  .events11 .events-list .event-single-row .event-details {
    text-align: center;
  }
  .events11 .events-list .event-single-row .event-meta::before {
    content: none;
  }
  .blog11 .blog11-contents .blog11-single {
    text-align: center;
  }
  .blog11 .blog11-contents .blog11-single figure {
    display: inline-block;
  }
  .blog11 .blog11-contents .blog11-single .blog-excerpt ul li:last-child {
    float: none;
    margin-right: 0;
  }
  .blog11 .blog11-contents .blog11-single .blog-excerpt ul li {
    margin-right: 15px;
  }
  .testimonial02 .app-download {
    text-align: center;
  }
  .testimonial08 .app-download .app-screen {
    text-align: center;
  }
  .testimonial08 .app-download .app-details h3 {
    max-width: 100%;
  }
  .about06 .about-boxes a ul li {
    vertical-align: middle;
  }
  .benefit-section .benefit-image {
    display: none;
  }
  .teacher-registration-wrapper .teacher-apply {
    margin-top: 50px;
  }
  /* --------------------------------------------------------------
		Main Demo
	--------------------------------------------------------------- */

  .slider-bottom-services .service-box {
    margin-bottom: 40px;
  }
  .slider-bottom-services .col-sm-3:last-child .service-box {
    margin-bottom: 0;
  }
  .counter-cta .counters span:first-child {
    font-size: 40px;
  }
  .counter-cta .counters .counters-block {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .counter-cta08 .counters {
    margin: 0;
  }
  .counter-cta08 .cta-from {
    margin: 0 auto;
    padding: 50px 0 100px;
    width: 100%;
  }
  .events-style02 .events-block .event2-single .event-info {
    text-align: center;
  }
  .teacher-single05 figure {
    text-align: center;
  }
  .teacher-single05 figure img {
    display: inline;
  }
  .teachers-main .teacher-single05 .ts5-info {
    padding: 40px 40px 40px 40px;
    text-align: center;
  }
  .blog-main .course08-carousel .carousel-item .course-single .course-info {
    padding-right: 15px;
  }
  header .header-top .header-top-left,
  header .header-top .header-top-right {
    text-align: center;
  }
  header .header-top .header-top-right {
    margin-top: 10px;
  }
  .main-menu .navbar-header button.navbar-toggle span {
    background: #80cd36;
  }
  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav {
    float: none !important;
  }
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.active
    a::before,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.active
    a::after {
    content: none;
  }
  .slider .slider-caption .caption-content p {
    text-align: center;
  }
  .slider .slider-caption .caption-content h1 {
    font-size: 30px;
    line-height: 47px;
    margin: 35px 0 60px;
    max-width: 100%;
    text-align: center;
  }
  .slider .slider-caption .caption-content ul {
    text-align: center;
  }
  .slider .slider-caption .caption-content ul li {
    display: inline-block;
    margin: 0 0 15px 0;
  }
  .slider .slider-caption .caption-content ul li a {
    font-size: 15px;
    padding: 8px 15px;
  }
  .about .about-text {
    padding-right: 15px;
    text-align: center;
    margin-bottom: 30px;
  }
  .about .about-text h2 {
    font-size: 40px;
    text-align: center;
  }
  .section-header h2 {
    font-size: 45px;
  }
  .section-header span::before,
  .section-header span::after {
    width: 80px;
  }
  .courses .owl-nav {
    display: none;
  }
  .courses .owl-dots {
    display: block;
  }
  .teachers .teachers-block .teacher-single .teacher-image {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
  }
  .teachers .teachers-block .teacher-single .teacher-image img {
    min-height: auto;
    display: inline;
  }
  .teachers .teachers-block .row:last-child .teacher-single {
    margin-bottom: 50px;
  }
  .video {
    padding: 120px 0;
  }
  .video .vt-box {
    min-width: 100%;
    left: 0;
  }
  .video .vt-box .vt-text {
    padding: 30px 0;
  }
  .video .video-play-btn {
    padding: 100px 0 0 0;
    text-align: center;
  }
  .events .events-block .event-single .event-image {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
  }
  .events .events-block .event-single .event-image img {
    min-height: auto;
    display: inline;
  }
  .testimonial .owl-nav {
    display: none;
  }
  .blog .blog-posts .single-blog {
    margin-bottom: 30px;
  }
  footer .container .row .col-sm-3 .widget:last-child {
    margin-bottom: 50px;
  }
  footer .footer-bottom p#back-top {
    right: 15px;
  }
  /* --------------------------------------------------------------------------
		Template Version 2
	----------------------------------------------------------------------------- */

  nav.navbar .collapse.in {
    background: #eee;
    margin: 0;
  }
  nav.navbar .collapse.in ul.navbar-nav {
    margin: 0;
  }
  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:last-child {
    border-bottom: 0 none;
  }
  .about-style02 {
    padding: 0 0 60px 0;
  }
  .about-style02 .about-image {
    min-width: 100%;
    position: static;
  }
  .teachers .owl-nav {
    display: none;
  }
  .teachers .owl-dots {
    display: block;
  }
  .video-style02 .video-play-btn {
    min-height: 300px;
    top: -50px;
  }
  .video-style02 .video-counter .v-counter-box {
    margin-bottom: 30px;
  }
  .video-style02 .video-counter .v-counter-box:last-child {
    margin-bottom: 0;
  }
  .video-style02 .video-counter span {
    font-size: 50px;
  }
  .events-style02 .events-block .event2-single .event-date {
    position: relative;
    text-align: center;
    top: 0;
    margin-bottom: 30px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .events-style02 .events-block .event2-single .event-thumb {
    position: static;
    top: 0;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  .events-style02 .events-block .event2-single .event-thumb {
    text-align: center;
    margin-bottom: 30px;
  }
  .events-style02 .events-block .event2-single .event-thumb img {
    display: inline;
  }
  .testimonial-style02
    .testimonial-carousel02
    .testimonial-single
    .ts-left
    .client-image {
    left: 0;
    position: static;
    top: 0;
    box-shadow: none;
    text-align: center;
  }
  .testimonial-style02
    .testimonial-carousel02
    .testimonial-single
    .ts-left
    .client-image
    img,
  .testimonial-style02
    .testimonial-carousel02
    .testimonial-single
    .ts-right
    .client-image
    img {
    width: auto;
    height: auto;
    display: inline;
  }
  .testimonial-style02
    .testimonial-carousel02
    .testimonial-single
    .ts-left
    .client-content {
    padding: 30px;
    position: static;
    width: 100%;
  }
  .testimonial-style02
    .testimonial-carousel02
    .testimonial-single
    .ts-right
    .client-image {
    left: 0;
    position: static;
    top: 0;
    box-shadow: none;
    text-align: center;
  }
  .testimonial-style02
    .testimonial-carousel02
    .testimonial-single
    .ts-right
    .client-content {
    padding: 30px;
    position: static;
    width: 100%;
  }
  .testimonial-style02
    .testimonial-carousel02
    .testimonial-single
    .col-sm-6:last-child {
    margin-top: 50px;
  }
  .blog .blog-posts02 .single-blog .blog-excerpt {
    left: 5%;
    width: 90%;
  }
  .blog .blog-posts02 .col-sm-6:nth-child(3) .single-blog {
    margin-bottom: 65px;
  }
  .footer-style02 .special-widget::before {
    height: 100%;
  }
  .footer-style02 .special-widget {
    padding-bottom: 50px;
  }
  .footer-style02 .footer-top-subscribe form .form-group button {
    margin-top: 15px;
  }
  /* --------------------------------------------------------
	Template Version 03
	---------------------------------------------------------- */

  .home .home-content h1 {
    font-size: 40px;
    margin-top: 50px;
  }
  .home .home-content ul li {
    display: block;
    padding-right: 0;
    padding-bottom: 10px;
  }
  .home .home-content form.home-search button {
    right: 15px;
  }
  .course-category .course-categories .cc-single figure figcaption h2 {
    font-size: 20px;
  }
  .course-category .course-categories .cc-single figure figcaption a {
    padding: 3px 20px 12px;
  }
  .course-category .course-categories .cc-single figure img {
    width: 100%;
  }
  .course-category .course-info-block .cib-single {
    text-align: center;
    margin-bottom: 70px;
  }
  .course-category .course-info-block .cib-single img {
    display: inline;
  }
  .counter-cta .counters {
    background: none;
  }
  .testimonial02 .testimonial-thumb ul {
    margin-bottom: 0;
  }
  .testimonial02 .testimonial-thumb ul li {
    margin-bottom: 20px;
  }
  .footer-bottom p#back-top {
    right: 15px;
  }
  /* --------------------------------------------------------------------------
		Template Version 04
	----------------------------------------------------------------------------- */

  .course-wrapper .course-search .serach-header {
    border-radius: 0;
    padding: 15px;
    width: 100%;
  }
  .course-wrapper .course-search .search-container {
    border-radius: 0;
    box-shadow: none;
  }
  .course-wrapper
    .course-search
    .search-container
    .home-search-inner
    form
    .select-default
    select {
    margin-bottom: 30px;
  }
  .course-wrapper .course-search {
    position: static;
  }
  .course-wrapper .course-tab-wrapper {
    padding-top: 0;
  }
  .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane a {
    margin-top: 15px;
  }
  .course-wrapper .course-tab-wrapper .course-tabs div.nav-tabs .col-sm-2 a {
    margin: 0 0 30px 0;
    display: block;
  }
  .course-wrapper
    .course-style04
    .course-single
    .cs-text
    span.course-subtitle::before {
    content: none;
  }
  .course-wrapper .course-style04 .course-single .cs-text,
  .course-wrapper .course-style04 .course-single.image-left .cs-image {
    margin-bottom: 30px;
  }
  /* -----------------------------------------------------------------
		Template Version 05
	----------------------------------------------------------------- */

  .kids-register .countdown {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .kids-teacher .teacher-single05 .ts5-image {
    text-align: center;
    top: 0;
  }
  .kids-teacher .teacher-single05 .ts5-image img {
    display: inline;
  }
  .kids-teacher .teacher-single05 .ts5-info {
    padding: 40px 20px 40px 20px;
    text-align: center;
  }
  .blog02 .blog-posts .single-blog {
    margin-bottom: 30px;
  }
  .blog02 .blog-posts .col-sm-4:last-child .single-blog {
    margin-bottom: 0;
  }
  /* --------------------------------------------------------------------------
		Template Version 6
	----------------------------------------------------------------------------- */

  .about06 .about-content {
    margin-bottom: 50px;
  }
  .about06 .about-boxes a {
    margin-bottom: 30px;
  }
  .about06 .about-boxes .col-sm-4:last-child a {
    margin-bottom: 0;
  }
  .section-header03 h2 {
    font-size: 30px;
  }
  .information-cta {
    padding: 120px 0;
  }
  .teachers06 .teachers-block .teacher-single {
    margin-bottom: 50px;
  }
  .teachers06 .teachers-block .teacher-single img {
    width: 100%;
  }
  /* --------------------------------------------------------------------------
		Template Version 7
	----------------------------------------------------------------------------- */

  .section-header04 h2 {
    font-size: 30px;
  }
  .courses06 .course-slider03 .owl-nav,
  .publications .publication-carousel .owl-nav {
    top: -125px;
  }
  .blog07 .blog07-wrapper .owl-nav {
    top: -160px;
  }
  /* --------------------------------------------------------------------------
		Template Version 8
	----------------------------------------------------------------------------- */

  .slider-bottom .connect-btn {
    text-align: center;
  }
  .service-boxes .service-boxes-inner .service-box-content {
    margin-bottom: 30px;
  }
  .service-boxes
    .service-boxes-inner
    .col-sm-4:last-child
    .service-box-content {
    margin-bottom: 0;
  }
  .about08 .about-text {
    padding: 50px 15px 50px 15px;
  }
  /* --------------------------------------------------------------------------
		Template Version 09
	----------------------------------------------------------------------------- */

  .dance-category .category-bottom .about-boxes a {
    margin-bottom: 30px;
  }
  .dance-category .category-bottom .about-boxes .col-sm-4:last-child a {
    margin-bottom: 0;
  }
  .dance-class .dance-courses .course-single figure img {
    width: 100%;
  }
  .information-cta p {
    width: 100%;
  }
  .dance-category .owl-nav,
  .dance-teachers .owl-nav,
  .blog06 .blog-posts-carousel .owl-nav {
    top: -50px;
  }
  .dance-class .dance-courses .view-all-btn,
  .video-gallery .video-gallery-items .view-all-btn {
    top: -50px;
  }
  .dance-class .dance-courses .view-all-btn a,
  .video-gallery .video-gallery-items .view-all-btn a {
    font-size: 15px;
    padding: 5px 15px;
  }
  /* --------------------------------------------------------------------------
		Template Version 10
	----------------------------------------------------------------------------- */

  .about-ds .about-ds-content a.rm-btn {
    margin-bottom: 50px;
  }
  .why-choose-us .wcu-content {
    padding: 100px 15px;
  }
  .why-choose-us .wcu-image {
    min-height: auto;
  }
  .driving-cta .driving-video .video-play {
    position: static;
    top: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .driving-cta .driving-offer a {
    margin-bottom: 50px;
    display: inline-block;
  }
  .driving-cta .driving-offer,
  .driving-cta .driving-video {
    text-align: center;
  }
  /* --------------------------------------------------------------------------
		Template Version 11
	----------------------------------------------------------------------------- */

  #header-style02.header-style11 nav.navbar {
    margin-right: -15px;
    margin-top: -100px;
  }
  .home11 {
    padding: 50px 0;
  }
  .home11 .content-left {
    padding: 0 15px 50px 15px;
  }
  .home11 .content-left ul li a.home-btn {
    font-size: 15px;
    padding: 10px;
  }
  .home11 .content-left ul li a.video-iframe span:first-child {
    height: 55px;
    width: 55px;
  }
  .home11 .content-left ul li a.video-iframe span:last-child {
    font-size: 17px;
  }
  .course11-categories .category-blocks a.va-btn,
  .courses-11 .course11-blocks a.va-btn,
  .events11 .events-list a.va-btn,
  .blog11 .blog11-contents a.va-btn,
  .testimonial08 .testimonial-wrapper a.va-btn {
    position: static;
    margin-bottom: 30px;
  }
  .events11 .events-list .event-single-row .event-day::before {
    content: none;
  }
  .events11 .events-list .event-single-row .event-day {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0;
  }
  .events11 .events-list .event-single-row .event-meta .event-time {
    margin-top: 30px;
    padding-left: 15px;
    text-align: center;
  }
  .section-header11 h2 {
    line-height: 45px;
  }
  /* --------------------------------------------------------------------------
		Template Version 12
	----------------------------------------------------------------------------- */

  .blog12 .blog-boxes .blog-box-single .blog-thumb img {
    width: 100%;
  }
  .blog12 .blog-boxes .blog-box-single .blog-excerpt {
    padding: 15px 30px;
  }
  .footer-top-subscribe h2 {
    margin-bottom: 15px;
  }
  .footer-top-subscribe form .form-group input {
    margin-bottom: 15px;
  }
  /* --------------------------------------------------------------------------
		Template Version 13
	----------------------------------------------------------------------------- */

  .home13 .home13-contents h1 span {
    display: inline-block;
    position: static;
    margin-top: 30px;
  }
  .about13 .about-video {
    margin-top: 50px;
  }
  .benefit-section .benefit-content {
    padding: 50px 15px;
  }
  .benefit-section .benefit-image .benefit-offset {
    background: rgba(0, 0, 0, 0) url("../images/index13/02.png") no-repeat
      scroll left center / 100% auto;
    left: 0;
    width: 100%;
  }
  .benefit-section .benefit-image {
    min-height: 400px;
  }
  .counter-cta08 .counters {
    margin: 0 0 50px 0;
  }
  /* --------------------------------------------------------
		Coming Soon
	--------------------------------------------------------- */

  .coming-soon
    .cs-content
    .cs-countdown
    .countdown-timer
    #timer-wrapper
    .timer-body-block
    .table-cell
    .tab-val {
    font-size: 40px;
    line-height: 35px;
  }
  .coming-soon
    .cs-content
    .cs-countdown
    .countdown-timer
    #timer-wrapper
    .timer-body-block
    .table-cell::before {
    top: -13px;
    font-size: 40px;
  }
  .coming-soon
    .cs-content
    .cs-countdown
    .countdown-timer
    #timer-wrapper
    .timer-body-block
    .table-cell
    .tab-unit {
    font-size: 18px;
  }
  .coming-soon .cs-content h1 {
    font-size: 40px;
  }
  .coming-soon .cs-content .cs-form form input,
  .coming-soon .cs-content .cs-form form button {
    display: block;
  }
  .coming-soon .cs-content .cs-form form input {
    width: 100%;
    padding: 0 65px 0 15px;
  }
  .coming-soon .cs-content .cs-form form button {
    width: auto;
    margin-top: 15px;
    padding: 0 15px;
  }
  .container-custom {
    width: 100%;
  }
  /* --------------------------------------------------------
		Kindergarten Version 02
	--------------------------------------------------------- */

  .information-middle .info-content {
    padding: 50px 15px 0 15px;
  }
  .courses-kindergarten2
    .courses-wrapper
    .course-single-box
    .course-single-inner
    .course-image {
    padding-right: 15px;
  }
  .courses-kindergarten2
    .courses-wrapper
    .course-single-box
    .course-single-inner
    .course-image
    figure
    img {
    width: 100%;
  }
  .courses-kindergarten2
    .courses-wrapper
    .course-single-box
    .course-single-inner
    .course-info {
    padding: 20px 35px 20px 35px;
  }
  .section-header-kg h2 {
    line-height: 40px;
    font-size: 30px;
  }
  .info-counter .counter-boxes .counter-single {
    width: 50%;
    margin-bottom: 50px;
  }
  .info-counter .counter-boxes .counter-single .counter-data {
    margin-top: 25px;
  }
  .kindergarten-gallery .gallery-wrapper .gallery-box {
    width: 100%;
  }
  .kg-teachers .kg-teachers-wrapper .teacher-single-inner figure img {
    width: 100%;
  }
  .kg-cta p {
    text-align: center;
  }
  .kg-cta .col-sm-4 {
    text-align: center;
  }
  .kg-cta .col-sm-4 a {
    margin-top: 30px;
  }
  /* --------------------------------------------------------
		Blog 01
	--------------------------------------------------------- */

  .blog-wrapper .blog-list-inner .blog-single .blog-details .post-date {
    margin-bottom: 20px;
  }
  .blog-wrapper .blog-list-inner .blog-single .blog-thumb iframe {
    height: auto;
    width: 100%;
  }
  .blog-pagination {
    margin-bottom: 100px;
  }
  .tp-caption.sfr.font-extra-bold.tp-resizeme.letter-space-4,
  .tp-caption.font-lora.sfb.tp-resizeme.letter-space-5,
  .tp-caption.lfb.tp-resizeme {
    margin-left: 15px !important;
  }
  .slider .slider-bottom-boxes {
    position: static;
  }
  .slider .slider-bottom-blocks {
    bottom: 0;
    position: static;
  }
  .about.about05 {
    padding: 100px 0;
  }
  .about.about05 .about-image01,
  .about.about05 .about-image02 {
    position: static;
  }
}

/* Public header refinements */
header#header-style02.header-style04 {
  top: 3px;
}

header#header-style02.header-style04 .main-menu {
  background: rgba(53, 57, 61, 0.96);
  border-bottom: 3px solid #80cd36;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

header#header-style02.header-style04 .is-sticky .main-menu,
header#header-style02 .is-sticky .main-menu {
  background: rgba(53, 57, 61, 0.98);
  border-bottom-color: #80cd36;
}

header .header-top {
  padding: 10px 0;
}

header .header-top .header-top-left ul li,
header .header-top .header-top-right ul li {
  font-size: 13px;
  line-height: 22px;
}

header .main-menu nav.navbar {
  min-height: 78px;
}

header .main-menu nav.navbar > .container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

header .main-menu nav.navbar .navbar-header a.navbar-brand {
  padding: 14px 0;
}

header .main-menu nav.navbar .navbar-header a.navbar-brand img {
  max-height: 50px;
  width: auto;
  margin-top: 0;
}

header .main-menu nav.navbar .nav-container {
  padding-right: 42px;
}

header .main-menu nav.navbar .nav-container .menu-search {
  top: 18px;
}

header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li {
  margin-right: 24px;
}

header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a {
  padding: 30px 0 28px;
  font-size: 13px;
  letter-spacing: 0;
}

header
  .main-menu
  nav.navbar
  .navbar-collapse
  ul.navbar-nav
  li.dropdown
  a.dropdown-toggle:before {
  right: -13px;
}

header
  .main-menu
  nav.navbar
  .navbar-collapse
  ul.navbar-nav
  li
  ul.dropdown-menu {
  border-top-color: #80cd36;
  border-radius: 0 0 4px 4px;
}

header
  .main-menu
  nav.navbar
  .navbar-collapse
  ul.navbar-nav
  li
  ul.dropdown-menu
  li
  a {
  padding: 13px 18px;
  color: #3c3d41;
  font-size: 13px;
  text-transform: none;
}

.nav-search {
  border-radius: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li {
    margin-right: 15px;
  }

  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a {
    font-size: 12px;
  }

  header .main-menu nav.navbar .nav-container {
    padding-right: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  header#header-style02 {
    position: relative;
  }

  header .main-menu nav.navbar {
    min-height: 70px;
  }

  header .main-menu nav.navbar .navbar-header a.navbar-brand {
    padding: 10px 0;
  }

  header .main-menu nav.navbar .navbar-header a.navbar-brand img {
    max-height: 48px;
  }

  header .main-menu nav.navbar .nav-container .menu-search {
    display: none;
  }

  nav.navbar .collapse.in {
    background: #35393d;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li {
    border-bottom-color: rgba(255, 255, 255, 0.12);
  }

  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a {
    color: #fff;
    padding: 14px 0;
  }
}

@media only screen and (max-width: 767px) {
  header#header-style02 {
    position: relative;
    top: 0;
    background: #35393d;
  }

  .header-top-border {
    display: none;
  }

  header .header-top {
    padding: 8px 0;
  }

  header .header-top .header-top-left ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -4px;
    margin-right: -4px;
  }

  header .header-top .header-top-left ul li,
  header .header-top .header-top-right ul li {
    font-size: 12px;
    line-height: 20px;
    margin: 2px 4px;
  }

  header .header-top .header-top-left ul li i {
    padding-right: 3px;
  }

  header .header-top .header-top-right {
    margin-top: 6px;
  }

  header .main-menu {
    background: #35393d;
    border-bottom: 3px solid #80cd36;
  }

  header .main-menu nav.navbar {
    min-height: 66px;
  }

  header .main-menu nav.navbar .navbar-header a.navbar-brand {
    padding: 9px 0;
    position: relative;
    z-index: 2;
  }

  header .main-menu nav.navbar .navbar-header a.navbar-brand img {
    max-height: 44px;
  }

  header .main-menu nav.navbar .nav-container .menu-search {
    display: none;
  }

  header .main-menu nav.navbar .nav-container {
    display: block;
    float: none;
    padding-right: 0;
    width: 100%;
  }

  .navbar-toggle {
    display: block;
    margin: 14px 10px 0 0;
    padding: 9px 10px;
    border: 1px solid rgba(128, 205, 54, 0.55);
    border-radius: 4px;
    background: rgba(128, 205, 54, 0.1);
  }

  .navbar-toggle .icon-bar,
  .main-menu .navbar-header button.navbar-toggle span {
    background: #80cd36;
  }

  nav.navbar .collapse.in {
    background: #35393d;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    margin: 0;
  }

  nav.navbar .collapse.in ul.navbar-nav {
    margin: 0;
  }

  header .main-menu nav.navbar .navbar-collapse {
    margin-left: 0;
    margin-right: 0;
    overflow-x: hidden;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav {
    padding: 0;
  }

  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    margin-right: 0;
  }

  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:last-child {
    border-bottom: 0;
  }

  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a {
    color: #fff;
    display: block;
    padding: 14px 16px;
  }

  header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:after,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.active
    a:after {
    content: none;
  }

  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.dropdown
    a.dropdown-toggle:before {
    right: 16px;
  }

  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li
    ul.dropdown-menu {
    background: #2f3337;
    border: 0;
    box-shadow: none;
    display: none;
    margin-top: 0;
    min-width: 100%;
    opacity: 1;
    position: static;
    visibility: visible;
    width: 100%;
  }

  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.open
    ul.dropdown-menu {
    display: block;
  }

  #header-style02
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.open
    ul.dropdown-menu
    li
    a,
  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li
    ul.dropdown-menu
    li
    a {
    color: #fff !important;
    opacity: 1;
    padding: 12px 16px;
    visibility: visible;
  }

  .mean-container .mean-bar {
    display: none;
  }

  .mean-container a.meanmenu-reveal {
    height: 24px;
    padding: 13px;
    color: #fff;
  }

  .mean-container a.meanmenu-reveal span {
    background: #80cd36;
    height: 3px;
    margin-top: 4px;
  }

  .mean-container .mean-nav {
    background: #35393d;
    margin-top: 50px;
  }

  .mean-container .mean-nav ul {
    background: #35393d;
  }

  .mean-container .mean-nav ul li a {
    border-top-color: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 13px;
    letter-spacing: 0;
    padding: 14px 5%;
  }

  .mean-container .mean-nav ul li li a {
    background: #2f3337;
    border-top-color: rgba(255, 255, 255, 0.08);
    opacity: 1;
    padding-top: 12px;
    padding-bottom: 12px;
    text-transform: none;
  }

  .mean-container .mean-nav ul li a:hover,
  .mean-container .mean-nav ul li a.mean-expand:hover {
    background: rgba(128, 205, 54, 0.16);
    color: #fff;
  }

  .mean-container .mean-nav ul li a.mean-expand {
    background: rgba(128, 205, 54, 0.12);
    border-left-color: rgba(255, 255, 255, 0.15) !important;
    height: 24px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 380px) {
  header .header-top .header-top-left ul li {
    font-size: 11px;
    margin-left: 3px;
    margin-right: 3px;
  }

  header .header-top .header-top-left ul li i {
    padding-right: 2px;
  }
}

/* Homepage refresh */
.slider-style02 .tp-caption {
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.45);
}

.slider-style02 .hero-action .el-btn-regular {
  border-radius: 999px;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
  padding: 12px 24px;
}

.mobile-hero-copy {
  display: none;
}

.slider .slider-bottom-boxes {
  bottom: 28px;
  z-index: 12;
}

.slider .slider-bottom-boxes .about-boxes {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
}

.slider .slider-bottom-boxes .about-boxes > .col-sm-12 {
  display: flex;
  gap: 18px;
  padding-left: 0;
  padding-right: 0;
}

.slider .slider-bottom-boxes .about-boxes a.home-service-card {
  align-items: center;
  background: rgba(41, 45, 49, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
  color: #fff;
  display: flex;
  flex: 1 1 0;
  float: none;
  min-height: 128px;
  overflow: hidden;
  padding: 24px;
  position: relative;
  transition:
    background 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
  width: auto;
}

.slider .slider-bottom-boxes .about-boxes a.home-service-card:before {
  background: #80cd36;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}

.slider .slider-bottom-boxes .about-boxes a.home-service-card:hover {
  background: rgba(35, 39, 42, 0.96);
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.3);
  transform: translateY(-4px);
}

.slider .slider-bottom-boxes .about-boxes a.home-service-card ul {
  align-items: center;
  display: flex;
  gap: 18px;
  margin-bottom: 0;
  width: 100%;
}

.slider .slider-bottom-boxes .about-boxes a.home-service-card ul li {
  display: block;
  font-family: "Roboto Slab", serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.25;
  vertical-align: middle;
}

.slider .slider-bottom-boxes .about-boxes a.home-service-card ul li:last-child {
  padding-left: 0;
}

.slider .slider-bottom-boxes .about-boxes a.home-service-card .service-icon {
  align-items: center;
  background: rgba(128, 205, 54, 0.14);
  border: 1px solid rgba(128, 205, 54, 0.36);
  border-radius: 999px;
  color: #80cd36;
  display: flex;
  flex: 0 0 70px;
  height: 70px;
  justify-content: center;
  width: 70px;
}

.slider .slider-bottom-boxes .about-boxes a.home-service-card .service-icon i {
  font-size: 34px;
  line-height: 1;
}

@media only screen and (max-width: 991px) {
  .slider .slider-bottom-boxes {
    bottom: 18px;
  }

  .slider .slider-bottom-boxes .about-boxes > .col-sm-12 {
    gap: 12px;
  }

  .slider .slider-bottom-boxes .about-boxes a.home-service-card {
    min-height: 112px;
    padding: 18px;
  }

  .slider .slider-bottom-boxes .about-boxes a.home-service-card ul {
    gap: 12px;
  }

  .slider .slider-bottom-boxes .about-boxes a.home-service-card ul li {
    font-size: 17px;
  }

  .slider .slider-bottom-boxes .about-boxes a.home-service-card .service-icon {
    flex-basis: 56px;
    height: 56px;
    width: 56px;
  }

  .slider
    .slider-bottom-boxes
    .about-boxes
    a.home-service-card
    .service-icon
    i {
    font-size: 27px;
  }
}

@media only screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
  }

  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.dropdown:not(.open):hover
    > ul.dropdown-menu {
    display: none !important;
  }

  header
    .main-menu
    nav.navbar
    .navbar-collapse
    ul.navbar-nav
    li.dropdown.open
    > ul.dropdown-menu {
    display: block !important;
  }

  .slider-style02 .tp-caption {
    display: none !important;
  }

  .mobile-hero-copy {
    color: #fff;
    display: block;
    left: 15px;
    max-width: 330px;
    position: absolute;
    right: 15px;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.55);
    top: 72px;
    z-index: 20;
  }

  .mobile-hero-copy p {
    color: #80cd36;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.3;
    margin: 0 0 8px;
    text-transform: uppercase;
  }

  .mobile-hero-copy h1 {
    color: #fff;
    font-size: 33px;
    font-weight: 700;
    line-height: 1.08;
    margin: 0 0 12px;
  }

  .mobile-hero-copy span {
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 1.45;
    max-width: 300px;
  }

  .mobile-hero-copy .el-btn-regular {
    border-radius: 999px;
    font-size: 12px;
    margin-top: 18px;
    padding: 9px 17px;
  }

  .slider .slider-bottom-boxes {
    background: #f7f9f5;
    padding: 18px 0 10px;
    position: static;
  }

  .slider .slider-bottom-boxes .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .slider .slider-bottom-boxes .about-boxes > .col-sm-12 {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
  }

  .slider .slider-bottom-boxes .about-boxes a.home-service-card {
    min-height: 0;
    padding: 16px 18px;
    width: 100%;
  }

  .slider .slider-bottom-boxes .about-boxes a.home-service-card ul {
    gap: 14px;
  }

  .slider .slider-bottom-boxes .about-boxes a.home-service-card ul li {
    font-size: 17px;
  }

  .slider .slider-bottom-boxes .about-boxes a.home-service-card .service-icon {
    flex-basis: 48px;
    height: 48px;
    width: 48px;
  }

  .slider
    .slider-bottom-boxes
    .about-boxes
    a.home-service-card
    .service-icon
    i {
    font-size: 22px;
  }
}

@media only screen and (max-width: 380px) {
  .mobile-hero-copy {
    max-width: 300px;
    top: 66px;
  }

  .mobile-hero-copy h1 {
    font-size: 30px;
  }

  .mobile-hero-copy span {
    font-size: 14px;
  }
}

/* Homepage content sections */
.home-news-section {
  background: #f5f8f3;
  padding: 90px 0;
}

.home-news-section .events-block {
  overflow: visible;
}

.home-news-layout {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}

.home-news-list {
  display: flex;
  flex-wrap: wrap;
}

.home-news-col {
  display: flex;
  float: none;
  margin-bottom: 28px;
}

.home-news-card {
  background: #fff;
  border: 1px solid rgba(60, 61, 65, 0.08);
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(28, 38, 24, 0.09);
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-bottom: 0 !important;
  overflow: hidden;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  width: 100%;
}

.home-news-card:hover {
  box-shadow: 0 20px 46px rgba(28, 38, 24, 0.15);
  transform: translateY(-4px);
}

.home-news-card .event-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 24px 24px;
}

.home-news-image {
  aspect-ratio: 16 / 10;
  border-radius: 0;
  height: auto;
  margin: 0 -24px 22px;
  max-width: calc(100% + 48px);
  object-fit: cover;
  width: calc(100% + 48px);
}

.home-news-card h3 {
  color: #293127;
  font-size: 17px;
  line-height: 1.45;
  margin: 0 0 16px;
  text-transform: none;
}

.home-news-card ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-bottom: 22px;
}

.home-news-card ul li {
  color: #667060;
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}

.home-news-card ul li i {
  color: #80cd36;
  margin-right: 5px;
}

.home-news-card .el-btn-regular {
  align-self: flex-start;
  border-radius: 999px;
  font-size: 12px;
  margin-top: auto;
  padding: 10px 18px;
}

.home-side-card {
  background: #fff;
  border: 1px solid rgba(60, 61, 65, 0.08);
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(28, 38, 24, 0.09);
  margin-bottom: 28px;
  overflow: hidden;
}

.home-alert-card {
  padding: 12px;
}

.home-alert-card img {
  border-radius: 6px;
  width: 100%;
}

.home-facebook-card {
  padding: 20px;
}

.home-card-heading span,
.home-kicker {
  color: #80cd36;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.home-card-heading h3 {
  color: #293127;
  font-size: 21px;
  margin: 0 0 16px;
  text-transform: none;
}

.home-facebook-frame {
  border-radius: 8px;
  height: 500px;
  overflow: hidden;
}

.home-facebook-frame iframe {
  display: block;
  max-width: 100%;
  width: 100% !important;
}

.home-education-section {
  background:
    linear-gradient(135deg, rgba(47, 60, 52, 0.92), rgba(33, 42, 37, 0.95)),
    url("../images/slider05.JPG");
  background-position: center;
  background-size: cover;
  padding: 90px 0;
}

.home-education-card {
  margin: 0 auto;
  max-width: 820px;
  text-align: center;
}

.home-education-card h2 {
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 18px;
}

.home-education-card h2 span {
  color: #80cd36;
}

.home-education-card p {
  color: rgba(255, 255, 255, 0.88);
  font-size: 17px;
  line-height: 1.8;
  margin: 0 auto;
  max-width: 760px;
}

.home-welcome-section {
  background: #fff;
  padding: 95px 0;
}

.home-welcome-section .row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.home-welcome-copy {
  background: #f8faf6;
  border: 1px solid rgba(60, 61, 65, 0.08);
  border-radius: 8px;
  box-shadow: 0 16px 38px rgba(28, 38, 24, 0.08);
  padding: 42px;
  text-align: left;
  top: 0 !important;
}

.home-welcome-copy h2 {
  color: #293127;
  font-size: 38px;
  line-height: 1.25;
  margin: 0 0 22px;
}

.home-welcome-copy h2 span {
  color: #80cd36;
}

.home-welcome-copy p {
  color: #626c5d;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 16px;
}

.home-welcome-image {
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(28, 38, 24, 0.16);
  overflow: hidden;
  top: 0 !important;
}

.home-welcome-image img {
  height: 430px;
  object-fit: cover;
  width: 100%;
}

.public-footer {
  background: #252b28;
  padding: 70px 0 45px;
}

.public-footer .widget {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  min-height: 245px;
  padding: 24px;
}

.public-footer .widget .widget-title h2 {
  color: #fff;
  font-size: 16px;
  letter-spacing: 0;
  margin-bottom: 22px;
}

.public-footer .widget .widget-title img {
  max-width: 145px;
}

.public-footer .widget-content,
.public-footer .widget-content p,
.public-footer .widget-content li,
.public-footer .widget-content a {
  color: rgba(255, 255, 255, 0.78);
}

.public-footer .widget-content a:hover,
.public-footer .widget-content li i {
  color: #80cd36;
}

.public-footer .widget.footer-social .widget-content ul li a {
  align-items: center;
  background: rgba(128, 205, 54, 0.12);
  border: 1px solid rgba(128, 205, 54, 0.24);
  border-radius: 999px;
  display: flex;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.public-footer .widget.footer-social .widget-content ul li a:hover {
  background: #80cd36;
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .home-news-section,
  .home-education-section,
  .home-welcome-section {
    padding: 70px 0;
  }

  .home-facebook-sidebar {
    width: 100%;
  }

  .home-welcome-copy {
    padding: 34px;
  }

  .home-welcome-image {
    margin-top: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .home-news-section {
    padding: 52px 0;
  }

  .home-news-layout,
  .home-news-list,
  .home-welcome-section .row {
    display: block;
  }

  .home-news-col {
    display: block;
    margin-bottom: 22px;
  }

  .home-news-card .event-details {
    padding: 0 18px 22px;
  }

  .home-news-image {
    margin: 0 -18px 18px;
    max-width: calc(100% + 36px);
    width: calc(100% + 36px);
  }

  .home-news-card h3 {
    font-size: 16px;
  }

  .home-facebook-frame {
    height: 430px;
  }

  .home-education-section {
    padding: 58px 0;
  }

  .home-education-card h2 {
    font-size: 31px;
  }

  .home-education-card p {
    font-size: 15px;
    line-height: 1.75;
  }

  .home-welcome-section {
    padding: 58px 0;
  }

  .home-welcome-copy {
    padding: 26px 22px;
  }

  .home-welcome-copy h2 {
    font-size: 30px;
  }

  .home-welcome-copy p {
    font-size: 15px;
  }

  .home-welcome-image img {
    height: auto;
  }

  .public-footer {
    padding: 50px 0 30px;
  }

  .public-footer .widget {
    min-height: 0;
    padding: 22px;
  }
}

/* Homepage refinements */
.home-news-card {
  border: 0;
  box-shadow: 0 10px 26px rgba(28, 38, 24, 0.08);
}

.home-news-card .event-details {
  padding: 14px 20px 22px;
}

.home-news-image {
  aspect-ratio: 16 / 9;
  border-radius: 7px;
  box-shadow: 0 10px 22px rgba(28, 38, 24, 0.12);
  margin: 0 0 20px;
  max-width: 100%;
  object-fit: cover;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
  width: 100%;
}

.home-news-card:hover .home-news-image {
  box-shadow: 0 14px 30px rgba(28, 38, 24, 0.18);
  transform: scale(1.015);
}

.home-news-card h3 {
  min-height: 72px;
}

.home-news-card .el-btn-regular {
  background: #80cd36;
  border-color: #80cd36;
  color: #fff;
  font-weight: 700 !important;
  letter-spacing: 0;
  text-transform: uppercase;
}

.home-news-card .el-btn-regular:hover,
.home-news-card .el-btn-regular:focus {
  background: #293127;
  border-color: #293127;
  color: #fff;
}

.home-welcome-section .row {
  align-items: center;
}

.home-welcome-section .about-image.home-welcome-image {
  min-width: 0;
  position: relative;
  right: auto;
  z-index: 1;
}

.home-welcome-image {
  background: #eef4e9;
  padding: 10px;
}

.home-welcome-image img {
  border-radius: 6px;
  box-shadow: none;
  display: block;
}

.public-footer {
  background: #252b28;
  border-top: 4px solid #80cd36;
}

.public-footer .widget {
  background: transparent;
  border: 0;
  border-radius: 0;
  min-height: 0;
  padding: 0;
}

.public-footer .widget .widget-title h2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding-bottom: 12px;
  position: relative;
}

.public-footer .widget .widget-title h2:after {
  background: #80cd36;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 46px;
}

.public-footer .widget-content ul li {
  line-height: 1.7;
  margin-bottom: 8px;
}

.public-footer .widget.footer-social .widget-content ul li {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 10px;
}

.public-footer .widget.footer-social .widget-content ul li a {
  background: transparent;
}

@media only screen and (max-width: 767px) {
  .home-news-card .event-details {
    padding: 14px 16px 20px;
  }

  .home-news-image {
    margin: 0 0 18px;
    max-width: 100%;
    width: 100%;
  }

  .home-news-card h3 {
    min-height: 0;
  }

  .public-footer .widget {
    margin-bottom: 28px;
  }
}

/* Public inner page hero */
section.page-header {
  background:
    linear-gradient(135deg, rgba(32, 39, 35, 0.94), rgba(32, 39, 35, 0.72)),
    url("../../images/slider05.JPG");
  background-position: center;
  background-size: cover;
  margin: 0;
  min-height: 285px;
  overflow: hidden;
  padding: 180px 0 78px;
  position: relative;
}

section.page-header:before {
  background:
    radial-gradient(
      circle at 18% 35%,
      rgba(128, 205, 54, 0.18),
      transparent 32%
    ),
    rgba(0, 0, 0, 0.08);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

section.page-header:after {
  background: #80cd36;
  bottom: 0;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}

section.page-header .container {
  position: relative;
  z-index: 2;
}

section.page-header h1 {
  color: #fff;
  display: inline-block;
  font-size: 42px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.18;
  margin: 0;
  max-width: 920px;
  padding-bottom: 16px;
  position: relative;
  text-shadow: 0 8px 26px rgba(0, 0, 0, 0.26);
  text-transform: uppercase;
}

section.page-header h1:after {
  background: #80cd36;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 78px;
}

section.page-header + .all-course-wrapper,
section.page-header + .blog-wrapper,
section.page-header + .contact-wrapper,
section.page-header + .events {
  margin-top: 0 !important;
  padding-top: 72px;
}

@media only screen and (max-width: 991px) {
  section.page-header {
    min-height: 250px;
    padding: 155px 0 62px;
  }

  section.page-header h1 {
    font-size: 34px;
  }

  section.page-header + .all-course-wrapper,
  section.page-header + .blog-wrapper,
  section.page-header + .contact-wrapper,
  section.page-header + .events {
    padding-top: 54px;
  }
}

@media only screen and (max-width: 767px) {
  section.page-header {
    min-height: 220px;
    padding: 138px 0 48px;
  }

  section.page-header h1 {
    font-size: 27px;
    line-height: 1.22;
    padding-bottom: 13px;
  }

  section.page-header h1:after {
    height: 3px;
    width: 56px;
  }

  section.page-header + .all-course-wrapper,
  section.page-header + .blog-wrapper,
  section.page-header + .contact-wrapper,
  section.page-header + .events {
    padding-top: 42px;
  }
}

/* Public assembly and department pages */
.department-directory,
.assembly-overview-page,
.all-course-wrapper.events-style02 {
  background: #f6f8f4;
}

.department-directory .container,
.assembly-overview-page .container,
.events-style02 .events-block {
  position: relative;
  z-index: 1;
}

.department-directory h3,
.assembly-overview-page h3,
.events-style02 .event-info h3 {
  color: #263029;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.28;
  text-transform: none;
}

.department-directory > .container > h3 {
  color: #4f5c52;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.7;
  margin: 0 0 12px;
  max-width: 980px;
}

.department-directory > .container > h3:first-of-type {
  color: #263029;
  font-size: 24px;
  font-weight: 800;
}

.department-directory-grid > .col-md-12 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.department-directory-grid > .col-md-12 > .col-md-4 {
  float: none;
  margin-bottom: 20px !important;
  padding-left: 10px;
  padding-right: 10px;
}

.department-directory .btn.btn-default {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(38, 48, 41, 0.09);
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(28, 38, 24, 0.07);
  color: #263029;
  display: flex;
  font-size: 15px;
  font-weight: 800;
  justify-content: space-between;
  letter-spacing: 0;
  min-height: 74px;
  padding: 18px 18px 18px 20px;
  text-align: left;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
  white-space: normal;
}

.department-directory .btn.btn-default:after {
  color: #80cd36;
  content: "\f105";
  font-family: FontAwesome;
  font-size: 18px;
  margin-left: 12px;
}

.department-directory .btn.btn-default:hover,
.department-directory .btn.btn-default:focus {
  border-color: rgba(128, 205, 54, 0.65);
  box-shadow: 0 18px 36px rgba(28, 38, 24, 0.12);
  color: #263029;
  transform: translateY(-3px);
}

.assembly-overview-page .row {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}

.assembly-overview-page img {
  border-radius: 8px;
  box-shadow: 0 18px 40px rgba(28, 38, 24, 0.13);
  height: auto;
  margin-bottom: 28px;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
}

.assembly-overview-page p,
.assembly-overview-page li {
  color: #59645b;
  font-size: 16px;
  line-height: 1.78;
}

.assembly-overview-page ol {
  counter-reset: assembly-objectives;
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
}

.assembly-overview-page ol li {
  background: #fff;
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(28, 38, 24, 0.06);
  counter-increment: assembly-objectives;
  margin-bottom: 14px;
  padding: 16px 18px 16px 58px;
  position: relative;
}

.assembly-overview-page ol li:before {
  align-items: center;
  background: rgba(128, 205, 54, 0.14);
  border-radius: 50%;
  color: #5ba91e;
  content: counter(assembly-objectives);
  display: flex;
  font-weight: 800;
  height: 30px;
  justify-content: center;
  left: 17px;
  position: absolute;
  top: 17px;
  width: 30px;
}

.assembly-overview-page ol li p {
  margin: 0;
}

.events-style02 .events-block .event2-single {
  background: #fff;
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-radius: 8px;
  box-shadow: 0 14px 32px rgba(28, 38, 24, 0.08);
  margin-bottom: 34px;
  overflow: hidden;
  padding: 28px;
}

.events-style02 .events-block .event2-single:hover {
  box-shadow: 0 20px 44px rgba(28, 38, 24, 0.13);
  transform: translateY(-2px);
}

.events-style02 .events-block .event2-single > .row {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}

.events-style02 .events-block .event2-single .event-thumb {
  text-align: left;
}

.events-style02 .events-block .event2-single .event-thumb img {
  background: #eef4e9;
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(28, 38, 24, 0.13);
  height: 230px;
  object-fit: cover;
  padding: 8px;
  width: 100%;
}

.events-style02 .events-block .event2-single .event-thumb .btn-success {
  background: #263029;
  border: 0;
  border-radius: 6px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  margin-top: 14px;
  padding: 10px 12px;
  white-space: normal;
}

.events-style02 .events-block .event2-single .event-info {
  padding: 0 8px 0 28px;
}

.events-style02 .events-block .event2-single .event-info h3 {
  font-size: 27px;
  margin: 0 0 16px;
  padding-bottom: 12px;
  position: relative;
}

.events-style02 .events-block .event2-single .event-info h3:after {
  background: #80cd36;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 62px;
}

.events-style02 .events-block .event2-single:hover .event-info h3 {
  color: #263029;
}

.events-style02 .events-block .event2-single .event-info p,
.events-style02 .events-block .event2-single .event-info section,
.events-style02 .events-block .event2-single .event-info span {
  color: #5d685f;
  font-size: 16px;
  line-height: 1.78;
}

.events-style02 .events-block .event2-single .event-info > br,
.events-style02 .events-block .event2-single .event-info p + br {
  display: none;
}

.events-style02 .events-block .event2-single .event-info p.fa.fa-check {
  background: #f8faf6;
  border: 1px solid rgba(128, 205, 54, 0.2);
  border-radius: 8px;
  color: #4f5c52;
  display: block;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 15px !important;
  line-height: 1.65;
  margin: 0 0 12px;
  padding: 14px 16px 14px 48px;
  position: relative;
  text-align: left !important;
  width: 100%;
}

.events-style02 .events-block .event2-single .event-info p.fa.fa-check:before {
  align-items: center;
  background: #80cd36;
  border-radius: 50%;
  color: #fff;
  content: "\f00c";
  display: flex;
  font-family: FontAwesome;
  font-size: 11px;
  height: 24px;
  justify-content: center;
  left: 14px;
  position: absolute;
  top: 15px;
  width: 24px;
}

.events-style02 .events-block .event2-single .event-info h4 {
  color: #263029;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.35;
  margin: 28px 0 15px;
}

.events-style02 .events-block .event2-single .event-info p > section,
.events-style02 .events-block .event2-single .event-info p > span {
  background: #f8faf6;
  border-left: 3px solid #80cd36;
  border-radius: 6px;
  display: block;
  margin-bottom: 10px;
  padding: 10px 14px;
}

.teacher-details-wrapper {
  background: #f6f8f4;
  padding: 82px 0;
}

.teacher-details-wrapper .teacher-detail-left,
.teacher-details-wrapper .teacher-detail-right {
  margin-bottom: 30px;
}

.teacher-details-wrapper .teacger-image,
.teacher-details-wrapper .teacher-detail-right .teacher-info,
.teacher-details-wrapper .teacher-detail-right .teacher-tab,
.teacher-details-wrapper .teacher-detail-left .teacher-skills {
  background: #fff;
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-radius: 8px;
  box-shadow: 0 14px 32px rgba(28, 38, 24, 0.08);
  overflow: hidden;
}

.teacher-details-wrapper .teacger-image img {
  height: 460px;
  object-fit: cover;
  width: 100%;
}

.teacher-details-wrapper .teacher-detail-left .teacher-skills {
  margin-top: 22px;
  padding: 22px;
}

.teacher-details-wrapper .teacher-detail-left .teacher-skills .skill-single {
  margin-bottom: 18px;
}

.teacher-details-wrapper
  .teacher-detail-left
  .teacher-skills
  .skill-single:last-child {
  margin-bottom: 0;
}

.teacher-details-wrapper
  .teacher-detail-left
  .teacher-skills
  .skill-single
  > span:first-child {
  color: #263029;
  display: block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  margin-bottom: 8px;
}

.teacher-details-wrapper
  .teacher-detail-left
  .teacher-skills
  .skill-single
  > span:last-child {
  background: #edf3e8;
  border-radius: 999px;
  display: block;
  height: 8px;
  overflow: hidden;
}

.teacher-details-wrapper
  .teacher-detail-left
  .teacher-skills
  .skill-single
  > span:last-child
  span {
  background: #80cd36;
  border-radius: 999px;
  display: block;
  height: 100%;
}

.teacher-details-wrapper .teacher-detail-right .teacher-info {
  margin-bottom: 24px;
  padding: 28px;
}

.teacher-details-wrapper .teacher-detail-right .teacher-info ul li {
  border-bottom: 1px solid rgba(38, 48, 41, 0.08);
  display: flex;
  gap: 18px;
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.teacher-details-wrapper .teacher-detail-right .teacher-info ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.teacher-details-wrapper .teacher-detail-right .teacher-info ul li h3 {
  color: #263029;
  flex: 0 0 120px;
  font-size: 14px;
  font-weight: 800;
  margin: 0;
  text-transform: uppercase;
}

.teacher-details-wrapper .teacher-detail-right .teacher-info ul li span {
  color: #5d685f;
  flex: 1;
  font-size: 15px;
  line-height: 1.65;
}

.teacher-details-wrapper .teacher-detail-right .teacher-tab {
  padding: 0;
}

.teacher-details-wrapper .teacher-detail-right .teacher-tab ul.nav-tabs {
  background: #263029;
  border: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 8px;
}

.teacher-details-wrapper .teacher-detail-right .teacher-tab ul.nav-tabs li {
  margin: 0 8px 0 0;
}

.teacher-details-wrapper .teacher-detail-right .teacher-tab ul.nav-tabs li a {
  border: 0;
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.78);
  font-weight: 800;
  padding: 12px 18px;
  text-transform: none;
}

.teacher-details-wrapper
  .teacher-detail-right
  .teacher-tab
  ul.nav-tabs
  li.active
  a,
.teacher-details-wrapper
  .teacher-detail-right
  .teacher-tab
  ul.nav-tabs
  li
  a:hover,
.teacher-details-wrapper
  .teacher-detail-right
  .teacher-tab
  ul.nav-tabs
  li
  a:focus {
  background: #80cd36;
  color: #fff;
}

.teacher-details-wrapper .teacher-detail-right .teacher-tab .tab-content {
  padding: 28px;
}

.teacher-details-wrapper .teacher-detail-right .teacher-tab .tab-content p {
  color: #5d685f;
  font-size: 16px;
  line-height: 1.78;
}

.teacher-details-wrapper + .courses06.course-university,
.assembly-members-page {
  background: #fff;
  padding: 76px 0;
}

.assembly-members-page .section-header03 h2,
.teacher-details-wrapper + .courses06.course-university .section-header03 h2 {
  color: #263029;
  font-size: 36px;
  letter-spacing: 0;
}

.assembly-members-page .container-custom {
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  width: auto;
}

.assembly-members-page .container-custom > .row,
.assembly-members-page #aniimated-thumbnials {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.assembly-members-page .container-custom > .row > [class*="col-"],
.assembly-members-page #aniimated-thumbnials > [class*="col-"] {
  border: 0 !important;
  float: none !important;
  margin: 0 0 24px !important;
  padding-left: 12px;
  padding-right: 12px;
  width: 20%;
}

.assembly-members-page figure {
  background: #eef4e9;
  border-radius: 8px 8px 0 0;
  margin: 0;
  overflow: hidden;
  padding: 8px;
}

.assembly-members-page figure img {
  border-radius: 6px;
  height: 220px !important;
  object-fit: cover;
  width: 100% !important;
}

.assembly-members-page .course-content {
  background: #fff;
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 12px 26px rgba(28, 38, 24, 0.08);
  min-height: 132px;
  padding: 18px 16px;
}

.assembly-members-page .course-content h5 {
  font-size: 16px;
  line-height: 1.3;
  margin: 0 0 10px;
}

.assembly-members-page .course-content h5 a {
  color: #263029 !important;
  font-weight: 800 !important;
}

.assembly-members-page .course-content ul li {
  color: #5d685f;
  font-size: 14px;
  line-height: 1.55;
}

.assembly-members-page .course-content ul li b {
  color: #80cd36;
}

.teacher-details-wrapper
  + .courses06.course-university
  .course-slider03
  .course-single {
  background: #fff;
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(28, 38, 24, 0.08);
  overflow: hidden;
}

.teacher-details-wrapper
  + .courses06.course-university
  .course-slider03
  .course-single
  figure {
  margin: 0;
}

.teacher-details-wrapper
  + .courses06.course-university
  .course-slider03
  .course-single
  figure
  img {
  height: 260px !important;
  object-fit: cover;
  width: 100%;
}

.teacher-details-wrapper
  + .courses06.course-university
  .course-slider03
  .course-single
  .course-content {
  padding: 20px;
}

@media only screen and (max-width: 1199px) {
  .assembly-members-page .container-custom > .row > [class*="col-"],
  .assembly-members-page #aniimated-thumbnials > [class*="col-"] {
    width: 25%;
  }
}

@media only screen and (max-width: 991px) {
  .department-directory-grid > .col-md-12 > .col-md-4 {
    width: 50%;
  }

  .events-style02 .events-block .event2-single .event-info {
    padding: 24px 0 0;
  }

  .events-style02 .events-block .event2-single .event-thumb img {
    max-width: 320px;
  }

  .assembly-members-page .container-custom > .row > [class*="col-"],
  .assembly-members-page #aniimated-thumbnials > [class*="col-"] {
    width: 33.333333%;
  }
}

@media only screen and (max-width: 767px) {
  .department-directory > .container > h3:first-of-type {
    font-size: 20px;
  }

  .department-directory-grid > .col-md-12 {
    display: block;
  }

  .department-directory-grid > .col-md-12 > .col-md-4 {
    width: 100%;
  }

  .assembly-overview-page .row,
  .events-style02 .events-block .event2-single > .row {
    display: block;
  }

  .events-style02 .events-block .event2-single {
    padding: 20px;
  }

  .events-style02 .events-block .event2-single .event-info h3 {
    font-size: 23px;
  }

  .teacher-details-wrapper {
    padding: 56px 0;
  }

  .teacher-details-wrapper .teacger-image img {
    height: auto;
  }

  .teacher-details-wrapper .teacher-detail-right .teacher-info ul li {
    display: block;
  }

  .teacher-details-wrapper .teacher-detail-right .teacher-info ul li h3 {
    margin-bottom: 8px;
  }

  .teacher-details-wrapper .teacher-detail-right .teacher-tab ul.nav-tabs {
    display: block;
  }

  .teacher-details-wrapper .teacher-detail-right .teacher-tab ul.nav-tabs li {
    margin: 0 0 8px;
  }

  .assembly-members-page .container-custom > .row > [class*="col-"],
  .assembly-members-page #aniimated-thumbnials > [class*="col-"] {
    width: 50%;
  }
}

@media only screen and (max-width: 480px) {
  .assembly-members-page .container-custom > .row > [class*="col-"],
  .assembly-members-page #aniimated-thumbnials > [class*="col-"] {
    width: 100%;
  }
}

/* Complaint and document center pages */
.section-kicker {
  color: #80cd36;
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.3;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.complaint-page {
  background:
    linear-gradient(
      135deg,
      rgba(246, 248, 244, 0.96),
      rgba(255, 255, 255, 0.98)
    ),
    url("../../images/slider05.JPG");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  padding: 82px 0;
}

.complaint-layout {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}

.complaint-intro {
  background: #263029;
  border-radius: 8px 0 0 8px;
  box-shadow: 0 18px 42px rgba(28, 38, 24, 0.12);
  min-height: 520px;
  padding: 52px 42px;
}

.complaint-intro h2 {
  color: #fff;
  font-size: 38px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.18;
  margin: 0 0 18px;
  text-transform: none;
}

.complaint-intro p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 28px;
}

.complaint-intro ul {
  margin: 0;
}

.complaint-intro ul li {
  align-items: center;
  color: rgba(255, 255, 255, 0.86);
  display: flex;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 14px;
}

.complaint-intro ul li i {
  align-items: center;
  background: rgba(128, 205, 54, 0.16);
  border-radius: 50%;
  color: #80cd36;
  display: flex;
  flex: 0 0 34px;
  height: 34px;
  justify-content: center;
  margin-right: 12px;
  width: 34px;
}

.complaint-page .contact-three-form {
  background: #fff;
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-radius: 0 8px 8px 0;
  box-shadow: 0 18px 42px rgba(28, 38, 24, 0.12);
  min-height: 520px;
  padding: 44px;
}

.complaint-page .contact-three-form form input,
.complaint-page .contact-three-form form textarea {
  background: #f7f9f5;
  border: 1px solid rgba(38, 48, 41, 0.1);
  border-radius: 6px;
  color: #263029;
  font-size: 15px;
  height: 50px;
  margin-bottom: 18px;
}

.complaint-page .contact-three-form form input:focus,
.complaint-page .contact-three-form form textarea:focus {
  background: #fff;
  border-color: #80cd36;
  box-shadow: 0 0 0 3px rgba(128, 205, 54, 0.12);
  outline: none;
}

.complaint-page .contact-three-form form input::placeholder,
.complaint-page .contact-three-form form textarea::placeholder {
  color: #788276;
}

.complaint-page .contact-three-form form textarea {
  height: 170px;
  padding: 14px 15px;
}

.complaint-page .contact-three-form form button {
  background: #80cd36;
  border: 2px solid #80cd36;
  border-radius: 999px;
  color: #fff;
  font-weight: 800;
  letter-spacing: 0;
  padding: 13px 28px;
}

.complaint-page .contact-three-form form button:hover,
.complaint-page .contact-three-form form button:focus {
  background: #263029;
  border-color: #263029;
  color: #fff;
}

.document-center-page,
.document-list-page,
.document-view-page {
  background: #f6f8f4;
}

.document-intro,
.document-view-header {
  margin-bottom: 34px;
  max-width: 820px;
}

.document-intro h2,
.document-view-header h2 {
  color: #263029;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 12px;
  text-transform: none;
}

.document-intro p,
.document-view-header p {
  color: #5d685f;
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
}

.document-center-layout,
.document-list-layout {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}

.document-category-grid {
  display: flex;
  flex-wrap: wrap;
}

.document-category-col {
  display: flex;
  float: none;
  margin-bottom: 22px;
}

.document-category-card {
  background: #fff;
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(28, 38, 24, 0.08);
  color: #263029;
  display: block;
  min-height: 148px;
  padding: 24px;
  position: relative;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
  width: 100%;
}

.document-category-card:hover,
.document-category-card:focus {
  border-color: rgba(128, 205, 54, 0.55);
  box-shadow: 0 18px 38px rgba(28, 38, 24, 0.13);
  color: #263029;
  transform: translateY(-3px);
}

.document-card-icon {
  align-items: center;
  background: rgba(128, 205, 54, 0.14);
  border-radius: 50%;
  color: #80cd36;
  display: flex;
  font-size: 20px;
  height: 46px;
  justify-content: center;
  margin-bottom: 16px;
  width: 46px;
}

.document-card-title {
  display: block;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 9px;
}

.document-card-count {
  color: #697466;
  display: block;
  font-size: 13px;
  font-weight: 700;
}

.document-side-card,
.document-category-sidebar,
.document-table-card,
.document-viewer-card {
  background: #fff;
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-radius: 8px;
  box-shadow: 0 14px 32px rgba(28, 38, 24, 0.08);
  overflow: hidden;
}

.document-side-card {
  padding: 14px;
}

.document-side-card img {
  border-radius: 6px;
  height: 260px;
  object-fit: cover;
  width: 100%;
}

.document-side-card h3 {
  color: #263029;
  font-size: 20px;
  font-weight: 800;
  margin: 20px 6px 8px;
  text-transform: none;
}

.document-side-card p {
  color: #5d685f;
  font-size: 15px;
  line-height: 1.65;
  margin: 0 6px 8px;
}

.document-table-card {
  padding: 0;
}

.document-table {
  margin: 0;
}

.document-table thead tr {
  background: #263029;
}

.document-table thead th {
  border: 0 !important;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  padding: 15px 14px !important;
  text-transform: uppercase;
}

.document-table tbody td {
  border-color: rgba(38, 48, 41, 0.08) !important;
  color: #5d685f;
  font-size: 14px;
  line-height: 1.55;
  padding: 15px 14px !important;
  vertical-align: middle !important;
}

.document-table tbody tr:nth-child(even) {
  background: #fafbf9;
}

.document-table tbody tr:hover {
  background: #f2f7ee;
}

.document-action-btn {
  background: #80cd36;
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  padding: 8px 13px;
  text-align: center;
  white-space: nowrap;
}

.document-action-btn:hover,
.document-action-btn:focus {
  background: #263029;
  color: #fff;
}

.document-category-sidebar {
  padding: 22px;
}

.document-category-sidebar h3 {
  color: #263029;
  font-size: 20px;
  font-weight: 800;
  margin: 0 0 18px;
  text-transform: none;
}

.document-sidebar-link {
  background: #f8faf6;
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-radius: 7px;
  color: #263029;
  display: block;
  margin-bottom: 12px;
  padding: 14px 15px;
}

.document-sidebar-link span,
.document-sidebar-link em {
  display: block;
}

.document-sidebar-link span {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}

.document-sidebar-link em {
  color: #70806e;
  font-size: 12px;
  font-style: normal;
  margin-top: 5px;
}

.document-sidebar-link:hover,
.document-sidebar-link:focus {
  background: #263029;
  color: #fff;
}

.document-sidebar-link:hover em,
.document-sidebar-link:focus em {
  color: rgba(255, 255, 255, 0.74);
}

.document-viewer-card {
  padding: 12px;
}

.document-viewer-card iframe {
  border: 0;
  border-radius: 6px;
  display: block;
  height: 780px;
  width: 100%;
}

.document-viewer-card object {
  border: 0;
  border-radius: 6px;
  display: block;
  height: 780px;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .complaint-intro,
  .complaint-page .contact-three-form {
    border-radius: 8px;
    min-height: 0;
  }

  .complaint-intro {
    margin-bottom: 22px;
  }

  .document-side-col,
  .document-category-sidebar {
    margin-top: 24px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .complaint-page {
    background-attachment: scroll;
    padding: 58px 0;
  }

  .complaint-layout,
  .document-center-layout,
  .document-list-layout {
    display: block;
  }

  .complaint-intro,
  .complaint-page .contact-three-form {
    padding: 28px 22px;
  }

  .complaint-intro h2,
  .document-intro h2,
  .document-view-header h2 {
    font-size: 28px;
  }

  .document-category-grid {
    display: block;
  }

  .document-category-col {
    display: block;
  }

  .document-table-card {
    overflow-x: auto;
  }

  .document-table {
    min-width: 680px;
  }

  .document-viewer-card iframe {
    height: 560px;
  }

  .document-viewer-card object {
    height: 560px;
  }
}

/* Contact and document hub refresh */
.contact-page {
  background: #f6f8f4;
  padding: 82px 0;
}

.contact-hero-card {
  background:
    linear-gradient(135deg, rgba(38, 48, 41, 0.96), rgba(38, 48, 41, 0.82)),
    url("../../images/slider05.JPG");
  background-position: center;
  background-size: cover;
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(28, 38, 24, 0.14);
  color: #fff;
  margin-bottom: 28px;
  overflow: hidden;
  padding: 44px;
}

.contact-hero-card .row {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}

.contact-hero-copy h2 {
  color: #fff;
  font-size: 38px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.18;
  margin: 0 0 18px;
  text-transform: none;
}

.contact-hero-copy p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 24px;
  max-width: 560px;
}

.contact-complaint-link {
  align-items: center;
  background: #80cd36;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 9px;
  padding: 12px 20px;
  text-transform: uppercase;
}

.contact-complaint-link:hover,
.contact-complaint-link:focus {
  background: #fff;
  color: #263029;
}

.contact-office-panel {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  padding: 28px;
}

.contact-office-panel h3 {
  color: #fff;
  font-size: 21px;
  font-weight: 800;
  margin: 0 0 18px;
  text-transform: none;
}

.contact-office-panel p,
.contact-office-panel span {
  color: rgba(255, 255, 255, 0.82);
  display: block;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 12px;
}

.contact-info-grid {
  display: flex;
  flex-wrap: wrap;
}

.contact-info-col {
  display: flex;
  float: none;
  margin-bottom: 24px;
}

.contact-info-card {
  background: #fff;
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(28, 38, 24, 0.08);
  padding: 28px;
  width: 100%;
}

.contact-info-card i {
  align-items: center;
  background: rgba(128, 205, 54, 0.14);
  border-radius: 50%;
  color: #80cd36;
  display: flex;
  font-size: 21px;
  height: 48px;
  justify-content: center;
  margin-bottom: 18px;
  width: 48px;
}

.contact-info-card h3 {
  color: #263029;
  font-size: 19px;
  font-weight: 800;
  margin: 0 0 10px;
  text-transform: none;
}

.contact-info-card p {
  color: #5d685f;
  font-size: 15px;
  line-height: 1.65;
  margin: 0 0 4px;
}

.document-center-page,
.document-list-page,
.document-view-page {
  background: linear-gradient(180deg, #f7f9f5 0%, #fff 56%, #f6f8f4 100%);
}

.document-hub-hero,
.document-list-hero {
  background:
    linear-gradient(135deg, rgba(38, 48, 41, 0.97), rgba(38, 48, 41, 0.84)),
    url("../../images/slider05.JPG");
  background-position: center;
  background-size: cover;
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(28, 38, 24, 0.14);
  color: #fff;
  margin-bottom: 34px;
  overflow: hidden;
  padding: 38px;
}

.document-hub-hero .row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.document-hub-hero h2,
.document-list-hero h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.15;
  margin: 0 0 14px;
  max-width: 760px;
  text-transform: none;
}

.document-hub-hero p,
.document-list-hero p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 680px;
}

.document-hub-count {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  padding: 26px;
  text-align: center;
}

.document-hub-count span,
.document-hub-count em {
  color: rgba(255, 255, 255, 0.75);
  display: block;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.document-hub-count strong {
  color: #fff;
  display: block;
  font-size: 54px;
  font-weight: 800;
  line-height: 1;
  margin: 11px 0;
}

.document-section-heading {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}

.document-section-heading h3 {
  color: #263029;
  font-size: 26px;
  font-weight: 800;
  margin: 0;
  text-transform: none;
}

.document-section-heading p {
  color: #6a7567;
  font-size: 15px;
  margin: 0;
}

.document-center-layout {
  display: block;
}

.document-category-grid {
  display: flex;
  flex-wrap: wrap;
}

.document-category-col {
  display: flex;
  float: none;
  margin-bottom: 24px;
}

.document-category-card {
  background: linear-gradient(180deg, #fff, #fbfcfa);
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(28, 38, 24, 0.08);
  color: #263029;
  display: flex;
  flex-direction: column;
  min-height: 190px;
  overflow: hidden;
  padding: 24px;
  position: relative;
  width: 100%;
}

.document-category-card:before {
  background: #80cd36;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 4px;
}

.document-category-card:hover,
.document-category-card:focus {
  border-color: rgba(128, 205, 54, 0.65);
  box-shadow: 0 20px 44px rgba(28, 38, 24, 0.14);
  color: #263029;
  transform: translateY(-4px);
}

.document-card-top {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}

.document-category-card .document-card-icon {
  margin-bottom: 0;
}

.document-category-card .document-card-count {
  background: #f0f5eb;
  border-radius: 999px;
  color: #5a6a53;
  font-size: 12px;
  font-weight: 800;
  padding: 7px 11px;
}

.document-category-card .document-card-title {
  color: #263029;
  flex: 1;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 24px;
}

.document-card-action {
  color: #80cd36;
  display: block;
  font-size: 13px;
  font-weight: 800;
  margin-top: auto;
  text-transform: uppercase;
}

.document-list-hero {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.document-back-link {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-radius: 999px;
  color: #263029;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 8px;
  padding: 11px 16px;
  white-space: nowrap;
}

.document-list-hero .document-back-link {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.document-back-link:hover,
.document-back-link:focus {
  background: #80cd36;
  border-color: #80cd36;
  color: #fff;
}

.document-table-card,
.document-category-sidebar,
.document-viewer-card {
  border-radius: 8px;
  box-shadow: 0 16px 36px rgba(28, 38, 24, 0.09);
}

.document-table thead tr {
  background: #2f3a33;
}

.document-table tbody td:first-child {
  color: #263029;
  font-weight: 800;
}

.document-action-btn {
  box-shadow: 0 8px 18px rgba(128, 205, 54, 0.22);
}

.document-category-sidebar {
  position: sticky;
  top: 95px;
}

.document-sidebar-link {
  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.document-sidebar-link:hover,
.document-sidebar-link:focus {
  transform: translateX(3px);
}

.document-sidebar-empty {
  color: #697466;
  line-height: 1.65;
  margin: 0;
}

.document-view-header {
  background: #fff;
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-radius: 8px;
  box-shadow: 0 14px 32px rgba(28, 38, 24, 0.08);
  margin-bottom: 24px;
  max-width: none;
  padding: 28px;
}

.document-view-header p {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.document-view-header p span {
  background: #f0f5eb;
  border-radius: 999px;
  color: #5d685f;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 7px;
  padding: 8px 12px;
}

.document-view-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.document-open-link {
  align-items: center;
  background: #80cd36;
  border: 1px solid #80cd36;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 8px;
  padding: 11px 16px;
}

.document-open-link:hover,
.document-open-link:focus {
  background: #263029;
  border-color: #263029;
  color: #fff;
}

/* Public news listing */
.public-news-page {
  background: #f6f8f4;
  padding: 76px 0;
}

.news-page-intro {
  margin-bottom: 34px;
  max-width: 760px;
}

.news-page-intro h2 {
  color: #263029;
  font-size: 38px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 12px;
  text-transform: none;
}

.news-page-intro p {
  color: #5d685f;
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
}

.news-page-grid {
  display: flex;
  flex-wrap: wrap;
}

.news-page-col {
  display: flex;
  float: none;
  margin-bottom: 28px;
}

.news-page-card {
  background: #fff;
  border: 1px solid rgba(38, 48, 41, 0.08);
  border-radius: 8px;
  box-shadow: 0 14px 32px rgba(28, 38, 24, 0.08);
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  overflow: hidden;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
  width: 100%;
}

.news-page-card:hover {
  box-shadow: 0 20px 44px rgba(28, 38, 24, 0.14);
  transform: translateY(-4px);
}

.news-page-card figure {
  background: #eef4e9;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.news-page-image {
  height: 230px !important;
  object-fit: cover;
  width: 100%;
}

.news-page-card .blog-excerpt {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}

.news-page-card .blog-excerpt h3 {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.4;
  margin: 0 0 14px;
  min-height: 76px;
  text-transform: none;
}

.news-page-card .blog-excerpt h3 a {
  color: #263029;
}

.news-page-card .blog-excerpt h3 a:hover,
.news-page-card .blog-excerpt h3 a:focus {
  color: #80cd36;
}

.news-page-card .blog-excerpt ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 0 0 16px;
}

.news-page-card .blog-excerpt ul li,
.news-page-card .blog-excerpt ul li a {
  color: #738070;
  font-size: 13px;
  line-height: 1.4;
}

.news-page-card .blog-excerpt p {
  color: #5d685f;
  font-size: 15px;
  line-height: 1.68;
  margin: 0;
}

.news-page-card figure figcaption .el-btn-regular {
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  padding: 9px 16px;
}

@media only screen and (max-width: 991px) {
  .news-page-col {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .public-news-page {
    padding: 56px 0;
  }

  .news-page-grid {
    display: block;
  }

  .news-page-col {
    display: block;
    width: 100%;
  }

  .news-page-card .blog-excerpt h3 {
    min-height: 0;
  }
}

.document-empty-state {
  background: #fff;
  border: 1px dashed rgba(38, 48, 41, 0.18);
  border-radius: 8px;
  color: #5d685f;
  padding: 42px 28px;
  text-align: center;
  width: 100%;
}

.document-empty-state i {
  color: #80cd36;
  font-size: 38px;
  margin-bottom: 14px;
}

.document-empty-state h3 {
  color: #263029;
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 10px;
  text-transform: none;
}

.document-empty-state p {
  color: #657061;
  font-size: 15px;
  line-height: 1.65;
  margin: 0 auto;
  max-width: 440px;
}

.document-empty-state-small {
  border: 0;
  box-shadow: none;
  padding: 26px;
}

@media only screen and (max-width: 991px) {
  .contact-hero-card .row,
  .document-hub-hero .row,
  .document-list-hero {
    display: block;
  }

  .contact-office-panel,
  .document-hub-count {
    margin-top: 24px;
  }

  .document-category-sidebar {
    position: static;
  }
}

@media only screen and (max-width: 767px) {
  .contact-page {
    padding: 58px 0;
  }

  .contact-hero-card,
  .document-hub-hero,
  .document-list-hero {
    padding: 28px 22px;
  }

  .contact-hero-copy h2,
  .document-hub-hero h2,
  .document-list-hero h2 {
    font-size: 29px;
  }

  .contact-info-grid,
  .document-category-grid,
  .document-section-heading {
    display: block;
  }

  .document-section-heading p {
    margin-top: 8px;
  }

  .document-list-hero .document-back-link {
    margin-top: 22px;
  }

  .document-category-card {
    min-height: 0;
  }
}