@media only screen and (min-width: 1000px) and (max-width: 1169px) {	
.container{width:980px; position:relative; }
#cssmenu > ul > li{margin:0 20px 0 0;}
.banner-left{width:55%; padding:100px 0 0 0;}
.banner-left h3{font-size:50px; line-height:50px;}
.flexslider .slides > li{min-height:450px;}

.about-left {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0px;
}
.about-mid {
    width: 60%;
    float: left;
    margin: 0px;
    padding: 0 0 0 0;
}
.news_area .date{width:10%;}
.news_area .details{width:88%}

}


@media only screen and (min-width: 768px) and (max-width: 999px) {	
.container{ width:737px; position:relative; }
.menu{width:45%;margin:25px 0 0 0%;}
 
.banner-left{width:80%; padding:100px 0 0 0;}
.banner-left h2 {
    margin: 0px 0 5px 0;
    padding: 0px;
    font-size: 50px;
    line-height: 50px;
}
.banner-left p { margin: 0px 0 10px; font-size: 20px;}
	
.flexslider .slides > li{min-height:400px;}

.banner{background-attachment:scroll;}

.about-section{width:100%; float:left; margin:-40px 0 0 0; padding:90px 0 70px; } 
.about-left {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0px;
}
.about-mid {
    width: 60%;
    float: left;
    margin: 0px;
    padding: 0 0 0 0;
}
.we_run_area ul li {
    width: 95%;
    float: left;
    margin: 0px 4% 30px 0;
    padding: 0px;
    list-style: none;
}
.we_run_area ul li .text{ min-height:auto;}
.we_run_area ul li .map_img img{max-width:100%; height:auto; margin: 20px 0 0 0;}
 
.contact_area_left{width:100%; float:left; margin:0px; padding:0px 0; } 
.contact_area_right{width:100%; float:right; margin:20px 0 0 0; padding:0px 0; }

.contact-links{width:45%; float:left; margin:0px; padding:0px;}
.quick-links{width:15%; float:left; margin:0px; padding:0px;}
.footer-left{width:30%; float:left; margin:0px 30px 0 0; padding:0px; text-align:left} 
.footer-left img {width: 100%;height: auto}

.about_page .club_committee_area .committee_member { width: 50%;}
.about_page .club_committee_area .committee_member ul li {
    width: 98%;
    float: left;}
.about_page .club_committee_area .sub_committee { width: 45%; float: right; margin: 25px 0 0 0;}

.news_area .date{width:15%;}
.news_area .details{width:81%}
} 



@media only screen and (min-width: 480px) and (max-width: 767px) {		
.container{ width:95%; position:relative; }
.menu{width:35%;margin:25px 0 0 0%;}
.logo{ margin-left:0%;}
 
.banner-left{width:80%; padding:100px 0 0 0;}
.banner-left h2 {
    margin: 0px 0 5px 0;
    padding: 0px;
    font-size: 50px;
    line-height: 50px;
}
.banner-left p { margin: 0px 0 10px; font-size: 20px;}
	
.flexslider .slides > li{min-height:400px;}

.banner{background-attachment:scroll;}

.about-section{width:100%; float:left; margin:-40px 0 0 0; padding:90px 0 70px; } 
.about-left {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0px;
}
.about-mid {
    width: 60%;
    float: left;
    margin: 0px;
    padding: 0 0 0 0;
}
.we_run_area ul li {
    width: 95%;
    float: left;
    margin: 0px 4% 30px 0;
    padding: 0px;
    list-style: none;
}
.we_run_area ul li .text{ min-height:auto;}
.we_run_area ul li .map_img img{max-width:100%; height:auto; margin: 20px 0 0 0;}
 
.contact_area_left{width:100%; float:left; margin:0px; padding:0px 0; } 
.contact_area_right{width:100%; float:right; margin:20px 0 0 0; padding:0px 0; }

.contact-links{width:45%; float:left; margin:0px; padding:0px;}
.quick-links{width:15%; float:left; margin:0px; padding:0px;}
.footer-left{width:100%; float:left; margin:0px 30px 0 0; padding:0px; text-align:left} 
.footer-left img {width: 100%;height: auto}
	.footer-left, .contact-links, .quick-links{
		width:100%!important;
	}
	.footer-left h2, .contact-links h2, .quick-links h2 {
		margin-top:20px!important;
	}

.about_page .club_committee_area .committee_member { width: 50%;}
.about_page .club_committee_area .committee_member ul li {
    width: 98%;
    float: left;}
.about_page .club_committee_area .sub_committee { width: 45%; float: right; margin: 25px 0 0 0;}

.about_banner { min-height: 350px; }
.news_banner{ min-height: 350px; } 
.routes_banner{ min-height: 350px; } 
.about_banner h2{   padding:120px 0 0 0; font-size:5px; line-height:60px; } 
.news_banner h2{   padding:120px 0 0 0; font-size:50px; line-height:60px; } 
.routes_banner h2{   padding:120px 0 0 0; font-size:50px; line-height:60px; }

.routes_img ul li{width:100%; float:left; margin:1.5% 0; }

.news_area .date{width:16%;}
.news_area .details{width:80%}

} 


