* {
    box-sizing: border-box !important;
}

div#ja-mainnav,
div#ja-subnav {
    position: relative;
    z-index: 500;
}

#ja-container {
    z-index: 12 !important;
}

.lof-main-item {
    width: 100% !important;
    display: flex !important;
}

.lof-main-wapper {
    width: unset !important;
    height: calc(200px + 100*(100vw/1920)) !important;
}

.lof-main-item a {
    display: flex !important;
    height: 100% !important;
    width: 100%;
    max-width: 100%;
    position: absolute;
}

.lof-main-item a img {
    width: 100% !important;
}

.lof-description {
    position: relative !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
}

.lof-description h1 {
    word-break: break-word !important;
}

.lof-main-item .lof-description a {
    display: block !important;
    position: relative;
    font-size: 130% !important;
}

.lof-description p {
    background: #191919;
    margin: 0 !important;
    padding: 3px 5px !important;
}

div#aidanews_red>div div:nth-child(1) span {
    margin-bottom: 10px !important;
    display: block;
    margin-top: 15px !important;	/*YU*/
}

div#aidanews_black>div div:nth-child(1) span {
    margin-bottom: 10px !important;
    display: block;
    margin-top: 15px !important;	/*YU*/
}

div#aidanews_black>div div:nth-child(2) span {
    margin-bottom: 5px !important;
    display: inline-block;
}

div#aidanews_black>div div:nth-child(2) span:nth-child(1) {}

div#aidanews_black>div div:nth-child(2) span:nth-child(2) {}

.lof-ass .lof-description {
    background-size: cover;
    width: 100% !important;
    max-width: unset;
}

.lof-ass .lof-description h4 a {
    margin-left: 0 !important;
}

ul.ja-usertools-font {
    display: none;
}


div#ja-mainnav select,
div#ja-subnav select {
    width: 100% !important;
    margin: 10px !important;
    max-width: 300px !important;
}

li.layout-switcher {
    display: none !important;
}
    
    div#Mod348 .ja-box-tl {
        padding: 15px !important;
    }

/*--- Item---*/
.uscl-item span,
span.uscl-slide-open.ico_uscl-like {
    text-align: center !important;
}


.itemBody iframe {
    max-width: 100% !important;

}

div.itemHeader h2.itemTitle {
    margin-bottom: 30px !important;
}

.listItemSubTitle {
    margin-top: 30px !important;
}


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

    .main {
        width: 100% !important;
    }

    .main .inner {
        padding: 0 1px !important;
    }

    .ja-module.ja-box-br {
        margin: 10px 2px !important;
    }

    .ja-content-main {
        margin: 10px 2px !important;
    }
    
    .ja-content-top {
        margin: unset !important;
    }

    div#toTop {
        height: 40px !important;
        width: 40px !important;
        background-size: contain;
        right: 80px !important;
        bottom: 25px !important;
    }
    div#k2Container.itemView .itemHeader span.latestItemAuthor2 {
    width: 100% !important;
   
}
     

div#k2Container.itemView .itemHeader span {display: block !important;margin-bottom: 30px !important;}

.componentheading {
    padding-left: 10px !important;
}
 
}

