@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1170px;
    }
}

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
@media (max-width:1320px) {

    /*=================== Doctor Dashboard ====================*/
    .navbar-form {width: 500px;}
    .media-dashboard {padding: 12px;}
    .media-dashboard-2 .dashboard-icon, .media-dashboard-blue .dashboard-icon {width: 60px; height: 60px;}
    .dashboard-title h3 {
        font-size: 30px;
    }

    .map-marker-title {
        font-size: 13px;
    }

    .test-card-body {
        padding: 10px;
    }

    .test-card-body h6 {
        font-size: 13px;
    }

    /*=================== test ====================*/
    .groups-btns .btn {
        font-size: 11px;
        padding: 7px 5px;
    }

    .received-box {
        padding: 8px;
    }

    .received-box h5 {
        font-size: 13px;
    }

    .received-box h5 strong {
        font-size: 14px;
    }

    .received-box h5 .btn {
        margin-left: 5px;
    }

    .test-management-media .media-right-dec {
        width: 280px;
    }

    .test-management-media h3.price {
        font-size: 23px;
    }

    .test-management-media h3.price>i {
        font-size: 21px;
    }
/*=================== Profile ===============*/
  .pancard-download>a {font-size: 10px;padding: 10px 7px;}
    .profile-wizzy .login-white-box.p-5 {
    padding: 2rem!important;
}
    .tabs-nav .nav-link {font-size: 13px;}
    .tabs-nav-border .nav .nav-link {font-size: 14px;}
.grouptwobtns>.btn-block {
    padding: 9px 4px;font-size: 12px;
}
    .media-dashboard .btn-s {padding: 4px 5px;}
    .form-filter .form-ctrl {
        font-size: 12px;}
.searchgroup-radius .btn {
    bottom: 5px;
    top: 5px;padding: 5px 15px;
    right: 5px;}
    .table-reponsive>table th {font-size: 13px;}
    .table-reponsive>table td {font-size: 13px;}
    .btn-submit {padding: 12px 20px;}
}