@media only screen and (max-width: 479px) {
.container{ width:95%; position:relative;}
.menu{margin:0px 0 0px 0%;  right:0px; top:20px;}
.logo{width:auto; margin-left:0; margin:20px 0 0 0}


.banner-left{width:100%; padding:100px 0 0 0; text-align:center;}
.banner-left h2 { width:100%;
    margin: 0px 0 5px 0;
    padding: 0px;
    font-size: 50px;
    line-height: 50px;
}
.join-now {
    width: 187px;
    float: left;
    margin: 0 0 0 25%;}
.banner-left p { margin: 0px 0 10px; font-size: 20px;}
	
.flexslider .slides > li{min-height:400px;}

.banner{background-attachment:scroll;}

.about-section{width:100%; float:left; margin:-40px 0 0 0; padding:60px 0 40px; }
.about-left h2 {
    float: left;
    margin: 0px 0 20px 0;
    padding: 0px;
    font-size: 36px;
    color: #fe0000;
    font-weight: 900;
    line-height: 39px;
    text-transform: uppercase;
} 
.about-left {
    width: 100%;
    float: left;
    margin: 0 0 0px 0;
    padding: 0px;
}
.about-mid {
    width:100%;
    float: left;
    margin: 0px;
    padding: 0 0 0 0;
}

.about-right {
    width: 100%;
    float: right;
    margin: 20px 0 0 0;
    padding: 0px;
    text-align: center;
}
.we_run_area h2 {
    float: left;
    margin: 0px 0 30px 0;
    padding: 0px;
    font-size: 48px;
}
.we_run_area ul li {
    width: 95%;
    float: left;
    margin: 0px 4% 30px 0;
    padding: 0px;
    list-style: none;
}
.we_run_area ul li .text{ min-height:auto;}
.we_run_area ul li .map_img img{max-width:100%; height:auto; margin: 20px 0 0 0;}
 
.contact_area_left{width:100%; float:left; margin:0px; padding:0px 0; } 
.contact_area_right{width:100%; float:right; margin:20px 0 0 0; padding:0px 0; }

.contact_area_right ul li span{width:100%; float:left; margin:0px 0 0px; padding:0px 0 10px; }

.text-field{width:100%; float:right; margin:0px; padding:0 10px; }
.text-area{width:100%;}


.contact-links{width:100%; float:left; margin:0px 0 30px ; padding:0px;}
.quick-links{width:100%; float:left; margin:0px; padding:0px;}
.footer-left{width:90%; float:left; margin:0px 0px 30px 0; padding:0px; text-align:left} 
.footer-left img {width: 100%;height: auto}


.about_page_content_left {
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
    padding: 0px;
    text-align: center;
}
.about_page_content_right {
    width: 100%;
    float: right;
    margin: 0px;
    padding: 0px;
}
.about_page .blue_box_content_left {
    width: 100%;
    float: left;
    margin: 0px 0;
    padding: 0px 30px 0 0;
    border-right: none;
}
.about_page_content_right p {    font-size: 16px;}

.about_page .club_committee_area img{ width:100%; height:auto;}

.about_page .blue_box_content_right { width: 100%; margin:20px 0 0 0}
.about_page .club_committee_area .committee_member { width: 100%;}
.about_page .club_committee_area .committee_member ul li {
    width: 98%;
    float: left;}
.about_page .club_committee_area .sub_committee { width: 100%; float: right; margin: 0px 0 0 0;}

.about_banner { min-height: 300px; }
.news_banner{ min-height: 300px; } 
.routes_banner{ min-height: 300px; } 
.about_banner h2{   padding:120px 0 0 0; font-size:5px; line-height:60px; } 
.news_banner h2{   padding:120px 0 0 0; font-size:50px; line-height:60px; } 
.routes_banner h2{   padding:120px 0 0 0; font-size:50px; line-height:60px; } 
 
.routes_img ul li{width:100%; float:left; margin:1.5% 0; }


.news_area .date{width:16%;}
.news_area .date span{ line-height:18px;}
.news_area .details{width:80%}

}

@media only screen and (max-width: 600px) {
    .contact-page-left, .getintouch-nw, .blue_box_content_left, .blue_box_content_right {
        width: 100%!important;
    }
    .wp-block-column {
        padding: 0 20px!important;
    }
    .contact_area {
        padding: 14px 0;
    }
    .getintouch-nw, .blue_box_content_left, .blue_box_content_right {
        width: 100%!important;
    }
    .getintouch-nw {
        margin-top:20px;
    }
}


@media only screen and (min-width: 568px) and (max-width: 600px) {
 
}


@media only screen and (min-width: 414px) and (max-width: 500px) {
 
}


@media only screen and (min-width: 736px) and (max-width: 758px) {
 
}