.modal-header {
    display: flex;
    align-items: center;
}
#accordion .slick-list {
    height: auto !important;
}
header.pous-header.custom-header div#navbarNavDropdown ul.navbar-nav.gnb-menu {
    align-items: center !important;
}
header.pous-header.custom-header .gnb-menu li a.user-icon-btn {
    padding-top: 3px;
}
header.pous-header.custom-header h1.logo img.opus-town-logo {
    max-width: 260px;
}
div#previewModal div#attachmentsCarousel {
    margin-top: 0 !important;
}

@media(max-width:1235px){
      .pous-footer {
        padding: 30px 20px !important;
    }
}

@media(max-width:1150px){

  span.project-finish {
   
      z-index: 9 !important;
      left: 10px !important;
      text-align: center !important;
      margin-left: auto !important;
      font-size: 12px !important;

  }

}

@media(max-width:980px){
  header.pous-header.custom-header h1.logo img.opus-town-logo {
    max-width: 180px !important;
}
  .project-list li {
    position: relative !important;
}
span.project-finish {
    top: 10px !important;
    z-index: 9 !important;
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    font-size: 12px !important;
}
label.adjustThis {
    top: 12px !important;
    right: 37px !important;
}
  .pous-footer {
    
      padding: 30px 20px !important;
    
  }
}


@media (max-width: 768px) {
  .pous-container .login-area{
      padding: 15px !important;
      
  }
  .project-list li {
    position: relative !important;
}
span.project-finish {
    top: 10px !important;
    z-index: 9 !important;
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    font-size: 12px !important;
}
}
@media (max-width: 767px) {
  .guide-user-flow li {
    width: 50%;
    padding-bottom: 20px;
  }
  .row .col-md-3.proposalproject-col {
    width: 50% !important;
    max-width: 50% !important;
  }
  .project-list li {
    position: relative !important;
  }
  span.project-finish {
      top: 10px !important;
      z-index: 9 !important;
      left: 0 !important;
      width: 100% !important;
      text-align: center !important;
      margin-left: auto !important;
      font-size: 12px !important;
  }
  .modal-body table.table.table-bordered tr {
    display: flex;
    width: 100%;
    clear: both;
    overflow: auto;
  }
  .pous-container .login-area {
    display: block;
  }
  .pous-container .login-area .youtube-area {
      max-width: 100% !important;
  }
  .pous-container .login-form-area {
      max-width: 100% !important;
  }
  ul.nav.nav-tabs {
      gap: 10px;
  }
  div#partnership_information td {
    width: 100% !important;
  }
  div#partnership_information th {
      width: 100% !important;
  }
  div#not-section-story-add .show_option_for_contributor button {
    margin-bottom: 12px;
  }
  ul#myProjectList li {
    width: 33.33% !important;
  }
  .tips-list.guide-user-flow > li .tips-in {
    height: 500px !important;
  }
}

/*........forgot password..*/
@media (max-width: 576px) {
  ul.flow-list.guide-user-flow > li .step-in {
    height: auto !important;
}
.tips-list.guide-user-flow > li .tips-in {
    height: auto !important;
}


  .collaborative-board-contributor li {
    width: 100% !important;
}
  .modal-content .contest-main.modal-body .row.form-group.align-items-center .col-sm-2 {
    width: auto;
    padding-right: 9px;
    padding-left: 9px;
  }
  .modal-content .contest-main.modal-body .row.form-group.align-items-center .col-sm-4 {
      padding-top: 10px;
  }
  .modal-dialog.modal-sm {
    margin: 40px !important;
    
  }
  ul.nav.nav-tabs {
    display: flex;
    flex-wrap: wrap !important;
    justify-content: center;
}
.modal-dialog.modal-md {
    margin-left: 10px;
    margin-right: 10px;
}
div#contest-list-slider .slider {
    top: 14px !important;
}
}





/*........register input phone..*/
@media (max-width: 1440px) {
    ul.login-form.login-forms .iti.iti--allow-dropdown {
      width: 90%;
  }
  ul.login-form.login-forms .iti.iti--allow-dropdown input#phone {
      width: 100%;
      padding-left: 42px !important;
  }
  ul.login-form.login-forms .input-group {
      flex-wrap: inherit !important;
  }

}

@media (max-width: 1200px) {
  .project-list.st3 li {
      width: 33.33% !important;
  }
}
/****************apply partnership*************/
@media (max-width: 840px) {
    #request_partnership_form .modal-body table.table-style col:first-child {
        width: 100px !important;
    }

    .project-list.st3 li {
      width: 50% !important;
  }

    
    


}
/*...........create project............*/

