@media screen and (max-width: 1200px) {
    .banner-menu a {
        height: 66px;
        padding: 3px 5px;
        font-size: 0.95em;
    }

    .top-menu-frst,
    .top-menu-scnd {
        height: 50px;
    }

    header nav.top-menu ul li a {
        max-width: 150px;
        min-width: 100px;
        padding: 0 5px;
        font-size: .8em;
        height: 48px;
    }
}


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

    header nav.top-menu ul li a {
        font-size: .7em;
    }

    .org-name p.info,
    .org-name p.lic {
        margin-top: 7px;
        font-size: 0.8em;
    }
}

@media screen and (max-width: 992px) {
    .header-info {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-around;
        height: 170px;
    }

    .logo {
        width: 90px;
    }

    .header-top-mod {
        margin-top: 0;
        padding: 5px 0;
        width: 100%;
        border-top: 1px solid #fff;
        font-size: 0.7em;
    }

    .header-top-mod .custom {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-around;
    }


    .header-top-mod span {
        padding: 7px 0 7px 27px;
        margin: 0 3px;
    }

    .banner-menu a {
        height: 36px;
        padding: 3px 5px;
        font-size: 0.95em;
    }

    .banner-menu a span {
        display: none;
    }

    .banner-text {
        height: 75px;
    }

    .banner-text p {
        display: none;
    }

    aside.left {
        padding: 20px 5px 20px 5px;
    }

    main {
        padding: 5px;
    }

    .left-menu ul li a {
        line-height: 1em;
    }


    main .pagination ul li a,
    main .pagination ul li span {
        display: block;
        margin: 2px;
        padding: 5px;
        border: 1px solid #426ecb;
    }


}

@media screen and (max-width: 768px) {
    .header-info {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        height: auto;
    }

    .org-name .custom {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        align-items: center;
    }

    .org-name p.name {
        order: 0;
        margin: 5px 0;
    }

    .org-name p.info {
        order: 1;
    }

    .org-name p.lic {
        order: 2;
    }

    .org-name p.info,
    .org-name p.lic {
        margin-top: 3px;
        font-size: 0.8em;
    }


    .logo {
        margin: 5px 0;
        width: 90px;
    }

    .header-top-mod {
        margin-top: 0;
        padding-top: 5px;
        width: 100%;
        border-top: 1px solid #fff;
        font-size: 0.7em;
    }

    .header-top-mod .custom {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-around;
    }


    .header-top-mod span {
        padding: 7px 0 7px 27px;

    }

    .top-menu-frst,
    .top-menu-scnd {
        display: none;
    }

    .banner-menu {
        display: none;
    }

    .content {
        flex-wrap: wrap;
    }

    aside.left {
        width: 100%;
        padding: 20px 10px 20px 10px;
        order: 1;
    }

    aside.left nav {
        display: none;
    }

    main {
        width: 100%;
        padding: 10px;
        order: 0;
    }

    footer {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }

    footer .footer-left,
    footer .footer-right {
        width: 100%;
        text-align: center;
    }

    /*-----------------burger_menu-------------------*/

    .adv_m_menu {
        display: block;
        float: right;
        width: 100%;
        background-color: #426ecb;
        position: relative;
        color: white;
        text-align: center;
        height: 40px;
        overflow: visible;
        margin: 5px 0;
    }

    .adv_m_menu #check-menu {
        display: none;
    }

    .adv_m_menu label {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 200;
        line-height: 40px;
    }

    .adv_m_menu .burger-line {
        position: absolute;
        top: 8px;
        right: 10px;
        width: 35px;
        height: 2px;
        background-color: #fff;
        transition: .2s all;
    }

    .adv_m_menu .second,
    .adv_m_menu .third {
        top: 18px;
    }

    .adv_m_menu .fourth {
        top: 28px;
    }

    .adv_m_menu ul.adv_m_menu_ul {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateY(100%);
        max-height: 0;
        font-size: 0;
        overflow: hidden;
        transition: .2s all;
        z-index: 200;
        list-style: none;
        width: 100%;
    }

    .adv_m_menu ul.adv_m_menu_ul ul {
        list-style: none;
    }

    .adv_m_menu a {
        display: block;
        width: 100%;
        padding: 10px;
        color: white;
        text-decoration: none;
        border-top: 1px solid rgba(255, 255, 255, .3);
        background-color: #426ecb;
        text-align: left;
    }

    .adv_m_menu a:hover {
        background-color: #0f3b98;
        text-decoration: none;
        color: #fff;
    }

    .adv_m_menu #check-menu:checked ~ .adv_m_menu_ul {
        max-height: 1000px;
        font-size: 1em;
    }

    .adv_m_menu #check-menu:checked ~ .first {
        display: none;
    }

    .adv_m_menu #check-menu:checked ~ .second {
        transform: rotate(45deg);
    }

    .adv_m_menu #check-menu:checked ~ .third {
        transform: rotate(-45deg);
    }

    .adv_m_menu #check-menu:checked ~ .fourth {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .banner-text {
        width: 100%;
        right: 0;
        border-radius: 0;
        background-color: rgba(255, 255, 255, 0.9);
        text-align: center;
        height: 40px;
    }

    .banner-text h3.bannerhead {
        font-size: 1.3em;
        font-weight: 700;
    }

    .banner-text a {
        display: none;
    }

    .header-top-mod span.pk {
        display: none;
    }

    .header-top-mod span.email {
        display: none;
    }

    main .pagination ul {
        flex-wrap: wrap;
    }

    /*-------------content-------------*/

    main table tr {
        display: block;
        margin-bottom: 1rem;
        border-bottom: 2px solid #e8e9eb;
    }

    main table td {
        display: block;
        text-align: center;
        overflow: visible;
    }

    main table td a.thumbnail {
        display: block;
    }

    main table td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }

    .blog .items-row img {
        float: none;
        margin: 0 auto;
        width: 100%;
        height: auto;
        margin-right: none;
    }

}