/*########## 1024 ##########*/


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


    h1.logo a {
        max-width: unset !important;
        width: auto !important;
        height: 100px !important;
        background-size: contain;
        margin: 20px 0 0 20px !important;
    }

    h1.logo {
        height: 100px !important;
        width: 100% !important;
    }

    div#ja-main {
        padding: 0 2px !important;
    }

    .jamod-content.ja-box-ct span a img {
        max-width: 100%;
    }

    .ja-current-content .ja-module.ja-box-br {
        padding: 0 !important;
    }

    #ja-container .main {
        padding: 0 !important;
        width: 100% !important;
    }

    div#ja-main .inner {
        padding: 0 !important;
    }


    .lof-main-item {
        width: 100% !important;
        display: flex !important;
    }

    .lof-main-wapper {
        width: unset !important;
    }

    .lof-main-item a {
        display: flex !important;
        height: 100% !important;
        width: 100%;
        max-width: 100%;
        position: absolute;
    }

    .lof-description {
        position: relative !important;
        left: unset !important;
        right: unset !important;
        bottom: unset !important;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
    }

    .lof-description h1 {
        word-break: break-word !important;
    }

    .lof-main-item .lof-description a {
        display: block !important;
        position: relative;
        font-size: 130% !important;
    }

    .lof-description p {
        background: #191919;
        margin: 0 !important;
        padding: 3px 5px !important;
    }



    div#Mod255 {
        display: none;
    }

    div#Mod252 .ja-box-tl {
        padding: 5px !important;
    }

    div#Mod348 .ja-box-tl {
        padding: 5px !important;
    }
    
    

    div#aidanews_black>div {
        margin-bottom: 15px !important;	/*YU 30px*/
    }

    /*--- Item ---*/
    .itemBody div.itemImageBlock {
        max-width: 100% !important;
        margin: 0 !important;
        float: unset !important;
        width: 100%;
        padding: 0 !important;
    }

    .itemBody div.itemImageBlock span,
    .itemBody div.itemImageBlock span a {
        display: block !important;
        width: 100% !important;
    }

    .itemBody div.itemImageBlock span img {
        max-width: 100% !important;
    }
/*YU
    div#aidanews_black>div div:nth-child(2) span {
        display: block;
        float: unset !important;
        width: 100%;
    }
*/
    div#aidanews_black>div div:nth-child(2) span:nth-child(2) {
        margin-bottom: 10px !important;
        border: none !important;
    }

}

/*########## 860 ##########*/


@media screen and (max-width: 960px) {
    #ja-header .main {
        height: 140px !important;
        background-size: cover;
    }

    .ja-col.column.ja-inset2 {
        width: 100% !important;
        float: none !important;
        padding: 0 1px !important;
    }

    div#ja-content {
        width: 100% !important;
        padding: 0 1px !important;
    }

    .jamod-content.ja-box-ct {
        font-size: 120% !important;
    }

    .aidanews_black>div {
        padding: 10px 0 !important;
    }
/* YU
    .ja-inset2 .ja-module.ja-box-br {
        margin: 0 !important;
    }
*/
    .ja-box-tl {
        padding: 10px !important;
        width: 100% !important;
    }

    .ja-content-top {
        margin: 0 !important;
    }

    .lof-main-item {
        min-width: 50% !important;
        margin: 0 auto !important;
        max-width: 400px;
    }

    .lof-main-wapper {
        display: flex !important;
        justify-content: center;
        height: calc(280px + 100*(100vw/1920)) !important;
    }



    /*--- list of materials  pagination ---*/

    .k2Pagination ul.pagination {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        width: 100% !important;
        align-items: center !important;
    }

    .k2Pagination ul.pagination li {
        margin: 5px 10px !important;
    }

    .k2Pagination ul.pagination li a {
        display: block !important;
        padding: 5px 10px !important;
        font-size: 14px !important;
    }

    /*--- Hide extra news BEGIN---*/
	div#Mod394 .jamod-content.ja-box-ct div>div:nth-child(n+11)    /*news will be hidden after 10th*/

        {
        display: none !important;
    }

	div#Mod387 .jamod-content.ja-box-ct div>div:nth-child(n+11)    /*news will be hidden after 10th*/
        {
        display: none !important;
    }
    /*--- Hide extra news END---*/

    div#Mod348 {
        display: none;
    }
    
    div#Mod253 {
        display: none;
    }
    
    div#Mod252 {
        display: none;
    }
    
div.listItemHeader h2.listItemTitle {
    font-weight: bold !important;
}

}


