@media only screen and (max-width:1199px) {
	.about-content {
	    right: 0%;
	    top: 10px;
	    margin-left: 0%;
	}
	.modal {
		max-width: 100%;
	}
	.subscribe-box h2 {
		font-size: 45px;
	}
	.subscribe-box h5 {
		font-size: 18px;
	}
	.post-box {
		margin-bottom: 30px;
	}
	.main-footer {
		padding-bottom: 65px;
	}
	.default-title img {
		width: 50%;
	}
	.about-content h2 {
    font-size: 33px;
	}
/***jithin****/
		#subcontent{
		width: 750px !important;
left: 70px !important;
	}
		#subcontent2{
		width: 750px !important;
left: 70px !important;
	}
			#subcontent3{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent4{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent5{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent6{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent7{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent8{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent9{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent10{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent11{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent12{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent13{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent14{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent15{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent16{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent17{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent18{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent19{
		width: 750px !important;
left: 70px !important;
	}
	#subcontent20{
		width: 750px !important;
left: 70px !important;
	}
	/***jithin***/
}

@media only screen and (max-width:991px) {
		.about-content {
	    right: 0%;
	    top: 10px;
	    margin-left: 0%;
	}
		.about-content h2 {
    font-size: 24.7px;
	}
	.text-center991 {
		text-align: center !important;
		float: none !important;
	}
	.main-header .navbar-collapse {
		background: #ffffff;
		margin-top: 10px;
	}
	.main-header .navbar-light .navbar-nav .nav-link {
		color: #333333;
		padding: 10px 0;
		margin-left: 5px;
	}
	.main-header .navbar-light .navbar-toggler {
		color: #dddddd;
    	border-color: #dddddd;
    	border-radius: 0;
    	background: rgba(255,255,255,0.3);
	}
	.hero-col h2 {
		font-size: 40px;
	}

	.contact-box {
		display: block;
	}
	.copyright-col p {
		margin-top: 10px;
	}
	.sidebar-post {
	    margin-bottom: 80px;
	}
	.sidebar-post ul li {
		margin-bottom: 50px;
	}
	/***jithin****/
		#subcontent{
		width: 600px !important;
left: 150px !important;
	}
		#subcontent2{
			width: 600px !important;
left: 150px !important;
	}
			#subcontent3{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent4{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent5{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent6{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent7{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent8{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent9{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent10{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent11{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent12{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent13{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent14{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent15{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent16{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent17{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent18{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent19{
			width: 600px !important;
left: 150px !important;
	}
	#subcontent20{
			width: 600px !important;
left: 150px !important;
	}
/***jith***/
}
@media only screen and (max-width:768px) {
	.about-content {
    right: 0px;
    top: 0px;
    margin-left: 0% !important;
}
	.about-content h2 {
    font-size: 25px;
}
	.table td, .table th {
    padding: 0.45rem ;
	}
	#tabd{ width: 100% !important;}
	/***jithi****/
	/***jith***/
	.main-header{text-align: center;}
	.pre{ text-align: center !important;}
	.post{text-align: center !important;}
	.page-heading-area {
    padding: 89px 0px;
	}
	.page-heading-col h2{margin-top: 185px;}

	#subcontent{
		width: 580px !important;
left: 70px !important;
	}
		#subcontent2{
		width: 580px !important;
left: 70px !important;
	}
			#subcontent3{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent4{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent5{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent6{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent7{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent8{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent9{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent10{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent11{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent12{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent13{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent14{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent15{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent16{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent17{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent18{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent19{
		width: 580px !important;
left: 70px !important;
	}
	#subcontent20{
		width: 580px !important;
