/* Mobile Screen (phones, 600px and down) */
/* @media only screen and (max-width: 767px) { */
    @media (min-width: 320px) and (max-width: 767px){
        
    .page-content p img {
        width: 100% !important;
        height: auto !important;
    }

    .btn-link-arsip{
        left:44%;
    }
    ol.carousel-indicators{
        bottom: -18px;
    }
    .carousel-indicators li{
        width: 10px;
        height: 3px;
    }

    .card-item-merchandise{
        margin-left: 15px;
        margin-right: 15px;
    }
    .market span {
        font-size: 12px;
    }
    .modal-column{
        margin-left: 46px;
        margin-top: 10px;
    }
    .merchandise-harga {
        margin-left: unset;
    }
    h2.section-title.title-tusaha {
        margin-top: 5px;
        margin-bottom: 22px;
    }

    .selengkapnya-gg{
        right:6%;
        font-size: 10px;
        bottom: -2px;
    }
    .lokasi-kanan-atas{
        width: 59px;
    }
    div#aa {
        margin-bottom: 8%;
    }
    div#myCarousel {
        margin-bottom: 35px;
    }
    .lokasi-kiri-bawah{
        width: 49px;
        top: 717px;
    }

    .img-icon-usaha{
        width: 35%;
    }
    .container-tusaha {
        margin-top: 10px;
    }

    .tu-top-right{
        position: absolute;
        top: 120px;
        right: 0%;
        z-index: 1;
        width: 50px;
    }
    .tu-top-left{
        width: 40px;
        top: 39px;
    }

    .otri-bottom-left{
        position: absolute;
        bottom: -37%;
        left: 0%;
        z-index: 0;
        width:14vw;
    }
    
    .map-top-right{
        top: -937px;
        z-index: 0;
        width: 66px;
    }
    .tbiru-top-left {
        top: -160px;
        width: 55px;   
    }
    input#search{
        width: 265px;
    }
    div#formtanya {
        margin-bottom: 85px;
    }
    .gg-text-section{
        font-size: 13px;
        margin-left: 40px;
        margin-right: 40px;
        box-shadow: 6px 63px 13px 91px rgb(255 255 255 / 98%);
    }
    /* form filter map */
    span.select2.select2-container.select2-container--classic.select2-container--focus{
        width: 298.594px;
    }    
    
    .terkini-content{
        margin-right: 30px;
    }

    /* .card-text{
        margin-bottom: 35px;
    } */

    #cari-header{
        font-size: 24px;
    }
    .cari-title{
        font-size: 18px;
    }
    .cari-sidebar{
        display: none;
    }
    .blog-post-title{
        font-size: 22px;
    }
    .blog-post iframe{
        width: 100%;
        height: auto;
    }
    .view-tanggal, .view-kategori{
        font-size: 10px;
    }
    .selengkapnya-terkini{
        margin-bottom: 25px;
    }
    .sidebar-image{
        max-width: 250px;
        height: auto;
    }

    .page-content{
        padding-left: 40px;
        padding-right: 40px;
        text-align: justify;
    }

    .container-merchandise{
        padding-right: 24px;
        margin: 0px 30px 0px 30px;
    }

    .modal-header h5.modal-title {
        font-size: 27px;
    }

    .col-md-auto.font-gerai a{
        font-size: 12px;
    }

    .container-page{
        margin-left: 15px;
    }
    .font-sidebar{
        font-size: 3.5vw;
    }
    
    .section-title{
        font-size: 21px;
        margin-top: 40px;
        margin-right: 30px;
        margin-left: 30px;
    }
    .terkini-kategori{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .merchandise-sidebar{
        margin-left: unset;
    }
    .selengkapnya {
        position: absolute;
        z-index: 5;
        right: 5%;
        bottom: -3%;
        width: auto;
    }
    .sembunyi, .selengkapnya{
        font-size: 9px;
    }
    form#lokasi-gerai-form {
        margin-left: 12px;
        margin-right: 12px;
    }
    #box-content{
        font-size: 11px;
    }
    #img-ceo{
        width: 131px;
    }
    .otri-up-left {
        top: -96px;
        width: 30px;
    }
    .otri-bottom-right{
        width: 69px;
    }
    .footer-up-right{
        position:absolute;
        top: -37px;
        right: 0%;
        z-index:1;
        width: 50px;
    }
    .footer-bottom-left{
        width: 45px;
    }
    .box-terkini-biru{
        margin-left: 15px;
        margin-right: 15px;
    }
    .section-biografi{
        margin-top: 7%;
    }
    #bio-title{
        padding-left: 12%;
        padding-top: 4%;
    }
    #bio-content{
        padding-left: 35px; 
        font-size: 2vw;
    }
    img.card-img-top-iklan {
        margin-bottom: 10px;
        width: 100%;
        height: auto;
        background-size: cover;
        background-position: center top;
    }
    #nama-ceo{
        padding-left: 15%; 
    }
    div.container{
        padding-left: unset;
        padding-right: unset;
    }
    .terkini-pagination{
        padding-right: unset;
        margin-left: 22px;
    }
    .width-iklan-biru{
        max-width: 270px;
        height: auto;
    }
    .view-post-terkait{
        text-align: center;
        margin: 90px ​0px 25px 0px;
    }
    .view-post-terkait h4{
        font-size: 22px;
    }
    .view-img-res{
        width: 100%;
        height: auto;
    }
    .text-desc, .tropi-text-desc{
        font-size: 11px;
        margin-left: 40px;
        margin-right: 40px; 
    }
    .text-merchan-official{
        font-size: 3vw;
    }
    .kolom-filter-map-pertama{
        padding-right: unset;
        padding-left: 7px;
    }
    .kolom-filter-map-terakhir{
        padding-right: 0px;
        padding-left: 7px;
    }
    .harga{
        font-size: 7vw;
        margin-bottom: 8%;
    }
    .nama-item{
        font-size: 7vw;
        margin-bottom: 8%;
    }
    .market span{
        font-size: 2.5vw;
    }
    .img-merchandise {
        height: auto;        
    }
    .navbar-light .navbar-nav .nav-link {
        margin:unset;
    }
    .nav-item.sosmed{
        margin: 5px;
    }
    div.container.box-section{
        min-height: 100px;
    }
    .navbar-brand {
        margin-left: unset ;
    }
    a.navbar-brand > img{
        margin-top: 5px;
        height: auto;
        max-width: 160px;
    }
    .section-img{
        height: 320px;
        width: 50px;
    }
    .container-admin{
        margin-left:10px;
    }
    .otri-bottom-left{
      position: absolute;
      top: 69px;
      left: 0%;
      z-index: 0;
      width:60px;
    }
    .gg-top-right{
        width: 10%;
        top: -19px;
    }
    .gg-top-left{
        width: 9%;
        top: -30px;
    }
    .box-shadow{
        box-shadow: 0px 41px 23px 65px rgb(255 255 255);
    }
    h3.icon-usaha-title {
        font-size: 21px;
    }
    div#margin-footer {
        margin: 0px 20px;
    }
  }