/**/
/*THIS CSS FILE IS FOR MOBILE DESIGN RESPONSIVE*/
/**/

@media screen and (min-width: 1920px) {
	header {
		
	}
	
	.menu_login {
		width: 11%;
	}
	
	.menu_login_home {
		width: 17%;
	}
	
	.navigation_menu {
		width: 3.2%;
	}

	.img__imdex_home {
		width: 100%;
	}
	
	.navigation_menu_icons_footer {
		width: 3%;
	}
	
	.aside_menu {
		
	}
	
	.section__lateral {
		height: 59vh;
	}
	
	.mostrar_mensaje {
		height: 51.5rem;
	}
	
	.header_admin {
		top: 4%;
	}
	
	.section__container {
		margin-left: 18%;
	}
	
	.margin-user {
		margin-left: 26%;
		margin-top: -1%;
	}
	
	.chat_user_online_div {
	    margin-left: 26%;
		margin-top: -0.5%;
	}
}
@media screen and (max-width: 1366px) {
	.show {
		width: 250px;
		height: 190px;
		overflow-x: hidden;
		top: 96%;
		left: 85%;
	}	
}
@media screen and (max-width: 1024px) {
	.menu_login {
		width: 36%;
		display: block;
	}
	
	.margin-user {
		margin-left: 5%;
		margin-top: -1%;
	}
	
	.section__lateral {
		width: 33%;
		height: 46vh;
		background: #ffffff;
		margin-left: 2%;
		margin-top: 8px;
		border: 1px solid #e0e0e0;
	}
	
	.navigation_icons_aside {
		margin-left: .4rem;
		margin-top: .5rem;
	}
	
	.close_modal_user {
		background: rgba(228, 228, 228, 0);
		border: 1px solid rgba(195, 195, 195, 0);
		border-radius: 6px;
		color: #de2f2f;
		font-size: 43px;
		margin-left: 78%;
		margin-top: -1%;
		position: fixed;
	}	
	
	#rotation_m {
		display: block;
	}
	.section__message {
		width: 79%;
		margin-left: 10%;
	}
	.mostrar_mensaje {
		height: 69.5rem;
	}
	
	.show {
		width: 250px;
		height: 190px;
		overflow-x: hidden;
		top: 96%;
		left: 82%;
	}
}

@media screen and (min-width: 769px) {
	.m_logo_a {
		display: none;
	}
	
	.m_aside {
		display: none;
	}
	
	.aside_menu_m {
		display: none;
	}

	#m-menu {
		display: none;
	}
	
}


