/** Responsive CSS **/

/**** Width for 1024 * 768   **/
@media only screen and (max-width: 1250px),(min-device-width: 768px) and (max-device-width: 1024px)  {

#sub_footer ul{float:none; display:inline-block; text-align:center; width:100%; margin:10px 0;}
.join_input{width:255px !important;}
.share_post_btn{margin-right:2px}
#sidemenu{width: 260px;}
#sub_footer{width: 100%; margin: 0 0 0 30px;}
	.post_field_tag_select{width:280px;}
	.comments_rights .title .share_avatar_img img{width:100%;}	
}

/* ============================= 768px  ====================== */

@media screen and (min-width: 768px) and (max-width: 1023px)
{
	#sub_footer ul{float:none; display:inline-block; text-align:center; width:100%; margin:10px 0;}
.join_input{width:230px !important;}
.share_post_btn{margin-right:2px}
#sidemenu{width: 260px;}
#sub_footer{width: 100%; margin: 0 0 0 0px;}
	.post_field_tag_select{width:280px;}
.col-md-9{float:left; width:65%; padding:5px;}
.col-md-3{float:left; width:35%; padding:5px;}
.col-md-3 .calender_link_box #test a img{width:100%;}
#sub_footer .calender_link_box #test a img{width:100%;}
.calender_link_box{width:100%;}
#sub_header{width:100%;}
.calender_link_box img{width:100% !important; height:auto !important}
.left_connection{width:100% !important}
.page_sizer_wide{width:100% !important}
.profile_left_block{width:85% !important}
.profile_right_block{width:auto}
.profile_details_div{width:50%;}
.fleft{width:48%;}
.fright{width:48%;}
.edit_profile_right {margin-right: 0px;}
.left_top_links .fleft, .left_top_links .fright{width:auto !important}
.profile_summary{width:100%;}
#content{width:62%;}
#sidemenu {width: 35%;}
.submit_page{width:700px; float:left}
.comments_rights .title .share_avatar_img img{width:100%;}	
.event_container{width:100%;}
.event_name{width:60%;}
#maincontent{min-height: 600px;}
.profile_full_name{margin-bottom:5px; font-size:18px;}
.post_button_container{margin-left:15px;}
.post_title_container{width:65%;}
}


/* ============================= 720px  ====================== */

@media screen and (min-width: 720px) and (max-width: 767px)
{
	#sub_footer ul{float:none; display:inline-block; text-align:center; width:100%; margin:10px 0;}
.join_input{width:100% !important;}
.share_post_btn{margin-right:2px}
#sidemenu{width: 260px;}
#sub_footer{width: 100%; margin: 0 0 0 0px;}
	.post_field_tag_select{width:280px;}
.col-md-9{float:left; width:65%; padding:5px;}
.col-md-3{float:left; width:35%; padding:5px;}
.col-md-3 .calender_link_box #test a img{width:100%;}
#sub_footer .calender_link_box #test a img{width:100%;}
.calender_link_box{width:100%;}
#sub_header{width:100%;}
.calender_link_box img{width:100% !important; height:auto !important}
.left_connection{width:100% !important}
.page_sizer_wide{width:100% !important}
.profile_left_block{width:85% !important}
.profile_right_block{width:auto}
.profile_details_div{width:50%;}
.fleft{width:48%;}
.fright{width:48%;}
.edit_profile_right {margin-right: 0px;}
.left_top_links .fleft, .left_top_links .fright{width:auto !important}
.profile_summary{width:100%;}
#content{width:62%;}
#sidemenu {width: 35%;}
.submit_page{width:650px; float:left}	
#categories .collapse{ display: block !important;    float: left !important;    width: 100% !important;}
.subnav .nav > li > a{	padding:0 15px !important; line-height:14px !important}
.nav > li{float:left}
.navbar-nav {    float: left !important;      width: 100%;}
.navbar-header{float:left; width:85%;}
.navbar-right{float:right}
.navbar-header .navbar-toggle{display:none}
.comments_rights .title .share_avatar_img img{width:100%;}	
.event_container{width:100%;}
.event_name{width:60%;}
#maincontent{min-height: 600px;}
.post_title_container{width:65%;}
.post_button_container{margin-left:15px;}
}


