/*!
Theme Name: iitropar
Theme URI: http://www.iitrpr.ac.in/civil/
Author: Department of Civil Engineering IIT Ropar
Author URI: https://www.iitrpr.ac.in/civil/
Description: The Civil Engineering department came into existence in 2016 in a rather modest way with three faculty members, 25 B.Tech.Students, and one Ph.D. student. The Department has evolved significantly since then on all fronts. The faculty strength has risen to 15, and the number of B.Tech.Students have increased to 158, and the number of Ph.D. scholars in the Department has been increased to 55. The Department has also started two years of master’s programs to offer M.Tech. in Water Resources and Environment and M.Tech. in Structural Engineering and Geomechanics. 
Version: 5.9.3
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: iitropar
Tags: Saini Web Experts, Department of Civil Engineering, Indian Institute of Technology Ropar, IIT Ropar, Civil Engineering Institute 
*/

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@600;700;800&family=Montserrat:wght@400;500;600;700&display=swap');
@import url('css/base.css');
@import url('css/all.css');
@import url('css/animate.css');
@import url('css/menu.css');
@import url('css/slider.css');
@import url('css/fancybox.css');
@import url('css/bootstrap.css');

body {
	color: #101010;
	font: 17px/28px 'Montserrat', sans-serif;
	font-weight: 400;
	overflow-x: hidden;
}
.hides {
	opacity: 0;
}
.views {
	opacity: 1;
}
a {
	transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
}
a img {
	border: none;
}
img {
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 800;
	color: #2c2573;
	font-family: 'Fira Sans', sans-serif;
}
h1 {
	font-size: 40px;
	line-height: 48px;
}
h2 {
	font-size: 36px;
	line-height: 45px;
}
h3 {
	font-size: 32px;
	line-height: 36px;
}
h4 {
	font-size: 28px;
	line-height: 36px;
}
h5 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
}
h6 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
}
header, footer, .copyright, .newstricker ul li, .pagetitlesection{
	padding: 25px 0px;
}
.logo img{
	width: 105px;
	margin-right: 12px;
	float: left;
}
.logoname h3{
	font-size: 30px;
}
.logoname{
	font-size: 20px;
	font-family: 'Fira Sans', sans-serif;
}
.logo, .eventcol .eventcoldetail ul li, .academicwrappertop, footer, .copyright, .membercol .memberdetail a{
	font-weight: 500;
}
.logo, nav, .topnav, .title, .whychoosecol h4, .viewlink, .membercol .membername{
	letter-spacing: 0.3px;
}
.logo a{
	color: #101010;
}
.logo a, .topnav ul li a, .eventcol a, .academicbox a, footer a, .newstricker a, .pagetitlesection a, .pagechildrenlist ul li a{
	text-decoration: none;
}
.topnav ul li a:hover, footer a:hover, .eventcol a:hover, .newstricker a:hover, .pagetitlesection a:hover{
	text-decoration: underline;
}
.logoname, .topnav ul li, .sociallinks ul li, .footercol .title h4, .membercol .membercontactinfo ul li{
	display: inline-block;
}
.logoname, .header-rt, .whychoosecol, .eventcol, .viewlink, .mainwrapper .academicbox, .pagechild, .gallery, .navigation, .post-navigation, #comments{
	margin-top: 20px;
}
nav, .newstricker ul li{
	border-top: 1px solid #e8e8e8;
}
.banner, .whychooseus, .academicwrappertop, .academicbox .academicboximg, .newsnotes, .pagetitlesection, .pagechild{
	position: relative;
}
.topnav ul, .eventcol .eventcoldetail ul, .footermenu ul, .contactinfo ul, .newstricker ul, .sociallinks ul, .membercol .membercontactinfo ul, .pagechildrenlist ul, .widget-area section ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.topnav ul li{
	margin-right: 12px;
	font-family: 'Fira Sans', sans-serif;
}
.topnav ul li, .viewlink a{
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
}
.topnav ul li:last-child{
	margin-right: 0px;
}
.searchbox{
	width: 95%;
	float: right;
}
.searchbox, .wp-block-search {
     padding: 0px;
     border: 1px solid #e8e8e8;
     background: #ffffff !important;
     margin-top: 10px;
}
.searchbox input, .wp-block-search input {
    border: none !important;
    float: left;
    padding: 12px 15px;
    background: none;
    width: 80%;
    color:#101010;
    font-size: 17px;
    font-weight: 500;
}
.searchbox input[type='submit'], .wp-block-search .wp-block-search__button{
    width: 50px;
    height: 50px;
    float: right;
    background: url(images/search-icon.png) no-repeat 50% 50%;
    text-indent: -999999px;
    border: none !important;
}
.searchbox input[type='submit']:hover, .wp-block-search .wp-block-search__button:hover{
    background: url(images/search-icon.png) no-repeat 50% 50%;
}
.contentwrapper, .mainwrapper{
	padding: 65px 0px;
}
.title, .whychoosecol .icon, .eventcol, .eventcol .eventcolimg, .academicbox .academicboximg, .pagechild .pagechildimg, .gallery .img-thumbnail, .widget-area section, .hodsection .hodimg{
	margin-bottom: 15px;
}
.whychooseus .title h2, .academicwrappertop, .academicwrappertop .title h2, .academicbox .title h3, .pagechild .title h3, footer, footer a, .footercol .title h4, footer a:hover, .pagetitlesection, .pagetitlesection a{
	color: #ffffff;
}
.whychooseus, .academicwrappertop, .pagetitlesection{
	background-position: 50% 50% !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-size: cover !important;
}
.whychooseus{
	background-image:url(images/bg1.jpg);
}
.overlay{
	background: #2c2573;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	position: absolute;
	opacity: 0.9;
}
.overlayblack{
	background: #000000;
}
.whychoosecol{
	background: #ffffff;
	border-radius: 30px;
	padding: 25px;
}
.whychoosecol .icon{
	width: 100px;
}
.whychoosecol h4{
	font-size: 24px;
	line-height: 32px;
}
.eventcol, .newsnotes{
	padding: 25px;
	border: 1px solid #e8e8e8;
}
.eventcol .eventcoldetail ul li, .footermenu ul li, .contactinfo ul li{
	padding: 3px 0px;
}
.mainwrapper .entry-content ul li, .mainwrapper .entry-content ol li{
	padding: 5px 0px;
}
.eventcoldetail ul li{
	padding-left: 30px !important;
	position: relative;
}
.eventcol .eventcoldetail ul li i{
	font-weight: 900;
	font-size: 18px;
	position: absolute;
	top: 7px;
	left: 0px;
}
.academicwrappertop{
	padding-bottom: 150px;
	background-image:url(images/bg2.jpg);
}
.academicwrapperbtm{
	margin-top: -185px;
}
.academicbox .title, .pagechild .title{
	position: absolute;
	bottom: 10px;
	left: 15px;
}
.academicbox .title h3, .pagechild .title h3{
	text-shadow: 0px 0px 10px #050313;
	-webkit-text-shadow: 0px 0px 10px #050313;
	-moz-text-shadow: 0px 0px 10px #050313;
	-o-text-shadow: 0px 0px 10px #050313;
}
footer{
	background: #2c2573;
}
.footercol .title h4{
	background: url(images/footer-titlebg.jpg) repeat-x 0% 100%;
	padding-bottom: 10px;
}
.footermenu, .wp-block-search input, .page-content .searchbox {
	width: 100% !important;
}
.footermenu ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height:150px;
}
.footermenu ul li {
	height: 32px;
}
/*.footermenu ul li{
	width: 33.3333333333%;
	float: left;
}*/
.newstricker ul li:first-child{
	border-top: none !important;
}
.newstricker ul li p{
	margin-bottom: 0px;
}
.newsnotes .newstrickerbtn{
	position: absolute;
	top: 35px;
	right: 15px;
}
.newsnotes .newstrickerbtn a{
	font-size: 24px;
	line-height: 36px;
	display: inline-block;
	opacity: 0.3;
}
.sociallinks ul li{
	font-size: 30px;
	margin-right: 2px;
}
.pagetitlesection{
	background: url(images/bg2.jpg);
}
.membercol{
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 30px;
}
.membercol:last-child{
	border: none;
	padding-bottom: 0px;
	margin-bottom: 0px !important;
}
.membercol p, .membercol ul{
	margin-bottom: 0px;
}
.membercol .membername span, .pagechildrenlist ul li a{
	font-weight: 600;
	font-family: 'Fira Sans', sans-serif;
	font-size: 18px;
}
.membercol .membercontactinfo ul li a{
	/*width: 42px;
	height: 42px;
	line-height: 42px;
	background: #e8e8e8;
	display: block;
	text-align: center;
	border-radius: 100%;*/
	color: #585858;
	font-size: 34px;
	line-height: 36px;
	margin-right: 5px;
	opacity: 0.8;
}
.membercol .membercontactinfo ul li a:hover{
	/*color: #2c2573;*/
	opacity: 1;
}
.membercol .membercontactinfo .googlescholar{
	width:30px;
	height: 30px;
	background: url(images/google-scholar-icon.png) no-repeat 50% 50%;
	display: inline-block;
	top: 2px;
	position: relative;
}
.pagechildrenlist ul li{
	border-left: 3px solid transparent;
	padding: 10px 0px 10px 12px;
}
.pagechildrenlist ul li:hover, .pagechildrenlist ul li.current_page_item, .pagechildrenlist ul li.current-cat, .pagechildrenlist ul li.current-cat-ancestor{
	border-color: #2c2573;
	background: #f0f0f0;
}
.pagechildrenlist ul li ul li{
	border-left: none;
	padding: 10px 0px 10px 12px;
}
.page-id-157 .mainwrapper ol {
    counter-reset: li;
    list-style: none; 
}
.page-id-157 .mainwrapper ol li{
	position: relative;
	font-weight: 600;
	font-size: 17px;
	line-height: 28px;
	display: block;
    padding: 0em 0.4em 0em 0em;
    margin: 5px 0px;
    background: #ebebeb;
    text-decoration: none;
    -moz-border-radius: .3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.page-id-157 .mainwrapper ol li:before {
    content: counter(li);
    counter-increment: li;
    display: inline-block;
    background: #ffc923;
    height: 36px;
    width: 36px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    margin-right: 10px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    font-size: 16px;
    border: 3px solid #fff;
    margin-left: -10px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.page-id-157 .mainwrapper ol li:hover:before {
    background: #1da7e7;
    color: #fff;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.page-id-157 .mainwrapper ol li:hover {
    color: #005BFF;
}
.error-404 .searchbox{
	width: 100%;
}
.contactform textarea{
	height: 150px;
}
.map{
	width: 100%;
	height: 375px;
	padding: 5px;
	border: 1px solid #e8e8e8;
}
.map iframe{
	width: 100% !important;
	height: 100% !important;
}
.wp-block-table{
	margin-top: 20px !important;
	border-top:1px solid #e8e8e8;
	clear: both;
}
.wp-block-table table {
	border-collapse:collapse;
	border-spacing:0;
	border-top:0 solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	empty-cells:show;
	caption-side:top
}
.wp-block-table td, .wp-block-table th {
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	padding: 15px;
	vertical-align: middle;
}
.wp-block-search{
	margin-top: 0px
}
.hodsection{
	background: #f1f1f1;
}
.viewmore a{
	padding: 8px 15px;
	font-size: 17px;
	line-height: 28px;
	border: 2px solid #101010;
	color: #101010;
	font-weight: 600;
	display: inline-block;
	text-decoration: none;
	border-radius: 5px;
}
.viewmore i{
	position: relative;
	top: 1px;
}
.viewmore a:hover{
	border-color: #2c2573;
	color: #2c2573
}
.term-pg-students .membercol .membercolimg, .term-pg-students .membercol .membername, .term-ug-students .membercol .membercolimg, .term-ug-students .membercol .membername, .category-invited-lectures .blogcol p{
	display: none;
}
.term-pg-students .membercol .col-xxl-10, .term-ug-students .membercol .col-xxl-10{
	width: 100%;
}
.projectcount h3{
	font-size: 24px;
	line-height: 32px;
}
.start-number{
	font-size: 38px !important;
	line-height: 46px !important;
	position: relative;
	top: -3px;
}

/* Blog 
---------------------------------------------------------- */
.blogcol{
	padding-bottom: 10px;
	margin: 25px 0px;
	border-bottom: 1px solid #e8e8e8;
}
.blogcol h5 a{
	color: #2c2573;
}
.widget-area section {
	padding: 20px;
	border: 1px solid #e8e8e8;
	font-weight: 500;
}
.widget-area section select {
	padding: 10px 15px;
	border: 1px solid #e8e8e8;
	width: 100%;
	margin-bottom: 10px;
}
.widget-area section h4{
	margin-bottom: 10px;
	font-size: 24px;
}
.widget-area section.widget_search{
	padding: 0px !important;
	border: none;
}
#comments{
	width: 100%;
	float: left;
}
#comments ol {
	list-style: none
}
#comments h2 {
	font-size: 28px;
}
ol.comment-list li .comment-body {
	background: none repeat scroll 0 0 #fafafa;
	padding: 15px;
	border: 1px solid #e8e8e8;
}
#comments footer.comment-meta, .wp-block-latest-comments footer {
	padding: 0px;
	background: none;
}
#comments footer {
	color: #101010
}

