
@media only screen and (min-width:2000px) {
  
}


@media only screen and (max-width: 1400px) {
    
    .top-header{padding-left:3.5rem}

}
@media only screen and (max-width: 1316px) {
   
}
@media only screen and (max-width: 1280px) {    
	

}
@media only screen and (max-width: 1201px) {
     .top-header{padding-left:7rem; display: flex;}
   
}


@media only screen and (max-width: 1084px) {
    .list_col.team_detail .box1 {
    width: 80px;
}
    }
@media only screen and (max-width: 1024px) {
   
    .container-scroll{    
        height: auto;
    max-height:45vh;
    scroll-behavior: smooth;
    overflow-y: scroll;
}


}
@media only screen and (max-width:993px) {
    
    .top-header{padding-left:7rem; display: flex;}
   
    .top-header .badge-title h6 {
    line-height: 2rem;
}


}
@media only screen and (max-width:992px) {
    
    .top-header{padding-left:2rem}
}
@media only screen and (max-width: 980px) {
	.container_wrap,
	.subheader_wrap, .container_wrap2 {
		max-width:900px;
	}
	
	nav {
		height: 80px;
		padding: 10px 20px;
	}
	
    .league_logo {
        margin: 14px auto 10px;
    }
	.logo a {
		display: block;
		/*width: auto;*/
	}
	.league_icon {
		width: 40px;
	}
 
	
	
    .splash .epl-logo{ width: 220px; margin: 0px auto}
    .top-bg{display: none}
    
    /*color-theme*/
    
   .score-detail {
    width: 70%;
}
 
    
    
    nav {
    height: 63px;
    padding: 10px 20px;
}
    
    
}


	



@media only screen and (max-width: 812px) {

	.w_epl_logo {
		width: 68px;
	}
	

/*
	.footer_wrap {
		margin-top: 0px;
		position: fixed;
		width: 100%;
		bottom: 0px;
	}
       
*/
}

@media only screen and (max-width: 800px) {
	.container_wrap{
		min-height: 820px;
	}

/*
	.container_wrap2 {
		min-height:600px;
	}
*/
    .wrapper{display: flex; justify-content: space-between; width: 100%;
        padding-left:0px!important; padding-right: 0px!important; max-width: 1920px; margin: 0px auto}

}


@media only screen and (max-width:768px) {
    
     .play_ground_overlay {	background: #ffffff;}    
    
    .start-screen{ background: #1d1d1e;}
    .sub-active, .instruction .spanColoractive {
    color: #0095c4;
}
    .nav-tabs {
        border-bottom: 1px solid #e0dddd ;
    }

	.d_res_none {
		display: none
	}
	
	.title_League {
		justify-content: flex-start;
		margin: 0px 0px 20px 0px;
		padding: 10px 0px;
	}
	.w_epl_logo {
		width: 60px;
		margin: 0px 0px 0px 20px;
	}
	.container_wrap {
		max-width: 95%;
	}
	.subheader_wrap {
		width: 100% !important;
		max-width: 100%!important;
		margin: 0px;
		padding: 0px
	}
/*
	footer {
		display: none;
	}
*/
	
	.container_wrap {
		padding-bottom:10px;
		padding-top: 20px;
	}
	
    .patner-section {
    margin-top: 0rem;
}


  .patner-section {
    margin-top: 5rem;
    padding-bottom:1rem;
}  
}

@media only screen and (max-width:742px) {
    .score-detail {
    width: 80%;
}

}


@media only screen and (max-height:375px) {
	.next_menu {
		bottom: 16%;
	}
}

@media only screen and (max-width:680px) {
    
    

    }
@media only screen and (max-width:667px) {
	.container_wrap {
		min-height: 540px;
	}
    .container_wrap{
		max-width: 700px;
	}
	.container_wrap {
		max-width: 500px;
	}
	
/*
	footer {
		display: none;
	}
*/
    .splash h2 {
    font-size: 1.5rem;
        margin-bottom: 0.1rem;
}
    
    .splash .epl-logo {
    width: 180px;
}
    .start-button {
    margin: 10px auto;
  }
     .start-button a{
    width: 5.1rem;
    height:5.1rem;
         
  }
   

    
}


@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
.container-scroll {
    max-height: 59vh;
}
}
    
@media only screen and (max-width:598px) {
	nav {
        height: 60px;
		padding: 10px 4px;
	}
	.container_wrap{
		max-width:600px;
	}
   
    .league_logo {
        width:120px;
}
  
     
    nav {
    padding: 10px 20px;
}

    .catg {
    padding: 25px 18px;
}
   .catg_wrap {
    width: 22.80%;
}
 .container_wrap2 {
    min-height:auto;
}
}
@media only screen and (max-width:580px) {
    .tab-menu,  .banner-text, .banner-section{display: none}
    .instruction {
    margin-top: 0px;
}
    .container-scroll {
    max-height: 45vh;
}
   
    .d-video-btn{display: none;}
    .video-btn{display: block; text-align: center;}
}
@media only screen and (max-width:568px) {
	.match_menu {
		bottom: 0%;
		position: fixed;
	}
	.w_epl_logo {
		width: 45px;
		45px;
		margin: 0px 0px 0px 10px;
	}
	.title_League h2 {
		font-size: 20px;
	}
	.container_wrap, .container_wrap2 {
		max-width: 99%;
	}
	
	.footer_wrap {
		font-size: 13px;
	}
	
    .latestvideo-link{width: 100%; margin-top: 20px; text-align: left;}
    
}
  
}
@media only screen and (max-width:480px) {
	
    .logo a {
	display: block;
	width:25px;
}
	
	.container_wrap, .container_wrap2 {
		max-width: 95%;
		padding-right: 7px;
		padding-left: 7px;
	}
	
    
    
    .nav-tabs .nav-link {
    padding: .8rem 1.4rem;
}
    .patner-section .box-1 {
        width: 120px !important;
    }
   

}

@media only screen and (max-width:414px) {
	
  
}

@media only screen and (max-width:412px) {


#loading {
    font-size: 0.6rem;
}
     .player-name {width:30.33%!important;}
     .player-name:nth-child(3n+3) {
    margin-right: 10px;
}
    .player-name:nth-child(4n+4) {
    margin-right: 10px;
}
}

@media only screen and (max-width:384px) {
	
*/
	
    .score-detail {
    width: 89%;
}
 .patner-section .box-1 {
        width: 100px !important;
    }   
    .patner-section .box-1 .img-box img {
    max-width: 94%;
    max-height: 89%;
    margin: 0px auto;
}
    .patner-section li {
    width: auto;
}
   

}


@media only screen and (max-width:375px) {
   
}
@media only screen and (max-width:360px) {
   
}

@media only screen and (max-width:320px) {

   .container_wrap, .container_wrap2 {
    padding-right: 0px;
    padding-left: 0px;
}
   
    
}
/*
@media screen and (orientation:landscape) {
    #video-page.play_ground,  #video-page .main_section{ position: inherit;}
    #video-page .container_wrap2{
        max-width: 100%;
        padding: 0px;
        position: absolute ;
        min-width: 100%;
        top: 0px;
        left: 0px;
        z-index: 999!important;
        scroll-behavior: smooth;
        min-height: 100vh;
        
    }
    
    .video_wrap {
    padding: 0px 0px;
    position: relative !important;
    z-index: 9999;
}
}
*/