/* ============================= 600px  ====================== */


@media screen and (min-width: 600px) and (max-width: 719px)
{
	#sub_footer ul{float:none; display:inline-block; text-align:center; width:100%; margin:10px 0;}
.join_input{width:100% !important;}
.share_post_btn{margin-right:2px}
#sidemenu{width: 260px;}
#sub_footer{width: 100%; margin: 0 0 0 0px;}
	.post_field_tag_select{width:230px;}
.col-md-9{float:left; width:100%; padding:5px;}
.col-md-3{float:left; width:50%; padding:5px; margin:0 0 0 150px;}
.col-md-3 .calender_link_box #test a img{width:100%;}
#sub_footer .calender_link_box #test a img{width:100%;}
.calender_link_box{width:100%;}
#sub_header{width:100%;}
.calender_link_box img{width:100% !important; height:auto !important}
.left_connection{width:100% !important}
.page_sizer_wide{width:100% !important}
.profile_left_block{width:75% !important}
.profile_full_name{font-size:15px;}
.profile_right_block{width:auto}
.profile_details_div{width:50%;}
.fleft{width:48%;}
.fright{width:48%;}
.edit_profile_right {margin-right: 0px;}
.left_top_links .fleft, .left_top_links .fright{width:auto !important}
.profile_summary{width:100%;}
#content{width:66%;}
#sidemenu {width: 30%;}
.submit_page{width:550px; float:left}	
#categories .collapse{ display: block !important;    float: left !important;    width: 100% !important;}
.subnav .nav > li > a{	padding:0 15px !important; line-height:14px !important}
.nav > li{float:left}
.navbar-nav {    float: left !important;      width: 100%;}
.navbar-header{float:left; width:85%;}
.navbar-right{float:right}	
.post_text_container {float: right; margin-top: 15px; width: 75%;}
.navbar-header .navbar-toggle{display:none}
.comments_rights .title .share_avatar_img img{width:100%;}	
.post_button_container{margin-left:15px;}
.join_page{width:100%;}
.signin_container{width:99%;}
.join_steps_main{float:left; margin:20px 0px 20px 5px;}
.sign_social_btn{margin-bottom:10px;}
}

/* ============================= 568px  ====================== */


@media screen and (min-width: 568px) and (max-width: 599px)
{
#sub_footer ul{float:none; display:inline-block; text-align:center; width:100%; margin:10px 0;}
.join_input{width:100% !important;}
.share_post_btn{margin-right:2px}
#sidemenu{width: 260px;}
#sub_footer{width: 100%; margin: 0 0 0 0px;}
	.post_field_tag_select{width:230px;}
.col-md-9{float:left; width:100%; padding:5px;}
.col-md-3{float:left; width:50%; padding:5px; margin:0 0 0 150px;}
.col-md-3 .calender_link_box #test a img{width:100%;}
#sub_footer .calender_link_box #test a img{width:100%;}
.calender_link_box{width:100%;}
#sub_header{width:100%;}
.calender_link_box img{width:100% !important; height:auto !important}
.left_connection{width:100% !important}
.page_sizer_wide{width:100% !important}
.profile_left_block{width:75% !important}
.profile_full_name{font-size:14px;}
.profile_right_block{width:auto}
.profile_details_div{width:50%;}
.fleft{width:48%;}
.fright{width:48%;}
.edit_profile_right {margin-right: 0px;}
.left_top_links .fleft, .left_top_links .fright{width:auto !important}
.profile_summary{width:100%;}
#content{width:100%; margin-left:0;}
#sidemenu {width: 100%;}
.submit_page{width:100%; float:left}	
#categories .collapse{ display: block !important;    float: left !important;    width: 100% !important;}
.subnav .nav > li > a{	padding:0 15px !important; line-height:14px !important}
.nav > li{float:left}
.navbar-nav {    float: left !important;      width: 100%;}
.navbar-header{float:left; width:85%;}
.navbar-right{float:right}	
.post_text_container {float: right; margin-top: 15px; width: 75%;}	
.comments_rights .title .share_avatar_img img{width:100%;}	
.join_page{width:100%;}
.signin_container{width:100%;}
.sign_social_btn{margin-top:10px;}
.page_container{width:100%}
.navbar-header .navbar-toggle{display:none}

}

