@media only screen and (max-width:1250px) {
    .menu_header li {
        padding: 10px 5px !important;
    }

    .header{
        padding: 0px 20px;
    }

    #banner_slider{
        top: -55%;
    }

    .menu_header li{font-size:13px}

    .left_logo a img{
        width:50px !important; 
    }
    .container {
    
        padding:0px 40px;
    }
    .mt-50{
        margin-top:20px;
    }

    .submenu_header {
        position: absolute;
        background: white;
        top: 36px
    }
    .subsubmenu_header {
        bottom: -75px;
    }
    .rita-fix{
        height:fit-content;
    }

}


@media only screen and (max-width: 1024px) {
    /* START MENU */
    
    .tender-options li {
        font-size: 13px;
    }

    .mob-text p {
        margin: 0px;
        height: 85px;
        padding: 5px;
        font-size: 13px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
  
    .ruleoflaw_bck {
        height: 330px;
    }

    .boxil-wirl2{
        width: calc(33% - 7px) !important;
    }
  
    #news .boxil:hover {
        transform: none;
        box-shadow: none;
    }

    .listDocsByYear .list {
        width: 100%;
    }
 
    .quick-facts-EULEX p {
        padding: 5px !important;
    }

    table.judgements th,
    table.judgements td.dctm,
    .judgements tr td {
        font-size: 13px;
    }

    .quick-facts-EULEX p a {
        font-size: 13px;
    }
   
    .img-cont {
        height: 170px;
        margin-bottom:5px
    }

    .img-cont img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .v-gallery {
        width: 100%;
    }

    .vg_text {
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: -90px;
        width: 250px;
        height: 80px;
    }

    .vg_text p{
        font-size: 13px;
    }

    .vg_container span {
        bottom: -25px;
        left: 47%;
        transform: translate(-50%, -50%);
    }

    .vg_container span svg #icon circle {
        fill: #323e78;
    }

    .m-footer ul {
        padding-left: 0px;
        flex-direction: column;
        margin: 0px;
    }

    .m-footer ul li {
        width: 100%;
        font-size: 15px;
    }

    .r-more {
        margin-left: 0px;
        width: 100%;
    }

    .s-media {
        box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 2%);
    }

    footer {
        float: left;
        margin-top: 50px;
    }

    .p-release-txt {
        width: 90%;
    }

    .artc-img img {
        width: 100%;
    }

    iframe {
        width: 100%;
    }

    .pr-nws-title {
        position: initial;
        background: none;
        color: #135;
        text-align: left;
        width: 100%;
        padding: 25px 0px 10px 0px;
        max-width: 100%;
        font-size: 22px;
    }

    .pr-time {
        font-size: 12px;
        margin: 5px 0px;
    }

    .two-half-container {
        flex-direction: column;
    }

    #gallery {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .frst-half-container {
        width: 100%;
        margin: 0 auto;
        padding-right: 0;
    }

    .scnd-half-container {
        width: 100%;
    }

    .video-title {
        position: initial;
        background: none;
        color: #135;
        text-align: left;
        width: 100%;
        padding: 25px 0px;
        max-width: 100%;
        font-size: 25px;
    }

    .vg_text_more {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 70%;
        padding: 20px;
    }

    .n5-21 a {
        line-break: anywhere;
        font-size: 14px;
    }

    .search-cont {
        width: 100%;
        display: flex;
        flex-direction: row;
        background: none;
        box-shadow: none;
        margin-bottom: 20px;
        padding-left: 0;
    }

    .search-cont li {
        font-size: 12px;
    }
    
    .features_container .img-holder {
        width: calc(50% - 20px);
    }
    
    .flip-moreEU-front img {
        width: 100px;
        height: 100px;
    }

    .flip-moreEU {
        width: 100px;
        height: 100px;
    }

    .video-cont {
        justify-content: center;
        margin: 10px 0px;
        
    }

    .video-cont .vg_container{
        width: calc(33% - 19px);
        height: 200px;
        margin: 11px;
        margin-top: 60px;
        object-fit: cover;
    }

    .video-cont .vg_text{
        height: 90px;
        bottom: -87px;
    }

    .video-cont .vg_container span{
        left: 50%;
        bottom: -10px;
    }

    .judgements tbody tr th:first-child {
        text-align: center;
    }

    table.judgements td a,
    table.judgements td a:first-child {
        display: block;
        text-align: center !important;
        background: none;
        font-size: 13px !important;
    }

    .separator {
        display: none;
    }

    #gallery a{
        position: relative;
    }

    .content_latest{
        left: 30px;
    }

    .section_title {
        font-size: 20px;
        padding: 10px;
        line-height: initial;
        max-width: 80%;
    }

    .owl-nav{
       display:none;
    }

    .flip-moreEU-back{
        display: none;
    }

    .pr-2212-img>img{
        height: 188px;
        object-fit: cover;
    }

    .pr-2212-img{
        height: 300px;
    }

    .pr-2212{
        width: calc(32.3% - 0px);
    }

    .pr-2212-img+p{
        font-size: 16px;
        text-align: center;
    }

    .more-eu{
        justify-content: center;
    }

    #gal_nav{
        padding-top: 40px;
    }

    .social-media{
        padding-right: 0px;
    }

    .vg_container span svg #icon circle{
        fill: #e6e6e6;
    }
   
}

