@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;
}
} @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;
}
} @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%;
}
} @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;
}
}