@media (max-width:1536px){
}
@media (max-width:1460px){

}
@media (max-width:1366px) {


}


/************ Main **************/

@media (min-width: 768px) and (max-width: 1024px){
  header.fixed{position: relative;}
  .nav_sec .top-header{ padding: 10px 0}
  .nav_sec .top-header .logo{width: 220px}
  .btn-area{display: flex; justify-content: center; margin-top: 10px; align-items: center;}
  .nav_sec .top-header .btn-signup{padding: 0 30px; line-height: 38px; font-size: 13px;}
  .nav_sec .top-header .btn-signin{padding: 0 30px; line-height: 38px; font-size: 13px;}
  .nav_sec .navigation-area{border-radius: 0px; top: 78px; padding: 25px 10px; display: none;}
  .nav_sec .navigation-area.active {display: block;}
  .nav_sec .top-header .btn-menu{display: block; margin-left: 10px; cursor: pointer;}
  .nav_sec .navigation-area ul.menu-link{display: block;}
  .nav_sec .navigation-area ul.menu-link li a{line-height: 30px}

  .slider-area{border-radius: 0px 0px 100px 0px; border-bottom: 8px solid #FFA108;}
  .slider-area .swiper-slide{height:420px;}
  .slider-area .swiper-slide .title-area{bottom: 40px; left: 0; width: 100%; margin-left: 0; font-size: 60px; text-shadow: 2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #fff, 0px -2px 0px #fff; padding: 0 25px;}
  .slider-area img {width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}

  .about-area .about-content-block{display: block;}
  .about-area .about-content-block .logo-area {width: 50%; padding-right: 0; }
  .about-area .about-content-block .content-block {width: 100%; padding: 20px 0 0 0;}
  .about-area .about-content-block h1{font-size: 36px;margin: 0 0 12px 0;}
  .about-area .about-content-block p{font-size: 13px}

  .gallery-area{padding: 0px 0 50px 0}
  .gallery-area h2{font-size: 36px;margin: 0 0 12px 0;}
  .gallery-area .gallery-box .image-block{height: 200px; border-radius: 20px 20px 80px 20px;}

  .associate-partner-section{padding: 0px 0px 50px 0px}
  .associate-partner-section .content-block .center-logo {width: 270px; padding: 20px; background: #fff; margin: 0 auto 20px auto; border-radius: 0 0 20px 30px;}
  .associate-partner-section .content-block h2{font-size: 36px;margin: 0 0 12px 0;}
  .associate-partner-section .content-block p{font-size: 13px}

  .associate-partner-section .content-block .girl-icon,
  .associate-partner-section .content-block .boy-icon{display: none}

  .news-area{padding: 60px 0}
  .news-area h2{font-size: 36px;margin: 0 0 12px 0;}
  .news-area .news-slider .swiper-button-next{top: 22px}
  .news-area .news-slider .swiper-button-prev{top: 22px; right: 60px;}
  .news-area .news-box .news-content h3{font-size: 20px;}
  .news-area .news-box .news-content p{font-size: 13px}

  .sponsor-area{padding: 60px 20px}
  .sponsor-area h2{font-size: 36px;margin: 0 0 12px 0;}
  .sponsor-area .content-block p{font-size: 13px; margin-bottom: 20px}

  .footer-main{padding: 30px 0 0 0}
  .footer-main h4{font-size: 36px;margin: 0 0 12px 0;}
  .footer-main .logo {width: 140px; margin: 0 0 20px 0;}
  .footer-main ul.download-list{display: flex;  margin-bottom: 20px}
  .footer-main ul.download-list li{float: none; margin: 0 5px}
  .footer-main .copyright{font-size: 13px; line-height: 20px; margin-top: 30px;}
}

@media (max-width: 767px) {

header.fixed{position: relative;}
.nav_sec .top-header{display: block; padding: 10px 0}
.nav_sec .top-header .logo{width: 220px; margin: 0 auto;}
.btn-area{display: flex; justify-content: center; margin-top: 10px; align-items: center;}
.nav_sec .top-header .btn-signup{padding: 0 30px; line-height: 38px; font-size: 13px;}
.nav_sec .top-header .btn-signin{padding: 0 30px; line-height: 38px; font-size: 13px;}
.nav_sec .navigation-area{border-radius: 0px; top: 126px; padding: 25px 10px; display: none;}
.nav_sec .navigation-area.active {display: block;}
.nav_sec .top-header .btn-menu{display: block; margin-left: 10px; cursor: pointer;}
.nav_sec .navigation-area ul.menu-link{display: block;}
.nav_sec .navigation-area ul.menu-link li a{line-height: 30px}

.slider-area{border-radius: 0px 0px 100px 0px; border-bottom: 8px solid #FFA108;}
.slider-area .swiper-slide{height:300px;}
.slider-area .swiper-slide .title-area{bottom: 40px; left: 0; width: 100%; margin-left: 0; font-size: 30px; text-shadow: 2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #fff, 0px -2px 0px #fff; padding: 0 25px;}
.slider-area img {width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}

.about-area .about-content-block{display: block;}
.about-area .about-content-block .logo-area {width: 50%; padding-right: 0; margin: 0 auto;}
.about-area .about-content-block .content-block {width: 100%; padding: 20px 0 0 0;}
.about-area .about-content-block h1{font-size: 36px;margin: 0 0 12px 0;}
.about-area .about-content-block p{font-size: 13px}

.gallery-area{padding: 0px 0 50px 0}
.gallery-area h2{font-size: 36px;margin: 0 0 12px 0;}
.gallery-area .gallery-box .image-block{height: 200px; border-radius: 20px 20px 80px 20px;}

.associate-partner-section{padding: 0px 0px 50px 0px}
.associate-partner-section .content-block .center-logo {width: 270px; padding: 20px; background: #fff; margin: 0 auto 20px auto; border-radius: 0 0 20px 30px;}
.associate-partner-section .content-block h2{font-size: 36px;margin: 0 0 12px 0;}
.associate-partner-section .content-block p{font-size: 13px}
.associate-partner-section .content-block .btn-area{display: block;}
.associate-partner-section .content-block .btn-area .btn-sign{justify-content: center; margin: 10px 0 0 0}
.associate-partner-section .content-block .girl-icon,
.associate-partner-section .content-block .boy-icon{display: none}

.news-area{padding: 60px 0}
.news-area h2{font-size: 36px;margin: 0 0 12px 0;}
.news-area .news-slider .swiper-button-next{top: 22px}
.news-area .news-slider .swiper-button-prev{top: 22px; right: 60px;}
.news-area .news-box .news-content h3{font-size: 20px;}
.news-area .news-box .news-content p{font-size: 13px}

.sponsor-area{padding: 60px 20px}
.sponsor-area h2{font-size: 36px;margin: 0 0 12px 0;}
.sponsor-area .content-block p{font-size: 13px; margin-bottom: 20px}

.footer-main{text-align: center; padding: 30px 0 0 0}
.footer-main h4{font-size: 36px;margin: 0 0 12px 0;}
.footer-main .logo {width: 140px; margin: 0 auto 20px auto;}
.footer-main ul.download-list{display: flex; justify-content: center; margin-bottom: 20px}
.footer-main ul.download-list li{float: none; margin: 0 5px}
.footer-main .copyright{font-size: 13px; line-height: 20px; margin-top: 30px;}
}