@media only screen and (min-width: 768px) {
    span.close-toggle {

        display: none;;

    }
    .toggle-btn {

        display: none;

    }
    .nav-menu .menu-inner ul .dpd-menu ul {

        opacity: 0;

        visibility: hidden;

        transition: all linear 0.3s;

    }

    .nav-menu .menu-inner ul .dpd-menu:hover ul {

        opacity: 1;

        visibility: visible;

    }



   

    .approved-abortion-centre-sc .col-md-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }


}



@media only screen and (max-width: 767px) {



    header {

        padding: 10px 0;

    }



    .top-bar {

        display: none;

    }



    .toggle-btn {

float: right;

position: relative;

left: -17px;

width: 40px;

height: 40px;

background: var(--main-color);

line-height: 40px;

text-align: center;

color: #fff;

font-size: 20px;

margin-top: 10px;

}



    .nav-menu {

        position: fixed;

        width: 100%;

        height: 100%;

        top: 0;

        left: -100%;

        background-color: #fff;

        z-index: 99;

        transition: all linear 0.3s;

    }



    .nav-menu.open-menu {

        left: 0;

    }



    span.close-toggle {

        border: 2px solid var(--main-color);

        display: inline-block;

        margin: 20px 20px 0;

        width: 36px;

        height: 36px;

        line-height: 33px;

        color: var(--main-color);

        text-align: center;

        border-radius: 50%;

    }



    .nav-menu .menu-inner {

        position: relative;

        bottom: 0;

        border-radius: 0;

        background: transparent;

        border: 0;

        padding: 20px;

    }



    .nav-menu .menu-inner ul {

        padding-left: 0;

    }



    .nav-menu .menu-inner ul > li {

        display: block;

    }



    .nav-menu .menu-inner ul > li > a {

        padding: 12px 0;

        color: #000;

    }   



    .nav-menu .menu-inner ul > li+li > a {

        border-top: 1px solid #eee;

    } 



    .nav-menu .menu-inner ul .appointment-btn {

        position: relative;

    }



    .nav-menu .menu-inner ul .appointment-btn a {

        border-radius: 0;

    }



    .nav-menu .menu-inner ul .dpd-menu:before {

        content: '\f078';

        position: absolute;

        font-family: 'Font Awesome 5 Free';

        font-weight: 600;

        right: 0;

        top: 12px;

    }



    .nav-menu .menu-inner ul .dpd-menu ul {

        position: relative;

        padding: 0;

        width: 100%;

        height: 0;

        overflow: hidden;

        transition: all linear 0.3s;

    }



    .nav-menu .menu-inner ul .dpd-menu.open-menu ul {

        height: auto;

    }





    .crisp-slider .slider-inner img {

        height: 220px;

        object-fit: cover;        

    }



    .slider-content {

        padding: 15px 15px;

    }

    .slider-content .slider-heading {

        font-size: 22px;
        line-height: 20px;

    }



    .slider-content p {

        font-size: 12px;
        width:75%;

    }

    .whatsapp-float {
        right: 50px;
    }



    .crisp-slider .default-btn, .crisp-slider .default-btn:focus {

        height: 34px;

        line-height: 34px;

    }

    .about-inner-content h4 {

        font-size: 16px;

    }

    .plainless-heading h2, .slider-heading h3 {
        font-size: 1.6rem;
    }

    .five-minutes-heading {
        font-size: 3rem;
    }

    .slider-heading h4 {
        font-size: 1.4rem;
    }

    .slider-heading h6 {
        font-size: 1rem;
    }

    .slider-content h5 {
        font-size: 0.9rem;
        font-weight: 400;
    }

    .desktop-only {
        display: none;
    }
    
    .mobile-only {
        display: flex;
    }

    .about-inner-content h1, .about-inner-content h2 {

        font-size: 22px;

    }



    .approved-abortion-centre-sc .plainless-heading {

        font-size: 24px;

    }



    .approved-abortion-centre-sc .five-minutes-heading {

        font-size: 50px;

    }



    .approved-abortion-centre-sc h4 {

        font-size: 20px;

    }



    .approved-abortion-centre-sc h5 {

        font-size: 20px;

    }



    .approved-abortion-centre-sc .painless-box p {

        font-size: 22px;

    }

    .approved-abortion-centre-sc {

        padding: 0 0px 10px;

    }



    .title-bar h2, .title-bar h3 {

        font-size: 22px;

        padding-bottom: 20px;

    }



    .services-section p {

        font-size: 16px;

    }



    .shap-left, .shap-right {

        margin-bottom: 60px;

    }



    .services-section p br {

        display: none;

    }



    .abortion-required-tab ul.nav {

        display: block;

    }



    .abortion-required-tab ul.nav li {

        display: block;

        margin: 4px 0;

    }



    .understand-abortion-section h3, .abortion-required-tab h3 {

        font-size: 20px;

        font-weight: 700;

    }



    .services-section {

        padding: 20px 20px;

    }



    .about-contact {

        margin-bottom: 20px;

        padding: 20px;

        padding-left: 20px;

        padding-right: 45px;

    }



    .about-contact p {

        font-size: 16px;

    }



    .about-contact h4 {

        font-size: 26px;

    }



    .understand-abortion-section {

        margin: 20px 0;

    }



    .testimonial-section {

        background-color: #d4ffd9;

        padding: 30px 0 20px;

    }



    .social-media-icon {

        margin-bottom: 15px;

    }



    .quick-links-sec {

        padding: 30px 0 10px;

    }



    .footer-bottom .text-right {

        text-align: left!important;

    }



    .page-title-bar-sec {

        padding: 25px 0 10px;

    }



    .page-title-bar-sec .page-title-bar h1 {

        font-size: 26px;

    }



    .page-title-bar-sec .page-title-bar p {

        font-size: 16px;

    }



    .page-title-bar .breadcrumb {

        padding: 4px 0px;

    }



    .page-title-bar .breadcrumb li {

        font-size: 14px;

    }



    .vision-mission-inner {

        padding-left: 120px;

        margin-bottom: 20px;

    }



    .vision-mission-inner figure {

        width: 80px;

    }



    .about-us-section {

        padding-top: 30px;

        padding-bottom: 30px;

    }



    .service-inner-sec h2, .service-inner-sec h3 {

        font-size: 22px;
        font-weight: 700;

    }

    .service-inner-sec h4 {
        font-size: 18px;
        font-weight: 600;
    }



    .footer-wt-cl-icon {

        display: block;

        position: fixed;

        bottom: 20px;

        left: 20px;

        width: auto;

        height: 40px;

    }

    .footer-wt-cl-icon a {

        background: #2cb740;

        color: #fff;

        width: 40px;

        height: 40px;

        border-radius: 50%;

        text-align: center;

        line-height: 40px;

        font-size: 26px;

        margin-right: 5px;

    }



    .footer-wt-cl-icon a.call-icon {

        background-color: #de5407;

        font-size: 20px;

    } 

}