@media only screen and (max-width:2560px) and (min-width:1367px) {}

@media only screen and (max-width:1920px) and (min-width:1367px) {
    .blog-img img {
        width: 100%
    }
}

@media only screen and (max-width:1680px) and (min-width:1367px) {}

@media only screen and (max-width:1440px) and (min-width:1367px) {
    .site-page-v4 .navbar-collapse>ul>li+li {
        margin: 0
    }

    .site-page-v8 .navbar-collapse>ul>li+li {
        margin: 0 0 0 10px
    }

    .site-page-v2 #skill {
        background: 0 0
    }

    .site-page-v2 .img-scale img {
        transform: scale(1)
    }
}

@media only screen and (max-width:1366px) and (min-width:1279px) {
    .site-page-v2 #skill {
        background: 0 0
    }
}

@media only screen and (max-width:1280px) {
    .pad-tp-bt {
        padding: 70px 15px
    }

    address span,
    .mail a,
    .telephone a {
        font-size: 13px
    }

    .site-heading {
        font-size: 54px
    }

    .gallery-thumbs div a .project-content span,
    .hover-area-block p {
        font-size: 14px
    }

    .menu>ul>li+li {
        margin: 0 0 0 10px
    }

    .menu .navbar-nav>li>a {
        font-size: 14px
    }

    .parallax-window {
        background-position: 20% 0
    }

    .counter-sec {
        padding: 40px 10px
    }

    .site-page-v4 .navbar-collapse>ul>li+li,
    .project-block {
        margin: 0 !important
    }

    .Consultation a {
        padding: 8px 10px
    }

    .area-content {
        max-height: 330px
    }

    .site-page-v8 .navbar-collapse>ul>li+li {
        margin: 0 0 0 5px
    }

    .site-page-v8 .book-now a {
        padding: 8px 20px
    }

    .facility-hover-content {
        padding: 60px 20px
    }

    .site-page-v2 #skill {
        background: 0 0
    }

    .site-page-v2 .container {
        width: auto !important
    }

    .fax-mail {
        display: none !important
    }

    .mfp-close-btn-in .mfp-close {
        left: 70%
    }
}

@media only screen and (max-width:1024px) {
    .project-list img {
        width: 100%
    }

    .h3ser-dtl h3 {
        font-size: 21px;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 15px
    }

    .h-middle-service-main-div {
        background-image: none;
        padding: 0;
        margin-top: 0;
    }

    #contact-form {
        padding: 99px 0px;
    }

    .gallery-thumbs div a img,
    .contact-map img {
        width: 100%
    }

    .site-heading {
        text-align: center
    }

    #subscribe-me h3 {
        font-size: 28px
    }

    .subscribe-me a,
    .case-study-wrap h6 {
        margin: 0
    }

    #about .social-icon {
        float: none;
        display: inline-block
    }

    .Consultation,
    .book-now,
    .site-page-v4 .fax-mail img,
    .service-sec img,
    .book-now a {
        display: none
    }

    .comment-user p {
        font-size: 16px
    }

    .get-consult h2 {
        font-size: 32px
    }

    .timeline-listing .margin-bottom-50 {
        margin: 0 0 20px
    }

    .navbar-collapse {
        width: auto
    }

    .wrap-block #skills {
        padding: 110px 0 0
    }

    .section-case-study-content {
        margin: 30px -77px 0 0
    }

    .hover-area-block {
        padding: 40px 10px
    }

    .area-block img {
        margin: 0 auto 10px
    }

    .case-study-wrap p {
        font-size: 14px
    }

    .site-page-v8 .navbar-nav.navbar-center {
        margin: 20px 0
    }

    .faq-btn a,
    .highlight h4 {
        font-size: 20px
    }

    .site-page-v6 {
        padding-top: 12.8rem !important
    }

    .fashion-for-content {
        padding: 250px 30px 30px
    }

    .news-block {
        padding: 0 10px
    }

    .site-page-v2 #blog,
    .site-page-v2 #about {
        background: 0 0
    }

    .project-content {
        padding: 50px 15px
    }

    .quality_box {
        padding: 15px 0;
    }
}

@media only screen and (max-width:991px) {
    .gallery-thumbs div a .project-content span {
        font-size: 19px
    }

    .mob-hide {
        display: none;
    }

    address span,
    .mail a,
    .telephone a {
        font-size: 16px
    }

    .white-box {
        border-right: none;
        border-bottom: 1px solid #dddd;
    }

    #about .social-icon ul {
        border-left: 0
    }

    #about .social-icon ul li {
        display: inline-block
    }

    .fashion-for img,
    .gallery-thumb img,
    .counter-block,
    .slider-image-main img {
        width: 100%
    }

    .fashion-for-content {
        bottom: 80px
    }

    .fashion-for,
    .count-block,
    .consult-content p,
    .about-us,
    .timing,
    .practice-areas,
    .newsletter {
        margin: 0 0 11px;
    }

    .blog-content {
        padding: 10px
    }

    #subscribe-me h3 {
        font-size: 22px
    }

    .footer-address ul li {
        margin: 0 0 20px
    }

    .qulity_bar_section {

        padding: 30px 0px;
    }

    #case-study h2 {
        font-size: 48px
    }

    .title-wrapper h5,
    .testimonial-slide h4 {
        font-size: 18px
    }

    .title-wrapper {
        left: 20px;
        right: 20px
    }

    .blog-btn a,
    .section-case-study-content,
    .services-icon,
    .send-message {
        margin: 0 0 20px
    }

    .blog-btn a+a,
    .get-consult {
        margin: 0
    }

    .navbar-nav.navbar-center {
        margin: 20px 0
    }

    .navbar-collapse>ul>li+li {
        margin: 0 0 0 20px
    }

    .navbar-collapse {
        width: 80%
    }

    .site-page-1 #work {
        background: #c5c5c5
    }

    .title-wrapper a,
    .testimonial-slide>p,
    .border-block p {
        font-size: 15px
    }

    .wrap-block #contact {
        background: #cecece
    }

    .about-sec.pad-tp-bt {
        padding: 0 15px
    }

    .about-sec-slider {
        padding: 14px 50px
    }

    .highlight h4,
    .service-title h3 {
        font-size: 20px
    }

    .counter-img {
        display: none
    }

    .service-title {
        text-align: center
    }

    .site-page-v3 #about {
        background: #cecece
    }

    .case-study-wrapper .row {
        margin: 0
    }

    .mfp-close-btn-in .mfp-close {
        left: 85%
    }
}

