@media only screen and (min-width: 2400px){
    .container{
        max-width: 1820px;
    }
	.fighting_show .fighting_banner, .fighting_show .fighting_banner iframe {
        height: 750px;
    }

}
@media only screen and (max-width: 1919px){
    .container{
        max-width: 1840px;
    }
	.fighting_show .fighting_banner, .fighting_show .fighting_banner iframe {
        height: 750px;
    }
}
@media only screen and (min-width: 1781px){
    /*navbar*/
    p{
        font-size: 18px;
        line-height: 30px;
        padding: 0; 
        margin: 0;
    }
    .container{
        max-width: 1720px;
    }
    .home_banner_content h1{
        font-size: 105px;
        line-height: 105px;
    }
    
    .content_home_heading h2{
        font-size: 110px;
        line-height: 100px;
    }                
  
}
@media only screen and (max-width: 1779px){
    .container{
        max-width: 1620px;
    }
    /*navbar*/
    .heading_teams h2{
        font-size: 120px;
        line-height: 120px;
    }
    .choose_role .form_head_define h4{
        font-size: 56px;
        line-height: 64px;
    }
    .the_teams_area .teamgrid_parent .team_name_area h3{
        font-size: 56px;
        line-height: 60px;
    }
    .about_shows_details::after {
        background-size: 154% 103%;
    }
}
@media only screen and (max-width: 1680px){
    .container{
        max-width: 1520px;
    }
}
@media only screen and (max-width: 1580px){
    .container{
        max-width: 1420px;
    }
/*navbar*/
    .choose_role::before {
        background-size: 230% 100%;
    }
    .the_teams_area .teamgrid_parent .team_name_area h3{
        font-size: 48px;
        line-height: 52px;
    }
    .about_shows_details .tbo_logo {
        width: 300px;
        height: 338px;
        right: 15%;
/*         right: 230px; */
    }
    .about_shows_details .tbo_logo img{
        object-fit: contain;
    }
}
@media only screen and (max-width: 1480px){
    .container{
        max-width: 1270px;
    }
    .choose_role .choose_role_form{
        width: 50%;
    }
	.fighting_show .fighting_banner, .fighting_show .fighting_banner iframe {
        height: 750px;
    }
} 
@media only screen and (max-width: 1366px){
    /*navbar*/
/*  .the_teams_area, .fighting_show{
        padding: 75px 0;
    } */
    .heading_teams h2{
        font-size: 100px;
        line-height: 100px;
    }
    .home_banner{
        min-height: 720px;
        height: 100vh;

    }
    .home_banner .video_template_content{
        position: absolute;
        bottom: 120px;
        left: 0;
        width: 100%;
        z-index: 9;
    }
    .banner_video{
        min-height: 720px;
        height: 100vh;
    }
    .banner_video video{
        width: 100%;
        height: 100%;
        object-position: center;
    }
    .choose_role .form_head_define h4{
        font-size: 52px;
        line-height: 56px;
    }
    .home_banner_content h1{
        font-size: 90px;
        line-height: 90px;
    }
    .content_home_heading h2{
        font-size: 80px;
        line-height: 80px;
    }
    .main_btn{
        min-width: 350px;
        font-size: 20px;
        padding: 15px;
    }
    .fighting_show .fighting_banner, .fighting_show .fighting_banner iframe {
        height: 750px;
    }
    .footer .full_footer{
        max-width: 100%;
        width: 100%;
    }
    .footer .address_details{
        margin-top: 35px;
    }
    .about_reach_info .contact_details{
        margin-top: 15px;
    }
    .footer .copy_right{
        margin-top: 40px;
    } 
    .the_teams_area .teamgrid_parent .team_name_area h3{
        font-size: 42px;
        line-height: 48px;
    }
    .about_shows_details .tbo_logo {
        width: 240px;
        height: 280px;
        right: 15%;
    }
    .choose_role::before {
        background-size: 250% 100%;
    }
} 

