@media only screen 
  and (min-device-width: 767Px) 
  and (max-device-width: 1025px) 
  and (orientation: portrait) 
{
.container-full.home-row-label.bg-row.event {
    height: 65px !important;
}
.row.mt-1.newssilder {
    top: -37px !important;
}
.row.mt-1.eventsilder {
    top: -37px !important;
}
.row.mt-1.eventsilder {
    top: 0;
    padding-bottom: 20px;
    margin-bottom: -30px;
}

.row.mt-1.newssilder {
    top: 0;
    padding-bottom: 20px;
    margin-bottom: -30px;
}
a.infouser.mobile {
    display: block;
}
footer.wrapper.container-full {
    margin-bottom: 0px !important;
    margin-right: 0px !important;
}
.ebook.bg.container.text-center.news {
    height: auto;
}
}
@media only screen 
  and (min-device-width: 767Px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
{
.container-full.home-row-label.bg-row.event {
    height: 127px;
}
 .header-area .search-area .searchform .submit-search {
    color: #fff;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 0px;
    border-radius: 0 2px 2px 0;
    font-size: 20px;
    border: 1px solid #63acda;
    background: #63acda;
    z-index: 1;
    padding: 9px 10px !important;
    border-radius: 5px !important;
}
.see-all-box {
    height: 0px !important;
}
.cover-img {
    height: 250px !important;
}
.cover-img.multimedia {
    height: 180px !important;
}
img.img-cover {
    max-height: 250px !important;
}
}
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}


@media only screen 
  and (min-device-width: 767px) 
  and (max-device-width: 1024px) 
{
.col-md-3.col-xs-12.mb-xs-0.text-right {
    text-align: left !important;
}
div#area_form {
    margin-bottom: 2.5em;
}
img.logo-footer {
    width: 100% !important;
}
div#area_form {
    padding: 0px;
    border: 0px solid #ddd !important;
}
img.img-cover.multimedia {
    width: 100%;
    height: 90px;
    margin-top: 20px;
}
.label-home-bar-son {
    width: 25%;
    height: auto;
    font-size: 27px;
}
.navbar.basic .navbar-nav {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
}
.review-list .rdate {
    font-size: 0.7em;
    font-style: italic;
    text-align: left;
}
}