@media only screen and (max-width:800px) {
    .navbar-default .navbar-nav>li>a {
        color: #ffffff;
        padding: 15px 12px
    }

    .navbar-collapse>ul>li+li {
        margin: 0
    }

    .footer-address ul li,
    .about-content {
        margin: 0 0 15px
    }

    .blog-content {
        padding: 20px 15px
    }

    .fax-mail,
    .service-sec img,
    .contact-img {
        display: none
    }

    .menu .navbar-nav>li>a {
        padding: 15px 5px
    }

    .team-sec h2 {
        font-size: 21px
    }

    .site-page-v4 .navbar-collapse>ul>li+li {
        margin: -10px !important
    }

    .site-page-v4 .copywrite,
    .site-page-v8 .navbar-default .navbar-nav>li>a {
        font-size: 13px
    }

    .left-side {
        float: right
    }

    .facility-wrap {
        width: 50%
    }

    .site-page-v6 #wrapper {
        padding-top: 120px
    }

    .site-page-1 #about {
        background: 0 0
    }

    .case-study-wrapper .row {
        margin: 0
    }

    .mfp-close-btn-in .mfp-close {
        left: 80%
    }

    .demo-content h2 {
        font-size: 38px !important;
        margin: 0 0 20px !important
    }

    .site-page-v2 #skill,
    .site-page-v2 #work {
        padding: 0
    }

    .cssload-thecube {
        margin: 50% auto 0
    }
}

@media only screen and (max-width:767px) {
    #wrapper {
        overflow-x: hidden
    }

    .h-middle-service-main-div {
        background-image: none;
        margin: 0;
        padding-bottom: 0px;
    }

    .ps {
        padding: 0;
    }

    .pad-tp-bt {
        padding: 40px 15px
    }

    .h3ser-dtl h3 {
        text-align: center;
    }

    .site-heading {
        font-size: 60px
    }

    .work-planning {
        text-align: center
    }

    #gallery ul li {
        width: 50%
    }

    .navbar-toggle {
        margin: 30px 15px 30px 0
    }

    .social-icon,
    .copywrite {
        width: 100%;
        text-align: center;
        margin: 0 0 20px
    }

    .navbar-collapse {
        width: 100%
    }

    .navbar-nav.navbar-center>li {
        display: block !important
    }

    .navbar-nav.navbar-center {
        display: block !important;
        float: left !important;
        text-align: left !important;
        width: 100% !important
    }

    #sidebar-wrapper {
        overflow: hidden
    }

    .navbar-collapse>ul>li+li,
    .ipt-collapsed-button,
    .site-page-v4 .navbar-collapse>ul>li+li {
        margin: 0 !important
    }

    .blog-wrapper img,
    .case-study-block img,
    .blog-wrap img,
    .post-thumb img,
    .blog-sec img,
    .testimoanil-slide>div {
        width: 100%
    }

    .blog-wrapper {
        width: 100%;
        margin: 0 0 30px
    }

    .copywrite {
        display: inline-block
    }

    .strangth,
    #subscribe-me h3,
    .signature,
    .study-block,
    .blog-sec,
    .bottom-footer .bottom-link {
        margin: 0 0 30px
    }

    #subscribe-me,
    .footer,
    .consult-content p,
    .about-content,
    .site-page-v2 #review {
        text-align: center
    }

    .footer a,
    .about-content .pull-left {
        float: none !important
    }

    .wrap-block .blog-content {
        background: #eee
    }

    .wrap-block #contact {
        background: #cecece
    }

    .blog-btn a+a {
        margin: 0 0 0 20px
    }

    .blog-btn a,
    .case-study-wrap {
        margin: 0
    }

    .arrow-up {
        left: 90px
    }

    .gallery-thumbs>div,
    .blog-div {
        width: 50%
    }

    .form-content {
        right: 0
    }

    .site-page-v7 #contact {
        background: #202020 !important
    }

    .about-sec-slider {
        border: 0;
        text-align: center
    }

    .service-list {
        margin: 0 0 15px
    }

    .bottom-footer .copywrite,
    .bottom-footer .social-icon,
    .site-page-v2 .social-icon {
        text-align: left
    }

    .service-title {
        text-align: left;
        margin: 0 0 30px
    }

    .wrap-block {
        padding-top: 9.5rem !important
    }

    .site-page-v6 .collapse {
        border: medium;
        display: block;
        position: absolute;
        top: 0
    }

    .paint-img {
        display: none
    }

    .ipt-overlay-menu {
        overflow-y: scroll
    }

    .ipt-collapsed-button {
        position: fixed;
        right: 30px;
        top: 20px
    }

    .menu-toggle-icon {
        display: block
    }

    .cssload-thecube {
        top: 32%
    }

    .site-page-v4 .copywrite,
    .site-page-v8 .navbar-default .navbar-nav>li>a {
        font-size: 18px
    }

    .site-page-v8 .navbar-brand {
        padding: 28px 15px !important
    }

    .project-block {
        float: left
    }

    .service-sec-1 {
        padding: 50px 15px 0
    }

    /* .contact_col_pad_l0 {
        padding-left: 15px;
    }
    .contact_col_pad_r0 {
        padding-right: 15px;
    } */
    .your_contact_area_men .row {
        margin-right: 0;
        margin-left: 0;
    }

    .rhomb {
        width: 234px;
        height: 234px;
    }

    .rhomb img {
        left: -37%;
    }

    .product_header_area_men {
        background-position: 0;
        background-attachment: inherit;
    }
}

@media only screen and (max-width:640px) {
    .view-all a {
        vertical-align: -40px
    }

    .your_contact_field {
        padding: 0;
        margin-bottom: 40px;
    }

    .nn_textarea0 textarea {
        height: 150px !important;
    }

    .form-group i {
        position: absolute;
        top: 0;
        width: 36px;
        left: 15px;
        /* background: #000000d6; */
        padding: 10px 0px;
        height: 30px;
        font-size: 13px;
        text-align: center;
        color: white;
    }

    .gallery-thumbs div a .project-content span {
        font-size: 16px
    }

    .site-page-v8 .margin-bottom-50 {
        margin: 0 0 20px
    }

    .site-page-v8 .navbar-toggle {
        margin: 20px 15px 18px 0
    }

    .project-block,
    .project-block img {
        width: 100%
    }

    .project-content {
        padding: 200px 15px
    }
}

@media only screen and (max-width:600px) {
    p {
        font-size: 16px
    }

    .site-heading {
        font-size: 50px
    }

    .view-all a {
        vertical-align: -25px
    }

    .contact-form-block {
        width: 60%
    }

    .contact-form-block {
        margin: 0 auto;
        width: 80%
    }
}

