ul.login-signup.mob {

    display: none;

}
/* Custom CSS for sliding menu */
.account-nav.mobile_screen {
    display: none;
}

.search-calendar {

    background: #F5FAFE;

    padding: 80px 0px;

}

.search-calendar-inner {

    background: #fff;

    border-radius: 15px;

    padding: 50px 25px;

    box-shadow: 0px 0px 9px #f2f2f2;

    position: relative;

}

.search-calendar-inner:before {

    content: "";

    position: absolute;

    background-image: url(../images/Appoinment-Booking.png);

    background-repeat: no-repeat;

    background-size: cover;

    height: 700px;

    width: 320px;

    left: -160px;

    bottom: -15px;

}

.search-calendar-new:before{

    display: none;

}

.search-calendar-inner.search-calendar-new {

    background: no-repeat;

    padding: 0;

    box-shadow: none;

}

.doctor-detail-col {

/*    position: -webkit-sticky;

    position: sticky;

    top: 7.5rem;*/

    background: #fff;

    padding: 30px 20px;

    border-radius: 0.8125rem;

}

.month-left ul.all-loct {

    display: flex;

    list-style: none;

    padding: 0px;

    margin-bottom: 5px;

}

.month-left ul.all-loct li.seprate {

    margin: 0 5px;

}

.month-left ul.all-loct li {

    text-transform: uppercase;

    font-weight: 500;

}

.month-left ul.all-loct li a {

    color: black;

    font-weight: 500;

}

.month-left {

    padding-right: 30px;

}

.things-inner .thing-content p {

    margin-bottom: 0px;

    font-size: 12px;

}

.month-left h3 {
    color: #161C2D;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 10px;
}

.month-left p {

    font-size: 14px;

    margin-bottom: 10px;

}

.month-left img {

    width: 100%;

    border-radius: 10px;

}

.location-time ul {

    list-style: none;

    padding: 0;

}

.location-time ul li span.icon {

    background: #01e08f;

    border-radius: 100%;

    height: 25px;

    width: 25px;

    text-align: center;

    margin-right: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

}
.location-time ul li span.icon:hover {

    background: #03c981 !important;


}

.seprator {

    margin: 20px 0 20px 0px;

}

.thing-content p a {

    font-weight: 400;

    color: #01e08f;

    text-decoration: underline;

    font-size: 14px;

}

.thing-content p a:hover{

    color: #0f2557;

}

.thing-img img {

    width: auto;

}

.thing-content h3 {

    margin-bottom: 7px;

    font-size: 18px;

    margin-top: 5px;

}

.things-slider .slick-slide {

    padding-top: 0px;

    padding-bottom: 0px;

    opacity: 1;

}

.things-slider ul.slick-dots li button {

    background: #cccccc;

    font-size: 0px;

    border-radius: 3px;

    padding: 0px;

    width: 15px;

    height: 15px;

}

.things-slider ul.slick-dots li {

    margin: 0px;

}

.things-slider ul.slick-dots li.slick-active button {

    background: #01e08f;

}

.things-slider ul.slick-dots li button:before {

display: none;

}

.things_know h2 {

    color: #161C2D !important;

    margin-bottom: 20px !important;

    font-size: 25px !important;

}

.things-inner {

    align-items: center;

    background-color: #fff;

    border-radius: 0.8125rem;

    display: flex;

    flex-direction: row;

    gap: 1.25rem;

    margin: 0 auto 2.1875rem;

    padding: 0px;

}

.things-inner .thing-content {

    padding: 15px;

}
.things-inner .thing-img img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 0px;
    border-radius: 6px 6px 0px 0px;
}

.things-inner .thing-content span {
    
    color: #0f2557;


    font-size: 12px;
}

.location-time ul li span.icon i {

    color: #fff;

    font-size: 13px;

}

.location-time {
    margin-top: 30px;
/*    background: #fff;*/
    padding: 20px 0px;
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
    border-radius: 5px;
    margin-bottom: 30px;
}
li.seprate.business-detail-name {
    margin-left: 0 !important;
    color: #333;
}
.location-time ul li {

    text-align: left;

    color: #000000;

    font-size: 14px;

    display: flex;

    margin-bottom: 8px;

    align-items: flex-start;

}

.location-time ul li a {

    text-align: left;

    display: flex;

    text-decoration: underline;

    color: #0f2557;

    font-size: 14px;

    font-weight: 400;

}
.doctor-card .info .details .name {
    margin-bottom: 8px;
}
.profile {
    padding: 10px 20px;
}
.search-calendar-inner .profile {
    margin: 30px auto;
} 
.month-left .profile {
    padding-bottom: 10px;
}
.month-left .service ul li {

    width: 50%;

    padding-bottom: 8px;

    position: relative;

    padding-left: 20px;

}
#private_information .form-group label {
    /* font-weight: bold; */
    display: block;
    margin-bottom: 5px !important;
    color: #999;
}
.month-left .service ul li a{

    color: #000000;

    font-weight: 400;

    font-size: 14px;

}

.month-left .service ul li:before {

    content: "";

    position: absolute;

    width: 8px;

    height: 8px;

    background: #0f2557;

    left: 0;

    border-radius: 50%;

    top: 7px;

}

.month-left .service ul {

    padding: 0px;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 20px;

}

