/*----- created by aly for mobile ----*/

@media (max-width: 1024px) {
    .container {
        width: 1024px;
    }

    body {
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .main_links a, .sub_links a {
        width: 138px;
    }

    .media-tabs .the-tabs li {
        display: block;
        text-align: center;
    }

    .home-news .small-system .the-arrow, .events_home .events .the-arrow, .images_ads .the-arrow, .honorBoard .honor .the-arrow, .researches .researches-system .the-arrow, .researches .lessons_system .the-arrow {
        display: none;
    }

    .more-events, .all-researches {
        float: right;
        display: block;
        width: 100%;
    }

    .events_home .events .event_slider, .honorBoard .honor .honor_slider, .images_ads .images_slider, .researches-system .researches-holder, .researches .lessons_system .lessons_container {
        width: 100%;
    }

    .fullwidth_tabs .media-tabs .the-tabs {
        margin: 20px 0;
    }

    .imam-mega-nav .col-md-4 {
        width: 45.33333333%;
    }

    .scrolling .logo-box img.main-logo {
        margin: 0 5px;
    }

    .scrolling .info-text {
        min-height: 48px;
    }
}

@media (min-width: 992px) {
    .imam-mega-nav .fast-go-links li {
        width: 33.3333333333%;
        float: left;
    }
}
@media (max-width: 991px) {
    .container {
        width: 100%;
    }

    .header .logo-area .icon-box a {
        margin: 10px;
    }

    .media-tabs {
        float: none;
    }

        .media-tabs .content {
            float: none;
            max-width: 100%;
        }

    .main_links a, .sub_links a {
        width: 175px;
        min-height: 110px;
    }

    .custom-advertise {
        padding: 20px 0 80px;
    }

    .slide-img img {
        width: 100%;
    }

    .researches .researches-system .researches-holder .researches-box {
        overflow: visible;
    }

    .researches-holder .slick-slide img, .lessons_box .padding-zero img {
        float: right;
    }

    .title-box {
        float: right;
        height: 140px !important;
    }
}

@media (max-width: 768px) {
    .ReadSpeaker {
        top: 49px !important;
    }

    .ReadSpeakerBtn:hover {
        color: #fff !important;
    }

    .imam-mega-nav .fast-go-links li {
        float: right;
        width: 50%;
    }
    .researches .researches-system .researches-holder .researches-box .padding-zero img {
        height: 350px;
        max-width: 100%;
    }

    .imam-mega-nav .col-md-4, a.HonorLink {
        width: 100%;
    }

    .mega-holder .megamenu-parent .dropdown-menu {
        border-top: none;
        padding: 0;
    }

    .images_slider a img {
        max-width: 100%;
        height: auto;
    }
    .slick-slide img{
        height:250px;
    }
    .lessons_box .padding-zero img {
        height: 350px !important;
        max-width: 100%;
    }

    .title-box {
        width: 100%;
    }

    .mega-holder .megamenu-parent .main-navbar .navbar-nav {
        position: fixed;
        z-index: 1;
        top: 50px;
        width: 100%;
        transition: top 0.3s;
        height: 100%;
        margin-top: 0px;
        z-index: 100;
    }

        .mega-holder .megamenu-parent .main-navbar .navbar-nav > li {
            float: none;
        }

    .collapse {
        display: none;
       
    }

    .navbar-toggle {
        display: block;
    }


    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        height: 100vh;
    }

    .mega_mobile {
        background-color: rgba(36, 36, 36, .9);
        padding: 0px 5px;
    }


        .mega_mobile .navbar-toggle {
            margin-right: 0;
            border-radius: 0;
        }

            .mega_mobile .navbar-toggle .icon-bar {
                background-color: #fff;
            }

            .mega_mobile .navbar-toggle:focus {
                background: none;
                border-color: #537d8a;
            }

    .imam-mega-nav .mobile-search {
        font-family: 'FontAwesome', 'Tahoma', 'Arial';
        margin: 10px 15px;
        padding: 4px 10px;
        background-color: transparent;
        color: #FFF;
        border: 1px solid #FFF;
        width: 250px;
        height: 40px;
        outline: none;
    }

    .navbar-nav .open .dropdown-menu-email {
        position: absolute;
        min-width: 150px !important;
        right: 30px !important;
    }

    .header .dropdown-menu-email:before {
        top: -14px;
        right: 82px;
    }

    .header .dropdown-menu-email {
        top: 56px;
    }

    .mega-holder {
        padding-bottom: 0px;
    }

    #mega_mobile {
        position: fixed;
        width: 100%;
        display: block;
        z-index: 10000;
        top: -80px;
    }

    .navbar-fixed-top, .navbar-fixed-bottom {
        position: static;
    }

    .top_space {
        margin-top: 0px;
    }



    .mega-holder .megamenu-parent .main-navbar .navbar-nav > .open > a:after {
        display: none;
    }

    .news_img img {
        height: auto !important;
        margin: 0 auto;
    }

    .news_title {
        text-align: center;
    }

    .news_list {
        width: 68%;
        margin: 8px auto 8px;
    }

    /*---- table ---*/
    .table-responsive-lg, #divSystems {
        display: block;
        width: 737px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .photos a img, .hover15 a figure {
        height: auto;
    }

    .photos a {
        width: auto;
        height: auto;
        float:none;
    }

    .padright0, .padleft0 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .side_menu ul li.active:after {
        display: none;
    }

    .files_list {
        height: 100%;
    }

    .newsTile.honorboardTiles1 {
        width: 100%;
    }


    .albumsCover img {
        max-width: 100%;
        float: none;
        margin: 0 auto;
        height: auto !important;
        width: 100%;
    }
}