@media only screen and (max-width:568px) {

    #gallery ul li,
    .gallery-thumbs>div {
        width: 100%
    }

    .gallery-thumbs div a .project-content span {
        font-size: 18px
    }

    .gallery-thumbs div a .project-content {
        padding: 50px 35px
    }

    .contact-form-block {
        float: none !important;
        margin: 0 auto;
        width: 80%
    }

    .navbar-brand {
        padding: 20px 15px
    }

    .call-us-block,
    .send-message-block,
    .get-direction-block {
        width: 100%;
        margin: 0 0 30px
    }

    .user-img {
        margin: 0 0 30px;
        width: 100%
    }

    .testimonial-content {
        width: 100%;
        text-align: center
    }

    .site-page-v7 .navbar-brand {
        padding: 3px 15px !important
    }

    .wrap-block {
        padding-top: 94px !important
    }

    .blog-btn a+a {
        margin: 0
    }

    .site-page-v6 {
        padding-top: 9.8rem !important
    }

    .ipt-menu {
        margin: 15px 0 0
    }

    .ipt-overlay-item {
        width: 100%;
        margin: 0 0 35px
    }

    .site-page-v6 .navbar-brand {
        padding: 18px 15px 0
    }

    .fashion-for-content {
        padding: 300px 30px 30px
    }

    .project-content {
        padding: 100px 15px
    }
}

@media only screen and (max-width:480px) {
    .fashion-for-content {
        bottom: 0
    }

    .area,
    .gallery-div,
    .blog-div,
    .facility-wrap,
    .news-block img,
    .site-page-v2 #blog .row div {
        width: 100%
    }

    .arrow-up,
    .nivo-controlNav a {
        display: none
    }

    .footer-link,
    .blog-btn a {
        margin: 0 0 20px
    }

    .wrap-block .navbar-toggle {
        margin: 15px 15px 15px 0
    }

    .highlight h4 {
        font-size: 14px
    }

    .counter-sec {
        max-height: 170px;
        padding: 20px 10px 50px
    }

    .bottom-link {
        margin: 0 0 10px;
        width: 100%
    }

    .social-icon {
        text-align: left
    }

    .site-page-v7 #skills {
        padding: 80px 0 0
    }

    .highlight h4 {
        font-size: 12px;
        font-weight: 300
    }

    .counter-sec p {
        font-size: 17px
    }

    #service {
        padding: 0
    }

    .schedule-title h3,
    .intro-wrap h3 {
        font-size: 20px
    }

    h3.left-border {
        font-size: 22px
    }

    .appointment-now a {
        padding: 15px 50px
    }

    .wrap-block {
        padding-top: 76px !important
    }

    .intro-wrap .margin-bottom-50 {
        margin: 0 0 10px
    }

    .schedule-title h3 {
        font-size: 18px
    }

    .testimonial-slide .row {
        text-align: center
    }

    .cssload-thecube {
        margin: 15% auto 0
    }

    #slider-wrapper {
        display: none
    }

    .home-banner {
        display: block
    }
}

@media only screen and (max-width:360px) {
    .gallery-thumbs div a .project-content {
        padding: 20px
    }

    h3 {
        font-size: 26px
    }

    .site-heading {
        font-size: 35px
    }

    #wrapper {
        padding-top: 7.6rem
    }

    .navbar-toggle {
        margin: 20px 15px 15px 0
    }

    .counter-wrapper {
        width: 100%
    }

    .navbar-brand,
    .about-sec-slider {
        padding: 15px
    }

    .contact-form-block,
    .site-page-v2 #blog .row div {
        width: 100%
    }

    .blog-meta .site-title {
        font-size: 48px !important
    }

    .blog-btn a+a,
    .get-consult,
    #consult-form {
        margin: 0
    }

    .blog-btn a {
        margin: 0 0 20px
    }

    .blog-btn {
        text-align: center
    }

    .paint-img {
        display: none
    }

    .social-icon.pad-tp-bt {
        padding: 20px 15px;
        margin: 0
    }
}

/****************** adarsh mobile responsive start *********************/