.wp-block-latest-comments footer a, .wp-block-latest-comments footer{
	color: #282828;
}
.comment-metadata a, .entry-meta a:hover, .entry-footer a:hover, nav.navigation .nav-links a:hover, .widget-area aside ul li a:hover, nav.navigation .nav-links a:hover, .entry-meta a:hover, .blog-col h3 a:hover, .says a {
	color: #2c2573;
}
.reply {
	text-align: right !important;
	text-transform: uppercase;
}
.comment-respond form label {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
.comment-respond form input[type="checkbox"] + label {
	display: inline-block;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0 0 0 5px;
	text-transform: none;
}
.comment-form-author, .comment-form-email {
	display: block;
	width: 47.5%;
	float: left;
}
.comment-form-email {
	float: right;
}
.comment-form-url {
	clear: both;
}
#respond input, #respond textarea {
	width: 100%;
	background: #fafafa;
	padding: 10px 0px;
	text-indent: 10px;
	border: 1px solid #e8e8e8;
}
#respond input[type='checkbox'] {
	margin-right: 5px;
}
#respond input[type='checkbox'], #respond .comment-form-cookies-consent label {
	display: inline-block;
	width: auto !important;
}
/* In Comment List --------------------------- */

.comment-list .comment-respond {
	padding: 40px 0 15px;
	max-width: 100%;
}
.comments-title-container, .comment-reply-title {
	padding: 10px 0px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 15px;
	vertical-align: bottom;
	font-size: 24px;
}
.comment-list #cancel-comment-reply-link {
	font-weight: 500;
	margin-left: 5px;
	display: inline-block;
	position: relative;
	text-decoration: underline;
	color: #101010;
}
.commentlist #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.comment-content {
	margin: 10px 0px
}
#respond .comment-form-cookies-consent {
	margin-top: 15px;
}
#respond input[type='submit'] {
	width: auto;
	margin: 10px 0px;
	padding: 13px 25px;
	border: none;
	font-size: 18px;
	font-weight: 700;
	background: #000000;
	text-transform: uppercase;
	color: #ffffff;
	text-indent: 0px;
}
#respond input[type='submit']:hover {
	background: #2c2573;
}
.comment-author .avatar {
	float: left;
	height: 24px;
	margin-right: 0.8em;
	width: 24px;994
}
.widget h4.widget-title {
	font-size: 20px;
	line-height: 30px;
	margin: 10px 0px;
}
.widget-area section ul li {
	padding: 8px 0px;
	list-style: none;
	border-bottom: 1px solid #e8e8e8;
	line-height: 25px;
	font-weight: 500;
}
.widget-area section ul li:last-child {
	border: none;
}
.widget-area section ul li a {
	text-decoration: none;
}
.widget-area section ul li a:hover {
	text-decoration: underline;
}
.widget-area section#search-2 {
	padding: 0px;
	border: none;
}
.widget-area label.screen-reader-text, .page-id-578 .pagechild{
	display: none;
}
.entry-content input {
	padding: 3px 10px;
	border: 1px solid #e8e8e8;
}
.entry-content input[type='submit'] {
	background: #005495;
	line-height: 25px;
	border: none;
	color: #fff;
}
#content h3.screen-reader-text {
	line-height: 35px;
	padding: 8px 0px;
}
.tagcloud a {
	background-color: #000000;
	border-radius: 0 2px 2px 0;
	display: inline-block;
	margin: 5px 4px 5px 10px;
	padding: 3px 10px;
	position: relative;
	text-decoration: none;
	/*text-transform: uppercase;*/
	color: #ffffff;
	font-weight: 600;
	transition-duration: 0s
}
.tagcloud a:hover {
	background-color: #2c2573;
	color: #000000;
	transition-duration: 0s;
	text-decoration: none;
}
.tagcloud a:before {
	border-bottom: 15px solid transparent;
	border-right: 10px solid #000000;
	border-top: 15px solid transparent;
	content: "";
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 0;
}
.tagcloud a:hover:before {
	border-right-color: #2c2573;
	transition-duration: 0s;
}
.tagcloud a:after {
	background-color: #ffffff;
	border-radius: 50%;
	content: "";
	height: 6px;
	left: 0px;
	position: absolute;
	top: 12px;
	width: 6px;
}
.tagcloud a:hover:after {
	background-color: #000000
}

