a {
    text-decoration: none;
    cursor: pointer;
}
.askvet-petappointments, #divPetInfo, #frmApp {float: left; width: 100%; margin: 30px 0;}


.top-search-bar .form-control {margin:0; height:auto;}


.petdetail-form {position: relative;}

.pets-box a {display: block; color:#212529; text-align:center; padding:15px 25px 10px;}
.pets-box a img {display:block; margin-bottom:5px;}

.pets-detail-text span {padding:0 10px 0 0;/* border-left: 1px solid #595c5f;*/line-height: 1;}
.pets-detail-text span:before {content: "";width: 1px;height: 14px;background-color: #595c5f;display: inline-block;vertical-align: middle;margin-right: 10px;}
.pets-detail-text span:first-child {padding-left:0;}
.pets-detail-text span:first-child:before {display: none;}


#addpetform, #addrseditform {display: none;}

.pet-add-form {position: static;top: 0;left: 0; width: 100%;height: 100%; /*background-color: #f8f9fa;*/}
.pet-add-formdetail {
position: relative;
margin-bottom: 10px;
}
.pet-add-formdetail label.error {position: absolute;bottom: -22px;left: 0;font-size: 12px;color: red;}

.pet-radiobtn-section {display: flex;flex-flow: row wrap;gap: 16px;margin-top: 10px;}

.pet-radiobtn-section div {width:130px;}

.pet-radiobtn-section input[type=radio] {display: none;}
.pet-radiobtn-section input[type=radio]:not(:disabled) ~ label {cursor: pointer;}
.pet-radiobtn-section input[type=radio]:disabled ~ label {color: #bcc2bf;border-color: #bcc2bf;box-shadow: none;cursor: not-allowed;}
.pet-radiobtn-section label {display: block;background: white;border: 1px solid #eaecef;border-radius: 5px;padding: 15px 5px 10px;margin-bottom: 1rem;text-align: center;position: relative;}
.pet-radiobtn-section label img {display: block;margin: 0 auto;width: 45px;}
.pet-radiobtn-section input[type=radio]:checked + label {background: #eaecef;}
.pet-radiobtn-section input[type=radio]:checked + label::after {color: #3d3f43;font-family: "IcoFont";border: 2px solid #eaecef;content: "\f021";font-size: 14px;position: absolute;top: -15px;left: 50%;transform: translateX(-50%);height: 30px;width: 30px;line-height: 30px;text-align: center;border-radius: 50%;background: white;box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25);}
.pet-radiobtn-section p {font-weight: 900;}

.petgender-radiobtn-section label img {width: 21px;}
.modal-body .lni-trash-can {display: table; margin: 0 auto;}
.modal-body a {margin: 0 5px;}


.pet-add-formdetail .overflow-hidden {width: 100%; padding: 0 !important;}
.pet-add-formdetail .form-floating .form-control {border: none;}
.pet-add-formdetail .form-control-input {padding-top: 0 !important; padding-bottom: 0 !important; height: 30px;border: none; outline: none;}
.pet-add-formdetail .form-control {border: none;padding: 0;}
.date-breed-section-flex .pet-add-formdetail .input::placeholder {opacity: 1;font-size: 16px; color: #000;}
.pet-add-formdetail label {font-size: 18px;}

.petgender-radiobtn-section label {width: 130px;padding: 0; height: 50px;line-height: 50px;}
.petgender-radiobtn-section label img {display: inline-block;margin: 0 10px 0 -15px;}
.pet-add-formdetail textarea { border: 0; outline: none; width: 100%; height: 80px;}
.pet-add-formdetail textarea::placeholder {font-size: 14px;color: #212529;}


.col-height-weight {display: flex; justify-content: space-between; align-items: center;}
.col-height-weight .pet-add-formdetail {width: 48%;position: relative;}
.col-height-weight .pet-add-formdetail span {position: absolute; top: 18px; right: 12px;}

.date-breed-section {display: flex; justify-content: space-between; align-items: center;}
.date-breed-section-flex {width: 48%;}
.date-breed-section-flex .pet-add-formdetail {margin-bottom: 10px;}
.date-breed-section-flex-img {display: flex; justify-content: space-between; align-items: center;}
.upload-imgDiv {margin-right: 15px;}
.upload-imgDiv img {background: #f8f9fa; width: 110px;height: 110px;border-radius: 100px;border: 2px solid #fff;padding: 2px;}

.date-breed-section-flex .d-flex.align-items-center {width:100% !important;}
.date-breed-section-flex .select2-container {width:100% !important;}

.submit-btn {width: 100%; height: 48px; line-height: 48px; border-radius: 8px; background:#00abec; color: #fff; border: none; outline: none;font-size: 16px; font-weight: 500;}
.submit-btn:hover {opacity: 1;}


.edit-my-addresses {margin-top: 20px;}

.address-formdetail-flex {display: flex; justify-content: space-between; align-items: center;}
.address-formdetail-input {width: 48%;}
.address-formdetail-input label {font-size: 16px; font-weight: 500; margin-bottom: 5px;}
.address-formdetail-input label span {color: red;}

.address-formdetail .overflow-hidden {width: 100%;}
/*
.address-formdetail .form-control,
.address-formdetail .form-select {  border: none; outline: none;padding: 0; font-size: 14px; border-radius: unset; color: #212529;}
*/
.edit-my-addresses .submit-btn {width: 200px; margin: 15px auto 0;}
.uploadReviewImages {display: flex;flex-wrap: wrap;margin-top: 0;}
.uploadReviewImages .img {width: 112px;background-size: cover;margin-right: 10px;background-position: center;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;overflow: hidden;flex-basis: 21%;}
.upload {display: inline-block;background-color: #acacacb8;align-self: center;font-weight: bold;text-align: center;padding: 30px 10px;text-transform: uppercase;color: white;font-size: 12px;cursor: pointer;border-radius: 0;}
input{padding: 0 10px;box-sizing: border-box;height: 35px;margin-top: 5px;font-size: 14px;width: 100%;box-sizing: border-box;outline: none;}
.uploadReviewImages .img span {color:black;}

.clsdivCustomersupport .uploadReviewImages{margin-top: 15px;}
.uploadReviewImages .img{width: 118px; height: 78px; margin-bottom: 5px;}
.uploadReviewImages .img img{width: 100%;}
.uploadReviewImages .img span{display: none;}
.uploadReviewImages .img:hover span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);display: block;padding-top: 30px;text-align: center;font-weight: 500;color: #fff;}

.SuperSaveOffer{background: #f7f7f7;}
.SuperSave_Offers{display: block !important; float: left;}
.SuperSave_Offers h5{}
.SuperSave_Offers span.unlocked{font-size: 16px; color: #000; line-height: 30px; float: left; margin-top: 15px;}
.SuperSave_Offers span{color: #e80f23;}
.SuperSave_Offers span img{float: left; width: 30px; margin: 0 5px 0 0;}
.supersaver-products{}
.supersaver-products .slick-list{padding: 0 20% 0 0 !important;}
.supersaver-products .product-item{padding-top: 13px; background: #fff; position: relative; margin-right:20px;padding-bottom: 13px;}
.supersaver-products .product-item .Prd_img{width: 130px; padding: 0 10px; float: left;}
.supersaver-products.supersavracc .product-item .Prd_img img{width: 100%;}
.supersaver-products .product-item .Prd_content{width: 68%; float: right; padding: 0 15px 0 0;}
.supersaver-products .product-item .Prd_content p{height: 50px; font-size: 16px; font-weight: 500; margin: 0 0 5px 0;}
.supersaver-products .product-item .Prd_content p span,
.Cart_Content .Prd_Content .Prd_name span{display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis;}
.supersaver-products .product-item .Prd_select{height: 45px; line-height: 40px;}
.supersaver-products .product-item .Prd_select select{width: 200px; margin: 0 0 0 10px; height: 40px; font-size: 16px; background: #fff;}
.supersaver-products .product-item .Prd_price{width: auto; float: left; line-height: 34px;}
.supersaver-products .product-item .Prd_price span.oldPrice{text-decoration: line-through; font-size: 14px; padding: 0 20px 0 0; color: #868686;}
.supersaver-products .product-item .Prd_price span.newPrice{font-size: 16px;}
.supersaver-products .product-item .Prd_btn{float: right; width: 85px;}
.supersaver-products .product-item .Prd_btn a{border: 1px solid var(--primary) !important; color: var(--primary);}
.supersaver-products .product-item .Prd_btn a:hover{background-color: var(--primary); color: #fff;}
.supersaver-products .product-item .Prd_offer{padding: 0 10px; line-height: 30px; color: #fff; border-radius: 0 0 10px 10px; background: var(--primary); font-weight: 500; font-size: 14px;}
.supersaver-products .product-item.added{}
.supersaver-products .product-item.added .Prd_offer{background: #959595 !important;}
.supersaver-products .product-item.added .Prd_btn{opacity: 0.5}
.supersaver-products .product-item.added .Prd_btn a,
.supersaver-products .product-item.added .Prd_btn a:hover{border: 1px solid var(--primary) !important; color: var(--primary) !important;background-color: #fff !important;}
.empty-cart .empty-cart-title:first-child{
margin-bottom: 10px;
}
.empty-cart .empty-cart-title {
margin-bottom: 15px !important;
}
.empty-cart .UploadContinue_Btn{
margin-bottom: 0 !important;
}
.empty-cart .UploadContinue_Btn a{
margin: 5px 0 0 !important;
}

.empty-cart img {
max-width: 100%;
}

.changepassword-formdetail-flex {
position: relative;
margin-bottom: 10px;
}
.changepassword-formdetail-input label {
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.changepassword-formdetail-input input {
border: 0;
padding: 0;
margin: 0;
}
.changepassword-formdetail-input label.error {
position: absolute;
bottom: -27px;
left: 0;
font-size: 12px;
color: red;
}
.change-passworddiv {
margin-top: 5px;
}

.my-order-tab-inner {
display: flex;
align-items: center;
flex-flow: row wrap;
}
.order-btn {
margin-bottom: 15px;
}
.ord-active{background: #198754; color: #fff;}
.order-btn a {
padding: 3px 12px;
margin: 0 5px;
font-size: 12px;
display: block;
border-radius: 15px;
border: 1px solid #0d6efd; cursor: pointer;
}
.auto-order-main {
overflow: hidden;
}

.auto-order-top {
border-bottom: 1px solid #eaecef;
background: #e1e3e7;
}

.auto-order-btn a {
color: red;
}

.w-25 {
width: 25%;
}

.w-15 {
width: 15%;
}

.w-40 {
width: 45%;
}

.auto-order-bottom:last-child {
border-bottom: 0 !important;
}

.auto-order-upcoming p {
margin-bottom: 5px !important;
}

.offcanvas-title-lineheight {line-height: 1;}
.placeorderdate {font-size: 14px;padding-top: 5px;}
.placeorderdate span {padding: 0 0 0 10px;}
.productname-packdetail {flex: 1;}
.productname-detail {flex: 1;}

.ui-widget-content{width: 25%;}
.ui-widget-header{display: flex; flex-flow: row wrap;padding: 5px 0;}
.ui-widget-header a{width: 50%;}
a.ui-datepicker-next.ui-corner-all {
text-align: right;
padding-right: 10px;
}
a.ui-datepicker-prev.ui-corner-all {
padding-left: 10px;
}
.ui-datepicker-title {
width: 100%;
text-align: center;
}

a.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover,
a.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover {
border: 0;
font-weight: bold; cursor: pointer;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{display: block; text-align: center;}
table.ui-datepicker-calendar { width: 100%;}
table.ui-datepicker-calendar th {text-align: center;}

.my-auto-order .icofont-user-alt-5 {
font-size: 20px;
}

.my-account-pills-toggle {display: none;}
.address-formdetail-input.supportdiv{width:100%;}
.address-formdetail.supporttextare textarea{width:100%; margin-top:5px;}
.clssuccess {
font-size: 14px;
display: block;
color: green;
}
.clsfailed {
font-size: 14px;
display: block;
color: #ff0000;
}

.customer-datail-left {text-transform: capitalize;}
.date-breed-section .select2-container--default .select2-selection--single{border: 0 !important;}


.appointment-vet-btn .addnewpet-btn {width: 96px;}



/*Ask A Vet CSS*/

.my-order-tab-inner {
    display: flex;
    align-items: center;
}

.order-btn {
    margin-bottom: 15px;
	margin-right:5px;
}

.ord-active {
    background: #198754;
    color: #fff;
}

.order-btn a {
    padding: 8px 5px;
    margin: 0 5px;
    font-size: 12px;
    display: block;
    border-radius: 15px;
    border: 1px solid #0d6efd;
    width: 100%;
    text-align: center;
}

.auto-order-main {
    overflow: hidden;
}

.auto-order-top {
    border-bottom: 1px solid #eaecef;
    background: #e1e3e7;
}

.auto-order-btn a {
    color: red;
}

.w-25 {
    width: 25%;
}

.w-15 {
    width: 15%;
}

.w-40 {
    width: 45%;
}

.auto-order-bottom:last-child {
    border-bottom: 0 !important;
}

.auto-order-upcoming p {
    margin-bottom: 5px !important;
}


.changepassword-formdetail-input label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

.change-passworddiv {
    margin-top: 5px;
}


.pet-radiobtn-section.askvet-sec {
    gap: 12.5px;
}

    .pet-radiobtn-section.askvet-sec label {
        display: block;
        background: white;
        border: 2px solid #eaecef;
        border-radius: 5px;
        padding: 15px 25px 10px;
        margin-bottom: 1rem;
        text-align: center;
        position: relative;
    }

    .pet-radiobtn-section.askvet-sec label {
        position: inherit;
    }

    .pet-radiobtn-section.askvet-sec input[type=checkbox] {
        appearance: none;
        display: none;
    }

        .pet-radiobtn-section.askvet-sec input[type=ckeckbox]:checked + label,
        .pet-radiobtn-section.askvet-sec input[type=checkbox]:checked ~ label {
            background: none;
            border: 2px solid #0095d9;
        }

section.Askvet-concern textarea {
    width: 100%;
}




.apointmnet-btn {
    margin-top: 25px;
}

    .apointmnet-btn ul li + li {
        margin-left: 40px;
    }

    .apointmnet-btn ul li .btn-white {
        font-size: 14px;
        color: #174572;
        border: 2px solid #174572;
        background: #fff;
        width: 220px;
        text-align: center;
        line-height: 40px;
        display: inline-block;
        font-weight: 500;
    }

    .apointmnet-btn ul li .btn-blue {
        font-size: 14px;
        color: #fff;
        border: 2px solid #174572;
        background: #174572;
        width: 220px;
        text-align: center;
        line-height: 40px;
        display: inline-block;
        font-weight: 500;
    }

.no-found span {
    font-size: 20px;
    font-weight: 500;
    color: #174572;
}

.askvet-petinfo-img img {
    background: #fff;
    padding: 38px;
    border-radius: 4px;
}

.askvet-petinfo-btn .btn-blue {
    font-size: 14px;
    color: #fff;
    border: 2px solid #174572;
    background: #174572;
    width: 220px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    font-weight: 500;
}

.askvet-petinfo-btn {
    float: left;
}

.askvet-petinfo-img {
    float: left;
}

.askvet-appoints-btn-main-inner-img {
    width: 25%;
}

.askvet-appoints-btn-main-inner-btn {
    width: 75%;
}

.askvet-appoints-btn-main-inner {
    flex-flow: row wrap;
}

.askvet-appoints-block {
    width: calc(50% - 20px);
    border: 1px solid #174572;
    margin-left: 20px;
    margin-bottom: 20px;
    position: relative;
}

.askvet-appoints-btn-main-inner-btn a {
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline;
    color: #0b4278;
}

.askvet-appoints-block p {
    font-size: 18px;
    font-weight: 500;
    color: #0b4278;
}

.askvet-appoints-btn-main-inner-btn span {
    font-size: 18px;
    font-weight: 500;
    color: #0b4278;
    display: block;
}

.previous-appoint a {
    color: #3d3f43;
}


section.Askvet-thank h4 {
    color: #174572;
}
.smallp p{font-size: 13px !important;font-weight:normal;}
section.Askvet-thank p {
    font-size: 18px;
    font-weight: 500;
}


.askvet-appoints-btn-main.thankbtn {
    width: 100%;
    float: left;
}

.osahan-my-addresses label.input_radio .checkmark {
    margin: 0 0 0 0px !important;
}

.input_radio .checkmark {
    border-radius: 50%;
}

.input_checkbox .checkmark, .input_radio .checkmark {
    position: absolute;
    top: -12px !important;
    left: -10px !important;
    height: 20px;
    width: 20px;
    border: 1px solid #6c757d;
    background: #fff;
    border-radius: 100px;
}
.petdetail-form .input_checkbox .checkmark, .input_radio .checkmark {
    position: absolute;
    top:0px !important;
    left: 4px !important;
    height: 20px;
    width: 20px;
    border: 1px solid #6c757d;
    background: #fff;
    border-radius: 100px;
}

.datedivleft {
    width: 50% !important;
}

    .datedivleft .ui-datepicker-inline {
        width: 100%;
        margin: 0;
        border: 0;
        border-radius: 0px;
        padding: 5px 0;
    }

.timerdivright {
    width: calc(50% - 25px);
    text-align: center;
    margin-left: 25px;
    background: #fff;
    min-height: 293.33px;
}

.timer-list ul li {
    width: calc(50% - 10px);
    margin-right: 10px;
    padding: 10px 0;
}

.timerdivright .list-active {
    border: 1px solid #174572 !important;
    background: #e3f1fb;
    color: #174572;
}

.timerdivright span {
    display: block;
}

.timer-list ul {
    overflow-y: scroll;
    max-height: 220px;
    scrollbar-color: #174572 #f5fcff;
    scrollbar-width: thin;
}

.timer-list ul {
    flex-flow: row wrap;
}

.selectpetnext {
    width: 200px;
    margin: 30px auto 0;
}

.AskavetuploadReviewImages {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
}

    .AskavetuploadReviewImages .img {
        width: 118px;
        height: 78px;
        margin-bottom: 5px;
    }

    .AskavetuploadReviewImages .img {
        width: 112px;
        background-size: cover;
        margin-right: 10px;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

        .AskavetuploadReviewImages .img span {
            display: none;
        }

        .AskavetuploadReviewImages .img span {
            color: black;
        }

        .AskavetuploadReviewImages .img:hover span {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            display: block;
            padding-top: 30px;
            text-align: center;
            font-weight: 500;
            color: #fff;
        }

.apppre-editBox h6 {
    width: 27%;
    margin: 0;
}

.apppre-editBox ul {
    width: 73%;
}

    .apppre-editBox ul li {
        width: 16%;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.apppre-editBox .input_checkbox .checkmark,
.apppre-editBox .input_radio .checkmark {
    position: absolute;
    top: 0 !important;
    left: -25px !important;
    height: 20px;
    width: 20px;
    border: 1px solid #6c757d;
    background: #fff;
    border-radius: 100px;
}

.datedivleft .ui-widget-header {
    background: #fff !important;
    border: 0;
}

    .datedivleft .ui-state-default, .datedivleft .ui-widget-content .ui-state-default, .datedivleft .ui-widget-header .ui-state-default {
        border: 0;
        background: #e3f1fb;
        border-radius: 100%;
        display: block;
        height: 40px;
        width: 40px;
        margin: 0 auto;
        line-height: 40px;
    }

    .datedivleft .ui-state-active,
    .datedivleft .ui-widget-content .ui-state-active,
    .datedivleft .ui-widget-header .ui-state-active {
        background: #174572;
        color: #fff;
    }

.datetimesub-btn {
    width: 200px;
    margin: 20px auto 0;
    text-align: center;
    display: block;
}

.askvet-appoints-main {
    position: relative;
    width: calc(50% - 20px);
    border: 1px solid #174572;
    margin-left: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}
.askvet-appoints-main .askvet-appoints-btn-main-inner-img {width:22%;}

.navclose.appointbtn-close {
    display: block;
    position: absolute;
    top: 5px;
    width: 25px;
    height: 25px;
    background-color: #ff0000;
    cursor: pointer;
    right: 7px;
    border-radius: 30px;
	
}

    .navclose.appointbtn-close i + i {
        transform: rotate(-45deg);
        position: relative;
        left: 5px;
        top: -22px;
        width: 15px;
    }

    .navclose.appointbtn-close i {
        width: 15px;
        height: 2px;
        background-color: #fff;
        display: inline-block;
        transform: rotate(45deg);
        position: relative;
        left: 6px;
        top: -1px;
    }

/*====== Concern History CSS ======*/

.offcanvas-header.concernhistory-header {
    display: block;
}

.appointment-datetime-text {
    padding: 10px 0 0;
}

.datetime-day {
    font-weight: 600;
    color: #595c5f;
    font-size: 14px;
}

.datetime-time {
    color: #212529;
    font-size: 18px;
    padding-right: 30px;
}

    .datetime-time .icofont-ui-clock {
        font-weight: normal !important;
        padding-right: 3px;
    }

.concern-petdetail {
    margin-bottom: 30px;
}

    .concern-petdetail .concern-petname {
        color: #212529 !important;
    }


.list-disable {
    cursor:not-allowed;
    opacity: 0.5;
}

@media only screen and (max-width: 991px) {
.my-account-pills {position: relative;}
.my-account-pills-toggle {display: block;position: absolute;right: 20px;top: 40px;z-index: 99999; animation: slideDown 0.35s ease-out;}
.overflow-mobile {display: none; background-color: var(--white);animation: fade-out 0.20s ease-out;}
.overflow-mobile.n-active {display: block; animation: slideDown 0.6s ease-out; transition: all .3s ease-out;}

.osahan-my-account-page .col-lg-3.border-end {border-right: 0 !important;}
/* .overflow-mobile {overflow-x: auto; width: 100%;display: -webkit-inline-box;scrollbar-color: var(--default-primary) #f5fcff; scrollbar-width: thin;} */
/* .my-account-pills .nav-link {width: auto; border-left: 1px solid #eaecef;}
.my-account-pills .nav-link:last-child {border-right: 1px solid #eaecef;} */

.customer-datail-flex {display: flex; align-items: center;}
.customer-datail-flex.p-4 {padding-top: 0 !important;padding-left: 0 !important;padding-right: 0 !important;}
.customer-datail-left {margin-left: 15px;}
.addressicon-middle .me-2{margin-right: 0 !important; text-align: center !important; padding: 0.25rem !important;}

.askvet-appoints-main .askvet-appoints-btn-main-inner-btn .upcoming-appointment-text {font-size:12px;}

}

@media only screen and (max-width: 768px) {
.profile-mobile .col { padding: 0 !important;}
.pet-add-form .col{padding:0 !important;}
.address-mobile-p .col{padding: 0 !important;}
.address-mobile { padding: 8px !important;  border: 0 !important;}
.address-mobile-p{padding: 0px !important;}
.py-5 {
padding-top:1.5rem !important;
padding-bottom: 1.5rem !important;
}
.supersaver-products .product-item .Prd_img{width: 100%;}
.supersaver-products .product-item .Prd_content{width: 100%; padding: 0 10px;}
.supersaver-products .product-item .Prd_price{width: 100%; float: none; text-align: center;}
.supersaver-products .product-item .Prd_btn{width: 100%; text-align: center;}

.askvet-appoints-btn-main-inner-img, .askvet-appoints-main .askvet-appoints-btn-main-inner-img {width:auto; padding-right:10px;}
.askvet-appoints-btn-main-inner-img img {width:40px;}

.askvet-appoints-btn-main-inner-btn {width: auto;}
.apppre-editBox h6 {
    width: 40%;
    margin: 0;
}
.apppre-editBox ul {
    width: 60%;
}
.apppre-editBox ul li{
    width: 40%;
}
}

.section-ask-about {
    width: 100%;
    float: left;
}
.login-divinput input{
    width: 60% !important;
    float: left !important;
    position: relative !important;
    border: 1px solid #000 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}
.enterdetail-btn {
    width: 15% !important;
    text-align: center;
    padding: 10px 10px !important;
}
.LoginwithEmail{width:100% !important; float:left;}
@media only screen and (max-width: 700px) {
    section {flex-direction: column; }

.askvet-appoints-block {width:100%;margin-left: 0;}
.askvet-appoints-main{width:100%;margin-left: 0;}
.datentimerdiv {flex-flow: row wrap;}
.datedivleft {width: 100% !important;}
.timerdivright{width: 100% !important; margin-left: 0 !important; margin-top: 15px;}
.askvet-appoints-main .askvet-appoints-btn-main-inner-btn .upcoming-appointment-text {font-size: 14px;line-height: 18px;}
}

@media only screen and (max-width: 640px) {
.date-breed-section {display: block;}
.date-breed-section-flex {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.date-breed-section-flex .pet-add-formdetail {width: 48%;}

}

@media only screen and (max-width: 600px) {
.edit-my-addresses .col {margin: 0;}
.address-formdetail-flex {display: block;}
.address-formdetail-input { width: 100%; margin-top: 20px;}
}

@media only screen and (max-width: 499px) {
.tab-content-stoned { padding: 10px !important;}
.myoderdetails{ padding: 8px !important;}


.shipping-pd{padding: 0 !important;}
.none-mobile{display: none;}
.SuperSave_Offers h5{padding: 0 !important;}
.para-eclip{    white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  max-width: 170px;}
.petdetail-form-stoned .w-75 {
    width: 100% !important;
}
.p-3.petdetail-form-stoned {
    padding: 5px !important;
    flex-flow: row wrap;
}
.petdetail-form-stoned-w100 {
    width: 100% !important;
    margin: 10px 0 0 10px !important;
}
.apppre-editBox h6 {
    width: 100%;
    margin: 0;
}
.apppre-editBox ul {
    width: 100%;
}
.apppre-editBox ul li{justify-content: start; padding: 10px 30px 0 25px; width: auto;}
.apppre-editBox {
    flex-flow: row wrap;
}
.datetime-time {
    font-size: 14px;
    padding-right: 15px;
}
}

@media only screen and (max-width: 480px) {
#addrseditform h4, #addrsdetail-id h4 {font-size: 18px;}
.address-formdetail-input label {font-size: 14px;}

.card-footer {flex-wrap: wrap;}
.card-footer h6 {width: 100%; text-align: center; padding-bottom:10px;}
.card-footer a{width: 100%;}
.popular-products p.card-text {min-height: 32px;}
/* .DisplayDIV{padding: 1.5rem 0 !important;} */

.askvet-appoints-block {width: 100%;}
section.pet-radiobtn-section.askvet-sec div {width: 48%;}
.pet-radiobtn-section.askvet-sec {gap: 10px;}
.pet-radiobtn-section.askvet-sec label{margin: 0 !important;}

}

@media only screen and (max-width: 420px) {
.askvet-appoints-main .askvet-appoints-btn-main-inner-btn .upcoming-appointment-text {padding-right: 18px;}
}

@media only screen and (max-width: 360px) {
#addrseditform h4, #addrsdetail-id h4 { font-size: 17px;}
.date-breed-section-flex {display: block;}
.date-breed-section-flex .pet-add-formdetail {width: 100%;}
.date-breed-section-flex.date-breed-section-flex-img {display: flex; justify-content: space-between; align-items: center;}
.upload-imgDiv {margin-right: 6px;}
.upload-imgDiv img {width: 90px;height: 90px;}
.askvet-appoints-btn-main-inner-img img { width: 30px;}
.askvet-appoints-btn-main-inner-btn a {font-size:16px;}
section.pet-radiobtn-section.askvet-sec div {
    width: 100%;
}
.datedivleft .ui-state-default, .datedivleft .ui-widget-content .ui-state-default, .datedivleft .ui-widget-header .ui-state-default{height: 30px; width: 30px; line-height: 30px;}
.askvet-appoints-btn-main-inner-btn p{font-size: 16px;}
}

@keyframes fade-out {
0% {
opacity: 1;
display: block;
}

100% {
opacity: 0;
display: none;
}
}