#template-content .swiper-container {
    min-height: auto !important;
}
.mb20{
    margin-bottom: 20px !important;
}
.clearfix{
    clear: both !important;
}
.component-container img,.component-container a{
    transition: .3s;
}
.component-container img:hover{
    opacity: .9;
}
#template-content{
    text-align: right;
}
.show-mobile{
    padding:0 0 10px !important;
}
.show-desktop{
    padding:44px 0 !important;
}
.banner-title{
    color: #333;
    opacity: 0.8;
    letter-spacing: 0.2px;
}
.flexboxdiv{
    display: flex;
    justify-content: center;
}
.flexboxdiv > div{
    flex-basis: 30%;
    padding: 0 21.4px;
    margin: 0 !important;
}
.box{
    background: red;
    min-width: 100px;
    min-height: 100px;
    margin-left: 15px;
}
.bxslides{
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    /*margin-left: 5px !important;*/
    /*margin-right: 5px !important;*/
}
.bxslides li{
    margin-left: 15px;
}
.item-grid:last-child, .mobile-home-banner {
    margin-left: 0;
}
.bxslides::-webkit-scrollbar {
    display: none;
}
.bxslides {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* show in app */
.show-place-app .item-grid {
    flex: 0 0 auto;
    margin: 0 0px 21px 10px;
}
.show-place-app .item-grid-sm__small{
    flex-basis: 19% !important;
}
.show-place-app .item-grid-xs__small {
    flex-basis: initial !important;
    width: 110px;
}
.show-place-app .row{
    /*            display: grid !important;
                grid-template-columns: repeat(2, 10fr);
                grid-gap: 10px;
                padding: 15px !important;*/
}
.show-place-app .row .col-md-3 {
    /*flex: 0 0 100% !important;*/
    /*max-width: 100% !important;*/
    padding: 0 !important;
}

@media (max-width: 1024px) {
    .bxslides .item-grid{
        flex-basis: 20%;
    }
    .bxslides li{
        flex: 0 0 auto;
        margin: 0 0 0 10px;
    }
}
@media (max-width: 768px) {
    .bxslides .item-grid{
        flex-basis: 25%;
    }
    .bxslides{
        margin-top: 5px !important;
    }
}
@media (max-width: 425px) {

    .bxslides .item-grid{
        flex-basis: 40%;
    }
}