@media only screen and (min-width: 1445px) and (max-width: 1599px) {
    .sidebar-scroll .metismenu {
        max-height: 560px;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1444px) {
    .sidebar-scroll .metismenu {
        max-height: 555px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    
    .sidebar-scroll .metismenu {
        max-height: 555px;
    }
    .sidebar-scroll .side-items-main {
        height: calc(56% - 60px);
    }
    .main-sec-home .home-white-sec .upcoming-event h4 {
        font-size: 18px;
    }

    .main-sec-home .home-white-sec .upcoming-event p {
        font-size: 14px;
    }
    .sidebar-scroll .nav-header .brand-logo img {
        width: 90px;
    }
    
    .sidebar-scroll .metismenu li a {
        font-size: 14px;
        padding: 10px 5px;
        gap: 8px;
        margin: 0 14px;
    }
    
    .header-1 nav .navbar-brand {
        font-size: 28px;
        line-height: 28px;
    }
    
    .header-1 nav #navbarSupportedContent ul li a {
        font-size: 20px;
        padding: 0px 12px;
    }
    
    .header-1 nav #navbarSupportedContent form .profile-icon h4 {
        font-size: 14px;
        line-height: 50px;
    }
    
    .header-1 nav #navbarSupportedContent form .profile-icon h4 img {
        width: 35px;
    }
    
    .icon-button__badge {
        right: 4px;
        width: 17px;
        height: 17px;
    }
    
    .attendence-sec .attendec-white-side {
        padding: 1rem 0;
    }
    
    .attendence-sec .attendec-white-side .head_txt h3 {
        font-size: 25px;
        line-height: 25px;
    }
    
    .attendence-sec .attendec-white-side .head_txt p {
        font-size: 16px;
        color: #fff;
        padding: 5px 0;
        margin-bottom: 20px;
    }
    
    .attendence-sec .attendec-white-side .team-detail {
        padding: 30px 15px;
    }
    
    .attendence-sec .attendec-white-side .team-detail h5 {
        font-size: 18px;
    }
    
    .attendence-sec .attendec-white-side .team-detail img {
        margin: 0 0 10px 0;
        width: 50px;
        height: 60px;
    }
    
    .pawListing .head_txt h3 {
        font-size: 26px;
        line-height: 26px;
    }
    
    .pawListing {
        padding: 1rem 0;
    }
    .pawListing .head_txt {
        margin: 8px 0 20px 0;
    }
    .upgrade_plan {
        bottom: 10px;
        padding: 15px;
        width: 60%;
        left: 4%;
    }
    
    .upgrade_plan img {
        width: 70px;
    }
    
    .upgrade_plan span {
        padding: 6px 0 10px;
        font-size: 12px;
    }
    
    .upgrade_plan a {
        width: 110px;
        padding: 8px;
        font-size: 12px;
    }
    .pet_form form .form_wrapper h4 {
        font-size: 20px;
        line-height: 30px;
    }
    
    .pet_form form .form_wrapper label {
        font-size: 12px;
        padding: 18px 0 10px;
    }
    
    .pet_form form .form_wrapper input, .pet_form form .form_wrapper textarea {
        padding: 15px 18px;
        font-size: 14px;
    }
    
    .pet_form form .form_wrapper select {
        padding: 16px 20px;
        font-size: 14px;
    }
    .pet_form form .form_wrapper .box_picture {
        border-radius: 20px;
        font-size: 14px;
    }
    
    .pet_form form .form_wrapper textarea {border-radius: 15px;}
    
    .pet_form form p {
        font-size: 14px;
        margin: 25px 0;
    }
    
    .pet_form form .form_wrapper h5 {
        font-size: 14px;
        padding: 18px 0;
    }
    
    .btn_group {
        width: 180px;
        padding: 10px 0;
        font-size: 16px;
    }
    .vitua_pet_seen .crd h5 {
        font-size: 16px;
        line-height: 26px;
        margin: 14px 0;
    }
    .header-1 nav .navbar-brand {
        font-size: 26px;
        line-height: 28px;
    }
    
    .attendence-sec .attendec-white-side .head_txt h3 {
        font-size: 22px;
        line-height: 24px;
    }
    
    .attendence-sec .attendec-white-side .head_txt p {
        font-size: 14px;
        padding: 4px 0;
    }
    .vitua_pet_tabs .tab-content .crd .price h2 {
        font-size: 18px;
        line-height: 28px;
    }
    
    .vitua_pet_tabs .tab-content .crd .price h4 {
        font-size: 18px;
        padding: 7px 0 13px;
    }
    
    .vitua_pet_tabs .tab-content .crd .price a {
        padding: 7px 10px;
        font-size: 15px;
        width: 150px;
        line-height: 25px;
    }
    
    .vitua_pet_tabs .tab-content .crd .img::after {
        border-radius: 10px;
    }
    
    .vitua_pet_tabs .tab-content .crd .img a {
        padding: 5px 10px;
        font-size: 13px;
    }
    
    .vitua_pet_tabs .tab-content .crd .price {
        margin: 25px 0px;
    }
    .vitua_pet_tabs .nav-tabs .nav-link {
        padding: 7px 20px;
    }
    .billing_date {
        padding: 25px 25px;
    }
    .billing_date .head_txt h3 {
        font-size: 20px;
    }
    
    .billing_date .head_txt {
        margin: 0px 0px 10px;
    }
    
    .billing_date h2 {
        font-size: 25px;
        padding: 0 0 4px 0;
    }
    
    .billing_date h5 {
        font-size: 14px;
    }
    
    .billing_date p {
        font-size: 14px;
        padding: 4px 0 35px;
    }
    
    .billing_date .btns {
        margin: 20px 0px 0px;
    }
    
    .billing_date .btns a {
        width: 150px;
        padding: 10px 0;
        margin: 0 10px 0 0;
        font-size: 14px;
    }
    
    .billing_table h3 {
        font-size: 24px;
        line-height: 26px;
        margin: 0 0 20px 0;
    }
    
    .billing_table table thead tr th {
        padding: 15px 15px;
        font-size: 14px;
    }
    
    .billing_table table tbody tr td {
        font-size: 14px;
        padding: 14px 18px;
    }
    
    .billing_table {
        padding: 30px 0px;
    }
    
    .billing_payment h3 {
        font-size: 26px;
        line-height: 28px;
        margin: 0px 0px 25px;
    }
    
    .billing_payment .crd_wrapper {
        padding: 25px;
    }
    
    .billing_payment .crd_wrapper h4 img {
        width: 40px;
        position: relative;
        top: 0rem;
        margin: 0 8px 0 0;
    }
    
    .billing_payment .crd_wrapper h4 {
        font-size: 16px;
    }
    
    .billing_payment .crd_wrapper p {
        font-size: 12px;
        padding: 0 50px 1rem;
    }
    
    .billing_payment .crd_wrapper form h4 {
        font-size: 18px;
        line-height: 28px;
    }
    
    .billing_payment .crd_wrapper form label {
        font-size: 14px;
        margin: 8px 0;
    }
    
    .billing_payment .crd_wrapper form input {
        width: 550px;
        padding: 14px 20px;
        font-size: 14px;
    }
    
    .billing_payment .crd_wrapper form button {
        width: 140px;
        padding: 10px 0;
        font-size: 12px;
    }
    
    .billing_payment .crd_wrapper form button:nth-child(2) {
        width: 40px;
        height: 40px;
        line-height: 10px;
        font-size: 14px;
    }
    
    .billing_payment .crd_wrapper form {
        padding: 20px 0;
        margin-bottom: 20px;
    }
    
    .billing_payment .crd_wrapper a {
        width: 240px;
        padding: 14px 0;
        font-size: 14px;
        margin: 14px 0 0 0;
    }
    .privacy_visible .crd_wrapper {
        padding: 25px;
    }
    
    .privacy_visible .crd_wrapper h4 {
        font-size: 24px;
        margin: 0 0 20px 0;
    }
    
    .privacy_visible .crd_wrapper .toggle_privacy div h5 {
        font-size: 16px;
    }
    
    .privacy_visible .crd_wrapper .toggle_privacy div p {
        font-size: 12px;
        margin: 12px 0;
    }
    
    .privacy_visible .crd_wrapper .selectOption {
        padding: 20px 0px;
        margin: 15px 0px 25px;
    }
    
    .privacy_visible .crd_wrapper .selectOption h5 {
        font-size: 18px;
    }
    
    .privacy_visible .crd_wrapper .selectOption select {
        padding: 12px 0;
        font-size: 14px;
        width: 190px;
        text-align: center;
        margin: 15px 0 0 0;
    }
    .attendence-sec.support .attendec-white-side h5 {
        font-size: 22px ! IMPORTANT;
        padding: 12px 0;
    }
    
    .attendence-sec.support .attendec-white-side p {
        font-size: 14px;
    }
    
    .attendence-sec.support .attendec-white-side .team-detail {
        height: 260px;
    }
    
    .attendence-sec.support .attendec-white-side .team-detail img {
        height: 70px;
    }
    .pet_form form .form_wrapper .toggle_setting {
        margin: 20px 0;
        padding: 0 0 15px;
    }
    
    .pet_form form .form_wrapper .toggle_setting h5 {
        font-size: 18px;
    }
    
    .pet_form form .form_wrapper .toggle_setting input[type="checkbox"] {
        width: 48px;
        height: 25px;
    }
    
    .pet_form form .form_wrapper .toggle_setting input[type="checkbox"]::before {
        width: 23px;
        height: 23px;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar-scroll .metismenu {
        max-height: 555px;
    }
    .sidebar-scroll .side-items-main {
        height: calc(64% - 60px);
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 10px 0 15px 0;
    }
    .main-sec-home .home-white-sec .upcoming-event h4 {
        font-size: 18px;
    }

    .main-sec-home .home-white-sec .upcoming-event p {
        font-size: 14px;
    }
    .sidebar-scroll .nav-header .brand-logo img {
        width: 80px;
    }
    
    .sidebar-scroll .metismenu li a {
        font-size: 13px;
        padding: 8px 3px;
        gap: 8px;
        margin: 0 14px;
    }
    
    .header-1 nav .navbar-brand {
        font-size: 28px;
        line-height: 28px;
    }
    
    .header-1 nav #navbarSupportedContent ul li a {
        font-size: 18px;
        padding: 0px 12px;
    }
    
    .header-1 nav #navbarSupportedContent form .profile-icon h4 {
        font-size: 13px;
        line-height: 30px;
    }
    
    .header-1 nav #navbarSupportedContent form .profile-icon h4 img {
        width: 35px;
    }
    
    .icon-button__badge {
        right: 6px;
        width: 16px;
        height: 16px;
    }
    
    .attendence-sec .attendec-white-side {
        padding: 1rem 0;
    }
    
    .attendence-sec .attendec-white-side .head_txt h3 {
        font-size: 25px;
        line-height: 25px;
    }
    
    .attendence-sec .attendec-white-side .head_txt p {
        font-size: 16px;
        color: #fff;
        padding: 5px 0;
        margin-bottom: 20px;
    }
    
    .attendence-sec .attendec-white-side .team-detail {
        padding: 20px 10px;
        margin: 0px 0px 20px;
    }
    .attendence-sec .attendec-white-side .team-detail:hover {
    transform: translateY(-8px);
}
    
    .attendence-sec .attendec-white-side .team-detail h5 {
        font-size: 16px;
    }
    
    .attendence-sec .attendec-white-side .team-detail img {
        margin: 0 0 10px 0;
        width: 40px;
        height: 50px;
    }
    
    .pawListing .head_txt h3 {
        font-size: 24px;
        line-height: 24px;
    }
    
    .pawListing {
        padding: 1rem 0;
    }
    .pawListing .head_txt {
        margin: 8px 0 20px 0;
    }
    .upgrade_plan {
        bottom: 10px;
        padding: 15px;
        width: 60%;
        left: 4%;
    }
    
    .upgrade_plan img {
        width: 70px;
    }
    
    .upgrade_plan span {
        padding: 6px 0 10px;
        font-size: 12px;
    }
    
    .upgrade_plan a {
        width: 110px;
        padding: 8px;
        font-size: 12px;
    }
    .pet_form form .form_wrapper h4 {
        font-size: 20px;
        line-height: 30px;
    }
    
    .pet_form form .form_wrapper label {
        font-size: 12px;
        padding: 18px 0 10px;
    }
    
    .pet_form form .form_wrapper input, .pet_form form .form_wrapper textarea {
        padding: 13px 18px;
        font-size: 13px;
    }
    
    .pet_form form .form_wrapper select {
        padding: 13px 18px;
        font-size: 13px;
    }
    .pet_form form .form_wrapper .box_picture {
        border-radius: 20px;
        font-size: 14px;
    }
    
    .pet_form form .form_wrapper textarea {border-radius: 15px;}
    
    .pet_form form p {
        font-size: 13px;
        margin: 20px 0;
    }
    .pet_form form .form_wrapper {
    margin: 0px 0px 35px !important;
}
    
    .pet_form form .form_wrapper h5 {
        font-size: 14px;
        padding: 10px 0;
    }
    
    .btn_group {
        width: 150px;
        padding: 10px 0;
        font-size: 14px;
        margin: 30px 0px 0px !important;
    }
    .btn_group.wdBtn {
        width: 270px;
    }
    .vitua_pet_seen .crd h5 {
        font-size: 16px;
        line-height: 26px;
        margin: 14px 0;
    }
    .header-1 nav .navbar-brand {
        font-size: 24px;
        line-height: 26px;
    }
    
    .attendence-sec .attendec-white-side .head_txt h3 {
        font-size: 20px;
        line-height: 20px;
    }
    
    .attendence-sec .attendec-white-side .head_txt p {
        font-size: 13px;
        padding: 4px 0;
    }
    .vitua_pet_tabs .tab-content .crd .price h2 {
        font-size: 16px;
        line-height: 26px;
    }
    
    .vitua_pet_tabs .tab-content .crd .price h4 {
        font-size: 16px;
        padding: 6px 0 10px;
    }
    
    .vitua_pet_tabs .tab-content .crd .price a {
        padding: 5px 10px;
        font-size: 14px;
        width: 120px;
        line-height: 24px;
    }
    
    .vitua_pet_tabs .tab-content .crd .img::after {
        border-radius: 10px;
    }
    
    .vitua_pet_tabs .tab-content .crd .img a {
        padding: 5px 10px;
        font-size: 13px;
    }
    
    .vitua_pet_tabs .tab-content .crd .price {
        margin: 20px 0px;
    }
    .vitua_pet_tabs .nav-tabs {
       gap: 10px;
       margin: 0px 0px 30px;
     }
    .vitua_pet_tabs .nav-tabs .nav-link {
        padding: 5px 20px;
        margin: 0;
    }
    .billing_date {
        padding: 20px 20px;
    }
    .billing_date .head_txt h3 {
        font-size: 18px;
    }
    
    .billing_date .head_txt {
        margin: 0px 0px 10px;
    }
    
    .billing_date h2 {
        font-size: 20px;
        padding: 0px 0 0px 0;
    }
    
    .billing_date h5 {
        font-size: 14px;
    }
    
    .billing_date p {
        font-size: 13px;
        padding: 2px 0 30px;
    }
    .billing_date .head_txt p {
    font-size: 13px;
}
    .billing_date .btns {
        margin: 20px 0px 0px;
    }
    
    .billing_date .btns a {
        width: 150px;
        padding: 10px 0;
        margin: 0 10px 0 0;
        font-size: 14px;
    }
    
    .billing_table h3 {
        font-size: 24px;
        line-height: 26px;
        margin: 0 0 20px 0;
    }
    
    .billing_table table thead tr th {
        padding: 13px 12px;
        font-size: 14px;
    }
    
    .billing_table table tbody tr td {
        font-size: 13px;
        padding: 12px 13px;
    }
    
    .billing_table {
        padding: 30px 0px;
    }
    
    .billing_payment h3 {
        font-size: 24px;
        line-height: 26px;
        margin: 0px 0px 20px;
    }
    
    .billing_payment .crd_wrapper {
        padding: 20px;
    }
    
    .billing_payment .crd_wrapper h4 img {
        width: 40px;
        position: relative;
        top: 0rem;
        margin: 0 8px 0 0;
    }
    
    .billing_payment .crd_wrapper h4 {
        font-size: 15px;
    }
    
    .billing_payment .crd_wrapper p {
        font-size: 12px;
        padding: 0 50px 0rem;
    }
    
    .billing_payment .crd_wrapper form h4 {
        font-size: 18px;
        line-height: 28px;
    }
    
    .billing_payment .crd_wrapper form label {
        font-size: 14px;
        margin: 8px 0;
    }
    
    .billing_payment .crd_wrapper form input {
        width: 380px;
        padding: 12px 19px;
        font-size: 12px;
    }
    
    .billing_payment .crd_wrapper form button {
        width: 120px;
        padding: 10px 0;
        font-size: 12px;
    }
    
    .billing_payment .crd_wrapper form button:nth-child(2) {
        width: 38px;
        height: 38px;
        line-height: 10px;
        font-size: 13px;
    }
    
    .billing_payment .crd_wrapper form {
        padding: 20px 0;
        margin-bottom: 20px;
    }
    
    .billing_payment .crd_wrapper a {
        width: 228px;
        padding: 12px 0;
        font-size: 13px;
        margin: 12px 0 0 0;
    }
    .privacy_visible .crd_wrapper {
        padding: 25px;
    }
    
    .privacy_visible .crd_wrapper h4 {
        font-size: 24px;
        margin: 0 0 20px 0;
    }
    
    .privacy_visible .crd_wrapper .toggle_privacy div h5 {
        font-size: 16px;
    }
    
    .privacy_visible .crd_wrapper .toggle_privacy div p {
        font-size: 12px;
        margin: 12px 0;
    }
    
    .privacy_visible .crd_wrapper .selectOption {
        padding: 20px 0px;
        margin: 15px 0px 25px;
    }
    
    .privacy_visible .crd_wrapper .selectOption h5 {
        font-size: 18px;
    }
    
    .privacy_visible .crd_wrapper .selectOption select {
        padding: 12px 0;
        font-size: 14px;
        width: 190px;
        text-align: center;
        margin: 15px 0 0 0;
    }
    .attendence-sec.support .attendec-white-side h5 {
        font-size: 20px ! IMPORTANT;
        padding: 10px 0;
    }
    
    .attendence-sec.support .attendec-white-side p {
        font-size: 13px;
    }
    
    .attendence-sec.support .attendec-white-side .team-detail {
        height: 200px;
    }
    
    .attendence-sec.support .attendec-white-side .team-detail img {
        height: 60px;
    }
    .pet_form form .form_wrapper .toggle_setting {
        margin: 14px 0;
        padding: 0 0 12px;
    }
    
    .pet_form form .form_wrapper .toggle_setting h5 {
        font-size: 15px;
    }
    
    .pet_form form .form_wrapper .toggle_setting input[type="checkbox"] {
        width: 48px;
        height: 25px;
    }
    
    .pet_form form .form_wrapper .toggle_setting input[type="checkbox"]::before {
        width: 23px;
        height: 23px;
    }
    .pawListing .dogDetail img {
        margin: 0px 0px 20px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar {
        height: calc(100% - 60px);
        top: 4.6rem;
        left: -309px;
    }

    .sidebarshow {
        left: 0;
    }

    .header-1 nav #navbarSupportedContent ul li button.toggle {
        width: 35px;
        height: 35px;
        padding: 10px;
    }

    .header-1 nav #navbarSupportedContent ul {
        display: flex;
        flex-direction: row;
        margin: 0;
    }

    .sidebar-scroll .metismenu {
        max-height: 300px;
    }

    .header-1 .navbar .container-fluid {
        flex-direction: column-reverse;
    }

    .header-1 nav #navbarSupportedContent {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .sidebar-scroll .metismenu li a {
        padding: 8px 25px;
    }

    .header-1 {
        z-index: 99;
        transition: all .2s ease;
        background: #ffffff;
        box-shadow: 0 0 8px 2px rgb(0 0 0 / 5%);
        position: fixed;
        top: 0;
        width: 100%;
    }

    .padding-set-here {
        padding: 130px 0 50px 0;
    }

    .header-1 nav #navbarSupportedContent ul li a {
        color: #000000;
    }

    ul.notification-scroll {
        flex-direction: column ! IMPORTANT;
    }

    .navbar .navbar-collapse .profile-icon .logout-profile {
        width: 134px;
        box-shadow: 8px -5px 52px #2524240d;
    }

    header.header-1::after {
        display: none;
    }
    .sidebar-scroll .side-items-main {
        height: calc(83% - 60px);
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 10px 0 15px 0;
    }
    .main-sec-home .home-white-sec .upcoming-event h4 {
        font-size: 18px;
    }

    .main-sec-home .home-white-sec .upcoming-event p {
        font-size: 14px;
    }
    .sidebar-scroll .nav-header .brand-logo img {
        width: 80px;
    }
    
    .sidebar-scroll .metismenu li a {
        font-size: 13px;
        padding: 8px 3px;
        gap: 8px;
        margin: 0 14px;
    }
    
    .header-1 nav .navbar-brand {
        font-size: 28px;
        line-height: 28px;
    }
    
    .header-1 nav #navbarSupportedContent ul li a {
        font-size: 20px;
        padding: 0px 12px;
    }
    
    .header-1 nav #navbarSupportedContent form .profile-icon h4 {
        font-size: 12px;
        line-height: 26px;
        color: #000;
    }
    
    .header-1 nav #navbarSupportedContent form .profile-icon h4 img {
        width: 35px;
    }
    
    .icon-button__badge {
        right: 6px;
        width: 16px;
        height: 16px;
    }
    
    .attendence-sec .attendec-white-side {
        padding: 7rem 0 0px;
    }
    
    .attendence-sec .attendec-white-side .head_txt h3 {
        font-size: 25px;
        line-height: 25px;
    }
    
    .attendence-sec .attendec-white-side .head_txt p {
        font-size: 16px;
        color: #fff;
        padding: 5px 0;
        margin-bottom: 20px;
    }
    
    .attendence-sec .attendec-white-side .team-detail {
        padding: 20px 10px;
        margin: 0px 0px 20px;
    }
    .attendence-sec .attendec-white-side .team-detail:hover {
    transform: translateY(-8px);
}
    
    .attendence-sec .attendec-white-side .team-detail h5 {
        font-size: 16px;
    }
    
    .attendence-sec .attendec-white-side .team-detail img {
        margin: 0 0 10px 0;
        width: 40px;
        height: 50px;
    }
    
    .pawListing .head_txt h3 {
        font-size: 24px;
        line-height: 24px;
    }
    
    .pawListing {
        padding: 1rem 0;
    }
    .pawListing .head_txt {
        margin: 8px 0 20px 0;
    }
    .upgrade_plan {
    display: none;
    }
    
    .upgrade_plan img {
        width: 70px;
    }
    
    .upgrade_plan span {
        padding: 6px 0 10px;
        font-size: 12px;
    }
    
    .upgrade_plan a {
        width: 110px;
        padding: 8px;
        font-size: 12px;
    }
    .pet_form form .form_wrapper h4 {
        font-size: 18px;
        line-height: 28px;
    }
    
    .pet_form form .form_wrapper label {
        font-size: 12px;
        padding: 18px 0 10px;
    }
    
    .pet_form form .form_wrapper input, .pet_form form .form_wrapper textarea {
        padding: 13px 18px;
        font-size: 13px;
    }
    
    .pet_form form .form_wrapper select {
        padding: 13px 18px;
        font-size: 13px;
    }
    .pet_form form .form_wrapper .box_picture {
        border-radius: 20px;
        font-size: 14px;
    }
    
    .pet_form form .form_wrapper textarea {border-radius: 15px;}
    
    .pet_form form p {
        font-size: 13px;
        margin: 20px 0;
    }
    .pet_form form .form_wrapper {
    margin: 0px 0px 35px !important;
}
    
    .pet_form form .form_wrapper h5 {
        font-size: 14px;
        padding: 10px 0;
    }
    
    .btn_group {
        width: 150px;
        padding: 10px 0;
        font-size: 14px;
        margin: 30px 0px 0px !important;
    }
    .btn_group.wdBtn {
        width: 270px;
    }
    .vitua_pet_seen .crd h5 {
        font-size: 16px;
        line-height: 26px;
        margin: 14px 0;
    }
    .header-1 nav .navbar-brand {
        font-size: 26px;
        line-height: 36px;
        color: #000;
    }
    
    .attendence-sec .attendec-white-side .head_txt h3 {
        font-size: 20px;
        line-height: 30px;
    }
    
    .attendence-sec .attendec-white-side .head_txt p {
        font-size: 13px;
        padding: 4px 0;
    }
    .vitua_pet_tabs .tab-content .crd .price h2 {
        font-size: 16px;
        line-height: 26px;
    }
    
    .vitua_pet_tabs .tab-content .crd .price h4 {
        font-size: 16px;
        padding: 6px 0 10px;
    }
    
    .vitua_pet_tabs .tab-content .crd .price a {
        padding: 5px 10px;
        font-size: 14px;
        width: 120px;
        line-height: 24px;
    }
    
    .vitua_pet_tabs .tab-content .crd .img::after {
        border-radius: 10px;
    }
    
    .vitua_pet_tabs .tab-content .crd .img a {
        padding: 5px 10px;
        font-size: 13px;
    }
    
    .vitua_pet_tabs .tab-content .crd .price {
        margin: 20px 0px;
    }
    .vitua_pet_tabs .nav-tabs {
       gap: 10px;
       margin: 0px 0px 30px;
     }
    .vitua_pet_tabs .nav-tabs .nav-link {
        padding: 5px 20px;
        margin: 0;
    }
    .billing_date {
        padding: 20px 20px;
    }
    .billing_date .head_txt h3 {
        font-size: 18px;
    }
    
    .billing_date .head_txt {
        margin: 0px 0px 10px;
    }
    
    .billing_date h2 {
        font-size: 20px;
        padding: 0px 0 0px 0;
    }
    
    .billing_date h5 {
        font-size: 14px;
    }
    
    .billing_date p {
        font-size: 13px;
        padding: 2px 0 30px;
    }
    .billing_date .head_txt p {
    font-size: 13px;
}
    .billing_date .btns {
        margin: 20px 0px 0px;
    }
    
    .billing_date .btns a {
        width: 150px;
        padding: 10px 0;
        margin: 0 10px 0 0;
        font-size: 14px;
    }
    
    .billing_table h3 {
        font-size: 24px;
        line-height: 26px;
        margin: 0 0 20px 0;
    }
    
    .billing_table table thead tr th {
        padding: 13px 12px;
        font-size: 14px;
    }
    
    .billing_table table tbody tr td {
        font-size: 13px;
        padding: 12px 13px;
    }
    
    .billing_table {
        padding: 30px 0px;
    }
    
    .billing_payment h3 {
        font-size: 24px;
        line-height: 26px;
        margin: 0px 0px 20px;
    }
    
    .billing_payment .crd_wrapper {
        padding: 20px;
    }
    
    .billing_payment .crd_wrapper h4 img {
        width: 40px;
        position: relative;
        top: 0rem;
        margin: 0 8px 0 0;
    }
    
    .billing_payment .crd_wrapper h4 {
        font-size: 15px;
    }
    
    .billing_payment .crd_wrapper p {
        font-size: 12px;
        padding: 0 50px 0rem;
    }
    
    .billing_payment .crd_wrapper form h4 {
        font-size: 18px;
        line-height: 28px;
    }
    
    .billing_payment .crd_wrapper form label {
        font-size: 14px;
        margin: 8px 0;
    }
    
    .billing_payment .crd_wrapper form input {
        width: 380px;
        padding: 12px 19px;
        font-size: 12px;
    }
    
    .billing_payment .crd_wrapper form button {
        width: 120px;
        padding: 10px 0;
        font-size: 12px;
    }
    
    .billing_payment .crd_wrapper form button:nth-child(2) {
        width: 38px;
        height: 38px;
        line-height: 10px;
        font-size: 13px;
    }
    
    .billing_payment .crd_wrapper form {
        padding: 20px 0;
        margin-bottom: 20px;
    }
    
    .billing_payment .crd_wrapper a {
        width: 228px;
        padding: 12px 0;
        font-size: 13px;
        margin: 12px 0 0 0;
    }
    .privacy_visible .crd_wrapper {
        padding: 25px;
    }
    
    .privacy_visible .crd_wrapper h4 {
        font-size: 24px;
        margin: 0 0 20px 0;
    }
    
    .privacy_visible .crd_wrapper .toggle_privacy div h5 {
        font-size: 16px;
    }
    
    .privacy_visible .crd_wrapper .toggle_privacy div p {
        font-size: 12px;
        margin: 12px 0;
    }
    
    .privacy_visible .crd_wrapper .selectOption {
        padding: 20px 0px;
        margin: 15px 0px 25px;
    }
    
    .privacy_visible .crd_wrapper .selectOption h5 {
        font-size: 18px;
    }
    
    .privacy_visible .crd_wrapper .selectOption select {
        padding: 12px 0;
        font-size: 14px;
        width: 190px;
        text-align: center;
        margin: 15px 0 0 0;
    }
    .attendence-sec.support .attendec-white-side h5 {
        font-size: 20px ! IMPORTANT;
        padding: 10px 0;
    }
    
    .attendence-sec.support .attendec-white-side p {
        font-size: 13px;
    }
    
    .attendence-sec.support .attendec-white-side .team-detail {
        height: 200px;
    }
    
    .attendence-sec.support .attendec-white-side .team-detail img {
        height: 60px;
    }
    .pet_form form .form_wrapper .toggle_setting {
        margin: 14px 0;
        padding: 0 0 12px;
    }
    
    .pet_form form .form_wrapper .toggle_setting h5 {
        font-size: 15px;
    }
    
    .pet_form form .form_wrapper .toggle_setting input[type="checkbox"] {
        width: 48px;
        height: 25px;
    }
    
    .pet_form form .form_wrapper .toggle_setting input[type="checkbox"]::before {
        width: 23px;
        height: 23px;
    }
    .pawListing .dogDetail img {
        margin: 0px 0px 20px;
    }

}