/*########## 676 ##########*/


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

    div#ja-contentwrap {
        width: 90%;
        margin: 0 auto;
    }

    .ja-col.column.ja-inset1 {
        width: 100% !important;
        float: unset !important;
    }

    div#ja-current-content {
        width: 100% !important;
        float: none !important;
    }

    .jamod-content.ja-box-ct span a img {
        width: 100% !important;
    }

    div#aidanews_black span {}

    ul.jwts_tabbernav li a {
        /* width: 200px !important; */
        /* YU margin: 5px !important;*/
    }

    div#aidanews_black span {
        display: inline-block;
        /* YU margin-right: 10px;*/
    }

    .lof-main-item .lof-description a {
        display: block !important;
        position: relative;
        font-size: 160% !important;
    }

    /*--- Item ---*/
    div#smiley-box {
        width: 100% !important;
        margin-bottom: 30px !important;
    }

    div#smiley-box img {
        margin: 5px !important;
    }

    div#comments-form-buttons {
        margin: 20px 0 !important;
    }

    div#message-box textarea {
        width: 100% !important;
        margin: 20px 0 !important;
        overflow-y: scroll;
    }

    .itemBackToTop {
        display: none;
    }

    /*--- stabilization of the position of elements in the card, title, subtitle, in the list of materials ---*/

    .listItemView.groupLeading .listItemSubTitle {
        display: flex !important;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px !important;
    }

    .listItemView.groupLeading .listItemHeader {
        margin-bottom: 30px !important;
    }


    div#itemListLeading .listItemSubTitle span {
        line-height: 1 !important;
    }

    /*---  blocks increase title, subtitle font-size ---*/

    div#aidanews_black>div div:nth-child(2) span {
        display: inline-block;
        width: unset !important;
    }

    div#aidanews_black>div div:nth-child(2) span:nth-child(2) {
        float: right !important;
    }

    #Mod359 .jamod-content.ja-box-ct>div div:nth-child(2) span,
    #Mod386 #aidanews_black>div div:nth-child(2) span {
        font-size: 105% !important;

    }

    #Mod359 .jamod-content.ja-box-ct>div div:nth-child(1) span,
    #Mod386 #aidanews_black>div>div:nth-child(1) span {
        font-size: 125% !important;
        letter-spacing: .5px !important;

    }

    #Mod359 .jamod-content.ja-box-ct>div div:nth-child(1),
    #Mod386 #aidanews_black>div div:nth-child(1) {
        margin-bottom: 10px !important;
    }

    #Mod386 div#aidanews_black,
    #Mod359 div#aidanews_black {
        padding-top: 15px !important;	/*YU 30px */
    }

    .itemToolbar ul li a {
        display: inline-block !important;
        margin: 10px !important;
        font-size: 14px !important;
    }



    div.itemToolbar ul li a img {
        width: 20px !important;
        height: 20px !important;
        background-size: cover !important;
    }
}

/*########## 530 ##########*/
@media screen and (max-width: 550px)
{
.k2CatalogueImage {
    float: none !important;
    margin: 20px 0 !important;
}
}
/*########## 500 ##########*/
@media screen and (max-width: 500px)
{
      .listItemView.groupLeading .listItemSubTitle {
        display: block !important;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px !important;
    }
    .listItemView.groupLeading .listItemSubTitle span {
        display: block !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }
}

/*########## 450 ##########*/


@media screen and (max-width: 450px) {
    #ja-header .main {
        height: 100px !important;
        background-size: cover;
    }

    h1.logo a {
        height: 80px !important;
        margin: 10px 0 0 10px !important;
    }

    html[xmlns] .main.clearfix {
        display: flex;
        justify-content: center;
    }

    #jc .comment-avatar img {
        width: 40px !important;
    }
}


/*########## 400 ##########*/

@media screen and (max-width: 400px) {
    #ja-header .main {
        height: 100px !important;
        background-size: cover;
    }

    h1.logo a {
        height: 70px !important;
        margin: 10px 0 0 10px !important;
    }

    #Mod345 div#aidanews_black>div>div:nth-child(2) span {
        font-size: 105% !important;
    }

    #Mod345 div#aidanews_black>div>div:nth-child(2) span a img {
        max-width: 30px !important;
    }

    #Mod345 div#aidanews_black>div>div:nth-child(2) {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }

    #Mod345 div#aidanews_black>div>div:nth-child(2) span:nth-child(2) {
        margin: 0 !important;
        order: 3;
    }
}