/* ============================= 534px  ====================== */

@media screen and (min-width: 534px) and (max-width: 567px)
{
#sub_footer ul{float:none; display:inline-block; text-align:center; width:100%; margin:10px 0;}
.join_input{width:100% !important;}
.share_post_btn{margin-right:2px}
#sidemenu{width: 260px;}
#sub_footer{width: 100%; margin: 0 0 0 0px;}
	.post_field_tag_select{width:230px;}
.col-md-9{float:left; width:100%; padding:5px;}
.col-md-3{float:left; width:60%; padding:5px; margin:0 0 0 110px;}
.col-md-3 .calender_link_box #test a img{width:100%;}
#sub_footer .calender_link_box #test a img{width:100%;}
.calender_link_box{width:100%;}
#sub_header{width:100%;}
.calender_link_box img{width:100% !important; height:auto !important}
.left_connection{width:100% !important}
.page_sizer_wide{width:100% !important}
.profile_left_block{width:75% !important}
.profile_full_name{font-size:14px;}
.profile_right_block{width:auto}
.profile_details_div{width:50%;}
.fleft{width:48%;}
.fright{width:48%;}
.edit_profile_right {margin-right: 0px;}
.left_top_links .fleft, .left_top_links .fright{width:auto !important}
.profile_summary{width:100%;}
#content{width:100%; margin-left:0;}
.comments_rights .title .share_avatar_img img{width:100%;}	
#sidemenu {width: 100%;}
.submit_page{width:100%; float:left}	
#categories .collapse{ display: block !important;    float: left !important;    width: 100% !important;}
.subnav .nav > li > a{	padding:0 15px !important; line-height:14px !important}
.nav > li{float:left}
.navbar-nav {    float: left !important;      width: 100%;}
.navbar-header{float:left; width:83%;}
.navbar-right{float:right}	
.post_text_container {float: right; margin-top: 15px; width: 75%;}	
.join_page{width:100%;}
.signin_container{width:100%;}
.sign_social_btn{margin-top:10px;}
.page_container{width:100%}	
.navbar-header .navbar-toggle{display:none}
	
}

/* ============================= 480px  ====================== */


@media screen and (min-width: 480px) and (max-width: 533px)
{
#sub_footer ul{float:none; display:inline-block; text-align:center; width:100%; margin:10px 0;}
.join_input{width:100% !important;}
.share_post_btn{margin-right:2px}
#sidemenu{width: 260px;}
#sub_footer{width: 100%; margin: 0 0 0 0px;}
	.post_field_tag_select{width:100%;}
.col-md-9{float:left; width:100%; padding:5px;}
.col-md-3{float:left; width:60%; padding:5px; margin:0 0 0 110px;}
.col-md-3 .calender_link_box #test a img{width:100%;}
#sub_footer .calender_link_box #test a img{width:100%;}
.calender_link_box{width:100%;}
#sub_header{width:100%;}
.calender_link_box img{width:100% !important; height:auto !important}
.left_connection{width:100% !important}
.page_sizer_wide{width:100% !important}
.profile_left_block{width:75% !important}
.profile_full_name{font-size:14px;}
.profile_right_block{width:auto}
.profile_details_div{width:50%;}
.fleft{width:48%;}
.fright{width:48%;}
.edit_profile_right {margin-right: 0px;}
.left_top_links .fleft, .left_top_links .fright{width:auto !important}
.profile_summary{width:100%;}
#content{width:100%; margin-left:0;}
#sidemenu {width: 100%;}
.submit_page{width:100%; float:left}	
#categories .collapse{ display: block !important;    float: left !important;    width: 100% !important;}
.subnav .nav > li > a{	padding:0 10px !important; line-height:14px !important}
.nav > li{float:left}
.navbar-nav {    float: left !important;      width: 100%;}
.navbar-header{float:left; width:80%;}
.navbar-right{float:right}	
.post_text_container {float: right; margin-top: 15px; width: 75%;}	
.join_page{width:100%;}
.comments_rights .title .share_avatar_img img{width:100%;}	
.signin_container{width:100%;}
.sign_social_btn{margin-top:10px;}
.page_container{width:100%}		
.navbar-header .navbar-toggle{display:none}
#colorbox{
	margin:0px 10px !important;
	width:95% !important;
}
#cboxContent{
	width:63.3% !important;
}
#cboxTopCenter {
    width: 411px !important;
}
#cboxBottomCenter{
	 width: 411px !important;
}
.standard_popup{width:290px !important}
.event_name{width:250px !important}
}

