/******************** icons on index  oiico   *********************/
@media (max-width: 835px) {
    .oiico-item-text {
        font-size: 15px;
        left: 2%;
        width: 98%;
    }
}
@media (max-width: 760px) {
    .oiico-data,
    .oiico-row {
        display: block;
    }
    .oiico-item {
        display: inline-block;
        width: 33%;
        margin-bottom: 10px;
    }
    .oiico-item .oiico-item-text a {
        display: inline-block;
        max-width: 162px;
    }
    .oiico {
        font-family: "Roboto",sans-serif;
        margin-left: -20px;
        margin-right: -20px;
    }
    .oiico-item-image-tmp, .oiico-item-image {
        min-width: 70px;
        width: 40%;
    }
    .oiico-hid{
        display: block;
    }
    .oiico-item-text {
        font-size: 16px;
        left: 5%;
        width: 90%;
    }
    .oic-data-cell-3_single{
        padding-left: 0;
    }
}
@media (max-width: 490px) {
    .oiico-item {
        width: 50%;
    }
}



/******************** news on index    *********************/
@media (max-width: 990px) {
    .oin-data-cell {
        display: block;
    }
    .oin-subscribe-image{
        display: none;
    }
    .oin-subscribe-text{

    }
    .oin-data-cell-2 {
        width: auto;
        position: relative;
        overflow: hidden;
    }
    .oin-items {
        margin-right: 0px;
    }
    .oin-subscribe{
        background: rgba(0, 0, 0, 0) url("/images/i/subscribe_small.png") no-repeat scroll 0 10px;
        margin-left: 3px;
        padding: 5px 0 1px 34px;
        text-align: left;
        float: right;
    }
    .oin-subscribe a{
        height: 16px;
        display: inline-block;
    }
    .oin-header-cell-3 {
        white-space: nowrap;
        width: 92px;
    }
    .oin-header-cell-2 {
        padding-right: 10px;
    }
}
@media (max-width: 760px) {
    .oin-items-cnt,
    .oin-items-row,
    .oin-item {
        display: block;
        width: auto;
    }
    .oin-item-cnt {
        display: table;
    }
    .oin-item-datetext {
        display: table-cell;
        float: none;
        width: 40px;
    }
    .oin-item-date {
        font-size: 30px;
        font-weight: 300;
        line-height: 28px;
        width: 100%;
    }
    .oin-item-month {
        font-size: 12px;
        font-weight: 300;
        top: -6px;
    }
    .oin-item-name {
        display: table-cell;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 21px;
        vertical-align: middle;
    }
}

@media (min-width: 460px) and (orientation:landscape) {
    div.oin-items-vert{
        height: 90px;
    }
}

