@media only screen and (max-width:780px) {
    html.wsoffcanvasopenermain {
        overflow: hidden !important;
        position: fixed;
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%
    }
    body.wsoffcanvasopenerbody {
        overflow-y: hidden !important;
        overflow-x: hidden
    }
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
    .wsmobileheader {
        transition: all .4s ease
    }
    .wsoffcanvasopener .wsmobileheader {
        right: 300px;
        left: -300px
    }
}
@media only screen and (max-width:767px) {
    .nav-fill .nav-item:last-child {
        width: 100%;
        display: flex;
        padding: 8px 5px;
        background: #fff;
        position: fixed;
        bottom: 0;
        z-index: 8;
    }
    footer .copyright {
        padding: 10px 0 75px
    }
    footer .copyright .pull-right a {
        padding: 2px 5px
    }
    footer .copyright a .fa {
        font-size: 15px !important
    }
}

@media(max-width:768px){
    .iti-mobile .iti--container{z-index: 99999999;}
    .desktop-show{display: none;}
.breaducm_top-bg h2 {
    font-size: 16px;
    text-align: center;
}
    .breaducm_top-bg h3 {
   font-size: 20px;
    text-align: left;
    position: relative;
    
    margin: 0;  
}
    .hospital_info{margin-top: -7px;}
    
    .breaducm_top-bg h5{margin: 0;}
    .breaducm_top{margin-top: 50px; padding-bottom: 10px;}
    .breaducm_top, .clinic_gallery, .Agent_form{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .Agent_form{padding-top: 155px !important; position: relative;}
    .breaducm_top-bg .breadcrumb {
    padding-top: 5px;
}
    .breaducm_top-bg .breadcrumb-item + .breadcrumb-item::before {
    padding-right: .2rem;
    padding-left: .2rem;
}
    .left_gallery_img {
    height: 180px;
        margin-bottom: 5px;
}
    .riht_gallery_img {
    height: 100px;
        margin-bottom: 5px;
    }
    .left_gallery_img img {
    max-width: 200%;
    transform: translate(-10%,-10%);
}
    .clinic_gallery ul, .higlight_clinic ul{margin: 0; }
    .clinic_gallery ul > .col-md-4{padding: 0; }
    .clinic_gallery ul > .col-md-8{padding: 0; }
    .Agent_form .col-md-4.order-md-8{position: static;}
    .main-profile{margin-bottom: 0;}
    .higlight_clinic,  .infomatin_clinic_contnt, .clinic_doctor, .Abailabel_section{padding: 30px 0 !important}
    .higlight_clinic ul.row > li{border-bottom: 1px solid #ddd;
padding: 15px 0;}
    .higlight_clinic ul.row > li:last-child{border-bottom: none;}
    .higlight_clinic ul.row > li:nth-child(even){border-right: none;}
    .higlight_clinic h2, .clinic_doctor h2{font-size: 20px;}
    .slide_review{padding-bottom: 20px;}
    .review-listing h4 span {
    float: none;
    display: block;
}
    .wrapper-contact{left: 0;
    margin: auto;
        height: auto;
    top: -300px;}
    .clinic_gallery .col-6 {
    padding-left: 3px;
    padding-right: 3px;}
        .hospital_icon{padding: 10px 10px; max-width: 75px; position: static;}
    .hospital_icon img{width: 100%;}
    .hospital_estimali {
    padding-left: 20px;
    border-left: none;
    border-top: 2px solid #f8fcfe;
    padding-top: 15px;

}
    .Produre_detail_hospi .col-md-6 {
    display: flex;
    align-items: center;
}
    footer{padding-top: 20px;}
    .Produre_detail_hospi .btn.btn-more{position: absolute; margin-bottom: 5px; padding: 1px 15px; } 
.Produre_detail_hospi .btn.btn-price{margin-top: 0; font-size: 12px; }
    .Produre_detail_hospi h4{min-height: auto; margin-bottom: 10px;}
    .Produre_detail_hospi{margin-bottom: 15px; border-top: 1px dashed #b9b8b8; padding-bottom: 20px;}
    .view_all_cli .title-header{text-align: left;}
    .doctor-popup .btn.btn-close{ 
    right: -15px;
    border-radius: 0;
    top: 0px;}
    .doctor-left-modal{border-right: 0; border-bottom: 1px solid #ddd; margin-bottom: 5px;}
    
    .Produre_detail_hospi h4{margin: 0;}
    .description_review{padding: 0 !important;}
    .description_review .container{padding: 0 }

   #GetAFreeQuoteModal {
    z-index: 999999;
} 
    div#doctorInfoModal {
    z-index: 99999;
                padding: 70px 0 !important;
            background: transparent;
}
    
   #doctorInfoModal .modal-dialog{transform: none; padding: 0;
    margin: 0;
    /*height: 100%;*/}

     #doctorInfoModal .modal-dialog{display: flex;}
    .doctor-popup{/*min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;*/}
    .doctor-popup .btn.btn-close i {
    top: 0px;
    left: -10px;
    font-size: 24px;
}
    .pagination .mydisable{    padding: .4rem .7rem;}
    
   .pagination .page-link{padding: .4rem .6rem;}
    .higlight_clinic ul.row  li.lung_half {
   -ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
    border-bottom: 1px solid #ddd !important;
}
    .higlight_clinic ul.row li.lung_halfdistance{
        -ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}    
.sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
    .sticky .nav-tabs .nav-item{display: none;}
    .sticky  .nav-tabs .nav-item:last-child{display: flex;}
    
}
@media(max-width:460px){

.description_review .nav-tabs .nav-link{
    padding: 5px;
}
    .wrapper-contact{top: -260px;}
    .Agent_form {
    padding-top: 170px !important;
    }
}
@media(max-width:400px){
    .wrapper-contact .profile a{font-size: 12px;}
.wrapper-contact{width: 94%;}
.profile{width: 415px;}
    .wrapper-contact .profile-img {
    width: 18%;
}
    
}
@media(max-width:340px){
 .breadcrumb {
    font-size: 11px;
}
    
}