@media (min-width:768px) and (max-width:1023px){
    #banner_slider .owl-dots {
        right: 38%;
    }
    .p-release-txt {
        top: 240px;
    }
    .image_article {
        height: auto;
    }

    .mobile_flag-disp {
        display: block;
        height: 170px;
        background-size: cover;
        padding-top: 60px;
        background-image: url(../images/flag-eulex.jpeg);
        background-attachment: unset;
        position: relative;
    }
    .othr_press_rls{
        width: 100%;
    }

    .hmp-flag {
        display: none;
    }

    .hmp-flag h1 {
        display: none;
    }

    .flag_bck {
        background-attachment: initial;
        background-size: cover;
        background-position-y: top;
    }

    .ruleoflaw_bck {
        position: relative;
        background-attachment: initial;
        background-position-y: inherit;
    }

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

    body {
        background: #fff;
    }

    header {
        border-bottom: none;
    }

    header>.container {
        width: 100%;
        padding: 0px;
    }

    .container {
        width: 100%;
        width: 100%;
        padding: 0px 20px;
        padding-top: 0px;
        box-sizing: border-box;
        overflow: visible;
    }

    .img_latest {
        width: 80%;
        height: 460px;
        padding: 50px;
    }

    .header {
        display: none;
    }

    .mobile_eu {
        display: block;
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        padding: 5px 10px;
        display: flex;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: none;
    }

    .cmpt-ft-container {
        margin: 0px;
    }

    .mobile_header {
        width: 100%;
        box-shadow: 0px 5px 50px #696969;
        padding: 5px 10px;
        box-sizing: border-box;
        height: 55px;
        display: flex;
    }

    #hamburger_menu svg {
        width: 18px;
    }

    .eu_logo_mob {
        width: 150px;
        overflow: hidden;
    }

    .eu_logo_mob img {
        width: 100%;
    }

    .mob_social_media {
        width: 100%;
        padding: 7px 0px;
    }

    .mob_social_media p {
        font-size: 14px;
        color: #696969;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 1;
        text-align: center;
    }

    .mob_social_media ul {
        display: flex;
        margin: 0px;
        padding-left: 0px;
        width: 200px;
        margin: auto;
    }

    .mob_social_media ul a i {
        font-size: 20px;
        line-height: 15px;
    }

    .mob_social_media ul li {
        padding: 8px;
        list-style-type: none;
        font-size: 11px;
        width: 30px;
        height: 30px;
        margin: 5px;
        border-radius: 50px;
    }

    .left_mob_logo {
        width: 90px;
        overflow: hidden;
    }

    .left_mob_logo img {
        width: 100%;
    }

    .l_logo_m {
        width: 92px;
        margin: auto;
    }

    .mobile_header span i {
        line-height: 45px;
        font-size: 20px;
        color: #696969;
    }

    .m_menu_disp {
        z-index: 999;
        display: block;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 55px;
    }

    #m_menu form {
        border-bottom: 1px solid #cecece;
    }

    #m_menu input {
        width: 86%;
        padding: 10px;
        margin-right: 5px;
        outline: none;
        border: none;
        background: transparent;
        color: #696969;
        letter-spacing: 1;
        font-size: 14px;
    }

    .search-class {
        width: 100%;
    }

    #m_menu button {
        width: 35px;
        height: 35px;
        background: white;
        border: none;
        outline: none;
        font-size: 16px;
        cursor: pointer;
        transition: 0.2s;
        border-radius: 50px;
        color: #696969
    }

    ul.menu_header_mob {
        padding: 0px;
    }

    .menu_header_mob li {
        padding: 10px;
        text-align: left;
        list-style-type: none;
        color: #696969;
        letter-spacing: 1;
        font-size: 14px;
        border-bottom: 1px solid #f4f4f4;
        position: relative;
        padding-right: 0px;
    }

    .menu_header_mob li a {
        text-decoration: none;
        text-decoration: none;
        color: #696969;
        font-size: 14px;
    }

    .submenu_mob {
        padding: 0px;
        margin-top: 10px;
        display: none;
    }

    .submenu_mob li {
        border-bottom: 0px;
        margin-bottom: 2px;
        padding: 10px 0px 10px 10px;
        position: relative;
    }

    .submenu_mob li a {
        color: #323e78 !important;
    }

    .close-open {
        position: absolute;
        right: 0;
        top: 6px;
        outline: none;
        border: none;
        font-size: 12px;
    }

    .close-open::before {
        content: '+';
        font-size: 20px;
        color: #cecece;
    }

    .close-open2 {
        position: absolute;
        right: 0;
        top: 6px;
        outline: none;
        border: none;
        font-size: 12px;
    }

    .close-open2::before {
        content: '+';
        font-size: 20px;
        color: #cecece;
    }

    .minus-icon {
        position: absolute;
        right: 0;
        top: 6px;
        outline: none;
        border: none;
        font-size: 12px;
    }

    .minus-icon::before {
        content: '-';
        font-size: 25px;
        color: #cecece;
    }

    #m_menu {
        display: none;
        background-color: #fff;
        padding: 20px;
        box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    }

    #language_mob {
        padding: 10px;
        padding-right: 0px;
        position: relative;
    }

    #language_mob ul {
        position: fixed;
        right: 10;
        padding-left: 0px;
        top: 40px;
        background: rgba(0, 0, 0, 0.5) !important;
        display: none;
        right: 10px;
    }

    #language_mob ul::after {
        width: 0;
        content: " ";
        height: 0;
        border-bottom: 10px solid rgba(0, 0, 0, 0.5);
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        top: -21px;
        left: 77%;
        transition: 0.5s;
    }

    #language_mob ul li {
        padding: 10px;
        width: 95px;
        list-style: none;
        text-align: center;
        border-bottom: 1px solid #f5f5f5;
    }

    #language_mob ul li:last-child {
        border-bottom: none;
    }

    #language_mob ul li a {
        text-decoration: none;
        color: #f5f5f5;
    }

    #language_mob svg {
        width: 27px;
    }

    .hamburger_menu {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        padding: 0;
        outline: none;
    }

    .line {
        fill: none;
        stroke: #696969;
        stroke-width: 6;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 6;
    }

    .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    .opened .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    .opened .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 6;
    }

    .opened .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    .flag_bck {
        display: none;
    }

    .section_header p img {
        width: 100%;
    }

    .press-office-bio {
        display: block;
        width: 100%;
    }

    .pr-bio {
        display: block;
        width: 100%;
    }

    .b-img-scnd {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .p-release-disp {
        display: flex;
    }

    .frst-pressrelease {
        width: 100%;
        height: 250px;
        padding-top: 50px;
    }

    .othr-press-rls {
        width: 100%;
        margin-top: 50px;
    }

    .p-release-txt{
        top: 248px;
    }
    .p-release-txt h2 a{
        background-color: #323e78;
        color:#cecece;
    }

    .p-release-txt h2 a{
        font-size: 14px;
    }

    .mobile_flag-disp {
        display: block;
        height: 170px;
        background-size: cover;
        padding-top: 60px;
        background-image: url(../images/flag-eulex.jpeg);
        background-attachment: unset;
        position: relative;
    }

    .o_news{
        flex-direction: column;
    }

    .lo_news{
        width: 50%;
        height: 300px;
    }

    .mob-text{
        width: 100%;
        text-align: center;
        padding: 10px;
    }

    .ro_article{
        width: calc(50% - 10px);
        border-bottom: 20px solid white;
    }

    .ro_article p{
        font-size: 15px;
    }

    .ro_article p {
        margin: 0px;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 5px;
    }

    .ro_article p:last-child {
        font-size: 14px;
        right: 7px;
        margin: 0;
        background-color: #323e78;
        color: #fff;
        position: absolute;
        bottom: -20px;
        right: 0;
        /* border-bottom: 10px solid white;*/
    }

    .content_latest {
        height: 290px;
        position: absolute;
        top: 158px;
        width: 600px;
        left: 20px;
    }

    #banner_slider .owl-dots {
        right: 32%;
    }

    .latest_news {
        height: 515px;
        padding: 10px;
    }

    #banner_slider .owl-dots {
        display: none;
    }

    .mob-widget {
        padding-top: 40px !important;
    }

    .flip-moreEU {
        background-color: transparent;
        width: 70px;
        height: 70px;
        perspective: 1000px;
        margin: 40px;
    }

    .flip-moreEU-front img {
        width: 100px;
        height: 100px;
    }
    .stars-bck{
        background:none;
    }
    .flip-moreEU:hover .flip-moreEU-inner {
        transform: none;
    }
    .a-case{
        width:60% !important;
    }

    .features_container {
        width: 100% !important;
        padding-bottom: 0px !important;
    }

    .cmp-fetaures {
        padding: 0px;
        margin: 30px 0px !important;
    }

    .cmp-fetaures li {
        font-size: 17px;
        margin: 0px !important;
        padding: 5px 13px !important;
        box-shadow: none !important;
    }

    .features_container .img-holder p:first-child{
        top: -21px;
    }

    .img-holder p{
        font-size: 14px;
    }

    .homepage_bck{
        background: none;
    }

    .hmp-flag{
        height: 510px;
        position: relative;
    }

    #banner_slider{
        position: absolute;
        top: 44px;
        left: 0;
    }

    .content_latest{
        height: 200px;
        top: 265px;
        width:65%;
        left: 180px;
    }

    .content_latest h2 a{
        font-size: 65%;
    }

    .title_section{
        font-size: 18px;
    }

    .view_more{
        text-align: right;
        font-size: 16px;
    }

    .video_gallery{
        display: flex;
    }
    .video_gallery a:last-child{
        display: none;
    }

    .video_gallery .vg_container:last-child{
        width: 100%;
        margin: 0 auto;
        margin-top: 20px;
        height: 365px;
    }

    .video_gallery .vg_container:last-child .vg_text{
        width: 600px;
    }
    .feature-style {
        overflow: hidden;
        height: 140px;
    }
    .vg_text{
        background: #323e78;
        width: 300px;
        height: 60px;
        bottom: -65px;
    }

    .ro_image{
        width: 100%;
        margin-top: 10px;
    }

    .vg_text p{
        color: #fff;
        font-size: 15px;
    }

    .vg_container span{
        left: 47%;
        bottom: -29px;
        transform: translate(-50%, -50%);
    }

    .bio-widg{
        margin: 0px;
        flex-wrap: nowrap;
        width:100%;
        padding-bottom: 0px;
    }

    .widg-container{
        width: 45%;
        height: 245px;
    }
    .a-case{
        height: 170px;
    }
    .widg-para{
        bottom: 2px;
    }

    .widg-para a{
        font-size: 12px;
    }

    .social-media{
        flex-direction: row;
        margin: 0 auto;
        padding-right: 0px;
    }

   

    .section_title {
        font-size: 20px;
        padding: 10px;
        line-height: initial;
        max-width: 80%;
    }

    .owl-nav{
        top: 80px !important;
    }

    .video-cont{
        padding: 10px;
        margin: 30px 0px;
    }

    .gray_background{
        background: #efefef;
    }

    .video_gallery .vg_container{
        width: calc(50% - 20px);
        height: auto;
        margin-right: 3px;
        margin: 10px;
    }

    .img-holder h2 a{
        font-size: 16px;
    }

    .min-width{
        min-height: 100px;
    }

    .news_photos{
        padding-bottom: 0px;
    }

    .vg_container img{
        height: 100%;
        object-fit: cover;
    }

    .widg-container{
        width: calc(50% - 20px);
    }

    .widg-para a{
        font-size: 15px;
    }

    .lo_image img{
        padding: 7px;
    }

    .video-cont .vg_container{
        width: calc(49% - 15px);
    }

    .video-cont .vg_text{
        height: 90px;
        bottom: -87px;
        width: 250px;
    }

    .video-cont .vg_container span{
        left: 48%;
        bottom: -15px;
    }

    .boxil-wirl2{
        width: calc(33% - 8px) !important;
    }

    .pr-2212{
        width: 47%;
    }

    .ro_article:nth-child(-n+2){
        margin-top: 6px;
    }

    .image_article img{
        height: 170px;
        object-fit: cover;
    }

    .oneFourth{
        width: calc(33% - 7px);
    }

    #gallery a.galink img.example-image{
        height: 200px;
        object-fit: cover;
    }

    .oneFourth521{
        width: calc(33% - 8px);
    }

      .img-holder {
        width: calc(50% - 20px);
    }
    
    .vg_container span svg #icon circle{
        fill: #323e78;
    }

    .boxil-wirl2 .image-wrol{
        height: 120px;
    }

    .news_photos{
        padding-bottom: 30px;
    }

    .press-office-bio{
        display: flex;
        width: 100%;
    }

    .pr-bio{
        flex-direction: column;
        width: 100%;
     
    }

    .b-img-scnd{
        width: 100%;
        height: 254px;
    }

    .b-img-first img, .b-img-scnd img{
        height: 254px;
        object-fit: cover;
    }

    .lo_content{
        width: 100%;
        left: 400px;
        bottom: 40px;
    }

    .lo_content h2 a{
        font-size: 70%;
    }
    .lo_content h2 a{
        background-color: #323e78;
        color: white;
    }
    .b-img-first{
        margin:auto;
    }
   
}

