@charset "UTF-8";

/*
xs <576px
sm ≥576px
md ≥768px
lg ≥992px
xl ≥1200px
xxl ≥1400px
*/


@media print{

}

@media only screen and (max-width: 992.1px) {
    
    .award_announcement_of_finalists .tabs .ui-tabs-nav {
        margin-bottom: 20px  !important;
    }
    
    .award_announcement_of_finalists .ui-tabs  li.ui-tabs-active {
        border-bottom: unset !important;
    }
    
    .award_announcement_of_finalists .ui-tabs li:last-of-type{
         border-bottom: solid 1px #CCC !important;
    }
    
    .award_announcement_of_finalists .ui-tabs li{
        width: 100%;
            width: 100%;
        height: unset;
        border: solid 1px #CCC !important;
        padding: 5px !important;
         border-bottom: unset !important;

    }
    
    
    
    .award_about_us .item_line {
        display: none;
    }
    
    .award_about_us  .item_box {
        margin-bottom: 20px !important;
    }
    
}

@media only screen and (max-width: 1560px) {
    header .headerlogo{
 
    width: 370px;
 
    }
}
@media only screen and (max-width: 1400px) {
    
    
    .navbar-nav {
        
        top: 100px;
        
    }
    
    header .menu_box {
  
}
    
    .main {
    margin-top: 100px;
}
    header {
    
    height: 100px;
}

   .navbar-nav .lang_div{
        display: flex;
    }
    .menu_box_top .lang_div{
        display: none;
    }
    
    .advertiser .advertiser_grid {
 
        grid-template-columns: repeat(1, 1fr);

    }
    
    .div_page_banner h1 {
        font-size: 40px;

    }

    .join_div img {

        width: 80%;
        border-radius: 15px;
        z-index: -1;

    }

    .join_content_div {
        box-shadow: 0px 0px 20px #c1c1c1;
        width: 80%;
        max-width: 100%;
        border-radius: 15px;
        background-color: #fff;
        margin-top: 400px

    }




    .home .home_news_grid{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 36px;
    }

    header nav .dropdown-menu li:last-child {
        border-bottom: 1px solid #9b9b9b;
    }
    header nav .dropdown-menu li:first-child {
        border-top: 1px solid #9b9b9b;
    }

    header nav .dropdown-menu li {
        border-bottom: 1px solid #9b9b9b;
        /*        border-top: 1px solid #9b9b9b;*/
        position: relative;
    }

    header nav .nav-item>a {
        padding: 10px 10px;
    }

    header nav .dropdown-menu a {
        font-size: 16px;
        font-weight: 400;
        max-width: 100%;
        padding: 10px 50px;
        width: max-content;
    }

    .nav-item .lang_div a{
        color:#000;
        margin: 0 20px;
    }
    .nav-item .lang_div .active a{
        color:#e01f1c
    }

    header .headerlogo{
/*        max-width: 40%*/
    }
    header .menu_box{
        max-width: 60%;
        display: flex;
        justify-content: flex-end;
    }


    .menu_box_top{
        margin-right: 50px;
    }


    .navbar-nav{
        position: fixed;
        left: 0;
        width: 100vw;
        height: calc(100vh - 76px);
      
        background: #FFF;
        z-index: 999;
        overflow-y: scroll
    }

    img{
        max-width: 100%;
        height: unset ;
    }

    table ,td{
        width: unset !important;
    }
    a{
        overflow-wrap: anywhere;
    }
}





@media screen and (max-width:767.9px){
    
    .mobile_line_bb_1px{
         border-bottom: #ADADAD solid 1px;
    }
    
    .ui-tabs .ui-tabs-panel {
 
    padding: 15px !important;
}
    
     .bulletin_board .item > div:nth-of-type(3){
       
        order:2;
    }
    
    .bulletin_board .item > div:nth-of-type(1){
        color:#E01F1C ;
        order:1;
      
    }
    
    .bulletin_board .item > div:nth-of-type(2){
          border-bottom: #ADADAD solid 1px;
        margin-bottom: 15px;
        padding-bottom: 15px;
        order:3;
    }
    
    .bulletin_board .item  .btn_arrow_1{
        float:right;
            margin-bottom:15px;
    }
    
    .bulletin_board .item .br_b_1px{
        border-bottom :none;
    }
    
      .congress_info .div_cate{
        font-size: 20px;
    }
    
    
    
    .activities_detail .desc, .bulletin_board_detail .desc {
    padding: 30px;
 
}
    .activities_detail .div_info > div:nth-of-type(1) .foot, .activities_detail .div_info > div:nth-of-type(2) .foot, .activities_detail .div_info_2 .rl {
    border-right: none;
}
    
.activities_detail .div_info .foot {
/*    margin-bottom: 20px;*/

min-height:150px
}    

.activities_detail .div_info .head {
    
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

    .activities .cover_img, .award_gallery .cover_img {
    height: 300px;
    
}

   .sb_hight {
    margin: 35px 0;
}
    .py-md-10{

    }


    .member_content {
        display: flex;
        flex-wrap: wrap;
    }

    .member_content .member_image {
        max-width: 100%;
        height: auto;
    }

    .div_page_banner h1 {
        font-size: 30px;

    }


    .join_div img {

        position: unset;
        width: 100%;
        border-radius: 15px;
        z-index: -1;

    }

    .join_content_div {
        box-shadow: 0px 0px 20px #c1c1c1;
        position: unset;
        width: 100%;
        max-width: 100%;
        border-radius: 15px;
        background-color: #fff;
        margin-top: 25px

    }



    .home .banner_content1 .h1 {
        font-size: 52px;
        text-shadow: 0px 0px 10px #000;
    }

    .home_section1 {
        height: calc(70vh );
    }


    .join_div img {
        position: unset;
    }


}



@media only screen and (max-width: 576px) {
    
    .member_page .div_left {
    border-right:none;
}
    
        .activities .cover_img, .award_gallery .cover_img {
    height: 230px;
    
}

 
    .mt-10 {
    margin-top: 40px;
}
    
    header .menu_box {
    padding-top: 0px;
}

        header .headerlogo {
        max-width: 60%;
    }
    header .menu_box {
        max-width: 40%;
        display: flex;
        justify-content: flex-end;
    }
 
    header{
        padding:0 15px; 
    }

    .div_page_banner h1 {
        font-size: 30px;

    }

}
@media (min-width: 768px) {
    
    
    
  
    
    .py-md-10 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    
    .py-md-10{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .ps-md-10{
        padding-left: 5rem;
    }
    .px-md-10{
        padding-left: 5rem;
        padding-right: 5rem;
    }
    
    .pe-md-10{
        padding-right: 5rem;
    }
    .px-md-10{
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .pt-md-10{
        padding-top: 5rem;
    }

    .pb-md-10{
        padding-bottom: 5rem;
    }
}