@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
body
{
	margin:0;
	padding: 0;
	overflow-x: hidden;
}
body p,h1,a
{
	font-family: 'Roboto Condensed', sans-serif;
}
.section1 .header
{
	height: 400px;
	-moz-height: 400px;
	-webkit-height: 400px;
	filter:grayscale(100%);
	width: 100%;
	background: url('../image/new.JPG');
	background-position: center right;
	-webkit-background-position: center right;
	-moz-background-position: center right;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
    background-repeat: no-repeat;
	position: relative;
	/*background: red;*/
}
.section1 .header .title h1
{
	position: absolute;
	bottom:50px;
	left: 105px;
	font-size: 40px;	
	color: #ccc;
	font-family: 'Roboto Condensed', sans-serif;
}
.section1 .header .title p
{
	position: absolute;
	bottom:11px;
	left: 105px;	
	color: #ccc;
	font-size: 30px;
	padding-top: 0 20px;
}
.topnav 
{
	width: 100%;
	height: 60px;
	/*background: rgba(0,0,0,.9);*/
	border-top: 1px solid rgba(255,255,255,.5);
	border-bottom: 1px solid rgba(255,255,255,.5);
	z-index: 1;
}
.topnav .menu
{
	color:white;
	padding: 10px;
	height: 50px;
	margin: 0px 30px;
	display: none;

}
.topnav .menu p
{
	font-size: 20px;
	float: right;
}
.topnav ul
{
	margin: 0;
	padding: 0;
	float: left;
	margin-left:85px;

}
.topnav ul li a:hover
{
	background: #ccc;
	color: black;
}
.topnav ul li
{
	display: inline-block;
	list-style-type: none;
}
.topnav ul li a
{
	text-transform: uppercase;
	text-decoration: none;
	color: #ccc;
	padding: 10px 20px;
	line-height: 60px;
	font-size: 20px;
	transition: .5s;
}
.section2 .about
{
	width: 100%;
	height: auto;
}
.section2 .about .abt-dtl p
{
	padding: 30px 105px 30px 105px;
	font-size: 20px;
	text-align: justify;
	color: #ccc;
}
.section2 .about .abt-link a
{
	padding: 10px;
	font-size: 20px;
	color: black;
	text-decoration: none;
	background: #ccc;
	margin: 0 105px;
}
.section3
{
	width: 100%;
	height: auto;
	font-family: 'Roboto Condensed', sans-serif;
	position: relative;
}
.section3 .book-title
{
	padding: 20px;
}
.section3 .book-title h1
{
	text-transform: uppercase;
	text-align: center;
	color: #ccc;

}
.section3 .book-title .line
{
	border-bottom: 5px solid #ccc;
	width: 80px;
	position: absolute;
	left: 47%;
	/*top:0;*/	
}
.section3 .container-fluid
{
	margin: 0;
	padding: 0 105px;
}
.section3 .container-fluid .columns 
{
	width: 100%;
	padding: 20px 0;
	height: 100%;
	/*border:5px solid #ccc;*/	
}
	
.section3 .container-fluid .columns  .image
{
	width: 100%;
	height: 100%;
}
.section3 .container-fluid .columns  .image img
{
	width: 100%;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
}
.section3 .container-fluid .columns  .image img:hover
{
	filter: grayscale(0%);
}
.section3 .container-fluid .columns .book-item h3,p
{
	color: #ccc;
}
.section3 .container-fluid .columns .book-item p
{
	font-size: 20px;
}
.section4
{
	position: relative;
	width: 100%;
	height: auto;
}
.section4 .award
{
	padding: 0 105px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #ccc;
}
/*.awar-title-heading
{

}*/
.section4 .award .award-title h1
{
	text-transform: uppercase;
	text-align: center;
}
.section4 .award .award-list
{
	padding: 40px 0;
}

