/* Mobile */
@media only screen and (max-width: 600px) {
  #post-aylal .spost{
    width: 100% !important;
  }
  #redaktsi .spost{
    flex-direction: column;
  }
  
  .search-widget,
  #header #primary-logo,
  .col-logo{
    display: none;
  }
  #header header #logo img{
    width: 80px;
  }
  .single-entry {
    flex-direction: column;
  }
  
  .twitter-timeline.twitter-timeline-rendered {
    height: 260px;
    background: #fff;
}
  
  .entry-detial-horzintal{
    width: 100% !important;
  }
  .entry-detial-horzintal .entry-detial{
    flex-direction: row !important;
    text-align: left !important;
  }
  .entry-detial-horzintal .author-image img{
    width: 40px !important;
  }
  #top-search,
  .entry-author > a{
    display: none !important;
  }
  
  #mobileHomeTab {
    text-transform: uppercase;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    padding: 10px;
    right: 0;
    box-shadow: 1px 1px 1px 2p1px #333;
    border-top: 1px solid var(--bs-primary);
  }
  header{
    margin: 0 !important;
  }
  header .navbar .container-fluid .navbar-toggler{
    order: 1;
  }
  
  header .navbar .container-fluid #logo {
    order: 2;
  }
  
  header .navbar .container-fluid  #navbarToggle {
    order: 3;
    position: absolute;
    background: var(--bs-primary);
    z-index: 9999;
    top: 45px;
    padding: 15px;
    right: 0px;
    width: 190px;
  }
  #header{
  	position:relative;
  }
    header .container-fluid {
      padding: 0;
      padding-right:10px;
  }
  
  #header .right-col {
    flex-direction: row-reverse;
    display: flex;
    padding: 0;
    align-items: center;
  }
  .w-icon img, .xr-flag img {
      width: 20px;
  }
  .widget-row {
    margin: 0rem 0 0rem;
  }
  .weather-col, .exchange-col{
    padding:0;
  }
  .weather-modal .w-name,
  .head-exchange .xr-curr {
      padding-left:5px;
  }
  .weather-modal span, .head-exchange span {
  	font-size:11px;
  }
  .with-side {
    flex-direction: column-reverse;
  }
  #top .navi {
    display: none;
  }
  
  #post-new-list {
    height: 420px!important;
    overflow: auto;
    margin-bottom: 1rem;
  }
  
  #top .slide .overlay {
    /*height: 154.1px;*/
    display: flex !important;
    flex-direction: column;
    background:linear-gradient(90deg, #0960BD, rgb(9 96 189 / 50%));
    padding: 15px;
  }

  #top .slide .overlay .text-overlay-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    margin-bottom: 5px !important;
    color: #fff;
  }
  #top .slide .overlay .text-overlay-title h2{
    font-size: 16px;
  }
  #top .slide .overlay .button,
  #top .slide .overlay .text-overlay-meta {
    color: #fff;
    font-size: 12px;
  }
  #footer .row {
    flex-direction: column-reverse;
    justify-content: center;
    gap:1rem;
  }
  #footer .col-md-6:first-child p {
    text-align:center;
    font-size: 13px;
  }
  #footer .col-md-6:last-child p {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    row-gap: 1em;
  }
  #footer .col-md-6:last-child a {
    padding:0 .5em!important;
  }
  #footer .col-md-6 a:nth-child(odd) {
    border-right:1px solid #fff;
  }
  #footer .col-md-6 a:nth-child(even) {
    border:none!important;
  }
}
/**--other sizes--**/
@media (min-width:1301px) and (max-width:1400px) {
  header .nav-link {
    font-size: 13px;
  }
}
@media (min-width:1201px) and (max-width:1300px) {
  header .nav-link {
    font-size: 13px;
  }
}