.month-left .service button {
    font-weight: 500;
    display: inline-block;
    border: none;
    background: #01e08f;
    color: #fff !important;
    padding: 10px 20px !important;
    font-size: 14px;
    border-radius: 3px;
}
.month-left .service button:hover {
    background:#03c981 !important
}
.Join-btn a {
    position: relative;
    transition: 0.2s;
    border-radius: 3px;
    width: 100%;
    border: 1px solid #0f2557;
    color: #0f2557;
    font-weight: 400;
    letter-spacing: 0.2px;
    font-size: 13px;
    text-align: center;
    padding: 5px 39px;
    margin-right: 5px;
    display: inline-block;
}
.Join-btn a:hover {
	color:#fff;
    background-color:#0f2557;
}
.Join-btn ul li.active a{
    color: #ffffff;
    background:#0f2557;
}
.Join-btn ul {
    margin: 0px;
    display: flex;
    /* justify-content: space-between; */
    text-align: center;
    margin-top: 30px;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.Join-btn li {
    width: auto;
}
.est-wait-time span.waitTimeSpan {
    color: #01e08f;
    font-weight: bold;
    font-size: 21px;
}
h3.text-center.est-wait-time {
    margin: 26px 0px;
    margin-bottom: 0;
}
.xdsoft_datetimepicker.xdsoft_inline {
    margin: 0 auto !important;
    justify-content: center !important;
    display: flex !important;
    background: #eee !important;
}
.Join-btn {
    margin-bottom: 30px;
}

.month-left .service h2 {
    color: #161C2D !important;
    margin-bottom: 20px !important;
    font-size: 20px;
}


.location-time ul li ul {

    display: flex;

    flex-wrap: wrap;

}

.location-time ul li ul li {

    width: 40%;

    margin-bottom: 10px;

}

.location-time  ul.star-rating {

    display: flex;

    flex-wrap: inherit;

    margin-right: 10px;

    margin-left: 0px;

    top: 4px;

    position: relative;

}

.location-time ul.star-rating li {

    margin-bottom: 0px;

    margin-right: 8px;

}

.location-time ul.star-rating li a {

    text-decoration: none;



}

.location-time ul.star-rating li a i {

    font-size: 15px;

    color: #989da1;

}

.location-time ul.star-rating li a:hover i{

    color: #ffb466;

}

.location-time ul.star-rating li a i.checked {

    color: #ffb466;

}

.month-left h2 {
    color: #0f2557;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: capitalize;
    letter-spacing: 0px;
}
.things-slider .slick-slide {
    margin-left: 0;
    margin-right: 28px;
}
.slick-slide:nth-child(3) {
    margin-right: 0;
}
.doctor-detail .calendar {

    display: grid;

    grid-template-columns: repeat(7, 1fr);

    margin-bottom: 30px;

}

.doctor-detail .day.day-head {

    color: white;

    background: #0f2557;

}

.doctor-detail .day.head-week {

    background: #01e08f;

    color: #fff;

}

.doctor-detail .day {

    border: 1px solid #ccc;

    padding: 5px;

    text-align: center;

}


.radio_fields {

    margin: 0;

    display: flex;

    width: 100%;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 30px;

    margin-bottom: 10px;

}

.radio_fields .radio_btn {

    display: inline-block;

    margin-right: 0px;

    position: relative;

    text-align: center;

    width: 24%;

    margin-bottom: 10px;

}

.doctor-detail h3 {

    font-size: 20px;

    font-weight: 400;

}

.doctor-detail p {


    color: #70757A;

    font-weight: 400;

}

.doctor-detail .sort-dropdown {

    margin-bottom: 22px;

    margin-top: 22px;

}

.radio_fields .radio_btn input {

    position: absolute;

    opacity: 0;

    z-index: 99;

    height: 34px;

    width: 100%;

    cursor: pointer;

}

.radio_fields .radio_btn label {

    position: relative;

    text-align: left;

    cursor: pointer;

    transition: 0.2s;

    border-radius: 3px;

    width: 100%;

    border: 1px solid #CCCCCC;

    color: #000;

    font-weight: 400;

    line-height: 32px;

    letter-spacing: 0.2px;

    font-size: 14px;

    text-align: center;

}
section.search-calendar.visit-slot .step-indicators i {
    margin-right: 5px;
}
.radio_fields .radio_btn input:checked+label {

    transition: 0.2s;

    border-radius: 3px;

    width: 100%;

    border: 1px solid #01e08f;

    color: #fff;

    font-weight: 400;

    line-height: 32px;

    letter-spacing: 0.2px;

    font-size: 16px;

    text-align: center;

    background: #01e08f;

}

.cancel-cnfrm-btn button.cancel {

    margin-right: 10px;

}

/*calender*/

/*calender*/

.day-box-content ul {

    display: flex;

    padding: 0px;

    list-style: none;

    flex-wrap: wrap;

    margin-top: 30px;

    height: 200px;

    overflow-y: scroll;

}

.day-box-content ul li {

    position: relative;

    width: 50%;

    padding-right: 5px;

    margin-bottom: 10px;

}

.day-box-content ul li  label {

    position: relative;

    text-align: left;

    cursor: pointer;

    transition: 0.2s;

    border-radius: 6px;

    width: 100%;

    border: 1px solid #CCCCCC;

    color: #000;

    font-weight: 500;

    line-height: 32px;

    letter-spacing: 0.2px;

    font-size: 15px;

    text-align: center;

    padding: 4px 20px;

}

.day-box-content ul li  input:checked+label {

    transition: 0.2s;

    border-radius: 6px;

    width: 100%;

    border: 1px solid #00CAEA;

    color: #fff;

    font-weight: 500;

    line-height: 32px;

    letter-spacing: 0.2px;

    font-size: 15px;

    text-align: center;

    background: #00CAEA;

    padding: 4px 20px;

}

.day-box-content ul li  input {

    position: absolute;

    opacity: 0;

    z-index: 99;

    height: 34px;

    width: 100%;

    cursor: pointer;

}

.today_available {

    background: #f5fafe !important;

    padding: 80px 0px 0px;

}

.today_available h2 {

    text-align: center;

    color: #161c2d;

    font-size: 36px;

    font-weight: bold;

    margin-bottom: 30px;

}

.day-box-img img {

    width: 100%;

    border-radius: 16px 10px 0px 0px;

    height: 200px;

    object-fit: cover;

}

.same-day-inner {

    background: #fff;

    border: 1px solid #E3E8F4;

    border-radius: 16px;

    background-image: url(../images/find-bg-img.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: right top;

    position: relative;

    transition: 0.5s;

    top: 0;

    min-height: 450px;

    margin-bottom: 30px;

}

.same-day-inner h3 a {

    color: #000052;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 0px;

    text-decoration: underline;

}

.same-day-inner h3 a:hover{

     color: #f6540b;

}

.day-box-content {

    padding: 20px;

}



.day-box-content a {

    color: #00caea;

    font-weight: 600;

    font-size: 16px;

}

.day-box-content address {

    color: #000000;

    font-weight: 300;

    font-size: 16px;

    margin-bottom: 5px;

}



.same-day-inner h3 {

    margin-bottom: 10px;

}

.same-day-box {

    padding: 50px 0px;

    background: #f5fafe;

}

.today_available .sort-dropdown {

    text-align: end;

}

.today_available .sort-dropdown select {

    border: 1px solid #CCCCCC;

    display: inline-block;

    border-radius: 6px;

    padding: 10px 20px;

    font-size: 14px;

    font-weight: 400;

    color: #70757A;

    font-family: 'Avenir LT Std' !important;

    width: auto;

    letter-spacing: 0.2px;

    position: relative;



    background: #fff;

    width: 250px;

}



.today_available .sort-dropdown select:after {

    content: "";

    background-image: url(../images/arrow-down.svg);

    background-position: right center;

    background-repeat: no-repeat;

    top: 50%;

    right: 20px;

    transform: translateY(-50%);

    position: absolute;

    height: 30px;

    width: 30px;

}



.today_available .sort-dropdown select:focus-visible{

    outline: none;

}

.today_available .zipcode input {

    border: 1px solid #CCCCCC;

    display: inline-block;

    border-radius: 6px;

    padding: 10px 20px;

    font-size: 14px;

    font-weight: 400;

    color: #70757A;

    /* font-family: 'Avenir LT Std' !important; */

    width: auto;

    letter-spacing: 0.2px;

    position: relative;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background: #fff;

    width: 250px;

}



.today_available .zipcode input:focus-visible{

    outline: none;

}

.cancel-cnfrm-btn button {
    text-align: center;
    background: #0f2557;
    border: 1px solid #0f2557 !important;
    color: #ffffff !important;
    padding: 10px 18px !important;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 500;
}
.cancel-cnfrm-btn button:hover {
  background:#0f2557d6;

}



.cancel-cnfrm-btn {

    text-align: center;

    margin-top: 30px;

}

.hospital-table tr.close button {

    background: #f6540a;

    color: #fff;

}



.hospital-table tbody tr td {

    padding: 40px 0px;

}



.hospital-table tbody tr {

    border-bottom: 1px solid #e6e6e6;

}



.hospital-table tbody tr:last-child {

    border-bottom: none;

}



.search-field {

    text-align: center;

}



.search-field form {

    width: 800px;

    margin: 0 auto;

    position: relative;

}



.search-field form input {

    width: 100%;

    border: 1px solid #CCCCCC;

    border-radius: 80px;

    padding: 12px 30px;

    color: #000000;

     font-family: 'Avenir LT Std' !important;

    font-weight: 500;

    font-size: 20px;

}



.search-field form button {

    border: none;

    background: transparent;

    position: absolute;

    right: 20px;

    top: 18px;

}



.search-field form button i {

    font-size: 22px;

    color: #333333;

}



.search-field form input:focus-visible {

    outline: none;

}



.search-field form input::placeholder {

    color: #000;

}



.search-filter ul {

    display: flex;

    margin: 0px;

    padding: 0px;

    list-style: none;

    justify-content: center;

    margin-top: 50px;

    margin-bottom: 40px;

}



.hospital-details.close button {

    background: #f6540a;

    color: #fff;

}



.search-filter ul li a {

    border: 1px solid #CCCCCC;

    background: #F3F3F3;

    display: inline-block;

    border-radius: 60px;

    padding: 10px 25px;

    font-size: 14px;

    font-weight: 400;

    color: #333333;

     font-family: 'Avenir LT Std' !important;

}



.search-filter ul li {

    margin: 0 10px;

}



.search-filter ul li select {

    border: 1px solid #CCCCCC;

    background: #F3F3F3;

    display: inline-block;

    border-radius: 60px;

    padding: 10px 25px;

    font-size: 14px;

    font-weight: 400;

    color: #333333;

     font-family: 'Avenir LT Std' !important;

}



.search-filter ul li select:focus-visible {

    outline: none;

}



.search-filter ul li.active a {

    background: #E7F0EF;

    border: 1px solid #B6DAD6;

}



.search-filter ul li a:hover {

    background: #E7F0EF;

    border: 1px solid #B6DAD6;

}



.hospital-details-inner {

    align-items: center;

}



.hospital-details {

    border-bottom: 1px solid #e6e6e6;

    padding: 50px 0px;

}



.search-banner img {

    width: 100%;

}



.hospital-info h3 {

    font-size: 20px;

    color: #000000;

    letter-spacing: 0.1px;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 12px;

}



.hospital-info p {

    font-size: 14px;

    color: #70757A;

    letter-spacing: 0.1px;

    font-weight: 600;

    text-transform: capitalize;

    margin-bottom: 0px;

}



.hospital-details-inner button {

    border: 1px solid #629c9061;

    background: #E1EEFF;

    display: inline-block;

    border-radius: 60px;

    padding: 10px 25px;

    font-size: 14px;

    font-weight: 600;

    color: #000;

     font-family: 'Avenir LT Std' !important;

}



.hospital-details-inner button:hover {

    border: 1px solid #00caea;

    background: #00CAEA;

    color: #fff;

}



.hospital-details-inner .mile span {

    color: #70757A;

    font-weight: 600;

    font-size: 14px;

    letter-spacing: 0.1px;

    margin-left: 10px;

}



.hospital-details-inner .mile i {

    color: #70757A;

    font-size: 17px;

}



.hospital-details-inner .timing span.min {

    display: block;

    font-size: 20px;

    color: #000000;

    letter-spacing: 0.1px;

    font-weight: 400;

}



.hospital-details-inner .timing label {

    font-size: 14px;

    color: #70757A;

    letter-spacing: 0.1px;

    font-weight: 600;

}



.home-search {

    background: #F5FAFE;

    padding: 50px 0px 90px;

}



.search-head {

    text-align: center;

}



.search-head h2 {

    color: #161C2D;

    font-size: 32px;

    font-weight: bold;

    margin-bottom: 20px;

}



.search-head p {

    font-size: 20px;

    color: #70757A;

    font-weight: 300;

    line-height: 32px;

    letter-spacing: 0.2px;

}



.form-detail form {

    background: #fff;

    border-radius: 15px;

    padding: 40px 25px;

    box-shadow: 0px 0px 9px #f2f2f2;

    display: flex;

    flex-wrap: wrap;

}



.form-detail form .full-form {

    width: 100%;

    padding: 0 10px;

    margin-bottom: 25px;

}



.form-detail form .half-form {

    width: 50%;

    padding: 0 10px;

    margin-bottom: 25px;

}



.form-detail form input {

    border-radius: 60px;

    padding: 13px 30px;

    width: 100%;

    border: 1px solid #CCCCCC;

    font-size: 20px;

    color: #000;

    font-weight: 400;

    line-height: 32px;

    letter-spacing: 0.2px;

}



.form-detail form input:focus-visible {

    outline: none;

}



.form-detail form .full-form-btn {

    padding: 0 10px;

    width: 100%;

}



.form-detail form .full-form-btn button {

    width: 100%;

    border-radius: 60px;

    border: none;

    padding: 13px 20px;

    font-size: 24px;

    font-weight: 600;

    color: #ffffff;

    text-transform: capitalize;

    background: #F6540A;

    margin-top: 35px;

}



.form-detail {

    margin-top: 30px;

}



.form-detail form .full-form-btn button:hover {

    background: #00caea;

    color: #fff;

}



.doctor-detail .sort-dropdown select {

    border: 1px solid #CCCCCC;

    display: inline-block;

    border-radius: 60px;

    padding: 10px 15px;

    font-size: 14px;

    font-weight: 400;

    color: #70757A;

     font-family: 'Avenir LT Std' !important;

    width: 100%;

    letter-spacing: 0.2px;

     position: relative;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background: #fff;

}

.doctor-detail .sort-dropdown select:focus-visible {

    outline: none;

}

.doctor-detail .sort-dropdown select:before{

    content: "";

    background-image: url(../images/down-arrow.svg);

    background-position: right center;

    background-repeat: no-repeat;

    right: 20px;

    position: absolute;

    height: 30px;

    width: 30px;

}

.doctor-detail h4 {

    font-size: 20px;
    line-height: normal;
    font-weight: 400;

}

.doctor-detail h5 {

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 10px;

}

.doctor-detail span {
    font-size: 14px;
    color: #0f2557;
    font-weight: 400;
}

.tab-btn ul {

    display: flex;

    list-style: none;

}

.tab-btn ul li a {
    position: relative;
    transition: 0.2s;
    border-radius: 3px;
    width: 100%;
    border: 1px solid #0f2557;
    color: #0f2557;
    font-weight: 400;
    letter-spacing: 0.2px;
    font-size: 13px;
    text-align: center;
    padding: 5px 10px;
}

.tab-btn ul li a:hover {
    color: #ffffff !important;
    background:#0f2557;
}

.tab-btn ul li.active a {
    color: #ffffff;
    background: #0f2557;
}

.tab-btn ul li {

    margin-right: 10px;

}

.tab-btn {
    margin: 14px 0px 25px;
}


   /* step form */


   .new-hospital .step-indicators i.fa.fa-arrow-circle-o-right {
    padding-right: 5px;
    font-size: 25px;
}
.new-hospital .step-indicators {
    position: relative;
    border-bottom: 1px solid  #eeeeee;
    padding-bottom: 20px;
}
.new-hospital #step1-indicator::after {
    position: absolute;
    top: 10px;
    left: 104px;
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transition-delay: 0s;
    display: block;
    width: 20%;
    height: 2px;
    content: "";
    background-color: currentColor;
    z-index: 1;
}
.new-hospital #step2-indicator::after {
    position: absolute;
    top: 10px;
    left: 274px;
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transition-delay: 0s;
    display: block;
    width: 20%;
    height: 2px;
    content: "";
    background-color: currentColor;
    z-index: 1;
}
.new-hospital .availableQueue h4.text-center {
    margin-bottom: 20px;
}
.new-hospital .hospital-submit-main {
    display: flex;
    justify-content: space-between;
    padding: 0px 0px;
}
/*.new-hospital .doctor-detail-col {
    height: 67vh;
}*/
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
    color: #000 !important;
    background-color: transparent !important;
    border-color: #761c19;
}
.row.main-field .col-md-6 {
    padding-left: 8px;
}
.new-hospital .btn-danger {
    color: #2a3a56;
    background-color: transparent;
    border-color: #2a3a56;
}
.new-hospital .user-nextbtn-main .btn {
    font-size: 16px;
}
.new-hospital .btn-success {
    color: #fff;
    background-color: #01E08F;
    border-color: #01E08F;
}
.new-hospital .phone-section {
    margin: 20px 0px;
    margin-top: 0;
}
.new-hospital .user-nextbtn-main {
    text-align: right;
}
.new-hospital .scheduleAppointment {
    margin-bottom: 30px;
}
.new-hospital .btn {
    padding: 10px 25px;
}
.details-step-field {
    margin-bottom: 10px;
}
.new-hospital .step-indicator {
    color: #1D2E4C;
    display: flex;
    align-items: center;
}
.new-hospital .phone-section label {
    font-weight: normal;
}
.new-hospital label {
    color: #1D2E4C;
    font-weight: normal;
}
.new-hospital .main-field {
    margin-bottom: 20px !important;
}