@media (max-width:480px){
  /*.pous-container {
  min-height:auto !important;
}*/
  div#previewModal .modal-dialog.custom-modal-width {
    margin-left: 12px;
    margin-right: 12px;
}
.attachment-custom-mobile {
    padding-left: 12px;
    padding-right: 12px;
}
  .guide-user-flow.flow-list > li:after {
    top: -31px !important;
    bottom: auto !important;
    left: 44% !important;
    rotate: 90deg !important;
  }
  ul.guide-user-flow li {
    padding-bottom: 16px !important;
  }
  .flow-tit {
    line-height: 25px !important;
    font-size: 18px !important;
  }
  .login-bottom-txt {
    line-height: 34px !important;
    font-size: 24px !important;
    padding: 7px 0px !important;
  } 
  .tips-list.guide-user-flow > li .tips-in {
    height: auto !important;
  }
  ul.flow-list.guide-user-flow > li .step-in {
    height: auto !important;
  }
  .bottom-banner button {
    position: relative !important;
    top: 0px !important;
    right: 0px !important;
  }
  ul.guide-user-flow li {
    width: 100% !important;
  }
  ul#myProjectList li {
    width: 50% !important;
  }
  .accordion-ui input.form-control {
      width: 100% !important;
  }
  .accordion-ui textarea.form-control {
      width: 100% !important;
  }
  .accordion-ui span.select2.select2-container.select2-container--default {
      width: max-content !important;
  }
  dl#prject_targeting table.table-style col ,
  #collaboration_details table.table-style col{
      width: max-content !important;
  }
  dl#prject_targeting table.table-style td input, 
  #collaboration_details table.table-style td input{
      width: 100% !important;
  }

  #collaboration_details td label.radio-inline input {
      width: auto !important;
  }
    .table-style {
    width: 100% !important;
  }
  .table-style{
    word-break: break-all !important;
  }
  .filter-section.mb-4.text-center {
      text-align: left !important;
  }
  .filter-section.mb-4.text-center label {
      width: 100%;
      text-align: left;
  }
  .filter-section.mb-4.text-center input {
      width: 100% !important;
      margin: 10px 0px;
  }
  .pous-container.lnb-none {
      margin: 0 auto 0px !important;
      min-height: auto !important;
     
  }
  .pous-container .login-area form#changePasswordForm .form-group.col-6 {
      flex: 0 0 100% !important;
      max-width: 100% !important;
  }
  div#accordion .panel-body .row.centerData li {
      width: 100% !important;
  }
  div#accordion .panel-body .file-thumb-list {
      margin: 0 0px 0 !important;
  }
  .filter-section.mb-4.text-center button#filterBtn {
      margin-left: 0 !important;
  }
  td.edit-languages span.select2.select2-container.select2-container--default {
      width: 100% !important;
  }
  nav#sidebar_button_mobile {
    margin-top: 0px !important;
  }
  div#partnership_information th,.contest_information th {
    width: 100% !important;
  }
  div#partnership_information td,.contest_information td {
      width: 100% !important;
  }
  dl#general_project_information h3.voc {
    position: relative !important;
    right: 0 !important;
  }
  dl#general_project_information dt {
      display: block !important;
  }
  .col-md-4.text-right.cooperative-button {
    padding-top: 30px;
  }
  div#load_data.load-data-group h5.coop_company_title {
    padding: 5px 0;
  }
  .load-data-group .photo img {
    height: auto !important;
  }
  .col-md-6.custom-partnership-position.partneshiship-video-text-1 {
    height: 230px !important;
  }
  .bottom-button-mobile {
    padding: 20px 20px 65px 20px !important;
  }
  .bottom-button-mobile button.btn {
    float: right;
  }
  .navbar-brand{
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

/*//..........partnership create project.............*/



/*//..........28 oct.............*/
@media (max-width: 767px){
  ul.nav.nav-tabs.mobile-feed {
      gap: 0;
        justify-content: left;
    }
  .offcan-sidebar nav#sidebar_button_mobile.footer-sidebar-icon {
/*    margin: 0 0px 20px 0 !important;*/
    margin: -13px 0px 0px 0 !important;

  }
  
  .flow-list.guide-user-flow > li .step-in{
    height: 500px !important;
  }
  img#preview_image {
    object-fit: contain !important;
  }
  .col-md-6.custom-partnership-position.partneshiship-video-text-1 {
    height: 247px !important;
  }
  .col-md-6.custom-partnership-position.partneshiship-video-text-1 dt.pl-0 {
    padding: 22px 22px 22px 0px !important;
    font-size: 18px !important;
  }
  .row.cooprative-group-top-image {
    gap: 12px;
  }
  div#load_data.load-data-group .col-sm-2 {
    padding-bottom: 20px;
  }
  .contest_information th {
    width: 100% !important;
  }
  .contest_information td {
      width: 100% !important;
  }
  ul.login-form.login-forms .iti.iti--allow-dropdown {
      width: 100% !important;
  }
  
  .offcan-sidebar #sidebar_button_mobile {
      display: block !important;
  }
   #desktop_sidebar{
    display: none;
   }

   div#copyright-share-id {
      display:  flex !important;
  }

  div#sidebar_container .row {
      display: block;
  }

  #project_ratio_id .custom-project-box2 {
      min-width: 100% !important;
  }

  #project_ratio_id .project-copyright.row.w-100 {
      height: auto;
  }

  div#details_top_page .col-10.pd-data-img2 div#no-border { 
    flex-wrap: wrap ;
    justify-content: flex-start;
 
  }
  div#details_top_page .col-10.pd-data-img2 div#no-border a.dropdown-item {
      padding-left: 0;
  }
  .row {
      margin-left: 0 !important;
      margin-right: 0 !important;
  }
  div#project_ratio_id {
      margin-top: 20px !important;
  }
  #project_ratio_id .custom-project-box3 {
      padding: 5px 0 12px 0;
  }
  #sidebar_container .sidbar-col-2.custom-col-css2 .col-md-12.text-right {
      padding: 0;
  }
  #sidebar_container .sidbar-col-2.custom-col-css2 .col-md-12 {
      padding: 0;
  }
  #sidebar_container .sidbar-col-2.custom-col-css2 div#accordion div#section_box_show .col-md-2 {
      padding: 0;
  }
  #sidebar_container .custom-col-css1 {
      width: 100%;
      max-width:100% !important;
  }
  #sidebar_container .custom-col-css2 {
      width: 100%;
      max-width:100% !important;
  }
  .offcan-sidebar #sidebar_button_mobile {
      display: block !important;