@media (max-width: 425px) {
    .jp-audio .jp-type-single .jp-progress, .jp-audio .jp-type-single .jp-time-holder {
        width: 120px !important;
    }
    div.float-left {
        float: none !important;
    }

    .statistics .col-md-3 {
        float: none !important;
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .main-logo, .imam-info {
        display: none;
    }

    .container > .navbar-collapse {
        margin: 0 auto;
        text-align: center;
        float: none !important;
        border-color: transparent;
    }

    .navbar-nav {
        margin: 0px;
        display: inline-block;
    }

        .navbar-nav .open .dropdown-menu-email {
            right: 100px !important;
        }

    .mega-holder .megamenu-parent .main-navbar .navbar-nav {
        right: 0px;
    }

    .main_links a, .sub_links a {
        float: none;
        margin: 5px auto;
    }

    .slide-img img {
        width: 402px !important;
        max-width: 100%;
        height: auto;
    }

    .padleft0 {
        padding-left: 15px !important;
        padding-right: 0px !important;
    }

    .home-news .box img {
        max-height: 100%;
    }

    /*---- table ---*/
    .table-responsive-lg, #divSystems {
        display: block;
        width: 395px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /*----Profile------*/
    .oneLineImages.ITD_1 .zigzagTextArea {
        padding: 20px 10px !important;
    }
    .zigzagTextArea.zigzagTextArea_right, .zigzagTextArea {
        padding: 20px 10px !important;
        width: auto !important;
    }
    .ms-webpart-cell-vertical{

        display:flex !important;
    }
    .oneLineImages{
        background-image:none !important;
    }
    .servicesBlock.zigzagMargin_2 a {
        width: 100% !important;
    }




}


@media (max-width: 414px) {
    .servicesBlock.zigzagMargin_2 a{
        width:100% !important;
    }
    .pad0 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .trail_version {
        top: 50px;
    }
        .trail_version span {
            top: 121px;
        }


    .dfwp-list a{
        width:100% !important;

    }
    html[dir="rtl"] .mapsTile {
        padding-right:20px;
    }


}


@media (max-width: 375px) {
    /*---- table ---*/
    .table-responsive-lg, #divSystems {
        display: block;
        width: 345px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 320px) {
    /*---- table ---*/
    .table-responsive-lg, #divSystems {
        display: block;
        width: 290px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .header .upper-navbar {
        height: auto !important;
    }

    .header .language-switcher {
        float: none !important;
        top: 0px !important;
    }
}