#slide ul li .img,
.slide .img::after {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%
}

.navbar-wrap {
    border-bottom: 1px dashed;
    border-color: bisque
}

#slider {
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

#slide ul,
#slide ul li {
    -webkit-transition: .3s ease-in-out
}

.slide .img::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .8)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 59%, rgba(0, 0, 0, .8) 100%);
    background-position: center center;
    border-bottom-left-radius: var(--border-radius-xs);
    border-bottom-right-radius: var(--border-radius-xs)
}

.slide .banner-content {
    z-index: 9;
    position: absolute
}

.rt-main-post-single .rt-meta,
.thumbnail-list .rt-meta {
    color: grey
}

.thumbnail-list .post-md.style-10 .post-img {
    min-width: 100px;
    max-width: 100px
}

#slider * {
    box-sizing: border-box;
    font-size: 300
}

#slide {
    width: 100%;
    height: 450px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#slide ul {
    transition: .3s ease-in-out
}

#slide ul li {
    position: relative;
    transition: .3s ease-in-out
}

#slide ul li .img {
    height: 450px;
    background-position: 0 0;
    display: block
}

#slide ul li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 33.35%;
    height: 450px
}

#thumbnail {
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

#thumbnail .thumbnail-list li {
    cursor: pointer;
    height: 115px;
    position: relative;
    z-index: 1
}

#thumbnail .thumbnail-list li:last-child {
    border-bottom: none
}

#thumbnail .thumbnail-list li.marker {
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.banner-content.style-2 .banner-title {
    font-size: 2.4rem
}

.slide li:hover {
    cursor: pointer
}

.post-body img {
    width: -webkit-fill-available !important;
    height: auto !important;
    margin: 20px 0
}

.post-banner-style-1::after {
    background-image: none !important
}

.rt-topbar-right .rt-meta {
    color: #fff
}

.section-padding {
    padding: 20px 0
}

.rt-tending-slider-style-2 .swiper-slide {
    padding: 0 10px
}

.swiper-img {
    border: 1px solid #fe803b
}

.map-wrapper iframe {
    width: -webkit-fill-available
}

#mobil-sidebar-ad {
    display: none
}

@media screen and (max-width:1199px) {
    #sidebar-ad {
        display: none
    }

    #mobil-sidebar-ad {
        display: inline-block
    }
}

.mobil-owl .owl-nav {
    display: none !important
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important
}

.mobil-owl .owl-dots {
    padding-top: 1rem !important
}

.footer {
    position: relative !important
}

.dog-slide .post-md.style-10 .post-img>a:first-of-type img,
.post-sm.style-3 .post-img a img,
.post-sm.style-4 .post-img a img {
    height: 100px !important;
}

.post-meta-li-special {
    border: none !important;
    padding-top: 5px !important;
    padding-bottom: 0px !important;
}