@CHARSET "UTF-8";

@media
    screen and (min-device-width: 320px) and (max-device-width: 667px),
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1),
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)
{
    html, body { font-size: 100%; }

    .popupContainer { width: 90% !important; }

    .fixedContainer { position: static !important; padding: 10px 0; }
    .scrolled { box-shadow: none; }
    .headerRight { margin-right: 10px; }

    :target:before { content: ""; display: block; height: 0; margin: 0; }

    .grid-columns-321 { grid-template-columns: repeat(1, 1fr); }
    .wide-screen-h1 { width: 100%; }
    .wide-screen-description { width: 100%; }

    .mobile-item { display: block; }
    .drop-menu-list { display: none; }
    .article-grid, .search-grid { grid-template-columns: repeat(2, 1fr); }
    .pager { font-size: .9em; }
    .low-header { font-size: 1em !important; }
    .trimmed-text { display: block; line-height: 1.25; }

    .side-bnr-container { position: static; }

    .mainContainer { width: auto; padding-top: 25px !important; }
    .topHeader { font-size: 20px; margin-bottom: 30px; }
    .secondHeader { font-size: 24px; margin-bottom: 25px; }

    .featuresContainer { padding: 15px; margin-bottom: 0; }
    .featureContainer { position: relative; padding-top: 60px; margin-bottom: 25px; }
    .featureContainer .featureImage { float: none; margin-left: auto; margin-right: auto; }
    .featureContainer .featureImage img { width: 95%; }
    .featureContainer .featureTitle { font-size: 24px; text-align: center; position: absolute; top: 0; width: 100%; }
    .featureContainer .featureText { height: auto; padding-top: 25px; }
    .featureContainer .featureDescription { font-size: 20px; }

    .contactsFormContainer { padding: 0 10px; }
    .contactsForm { width: 100%; }
    .contactsText p { font-size: 20px; }

    .searchContainer { width: 100% !important; padding: 0 15px; }

    .article-photo-label { bottom: 22px; left: 5%; width: 90%; font-size: 12px !important; }
    .article-photo-label span { border-radius: 3px; line-height: 12px; padding: 3px 10px !important; }
    .article-category-label { bottom: 5px; left: 0; font-size: 10px !important; }
    .article-category-label span { border-radius: 3px; padding: 1px 10px !important; }

    .top-menu .submenu { position: static; box-shadow: none; border-radius: 0; border-width: 0; padding: 0; }
    .top-menu .menuItem.has-sublink.expanded::after { top: 0; bottom: revert; }
    .menuItem.has-sublink::after { right: 0; }
}

@media screen and (max-device-width: 667px) {
}

@media
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1),
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

    .related-grid { grid-template-columns: repeat(2, 1fr); }
    .grid-columns-321 { grid-template-columns: repeat(2, 1fr); }
    .wide-screen-h1 { width: 80%; }
    .wide-screen-description { width: 80%; }

    .article-photo-label { bottom: 35px; font-size: 16px !important; }
    .article-photo-label span { line-height: 16px; padding: 5px 10px !important; }
    .article-category-label { font-size: 16px !important; }
    .article-category-label span { padding: 3px 10px !important; }
}