/* Post Navigation --------------------------- */
.post-navigation, .navigation  {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
	background: none;
	width: 100%;
	float: left;
	padding-right: 0px;
	letter-spacing: 0px;
}
.post-navigation:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #ddd;
	position: absolute;
	left: 50%;
	top: 0px;
}
.post-navigation .nav-links, .navigation .nav-links {
	padding: 20px 0px;
	width: 100%;
	float: left;
}
.post-navigation .nav-previous, .post-navigation .nav-next, .navigation .nav-previous, .navigation .nav-next  {
	display: inline-block;
	float: left;
	width: 47.5%;
}
.post-navigation span.nav-subtitle {
	display: block;
	font-size: 18px;
	color: #2c2573;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase;
}
.post-navigation span.nav-title {
	font-size: 16px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
}
.post-navigation .nav-next, .navigation .nav-next {
	float: right;
	text-align: right;
}
.post-navigation a, .navigation .nav-links a {
	text-decoration: none;
}
.post-navigation h2.screen-reader-text, .navigation h2.screen-reader-text {
	display: none;
}
.navigation .nav-links a{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
}
.entry-meta {
	clear: both;
	margin-bottom: 15px;
}
.entry-meta a, .entry-footer a, .comment-metadata a {
	color: #101010;
	font-weight: 600
}
.entry-meta > span, .entry-footer span {
	margin-right: 15px;
	line-height: 30px;
	display: inline-block;
}
.entry-meta > span:last-child {
	margin-right: 0;
}
.featured-post:before {
	content: "\f408";
	margin-right: 2px;
	font-family: "Font Awesome 5 Free";
}
.entry-meta .posted-on a:before, .entry-footer .posted-on a:before {
	content: "\f073";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px
}
.comments-link a:before {
	content: "\f086";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px;
	position: relative;
	top: -1px;
}
.entry-meta .author a:before {
	content: "\f007";
	position: relative;
	font-family: "Font Awesome 5 Free";
	top: -1px;
	margin-right: 4px
}
.categories-links a:first-child:before, .entry-footer .cat-links a:first-child:before {
	content: "\f07c";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px
}
.tags-links a:first-child:before, .entry-footer .tags-links a:first-child:before {
	content: "\f02e";
	position: relative;
	font-family: "Font Awesome 5 Free";
	top: 0px;
	margin-right: 6px
}
.edit-link a:before, .blog-meta .edit-link a:before {
	content: "\f044 ";
	font-family: "Font Awesome 5 Free";
	position: relative;
	top: -1px;
	margin-right: 6px
}
.says {
	margin-left: 3px
}
span.edit-link {
	margin-left: 5px
}
.reply a {
	background: #000000;
	padding: 8px 15px;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
}
.reply a:hover {
	background: #2c2573;
}

