.navbar-menu li.online-report{
        display: none !important;
    }

@media screen and (max-width: 1200px) {
    /* nav */
    nav ul {
        padding:0;
        margin:0;
        list-style: none;
        position: relative;
    }
    nav img{
        width: 200px;
        margin-top: 40px;
    }
    nav img {
        margin-top: 0;
    }
    nav input[type="checkbox" i] {
        appearance: none;
    }

    nav a {
        display:block;
        padding:14px 20px;	
        color:var(--font-color);
        font-size:14px;
        text-decoration:none;
    }

    nav ul ul {
        display: none;
        position: absolute; 
        top: 60px; 
        background-color: white;
    }

    nav ul ul li {
        float:none;
        display:list-item;
        position: relative;
    }

    nav {
		margin: 0;
        cursor: pointer;
	}

	nav a, nav label{
		font-size:18px !important;
		padding-left: 8% !important;
	}
	.toggle + a,
	.menu {
		display: none;
	}
	.toggle-main {
		display: block;
		color:gray;
		font-size:30px !important;
		text-decoration:none;
		border:none;
	}
	.toggle {
		display: block;
		padding:14px 20px;	
		text-decoration:none;
		border:none;
	}

	[id^=drop]:checked + ul {
		display: block;
	}


	nav ul li {
		display: block;
		width: 100%;
	}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav ul li ul li .toggle,
	nav ul ul a,
    nav ul ul ul a{
		padding:14px 20px;	
		color:var(--font-color);
		font-size:14px; 
		background-color: rgb(255, 234, 234);
	}
  
	nav ul ul {
		float: none;
		position:static;
	}
		
	nav ul ul li {
		display: block;
		width: 100%;
	}

    .full-nav{
        display: none;
    }
    .small-nav{
        display: block;
    }

    .main-sidebar{
        display: none;
    }

    .one-topic{
        columns: unset;
        -webkit-columns: unset;
    }
    .one-topic .description{
        margin:unset;
    }
    .section-title{
        padding-bottom:30px;
        margin-bottom:unset !important;
        text-align: center;
    }

    .topics-grid{
        justify-content: center;
        align-content: center;
    }

    .gallery-image-grid{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .gallery-image .caption{
        text-align: center;
    }


    .one-wing, .one-clinical-service{
        margin-top:20px;
    }
    .our-clinical-services-area .section-title{
        padding:unset;
    }

    .search-sort{
        flex-direction: column;
    }
    form.search-form input[type=text] {
        min-width: 80%;
    }
    .search-sort .sort-bar{
        margin-left: unset;
        margin-top:20px;
    }

    
    .footer-container .newsletter-section{
        flex-direction: column;
    }
    .form-area{
        margin-left: unset;
        margin-top: 30px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footer-container .search-form{
        width: 80%;
        justify-content: center;
    }
    .newsletter-section .text-area{
        text-align: center;
    }
    .newsletter-section .text-area .title {
        font-size: 24px;
        margin:20px 0;
    }
    .footer-details-area{
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer-details-area .logo-column{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .footer-details-area .links-column, .footer-details-area .contact-column{
        margin-top: 70px;
    }
    .footer-container .rights-reserved{
        margin:50px 0;
    }
    .footer-details-area{
        margin-top:30px;
    }
    .footer-details-area .contact-one .subtitle{
        font-size: 18px;
    }
    .footer-details-area .small-divider{
        width:230px;
    }
    .footer-container .divider{
        display: none;
    }

    .message-whole-area .message{
        text-align: justify;
    }
    
}

@media screen and (max-width: 767px) {
    .custom-nav{
        margin-bottom: 40px;
    }
    .view-more.absolute, .section-title .view-more.absolute{
        position: static;
        margin-top:15px;
        width: 100%;
        max-width: 100%;
    }
    .section-title{
        flex-wrap: wrap;
    }
    li.online-report{
        display: block!important;
    }



}