﻿/*responsive menu*/

@media (max-width: 768px) {
    .full-sag-doctor{
        display:none;
    }
    .navbar-collapse ul li {
        float: none;
        text-align: right;
        width: 100%;
    }

    .navbar-collapse {
        width: 100%;
    }

    .menu-div {
        background-image: none;
        /*min-height: 1px;*/
        background-color: transparent;
        border-color: #fff;
    }
    /*.logo{
        float:unset;
        width:auto;
    }*/
    .logo img
    {
        width:150px;
    }
    .navbar-brand
    {
        float:right;
        padding:initial;
        margin-left:initial !important;
    }
    .menu-div button {
        float: right !important;
    }
    .ad-div {
        display: block;
        width:100%;
        margin-top:10px;
        margin:0 auto;
        overflow:hidden;
    }
    /*topbar*/
    .top-links li {
        margin-left: 10px;
    }
    .top-links a {
        font-size: 10px;
    }
    .top-links .lang-btn
    {
        padding:4px 6px;
    }
    .ask-message-item
    {
        width:75%;
    }

    /*******time line********/
    .timeline-bg
    {
        margin-top:0px;
        margin-bottom:0px;
        display:none;
    }
    .circle
    {
        width:55px;
        height:55px;
        padding:5px 0;
        /*margin-top:9px;*/
        border:6px solid #51AED7
    }
    /*.jstree-default > .jstree-container-ul > .jstree-node 
    {
        text-align:center;
    }*/
    .jstree-ar > .jstree-container-ul > .jstree-node > a
    {
        text-align:right;
        padding-right:20px;
    }
    .jstree-en > .jstree-container-ul > .jstree-node > a
    {
        text-align:left;
        padding-right:0;
        padding-left:10px;
    }
    .jstree-default > .jstree-container-ul > li > .jstree-clicked
    {

    }
    .sag-doctor
    {
        float:unset !important;
        width:100%;
        text-align:center;
        margin-bottom:10px;
    }
    .doctor-link
    {
        width:45%;
        text-align:center;
    }
    .timeline-bg a
    {
        font-size:12px;
    }
    /************ask adoctor***/
    .btn-ask
    {
        padding:13px 8px;
    }
    .btn-ask-add
    {
        padding:13px 5px;
    }
    .btn-ask-add i 
    {
        display:none;
    }
    /*chat*/
    .popupContainer/*saber*/
        {
        position: fixed !important;
        margin-left: 0 !important;
        left: 0 !important;
        width: 100% !important;
        top:5px !important
    }
    .popup-box {
        width: 100% !important;
        right: 0 !important;
    }
    .chat-txtarea > textarea
    {
        width:84%;
    }
    .popup-messages-footer button
    {
        height:30px;
        width:30px;
        bottom:12px;
    }
    /*button chat*/
    .round-chat
    {
        /*bottom:35px;*/
        width:65px;
        height:65px;

    }
    .round-chat .ch-icon i
    {
        font-size:25px;
        line-height:65px;
    }
    /******** carousel ********/
    .carousel-post-slide i
    {
        top:30%;
        font-size:25px;
    }
    .carousel-post-slide .right-arrow{right: -10px;}
    .carousel-post-slide .left-arrow{left: -10px;}

    /**/
    .featured-article {
        margin-left: auto !important;
    }
    .search-bg-list p
    {
        width:60%;
    }
    .page-header h1
    {
        font-size:22px;
        line-height:28px;
    }
    .footer span
    {
        line-height:35px;
    }
    .ask-message-answer-content
    {
        float:none !important;
    }
}
@media(min-width:769px) {
    .navbar-collapse ul li {
        /*float: right;*/
    }
    .menu-div {
        background-image: url(../images/menu-bg.jpg);
        height: 63px;
        background-color: transparent;
        border-color: #fff;
    }
    .mobile-sag-doctor
    {
        display:none;
    }
    
}
@media (max-width: 992px) {
    
}
@media screen and (min-width:780px) {
    .jstree-default > .jstree-container-ul > li > ul {
        background-color: #fff;
        /*Mahmoud*/
        /*background-image: url(../images/menu-bg.jpg); Mahmoud*/
        position: absolute;
        z-index: 1000;
        right: 0px;
    }


    .jstree-default > .jstree-container-ul > li > ul > li {
        line-height: 40px;
        text-align: right;
        display: inline-block;
        border-left: 1px solid #f2f2f2;
        margin: 0px;
        padding: 0px;
    }
}
@media screen (max-width:784px) {
    .jstree-default > .jstree-container-ul > li > .jstree-clicked {
        text-align: right !important;
    }
    .jstree-default > .jstree-container-ul > li > ul > li {
        line-height: 40px;
        text-align: right;
        display: inline-block;
        border-left: 1px solid #fff;
        margin: 0px;
        padding: 0px;
    }

    .jstree-default > .jstree-container-ul > .jstree-node > a {
        width: 100%;
        text-align: right;
    }
}
@media (max-width: 320px)
{
    .ad-div {
        width:320px;
    }
    .popupBody
    {
        padding:15px;
        height:350px;
        overflow:scroll;
    }
    .popupContainer
    {
        top:0 !important;
    }
    .user_register label
    {
        font-size:12px;
    }
}