@media all and (max-width:1400px) {
	body {
    	font: 16px/28px 'Montserrat', sans-serif;
	}
	.logoname h3 {
   		font-size: 28px;
   		line-height: 32px;
	}
	.topnav ul li{
    	font-size: 17px;
	}
	#cssmenu .menu-header-menu-container>ul>li>a {
    	padding: 13px 11px;
		font-size: 16px;
	}
	.eventcol, .newsnotes {
    	padding: 15px;
	}
	.newsnotes .title{
		margin-top: 15px;
	}
	.newsnotes .title h4{
		font-size: 26px;
		letter-spacing: 0px;
	}
	.newstricker ul li h5, .eventcol .eventcoldetail h5{
		font-size: 20px;
		line-height: 28px;
	}
	.newsnotes .newstrickerbtn{
		top: 28px;
		right: 10px;
	}
	.newsnotes .newstrickerbtn a {
	    font-size: 22px;
	    line-height: 32px;
	}
	.whychoosecol {
	    border-radius: 20px;
	    padding: 30px 15px;
	}
	.whychoosecol .icon {
    	width: 85px;
	}
	.whychoosecol h4{
		font-size: 20px;
		line-height: 28px;
	}
	.academicbox .title h3, .pagechild .title h3{
		font-size: 28px;
		line-height: 32px;
	}
	.copyright{
		text-align: center;
	}
	.copyright span{
		float: none !important;
	}
}

