.commercial .title{

    font-style: normal;

    font-weight: normal;

    font-size: 32px;

    color: rgba(0,0,0,1);

    letter-spacing: 0.3px;

    text-transform: uppercase

}

.commercial .item

{

    position: relative;

}



.commercial .item label{

    cursor: pointer;

    color: #000;

    font-weight: 600;

    width: 100%;

    text-align: center;

    text-transform: uppercase;

    font-size: 0.9rem;

    padding-right: 25px;

    margin-bottom: 0;

    height: 35px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.commercial .item  .thumb-img{

    height: 210px;

    width: 100%;

    display: flex;

    justify-content: center;

    align-content: center;

}

.commercial .item  .thumb-img img{

    height: max-content;

    margin: auto;

}



.commercial .widget{

    flex-wrap: nowrap !important;

    overflow: scroll;

}

.commercial .widget::-webkit-scrollbar{

    margin:10px;

    width: 100%;

    height: 3px;

    background-color: #DB0405;

}

.commercial .view-more{

    background: url('svg/view-more-small.svg') no-repeat;

    border: 0;

    height: 35px;

    width: 35px;

    position: absolute;

    bottom: 0;

    right: 0;

    background-size: 35px 35px;

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {

    .commercial .item label {

        /*  Ipad */

        font-size: 0.7rem;

        padding-right: 40px;

    }

    /* For portrait layouts only */

}

@media screen and (max-width: 699px) {

    .swiper-wrapper img {

        width: auto !important;

    }

}