@media(max-width: 1240px){

    li.scroll.proffesionals {

        margin-left: 20px;

    }



}

@media(max-width: 1200px){
.col-lg-5.doctor-detail-col.desktop-sidebar {
    display: none;
}

.col-lg-5.doctor-detail-col.mob-sidebar {
    display: block;
    position: static;
    margin-bottom: 40px !important;
    margin: 15px;
}
 .search-calendar {
    padding: 20px 0px;
}
.profile-btn button {
    width: auto !important;
    padding: 5px 30px !important;
}

.navbar-brand>img {

    width: 100px;

    margin-left: 0px;

    margin-right: 10px;

}
.navbar-header li.signup_logout a {
    padding: 7px 17px !important;
    border: 1px solid #01e08f;
    color: #01e08f;
    border-radius: 3px;
    font-size: 13px;
}
.header-area .single-welcome-hero-form {

    width: auto;

    margin-left: 10px;

}

ul.login-signup {

    display: flex;

}

.login a {

    padding: 8px 15px !important;

}
li.signup_logout a {
    padding: 8px 15px;
    border: 1px solid #01e08f;
    color: #01e08f;
    border-radius: 3px;
    font-size: 12px;
}
.signup a {

    padding: 12px 15px !important;

}
.search-calendar.visit-slot .col-lg-5.doctor-detail-col.mob-sidebar {
    width: 100%;
}
.search-calendar.visit-slot .col-lg-7 {
    width: 100%;
}
section.search-calendar.visit-slot {
    padding: 40px 0px;
}

section.search-calendar.visit-slot .location-time {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
section.search-calendar.visit-slot .things-inner .thing-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 0px;
    border-radius: 6px 6px 0px 0px;
}
section.search-calendar.visit-slot .things_know {
    margin-top: 30px;
}
}