@media all and (max-width:1200px) {
	.logo img{
		width: 90px;
		margin-right: 10px;
	}
	.logoname{
		font-size: 18px;
	}
	.logoname h3 {
    	font-size: 23px;
    	line-height: 30px;
	}
	.header-rt{
		margin-top: 10px;
	}
	.searchbox{
		width: 100%;
	}
	.topnav ul li{
		font-size: 16px;
	}
	.welcomecontent .title h1, .mainwrapper .title h1{
		font-size: 36px;
		line-height: 42px;
	}
	.whychoosecol {
	    border-radius: 20px;
	    padding: 30px 15px;
	}
	.whychoosecol h4{
		font-size: 20px;
		line-height: 28px;
	}
	.eventcol .eventcoldetail h5{
		font-size: 22px;
		line-height: 32px;
	}
	.academicwrappertop{
		padding-bottom: 100px;
	}
	.academicwrapperbtm{
		margin-top: -150px;
	}
	.map{
		height: 325px;
	}
	.footermenu ul li {
    	height: 25px;
	}
}

@media all and (max-width:992px) {
	header{
		text-align: center;
		padding: 10px 0px; 
	}
	.logo, .academicbox, .footercol, .contactform{
		margin: 20px 0px;
	}
	.logo{
		display: inline-flex;
		text-align: left;
	}
	.logo img{
		float: none;
		display: inline-block;
	}
	.logoname {
   	 	font-size: 20px;
	}
	.logoname h3 {
    	font-size: 28px;
    	line-height: 32px;
	}
	.header-rt{
		margin-top: 0px;
		margin-bottom: 10px;
		border-bottom: 1px solid #e8e8e8;
		padding-bottom: 10px;
	}
	.searchbox /*, .pagechildrenlist*/{
		display: none;
	}
	.topnav ul{
		float: none !important;
	}
	.newsnotes, .pagechildrenlist{
		margin-top: 50px;
	}
	.whychoosecol {
    	border-radius: 25px;
    	padding: 35px 25px;
    	margin-bottom: 20px;
	}
	.whychoosecol .icon {
    	width: 100px;
	}
	.whychoosecol h4, .eventcol .eventcoldetail h5 {
    	font-size: 24px;
    	line-height: 32px;
	}
	.academicwrappertop{
		padding-bottom: 135px;
	}
	.academicwrapperbtm{
		margin-top: -185px;
	}
	.map{
		height: 300px;
	}
}