/*      padding: 0;*/
  }
  #project_ratio_id .custom-project-box2 {
      margin: 10px 0;
  }

  .offcan-sidebar div#sidebarMenu {
      padding: 30px 15px 20px 20px;
      overflow: auto;
  }
  .offcan-sidebar div#sidebarMenu .border-r {
      border: none !important;
  }
  /*  //.....table view mobile...........*/

  tr{
      display: block;
      width: 100%;
      clear: both;
  }
  td{
      display: block;
      height: auto;
      width: 100%;
  }
  th {
      display: block;
      height: auto;
      width: 100%;
  }
   colgroup  {
      display: none;
  }
  .table-style td {
      height: auto !important;
  }
  #share_options .t-btn-area {
      text-align: left !important;
  }
  #share_options .t-btn-area .col-md-5 {
      padding-left: 0;
  }
  #share_options .t-btn-area .col-md-1 {
      padding-left: 0px;
  }
  #share_options .t-btn-area .col-md-1 {
      padding-left: 0px;
  }
  #share_options .t-btn-area .col-md-11 {
      padding-left: 0;
  }
  #share_options .t-btn-area .row {
      gap: 5px;
  }

  #share_options tr {
      display: flex;
      width: 100%;
      clear: both;
      overflow: auto;
  }
  #share_options th {
      height: auto;
  }

  #general_project_information .column.type4 li {
      width: 100%;
  }
  #general_project_information .column.type4 li span.select2.select2-container.select2-container--default {
      width: auto !important;
  }
  th {
      height: auto !important;
  }

  .show_option_for_captain .accordion-ui.on .task-info .col-md-6 {
      padding-bottom: 12px;
  }

  .column {
      overflow: hidden !important;
  }

  .contest-cont.row {
      margin: 0;
  }
  div#company_information th {
    width: auto !important;
  }
  div#company_information td {
      width: auto !important;
  }
  .collaborative-board-captain .modal-body ul .row.centerData li {
    width: 48% !important;
  }
  .row .col-md-3.proposalproject-col {
    width: 50% !important;
    max-width: 50% !important;
  }

  .genre-name {
      font-size: 14px  !important;
    }
    .guide-user-flow li {
    width: 50% !important;
    padding-bottom: 20px !important;
  }
  .guide-user-flow li ul li {
    width: 100% !important;
  }
  ul.guide-user-flow {
    padding: 0 20px;
  }



}


