@media screen and (max-width: 800px) and (min-width: 320px) {#registration_block{height:auto;padding-bottom:20px;}#registration_block .cover-banner{padding-top:130px;}7

	#landing_page #top-block { width: 100%; }

	#landing_page #notificationsBlock, #landing_page #feedsBlock, #landing_page #sync-list { box-sizing: border-box; padding: 40px; }
	#landing_page #notificationsBlock .content, #landing_page #sync-list .content { height: auto; }
	#landing_page #notificationsBlock { padding-bottom: 0; }
	#landing_page #notificationsBlock .prev_img, #landing_page #sync-list .prev_img { display: block; margin: 0 auto; position: static; width: 100%; }
		#landing_page .text, div#top-block p { padding-top: 0; width: 100%; }

	#landing_page #feedsBlock #tweet { float: none; margin-top: 0; width: 100%; }
		#landing_page #feedsBlock #tweet .message { height: 250px; width: 78%; }
		#landing_page #feedsBlock .text, #landing_page #sync-list .text { width: 100%; }

	#landing_page #feactures .column { float: none; margin: 0 auto 30px !important; width: 80%; }
        /* New Landing   */
    #landing_page .content.app-content {
        margin-top: 100px;
    }
    #landing_page .content.app-content h2 {
        font-size: 23px;
    }
    /* /New Landing   */

		#beta_login { margin-top: 0; width: 94%; }
			#beta_login div input.tfield { width: 84%; }
		#slides .slides_container { width: 96% }
			#slides .slides_container div { height: auto !important; }
			#slides .slides_container div img {width: 77%; }

	.services li.column:first-child img { width: 60%; }
	.services li.column img { width: 45%; }

	#site_description { width: 100%; }
		#site_description .block:last-child { margin-bottom: 20px; }
			#site_description .block div.d-text { margin-top: 0; width: 46%; }
			#site_description .block div.d-image { width: 300px; }
				#site_description .block div.d-image img { max-width: 100%; }
			#site_description .dotted_line { background-size: 100%; height: 80px; width: 80%; }

	/*====================== HEADER ======================*/
	#navBar ul.menu { background: #0A1B1F; display: none; margin: 0; left: -10px; overflow: visible; position: absolute; top: 40px; width: 100vw; z-index: 9999; }
	/*#navBar ul.menu:before { content: ''; border-color: transparent transparent #ffffff transparent; border-style: solid; border-width: 0 8px 8px 8px;
					 display: block; position: absolute; right: 4px; top: -8px; }*/
		#navBar ul.menu li { border-bottom: 0; float: none; margin: 0; }
		#navBar ul.menu li:hover { border-bottom: 0; }
			#navBar ul.menu li a { border-bottom: 1px solid #050E10; font-size: medium; height: auto; padding: 14px 18px; }
			#navBar ul.menu li a:hover { background-color: #071215; }
	.responsive { display: block; }
	#navBar #user_actions .username { display: block; height: 30px; width: 30px; top: 10px;}
	#navBar #user_actions .username .ua-box { right: 33px; }
	#burger-nav { display: block; margin-left: 20px; }
		#burger-nav img { cursor: pointer; margin-top: -3px; width: 18px; }

	div.content { min-width: 100% !important; max-width: 100%; }

	nav ul { display: none; }
    div#profile-nav > div.content > nav > ul { display: block;}
	nav .select { background-position: 98% 40%; display: block; margin-bottom: 10px; }

	#side { clear: both; float: none; height: auto; margin-bottom: 20px; overflow: hidden; width: 100%; }
		#side img.avatar { float: left; margin: 0; width: 120px; }
		#side .info { float: left; margin-left: 10px; width: 50%; }
			#side .friends ul { display: none; }

	#user_seriesList > div { clear: both; }
		#user_seriesList #list { width: 100% !important; }

	/*====================== GENERAL ======================*/
	#fullnotification, .notification_title { width: 100%; }
	#friends_block .gridded_list li img { height: auto; width: 100%; }
    .ndo-box { width: 100%; }

	/*====================== FEEDS ======================*/
	.hashtag-title { margin-left: 0; }
	#shareForm { margin: 0; width: 100%; }
		#shareForm #sharebox { height: 50px; font-size: 15px; padding: 10px; width: 100% }
		#shareForm #picture_prev { width: 100%; }
		#shareForm #typeshare { width: 99.5%; }
			#shareForm #typeshare .smallBtn { padding: 6px 8px; font-size: 11px; }

	#board { margin-top: 20px; }
		#board iframe { height: 270px; }

		#long_feeds { float: none; width: 100%; }
			#long_feeds .message { width: 100%; }
				#long_feeds .message img.tail, .avatar.rounded { display: none; }

		/*incluir avatar dentro del mensaje*/
		.avatar.rounded { margin: 0 10px 10px 0; width: 40px; height: 40px; }
			.avatar.rounded img { width: 40px; }

		.division_line { clear: both; }

		.comment_wrapper .message strong.user { margin-top: -3px }

		#long_feeds .comments, #long_feeds .add-comment { width: 100%; }
			#long_feeds .comments li { padding: 10px 0; }
				#long_feeds .comments .message { width: 90%; }

		.comment_wrapper .avatar, .comment_wrapper .avatar img { width: 30px; height: 30px; }
		.comment_wrapper .add-comment .buttons input { font-size: 11px; width: 70px; }

		.load-more { width: 100%; float: none; }

		#board .rightBlock { display: none; }

	/*====================== SETTINGS ======================*/
	#top_image_banner #profile-nav { padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; }
		#top_image_banner #profile-nav .btn_actions { position: absolute; }
				#top_image_banner #profile-nav .btn_actions li { margin: 0 10px 0 0; }
					#top_image_banner #profile-nav .btn_actions li a { font-size: 11px; }

	/*====================== SETTINGS ======================*/
	#settings #config_nav { width: 24% }
	#settings .options { width: 70%; }

	/*====================== FOOTER ======================*/
	#footer .column { padding: 0 15px; width: 22%; }
	#footer #social { width: 30%; }
    
     /*  NEW  */
    .forum-side.right-side { width: 250px !important;}
    .forum-discuss.forum-cat-left { margin-right: 320px;}
    .discussion-category-face.clearfix{ width: 447px;}
    .category-body { float: none;}
    .category-title {
        display: block;
        width: 412px;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .resent-release {
        float: none; 
        margin-left: 10px;
    }
    
      /*  NEW  */
    .pop-theme ul li {
    padding: 7px;
    }
    
    .pop-theme ul li p {
    font-size: 16px;
}
    .pop-theme ul li span {
    font-size: 12px;
}
/*-----------------------------------------------------------------*/

}

