@media only screen and (max-width:1300px) {
    .header > .container > .menu > ul > li > a {
        font-size: 23px;
    }
}

@media only screen and (max-width:1075px) {
    .header > .container > .menu > ul > li > a {
        font-size: 20px;
    }
}

@media only screen and (max-width:1000px) {
}

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

    iframe {
        max-width: 100%;
    }

    .menu {
        display: none;
    }

    .menu-responsive {
        display: block;
    }

    .pre-header > .container > .pre-header-left {
        display: none;
    }

    .header > .container > #logo {
        float: left;
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .pre-header > .container > .pre-header-right {
        width: 100%;
        float: right;
        text-align: center;
    }

    .illnesses > .container > .illnesses-list > .illnesses-list-item {
        padding: 0;
    }

    .articles > .container > .article-primary-top > .article-primary-item:nth-child(1) {
        width: 100%;
        margin-right: 0%;
    }

    .articles > .container > .article-primary-top > .article-primary-item:nth-child(2) {
        width: 100%;
        margin-left: 0%;
    }

    .articles > .container > .article-primary-top > .article-primary-item {
        margin-bottom: 35px;
    }

    .articles > .container > .article-primary-top {
        display: inline-flex;
        justify-content: center;
        align-content: space-between;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .articles > .container > .article-primary-top > .article-primary-item > a > .article-name span {
        font-size: 22px;
    }

    .articles > .container > .article-primary-top > .article-primary-item > a > img {
        height: 280px;
        width: 100%;
    }

    .articles > .container > .article-secondary {
        display: inline-flex;
        justify-content: center;
        align-content: space-between;
        flex-wrap: nowrap;
        flex-direction: column;
        margin-top: 10px;
    }

    .articles > .container > .article-secondary > .article-secondary-item:nth-child(1) {
        width: 100%;
        margin-right: 0%;
    }

    .articles > .container > .article-secondary > .article-secondary-item:nth-child(2) {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .articles > .container > .article-secondary > .article-secondary-item:nth-child(3) {
        width: 100%;
        margin-left: 0%;
    }

    .articles > .container > .article-secondary > .article-secondary-item {
        margin-bottom: 35px;
    }

    .articles > .container > .article-secondary > .article-secondary-item > a > .article-name span {
        font-size: 22px;
    }

    .articles > .container > .article-secondary > .article-secondary-item > a > img {
        height: 280px;
        width: 100%;
    }

    .articles > .container > .article-third {
        display: inline-flex;
        justify-content: center;
        align-content: space-between;
        flex-wrap: nowrap;
        flex-direction: column;
        margin-top: 10px;
    }

    .articles > .container > .article-third > .article-third-item:nth-child(1) {
        width: 100%;
        margin-right: 0%;
    }

    .articles > .container > .article-third > .article-third-item:nth-child(2) {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .articles > .container > .article-third > .article-third-item:nth-child(3) {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .articles > .container > .article-third > .article-third-item:nth-child(4) {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .articles > .container > .article-third > .article-third-item {
        margin-bottom: 35px;
    }

    .articles > .container > .article-third > .article-third-item > a > .article-name span {
        font-size: 22px;
    }

    .articles > .container > .article-third > .article-third-item > a > img {
        height: 280px;
        width: 100%;
    }

    .article-20-width {
        width: 100%;
    }

    .popular-items {
        display: none;
    }

    .footer > .container > .footer-col-25 {
        width: 100%;
        float: left;
        padding-top: 35px;
    }

    .footer > .container > .footer-col-25.center-column {
        margin-left: 0%;
        width: 100%;
        padding-top: 15px;
    }

    .footer > .container > .footer-col-25 {
        width: 100%;
        float: left;
        padding-top: 15px;
    }

    .container > .page-title {
        padding-bottom: 1px;
    }

    .container > .page-title span {
        font-size: 21px;
        margin-top: 10px;
        width: 100%;
        display: block;
    }

    .article-preview > .article-title {
        font-family: 'News Cycle Bold', sans-serif;
        font-size: 38px;
        color: #333333;
        line-height: 44px;
        padding-bottom: 5px;
    }

    .page-title.margin-bottom-35 {
        margin-bottom: 25px;
    }

    .article-preview {
        width: 100%;
        float: left;
        display: block;
    }

    .article-preview > .article-preview-data p > img {
        max-width: 100%;
        max-height: 500px;
        object-fit: cover;
    }

    .article-list {
        width: 100%;
    }

    .article-list > .article-list-item {
        width: 100%;
        float: left;
        margin-bottom: 35px;
    }

    .article-list > .article-list-item > a > img {
        height: 280px;
        width: 100%;
    }

    .article-list > .article-list-item > a > .article-name {
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-top: 5px;
    }

    .article-list > .article-list-item > a > .article-date {
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-top: 5px;
        margin-bottom: -5px;
    }

    .article-list > .article-list-item > a > .article-excerpt {
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-top: 10px;
    }

    .pagination {
        display: flex;
        padding-left: 0;
        list-style: none;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: stretch;
        justify-content: space-around;
    }

    .pagination .page-item > .page-link {
        width: 130px !important;
    }

    .page-item.disabled {
        display: none;
    }

    .illnesses > .container > .illnesses-list > .illnesses-list-item > .illnesses-list-item-ill > a {
        font-size: 20px;
    }

    .drug-preview {
        margin-top: 15px;
    }

    .container > .page-title a {
        color: white;
    }

    .organs-system > .container > .organs-system-list > .organs-system-list-item {
        margin-bottom: 10px;
        flex: 0 0 100%;
    }

    .illness-preview {
        width: 100%;
        float: left;
        margin-top: 15px;
        margin-bottom: 35px;
    }

    .illness-preview > .container > .illness-preview-symptoms {
        width: 100%;
        float: left;
        border-top: solid 3px #dddddd;
        padding-top: 15px;
    }

    .illness-preview > .container > .illness-preview-about {
        width: 100%;
        float: left;
        margin-right: 0%;
    }

    .article-preview-data > p img {
        max-width: 100%;
        max-height: 400px;
        object-fit: contain;
    }

    .horoscopes-page>.container>.horoscopes-list>.horoscopes-body-list {
        margin: 20px 0px 0!important;
        grid-template-columns: repeat(1,1fr);
        padding: 0;
    }
}

@media only screen and (max-width:540px) {
    .horoscopes-widget-title {
        height: auto;
        float: left;
        padding-bottom: 20px;
        display: grid;
        align-content: center;
        justify-items: stretch;
        text-align: center;
    }

    .horoscopes-widget-title a {
        float: left;
        font-size: 23px;
        margin-top: 8px;
    }

    .horoscopes-list-item-text>.horoscopes-list-item-text-3 {
        font-size: 19px;
    }
}