@media (min-width:650px) and (max-width:767px) {

    #banner_slider .owl-dots {
        right: 38%;
    }

    .image_article {
        height: auto;
    }

    .mobile_flag-disp {
        display: block;
        height: 170px;
        background-size: cover;
        padding-top: 60px;
        background-image: url(../images/flag-eulex.jpeg);
        background-attachment: unset;
        position: relative;
    }
    .stars-bck{
        background-image: none;
    }
    .hmp-flag {
        display: none;
    }
    .video_gallery a:last-child{
        display: none;
    }
    .bio-widg{
        width:100% !important;
        margin:0px !important;
        flex-wrap: nowrap !important;
    }

    .hmp-flag h1 {
        display: none;
    }

    .flag_bck {
        background-attachment: initial;
        background-size: cover;
        background-position-y: top;
    }

    .ruleoflaw_bck {
        position: relative;
        background-attachment: initial;
        background-position-y: inherit;
    }

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

    body {
        background: #fff;
    }

    header {
        border-bottom: none;
    }

    header>.container {
        width: 100%;
        padding: 0px;
    }

    .container {
        width: 100%;
        width: 100%;
        padding: 0px 10px;
        padding-top: 0px;
        box-sizing: border-box;
        overflow: visible;
    }

    .img_latest {
        width: 100%;
        height: 400px;
        padding: 10px;
    }

    .header {
        display: none;
    }

    .mobile_eu {
        display: block;
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        padding: 5px 10px;
        display: flex;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: none;
    }

    .cmpt-ft-container {
        margin: 0px;
    }

    .mobile_header {
        width: 100%;
        box-shadow: 0px 5px 50px #696969;
        padding: 5px 10px;
        box-sizing: border-box;
        height: 55px;
        display: flex;
    }

    #hamburger_menu svg {
        width: 18px;
    }

    .eu_logo_mob {
        width: 150px;
        overflow: hidden;
    }

    .eu_logo_mob img {
        width: 100%;
    }

    .mob_social_media {
        width: 100%;
        padding: 7px 0px;
    }

    .mob_social_media p {
        font-size: 14px;
        color: #696969;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 1;
        text-align: center;
    }

    .mob_social_media ul {
        display: flex;
        margin: 0px;
        padding-left: 0px;
        width: 200px;
        margin: auto;
    }

    .mob_social_media ul a i {
        font-size: 20px;
        line-height: 15px;
    }

    .mob_social_media ul li {
        padding: 8px;
        list-style-type: none;
        font-size: 11px;
        width: 30px;
        height: 30px;
        margin: 5px;
        border-radius: 50px;
    }

    .left_mob_logo {
        width: 90px;
        overflow: hidden;
    }

    .left_mob_logo img {
        width: 100%;
    }

    .l_logo_m {
        width: 92px;
        margin: auto;
    }
    
    .mobile_header span i {
        line-height: 45px;
        font-size: 20px;
        color: #696969;
    }

    .m_menu_disp {
        z-index: 999;
        display: block;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 55px;
    }

    #m_menu form {
        border-bottom: 1px solid #cecece;
    }
    .latest_news{
        width:75%;
    }
    #m_menu input {
        width: 86%;
        padding: 10px;
        margin-right: 5px;
        outline: none;
        border: none;
        background: transparent;
        color: #696969;
        letter-spacing: 1;
        font-size: 14px;
    }

    .search-class {
        width: 100%;
    }

    #m_menu button {
        width: 35px;
        height: 35px;
        background: white;
        border: none;
        outline: none;
        font-size: 16px;
        cursor: pointer;
        transition: 0.2s;
        border-radius: 50px;
        color: #696969
    }

    ul.menu_header_mob {
        padding: 0px;
    }

    .menu_header_mob li {
        padding: 10px;
        text-align: left;
        list-style-type: none;
        color: #696969;
        letter-spacing: 1;
        font-size: 14px;
        border-bottom: 1px solid #f4f4f4;
        position: relative;
        padding-right: 0px;
    }

    .menu_header_mob li a {
        text-decoration: none;
        text-decoration: none;
        color: #696969;
        font-size: 14px;
    }

    .submenu_mob {
        padding: 0px;
        margin-top: 10px;
        display: none;
    }

    .submenu_mob li {
        border-bottom: 0px;
        margin-bottom: 2px;
        padding: 10px 0px 10px 10px;
        position: relative;
    }

    .submenu_mob li a {
        color: #323e78 !important;
    }

    .close-open {
        position: absolute;
        right: 0;
        top: 6px;
        outline: none;
        border: none;
        font-size: 12px;
    }

    .close-open::before {
        content: '+';
        font-size: 20px;
        color: #cecece;
    }

    .close-open2 {
        position: absolute;
        right: 0;
        top: 6px;
        outline: none;
        border: none;
        font-size: 12px;
    }

    .close-open2::before {
        content: '+';
        font-size: 20px;
        color: #cecece;
    }

    .minus-icon {
        position: absolute;
        right: 0;
        top: 6px;
        outline: none;
        border: none;
        font-size: 12px;
    }

    .minus-icon::before {
        content: '-';
        font-size: 25px;
        color: #cecece;
    }

    #m_menu {
        display: none;
        background-color: #fff;
        padding: 20px;
        box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    }

    #language_mob {
        padding: 10px;
        padding-right: 0px;
        position: relative;
    }

    #language_mob ul {
        position: fixed;
        right: 10;
        padding-left: 0px;
        top: 40px;
        background: rgba(0, 0, 0, 0.5) !important;
        display: none;
        right: 10px;
    }

    #language_mob ul::after {
        width: 0;
        content: " ";
        height: 0;
        border-bottom: 10px solid rgba(0, 0, 0, 0.5);
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        top: -21px;
        left: 77%;
        transition: 0.5s;
    }

    #language_mob ul li {
        padding: 10px;
        width: 95px;
        list-style: none;
        text-align: center;
        border-bottom: 1px solid #f5f5f5;
    }

    #language_mob ul li:last-child {
        border-bottom: none;
    }

    #language_mob ul li a {
        text-decoration: none;
        color: #f5f5f5;
    }

    #language_mob svg {
        width: 27px;
    }

    .hamburger_menu {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        padding: 0;
        outline: none;
    }

    .line {
        fill: none;
        stroke: #696969;
        stroke-width: 6;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 6;
    }

    .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    .opened .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    .opened .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 6;
    }

    .opened .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    .flag_bck {
        display: none;
    }

    .section_header p img {
        width: 100%;
    }

    .press-office-bio {
        display: block;
        width: 100%;
    }

    .pr-bio {
        display: block;
        width: 100%;
    }

    .b-img-scnd {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .p-release-disp {
        display: block;
    }

    .frst-pressrelease {
        width: 100%;
        height: 300px;
    }

    .othr-press-rls {
        width: 100%;
        margin-top: 50px;
    }

    .img_latest {
        width: 100%;
        height: 350px;
        padding: 15px;
    
    }

    .mobile_flag-disp {
        display: block;
        height: 170px;
        background-size: cover;
        padding-top: 60px;
        background-image: url(../images/flag-eulex.jpeg);
        background-attachment: unset;
        position: relative;
    }

    .o_news{
        flex-direction: column;
        padding: 10px;
    }

    .lo_news{
        width: 100%;
        height: 300px;
    }

    .mob-text{
        width: 100%;
        text-align: center;
        padding: 10px;
    }

    .ro_article{
        width: calc(50% - 10px);
    }

    .ro_article p{
        font-size: 15px;
    }

    .ro_article p {
        margin: 0px;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 5px;
    }

    .ro_article p:last-child {
        font-size: 14px;
        right: 7px;
        margin: 0;
        background-color: #323e78;
        color: #fff;
        position: absolute;
        right: 0;
        bottom:0;
    }

    .content_latest {
        height: 290px;
        position: absolute;
        top: 158px;
        width: 430px;
        left: 20px;
    }

    #banner_slider .owl-dots {
        right: 32%;
    }

    .latest_news {
        height: 420px;
    }

    #banner_slider .owl-dots {
        display: none;
    }

    .mob-widget {
        padding-top: 40px !important;
    }

    .flip-moreEU {
        background-color: transparent;
        width: 70px;
        height: 70px;
        perspective: 1000px;
        margin: 40px;
    }

    .flip-moreEU-front img {
        width: 70px;
        height: 70px;
    }

    .flip-moreEU:hover .flip-moreEU-inner {
        transform: none;
    }

    .features_container {
        width: 100% !important;
        padding-bottom: 0px !important;
    }

    .cmp-fetaures {
        padding: 0px;
        margin: 30px 0px !important;
    }

    .cmp-fetaures li {
        font-size: 16px;
        margin: 0px !important;
        padding: 5px 13px !important;
        box-shadow: none !important;
    }

    .features_container .img-holder p:first-child{
        top: -21px;
    }

    .img-holder p{
        font-size: 14px;
    }

    .homepage_bck{
        background: none;
    }

    .hmp-flag{
        height: 400px;
        position: relative;
    }

    #banner_slider{
        position: absolute;
        top: 44px;
        left: 0;
    }

    .content_latest{
        height: 200px;
        top: 170px;
        left: 130px;
    }

    .latest_news{
        padding: 10px;
    }

    .content_latest h2 a{
        font-size: 17px;
    }

    .title_section{
        font-size: 16px;
    }

    .view_more{
        text-align: right;
        font-size: 16px;
    }

    .video_gallery{
        display: flex;
    }

    .video_gallery .vg_container:last-child{
        width: 100%;
        margin: 0 auto;
        margin-top: 20px;
        height: 325px;
        object-fit: cover;
    }

    .video_gallery .vg_container:last-child .vg_text{
        width: 600px;
    }

    .vg_text{
        background: #323e78;
        width: 250px;
        height: 60px;
        bottom: -45px;
    }

    .ro_image{
        width: 100%;
        margin-top: 10px;
    }

    .vg_text p{
        color: #fff;
        font-size: 15px;
    }

    .vg_container span{
        left: 50%; 
        bottom: -17px;
        transform: translate(-50%, -50%);   
    }

    .bio-widg{
        margin: 0px;
        flex-wrap: wrap;
    }

    .widg-container{
        width: 45%;
        height: 220px;
    }

    .widg-para{
        bottom: 2px;
    }

    .widg-para a{
        font-size: 12px;
    }

    .social-media{
        flex-direction: row;
        margin: 0 auto;
        padding-right: 0px;
    }

    .widg-container:last-child{
        width: 50%;
    }
    .a-case{
        width:80% !important;
    }

    .section_title {
        font-size: 20px;
        padding: 10px;
        line-height: initial;
        max-width: 80%;
    }

    .owl-nav{
        top: 90px !important;
    }

    .video-cont{
        padding: 10px;
        margin: 30px 0px;
    }

    .gray_background{
        background: #efefef;
    }

     .video_gallery .vg_container{
        width: calc(50% - 3px);
        height: auto;
        padding: 10px;
        margin-right: 3px;
        margin: 0px;
    }

    .img-holder h2 a{
        font-size: 16px;
    }

    .min-width{
        min-height: 100px;
    }

    .news_photos{
        padding-bottom: 0px;
    }

    .vg_container img{
        height: 100%;
    }

    .widg-container{
        width: calc(50% - 20px);
    }

    .widg-para a{
        font-size: 15px;
    }

    .lo_image img{
        padding: 7px;
    }

    .video-cont .vg_container{
        width: calc(50% - 30px);
    }

    .video-cont .vg_text{
        height: 90px;
        bottom: -87px;
    }

    .video-cont .vg_container span{
        left: 49%;
        bottom: -15px;
    }

    .boxil-wirl2{
        width: calc(34% - 15px) !important;
    }

    .pr-2212{
        width: calc(50% - 10px);
    }

    .ro_article:nth-child(-n+2){
        margin-top: 6px;
    }

    .image_article img{
        height: 230px;
        object-fit: cover;
    }

    .oneFourth{
        width: calc(50% - 10px);
    }

    #gallery a.galink img.example-image{
        height: 200px;
        object-fit: cover;
    }

    .oneFourth521{
        width: calc(50% - 10px);
    }

      .img-holder {
        width: calc(50% - 20px);
    }

    .boxil-wirl2 .image-wrol{
        height: 110px;
    }

    .press-office-bio{
        display: flex;
        width: 100%;
    }

    .pr-bio{
        flex-direction: column;
        width: 100%;
    }

    .b-img-scnd{
        width: 100%;
        height: 254px;
    }

    .b-img-first img, .b-img-scnd img{
        height: 254px;
        object-fit: cover;
    }

    .vg_container span svg #icon circle{
        fill: #323e78;
    }

    .lo_content{
        width: 500px;
        left: 20px;
    }
    
}