@media all and (max-width:767px) {
	.logoname {
   	 	font-size: 18px;
	}
	.logoname h3 {
    	font-size: 24px;
    	line-height: 30px;
	}
	.welcomecontent .title h1 {
    	font-size: 32px;
    	line-height: 38px;
	}
	.whychoosecol {
	    border-radius: 25px;
	    padding: 35px 20px 25px 20px;
	}
	.whychoosecol .icon {
    	width: 90px;
	}
	.whychoosecol h4 {
    	font-size: 24px;
    	line-height: 32px;
	}
	.footermenu ul {
		height:250px;
	}
	.footermenu ul li {
		height: 30px;
	}
	.wp-block-table {
		overflow-x:scroll;
		overflow-y:hidden
	}
	.wp-block-table table {
		width:1024px
	}
}

@media all and (max-width:575px) {
	.logo img{
		width: 75px;
	}
	.logoname {
   	 	font-size: 16px;
   	 	margin-top: 15px;
	}
	.logoname h3 {
    	font-size: 22px;
    	line-height: 30px;
	}
	.welcomecontent .row .col-sm-6{
		margin: 10px 0px;
	}
	.whychoosecol {
	    border-radius: 30px;
	    padding: 30px;
	}
	.whychoosecol h4 {
    	font-size: 24px;
    	line-height: 32px;
	}
	.title h2{
		font-size: 32px;
		line-height: 42px;
	}
	.membercol .col-sm-5, .gallery .col-sm-3{
		 width: 33.33333333%;
	}
	.membercol .col-sm-7{
		width: 66.66666667%;
	}
	.footermenu ul, .footermenu ul li {
		height: auto !important;
	}
}

