﻿@media(max-width:991px) {

    .div-search-result {
        width: 90% !important;
    }

    .div_search i {
        left: 11px !important;
    }

    .ProductTitle-Desktop {
        display: none !important;
    }

    .ProductTitle-Mobile {
        display: inline !important;
    }

    .btn_SendRequest {
        left: auto !important;
    }

    .MarginTop_Hr_In_Mobile {
        margin-top: 40px !important;
    }

    .FullName-Desktop {
        display: none !important;
    }

    .home .caption h1, .page-header h1 {
        font-size: 13pt !important;
    }


    .blog .item .cont h6 {
        font-size: 10pt !important;
    }

    #NoItem h6 {
        font-size: 11pt;
    }

    .mt-3-Mobile {
        margin-top: 1rem !important;
    }

    .hero .item {
        padding: 20px 20px !important;
    }

    .hero .icon {
        margin-bottom : 0px !important;
    }

    .hero .item p {
        font-size : 9pt;
    }

    .logo img {
        max-height : 50px !important;
    }

    .box-question .question {
        font-size : 8pt !important;
    }

    .box-question .answer {
        font-size : 8pt !important;
    }
    /*=================  Order Steps  =================*/
    .order-steps .after:after {
        display: none !important;
    }

    .order-steps .step {
        border-radius: 150px !important;
        background: #f0efef !important;
        width: 100px !important;
        height: 100px !important;
        font-size: 13px !important;
        padding-top: 15px !important;
        margin: 0 5px 10px 5px !important;
    }

    .order-steps .step div{
        font-size : 8pt;
        margin-top : 10px !important;
    }


    /*=================  Doctors Page  =================*/
    #Div_Doctors .item .cont {
        position: relative;
        height: 310px !important;
    }

    #Div_Doctors .item .cont div:nth-child(1) {
        border-bottom : 0px !important;
    }

        #Div_Doctors .item .cont .doctor-img {
            position : absolute;
        }


        #Div_Doctors .item .cont .doctor-information h6 {
            position : absolute;
            right : 120px;
        }

        #Div_Doctors .item .cont .doctor-information .row span:nth-child(2) {
            position: absolute;
            top: 40px;
            right: 120px;
            width: auto !important;
        }

        #Div_Doctors .item .cont .doctor-information .row span:nth-child(3) {
            position: absolute;
            top: 65px;
            right: 120px;
            width: auto !important;
        }

        #Div_Doctors .item .cont .doctor-information .row span:nth-child(4) {
            position: absolute;
            top: 90px;
            right: 120px;
            width : auto !important;
        }

        #Div_Doctors .item .cont .doctor-visit-cost {
            left: 30%;
            top: 140px;
        }


        #Div_Doctors .item .cont .doctor-specialties {
            position : absolute;
            top : 200px;
        }

    /*=================  Doctor Page  =================*/

    #Doctor-Details .item:nth-child(1) .cont {
        height: 220px !important;
        position : relative;
    }

    #Doctor-Details .item:nth-child(1) .cont .doctor-visit-cost {
        position: absolute;
        bottom : -33px;
    }

    #Doctor-Details #btn_reservation {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 10000;
        width : 100%;
        margin : 0px !important;
        border-radius : 0px;
    }

    /*=================  Doctor Booking Page  =================*/

    #Doctor-Booking .clinic {
        height : auto !important;
    }

    #Doctor-Booking #frm_booking {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 10000;
        width: 100%;
        margin: 0px !important;
        border-radius: 0px;
        background: white;
        padding: 10px;
        text-align: center;
        border: 1px solid #08b89d;
    }


    #Doctor-Booking #frm_booking button {
        float : none !important;
        width : 100%;
    }

    /*=================  Reservation Page  =================*/

    #Div-Reservation .widget:nth-child(1) {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 1;
        width: 100%;
        margin: 0px !important;
        border-radius: 0px !important;
    }

    #Div-Reservation .div-times {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-content: flex-start;
        height: auto;
    }

    #Div-Reservation .div-times .day {
        width : 48%;
        margin : 3px;
    }

    #Div-Reservation .div-select-time {
       height : auto !important;
    }

    #Div-Reservation .col-lg-2:nth-child(2), #Div-Reservation .col-md-7 {
        margin-bottom: 20px;
    }

    /*=================  Success Request Page  =================*/

    #Div-Success-Request p {
        margin : 10px;
        justify-content : center;
        font-size : 9pt;
    }

    /*=================  Hotels Page  =================*/

    #Div-Hotels {
    
    }

    /*=================  Hotel Details Page  =================*/

    #Div-Hotel-Details .hotel-lead {
        height : auto !important;
        position : relative;
    }

    #Div-Hotel-Details .col-md-9 {
        position: initial !important;
    }

    #Div-Hotel-Details .hotel-stars {
        top : 15px !important;
        left : 20px !important;
    }

    #Div-Hotel-Details .hotel-options {
        bottom : 5px !important;         
    }

    #Div-Hotel-Details .hotel-desc {
        margin-bottom : 20px;
    }

    #Div-Hotel-Details .hotel-room {
        position : relative;
        height : 200px;
    }

        #Div-Hotel-Details .hotel-room .hotel-room-title {
            font-size : 9pt !important;
        }

    #Div-Hotel-Details .hotel-room .w-20 {
        position: absolute;
        width : 150px;
        left : 0px;

    }

        #Div-Hotel-Details .hotel-room .hotel-price {
            position: absolute;
            right: 15px;
            top: 70px;
            width : auto !important;
            margin : 0px !important;
        }

        #Div-Hotel-Details .hotel-room .hotel-Night {
            position: absolute;
            right: 115px;
            top: 70px;
            width: auto !important;
            margin: 0px !important;
        }

        #Div-Hotel-Details .hotel-room .hotel-room-btn-calendar {
            position: absolute;
            right: 15px;
            top: 90px;
        }

}