@media (min-width:550px) and (max-width:650px){
    .listDocsByYear .list{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    #banner_slider .owl-dots {
        right: 38%;
    }
    .factssheet-container{
        width: 50%;
        margin-right: 5px;
    }

    .image_article {
        height: auto;
    }

    .mobile_flag-disp {
        display: block;
        height: 170px;
        background-size: cover;
        padding-top: 60px;
        background-image: url(../images/flag-eulex.jpeg);
        background-attachment: unset;
        position: relative;
    }

    .hmp-flag {
        display: none;
    }

    .hmp-flag h1 {
        display: none;
    }

    .flag_bck {
        background-attachment: initial;
        background-size: cover;
        background-position-y: top;
    }

    .ruleoflaw_bck {
        position: relative;
        background-attachment: initial;
        background-position-y: inherit;
        height: 260px;
    }

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

    body {
        background: #fff;
    }

    header {
        border-bottom: none;
    }

    header>.container {
        width: 100%;
        padding: 0px;
    }

    .container {
        width: 100%;
        width: 100%;
        padding: 0px 10px;
        padding-top: 0px;
        box-sizing: border-box;
        overflow: visible;
    }

    .img_latest {
        width: 100%;
        height: 400px;
        padding: 10px;
    }

    .header {
        display: none;
    }

    .mobile_eu {
        display: block;
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        padding: 5px 10px;
        display: flex;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: none;
    }

    .cmpt-ft-container {
        margin: 0px;
    }

    .mobile_header {
        width: 100%;
        box-shadow: 0px 5px 50px #696969;
        padding: 5px 10px;
        box-sizing: border-box;
        height: 55px;
        display: flex;
    }

    #hamburger_menu svg {
        width: 18px;
    }

    .eu_logo_mob {
        width: 150px;
        overflow: hidden;
    }

    .eu_logo_mob img {
        width: 100%;
    }

    .mob_social_media {
        width: 100%;
        padding: 7px 0px;
    }

    .mob_social_media p {
        font-size: 14px;
        color: #696969;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 1;
        text-align: center;
    }
    .mob_social_media ul {
        display: flex;
        margin: 0px;
        padding-left: 0px;
        width: 200px;
        margin: auto;
    }
    .mob_social_media ul a i {
        font-size: 20px;
        line-height: 15px;
    }
    .mob_social_media ul li {
        padding: 8px;
        list-style-type: none;
        font-size: 11px;
        width: 30px;
        height: 30px;
        margin: 5px;
        border-radius: 50px;
    }

    .left_mob_logo {
        width: 90px;
        overflow: hidden;
    }

    .left_mob_logo img {
        width: 100%;
    }

    .l_logo_m {
        width: 92px;
        margin: auto;
    }

    .mobile_header span i {
        line-height: 45px;
        font-size: 20px;
        color: #696969;
    }

    .m_menu_disp {
        z-index: 999;
        display: block;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 55px;
    }

    #m_menu form {
        border-bottom: 1px solid #cecece;
    }

    #m_menu input {
        width: 86%;
        padding: 10px;
        margin-right: 5px;
        outline: none;
        border: none;
        background: transparent;
        color: #696969;
        letter-spacing: 1;
        font-size: 14px;
    }

    .search-class {
        width: 100%;
    }

    #m_menu button {
        width: 35px;
        height: 35px;
        background: white;
        border: none;
        outline: none;
        font-size: 16px;
        cursor: pointer;
        transition: 0.2s;
        border-radius: 50px;
        color: #696969
    }

    ul.menu_header_mob {
        padding: 0px;
    }

    .menu_header_mob li {
        padding: 10px;
        text-align: left;
        list-style-type: none;
        color: #696969;
        letter-spacing: 1;
        font-size: 14px;
        border-bottom: 1px solid #f4f4f4;
        position: relative;
        padding-right: 0px;
    }

    .menu_header_mob li a {
        text-decoration: none;
        text-decoration: none;
        color: #696969;
        font-size: 14px;
    }

    .submenu_mob {
        padding: 0px;
        margin-top: 10px;
        display: none;
    }

    .submenu_mob li {
        border-bottom: 0px;
        margin-bottom: 2px;
        padding: 10px 0px 10px 10px;
        position: relative;
    }

    .submenu_mob li a {
        color: #323e78 !important;
    }

    .close-open {
        position: absolute;
        right: 0;
        top: 6px;
        outline: none;
        border: none;
        font-size: 12px;
    }

    .close-open::before {
        content: '+';
        font-size: 20px;
        color: #cecece;
    }

    .close-open2 {
        position: absolute;
        right: 0;
        top: 6px;
        outline: none;
        border: none;
        font-size: 12px;
    }

    .close-open2::before {
        content: '+';
        font-size: 20px;
        color: #cecece;
    }

    .minus-icon {
        position: absolute;
        right: 0;
        top: 6px;
        outline: none;
        border: none;
        font-size: 12px;
    }

    .minus-icon::before {
        content: '-';
        font-size: 25px;
        color: #cecece;
    }

    #m_menu {
        display: none;
        background-color: #fff;
        padding: 20px;
        box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    }

    #language_mob {
        padding: 10px;
        padding-right: 0px;
        position: relative;
    }

    #language_mob ul {
        position: fixed;
        right: 10;
        padding-left: 0px;
        top: 40px;
        background: rgba(0, 0, 0, 0.5) !important;
        display: none;
        right: 10px;
    }

    #language_mob ul::after {
        width: 0;
        content: " ";
        height: 0;
        border-bottom: 10px solid rgba(0, 0, 0, 0.5);
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        top: -21px;
        left: 77%;
        transition: 0.5s;
    }

    #language_mob ul li {
        padding: 10px;
        width: 95px;
        list-style: none;
        text-align: center;
        border-bottom: 1px solid #f5f5f5;
    }

    #language_mob ul li:last-child {
        border-bottom: none;
    }

    #language_mob ul li a {
        text-decoration: none;
        color: #f5f5f5;
    }

    #language_mob svg {
        width: 27px;
    }

    .hamburger_menu {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        padding: 0;
        outline: none;
    }

    .line {
        fill: none;
        stroke: #696969;
        stroke-width: 6;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 6;
    }

    .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    .opened .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    .opened .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 6;
    }

    .opened .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    .flag_bck {
        display: none;
    }

    .section_header p img {
        width: 100%;
    }

    .press-office-bio {
        display: block;
        width: 100%;
    }

    .pr-bio {
        display: block;
        width: 100%;
    }

    .b-img-scnd {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .p-release-disp {
        display: block;
    }

    .frst-pressrelease {
        width: 100%;
        height: 300px;
    }

    .othr-press-rls {
        width: 100%;
        margin-top: 50px;
    }

    .img_latest {
        width: 100%;
        height: 350px;
        padding: 15px;
    }

    .mobile_flag-disp {
        display: block;
        height: 170px;
        background-size: cover;
        padding-top: 60px;
        background-image: url(../images/flag-eulex.jpeg);
        background-attachment: unset;
        position: relative;
    }

    .o_news{
        flex-direction: column;
        padding: 10px;
    }

    .lo_news{
        width: 100%;
        height: 300px;
    }

    .mob-text{
        width: 100%;
        text-align: center;
    }

    .ro_article{
        width: calc(50% - 10px);
        border-bottom:20px solid white;

    }

    .ro_article p{
        font-size: 15px;
    }

    .ro_article p {
        margin: 0px;
        height: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 5px;
    }
   

    .ro_article p:last-child {
        font-size: 14px;
        right: 7px;
        margin: 0;
        background-color: #323e78;
        color: #fff;
        position: absolute;
        bottom: -20px;
        right: 0;
    }

    .content_latest {
        height: 290px;
        position: absolute;
        top: 158px;
        width: 430px;
        left: 20px;
    }

    #banner_slider .owl-dots {
        right: 32%;
    }

    .latest_news {
        height: 420px;
    }

    #banner_slider .owl-dots {
        display: none;
    }

    .mob-widget {
        padding-top: 40px !important;
    }

    .flip-moreEU {
        background-color: transparent;
        width: 70px;
        height: 70px;
        perspective: 1000px;
        margin: 40px;
    }

    .flip-moreEU-front img {
        width: 70px;
        height: 70px;
    }

    .flip-moreEU:hover .flip-moreEU-inner {
        transform: none;
    }
    
    .features_container {
        width: 100% !important;
        padding-bottom: 0px !important;
    }

    .cmp-fetaures {
        padding: 0px;
        margin: 30px 0px !important;
    }

    .cmp-fetaures li {
        font-size: 16px;
        margin: 0px !important;
        padding: 5px 13px !important;
        box-shadow: none !important;
    }

    .features_container .img-holder p:first-child{
        top: -21px;
    }

    .img-holder p{
        font-size: 14px;
    }

    .homepage_bck{
        background: none;
    }

    .hmp-flag{
        height: 400px;
        position: relative;
    }

    #banner_slider{
        position: absolute;
        top: 44px;
        left: 0;
    }

    .content_latest{
        height: 200px;
        top: 200px;
        left: 30px;
    }

    .latest_news{
        padding: 10px;
    }

    .content_latest h2 a{
        font-size: 17px;
    }

    .title_section{
        font-size: 16px;
    }

    .view_more{
        text-align: right;
        font-size: 16px;
    }

    .video_gallery{
        display: flex;
    }

    .video_gallery .vg_container:last-child{
        display: none;
    }

    .video_gallery .vg_container:last-child .vg_text{
        width: 530px;
    }
    .owl-dots{
        display: none !important;
    }
    .vg_text{
        background: #323e78;
        width: 235px;
        height: 60px;
        bottom: -45px;
    }

    .ro_image{
        width: 100%;
        margin-top: 10px;
    }

    .vg_text p{
        color: #fff;
        font-size: 15px;
    }

    .vg_container span{
        left: 50%; 
        bottom: -17px;
        transform: translate(-50%, -50%); 
    }

    .bio-widg{
        margin: 0px;
        flex-wrap: nowrap;
        width:100%;
    }

    .widg-container{
        width: 45%;
        height: 255px;
    }

    .widg-para{
        bottom: 2px;
    }
    .widg-para a{
        font-size: 14px;
    }

    .social-media{
        flex-direction: row;
        margin: 0 auto;
        padding-right: 0px;
    }


    .section_title {
        font-size: 20px;
        padding: 10px;
        line-height: initial;
        max-width: 80%;
    }
    .owl-nav{
        top: 75px !important;
    }
    .video-cont .vg_text{
        bottom: -75px;
    }
    .video-cont{
        padding: 10px;
        margin: 30px 0px;
    }

    .gray_background{
        background: #efefef;
    }

     .video_gallery .vg_container{
        width: calc(50% - 3px);
        height: auto;
        padding: 10px;
        margin-right: 3px;
        margin: 0px;
    }

    .img-holder h2 a{
        font-size: 16px;
    }

    .min-width{
        min-height: 100px;
    }

    .news_photos{
        padding-bottom: 0px;
    }

    .vg_container img{
        height: 100%;
        object-fit: cover;
    }

    .widg-container{
        width: calc(50% - 20px);
    }

    .lo_image img{
        padding: 7px;
    }

    .video-cont .vg_container{
        width: calc(50% - 22px);
        
    }

    .video-cont .vg_text{
        height: 90px;
        bottom: -87px;
        width: 200px;
    }

    .video-cont .vg_container span{
        left: 49%;
        bottom: -15px;
    }

    .boxil-wirl2{
        width: calc(50% - 15px) !important;
    }

    .pr-2212{
        width: calc(50% - 10px);
    }

    .ro_article:nth-child(-n+2){
        margin-top: 6px;
    }

    .image_article img{
        height: 230px;
        object-fit: cover;
    }

    .oneFourth{
        width: calc(50% - 10px);
    }

    #gallery a.galink img.example-image{
        height: 200px;
        object-fit: cover;
    }

    .oneFourth521{
        width: calc(50% - 10px);
    }

      .img-holder {
        width: calc(50% - 20px);
    }

    .pr-2212-img+p{
        font-size: 16px;
    }

    .boxil-wirl2 .image-wrol{
        height: 120px;
    }

    .press-office-bio{
        display: block;
        width: 100%;
    }

    .pr-bio{
        display: block;
        flex-direction: column;
        width: 100%;
    }


    .b-img-scnd{
        width: 100%;
    }

    .vg_container span svg #icon circle{
        fill: #323e78;
    }

    .lo_content{
        width: 500px;
    }
    .b-img-first img, .b-img-scnd img{
        width:50%;
        margin: auto;
    }

}

