@media screen and (max-width: 768px) {
    /*.page_wrap {*/
    /*    min-height: calc( 100vh - 4em - 70px );*/
    /*}*/
    /* header {
        position: inherit;
        height: 4em;
        background: rgba(18,204,0,1);
    }
    .uk-navbar {
        padding: .5em;
    }
    a.uk-navbar-toggle {
        color: rgba(255,255,255,1);
    }
    .uk-nav ul a {
        padding: 5px 5px 5px 20px;
        color: rgba(18,204,0,1) !important;
    }
    .uk-nav ul a:hover {
        background: rgba(18,204,0,1) !important;
        color: rgba(255,255,255,1) !important;
    }
    .uk-offcanvas-bar {
        background: rgba(18,204,0,.15) !important;
    }
    ul.uk-nav-sub {
        padding: 0px !important;
    }
    .uk-nav-offcanvas > li > a {
        color: rgba(18,204,0,1) !important;
    }
    html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
        background: rgba(255,255,255,1) !important;
    }
    .uk-navbar-content:before {
        height: 1em !important;
    }
    .uk-navbar-brand {
        font-size: 1.9em;
        padding: 0px !important;
    }
    .page_block {
        min-height: calc(100vh - 4em - 65px);
    }
    .page_label {
        padding-top: 1em;
    }
    .page_label,
    .page_content,
    .page_helper {
        height: auto;
        padding-bottom: 2em;
    }
    .account {
        display: none;
    } */
    /* #lib_channels { */
        /*overflow-x: auto;*/
    /* } */
    /* .header_logo {
        display: none;
    } */
    /* .service_dscrb {
        width: 90%;
    } */
    /*.sub_block {
        width: 100% !important;
    }*/
    /* .sub_block_list,
    .gr_sort {
        padding-left: 0 !important;
    }
    .fpage_title, {
        padding-left: 1em;
    }
    .soft_page {
        padding-top: 2rem;
    } */
    .pl_content_block {
        margin-left: 0!important;
    }
    .pl_content_block > div {
        padding-left: 0 !important;
    }
    .uk-heading-hero {
        font-size: 2em !important;
    }
    .uk-heading-primary {
        font-size: 1.5em !important;
    }
    .header_logo {
        margin: 5px !important;
    }

    .article_img {
        width:100px!important;
    }
    .cntnt_blk {
        margin-left:auto !important;
        margin-right:auto !important;
    }
}
@media screen and (min-width: 960px) {
    #supportContent {
      padding: 0 !important;
    }
}
@media screen and (max-width: 959px) {
    #gr_box {
        margin-left: 0 !important;
        background-color: rgba(255,255,255,.95);
    }
    #gr_box li.uk-active {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(18, 204, 0, 1);
    }
    .short_label .uk-form-controls {
        margin-left: 0 !important;
    }
    #epgBtnWrap {
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 479px){
    
}

@media screen and (min-width:769px) {
    
    .fpage_header {
        position: fixed;
    }
    #tab-content {
        margin-left: 1em;
    }
}
@media screen and (min-width: 769px) and (orientation:portrait){
    .page_label a h3.uk-heading-large {
        /*width: 90%;*/
        font-size: 2rem !important;
    }
    
}