@media screen and (max-width: 768px) {
	
	header {
        width: 100%;
		margin-left: 0%;
	    position: absolute;
    }
	
	.menu_login_home {
		width: 45%;
		margin-left: 30%;
		float: left;
	}
	
	.login_header {
		float: left;
	}
	
	.section__hashtag{
		width: 100%;
	}
	
	.section_m {
		width: 97%;
	}
	
	.section__principal_home {
		width: 100%;
		height: 6rem;
	}
	
	.section__f5f5f5 {
		width: 99%;
	}
	
	.section__lateral {
		display: none;
	}
	
	.menu_user {
		width: 68%;
	}	
	
	.mychat {
		background: no-repeat url(../img/icons.png) -117px -87px #f5f5f5;
		border-radius: 50%;
		padding: 5px 4px 5px 2px;
	}
	
	.postnew {
		background: #ffffff;
		border: 1px solid #e0e0e0;
		color: #000;
		padding: 5px;
		width: 3%;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-left: 0%;
		color: #7d818a;
		font-size: 15px;
		font-weight: bold;
	}
	
	.login__container {
		margin-left: 0%;
	}
	
	.chat_user_online_div {
		margin-left: 60%;
		margin-top: -.5%;
	}
	
    aside {
        display: none;
    }
	
	.m_aside {
		background: #eee;
		border: 1px solid #eee;
		/* padding: .4%; */
		/* width: 5%; */
		/* height: 4%; */
		display: block;
		/* border-radius: 0.6rem; */
		/* position: fixed; */
	}
	
	
	.m_aside:hover, .m_aside:focus {
		background: #fff;		
	}
	
	.m_img_menu {
		width: 44px;
	}
	
	.m_logo_a {
		display: block;
		margin-left: 1%;
		width: 14%;
	}
	
	.m_logo_img {
		width: 49%;
		margin-top: 10%;
		margin-left: 19%;
	}
	
	.link_logo {
		display: none;
	}
	
	section {
		margin-left: 0%;
	}
	
	.section_chat_room {
		width: 100%;
	}
	
	.m_full {
		width: 100%;
	}
	
	.mostrar_mensaje {
		height: 48rem;
	}
	
	.section__message {
		width: 85%;
		margin-left: 8%;
	}
	
	.section__container {
		display: inline-block;
		width: 99%;
	}
	
	.img__imdex_home {
		width: 49vh;
		height: 26vh;
		position: relative;
		/* margin-left: 40%; */
	}
	
	.section_login {
		margin-left: auto;
	}
	
	.section_feed {
		/*margin-left: auto;*/
		width: 100%;
	}
	
	.dlg-container {
		left: 0%;
		width: 100%;
	}
	
	.Background_container {
		background: #fff;
		width: 58%;
		padding: 2px;
		margin-top: 25%;
		margin-left: 19%;
		transition: all 0.3s linear 0s;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
		box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
	.aside_menu_m {
		background: #ffffff;
		width: 100%;
		height: 4%;
		display: flex;
		border-bottom: 1px solid #dee2e0;
	}
	
	.navigation_icons_img {
		width: 42px;
		height: 42px;
		margin-left: .5rem;
		margin-top: .2rem;
		border-radius: 8px;
	}
	
	.chat__text {
		width: 100%;
	}
	
	.service_div {
		text-align: center;
		margin-top: 46%;
		margin-left: 25%;
	}
	
	#m-menu {
		display: black;
	}
	
	.modal-dialog {
		background: #ffffff;
		width: 100%; 
		height: 0%;
		margin-left: 0%;
		border-radius: 4px;
		box-shadow: 0px 6px 5px 1px rgb(84, 85, 86);
	}
	
	.close_modal_chat {
		background: rgba(199, 199, 199, 0.82);
		border: 1px solid rgba(138, 135, 135, 0.79);
		border-radius: 4px;
		color: #ffffff;
		font-size: 12px;
		margin-left: 93%;
		margin-top: 1%;
		position: fixed;
	}
	
	.close_modal {
		background: #dddddd;
		border: 1px solid rgba(195, 195, 195, 0);
		border-radius: 6px;
		color: #7289da;
		font-size: 38px;
		margin-left: 92%;
		margin-top: 0%;
		position: fixed;
	}
	
	.m--user {
		border-radius: 0rem 0rem 0 0rem;
		border-top: 3px solid #7289da;
		margin: 4px;
		background: #ffffff;
		width: 24.9%;
		border-left: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		margin-left: 8.1%;
		margin-top: -1.8%;
	}
	
	.show {
		width: 292px;
		height: 224px;
		overflow-x: hidden;
		top: 80%;
		left: 71%;
	}
	
	
}