@media only screen and (max-width:767px) {

    .top_header_area_men {
        display: none;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #211414;
        background: #9d3367;
    }

    .displaynon_nnlogo {
        display: block;
    }


    .home_clinic_callnow1 {
        background: #9d3367;
        margin-top: -153px;
        padding: 11px 20px;
        padding-bottom: 21px;
    }

    .home_clinic_callnow2 h2 {
        font-weight: 400;
        font-size: 26px;
        padding-top: 9px;
    }

    .home_clinic_callnow2 p {
        font-size: 18px;
    }

    .home_clinic_callnow2 p:before {
        top: 34px;
    }

    .margintop30 {
        margin-top: 0px;
    }

    .nn_ctres_mt30px {
        margin-top: 30px;
    }

    .border_bottom1pxs {
        background-image: none;
    }

    .category100 img {
        height: 208px;
    }

    #about {
        background: none;
    }

    .site-heading {
        line-height: 45px;
        font-size: 33px;
    }

    .intro-wrap p {
        text-align: justify;
    }

    .call_toaction_clinic h2 {
        color: #fff;
        font-size: 23px;
        font-weight: 400;
        line-height: 40px;
        padding-top: 70px;
    }

    .textcenterfooter_responsive {
        text-align: center;
    }

    .textcenterfooter_responsive1 {
        margin-bottom: 0px;
    }

    .product_headingc h2 {
        margin-top: 0px;
        text-align: center;
        font-size: 33px;
        font-family: fredoka one, cursive, sans-serif;
    }

    .nn_about_pages h2 {
        font-size: 33px;
        font-family: fredoka one, cursive, sans-serif;
        font-weight: 400;
    }

    .nn_about_pages p {
        text-align: justify;
    }

    .nn_about_image {
        padding-top: 50px;
    }

    .why_usabout_nn1 {
        text-align: center;
    }

    .why_image_s4nn img {
        padding-bottom: 40px;
    }

    .contact_form_nn h2 {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 8px;
    }

    .contact_form_nn h4 {
        margin: 0px;
        font-size: 16px;
        color: #9d3367;
    }

    .contact_info_nn h2 {
        padding-top: 104px;
    }

    .padleft50nn {
        padding-left: 15px;
    }

    .product_header_area h2 {
        font-size: 46px;
        font-weight: 400;
        margin: 0px;
        color: #fff;
        font-family: fredoka one, cursive, sans-serif;
    }

    .new_img img {
        display: none;
    }

    .modal_width_large {
        width: 100%;
        margin: auto;
    }

    .new_img h4 {
        font-size: 14px;
    }

    .tablet_height img {
        height: 208px;
    }

    .nn_about_pages h5 {
        text-align: center;
    }

    .contact_form_nn h4 {
        text-align: center;
    }

    .contact_form_nn h2 {
        font-weight: 400;
    }

    .product-title {
        font-size: 20px;
    }

    .product-title,
    .price,
    .sizes,
    .colors {
        font-size: 16px;
    }

    .logo img {
        width: 36%;
        /* padding: 10px 0px; */
    }

    .mar0navbr {
        margin-top: -30px;
    }

    .rhomb:nth-of-type(4) {
        margin: 16.2% 0px 0px 16.5%;
    }

    .rhomb:nth-of-type(5) {
        margin: 33.2% 0 0 16.7%;
    }

    .rhomb:nth-of-type(6) {
        margin-top: 33.1%;
    }

    .rhomb:nth-of-type(7) {
        margin-top: 16.1%;
    }

    .rhomb:nth-of-type(8) {
        margin-top: 16.1%;
    }

    .quality_box_1::after {
        display: none;
    }

    .quality_box_2::after {
        display: none;
    }

    .quality_box_3::after {
        display: none;
    }

    .testimonial {
        height: 560px;
        padding: 5px 0px;
    }

    .quote-container .portrait {
        position: static;
    }

    .quote-container .quote {
        padding: 0px;
    }

    .single-item .slick-dots {
        bottom: 0px;
    }

    .home_page_address_2 {
        border-radius: 0px;
        border: none;
        width: auto;
    }

    .navbar-fixed-top {
        background: #fff;
    }

    .service_img {
        width: 100%;
    }

    .your_contact_area h3 {
        font-size: 14px;
    }

    .your_contact_area {
        height: auto;
    }

    .contact_col_pad_r0 {
        padding-right: 15px;
    }

    .nn_about_pages_men {
        background: whitesmoke;
        padding: 40px 0px;
    }

    .about_section {
        height: auto;
    }

    .our_mission_areann1 {
        height: auto;
        padding-top: 0;
    }

    .mobile_display_none {
        display: none;
    }

    .dextop_desplay_none {
        display: block;
    }

    .our_mission {
        height: auto;
    }

    .our_mission_areann1 {
        padding-top: 60px;
    }

    .padtop_about_mission_0 {
        padding-top: 0px;
    }

    .product_header_area h2 {
        font-size: 20px;
    }

    .head_sec_content h2 {
        font-size: 28px;
    }

    .download_product_button button {
        font-size: 16px;
        font-weight: 400;
    }

    .product_header_area p,
    .product_header_area p a {
        font-size: 12px;
    }

    .terms_and_condition_img img {
        height: auto;
    }

    .thir-party_img {
        height: auto;
    }

    .third_party h3 {
        font-size: 27px;
    }

    .nav_pills li {
        width: auto;
    }

    .search_input {
        border: 1px solid #333 !important;
    }

    .our_mission_areann1 {
        padding-top: 0px;
    }

    .contact_col_pad_l0 {
        padding-left: 15px;
    }

    .mobile_pl_pr_15 {
        padding: 0px 15px;
    }

    .vision_h_pt_mobile {
        padding-top: 85px;
    }

    .provide_best_sec .text {
        padding-left: 33px;
    }

    .mobile_app_area_men img {
        margin-top: 0px;
    }

    .img_tag {
        margin-bottom: 10px;
    }

    .mobile_app_area1 h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .mobile_app_area1 p {
        padding-top: 10px;
        font-size: 13px;
    }

    .home_page_address h2 {
        margin-bottom: 15px;
        font-size: 22px;
    }

    .provide_best_sec {
        padding: 10px 10px 10px 20px;
        margin-bottom: 13px;
    }

    .qulity_bar_section {
        padding: 30px 0px;
    }

    p {
        font-size: 13px;
    }

    .quality_box p {
        font-size: 13px;
    }

    #skills-bar {
        padding: 31px 0;
    }

    .clan_care_product {
        padding: 25px 0px 10px;
    }

    .product_section {
        margin-top: 56px;
    }

    .slick_product1 img {
        width: 356px;
    }

    .clan_care_product {
        background-position: 1px 0px;
    }

    .requirement_s h2 {
        font-size: 18px;
        line-height: 75px;
    }

    .requirement_s a {
        padding: 6px 11px;
        font-size: 12px;
    }

    blockquote {
        padding: 10px 0px 20px 10px;
    }

    .home_page_address_men {
        padding: 35px 0px;
    }

    .your_contact_area {
        padding: 0px;
        margin-bottom: 15px;
        margin-top: 35px;
    }



    #contact-form input[type=text],
    #contact-form input[type=email],
    #contact-form textarea {
        height: 30px;
        font-size: 14px;
    }

    .input_cform input {
        height: 30px;
    }

    .footer_clinic_men {
        padding: 25px 30px;
    }

    .footer_clinic2 h2 {
        font-size: 20px;
    }

    .footer_clinic2 {
        height: 42px;
    }

    .footer_clinic1 a {
        font-size: 14px;
        line-height: 22px;
    }

    .footer_clinic1 p {
        font-size: 14px;
    }

    .social-icon,
    .copywrite {
        margin: 0 0 5px;
    }

    .product_header_area1men {
        margin-top: 60px;
    }

    .product_header_area_men {
        padding: 10px 0px 15px;
    }

    .nn_about_pages h2 {
        font-size: 17px;
        margin: 30px 0px 5px;
    }

    .nn_about_pages p {
        padding-bottom: 0px;
    }

    .about_section {
        margin-bottom: 0px;
    }

    .nn_about_pages_men {
        padding: 40px 0px;
    }

    .head_sec_content h2 {
        font-size: 17px;
    }

    .pharma_franchise_img {
        height: 0px;
    }

    .pharma_Franchise h2 {
        font-size: 30px;
        margin-top: 0;
    }

    .pharma_Franchise {
        margin: 0px 0px 40px 0px;
    }

    .requirement_s_men_1 {
        padding: 30px 0px 40px;
    }

    .terms_and_condition {
        margin: 0px 0px 10px;
    }

    .terms_and_condition_head h3 {
        font-size: 22px;
    }

    .m_b_50 {
        margin-bottom: 20px;
    }

    .terms_and_condition_head ul li {
        line-height: 18px;
        margin-bottom: 8px;
    }

    .call_toaction_clinic h2 {
        line-height: 40px;
        padding-top: 45px;
    }

    .call_toaction_clinic_men {
        height: 240px;
    }

    .quality_img_sec {
        height: 0px;
    }

    .quality h2 {
        font-size: 30px;
    }

    .quality {
        margin: 20px 0px 0px 0px;
    }

    .qulity_bar_section {
        padding: 0 0px;
    }

    .head_bg_section {
        margin-top: 0px;
    }

    .third_party {
        margin: 10px 0px 0px 0px;
    }

    .third_party_term-and-condition {
        margin: 25px 0px 0px;
    }

    .tab-content {
        padding: 0px;
    }

    .prod_sidebar_ul {
        padding: 0;
    }

    .slick_product_men {
        padding: 15px 0px 0px;

    }

    .contact_form_nn_men {
        padding: 35px 10px;
    }

    .prod_sidebar_ul a li {
        margin-right: 17px;
        width: 30%;
        line-height: 35px;
        font-size: 14px;
    }

    .card {
        padding: 12px;
    }

    .padtopnnbtn {
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .camera_caption {
        top: 58%;
        left: 164px;
    }

    .camera_caption p {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .font_1 {
        font-size: 18px !important;
        line-height: 20px !important;
        margin-bottom: 0px !important;
    }

    .font_2 {
        font-size: 16px !important;
        line-height: 18px;
    }

    .camera_wrap1.camera_wrap {
        z-index: 1;
    }

    .camera_caption_4 .font_1 {
        margin-bottom: 0px;
    }

    .camera_wrap .camera_caption_2 {
        left: 43%;
        top: 49%;
    }

    .camera_caption_2 .font_2 {
        line-height: 18px;
    }

    .camera_wrap .camera_caption_3 {
        left: 0%;
        top: 44%;
    }

    .camera_wrap .camera_caption_4 {
        left: 25%;
        top: 64%;
    }

    .camera_wrap .camera_pag .camera_pag_ul {
        margin-top: -22px;
    }

    .camera_wrap .camera_pag .camera_pag_ul li {
        margin: 0px 5px;
    }

    .srch {
        float: left;
    }

    .services-section .services-box-1 {
        width: 100%;
        margin-bottom: 39px;
    }

    .product_sec_card {
        margin-bottom: 60px;
    }

    .slick_product2 {
        left: 32px;
        margin: -63px auto;
        width: 298px;
        height: auto;
    }

    .hold_tag.new_back .navbar-nav.navbar-center>li a {
        color: white;
        padding: 12px 12px;
    }

    .hold_tag.new_back .navbar-fixed-top .logo img {
        width: 50%;
        /* padding: 0px; */
    }

    .dis-heading {
        font-size: 12px;
    }

    .count-block>span {
        color: white;
    }

    .product_section {
        margin-top: 56px;
    }

    .testimonial .slick-initialized .slick-slide::after {

        padding: 23px;
        font-size: 20px;
    }

    #contact-form {
        padding: 0 0px;
    }

    .latest-updates-wrap ul li {
        width: 100%;
        margin-bottom: 30px;
    }

    .updates-topimg {
        margin-bottom: 0;
    }
}

