/*------------------------------------------------------------------//
//      RESPONSIVE SYSTEM                                                                                 //
//------------------------------------------------------------------*/
@media screen and (min-width: 1400px) {
  /* PC 1400+  */ 
  .menuAc {display: none !important;}
}
@media screen and (max-width: 1399px) and (min-width: 1199px) {
  .menuAc {display: none !important;}
  main .in-content .content .sidebar .title {font-size: 45px; line-height: 45px;}
  main .in-content .content .sidebar .episodes {padding: 15px;}

  main .in-content .content .row.summary .properties table tr th {padding: 0 15px;line-height: 70px;font-size: 16px;}
  main .in-content .content .row.summary .properties table tr td {padding: 0 15px;line-height: 70px;font-size: 14px;}
}
@media screen and (max-width: 1198px) and (min-width: 992px) {
  .menuAc, .mContact {display: block !important;}
  header nav.menu {display: none;}
  
  main #slider .slide .text h1 {font-size: 45px;} 
  main #slider .slide .text p {font-size: 14px;}
  main #slider .slide .text a {width: 260px;}

  main .in-content .content .row.contact .map iframe {height: 400px;}
  main .in-content .content .video-player .in-player.height .tab-pane iframe {height: 400px;}
  main .in-content .content .video-player .in-player, main .in-content .content .sidebar {padding: 0 !important;}

  main .news {padding: 0 100px;}
  #copyright {margin: 0px;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* TABLET 768+ ~ 960 */
  .menuAc, .mContact {display: block !important;}
  header {padding: 7.5px 35px;}
  header .logo {max-width: 75px;}
  header nav.menu {display: none;}
  
  main #slider .slide .text h1 {font-size: 45px;} 
  main #slider .slide .text p {font-size: 14px;}
  main #slider .slide .text a {width: 260px;}

  main .in-content .content .row {padding: 70px 30px;}
  main .in-content .content-title .title {padding: 5px 0 55px 0 !important;}
  main .in-content .content-title .title h1 {font-size: 55px;}
  main .in-content .content .row.contact .map iframe {height: 400px;}
  
  main .news {padding: 0 100px;}
  #copyright {margin: 0px;}
  main .in-content .content-title .bottom-bar .search {display: none;}
  main .in-content .content-title .bottom-bar .mobile-search {display: block;}

  main .in-content .content .row.summary .text img {width: 100% !important; height: auto !important; display: block !important;}
  main .in-content .content .row.summary .text iframe {width: 100%; height: 400px;}

  main .in-content .content .video-player .in-player.height .tab-pane iframe {height: 375px;}
  main .in-content .content .video-player .in-player, main .in-content .content .sidebar {padding: 0 !important;}
  main #services .bars .arrow.hide {opacity: 1; pointer-events: auto;}
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  /* TABLET 640+ ~ 768 */
  .menuAc, .mContact {display: block !important;}
  header {padding: 7.5px 35px; background-color: #1b2f5b;}
  header.minimize {padding: 5px 35px;}
  header .logo {max-width: 75px;}
  header nav.menu {display: none;}
  header .search {display: none;}
  
  main #slider {margin-top: 61px;}
  main #slider .slide .text h1 {font-size: 40px;margin: 5px 0;}
  main #slider .slide .text p {font-size: 13px;margin: 0 0 5px 0;}
  main #slider .slide .text a {width: 125px;font-size: 11px;line-height: 30px;}
  main #slider .slide .text {padding: 0 70px; bottom: 50px;}
  main #slider .slick-dots {bottom: 20px;}

  main .in-content .content .row {padding: 50px 30px;}
  main .in-content .content-title .title {padding: 60px 0 0 0 !important;}
  main .in-content .content-title .title h1 {font-size: 55px;}
  main .in-content .content-title .bottom-bar {padding: 15px;}
  main .in-content .content .row.contact .map iframe {height: 400px;}
  main .in-content .content-title .bottom-bar .breadcrumbs span {font-size: 10px;}
  main .in-content .content .video-player iframe {height: 250px;}
  main #services .bars {margin: 10px 0 !important;}
  main #services .bars .bar .desc {padding: 12px 15px;}
  
  main .news {padding: 0 100px; margin: 35px 0;}
  main .news .head-title {margin: 20px 0;}

  main .in-content .content .row.summary .properties table tr th {padding: 0 15px;line-height: 70px;font-size: 16px;}
  main .in-content .content .row.summary .properties table tr td {padding: 0 15px;line-height: 70px;font-size: 14px;}
  main .in-content .content .row.summary .text p {font-size: 14px;}
  main .in-content .content .row.summary h1, main .in-content .content .row.suggestions h1 {font-size: 45px; line-height: 45px;}
  main .in-content .content .sidebar .title {font-size: 50px;line-height: 50px;}

  main .in-content .content .row.suggestions .in .arrow {width: 35px;height: 55px;}
  main .in-content .content .row.suggestions .in .arrow img {width: 100%;}
  main .in-content .content .row.suggestions .in .arrow.suggestions-next {right: -20px;}
  main .in-content .content .row.suggestions .in .arrow.suggestions-prev {left: -20px;}
  
  main #services .bars .bar .desc p {font-size: 14px !important;}

  footer .social-media a {width: 45px; height: 45px;margin: 0 10px;font-size: 20px;}
  footer #copyrgiht {margin: 0px; padding: 10px 15px;}
  main .in-content .content-title .bottom-bar .search {display: none;}
  main .in-content .content-title .bottom-bar .mobile-search {display: block;}

  main .in-content .content .row.summary .text img {width: 100% !important; height: auto !important; display: block !important;}
  main .in-content .content .row.summary .text iframe {width: 100%; height: 325px;}
  main .in-content .content .video-player .in-player.height .tab-pane iframe {height: 325px;}
  main .in-content .content .video-player .in-player, main .in-content .content .sidebar {padding: 0 !important;}
  main #services .bars .bar {margin: 0;}
  main #services .bars .bar.text .desc h3 { font-size: 30px; }
  main #services .bars .arrow.hide {opacity: 1; pointer-events: auto;}
}
@media screen and (max-width: 639px) and (min-width: 480px) {
  /* MOBILE 480+ ~ 640 */

  .menuAc, .mContact {display: block !important;}
  header {padding: 7.5px 10px;background-color: #1b2f5b;padding-right: 65px !important;}
  header.minimize {padding: 5px 10px;}
  header.minimize .menuAc {line-height: 50px;}
  header .logo {max-width: 75px;}
  header nav.menu {display: none;}
  header .search {display: none;}
  
  main #slider {margin-top: 55px;margin-bottom: 0;}
  main #slider .slide .text h1 {font-size: 19px;margin: 0;}
  main #slider .slide .text p {font-size: 9px;margin: 0 0 5px 0;line-height: 9px;}
  main #slider .slide .text a {width: 85px;font-size: 10px;line-height: 25px;}
  main #slider .slide .text {padding: 0 35px;bottom: 50px;}
  main #slider .slick-dots {bottom: 20px;}

  main #services .bars .arrow, main .news .arrow, main .in-content .content .row.suggestions .in .arrow {width: 35px;height: 55px;}
  main #services .bars .arrow img, main .news .arrow img, main .in-content .content .row.suggestions .in .arrow img {width: 100%;}

  main .in-content .content-title .bottom-bar .search {padding: 5px;}
  main .in-content .content-title .bottom-bar .search input {line-height: 30px;font-size: 20px;}
  main .in-content .content-title .bottom-bar .search button {height: 30px;line-height: 30px;top: 5px;}

  main .in-content .content .row {padding: 40px 10px;}
  main .in-content .content-title .title {padding: 0 !important;}
  main .in-content .content-title .title h1 {font-size: 30px;}
  main .in-content .content-title .bottom-bar {padding: 15px;}
  main .in-content .content .row.contact .map iframe {height: 400px;}
  main .in-content .content-title .bottom-bar .breadcrumbs span {font-size: 10px;padding: 0 2.5px;}
  main .in-content .content .video-player iframe {height: 250px;}
  main #services .bars {margin: 10px 0 !important;}
  main #services .bars .bar .desc {padding: 12px 15px;/* height: 85px; */}
  
  main .news {padding: 0 40px;margin: 35px 0;}
  main .in-content .news {padding: 0;}
  main .news .head-title {margin: 20px 0;}
  main .news.home .posts .post {margin: 0;}

  .head-title h1 {font-size: 39px;line-height: 45px;}
  .head-title span {font-size: 14px; line-height: 14px;}
  main #about .text {font-size: 13px; padding: 0 25px;}
  main #about .other-links a {font-size: 14px; padding: 0 10px;}
  main #about .video a:before {width: 75px; height: 75px; font-size: 25px; line-height: 68px;}

  main .in-content .content .video-player .in-player {padding: 0 !important;}
  main .in-content .content .row.summary .properties table tr th {padding: 0 7.5px;line-height: 70px;font-size: 11px;}
  main .in-content .content .row.summary .properties table tr td {padding: 0 7.5px;line-height: 70px;font-size: 10px;}
  main .in-content .content .row.summary .text p {font-size: 14px;}
  main .in-content .content .row.summary h1, main .in-content .content .row.suggestions h1 {font-size: 20px;line-height: 20px;margin-bottom: 25px;}
  main .in-content .content .sidebar {padding: 0 15px !important;}
  main .in-content .content .sidebar .title {font-size: 30px;line-height: 40px;margin: 25px 0;}

  main .in-content .content .row.suggestions .in .bars .bar {margin: 0;}

  header .login, header .language button {font-size: 10px;}
  header .login a, header .language .btn-group button {padding: 0 5px;line-height: 30px;}
  main .in-content .content .row.suggestions .in .arrow.suggestions-next {right: 15px;}
  main .news .arrow.news-next {right: -30px;width: 20px;}
  main .news .arrow.news-prev {    left: -30px;
    width: 20px;}
  main .in-content .content .row.suggestions .in .arrow.suggestions-prev {left: 15px;}
  main #services .bars .bar .desc p {font-size: 12px;}
  main .in-content .content .row.suggestions .in .bars .bar .desc {padding: 13px 15px;}

  main .in-content .content .sidebar .episodes {padding: 20px 25px;}
  main .in-content .content .sidebar .episodes .episode a {font-size: 20px; line-height: 20px;}
  main .news .posts .post .text p {font-size: 12px;min-height: 35px;}

  footer .social-media a {width: 30px;height: 30px;margin: 10px;line-height: 30px;font-size: 20px;}
  footer #copyrgiht {margin-bottom: 0;padding: 10px 15px;}
  footer #copyrgiht a {margin-top: 10px;}

  .login-form {width: 80%;}

  main .category-list .posts .post {padding: 5px;}
  main .in-content .content-title .bottom-bar .search {display: none;}
  main .in-content .content-title .bottom-bar .mobile-search {display: block;}
  footer .sponsors a img {width: 110px;}

  .in-content {
    margin-top: 50px;
  }
  main .in-content .content .row.summary .text img {width: 100% !important; height: auto !important; display: block !important;}
  main .in-content .content .row.summary .text iframe {width: 100%;height: 225px;}
  main .in-content .content .video-player .in-player.height .tab-pane iframe {height: 225px;}
  main .in-content .content .video-player .in-player, main .in-content .content .sidebar {padding: 0 !important;}
  main #services .bars .bar {margin: 0;}
  main #services .bars .bar.text .desc h3 { font-size: 30px; }
  main #services .bars .arrow.hide {opacity: 1; pointer-events: auto;}
}
@media screen and (max-width: 479px) and (min-width: 320px) {
    main #slider {
  font-family: 'CentraNo2-Black';
height:auto;
  }
  /* MOBILE 320+ ~ 480 */
    main .in-content .content .video-player .in-player.height .tab-pane iframe {
    height: 300px;
  }
  .menuAc, .mContact {display: block !important;}
  header {padding: 7.5px 10px;background-color: #1b2f5b;padding-right: 65px !important;}
  header.minimize {padding: 5px 10px;}
  header.minimize .menuAc {line-height: 50px;}
  header .logo {max-width: 75px;}
  header nav.menu {display: none;}
  header .search {display: none;}
  
  main #slider {margin-top: 55px;margin-bottom: 0;}
  main #slider .slide .text h1 {font-size: 19px;margin: 0;}
  main #slider .slide .text p {font-size: 9px;margin: 0 0 5px 0;line-height: 9px;}
  main #slider .slide .text a {width: 85px;font-size: 10px;line-height: 25px;}
  main #slider .slide .text {padding: 0 35px;bottom: 50px;}
  main #slider .slick-dots {bottom: 20px;}

  main #services .bars .arrow, main .news .arrow, main .in-content .content .row.suggestions .in .arrow {width: 35px;height: 55px;}
  main #services .bars .arrow img, main .news .arrow img, main .in-content .content .row.suggestions .in .arrow img {width: 100%;}

  main .in-content .content-title .bottom-bar .search {padding: 5px;}
  main .in-content .content-title .bottom-bar .search input {line-height: 30px;font-size: 20px;}
  main .in-content .content-title .bottom-bar .search button {height: 30px;line-height: 30px;top: 5px;}

  main .in-content .content .row {padding: 40px 10px;}
  main .in-content .content-title .title {padding: 10px 0 10px 0 !important;}
  main .in-content .content-title .title h1 {font-size: 20px;}
  main .in-content .content-title .bottom-bar {padding: 15px;}
  main .in-content .content .row.contact .map iframe {height: 400px;}
  main .in-content .content-title .bottom-bar .breadcrumbs span {font-size: 10px;padding: 0 2.5px;}
  main .in-content .content .video-player iframe {height: 250px;}
  main #services .bars {margin: 10px 0 !important;}
  main #services .bars .bar .desc {padding: 0 15px;/* height: 85px; */margin: 0;}
  
  main .news {padding: 0 40px;margin: 35px 0;}
  main .in-content .news {padding: 0;}
  main .news .head-title {margin: 20px 0;}
  main .news.home .posts .post {margin: 0;}

  .head-title h1 {font-size: 39px;line-height: 45px;}
  .head-title span {font-size: 14px; line-height: 14px;}
  main #about .text {font-size: 13px; padding: 0 25px;}
  main #about .other-links a {font-size: 14px; padding: 0 10px;}
  main #about .video a:before {width: 75px; height: 75px; font-size: 25px; line-height: 68px;}

  main .in-content .content .video-player .in-player {padding: 0 !important;}
  main .in-content .content .row.summary .properties table tr th {padding: 0 7.5px;line-height: 70px;font-size: 11px;}
  main .in-content .content .row.summary .properties table tr td {padding: 0 7.5px;line-height: 70px;font-size: 10px;}
  main .in-content .content .row.summary .text p {font-size: 14px;}
  main .in-content .content .row.summary h1, main .in-content .content .row.suggestions h1 {font-size: 20px;line-height: 20px;margin-bottom: 25px;}
  main .in-content .content .sidebar {padding: 0 15px !important;}
  main .in-content .content .sidebar .title {font-size: 30px;line-height: 40px;margin: 25px 0;}

  main .in-content .content .row.suggestions .in .bars .bar {margin: 0;}

  header .login, header .language button {font-size: 10px;}
  header .login a, header .language .btn-group button {padding: 0 5px;line-height: 30px;}
  main .in-content .content .row.suggestions .in .arrow.suggestions-next {right: 15px;}
  main .news .arrow.news-next {right: -30px;width: 20px;}
  main .news .arrow.news-prev {    left: -30px;
    width: 20px;}
  main .in-content .content .row.suggestions .in .arrow.suggestions-prev {left: 15px;}
  main #services .bars .bar .desc p {font-size: 12px;}
  main .in-content .content .row.suggestions .in .bars .bar .desc {padding: 13px 15px;}

  main .in-content .content .sidebar .episodes {padding: 20px 25px;}
  main .in-content .content .sidebar .episodes .episode a {font-size: 20px; line-height: 20px;}
  main .news .posts .post .text p {font-size: 12px;min-height: 35px;}

  footer .social-media a {width: 30px;height: 30px;margin: 10px;line-height: 30px;font-size: 20px;}
  footer #copyrgiht {margin: 0;padding: 10px 15px;font-size: 14px !important;}
  footer #copyrgiht a {margin-top: 10px;}

  .login-form {width: 80%;}

  main .category-list .posts .post {padding: 5px;}
  main .in-content .content-title .bottom-bar .search {display: none;}
  main .in-content .content-title .bottom-bar .mobile-search {display: block;}
  footer .sponsors a img {width: 110px;}

  .in-content {
    margin-top: 55px;
  }
  main .in-content .content .row.summary .text img {width: 100% !important; height: auto !important; display: block !important;}
  main .in-content .content .row.summary .text iframe {width: 100%;height: 135px;}
  #serafilm-content .nav-tabs li a {padding: 10px 7.5px;font-size: 8px;}
  #serafilm-content .tab-content .tab-pane h3 {font-size: 16px;}
  #serafilm-content .tab-content .tab-pane p {font-size: 12px;}
  #tanitim-video a:before {width: 70px;
    height: 70px;line-height: 60px;font-size: 25px;}
    main .in-content .content .video-player .in-player.height .tab-pane iframe {height: 200px;}
  main .in-content .content .video-player .in-player, main .in-content .content .sidebar {padding: 0 !important;}
  main #services .bars .bar {margin: 0;}
  main #services .bars .bar.text .desc h3 { font-size: 30px; }
  main #services .bars .arrow.hide {pointer-events: auto;}
}