@media only screen and (max-width: 1200px) {
    .bio_title {
        left: 0;
    }
    .bio_socialmedia {
        margin-left: 45px;
    }
    .bio_img {
        max-width: 100%;
    }
}
@media only screen and (max-width: 991px) {
    .nav-link {
        font-size: 13px;
        margin: 0;
    }
    .home-content .work_item_category {
        font-size: 2rem;
        line-height: 1.8rem;
    }
    .home-content .work_item_title {
        font-size: 1.3rem;
    }
    .dropdown:hover>.dropdown-menu {
        height: 130px;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        margin-bottom: 10px;
    }
    /* bio */
    .bio .row {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .bio_title {
        position: relative;
        width: 100%;
        font-size: 8rem;
        line-height: 6rem;
        top: 0;
        left: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        z-index: 1;
        
        align-self: flex-start;
    }
    .bio_img {
        width: 75%;
        left: 0;
        margin-left: auto;
    }
    .bio_pattern {
        display: none;
    }
    .bio_line {
        position: relative;
        display: block;
        width: 100%;
        border: 3px solid #855213;
        margin: 0;
    }
    .bio_socialmedia {
        margin: 0;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-logo {
        width: 30%;
    }
    .home-content .work_item {
        flex-direction: column;
        height: 450px;
    }
    .work-section .carousel, .bio-news-section .carousel {
        margin: 30px 0!important;
        padding: 0 10px!important;
    }
    .textured-title {
        margin: 0!important;
        padding: 0!important;
        font-size: 2.8rem;
    }
    .inner-work-category img {
        width: 100px;
    }
    .home-content .work_item_img, .home-content .work_item_content {
        width: 100%;
        margin: 0;
    }
    .home-content .work_item_img {
        height: 100%;
        margin-bottom: 15px;
    }
    .slider_prev_btn {
        right: -15px;
    }
    .slider_next_btn {
        left: -15px;
    }    
    .slider_control, .slider_prev_btn svg, .slider_next_btn svg {
        width: 15px;
    }
    .home_bio_container {
        height: auto;
    }
    .home-bio-content, .home-news-content {
        flex-direction: column;
    }
    .bio-news-section hr {
        display: none;
    }
    hr.bio-img-line-mob {
        display: block;
    }
    .terms-copyrights {
        width: 100%!important;
        text-align: center;
        flex-direction: column;
    }
    .copyrights {
        margin-top: 15px;
        display: flex;
        justify-content: center;
    }
    .copyrights a {
        margin: 0 10px;
    }
    .mad-logo {
        margin-top: 15px;
        text-align: center;
    }
    .mad-logo img {
        max-width: 150px;
    }
    /* bio */
    .bio {
        margin-top: 0;
    }
    .bio_top_content {
        width: 50%;
    }
    .bio_title {
        font-size: 5rem;
    }
    .bio_img_container {
        width: 50%;
    }
    .bio_img {
        width: 100%;
    }
    .bio_text {
        font-size: 14px;
    }
    /* inner news */
    .news_img_container {
        flex-direction: column;
    }
    .news_img_container img {
        padding: 0;
    }    
    .news_word {
        writing-mode: horizontal-tb;
        transform: rotate(0deg);
        background-image: url('/web/20211218210815im_/http://beshary.com/images/pattern3.jpg')!important;
    }
    .new_content {
        position: relative;
        margin-left: 0;
    }
    .news_title {
        font-size: 18px;
    }
    /* news */
    .news_content {
        width: 100%;
    }
    .news_img {
        width: 100%;
    }
    .work_video .modal-dialog {
        max-width: initial;
    }
    .inner_main_content .work_item_name {
        font-size: 20px;
    }
}


@media only screen and (max-width: 576px) {
    .row {
        padding-left: 15px;
        padding-right: 15px;
    }
    header {
        height: 60px;
    }
    .navbar {
        width: 100%;
        position: relative;
        top: -40px;
        left: 0;
        display: flex;
        justify-content: flex-end;
    }
    .navbar-logo {
        position: relative;
        width: 40%;
        z-index: 3;
    }
    .dropdown-menu .nav-link {
        margin-left: 30px!important;
    }
    .nav-link {
        display: inline-block;
    }
    .dropdown:hover>.dropdown-menu {
        height: auto;
    }
    .dropdown-menu {
        padding: 0;
    }
    .dropdown-item {
        display: block;
    }
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z' /%3E%3C/svg%3E");    
    }
    .navbar-toggler {
        background-color: transparent;
    }
    .navbar-toggler:focus, .navbar-toggler:hover {
        outline: none!important;
    }
    .nav-link {
        margin: 0 15px;
    }
    #navbarNavDropdown {
        width: 100%;
        background: #400a08;
        top: 5px;
        position: relative;
    }
    .video-track {
        width: 90px;
    }
    .social-media svg {
        width: 25px;
    }
    .video-controls svg {
        width: 20px;
        height: 20px;
    }
    .work-section {
        padding: 0;
    }
    .slider_prev_btn {
        right: -10px;
    }
    .slider_next_btn {
        left: -10px;
    }    
    .slider_control, .slider_prev_btn svg, .slider_next_btn svg {
        width: 12px;
    }
    /* inner pages */
    .inner-work-title {
        font-size: 1.5rem;
    }
    .inner-work-still {
        padding: 0;
    }
    .inner-work-synopsis {
        font-size: 16px;
        line-height: 22px;
    }
    .ekko-lightbox-nav-overlay a:hover svg path, .ekko-lightbox-nav-overlay a:focus svg path {
        fill: #855213;
        transition: fill .4s;
    }
    .next {
        right: 15px;
    }
    .prev {
        left: 15px;
    }
}
@media only screen and (max-width: 360px) {
    .navbar {
        top: -35px;
    }
}
/*
     FILE ARCHIVED ON 21:08:15 Dec 18, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:30:02 Sep 23, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.651
  exclusion.robots: 0.076
  exclusion.robots.policy: 0.064
  esindex: 0.015
  cdx.remote: 64.325
  LoadShardBlock: 2286.095 (3)
  PetaboxLoader3.datanode: 2135.861 (4)
  PetaboxLoader3.resolve: 492.166 (2)
  load_resource: 384.737
*/