@media(max-width: 1199px){

nav.navbar.bootsnav ul.nav  li {

    padding: 0px 3px;

}

.navbar-brand>img {

    margin-top: 3px;

}

.welcome-hero-serch-box {

    margin-top: 30px;

    padding: 20px;

}

.works-content .section-header {

    padding-left: 40px;

    padding-top: 20px;

}

.search-near {

    padding: 0 0px 40px 0px !important;



}

.month-left {
    padding: 0px;
    padding-bottom: 20px;
}

.profile {
   
    margin: 20px 0px;
   
}

}

@media(max-width: 1115px){

.signup a {

    padding: 12px 10px !important;

}

}

@media(max-width: 1150px){

li.scroll.proffesionals {

    margin-left: 10px;

}

nav.navbar.bootsnav ul.nav > li > a {

    padding: 35px 5px;

    font-size: 13px;

}

ul.login-signup {

    padding-left: 15px;

}

.header-area {

    padding-left: 30px;

    padding-right: 10px;

}

.header-top {

    margin-left: 25px;

    margin-right: 25px;

}

}



@media(max-width: 1090px){

.right-nav {

    width: auto;

}

.navbar-nav {

    width: auto;

}

.navbar-collapse.collapse {

justify-content: end;

}

}

@media(max-width: 1024px){

nav.navbar.bootsnav ul.nav > li > a {

    padding: 35px 5px;

    font-size: 12px;

}
.profile-main .abhasection .abha-inner-main .create-abha fieldset input {
    width: 100%;
}
.abhasection .appointments .card.shadow-sm .col-md-4 img {
    height: 100px;
    width: 100px;
}
}

