
                                  .img-cate {
                                      max-width: 80% !important;
                                      height: auto;
                                  }

.go-top.jsx-5e588ef741f633f0 {
    bottom: 0;
    z-index: 4;
    opacity: 0;
    right: 20px;
    width: 45px;
    height: 45px;
    position: fixed;
    cursor: pointer;
    font-size: 27px;
    text-align: center;
    visibility: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: var(--whiteColor);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    background: var(--gradientColor);
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, .1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .1)
}

.go-top.jsx-5e588ef741f633f0 i.jsx-5e588ef741f633f0 {
    left: 0;
    top: 50%;
    right: 0;
    position: absolute;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto
}

.go-top.active.jsx-5e588ef741f633f0 {
    opacity: 1;
    bottom: 20px;
    visibility: visible
}

.go-top.jsx-5e588ef741f633f0:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
}

@media only screen and (max-width: 767px) {
    .go-top.jsx-5e588ef741f633f0 {
        right: 10px;
        width: 35px;
        height: 35px;
        font-size: 22px
    }

    .go-top.active.jsx-5e588ef741f633f0 {
        bottom: 10px
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
}
