@media only screen and (max-width: 375px) and (min-width: 346px) {
}

@media only screen and (max-width: 544px) and (min-width: 375px) {
}

@media only screen and (max-width: 555px) and (min-width: 376px) {
}

@media only screen and (max-width: 768px) and (min-width: 544px) {
}

@media only screen and (max-width: 1222px) and (min-width: 999px) {
}

@media only screen and (max-width: 1358px) and (min-width: 1202px) {
}

@media only screen and (max-width: 1200px) and (min-width: 993px) {
}

@media only screen and (max-width: 991px) and (min-width: 300px) {
}

@media only screen and (max-width: 400px) and (min-width: 300px) {
}

@media only screen and (max-width: 826px) and (min-width: 572px) {
}

@media only screen and (max-width: 370px) and (min-width: 320px) {
}

@media only screen and (max-width: 900px) and (min-width: 370px) {
}

@media only screen and (max-width: 551px) and (min-width: 370px) {
}

@media only screen and (max-width: 999px) and (min-width: 826px) {
}

@media only screen and (max-width: 11200px) and (min-width: 1600px) {
}

@media only screen and (max-width: 999px) and (min-width: 400px) {
}

@media only screen and (max-width: 999px) and (min-width: 551px) {
}

@media only screen and (max-width: 1422px) and (min-width: 1300px) {
}

@media only screen and (max-width: 1524px) and (min-width: 1422px) {
}

@media only screen and (max-width: 1657) and (min-width: 1524px) {
}

@media only screen and (max-width: 11200px) and (min-width: 1400px) {
}

@media only screen and (max-width: 1000px) and (min-width: 700px) {
}