/*MOBILE*/
/*NEW*/
@media screen and (max-width: 800px) and (min-width: 320px){ 
    .forum-discuss.forum-cat-left {
    width: 63%;
    margin-right: 241px;
    padding-left: 10px;
    display: block;
    text-align: left;
    /* margin: 0 auto; */
}
    .discussion-category-face.clearfix { width: 100%;}
    .category-header{ margin-bottom: 15px;}
    
    .category-title {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    
    .cat-icon { float: none;}
    
    .category-title h5 { margin-left: 0;}
    
    span.cat-excerpt { margin-left: 0;}
    
    .resent-release {
        float: none; 
        width: 100%;
        margin: 0;
    }
    
    .discussion-item {
        margin: 0; 
        padding: 0;
    }
    
    .discussion-actions-items{
        z-index: 1;
        width: auto;
        bottom: 50px;
        right: 15px;
    }
    
    .dr-item-content{float: none;}
    
    .discussion-actions-items li{ 
        background-color: #fff;
        border-radius: 10px;
    }
    .discussion-stream{ 
        margin: 0;
        padding: 20px;
    }
     /*  NEW  */
    .discussion-release {
    width: 224px !important;
}
}
/*---------------------------*/
/*-----------------------------------------------------------------*/

/*MOBILE*/
/*NEW*/
@media screen and (max-width: 700px) and (min-width: 320px){
    .forum-side.right-side { display: none;}
    .forum-discuss.forum-cat-left {
        width: 98%;
        margin-left: 0;
        display: block;
        text-align: center;
        margin: 0 auto;
   }
    /* new landing*/
    #landing_page .app-img {
        width: 90%;
    }
    /* new landing*/
}
/*---------------------------*/
@media screen and (max-width: 568px) and (min-width: 320px) {

	/*GENERAL STYLE*/
	.innerS { font-size: 20px; }
	#estrenos .gridded_list li { width: 31%; }
	#estrenos #series_list img.grid { display: none; }

	.tag_date { font-size: 12px; padding: 0 5px; width: auto; }
		.tag_date b { display: inline; font-size: 12px; margin: 0; }
    .ndo-box { width: 100%; }

	/*============================ LANDING PAGE ===========================*/
	#landing_page { font-size: medium; }
	#landing_page h2 { font-size: larger; }
	#landing_page .text { padding-top: 0; }

	#registration_block .cover-banner { padding: 20px 0; }
		#registration_block h2 { clear: both; font-size: 24px; margin: 0; }
		#registration_block .Light-green, #landing_page #feactures .Light-green { font-size: 18px; padding: 6px 0; width: 130px; }

	#landing_page #top-block { box-sizing: border-box; padding: 30px 10px; width: 100%; }

	#landing_page #notificationsBlock, #landing_page #feedsBlock, #landing_page #sync-list { padding: 20px; }
	#landing_page #notificationsBlock { padding-bottom: 0; }
		#landing_page #notificationsBlock .prev_img, #landing_page #sync-list .prev_img { width: 100% }

	#landing_page #feedsBlock #tweet .profile_pic { display: none; }
	#landing_page #feedsBlock #tweet .message { float: none; height: auto; width: 90%; }
	#landing_page #feedsBlock .text { padding: 20px 0; }

	#landing_page #feactures { padding: 30px 10px; }

	/*====================== WELCOME/PRINCIPAL PAGE ======================*/
	#beta_login div input.tfield, #beta_login .btn, .services li.column,
	#site_description .block div.d-text { float: none; width: 100% }

	#registration_block { padding: 20px 0; }
	#slides .slides_container { display: none !important; }
	#beta_login div { padding: 10px; }
		#beta_login .btn { height: 45px; margin-top: 6px; }

	.services li.column { border-bottom: 1px solid #CCC; margin: 0 0 20px !important; }
	.services li.column:last-child { border: 0; }
		.services li.column:first-child img { width: 26%; }
		.services li.column img { width: 20%; }
		.services li.column h2 { margin: 10px 0; }

	.longLine { margin: 30px 0; }

	#site_description .block { border-bottom: 1px solid #CCC; margin-bottom: 30px; padding-bottom: 30px; }
	#site_description .block:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
		#site_description .block div.d-text { text-align: center; }
		#site_description .block div.d-image { float: none !important; margin: 0 auto; width: 230px; }
		#site_description .dotted_line { display: none; }

	/*====================== HEAD ======================*/
	#header { padding: 10px 14px; }
	#navBar .logo { background-size: 100%; height: 24px; width: 130px; }
	#burger-nav { margin-left: 10px; }
		/*#burger-nav img { margin-top: 0; }*/
	#navBar ul.menu  { left: -14px }
	#navBar ul.menu li a { font-size: small; }
		#navBar #user_actions li.username a { display: none; }
		#navBar #user_actions li.items .icon { margin-right: 2px; }
			#navBar #user_actions li.items #friends_request img.ndo-notify, #navBar #user_actions li.items #glass.ndo-notify img { width: 22px }
			#navBar #user_actions li.items #notification img { width: 18px }
			#navBar .icon { height: 50px; width: 30px; }
			#navBar .icon img.icon-friend { width: 22px; }
			#navBar .icon img.icon-search { width: 20px; }
			#navBar .icon img.icon-noti { width: 18px; }
			#navBar #user_actions .register, #navBar #user_actions .login { margin: 2px 5px 0; }
				#navBar #user_actions .register a, #navBar #user_actions .login a { font-size: 14px; }
				#navBar #user_actions .register a { padding: 5px 8px; }
			#navBar #user_actions #notification .icon img { width: 18px; }
			#navBar #user_actions #searchBar { left: -230px; width: 220px; }
				#navBar #user_actions #searchBar input[type="text"] { width: 84%; }
			#navBar #user_actions li .ua-box { width: 300px; }
			#navBar #user_actions li #notification .ua-box, #navBar #user_actions li #notification .ua-box .row { right: -72px; }
			#navBar #user_actions li #friends_request .ua-box { right: -105px; }
				#navBar #user_actions li #friends_request .ua-box .row { right: 110px; }
				#navBar #user_actions li #notification .ua-box .row { right: 78px; }
				#navBar #user_actions li #friends_request .ua-box .notificationsList .detail { width: 174px; }
				#navBar #user_actions li.items .icon .ua-notifications p { width: 234px; }
			#navBar #user_actions .username .s-icon  { height: 18px; width: 18px; }
			#navBar #user_actions .username .ua-box, #navBar #user_actions .username .ua-box .row { right: 0; }
    #navBar #user_actions .username .ua-box { width: 250px;}
    #navBar #user_actions .username .ua-box a { padding: 13px 12px;}

	/*====================== ENCYCLOPEDIA ======================*/
	#top_options { float: none; margin: 20px auto 0; width: 100% }
		#top_options .select { width: 38.5% !important; }
			#top_options select { width: 102% !important; }
		#top_options .smallBtn { width: 18%; }

	.ribborn { width: 100% }

	#index_card .card { float: none; width: 100%; margin: 0 0 10px; min-height: 100%; padding: 6px; }
		#index_card .card .pic img { height: auto; }
		#index_card .card .descrip h3 { font-size: 14px; }

	/*====================== SERIES ======================*/
	#series-nav li.suscription a.smallBtn { font-size: 11px; padding: 4px 8px; }

	#leftcolumn, #leftcolumn #poster, #leftcolumn .tabs_content.horizontal, #rightcolumn { float: none; width: auto; }

	#leftcolumn #poster { margin: 0 auto 20px; width: 250px; }
		#leftcolumn #poster img { min-height: 330; width: 100%; }

	.tabs_content.horizontal .tabs li a { font-size: 12px; }

	.tabs_content.horizontal .status li { margin-top: 8px; }
		.tabs_content.horizontal .status li div { margin-top: 0; padding: 2px 6px; }
		.tabs_content.horizontal #statistics { height: 300px; }

	#reviews { display: none; }

	#rightcolumn { margin-top: 30px; }

	/*====================== feeds ======================*/
	#long_feeds .comments .message { width: 75%; }
	.new_release .poster, .new_release .about, .new_chapter .about { float: none; width: 100%; }
	.new_chapter .poster { display: none; }
	.new_release .about, .new_chapter .about { margin: 20px 0 0; }
		.new_release .about .type, .new_chapter .type { font-size: large; }
		.new_release .about h3.title, .new_chapter .about h3.title { font-size: x-large; }

	/*====================== PROFILE ======================*/
	#top_image_banner { height: 220px; }

		#profile-nav .btn_actions { clear: both; position: static; }

	.top-nav li { margin-right: 10px; font-size: 14px; }
		.top-nav li a { font-size: 16px; }

	#user_seriesList .tabs li { font-size: 12px; margin-right: 2px; }
	#user_seriesList #list li .cel.position { display: none; }
			#user_seriesList #list li .cel.ds { box-shadow: 4px 0 0 #313131 inset; float: none; overflow: hidden; }
			#user_seriesList #list li .cel.title { width: 38%; }

	#friends_block .gridded_list li { width: 130px; }
		#friends_block .gridded_list li img { height: auto; width: 100%; }

	/*====================== ANIME LIST ======================*/
	#user_seriesList #series_search { background-size: 16px; padding: 10px 10px 10px 36px; }
	#user_seriesList #list li .cel.title { width: 64% }
	#list li .ds, #list li .cel { padding: 10px 0; }
		#list li .ds .cel { border: 0; }
	#list li .cel { float: none; }
	#list li .edit_series { padding: 10px; }
		#list li .edit_series .cel { margin-bottom: 5px; padding: 0; }
		#list li .edit_series strong { display: inline-block; width: 80px; }
		#list li .edit_series .options { float: none; }
			#list li .edit_series .options .smallBtn { display: inline-block; margin: 0 !important; }

	/*====================== SETTINGS ======================*/
	#settings { margin-top: 0; }
		#settings #config_nav, #settings .options { float: none; width: 100%; }
		#settings #config_nav { margin-bottom: 20px; overflow: hidden; }
			#settings #config_nav li { border-right: 1px solid #B3B3B3; float: left; margin-right: 10px; padding-right: 10px; }
			#settings #config_nav li:last-child { border-right: 0; }

			#settings .bottom-line, #settings .user_data { width: 100%; }

			#settings .options ul li strong { width: 200px; }
        #top_image_banner #profile-nav .btn_actions { position: absolute; top: -51px; left: 0; }

    /*====================== FORUM ======================*/
    div.forum-content { padding: 10px;}
    .discussion-stream {padding: 10px;}
    .discussion-stats-list li {
        display: inline-block;
        margin-right: 10px;
        font-size: 13px;
    }
    .discussion-release{ width: 100%;}
    .cat-info { margin: 0;}
    .forum-side { display: none;}
    #forum-nav ul.menu{ display: none;}
    .forum-discuss { margin-left: 0;}
    .btn-forum{display: block;}




	/*====================== FOOTER ======================*/
	#footer .column { border: 0; border-bottom: 1px solid #1b1b1b; border-top: 1px solid #3f3f3f; float: none; height: auto; padding: 10px 0; width: 100% }
	#footer .column:first-child { border-top: 0; }
	#footer #social { border-bottom: 0; overflow: hidden; width: 100%; }
		#footer .column strong { width: 78px; }
	#footer .rights { margin-top: 10px; }
		#footer .rights p:first-child { margin-bottom: 10px }

}