@media only screen and (min-width:768px) and (max-width:890px) {
     .services-section .services-box-1{
        
    min-height: 270px;

    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {

    p {
        font-size: 14px;
        line-height: 20px;
    }

    .navbar-fixed-bottom,
    .navbar-fixed-top {
        top: 0px;
    }

    .navbar-collapse {
        width: 50% !important;
    }

    .mobile_app_area1 h3 {
        font-size: 26px !important;
        line-height: 33px;
        margin-bottom: 10px;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 2px 9px;
    }

    .logo img {
        width: 69%;
        padding: 23px 0px;
    }

    .quality_box .img {
        background-image: url(../images/new/quality1.png);
        width: 100%;
        background-repeat: no-repeat;
        background-position: 19px -3px;
        height: 345px;
    }

    .quality_box_1::after {
        top: 42px;
        display: none;
        left: -283px;
        width: 175%;
        /* background-size: contain; */
        background-repeat: no-repeat;
    }

    .quality_box_2::after {
        top: 23px;
        background-position: 0px 0px;
        left: -125px;
        background-size: contain;
        display: none;
        background-repeat: no-repeat;
    }

    .quality_box_3::after {
        top: -15px;
        left: -125px;
        background-size: contain;
        background-repeat: no-repeat;
        display: none;
    }

    .contact_col_pad_l0 {
        padding-left: 0px;
        padding-right: 0;
    }

    .camera_caption p {
        font-size: 16px;
        line-height: 28px;
    }

    .container {
        width: 100%;
    }

    .service_img img {
        width: 100%;
        height: 185px;
    }

    .img_tag {
        margin-bottom: 0px;
    }

    .top_header_area_men {
        display: none;
    }

    .displaynon_nnlogo {
        display: block;
    }

    .navbar-collapse {
        width: auto;
    }

    .fax-mail {
        display: block !important;
    }

    .respon_pad9 {
        padding: 15px 9px;
    }

    .dropfont_sizenn {
        font-size: 15px;
    }

    .navbar-brand {
        padding: 26px 15px;
    }

    .slinick_slider1 {
        height: 50vh;
    }

    .slinick_slider2 {
        height: 50vh;
    }

    .slinick_slider3 {
        height: 50vh;
    }

    .home_clinic_callnow2 p {
        font-size: 16px;
    }

    .home_clinic_callnow2 h2 {
        padding-top: 50px;
        font-size: 24px;
    }

    .home_clinic_callnow1 {
        padding: 24px 25px;
        padding-bottom: 19px;
        margin-top: -114px;
    }

    .category100 img {
        height: 228px;
    }

    #about {
        background: none;
    }

    .site-heading {
        font-size: 40px;
    }

    .pad_nn_top0n {
        padding-top: 0px;
    }

    #skills-bar {
        padding: 60px 0 72px;
    }

    .responsive_pt20f {
        padding-bottom: 20px;
    }

    .product_headingc h2 {
        font-size: 40px;
        margin-top: 0px;
        text-align: center;
    }

    .we_res_padbtn20 {
        padding-bottom: 20px;
    }

    .call_toaction_clinic h2 {
        color: #fff;
        font-size: 30px;
        padding-top: 63px;
    }

    .call_toaction_clinic_men {
        height: 250px;
    }

    .email_respon_nnbg {
        padding: 31px 15px;
    }

    .footer_clinic2 img {
        width: 75%;
    }

    .modal_width_large {
        width: 96%;
        margin: 10px auto;
        margin-right: 21px;
    }

    .modal-body {
        padding: 0px;
    }

    .nn_about_image {
        text-align: center;
    }

    .why_usabout_nn1 p {
        font-size: 12px;
    }

    .why_textleft i {
        margin-right: 11px;
    }

    .why_usabout_nn1 i {
        margin-left: 11px;
    }

    .why_image_s4nn img {
        width: 80%;
    }

    .contact_form_nn h2 {
        font-size: 40px;
        line-height: 44px;
    }

    .contact_form_nn h4 {
        margin: 0px;
        font-size: 16px;
        letter-spacing: 2px;
    }

    .profile-img img {
        width: 75%;
    }

    .res_ipd_padbtn30 {
        padding-bottom: 30px;
    }

    .mega-dropdown-menu {
        width: 722px;
    }

    .dropdown-menu {
        left: -175px;
    }

    .mega-dropdown-menu:after {
        left: 345px;
    }

    .mega-dropdown-menu:before {
        left: 347px;
    }

    .tablet_height img {
        height: 228px;
    }

    .fax-mail {
        margin-top: 22px;
    }

    .new_img img {
        width: 100%;
    }

    .mobile_app_area1 h3 {
        font-size: 30px;
    }

    .mobile_app_area_men {
        padding: 35px 0px;
    }

    .mobile_app_area_men img {
        margin-top: 0;
        height: 200px;
    }
    .services-section .services-box-1{
        
    min-height: 317px;

    }
    .quality_box .img {
        height: 250px;
    }

    .quality_box .img:hover {
        height: 228px;
        margin-bottom: 20px;
    }

    #skills-bar {
        padding: 45px 0 45px;
    }

    .product_section {
        margin-top: 30px;
    }

    .slick_product_men {
        padding: 35px 0px 20px;
    }

    .requirement_s h2 {
        line-height: 62px;
        font-size: 20px;
    }

    .terms_and_condition {
        margin: 10px 0px 10px;
    }

    .requirement_s_men_1 {
        padding: 35px 0px 60px;
    }

    .slick-vertical .slick-slide {
        height: 205px !important;
    }

    .your_contact_field {
        padding: 20px 30px 20px 20px;
    }

    .home_page_address_1 {
        padding-top: 5px;
        padding-bottom: 15px;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 2px 0px 2px 10px;
        font-size: 13px;
    }

    .our_mission_areann1 {
        padding: 0px 15px;
    }

    .our_mission_areann1 h2 {
        font-size: 19px;
        line-height: 15px;
    }

    .nn_about_pages p {
        font-size: 12px;
        line-height: 15px;
        padding-bottom: 0px;
    }

    .margin-bottom-50 {
        margin: 0px 0 0px !important;
    }

    .nn_about_pages_men {
        padding: 35px 0px;
    }

    .nn_textarea0 textarea {
        height: 150px !important;
    }

    .our_mission_areann1 p {
        font-size: 14px;
    }

    #contact-form input[type=text],
    #contact-form input[type=email],
    #contact-form textarea {
        height: 35px;
        font-size: 14px;
    }

    .input_cform input {
        height: 35px;
    }

    .your_contact_area {
        height: 0;
        margin-bottom: 35px;
    }

    .your_contact_field {
        height: 416px;
        margin-bottom: 35px;
    }

    .form-group i {

        padding: 8px;
    }

    .pharma_Franchise {
        margin: 10px 0px 35px 0px;
    }

    .footer_clinic_men {
        padding: 15px 0px;
    }

    .our_mission {
        height: 262px !important;
    }

    .product_header_area_men {
        padding: 5px 1px 15px;
    }

    .srch {
        height: 26px;
        padding: 3px;
        font-size: 12px;
    }

    .hold_tag.new_back .srch {
        color: #333;
        font-weight: 600;
        font-size: 12px;
    }

    .margin_top {
        margin-top: 0px;
    }

    .hold_tag.new_back .navbar-fixed-top {
        padding: 25px 0px 0px 0px;
    }

    .logo img {
        width: 37%;
        padding: 15px 0px;
    }

    .hold_tag.new_back .navbar-fixed-top .logo img {
        width: 46%;
        padding: 0px;
        margin-top: 10px;
    }

    .services-section .services-box-1 .grid-box-inner .description p {

        padding-top: 20px;
        height: 178px;
    }
    .services-section .description h1{
        font-size: 19px;
        margin-bottom: 0;
    }.img-shadowz{
        bottom: -122px;
    }
    .services-section .services-box-1 {
        padding: 16px;
    }

    .white-box {
        border-right: 0;
        border-bottom: #d1d4d4 1px solid;
    }

    .quality_box p {
        font-size: 14px;
    }

    .mobile_app_area1 p {
        padding-top: 0;
        text-align: justify;
        line-height: 20px;
        font-size: 14px;
    }

    .rhomb {
        width: 250px;
        height: 250px;
    }

    .rhomb:nth-of-type(4) {
        margin: 7.2% 0 0 7.5%;
    }

    .rhomb:nth-of-type(6) {
        margin-top: 16.1%;
    }

    .ipad_code_clan:nth-of-type(5) {
        margin: 58.2% 0 0 -84.3%;
    }

    .ipad_padding_0 {
        padding: 32px 0px 30px;
    }

    .updates-topimg a img {

        height: 150px;
    }

    .ps {
        padding: 0;
    }

    .ipad_padding_0 .home_page_address h2 {
        margin-bottom: 0px;
    }

    .product_sec_card {
        height: 200px;
    }

    .slick_product2 {
        left: 38px;
    }

    .testimonial {
        height: 524px;
        padding-top: 0;
    }

    .about_section {
        height: auto;
    }

    .home_page_address_men {
        padding-top: 60px;
    }

    .our_mission_areann1 {
        height: 256px;
    }

    .our_mission {
        height: 253px;
    }

    .head_sec_content h2 {
        height: auto;
        font-size: 24px;
        line-height: 27px;
    }

    .terms_and_condition_img img {
        height: auto;
    }

    .margin-bottom-50 {
        margin: 0 0 50px;
    }

    .head_bg_section {
        background: #217039;
        padding: 20px 0px;
        margin-top: 10px;
    }

    .pharma_Franchise h2 {
        font-size: 24px;
        line-height: 15px;
        margin-top: 20px;
    }

    .requirement_s a {
        padding: 9px 15px;
        font-size: 13px;
    }

    .terms_and_condition_head h3 {
        font-size: 19px;
        margin-top: 15px;
        line-height: 20px;
    }

    .terms_and_condition_head ul li {
        line-height: 20px;
        margin-bottom: 10px;
    }

    .m_b_50 {
        margin-bottom: 20px;
    }

    .dropdown-menu {
        left: 2px;
    }

    .camera_caption {
        left: 48% !important;
        top: 53% !important;

    }

    .camera_caption .font_1 {
        font-size: 36px !important;
        line-height: 35px !important;
    }

    .camera_caption .font_2 {
        text-align: center;
        line-height: 28px !important;
        font-size: 26px !important;
    }

    .camera_wrap .camera_caption_2 {
        left: 53%;
    }

    .camera_caption_2 .font_1 {
        font-size: 32px !important;
        line-height: 50px;
        margin-bottom: 8px;
    }

    .camera_caption_2 .font_2 {
        line-height: 25px !important;
    }

    .camera_caption_2 .font_1 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .camera_caption_2 .font_2 {
        font-size: 35px;
        font-weight: 300;
        line-height: 40px;
        text-shadow: #757474 3px 2px 6px;
    }

    .camera_wrap .camera_caption_3 {
        left: 24%;
        top: 55%;
        position: absolute;
        width: 100%;
        text-shadow: #757474 3px 2px 6px;
    }

    .camera_wrap .camera_caption_4 {
        left: 25% !important;
        top: 64% !important;
    }

    .camera_caption_4 .font_1 {
        font-size: 50px;
        line-height: 57px;
        text-shadow: #757474 3px 2px 6px;
    }

    .hold_tag.new_back .search_bar {
        padding: 20px 0px 0;
    }

    .hold_tag.new_back .navbar-nav.navbar-center {
        margin: 25px 0 14px;
    }

}

