/* LARGE/MEDIUM SCREENS */

@media (min-width: 1400px) {
    body h1, body .h1 {
        font-size: 64px;
    }
}
@media (min-width: 1300px) and (max-width: 1599px) {
    body #desktop-menu .menu .main-menu>.menu-item>a,
    body #desktop-menu .menu .main-menu>.menu-item>.separator,
    body #desktop-menu .menu .main-menu>.menu-item>.nav-header {
        font-size: 16px;
    }
    body #desktop-menu .menu .main-menu>.menu-item {
        padding: 0 7.5px 20px 7.5px;
    }
    body #desktop-menu .menu .main-menu>.menu-item>.nav-child>.nav-child-inner>.menu-item>a,
    body #desktop-menu .menu .main-menu>.menu-item>.nav-child>.nav-child-inner>.menu-item>.separator,
    body #desktop-menu .menu .main-menu>.menu-item>.nav-child>.nav-child-inner>.menu-item>.nav-header {
        font-size: 14px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    body h1, body .h1 {
        font-size: 50px;
    }
}

@media (max-width: 1299px) and (min-width: 1251px) {
    body #desktop-menu .logo .logo-module img {
        height: 70px;
        margin-top: 20px;
    }
    body #desktop-menu .circle-elem {
        width: 1200px;
    }
}

@media (max-width: 1250px) and (min-width: 1200px) {
    body #desktop-menu .logo .logo-module img {
        height: 85px;
    }
    body #desktop-menu .circle-elem {
        width: 1200px;
    }
}

@media (min-width: 1200px) {
    /* GENERAL */
    body h2 {
        font-size: 36px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
  body h2 {
    font-size: 36px!important;
  }
}

/* MEDIUM/SMALL SCREENS */
@media (max-width: 991px) {
    /* ROKCANDY */
    .twoThirdCol {
        width: 100%;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    h1 {
        font-size: 48px!important;
    }
    .thirds {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    .fourths,
    .fifths {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 48%;
    }
    .oneThirdCol {
        width: 100%;
        display: block;
    }
    body main,
    #success-stories {
        margin-top: 55px!important;
    }
    #sidebar {
        margin-top: 25px!important;
    }
}

/* SMALL SCREENS */
@media (max-width: 767px) {
    /* FOOTER */
    .wf-columns-stack-medium {
        text-align: center;
    }
    body footer .footer-logo img {
        margin: 0 auto;
        display: block;
    }
}