@media screen and (min-width: 640px) and (max-width:1219px) {
    
}
@media screen and (max-width: 640px) {
    button[type=submit],
    button[type=reset] {
      padding: 0 20px !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 840px){
    .uk-navbar {
        /*padding: 2em 1em 0 0;*/
    }
    .header_logo {
        margin-left: 0.5em;
    }
    .uk-navbar-nav > li > a {
        padding: 0 0.5em;
    }
    .lang_switch {
        padding-left: 0.5em !important;
    }
}
@media screen and (max-width: 840px){
    .page_label {
        padding-top: 1em !important;
    }
    .page_label a {
        text-align: left;
        font-size: 2rem !important;
    }
}
/*========================
PLUS UIKIT
========================*/
@media (min-width: 1220px) {
    .page_block {
        /*min-height: 100vh !important;*/
        /*height: auto !important;*/
    }
    .page_content {
        max-height: calc( 100vh - 8em - 70px );
        height: auto;
        overflow: auto;
    }
    .page_label a {
        text-align: right;
    }
    .br_crumb {
        text-align: right;
    }
  /* Whole */
  .uk-width-xlarge-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-xlarge-1-2,
  .uk-width-xlarge-2-4,
  .uk-width-xlarge-3-6,
  .uk-width-xlarge-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-xlarge-1-3,
  .uk-width-xlarge-2-6 {
    width: 33.333%;
  }
  .uk-width-xlarge-2-3,
  .uk-width-xlarge-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-xlarge-1-4 {
    width: 25%;
  }
  .uk-width-xlarge-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-xlarge-1-5,
  .uk-width-xlarge-2-10 {
    width: 20%;
  }
  .uk-width-xlarge-2-5,
  .uk-width-xlarge-4-10 {
    width: 40%;
  }
  .uk-width-xlarge-3-5,
  .uk-width-xlarge-6-10 {
    width: 60%;
  }
  .uk-width-xlarge-4-5,
  .uk-width-xlarge-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-xlarge-1-6 {
    width: 16.666%;
  }
  .uk-width-xlarge-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-xlarge-1-10 {
    width: 10%;
  }
  .uk-width-xlarge-3-10 {
    width: 30%;
  }
  .uk-width-xlarge-7-10 {
    width: 70%;
  }
  .uk-width-xlarge-9-10 {
    width: 90%;
  }
}
@media (min-width: 1601px) {
    /* Whole */
    .uk-width-xxlarge-1-1 {
      width: 100%;
    }
    /* Halves */
    .uk-width-xxlarge-1-2,
    .uk-width-xxlarge-2-4,
    .uk-width-xxlarge-3-6,
    .uk-width-xxlarge-5-10 {
      width: 50%;
    }
    /* Thirds */
    .uk-width-xxlarge-1-3,
    .uk-width-xxlarge-2-6 {
      width: 33.333%;
    }
    .uk-width-xxlarge-2-3,
    .uk-width-xxlarge-4-6 {
      width: 66.666%;
    }
    /* Quarters */
    .uk-width-xxlarge-1-4 {
      width: 25%;
    }
    .uk-width-xxlarge-3-4 {
      width: 75%;
    }
    /* Fifths */
    .uk-width-xxlarge-1-5,
    .uk-width-xxlarge-2-10 {
      width: 20%;
    }
    .uk-width-xxlarge-2-5,
    .uk-width-xxlarge-4-10 {
      width: 40%;
    }
    .uk-width-xxlarge-3-5,
    .uk-width-xxlarge-6-10 {
      width: 60%;
    }
    .uk-width-xxlarge-4-5,
    .uk-width-xxlarge-8-10 {
      width: 80%;
    }
    /* Sixths */
    .uk-width-xxlarge-1-6 {
      width: 16.666%;
    }
    .uk-width-xxlarge-5-6 {
      width: 83.333%;
    }
    /* Tenths */
    .uk-width-xxlarge-1-10 {
      width: 10%;
    }
    .uk-width-xxlarge-3-10 {
      width: 30%;
    }
    .uk-width-xxlarge-7-10 {
      width: 70%;
    }
    .uk-width-xxlarge-9-10 {
      width: 90%;
    }
    .uk-width-xxxlarge\@xl {
        width:900px;
    }
}
@media (min-width:1900px) {
    .uk-width-1-1\@xxl {
        width: 100%
    }

    .uk-width-1-2\@xxl {
        width: 50%
    }

    .uk-width-1-3\@xxl {
        width: calc(100% * 1 / 3.001)
    }

    .uk-width-2-3\@xxl {
        width: calc(100% * 2 / 3.001)
    }

    .uk-width-1-4\@xxl {
        width: 25%
    }

    .uk-width-3-4\@xxl {
        width: 75%
    }

    .uk-width-1-5\@xxl {
        width: 20%
    }

    .uk-width-2-5\@xxl {
        width: 40%
    }

    .uk-width-3-5\@xxl {
        width: 60%
    }

    .uk-width-4-5\@xxl {
        width: 80%
    }

    .uk-width-1-6\@xxl {
        width: calc(100% * 1 / 6.001)
    }

    .uk-width-5-6\@xxl {
        width: calc(100% * 5 / 6.001)
    }

    .uk-width-small\@xxl {
        width: 150px
    }

    .uk-width-medium\@xxl {
        width: 300px
    }

    .uk-width-large\@xxl {
        width: 450px
    }

    .uk-width-xlarge\@xxl {
        width: 600px
    }

    .uk-width-xxlarge\@xxl {
        width: 750px
    }

    .uk-width-auto\@xxl {
        width: auto
    }

    .uk-width-expand\@xxl {
        flex: 1;
        min-width: 1px
    }
}