@media(max-width: 992px){

.header-area {

    padding-left: 0px;

    padding-right: 0px;

}

nav.navbar.bootsnav .navbar-header {

    padding-left: 25px;

    padding-right: 25px;



}



ul.login-signup.desk {

    display: none;

}

.navbar-brand>img {

    margin: 0px;

}

ul.login-signup.mob {

    display: block;

    float: right;

    padding-left: 0px;

    margin-top: 25px !important;

}

nav.navbar.bootsnav .navbar-brand {

    padding: 0px;

    height: auto;

    margin: 0 !important;

    margin-top: 15px !important;

    padding-left: 130px;

}

.login a {

    padding: 8px 25px !important;

}

.signup a {

    padding: 10px 25px !important;

}

.navbar-nav>li {

    display: block;

}

nav.navbar.bootsnav ul.nav > li > a {

    padding: 10px 0px;

    font-size: 14px;

    text-align: left;

}

nav.navbar.bootsnav ul.nav  li {

    padding: 0px 0px;

    margin-bottom: 10px;

}

nav.navbar.bootsnav .navbar-nav {

    padding-left: 0px;

    padding-right: 0px;

    margin: 0px 0px;

}

nav.navbar.bootsnav .navbar-collapse.collapse {

    padding: 0px;

    max-height: inherit;

    margin-top: 20px;

}

li.scroll.proffesionals {

    margin-left: 0px;

}

.right-nav {

    justify-content: flex-start;

    margin-bottom: 20px;

    margin-top: 10px;

}

nav.navbar.bootsnav .navbar-collapse.collapse.in {

    padding-left: 15px;

    margin-top: 0px;

    transition: 0.5s;

}



.header-area .single-welcome-hero-form input {

    margin-left: 0px;

    height: auto;

}

.header-area .welcome-hero-form-icon {

    position: static;



}

.header-area .single-welcome-hero-form {

    width: auto;

    margin-left: 0px;

    border: none;

    padding-left: 0px;

}

.single-welcome-hero-form input[type="text"] {

    font-size: 14px;

}

.header-top {

    background: #0f2557;

}

.header-top ul li li {

    width: auto;

    color: #fff;

}

.header-top ul li li a{

     color: #fff;

}

}

