/* ============================ Css For Desktop View upto line 670=====================================*/

*
{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

body
{
	background-color:#F1278A;
}
.header
{
	width:80%;
	min-height:30px;
	margin-left:10%;
	margin-right:10%;
	background-color:blue;
}
.header a
{
	text-decoration:none;
	font-size:20px;
	color:white;
	line-height:30px;
	margin-left:15%;
}
.announcement
{
	width:80%;
	min-height:30px;
	margin-left:10%;
	margin-right:10%;
	background-color:white;
	
}
.announcement p
{
	font-size:18px;
	color:green;
	font-weight:bold;
}
.announcement img
{
	width:18px;
	height:15px;
	padding-right:3px;
	
}
.back
{
	width:80%;
	min-height:auto;
	background-color:white;
	margin-left:10%;
	margin-right:10%;
}
.logo
{
	width:100%;
	height:140px;
}

.img1
{
	float:left;
	width:10%;
	height:130px;
	margin-left:2%;
}
.img2
{
	float:left;
	width:70%;
	margin-top:15px;
	height:110px;
	margin-left:1%;
}
.img3
{
	float:left;
	width:11%;
	height:132px;
	margin-left:2%;
	margin-top:5px;
}
.menu
{
	width:100%;
	background-color:#5c4d31;
	display:flex;
	border-bottom:5px solid red;
	
	
}
.menu ul
{
	list-style:none;
	z-index:5;	

	
}
.menu ul li
{
	background-color:blue;
	border: 1px solid white;
	width:170px;
	min-height:35px;
	text-align:center;
	line-height:35px;
	float:left;
	position:relative;
	z-index:5;
	
	
}
.menu ul li a
{
	color:white;
	text-decoration:none;
	display:block;	
	z-index:5;
	font-size:14px;
	font-family:cursive;
	font-weight:bold;
	
}
.menu ul li a:hover
{
	background-color:red;
	
}
.menu ul ul
{
	position:absolute;
	display:none;
	z-index:5;
	
}
.menu ul li:hover > ul
{
	display:block;
}
.menu ul ul ul
{
	margin-left:170px;
	top:0px;
	z-index:5;
	
}
.aftmenusec
{
	width:100%;
	height:450px;
}

.leftimg
{
	float:left;
	width:15%;
	height:95%;
	padding:15 0px;
}
.leftsideimg
{
	
	width:100%;
	height:33%;
	padding:2px;
}
.leftsideimg img
{
	width:70%;
	height:70%;
	padding:2px;
	border-radius:50%;
}
h5
{
	font-size:10px;
	font-weight:bold;
	color:green;
}
.container
{
	float:left;
	width:70%;
	overflow:hidden;
}
.rightimg
{
	float:left;
	width:15%;
	height:95%;
	padding:15 0px;
}
.rightsideimg
{
	width:100%;
	height:33%;
	padding:2px;
}
.rightsideimg img
{
	width:70%;
	height:70%;
	padding:2px;
	border-radius:50%;
}

.slider
{
	width:600%;
	height:450px;
	display:flex;
	position:relative;
	animation-name:myanimation;
	animation-duration:30s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
.slider:hover
{
	
	cursor:pointer;
}
.slides
{
	width:100%;
	height:92%;
	margin:5px;
}
.slides img
{
	height:90%;
	width:100%;
}
.content
{
	width:90%;
	position:relative;
	bottom:100px;
	left:15px;
}
.content h1
{
	width:90%;
	background-color:blue;
	text-align:center;
	padding:5px;
	color:white;
	text-transform:uppercase;
	border-radius:20%;
	font-size:20px;
	font-family:Courier New;
	margin-left:80px;
	opacity:0.7;
}
.mainmiddle
{
	float:left;
	width:98%;
	min-height:400px;
	padding:1px;
	background-color:white;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:15px;
	border:2px solid cyan;
}
.middle
{
	width:100%;
	min-height:400px;
	background-color:white;
	margin-top:10px;	
}
h2
{
	padding:5px;
	border-bottom:2px solid cyan;
	color:#00333E;
	font-size:25px;
	font-weight:bold;
}
.middle hr
{
	width:300px;
	background-color:red;
	height:5px;
}
.simg
	{
	float:left;
	width:250px;
	height:150px;
	padding:10px;	
}
.about
{
	position:relative;
	font-size:17px;
	color:black;
	font-weight:bold;
	text-align:justify;
	padding-top:15px;
	padding-right:10px;
}
.ntc
{
	padding:5px;
	background-color:red;
	text-align:center;
	font-size:25px;
	color:white;
	font-weight:bold;
	line-height:30px;
	border-bottom:5px solid black;
}
.notice
{
	float:left;
	width:23%;
	min-height:915px;
	border:2px solid cyan;
	padding:10px;
	margin-left:10px;
	margin-top:15px;
}

.footer
{
	width:100%;
	min-height:250px;
	background-color:#1B1E1E;
	clear:both;
}
.quicklinks
{
	float:left;
	margin-top:0px;
	width:25%;
	height:auto;
}
.getintouch
{
	float:left;
	width:25%;
	height:auto;
}
h3
{
	color:white;
	font-size:25px;
	font-weight:bold;
	font-style:italic;
	padding:15px;
}
.quicklinks a
{	
	text-decoration:none;
	color:white;
	font-size:20px;
	font-weight:bold;
	margin-left:18px;
	line-height:30px;
}
.quicklinks a:hover
{
	color:green;
}
.getintouch p
{
	color:white;
	padding:3px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	font-style:italic;
}
.getintouch hr
{
		width:90%;
		height:5px;
		background-color:green;
		color:green;	
}
.quicklinks hr
{
		width:90%;
		height:5px;
		background-color:green;
		color:green;
		margin-bottom:10px;
}
.footer2
{
	width:100%;
	height:50px;
	background-color:black;
	border-bottom:10px solid blue;
	margin-bottom:20px;
	
}
.cp
{
	float:left;
	color:white;
	font-size:20px;
	padding:10px;
	margin-left:30px;
}
.pby
{
	float:left;
	color:white;
	font-size:20px;
	padding:10px;
	margin-left:30%;
}
.gallery
{
	float:left;
	width:22%;
	height:150px;
	border-bottom:5px solid red;
	margin-top:5%;
	margin-left:2%;
	transition:all 1s ease-in-out;
	overflow:hidden;
}
.gallery img
{
	width:100%;
	height:100%;
	padding-bottom:15px;
	transition:all 1s ease-in-out;
}
.gallery img:hover
{
	transform:scale(2);
	
	transition:all 1s ease-in-out;
    overflow:hidden;
}
.login
{
	width:30%;
	height:70%;
	margin-left:35%;
	margin-top:2%;
	margin-bottom:2%;
	
}
.login img
{
	width:20%;
	height:15%;
	margin-top:5px;
}
.login p
{
	font-size:20px;
	font-weight:bold;
	color:black;
	margin-top:10px;
	padding-bottom:20px;
	border-bottom:2px solid green;
	margin-bottom:15px;
}
.loginlabel
{
	font-size:18px;
	font-weight:bold; 
	color:black;
}
.Username
{
	border:none; 
	border-bottom:2px solid black; 
	width:80%;
	height:30px; 
}
.captcha
{
	width:90px;
	height:25px;
}
.loginbtn
{
	width:100px; 
	padding:10px ; 
	background-color:blue;
	color:white; 
	font-size:15px;" 
}
.homemainmiddle
{
	float:left;
	width:73%;
	min-height:900px;
	padding:1px;
	background-color:white;
	margin-left:10px;
	margin-top:15px;
	border:2px solid cyan;
	margin-bottom:10px;	
}
.homemainmiddle2
{
	float:left;
	width:98%;
	height:900px;
	padding:1px;
	background-color:white;
	margin-left:10px;
	margin-top:15px;
	border:2px solid cyan;
	margin-bottom:10px;	
}
.ifrm
{
	overflow:hidden;
	width:100%;
	height:900px;
}
.combut
{
width:90%;
height:25px;
margin-left:5%; 
margin-top:15px; 
color:black;
font-size:18px;
font-weight:bold;
}	
  
@keyframes myanimation
{
	0%
	{
			left:0%;
	}
	15.66%
	{
			left:0%;
	}
	16.66%
	{
			left:-100%;
	}
	32.32%
	{
			left:-100%;
	}
	33.32%
	{
			left:-200%;
	}
	48.98%
	{
			left:-200%;
	}
	49.98%
	{
			left:-300%;
	}
	65.64%
	{
			left:-300%;
	}
	66.64%
	{
			left:-400%;
	}
	82.30%
	{
			left:-400%;
	}
	83.30%
	{
			left:-500%;
	}
	99%
	{
			left:-500%;
	}
	100%
	{
		left:0%;
	}
}



/* =============================== Css For Mobile view upto Line 1177 ======================================*/


@media screen and ( max-width: 550px )
{
*
{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

body
{
	background-color:#F1278A;
	margin:0px;
	padding:0px;
}
.header
{
	width:100%;
	min-height:20px;
	background-color:blue;
	margin:0px;
	padding:0px;
}
.header a
{
	text-decoration:none;
	font-size:10px;
	color:white;
	line-height:20px;
	margin-left:8%;
}
.announcement
{
	width:100%;
	min-height:20px;
	background-color:white;
	border:0px;
	margin:0px;
	padding:0px;
	
}
.announcement p
{
	font-size:12px;
	color:red;
}
.announcement img
{
	width:12px;
	height:9px;
	padding-right:3px;
	
}
.back
{
	width:100%;
	min-height:auto;
	background-color:white;
	margin:0px;
	padding:0px;
	
}
.logo
{
	width:100%;
	height:60px;
}

.img1
{
	float:left;
	width:10%;
	height:90%;
	margin-left:3%;
	margin-top:5px;
	margin-bottom:2px;
}
.img2
{
	float:left;
	width:70%;
	margin-top:15px;
	height:80%;
	margin-left:1%;
	margin-top:5px;
	margin-bottom:2px;
}
.img3
{
	float:left;
	width:11%;
	height:90%;
	margin-left:2%;
	margin-top:5px;
	margin-bottom:2px;
}
.menu
{
	width:100%;
	background-color:#5c4d31;
	display:flex;
	border-bottom:2px solid red;
	margin:0px;
	padding:0px;
	
	
}
.menu ul
{
	list-style:none;
	z-index:5;	

	
}
.menu ul li
{
	background-color:blue;
	border: 1px solid white;
	width:60px;
	min-height:15px;
	text-align:center;
	line-height:15px;
	float:left;
	position:relative;
	z-index:5;
	
	
}
.menu ul li a
{
	color:white;
	text-decoration:none;
	display:block;	
	z-index:5;
	font-size:6px;
	font-family:Arial;
	font-weight:bold;
	
}
.menu ul li a:hover
{
	background-color:red;
	
}
.menu ul ul
{
	position:absolute;
	display:none;
	z-index:5;
	
}
.menu ul li:hover > ul
{
	display:block;
}
.menu ul ul ul
{
	margin-left:58px;
	top:0px;
	z-index:5;
	
}

.aftmenusec
{
	width:100%;
	height:200px;
	margin:0px;
	padding:0px;
}

.leftimg
{
	float:left;
	width:15%;
	height:80%;
	padding:8 0px;
}
.leftsideimg
{
	
	width:100%;
	height:33%;
	padding:1px;
}
.leftsideimg img
{
	width:70%;
	height:70%;
	padding:1px;
	border-radius:50%;
}
h5
{
	font-size:3px;
	font-weight:bold;
	color:green;
}
.container
{
	float:left;
	width:70%;
	overflow:hidden;
}
.rightimg
{
	float:left;
	width:15%;
	height:80%;
	padding:8 0px;
}
.rightsideimg
{
	width:100%;
	height:33%;
	padding:1px;
}
.rightsideimg img
{
	width:70%;
	height:70%;
	padding:1px;
	border-radius:50%;
}

.slider
{
	width:600%;
	height:190px;
	display:flex;
	position:relative;
	animation-name:myanimation;
	animation-duration:30s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
.slider:hover
{
	cursor:pointer;
}
.slides
{
	width:100%;
	height:92%;
	margin:5px;
}
.slides img
{
	height:85%;
	width:100%;
}
.content
{
	width:90%;
	position:relative;
	bottom:70px;
	left:15px;
}
.content h1
{
	width:80%;
	background-color:blue;
	text-align:center;
	padding:2px;
	color:white;
	text-transform:uppercase;
	border-radius:20%;
	font-size:8px;
	font-family:Courier New;
	margin-left:10%;
	opacity:0.7;
}
.homemainmiddle
{
	width:98%;
	height:600px;
	padding:1px;
	background-color:white;
	margin-left:1%;
	margin-top:5px;
	border:2px solid cyan;
	margin-bottom:5px;	
}
.ifrm
{
	overflow:hidden;
	width:100%;
	height:100%;
}
.notice
{
	float:left;
	width:98%;
	min-height:500px;
	border:2px solid cyan;
	padding:10px;
	margin-left:1%;
	margin-top:5px;
	margin-bottom:5px;
}
.ntc
{
	padding:5px;
	background-color:red;
	text-align:center;
	font-size:20px;
	color:white;
	font-weight:bold;
	line-height:20px;
	border-bottom:5px solid black;
}
.mainmiddle
{
	float:left;
	width:98%;
	min-height:400px;
	padding:1px;
	background-color:white;
	margin-left:1%;
	margin-top:15px;
	margin-bottom:15px;
	border:2px solid cyan;
}
.middle
{
	width:100%;
	min-height:400px;
	background-color:white;
	margin-top:10px;	
}
h2
{
	padding:5px;
	border-bottom:1px solid cyan;
	color:#00333E;
	font-size:15px;
	font-weight:bold;
}
.middle hr
{
	width:300px;
	background-color:red;
	height:2px;
}
.simg
	{
	float:left;
	width:90px;
	height:70px;
	padding:10px;	
}
.about
{
	position:relative;
	font-size:10px;
	color:black;
	font-weight:bold;
	text-align:justify;
	padding-top:15px;
	padding-right:5px;
}
.footer
{
	width:100%;
	min-height:230px;
	background-color:#1B1E1E;
	clear:both;
}
.quicklinks
{
	float:left;
	margin-top:0px;
	width:25%;
	height:auto;
}
.getintouch
{
	float:left;
	width:25%;
	height:auto;
}
h3
{
	color:white;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	padding:15px;
}
.quicklinks a
{	
	text-decoration:none;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-left:18px;
	line-height:30px;
}
.quicklinks a:hover
{
	color:green;
}
.getintouch p
{
	color:white;
	padding:3px;
	font-size:7px;
	font-weight:bold;
	text-align:left;
	font-style:italic;
}
.getintouch hr
{
		width:90%;
		height:3px;
		background-color:green;
		color:green;	
}
.quicklinks hr
{
		width:90%;
		height:3px;
		background-color:green;
		color:green;
		margin-bottom:10px;
}
.footer2
{
	width:100%;
	height:25px;
	background-color:black;
	border-bottom:10px solid blue;
	margin-bottom:0px;
	
}
.cp
{
	float:left;
	color:white;
	font-size:8px;
	line-height:13px;
	padding:0px;
	margin-left:15px;
}
.pby
{
	float:left;
	color:white;
	font-size:8px;
	line-height:13px;
	padding:1px;
	margin-left:15px;
}
.gallery
{
	float:left;
	width:22%;
	height:150px;
	border-bottom:5px solid red;
	margin-top:5%;
	margin-left:2%;
	transition:all 1s ease-in-out;
	overflow:hidden;
}
.gallery img
{
	width:100%;
	height:100%;
	padding-bottom:15px;
	transition:all 1s ease-in-out;
}
.gallery img:hover
{
	transform:scale(2);
	
	transition:all 1s ease-in-out;
    overflow:hidden;
}
.login
{
	width:50%;
	height:70%;
	margin-left:25%;
	margin-top:2%;
	margin-bottom:2%;
	
}
.login img
{
	width:30%;
	height:12%;
	margin-top:5px;
}
.login p
{
	font-size:13px;
	font-weight:bold;
	color:black;
	margin-top:10px;
	padding-bottom:20px;
	border-bottom:2px solid green;
	margin-bottom:15px;
}
.loginlabel
{
	font-size:12px;
	font-weight:bold; 
	color:black;
}
.Username
{
	border:none; 
	border-bottom:2px solid black; 
	width:80%;
	height:20px; 
}

.captcha
{
	width:65px;
	height:18px;
}
.loginbtn
{
	width:80px; 
	padding:2px ; 
	background-color:blue;
	color:white; 
	font-size:10px;" 
}

.homemainmiddle2
{
	float:left;
	width:98%;
	min-height:1050px;
	padding:1px;
	background-color:white;
	margin-left:1%;
	margin-top:15px;
	border:2px solid cyan;
	margin-bottom:10px;	
}
.combut
{
width:90%;
height:25px;
margin-left:5%; 
margin-top:15px; 
color:black;
font-size:18px;
font-weight:bold;
}	
  
@keyframes myanimation
{
	0%
	{
			left:0%;
	}
	15.66%
	{
			left:0%;
	}
	16.66%
	{
			left:-100%;
	}
	32.32%
	{
			left:-100%;
	}
	33.32%
	{
			left:-200%;
	}
	48.98%
	{
			left:-200%;
	}
	49.98%
	{
			left:-300%;
	}
	65.64%
	{
			left:-300%;
	}
	66.64%
	{
			left:-400%;
	}
	82.30%
	{
			left:-400%;
	}
	83.30%
	{
			left:-500%;
	}
	99%
	{
			left:-500%;
	}
	100%
	{
		left:0%;
	}
}	
	
}


/*============================= CSS For mobile2 View upto line 1710=====================================*/

	
@media  (min-width:551px) and (max-width:650px)
{
*
{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

body
{
	background-color:#F1278A;
	margin:0px;
	padding:0px;
}
.header
{
	width:100%;
	min-height:20px;
	background-color:blue;
	margin:0px;
	padding:0px;
}
.header a
{
	text-decoration:none;
	font-size:12px;
	color:white;
	line-height:20px;
	margin-left:12%;
}
.announcement
{
	width:100%;
	min-height:20px;
	background-color:white;
	border:0px;
	margin:0px;
	padding:0px;
	
}
.announcement p
{
	font-size:12px;
	color:red;
}
.announcement img
{
	width:12px;
	height:9px;
	padding-right:3px;
	
}
.back
{
	width:100%;
	min-height:auto;
	background-color:white;
	margin:0px;
	padding:0px;
	
}
.logo
{
	width:100%;
	height:60px;
}

.img1
{
	float:left;
	width:10%;
	height:90%;
	margin-left:3%;
	margin-top:5px;
	margin-bottom:2px;
}
.img2
{
	float:left;
	width:70%;
	margin-top:15px;
	height:80%;
	margin-left:1%;
	margin-top:5px;
	margin-bottom:2px;
}
.img3
{
	float:left;
	width:11%;
	height:90%;
	margin-left:2%;
	margin-top:5px;
	margin-bottom:2px;
}
.menu
{
	width:100%;
	background-color:#5c4d31;
	display:flex;
	border-bottom:2px solid red;
	margin:0px;
	padding:0px;
	
	
}
.menu ul
{
	list-style:none;
	z-index:5;	

	
}
.menu ul li
{
	background-color:blue;
	border: 1px solid white;
	width:90px;
	min-height:15px;
	text-align:center;
	line-height:15px;
	float:left;
	position:relative;
	z-index:5;
	
	
}
.menu ul li a
{
	color:white;
	text-decoration:none;
	display:block;	
	z-index:5;
	font-size:9px;
	font-family:Arial;
	font-weight:bold;
	
}
.menu ul li a:hover
{
	background-color:red;
	
}
.menu ul ul
{
	position:absolute;
	display:none;
	z-index:5;
	
}
.menu ul li:hover > ul
{
	display:block;
}
.menu ul ul ul
{
	margin-left:90px;
	top:0px;
	z-index:5;
	
}

.aftmenusec
{
	width:100%;
	height:200px;
	margin:0px;
	padding:0px;
}

.leftimg
{
	float:left;
	width:15%;
	height:80%;
	padding:8 0px;
}
.leftsideimg
{
	
	width:100%;
	height:33%;
	padding:1px;
}
.leftsideimg img
{
	width:70%;
	height:70%;
	padding:1px;
	border-radius:50%;
}
h5
{
	font-size:3px;
	font-weight:bold;
	color:green;
}
.container
{
	float:left;
	width:70%;
	overflow:hidden;
}
.rightimg
{
	float:left;
	width:15%;
	height:80%;
	padding:8 0px;
}
.rightsideimg
{
	width:100%;
	height:33%;
	padding:1px;
}
.rightsideimg img
{
	width:70%;
	height:70%;
	padding:1px;
	border-radius:50%;
}

.slider
{
	width:600%;
	height:190px;
	display:flex;
	position:relative;
	animation-name:myanimation;
	animation-duration:30s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
.slider:hover
{
	cursor:pointer;
}
.slides
{
	width:100%;
	height:92%;
	margin:5px;
}
.slides img
{
	height:85%;
	width:100%;
}
.content
{
	width:90%;
	position:relative;
	bottom:70px;
	left:15px;
}
.content h1
{
	width:80%;
	background-color:blue;
	text-align:center;
	padding:2px;
	color:white;
	text-transform:uppercase;
	border-radius:20%;
	font-size:8px;
	font-family:Courier New;
	margin-left:10%;
	opacity:0.7;
}
.homemainmiddle
{
	width:98%;
	height:600px;
	padding:1px;
	background-color:white;
	margin-left:1%;
	margin-top:5px;
	border:2px solid cyan;
	margin-bottom:5px;	
}
.ifrm
{
	overflow:hidden;
	width:100%;
	height:100%;
}
.notice
{
	float:left;
	width:98%;
	min-height:500px;
	border:2px solid cyan;
	padding:10px;
	margin-left:1%;
	margin-top:5px;
	margin-bottom:5px;
}
.ntc
{
	padding:5px;
	background-color:red;
	text-align:center;
	font-size:20px;
	color:white;
	font-weight:bold;
	line-height:20px;
	border-bottom:5px solid black;
}
.mainmiddle
{
	float:left;
	width:98%;
	min-height:400px;
	padding:1px;
	background-color:white;
	margin-left:1%;
	margin-top:15px;
	margin-bottom:15px;
	border:2px solid cyan;
}
.middle
{
	width:100%;
	min-height:400px;
	background-color:white;
	margin-top:10px;	
}
h2
{
	padding:5px;
	border-bottom:1px solid cyan;
	color:#00333E;
	font-size:15px;
	font-weight:bold;
}
.middle hr
{
	width:300px;
	background-color:red;
	height:2px;
}
.simg
	{
	float:left;
	width:90px;
	height:70px;
	padding:10px;	
}
.about
{
	position:relative;
	font-size:10px;
	color:black;
	font-weight:bold;
	text-align:justify;
	padding-top:15px;
	padding-right:5px;
}
.footer
{
	width:100%;
	min-height:230px;
	background-color:#1B1E1E;
	clear:both;
}
.quicklinks
{
	float:left;
	margin-top:0px;
	width:25%;
	height:auto;
}
.getintouch
{
	float:left;
	width:25%;
	height:auto;
}
h3
{
	color:white;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	padding:15px;
}
.quicklinks a
{	
	text-decoration:none;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-left:18px;
	line-height:30px;
}
.quicklinks a:hover
{
	color:green;
}
.getintouch p
{
	color:white;
	padding:3px;
	font-size:8px;
	font-weight:bold;
	text-align:left;
	font-style:italic;
}
.getintouch hr
{
		width:90%;
		height:3px;
		background-color:green;
		color:green;	
}
.quicklinks hr
{
		width:90%;
		height:3px;
		background-color:green;
		color:green;
		margin-bottom:10px;
}
.footer2
{
	width:100%;
	height:25px;
	background-color:black;
	border-bottom:10px solid blue;
	margin-bottom:0px;
	
}
.cp
{
	float:left;
	color:white;
	font-size:8px;
	line-height:13px;
	padding:0px;
	margin-left:15px;
}
.pby
{
	float:left;
	color:white;
	font-size:8px;
	line-height:13px;
	padding:1px;
	margin-left:15px;
}
.gallery
{
	float:left;
	width:22%;
	height:150px;
	border-bottom:5px solid red;
	margin-top:5%;
	margin-left:2%;
	transition:all 1s ease-in-out;
	overflow:hidden;
}
.gallery img
{
	width:100%;
	height:100%;
	padding-bottom:15px;
	transition:all 1s ease-in-out;
}
.gallery img:hover
{
	transform:scale(2);
	
	transition:all 1s ease-in-out;
    overflow:hidden;
}
.login
{
	width:50%;
	height:70%;
	margin-left:25%;
	margin-top:2%;
	margin-bottom:2%;
	
}
.login img
{
	width:30%;
	height:12%;
	margin-top:5px;
}
.login p
{
	font-size:15px;
	font-weight:bold;
	color:black;
	margin-top:10px;
	padding-bottom:20px;
	border-bottom:2px solid green;
	margin-bottom:15px;
}
.loginlabel
{
	font-size:12px;
	font-weight:bold; 
	color:black;
}
.Username
{
	border:none; 
	border-bottom:2px solid black; 
	width:82%;
	height:20px; 
}

.captcha
{
	width:65px;
	height:18px;
}
.loginbtn
{
	width:80px; 
	padding:2px ; 
	background-color:blue;
	color:white; 
	font-size:10px;" 
}

.homemainmiddle2
{
	float:left;
	width:98%;
	min-height:1050px;
	padding:1px;
	background-color:white;
	margin-left:1%;
	margin-top:15px;
	border:2px solid cyan;
	margin-bottom:10px;	
}
.combut
{
width:90%;
height:25px;
margin-left:5%; 
margin-top:15px; 
color:black;
font-size:18px;
font-weight:bold;
}	
  
@keyframes myanimation
{
	0%
	{
			left:0%;
	}
	15.66%
	{
			left:0%;
	}
	16.66%
	{
			left:-100%;
	}
	32.32%
	{
			left:-100%;
	}
	33.32%
	{
			left:-200%;
	}
	48.98%
	{
			left:-200%;
	}
	49.98%
	{
			left:-300%;
	}
	65.64%
	{
			left:-300%;
	}
	66.64%
	{
			left:-400%;
	}
	82.30%
	{
			left:-400%;
	}
	83.30%
	{
			left:-500%;
	}
	99%
	{
			left:-500%;
	}
	100%
	{
		left:0%;
	}
}	
	

  

 /*=============================== CSS For Tablet View upto line 2240=====================================*/
/*

@media   (min-width:700px) and (max-width:768px)
{
	
*
{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}
body
{
	background-color:#F1278A;
	margin:0px;
	padding:0px;
	
	
}
.header
{
	width:100%;
	min-height:30px;
	margin:0px;
	padding:0px;
	background-color:#ECFF9E;
	
}
.header a
{
	text-decoration:none;
	font-size:16px;
	color:green;
	line-height:30px;
	margin:0px;
	padding:0px;
	margin-left:15%;
}
.back
{
	
	
	margin:0px;
	padding:0px;
	width:100%;
	min-height:1600px;
	background-color:white;
	border-left:1px solid cyan;
	border-right:1px solid cyan;
	
}
.logo
{
	width:100%;
	height:140px;
}

.img1
{
	float:left;
	
	width:15%;
	height:100px;
	margin-top:10px;
	margin-left:5px;
	

}
.img2
{
	float:left;
	width:65%;
	margin-top:15px;
	height:100px;

}
.img3
{
	float:left;
	width:15%;
	height:100px;
	margin-top:5px;

}
.menu
{
	width:100%;
	height:40px;
	background-color:#5c4d31;
	display:flex;
	justify-content:center;
	border-bottom:3px solid red;
	
}
.menu a
{
	color:white;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding:6px 9px;
	line-height:25px;
	
}
.menu a:hover
{
	background-color:blue;
}
.aftmenusec
{
	width:100%;
	height:275px;
	
	
}

.leftimg
{
	float:left;
	width:15%;
	height:95%;
	padding:2 0px;
	
	
}
.leftsideimg
{
	
	width:100%;
	height:30%;
	padding:1px;
	
	
}
.leftsideimg img
{
	width:70%;
	height:70%;
	padding:1px;
	border-radius:50%;
	
}
h5
{
	
	font-size:6px;
	font-weight:bold;
	color:green;
	
}
.container
{
	
	float:left;
	width:70%;
	overflow:hidden;
	
}
.rightimg
{
	float:left;
	width:15%;
	height:95%;
	padding:2 0px;
}
.rightsideimg
{
	width:100%;
	height:30%;
	padding:1px;
	
	
}
.rightsideimg img
{
	width:70%;
	height:70%;
	padding:1px;
	border-radius:50%;
}

.slider
{
	
	width:600%;
	display:flex;
	position:relative;
	animation-name:myanimation;
	animation-duration:30s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;

}
.slider:hover
{
	animation-play-state:paused;
	cursor:pointer;
}
.slides
{
	width:100%;
	height:92%;
	margin:5px;
}
.slides img
{
	height:100%;
	width:100%;
}
.content
{
	width:90%;
	position:relative;
	bottom:50px;
	left:10px;
}
.content h1
{
	width:90%;
	background-color:blue;
	text-align:center;
	padding:3px;
	color:white;
	text-transform:uppercase;
	border-radius:20%;
	font-size:10px;
	margin-left:7%;
	opacity:0.7;
	
}

.mainmiddle
{
	
	
	margin:0px;
	padding:0px;
	float:none;
	width:100%;
	min-height:800px;
	background-color:white;
	border-bottom:none;
	
	
	
	
	
	
}
.middle
{
	
	
	width:100%;
	min-height:500px;
	background-color:white;
	padding:20px;
	
}
h2
{
	padding:3px;
	border-bottom:2px solid cyan;
	color:#00333E;
	font-size:20px;
	font-weight:bold;
}
.middle hr
{
	width:300px;
	background-color:red;
	height:3px;
	
	
}
.ntc
{
	
	padding:5px;
	background-color:red;
	text-align:center;
	font-size:20px;
	color:white;
	font-weight:bold;
	line-height:20px;
	border-bottom:3px solid black;
}

.simg
{
	float:left;
	width:200px;
	height:150px;
	padding:5px;

}
.about
{
	
	position:relative;
	font-size:18px;
	color:black;
	font-weight:bold;
	text-align:justify;
	
}

.notice
{
	
	float:left;
	width:100%;
	min-height:700px;
	border:none;
	
	padding:0px;
	margin:0px;
	padding:20px;
	
	
	
	
	
}
ul li 
{
	list-style:none;
	text-align:center;
	padding:10 90px;
	
	

}
ul li a 
{
	text-decoration:none;
	color:#00333E;
	font-size:18px;
	font-weight:bold;
	
}
ul li a:hover 
{
	font-size:20px;
	color:black;
	
}
ul li img
{
	width:50px;
	height:30px;
}
.footer
{
	
	width:100%;
	min-height:250px;
	background-color:#1B1E1E;
	clear:both;
}
.quicklinks
{
	float:left;
	width:25%;
	height:auto;
}
.getintouch
{
	float:left;
	width:25%;
	height:auto;
}
h3
{
	
	color:white;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	padding:15px;

}
.quicklinks a
{	
	text-decoration:none;
	margin:0px;
	padding:0px;
	color:white;
	font-size:18px;
	font-weight:bold;
	margin-left:18px;
	line-height:20px;
	
	
}
.getintouch p
{
	color:white;
	padding:3px;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}
.getintouch hr
{
		width:90%;
		height:3px;
		background-color:green;
		color:green;
		
}
.quicklinks hr
{
		width:90%;
		height:3px;
		background-color:green;
		color:green;
}
.footer2
{
	width:100%;
	height:50px;
	background-color:black;
	border-bottom:10px solid blue;
	margin-bottom:5px;
	
}
.cp
{
	float:left;
	color:white;
	font-size:18px;
	padding:0px;
	margin-left:0px;
	line-height:40px;
}
.pby
{
	float:left;
	color:white;
	font-size:20px;
	padding:0px;
	margin-left:5%;
	line-height:40px;
}

.leftbar
{
	float:left;
	width:25%;
	min-height:1030px;
	padding:1px;
	background-color:white;
	margin-left:1px;
	margin-top:15px;
	margin-bottom:15px;
	border:2px solid cyan;
}
.leftbartop
{
	padding:3px;
	background-color:red;
	text-align:center;
	font-size:15px;
	color:white;
	font-weight:bold;
	line-height:20px;
	border-bottom:3px solid black;
	margin:2 5px;
}
.leftbarpara
{
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	padding:5px;
	color:white;
	margin-left:1px;
	margin-right:1px;
	background-color:blue;
	text-align:center;
	border-bottom:2px solid black; 
	
	
	
}

.homemainmiddle
{
	
	
	float:left;
	width:73%;
	height:1030px;
	padding:1px;
	background-color:white;
	margin-left:5px;
	margin-top:15px;
	border:2px solid cyan;
	margin-bottom:10px;	
}
.ifrm
{
	overflow:hidden;
	width:100%;
	height:1020px;
	
}
.combut
{
width:98%;
height:20px;
margin-left:1%; 
margin-top:10px; 
color:black;
font-size:11px;
font-weight:bold;
}	
}
*/
  
 /*==================================== CSS For Notebook View upto End =====================================*/

@media  (min-width:1100px) and (max-width:1350px)
{
*
{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

body
{
	background-color:#F1278A;
}
.header
{
	width:90%;
	min-height:30px;
	margin-left:5%;
	margin-right:5%;
	background-color:blue;
}
.header a
{
	text-decoration:none;
	font-size:18px;
	color:white;
	line-height:30px;
	margin-left:15%;
}
.announcement
{
	width:90%;
	min-height:30px;
	margin-left:5%;
	margin-right:5%;
	background-color:white;
	
}
.announcement p
{
	font-size:18px;
	color:red;
}
.announcement img
{
	width:18px;
	height:18px;
	padding-right:3px;
	
}
.back
{
	width:90%;
	min-height:auto;
	background-color:white;
	margin-left:5%;
	margin-right:5%;
}
.logo
{
	width:100%;
	height:120px;
}

.img1
{
	float:left;
	width:10%;
	height:95%;
	margin-left:2%;
}
.img2
{
	float:left;
	width:70%;
	margin-top:15px;
	height:85%;
	margin-left:1%;
}
.img3
{
	float:left;
	width:11%;
	height:95%;
	margin-left:2%;
	margin-top:5px;
}
.menu
{
	width:100%;
	background-color:#5c4d31;
	display:flex;
	border-bottom:5px solid red;
	
	
}
.menu ul
{
	list-style:none;
	z-index:5;	

	
}
.menu ul li
{
	background-color:blue;
	border: 1px solid white;
	width:137px;
	height:30px;
	text-align:center;
	line-height:30px;
	float:left;
	position:relative;
	z-index:5;
	
	
}
.menu ul li a
{
	color:white;
	text-decoration:none;
	display:block;	
	z-index:5;
	font-size:14px;
	font-family:cursive;
	font-weight:bold;
	
}
.menu ul li a:hover
{
	background-color:red;
	
}
.menu ul ul
{
	position:absolute;
	display:none;
	z-index:5;
	
}
.menu ul li:hover > ul
{
	display:block;
}
.menu ul ul ul
{
	margin-left:137px;
	top:0px;
	z-index:5;
	
}

.aftmenusec
{
	width:100%;
	height:450px;
}

.leftimg
{
	float:left;
	width:15%;
	height:95%;
	padding:15 0px;
}
.leftsideimg
{
	
	width:100%;
	height:33%;
	padding:2px;
}
.leftsideimg img
{
	width:70%;
	height:70%;
	padding:2px;
	border-radius:50%;
}
h5
{
	font-size:10px;
	font-weight:bold;
	color:green;
}
.container
{
	float:left;
	width:70%;
	overflow:hidden;
}
.rightimg
{
	float:left;
	width:15%;
	height:95%;
	padding:15 0px;
}
.rightsideimg
{
	width:100%;
	height:33%;
	padding:2px;
}
.rightsideimg img
{
	width:70%;
	height:70%;
	padding:2px;
	border-radius:50%;
}

.slider
{
	width:600%;
	height:450px;
	display:flex;
	position:relative;
	animation-name:myanimation;
	animation-duration:30s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
.slider:hover
{
	animation-play-state:paused;
	cursor:pointer;
}
.slides
{
	width:100%;
	height:92%;
	margin:5px;
}
.slides img
{
	height:90%;
	width:100%;
}
.content
{
	width:90%;
	position:relative;
	bottom:100px;
	left:15px;
}
.content h1
{
	width:90%;
	background-color:blue;
	text-align:center;
	padding:5px;
	color:white;
	text-transform:uppercase;
	border-radius:20%;
	font-size:20px;
	font-family:Courier New;
	margin-left:80px;
	opacity:0.7;
}
.mainmiddle
{
	float:left;
	width:98%;
	min-height:400px;
	padding:1px;
	background-color:white;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:15px;
	border:2px solid cyan;
}
.middle
{
	width:100%;
	min-height:400px;
	background-color:white;
	margin-top:10px;	
}
h2
{
	padding:5px;
	border-bottom:2px solid cyan;
	color:#00333E;
	font-size:25px;
	font-weight:bold;
}
.middle hr
{
	width:300px;
	background-color:red;
	height:5px;
}
.simg
	{
	float:left;
	width:250px;
	height:150px;
	padding:10px;	
}
.about
{
	position:relative;
	font-size:17px;
	color:black;
	font-weight:bold;
	text-align:justify;
	padding-top:15px;
	padding-right:10px;
}
.ntc
{
	padding:5px;
	background-color:red;
	text-align:center;
	font-size:25px;
	color:white;
	font-weight:bold;
	line-height:30px;
	border-bottom:5px solid black;
}
.notice
{
	float:left;
	width:23%;
	min-height:1050px;
	border:2px solid cyan;
	padding:10px;
	margin-left:10px;
	margin-top:15px;
}

.footer
{
	width:100%;
	min-height:230px;
	background-color:#1B1E1E;
	clear:both;
}
.quicklinks
{
	float:left;
	margin-top:0px;
	width:25%;
	height:auto;
}
.getintouch
{
	float:left;
	width:25%;
	height:auto;
}
h3
{
	color:white;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	padding:15px;
}
.quicklinks a
{	
	text-decoration:none;
	color:white;
	font-size:18px;
	font-weight:bold;
	margin-left:18px;
	line-height:30px;
}
.quicklinks a:hover
{
	color:green;
}
.getintouch p
{
	color:white;
	padding:3px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	font-style:italic;
}
.getintouch hr
{
		width:90%;
		height:5px;
		background-color:green;
		color:green;	
}
.quicklinks hr
{
		width:90%;
		height:5px;
		background-color:green;
		color:green;
		margin-bottom:10px;
}
.footer2
{
	width:100%;
	height:50px;
	background-color:black;
	border-bottom:10px solid blue;
	margin-bottom:20px;
	
}
.cp
{
	float:left;
	color:white;
	font-size:18px;
	padding:10px;
	margin-left:25px;
}
.pby
{
	float:left;
	color:white;
	font-size:18px;
	padding:10px;
	margin-left:25%;
}
.gallery
{
	float:left;
	width:22%;
	height:150px;
	border-bottom:5px solid red;
	margin-top:5%;
	margin-left:2%;
	transition:all 1s ease-in-out;
	overflow:hidden;
}
.gallery img
{
	width:100%;
	height:100%;
	padding-bottom:15px;
	transition:all 1s ease-in-out;
}
.gallery img:hover
{
	transform:scale(2);
	
	transition:all 1s ease-in-out;
    overflow:hidden;
}
.login
{
	width:30%;
	height:70%;
	margin-left:35%;
	margin-top:2%;
	margin-bottom:2%;
	
}
.login img
{
	width:20%;
	height:15%;
	margin-top:5px;
}
.login p
{
	font-size:20px;
	font-weight:bold;
	color:black;
	margin-top:10px;
	padding-bottom:20px;
	border-bottom:2px solid green;
	margin-bottom:15px;
}
.homemainmiddle
{
	float:left;
	width:73%;
	height:1050px;
	padding:1px;
	background-color:white;
	margin-left:10px;
	margin-top:15px;
	border:2px solid cyan;
	margin-bottom:10px;	
}
.homemainmiddle2
{
	float:left;
	width:98%;
	height:1050px;
	padding:1px;
	background-color:white;
	margin-left:10px;
	margin-top:15px;
	border:2px solid cyan;
	margin-bottom:10px;	
}
.ifrm
{
	overflow:hidden;
	width:100%;
	height:1040px;
}
.combut
{
width:90%;
height:25px;
margin-left:5%; 
margin-top:15px; 
color:black;
font-size:18px;
font-weight:bold;
}	
  
@keyframes myanimation
{
	0%
	{
			left:0%;
	}
	15.66%
	{
			left:0%;
	}
	16.66%
	{
			left:-100%;
	}
	32.32%
	{
			left:-100%;
	}
	33.32%
	{
			left:-200%;
	}
	48.98%
	{
			left:-200%;
	}
	49.98%
	{
			left:-300%;
	}
	65.64%
	{
			left:-300%;
	}
	66.64%
	{
			left:-400%;
	}
	82.30%
	{
			left:-400%;
	}
	83.30%
	{
			left:-500%;
	}
	99%
	{
			left:-500%;
	}
	100%
	{
		left:0%;
	}
}	
	
}