@media screen and (max-width: 600px) {
	
	header {
		width: 100%;
		margin-left: 0%;
		position: fixed;
	}
	
	.menu_login_home {
		width: 100%;
		margin-left: 30%;
		float: left;
	}
	
	.section_login {
		margin-left:20%;
	}

	.section__f5f5f5 {
		width: 99%;
	}
	
	.section__lateral {
		display: none;
	}
	
	.section__hashtag{
		width: 100%;
	}
	
	.section__container {
		display: inline-block;
		width: 97%;
	}
	
	.chat_user_online_div {
		margin-left: 49%;
		margin-top: 0.5%;
	}
	
	.section__principal_home {
		width: 100%;
		height: 6rem;
	}
	
	.service_div {
		text-align: center;
		margin-top: 46%;
		margin-left: 18%;
	}
	
	.dlg-container {
		width: 100%;
		left: 0%;
	}
	
	.Background_container{
		margin-top: 30%;
		margin-left: 13%;
	}
	
	.chat__text {
		width: 100%;
	}
	
	.close_modal_user {
		background: rgba(228, 228, 228, 0);
		border: 1px solid rgba(195, 195, 195, 0);
		border-radius: 6px;
		color: #de4848;
		font-size: 44px;
		margin-left: 91%;
		margin-top: -1%;
		position: fixed;
	}
	
	.login_header {
		color: #757575;
		border: 2px solid rgba(255, 255, 255, 0);
		padding: 4px;
		margin-left: 3px;
		width: 4rem;
		min-width: 4rem;
		float: left;
		text-align: center;
	}
	
	.m--user {
		border-radius: 0rem 0rem 0 0rem;
		border-top: 3px solid #7289da;
		margin: 4px;
		background: #ffffff;
		width: 95%;
		border-left: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
	}
	
	.show {
		width: 292px;
		height: 224px;
		overflow-x: hidden;
		top: 77%;
		left: 60%;
	}
	
	.profile_user_info {
		display: none;
	}
	
	#dynamic-content-user-profile {
		width: 40rem;
	}
	
	.wall_chat_body_image {
		width: 47%;
	}
}	

@media screen and (max-width: 414px) {
	.m_logo_img {
		width: 66%;
	}
	
	.menu_login {
		width: auto;
	}
	
	.menu_login_home {
		width: 100%;
		margin-left: 30%;
		float: left;
		display: flex;
	}
	
	#m-menu {
		left: -28%;
	}
	
	#icon_m_friends {
		background: #ffffff;
		background-size: 3%;
		width: 83%;
		border-radius: 5px;
		border: 1px solid #dddddd;
		padding: 4%;
		display: block;
	}

	#icon_m_friends_spam {
		display: none;
	}
	
	.cabecera {
		background: #edf0f5;
		border: none;
	}
	
	.c-activa {
		background: #eee;
		border: 2px solid #eee;
	}
	
	#dynamic-content-user-profile {
		width: 28rem;
	}
	
	.close_modal_user {
		margin-left: 91%;
		margin-top: -4%;
		position: fixed;
	}
	
	.img_user_file {
		width: 6rem;
		height: 5rem;
	}	
	
	.aside_menu_m {
		height: 6%;
	}

	.mostrar_mensaje {
		height: 32rem;
	}
	
	.section__message {
		width: 85%;
		margin-left: 6%;
	}
	
	.section_login {
		margin-left: 10%;
	}
	
	.show {
		width: 417px;
		height: 186px;
		overflow-x: hidden;
		top: 72%;
		left: 15%;
	}
	
	.input__new__chat {
		width: 18rem;
	}
	
	.textarea__new__chat {
		width: 18rem;
	}
	
	.select_imagen_video {
		width: 50%;
	}
	
}	


@media screen and (max-width: 375px) {
	
	header {
        width: 100%;
		margin-left: 0%;
    }
	
	.menu_user {
		/* width: 0%; */	
		margin-top: 7%;
	}

	.aside_menu_m {
		height: 7%;
	}
	
	.mychat {
		width: 0%;
		padding: 5px 4px 5px 2px;
		margin-left: -63%;
	}
	
	.postnew {
		
	}
	
	.menu_login_home {
	    margin-left: -20%;
		margin-top: -4%;
	}
	
	.menu_login {
		width: 100%;
		position: absolute;
		left: 72%;
		top: 25%;
	}
	
	.login__container {
		margin-left: 25%;
	}
	
	.header__nav {
		width: 44%;
		margin-left: auto;
		display: block;
	}
	
	.section_login {
		margin-left: -0.7%;
	}	
		
	.section_chat_room {
		width: 100%;
	}
	
	.m_full {
		width: 100%;
	}
	
	.mostrar_mensaje {
		height: 28.5rem;
	}	
		
	#m-menu {
		left: -28%;
	}		
		
	.section__principal {
		width: 96%;
	}

	.m_full {
		width: 96%;
	}
	
	.Background_container {
		margin-top: 37%;
		margin-left: 21%;
	}
	
	.section__message {
		width: 97%;
		margin-left: 3%;
	}
	
	.show {
		width: 385px;
		height: 186px;
		overflow-x: hidden;
		top: 72%;
		left: 15%;

	}
	
}	

