@media (min-width: 1113px){
    .l-2-5 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (max-width: 1113px) {
    /* ===== All ==== */
    .order-m-1{order:1}
    .order-m-2{order:2}
    .order-m-3{order:3}
    .p-m-tb-0{
        padding-top: 0;
        padding-bottom: 0;
    }
    .p-m-lr-0{
        padding-left: 0;
        padding-right: 0;
    }
    .p-m-10{
        padding: 10px;
    }
    .p-m-tb-10{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .p-m-tb-20{
        padding-top:20px;
        padding-bottom:20px;
    }
    .p-m-lr-10{
        padding-left: 10px;
        padding-right: 10px;
    }
    .project-list .item.item-two .image{
        aspect-ratio: calc(421/530);
    }
    .product-list .product-item-two .image{
        aspect-ratio: calc(421.33/343);
    }
    .flex-m-center{
        justify-content: center
    }
     /* ===== End All ==== */
     /* ======== About ======== */
     .block-about .card-item-right{
        padding-left:15px ;
        padding-right: 15px;
     }
     /* ==========About ==========*/
     /* ======== Footer ========== */
.footer{
    --spacing-pd: 20px;
}
/* ======== End Footer ========== */
}
@media (max-width:1024px) {
    .nav{display: none;}
    .nav-mb{
        display: block;
        height: var( --height-nav-mb);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 25px;
    }
}
@media screen and  (max-width:768px){
#wapper{
    overflow: hidden;
}
    
.p-c-4{
    padding: 4px;
}
.p-c-lr-4{
    padding-left: 4px;
    padding-right: 4px;
}
.p-c-tb-4{
    padding-top: 4px;
    padding-bottom: 4px;
}
.p-c-tb-20{
    padding-top:20px;
    padding-bottom:20px;
}
.res--main__layout{
    padding-top:110px
}
.res--list--options ul li{
    min-width: auto !important;
    width: calc(100% / 2 - 5px);
    flex-direction: column;
    padding:10px
}
.res--list--options ul{
    gap:10px;
    flex-wrap: wrap;
}
 /* ========= Slider ============ */
.slider{
        --height-slider:40vh;
}
 /* ========= End Slider ============ */
  /* ======== About ======== */
  .block-about .card-item-right{
    padding-left:8px ;
    padding-right:8px;
 }
 /* ==========About ==========*/
/* ======== Footer ========== */
.footer{
    --column:1;
    --spacing:10px
}
.footer-main .footer-list{
    flex-wrap: wrap;
    gap: 15px;
}
.footer-main .footer-list .item-footer .content{
    margin-top: 15px;
}
.footer-main .footer-list .item-footer:not(:last-child){
    border-right: unset;
    padding-bottom: 20px;
}
/* ======== End Footer ========== */
.block-rooms{
    padding-bottom:20px
}
.block-convenient .list-item .item-left .title{
    font-size: 24px;
}
.block-convenient {
    padding-top: 30px;
    padding-bottom: 30px;
}
.wrapper-error {
    width: 100%!important;
    padding: 0 20px;
}
}

/* Animation */
@keyframes menushow {
    0%{
        left: -100%;
        opacity: 0;
    }
    50%{left: -50%;
    opacity: 0.5;}
    100%{
        left: 0;
        opacity: 1;
    }
}
@-webkit-keyframes menushow{
    0%{
        left: -100%;
        opacity: 0;
    }
    50%{left: -50%;
    opacity: 0.5;}
    100%{
        left: 0;
        opacity: 1;
    }
}