*{
		box-sizing: border-box;
		padding: 0;
		margin: 0;
	}
	body{
			font-family: 'Noto Serif Devanagari', serif;
		}
	.logo_and_site_main{
		width: 100%;		
		height: auto;
	}
	.logo_and_site_box{
		width: 65%;
		margin: 0 auto;
		
		height: auto;
		display: flex;
		background-color: #AB183D;
	}
	.site_name_box{
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.site_name_box h1{
		font-size:3.5vw;
	}
	.site_name_box p{
		font-size:2vw;
	}
	/* media query below */
@media only screen and (max-width: 767px) {
	.logo_and_site_box{
		width: 100%;
		margin: 0 auto;
	}
.site_name_box h1{
		font-size:35px;
	}
	.site_name_box p{
		font-size:18px;
	}
}
	/* media query below */
@media only screen and (max-width: 624px) {	
.site_name_box h1{
		font-size:30px;
	}
	.site_name_box p{
		font-size:15px;
	}
}
	/* media query below */
@media only screen and (max-width: 425px) {	
.site_name_box h1{
		font-size:25px;
	}
	.site_name_box{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.site_name_box p{
		font-size:12.5px;
	}
}
	/* media query below */
@media only screen and (max-width: 375px) {	
.site_name_box h1{
		font-size:20px;
	}
	.site_name_box p{
		font-size:10px;
	}
}
	.logo_box{
		width: 25%;
		height: auto;		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.site_name_box{
		width: 75%;
		height: auto;		
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.site_name_box h1,p{
		font-family: arial;
		color: white;
	}
	.menu_bar_cont{
		width: 100%;		
	}
	.menu_bar{
		width: 65%;		
		margin:0 auto;	}
	.menu_bar ul{
		width: 100%;
		list-style: none;
		display: flex;	
	}
	.menu_bar ul li{
		width: 12.5%;
		margin-right: 2px;	}
	.menu_bar ul li a{
		display: block;
		text-decoration: none;
		width: 100%;
		text-align: center;
		background-color: black;
		color: white;
		padding: 10px 2px;
		font-size: 1vw;
		font-family: arial;
		font-weight: bold;
	}
/* media query below */
@media only screen and (max-width: 767px) {
	.menu_bar{
		width: 100%;		
		margin:0 auto;
	}
	.menu_bar ul li a{		
		font-size: 12px;	
		padding: 5px 2px;	
	}
}
	/* media query below */
@media only screen and (max-width: 624px) {	
.menu_bar ul li a{		
		font-size: 11px;		
	}
}

	/* media query below */
@media only screen and (max-width: 624px) {	
.menu_bar ul li a{		
		font-size: 8px;		
	}
}

	/* media query below */
@media only screen and (max-width: 425px) {	
.menu_bar ul li a{		
		font-size: 7px;		
	}
}
	/* media query below */
@media only screen and (max-width: 375px) {	
.menu_bar ul li a{		
		font-size: 5px;		
	}
}

	.floating_text_cont{
		width: 100%;
		height: auto;
		margin: 0 auto;
		/*border:1px solid red;*/
		margin-top: 20px;
	}
	.sitename{
		width: 65%;
		margin: 0 auto;
	}
	.sitename h1{
		font-size: 1.35vw;
		font-family: arial;
		text-align: center;
	}
	header{
		margin-bottom: 50px;
	}

		.gulabi-color{
			color: #FF0075;
		}
		.lal-color{
			color: #FF0000;
		}
		.dark-blue-color{
			color: #09009B;
		}
		.dark-green-color{
			color: #008000;
		}
		.text-left{
			text-align: left;
		}

		table{
			width: 65%;
			margin: auto;
		}

		table h1{
			font-size: 28px;
			text-align: center;
		}

		table td{
			font-size: 20px;
			border:1px solid black;
			padding: 5px;
		}
		table h2{
			font-size: 22px;
			text-align: center;
		}
		table ul li{
			font-size: 21px;
			margin-left: 25px;
		}
		@media only screen and (max-width: 991px) {
			table td{
				font-size: 25px;

			}
			table h2{
				font-size: 28px;
			}

		}

		@media only screen and (max-width: 767px) {
			table td{
				font-size: 12px;
			}
			table h2{
				font-size: 18px;
			}
			table h1{
				font-size: 20px;
			}
			table ul li{
				font-size: 15px;
			}

		}

		@media only screen and (max-width: 425px) {
			table{
				width: 100%;
			}
			table td{
				font-size: 10px;
			}
			table h2{
				font-size: 16px;

			}

			table h1{
				font-size: 18px;
			}
			table ul li{
				font-size: 13px;
			}
			table ul{
				padding: 5px;
			}
			table ul li{			
			margin-left: 10px;
		}
		}
		table a{
			text-decoration: none;
		}

@media only screen and (max-width: 375px) {
	table{
		width: 100%;
	}

			table td{
				font-size: 9px;
			}
			table h2{
				font-size: 14px;

			}

			table table h1{
				font-size: 16px;
			}
			table ul li{
				font-size: 11px;
			}
			table ul{
				padding: 5px;
			}
			table ul li{			
			margin-left: 10px;
		}

		}
		@media only screen and (max-width: 320px) {
			.table1{
				width: 100%;
			}
			table td{
				font-size: 8px;
			}
			table h2{
				font-size: 12px;

			}

			table h1{
				font-size: 14px;
			}
			table ul li{
				font-size: 9px;
			}
			table ul li{			
			margin-left: 10px;
		 	}
		}
		.img_parent{
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.img_parent img{
			width: 50%;
			margin: 10px;
		}
       @media only screen and (max-width: 425px) {
			.img_parent img{
				width: 70%;
			}
		}			
		@media only screen and (max-width: 375px) {
			.img_parent img{
				width: 80%;
			}
		}
     @media only screen and (max-width: 321px) {
	.img_parent img{
		width: 85%;
	        }
        }