.box-image-article{
    float: left;
    width: 70%;
    overflow: hidden;
    margin: 0px 0px 20px 0px;
}	
.logo-wordtax-footer {
    width: 80px !important;
    height: auto !important;
    margin-right:  10px;
}
.logo-wordtp-footer {
    width: 80px !important;
    height: auto !important;
    
}
.background-transparent{
    background-color: transparent !important;
    
}
.img-article{
    height :160px
}
.text-blue{
    color : #437bbf
}
.link-other-link{
    color : white;
    white-space: nowrap;
}
.link-other-link:hover{
    color : #9ca3ad;
}
.article-content
{
    text-align: justify !important;
    text-justify: inter-word !important;
 
}
#span_search {
    top: 21px;
    position: absolute;
    left: 1245px;
    z-index: 10001;
  }
 
  .search_input {
    width: 40px;
    height: 40px;
    padding-left: 40px;
    border-radius: 20px 20px;
    position: absolute;
    border: solid 1px #b4b4b4;
    background-color: #efefef;
    outline: 0;
    font-size: 14px;
    color: #b2afaf;
    cursor: pointer;
    transition: all 0.35s ease;
    top: 10px;
    left: 1230px;
    box-shadow: none;
    z-index: 1000;
  }
  .search_input:focus,
  .search_input:hover {
    width: 200px;
    transform-origin: center right;
    background-color: #fff;
  }
  .search_input::-webkit-input-placeholder {
    transition: all 0.35s 0.35s ease;
    opacity: 0;
  }
  .search_input::-moz-placeholder {
    transition: all 0.35s 0.35s ease;
    opacity: 0;
  }
  .search_input::-ms-input-placeholder {
    transition: all 0.35s 0.35s ease;
    opacity: 0;
  }
  .search_input::-o-input-placeholder {
    transition: all 0.35s 0.35s ease;
    opacity: 0;
  }
  .search_input:hover::-webkit-input-placeholder {
    opacity: 1;
    color: #ccc;
  }
  .search_input:hover::-moz-placeholder {
    opacity: 1;
    color: #ccc;
  }
  .search_input:hover::-ms-input-placeholder {
    opacity: 1;
    color: #ccc;
  }
  .search_input:hover::-o-input-placeholder {
    opacity: 1;
    color: #ccc;
  }
  .search_input:focus::-webkit-input-placeholder {
    opacity: 1;
    color: #ccc;
  }
  .search_input:focus::-moz-placeholder {
    opacity: 1;
  }
  .search_input:focus::-ms-input-placeholder {
    opacity: 1;
  }
  .search_input:focus::-o-input-placeholder {
    opacity: 1;
  }

  .search-berita{

    margin-top : -100px
  }

  .logo-msi-footer {
     width: 70%!important; 
    height: auto!important;
}

  @media only screen and (min-width: 401px) and (max-width: 600px) {
    .slider-desktop{display:none}
    .img-article{
        width:100%;
        padding : 300px
    }
    .box-image-article{
        width:100%!important;

        padding-left : 0px;
        padding-right : 0%;
    
    }
    .search_input {
        top: 10px;
        left: 40%;
      }
    #span_search {
        top: 20px;
        left: 43%;
      }
}
@media only screen and (min-width: 601px) and (max-width: 700px) {
    .search_input {
        top: 10px;
        left: 40%;
      }
    #span_search {
        top: 20px;
        left: 43%;
      }
}