.section4 .award .award-list p
{
	font-size: 20px;
	letter-spacing: 2px;

}
.section4 .award-title .line
{
	border-bottom: 5px solid #ccc;
	width: 80px;
	position: absolute;
	left: 47%;
	/*top:0;*/	
}
footer
{
	width: 100%;
	height: auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
footer .social-icon
{
	padding: 20px  105px;
}
footer .social-icon span
{
	padding: 10px;
}
footer .social-icon .fa-facebook-square,.fa-twitter-square
{
	font-size: 40px;
	color: #ccc;
	/*padding: 10px;*/
	/*padding: 10px;	*/
}
.sticky
{
	position: fixed;
	top: 0;
	width: 100%;
	background: black;
}


.top
{
	overflow: hidden;
	height: 200px;
	width: 100%;
	background: url('../image/library.jpg');
	filter:grayscale(100%);
	position: relative;
	/*background: red;*/
}
.top .heading h1
{
	position: absolute;
	top: 50px;
	left: 150px;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	color:white;
	font-size: 70px;
}
.full-abt-dtl
{
	padding: 50px 0;
	font-size: 20px;
	height: auto;
}
.full-abt-dtl .container-fluid
{
	padding: 0 105px 0 105px;
	margin: 0;
}
.full-abt-dtl .container-fluid .abt-img
{
	width: 100%;
	height: 100%;
}
.full-abt-dtl .container-fluid .abt-img img
{
	width: 100%;
	margin: 10px 0 0 0;
}
.full-abt-dtl .container-fluid .abt-dtl-content p
{
	font-size: 20px;
	text-align: justify;
	/*padding: 10px 0;*/
}


.full-work-dtl
{
	width: 100%;
	height: auto;
}
.full-work-dtl  .works
{
	font-size: 20px;
	padding: 20px 105px;
}
.works ul
{
	padding: 0 0 0 20px;
	margin: 0;
}
.works h3
{
	font-size: 30px;
	color:black;
	background: #ccc;
	padding: 10px;
	font-weight: bold;
	border-radius: 30px;
}
.head1 h3{
	font-size: 30px;
	color:black;
	background: #ccc;
	padding: 10px;
	font-weight: bold;
	border-radius: 30px;

}
.head1 ul{
	padding: 10px 0 0 20px;
	margin: 0;
}
.award-achiev{
	height: 600px;
	font-size: 20px;
	width:100%;
	padding: 20px 105px 30px 105px;
}
.head2 h3{
	font-size: 30px;
	color:black;
	background: #ccc;
	padding: 10px;
	font-weight: bold;
	border-radius: 30px;
}
.award-content{
	padding-top: 10px;
	text-align: justify;
}
/*contact page*/
.address
{
	height: auto;
	padding: 40px 0;
	width: 100%;
}
.address .container-fluid
{
	margin: 0;
	padding: 0 105px;
}

.address .container-fluid #add-para p
{
	font-size: 20px;
	padding: 0 0 0 50px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	.section1 .header
	{
		height: 200px
	}
	.section1 .header .title h1
	{
		left: 50px;
		font-size: 30px;
	}
	.section1 .header .title p
	{
		left: 50px;
		font-size: 20px;
	}
	.topnav
	{
		width: 100%;
		height: auto;
		background: rgba(0, 0, 0, 0.27);	
	}
	.topnav .menu
	{
		display: block;
		cursor:pointer;
		margin: 0 50px;
	}
	.topnav ul
	{
		float: none;
		margin-left: 0px;
		display: none;
		/*padding: 80px 0;*/
	}
	.topnav ul.active
	{
		display: block;
	}
	.topnav ul li
	{
		display:block;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}
	.topnav ul li a
	{
		text-align: center;
		font-size: 15px;
		/*padding:5px;*/
		line-height: auto;
	}
	.topnav.sticky
	{
		background: black;
	}
	.section2 .about
	{
		height: auto;
	}
	.section2 .about .abt-dtl p {
    padding: 30px 50px 30px 50px;
    font-size: 20px;
}
.section2 .about .abt-link a{
	margin: 0 50px;
}
.section3 
{
	width: 100%;
	height: auto;
}
.section3 .container-fluid
{
	padding: 0 50px;
}
.section3 .container-fluid .columns  .image img
{
	width:100%;
	height: 100%;
}
/*.section3 .container .columns
{
	padding: 0 45px;
}*/
.section4 .award
{
	width: 100%;
	padding: 0 50px;
}
.section4 .award .award-list p
{
	letter-spacing: 0;
}
footer .social-icon
{
	padding: 20px 50px;
}
.section3 .container-fluid .columns .book-item h3
{
    text-align:center;
    font-size:45px;
}
.section3 .container-fluid .columns .book-item p
{
     font-size:45px;
     text-align:center;
}
.section3 .book-title h1
{
    font-size:60px;
}
.section2 .about .abt-dtl p
{
    font-size:30px;
}
.section4 .award .award-title h1
{
 font-size:60px;   
}
.section4 .award .award-list p
{
    font-size:30px;
}
.section1 .header .title h1
{
    font-size:65px;
}
.section1 .header .title p
{
    font-size:40px;
}
}

/*about page */

.top .heading h1
{
	left: 105px;
}

@media only screen and (min-width : 480px) and (max-width : 768px) {
	.section1 .header
	{
		height: 300px
	}
	.section1 .header .title h1
	{
		left: 50px;
	}
	.section1 .header .title p
	{
		left: 50px;
	}
	.topnav
	{
		width: 100%;
		height: auto;
		background: rgba(0, 0, 0, 0.27);	
	}
	.topnav .menu
	{
		display: block;
		cursor:pointer;
		margin: 0 50px;
	}
	.topnav ul
	{
		float: none;
		margin-left: 0px;
		display: none;
		/*padding: 80px 0;*/
	}
	.topnav ul.active
	{
		display: block;
	}
	.topnav ul li
	{
		display:block;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}
	.topnav ul li a
	{
		text-align: center;
		font-size: 15px;
		/*padding:5px;*/
		line-height: auto;
	}
	.topnav.sticky
	{
		background: black;
	}
	.section2 .about
	{
		height: auto;
	}
	.section2 .about .abt-dtl p {
    padding: 30px 50px 30px 50px;
}
.section2 .about .abt-link a{
	margin: 0 50px;
}
.section3 
{
	width: 100%;
	height: auto;
}
.section3 .container-fluid
{
	padding: 0 50px;
}
.section4 .award
{
	width: 100%;
	padding: 0 50px;
}
.section4 .award .award-list p
{
	letter-spacing: 0;
}
footer .social-icon
{
	padding: 20px 50px;
}

.full-abt-dtl .container-fluid
{
	padding: 0 50px;
}
.full-abt-dtl p
{
	text-align: justify;
}
.section3 .container-fluid .columns .book-item h3
{
    text-align:center;
    font-size:45px;
}
.section3 .container-fluid .columns .book-item p
{
     font-size:45px;
      text-align:center;
}
.section3 .book-title h1
{
    font-size:60px;
}
.section2 .about .abt-dtl p
{
    font-size:30px;
}
.section4 .award .award-title h1
{
 font-size:60px;   
}
.section4 .award .award-list p
{
    font-size:30px;
}
.section1 .header .title h1
{
    font-size:65px;
}
.section1 .header .title p
{
    font-size:40px;
}
}

 @media (min-width: 768px) and (max-width: 991px) {
 	.section1 .header{
 		/*height: 1000px;*/
 		height: 400px;
 	}
	.section1 .header .title h1
	{
		left: 50px;
	}
	.section1 .header .title p
	{
		left: 50px;
	}
	.topnav
	{
		width: 100%;
		height: auto;
		background: rgba(0, 0, 0, 0.27);	
	}
	.topnav .menu
	{
		display: block;
		cursor:pointer;
		margin: 0 50px;
	}
	.topnav ul
	{
		float: none;
		margin-left: 0px;
		display: none;
		/*padding: 80px 0;*/
	}
	.topnav ul.active
	{
		display: block;
	}
	.topnav ul li
	{
		display:block;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}
	.topnav ul li a
	{
		text-align: center;
		font-size: 15px;
		/*padding:5px;*/
		line-height: auto;
	}
	.topnav.sticky
	{
		background: black;
	}
	.section2 .about
	{
		height: auto;
	}
	.section2 .about .abt-dtl p {
    padding: 30px 50px 30px 50px;
}
.section2 .about .abt-link a{
	margin: 0 50px;
}
.section3 
{
	width: 100%;
	height: auto;
}
.section3 .container-fluid
{
	padding: 0 50px;
}
.section4 .award
{
	width: 100%;
	padding: 0 50px;
}
.section4 .award .award-list p
{
	letter-spacing: 0;
	font-size:30px;
}
footer .social-icon
{
	padding: 20px 50px;
}

.full-abt-dtl .container-fluid
{
	padding: 0 50px;
}
.full-abt-dtl p
{
	text-align: justify;
}
.section3 .container-fluid .columns .book-item h3
{
    text-align:center;
    font-size:45px;
}
.section3 .container-fluid .columns .book-item p
{
     font-size:45px;
      text-align:center;
}
.section3 .book-title h1
{
    font-size:60px;
}
.section2 .about .abt-dtl p
{
    font-size:30px;
}
.section4 .award .award-title h1
{
 font-size:60px;   
}
.section1 .header .title h1
{
    font-size:65px;
}
.section1 .header .title p
{
    font-size:40px;
}
}
@media (min-width: 992px) and (max-width: 1199px)
{
.section1 .header
{
	height: 400px;
		-moz-height: 400px;
		-webkit-height: 400px;
 	}
		.section1 .header .title h1
	{
		left: 50px;
	}
	.section1 .header .title p
	{
		left: 50px;
	}
	.topnav
	{
		width: 100%;
		height: auto;
		background: rgba(0, 0, 0, 0.27);	
	}
	.topnav .menu
	{
		display: block;
		cursor:pointer;
		margin: 0 50px;
	}
	.topnav ul
	{
		float: none;
		margin-left: 0px;
		display: none;
		/*padding: 80px 0;*/
	}
	.topnav ul.active
	{
		display: block;
	}
	.topnav ul li
	{
		display:block;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}
	.topnav ul li a
	{
		text-align: center;
		font-size: 15px;
		/*padding:5px;*/
		line-height: auto;
	}
	.topnav.sticky
	{
		background: black;
	}
	.section2 .about
	{
		height: auto;
	}
	.section2 .about .abt-dtl p {
    padding: 30px 50px 30px 50px;
}
.section2 .about .abt-link a{
	margin: 0 50px;
}
.section3 
{
	width: 100%;
	height: auto;
}
.section3 .container-fluid
{
	padding: 0 50px;
}
.section4 .award
{
	width: 100%;
	padding: 0 50px;
}
.section4 .award .award-list p
{
	letter-spacing: 0;
}
footer .social-icon
{
	padding: 20px 50px;
}
.full-abt-dtl .container-fluid
{
	padding: 0 50px;
}
.full-abt-dtl p
{
	text-align: justify;
}

}

@media (min-width: 1200px) and (max-width: 1300px)
{
.top .heading h1
{
	left: 100px;
}
.section1 .header
{
 	height: 500px;
 	-webkit-height: 700px;
 	-moz-height: 700px;
}	
}
@media (min-width: 1300px) and (max-width: 1500px)
{
.top .heading h1
{
	left: 100px;
}
.section1 .header
{
 	height: 500px;
 	-moz-height: 500px;
 	-webkit-height: 500px;
}
.section3 .container-fluid
{
	padding: 0 105px;
}
.section3 .book-title .line{
	left:48%;
}
.section4 .award .award-title h1
{
	text-align: center;
}
.section4 .award-title .line 
{
	left: 48%;
}
.top .heading h1
{
	left: 105px;
}
}
@media (min-width: 1500px) and (max-width: 1900px)
{
    .section1 .header
{
 	height: 500px;
 	-webkit-height: 500px;
 	-moz-height: 500px;
}
}
@media (min-width: 1900px)
{
.section1 .header
{
	height:700px;
	-webkit-height:700px;
	-moz-height:700px;
	filter: grayscale(100%);
}
}