@media only screen and (min-width: 1360px){

    p{
        font-size: 18px;
        line-height: 30px;
        padding: 0; 
        margin: 0;
    }
    .main_btn{
        min-width: 350px;
        font-size: 20px;
        padding: 15px; 
        font-size: 20px;
    }
}
@media only screen and (max-width: 1199px){
    /*navbar*/
    .about_shows_details{
        padding: 150px 0 70px 0;
    }
    .about_shows_details::before {
        width: 215px;
        background-size: cover;
    }
    .heading_teams h2{
        font-size: 80px;
        line-height: 80px;
    }
    .choose_role .form_head_define h4{
        font-size: 48px;
        line-height: 52px;
    }
	.fighting_show .fighting_banner, .fighting_show .fighting_banner iframe {
        height: 650px;
    }
    .choose_role{
        padding: 420px 0 75px 0;
    }
    .choose_role .choose_role_form{
        width: 100%;
        max-width: 100%;
    }
    .choose_role .form_head_define p{
        margin: 30px 0;
    }
    .the_teams_area .teamgrid_parent .team_grid{
        padding: 220px 0;
    }
    .the_teams_area .teamgrid_parent .team_grid{
        padding: 160px 0;
    }
}
@media only screen and (max-width: 991px){
	
	 /*navbar*/
    .home_banner .video_template_content {
        bottom: 100px;
    }
    .home_banner{
        min-height: 550px;
    }
    .home_banner_content h1{
        font-size: 60px;
        line-height: 64px;
    }
    .content_home_heading h2{
        font-size: 56px;
        line-height: 60px;
        
    }
    .heading_teams h2{
        font-size: 56px;
        line-height: 60px;
    }   
     .choose_role .form_head_define h4{
        font-size: 40px;
        line-height: 44px;
    }
    
    /*banner*/
    .about_shows_details::before {
        background-size: cover;
        width: 180px;
    }
    .about_shows_details{
        padding: 120px 0 60px 0;
    }
    .about_shows_details .social_icon_list{
        position: relative;
        top: 0;
        left: 0;
        margin-top: 30px;
    }
    .about_shows_details .game_show_plan{
        width: 100%;
        max-width: 100%;
    }
    .about_shows_details .game_show_plan .form_con{
        text-align: center;
        position: relative;
        z-index: 1;
        width: 100%;

    }
    .about_shows_details input:not([type=submit]){
        margin-top: 30px;
    }
    .about_shows_details input[type=submit]{
        margin-top: 15px;
    }
    .about_shows_details{
        padding: 70px 35px;
    }
    .about_shows_details .tbo_logo img{
        opacity: 0.6;
    }   
    .game_show_plan .content_text{
        margin-top: 15px;
    } 
    .the_teams_area, .fighting_show{
        padding: 50px 0;
    }
    .the_teams_area .heading_teams{
        margin-bottom: 35px;
    }
    .the_teams_area .teamgrid_parent .team_grid_2 .team_name_heading h3{
        color: #1c1b1b;
        transform: scaleX(1);
    } 
    .the_teams_area .teamgrid_parent .team_grid_4 .team_name_heading h3{
        color: #523082;
        transform: scaleX(1);
    } 
    .fighting_show .fighting_banner, .fighting_show .fighting_banner iframe {
        height: 450px;
    }
    .choose_role .register_us_form{
        max-width: 100%;
    }
    .footer .copy_right{
        margin-top: 0;
    }
    .about_reach_info .address_details p{
        width: 100%;
    }
    .footer .address_details:first-child{
        margin-top: 0;
    }
    .footer .contact_details{
        margin-bottom: 35px;
    }
    .footer{
        padding: 50px 0 25px 0;
    }
    .footer .brand_title h5{
        margin: 25px 0 0 0;
    }
    .the_teams_area .teamgrid_parent{
        display: block;
    }
    .about_shows_details input:not([type=submit])::placeholder{
        font-size: 15px;        
    }
    .about_shows_details input:not([type=submit]){
        font-size: 15px;
    }
    /*slider*/
    
/*slider*/
.slick-dots{
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
}
.slick-dots li button{
    cursor: pointer;
    height: 15px;
    width: 15px;
    font-size: 0;
    margin: 0 2px;
    border: none;
    outline: none;
    background-color: #465044;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
  
  .slick-dots li.slick-active button, .slick-dots li button:hover {
    background-color: #ff8f03;
  }
  

  
  
  .teamgrid_parent{
    display: block;
    position: relative;
  }
  .teamgrid_parent::before,
  .teamgrid_parent::after{
    content: "";
    position: absolute;
    top: -1px;
    width: 10%;
    height: 370px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }
  .teamgrid_parent::before{
    left: 0;
    z-index: 1;
    background-image: url(../image/Teams-section---Left.png);
  }
  .teamgrid_parent::after{
    right: 0;
    background-image: url(../image/Teams-section---right.png);
  }
  .the_teams_area .our_teams .teamgrid_parent .team_grid{
    width: 100%;
    position: relative;
  }
  .the_teams_area .teamgrid_parent .team_grid_4{
    transform: scaleX(1);
  }
  .the_teams_area .teamgrid_parent .team_grid_2{
    transform: scaleX(1);
  }
  .the_teams_area .teamgrid_parent .team_grid_3,
  .the_teams_area .teamgrid_parent .team_grid_1{
    clip-path: none;
    background: transparent;
  }
  .cus-displa{
    display: none;
  }
  .cus-flex{
    display: block;
  }
}
@media only screen and (max-width: 767px){
    .home_banner_content h1{
        font-size: 48px;
        line-height: 56px;
    }
.quote-one, .quote-two, .quote-three {
	width:100%;
	display:block;
	float: none;
	padding: 0 20px 40px 20px;
	}
    .heading_teams h2{
        font-size: 44px;
        line-height: 48px;
    }
    /*navbar*/
    .header .navigation .navbar-brand{
        width: 150px;
        height: 75px;
    }
    .header .navigation .navbar-brand img{
        object-fit: contain;
    }
    /*banner*/
    .home_banner{
        padding-bottom: 120px;
    }
    .home_banner .home_banner_content h1{
        margin-bottom: 30px;
    }
    .home_banner .home_banner_content{
        width: 100%;
    }
    .about_shows_details::after{
        background-size: 165% 105%;
    }
    .about_shows_details::before {
        background-size: cover;
        width: 115px;
    }
    .about_shows_details .tbo_logo {
        bottom: 30px;
        right: 175px;
    }
    .the_teams_area, .the_teams_area, .fighting_show{
        padding: 45px 0;
    }
    .fighting_show .fighting_banner, .fighting_show .fighting_banner iframe {
        height: 350px;
    } 
    .about_shows_details .game_show_plan{
        padding: 0;
    }  
	.team_v2_grid {
	width:100%;
	display:block;
}
}
@media only screen and (max-width: 575px){
    
/*navbar*/
    .home_banner{
        min-height: 450px;
        max-width: 720px;
    }
    .about_shows_details {
        padding: 105px 0 25px 0;
        background-size: 100%;
        background-position: top;
    }
    .about_shows_details::after {
        background-size: 149% 100%;
        background-image: url(../image/mobile_blue_shape.png);
    }
    .about_shows_details .tbo_logo{
        right: 100px;
        width: 336px;
        height: 356px;
    }
    .fighting_show .fighting_banner, .fighting_show .fighting_banner iframe {
        height: 300px;
    }
    .choose_role::before {
        height: 75%;
        background-image: url(../image/shape_green.png);
    }
    .choose_role{
        padding: 360px 0 45px 0;
    }
    .content_home_heading h2 {
        font-size: 50px;
        line-height: 50px;
        margin: 0;
    }
    .about_shows_details .content_text p {
        font-size: 23px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 479px){
    /*navbar*/
    .heading_teams h2{
        font-size: 52px;
        line-height: 52px;
    }
    .home_banner .home_banner_content h1{
        margin-bottom: 30px;
        margin-right: 0px;
    }
    .btn-box .main_btn{
        width: 99%;
        min-width: 100%;
    }
    .about_shows_details .tbo_logo{
        right: 65px;
    }
    .about_shows_details .tbo_logo img{
        object-fit: contain;
    }
    .fighting_show .fighting_banner, .fighting_show .fighting_banner iframe {
        height: 260px;
    }
    .choose_role {
        padding: 240px 0 45px 0;
        background-size: 135%;
        background-position: top;
    }
    .choose_role::before{
        height: 80% !important;
    }
    .choose_role .register_us_form .form_btn{
        width: 100%;
    }
    .choose_role .register_us_form .form_btn input{
        padding: 10px;
    }
    .home_banner .home_banner_content h1{
        margin-right: 40px;
    }
    .choose_role::before {
        height: 90%;
    }
    .about_shows_details::before{
        width: 85px;
    }
    .about_shows_details input[type=submit] {
        min-width: 100%;
    }
    .about_shows_details .tbo_logo {
    right: 17px;
    }
    .fighting_show{
        padding: 35px 0;
    }
    .fighting_show .container{
        padding: 0;
    }
    
    .header_sticky_mobile .main_btn {
        min-width: 100%;
        padding: 12px;
        font-size: 18px;
    }  
    .header{
        padding: 40px 0;
    }
    .main_btn::before {
        height: 2px;
        bottom: -8px;
        left: 6px;
    }   
    .main_btn::after {
        height: 112%;
        width: 2px;
        bottom: -8px;
        right: -8px;
    }
    .the_teams_area, .the_teams_area, .fighting_show {
        padding: 45px 0 35px 0;
    }
    .teamgrid_parent ul li{
        margin: 0 8px;
    }
    .choose_role .form_head_define p{
        width: 65%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .choose_role .register_us_form input[type=submit]{
        padding: 8px;
    }
    .about_shows_details input:not([type=submit]){
        background-color: #8f85d1;
        border-color: #e6e6e6;
        color: #bbb6dc;
    }
    .about_shows_details input:not([type=submit])::placeholder{
        color: #bbb6dc;
    }
    .home_banner{
        padding-bottom: 75px;
    }
    .btn-box .main_btn {
        padding: 12px;
    }
    .choose_role::before {
        background-size: 170% 100%;
    }
    .teamgrid_parent::before, .teamgrid_parent::after {
        width: 14%;
    }
}
@media only screen and (max-width: 380px){
    .home_banner .home_banner_content h1{
        margin-right: 0;
    }
    .header_sticky_mobile .navigation a.navbar-brand {
        width: 110px;
        height: 50px;
    }
    .teamgrid_parent::before, .teamgrid_parent::after {
        width: 17%;
    }
}
@media only screen and (max-width: 360px){
    .home_banner_content h1{
        font-size: 40px;
        line-height: 48px;
    }
    .about_shows_details .tbo_logo{ 
        width: 320px;
        height: 280px;
        right: 12px;
    }
    .fighting_show .fighting_banner, .fighting_show .fighting_banner iframe {
        height: 220px;
    }
	
    .about_shows_details::before{
        width: 75px;
    }
    .header_sticky_mobile .main_btn {
        padding: 10px;
        font-size: 15px;
    }
}