left: 70px !important;
	}
	.blog-single-col ul{ margin-left: 34px !important;}
	.blog-text-box ul{margin-left: 34px !important;}
	.blog-single-col h4{font-size: 20px; text-align: center;}
	/***jithin****/
}
@media only screen and (max-width:767px) {
	.about-content {
		position: relative;
		margin-left: 0;
		margin-bottom: 70px;
		top: 30px;
	}
	.about-col {
		margin-bottom: 0;
	}
	.pricingTable {
		margin: 0;
		margin-bottom: 30px;
	}
	.our-team:hover .social {
	    top: 50%;
	}
	.sidebar-post {
	    margin-bottom: 50px;
	}
	.sidebar-post ul li {
		min-height: 80px;
		margin-bottom: 20px;
	}
	.portfolio-item-info .item-caption h4 {
		
	}
	.slide-caption {
		text-align: center !important;
		padding: 0 50px;
	}
	.slide-caption-title {
		font-size: 30px;
	}
	.main-slider-area .owl-next, .main-slider-area .owl-prev {
		top: 53%;
	}
	.filtr-item {
		width: 50%;
	}
}
@media only screen and (max-width:640px) {
	
		/***jith***/
	.main-header{text-align: center;}
	.pre{ text-align: center !important;}
	.post{text-align: center !important;}
	.page-heading-area {
    padding: 89px 0px;
	}
	.page-heading-col h2{margin-top: 185px;}
	.about-content h2 {
    font-size: 20px;
}
	#subcontent{
		width: 490px !important;
left: 70px !important;
	}
		#subcontent2{
		width: 490px !important;
left: 70px !important;
	}
			#subcontent3{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent4{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent5{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent6{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent7{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent8{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent9{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent10{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent11{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent12{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent13{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent14{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent15{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent16{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent17{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent18{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent19{
		width: 490px !important;
left: 70px !important;
	}
	#subcontent20{
		width: 490px !important;
left: 70px !important;
	}
	.blog-single-col ul{ margin-left: 34px !important;}
	.blog-text-box ul{margin-left: 34px !important;}
	.blog-single-col h4{font-size: 20px; text-align: center;}
	
	/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
			
		}
.table td, .table th {
    padding: 1.75rem; 
   
		}
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }
      
    tr:nth-child(odd) {
      background: #ccc;
    }
    
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		td:nth-of-type(1):before { content: "Disease"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(2):before { content: "Mode of Transmission"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(3):before { content: "Symptoms"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(4):before { content: "Diagnosis/Treatments"; font-size: 16px; font-weight: 700; color: #000; }
	    td:nth-of-type(13):before { content: ""; font-size: 16px; font-weight: 700; color: #000; display:none; }
		#des{ display:none}
		#desc{ display:none}
   /***jith****/
	
}
@media only screen and (max-width:600px) {
	.full-wd600 {
		width: 100%;
	}
	.blocker {
		margin-left: 0;
		margin-right: 0;
	}
	.blocker:before {
		margin: 0;
	}
	.pricingTable:hover {
	    transform: scale(1);
	}
	
	
		/***jith***/
	.main-header{text-align: center;}
	.pre{ text-align: center !important;}
	.post{text-align: center !important;}
	.page-heading-area {
    padding: 89px 0px;
	}
	.page-heading-col h2{margin-top: 185px;}
	.about-content h2 {
    font-size: 20px;
}
	#subcontent{
		width: 450px !important;
left: 70px !important;
	}
		#subcontent2{
		width: 450px !important;
left: 70px !important;
	}
			#subcontent3{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent4{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent5{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent6{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent7{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent8{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent9{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent10{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent11{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent12{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent13{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent14{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent15{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent16{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent17{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent18{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent19{
		width: 450px !important;
left: 70px !important;
	}
	#subcontent20{
		width: 450px !important;
left: 70px !important;
	}
	.blog-single-col ul{ margin-left: 34px !important;}
	.blog-text-box ul{margin-left: 34px !important;}
	.blog-single-col h4{font-size: 20px; text-align: center;}
	
	/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
			
		}