@media screen and (max-width: 360px) {
	
	.m_logo_img {
		width: 58%;
		margin-left: 8%;
	}
	
	#m-menu {
		left: -31%;
	}	
	
	.user_online_chat {
		display: none;
	}
	
	.Background_container {
		margin-top: 45%;
		margin-left: 22%;
	}
	
	.show {
		width: 359px;
		height: 186px;
		overflow-x: hidden;
		top: 70%;
		left: 15%;
	}
	
	.wall_chat_body_image {
		width: 78%;
	}
	
	.chat_user_online_div {
	    margin-left: 40%;
		margin-top: 0.5%;
	}
	
	#titule_chat_room {
		width: 8rem;
		font-size: 13px;
		white-space: nowrap;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		margin-top: -4%;
		display: flex;
		position: absolute;
	}
	
	.div_follow {
		margin-top: .6rem;
		margin-bottom: 17%;
	}
	
}

@media screen and (max-width: 360px) {
	#m-menu {
		left: -42%;
	}
	
	.mostrar_mensaje {
		height: 25.5rem;
	}
	
	.section__message {
		width: 100%;
		margin-left: 0%;
	}
	
	.post__chat {
		width: 35%;
	}
	
	.show {
		width: 358px;
		height: 190px;
		overflow-x: hidden;
		top: 67%;
		left: 15%;
	}
	
	.user_header_p {
		font-size: 12px;
		padding: 0px 0px 2px 0px;
		height: 20%;
		border-bottom: 1px solid #bfbfbf;
		margin-top: 14%;
		margin-right: -35%;
		position: relative;
		width: 54%;
		max-width: 14%;
		text-align: center;
		font-weight: bold;
		display: grid;
	}
}

@media screen and (max-width: 320px) {
	
	.mychat {
		background: no-repeat url(../img/icons.png) -118px -88px #f5f5f5;
		width: 0%;
		padding: 3%;
		margin-left: -59%;
	}
	
	#m-menu {
		left: -42%;
	}
	
	.navigation_icons_aside {
		margin-left: .4rem;
		margin-top: .5rem;
		width: 70%;
		height: 70%;
	}
	
	.chat__text {
		width: 13rem;
	}
	
	.chat__room {
		width: 83%;
		margin: 1.2rem;
		padding: 3px;
		align-items: center;
		background: #ffffff;
		border: 1px solid #e0e0e0;
	}
	
	.chat__title_name {
		color: #5d77b3;
		font-size: 14px;
		font-family: 'Montserrat', sans-serif;
		font-weight: bold;
		white-space: nowrap;
		width: 92%;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
	
	.mostrar_mensaje {
		height: 22.5rem;
	}
	
	.section__message {
		width: 100%;
		margin-left: 0%;
	}
	
	.post__chat {
		width: 35%;
	}
	
	.user__friend {
		background: no-repeat url(../img/icons.png) -81px 3px #757575;
		background-size: 35rem;
		border: 0px solid #dee2e0;
		width: 19px;
		height: 19px;
		padding: 3px;
		margin-left: 0.2rem;
		margin-top: 0.1rem;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		cursor: pointer;
	}
	
	.user__logout {
		background: no-repeat url(../img/icons.png) -159px 1px #cacaca;
		background-size: 33rem;
		border: 0px solid #dee2e0;
		width: 19px;
		height: 19px;
		padding: 3px;
		margin-left: 0.2rem;
		margin-top: 0.1rem;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	
	.show {
		width: 314px;
		height: 186px;
		overflow-x: hidden;
		top: 66%;
		left: 15%;
	}
}

@media screen and (max-width: 120px) {
	#m-menu {
		left: -42%;
	}
	
	.mostrar_mensaje {
		height: 27.5rem;
	}
	
	.section__message {
		width: 80%;
		margin-left: 9%;
	}
	
	.post__chat {
		width: 35%;
	}
	
	.show {
		width: 250px;
		height: 186px;
		overflow-x: hidden;
		top: 97%;
		left: 83%;
	}
}