@media (max-width: 780px) {
    .container {
        width: 100%;
    }
    .doctor-img {
        margin-bottom: -5px;
        width: 70%;
    }
    .main-listing-page li{
        width: 25%;
        float: left;
    }
    .fixedbottom{
        left: 0;
        width: 100%;
    }
    .modal {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

}

@media (max-width: 600px) {
   :root{    
        --font-xsm:12px;
        --font-sm:12px;
        --font-reg:13px;
        --font-md:13px;
        --font-smd:14px;
        --font-lg:17px;
        --font-xlg:18px;
        --font-xxlg:22px;
        --font-huge:26px;
    } 

    .signinbtn{
        display: block;
    }
    .btn-facebook{
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
    .btn-google{
        margin-left: 0 !important;
    }
    .ortxt{
        margin: -5px 0 15px 0 !important;
    }
    .innerwrapper.p-3{
        padding: 0.5rem !important;
    }

    .main-listing-page li{
        width: 33%;
        float: left;
    }
    .main-listing-page li img {
        width: 50px;
    }
    .main-listing-page li a {
        min-height: 86px;
    }
    .bottom-nav{
        left: 0%;
        width: 100%;
        margin-left: 0px;   
    }
    .innerwrapper.p-3.bottom-space2 {
        padding-bottom: 100px !important;
    }
    .modal-content {
        width: 90%;
        max-height: 95vh;
        overflow: scroll;
    }

    .best-offer-list {
        margin: 0 0% 0 -2%;
    }
    .innerwrapper.bottom-space1 {
        padding-bottom: 180px !important;
    }
    .modal {
        position: fixed;
    }
    .dashboard-location .modal-content {
        padding-bottom: 20px;
        height: auto;
        overflow: auto;
    }
    .main-page-title {
        margin-top: -25px;
    }
    .form-check input:checked+label.label-radio:after{
        content: '';
        top: 4px;
        left: 3px;
      }

      .speciality-link-page {
        top: 75px;
        height: 30px;
    }

    .speciality-link-page:hover,
  .speciality-link-page:focus,
  .speciality-link-page:active {
    height: 43px;
  }
    

    
}

@media (max-width: 480px) {

    .doctor-img {
        width: 80%;
    }
    .title-big{
        font-size: var(--font-xxlg);
    }

    .login-top {
        margin-bottom: 20px;
    }
    .main-listing-page li{
        width: 33%;
        float: left;
    }
    .main-listing-page li img {
        width: 50px;
    }
    .main-listing-page li a {
        min-height: 85px;
    }
    .best-offer-list li {
        float: left;
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .main-listing-page li {
        width: 50%;
        float: left;
    }
    .reminder .rmd-1 img {
        width: 75px;
        left: 0px;
    }
    .reminder .rmd-1 {
        width: 70px;
    }
    .reminder .rmd-3 {
        padding-left: 10px;
    }
    .blockred {
        background: var(--secondary);
        width: 30px;
        height: 30px;
        line-height: 37px;
    }
    .alert .modal-content{
        height: auto !important;
    }
    .dashboard-location .modal-content {
        width: 90%;
        max-height: 90vh;
        overflow: auto;
        padding-bottom: 20px;
        top: 330px;
      }
      .chooselocation li {
        float: left;
        width: 50%;
    }
    .page-bg{
        background-size: 100%;
    }
    .form-group input,
    .form-group select,
    .form-group textarea {
        font-size: 16px !important;
    }



    a.delete-profile{
        top:30%;
    }

    select.basic{
        font-size: 16px;
    }
    select.basic option {
        font-size: 14px;
    }
    .top-loaction svg{

        margin-top: -3px;
     
      }

      .filter-update li {
        width: 100% !important;
        float:none;
    }

    .modal-content {
        width: 90%;
        max-height: 90vh;
        overflow: scroll;
        top: 45%;
    }
    .filter-name {
        margin-bottom: 3px !important;
    }
    .main-page-title {
        padding: 0 16%;
    }

    .service-dropdown select.basic {
        font-size: 14px;
    }
    .top-loaction svg {
        width: 15px;
        height: 15px;
        margin-top: 2px;
    }
    .dropdown .select {
        font-size: 15px;
    }
    .dropdown .menu li {
        cursor: pointer;
        padding: 5px 10px;
        font-size: var(--font-reg);
    }
    .homelink {
        position: absolute;
        right: 10px;
    }
    .main-page-title {
        margin-top: -25px;
    }
    .form-check input:checked+label.label-radio:after{
        content: '';
        top: 1.5px;
        left: 3px;
      }
      .accodian-bottom ul li{
        padding: 12px 15px;
      }
      .btn-apple, .btn-google{
        font-size: 0;
      }
      .btn-apple svg, .btn-google svg{
        font-size: 0;
        width: 22px;
        height: 22px;
        top: 11px;
      }
      .select-hospital-list li a svg {
        top: 1px;
    }
    .bottom-nav-inner ul li svg {
        width: 20px;
   
    }
    .location-modal .form-check input:checked+label.label-radio:after {
        top: 3.5px !important;
    }
    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        width: 100%;
    }
    .ui-datepicker {
        width: 24em !important;
        padding: 0.2em 0.2em 0 !important;
        display: none;
    }
    .ui-datepicker td span, .ui-datepicker td a {
        padding: 0.5em 0.4em !important;
    }
    .filterblock .form-check input:checked+label:after {
        content: '';
        top: 4px !important;
    }
    /* .form-check input:checked+label.label-radio:after{
        top: 4px !important;
    } */
    .logo {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important ;
    }
    .loginsocialmedia {
        margin-top: 5px !important;
    }
    .dropdown .menu-open {
        min-width: 180px;
    }
    .dropdown .menu li {
        padding: 8px 10px;
        font-size: var(--font-reg);
    }
    .backbtn{
        font-size: 15px;
    }
    .confirm-txt{
        font-size: 15px;
    }
    .form-check input:checked+label.label-radio.lr2:after { 
        top: 3px !important;
    }

    .accodian-bottom .form-check label {
        margin-top: 5px;
        font-size: var(--font-md);
    }
    .signinwith {
        opacity: 1;
        display: inline-block;
    }

    .contact-list .card.p-relative h4{
        width: 72%;
    }
    
  .profilelist .owl-carousel.owl-loaded {
        width: 80%;
    }

    .modal.profile-modal .modal-content {
        width: 90%;
        max-height: 80vh;
        overflow: scroll;
        top: 50%;
    }
    .doc-left img {
        position: relative;
        top: 2px;
    }

    .setting-list li a {
        font-size: 15px;     
    }

}


@media (max-width: 400px) {
    .service-listing .card{
        padding: 15px 5px;
    }
    .bottom-nav .p-3{
        padding: 1rem 0rem !important;
    }
    .chooselocation li {
        float: left;
        width: 50%;
    }
    .bottom-nav-inner ul li a
    {
        font-size: var(--font-xsm);
    }
   
    
}

@media (max-width: 300px) {
    .btn-facebook{margin-right: 10px !important;}
    .btn-google{margin-left: 10px !important;}
    .btn-facebook span, .btn-google span{
        display: none;
    }

    .card.reminder{
        display: block !important;
    }
    .reminder .rmd-1 img {
        width: 70px;
        position: relative;
        bottom: -4px;
    }
    .reminder .rmd-1 {
        width: 70px;
        float: left;
    }
    .reminder .rmd-2{
        padding-bottom: 0 !important ;
        padding-top: 0.5rem !important;
    }
    .reminder .rmd-3 {
        padding-top: 0 !important;
        text-align: left;
        margin-left: 70px;
        padding-left: 0;
        border: 0;
        display: flex;
        padding-bottom: 0.5rem !important;
        font-family: var(--font-med);
    }
    .reminder .rmd-3 div{
        margin-right: 10px;
    }
    .service-listing li {
        width: 45.33%;      
    }

    
}