@media only screen and (max-width: 550px) {
    .factsheetImg{
        width: 100%;
    }
    #banner_slider .owl-dots {
        display: none;

    }
    .factssheet-container{
        width: 50%;
        margin-right: 5px;
    }
    .mob-flex-disp{
        display:flex;
        flex-direction:column !important;
    }
    .mob-flex-disp div{
        width:100% !important;
    } 
    /* START HOMEPAGE */
    .homepage_bck>div {
        padding-top: 0px !important;
    }

    .mobile_flag-disp {
        display: block;
        height: 170px;
        background-size: cover;
        padding-top: 60px;
        background-image: url(../images/flag-eulex.jpeg);
        background-attachment: unset;
        position: relative;
    }

    .o_news {
        display: flex;
        flex-direction: column;
    }

    .lo_news {
        display: none;
    }

    .lo_image {
        display: none;
    }

    .mobile_ro_article {
        display: flex;
    }

    .ro_article {
        width: 100%;
        flex-direction: row;
        padding: 0px 0px 0px 0px;
        box-shadow: none;
        height: fit-content;
        border: none;
        margin-bottom:5px;
        border: 1px solid #efefef;
    }
    #gallery_slider .owl-dots{
        display: none;
    }
    .ro_article:last-child {
        border-bottom: none;
    } 

     .image_article {
        width: 35%;
        height: 100px;
        position: relative;
    }

    .image_article img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    } 

     .mob-text {
        width: 65%;
        height: fit-content;
    }

    .homepage_bck{
        background: none;
    }

    .hmp-flag {
        display: block !important;
        height: 350px !important;
    }

    .hmp-flag h1 {
        display: none;
    }

    .latest_news {
        height: 330px;
    }

    #banner_slider {
        position: absolute;
        top: -285px;
        left: 0;
    }

    .mob-widget {
        height: 10px;
    }

    .content_latest {
        width: 310px;
        height: 151px;
        overflow: visible;
        top: 100px;
    }

    .img-holder h2 {
        width: 100%;
        text-align: center;
    }

    .img-holder h2 a {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .sixteen_nine {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
        overflow: hidden;
        height: 115spx;
        padding: 0;
    }

    .vg_container {
        width: 100%;
        margin: 0px;
        margin-bottom: 40px;
        object-fit: cover;
    }

    .vg_text {
        background: #323e78;
        width: 260px;
        height: 80px !important;
        padding: 5px;
        padding-top: 15px;
        bottom: -65px;
    }

    .vg_text p {
        color: white;
        font-size: 15px;
        margin: 0px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .features_container .img-holder {
        width: 100% !important;
        flex-direction: column;
        height: 230px;
        box-shadow: 0px 8px 20px 0px rgb(24 32 111 / 10%);
        border-top: 1px solid #eaeaea;
        padding: 0px;
    }

    .bio-widg {
        margin: 0px;
        flex-wrap: nowrap;
    }

    .widg-container {
        width: 100%;
        box-sizing: border-box;
        margin: 10px 5px 10px 0px;
        height: 185px;
    }

    .mobile-gray {
        background: #f8f9fa;
        
    }

    .widg-container:last-child {
        width: 100%;
    }

    .widg-para {
        bottom: 3px;
    }

    .widg-para a {
        font-size: 11px;
    }

    .media-widget {
        padding-top: 0px !important;
    }

    .social-media {
        flex-direction: column;
        margin: auto; 
    }

    .s-media {
        border: none;
    }
    .case-container{
        width:100%;
    }
    .bio-widg{
        width:100% !important
    }
    .a-case img{
        padding:0px !important;
        background:transparent !important;
        
    }
    .view_more {
        padding:20px 0px;
        
    }

    .view_more a {
        font-size: 15px;
    }

    .margin_container{
        padding:0px;
    }
    .video_gallery+.view_more {
        margin-top: 0px !important;
    }

    .more-eu {
        overflow-x: scroll;
    }
    /* END HOMEPAGE */
    .section_title {
        font-size: 20px;
        padding: 10px;
        line-height: initial;
        max-width: 80%;
    }

    .section_header h2 {
        font-size: 20px;
    }

    .image-container {
        flex-direction: column;
    }

    .img-holder {
        width: 100% !important;
    }

    .grc-container p {
        margin: 0px;
    }

    .mobile_flag-disp {
        display: block;
        height: 170px;
        background-size: cover;
        padding-top: 60px;
        background-image: url(../images/flag-eulex.jpeg);
        background-attachment: unset;
        position: relative;
    }

    .hmp-flag {
        height: 300px;
    }

    .flag_bck {
        background-attachment: initial;
        background-size: cover;
        background-position-y: top;
    }

    .ruleoflaw_bck {
        position: relative;
        background-attachment: initial;
        background-position-y: inherit;
    }

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

    body {
        background: #fff;
    }

    header {
        border-bottom: none;
    }

    header>.container {
        width: 100%;
        padding: 0px;
    }

    .container {
        width: 100%;
        width: 100%;
        padding: 0px 10px;
        padding-top: 0px;
        box-sizing: border-box;
        overflow: visible;
    }

    .img_latest {
        width: 100%;
        height: 220px;
        padding: 15px;
        top: 35px;
    }

    .header {
        display: none;
    }

    .mobile_eu {
        display: block;
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        padding: 5px 10px;
        display: flex;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: none;
    }

    .cmpt-ft-container {
        margin: 0px;
    }

    .mobile_header {
        width: 100%;
        box-shadow: 0px 5px 50px #696969;
        /* height: 50px; */
        padding: 5px 10px;
        box-sizing: border-box;
        height: 55px;
        background: rgba(255, 255, 255, 0.2);
        display: flex;
    }

    #hamburger_menu svg {
        width: 18px;
    }

    .eu_logo_mob {
        width: 150px;
        overflow: hidden;
    }

    .eu_logo_mob img {
        width: 100%;
    }

    .mob_social_media {
        width: 100%;
        padding: 7px 0px;
    }

    .mob_social_media p {
        font-size: 14px;
        color: #696969;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 1;
        text-align: center;
    }

    .mob_social_media ul {
        display: flex;
        margin: 0px;
        padding-left: 0px;
        width: 200px;
        margin: auto;
    }

    .mob_social_media ul a i {
        font-size: 20px;
        line-height: 15px;
    }

    .mob_social_media ul li {
        padding: 8px;
        list-style-type: none;
        font-size: 11px;
        width: 30px;
        height: 30px;
        margin: 5px;
        border-radius: 50px;
    }

    .left_mob_logo {
        width: 90px;
        overflow: hidden;
    }

    .left_mob_logo img {
        width: 100%;
    }

    .l_logo_m {
        width: 92px;
        margin: auto;
    }

    .mobile_header span i {
        line-height: 45px;
        font-size: 20px;
        color: #696969;
    }
    /* START MENU */
    .m_menu_disp {
        z-index: 999;
        display: block;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 55px;
    }

    #m_menu form {
        border-bottom: 1px solid #cecece;
    }

    #m_menu input {
        width: 86%;
        padding: 10px;
        margin-right: 5px;
        outline: none;
        border: none;
        background: transparent;
        color: #696969;
        letter-spacing: 1;
        font-size: 14px;
    }

    #m_menu button {
        width: 35px;
        height: 35px;
        background: white;
        border: none;
        outline: none;
        font-size: 16px;
        cursor: pointer;
        transition: 0.2s;
        border-radius: 50px;
        color: #696969
    }

    ul.menu_header_mob {
        padding: 0px;
    }

    .menu_header_mob li {
        padding: 10px;
        text-align: left;
        list-style-type: none;
        color: #696969;
        letter-spacing: 1;
        font-size: 14px;
        border-bottom: 1px solid #f4f4f4;
        position: relative;
        padding-right: 0px;
    }

    .menu_header_mob li a {
        text-decoration: none;
        text-decoration: none;
        color: #696969;
        font-size: 14px;
    }

    .submenu_mob {
        padding: 0px;
        margin-top: 10px;
        display: none;
    }

    .submenu_mob li {
        border-bottom: 0px;
        margin-bottom: 2px;
        padding: 10px 0px 10px 10px;
        position: relative;
    }

    .submenu_mob li a {
        color: #323e78 !important;
    }

    .close-open {
        position: absolute;
        right: 0;
        top: 6px;
        outline: none;
        border: none;
        font-size: 12px;
    }

    .close-open::before {
        content: '+';
        font-size: 20px;
        color: #cecece;
    }

    .close-open2 {
        position: absolute;
        right: 0;
        top: 6px;
        outline: none;
        border: none;
        font-size: 12px;
    }

    .close-open2::before {
        content: '+';
        font-size: 20px;
        color: #cecece;
    }

    .minus-icon {
        position: absolute;
        right: 0;
        top: 6px;
        outline: none;
        border: none;
        font-size: 12px;
    }

    .minus-icon::before {
        content: '-';
        font-size: 25px;
        color: #cecece;
    }

    #m_menu {
        display: none;
        background-color: #fff;
        padding: 20px;
        box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    }

    #language_mob {
        padding: 10px;
        padding-right: 0px;
        position: relative;
    }

    #language_mob ul {
        position: fixed;
        right: 10;
        padding-left: 0px;
        top: 40px;
        background: rgba(0, 0, 0, 0.5) !important;
        display: none;
        right: 10px;
    }

    #language_mob ul::after {
        width: 0;
        content: " ";
        height: 0;
        border-bottom: 10px solid rgba(0, 0, 0, 0.5);
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        top: -21px;
        left: 77%;
        transition: 0.5s;
    }

    #language_mob ul li {
        padding: 10px;
        width: 95px;
        list-style: none;
        text-align: center;
        border-bottom: 1px solid #f5f5f5;
    }

    #language_mob ul li:last-child {
        border-bottom: none;
    }

    #language_mob ul li a {
        text-decoration: none;
        color: #f5f5f5;
    }

    #language_mob svg {
        width: 27px;
    }

    .hamburger_menu {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        padding: 0;
        outline: none;
    }

    .line {
        fill: none;
        stroke: #696969;
        stroke-width: 6;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 6;
    }

    .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }

    .opened .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    .opened .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 6;
    }

    .opened .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }

    .latest_news {
        padding: 0;
    }

    .content_latest {
        top: 140px;
        left: 15px;
    }
    .ro_article p:last-child{
        font-size:11px;
    }
    .content_latest h2 a {
        font-size: 35%;
    }

    .homepage_bck {
        background-image: none;
        position: relative;
    }

    .homepage_banner {
        background: none;
        position: absolute;
        top: 0px;
    }

    .title_section {
        margin-top: 15px;
        text-align: left !important;
        font-size: 15px;
        padding: 5px;
    }

    .lo_image img {
        width: 100%;
        position: initial;
        object-fit: initial;
        transform: initial;
        height: 250px;
        object-fit: cover;
    }

    .lo_content {
        width: 80%;
        position: relative;
        margin-left: 10px;
        bottom: 135px;
        left: 5px;
    }

    .lo_content h2 a {
        font-size: 14px;
        line-height: 2.5;
        font-weight: 600;
        color: #323e78;
    }

    .ro_image {
        width: 100%;
    }

    .flag_bck {
        display: none;
    }
   
    .img-holder {
        width: 100%;
        margin: 0 auto;
    }

    .frst-half-container {
        margin: 0 auto;
    }

    .pr-nws-title {
        font-size: 18px;
    }
    .search-class {
        width: 100%;
    }
    .gMap{
        width: 100%;
    }
    .img-holder>.sixteen_nine>.ratioChild img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sixteen_nine {
        width: 100%;
    }

    .features_container .img-holder p:first-child {
        width: 50% !important;
    }

    .factssheet-container .sixteen_nine {
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .gray_background {
        background: #efefef;
    }

    .separator {
        display: none;
    }

    .sixteen_nine .ratioChild{
        position: relative;
    }

    .ro_article p{
        font-size: 13px;
    }

    .owl-nav{
        top: 95px !important;
    }

    .pr-2212 {
        width: 100%;
        height: 225px;
        box-shadow:none;
        border:1px solid #efefef;
    }
    .pr-2212 p:nth-child(3){
        background:#323e78;
        color:white;
    }

    .pr-2212-img+p {
   
        height: 65px;
        border-bottom: 20px solid white;
    
    }
    .vg_container img {
        width: 100%;
        object-fit: cover;
    }

    .pr-2212-img {
        width: 100%;
        height: 100%;
        position: relative;
        height:200px;
    }

    .vg_container span{
        bottom: 0px;
        left: 48%;
    }
    .ro_article:hover{
        transform:none;
        box-shadow: none;
    }

    .ro_article p:last-child{
        float: right;
        background-color: #323e78;
        color:white;
    }

    .cmp-fetaures{
        font-size: 13px;
        float: left;
        padding-left: 0px;
        margin-bottom: 25px;
    }

    .features_container{
        width: 100%;
        padding-bottom: 0px !important;
    }

    .img-holder p{
        font-size: 13px;
    }

    .cmp-fetaures li{
        padding: 10px 10px;
    }

    .flip-moreEU {
        background-color: transparent;
        width: 70px;
        height: 70px;
        perspective: 1000px;
        margin: 40px;
    }

    .flip-moreEU-front img {
        width: 70px;
        height: 70px;
    }

    .flip-moreEU:hover .flip-moreEU-inner {
        transform: none;
    }

    .boxil-wirl2{
        width: 100% !important;
    }

    .boxil-wirl2 .image-wrol{
        height: 160px;
    }

    .bio-widg{
        padding: 20px 0px;
        margin:0 !important;
    }

    .s-media{
        margin-top: 30px;
    }

    .n5-21{
        margin-top: 30px;
    }

    .video-cont .vg_container{
        width: 100%;margin-left: 0px;
        margin-right: 0px;
    }

    .video-cont .vg_container span{
        bottom: -25px;
        left: 47%;
    }

    .ruleoflaw_bck{
        height: 180px;
    }

    .more-eu{
        justify-content: left;
    }

    .oneFourth521{
        width: 100%;
        object-fit: cover;
    }

    .social-media{
        padding-right: 30px;
    }

    .news-421{
        margin: 0px;
        width: 100%;
    }

    .oneThird{
        width: 100%;
        margin: 0 auto;
    }

    h2.caption{
        margin-top: 40px;
    }

    .vg_container span svg #icon circle{
        fill: #323e78;
    }

    .pr-2212-img+p{
        font-size: 13px;
    }

    .section_header p img{
        width: 100%;
    }

    .press-office-bio{
        display: block;
        width: 100%;
    }

    .pr-bio{
        display: block;
        flex-direction: column;
        width: 90%;
    }
    .pr-bio .b-img-first{
        margin:auto;
        width:60%;
    }
    .b-img-scnd{
        width: 100%;
    }

    .oneThird{
        width: 100%;
        max-height: fit-content;
    }

    .p-release-disp {
        display: block;
    }
    .owl-customize-carousel{
        width:100% !important;
    }
    .frst-pressrelease {
        width: 100%;
        height: 300px;
    }
    .othr-press-rls {
        width: 100%;
        margin-top: 50px;
        margin-left:0px;
    }
    .factssheet-container{
        width:45%;
        margin-right: 10px;
        margin-bottom:10px;
    }
    .othr-pr-nws{
        border-bottom:none;
        border: 1px solid #efefef;
        margin-bottom: 5px;
        border-radius: 10px;
        padding:0px;
    }
    .img-othr-nws p{
        background: #323e78;
        color:white;
    }
    .p-oth-txt p {
        font-size: 13px;
    }
    .image_container_w img{
        width:100%;
    }
    .job-title {
        font-size:18px;
    }
    .two_container{
        flex-direction: column;
    }
    .two_container img{
        width:100%;
        margin-bottom:5px;
    }

}