/*.....Parntership List........*/
@media (max-width:480px){
  .row .col-md-3.proposalproject-col {
    width: 100% !important;
    max-width: 100% !important;
  }
  .collaborative-board-captain .modal-body ul .row.centerData li {
    width: 100% !important;
  }
  .contest-cont .right-area {
      width: 100% !important;
  }
  .contest-cont, .top-area {
      margin-top: 20px !important;
      margin: 0 auto;
  }
  .project-list.st3 li {
      width: 100% !important;
  }

  .top-area dt {
    font-size: 15px !important;
  }


  div#company_information table.table-style col {
    width: auto !important;
  }

  p.text-right {
    text-align: left !important;
  }
  .pous-content .contest-cont.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

}
#sidebar_button_mobile {
    display: none !important;
}


@media(max-width:380px){
  label.adjustThis {
    top: 12px !important;
    right: 26px !important;
}
}

/****************Mydrive section start***************/


@media(max-width:980px){
  .card.filesilo-file-station-mobile .col-md-3 {
     flex: 0 0 33.33%;
    width: 33.33% !important;
    max-width: 33.33% !important;
  }
   .filesilo-savefile-mobile .col-md-9 {
      margin-left: 20px !important;
  }
  .grid-box-mobile div#section_box_show {
      display: grid;
      grid-template-columns: repeat(4,1fr);
      gap: 0px 0px;
  }

  .grid-box-mobile div#section_box_show .col-md-2 {
      width: 100% !important;
      max-width: 100% !important;
  }
  .custom-col-css2 div#project_ratio_id.parent-custom-project {
      gap: 10px;
  }

  
}

@media(max-width:900px){

  .mydrive-content-mobile div#story_tab .col-md-3.mb-3, 
  .mydrive-content-mobile div#image_tab .col-md-3, 
  .mydrive-content-mobile div#video_tab .col-md-3, 
  .mydrive-content-mobile div#sound_tab .col-md-3,
  .mydrive-content-mobile div#pdf_tab .col-md-3, 
  .mydrive-content-mobile div#saving_tab .col-md-3 {
    flex: 0 0 33.33%;
    max-width: 33.33%  !important;
  }

  .mydrive-content-mobile div.tab-pane h5.title {
    display: flex;
    justify-content: space-between;
/*    margin-right: 22px;*/
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    white-space: nowrap;      
    align-items: center;      
  }
}




@media(max-width:767px){
  .custom-col-css2 div#project_ratio_id.parent-custom-project {
    gap: 0px !important;
} 
  .card.filesilo-file-station-mobile .col-md-3 {
    width: 50% !important;
    max-width: 50% !important;
}
.filesilo-file-station-mobile .col-md-3 .opus-card-element img {
    width: 100% !important;
}
.filesilo-file-station-mobile .col-md-3 .opus-card-element {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    text-align: center;
}
  .mydrive-topbar-mobile .goto_file_silo {
    position: relative !important;
    right: 0 !important;
    margin: 0 0 0 auto !important;
}
.mydrive-topbar-mobile ul.nav.nav-tabs {
    justify-content: left;
    gap: 0;
}
.mydrive-content-mobile div.tab-pane h5.title {
    display: flex;
    justify-content: space-between;
    margin-right: 0px;
}
.mydrive-content-mobile div#story_tab .col-md-3.mb-3,
.mydrive-content-mobile div#image_tab .col-md-3,
.mydrive-content-mobile div#video_tab .col-md-3,
.mydrive-content-mobile div#sound_tab .col-md-3,
.mydrive-content-mobile div#pdf_tab .col-md-3,
.mydrive-content-mobile div#saving_tab .col-md-3 {
   flex: 0 0 50%;
    max-width:50% !important;
}
.mydrive-content-mobile div.tab-pane h5.title span {
    margin: 0 !important;
}
.mydrive-topbar-mobile div#section_information .col-md-1 {
    padding-top: 10px;
}
.filesilo-file-station-mobile .col-md-3 .opus-hover-element .hover-content {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
div#filesiloList_wrapper table#filesiloList tr {
    display: flex;
    width: 100%;
    clear: both;
    overflow: auto;
}
.filesilo-list-mobile div#filesiloList_wrapper table#filesiloList th {
    width: 90px !important;
}
.sortable-files-mobile .col-md-2 {
    width: 33.33%;
}
.filesilo-savefile-mobile div#nolimit_box,
    .filesilo-savefile-mobile div#discount_box {
        margin-left: 15px !important;
    }

    .filesilo-savefile-mobile label.col-md-2.control-label {
        margin-left: 20px !important;
    }

    .filesilo-savefile-mobile .col-md-9 {
        margin-left: 20px !important;
    }
    .filesilo-savefile-mobile .note-editable {
        height: 150px !important;
    }
    .filesilo-savefile-mobile .col-md-9 {
    margin-left: 20px !important;
}
.filesilo-file-station-mobile .col-md-3 {
    flex: inherit !important;
}
.filesilo-file-station-mobile .hover-content {
    width: 100% !important;
    left: 0 !important;
}
.filesilo-file-station-mobile .hover-content img {
    width: 100% !important;
}
.filesilo-file-station-mobile .main-hover-section .opus-card-element img,
 .filesilo-file-station-mobile .main-hover-section .hover-content {
    max-width: 100% !important;
    width: 100% !important;
}
.filesilo-file-station-mobile .col-md-3 {
    flex: inherit !important;
}
.filesilo-file-station-mobile .opus-hover-element {
    left: 10px !important;
    right: 10px;
}
.filesilo-file-station-mobile .col-md-3 .opus-hover-element {
    width: auto !important;
    max-width: 100% !important;
    height: auto;
}