@media only screen and (max-width: 999px) and (min-width: 300px) {
    .mobie_menu_button {
        display: block;
        background: transparent;
        border: none;
        font-size: 20px;
        padding: 22px 6px;
    }

    .nav_logo {
        width: 54px;
        margin-top: 6px;
        background-color: transparent;
        padding: 8px;
    }

    .wrapper_n .cus_container {
        justify-content: space-between;
    }

    .nav_inner {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 2;
    }

    .nav_inner ul.parent_menu li {
        display: block;
        text-align: left;
        margin: 0;
        margin-bottom: 20px;
    }

    .dd_menu_cont {
        position: fixed;
        z-index: 2;
        top: 0;
        left: 4%;
        width: 90%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    .wrapper_n ul.dd_menu_cont li {
        display: block;
        text-align: left;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .cus_container {
        width: 90%;
    }

    .banner_text_cont h1 hr {
        margin: 10px auto;
    }

    .banner_text_cont {
        text-align: center;
    }

    .col_wrapper .hals_col.for_text {
        width: 100%;
    }

    .col_wrapper .hals_col.for_image {
        width: 100%;
    }

    .col_wrapper .hals_col.for_text p {
        width: 100%;
        text-align: center;
        font-size: 14px;
    }

    .bordered_col {
        flex-wrap: wrap;
    }

    .bordered_col .hals_col.for_text h3 {
        text-align: center;
    }

    .bordered_col .hals_col.for_text h3 hr {
        margin: 10px auto;
    }

    .bordered_col button {
        width: 100%;
        padding: 11px 0px;
    }

    .cards {
        width: 100%;
    }

    .qyery {
        width: 100%;
    }

    .qyery.left {
        width: 100%;
        text-align: center;
    }

    .qyery.left p {
        width: 100%;
    }

    .qyery.left h3 hr {
        margin: 10px auto;
    }

    .qyery.right button {
        margin: 49px auto 50px;
        width: 100%;
    }

    .bookanappointment {
        flex-wrap: wrap;
        text-align: center;
        width: 100%;
    }

    .bookanappointment img {
        display: none;
    }

    .bookanappointment p {
        width: 100%;
        margin-bottom: 20px;
    }

    .bookanappointment button {
        margin: 0 auto;
    }

    .dd_menu_cont .cus_container {
        margin: 0;
    }

    .close_dd {
        position: fixed;
        top: 19px;
        right: 17px;
        border: none;
        background: no-repeat;
        font-size: 21px;
        display: block;
    }

    .footer_collum {
        width: 100%;
    }

    .logo_cont_footer {
        position: static;
    }

    .logo_cont_footer img {
        width: 14px;
    }

    .logo_cont_footer span {
        transform: translateY(0px);
        font-size: 12px;
    }

    /*     about start */
    .dropdown_cont_left, .dropdown_cont_tight {
        width: 100%;
        text-align: center;
    }

    .dropdown_cont_tight {
        justify-content: center;
        padding-top: 10px;
    }

    .banner.for_about {
        background-position: 62%;
        background-size: cover;
        min-height: 200px;
    }

    .col_wrapper_outer.for_cards .col_wrapper.annother .col_wrapper_outer {
        align-items: center;
        justify-content: center;
    }

    .top_info_nav {
        display: none;
    }

    /* .dd_menu_cont {
        display: none;
    }
    .dd_menu_cont.dd_active {
        display: flex;
        animation: fadeinanimation .3s linear forwards;
    } */
    .for_opening_hours_outer {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 24px;
    }

    .for_opening_hours_inner p {
        margin-bottom: 0px;
    }

    .banner.for_contact {
        background-position: center;
    }

    .doc_profile_wrapper {
        width: 100%;
        max-height: unset;
        height: auto;
        overflow: auto;
        height: 100vh;
        border-radius: 0;
    }

    .doc_image_sec_left, .doc_image_Section_wrapper {
        width: 100%;
    }

    .doc_image_sec_right {
        width: 100%;
        padding: 0px 0px;
        margin-top: 31px;
        display: block;
    }

    .about_doctor_content_wrapper {
        overflow-y: unset;
        height: unset;
    }

    .doc_image_sec_right h3 {
        text-align: center;
        width: 100%;
    }

    .doc_image_sec_right p {
        text-align: center;
    }

    .panel .col_wrapper .hals_col.for_image img {
        width: unset;
        height: unset;
        width: 100%;
    }

    .panel .col_wrapper .hals_col.for_text {
        width: calc(100%);
        z-index: 1;
    }

    .panel .heading_text {
        margin-bottom: 15px;
        z-index: 2;
        margin: auto;
        margin-bottom: 23px;
        width: 91%;
        font-size: 21px;
    }

    .banner_text_cont h1 {
        line-height: 36px;
        font-size: 28px;
    }

    .static_container .material-symbols-outlined {
        display: none;
    }

    .banner_text_cont p {
        color: white;
        letter-spacing: 2px;
        word-spacing: 0px;
        font-size: 13px;
    }

    .hals_col.for_text ul li::before {
        /* content: ''; */
        /* position: absolute; */
        /* width: 8px; */
        /* height: 8px; */
        left: -36px;
        font-size: 17px;
        top: calc(50% - 11px);
    }

    .hals_col.for_text ul .li_cont li::before {
        /* display: flex;
        text-align: center;
        position: relative;
        width: 100%;
        left: 0;
        font-size: 15px; */
    }

    .qyery_cont {
        margin-top: 20px;
    }

    .panel .col_wrapper .hals_col.for_text p {
        font-size: 13.5px;
    }

    .panel .hals_col button {
        background: black;
        color: white;
    }

    .panel .cus_container {
        height: 100%;
    }

    .panel .col_wrapper .hals_col.for_image {
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
    }

    .panel .col_wrapper .hals_col.for_image img {
        position: absolute;
        top: 0;
        height: 100%;
        width: auto;
        opacity: .1;
    }

    .panel {
        overflow: hidden;
    }

    .for_text p span {
        display: block;
    }

    .panel .col_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 70px 0px;
        align-content: center;
    }

    .hals_col.for_text ul {
        width: 90%;
        font-size: 14px;
    }

    .panel_outside .col_wrapper {
        flex-direction: column-reverse;
    }

    .panel_outside .col_wrapper .hals_col.for_text {
        width: 100%;
    }

    .for_desk {
        display: none;
    }

    .for_mob {
        display: block;
    }

    .hals_col.for_text ul.outside_li {
        display: flex;
        width: 100%;
        padding-left: 0;
    }

    .li_cont {
        width: 100%;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .hals_col.for_text ul.outside_li li {
        width: 100%;
        margin-bottom: 20px;
        text-align: left;
    }

    .hals_col.for_text ul.outside_li {
        width: 62%;
        font-size: 15px;
        margin-top: -14px;
    }

    .nav.mobile_clicked {
        height: 100%;
        position: relative;
        z-index: 5;
    }

    .email_and_phone {
        width: 100%;
        margin: 0 auto 11px;
        text-align: left;
        margin-left: 0;
    }

    .email_and_phone.for_email {
        /* width: 379px; */
        display: flex;
        margin-bottom: 42px;
    }

    .panel .col_wrapper .hals_col.for_text a {
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .panel_outside.red .hals_col.for_text ul.outside_li li {
        /* background: #f7f7f7; */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: center; */
        /* min-height: 56px; */
        /* width: 150px; */
        /* padding: 20px; */
        /* margin: 3px; */
    }

    .panel_outside.red .hals_col.for_text ul.outside_li .li_cont {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        align-items: center;
        justify-content: center;
        gap: 0px;
    }

    .outside_li.for_footprint .li_cont li::before {
        /* left: 0; */
        /* top: 0; */
        /* width: 27px; */
        /* height: 27px; */
        /* opacity: .5; */
    }

    .outside_li.for_footprint .li_cont li::after {
        /* left: 22px; */
        /* border: 0px solid #0098a6; */
        /* top: 22px; */
        /* width: 27px; */
        /* height: 27px; */
        /* opacity: .5; */
    }

    .q_left_inner img {
        display: none;
    }

    .nav_inner ul.parent_menu li button {
        margin-top: 30px;
    }

    .wrapper_n li {
        font-size: 16px;
    }

    .qyery_cont.for_team_page.top {
        margin-top: 76px;
    }

    .design-section {
        padding: 32px 0 100px;
    }

    .for_contact_address.qyery.left h3 {
        font-size: 19px;
        width: 100%;
        max-width: 286px;
        /* background: red; */
        margin: 0 auto;
        text-align: left;
        margin-left: 0;
    }

    .for_contact_page .qyery.left h3 hr {
        margin-left: 0;
    }

    .for_contact_address.qyery.left p {
        width: 100%;
        max-width: 286px;
        text-align: left;
        margin: 0 auto;
        margin-left: 0;
    }

    .blog_listing_container .blog {
        width: 91%;
        margin-bottom: 29px;
    }

    .blog_subheader {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        margin-top: 24px;
        margin-bottom: 30px;
    }

    .blog_details_inner .blog_left_side, .blog_details_inner .blog_right_side {
        width: 100%;
    }

    .next_post_container {
        flex-wrap: wrap;
    }

    .search_cont {
        width: 100%;
        max-width: 400px;
    }

    .flex_wrap.for_pricing {
        margin-left: 0;
        box-sizing: border-box;
    }

    .faq_container.body li {
        text-align: left;
    }

    .faq_container.body span {
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
    }

    ul.dd_menu_cont.dd1.dd_active, ul.dd_menu_cont.dd2.dd_active {
        width: 100%;
        left: 0%;
    }

    .icon_container {
        width: 100%;
        direction: unset;
        display: flex;
        justify-content: flex-start;
    }

    .category_container {
        margin-top: 40px;
    }

    .company_name_container {
        width: 100%;
    }

    .icon_container::-webkit-scrollbar, .icon_container::-webkit-scrollbar-track, .icon_container::-webkit-scrollbar-thumb {
        all: unset;
    }

    .icon_container button {
        width: 100%;
    }

    .service_section_cont {
        gap: 10px;
    }

    .service_section_cont {
        padding: 16px 10px;
        box-shadow: unset;
    }

    .company_name_container .company_logo_individual {
        margin: 2%;
    }

    .company_name_container {
        gap: 0;
    }

    .hals_col a {
        margin: 0 auto;
    }

    .choose_product_outer {
        flex-wrap: wrap;
    }

    .choose_product_outer label {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .banner_text_cont_for_product_details p {
        width: 100%;
        color: white;
    }

    .for_product_list .category_item {
        width: 100%;
    }

    .category_grid.for_category_list .category_item {
        width: 100%;
    }
    

    .choose_product_outer select {
        width: 100%;
    }
    
    .custom_select {
        width: 100%;
    }

    .option_cont::-webkit-scrollbar, .option_cont::-webkit-scrollbar-track, .option_cont::-webkit-scrollbar-thumb {
        all: unset;
    }
}

@media only screen and (max-width: 999px) and (min-width: 590px) {
    .cards {
        width: calc(50% - 30px);
    }

    .for_product_list .category_item {
        width: 47%;
    }

    .category_grid.for_category_list .category_item {
        width: 47%;
    }
}

@media only screen and (max-width: 768px) and (min-width: 300px) {
    .fifty_fifty {
        width: 100%;
    }

    .fifty_fifty_row {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 3000px) and (min-width: 1600px) {
    .panel .heading_text {
        font-size: 24px;
    }

    .panel .col_wrapper .hals_col.for_text p {
        font-size: 23px;
    }

    .panel .cus_container {
        max-width: 1500px;
    }

    .panel .col_wrapper .hals_col.for_image img {
        height: unset;
        width: 100%;
    }

    .panel .col_wrapper {
        gap: 60px;
    }

    .panel .col_wrapper .hals_col.for_image, .panel .col_wrapper .hals_col.for_text {
        width: calc(50% - 60px);
    }

    .panel .hals_col.for_text ul {
        font-size: 26px;
    }

    .heading_text {
        font-size: 24px;
    }
}