@media only screen and (max-width:1366px) and (min-width:1024px) {
    .your_contact_area {
        height: 149px;
        margin-bottom: 35px;
    }.home_page_address_1{
        
    }

    #contact-form {
        padding: 0px 0px;
    }

    .logo img {
        width: 16%;
        padding: 15px 0px;
    }
    .navbar-default .navbar-nav>li>a{
        color: black;
    }
    .hold_tag.new_back .navbar-fixed-top .logo img {
        width: 69px;
        padding: 0px;
        margin-top: 10px;
    }.your_contact_field {
        height: 356px;
    }.h3ser-dtl h3 {
        font-size: 20px;
    }.services-section .services-box-1 .grid-box-inner .description p{
       
    height: 115px;
    }.services-section .services-box-1 {
        min-height: 266px;
    }
    .home_page_address_men{padding-top: 0px;}
    .navbar-nav.navbar-center {

        margin: 20px 0 0px;
    }

    .dis-heading {
        font-size: 13px;
    }

    .text1 {
        padding-top: 45px;
        font-size: 14px;
        color: #000;
    }
}

/*header responsive css home page*/

@media (max-width: 991px) {
    .transparent_slider_top,
    .camera_wrap,
    .camera_wrap > div {
        height: 65vh;
    }

    .camera_caption {
        bottom: 12%;
        left: 6%;
        right: 6%;
        text-align: center;
    }

    .camera_caption .font_1 {
        font-size: 1.8rem;
    }

    .camera_caption .font_2 {
        font-size: 1.1rem;
    }
}

