/* @media (min-width: 813px){ */
    .item-new-top, .item-real-estate-top, .item-transportation-top {
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
        position: relative;
        cursor: pointer;
    }
    
    .item-new-top img, .item-real-estate-top img {
        width: 130px;
        height: 100px;
        object-fit: cover;
        object-position: center;
        float: left;
    }
    
    .item-transportation-top img {
        width: 100%;
        height: 100px;
        object-fit: cover;
        object-position: center;
    }
    
    .item-new-top .div-right, .item-real-estate-top .div-right {
        width: calc(100% - 130px);
        float: left;
        position: relative;
        height: 100px;
        padding: 0 10px;
        display: inline-block;
    }
    
    span.content {
        position: absolute;
        top: 0;
        color: #595959;
        font-weight: bold;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    
    span.time {
        position: absolute;
        bottom: 0;
        color: #595959;
    }
    
    .item-real-estate-top .div-right {
        background: var(--highlight-color);
    }
    
    span.title {
        position: absolute;
        top: 10px;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        padding-right: 10px;
    }
    
    span.price {
        position: absolute;
        bottom: 10px;
        color: #fff;
        font-size: 25px;
        font-weight: bold;
    }
    
    .item-transportation-top .div-right {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: rgba(112, 112, 112, 0.4);
        padding: 5px 10px;
    }
    
    span.name {
        color: var(--highlight-color);
        font-weight: bold;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        padding-right: 10px;
    }
    
    span.route {
        color: #fff;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    
    .bottom-discover {
        width: 100%;
        height: 500px;
        display: inline-block;
        position: relative;
        background: white;
        overflow: hidden;
    }
    
    .border-discover {
        border: 1px solid red;
        width: calc(100% - 60px);
        height: calc(100% - 60px);
        position: absolute;
        left: 50%;
        top: 50%;
        padding: 30px;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    .div-new-brand {
        position: absolute;
        width: 229px;
        height: 81px;
        background: #0002ea;
        left: 0;
        top: calc(50% - 60px);
        z-index: 2;
        padding: 10px;
    }
    .div-new-brand div {
        width: 100%;
        display: inline-block;
        position: relative;
        color: white;
        font-weight: bold;
        margin: auto 0;
    }
    .bottom-discover-div-img {
        position: absolute;
        width: 205px;
        height: 100%;
        top: 10px;
        right: 20px;
        display: inline-block;
        z-index: 3;
    }
    .container-slides {
        width: 100%;
        height: 85%;
        display: inline-block;
    }
    .container-slides div {
        width: 100%;
        height: 100%;
        display: inline-block;
    }
    .bottom-discover-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .bottom-discover-text {
        color: white;
        font-size: 20px;
        font-style: oblique;
        font-variant: all-petite-caps;
        text-align: center;
        display: inline-block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        padding: 10px 10px;
        margin: 0;
    }
    .bottom-discover-div-img a:hover  {
        background: none;
        text-decoration: underline;
        color: white;
    }
    .div-bottom-discovery {
        width: 100%;
        height: 50%;
        background: #FF8001;
        position:absolute;
        bottom: 0;
    }
    .polkdot-discover {
        background: white;
        background-image:
            radial-gradient(#d8d9dd 20%, transparent 0),
            radial-gradient(#d8d9dd 20%, transparent 0);
        background-size: 30px 30px;
        background-position: 0 0, 15px 15px;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        margin-top: -50px;
        margin-left: -50px;
        display: inline-block;
    }
    
    .polkdot-discover-small {
        background: white;
        background-image:
            radial-gradient(#d8d9dd 20%, transparent 0),
            radial-gradient(#d8d9dd 20%, transparent 0);
        background-size: 30px 30px;
        background-position: 0 0, 15px 15px;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        right: -25px;
        top: calc(50% - 75px);
    }
    
    .container-slides .slick-next {
        display: none !important;
    }
    .container-slides .slick-prev {
        display: none !important;
    }
    .div-new-brand a {
        color: white;
        display: inline-block;
    }
    .div-new-brand a:hover {
        background: none;
    }
    .custom_font_text{
        font-size: 34px;  
        text-align: left
    }
/* } */



@media (min-width: 414px) and (max-width: 812px) {
    /* .border-discover{
        
        left: 63% ;
    }
    .bottom-discover{
        width: 385px !important;;
    }
     */
     .div-new-brand{
        width: 145px;
        height: 58px;
        top: calc(50% - 37px);
     }
}
@media (min-width: 375px) and (max-width: 413px) {
    .border-discover{
        width: calc(100% - 27px);
    }
    .bottom-discover-div-img{
        right: 12px;
    }
    .div-new-brand{
        top: calc(50% - 38px);
        width: 131px;
        height: 55px;
    }
}
@media (min-width: 320px) and (max-width: 374px){
    .bottom-discover{
        height: 385px !important;
    }
    .border-discover{
        border: 1px solid red;
        width: calc(100% - 20px);
        height: calc(100% - 40px);
        position: absolute;
        left: 50%;
        top: 50%;
        padding: 25px;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    .div-new-brand{
        top: calc(50% - 30px);
        height: 47px;
    }
    .bottom-discover-div-img {
        right: 9px;
    }
    .div-new-brand div{
        font-size: 10px;
    }
    .div-new-brand{
        width: 82px;
    }
    .bottom-discover-text{
        font-size: 15px;
    }
}