.table td, .table th {
    padding: 1.75rem; 
   
		}
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }
      
    tr:nth-child(odd) {
      background: #ccc;
    }
    
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		td:nth-of-type(1):before { content: "Disease"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(2):before { content: "Mode of Transmission"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(3):before { content: "Symptoms"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(4):before { content: "Diagnosis/Treatments"; font-size: 16px; font-weight: 700; color: #000; }
	    td:nth-of-type(13):before { content: ""; font-size: 16px; font-weight: 700; color: #000; display:none; }
		#des{ display:none}
		#desc{ display:none}
   /***jith****/
}


@media only screen and (max-width:575px) {
	.default-title img {
	    width: 80%;
	}
	.filtr-item {
		width: 50%;
	}
	.portfolio-item-info .item-caption h4 {
		font-size: 16px;
	}
	.main-header .navbar-brand {
		width: 175px;
	}
	.main-slider-area {
	    margin-top: 72px;
	}
}


@media only screen and (max-width:480px) {
	.my-modal img {
		display: none;
	}
	.my-modal h2 {
		margin-bottom: 10px;
	}
	.default-title .bg-title {
	    top: -8px;
	    font-size: 50px;
	    font-weight: bold;
	}
	.our-team:hover .social {
	    top: 60%;
	}
	.subscribe-box h5 {
		font-size: 16px;
	}
	.filtr-item {
		width: 100%;
	}
	/***jith***/
	.main-header{text-align: center;}
	.pre{ text-align: center !important;}
	.post{text-align: center !important;}
	.page-heading-area {
    padding: 89px 0px;
	}
	.page-heading-col h2{margin-top: 185px;}
	.about-content h2 {
    font-size: 20px;
}
	#subcontent{
		width: 450px !important;
left: 10px !important;
	}
		#subcontent2{
		width: 450px !important;
left: 10px !important;
	}
			#subcontent3{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent4{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent5{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent6{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent7{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent8{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent9{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent10{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent11{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent12{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent13{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent14{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent15{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent16{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent17{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent18{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent19{
		width: 450px !important;
left: 10px !important;
	}
	#subcontent20{
		width: 450px !important;
left: 10px !important;
	}
	.blog-single-col ul{ margin-left: 34px !important;}
	.blog-text-box ul{margin-left: 34px !important;}
	.blog-single-col h4{font-size: 20px; text-align: center;}
	
	/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
			
		}
