/* LARGE DESKTOP  (1680)
---------------------------------------------*/
@media only screen and (max-width:1680px) {
    .aside_right_open .fn_add_user {display: none;}
    #searchsuggestions {width: 76.2% !important;}
	html.aside_right_open #searchsuggestions {width: 55.6% !important;}
}



/* LARGE DESKTOP  (1440)
---------------------------------------------*/
@media only screen and (max-width:1440px) {
    .fn_add_user {display: none;}
    .fn_short_poster {flex: 0 0 80px;min-width: 80px;height: 40px;}
    .aside_right_open .fn_section {flex: 0 0 100%;max-width: 100%;}
    #searchsuggestions {width: 72.2% !important;}
	html.aside_right_open #searchsuggestions {width: 62% !important;}
}



/* LARGE DESKTOP  (1366)
---------------------------------------------*/
@media only screen and (max-width:1366px) {
    .fn_comm_num_short {display: none;}
    .aside_right_open .fn_comm_num_short, .aside_right_open .fn_add_user {display: inline-block;}
    .flex_wrap #dle-content .fn_short_item {max-width: 100%;min-width: 100%;flex: 0 0 100%;}
    .flex_wrap #dle-content .fn_short_item  .fn_comm_num_short, 
    .flex_wrap #dle-content .fn_short_item  .fn_add_user {display: inline-block;}
    #searchsuggestions {width: 70.8% !important;}
    html.aside_right_open #searchsuggestions {width: 53.2% !important;}
}



/* LARGE DESKTOP  (1280)
---------------------------------------------*/
@media only screen and (max-width:1280px) {
    .fn_section {flex: 0 0 100%;max-width: 100%;}
    .fn_add_user, .fn_comm_num_short {display: inline-block;}
    #searchsuggestions {width: 68.8% !important;}
    html.aside_right_open #searchsuggestions {width: 50.1% !important;}
}



/* DESKTOP  (1200)
---------------------------------------------*/
@media only screen and (max-width:1200px) {
    .aside_right_open .fn_add_user {display: none;}
    #searchsuggestions {width: 66.7% !important;}
    html.aside_right_open #searchsuggestions {width: 46.8% !important;}
}



/* DESKTOP  (1024)
---------------------------------------------*/
@media only screen and (max-width:1024px) {
    .aside_right_open .fn_aside_right {flex: 0 0 0px;min-width: 0px;position: absolute;right: 0;top: 0;background: var(--white);box-shadow: var(--box-shadow);z-index: 0;}
    html:not(.aside_right_open) .fn_aside_right {display: none;}
    .fn_search input {width: 200px;}
    .fn_header_right {display: inline-flex;align-items: center; padding: 0 15px;}
    .fn_view_aside_right button {padding: 3px 10px;margin-left: 10px;}
    .fn_header_right .fn_view_aside_right button {display: inline-block; opacity: 1;}
    .aside_right_open .fn_header_right .fn_view_aside_right button [class*="fa-"]::before {content: "\f324";}
    .aside_right_open .fn_header_right .fn_view_aside_right button [class*="fa-"]::after {content: "\10f324";}
    .fn_aside_right .fn_view_aside_right button {display: none;}
    .fn_aside_right {padding-top: 30px;}
    .aside_right_open .fn_add_user {display: inline-block;}
    .fn_category {margin-right: 0px;display: flex;width: 100%;justify-content: left;flex-wrap: wrap;margin-bottom: 15px;}
    .fn_category a {margin-right: 7px;}
    .fn_category a:last-child {margin-right: 0px;}
    .fn_full .fn_cat_info_bl .fn_edit {position: relative;display: flex;justify-content: right;width: 100%;}
    .fn_full_poster {flex: 1;max-width: 455px;margin-right: 0;display: inline-block;margin-bottom: 20px;}
    .fn_full_images_content {display: block;text-align: center;}
    #searchsuggestions {width: 68.7% !important;}
    html.aside_right_open #searchsuggestions {width: 37.6% !important;}
}



/* TABLET  (992)
---------------------------------------------*/
@media only screen and (max-width:992px) {
    .flex_wrap #dle-content .fn_short_item:nth-child(2n) {border-left: 1px solid var(--light);}
    .pagination .tp_page_prev, .pagination .tp_page_next {display: none;}
    .pagination {margin: 12px 0;}
    .pagination a, .pagination span {height: auto;}
}



/* TABLET  (800)
---------------------------------------------*/
@media only screen and (max-width:800px) {
    .fn_header {padding-top: 0;}
    .fn_logo {display: inline-block;}
    .fn_header_left {flex: 1 100%;min-width: 100%;padding: 15px;}
    .fn_header_center {padding-left: 10px;}
    .fn_aside_left {display: none; position: absolute; top: 0; left: 0; z-index: 10; box-shadow: var(--box-shadow); width: 320px;}
    .fn_content {padding: 0;}
    .mob_nav {display: inline-block;}
}



/* TABLET  (768)
---------------------------------------------*/
@media only screen and (max-width:768px) {

}



/* TABLET  (640)
---------------------------------------------*/
@media only screen and (max-width:640px) {
    .fn_search input {width: 115px;}
    .mob_nav {padding: 0 15px;}
    .fn_footer {display: block;text-align: center;}
    .fn_footer .copy {margin-bottom: 15px;}
    .fn_full_screens .fn_screen_item {flex: 0 0 150px;}
    .fn_full_screens img.img_presentacion_mini {width: 150px;}
    .fn_full_screens .contenedor {height: 90px;}
    .fn_full_screens .contenedor_scroll {height: 110px;}
    #xLoader {display:none}
}



/* MOBILE  (480)
---------------------------------------------*/
@media only screen and (max-width:480px) {
    .fn_header_center {padding-right: 20px;flex: 1 100%; width: 100%;margin-bottom: 15px;}
    .fn_search, .fn_search input {width: 100%;}
    .fn_top_icons {display: none;}
    .fn_header_right {display: flex;align-items: center;padding: 0 15px;width: 100%;justify-content: right;}
    .fn_panel_user li {flex: 0 0 100%;max-width: 100%;}
    .dropdown-menu-right {right: -53px;width: 330px;}
	.fn_panel_user {min-width: auto !important;}
    .fn_short_poster {flex: 0 0 100%;min-width: 100%;height: auto;margin-bottom: 5px;}
    .fn_short_item {padding: 20px;}
    .fn_short_info_bl {flex: 1 100%;margin-bottom: 20px;}
    .fn_short_more {margin-left: 0;display: flex;justify-content: center;width: 100%;background: transparent;}
    .fn_short_more a {font-size: 14px;padding: 12px 25px;}  
    .fn_full_title h1 {font-size: 20px; text-align:center;}
    .fn_category a {margin-bottom: 5px;}
    .fn_header_right {display: contents;}
    .fn_header_right .dropdown {margin-left:25px;}
    .fn_header_right .dropdown .dropdown-menu-right {right: 0;left: -5px;}
    .fn_header_right .fn_view_aside_right button {margin-right: 12px;}
}


/* MOBILE  (360)
---------------------------------------------*/
@media only screen and (max-width: 360px) {
    .dropdown-menu-right {width: 280px;}
    .fn_download .btn {width: 100%;text-align: center;}
    .fn_download .btn span {text-align: center;}
}



/* MOBILE  (320)
---------------------------------------------*/
@media only screen and (max-width:320px) {
    .dropdown-menu-right {width: 240px;}
}