@media only screen and (min-width: 300px) and (max-width: 519px) {
    .sidebar {
        height: calc(100% - 60px);
        top: 4.6rem;
        left: -309px;
    }
    header.header-1::after {
        display: none;
    }
    .sidebarshow {
        left: 0;
    }

    .header-1 nav #navbarSupportedContent ul li button.toggle {
        width: 35px;
        height: 35px;
        padding: 8px;
    }

    .header-1 nav #navbarSupportedContent ul {
        display: flex;
        flex-direction: row;
        margin: 0;
    }

    .sidebar-scroll .metismenu {
        max-height: 475px;
    }

    .header-1 .navbar .container-fluid {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .header-1 nav #navbarSupportedContent {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .sidebar-scroll .metismenu li a {
        padding: 8px 25px;
    }

    .header-1 {
        z-index: 99;
        transition: all .2s ease;
        background: #fff;
        box-shadow: 0 0 8px 2px rgb(0 0 0 / 5%);
        position: fixed;
        top: 0;
        width: 100%;
        padding: 5px 0px;
    }

    .padding-set-here {
        padding: 130px 0 30px 0;
    }

    .header-1 nav #navbarSupportedContent ul li a {
        color: #000000;
    }

    ul.notification-scroll {
        flex-direction: column ! IMPORTANT;
    }

    .navbar .navbar-collapse .profile-icon .logout-profile {
        width: 134px;
        box-shadow: 8px -5px 52px #2524240d;
    }

    header.header-1::
        after {
        display: none;
    }
    .sidebar-scroll .side-items-main {
        height: calc(83% - 60px);
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 10px 0 15px 0;
    }
    .main-sec-home .home-white-sec .upcoming-event h4 {
        font-size: 18px;
    }

    .main-sec-home .home-white-sec .upcoming-event p {
        font-size: 14px;
    }
    .sidebar-scroll .nav-header .brand-logo img {
        width: 80px;
    }
    
    .sidebar-scroll .metismenu li a {
        font-size: 13px;
        padding: 8px 3px;
        gap: 8px;
        margin: 0 14px;
    }
    
    .header-1 nav .navbar-brand {
        font-size: 28px;
        line-height: 28px;
    }
    
    .header-1 nav #navbarSupportedContent ul li a {
        font-size: 18px;
        padding: 0px 5px;
    }
    
    .header-1 nav #navbarSupportedContent form .profile-icon h4 {
        font-size: 12px;
        line-height: 26px;
        color: #000;
    }
    .header-1 nav #navbarSupportedContent form .profile-icon h4 {
        width: 100px;
        height: 40px;
    }
    
    .header-1 nav #navbarSupportedContent form .profile-icon h4 img {
        width: 35px;
    }
    
    .icon-button__badge {
        right: 0px;
        width: 14px;
        height: 14px;
        top: -5px;
    }
    
    .attendence-sec .attendec-white-side {
        padding: 1rem 0 0px;
    }
    
    .attendence-sec .attendec-white-side .head_txt h3 {
        font-size: 25px;
        line-height: 25px;
    }
    
    .attendence-sec .attendec-white-side .head_txt p {
        font-size: 16px;
        color: #fff;
        padding: 5px 0;
        margin-bottom: 20px;
    }
    
    .attendence-sec .attendec-white-side .team-detail {
        padding: 20px 10px;
        margin: 0px 0px 20px;
    }
    .attendence-sec .attendec-white-side .team-detail:hover {
       transform: translateY(-8px);
    }
    
    .attendence-sec .attendec-white-side .team-detail h5 {
        font-size: 16px;
    }
    
    .attendence-sec .attendec-white-side .team-detail img {
        margin: 0 0 10px 0;
        width: 40px;
        height: 50px;
    }
    
    .pawListing .head_txt h3 {
        font-size: 24px;
        line-height: 24px;
    }
    
    .pawListing {
        padding: 1rem 0;
    }
    .pawListing .head_txt {
        margin: 8px 0 20px 0;
    }
    .upgrade_plan {
        display: none;
    }
    
    .upgrade_plan img {
        width: 70px;
    }
    
    .upgrade_plan span {
        padding: 6px 0 10px;
        font-size: 12px;
    }
    
    .upgrade_plan a {
        width: 110px;
        padding: 8px;
        font-size: 12px;
    }
    .pet_form form .form_wrapper h4 {
        font-size: 15px;
        line-height: 25px;
    }
    
    .pet_form form .form_wrapper label {
        font-size: 11px;
        padding: 10px 0 7px;
    }
    .pet_form form .form_wrapper .check label {
        padding: 0 0px;
}
    
    .pet_form form .form_wrapper input, .pet_form form .form_wrapper textarea {
        padding: 12px 15px;
        font-size: 12px;
    }
    
    .pet_form form .form_wrapper select {
        padding: 13px 18px;
        font-size: 13px;
    }
    .pet_form form .form_wrapper .box_picture {
        border-radius: 20px;
        font-size: 14px;
    }
    
    .pet_form form .form_wrapper textarea {
        border-radius: 15px;}
    .pet_form form .form_wrapper .check .form-check {
        margin: 0 5px 0 0;
        display: flex;
        gap: 10px;
     }
    .pet_form form .form_wrapper .check .form-check-input {
        width: 10px;
        height: 10px;
    }
    .pet_form form p {
        font-size: 13px;
        margin: 12px 0;
    }
    .pet_form form .form_wrapper {
        margin: 0px 0px 20px !important;
    }
    
    .pet_form form .form_wrapper h5 {
        font-size: 14px;
        padding: 10px 0;
    }
    
    .btn_group {
        width: 130px;
        padding: 10px 0;
        font-size: 13px;
        margin: 20px 0px 0px !important;
    }
    .btn_group.wdBtn {
        width: 270px;
    }
    .vitua_pet_seen .crd h5 {
        font-size: 16px;
        line-height: 26px;
        margin: 14px 0;
    }
    .header-1 nav .navbar-brand {
        font-size: 18px;
        line-height: 20px;
        color: #000;
        margin: 0;
    }
    
    .attendence-sec .attendec-white-side .head_txt h3 {
        font-size: 20px;
        line-height: 30px;
    }
    
    .attendence-sec .attendec-white-side .head_txt p {
        font-size: 13px;
        padding: 4px 0;
    }
    .vitua_pet_tabs .tab-content .crd .price h2 {
        font-size: 16px;
        line-height: 26px;
    }
    
    .vitua_pet_tabs .tab-content .crd .price h4 {
        font-size: 16px;
        padding: 6px 0 10px;
    }
    
    .vitua_pet_tabs .tab-content .crd .price a {
        padding: 5px 10px;
        font-size: 14px;
        width: 120px;
        line-height: 24px;
    }
    
    .vitua_pet_tabs .tab-content .crd .img::
        after {
        border-radius: 10px;
    }
    
    .vitua_pet_tabs .tab-content .crd .img a {
        padding: 5px 10px;
        font-size: 13px;
    }
    
    .vitua_pet_tabs .tab-content .crd .price {
        margin: 20px 0px;
    }
    .vitua_pet_tabs .nav-tabs {
        gap: 5px;
        margin: 0px 0px 20px;
     }
    .vitua_pet_tabs .nav-tabs .nav-link {
        padding: 5px 15px;
        margin: 0;
    }
    .billing_date {
        padding: 15px 15px;
    }
    .billing_date .head_txt h3 {
        font-size: 20px;
    }
    
    .billing_date .head_txt {
        margin: 0px 0px 10px;
    }
    
    .billing_date h2 {
        font-size: 16px;
        padding: 0px 0 0px 0;
    }
    
    .billing_date h5 {
        font-size: 14px;
    }
    
    .billing_date p {
        font-size: 12px;
        padding: 2px 0 35px;
    }
    .billing_date .head_txt p {
        font-size: 13px;
}
    .billing_date .btns {
        margin: 20px 0px 0px;
    }
    
    .billing_date .btns a {
        width: 120px;
        padding: 10px 0;
        margin: 0px 5px 0 0;
        font-size: 12px;
    }
    
    .billing_table h3 {
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 14px 0;
    }
    
    .billing_table table thead tr th {
        padding: 13px 12px;
        font-size: 14px;
    }
    
    .billing_table table tbody tr td {
        font-size: 13px;
        padding: 12px 13px;
    }
    
    .billing_table {
        padding: 25px 0px;
    }
    
    .billing_payment h3 {
        font-size: 18px;
        line-height: 26px;
        margin: 0px 0px 16px;
    }
    
    .billing_payment .crd_wrapper {
        padding: 20px 15px;
        border-radius: 20px;
    }
    
    .billing_payment .crd_wrapper h4 img {
        width: 30px;
        position: relative;
        top: 0rem;
        margin: 0 4px 0 0;
    }
    
    .billing_payment .crd_wrapper h4 {
        font-size: 12px;
    }
    
    .billing_payment .crd_wrapper p {
        font-size: 11px;
        padding: 0 0px 0rem;
    }
    
    .billing_payment .crd_wrapper form h4 {
        font-size: 16px;
        line-height: 20px;
    }
    
    .billing_payment .crd_wrapper form label {
        font-size: 12px;
        margin: 7px 0 0px;
    }
    
    .billing_payment .crd_wrapper form input {
        width: 100%;
        padding: 12px 15px;
        font-size: 12px;
        margin: 4px 0px 10px;
    }
    
    .billing_payment .crd_wrapper form button {
        width: 120px;
        padding: 10px 0;
        font-size: 12px;
    }
    
    .billing_payment .crd_wrapper form button:nth-child(2) {
        width: 38px;
        height: 38px;
        line-height: 10px;
        font-size: 13px;
    }
    
    .billing_payment .crd_wrapper form {
        padding: 10px 0;
        margin-bottom: 20px;
        display: block;
    }
    
    .billing_payment .crd_wrapper a {
        width: 210px;
        padding: 12px 0;
        font-size: 12px;
        margin: 10px 0 0 0;
    }
    .privacy_visible .crd_wrapper {
        padding: 20px 15px;
        border-radius: 20px;
    }
    
    .privacy_visible .crd_wrapper h4 {
        font-size: 18px;
        margin: 0 0 14px 0;
    }
    
    .privacy_visible .crd_wrapper .toggle_privacy div h5 {
        font-size: 12px;
    }
    .privacy_visible .crd_wrapper .toggle_privacy{
    display: block;
}
    .privacy_visible .crd_wrapper .toggle_privacy div p {
        font-size: 12px;
        margin: 10px 0;
    }
    
    .privacy_visible .crd_wrapper .selectOption {
        padding: 20px 0px;
        margin: 15px 0px 25px;
    }
    
    .privacy_visible .crd_wrapper .selectOption h5 {
        font-size: 14px;
    }
    
    .privacy_visible .crd_wrapper .selectOption select {
        padding: 8px 0;
        font-size: 12px;
        width: 131px;
        text-align: center;
        margin: 12px 0 0 0;
    }
    .attendence-sec.support .attendec-white-side h5 {
        font-size: 20px ! IMPORTANT;
        padding: 10px 0;
    }
    
    .attendence-sec.support .attendec-white-side p {
        font-size: 13px;
    }
    
    .attendence-sec.support .attendec-white-side .team-detail {
        height: 200px;
    }
    
    .attendence-sec.support .attendec-white-side .team-detail img {
        height: 60px;
    }
    .pet_form form .form_wrapper .toggle_setting {
        margin: 10px 0;
        padding: 0 0 10px;
    }
    
    .pet_form form .form_wrapper .toggle_setting h5 {
        font-size: 13px;
    }
    
    .pet_form form .form_wrapper .toggle_setting input[type=
        "checkbox"] {
        width: 48px;
        height: 25px;
    }
    
    .pet_form form .form_wrapper .toggle_setting input[type=
        "checkbox"]::before {
        width: 23px;
        height: 23px;
    }
    .pawListing .dogDetail img {
        margin: 0px 0px 20px;
    }
    .privacy_visible .crd_wrapper .form-check {
        padding: 20px;
    }
    
    .privacy_visible .crd_wrapper .form-check label.form-check-label {
        font-size: 12px;
    }
    .pet_form form .form_wrapper .badge {
        display: block !important;
        padding: 0;
        margin: 0px 0px 10px;
        text-align: left;
    }
    
    .pet_form form .form_wrapper .badge span {
        width: 136px;
        padding: 14px 15px;
        font-size: 12px;
    }
    .pet_form form .form_wrapper span {
        padding: 10px 14px 0;
        font-size: 13px;
    }
}