/* =================================== */
/*  Responsive Styles 
/* =================================== */
@media (max-width: 1024px) {
  .banner-section {
    min-height: 768px;
  }
  .banner-section .banner-left h1 {
    font-size: 45px !important;
  }

  .banner-section2 {
    background-size: contain !important;
    max-height: 560px !important;
  }
  .banner-section2 div.fullscreen {
    height: 500px !important;
  }
  .banner-section2 .banner-left h1 span {
    font-size: 42px;
  }

  .banner-section3 {
    background-size: contain !important;
    max-height: 560px !important;
  }
  .banner-section3 div.fullscreen {
    height: 500px !important;
  }

  .header-left h1 {
    font-size: 35px !important;
  }

  .single-stat {
    margin-bottom: 30px;
  }

  .about-right h1 {
    font-size: 30px;
  }
  .about-right .primary-btn {
    min-width: 130px;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .single-feature h3 {
    font-size: 22px;
  }

  .contact-wrap h3 {
    font-size: 20px;
  }
}
@media (min-width: 900px) {
  .screenshot-section .single-logo img {max-width: 192px;}
}
@media (max-width: 991px) {
  .banner-section .banner-left h1 {
    font-size: 40px !important;
  }

  .header-left {
    text-align: center !important;
  }
  .header-left h1 {
    max-width: 400px;
    margin: 0 auto;
  }
  .header-left h1 br {
    display: none;
  }

  .header-left,
  .testimonial-left {
    margin-bottom: 50px;
  }
  .testimonial-section .primary-btn{ margin-top: 5px; }
  .testimonial-section .testimonial-left p{ margin-bottom: 10px; }
  .testimonial-section .testimonial-left h2 {
    font-size: 26px !important;
}



  .about-section .row {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .about-section .about-left {
    margin-bottom: 30px;
  }

  .blog-section .primary-btn {
    margin-top: 0px;
  }

  .testimonial-left {
    text-align: center;
  }
  .testimonial-left p {
    margin: 0 auto;
  }

  .testimonial-right h2 {
    text-align: center;
  }
  .testimonial-right .owl-dots {
    text-align: center;
  }

  .price-left {
    text-align: center;
  }
  .price-left p {
    margin: 0 auto !important;
  }

  .price-right {
    margin-top: 0px;
  }

  .skill-left {
    margin-bottom: 30px;
  }

  .dload-btn {
    text-align: left !important;
    margin-top: 30px;
  }
  .dload-btn .primary-btn:first-child {
    margin-left: 0px;
  }

  .about-right .primary-btn {
    margin-bottom: 10px !important;
  }

  .single-blog {
    margin-bottom: 30px;
  }

  .contact-wrap {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .contact-wrap h3 {
    text-align: center;
    font-size: 18px;
  }
  .contact-wrap h3,
  .contact-wrap h4 {
    margin-bottom: 30px;
  }

  .sidebar-wrap {
    margin-top: 30px;
  }

  .form-cols {
    margin-bottom: 30px;
  }

  .footer-section .footer-left {
    text-align: center !important;
    margin-bottom: 10px;
  }
  .footer-section .footer-left .copyright-text {
    text-align: center !important;
  }
  .footer-section #social {
    text-align: center;
  }
  .footer-section #social li:first-child a {
    margin-left: 0px;
  }
  .footer-section .footer-menu {
    text-align: center;
  }
  .footer-section .footer-menu li:first-child {
    padding-left: 0px;
  }
  .footer-section .footer-cols {
    margin-bottom: 30px;
  }
  .footer-section .footer-cols:last-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 768px) {
  .banner-section {
    min-height: 680px !important;
  }

  .banner-section2 {
    background: #fff !important;
  }

  .banner-section3 {
    background: #fff;
  }
  .banner-section3 .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .banner-section3 .row .banner-left p {
    max-width: 100%;
    color: #000;
  }

  /* 首页大会概览入口 */
  .feature-section .click_block .col-md-4{ width: 50%; }
  .feature-section .click_block .col-md-4 h3{ font-size:16px;  font-weight: bold; }
  .saiqu1_bg{ background: #22a2e9; }
  .saiqu2_bg{ background: #20e5f0; }
  .saiqu3_bg{ background: #22eaa7; }
  .saiqu4_bg{ background: #3add24; }
  .saiqu5_bg{ background: #aadf21; }
  .saiqu6_bg{ background: #e8d915; }


}
@media (max-width: 767px) {
  .banner-section .banner-left {
    text-align: center !important;
    margin-bottom: 40px;
    z-index: 0;
  }
  .banner-section .banner-right {
    padding-top: 0px;
  }
  .section-gap-full-banner {
  padding: 120px 0;
}
  .section-gap-full {
    padding: 30px 0;
}
 .banner-section .banner-left p{ padding-top:20px; }

  .featured-section .col-lg-3{
    width: 50%;
  }
  .featured-section .row{
    padding-bottom: 30px;
  }

  .banner-section2 p {
    color: #000;
  }

  .featured-section .section-title {
    margin-bottom: 30px;
  }

  .single-wrap {
    margin-bottom: 30px;
  }
  .single-wrap:last-child {
    margin-bottom: 0px;
  }

  .single-blog-post .post-details h1 {
    font-size: 25px;
  }

  .contact-section .section-title {
    padding-top: 20px;
    margin-bottom: 25px;
  }

  .contact-wrap h3,
  .contact-wrap h4 {
    text-align: center;
  }

  .contact-form-wrap {
    padding: 30px;
  }
  .contact-form-wrap textarea {
    height: 125px;
  }


  .explore-section .explore-left h1{ font-size:30px;  text-align: center; }
  .explore-section .explore-left h3{ font-size:20px;text-align: center;}

  .product-detials-section .details-left ul li .img-fluid{
   width: 50%;
  }





}
@media (max-width: 736px) {
  .banner-section2 {
    background-size: cover !important;
  }
}
@media (max-width: 576px) {
  .blog-section .row {
    margin-left: 0px;
    margin-right: 0px;
  }

  .price-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%;
    margin:20px 20px;
  }
  .price-right .main {
     margin: 0px !important; 
  }

  .price-section .price-right .main{
    margin-bottom: 20px !important;
  }

.screenshot-section .align-item-center .col-lg-3
{ 

  width: 33%;
  max-width: 33% 
}

  .featured-section .section-title {
    margin-top: 30px;
  }

  .replay-comment {
    margin-left: -80px;
  }

  .team-section .team-content {
    width: 90.5%;
  }

  .single-team {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-cols, .copyright-text, #social {
    text-align: center !important;
  }
  .section-title h2{ font-size: 26px; }
  .section-title{ margin-bottom: 30px; }
  .feature-section .header-left h1{     font-size: 26px !important;}
  .feature-section .header-left{ margin-bottom: 20px; }
  .about-section .about-right h1{font-size: 26px; text-align: center;}

  /* 多赛区 */
  .more_live .col-lg-3{
    flex: 0 0 30%;
    max-width: 30%;
    /* padding-top:15px; */
    padding-right: 8px;
    padding-left: 8px;
  }
  
  .contact-page-section .more_live .single-address-col .div {
    padding: 10px 10px;
  }

  .service-section .vote_player .col-lg-3{ width: 50%; }



  .contact-section .container .form-row-bg .details-right ul li{ 
  font-size: 20px; font-weight: 300; 
  padding-bottom: 30px;
  padding-top: 30px; 
  text-align: center;
  }

  .contact-section .container .form-row-bg .details-right p{ /* text-align: center;  */text-indent:2em;}

}
@media (max-width: 480px) {
  .single-counter h2 {
    font-size: 30px !important;
  }

  .dload-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .dload-btn .primary-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .dload-btn .primary-btn:last-child {
    margin-left: 0px !important;
    margin-top: 20px;
  }
}
@media (max-width: 417px) {
  .page-top-banner h1 {
    font-size: 35px;
  }
  .page-top-banner h4 {
    font-size: 20px;
    padding-top:15px;
  }
  .page-top-banner .section-gap-half{ padding-bottom: 20px; }

  .single-blog-post .post-details h1 {
    font-size: 20px;
  }

  .social-widget ul li a {
    margin-bottom: 10px;
  }

  .banner-section3 .banner-left h1 span, .banner-section2 .banner-left h1 span {
    font-size: 35px;
  }
}



/* 多赛区 */
@media (min-width: 992px) {

  .more_live .col-lg-3{
      flex: 0 0 30%;
      max-width: 30%;
      /* padding-top:15px; */
  }

}


/* 首页调整，隐藏一些模块 */
@media (max-width: 990px) {

  .hidden_block{ display: none; }
  .breakpoint-on .dopenav ul li.hidden_block{ display: none; }
  .about-section .container .col-md-7{
      flex: 0 0 90.333333%;
      max-width: 90.333333%;
  }
 /*  .screenshot-section{ background: none; } */
  #containerb2c69d831d4d2ff03e66af4a90f70a2c_b{ z-index: 0; }
  #plv_video div{ z-index: 0; }
  .company-section{ padding:60px 0px 0px 0px; }
  .company-section .screenshot-wrap{ padding-top: 0px; }
  .banner-section .banner-right .img-fluid{ max-width: 70%; }
  #download-section{ display: block; padding-top: 60px; }
  #download-section .col-lg-6 h1{ text-align: center; font-size: 24px; }
  #download-section .dload-btn{ text-align: center !important; }

  #download-section .dload-btn .primary-btn{ background: orange; }
  #download-section .dload-btn .primary-btn:first-child{background: #069be9;}

  .contact-section .justify-content-center .single-blog{z-index: 0;}

}