@media only screen and (max-width:1400px) {
	.event_back {
		height: 160px;
		
	}

	.event_box {
		flex: 0 0 140px;
		height: 140px;
		width: 140px;
		margin: 10px 17px 10px 17px;
		font-size: 16px;
	}
	
	.training_back {

		height: 140px;

	}
	
	.training_box {
		flex: 0 0 140px;
		height: 120px;
		margin: 10px 17px 10px 17px;
	}
	
	.training_box img {
		width: 140px;
	}
}

@media only screen and (max-width:1200px) {
    .back-to-top {
        display: none !important;
    }
	
	
	.column_left {
        width: 100%;
		height: auto;
        float: none;
        padding-right:5px;
        margin-bottom: 30px;
    }
	
	
	.section-head-title {
		font-size: 28px;
	}
	
	.photo-list-box {
		width: 20%;
	}
}
@media only screen and (max-width:1024px) {
    .fixture-row-left, .fixture-row-right {
        width: 100%;
    }
    .fixture-row-left {
        border-right: none;
        border-bottom-style:dashed;
    }    
	
	.section-head-title {
		font-size: 24px;
	}
	
	.list-leftcontainer {
		width: 15%;
	}
	.list-rightcontainer {
		width: 85%;
	}
	
	
	
}
@media only screen and (max-width:900px) {
	#mainmenu {
    display: none;
	pointer-events: none;
  }

  #mainmenu.active {
    display: block;
	pointer-events: auto !important;
  }
  
    .toggleMenu {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }
    #mainmenu {
        float:none;
    }
    #mainmenu > li {
        float: none;
    }
    #mainmenu > li > .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    #mainmenu li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    #mainmenu li li .parent:hover {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    #mainmenu {
        float:none;
        line-height:40px;
        padding-right:0px;
    }
    #mainmenu ul li:first-child {
        margin-top: 0px;
    }
    #mainmenu ul li:last-child {
        margin-bottom: 0px;
    }
    #mainmenu ul {
        display: block;
        width: 100%;
    }
    #mainmenu > li.hover > ul, #mainmenu li li.hover ul {
        position: static;
    }
    #mainmenu a::before, #mainmenu ul li a::before {
        -webkit-transition:none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
    }
    #mainmenu a:hover::before {
        height:0%;
    }
    #mainmenu ul li a {
        padding: 5px 30px;
        background-color: #616161;
    }
    #mainmenu ul li li a {
        background-color: #616161;
    }

	
	
    .flex-title {
       height: 50%;
	   padding: 5px;
	   font-size: 10px;
    }
	

	

	.section-head-title {
		font-size: 20px;
	}
	
	.photo-list-box {
		width: 25%;
	}
	
	.history-table1 {
		width: 100%;
	}

	.history-table2 {
		width: 100%;
	}
	
	.event-table1 {
	width: 100%;
}
}
@media only screen and (max-width:800px) {
    .leftcontainer {
        width: 100%;
        float: none;
        padding-right:0px;
        margin-bottom: 30px;
    }
    .rightcontainer {
        width: 100%;
        float: none;
        padding-left: 0px;
    }
	.column {
        width: 100%;
        float: none;
        padding-right:5px;
        margin-bottom: 30px;
    }
	
	
    .first-clmn, .second-clmn, .third-clmn {
        padding:0px 0px 30px 0px;
        width:100%;
    }
    .scores-title {
        font-size: 26px;
    }
    .match-results span {
        font-size: 18px;
        display: block;
    }
    .match-results .score {
        margin-left: 0px;
        margin-right: 0px;
    }
    .match-place span {
        display: block;
        margin-left: 0px;
        margin-right: 0px;
    }
    .match-results {
        margin-bottom: 0px;
        padding-top: 0px;
    }
    h1, .page-title, .scores-title {
        font-size:26px;
    }
    h2 {
        font-size:22px;
    }
    h3 {
        font-size:20px;
    }
    h4 {
        font-size:18px;
    }
    h5 {
        font-size:16px;
    }
    h6 {
        font-size:14px;
    }
    #header .logo span {
        font-size:26px;
    }
	
	.section-head-title {
		top: -5px; /* Adjust the position as needed */
	}
	
	.event_back {
		height: 150px;
		
	}

	.event_box {
		flex: 0 0 130px;
		height: 130px;
		width: 130px;
		margin: 10px 17px 10px 17px;
		font-size: 16px;
	}
	
	.training_back {
		height: 130px;
	}
	
	.training_box {
		flex: 0 0 130px;
		height: 110px;
		margin: 10px 17px 10px 17px;
	}
	
	.training_box img {
		width: 130px;
	}
}
@media only screen and (max-width:800px) {
    .ytv-list .ytv-thumb img{
        width: 80px;
    }
    .ytv-list .ytv-content{ 
        padding-left: 85px; 
    }
	
	.photo-box {
        width: calc(50% - 30px); /* Two photos per row with spacing */
    }
}