/* ============================= 384px  ====================== */

@media screen and (min-width: 384px) and (max-width: 479px)
{
#sub_footer ul{float:none; display:inline-block; text-align:center; width:100%; margin:10px 0;}
.join_input{width:85% !important; margin-left: 20px;}
.join_field_title{width:90%; margin-left:20px;}
.sign_btn{ margin-left:20px;}
.share_post_btn{margin-right:2px}
#sidemenu{width: 260px;}
#sub_footer{width: 100%; margin: 0 0 0 0px;}
	.post_field_tag_select{width:100%;}
.col-md-9{float:left; width:100%; padding:5px;}
.col-md-3{float:left; width:80%; padding:5px; margin:0 0 0 30px;}
.col-md-3 .calender_link_box #test a img{width:100%;}
#sub_footer .calender_link_box #test a img{width:100%;}
.calender_link_box{width:100%;}
#sub_header{width:100%;}
.calender_link_box img{width:100% !important; height:auto !important}
.left_connection{width:100% !important}
.page_sizer_wide{width:100% !important}
.profile_left_block{width:100% !important; margin-bottom:10px;}
.profile_full_name{font-size:14px; margin-bottom:5px}
.profile_right_block{width:100%}
.col-md-9 legend{margin-top:40px;}
.profile_details_div{width:100%; margin-bottom:10px;}
.fleft{width:98%;}
.edit_profile_field_title{margin:15px 15px 5px 20px}
.fright{width:98%;}
.edit_profile_right {margin-right: 0px;}
.left_top_links .fleft, .left_top_links .fright{width:auto !important}
.profile_summary{width:100%;}
#content{width:100%; margin-left:0;}
.page_sizer_wide .action_button{margin-left: 20px !important;  float: left !important;} 
#sidemenu {width: 100%;}
.user_header .profile_left_block .profile_details_div{width:70% !important}
.submit_page{width:100%; float:left}	
.comments_rights .title .share_avatar_img img{width:100%;}	
#categories .collapse{ display: block !important;    float: left !important;    width: 100% !important;}
.subnav .nav > li > a{	padding:0 5px !important; line-height:14px !important; font-size:10px !important;}
.nav > li{float:left}
.navbar-nav {    float: left !important;      width: 100%;}
.navbar-header{float:left; width:75%;}
.navbar-right{float:right}	
.post_text_container {float: right; margin-top: 15px; width: 75%;}	
.join_page{width:100%;}
.signin_container{width:100%;}
.sign_social_btn{margin-top:10px;}
.page_container{width:100%}	
.comments_rights .title .share_avatar_img img{width:100%;}	
.comments_rights{width:85%}	
#my_feed_link{margin-right: 10px;}
.navbar-header .navbar-toggle{display:none}
.post_type_link{margin-left: 4px;}
#colorbox{
	margin:0px 10px !important;
	width:95% !important;
}
#cboxContent{
	width:63.3% !important; left: -30px !important;
}
#cboxTopCenter {
    width: 411px !important;
}
#cboxBottomCenter{
	 width: 411px !important;
}
.standard_popup{width:300px !important}
.event_name_link{font-size:14px !important}
.event_container{width:100%;}
.event_date{width:100%; margin:0 0 10px !important;}
.event_name{width:100%; margin:0 0 10px !important;}
.event_location{width:100%; margin:0 0 10px !important;}
}

