.episodesList .sub .episodeStatus, .episodesList .sub .week{border-radius:20px 20px 20px 0;}
.episodesList .sub, #episodesList .sub{margin:1em 0;}
.episodesList .sub .position.episodeStatus, .episodesList .sub h2.episodeStatus.column-1, .episodesList .sub .week{border-radius:0;}


@media screen and (max-width:3840px){
    .episodesList .title{width:300px;}
.episodesList .sub h2.episodeStatus{width:300px;font-size: 1.5em;}
.episodesList .episodeStatus {width:300px;font-size: 1.5em;}
.status-controls select{max-width:300px;}
.episodesList .sub .episodeStatus{height: 2.3vh !important;}
.episodesList .sub .position.episodeStatus{width:70px;}

    
}
@media screen and (max-width:2560px){
.episodesList .sub .scheduled{min-width:60px !important;}
.episodesList .sub h2.episodeStatus{font-size: 1.2em;}
.episodesList .episodeStatus {font-size: 1.2em;}
.status-controls select{max-width:200px;}

}

@media screen and (max-width:1920px){
.episodesList .sub h2.episodeStatus{font-size: 1em;}
.episodesList .episodeStatus {font-size: 1em;}
.episodesList .sub .episodeStatus{display: flex;justify-content: center;align-items: center;}  
.status-controls select{max-width:150px;}
    
}
@media screen and (max-width:1280px){
#page{margin: 0 2% 30px;}
.status-controls select{max-width:100px;}
}

@media screen and (max-width:1100px){
    .captions{display:none;}
a.initial-link{display:block !important;}
a.project-link{display:none !important;}
.projectLink{width: auto;}
.widgets-10{width:30%;}
#logo{}
}

@media screen and (max-width:940px){
.episodesList .sub .scheduled, .episodesList .sub .week.gp{display:none;}
    p.alert{flex-direction:column;}
.filterEpisode form{flex-direction:column;}
    #epi_comment_form_ h2{font-size:1em;}
    #comments h2, #commentsFromUser h2{margin-bottom:0;}
.sidr-class-and, .sidr-class-lastName{display:none;}
#comments p.comment{padding:1em 1em;margin:.2em auto;width:80%;}
.widget.projects{flex: 0 0 75%;}
.widget.messagesMobile{flex: 0 0 10%;display:block !important;}
#page div.content > p{overflow: hidden;padding: 1em;}
#widget-6, #widget-3, .widgets-10, .counting.end, .counting, .episodesList .date{display:none;}
#hamburger-menu{display:block;}
#hamburger-menu span{display:none;}
.sidr-class-firstName.sidr-class-short, .sidr-class-lastName.sidr-class-short{display:none;}

.widget.projects p{margin:.1em 0;}
.header__navigation{justify-content: start;}
.episodesList .sub h2.episodeStatus, .episodeStatus{flex-direction:column;font-weight:300;word-wrap:break-word !important; overflow-wrap: break-word !important;word-break: break-all;hyphens: auto;}
.episodesList .sub h2.episodeStatus{width:300px;word-wrap:break-word !important; overflow-wrap: break-word !important;word-break: break-all;hyphens: auto;}
.episodesList .sub .episodeStatus{padding:1em 0;}
.episodesList .position{margin-left:0;  white-space: nowrap;}
.update{flex-wrap:wrap;}
#page div.content, .gallery-episodes5 h3, .gallery-episodes6 h3{font-size:0.7em;margin-top: 3em;}
 #page h1, .heading-1{font-size:1.5em;}
 #page{margin: 0 60px 30px;}
 .widget.type-28 li a{font-size:3em;opacity: 0.5;}
 .form-full textarea{width:460px;}
.episodesList .sub .episodeStatus{display: flex;justify-content: center;align-items: center;}  
.hamburger{padding:.3em;}
#logo{ display: flex;padding: 0.5rem ; order: -4;}
#logo #title{order:-1;}
#logo #title a{ font: bold 1em 'Arial';margin: 0 ;}
input[type="text"], input[type="password"], input[type="file"], input[type="email"], form select, form textarea{width:100%;}
.update dl{width:15%;}
.msg.done, .msg.error{width:80%;}
  #profile.form-full fieldset{width:80%;flex-direction:column;}
#profile.form-full input[type="text"], #profile.form-full input[type="email"], .form-full input[type="password"]{width:100%;}
#profile.form-full fieldset dl{width:100%;}
#profile.form-full fieldset{padding-left:0em;}
.qq-upload-button{width:80%;}
.projectLink{padding:0;margin-top:0;}
.users-top-links{display:none;}

}