@media(max-width: 991px){

  .welcome-hero-btn {

    margin-top: 30px;

    height: auto;

    padding: 12px 10px;

}  
.navbar-collapse {
    position: absolute;
    top: 61px;
    left: -300px;
    width: 350px;
    height: 100vh;
    z-index: 9999;
    transition: left 0.3s ease;
}
nav.navbar.bootsnav ul.nav > li.active > a {
    color: #01e08f;
    background: #0f2557;
    margin-right: 10px !important;
}
nav.navbar.bootsnav ul.nav > li > a {
    padding: 10px 15px !important;
}
.navbar-collapse.collapse.in {
    left: 0;
}

.navbar-toggle {
    position: relative;
    z-index: 10000;
}
.banner-vector img {

    z-index: -2;

}

.proffesionals a {

    background: none;

}

.works-content .section-header {

    padding-left: 0px;

    padding-top: 0px;

}

.works {

    padding: 70px 0 50px;

}

.subscription {

    padding: 60px 0;

}

.subscribe-title {

    margin-bottom: 30px;

}

.single-how-works {

    text-align: center;

    padding: 30px 0px;

}
.business-provider ul li {
    width: 100%;
}
.works-content .col-md-4.col-sm-6 {

    width: 33%;

}

.welcome-hero-txt {

    padding-top: 100px;

    text-align: left;

}

.near-locations {

    margin-top: 50px;

}

.search-near .col-md-8 {

    padding-right: 15px;

}

.search-near {

    padding: 40px 0px 40px 0px !important;

}

.search-near .wrap {

    text-align: left;

    margin-bottom: 40px;

}

.wait-time {

    text-align: right;

}

.hospital-info {

    padding: 10px;

}
.abhasection .appointments .card.shadow-sm .row {
    align-items: center;
    display: block;
}
.abhasection .appointments .card.shadow-sm .col-md-4 {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}
.abhasection .appointments .card.shadow-sm .col-md-4 img {
    height: 150px;
    width: 150px;
}
.abhasection .appointments .card.shadow-sm .col-md-8 {
    width: 100%;
    padding: 0px 15px;
}
.abha-btm-detail p {
    display: block;
    margin-bottom: 15px;
}
.abha-btm-detail p span {
    width: 100%;
    margin-bottom: 5px;
    display: inline-block;
}
.abha-btm-detail p span br {
    display: none;
}
}

@media(max-width: 768px){
#account-nav {
    position: fixed;
    top: 102px;
    right: -300px;
    width: 300px;
    height: 100%;
    background: #fff;
    z-index: 9999;
    transition: right 0.3s ease;
    padding: 0;
    display: block;
}
.account-nav .drop-account-profile ul li a.active {
    color: #01e08f;

}
.account-nav.mobile_screen.open .drop-account-profile {
    width: 100%;
    text-align: left;
    border-right: none;
    padding-left: 0;
}
.account-nav.mobile_screen.open .drop-account-profile ul li a {
    padding-left: 0;
}
.account-nav.mobile_screen.open .drop-account-profile h2 {
    padding-left: 15px;
}
.account-nav.mobile_screen.open ul li {
    padding-left: 15px;
}
.add-profile-option-mob {
    padding-top: 20px;
    border-top: 1px solid #999;
    padding-left: 10px;
    margin-top: 10px;
}
.account-nav.mobile_screen.open .flex-dropdown\> {
    display: block;
    height: 100vh;
    border-radius: 0;
}
.account-nav.mobile_screen.open .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10000;
    color: #fff;
    border: 1px solid #01e08f;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #01e08f;
}
#account-nav.open {
    right: 0;
}
.appointments {
    height: 100%;
}
.login-signup span {
    color: #0f2557;
}
.col-lg-3.theiaStickySidebar.profile-aside {
    display: block;
}
.appointment-side .col-lg-3.theiaStickySidebar {
    display: block !important;
}
  .welcome-hero-txt h2 {

    font-size: 24px;

}  