@media (max-width:1199px) {
    .container-fluid {
        padding-left: 40px;
        padding-right: 40px;
    }

    .navbar-brand {
        margin-right: 0px;padding: 5px 10px 5px 25px;
    }

    .navbar-brand>img {}

    .navbar-form {
        width: 270px;
    }

    .select-location {
        width: 170px;
    }

    .navbar-form .form-control {
        font-size: 12px;
    }

    .navbar-form .btn {}

    .navbar-form .select-location .form-icon {
        font-size: 14px;
        bottom: 10px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {}

    .navbar-expand-lg .download-app-nav .nav-link img {
        width: 35px;
    }

    .navbar-expand-lg .download-app-nav .nav-link span {
        font-size: 8px;
    }

    .navbar-expand-lg .mobile-nav .nav-link {}

    .foter-search .navbar-form .btn {
        padding: 5px 20px;
        height: 45px;
    }

    .fotr-media p a {
        margin-bottom: 5px;
        padding-right: 0px;
        display: block;
    }

    /*=================== Inner pages ====================*/
    /*====================== Inner page ================*/
    .inr-title h3 {
        font-size: 24px;
    }

    .inr-wrap-banner>img {
        height: 240px;
    }


    /*=================== Login ====================*/
    .wlcome-dec h2 {font-size: 28px;}
    .wlcome-dec h4 {font-size: 20px;}
    .login-tab>li {margin: 8px;}
    .login-tab .nav-link>img {
    width: 70px;height: 70px;}
    .login-tab .nav-link { padding: 30px 8px;font-size: 13px;}
    .form-box-width {
        width: 85%;
    }

    .login-img {
        width: 75px;
    }

    .navbar-light .back-navbar-text {
        margin-left: 80px;
    }

    .form-box .login-white-box {}

    .form-box h3 {
        font-size: 22px;
    }

    .otp-box .title h4 {
        font-size: 16px;
    }

    .otp-box p {
        font-size: 13px;
    }

    .signp-with-social a {}

    .form-box .skip-btn {
        padding: 10px 10px;
    }
.login-mid-img>img {
    width: 250px;
    height: 250px;
    object-fit: contain;
}
    /*================== Login Cate ==================*/
    .care-srves-box { margin-top: -135px;}
    .care-srves .item-box .tmb {
        height: 130px;}
    .care-srves .item-box-dec h4 { font-size: 14px;}
    
    /*================== Doctor dashboard ==================*/
    .media-dashboard {
        padding: 8px;
    }


    .media-dashboard h6 {
        font-size: 13px;
    }

    .media-dashboard h4 {
        font-size: 16px;
    }

    .chart-card .card-header h6 {
        font-size: 15px;
    }
.grouptwobtns>a.btn {
    font-size: 12px;}
    .media-dashboard-2 .dashboard-icon, .media-dashboard-blue .dashboard-icon {
    width: 60px;
    height: 60px;
    padding: 15px;
}
    .media-dashboard-2 p.large {
    font-size: 16px;
}
    .media-dashboard-2 h3 {
    font-size: 26px;
}
    .media-dashboard-blue h3 {
        font-size: 18px;}
    .test-card-body {
        padding: 10px;
    }

    .test-card-body h6 {
        font-size: 13px;
    }

    .test-card-body .btn-sm {
        padding: 5px 15px;
    }

    .transaction-box h6 .btn-success {
        margin-left: 4px;
    }

    .rowOdd>div:nth-child(odd) {
        padding-right: 35px;
    }

    .rowOdd>div:nth-child(even) {
        padding-left: 35px;
    }

    .ledger-card {
        padding: 15px 15px 10px;
        margin-right: 20px;
    }
    
/*=================== presccription-view ==================*/
    .profile-info h5 {
    font-size: 14px;}

    /*=================== add-presccription ==================*/
    .prescription-alert {padding: 12px;}
    .prescription-alert h4 { font-size: 16px;}
    
    /*=================== availability-view-schedule ==================*/
    .availability-schedule-card .table>:not(caption)>*>*{padding: 8px;}
    .availability-schedule-card .table-reponsive>table th, .availability-schedule-card .table-reponsive>table td.table-warning {
        font-size: 15px;}
    .slot-time .btn {padding: 6px 10px;font-size: 12px;}
    .table-reponsive>table td .btn>img {
    width: 14px;
        height: 14px;}
    
    /*=================== My profile ==================*/
    .profile-info p {
        font-size: 12px;
    }

    /*=================== contact-person-details ==================*/
    .form-box .form-group label.btn {
        padding: 10px 10px;
        font-size: 12px;
    }

     /*=================== Profile Step ==================*/
    .form-box .form-checked-radio label.btn-outline-primary {font-size: 10px;padding: 8px 12px 8px 28px;}
   






}

@media (max-width:1023px) {
    .navbar-light .navbar-toggler {
        color: #fff;
        border-color: #fff;
        background-color: #fff;
        padding: 2px 5px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 7px 10px;
        margin-bottom: 0px;
        font-size: 12px;
    }

    .navbar-form {
        margin-bottom: 0px;
    }

    .container-fluid {
        padding-right: 30px;
        padding-left: 30px;
    }

    .navbar-right {
        margin-right: 0px;
    }

    .navbar-brand>img {
        height: 55px;
    }

    .sticky .navbar-brand>img {}

    .sticky .navbar-brand {
        padding: 4px 10px 2px 0px;
    }

    .navbar-brand {}

    .navbar-form {
        width: 250px;
    }

    .select-location {
        width: 110px;
    }

    .wrap {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .wrap-40 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .wrap-top0 {
        padding-top: 0px;
    }

    .title {
        margin-bottom: 25px;
    }

    .title h1 {
        font-size: 42px;
    }

    .title h2 {
        font-size: 34px;
    }

    .title h3 {
        font-size: 26px;
    }

    .title h4 {
        font-size: 24px;
    }

    /*====================== Inner page ================*/
    .inr-title h3 {
        font-size: 22px;
    }

    .inr-wrap-banner>img {
        height: 160px;
    }


    /*====================== login ================*/
    .wlcome-login {padding-right: 0px;}
    .form-box .title h3,
    .wlcome-login .title h3 {font-size: 22px;}
   .login-mid-img>img {
    width: 200px;
    height: 200px;
    object-fit: contain;}
    .wlcome-dec p {
    width: 285px;}
.login-tab>li {
    margin: 5px;
}
    .login-tab .nav-link {
        font-size: 12px;padding: 20px 8px;
    }
.login-tab .nav-link>img {
    width: 50px;
    height: 50px;}
    .navbar-light .back-navbar-text {
        margin-left: 50px;
    }

    .form-box-width {
        width: 95%;
    }

    .form-box {}

    .form-box .form-group label {
        margin-bottom: 5px;
    }

    .form-box .form-ctrl {
        height: 48px;
    }

    .form-box-login {}

    .form-box .login-white-box {
        padding: 25px;
    }

    .login-img {
        margin: 0px auto 20px;
        width: 65px;
    }

    .form-box h3 {
        font-size: 22px;
    }

    .otp-box .form-group .form-ctrl {
        width: 40px;
    height: 40px;
    margin-left: 5px;
    margin-right: 5px;
    }

    .btn-width-auto {
        width: 260px;
    }

    .form-disabled .form-ctrl {
        height: 32px;
    }

    .form_icon,
    .form-icon {
        bottom: 8px;
    }

    .form-group-btn .btn {
        height: auto;
        padding: 8px 10px;
        font-size: 12px;
    }
    .account_dashboard .form-box .form-ctrl {
        height: 48px;
    }
    /*=================== Popup ==================*/
    .offcanvas .form-box .title h3 {
    line-height: 32px;
    font-size: 32px;
}
    /*=================== registration Step ==================*/
     .wz-wrapper .wz-inner .wz-header {margin-bottom: 0px;}
    .wz-wrapper .wz-inner .title h3 {font-size: 21px;}
    .form-group-captcha {padding: 5px 10px;}
    .form-box .form-group-captcha .form-group>label {
    width: 72px;font-size: 11px;}
    .form-box .form-group-captcha .form-ctrl {width: 100px;}
    .form-box .form-group h6 {font-size: 14px;}
    /*=================== Doctor Dashboard ==================*/
    .sidebar-header {
}
    .navigation {
    position: absolute;
    left: 16px;
        top: 18px;}
    .navigation>img {
    width: 18px;
        height: 18px;}
    .navbar-brand span {
        font-size: 22px;
    }

    .back-page h3 {
        font-size: 19px;
    }

    .next-link-btn {
        font-size: 13px;
    }
.nav-menu {
    padding-left: 27px;
}
    .nav-menu li a {
        font-size: 14px;
        padding: 10px 10px 10px 35px;
    }

    .side-sub-menu li a {
        font-size: 13px;
    }

    .no_data_found h3 {
        font-size: 28px;
    }
.dashboard-title h3 {
    font-size: 26px;
}
    .form-switch-lg .form-switch-right label.form-check-label span {
    font-size: 17px;
}
    .form-switch-lg .form-switch-right label.form-check-label {
        font-size: 14px;}
    .media-dashboard {
        padding: 20px;
    }


    .media-dashboard h6 {
        font-size: 12px;
    }

    .media-dashboard h4 {
        font-size: 20px;
    }


    .chart-card .card-header .form-box .form-ctrl {
        height: 30px;
        font-size: 12px;
    }

    

    .table-reponsive>table th {
        font-size: 12px;
        padding: 10px;
    }

    .table-reponsive>table h6 {
        font-size: 10px;
    }

    .table-reponsive>table td {
        padding: 15px 10px;
        font-size: 12px;
    }

    .table-reponsive>table p {
        font-size: 12px;
    }

    .Tdownload-icon {
        margin-right: 5px;
    }
    .form-filter .form-ctrl {
        height: 40px;
    }
    .tab-content.p-4{padding: 20px !important;}
    
     /*=================== presccription-view ==================*/
    .profile-info h5 {font-size: 14px;}
    
     /*=================== Add Presccription ==================*/
    .qty-btn {width: 120px;}
    
     /*=================== Availability ==================*/
    .availability-header h4>img {width: 22px;height: 22px;}
    .availability-header h4 {font-size: 16px;}
    
     /*=================== Availability View Schedule ==================*/
    .availability-schedule-card .table-reponsive>table th, .availability-schedule-card .table-reponsive>table td.table-warning {
        font-size: 14px;font-weight: 600;}
    .slot-time .btn {padding: 6px 10px;font-size: 12px;}
    .table-reponsive>table td .btn>img {width: 14px;height: 14px;}
    
    /*=================== My profile ==================*/
    .rowOdd>div:nth-child(odd) {
        padding-right: 15px;
    }

    .rowOdd>div:nth-child(even) {
        padding-left: 15px;
    }

    .name_info .profile-pic {
        width: 100px;
        height: 100px;
    }

    .page-header h3 {
        font-size: 18px;
    }

    .profile-info p {
        font-size: 12px;
    }

    .form-box-dashboard .btn-sumbit.btn-lg {
        font-size: 14px;
        padding: 8px 12px;
    }

    /*=================== Edit profile ==================*/
    .name_info .upload-box {
        width: 125px;
        height: 125px;
    }


    .form-box .form-group .Upload-plus h6 {
        font-size: 10px;
    }

    .Upload-plus .upload-field .file-thumbnail {
       padding: 20px 5px;
    }

    .alert-photo {
        width: 85px;
    }

    .alert-photo h6,
    .form-box .form-group .alert-photo h6 {
        font-size: 8px;
        margin-bottom: 2px;
    }


    /*=================== contact-person-details ==================*/
    .form-box .form-group label.btn {
        padding: 8px 8px;
        font-size: 12px;
    }

    .number-code .city-code-ctrl {
        width: 130px;
    }

    /*=================== Profile Step ==================*/
    .profile-wizzy .wz-inner .title-overlay h3 { font-size: 26px;line-height: 30px;}
    .form-box .form-checked-radio label.btn-outline-primary {font-size: 10px;padding: 8px 12px 8px 28px;}
    
    /*=============== havingaquery ==================*/
    .title-header h3 {
        font-size: 19px;
    }

    .title-header .btn-link {
        font-size: 12px;
    }

    

    /*=============== contact  ==================*/
    .dashboard-boxx .fotr-media p {
        font-size: 14px;
    }

    .dashboard-boxx .fotr-media p a {
        display: inline-block;
    }


    /*=================== Thanks ==================*/
    .thankyou-img {
        width: 100px;
    }

    .inner-thanks h2 {
        font-size: 36px;
    }

    .inner-thanks h4 {
        font-size: 18px;
    }

    .inner-thanks {}




}

@media (max-width: 991px) {

    /*.navbar-expand-lg.bg-light {padding: 2px 0px 2px;}*/
    .navbar-brand {padding: 5px 10px 5px 20px;}

    .navbar-brand>img {}

    .navbar-light .navbar-toggler {
        padding: 8px 0px;
    }

    .navbar-expand-lg .navbar-nav .nav-item:first-child>.nav-link {}

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 7px 0px;
    }

    .mobile-nav {
        flex-direction: row;
    }

    .navbar-expand-lg .mobile-nav .nav-link.login {
        font-size: 13px;
        padding:10px 20px;
    }
.navbar-expand-lg .mobile-nav .provider-nav-item .nav-link {
    margin-right: 15px;
    padding: 10px 15px;
    font-size: 13px;
}
    .mobile-nav-search {
        flex-direction: row;
    }

    .mobile-nav-search {}

    .navbar-expand-lg .mobile-nav .dropdown-toggle::after {
        display: none;
    }

    .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-form {
        width: 240px;
    }

    .navbar-form .btn {
        padding: 4px 12px;
        height: 32px;
        font-size: 13px;
    }

    .navbar-form .form-control {
        font-size: 12px; height: 30px;
    }

    .navbar-form .select-location .form-icon {
        font-size: 13px;
        bottom: 7px;
    }

    .navbar-expand-lg .mobile-nav li {}

    .navbar-expand-lg .mobile-nav .mobile-nav-search {
        margin-right: 5px;
    }

    .navbar-expand-lg .download-app-nav {
        right: 55px;
        top: 0px;
    }

    .navbar-expand-lg .download-app-nav .nav-link img {
        width: 30px;
    }

    .navbar-expand-lg .download-app-nav .nav-link span {
        font-size: 9px;
    }

    .playicon {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px;
    }

    .navbar-expand-lg .mobile-nav .nav-link {
        padding: 3px 5px;
        font-size: 18px;
    }

    .navbar-expand-lg .navbar-nav .dropdown {
        position: relative;
    }
    .dashboardMain {padding: 15px;}
    .hdr-top{display: none;}
        .sidebar-header {
        padding: 10px;
        position: fixed;
        display: none;
            top: 85px;
    }
    .navigation {display: block;
    }
    /*---------- Video Chat ----------*/
    .videocall-pic { height: 75vh;}
     .video-call-doctor { right: 10px;
    bottom: 10px;
    width: 75px;
    height: 90px;padding: 3px;}
    .videocall-footer ul li a {
    width: 40px;
    height: 40px;
    padding: 10px;}
    .chat-card{display: none;position: fixed;
    width: 92%;
    margin-left: 0px;
    background-color: #fff;}
    .chat-btnfixed{display: block;}
   
    .rowOddBorder>div:nth-child(odd) {border-right: none;}

}

/*---------- MEDIA 480px ----------*/
@media (max-width: 767px) {
    .flex-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .login-white-box {
        padding: 10px;
    }

    .form-box .form-check,
    .table .form-check {
        margin-left: 0;
    }

    .form-box .title p {
        font-size: 14px;
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .navbar-expand-lg.bg-light {
        padding: 2px 0px 2px;
    }

    .hdr-top {
      display: none;
    }

    .hdr-top p {
        padding-top: 0px;
        font-size: 9px;
    }

    .hdr-top-cntrgt {
        justify-content: center;
    }

    .pding0 {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

    .navbar-default .navbar-brand {
        padding-left: 0px;
    }

    .txt-rgt {
        text-align: inherit;
    }

    .navbar-light .navbar-toggler {
        position: relative;
        top: 0px;
        left: 0px;
        color: #fff;
        border-color: #fff;
        background-color: #fff;
        padding: 9px 0px;
        margin-left: 20px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .hdr-top-cnt li {
        margin-right: 2px;
    }

    .hdr-top-cnt li a {
        font-size: 10px;
        padding: 0px 5px;
    }

    .navbar-brand>img {
        height: 50px;
    }

    .sticky .navbar-brand>img {
        height: 50px;
    }

    .navbar-brand {
        font-size: 16px;
        padding: 5px 10px 5px 10px
    }

    .navbar-nav>li>a {
        padding: 10px 10px;
        font-size: 14px;
    }

    .navbar-expand-lg .mobile-nav .nav-link span {
        font-size: 9px;display: none;
    }
    .navbar-expand-lg .mobile-nav .provider-nav-item .nav-link {
    margin-right: 10px;
    padding: 4px 10px;
}
.navbar-expand-lg .mobile-nav .provider-nav-item .nav-link>img {
    display: inline-block;
}
    .sticky .navbar-brand {
        padding: 6px 10px 7px 10px;
    }

    .navbar-nav>li.getintouch>a {
        margin: 0px 10px;
    }

    .navbar-right {
        margin-right: -15px;
    }

    .hdr-social-link li a {
        font-size: 14px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .navbar-nav>li.getintouch {
        text-align: center;
        margin-top: 0px;
        margin-bottom: 15px;
    }

    .navbar-nav>li.getintouch>.button-1 {
        width: 90%;
        margin: auto;
    }

    .navbar-expand-lg .mobile-nav .nav-link img {
        width: 14px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        display: block;
        margin-left: 0px;
        padding: 8px 5px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-toggle::after {
     
    }

    .navbar-expand-lg .mobile-nav .nav-link {
        padding: 4px 5px;
        font-size: 14px;
    }

    .navbar-form {
        margin-bottom: 10px;
        width: 100%;
        margin-left: 0px;
    }

    .dropdown-menu {
        min-width: 110px;
            padding: 10px;
    }

    .dropdown-menu li {
        margin-right: 0px;
    }

    .dropdown-menu li .dropdown-item {
        font-size: 11px;
        padding: 6px 10px;
    }

    .navbar-expand-lg .navbar-nav .nav-link.login {
        font-size: 12px;
        padding: 5px 10px;
        margin-right: 10px;
    }
   
    .navbar-expand-lg .download-app-nav {
        right: 105px;
        display: none;
    }

    .navbar-expand-lg .download-app-nav .nav-link img {
        width: 26px;
    }

    .navbar-expand-lg .download-app-nav .nav-link {
        padding: 0px;
    }

    .navbar-expand-lg .download-app-nav .nav-link span {
        font-size: 8px;
        font-weight: 600;
        color: #484545;
    }

    .navbar-expand-lg .mobile-nav .login-drop.dropdown .nav-link.login {
        margin-top: 0px;
    }
.header-after-login .dropdown-menu li .dropdown-item>img {
    width: 14px;
    height: 14px;}
    .mobile-nav {
        position: relative;
    }

    .mobile-nav-search {
        right: 0px;
        top: 0px;
        position: absolute;
    }

    .navbar-expand-lg .mobile-nav .nav-link img {
        margin-right: 4px;
        width:20px;
        height:20px;
    }
     .navbar-expand-lg .mobile-nav .nav-link img {width: 20px;height: 20px;}
    .navbar-expand-lg .navbar-nav .nav-link.login>span{display: none;}
    .select-location {
        display: none;
    }

    .navbar-light .navbar-nav .notification-nav-item {
        margin-right: 15px;
    }

    .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-lg .mobile-nav .mobile-nav-search {
        position: initial;
    }

    /**Mobile search start***/

    li.mobilesrch {
        width: auto !important;
    }

    .search-form-wrapper {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        padding: 20px 15px;
        margin-top: 50px;
        background: url(../images/bg_search-open.png) right center no-repeat #f89d1c;
    }

    .search-form-wrapper.open {
        display: block;
    }

    .navbar-form .form-control.searchbox-input {
        padding: 0px 20px 0px 12px;
        font-size: 12px;
        height: 32px;
        width: 100%;
    }

    .navbar-form .btn {
        right: 3px;
        height: 26px;
        top: 3px;
        font-size: 11px;
    }

    .searchbox {
        display: flex;
        position: relative;
        min-width: 0;
        width: 0%;
        padding: 0;
        margin: 0;
        position: fixed;
        right: 0px;
        top: 80px;
        overflow: hidden;
        z-index: 1021;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -ms-transition: width 0.3s;
        -o-transition: width 0.3s;
        transition: width 0.3s;
    }

    .searchbox-open {
        width: 100%;
    }

    .mobilesrch {
        top: 0px;
        display: block;
        position: relative;
    }

    .searchbox-icon img {
        width: 15px;
        margin-top: 0px;
        margin-left: 0;
        cursor: pointer;
    }

    .sticky .searchbox {
        top: 50px;
    }

    /**Mobile search close***/

    .cart-drop {
        padding: 10px;
        min-width: 230px;
    }

    .group-btns a.btn {
        font-size: 11px;
    }

    .navbar-form .form-group .form-icon {
        bottom: 5px;
    }

    .navbar-form .select-location {
        width: 80%;
    }

    .navbar-form .select-location .form-control {
        padding-left: 25px;
    }

    .navbar-form .select-location .form-icon {
        font-size: 11px;
        bottom: 8px;
    }
.navbar-form .btn.btn-left {
    left: 2px;
    padding: 0px;
}
    .navbar-expand-lg .navbar-nav .nav-link.signup i,
    .navbar-expand-lg .navbar-nav .nav-link.login i {
        display: block;
    }

    .navbar-login .navbar-brand {
        margin: auto;
    }

    .slider-main {
        height: 195px;
    }

    .dropdown-menu:before {
        top: 50px;
        right: 47%;
        display: none;
    }

    .pding-rgt0 {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

    .pding-lft5 {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .pding-rgt5 {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

    .wrap {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .wrap-top0 {
        padding-top: 0px;
    }

    .title {
        margin-bottom: 15px;
    }

    .title h1 {
        font-size: 24px;
    }

    .title h2 {
        font-size: 30px;
    }

    .title h3 {
        font-size: 22px;
    }

    .title h4 {
        font-size: 18px;
    }

    .slide-heading .title h3 {
        font-size: 20px;
    }

    .title-logo {
        margin-bottom: 15px;
    }

    .title-logo img {
        width: 80px;
    }

    footer {
        padding-top: 30px;
    }

    footer:after {
        left: 5px;
        width: 65px;
        height: 70px;
    }

    .fotr-logo {
        width: 100px;
    }

    footer p {
        font-size: 12px;
        line-height: 20px;
    }

    footer h3 {
        margin-bottom: 15px;
        font-size: 16px;
    }

    footer h4 {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .fotr-Subscribe h3 {
        font-size: 16px;
    }

    footer h3:before {
        left: 45%;
    }

    .payment-icon {
        justify-content: center;
    }

    .payment-icon li a {
        width: 30px;
    }

    .fotr-menu li {
        margin-bottom: 5px;
        list-style: none;
    }

    .fotr-menu li a {
        font-size: 12px;
    }

    .fotr-abt-cnt {
        margin-right: 0px;
    }

    .fotr-media p a {
        padding-right: 0px;
        display: block;
        margin-bottom: 5px;
    }

    .fotr-media {}

    .fotr-media .media-body,
    .fotr-media .media-left,
    .fotr-media .media-right {}

    .fotr-media .media-body {
        width: 100%;
    }

    .fotr-media .media-left p {
        margin-bottom: 0px;
    }

    .foter-search .navbar-form .form-control {
        height: 36px;
        font-size: 13px;
    }

    .foter-search .navbar-form .btn {
        padding: 5px 15px;
        height: 36px;
        font-size: 12px;
    }

    .services-box {
        padding: 15px;
        margin: 0px 0px 20px;
    }

    .srvs-item .media .media-left {
        padding-right: 0px;
    }

    .srvs-icon {
        width: 22px;
    }

    .srvs-item h5 {
        font-size: 10px;
    }

    .srvs-item p {
        font-size: 9px;
        line-height: 10px;
    }

    .cpyrgt-wrap {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 0px;
    }

    .cpyrgt-wrap p {
        margin-bottom: 0px;
        font-size: 11px;
    }

    .fotr-menu {
        padding-left: 0px;
    }

    .cpyrgt-wrap p span.space {
        margin-left: 0px;
        margin-right: 0px;
    }






    /*================== inner pages ================*/
    .inr-wrap {
        padding: 10px 0px 10px;
    }

    .img-mons {
        margin-bottom: 20px;
        height: 70px;
    }

    .img-mons1 {
        margin-top: 0px;
        height: 160px;
    }

    .img-mons2 {
        width: 100%;
    }

    .img-mons3 {
        width: 100%;
        margin-top: 0px;
    }

    .about-dec h3 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .brdcrm {
        margin-left: 0px;
    }

    .inr-wrap-banner {
        padding: 0px;
    }

    .inr-container-overlay {
        padding: 10px 0px;
    }

    .inr-wrap-banner>img {
        height: 90px;
    }

    .inr-title h3 {
        font-size: 20px;
    }

    .breadcrumb-heading h4 {
        font-size: 18px;
    }

    .brdcrm>li {
        font-size: 11px;
    }



    /******************Table css**********************/
    .theader {
        display: none;
    }

    .table_row {
        border-bottom: solid 1px #eaedef;
        display: table;
        width: 100%;
        border-collapse: separate;
        padding-bottom: 20px;
    }

    .table_small {
        display: table-row;
        border: solid 1px #333;
    }

    .table_row>.table_small>.table_cell:nth-child(odd) {
        display: table-cell;
        width: 33%;
        padding: 5px;
        font-weight: 500;
    }

    .table_row>.table_small>.table_cell {
        vertical-align: middle;
        font-size: 12px;
        padding: 5px;
    }

    .table_row:last-child {
        border-bottom: none;
    }

    .table_row>.table_small>.table_cell h6 {
        font-size: 13px;
    }


    /*================== login ================*/
    .pding-lft0 {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .login-header .navbar-brand {
        left: 10px;
    }
.login-tab>li {
    margin: 5px;
}
    
    .login-tab .nav-link {
        padding: 7px 10px;
        font-size: 12px;
    }
.login-tab .nav-link>img {
    width: 55px;
    height: 55px;}
    .navbar-login .navbar-nav .nav-link {
        margin-bottom: 0px;
    }

    .navbar-light .back-navbar-text {
        margin: auto;
    }

    .navbar-light .back-navbar-text a {
        padding: 5px 25px;
        font-size: 12px;
    }

    .form-box .title h3{
        font-size: 28px;
    }

    .form-box-login {
        margin: 15px 0;
    }

    .form-box-login .title h4 {
        font-size: 26px;
    }

    .form-box .login-white-box {
        padding: 25px !important;
    }

    .login-img {
        margin: 0px auto 20px;
        width: 60px;
    }

    .form-box .forgot-txt p {
    }

    .form-box .forgot-txt p a {
        font-weight: 500;
    }

    .form_icon,
    .form-icon {
        bottom: 8px;
        font-size: 16px;
    }

    .form_icon {
        right: 8px;
    }

    .form-box .form-group label {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .otp-box .title h4 {
        font-size: 14px;
    }

    .otp-box .title p {
        font-size: 12px;
    }

    .otp-box .form-group .form-ctrl {
        margin-left: 3px;
        margin-right: 3px;
        height: 40px;
        width: 40px;
        font-size: 18px;
    }

    .form-box .btn-sumbit{
        padding: 8px 15px;
        font-size: 13px;
    }
    .form-box .btn>img, .form-box a.btn img {
        width: 15px;
        height: 15px;}
    .btn-width {
        margin: 10px auto;
        width: 150px;
    }

    .btn-width>.btn {
        font-size: 12px;
        padding: 6px 15px;
    }


    .signp-with-social {
        width: 95%;
    }

    .signp-with-social a span {
        font-size: 14px;
        padding: 8px 20px;
        width: 65px;
    }

    .signp-with-social a {
        height: 35px;
        line-height: 22px;
        padding: 7px 15px;
        font-weight: 500;
        font-size: 11px;
    }

    .signp-with-social a i {}

    .signp-with-social a i {}

    .form-box .skip-btn {
        font-size: 12px;
        padding: 10px 10px;
    }

    .form-box .form-group .label-trms {
        font-size: 14px;
    }

    .form-group-btn .btn {
        width: 40%;
        height: 35px;
        padding: 6px 10px;
    }
.login-wrap {
    padding: 30px 0px 130px;
    background: none;
    background-color: #4C004C;
}
    .login-wrap:before{display: none;}
    .wlcome-loging-logo {
    margin-bottom: 3rem;
}
    .wlcome-loging-logo img {
    margin: 0px auto;
    display: block;
}
    .wlcome-login {position: relative;display: none;
        margin-bottom: 30px;padding-right: 0px;
    }

.login-mid-img>img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}
    .offcanvas .form-box .title h3 {
    line-height: 28px;
    font-size: 28px;
}
    .form-box .form-check.form-check-inline.me-5 {
    margin-right: 1.5rem !important;
}
    .testimonialBox {
        padding: 15px;
    }

    .form-box-width {
        width: 100%;
    }

    .haveAccountText p {
        font-size: 14px;
    }

    .forgettext a {
        font-size: 13px;
    }
    .warning-tabs .nav-link {
    font-size: 12px;
        padding: 6px 10px;}
/*======= Test details ======*/
   .arrows_expand .btn>img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}
    .test-card-body h3 {
        font-size: 20px;}
    .form-box .form-group h3 {
    font-size: 20px;
}

.question-box .form-group p.large {
    font-size: 15px;
}
    .question-box .form-check .form-check-label {
    font-size: 16px;
}
        .test-card-body .btn {
        font-size: 14px;
        padding: 7px 10px;
    }
    .test-timing {
    padding: 5px;
}
    /*====== Step registion ========*/
.wz-wrapper .wz-inner .title h3 {
    font-size: 22px;}
    .wz-wrapper .wz-inner .wz-body .wz-step p {
        font-size: 13px;
    }
    .wz-wrapper .wz-inner .wz-header {margin-bottom: 0px;}
    .wz-wrapper .wz-inner .wz-header nav a { font-size: 11px;}
    .wz-wrapper .wz-inner .wz-header nav a span em { width: 30px;
        height: 30px;line-height: 30px;
        font-size: 14px;}
        .ulfive-row>li { width: 33.333%;}
    .form-group-captcha { padding: 5px 10px;}
    .form-box .form-group-captcha .form-group>label {
    width: 70px;font-size: 10px;}
    .form-box .form-group-captcha .form-ctrl {
        width: 110px;}
    /*=============== Thanks ================*/
    .thanksBox h3 {
        font-size: 28px;
    }

    /*=============== doctor Dashboard ================*/
    .navbar-brand span {
        font-size: 18px;
    }

    .navbar-light .navbar-nav .notification-nav-item .nav-link {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .navbar-expand-lg .mobile-nav .login-drop.dropdown .nav-link.login {
        padding: 3px 12px;
    }
    .sidebar-header {
        width: 190px;
        padding: 10px;
        position: fixed;
       display: none;
        top: 78px;
    }

    .navigation {
        left: 8px;
        top: 15px;
        display: block;
    }

    .navigation>img {
        width: 14px;
        height: 14px;
    }

    .sidebar-brand {
        margin-bottom: 25px;
    }

    .sidebar-brand>a>img {
        width: 50px;
        margin: 5px auto;
    }
    .nav-menu {
        padding-left: 12px;
    }

    .nav-menu li {
        margin-bottom: 8px;
    }

    .nav-menu li a {
        font-size: 13px;
        padding: 5px 5px 5px 30px;
    }

    .nav-menu li a>img {
        width: 12px;
        height: 12px;
        left: 10px;
        top: 7px;
    }

    .nav-menu li a span {
        display: block;
    }

    .nav-menu li a em {
        top: 7px;
    }

    .side-sub-menu li a {
        font-size: 11px;
        padding: 5px 5px;
    }
    .header-after-login .navbar-expand-lg .mobile-nav .nav-link.login {
    padding: 3px 10px 3px 3px  !important;}
    .form-box.form-switch-lg{margin-bottom: 20px;}
.form-switch-lg .form-switch-right label.form-check-label span {
    font-size: 20px;}
    .chart-card .card-header .form-box .form-ctrl {
        height: 34px;
    }

    .dashboard-title.d-flex {
        display: block !important;
    }

    
    .media-dashboard {
        padding: 10px;
    }
    .media-dashboard h4 {
    font-size: 17px;
}
    .grouptwobtns>a.btn {
        font-size: 12px;}

  /*=================== appointment ==================*/
    .tabs-nav .nav-link { font-size: 13px;padding: 8px 5px;}
    .tabs-nav-border .nav .nav-link {font-size: 14px;padding: 10px 20px;}
    .days-box {padding: 8px; font-size: 14px;}
    .days-box span { font-size: 18px;}
    
  /*=================== add-presccription==================*/
    .qty-btn {width: 120px;}
  .back-page>h3>a.back-arrow>img {
    width: 16px;
    height: 16px;
    margin-right: 5px;}
   .white-well {padding: 15px;}
    /*===================  presccription-view ==================*/
    .profile-info.mb-1 {
    margin-bottom: 15px!important;}
  .profile-info h5 { font-size: 14px;}
    .Price-Details .list-group-item .btn-white {padding: 6px 10px;}
    .list-tabs h4 {font-size: 17px;}
    .summary h4 {font-size: 17px;}
    .Price-Details .list-group-item {font-size: 13px;}
    .grouptwobtns>a.btn-sm { font-size: 11px;}
    /*=================== Availability ==================*/
    .availability-header h4 {font-size: 16px;}
    .availability-header h4>img {width: 20px;height: 20px;}
    
    /*=================== Availability View Schedule ==================*/
    .availability-schedule-card .table-reponsive>table th, .availability-schedule-card .table-reponsive>table td.table-warning {
        font-size: 14px;font-weight: 600;}
    .slot-time .btn {padding: 6px 10px;font-size: 12px;}
    /*=================== Edit Availability ==================*/
    .availability-schedule-card .form-group h5 {font-size: 14px;}
    .availability-schedule-card .form-box .form-group label.form-check-label.me-3 {
    font-size: 13px;margin-right: 5px !important;}
    .form-box .form-switch-right .form-check-input {width: 36px;}
    
     /*=================== Sub Admin ==================*/
    .SubAdmin-form-box .name_info .upload-box {width: 150px;height: 150px;}
    
    /*=================== Profile Step ==================*/
    .profile-wizzy .wz-inner .title-overlay h3 { font-size: 26px;line-height: 30px;}
    .AddressKYC-box {padding: 10px 15px;}
    .AddressKYC-box h4 {font-size: 16px;}
    .AddressKYC-box h3 {font-size: 18px;}
    .form-checked-radio .form-checked-btn {margin-right: 6px;}
    .form-box .form-checked-radio label.btn-outline-primary {font-size: 10px;padding: 8px 14px 8px 28px;}
    .profile-wizzy .login-white-box.p-5 {padding: 1rem!important;}
    .profile-wizzy .login-white-box .patient-media .btn {font-size: 11px;    padding: 10px 7px;}
    .wz-wrapper .wz-inner .wz-navigator .btn {padding: 12px 24px;}
    
    /*=================== Thanks ==================*/
    .inner-thanks {
        padding: 20px;
        width: 100%;
    }

    .thankyou-img {
        width: 80px;
    }

    .inner-thanks h3 {
        font-size: 20px;
    }

    .border-box h4 {
        font-size: 16px;
    }

    .thanksgray-box {
        padding: 20px;
    }

    .thanksgray-box h4 {
        font-size: 16px;
    }

    .thanksgray-box .list-group-item {
        font-size: 13px;
    }

    .thanksgray-box .list-group-item .badge {
        font-size: 12px;
    }

}


@media (max-width: 480px) {
    /*======= Popup ======*/
    .modal-smm {width: auto;}
    .offcanvas-top-smm {width: 100%;}
    
    /*=================== appointment ==================*/
    .table-responsive .tabs-nav {width: 475px;}
    .tabs-nav-border .nav .nav-link {    font-size: 13px; padding: 10px 15px;}
    .form-filter .form-group.mt-20{margin-top: 0px;}
    /*=================== Profile ==================*/
    .profile-item .ps-0 {padding-left: 12px!important;}
}

@media (max-width: 320px) {}