@media screen and (max-width:844px){
    #frames-gallery{width:80%;margin:0 auto;}
#comments h2, #commentsFromUser h2{width:80%;margin-right:20%;border:none;}
    ul.time{display:none;}
.fixed {  font-size:15px !important;padding:.3em 0;}
.fixed h1{flex-direction:row !important;width:100%;}
#tabsContainer.fixed{top:33px !important;justify-content: center;}
.episodesList .sub h2.episodeStatus{ word-wrap:break-word !important; overflow-wrap: break-word !important;word-break: break-all;hyphens: auto;}
#page{margin: 0 2% 30px;}
#comments p.comment{padding:1em 1em;margin:.2em auto;width:80%;}
.comment-panel.form.form-full dl{margin:3%;width:90%;}
.comments-count, div.comments{display:none;}
.is-episodes #page h1{display:flex;flex-direction:column;}
#comments-form textarea{height:100px;}
.files-list__description, div.item .name, .files-list__info--date, .files-list__info{font-size:.6em;}
.contentExtended{font-size:.7em}
.contentExtended td:nth-child(2){text-align:left;}
.userInRow{font-size:1em !important;margin:0;padding:0 5px;}
#full-comment-content{font-size:.6em !important;}
.reply-button, .copy-button{font-size:1.2em;margin-bottom:.5em;}
#comments h3{font-size:.7em;}
#comments header, #commentsFromUser header{display: flex;    flex-direction: row;    flex-wrap: nowrap;    align-content: center;    justify-content: center;    align-items: center;}
.recipientDivsList{width:auto !important}
#show-upload-button{margin:0 auto 1em; width:70%;}
#logo span{display:none;}
#comments p{padding:0 !important;margin:0;height:0;}
#comments p.comment {padding:1em !important;margin:0;height:auto;}
#comments time, #commentsFromUser time, h5{font-size:0.8rem;}
h1 a{display:none;}

}

