@media (max-width: 1665px)
{
    .headerTop,
    main,
    footer .underRow,
    .copyright
    {
        padding: 0 10px;
    }
    #navigation
    {
        padding: 20px 10px;
    }
}
@media (max-width: 1530px)
{
    /* -#------#- MAIN SLIDER-#------#- */
    .mainSlider > div
    {
        padding: 0 60px;
    }
    .mainSlider .swiperArrowBox > div
    {
        margin: 0;
    }
    .mainSlider .swiper-slide img
    {
        width: unset;
        height: 180px;
    }
    .mainSlider .swiper-slide h2
    {
        font-size: 16px;
    }
    /* -#------#- GALLERY ROW -#------#- */
    .galleryRow .galleryItem
    {
        justify-content: space-evenly;
        padding: 30px 0 10px 0;
    }
    .galleryRow .galleryItem article
    {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        min-width: 320px;
        padding: 10px;
        margin-bottom: 20px;
    }
    .galleryRow .galleryItem article .mlLazyLoad
    {
        height: unset;
        min-height: 120px;
    }
    .galleryRow .galleryItem article .mlLazyLoad img
    {
        width: 100%;
        height: unset;
    }
}
@media (max-width: 1450px)
{
    /* -#------#- TAB ARTICLE -#------#- */
    .tabArticle .articleItem
    {
        width: calc(100% - 300px);
    }
    .tabArticle .articleNavigation
    {
        width: 300px;
    }
    .tabArticle .articleItem > div .img
    {
        min-height: unset;
    }
    .tabArticle .articleItem > div .img img
    {
        max-height: 300px;
    }
    .tabArticle .articleNavigation section
    {
        height: 100px;
    }
    .tabArticle .articleNavigation section a h3
    {
        height: 35px;
        font-size: 15px;
    }
}
@media (max-width: 1325px)
{
    /* -#------#- HEADER ROW -#------#- */
    .logotype .mlLazyLoad
    {
        width: 80px;
        height: 80px;
    }
    .logotype img
    {
        height: 80px;
    }
    .logotype h1
    {
        font-size: 18px;
    }
    .headerRight .textLeft
    {
        margin-right: 40px;
    }
    .headerRight .textLeft p:nth-child(1)
    {
        font-size: 14px;
        line-height: 18px;
    }
    .headerRight .textLeft h2
    {
        margin-top: 8px;
        font-size: 15px;
    }
    /* -#------#- FOOTER -#------#- */
    footer .footerLinkRow
    {
        flex-direction: column;
        padding-top: 30px;
    }
    footer .marketArea
    {
        display: flex;
        align-items: flex-start;
        margin-top: 30px;
    }
}
@media (max-width: 1300px)
{
    /* -#------#- -#------#- NAVIGATION -#------#- -#------#- */
    .navigation > div
    {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .navigation .navMenu > ul
    {
        display: block;
    }
    /* -#------#- ITEM -#------#- */
    .navigation .navMenu > ul > li
    {
        margin: 0 !important;
    }
    .navigation .navMenu > ul li
    {
        border-top: 1px solid var(--border);
    }
    .navigation .navMenu > ul > li:last-child
    {
        border-bottom: 1px solid var(--border);
    }
    .navigation .navMenu > ul li.open,
    .navigation .navMenu > ul li:hover
    {
        background: var(--bgBlueLight);
    }
    .navigation .navMenu > ul li.active
    {
        background: var(--blueLight);
    }
    /* -#------#- LINK -#------#- */
    .navigation .navMenu > ul li .navLink
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .navigation .navMenu > ul li .navLink.withIcon .icon
    {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 30px;
        margin-right: 10px;
        transition: .3s;
        border: 1px solid var(--border);
        border-radius: 4px;
    }
    .navigation .navMenu > ul li.open > .navLink.withIcon .icon,
    .navigation .navMenu > ul li .navLink.withIcon .icon:hover
    {
        background: var(--bgBlueNight);
        color: var(--white);
        cursor: pointer;
    }
    .navigation .navMenu > ul li .navLink.withIcon .icon svg
    {
        width: 20px;
        height: 20px;
        pointer-events: none;
    }
    .navigation .navMenu > ul li .navLink a,
    .navigation .navMenu > ul li a
    {
        width: 100% !important;
        padding: 16px !important;
        color: var(--blueNight) !important;
        box-shadow: unset !important;
        border-top: unset !important;
        border-bottom: unset !important;
    }
    .navigation .navMenu > ul li.open .navLink a,
    .navigation .navMenu > ul li .navLink a:hover,
    .navigation .navMenu > ul li a:hover
    {
        background: unset !important;
    }
    .navigation .navMenu > ul li.active > .navLink a,
    .navigation .navMenu > ul li.active > a
    {
        background: unset !important;
        color: var(--white) !important;
    }
    /* -#------#- DROP DOWN -#------#- */
    .navigation .dropdown .dropdownContent
    {
        position: relative;
        top: unset !important;
        right: unset !important;
        left: unset !important;
        box-shadow: unset;
    }
    .navigation .dropdown .dropdownContent ul li a
    {
        padding-left: 24px !important;
    }
    .navigation .navItem.dropdown > .dropdownContent > ul
    {
        border-bottom: 2px solid var(--bgBlueNight);
    }
    .navigation .dropdown .dropdownContent .dropdown .dropdownContent li a
    {
        padding-left: 30px !important;
    }
    .navigation .dropdown .dropdownContent .dropdown .dropdownContent ul
    {
        border-bottom: 2px solid var(--bgBlueLight);
    }
    .navigation .navOpenMenu
    {
        display: flex;
    }
    /* -#------#- HEADER TOOL -#------#- */
    .headerTool
    {
        margin-right: 20px;
    }
    .headerTool .authEmail
    {
        margin-top: 20px;
    }
    .headerTool .authEmail a
    {
        color: var(--blueLight);
    }
    .headerTool .authEmail p
    {
        color: #333;
    }
    .headerTool .buttonHeaderTool
    {
        border-radius: 4px;
        box-shadow: unset;
    }
    .headerTool .headerDropdown.open .buttonHeaderTool,
    .headerTool .buttonHeaderTool:hover
    {
        background: var(--bgBlueLight);
    }
    .headerTool .dropdownContent li.active a
    {
        background: var(--blueLight);
        color: white;
    }
    .headerTool.navigationDisabled
    {
        justify-content: flex-end;
        margin-bottom: 30px;
    }
    .headerTool.navigationDisabled .buttonHeaderTool
    {
        border-radius: 0 0 4px 4px;
        box-shadow: 2px 2px 2px 0 var(--shadowLight);
    }
    /* -#------#- TAB ROW -#------#- */
    .mlTabRow .mlTabNavigation > ul
    {
        margin: 20px 0 40px 0;
    }
    .mlTabRow .mlTabNavigation li
    {
        padding: 10px 20px 10px 10px;
    }
    /* -#------#- CALCULATOR -#------#- */
    .calculator
    {
        padding: 0;
    }
    .calculator .calculatorInfo
    {
        font-size: 15px;
        margin-bottom: 30px;
    }
    .calculator .boxWithSum p:first-child,
    .greyForm label,
    .calculator .boxWithButton span,
    .calculator .boxWithButton button,
    .calculator .info a
    {
        font-size: 13px;
    }
    .calculator .boxWithSum p:last-child > span:first-child
    {
        font-size: 16px;
    }
    /* -#------#- OTHER ARTICLE -#------#- */
    .mlTabOtherArticleContent
    {
        padding: 0;
    }
    /* -#------#- ACCOUNT ROW -#------#- */
    .accountRow.threeBox .infoBox > div
    {
        width: calc(100% / 3 - 10px);
    }
}
@media (max-width: 1200px)
{
    /* -#------#- TAB ARTICLE -#------#- */
    .doubleRow .tabArticle
    {
        width: calc(100% - 310px);
    }
    /* -#------#- ACCOUNT ROW -#------#- */
    .accountRow .infoHeader
    {
        font-size: 15px;
    }
    .accountRow .infoBox.threeBox,
    .accountRow .infoBox.twoBox
    {
        flex-wrap: wrap;
    }
    .accountRow .infoBox.threeBox > div,
    .accountRow .infoBox.twoBox > div
    {
        width: calc(100% / 2 - 10px);
    }
    .accountRow .infoBox.threeBox > div:last-child
    {
        margin-top: 20px;
    }
    .infoBox .infoLine
    {
        flex-wrap: wrap;
    }
}
@media (max-width: 1170px)
{
    /* -#------#- OTHER CLASS -#------#- */
    .blueName > h2,
    h2.blueName
    {
        font-size: 14px;
    }
    .blueName a
    {
        font-size: 11px;
    }
    /* -#------#- CIRCLE ROW -#------#- */
    .circleRow
    {
        padding: 30px 0 40px 0;
    }
    .circleRow .swiper-slide:nth-child(n+2)
    {
        margin-left: 40px;
    }
    .circleRow .swiper-slide h2
    {
        font-size: 14px;
    }
    /* -#------#- TAB ROW -#------#- */
    .mlTabRow .mlTabNavigation > ul
    {
        margin: 10px 0 30px 0;
    }
    .mlTabRow .mlTabNavigation li
    {
        padding: 10px 14px 10px 10px;
    }
    /* -#------#- ARTICLE ONLY ROW -#------#- */
    .articleOnlyRow article h3
    {
        font-size: 20px;
    }
    .articleOnlyRow article h4
    {
        font-size: 16px;
    }
    .articleOnlyRow article p
    {
        font-size: 14px;
        line-height: 20px;
    }
    /* -#------#- PORTAL FILTER -#------#- */
    .filterDataRow .result li .twoRow h3
    {
        font-size: 17px;
    }
    .filterDataRow .result li .twoRow p
    {
        font-size: 15px;
    }
    .filterDataRow .result li .bottom p
    {
        font-size: 14px;
    }
    /* -#------#- FORM -#------#- */
    .formFilterCenter
    {
        font-size: 14px;
    }
    .formGroup.checkboxButton .inputControl
    {
        font-size: 13px;
    }
    .formGroup.fromTo .number label
    {
        font-size: 14px;
    }
    /* -#------#- OTHER ARTICLE -#------#- */
    .centerSection section h3
    {
        font-size: 15px;
    }
    .centerSection section p
    {
        font-size: 14px;
    }
    /* -#------#- TABLE LIST TABLE -#------#- */
    table
    {
        padding: 30px 10px;
    }
    table.listTable th
    {
        font-size: 17px;
    }
    table.listTable tbody tr td
    {
        padding: 15px;
        font-size: 14px;
    }
    table.listTable tbody tr td:first-child
    {
        font-size: 15px;
    }
    /* -#------#- LIST ITEM -#------#- */
    .employmentRow .listItem li a
    {
        font-size: 14px;
    }
    .listItem li .number p
    {
        font-size: 24px;
    }
    /* -#------#- -#------#- AUTH REG ROW -#------#- -#------#- */
    /* -#------#- DOUBLE ROW AUTH -#------#- */
    .doubleRowAuthReg > div h3
    {
        font-size: 16px;
    }
    .doubleRowAuthReg .buttonRow a
    {
        font-size: 14px;
    }
    /* -#------#- MEDIA GALLERY ROW -#------#- */
    .mediaGalleryItem > div
    {
        width: 100%;
    }
}
@media (max-width: 1100px)
{
    /* -#------#- TAB ROW -#------#- */
    .mlTabRow .mlTabNavigation > ul
    {
        display: block;
        padding: 0;
    }
    .mlTabRow .mlTabNavigation > ul li
    {
        margin: 0;
        padding: 16px;
        color: var(--blueNight);
        font-weight: bold;
        font-size: 13px;
        border-bottom: 1px solid var(--border);
    }
    .mlTabRow .mlTabNavigation > ul li.active,
    .mlTabRow .mlTabNavigation > ul li:hover
    {
        background: var(--bgBlueLight);
        border-color: var(--border);
    }
    .mlTabRow .mlTabNavigation > ul li:first-child
    {
        border-top: 1px solid var(--border);
    }
    #mlTabCalculator ul li:last-child
    {
        white-space: unset;
    }
    #mlTabCalculator ul li:last-child br
    {
        display: none;
    }
    /* -#------#- CALCULATOR -#------#- */
    .calculator
    {
        margin-top: 30px;
    }
    /* -#------#- PORTAL FILTER -#------#- */
    .filterDataRow .filterForm
    {
        width: 300px;
        padding: 10px 10px;
    }
    .filterDataRow .mapFilterResult
    {
        width: 100%;
    }
    .filterDataRow .result
    {
        /*height: 400px;*/
    }
    .filterDataRow .formGroup.fromTo .number
    {
        margin-left: 10px;
    }
    .filterDataRow .formGroup.checkboxButton .inputControl
    {
        height: unset;
        min-height: 40px;
    }
    .filterDataRow .mlSelectHead .mlSelectResult,
    .filterDataRow .mlSelectContent ul li
    {
        font-size: 13px;
    }
    .filterDataRow .submitForm button
    {
        padding: 10px 40px;
        font-size: 14px;
    }
    .filterDataRow .submitForm.doubleSubmit button
    {
        padding: 10px 7px;
        font-size: 14px;
    }
    /* -#------#- OTHER ARTICLE -#------#- */
    .mlTabOtherArticleContent > div
    {
        padding: 30px;
    }
    /* -#------#- TABLE LIST -#------#- */
    .mlTabPadding
    {
        padding: 30px;
    }
    .mlTabPadding > div
    {
        padding: 0;
    }
    /* -#------#- ONLY ARTICLE -#------#- */
    .articleOnlyRow article.boldSmallText .textBox
    {
        padding: 0 30px;
    }
    /* -#------#- GALLERY GRID -#------#- */
    .mlGridGallery .img
    {
        width: calc(100% / 2 - 20px);
    }
}
@media (max-width: 1080px)
{
    /* -#------#- ADDRESS ROW -#------#- */
    .addressRow section
    {
        height: 150px;
        padding: 0 20px 0 40px;
    }
    .addressRow section h2
    {
        font-size: 18px;
    }
    .addressRow section a,
    .addressRow section p
    {
        font-size: 14px;
    }
}
@media (max-width: 1020px)
{
    /* -#------#- HEADER ROW -#------#- */
    .headerTop
    {
        height: unset;
        padding-bottom: 10px;
    }
    .headerTop > div
    {
        flex-direction: column;
    }
    .headerTop > div > .mapHeader
    {
        display: none;
    }
    .headerRight
    {
        justify-content: center;
    }
    .headerRight .textLeft
    {
        margin-right: 0;
    }
    .headerRight .textLeft p,
    .headerRight .textLeft h2
    {
        text-align: center;
    }
    .headerRight .textLeft p br
    {
        display: none;
    }
    /* -#------#- TAB ARTICLE -#------#- */
    .doubleRow > .widthMiddle
    {
        flex-direction: column;
    }
    .doubleRow .tabArticle
    {
        width: 100%;
    }
    .doubleRow .asideColumn
    {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    /* -#------#- CIRCLE ROW -#------#- */
    .circleRow .swiper-wrapper
    {
        justify-content: unset;
    }
    .circleRow .swiper-slide
    {
        display: flex;
        justify-content: center;
    }
    .circleRow .swiper-slide:nth-child(n+2)
    {
        margin-left: unset;
    }
    /* -#------#- NEWS ROW -#------#- */
    .gridRow .gridRowItem > article
    {
        width: 100%;
        margin-bottom: 0;
        margin-bottom: 10px;
    }
    .gridRow .gridRowItem > article:nth-child(n+2)
    {
        border-top: 1px solid var(--border);
    }
    /* -#------#- ADVERTISING ROW -#------#- */
    .advertisingRow .listItem li
    {
        width: 100%;
        height: unset;
        padding: 0 14px;
    }
    /* -#------#- FOOTER -#------#- */
    .economicsRow .swiper-slide > a h3
    {
        font-size: 15px;
    }
    .addressRow
    {
        justify-content: space-evenly;
        flex-wrap: wrap;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .addressRow section
    {
        align-items: center;
        width: calc(100% / 3);
        min-width: 235px;
        height: unset;
        padding: 0;
        margin-bottom: 20px;
        background: unset;
    }
    .addressRow section:nth-child(n+2)
    {
        border: unset;
    }
    .addressRow section:first-child p
    {
        text-align: center;
    }
    footer .underRow.widthPage
    {
        flex-direction: column-reverse;
    }
    footer nav
    {
        flex-direction: column;
        padding: 30px 0 40px 0;
    }
    footer .footerLinkRow
    {
        flex-direction: row;
    }
    footer .footerLinkRow a
    {
        font-size: 14px;
    }
    footer .marketArea
    {
        margin-top: 0;
    }
    /* -#------#- CALCULATOR -#------#- */
    .calculator
    {
        min-height: 300px;
    }
    .calculator .doubleForm
    {
        flex-direction: column;
    }
    .calculator .formBox
    {
        margin-bottom: 20px;
    }
    .calculator .formGroup
    {
        margin-bottom: 10px;
    }
    .calculator .doubleForm .formGroup
    {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .calculator .onceForm .formGroup
    {
        width: 100%;
    }
    .calculator .radioChoice
    {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .calculator .radioChoice .formGroup
    {
        width: calc(100% / 2 - 10px);
        margin-left: 0;
        margin-bottom: 10px;
    }
    .calculator .boxWithButton .print
    {
        display: none;
    }
    /* -#------#- MARQUEE SLIDER -#------#- */
    .marqueeSlider .swiper-slide a
    {
        font-size: 13px;
    }
    /* -#------#- PORTAL TOOL -#------#- */
    .portalToolRow .twoRow > form,
    .portalToolRow .twoRow > div
    {
        width: calc(100% / 2 - 30px);
    }
    .portalToolRow .search input
    {
        width: 100%;
    }
    .portalToolRow .buttonChoice a
    {
        padding: 0 20px 0 20px;
        font-size: 14px;
    }
    /* -#------#- DROPDOWN LIST ROW -#------#- */
    .mlDropdownListRow .mlDropdownListHead h3
    {
        font-size: 15px;
    }
    .mlDropdownListRow .mlDropdownListContent p
    {
        font-size: 14px;
    }
    /* -#------#- -#------#- AUTH REG ROW -#------#- -#------#- */
    /* -#------#- DOUBLE ROW AUTH -#------#- */
    .doubleRowAuthReg > div h3
    {
        font-size: 15px;
    }
    .doubleRowAuthReg .buttonRow a
    {
        padding: 12px 20px;
    }
    .doubleRowAuthReg .buttonRow a:nth-child(n+2)
    {
        margin-left: 30px;
    }
}
@media (max-width: 992px) and (min-width: 768px) {
    .lider_section_img {
        width: 100%;
    }

    table tbody tr {
        height: 150px;
    }

    table tbody .docs p {
        width: 65%;
    }
    .navbar_faq {
        display: flex;
    }
}
@media (max-width: 900px)
{
    /* -#------#- FOOTER -#------#- */
    footer nav
    {
        padding: 30px 0;
    }
    footer .footerLinkRow
    {
        flex-direction: column;
    }
    footer .marketArea
    {
        /*margin-top: 30px;*/
        margin: 0 auto !important;
    }
    footer .footerLinkRow .listLink ul, footer .footerLinkRow .marketArea{
        margin-left: 0;
    }
    footer .footerLinkRow .listLink{
        justify-content: space-around;
        margin-bottom: 30px;
    }
    /* -#------#- MEDIA GALLERY ROW -#------#- */
    .mediaGalleryRow .mediaGrid,
    .mediaViewRow .mediaGrid
    {
        flex-direction: column;
    }
    .mediaGalleryForm
    {
        width: 100%;
        margin-bottom: 20px;
    }
    .mediaGalleryItem,
    .mediaViewContent,
    .mediaViewContent .mediaSlider,
    .mediaViewContent .mediaText
    {
        width: 100%;
    }
    .mediaViewDescription
    {
        margin-top: 20px;
    }
}
@media (max-width: 780px)
{
    /* -#------#- FOOTER -#------#- */
    .addressRow section h2
    {
        font-size: 16px;
    }
    .addressRow section a,
    .addressRow section p
    {
        font-size: 13px;
    }
    .addressRow section a:last-child,
    .addressRow section p:last-child
    {
        margin-top: 5px;
    }
    .addressRow section:first-child p
    {
        line-height: 20px;
    }
    /* -#------#- CALCULATOR -#------#- */
    .calculator .form
    {
        width: calc(100% - 274px);
    }
    /* -#------#- PORTAL TOOL ROW -#------#- */
    .portalToolRow .search input
    {
        width: 80%;
    }
}
@media  (max-width: 768px) {
    .pensia_gaznasy .bg-static {
        width: 95%;
    }

    .container.sign_in {
        margin-top: 80px;
    }

    table tbody tr {
        height: 150px;
    }

    table tbody .docs p {
        width: 55%;
    }
    table tbody td {
        padding: 10px 5px !important;
    }
    .navbar_faq {
        padding-top: 5px;
    }
    .navbar_faq svg {
        margin-left: 0 !important;
    }
}
@media (max-width: 768px) and (min-width: 500px) {
    .service-grid .service-card p {
        font-size: 20px;
    }
}
@media (max-width: 730px)
{
    /* -#------#- CALCULATOR -#------#- */
    .calculator .form
    {
        width: calc(100% - 234px);
    }
    .calculator .result
    {
        width: 204px;
    }
    /* -#------#- PORTAL TOOL ROW -#------#- */
    .portalToolRow .twoRow
    {
        flex-direction: column;
        align-items: center;
    }
    .portalToolRow .twoRow > form, .portalToolRow .twoRow > div
    {
        width: 100%;
    }
    .portalToolRow .search input
    {
        width: 100%;
    }
    .portalToolRow .choice
    {
        height: 35px;
        margin-top: 10px;
    }
    /* -#------#- -#------#- AUTH REG ROW -#------#- -#------#- */
    /* -#------#- DOUBLE ROW AUTH -#------#- */
    .doubleRowAuthReg
    {
        flex-direction: column;
        align-items: center;
    }
    .doubleRowAuthReg > div
    {
        width: 100%;
    }
    .doubleRowAuthReg .buttonRow
    {
        justify-content: space-between;
    }
    .doubleRowAuthReg > div:nth-child(n+2)
    {
        margin-top: 60px;
    }
    .doubleRowAuthReg .buttonRow a
    {
        display: flex;
        justify-content: center;
        width: 50%;
    }
}
@media (max-width: 700px)
{
    /* -#------#- NEWS ROW -#------#- */
    .gridRow .gridRowItem
    {
        padding: 0;
    }
    .gridRow .gridRowItem > article .description h3
    {
        font-size: 14px;
    }
    /* -#------#- ADVERTISING ROW -#------#- */
    .advertisingRow .listItem li .number p
    {
        font-size: 18px;
    }
    .advertisingRow .listItem li .number p:nth-child(2)
    {
        font-size: 15px;
    }
    .listItem li .description a
    {
        font-size: 14px;
    }
    /* -#------#- FORM -#------#- */
    .formGroup.fromTo .number
    {
        margin-left: 10px;
    }
    .doubleForm
    {
        flex-direction: column;
    }
    .doubleForm .formGroup
    {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .doubleForm .formGroup:nth-child(2n)
    {
        margin: 0 0 20px 0;
    }
    .formInfoBold,
    .formGroup.fromTo .number label
    {
        font-size: 13px;
    }
    .filterDataRow .doubleForm
    {
        flex-direction: row;
    }
    .mediaGalleryForm .doubleForm .formGroup
    {
        width: 100%;
    }
    .mediaGalleryForm .doubleForm .formGroup:nth-child(2n)
    {
        margin-left: 0;
    }
    /* -#------#- ONLY ARTICLE -#------#- */
    .onlyArticleRow .newsPage .textImage .img
    {
        width: 100%;
        margin-bottom: 20px;
    }
    /* -#------#- FOOTER -#------#- */
    footer .logotype
    {
        justify-content: center;
    }
    footer .logotype h2
    {
        text-align: center;
    }
    footer .footerLinkRow .listLink ul,
    footer .footerLinkRow .marketArea
    {
        margin-left: 50px;
    }
    /* -#------#- AUTH REG -#------#- */
    .authRegForm form
    {
        width: 100%;
    }
    /* -#------#- ACCOUNT ROW -#------#- */
    .accountRow .infoBox.threeBox > div,
    .accountRow .infoBox.twoBox > div
    {
        width: calc(100%);
    }
    .accountRow .infoBox.threeBox > div:nth-child(n+2),
    .accountRow .infoBox.twoBox > div:nth-child(n+2)
    {
        margin-top: 20px;
    }
    .infoBox .infoLine
    {
        flex-wrap: wrap;
    }

}
@media (max-width: 670px)
{
    /* -#------#- CALCULATOR -#------#- */
    .calculator > div .twoRow
    {
        padding: 0;
        flex-direction: column;
    }
    .calculator .form,
    .calculator .result
    {
        width: 90%;
        margin-left: 68px;
    }
    .calculator .calculatorInfo
    {
        font-size: 13px;
    }
    .portalToolRow .choice > p
    {
        margin-right: 10px;
    }
    .portalToolRow .buttonChoice a
    {
        font-size: 13px;
        padding: 0 10px;
    }
    /* -#------#- OTHER ARTICLE -#------#- */
    .mlTabOtherArticleContent > div
    {
        padding: 30px 0;
    }
    .centerSection
    {
        padding: 0;
    }
    section.articlePadding
    {
        padding: 15px 10px;
    }
    /* -#------#- TABLE LIST -#------#- */
    .mlTabPadding
    {
        padding: 0;
    }
    /* -#------#- EMPLOYMENT LIST -#------#- */
    .employmentRow.smallBox > div
    {
        width: 100%;
    }
    /* -#------#- ONLY ARTICLE -#------#- */
    .articleOnlyRow article.boldSmallText .textBox
    {
        padding: 0;
    }
    .articleOnlyRow .articlePadding
    {
        padding: 30px 10px;
    }
    /* -#------#- MEDIA GALLERY ROW -#------#- */
    .mediaGalleryRow .mediaGrid, .mediaViewRow .mediaGrid
    {
        padding: 20px 0 0 0;
    }
}
@media (max-width: 630px)
{
    /* -#------#- TAB ARTICLE -#------#- */
    .tabArticle .articleItem
    {
        display: none;
    }
    .tabArticle .articleNavigation
    {
        width: 100%;
    }
    .tabArticle .articleNavigation section a
    {
        pointer-events: auto;
    }
    /* -#------#- PORTAL FILTER -#------#- */
    .filterDataRow .result li .twoRow h3
    {
        font-size: 15px;
    }
    .filterDataRow .result li .twoRow p
    {
        font-size: 14px;
    }
    .filterDataRow .result li > a
    {
        padding: 10px 15px;
    }
    .filterDataRow .result li .description .bottom
    {
        margin-top: 10px;
    }
    .filterDataRow .result li img
    {
        height: 90px;
    }
    .filterDataRow .result li .bottom p
    {
        font-size: 13px;
    }
}
@media (max-width: 570px)
{
    /* -#------#- IMAGE GALLERY -#------#- */
    .onlyArticleRow .articlePadding
    {
        padding: 15px;
    }
    /* -#------#- GALLERY GRID -#------#- */
    .mlGridGallery .img
    {
        width: calc(100% / 1 - 20px);
    }
    .breadcrumbs ul{
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding-bottom: 10px;
    }
    .breadcrumbs ul li a{
        white-space: nowrap;
    }
}
@media (max-width: 530px)
{
    /* -#------#- FORM -#------#- */
    .formPadding
    {
        padding: 30px 10px;
    }
    .personalData
    {
        flex-direction: column;
    }
    .personalData .privateData,
    .personalData .image
    {
        width: 100%;
    }
    .tripleForm
    {
        flex-direction: column;
    }
    .tripleForm .formGroup
    {
        width: 100%;
    }
    /* -#------#- PORTAL FILTER -#------#- */
    .filterDataRow .result li > a
    {
        flex-direction: column;
        padding: 10px;
    }
    .filterDataRow .result li .description
    {
        margin-top: 10px;
    }
    .filterDataRow .result li img
    {
        height: 112px;
        margin: 0;
    }
    /* -#------#- FOOTER -#------#- */
    footer .footerLinkRow .listLink
    {
        flex-direction: column;
    }
    footer .footerLinkRow .listLink ul,
    footer .footerLinkRow .marketArea
    {
        margin-left: 0;
    }
    footer .footerLinkRow .listLink ul:nth-child(n+2)
    {
        margin-top: 30px;
    }
    /* -#------#- MEDIA GALLERY ROW -#------#- */
    .mediaGalleryItem section
    {
        width: 100%;
    }
    .mediaGalleryItem section:nth-child(2n)
    {
        margin-left: 0;
    }
    .mediaGalleryItem section:nth-child(n+3)
    {
        margin-top: 0;
    }
    .mediaGalleryItem section:nth-child(n+2)
    {
        margin-top: 20px;
    }
    /* -#------#- ACCOUNT ROW -#------#- */
    .accountInfo, .accountRelation
    {
        padding: 10px;
    }
    footer .footerLinkRow .listLink ul li{
        display: block;
        text-align: center;
    }
}
@media (max-width: 500px) {
    /* .services {
        margin-top: 290px;
    } */
    .services .card-1 {
        display: flex;
        align-items: center;
    }

    .news .slider img {
        margin-left: -5px;
    }

    .card-static-pensia p {
        font-size: 18px;
        width: 70%;
        margin: auto; 
   }

    .pensia_gaznasy h1 {
        font-size: 1.8rem;
    }

    table tbody .docs img {
        display: none;
    }
    table tbody .docs p {
        width: 65%;
    }
}
@media (max-width: 480px)
{
    /* -#------#- LOGOTYPE -#------#- */
    header .logotype, .logotype a
    {
        flex-direction: column;
        margin-bottom: 6px;
    }
    header .logotype h1
    {
        font-size: 16px;
        text-align: center;
    }
    /* -#------#- MAIN SLIDER -#------#- */
    .mainSlider > div
    {
        padding: 0;
    }
    .mainSlider .swiper-slide img
    {
        width: 100%;
        height: 220px;
    }
    .mainSlider .swiperArrowBox
    {
        display: none;
    }
    /* -#------#- NEWS ROW -#------#- */
    .gridRow .gridRowItem > article
    {
        flex-direction: column;
        height: unset;
    }
    .gridRow .gridRowItem > article .description
    {
        padding: 15px 0 20px 0;
    }
    .gridRow .gridRowItem > article .description h3
    {
        text-align: center;
        margin-bottom: 10px;
    }
    /* -#------#- OTHER CLASS -#------#- */
    .articlePadding
    {
        padding: 30px 10px;
    }
    .filterDataRow .result li .description > .twoRow
    {
        flex-direction: column;
    }
    .filterDataRow .result .resultItem li .twoRow h3{
        margin-bottom: 10px;
    }
}
@media (max-width: 430px)
{
    /* -#------#- EMPLOYMENT LIST -#------#- */
    .employmentRow.smallBox .listItem
    {
        padding: 30px;
    }
    .filterTabOptions{
        flex-direction: column;
        margin-bottom: 24px;
    }
    .filterTabOptions .totalResult{
        margin-top: 10px;
    }
}
@media (max-width: 350px)
{
    .filterDataRow .result .resultItem li .bottom .cardBlueValue{
        width: 100%;
    }

}