/*  1350px  */
@media all and (max-width: 1479px) {

.grid-1280 { width:1280px;}
	
.slider-1, .slider-2, .slider-3, .slider-4, .slider-5, .slider-6, .slider .slide { height:450px;}

.banner-caption h2 {padding-top:7%; padding-bottom:0px;}
	
	
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	

	
}




/*  980px  */
@media all and (max-width: 1239px) {

.grid-1280 { width:920px;}
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	
	

.responsive-menu-icon {display:block; }
	
.top-logo {  display: block;  margin: 13px auto 5px 0;  width: 90px;}	

.top-socialmedia span {display:none;}

.top-socialmedia {  margin-top: 18px;  margin-right: 80px;}

.top-navigation {display:none;}

.top-navigation a {width:100%; border:0px; text-align:left; border-top: 1px solid #fff; padding:12px 20px;}

.top-navigation a:hover { background-color:#2ba86e;}

.top-navigation .grid-1280 {border:0px; width:100%;}
	
.slider-1, .slider-2, .slider-3, .slider-4, .slider-5, .slider-6, .slider .slide { height:370px;}	
	
.banner-caption h2 {padding-top:7%; padding-bottom:0px; font-size:80px; line-height:100px; }	

.top-socialmedia {    margin-top: 23px;  }

.aboutus img {width:100%; display:block; }

h2 {  padding: 0px 0px 20px 0px;  font-size: 48px;}

.banner-caption h2 {    font-size: 60px;}

.upcoming-matches .col-1-of-4 {width:50%;}

.our-coach .col-1-of-4 {width:50%; margin-bottom:30px;}

footer {  padding: 30px 0px;}

.fun-club {  padding: 30px 0px 40px 0px;}

.video1, .video2 {  height: 250px;}

.video1 a img, .video2 a img {  width: 80px !important;}
	
}




/*  768px  */
@media all and (max-width: 979px) {

.grid-1280 { width:740px;}	

.col-1-of-4  {width: 50%;}	

.col-1-of-5  {width: 33.33%;}	

.col-1-of-6  {width: 33.33%;}	

.col-1-of-7  {width: 25%;}	

.col-1-of-8  {width: 25%;}	
		
.col-1-of-9  {width: 20%;}	
		
.col-1-of-10  {width: 20%;}	
	
.col-1-of-11  {width: 16.66%;}
	
.col-1-of-12 {width: 16.66%;}
	
.col-5-of-8 {    width: 75%;	}
	
.col-3-of-9 {    width: 40.00%;	}
	
.col-1-of-9 {    width: 25%;}	
	
.col-2-of-9 {    width: 25%	}
	
.col-3-of-9 {    width: 50%;}	
	
.col-3-of-8 {    width: 50%;	}

.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	

	
.slider-1, .slider-2, .slider-3, .slider-4, .slider-5, .slider-6, .slider .slide { height:320px;}	
	
.banner-caption h2 {padding-top:7%; padding-bottom:0px; font-size:60px; line-height:80px; }	

.slider .slider_left, .slider .slider_right {top:36%; padding:0px;}

.slider_left img, .slider_right img { width:50px;}

h2 {    font-size: 36px;  }

.upcoming-matches {padding:40px 0px;}

.our-team .col-1-of-3 {width:50%;}

.videos .col-1-of-2 {width:100%;}

.video1, .video2 {    height: 400px;  }

.showcase {  width: 50%;}

footer .col-1-of-4 {height:400px;}

	
	
}





/*  640px  */
@media all and (max-width: 767px) {

.grid-1280 { width:600px;}	
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 
	
.slider-1, .slider-2, .slider-3, .slider-4, .slider-5, .slider-6, .slider .slide { height:320px;}	
	
.banner-caption h2 {padding-top:7%; padding-bottom:0px; font-size:40px; line-height:60px; }	

.banner-caption p {  max-width: 450px;  font-size: 18px;}
	
.aboutus .col-1-of-2 {width:100%;}	

.aboutus {  padding-top: 30px;}
	
.aboutus img {width:80%; margin:auto; margin-bottom:30px;}

.video1, .video2 {   height: 330px;  }
	
}





/*  480px  */
@media all and (max-width: 639px) {

.grid-1280 { width:440px;}	
	
.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	

.col-1-of-3  {width: 100%; float: none;}	
	
.col-1-of-4  {width: 100%; float: none;}	

.col-1-of-5  {width: 100%; float: none;}	

.col-1-of-6  {width: 50%;}	

.col-1-of-7  {width: 33.33%;}	

.col-1-of-8  {width: 33.33%;}
		
.col-1-of-9  {width: 33.33%;}
		
.col-1-of-10  {width: 33.33%;}
	
.col-1-of-11  {width: 33.33%;}
	
.col-1-of-12 {width: 33.33%;}
	
.top-socialmedia {display:none;}	


.slider-1, .slider-2, .slider-3, .slider-4, .slider-5, .slider-6, .slider .slide { height:270px;}	
	
.banner-caption h2 {padding-top:7%; padding-bottom:0px; font-size:30px; line-height:40px; }	

.banner-caption p {  max-width: 350px;  font-size: 16px;}
	
.aboutus img {    width: 100%;  }
	
.aboutus p, .aboutus h2 {  padding-left: 0px;}	

.aboutus .readmore {margin-left:0px;}

.upcoming-matches .col-1-of-4 {    width: 100%;  }

.our-associates .col-1-of-4 {  width: 50%;  float: left; margin-bottom:10px;}

.our-coach .col-1-of-4 {    width: 100%;  }

.our-team .col-1-of-3 {width:100%;}

.our-coach {  padding: 30px 0px 10px 0px;}

.our-team p {height:auto;}

.video1, .video2 {   height: 240px;  }

#form-area {  padding: 20px;}

.submit-button, .textbox1, .textbox2 {  width: 98%;}

footer .col-1-of-4 {    height: auto;    margin-bottom: 30px;  }



	
}




/*  360px  */
@media all and (max-width: 479px) {

.grid-1280 { width:320px;}	
	
.col-1-of-6  {width: 100%; float: none;}	

.col-1-of-7  {width: 50%;}	

.col-1-of-8  {width: 50%;}
		
.col-1-of-9  {width: 50%;}
		
.col-1-of-10  {width: 50%;}
	
.col-1-of-11  {width: 50%;}
	
.col-1-of-12 {width: 50%;}	
	

.slider-1, .slider-2, .slider-3, .slider-4, .slider-5, .slider-6, .slider .slide { height:240px;}	
	
.banner-caption h2 {padding-top:7%; padding-bottom:0px; font-size:25px; line-height:35px; }	

.banner-caption p {  max-width: 250px;  font-size: 14px;}
	
h2 {   font-size: 30px;  }	

.video1, .video2 {    height: 170px;  }

	
}