@media screen and (max-width: 1500px){
		#header{
		height:10%;
	}
}

@media screen and (max-width: 1100px) {
	#login_form{
	width : 50% !important;
	margin-top : 4%;
	}
	#header{
		height:10%;
	}
}
@media screen and (max-width: 1098px) {
	#apt_lg_adv{
		position:relative;
		top:20px;
	}
}
@media screen and (max-width: 1074px) {
    #left_section_panel_management{
		width : 26%;
	}
	#right_section_panel_management{
		width : 70%;
	}
		#header{
		height:10%;
	}
}

@media screen and (max-width: 932px) {
	#sign_up_form{
    width : 150% !important;
	position: relative;
	left:20%;
	}
		#header{
		height:10%;
	}
}
@media screen and (max-width: 991px)
{
	#menu_login_friend{
		margin-right:10%;
		padding-bottom:2%;
	}
	#num_msg_shape{
		width:10% !important;
	}
}
@media screen and (max-width: 810px){
	#right_about_us{
		width:100%;
		float:right;
	}
	#left_about_us{
		width:100%;
		float:right;
		position:relative;
		left:5%;
	}
	
}
@media screen and (max-width: 850px) {
    #left_section_panel_management{
		width : 30%;
	}
	#right_section_panel_management{
		width : 66%;
	}
		#header{
		height:10%;
	}
}
@media screen and (max-width: 851px) {
	#addr_rmv_mdi_q{
		display:none;
	}
		#header{
		height:10%;
	}
}

@media screen and (max-width: 810px) {
	#body {
		font-size : 16px;
	}
	.card-title{
	font-size : 18px;
	font-weight : bolder;
	}
	#first_left_sc_crd{
	width : 100%;
	}
		#header{
		height:10%;
	}
}



@media screen and (max-width: 768px)
{
	#num_msg_shape{
		width:13% !important;
	}
}


@media screen and (max-width: 753px) {
    #left_section_panel_management{
		width : 35%;
	}
	#right_section_panel_management{
		width : 56%;
	}
		#header{
		height:10%;
	}
}
@media screen and (max-width: 716px) {
	#apt_lg_adv{
		padding-bottom:10%;
		padding-top:10%;
	}
}

@media screen and (max-width: 700px) {
		#tot_about_us{
		margin-top : 70px;
		font-size:15px;
	}
			#img_left_about_us{
		width : 120%;
		height: 170%;
		position:relative;
		left:10px;
		top:20px;
	}
		#header{
		height:10%;
	}
   #left_side_section{
	float:right;
	width:100%;
	padding:0%;
	margin:0%;
   }   
   #right_side_section{
	float:right;
	width:100%;
	padding:0%;
	margin:0%;
   }
   #vertical-menu{
	   width:50%;
	   z-index:40;
   }
}

@media screen and (max-width: 639px) {
	#icon_dl{
		display:none;
	}
}

@media screen and (max-width: 622px) {
	#sign_up_form{
    width : 250% !important;
	position: relative;
	left:65%;
	}
		#header{
		height:10%;
	}
}

@media screen and (max-width: 532px){
	#right_about_us{
		width:100%;
		float:right;
	}
	#left_about_us{
		width:100%;
		float:right;
		position:relative;
		left:5%;
	}
	
}

@media screen and (max-width: 521px) {
	#icon_left_dl{
		display:none;
	}
	#main_text_management{
		font-size:17px;
		font-weight:bolder;
	}
	#post_created_link{
		font-size:15px;
		font-weight:bolder;
	}
		#header{
		height:10%;
	}
		#num_msg_shape{
		width:15% !important;
	}
}

@media screen and (max-width : 486px) {
   	#sign_up_form{
		margin-top:20%;
	}  
#right_section_panel_management {
	font-size:15px;
}
#gm_media_q_dl{
	display:none;
}
}

@media screen and (max-width: 459px) {
		#num_msg_shape{
		width:18% !important;
	}
}

@media screen and (max-width : 358px) {
   	#sign_up_form{
		margin-top:30%;
	}  
}

@media screen and (max-width: 480px) {
	#body {
		font-size : 15px;
	}
	.card-title{
	font-size : 17px;
	font-weight : bolder;
	}
	#first_left_sc_crd{
	width : 90%;
	}
	#posts_present{
	margin-top : 3%;	
	}
}

@media screen and (max-width: 428px) {
		#img_post_comp{
		width:100%;
		margin:0%;
		padding:0%;
	}
	#img_post_comp{
		width:100%;
		margin:0%;
		padding:0%;
	}
	#post_comp{
		width:100%;
		margin-top:5%;
		padding:0%;
	}
		#card_trial {
		width:100%;
		margin:0%;
		padding:0%;
		
	}
	#cnt_card{
		width:100% !important;
	}
}


@media screen and (max-width: 426px) {
	#login_form{
	width : 100% !important;
	margin-top : 7%;
	}

@media screen and (max-width: 414px) {
		#img_post_comp{
		width:100%;
		margin:0%;
		padding:0%;
	}
	#img_post_comp{
		width:100%;
		margin:0%;
		padding:0%;
	}
	#post_comp{
		width:100%;
		margin-top:5%;
		padding:0%;
	}
		#card_trial {
		width:100%;
		margin:0%;
		padding:0%;
		
	}
	#cnt_card{
		width:100% !important;
	}
}

@media screen and (max-width: 413px){
   		#main_text_management{
		font-size:15px;
		font-weight:bolder;
	}
	#post_created_link{
		font-size:13px;
		font-weight:bolder;
	}
	#img_post_comp{
		width:100%;
		margin:0%;
		padding:0%;
	}
	#img_post_comp{
		width:100%;
		margin:0%;
		padding:0%;
	}
	#post_comp{
		width:100%;
		margin-top:5%;
		padding:0%;
	}
	#tag_name{
	}
	#card_trial {
		width:100%;
		margin:0%;
		padding:0%;
		
	}
	#cnt_card{
		width:100% !important;
	}
}

@media screen and (max-width: 401px) {
		#num_msg_shape{
		width:20% !important;
	}
}

@media screen and (max-width: 396px) {
	#body {
		font-size : 15px;
	}
	.card-title{
	font-size : 17px;
	font-weight : bolder;
	}
	#first_left_sc_crd{
	width : 92%;
	}
		#tot_about_us{
		margin-top : 70px;
		font-size:12px;
	}
			#img_left_about_us{
		width : 120%;
		height: 170%;
		position:relative;
		left:10px;
		top:20px;
	}
}
@media screen and (max-width: 394px) {
	#main_text_management{
		font-size:13px;
		font-weight:bolder;
	}
	#post_created_link{
		font-size:10px;
	}
}
@media screen and (max-width: 374px) {
	#icon_media_link{
	font-size : 5px;
	}
	#media_guide{
		font-size : 5px;
	}
}
@media screen and (max-width: 364px) {
	#main_text_management{
		font-size:12px;
		font-weight:bolder;
		padding:0%;
		margin:0%;
	}
	#post_created_link{
		font-size:9px;
		font-weight:bolder;
		padding:0%;
		margin:0%;
	}
}
@media screen and (max-width: 360px) {
	.bi {
		width : 22px;
		height : 22px;
	}

}

@media screen and (max-width: 353px) {
		#num_msg_shape{
		width:22% !important;
	}
}

@media screen and (max-width: 340px) {
	.bi {
		width : 20px;
		height : 20px;
	}
	#tot_about_us{
		margin-top : 70px;
		font-size:12px;
	}
	#img_left_about_us{
		width : 120%;
		height: 170%;
		position:relative;
		left:10px;
		top:20px;
	}
}