.mainframe              		{ font-family: Arial, Helvetica, sans-serif; direction: rtl;}

li 								{ text-align: right!important; }


.substruggle p 					{ text-align:right!important;  }

.titlegroup 					{ text-align: right!important; }
hr 								{ margin-right: inherit; }
hr.hr1 							{ max-width: 441px; }
hr.hr2 							{ max-width: 68px; }
hr.hr3 							{ max-width: 143px; }
hr.hr4 							{ max-width: 81px; }
.lib_music .video_2				{ float: right; margin:20px 0 0 10px;}
.lib_music .video_3				{ float: right; }

.lib_struggle_li  div                   {width: 12px;height: 12px;background-color: transparent;border-radius: 12px;text-align: center;cursor: pointer;float: right; border:1px solid grey; margin-right: 7px; margin-left: 0;}
.lib_struggle_li  div.active            {background-color: grey;}
.lib_struggle_li  div:first-child       {margin-right: calc( 50% - 40px ); margin-left: 0;}

#myModal #caption 				{direction: rtl;}

.modal-dialog              		{  font-family: Arial, Helvetica, sans-serif;
 text-align: justify; direction: rtl; }

 #modal_music font     { font-size: 22px!important; }
 .lib_title p.lib-title{
    font-size: 40px;
}
.lib_title{
    padding-top: 70px;
    height: 600px;
    background-image: url(/images/event/20250815/img/back.jpg);
    background-size: cover;
    position: relative;
}
.lib_title .lib-mark{
    left: initial;
    right: 30px;
    transform: rotateY(-180deg);
}
.lib_title .lib-stitle{
    position: absolute;
    left: initial;
    right: 60px;
}
.lib_title .lib-title{
    position: absolute;
    left: initial;
    right: 10%;
}
.lib_title p.lib-title{
    font-size: 40px;
}
.lib_title .lib-view{
    right: initial;
    left: 80px;
    top:170px;
}
@media only screen and (max-width: 1500px){
    .lib_title{
        height: 640px;
    }
     .lib_title .lib-title {
        right: 30px;
    }
    .lib_title .lib-view {
        left: 20px;
    }
}