@media screen and (max-width:768px){
      .status-edit, .extra{display:none;}
      .filterEpisode{width:70%;margin-left:20%;}
    .episodesList, #episodesList{margin-top:4em;}
    .episodesList .sub h2.episodeStatus, h2{ word-wrap:break-word !important; overflow-wrap: break-word !important;word-break: break-all;hyphens: auto;word-break: break-all;hyphens: auto;word-break: break-all;hyphens: auto;}
        #advanced-fields{flex-direction:column;}
    div.details{flex-direction:column;}
    .files-list__description, div.item .name, .files-list__info--date, .files-list__info{width:100% !important;text-align:left;}
    .files-list__link, .files-list__description{padding-left:1em;}
    #commentsFromUser{width:100%;padding:1rem 0;border-bottom:0px dotted var(--color-grey);display: flex;flex-direction:column;}
    .headline div, .headline{display:flex;flex-direction:column;}
#comments p.comment, .commentFromUser p{padding:1em 1em;margin:.2em auto;width:80%;}
    .episodesList .frames, .episodesList .frames2{display:none !important;}
.sidr-class-count{width:30px;height:30px;background:var(--color-grey);color:var(--color-bg);border-radius: 50%;padding: 0 .3em;}
.episodesList .sub .episodeStatus{display: flex;justify-content: center;align-items: center;    border-right: 1px solid var(--color-bg);}  
  #page{margin: 0 0px 30px;} 
  .comments-count, div.comments{width:20px;display:none;}
  #comments-form textarea{border-radius:10px;}
  .usersInGroupList{flex-direction:column;}
    .episodesList .sub h2.episodeStatus, .episodesList .title{width:300px;word-wrap:break-word !important; overflow-wrap: break-word !important;word-break: break-all;hyphens: auto;word-break: break-all;hyphens: auto;}
    .qq-upload-button{width:80%;}
    #frames-gallery{flex-direction:column;}
    .main-form-upload .main-form-upload.form-full .save{width:100%;padding-top:1em;padding-bottom:1em ;margin-left:0 !important;}
.form-full textarea{width:100%;}
    #timeContainer{display:none;}

.widgets-list.widgets-2, #comments fieldset, #commentsFromUser fieldset{position:relative;display:flex;flex-direction:column;}
#advanced-fields .input, #advanced-fields .select{max-width:100%;margin:1em auto;}
.search .head{display:none;}
form{width:100%;}
#advanced-fields > li{width:100;}
#commentsFromUser .header, .commentFromUser{flex-direction:column;padding:0;width:80%;margin:0 auto;}
#comments p, #commentsFromUser p{width:80%;margin:1em auto;}
#comments time, #commentsFromUser time{display:flex;}
.header h4{width:100%;font-weight:300;justify-content: center;}
label{font-weight:300;}
.menuMessages{justify-content:center;}
  .comment-panel.form.form-full dl{margin:3%;width:90%;}
  .commentFromUser a{width:100%;}
  #advanced-fields input[type="submit"], #advanced-fields button[type="submit"]{width:100px;padding:1em;}


}