.single-how-works {
        text-align: center;
    }
    .works-content .col-md-4.col-sm-6 {
    width: 100%;
}
.single-how-works-icon {
    width: 100%;
    height: auto;
}
.login a {

    padding: 5px 15px !important;

    font-size: 12px;

}

.signup a {

    padding: 10px 15px !important;

    font-size: 12px;

}

.welcome-hero-btn {

    margin-top: 20px;

    height: auto;

    padding: 12px 10px;

    margin-left: 0px;

}

.welcome-hero-txt {

    padding-top: 80px;

    text-align: left;

}
nav.navbar.bootsnav .navbar-toggle {
    padding: 5px 12px;
    top: 7px;
}

.login a {

    margin-right: 5px;

}

.header-top {

    margin-left: 12px;

    margin-right: 12px;

}

.welcome-hero-form {

    flex-direction: row;

    height: auto;

}

.search-near {

    padding: 20px 0px 40px 0px !important;

}

.search-near .wrap {

    margin-bottom: 20px;

}
.appointment-side .col-lg-3.theiaStickySidebar {
    display: block !important;
}
}

@media(max-width: 767px){

.col-lg-3.theiaStickySidebar {
    display: block;
}

.appointment-side .col-lg-9.my-appointments {
    padding: 0px;
}
.welcome-hero {

    height: auto;

    padding-bottom: 80px;

}

.works-content .row {

    display: block;

}

.works-content .col-md-4.col-sm-6 {

    float: left;

}

.single-how-works {

    margin-top: 0px;

}

.appsLand-btn {

    margin-top: 10px;

}

.subscription {

    padding: 50px 0;

}

.subscribe-title {

    margin-bottom: 10px;

}

.subscribe-title p {

    margin-top: 8px;

}

.works {

    padding: 70px 0 70px;

}

.single-welcome-hero-form input[type="text"] {

    height: auto;

}

.single-welcome-hero-form {

    margin: 0px 0;

    padding: 10px 0;

}

.single-welcome-hero-form input {

    width: auto;

    margin-left: 0px;

}

.welcome-hero-form-icon i:before{

    font-size: 15px !important;

}

.subscription-input-group {

    max-width: inherit;

}

.hm-footer-copyright {

    padding: 30px 0 40px;

}

.footer-menu {

    padding: 45px 0 20px;

}
section.search-calendar.visit-slot {
    padding: 30px 0px;
}
section.search-calendar.visit-slot .month-left {
    padding: 0px;
    padding-bottom: 10px;
}
section.search-calendar.visit-slot .things-slider .slick-slide {
    margin-left: 0;
    margin-right: 0;
}
.works .single-how-works {
    margin-bottom: 0px;
}
.works-content .section-header {
    margin-bottom: 20px;
}
.profile-main .abha-inner-main .create-abha {
    margin-top: 15px !important;
}
.abhasection .appointments .card.shadow-sm .col-md-4 {
    margin-bottom: 10px;
}
.abhasection .appointments .card.shadow-sm .col-md-4 img {
    height: auto;
    width: auto;
}
}


@media(max-width: 640px){

 .find-specilities li a {

    padding: 0px 5px;

    font-size: 13px;

}

.appsLand-btn {

    width: auto;

    height: auto;

    line-height: inherit;

    padding: 10px 30px;

    border-radius: 3px;  

}   

.welcome-hero-btn {

    margin-top: 10px;

}

}



