@media only screen and (min-width:768px) and (max-width:999px){
	
	.wrapper{ max-width:730px; }
	.gap{ min-height:209px; }
	.body_contnt_area{ padding:10px; }
	.right_hdr_area{ width:45%; }
	.follow{ width:95%; }
	.left_hdr_area{ margin-top:30px; }
	.menu li a{ padding:15px 8px; font-size:15px; }
	.affilates_area{ width:49%; }
	.events_area{ width:38%; }
	.events_area ul li span{ margin-top:0; }
	.affilates_area img{ margin-bottom:10px; }
	
	.variation{ width:36%; }
	.variation h2, .bio h2{ font-size:27px; }
	.bio{ width:51%; padding:15px 15px 15px 30px; }
	.inr_midl_section img{ margin-bottom:20px; }
	.bio ul li img{ margin-top:8px; }
	.bio h2{ margin-bottom:5px; }
	
}

@media only screen and (max-width:767px){
	
	.wrapper{ max-width:418px; }
	 header{ position:relative; }
	.gap{ display:none; }
	.menu {
display:none;
}
.mobile-menu {
display:block;
width:96%;
/*border-radius:8px;
margin-top:100px;*/
background:#0395cf;
}
.menu {
display:none;
}
.mobile-menu {
display:block;
width:98%;
/*border-radius:8px;
margin-top:100px;*/
background:url(../images/nav_texture.jpg) repeat left top; 
padding:1%;
}
nav {
margin:0;
background:none;
}
.menu li {
display:block;
margin:0;
background:none;
}
.menu li a {
color:#000;
border-top:1px solid #e0e0e0;
padding:10px;
/*border-left:3px solid #ffffff;*/
}
.menu li a:hover, .menu li:hover>a {
	background:#fab251;
    color:#fff; font-weight:normal;
	border-bottom:none;
/*border-left:3px solid #9CA3DA;*/
}
.menu ul {
display:block;
position:relative;
top:0;
left:0;
width:100%;
}
.menu ul ul {
left:0;
}

.right_hdr_area{ width:100%; float:left; }
.follow {
    float: none;
    margin: -5px auto 0;
    width: 75%;
}
.login_area {
    float: none;
    margin: 0 auto;
}
.hdr_btn_area {
    float: none;
    margin: 12px auto;
    width: 58%;
}
.hdr_btn_area ul li{ margin:0 7px; }

.left_hdr_area{ float:none; margin:0 auto; }

.vdo_area{ width:99.5%; }

.wlcm_area{ width:100%; margin-top:10px; }

.affilates_area{ background:none; padding:1% 5% 5% 5%; width:90%; }

.events_area{ padding:0 5% 5%; width:90%; }

.affilates_area img{ margin-bottom:10px; }

.vdo_area{ margin-top:0px; }

.inr_midl_section img{ float:none; margin-bottom:10px; }

.variation{ width:90%; }

.bio{ padding:0 20px 20px; width:90%; background:none; }

.cntct_area{ width:100%; padding-right:0; background:none; padding-bottom:20px; }

.adrs_area{ width:100%; }

.affilates_area{ min-height:350px; }
	
}


@media only screen and (max-width:479px){
	
	.wrapper{ max-width:260px; }
	.body_contnt_area{ padding:5px 10px; }
	.follow{ width:100%; background-size:contain; }
	.socl{ width:60%; margin-left:5px; }
	.hdr_btn_area{ width:94%; }
	.socl ul li{ margin:5px 0; }
	.socl{ margin-left:1px; width:66%; }
	.left_hdr_area{ width:100%; }
	.logo{ width:100%; text-align:center; }
	.founder{ width:100%; margin:0; text-align:center; }
	.wlcm_area h2{ font-size:28px; }
	.events_area ul li span{ margin-top:-6px; }
	#nt-example1 li{ line-height:15px; }
	.vdo_area{ margin-top:5px; }
	
	.inr_midl_section{ padding:10px; }
	.inr_midl_section img{ max-width:98%; margin:0 0 6px 0; }
	.inr_midl_section h2, .variation h2{ font-size:20px; }
	.variation{ padding:10px; }
	.bio{ padding:0 10px 20px; }
	.bio ul li{ margin-bottom:20px; }
	.bio ul li img{ margin-bottom:5px; }
	
}