.menu-mobile {
    display: none;
}
.buton-profile-mini { display: none; }



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 991px) {

.buton-profile-mini {
    background: url(../../image/theme/login-mini.png) no-repeat top;
    display: block;
    width: 24px;
    height: 24px;
}

#allpage-username-top { display: none; }
.nav-button { width: 100px !important; }
.buton-logout-mini { display: none; }
  body, html { width: 100% !important;
    min-width: auto !important;
    margin:0px !important;
  }
  #content table { float: left !important; width: 100% !important; position:relative !important; display: block !important;}
#content > div.grid_4.alpha { float: left; width: 100%;}
  #content td { float: left !important; width: 100% !important; position:relative !important; display: block !important;}
  #pageslide-body-wrap { width: 100% !important;  margin:0px !important; padding: 0px !important;   }
  .container_16 { width: 100% !important;   
    float: left; }
    .channel-playlist {     width: 100%;
    margin-right: 5%;
    padding-left: 5%;
    max-width: 640px; }
.channel-playlist h1.channel-name {
        text-align: center;
    width: 100%;
    max-width: 600px;
    }
    #footer-social { margin: 0px !important;}
    .tabslider ul, .tabbed_content .slide_content {  width: 100% !important; min-width: auto !important;}
    .channel-playlist-schedule  { width: 100% !important; text-align: center; max-width:100%;margin: 0px; padding:0px; }

   .container_12 .grid_12, .container_16 .grid_16 { width: 100% !important; }
.
.hotnews-parent,
  .hotnews-parent + div {
    float: none !important;
    width: 100% !important;
  }

  .hotnews-parent {
    margin-bottom: 15px;
  }

  #formdiv {
    width: 100%;
  }

  #formdiv form div {
    float: none !important;
    width: 100%;
  }
.slider_index { margin-top: 20px !important; }

  #headsearch {
    width: 70% !important;
    max-width: 100%;
  }
.hotnews-homepage h1 { display: inline; }
.hotnews-homepage ul { margin-left: 100px; }
.hotnews-parent { zoom: 0.9; }
.index_search { float: left !important; }

  #content { width: 100% !important; max-width: 100% !important; }
  .royalSlider  { width: 100% !important; max-width: 92% !important;  }
.rsOverflow { width: 100% !important; }
     .menu-mobile {
        display: block;
        float: right;
        margin-top: 20px;
        padding-left: 20px;
     padding-right: 20px;
}
  .menu-desktop { display:none; }

  #mobile-menu-content{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:#0a0a0a;
    z-index:99999;
    display:none;
    overflow-y:auto;
  }

  #mobile-menu-content.open{
    display:block;
  }

  .mobile-menu-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px;
    border-bottom:1px solid #222;
  }

  #mobile-menu-close{
    font-size:22px;
    color:#fff;
    text-decoration:none;
  }

  body.menu-open{
    overflow:hidden;
  }

#mobile-menu-content > ul > li { 
margin-left: 0px; 
}
.mobile-header #mobile-menu-toggle { color: #ffffff; }
  .mobile-menu-list,
  .mobile-menu-list ul {
    list-style:none;
    padding:0;
    margin:0;
  }

  .mobile-menu-list li {
    border-bottom:1px solid #222;
  }

  .mobile-menu-list li a {
    display:block;
    padding:14px;
    background:#111;
    color:#fff;
    text-decoration:none;
  }

  .mobile-menu-list li ul {
    display:none;
    background:#1a1a1a;
  }

  .mobile-menu-list li.open > ul {
    display:block;
  }



/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}