@media screen and (max-width:614px){ 
 
    #page, time{text-align:center !important;justify-content:center;}
 
    .column-1{width: 100% !important;}
    input[type="text"], input[type="password"], input[type="file"], input[type="email"]{width:50%;}
    #comments p, #commentsFromUser p{width:80%;margin:1em auto;}
    #comments article{flex-direction:column;}
    #comments p{padding:1em;}
    #logo #title a{margin:0;}
#user-panel, .form-full textarea, .widgets-10, .update, .form-full .save input, #comments fieldset dl, .form-full, .msg.done, .msg.error,  .main-form-upload, .qq-uploader, .main-form-upload.form-full .save, .form-full fieldset, #page h1, .heading-1 {width:100%;}
.update, #comments fieldset{flex-direction:column;}
.update dl{display:flex;width:100%;border-bottom: 1px solid var(--color-bg);    justify-content: flex-end;}
#status-form legend{padding-right:1em;}
.form-full input[type="text"], .form-full input[type="email"], .form-full input[type="password"]{width:100%;}
.form-full fieldset{padding-left:0;width:80%;margin:1em auto;}
#page h1, .heading-1{margin:1em auto;}
.form-full .save input{padding:1em 2em;margin-top:1em;}
.form-full{padding:0;width:95%;}
.episodesList .sub .episodeStatus{height: 9vh; border-right: 1px solid var(--color-bg);}
.episodesList .frames, .episodesList .frames2, .episodesList .date, .episodesList .comments-count, .episodesList .description, .headEpisodes .comments, .headEpisodes .frames, .headEpisodes .description{display:none !important;}
.episodesList .sub a{font-size:0.8em;width: 84%;}
  .comment-panel.form.form-full dl{margin:3%;width:90%;}
.widgets-list.widgets-2, #comments fieldset, #commentsFromUser fieldset{position:relative !important;}
 
.qq-uploader{width:100% !important;}
#download-list{width:100%;margin:0;}
.files-list--detailed tr, #download-list tr{border:none;}

.gallery-episodes6, .gallery-episodes5{margin:0;}
.files-list--detailed td, #download-list td{padding:1em 0;}
.accesPreview{margin: 2em;width: 80%;}
#profile.form-full fieldset{padding-left:0em !important;}
.update dl{padding:1em;}
.list.logs .log{width:100%;}
.list.logs .logDate{padding: 1em;width:auto;}
.list.logs .log div{width:auto;}
.headline{flex-direction:column;text-align:center;}
.headline div{display:flex;flex-direction:column;}
#fileUploader div{width:100%;}
#page div.content, .gallery-episodes5 h3, .gallery-episodes6 h3, .update, #comments fieldset{text-align:center;}
 .form-full textarea{width:290px;}
  #page{margin: 0 0px 30px;}
  h2 span{font-size:0.7em;word-wrap:break-word !important; overflow-wrap: break-word !important;word-break: break-all;hyphens: auto;}
  .episodesList .sub h2.episodeStatus, .episodesList .title{width:240px;word-wrap:break-word !important; overflow-wrap: break-word !important;word-break: break-all;hyphens: auto;}
  #timeContainer{display:none;}
   #comments-form textarea{border-radius:10px;}
#comments p.comment, .commentFromUser p{padding:1em 1em;margin:.2em auto;width:80%;}
  .usersInGroupList{flex-direction:column;padding-top: 2em;}
  .commentContent.newComment, .lastComment div{display:none;}
  .lastComment{width:50%;padding: 0 0 0 4em;}
  .usersInGroupList span{margin:0 auto;}
.user-link.project{padding:0;}
.search, #search-form-advanced{flex-direction:row;width:100%;}
#advanced-fields{}
#advanced-fields .input, #advanced-fields .select{max-width:100%;font-size:1em;}
#advanced-fields input[type="submit"], #advanced-fields button[type="submit"]{width:100px;padding:.3em;}
    #advanced-fields > li{width:33%;}
.episodesList .sub .page.fromSchedule{width:30px;}
.qq-upload-button{width:300px;}
    .user-link-initial{display:block !important;}
.user-link.project{display:none !important;}
.column-2{display:flex;}
#commentsFromUser .header, .commentFromUser{flex-direction:column;padding:0;width:80%;margin:0 auto;}
.emotka{position:absolute;right:1em;}
.next{top:200px;}
.prev{top:300px;}
#advanced-fields input[type="submit"], #advanced-fields button[type="submit"]{width:100px;}

}
@media screen and (max-width:375px){ 
    #comments p.comment, .commentFromUser p{padding:1em 1em;margin:.2em auto;width:80%;}

.column-1{width: 100% !important;}
  .comment-panel.form.form-full dl{margin:3%;width:90%;}
#commentsFromUser .header, .commentFromUser{flex-direction:column;padding:0;width:80%;margin:0 auto;}
#comments p, #commentsFromUser p{width:80%;margin:1em auto;word-wrap: break-word;}
}

@media screen and (max-height:2160px){.episodesList .sub .episodeStatus, .episodesList .sub .week{height:2vh !important;}  }
@media screen and (max-height:1600px){.episodesList .sub .episodeStatus, .episodesList .sub .week{height:3vh !important;}  }
@media screen and (max-height:1440px){.episodesList .sub .episodeStatus, .episodesList .sub .week{height:3vh !important;}  }
@media screen and (max-height:1080px){.episodesList .sub .episodeStatus, .episodesList .sub .week{height:3vh !important;}  }
@media screen and (max-height:1024px){.episodesList .sub .episodeStatus, .episodesList .sub .week{height:5vh !important;}  }
@media screen and (max-height:960px){ .episodesList .sub .episodeStatus, .episodesList .sub .week{height:6vh !important;}  }
@media screen and (max-height:640px){ .episodesList .sub .episodeStatus, .episodesList .sub .week{height:8vh !important;}  }
@media screen and (max-height:375px){ 
    
input[type="text"], input[type="password"], input[type="file"], input[type="email"], form select, form textarea{width:100%;}
.episodesList .sub .episodeStatus{height: 12vh; border-right: 1px solid var(--color-bg);}
.episodesList .sub, #episodesList .sub{font-size:.5em;line-height:1em;}
.episodesList .sub h2.episodeStatus{font-size:1em;word-wrap:break-word !important; overflow-wrap: break-word !important;word-break: break-all;hyphens: auto;}
.episodesPage #page{padding:0;margin: 0 2px 30px;}
}