/*ipad*/
@media (min-width: 768px) and (max-width: 979px)  
{
    
    .col-md-offset-1.col-md-5.mt-2 {
        margin-top: 1em !important;
    }

    .language-sm {
    float:right;
    width: 40px;
    margin-top: 0px
    }

    img.logo-header {
        position: absolute;
        width: auto;
        height: 50px;
        padding-left: 20px;
    }

    .hide_drop
    {
      display: none;
    }
    .container-full 
    {
    margin-bottom: 0em !important;
    }
    footer.wrapper.container-full 
    {
        margin-bottom: 0px !important;
        margin-right: 0px !important;
    }

    .container 
    {
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-sm-1-10 
    {
        width: 10%;
        float: left;
    }
    img.breadcrumb-naja 
    {
      width: 26px;
    }

    .asd {
        position: relative;
        width: 0.5em;
        margin-left: 0.3em;
        margin-right: 0.3em;
        height: max-content;
        bottom: 3px;
    }

    .asd2 {
        position: relative;
        width: 0.5em;
        margin-left: 0.3em;
        margin-right: 0.3em;
        height: max-content;
        bottom: 3px;
    }

      div.sub-main a{
            color:#b5b6b6;
            font-weight: bolder;
            font-size: 0.8em;
      }
      div.sub-main{
            background: transparent;
            padding-left: 0px;
            }

        .breadcrumb.sub > div + div:before {
            content: "/\00a0";
            padding: 0 5px;
            color: #cccccc;
            display: none;
            }
        .breadcrumb.sub > div + div:before {
            padding: 0;
            }
        div.sub-active{
            background: transparent;
            color: #105bab;
            padding-top: 2px;
            font-size: 0.9em;
            }
        .sub-active.che {
            -webkit-clip-path: polygon(0 0, 50% 0, 0 100%, 0 100%);
            clip-path: polygon(0 0, 50% 0, 0 100%, 0 100%); 
            right: 1px;
             position: relative;
            }
    .detail_top
    {
        margin-top:-1em;
    }
  .policy1
    {
        line-height: 24px;
    }
    .reserv_hide
    {
      display: none;
    }

    .bt_update
    {
        text-align: left;
    }
    .bt_update2
    {
        margin-left: 12em;
        margin-top: -30px;
    }

    /*  Page Home  */
    /*-------------*/
    

    .label-home-bar-son{
    width: 25%;
    height: auto;
    font-size: 28px;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    background: #00aef0;
    padding: 15px;
    color: #fff;
    border-right: 12px solid #105aab;
    background: rgb(19,153,240);
    background: -moz-linear-gradient(61deg, rgba(20, 189, 253) 0%, rgba(1,168,239,1) 100%);
    background: -webkit-linear-gradient(61deg, rgba(20, 189, 253) 0%, rgba(1,168,239,1) 100%);
    background: linear-gradient(61deg, rgba(20, 189, 253) 0%, rgba(1,168,239,1) 100%);
    left: 290px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1399f0",endColorstr="#01a8ef",GradientType=1);
    position: absolute;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




    .left_regis
    {
        margin-left:-15px;
        padding-left: 0px;
    }

    .home .cover-img {
        width: 100%;
        height: 210px;
    }
    .home figure img {
        width: 100%;
        max-height: 210px;
    }
    
    .hometop
    {
        width: 100%; 
        display: inline-block;
        margin :2px !important;
        margin-top: 10px !important;
    }

    .cover-img.np 
    {
        height: 210px !important;
    }

    .cover-img.multimedia 
    {
      height: 180px;
      object-fit: cover;
    }
    img.img-cover.multimedia 
    {
        height: auto !important;
        max-height: 140px !important;
    }
    .cover-img.multimedia img {
        max-height: 130px !important;
    }

    .container-full 
    {
     margin-bottom: 2em;
     padding-bottom:3.5em;
    }

    .container-full.news 
    {
    background-image: url(../images/background/bg_news.png);
    background-repeat: round;
    padding-top: 1em;
    padding-bottom: 1em;
    height: auto;
    margin-bottom: 0em;
    margin-top: 1em;
    }
    .container-full.home-row-label.bg-row.event 
    {
        height: 110px;
    }
    .container-full.news.event 
    {
        background-image: url(../images/background/bg_events.png);
    }

    .title-cover-name {
    color: #000;
    margin: 0;
    font-weight: normal;
    font-size: 0.85em;
    height: auto;
    line-height: 1.5;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 1em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 4em;
    }
    .title-cover-name i {
        color: #105bab;
    }

    .title-name-area .title-cover-name-detail {
    /*font-family: 'rsuregular',sans-serif;*/
    margin: 0 auto;
    font-size: 1.3em;
    height: auto;
    line-height: 1.5;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    font-family: 'kanit';
    color: #105bab;
    }
    .title-name-area .title-cover-name-detail i {
        color: #105bab;
    }
    .title-name-area .title-cover-name-detail .rating-show {
        direction: rtl;
        unicode-bidi: bidi-override;
    }
    .title-name-area .title-cover-name-detail .rating-show i {
        color: #105bab;
    }
    .title-name-area .subtitle-cover-name-detail {
        font-family: 'kanit',sans-serif;
        font-size: 1em;
        height: 2em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #9E9E9E;
        padding: 0;
        padding-left: 0em;
        padding-top: 0.5em;
    }
    .title-name-area .subtitle-cover-name-detail a {
        color: #000;
        font-family: 'kanit';
        font-weight: 300;;
    }
    .title-name-area .subtitle-cover-name-detail a:hover {
        color: #105bab;
    }


    /*  Page Show All Grid  */
    /*----------------------*/
    .show_all .cover-img,
    .myshelf-grid .cover-img {
        width: 100%;
        height: 220px;
    }
    .show_all figure img,
    .myshelf-grid figure img {
        width: 100%;
        max-height: 220px;
    }

     .show_all .cover-img3 {
      width: 100%;
      height: 210px;
      display: table-cell;
      vertical-align: bottom;
    }

    .cover-img3.multimedia2 {
      width: 100%;
      max-height:210px;
    }

    .hide_drop
    {
      display: none;
    }

  
    .cover-img.shelf 
    {
    padding-left: 8px;
    padding-right: 8px;
    height: 270px;
    }
    img.img-cover-list.shelf 
    {
        max-height: 300px !important;
    }
    img.img-cover-list.vdo 
    {
        max-height: 130px !important;
    }

    /*----------------------*/
    /*  Page Show All List  */
    /*----------------------*/

    .list-item {
        margin: 10px; /*media*/
    }
    .list-item .list-img {
        padding: 0 10px; /*media*/   
        margin-bottom:30px; 
    }
}


/*@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
 {

.cover-img {
    height: 250px !important;
}
.cover-img.np {
    height: 250px !important;
}

img.img-cover {
    max-height: 240px !important;
    height: auto !important;
}
.cover-img.np img {
    max-height: 210px !important;
    height: auto !important;
}
.cover-img.cd.np {
    height: 250px !important;
}
.cover-img.cd {
    height: 175px !important;
}
img.img-cover.cd {
   max-height: 175px !important;
    height: auto !important;
}
.home .cover-img.np {
    display: table-cell !important;
    vertical-align: bottom !important;
}
.cover-img.multimedia {
    height: 160px !important;
}
img.img-cover.multimedia {
    height: auto !important;
    max-height: 140px !important;
}
.cover-img.multimedia img {
    max-height: 130px !important;
}
.container-full {
    margin-bottom: 0em !important;
}
footer.wrapper.container-full {
    margin-bottom: 0px !important;
    margin-right: 0px !important;
}
}*/