/* ============================= 320px  ====================== */


@media screen and (min-width: 320px) and (max-width: 383px)
{
	
#sub_footer ul{float:none; display:inline-block; text-align:center; width:100%; margin:10px 0;}
.join_input{width:70% !important; margin-left: 20px;}
.sign_form{width:100%;}
.wide_btn{width:220px;}
.join_logo_div{margin-left:30px !important;}
.join_field_title{width:70%; margin-left:20px;}
.sign_btn{ margin-left:20px;}
.share_post_btn{margin-right:2px}
#sidemenu{width: 260px;}
#sub_footer{width: 100%; margin: 0 0 0 0px;}
	.post_field_tag_select{width:100%;}
.col-md-9{float:left; width:100%; padding:5px;}
.col-md-3{float:left; width:95%; padding:5px; margin:0 0 0 5px;}
.col-md-3 .calender_link_box #test a img{width:100%;}
#sub_footer .calender_link_box #test a img{width:100%;}
.calender_link_box{width:100%;}
#sub_header{width:100%;}
.calender_link_box img{width:100% !important; height:auto !important}
.left_connection{width:100% !important}
.page_sizer_wide{width:100% !important}
.profile_left_block{width:100% !important; margin-bottom:10px;}
.profile_full_name{font-size:14px; margin-bottom:5px}
.profile_right_block{width:100%}
.col-md-9 legend{margin-top:40px;}
.profile_details_div{width:100%; margin-bottom:10px;}
.fleft{width:98%;}
.edit_profile_field_title{margin:15px 15px 5px 20px}
.fright{width:100%;}
.fright .post_field_title{margin-top:5px;}
.edit_profile_right {margin-right: 0px;}
.left_top_links .fleft, .left_top_links .fright{width:auto !important}
.profile_summary{width:100%;}
#content{width:100%; margin-left:0;}
.page_sizer_wide .action_button{margin-left: 20px !important;  float: left !important;} 
#sidemenu {width: 100%;}
.user_header .profile_left_block .profile_details_div{width:70% !important}
.submit_page{width:100%; float:left}	
#categories .collapse{ display: block !important;    float: left !important;    width: 100% !important;}
.subnav .nav > li > a{	padding:0 2px !important; line-height:14px !important; font-size: 9px;}
.nav > li{float:left}
.navbar-nav {    float: left !important;      width: 100%;}
.navbar-header{float:left; width:70%;}
.navbar-right{float:right}	
.post_text_container {float: right; margin-top: 15px; width: 75%;}	
.join_page{width:100%;}
.signin_container{width:100%;}
.sign_social_btn{margin-top:10px;}
.page_container{width:100%}	
.comments_rights .title .share_avatar_img img{width:100%;}	
.comments_rights{width:85%}	
#my_feed_link{margin-right: 10px;}
.post_type_link{margin-left: 4px;}	
.navbar-header .navbar-toggle{display:none}
.navbar-nav {margin: 7px 0px 7px 5px !important;}
.follow_block{width:100%;}
#colorbox{
	margin:0px 10px !important;
	width:95% !important;
}
#cboxContent{
	width:63.3% !important; left: -30px !important;
}
#cboxTopCenter {
    width: 411px !important;
}
#cboxBottomCenter{
	 width: 411px !important;
}
.standard_popup{width:247px !important}
.event_name_link{font-size:12px !important}
.navbar-collapse{padding-left:0 !important; padding-right:0 !important;}
.sign_social_btn:first-child{margin-left:12px !important}
.event_date{width:100%; margin:0 0 5px !important;}
.event_name{width:100%; margin:0 0 5px !important;}
.event_location{width:100%; margin:0 0 5px !important;}
.post_button_container{width:85%; margin-left:15px;}
.event_container{width:100%;}
}