.filesilo-file-station-mobile .col-md-3 .opus-hover-element .hover-content {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
.filesilo-file-station-mobile .col-md-3 .opus-card-element img {
    width: 100% !important;
}
.login-form-area ul.nav.nav-tabs {
    gap: 0 !important;
}
.create-contest-account ul.nav.nav-tabs,.create-a-partnership-account ul.nav.nav-tabs {
    gap: 0 !important;
}
.grid-box-mobile div#section_box_show {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 0px 14px;
}
.suspend-grid-top {
    max-width: 100% !important;
    padding: 0;
}
.suspend-grid-top .col-md-12 {
    padding: 0 !important;
}
.suspend-grid-top .suspend-grid-mobile .col-md-2 {
    padding: 0;
}

 #only_subscription_category_show #previewImage {
        max-width: 50%;
        margin: 0 auto;
        display: block;
    }


}


@media(max-width: 576px){
  ul.navbar-nav.gnb-menu {
    background: white !important;
    z-index: 999999 !important;
    width: 100% !important;
    left: 0px !important;
    align-items: center;
}
  .login-form-area ul.nav.nav-tabs {
    justify-content: left !important;
}
  .modal-body.filesilo-savefile-mobile {
    padding-left: 0;
    padding-right: 0;
}
  .filesilo-list-mobile div#filesiloList_length {
    padding-bottom: 10px;
}
  .mydrive-topbar-mobile ul.nav.nav-tabs {
    justify-content: left !important;
    gap: 0 !important;
}
.card.filesilo-file-station-mobile .col-md-3 {
    width: 100% !important;
    max-width: 100% !important;
}
.mydrive-content-mobile div#story_tab .col-md-3.mb-3, .mydrive-content-mobile div#image_tab .col-md-3, .mydrive-content-mobile div#video_tab .col-md-3, .mydrive-content-mobile div#sound_tab .col-md-3, .mydrive-content-mobile div#pdf_tab .col-md-3, .mydrive-content-mobile div#saving_tab .col-md-3 {
     flex: 0 0 100%;
    width: 100% !important;
     max-width: 100%  !important;
    padding: 0 0 20px 0;
}
.mydrive-content-mobile div#image_tab img.section-img {
    border: 1px solid #ddd;
}
.mydrive-topbar-mobile div#section_information .input-group textarea.form-control {
    height: 55px !important;
}
div#certificatePreviewPanel {
    right: 10px !important;
    margin: 0 auto !important;
    width: 100% !important;
    left: 10px !important;
    max-width: 95% !important;
}
.roles-table-mobile table tr {
    display: flex;
    width: 100%;
    clear: both;
    overflow: auto;
}
.filesilo-file-station-mobile .col-md-3 .opus-hover-element {
    width: auto !important;
    max-width: 100% !important;
    height: auto;
}

.filesilo-file-station-mobile .col-md-3 .opus-hover-element .hover-content {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
.filesilo-file-station-mobile .col-md-3 .opus-card-element img {
    width: 100% !important;
}
.col-md-12.my-shop-edit-mobile {
    padding: 0 !important;
}
div#filesiloList_wrapper table#filesiloList tr {
    display: flex;
    width: 100%;
    clear: both;
    overflow: auto;
}
.create-contest-account ul.nav.nav-tabs,.create-a-partnership-account ul.nav.nav-tabs {
    justify-content: left !important;
    gap: 0;
}
}
/************************************************/