@media(max-width: 540px){

    .header-top ul {

    display: flex;

    flex-wrap: wrap;

}
ul.login-signup.mob {
        margin-top: 19px !important;
    }
.header-top ul li {

    width: 50%;

}

.header-top ul li ul li {

    width: 100%;

    padding-left: 0px;

}

.header-top ul li.head-responsive-right ul li {

    width: auto;

}

.header-top ul li.head-responsive-right ul {

    justify-content: end;

}

nav.navbar.bootsnav .navbar-brand {

    padding-left: 100px;

}

.login a {

    padding: 5px 10px !important;

}

.signup a {

  padding: 5px 10px !important;

}

.navbar-brand>img {

    width: 100px;

}

nav.navbar.bootsnav .navbar-brand {

    margin-top: 12px !important;

}

nav.navbar.bootsnav .navbar-toggle {

    top: 0;

}

.welcome-hero-serch-box {

    margin-top: 20px;

    padding: 20px;

}

.welcome-hero-form {

    flex-direction: inherit;

}

.single-welcome-hero-form {

    flex-direction: row;

    padding-left: 10px;

}

.welcome-hero-btn {

    padding: 10px 10px;

}

ul.find-specilities {

    display: flex;

    flex-wrap: wrap;

}

ul.find-specilities li {

    width: 33%;

    margin-bottom: 5px;

}

.find-specilities li a {

    border: none;

}

.find-specilities li a {

    padding: 0px 0px;

}

.welcome-hero-form-icon {

    top: 10px;

    right: 20px;

}

.single-welcome-hero-form h3 {

    font-size: 15px;

}

.subscription-input-group .subscription-input-form {

    padding-left: 10px;

    padding: 12px 0px 12px 20px;

    height: auto;

    width: 100%;

        font-size: 14px;

}

.select-hospital {

    top: 20px;

    left: 20px;

    width: 90%;

}

.hospital-info button.btn.btn-primary {

    padding: 10px 30px;

    margin-top: 10px;

}

.hospital-info h4 {

    font-size: 15px;

    line-height: 22px;

}

.search-near .wrap .search {

    position: relative;

}

.search-near .wrap .search input.searchTerm {

    width: 100%;

}

.search-near .wrap .search  button.searchButton {

    position: absolute;

    right: 10px;

}

.search-listing {

    margin-top: 10px;

}



.single-welcome-hero-form input {

    width: 200px;

     white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}
section.search-calendar.visit-slot .things_know button.slick-arrow {
    display: none !important;
}
section.search-calendar.visit-slot .col-lg-5.doctor-detail-col.mob-sidebar {
    margin: 15px 0px 40px 0px !important;
    border-radius: 0px;
}

section.search-calendar.visit-slot {
    padding: 20px 0px 20px;
}
.abhasection .appointments .card.shadow-sm .row {
    display: block;
}
.abhasection .appointments .card.shadow-sm .col-md-4 {
    width: 100%;
}
.abhasection .appointments .card.shadow-sm .col-md-4 img {
    height: auto;
    width: 100%;
    border-radius: 0px !important;
}
.abhasection .appointments .card.shadow-sm .col-md-8 .row.mb-3 .col-sm-6 {
    margin-bottom: 10px;
}
.abhasection .appointments .card.shadow-sm .col-md-8 .row.mb-3 {
    margin-bottom: 0px;
}
.abhasection .appointments .d-flex {
    display: block;
}
.abhasection .appointments .d-flex button.btn {
    width: 100%;
    margin: 0px 0px 5px 0px;
}
.abhasection .appointments .card.shadow-sm {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
}
.profile-main .abhasection .abha-inner-main .create-abha div#myTabContent .tab-pane.in h2 {
    font-size: 16px;
}
.abha-btm-detail p {
    font-size: 12px;
}
.abha-btm-detail p {
    margin-bottom: 10px;
}
.abha-btm-detail p span {
    margin-bottom: 10px;
}
}

@media(max-width:480px){
 .profile-btn button {
    font-size: 12px;
    padding: 5px 0px;
}
.Join-btn a {
    font-size: 12px;
    padding: 5px 0px;  
}
section.search-calendar.visit-slot .col-lg-5.doctor-detail-col.mob-sidebar h4 {
    font-size: 16px;
}
section.search-calendar.visit-slot .month-left h2 {
    font-size: 20px;
}
section.search-calendar.visit-slot .month-left ul li {
    font-size: 14px;
}
section.search-calendar.visit-slot .month-left .service h2 {
    font-size: 17px;
    margin-bottom: 12px !important;
}
.works-content .section-header {
    margin-bottom: 10px;
}

.single-how-works {
    padding-bottom: 10px;
}
.single-how-works h2 a {
    margin-top: 14px;
}
.welcome-hero-txt p {
    font-size: 13px;
    font-weight: 400;
}
.single-how-works-icon img {
    width: 150px;
}
.near-locations {
    margin-top: 30px;
}
.profile-main .abhasection .abha-inner-main .create-abha ul.nav li {
    float: none;
}
.profile-main .abhasection .abha-inner-main .create-abha ul.nav li.active a {
    padding-bottom: 7px;
}
.abha-new-inner {
    padding: 5px;
}
}

@media(max-width: 450px){

    .welcome-hero-txt h2 {

    font-size: 20px;

}
.profile-additional-info .diagnoses-summry {
    padding-left: 0;
}
h2.additional-title {
    padding-left: 0;
}
/*.welcome-hero:before {

    background: rgba(65,73,89,.65);

}*/

.header-top ul li li.select-opt {

    padding-right: 0;

}

nav.navbar.bootsnav .navbar-header {

    padding: 0px 15px;

}

.header-top {

    margin-left: 0;

    margin-right: 0;

}



ul.find-specilities li {

    width: 50%;

}

.welcome-hero-txt {

    padding-top: 60px;

}

.welcome-hero {

    padding-bottom: 70px;

}

.works {

    padding: 60px 0 60px;

}

.footer-social a {

    width: 30px;

    height: 30px;

    line-height: 30px;

    margin-left: 0;

    margin-right: 10px;

}

.welcome-hero-form-icon {

    top: 10px;

    right: 10px;

}

.right-nav {

    width: 40%;

}

.listing-src {

    display: block;

}

.list-search {

    width: 100%;

    padding-right: 0px;

}

.wait-time {

    text-align: left;

    width: 100%;

    margin-top: 10px;

}

.list-search ul {

    display: block;

}

.list-search ul li {

    font-size: 12px;

    margin-right: 0px;

    margin-bottom: 5px;

}

nav.navbar.bootsnav .navbar-brand {

    padding-left: 0px;

    position: relative;

    left: 40px;

}

.single-welcome-hero-form input {

    width: 170px;

}
.profile-btn {
    display: block;
}
.profile-btn button {
    margin-bottom: 10px;
}

}

@media(max-width: 399px){
    .doctor-detail-col {
    padding: 25px 10px !important;
}
.profile-main .abhasection .abha-inner-main .create-abha ul.nav li a {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}
.profile-main .abhasection .abha-inner-main .create-abha ul.nav {
    padding-top: 10px;
}
}