@media only screen and (max-width:720px) {
	.event_back {
		height: 140px;
		
	}

	.event_box {
		flex: 0 0 120px;
		height: 120px;
		width: 120px;
		margin: 10px 17px 10px 17px;
		font-size: 16px;
	}
	
	.training_back {
		height: 120px;
	}
	
	.training_box {
		flex: 0 0 120px;
		height: 100px;
		margin: 10px 17px 10px 17px;
	}
	
	.training_box img {
		width: 120px;
	}
	/*
	.flex-direction-nav a {
		width: 30px;
		height: 30px;
	}*/
	
	.row-commitee {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: auto auto;
  }

  .cell-commitee.title-commitee {
    grid-column: 1 / 2;
    grid-row: 1 / 3; /* span two rows */
  }

  .cell-commitee:nth-child(2) { grid-column: 2; grid-row: 1; }
  .cell-commitee:nth-child(3) { grid-column: 3; grid-row: 1; }
  .cell-commitee:nth-child(4) { grid-column: 4; grid-row: 1; }

  .cell-commitee:nth-child(5) { grid-column: 2; grid-row: 2; }
  .cell-commitee:nth-child(6) { grid-column: 3; grid-row: 2; }
  .cell-commitee:nth-child(7) { grid-column: 4; grid-row: 2; }
  
  /* For combined-commitee row — merged cell-commitee spans 3 columns next to title-commitee */
  .row-commitee.combined-commitee .cell-commitee.title-commitee {
    grid-column: 1 / 2;
    grid-row: 1;
  }
  .row-commitee.combined-commitee .cell-commitee.merged {
    grid-column: 2 / 5; /* spans columns 2, 3, and 4 */
    grid-row: 1;
  }
  
  .row-commitee.full-width {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
  }

  .row-commitee.full-width .cell-commitee {
    grid-column: 1 / 5; /* span all 4 columns */
  }
  
  .row-commitee.full-width-hr {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
  }

  .row-commitee.full-width-hr .cell-commitee {
    grid-column: 1 / 5; /* span all 4 columns */
  }
}

@media only screen and (max-width:640px) {
    #header .logo span {
        margin:0px;
        float: left;
        display: block;
        width: 100%;
    }
    #header .logo {
        text-align: center;
    }
    #header .logo img {
        float: none;
        margin-bottom: 15px;
    }
    #header .logo span:after {
        display:none;
    }
    #youtube-wrapper{
	height: 600px;
    }
    .ytv-list .ytv-thumb img{
        display: none !important;
    }
    .ytv-list .ytv-content{
        padding-left: 5px !important;
    }
    .ytv-list-header img,.ytv-list .ytv-playlists .ytv-thumb img{
        display: none !important;
    }
    .ytv-list-header span{
        font-size: 14px;
    }
    .ytv-video{
        right: 0;
	}
    .ytv-list{
    width: 100%;
        margin-top: 300px;
        height: 300px;
	}
    .ytv-video iframe{
		height: 300px;
    }
	
	.section-head-title {
		font-size: 18px;
	}
	
	.section-head-image {
		display: none;
	}

	.section-head-image-m {
		display: block;
	}
	
	.list-leftcontainer {
		width: 20%;
	}
	.list-rightcontainer {
		width: 80%;
	}

	#header .logo{
		display: none;

	}
	
	
	#header .logo_m{
		display: inline-block;

	}
	
	.photo-list-box {
		width: 33.33%;
	}
	
	.event_back {
		height: auto;
        flex-direction: column; /* Stack items vertically */
    }

    .event_box {
        width: 98%; /* Make each box take up the full width */
		height: 60px;
		font-size: 18px;
		flex: 0 0 60px;
		margin: 5px;
		
    }
	
	.training_back {
		height: 280px;
	}
	
	.training_box {
        flex: 1 1 30%;
    }
	
	h1 {
		font-size:16px;
	}
}
@media only screen and (max-width:480px) {
    .team-gallery li {
        width:100% !important;
    }
    .filters li a {
        line-height: 3;
    }
	
	#header .logo{
		display: none;

	}
	
	
	#header .logo_m{
		display: inline-block;

	}
	
	.section-head-title {
		top: -10px; /* Adjust the position as needed */
	}
	
	.section-head-image {
		display: none;
	}

	.section-head-image-m {
		display: block;
	}
	
	h1 {
		font-size:16px;
	}
	
	.flex-title p {
		display: none;
	}
	
	.flex-title {
       height: 25%;
	   text-align: center;
    }
}

@media only screen and (max-width:430px) {
	.list-leftcontainer {
		width: 25%;
	}
	.list-rightcontainer {
		width: 75%;
	}
	
	.list_title_b {
		font-size: 16px;
	}
	
	.index_list_title {
		font-size: 16px;
	}
}