@media (max-width: 545px) {
    .oin-header,
    .oin-header-row {
        display: block;
        width: auto;
    }
    .oin-header-cell-2{
        display: none;
    }
    .oin-header-cell-3{
        display: none;
    }
    .oin-header-cell-1 {
        display: block;
    }
    .oin-items {
        width: auto;
    }

    .oin-header-cell-1 {
        background: #008f86 none repeat scroll 0 0;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        padding-left: 9px;
        width: auto;
    }
    .oin-header-cell-1 a{
        color: #fff;
        text-decoration: underline;
        cursor: pointer;
    }
    .oin-items-cnt{
        left: 0 !important;
    }
    .oin-navvert{
        display: block;
    }
    .oin-item-image img{
        max-width: 33px;
    }
    .oin-header {
        margin: 0 -25px;
    }
    .oin-header-cell-1 {
        padding-left: 25px;
    }

    .oin-news-all{
        display: block;
        top: 3px;
    }
    .oin-subscribe{
        background: rgba(0, 0, 0, 0) url("/images/i/subscribe_small.png") no-repeat scroll 0 5px;
        float: right;
        margin-left: 3px;
        padding: 0 0 1px 34px;
        text-align: left;
    }

    div.oin-items{
        display: none;
    }
    div.oin-items-vert{
        display: block;
    }
    .oin-subscribe-text a {
        display: inline-block;
        height: 16px;
        overflow: hidden;
        width: 97px;
    }
    .oin-item-fade{
        display: none;
    }
    .oin-item-vert-fade{
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 17px;
        background: url(/images/i/news_fader.png) repeat-x;
        z-index: 2;
    }
    .oin-item-crop {
        height: auto;
    }

    .oiba-item{
        margin-bottom: 20px;
    }
    .oiba-item-device.oiba-item{
        margin-bottom: 120px;
    }


    .oin-data-cell-2 {
        display: block;
        position: absolute;
        top: -36px;
        width: auto;
        z-index: 2;
    }
    .oin-news-all{
        display: none;
    }
    .oin-subscribe a{
        color: #fff;
    }
    .oin-subscribe {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
}








/******************** catalogue on index    *********************/
@media (max-width: 710px) {
    .oic-data-cell-1{
        display: none;
    }
    .oic-header-cell-2{
        display: none;
    }
    .oic-header h1{
        font-size: 16px;
    }
    .oic-header h1 a{
        text-decoration: underline;
        cursor: pointer;
    }
    .oic-header-pre{
        margin: 0 -25px;
        padding: 0 25px;
    }
    .oic-header-cell-1 {
        padding-left: 0;
    }
    .oic-data-cell-2 {
        padding-left: 0;
    }
    .oic-header-pre{
        margin-bottom: 18px;
    }
}
@media (max-width: 500px) {
    .oic-header-cell-2{
        display: none;
    }
    .oic-header h1{
        font-size: 16px;
    }
    .oic-header h1 a{
        text-decoration: underline;
        cursor: pointer;
    }
    .oic-header-pre{
        margin: 0 -50px;
        padding: 0 25px;
    }
    .oic-header-cell-1 {
        padding-left: 0;
    }
    .oic-data-cell-2 {
        padding-left: 0;
    }
    .oic-header-pre{
        margin-bottom: 18px;
    }
    .oic-header-cell-3 {
        border-left-width: 0;
        text-align: right;
        width: auto;
        white-space: nowrap;
    }
    .oic-data-cell {
        display: block;
        width: auto;
        border-left-width: 0;
    }
    .oic-data,
    .oic-data-row {
        display: block;
    }
    .oic-data-row {
        padding-bottom: 20px;
    }
    .oic-data-cell-1{
        display: none;
    }
    .oic-data-cell-2 {
        padding-bottom: 0;
    }
    .oic-novelty{
        display: inline-block;
        min-width: 100px;
        margin-right: 15px;
    }
    .oic-data-cell-3 {
        padding-top: 0px;
        padding-bottom: 0px;
        border-top-width: 0;
    }

}
@media (max-width: 400px) {
    .oic-header-cell-1 {
        padding-right: 5px;
    }
    .oic-header h1 {
        line-height: 18px;
        overflow: hidden;
        height: 17px;
    }
}
















/******************** oiba on index    *********************/

@media (max-width: 710px) {
    .linecomment-cell-crop{
        max-width: 442px;
    }
}
@media (max-width: 610px) {
    .linecomment-cell-crop{
        max-width: 342px;
    }
}
@media (max-width: 510px) {
    .linecomment-cell-crop{
        max-width: 242px;
    }
}
@media (max-width: 410px) {
    .linecomment-cell-crop{
        max-width: 142px;
    }
}

@media (max-width: 940px) {
    .oiba-top-cnt {
        margin: 0 -25px;
        width: auto;
    }
    .oiba-item-device .oiba-cell-right {
        padding: 0 20px;
    }
    .oiba-item-event .oiba-cell-right {
        padding: 0 20px 0 0;
    }
}
@media (max-width: 750px) {
    .oiba-item-event .oiba-cell-triangle {
        display: none;
    }
    .oiba-item-event .oiba-cell-left {
        min-width: 112px;
    }
    .oiba-item-event .oiba-cell-left-text {

    }
}
@media (max-width: 955px) {
    .oiba-item-device .oiba-cell-left {
        box-sizing: border-box;
        display: block;
        float: left;
        margin-right: 15px;
        padding: 20px 0 0 45px;
        width: 34%;
    }
    .oiba-item-device .oiba-image img{
        width: 100%;
    }
    .oiba-item-device .oiba-item-button{
        clear: left;
    }

}
@media (max-width: 770px) {
    .oiba-cell-right p {
        font-size: 15px;
        line-height: 20px;
    }
    .oiba-cell-right ul li,
    .oiba-cell-right li {
        font-size: 15px;
        line-height: 20px;
    }
    p.oiba-item-header {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 9px;
    }
    p.oiba-item-button {
        font-size: 15px;
        padding: 8px 14px;
    }
    p.oiba-item-link {
        font-size: 15px;
        padding: 8px 0 0;
    }
}
@media (max-width: 570px) {
    .oiba-cell-right-text {
        margin: 22px 20px 0 22px;
    }
    .oiba-item-device .oiba-cell-right-text {
        padding: 22px 20px 0 30px;
    }
    .oiba-cell-right p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .oiba-cell-right ul li,
    .oiba-cell-right li {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    p.oiba-item-header {
        font-size: 21px;
        line-height: 27px;
        margin-bottom: 9px;
    }
    p.oiba-item-button {
        font-size: 15px;
        padding: 8px 14px;
    }
    p.oiba-item-link {
        font-size: 15px;
        padding: 8px 0 0;
    }
    .oiba-item-device .oiba-cell-left{
        background-size: 85%;
    }
}





@media (max-width: 520px) {
    .oiba-item-event .oiba-cell-left {
        display: block;
        text-align: left;
        width: auto;
    }
    .oiba-item-event.oiba-item {
        display: block;
        height: auto;
    }
    .oiba-item-event .oiba-cell-left img{
        display: block;
        width: 100%;
    }
    .oiba-item-event .oiba-cell-right {
        display: block;
        overflow: hidden;
        padding: 10px 20px 8px;
        width: auto;
    }
    .oiba-item-event .oiba-image-bg {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
        height: auto;
        left: auto;
        position: relative;
        top: auto;
        width: auto;
    }
    .oiba-swiper-container .swiper-slide {
        height: auto;
    }
    .oiba-item-event .oiba-cell-left-text {
        display: block;
        left: 25px;
        position: absolute;
    }
    .oiba-item-event .oiba-cell-right-text {
        margin: 0;
    }

    .oiba-bottom {
    }
    .oiba-top-arrows-minmax {
        height: 70px;
        position: absolute;
        width: 100%;
        top: 302px;
    }
    .oiba-top-arrows {
        position: relative;
        top: 0;
    }
    .oiba-top-arrows-right,
    .oiba-top-arrows-left {
        top: 10px;
        height: auto;
    }
    .oiba-top-arrows-left:before,
    .oiba-top-arrows-right:before{
        background-size: 60% auto;
        top: 0;
    }
    .oiba-top-arrows-right::before {
        right: 5px;
        left: auto;
    }
    .oiba-top-arrows-left::before {
        right: auto;
        left: 5px;
    }


    .oiba-top-arrows-right span,
    .oiba-top-arrows-left span {
        display: none;
    }
    .oiba-line,
    .oiba-more{
        display: none;
    }
    .oiba-bottom {
        background: #54686f none repeat scroll 0 0;
        min-height: 0;
    }
    .oiba-top-arrows-more{
        display: none;
    }
    .oiba-full-pre-cnt {

    }
    .oiba-bottom-cnt::before {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }
    .oiba-top-arrows-more {
        border: 1px solid #fff;
    }



    .oiba-item-device .oiba-cell-left {
        display: block;
        text-align: left;
        width: auto;
        float: none;
        padding: 17px 0 0;
    }
    .oiba-item-device.oiba-item {
        display: block;
        height: auto;
    }
    .oiba-item-device .oiba-cell-left img{
        display: block;
        width: 70%;
        margin: 0 auto;
    }
    .oiba-item-device .oiba-cell-right {
        width: auto;
        display: block;
        padding: 10px 20px 8px;
        overflow: hidden;
    }
    .oiba-item-device .oiba-cell-right-text {
        padding: 0;
    }

    .oiba-swiper-container .swiper-pagination{
        display: none;
    }
}
@media (max-width: 390px) {
    .oiba-top-arrows-right span,
    .oiba-top-arrows-left span {
        font-size: 14px;
    }
}





@media (max-width: 760px) {
    .oiba-full-cell {
        display: block;
        width: 100%;
    }
}



/*  */
@media (max-width: 990px) {
    .oiba-events {
        width: 87%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 900px) {
    .oiba-events__ico {
        display: none;
    }
    .oiba-events__about {
        margin-left: 2px
    }
}
@media (max-width: 770px) {
    /*.oiba-events__cell_text {
        padding-bottom: 44px;
    }*/
    /*.oiba-events__cell_button {
        width: 0;
        padding: 0;
    }*/
    /*.oiba-events__button {
        padding: 3px 14px;
    }*/



}
@media (max-width: 520px) {
    .oiba-item-device .oiba-cell-right-text {
        margin: 0 15px;
    }
    .oiba-item-event .oiba-cell-right-text {
        margin: 0 15px;
    }

    .oiba-events{
        display: block;
    }
    .oiba-events__row {
        display: block;
    }
    .oiba-events__cell {
        border-bottom-width: 0;
        border-right-width: 0;
        display: block;
    }
    .oiba-events__cell.oiba-events__cell_date {
        float: left;
    }
    .oiba-events__cell.oiba-events__cell_type {
        display: block;
        width: auto;
        overflow: hidden;
    }

    .oiba-events__city {
        margin-right: 128px;
    }
    .oiba-events__cell.oiba-events__cell_text {
        border-bottom: 1px solid #67c0ba;
        clear: left;
        /*padding-bottom: 15px;*/
    }

    .oiba-events__about {
        margin-left: 2px;
    }
    /*.oiba-events__cell.oiba-events__cell_button {
        position: absolute;
        right: 0;
        top: 0;
        width: 117px;
    }

    .oiba-events__button {
        bottom: auto;
        margin-top: 14px;
        padding: 7px 21px;
        position: relative;
    }*/

    .oiba-events__cell.oiba-events__cell_button {
        width: auto;
    }
}
@media (max-width: 460px) {
}


@media (max-width: 880px) {
    .oic-data-cell-3 {
        width: 155px !important;;
    }
    .oic-data-image {
        display: none;
    }
}

@media (max-width: 700px) {
    .oic-data-cell-2 {
        display: block !important;;
        padding-bottom: 0 !important;;
        width: auto !important;;
    }
    .oic-data-cell-3 {
        display: block !important;;
        padding-top: 10px !important;
        width: auto !important;
        border-top-width: 0 !important;;
    }
}
@media (max-width: 500px) {
    .oic-data__outer {
        margin: 0 -5px;
    }
}