@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:2170px) {
  /* .swiper-progress {
    height: 100%;
  }
  .atelier .border-box-line.a_a {
    margin-right: 185px;
    width: 14%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 324px;
    width: 13%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 455px;
    width: 10%;
  }*/
}
@media only screen and (min-width:1441px) and (max-width:1554px) {
  .atelier .border-box a {
    font-size: 17px;
    margin: 0px 55px 0 10px;
  }
  .atelier .border-box-line.a_a {
    margin-right: 60px;
    width: 20%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 212px;
    width: 20%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 372px;
    width: 14%;
  }
}
@media only screen and (max-width:1440px) {
  #story_text, #manifist_text {
    padding: 0 125px !important;
    font-size: 14px;
  }
  .mail_icon {
    margin: 0px 60px;
  }
  .atelier .border-box-line.a_a {
    margin-right: 72px;
    width: 20%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 192px;
    width: 22%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 330px;
    width: 16%;
  }
  .slide-pr-1 h1, .slide-pr-2 h1, .slide-pr-3 h1, .slide-pr-4 h1, .slide-pr-5 h1, .slide-pr-6 h1, .slide-pr-7 h1, .slide-pr-8 h1, .slide-pr-9 h1, .slide-pr-10 h1 {
    font-size: 40px;
  }
  .slide-pr-2 h3 {
    font-size: 16px;
  }
  .slide-pr-4 .director, .slide-pr-4 .actors-title {
    font-size: 12px !important;
  }
  .swiper-projects p {
    font-size: 11px;
    line-height: 2;
  }
  .swiper-projects .swiper-slide, .slide-pr-6 {
    background-size: 100% 100% !important;
  }
  .swiper-projects .director {
    margin: 15px 0;
  }
  .home .home-text-2 {
    font-size: 38px;
  }
  .home .home-text-1 {
    font-size: 37px;
    margin-left: 35px;
  }
  .home .tazeh-description {
    font-size: 16px;
    margin-left: 35px;
  }
  .home .festival-more-button {
    margin-left: 35px
  }
  .menu_page .menu_projects_box {
    right: 180px;
  }
}
@media only screen and (min-width:1281px) and (max-width:1439px) {
  .atelier .border-box a {
    font-size: 15px;
    margin: 0 40px 0 10px;
  }
  .atelier .border-box-line.a_a {
    margin-right: 51px;
    width: 20%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 178px;
    width: 22%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 311px;
    width: 16%;
  }
  .atelier .about_content .about_desc p {
    font-size: 14px;
  }
  .atelier .about_content .about_desc ul li {
    font-size: 13px;
  }
  #about_two_level_title {
    margin-top: 91px;
  }
  #about_one_level_title, #about_two_level_title {
    font-size: 20px;
  }
}
@media only screen and (min-width:1200px) and (max-width:1280px) {
  .actors .teams {
    margin-right: 125px;
  }
  .actors .teams .member-box {
    height: 65%;
    width: 200px;
  }
  .about .contact-part {
    margin-top: 45px
  }
  .atelier .border-box a {
    font-size: 17px;
    margin: 0 30px 0 10px;
  }
  .atelier .border-box-line.a_a {
    margin-right: 43px;
    width: 20%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 174px;
    width: 22%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 307px;
    width: 16%;
  }
  .atelier .about_content .about_desc p {
    font-size: 13px;
  }
  .atelier .about_content .about_desc ul li {
    font-size: 13px;
  }
  #about_two_level_title {
    margin-top: 90px;
  }
  #about_one_level_title, #about_two_level_title {
    font-size: 20px;
  }
  .home .home-text-2 {
    font-size: 31px;
  }
  .home .tazeh-description {
    font-size: 13px;
    margin-left: 35px;
  }
  .home .festival-more-button {
    margin-left: 35px
  }
  .home .home-text-1 {
    font-size: 30px;
    margin-left: 30px;
  }
}
@media only screen and (min-width:1025px) and (max-width:1199px) {
  .actors .a-kochaki {
    margin-right: 45px;
  }
  .actors .member-box {
    height: 240px;
  }
  .atelier .border-box a {
    font-size: 17px;
    margin: 0 40px 0 10px;
  }
  .atelier .border-box-line.a_a {
    margin-right: 44px;
    width: 20%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 179px;
    width: 22%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 318px;
    width: 16%;
  }
  .atelier .about_content h1, .atelier .family_content h1, .atelier .register_content h1 {
    font-size: 30px;
    margin-top: 30px;
  }
  .atelier .about_content .about_desc p {
    font-size: 13px;
  }
  .atelier .about_content .about_desc ul li {
    font-size: 14px;
  }
  .home .home-text-2 {
    font-size: 34px;
  }
  .home .home-text-1 {
    font-size: 34px;
    margin-left: 30px;
  }
  .home .tazeh-description {
    font-size: 15px;
    margin-left: 30px;
  }
  .home .festival-more-button {
    margin-left: 30px
  }
  .menu_page .menu_list_box ul li {
    margin: 35px 0;
  }
  .menu_page .menu_list_box {
    font-size: 20px;
    position: absolute;
    left: 25px;
  }
  .menu_page .menu_projects_box {
    margin-top: -60px;
    position: absolute;
    right: 185px;
  }
}
@media only screen and (max-width:1024px) {
  #story_text, #manifist_text {
    padding: 0 60px !important;
    font-size: 15px;
  }
  .mail_icon {
    margin: 0 60px;
  }
  .instagram_icon i, .mail_icon i, .telegram_icon i {
    font-size: 45px;
    margin-top: 8px
  }
  .actors .a-kochaki {
    margin-right: 45px;
  }
  .actors .member-box {
    height: 240px;
  }
  .atelier .about_content .about_desc ul li {
    font-size: 10px;
    line-height: 2;
  }
  .atelier .about_content .about_desc p {
    font-size: 10px;
    line-height: 2;
  }
  #about_one_level_title, #about_two_level_title {
    font-size: 15px;
  }
  .atelier .border-box a {
    font-size: 15px;
    margin: 0 50px 0 10px;
  }
  .atelier .border-box-line.a_a {
    margin-right: 45px;
    width: 21%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 180px;
    width: 23%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 325px;
    width: 17%;
  }
  .atelier .border-box {
    margin-right: 100px !important;
  }
  .atelier .about_content h1, .atelier .family_content h1, .atelier .register_content h1 {
    margin-top: 20px;
    font-size: 20px;
  }
  .slide-pr-1 h1, .slide-pr-2 h1, .slide-pr-3 h1, .slide-pr-4 h1, .slide-pr-5 h1, .slide-pr-6 h1, .slide-pr-7 h1, .slide-pr-8 h1, .slide-pr-9 h1, .slide-pr-10 h1 {
    font-size: 45px;
  }
  .projects_more_button {
    width: 105px;
    height: auto;
    margin-top: 20px;
    padding: 8px 0;
    font-size: 13px;
  }
  .slide-pr-4 .director, .slide-pr-4 .actors-title {
    font-size: 12px !important;
  }
  .director {
    margin: 10px 0;
  }
  .swiper-projects * {
    background-size: contain !important
  }
  .swiper-projects p {
    font-size: 11px;
    line-height: 2;
  }
  .home .home-text-2 {
    font-size: 34px;
  }
  .home .home-text-1 {
    font-size: 33px;
    margin-left: 30px;
  }
  .home .tazeh-description {
    font-size: 20px;
    margin-left: 30px;
  }
  .home .festival-more-button {
    margin-left: 30px
  }
  .menu_page .menu_list_box ul li {
    margin: 40px 0;
  }
  .menu_page .menu_list_box {
    position: absolute;
    left: 35px;
    font-size: 20px;
  }
}
@media only screen and (min-width:992px) and (max-width:1023px) {
  .mail_icon {
    margin: 0px 50px;
  }
  .instagram_icon i, .mail_icon i, .telegram_icon i {
    font-size: 40px;
    margin-top: 12px;
  }
  .about .contact-part {
    margin-top: 5px;
  }
  .actors .a-kochaki {
    margin-right: 35px;
  }
  .actors .member-box {
    height: 185px;
  }
  .atelier .border-box a {
    font-size: 15px;
    margin: 0 45px 0 10px;
  }
  .atelier .border-box-line.a_a {
    margin-right: 41px;
    width: 21%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 173px;
    width: 23%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 307px;
    width: 17%;
  }
}
@media only screen and (min-width:901px) and (max-width:991px) {
  .mail_icon {
    margin: 0px 50px;
  }
  .instagram_icon i, .mail_icon i, .telegram_icon i {
    font-size: 40px;
    margin-top: 12px;
  }
  .about .contact-part {
    margin-top: 5px;
  }
  .actors .a-kochaki {
    margin-right: 35px;
  }
  .actors .member-box {
    height: 185px;
  }
  .atelier .border-box a {
    font-size: 14px;
    margin: 0 37px 0 10px;
  }
  .atelier .border-box-line.r_g {
    margin-right: 278px;
    width: 17%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 155px;
    width: 23%;
  }
  .atelier .border-box-line.a_a {
    margin-right: 36px;
    width: 21%;
  }
  .about_desc ul li {
    font-size: 14px !important;
  }
}
@media only screen and (min-width:769px) and (max-width:900px) {
  .mail_icon {
    margin: 0px 35px;
  }
  .instagram_icon i, .mail_icon i, .telegram_icon i {
    font-size: 40px;
    margin-top: 12px;
  }
  #story_text, #manifist_text {
    font-size: 14px;
  }
  .about .contact-part {
    margin-top: 5px;
  }
  .actors .a-kochaki {
    margin-right: 35px;
  }
  .actors .member-box {
    height: 185px;
  }
  .atelier .border-box a {
    font-size: 14px;
    margin: 0 18px 0 10px;
  }
  .atelier .border-box-line.r_g {
    margin-right: 219px;
    width: 23%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 120px;
    width: 26%;
  }
  .atelier .border-box-line.a_a {
    margin-right: 15px;
    width: 27%;
  }
  .about_desc p {
    font-size: 12px !important;
  }
  .about_desc ul li {
    font-size: 12px !important;
  }
  #about_two_level_title {
    margin-top: 90px;
  }
  .home .home-text-2 {
    font-size: 28px;
  }
  .home .tazeh-description {
    font-size: 16px;
  }
}
@media only screen and (max-width:768px) {
  .pagination, .lang {
    display: none !important;
  }
  .actors .member-box {
    height: 185px;
  }
  .atelier .logo-atelier {
    margin-right: 110px;
  }
  .about .contact-part {
    margin-top: 30px;
  }
  .actors .a-kochaki {
    margin-right: 25px
  }
  .mail_icon {
    margin: 0px 36px;
  }
  #story_text, #manifist_text {
    font-size: 13px;
  }
  .instagram_icon i, .mail_icon i, .telegram_icon i {
    font-size: 35px;
    margin-top: 15px;
  }
  .info_m h4 {
    font-size: 9px;
  }
  .actors .info_m {
    font-size: 14px;
  }
  .more-button-members {
    font-size: 14px;
  }
  .atelier .about_content .about_desc p {
    font-size: 9px;
    line-height: 2;
  }
  .atelier .about_content .about_desc ul li {
    font-size: 9px;
    line-height: 2;
  }
  .atelier .border-box {
    margin-top: 10px;
  }
  .atelier .border-box a {
    font-size: 12px;
    margin: 0 25px 0 10px;
  }
  .atelier .border-box-line.a_a {
    margin-right: 18px;
    width: 28%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 118px;
    width: 28%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 225px;
    width: 19%;
  }
  #about_two_level_title {
    margin-top: 90px;
  }
  #about_one_level_title, #about_two_level_title {
    font-size: 16px;
  }
  .section-title, .section-yellow-line {
    display: none
  }
  .slide-pr-1 h1, .slide-pr-2 h1, .slide-pr-3 h1, .slide-pr-4 h1, .slide-pr-5 h1, .slide-pr-6 h1, .slide-pr-7 h1, .slide-pr-8 h1, .slide-pr-9 h1, .slide-pr-10 h1 {
    font-size: 40px;
  }
  .slide-pr-2 h3 {
    font-size: 14px;
  }
  .swiper-projects p {
    font-size: 11px;
    line-height: 2;
  }
  .slide-pr-4, .slide-pr-6, .slide-pr-7 {
    background-size: contain !important;
  }
  .slide-pr-4 h1 {
    margin-bottom: 10px;
  }
  .slide-pr-4 .director, .slide-pr-4 .actors-title {
    font-size: 12px !important;
  }
  .director {
    margin: 20px 0;
  }
  .swiper-projects p {
    font-size: 10px;
  }
  .slide-pr-6 h4 {
    font-size: 16px;
  }
  .swiper-projects .slide-pr-7 p {
    font-size: 12px;
  }
  .projects_more_button {
    width: 105px;
    height: auto;
    margin-top: 20px;
    padding: 8px 0;
    font-size: 13px;
  }
  .home .tazeh-description {
    font-size: 11px;
    margin-left: 20px;
  }
  .home .home-text-2 {
    font-size: 25px;
  }
  .home .home-text-1 {
    font-size: 25px;
    margin-left: 20px;
  }
  .home .festival-more-button {
    padding: 10px 0;
    font-size: 14px;
    margin-left: 20px;
  }
  .swiper-projects {
    height: 95% !important;
  }
  .menu_page .menu_list_box ul li {
    margin: 40px 0;
  }
  .menu_page .menu_list_box {
    position: absolute;
    left: 35px;
    font-size: 20px;
  }
  .menu_page .menu_projects_box, .menu_page .projects_menu_link {
    display: none
  }
  .menu_page .projects_menu_link_mobile {
    display: block
  }
  .menu_page .menu_projects_box_mobile {
    display: none;
    margin-top: -55px;
  }
  .menu_page .social_menu_box {
    width: 215px
  }
  .menu_page .social_menu_box a {
    margin: 0 20px;
    font-size: 23px;
  }
  .atelier .about_content h1, .atelier .family_content h1, .atelier .register_content h1 {
    margin-top: 20px;
    margin-bottom: -8px;
    font-size: 25px;
  }
}
@media only screen and (min-width:721px) and (max-width:767px) {
  .atelier .border-box a {
    font-size: 12px;
    margin: 0 19px 0 10px;
  }
  .atelier .border-box-line.t_f {
    margin-right: 143px;
    width: 23%;
  }
  .atelier .border-box-line.a_a {
    margin-right: 48px;
    width: 22%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 240px;
    width: 18%;
  }
  .atelier .about_content .about_desc ul li {
    font-size: 10px;
  }
  .atelier .about_content .about_desc p {
    font-size: 10px;
    line-height: 2;
  }
}
@media only screen and (max-width:720px) {
  .actors .member-box {
    height: 160px;
  }
  .actors .a-kochaki {
    margin-right: 25px;
  }
  .mail_icon {
    margin: 0px 26px;
  }
  .about .contact-part {
    margin-top: 15px;
  }
  .actors .info_m {
    padding: 30px 0;
  }
  .atelier .border-box a {
    font-size: 12px;
    margin: 0 17px 0 10px;
  }
  .atelier .border-box-line.t_f {
    margin-right: 138px;
    width: 22%;
  }
  .atelier .border-box-line.a_a {
    margin-right: 46px;
    width: 22%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 230px;
    width: 19%;
  }
  .atelier .about_content .about_desc ul li {
    font-size: 9px;
  }
  .atelier .about_content .about_desc p {
    font-size: 10px;
    line-height: 2;
  }
  .home .home-text-1 {
    font-size: 24px;
    margin-left: 15px;
  }
}
@media only screen and (min-width:641px) and (max-width:699px) {
  .atelier .border-box a {
    font-size: 13px;
    margin: 0 8px 0 10px;
  }
  .atelier .border-box-line.t_f {
    margin-right: 132px;
    width: 22%;
  }
  .atelier .border-box-line.a_a {
    margin-right: 42px;
    width: 22%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 217px;
    width: 19%;
  }
  .atelier .about_content .about_desc p {
    font-size: 10px;
    line-height: 2;
  }
}
@media only screen and (max-width:640px) {
  .actors .member-box {
    height: 138px;
  }
  #story_text, #manifist_text {
    padding: 0 60px !important;
    font-size: 11px;
  }
  .instagram_icon i, .mail_icon i, .telegram_icon i {
    font-size: 35px;
    margin-top: 15px;
  }
  .mail_icon {
    margin: 0px 15px;
  }
  .info_m h4 {
    font-size: 8px;
  }
  .more-button-members {
    font-size: 12px;
    padding: 5px 0 !important;
  }
  .atelier .border-box a {
    font-size: 12px;
    margin: 0 4px 0 10px;
  }
  .atelier .border-box-line.r_g {
    margin-right: 193px;
    width: 19%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 115px;
    width: 23%;
  }
  .atelier .border-box-line.a_a {
    margin-right: 34px;
    width: 22%;
  }
  .atelier .about_content .about_desc ul li {
    font-size: 8px;
    line-height: 2;
  }
  .atelier .about_content .about_desc p {
    font-size: 9px;
  }
  .atelier .about_content h1, .atelier .family_content h1, .atelier .register_content h1 {
    font-size: 27px;
  }
  .home .home-text-2 {
    font-size: 24px;
    margin-bottom: -7px;
  }
  .home .home-text-1 {
    font-size: 24px;
    margin-left: 25px;
  }
  .menu_projects_box_mobile table td {
    font-size: 11px;
  }
}
@media only screen and (min-width:551px) and (max-width:595px) {
  .atelier .border-box a {
    font-size: 11px;
  }
  .atelier .border-box-line.r_g {
    margin-right: 180px;
    width: 19%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 103px;
    width: 23%;
  }
  .atelier .border-box-line.a_a {
    margin-right: 30px;
    width: 22%;
  }
  #about_one_level_title, #about_two_level_title {
    font-size: 17px;
  }
  #about_two_level_title {
    margin-top: 110px;
  }
}
@media only screen and (max-width:550px) {
  .actors .member-box {
    height: 118px;
  }
  .actors .a-kochaki {
    margin-right: 20px;
  }
  #story_text, #manifist_text {
    padding: 0px !important;
  }
  .pagination {
    display: none
  }
  .instagram_icon i, .mail_icon i, .telegram_icon i {
    font-size: 25px;
    margin-top: 20px;
  }
  .mail_icon {
    margin: 0px 19px;
  }
  .actors .info_m {
    padding: 20px 0;
    font-size: 11px;
  }
  .more-button-members {
    font-size: 10px;
    padding: 5px 0 !important;
  }
  .atelier .border-box a {
    font-size: 10px;
    margin: 0px 4px 0 10px;
  }
  .atelier .border-box-line.a_a {
    margin-right: 21px;
    width: 22%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 97px;
    width: 23%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 171px;
    width: 19%;
  }
  #about_one_level_title, #about_two_level_title {
    font-size: 18px;
  }
  #about_two_level_title {
    margin-top: 110px;
  }
  .slide-pr-1 h1 {
    font-size: 35px;
  }
  .slide-pr-6 h1, .slide-pr-7 h1 {
    font-size: 30px;
  }
  .slide-pr-5 h1, .slide-pr-2 h1 {
    font-size: 25px;
  }
  .slide-pr-2 h3 {
    font-size: 11px;
  }
  .slide-pr-3 h1 {
    font-size: 25px;
  }
  .slide-pr-4 .director, .slide-pr-4 .actors-title {
    font-size: 10px !important;
  }
  .slide-pr-4 h1 {
    font-size: 30px;
  }
  .slide-pr-7 .director, .slide-pr-1 .director, .slide-pr-4 .director, .slide-pr-8 .director {
    margin: 20px 0;
  }
  .swiper-projects p {
    font-size: 10px;
  }
  .slide-pr-6 h4 {
    font-size: 13px;
  }
  .slide-pr-8 h1, .slide-pr-9 h1, .slide-pr-10 h1 {
    font-size: 25px;
  }
  .menu_page .menu_projects_box {
    right: 60px;
  }
  /*.menu_page .social_menu_box {
    width: 31px;
    font-size: 20px;
  }*/
  .menu_lang .lang-fa {
    font-size: 8px;
    cursor: pointer;
  }
  .menu_lang .lang-en {
    cursor: pointer;
    font-size: 11px;
  }
  .menu_page .menu_projects_box .projects_parts h5 {
    font-size: 7px;
    line-height: 2;
  }
  .menu_link_border_line.active {
    visibility: visible;
    width: 95px !important;
  }
}
@media only screen and (min-width:476px) and (max-width:549px) {
  .atelier .border-box a {
    font-size: 11px;
    margin: 0px 2px 0 10px;
  }
  .atelier .border-box-line.a_a {
    margin-right: 16px;
    width: 24%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 87px;
    width: 26%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 158px;
    width: 23%;
  }
  #about_one_level_title, #about_two_level_title {
    font-size: 18px;
  }
  .atelier .about_content .about_desc ul li {
    font-size: 7px;
    line-height: 2;
  }
  #about_two_level_title {
    margin-top: 100px;
  }
  .home .home-text-2 {
    font-size: 23px;
    margin-bottom: -7px;
  }
  .slide-pr-8 h1, .slide-pr-9 h1, .slide-pr-10 h1 {
    font-size: 25px;
  }
  .slide-pr-8 p {
    font-size: 9px;
  }
  .slide-pr-8 .director {
    margin: 20px 0;
  }
  .slide-pr-1 h1 {
    font-size: 30px;
  }
  .slide-pr-5 h1, .slide-pr-2 h1 {
    font-size: 30px;
  }
  .slide-pr-2 h3 {
    font-size: 12px;
  }
  .slide-pr-3 h1 {
    font-size: 30px;
  }
  .slide-pr-4 .director, .slide-pr-4 .actors-title {
    font-size: 12px !important;
  }
  .slide-pr-6 h1, .slide-pr-7 h1 {
    font-size: 30px;
  }
  .slide-pr-6 h4 {
    font-size: 10px;
  }
  .slide-pr-7 .director, .slide-pr-1 .director, .slide-pr-4 .director {
    margin: 20px 0;
  }
  .swiper-projects p {
    font-size: 10px;
  }
}
@media only screen and (max-width:475px) {
  .actors .member-box {
    height: 100px;
  }
  .actors .a-kochaki {
    margin-right: 15px;
  }
  .instagram_icon i, .mail_icon i, .telegram_icon i {
    font-size: 25px;
    margin-top: 20px;
  }
  .mail_icon {
    margin: 0 19px;
  }
  .info_m h4 {
    font-size: 6px;
  }
  .actors .info_m {
    padding: 15px 0;
    font-size: 11px;
  }
  .more-button-members {
    font-size: 8px;
    padding: 3px 0 !important;
  }
  #about_one_level_title, #about_two_level_title {
    font-size: 18px;
  }
  .atelier .about_content .about_desc ul li {
    font-size: 7px;
    line-height: 2;
  }
  .atelier .border-box {
    margin-top: 15px;
  }
  .atelier .border-box-line.a_a {
    margin-right: 11px;
    width: 23%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 152px;
    width: 20%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 82px;
    width: 24%;
  }
  .home .home-text-2 {
    font-size: 19px;
    margin-bottom: -7px;
  }
  .home .home-text-1 {
    font-size: 18px;
    margin-left: 15px;
  }
  .home .home-box {
    bottom: 60px;
  }
  .swiper-projects p {
    font-size: 10px;
  }
  .projects_more_button {
    width: 150px;
    height: auto;
    margin-top: 0px;
    padding: 10px 0px;
    font-size: 15px;
  }
  .slide-pr-1 h1, .slide-pr-2 h1, .slide-pr-3 h1, .slide-pr-4 h1, .slide-pr-5 h1, .slide-pr-6 h1, .slide-pr-7 h1, .slide-pr-8 h1, .slide-pr-9 h1, .slide-pr-10 h1 {
    font-size: 25px;
  }
  .slide-pr-2 h3 {
    font-size: 13px;
  }
  .slide-pr-4 .director, .slide-pr-4 .actors-title {
    font-size: 12px !important;
  }
  .slide-pr-6 h4 {
    font-size: 12px;
  }
  .slide-pr-7 .director {
    margin: 0;
  }
  .slide-pr-5 p.writer {
    margin-bottom: 0;
  }
  .slide-pr-6 .director {
    margin: 25px 0;
  }
  .slide-pr-8 .swiper-projects p {
    font-size: 9px;
  }
  .slide-pr-8 .director {
    margin: 10px 0;
  }
  .swiper-projects {
    height: 95% !important;
  }
  .menu_projects_box_mobile table td {
    font-size: 9px;
  }
  .menu_page .menu_list_box {
    position: absolute;
    left: 24px;
    font-size: 14px;
  }
  .menu_page .menu_list_box ul li {
    margin: 30px 0;
  }
}
@media only screen and (min-width:426px) and (max-width: 474px) {
  .actors .teams .member-box {
    float: right;
    width: 120px;
    height: 180px;
  }
  .pagination {
    display: none
  }
  .mail_icon {
    margin: 0px 13px;
  }
  .instagram_icon i, .mail_icon i, .telegram_icon i {
    font-size: 25px;
    margin-top: 20px;
  }
  .atelier .about_content .about_desc p {
    font-size: 8px;
  }
}
@media only screen and (min-width:426px) and (max-width:457px) {
  .atelier .border-box a {
    font-size: 8px;
  }
  .atelier .about_content h1, .atelier .family_content h1, .atelier .register_content h1 {
    font-size: 23px;
    margin-top: 15px;
    margin-bottom: -10px;
  }
}
@media only screen and (max-width:425px) {
  .actors .group-member-title {
    padding-top: 80px;
    font-size: 60px;
  }
  .pagination {
    display: none
  }
  .slide-pr-1 h1, .slide-pr-2 h1, .slide-pr-3 h1, .slide-pr-4 h1, .slide-pr-5 h1, .slide-pr-6 h1, .slide-pr-7 h1, .slide-pr-8 h1, .slide-pr-9 h1, .slide-pr-10 h1 {
    font-size: 25px;
  }
  .slide-pr-1 p {
    font-size: 8px;
  }
  .slide-pr-2 h3 {
    font-size: 10px
  }
  .slide-pr-6 h4 {
    font-size: 10px;
  }
  .slide-pr-4 .director, .slide-pr-4 .actors-title {
    font-size: 10px !important;
  }
  .swiper-projects .swiper-slide {
    background-size: contain !important
  }
  .projects_more_button {
    width: 110px;
    height: auto;
    margin-top: 0px;
    padding: 8px 0px;
    font-size: 12px;
  }
  .actors .member-box {
    height: 90px;
  }
  #story_text, #manifist_text {
    font-size: 10px;
  }
  .mail_icon {
    margin: 0px 12px;
  }
  .instagram_icon i, .mail_icon i, .telegram_icon i {
    font-size: 25px;
    margin-top: 20px;
  }
  .about .contact-part {
    margin-top: 20px;
  }
  .actors .info_m {
    padding: 10px 0;
    font-size: 9px;
  }
  .info_m h4 {
    font-size: 5px;
  }
  .atelier .border-box a {
    font-size: 9px;
    margin: 0px 4px 0 5px;
  }
  .atelier .border-box-line.t_f {
    margin-right: 73px;
    width: 25%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 135px;
    width: 20%;
  }
  .atelier .border-box-line.a_a {
    margin-right: 13px;
    width: 23%;
  }
  .atelier .about_content h1, .atelier .family_content h1, .atelier .register_content h1 {
    font-size: 24px;
    margin-bottom: -10px;
  }
  .home .home-text-2 {
    font-size: 17px;
    margin-bottom: -7px;
  }
  .home .home-text-1 {
    font-size: 17px;
    margin-left: 15px;
  }
  .home .tazeh-description {
    font-size: 10px;
    margin-left: 20px;
  }
  .menu_page .menu_list_box {
    position: absolute;
    left: 24px;
    font-size: 13px;
  }
  .menu_page .menu_projects_box .projects_parts h5 {
    font-size: 5px;
    line-height: 2;
  }
  .menu_page .menu_projects_box {
    right: 9px;
    margin-top: 0
  }
  .menu_projects_box_mobile table th {
    font-size: 10px;
  }
}
@media only screen and (min-width:376px) and (max-width:419px) {
  .swiper-slide .text-box p {
    font-size: 13px;
  }
  .actors .teams {
    margin-right: 15px !important;
  }
  .mail_icon {
    margin: 0px 14px;
  }
  .instagram_icon i, .mail_icon i, .telegram_icon i {
    font-size: 20px;
    margin-top: 25px;
  }
  .atelier .border-box a {
    font-size: 8px;
    margin: 0px 4px 0 4px;
  }
  #about_one_level_title, #about_two_level_title {
    font-size: 14px;
  }
  .atelier .about_content .about_desc ul li {
    font-size: 7px;
    line-height: 2;
    margin-right: -20px;
  }
  .home .home-text-2 {
    font-size: 15px;
    margin-bottom: -7px;
  }
  .home .home-text-1 {
    font-size: 17px;
    margin-left: 10px;
  }
  .home .tazeh-description {
    font-size: 8px;
    margin-left: 10px;
    margin-top: 5px;
  }
  .home .festival-more-button {
    padding: 10px 0;
    font-size: 14px;
    margin-left: 10px;
  }
}
@media only screen and (max-width:375px) {
  .actors .member-box {
    height: 80px;
  }
  .actors .a-kochaki {
    margin-right: 5px;
  }
  .about .manifist-title {
    margin-top: 45px;
  }
  #story_text, #manifist_text {
    font-size: 9px;
  }
  .section-yellow-line, .section-title {
    display: none
  }
  .about .story-title {
    font-size: 60px;
    margin-top: 55px;
  }
  .mail_icon {
    margin: 0px 7px;
  }
  .instagram_icon i, .mail_icon i, .telegram_icon i {
    font-size: 20px;
    margin-top: 25px;
  }
  .actors .info_m {
    padding: 10px 0;
    font-size: 8px;
  }
  .more-button-members {
    font-size: 6px;
    padding: 2px 0 !important;
  }
  .lang {
    display: none
  }
  .atelier .border-box {
    margin-right: 70px !important;
  }
  .atelier .border-box-line.a_a {
    margin-right: 14px;
    width: 24%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 61px;
    width: 26%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 111px;
    width: 20%;
  }
  .atelier .border-box a {
    font-size: 7px;
    margin: 0px 2px 0 2px;
  }
  .atelier .about_content .about_desc p {
    font-size: 7px;
  }
  .atelier .about_content h1, .atelier .family_content h1, .atelier .register_content h1 {
    font-size: 20px;
    margin-bottom: -15px;
    margin-top: 15px;
  }
  .atelier .about_content .about_desc ul li {
    font-size: 6px;
    line-height: 2;
    margin-right: -25px;
  }
  #about_one_level_title, #about_two_level_title {
    font-size: 10px;
    margin-bottom: -10px;
  }
  #about_two_level_title {
    margin-top: 100px;
  }
  .home .home-text-2 {
    font-size: 14px;
    margin-bottom: -7px;
  }
  .home .home-text-1 {
    font-size: 15px;
    margin-left: 5px;
  }
  .home .tazeh-description {
    font-size: 8px;
    margin-left: 5px;
    margin-top: 4px;
  }
  .slide-pr-1 h1, .slide-pr-2 h1, .slide-pr-3 h1, .slide-pr-4 h1, .slide-pr-5 h1, .slide-pr-6 h1, .slide-pr-7 h1, .slide-pr-8 h1, .slide-pr-9 h1, .slide-pr-10 h1 {
    font-size: 20px;
  }
  .swiper-projects p {
    font-size: 9px;
  }
  .menu_link_border_line.active {
    visibility: visible;
    width: 60px !important;
  }
  .menu_page .menu_projects_box_mobile {
    margin-top: -55px
  }
  .menu_projects_box_mobile table td {
    font-size: 8px;
  }
}
@media only screen and (min-width: 321px) and (max-width:346px) {
  .atelier .about_content .about_desc p {
    font-size: 8px;
  }
  #about_two_level_title {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 320px) {
  .swiper-slide .text-box p {
    font-size: 15px;
  }
  .actors .member-box {
    height: 70px;
  }
  .actors .a-kochaki {
    margin-right: 0px;
  }
  .actors .info_m {
    padding: 8px 0;
    font-size: 6px;
  }
  .more-button-members {
    font-size: 5px;
    padding: 1px 0 !important;
  }
  .atelier .border-box {
    margin-right: 55px !important;
  }
  .atelier .border-box a {
    font-size: 6px;
    margin: 0px 2px 0 2px;
  }
  .atelier .border-box-line.a_a {
    margin-right: 8px;
    width: 25%;
  }
  .atelier .border-box-line.t_f {
    margin-right: 51px;
    width: 27%;
  }
  .atelier .border-box-line.r_g {
    margin-right: 96px;
    width: 20%;
  }
  .atelier .about_content .about_desc ul li {
    font-size: 6px;
    line-height: 2;
  }
  .atelier .about_content .about_desc p {
    font-size: 7px;
  }
  .about_desc ul li {
    margin-right: -18px;
  }
  .home .home-text-2 {
    font-size: 13px;
    margin-bottom: -7px;
  }
  .menu_page .menu_list_box {
    position: absolute;
    left: 24px;
    font-size: 10px;
  }
  .menu_projects_box_mobile table td, .menu_projects_box_mobile table th {
    font-size: 8px;
  }
}
@media only screen and (max-width: 375px) and (max-height:735px) {
  #story_text, #manifist_text {
    font-size: 7px;
  }
  .about .manifist-title {
    margin-top: -18px;
  }
}