@media(min-width: 768px) {
    .star-rating-mobile {
        display:none
    }

    .ribon-mobile {
        display: none
    }

    .terms-mobile {
        display: none
    }

    .welcome-content-mobile {
        display: none
    }
}

@media(min-width: 992px) {
    .mobile-image {
        display:none
    }
}

@media(max-width: 767.98px) {
    .star-rating-mobile .far,.star-rating-mobile .fas {
        color:#f8c642
    }

    .ribbon-1 {
        position: relative;
        left: -12px;
        top: 5px;
        background: #15446d;
        padding-left: 45px;
        padding-right: 5px;
        font-size: 15px
    }

    .ribbon-1:after {
        border-left-color: #15446d
    }

    .row-count {
        background: #eb0021;
        left: -6px
    }

    .row-count:after {
        border-top-color: #eb0021;
        border-color: #eb0021;
        border-bottom-color: transparent
    }

    .ribon-mobile {
        flex-basis: 100%;
        align-self: flex-start;
        background-color: #3875b6;
        color: #fff;
        font-size: 15px;
        padding: 6px 0;
        margin-top: -7px;
        line-height: 1.35;
        position: relative
    }

    .ribon-mobile:before {
        content: '';
        left: 0;
        top: 0;
        position: absolute;
        border-left: 15px solid #ebebeb;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent
    }

    .ribon-mobile:after {
        content: '';
        right: 0;
        top: 0;
        position: absolute;
        border-right: 15px solid #ebebeb;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent
    }

    .terms-mobile {
        font-size: 8px;
        padding-top: 5px;
        margin-bottom: -6px
    }

    .welcome-content-desktop {
        display: none
    }

    .welcome-content-mobile p {
        text-align: left!important
    }

    .has-software-icons .star-rating-mobile {
        margin-top: -10px;
        margin-bottom: 4px
    }

    .star-rating-mobile {
        padding-left: 26px
    }
}

@media(max-width: 991.98px) {
    .hamburger {
        padding:15px;
        display: inline-block;
        cursor: pointer;
        transition-property: opacity,filter;
        transition-duration: .15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible
    }

    .hamburger:hover {
        opacity: 1
    }

    .hamburger.is-active:hover {
        opacity: 1
    }

    .hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before {
        background-color: #224469
    }

    .hamburger-box {
        width: 35px;
        height: 24px;
        display: inline-block;
        position: relative
    }

    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px
    }

    .hamburger-inner,.hamburger-inner::after,.hamburger-inner::before {
        width: 35px;
        height: 3px;
        background-color: #224469;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: .15s;
        transition-timing-function: ease
    }

    .hamburger-inner::after,.hamburger-inner::before {
        content: "";
        display: block
    }

    .hamburger-inner::before {
        top: -10px
    }

    .hamburger-inner::after {
        bottom: -10px
    }

    .hamburger--slider .hamburger-inner {
        top: 2px
    }

    .hamburger--slider .hamburger-inner::before {
        top: 10px;
        transition-property: transform,opacity;
        transition-timing-function: ease;
        transition-duration: .15s
    }

    .hamburger--slider .hamburger-inner::after {
        top: 20px
    }

    .hamburger--slider.is-active .hamburger-inner {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--slider.is-active .hamburger-inner::before {
        transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
        opacity: 0
    }

    .hamburger--slider.is-active .hamburger-inner::after {
        transform: translate3d(0,-20px,0) rotate(-90deg)
    }

    .nav-left-side {
        flex-basis: calc(100% - 55px)
    }

    .footer-bottom {
        flex-wrap: wrap
    }

    a.navbar-brand img {
        max-width: 100%
    }

    header .container {
        padding: 0
    }

    a.navbar-brand {
        padding: 0;
        margin: 0
    }

    .nav-left-side {
        padding: 0 10px
    }

    button.navbar-toggler.hamburger.hamburger--slider {
        display: flex
    }

    .navbar-toggler {
        padding: 10px
    }

    a.navbar-brand {
        display: flex;
        align-items: center
    }

    .navbar-toggler {
        outline: 0!important
    }

    ul#primary-menu {
        padding-left: 0
    }

    .section {
        padding: 0;
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    body:after {
        background: rgba(0,0,0,.2)
    }

    p {
        font-size: 16px
    }

    h1 {
        font-size: 20px;
        text-align: center
    }

    h4 {
        font-size: 18px
    }

    .section.section--body {
        border-radius: 10px!important;
        padding: 1rem
    }

    span.sections-single-name {
        font-size: 18px
    }

    .sections-single-image {
        display: none
    }

    .sections-single-content {
        flex-basis: 100%
    }

    span.mobile-image img {
        max-height: 80px
    }

    span.mobile-image.float-img-left {
        float: left;
        margin-right: 15px
    }

    span.mobile-image.float-img-right {
        float: right;
        margin-left: 15px
    }

    .sections-single {
        padding: .5rem 0
    }

    .footer-inner {
        padding: 0;
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .footer-nav {
        display: none
    }

    ul#footer-menu li a {
        font-size: 14px
    }

    .footer-other-nav {
        padding-bottom: 1rem;
        width: 100%
    }

    .footer-other-nav ul {
        justify-content: center;
        flex-wrap: wrap
    }

    .footer-logos img {
        max-height: 20px
    }

    .footer-logos {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center
    }

    .section.section-other-pages .section-inner {
        padding: 1rem
    }
}