/* DESKTOP  (1220)
---------------------------------------------*/
@media only screen and (max-width:1220px) {
   .container {border-radius:0; position: relative;}
   .logo {order: 1}
   .search {order:3;width:100%;display:flex;justify-content:space-between;align-items:center;margin-top: 10px;}
   .search form {width:100%}
   .show_panel_sidebar {margin-left: 20px;}
   .userpanel {order: 2;}
   .header .view_aside {display:flex}
   .header .view_aside span {font-size:0}
   .mani_col {overflow:visible}
   .slick-slider {position: initial;}
   .mobile_btns_right {padding: 20px 0px 20px 20px;justify-content:flex-end; display: flex;}
   .mobile_btns_right span {display:inline-flex;align-items:center;color:#a1a1a1;cursor: pointer;}
   .mobile_btns_right [class*="ri-"] {color:#959595;font-size:24px;padding:0;line-height:1;margin-right:0px;}
   .mobile_btns_right span i.active {color: #49ddea;}
   .mobile_btns_right span.open.close [class*="ri-"] {color:#49ddea}
   .view_aside {display: none;}
   [class*="asidebar_"]{position: initial;}
   .main {position:initial; padding: 20px 10px 0 10px;}
   .fullstory {padding: 10px;}
   .mani_col{flex:inherit}
   .main_content_body {flex:0 0 100%;max-width:100%}
   .asidebar_right .panel:not(.opened) {left:0}
   .asidebar_right .panel_wrap,
   .asidebar_right_wrap {position:absolute;top:136px;width:270px;right:-285px;z-index:99;transition:all .3s linear 0s;box-shadow:0 6px 12px rgba(0,72,69,.2)}
   .asidebar_right_wrap.opened, .asidebar_right .panel_wrap.opened {right:0}
   .asidebar_right_wrap {overflow-y:auto;height:calc(100vh - 10px);min-height:calc(100vh - 10px);border-top:20px solid transparent;padding-top:0}
   .asidebar_right .panel_wrap {border-radius:25px; height: calc(100vh - 10px);}
   .asidebar_right .panel {height:100vh;overflow-y:auto}
   .aside_block:last-child {margin-bottom:20px}
}

/* DESKTOP  (1024)
---------------------------------------------*/
@media only screen and (max-width:1024px) {
   body {padding:0}
   .content_wrap {margin-top:10px}
   .fullstory .right_col {width:100%;justify-content:space-between;padding:10px 0}
   .fullstory .top_info div.inf {width:100%;justify-content:flex-end}
   .download_content_top_btns {display:block}
   .download_content_top_btns [class*="btn_"] {max-width:none;width:100%}
   .download_content_bottom_btns {justify-content:center}
   .media_get .size_file {font-size:22px}
   .media_get .text_media {font-size:20px}
   .download_content .btn_complain {margin-bottom:10px}
   .featured_item {flex:0 0 100%;max-width:100%}
   .comments .comments_head {display:block}
   .comments .comments_head .section_head {margin-bottom:20px;}
   .comments .comments_head .show_form {margin-left:0}
   .comments .comments_head > span {display:flex;justify-content:center}
}


/* TABLET  (992)
---------------------------------------------*/
@media only screen and (max-width:992px) {
	.asidebar_left {box-shadow:0 6px 12px rgba(0,72,69,.2);position:absolute;top:136px;z-index:99;left:-285px;max-width:270px;transition:all .3s linear 0s;border-radius:0 25px 25px 0;padding-top:0;border-top:20px solid transparent;overflow-y:auto;min-height:auto;height:100vh}
   .asidebar_left.active {left: 0;}
	.mobile_btn_menu {padding: 20px 20px 20px 0;justify-content:flex-end; display: flex;}
   .mobile_btn_menu span {display:inline-flex;align-items:center;color:#a1a1a1;cursor: pointer;}
   .mobile_btn_menu [class*="ri-"] {color:#959595;font-size:24px;padding:0;line-height:1;margin-right:0px;}
   .mobile_btn_menu span i.active {color: #49ddea;}
   .mobile_btn_menu span.open.close [class*="ri-"] {color:#49ddea}
   .media_get .text_media .icon_cloud {width:30px;height:30px}
   .media_get .text_media .icon_cloud [class*="ri-"] {font-size:21px;margin-right:0}
   .media_get .text_media small {font-size:10px}
   .media_get .text_media {font-size:18px;line-height:1rem}
   .media_get .size_file {font-size:18px;line-height:1rem}
   .media_get .size_file small {font-weight:500;font-size:11px;margin-bottom:2px}
   .comm_user {width:100%;margin-bottom:15px}
   .comm_control {display:flex;width:100%}
}


/* TABLET  (800)
---------------------------------------------*/
@media only screen and (max-width:800px) {
   .comm_user {width:auto}
   .comm_control {display:inline-flex;width:auto}
   .download_content .btn_complain {margin-bottom:0}
   .download_content_bottom_btns {justify-content:space-between}
   .download { margin-bottom:0}
   .comment_item_top {margin-bottom:0}
   .fullstory .top_content_info > li span.category {max-width:400px}
   #scrolltop {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
}



/* TABLET  (768)
---------------------------------------------*/
@media only screen and (max-width:768px) {
   .mob_none {display: none;}
}


/* TABLET  (640)
---------------------------------------------*/
@media only screen and (max-width:640px) {
   .content_wrap {margin-top:0}
   .shortstory_item.grid_view, .shortstory_item {width: 50%;}
   .shortstory_item.list_view .shortstory_item_img {height: auto;width: 100%;}
   .shortstory_item.list_view .shortstory_item_img img {height: auto;width: auto; margin:0 auto;}
   .footer_top, .footer_bottom {padding:0 20px;}
   .fullstory .top_content {flex-wrap:wrap}
   .fullstory .top_content_poster {flex:0 0 100%;max-width:100%;margin-right:0;margin-bottom:20px}
   .fullstory .top_content_info > li span.category {max-width:345px}
   .download_content_bottom_btns {justify-content:center;display: block; text-align: center;}
   .download {margin-bottom:20px}
   .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}
}


/* MOBILE  (480)
---------------------------------------------*/
@media only screen and (max-width:480px) {
   .add_btn {display: none;}
   .fullstory .right_col {width:100%;justify-content:space-between;padding:10px 0}
   .fullstory .top_info div.inf {width:100%;justify-content:flex-end}
   .fullstory .top_content_info > li span.category {max-width:345px}
   .download_content_top_btns {display:block}
   .download_content_top_btns [class*="btn_"] {max-width:none;width:100%}
   .download_content_bottom_btns {justify-content:center}
   .media_get .size_file {font-size:15px}
   .media_get .text_media {font-size:20px}
   .download {margin-bottom: 15px;}
   .download_content .btn_complain {margin-bottom:10px}
   .share span {display:none}
   .featured_item {flex:0 0 100%;max-width:100%}
   .comments .comments_head {display:block}
   .comments .comments_head .section_head {margin-bottom:20px;}
   .comments .comments_head .show_form {margin-left:0}
   .comments .comments_head > span {display:flex;justify-content:center}
   .btn_more .download {margin-bottom: 0;}
   .addform .form_submit {justify-content:center!important}
   .form_submit .c-captcha {margin-bottom:20px}
   .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}


/* MOBILE  (360)
---------------------------------------------*/
@media only screen and (max-width: 360px) {
   .logo a {font-size:22px}
   .userpanel .dropdown button {font-size:14px}
   .userpanel .avatar_user {width:30px;height:30px}
   .shortstory_item.grid_view, .shortstory_item {width: 100%;}
   .fullstory .top_info .favorite {font-size:13px}
   .fullstory .top_content_info > li span.category {max-width:225px}
   .media_get .size_file {display:none}
   .media_get .text_media {font-size:20px}
   .media_get .text_media small {font-size:12px}
   .comm_control {display:inline-flex;width:100%;margin-bottom:10px}
   .download_content_bottom_btns .download a {font-size:13px}
   .download_content_top_btns [class*="btn_"] small {font-size:12px}
   .download_content_top_btns .text_btn {font-size: 13px;}
   .download_content_top_btns [class*="btn_"] {line-height:.9rem}
}


/* MOBILE  (320)
---------------------------------------------*/
@media only screen and (max-width:320px) {}