/* Mobile view */
@media (max-width: 576px) {
    .transparent_slider_top,
    .camera_wrap,
    .camera_wrap > div {
        height: 75vh;
    }

    .camera_caption {
        bottom: 10%;
        left: 5%;
        right: 5%;
        text-align: center;
    }

    .camera_caption .font_1 {
        font-size: 1.4rem;
        line-height: 1.3;
    }

    .camera_caption .font_2 {
        font-size: 1rem;
        line-height: 1.3;
    }
}


/*responsive css home page*/
/* Base styles for quick-link-area - You can keep your existing styles */

/* Tablet (medium devices) */
@media (min-width: 577px) and (max-width: 992px) {
  .quick-link-area .row.ps {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .quick-link-area .col-md-3.col-xs-6 {
    flex: 0 0 45%; /* 2 items per row on tablets */
    max-width: 45%;
    margin-bottom: 10px;
  }

  .quick-link-area .white-box .dis-heading {
    font-size: 1.5rem;
    padding: 8px 0 0 0;
  }

  .quick-link-area .white-box img {
    max-width: 88px;
    height: auto;
  }
}

/* Mobile (small devices) */
@media (max-width: 576px) {
  .quick-link-area .row.ps {
    display: block;
  }
  .quick-link-area .col-md-3.col-xs-6 {
    width: 100% !important; /* full width for each box */
    /*margin-bottom: 15px;*/
  }
  .quick-link-area .white-box {
    text-align: center;
    padding: 15px 10px;
  }

  .quick-link-area .white-box img {
    max-width: 65px;
    margin: 0 auto 10px;
    display: block;
  }

  .quick-link-area .white-box .dis-heading {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0;
  }

  /* Remove right border on mobile */
  .quick-link-area .white-box.border_right {
    border-right: none;
  }
}

/* Desktop (large devices) */
@media (min-width: 993px) {
  .quick-link-area .row.ps {
    display: flex;
    flex-wrap: wrap;
  }
  .quick-link-area .col-md-3.col-xs-6 {
    flex: 0 0 23%;
    max-width: 23%;
    margin-bottom: 15px;
  }

  .quick-link-area .white-box .dis-heading {
    font-size: 1.4rem;
    font-weight: 700;
  }

  .quick-link-area .white-box img {
    max-width: 100px;
  }
}

/* Mobile Screens (up to 767px) */
@media only screen and (max-width: 767px) {
    /* Quality Management Section */
    .qulity_bar_section {
        padding: 30px 0;
    }
    .quality_box {
        margin-bottom: 20px;
        padding: 20px;
    }
    .quality_box h3 {
        font-size: 18px;
    }
    
    /* Our Figures Section */
    .figure_clinic {
        padding: 30px 0;
    }
    .count-block {
        margin-bottom: 20px;
    }
    .count {
        font-size: 28px;
    }
    .count-block span {
        font-size: 12.5px;
    }
    
    /* We Provide Section */
    .clan_care_product {
        padding: 30px 0;
    }
    .product_sec_card {
        margin-bottom: 20px;
    }
    .product_sec_content h2 {
        font-size: 18px;
    }
    
    /* Product Range Section */
    .slick_product_men {
        padding: 30px 0;
    }
    .slick_whole {
        margin-bottom: 20px;
    }
    .slick_product2 h4 {
        font-size: 16px;
    }
    
    /* Testimonial Section */
    .testimonial {
        padding: 10px 0;
    }
    .quote-container {
        padding: 20px;
        flex-direction: column;
    }
    .portrait {
        margin: 0 auto 15px;
    }
    .testimonial_content p {
        font-size: 14px;
    }
    
    /* Address Section */
    .home_page_address_men {
        padding: 30px 0;
    }
    .home_page_address_1 {
        margin-bottom: 15px;
    }
    .iframe_map {
        margin-top: 20px;
    }
    
    /* Contact Form Section */
    .your_contact_area_men {
        padding: 30px 0;
    }
    .your_contact_area h3 {
        font-size: 20px;
    }
    .input_cform i {
        top: 12px;
    }
    
    /* Floating Icons */
    .call-icon, .whatsapp-icon, .insta-icon, .fb-icon {
        width: 40px;
        height: 40px;
    }
    .call-icon i, .whatsapp-icon i, .insta-icon i, .fb-icon i {
        font-size: 20px;
        line-height: 40px;
    }
    
    /* PDF Download */
    .download-list {
        bottom: 100px;
        right: 15px;
    }
    .download-list img {
        width: 40px;
    }
}

/* Tablet Screens (768px to 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Quality Management Section */
    .qulity_bar_section {
        padding: 40px 0;
    }
    .quality_box {
        padding: 25px;
    }
    
    /* Our Figures Section */
    .figure_clinic {
        padding: 40px 0;
    }
    .count {
        font-size: 32px;
    }
    
    /* We Provide Section */
    .clan_care_product {
        padding: 40px 0;
    }
    
    /* Product Range Section */
    .slick_product_men {
        padding: 40px 0;
    }
    
    /* Testimonial Section */
    .testimonial {
        padding: 20px 0;
    }
    
    /* Address Section */
    .home_page_address_men {
        padding: 40px 0;
    }
    
    /* Contact Form Section */
    .your_contact_area_men {
        padding: 40px 0;
    }
    
    /* Floating Icons */
    .call-icon, .whatsapp-icon, .insta-icon, .fb-icon {
        width: 45px;
        height: 45px;
    }
    .call-icon i, .whatsapp-icon i, .insta-icon i, .fb-icon i {
        font-size: 22px;
        line-height: 45px;
    }
}