.table td, .table th {
    padding: 1.75rem; 
   
		}
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }
      
    tr:nth-child(odd) {
      background: #ccc;
    }
    
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		td:nth-of-type(1):before { content: "Disease"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(2):before { content: "Mode of Transmission"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(3):before { content: "Symptoms"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(4):before { content: "Diagnosis/Treatments"; font-size: 16px; font-weight: 700; color: #000; }
	    td:nth-of-type(13):before { content: ""; font-size: 16px; font-weight: 700; color: #000; display:none; }
		#des{ display:none}
		#desc{ display:none}
   /***jith****/
}

@media only screen and (max-width:420px) {
	.hero-col h2 {
	    font-size: 24px;
	}
	.hero-col h5 {
		letter-spacing: 1px;
	}
	.blocker {
		padding: 5px;
	}
	.modal.my-service-modal {
		padding: 5px;
		padding-bottom: 30px;
	}
	.subscribe-box h2 {
	    font-size: 36px;
	}
	.subscribe-box h5 {
	    font-size: 15px;
	}
	.subscribe-box {
		padding: 40px 20px;
	}
	.middele-comment {
		margin-left: 0;
	}
	.slide-caption-desc {
		font-size: 14px;
	}
	.slide-caption-title {
		font-size: 20px;
	}
	.main-slider-area .owl-next, .main-slider-area .owl-prev {
	    top: 51%;
	}
	.portfolio-nav li {
		margin-right: 0;
		font-weight: normal;
		font-size: 13px;
	}

}

@media only screen and (max-width:375px) {
	.my-modal h2 {
		font-size: 22px;
	}
	.blog-item h3 {
		font-size: 18px;
	}
	.subscribe-box .input-group .btn {
		width: 95px;
		font-size: 12px;
		height: 40px;
	}
	.subscribe-box .form-control {
		font-size: 13px;
		height: 40px;
	}
	.sidebar-post ul li h4 {
		font-size: 15px;
		font-weight: normal;
	}
	.slide-caption-desc {
		letter-spacing: 1px;
	}
	.hero-col h2 {
		font-size: 20px;
	}
	.hero-col h5 {
		font-size: 15px;
	}
	.subscribe-box h5 {
		font-size: 18px;
	}
	/**jith***/
	.main-header{text-align: center;}
	.pre{ text-align: center !important;}
	.post{text-align: center !important;}
	.page-heading-area {
    padding: 89px 0px;
	}
	.page-heading-col h2{margin-top: 185px;}
	.about-content h2 {
    font-size: 20px;
}
	#subcontent{
		width: 300px !important;
left: 10px !important;
	}
		#subcontent2{
		width: 300px !important;
left: 10px !important;
	}
			#subcontent3{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent4{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent5{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent6{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent7{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent8{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent9{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent10{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent11{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent12{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent13{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent14{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent15{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent16{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent17{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent18{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent19{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent20{
		width: 300px !important;
left: 10px !important;
	}
	.blog-single-col ul{ margin-left: 34px !important;}
	.blog-text-box ul{margin-left: 34px !important;}
	.blog-single-col h4{font-size: 20px; text-align: center;}
	
	/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
			
		}
.table td, .table th {
    padding: 1.75rem; 
   
		}
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }
      
    tr:nth-child(odd) {
      background: #ccc;
    }
    
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		td:nth-of-type(1):before { content: "Disease"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(2):before { content: "Mode of Transmission"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(3):before { content: "Symptoms"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(4):before { content: "Diagnosis/Treatments"; font-size: 16px; font-weight: 700; color: #000; }
	    td:nth-of-type(13):before { content: ""; font-size: 16px; font-weight: 700; color: #000; display:none; }
		#des{ display:none}
		#desc{ display:none}
	/**jith****/
}


@media only screen and (max-width:320px) {
	.slide-caption {
		top: 32%;
	}
	.main-slider-area .owl-next, .main-slider-area .owl-prev {
		top: 55%;
	}
	.main-header{text-align: center;}
	.pre{ text-align: center !important;}
	.post{text-align: center !important;}
	.page-heading-area {
    padding: 89px 0px;
	}
	.page-heading-col h2{margin-top: 185px;}
	.about-content h2 {
    font-size: 20px;
}
	#subcontent{
		width: 300px !important;
left: 10px !important;
	}
		#subcontent2{
		width: 300px !important;
left: 10px !important;
	}
			#subcontent3{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent4{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent5{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent6{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent7{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent8{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent9{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent10{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent11{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent12{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent13{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent14{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent15{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent16{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent17{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent18{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent19{
		width: 300px !important;
left: 10px !important;
	}
	#subcontent20{
		width: 300px !important;
left: 10px !important;
	}
	.blog-single-col ul{ margin-left: 34px !important;}
	.blog-text-box ul{margin-left: 34px !important;}
	.blog-single-col h4{font-size: 20px; text-align: center;}
	
	/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
			
		}
.table td, .table th {
    padding: 1.75rem; 
   
		}
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }
      
    tr:nth-child(odd) {
      background: #ccc;
    }
    
		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		td:nth-of-type(1):before { content: "Disease"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(2):before { content: "Mode of Transmission"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(3):before { content: "Symptoms"; font-size: 16px; font-weight: 700; color: #000; }
		td:nth-of-type(4):before { content: "Diagnosis/Treatments"; font-size: 16px; font-weight: 700; color: #000; }
	    td:nth-of-type(13):before { content: ""; font-size: 16px; font-weight: 700; color: #000; display:none; }
		#des{ display:none}
		#desc{ display:none}
::-webkit-scrollbar { 
    display: none; 
	
}
	
}