@media all and (max-width:479px) {
	.logo img{
		width: 70px;
	}
	.logoname {
   	 	font-size: 14px;
   	 	margin-top: 15px;
	}
	.logoname h3 {
    	font-size: 18px;
    	line-height: 26px;
    	margin-bottom: 0px !important;
	}
	.topnav ul li {
    	font-size: 15px;
    	margin-right: 6px;
	}
	.eventcol .eventcoldetail h5 {
    	font-size: 22px;
    	line-height: 32px;
	}
	.title h2 {
    	font-size: 30px;
    	line-height: 40px;
	}
	.membercol .col-sm-5, .membercol .col-sm-7, .membercol .membercolimg img{
		 width: 100%;
	}
	.membercol .membercolimg{
		margin-bottom: 15px;
	}
}

@media all and (max-width:400px) {
	.logo{
		display: block;
		text-align: center;
		margin: 10px 0px;
	}
	.logo img{
		width: 85px;
		float: none;
	}
	.logoname {
   	 	font-size: 14px;
   	 	margin-top: 10px;
   	 	display: block;
	}
	.logoname h3 {
    	font-size: 20px;
    	line-height: 28px;
    	margin-bottom: -2px !important;
	}
	.topnav ul li {
    	font-size: 16px;
    	margin-right: 10px;
	}
	.academicbox .title h3, .pagechild .title h3{
    	font-size: 24px;
    	line-height: 32px;
	}
	.gallery .col-sm-3{
		width: 50%;
	}
}

@media all and (max-width:330px) {
	.logoname {
   	 	font-size: 14px;
   	 	margin-top: 10px;
   	 	display: block;
	}
	.logoname h3 {
    	font-size: 18px;
    	line-height: 26px;
    	margin-bottom: -2px !important;
	}
	.eventcol .eventcoldetail h5 {
    	font-size: 20px;
    	line-height: 30px;
	}
}