/* Common Responsive Improvements */
@media (max-width: 991px) {
    /* Product Range Grid */
    .slick_whole {
        margin-bottom: 25px;
    }
    
    /* Testimonial Layout */
    .quote-container {
        flex-direction: column;
        text-align: center;
    }
    .portrait {
        margin: 0 auto 20px;
    }
    
    /* Contact Form */
    .your_contact_field {
        padding: 0 15px;
    }
    
    /* Address Section Layout */
    .home_page_address_men .col-md-6:last-child {
        margin-top: 30px;
    }
}

/* PDF Download Modal */
@media (max-width: 767px) {
    .modal-content {
        width: 90%;
        padding: 20px;
    }
    .modal-content h2 {
        font-size: 20px;
    }
}

/* Floating Icons Positioning */
@media (max-width: 767px) {
    .call-icon {
        bottom: 120px;
        right: 15px;
    }
    .whatsapp-icon {
        bottom: 70px;
        right: 15px;
    }
    .insta-icon {
        bottom: 170px;
        right: 15px;
    }
    .fb-icon {
        bottom: 220px;
        right: 15px;
    }
    .download-list {
        bottom: 270px;
        right: 15px;
    }
}

/* Image Responsiveness */
img {
    max-width: 100%;
    height: auto;
}

/* Form Input Sizes */
input, textarea, select {
    max-width: 100%;
}

/*welcome part responsive home page */
@media (max-width: 991px) {
  .mobile_app_area_men {
    padding: 30px 15px !important;
  }

  .mobile_app_area1 {
    text-align: center !important;
  }

  .mobile_app_area1 h3 {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-bottom: 15px !important;
  }

  .mobile_app_area1 p {
    font-size: 15px !important;
    line-height: 24px !important;
    margin-bottom: 20px !important;
  }

  .all_btn_margin_top {
    text-align: center !important;
  }

  .about_image {
    text-align: center !important;
    margin-top: 20px !important;
  }

  .about_image img {
    max-width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 575px) {
  .mobile_app_area1 h3 {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .mobile_app_area1 p {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .all_btn_margin_top a {
    font-size: 14px !important;
    padding: 8px 20px !important;
  }
}



/*read more button home */
 .all_btn_margin_top {
            margin-top: 30px;
            text-align: left;
        }
        
        /* Uiverse button style applied to your link */
        .a_btn1 {
            position: relative;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border-radius: 5px;
            background: #9d3367 !important;
            font-family: "Montserrat", sans-serif;
            box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2);
            overflow: hidden;
            cursor: pointer;
            border: none;
            text-decoration: none; /* Remove underline from link */
        }
        
        /* Hover effect layer */
        .a_btn1::after {
            content: " ";
            width: 0%;
            height: 100%;
            background: #ffd401;
            position: absolute;
            transition: all 0.4s ease-in-out;
            right: 0;
        }
        
        .a_btn1:hover::after {
            right: auto;
            left: 0;
            width: 100%;
        }
        
        /* Text styling - using span inside your link */
        .a_btn1 span {
            text-align: center;
            width: 100%;
            padding: 5px 25px; /* Adjusted padding */
            color: #fff;
            font-size: 1.5rem;
            font-weight: 500;
            letter-spacing: 0.1em; /* Reduced letter spacing for "Read More" */
            z-index: 20;
            transition: all 0.3s ease-in-out;
            display: inline-block; /* Ensure proper spacing */
        }
        
        .a_btn1:hover span {
            color: #183153;
            animation: scaleUp 0.3s ease-in-out;
        }
        
        /* Scale animation */
        @keyframes scaleUp {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(0.95);
            }
            100% {
                transform: scale(1);
            }
        }
        
        /* Active state */
        .a_btn1:active {
            transform: translateY(2px);
        }
        
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .a_btn1 span {
                padding: 10px 20px;
                font-size: 1em;
            }
        }
        
        @media (max-width: 480px) {
            .a_btn1 span {
                padding: 8px 16px;
                font-size: 0.95em;
                letter-spacing: 0.05em;
            }
            
            .all_btn_margin_top {
                margin-top: 20px;
            }
        }
