@media (max-width:1320px) {
    :root {
        --maxwidth: 100%;
        --autopad: 20px;
    }

    .konten-slider.fly {
        top: 50%;
    }
    #rent-search.fly,
    #rent-search.fly.noslider {
        margin: 0!important;
        border-radius: 0;
    }

    .grid {
        gap: 20px;
    }
}

/* Prepare for Tablet, 992px */
@media (max-width: 994px) {
    .topkontak.style3 {
        border-left: 8px solid var(--color2);
        width: 50%;
        overflow-x: auto;
    }
    .topkontak.style3::before {
        display: none;
    }
    .topkontak.style3 > a {
        padding: 0;
    }
    .topkontak.style3 > a:hover {
        background: none;
    }
    ._menu {
        flex-wrap: wrap;
    }
    .topmenu ._menu ul {
        width: calc(100% - 70px);
        max-width: 100%;
    }
    ._menu .tropen {
        display: block;
    }
    ._menu .topright {
        width: 100%;
        justify-content: flex-end;
        display: none;
        padding-top: 10px;
        border-top: 1px solid #ffffff15;
    }
    .socmed {
        margin-right: auto;
    }

    .style2 .benefit {
        flex-direction: column;
    }
    .style2 .why {
        display: grid;
        grid-template-columns: 120px auto;
        text-align: left;
    }
    .style2 .why img {
        grid-area: 1 / 1 / span 2;
    }

    .grid .loop.blog ._detail {
        flex-direction: column;
    }

    #singletop.container,
    #single.container,
    .container {
        padding: 40px 20px;
    }
    
    .rent-img {
        width: 45%;
    }

    .single-title.invoice .rent-thumb {
        display: none;
    }
}

/* Prepare for landscape phones, 768px */
@media (max-width: 830px) {
    .header {
        grid-template-columns: 1fr 1fr;
    }
    .konten-slider {
        font-size: .9em;
        top: 0 !important;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        transform: unset;
        border-radius: 0;
    }

    .rent-search {
        grid-template-columns: 100%;
    }
    .rent-search span {
        display: none;
    }

    #testimonial.style2,
    #benefit.style2,
    #blog.style2,
    #rental.style2 {
        flex-direction: column;
    }

    #testimonial.style2 .headtitle,
    #benefit.style2 .headtitle,
    #blog.style2 .headtitle,
    #rental.style2 .headtitle {
        text-align: center;
        width: unset;
    }
    #testimonial.style2 .headtitle h3:after,
    #benefit.style2 .headtitle h3:after,
    #blog.style2 .headtitle h3:after,
    #rental.style2 .headtitle h3:after {
        margin-left: auto;
    }
    #testimonial.style2 .testimonial,
    #blog.style2 .grid,
    #rental.style2 .grid {
        width: 100%;
    }  

    .benefit {
        flex-direction: column;
    }
    .why {
        display: grid;
        grid-template-columns: 120px auto;
        text-align: left;
    }
    .why img {
        grid-area: 1 / 1 / span 2;
    }

    .grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .rent-img {
        width: 100%;
    }

    .single-title._rental {
        flex-direction: column;
    }

    #single.blog-wrap,
    #footer {
        grid-template-columns: 100%;
    }
    #footer > div {
        margin: 40px 0 0;
    }
    #footer > div:last-child {
        margin-bottom: 40px;
    }

    .tabset > label {
        border-radius: var(--inbradius);
    }
    .tabset > input:checked + label {
        border-bottom: 1px solid var(--colorborder);
    }
    .tabset label:first-of-type {
        margin: 0;
    }
    .tabset > .tab-panels {
        margin-top: 20px;
    }

    .pricelist thead th:last-child,
    .pricelist tbody td:last-child {
        display: none;
    }
    
    .single-title.invoice {
        flex-direction: column-reverse;
    }
    .single-title.invoice ._detail {
        align-items: flex-start!important;
        margin: 0!important;
    }
    #single.invoice {
        grid-template-columns: 100%;
    }

    .taxolist {
        max-width: 100%;
    }
}

/* Prepare for portrait phones, 599px */
@media (max-width: 620px) {
    #rent-search {
        padding: 40px 20px!important;
    }

    .container {
        padding: 40px 20px;
    }
    .grid {
        display: flex;
        flex-direction: column;
    }
    .grid .loop {
        max-width: 400px;
        margin: 0 auto;
    }
    .list .pigura {
        display: none;
    }
    .list .content {
        width: 100%;
    }
    #booking-form {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9999;
        border-radius: 0;
    }
    #booking-form > div {
        max-height: 100%;
    }
    .rent-kirim li {
        grid-template-columns: auto 100px;
    }
    .rent-kirim .biaya-kirim {
        position: absolute;
        top: 10px;
        right: 15px;
    }
    .rent-cust,
    .comment-form {
        grid-template-columns: 100%;
    }
    .rent-cust h4,
    .rent-cust input[name="cust-nama"],
    .comment-notes, .comment-form-comment, .comment-form-cookies-consent, .form-submit {
        grid-column: span 1;
    }

    .pricelist thead th:first-child,
    .pricelist tbody td:first-child {
        display: none;
    }
}

@media (max-width: 420px) {
    .rent-thumb {
        display: none;
    }
    .rent-input {
        flex-direction: column;
        gap: 10px!important;
    }
    .rent-kirim li,
    .prev-next {
        grid-template-columns: 100%!important;
    }
    .author img {
        display: none;
    }

}