@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=greek,greek-ext';

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0px none; }
html {scroll-behavior: smooth;}
ol, ul { list-style: none outside none; }
strong{font-weight:bold;color:#138275}
a{color:#303030; text-decoration:none;
	transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
    -o-transition: all 600ms ease 0s;
}
a:hover { color:#138275;
	transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
    -o-transition: all 600ms ease 0s;
}
em{font-style: italic;}
p { font-size:16px;line-height:28px;margin:10px 0px; text-align: justify;}
.clear{clear:both;}
.divider{clear:both;height:20px;}
.no-padding{padding-left:0px; padding-right:0px}
.padd{padding-top:80px; padding-bottom:80px}
.padd_small{padding-top:40px; padding-bottom:40px}
.padd_top{padding-top:30px}
.padd_bottom{padding-bottom:30px}

.no-gutter > [class*='col-'],  .no-gutter .row > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

#open_menu  { display:none;}
#responsive_menu  { display:none;}

body { font-size: 14px; font-family: 'Open Sans', sans-serif; color:#17171d; background:#f1f1f1; }

#header {  width: 100%;  background: transparent; position:absolute; z-index:998; }

#logo { position:relative; width: 270px; height: 110px; display: inline-block;margin: 20px 0;}
#logo a { display: block; width: 100%; height: 100%;text-indent: -999999px!important; background: url('../img/layout/logo_white.svg') no-repeat scroll center center #00000001; background-size: 100%; color: #ffffff;}

hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #f2f2f2; height: 2px; width: 100%;}

#navi { display: inline-block; float: right;  margin: 70px 0px 0px 0px; width:auto;   }
#navi ul { float: left;  }
#navi ul li { float: left; }
#navi ul li a { float: left; display: block; font-size: 18px; color: #fff; border-bottom:2px solid transparent; text-decoration: none; padding: 0px 3px 4px 3px; margin: 0px 0px 0px 10px; transition: all 0.4s ease; background: #00000001; }
#navi ul li a:hover, #navi ul li.current a {color:#fff; border-bottom:2px solid #fff; transition: all 0.4s ease; }
#navi ul li.first a {margin-left: 0px;}
#navi ul li.last a {margin-right: 0px;}
#navi ul li.social img{width: 21px;}
#navi ul li.social a:hover, #navi ul li.social a{ border-bottom:none}

#social {float: right; padding-left: 30px;}
#social img, #social_mobile img{width:20px;}
#social_mobile{text-align: center; padding: 6px 0;}
#social_mobile p{color:#fff;text-align: center;}

#copyright { margin-top:30px; margin-bottom:30px; }
.copyright p { line-height:20px;font-size:14px;color: #138275;background: #00000001; }
.copyright a { color: #138275; text-decoration: none;  }
.copyright a:hover { text-decoration: underline; }
#wapp{position:relative;float:right; margin-top:10px;}
#wapp a{ display: block;	width: 75px;height: 20px;background:transparent url(../img/layout/wapp.svg) no-repeat center;text-indent: -999999px!important; background-size: 100%;}

#main_content {  width: 100%;  background: #fff; }
#main_content img{margin-top: 20px; margin-bottom: 20px;}

#map{height: 70vh;}
p.map_title{font-size: 20px; font-weight: 400;  color: #138275; line-height: 30px;border-bottom: 1px solid #138275;}
p.map_subtitle{font-size: 16px;  margin: 5px 0;}

#slideshow { width: 100%;  height: 70vh;  position: relative;  margin:0px; z-index:99;  overflow:hidden;}
#slideshow .content_text { position: relative;  z-index: 2;height: 100%;display: flex;justify-content: center;  flex-direction: column; align-items: flex-start; }
#slideshow p.heading1 { font-size: 27px; letter-spacing:1px; line-height: 40px;font-weight: 300; color: #fff; display: inline-block; position: relative; z-index: 998; text-shadow: 0 3px 5px #6d6e70; background-color: #00000001; text-transform: uppercase;}
#slideshow p.heading2 { font-size: 35px; line-height: 37px; font-weight: 600; color:#fff;display:inline-block; margin-top:10px; position:relative; z-index:998;text-shadow: 0 3px 5px #6d6e70; background-color: #00000001;}
#slideshow a.heading_link { font-size:16px; border: 2px solid #fff;  color:#fff; background:transparent; padding:8px 14px; display:inline-block;margin-top:20px; position:relative; z-index:998; transition: all 0.4s ease;background: #00000001; }
#slideshow a.heading_link:hover { background:#138275; border: 2px solid #138275; transition: all 0.4s ease; }

#home_content {  margin-top:30px;margin-bottom:30px;  }
#home_content h1 {display:block; margin:0px 0px 20px 0px; font-size:28px; line-height:38px; font-weight:400; padding-bottom:10px; border-bottom:2px solid #e8e8e9; }
#home_content h1 span {color:#138275;}
#home_content h2:first-of-type{ 
	font-size: 33px;
    font-weight: 800;
    margin-bottom: 25px;
    color: #138275;
    line-height: 33px;
	text-align: justify;
	padding-right: 15px;
    padding-left: 15px;
}
#home_content h3{
	color:#138275;    
	display: block;
    margin: 30px 0px 20px 0px;
    font-size: 28px;
    line-height: 38px;
    font-weight: 300;
    padding-bottom: 10px;
    border-bottom: 1px solid #138275;
}
#home_content ul { margin:10px 5px 10px 0px;overflow:auto;}
#home_content ul li{ margin:0 0 8px 0;font-size:16px;line-height:28px; background:transparent url(../img/layout/list.png) no-repeat 0 9px;padding-left:14px;}
#home_content ul li:hover{color:#138275; cursor:pointer}
#home_content img{  width:100%; /*border:2px solid #e8e8e9;*/  }

.home_pdf p{text-align: center; font-size: 15px;}

#banner {  width: 100%;   }
#banner img {  width: 100%; display:block; }

.banner_shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  z-index: 1;
}

.content {  margin-top:50px; /*margin-bottom:50px;*/ }
.content h1 {font-size:32px;font-weight:400; color:#138275; margin:0px 0px 30px 0px; padding-bottom:10px; border-bottom:2px solid #e8e8e9; }
.content h2 { font-size:22px;font-weight:400; color:#138275;margin:20px 0px 10px 0px; line-height: 30px;}
.content h3 { font-size:20px;font-weight:300;margin:5px 0px 10px 0px; }
.content h4 {  font-size:18px;line-height:20px;margin:5px 0px 8px 0px; }
.content ul { margin:10px 5px 10px 5px;overflow:auto;}
.content ul li{ margin:0 0 8px 0;font-size:16px;line-height:28px; background:transparent url(../img/layout/list.png) no-repeat 0 9px;padding-left:14px;}

#home_content ol {
    list-style-type: decimal;
    padding-left: 1.5em; 
    margin-left: 0;
    counter-reset: custom-counter;
}
#home_content ol li {
    display: list-item;
	font-size: 16px;
    line-height: 28px;
    margin: 10px 0px;
	position: relative;
    padding-left: 10px;
}
#home_content ol li::marker {
  font-weight: bold;
  color: #138275;
  font-size: 1.2em;
}
p.subtitle{
	font-size: 27px;
    letter-spacing: 1px;
    line-height: 40px;
    font-weight: 300;
    color: #17171d;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
	padding-left: 15px;
}


.seminar_image img {width: 100%;}
.toggle_container{padding-bottom:30px}
.toggle_container p.documents{font-size: 19px; font-weight: 400; color: #138275;  margin: 20px 0px 10px 0px; line-height: 30px;}
.conference_box{background: #f1f1f1;padding: 40px 20px 0 20px;/*display: flex;flex-wrap: wrap;align-items: center;*/}
.conference_info p.conference_date{color: rgba(0, 0, 0, 0.4);font-weight: 700; font-size: 17px;background: #00000001;line-height: 20px;}
.inner.paginate{display: flex;justify-content: center;}
.pagination{background:#138275; color:#fff; padding: 10px 25px;}
.pagination a{color:#fff}
.page-navigation{padding-left: 20px;}
.page-navigation .prev, .page-navigation .disabled.empty{padding-right: 5px;}
.download_box {display: flex; align-items: center; padding: 5px 0 10px 0;}
.download_box img {width: 40px;}
.show_more.more_button.right {float: right;padding: 0 10px 20px 0;}
.show_more.more_button.right .text { font-weight: 600;}
.photos_dynamic{padding-top:15px}
.photos_dynamic img{margin-bottom:30px}
.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	
}
.arrow {
    border: solid #138275;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 2px;
    margin-left: 5px;
	transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
    -o-transition: all 600ms ease 0s;
}
/*.show_more.active .down{transform: rotate(-136deg); -webkit-transform: rotate(-136deg);}
.show_more.active .arrow{margin-bottom: 0px;transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
    -o-transition: all 600ms ease 0s;}*/
a.read_more {display:inline-block; margin:20px 0 20px 0; font-size:16px; color: #fff; background: #138275;  padding: 10px 20px;}
a.read_more:hover {background: #303030; }

.left_thumb {float:left; margin:20px 20px 10px 0;}
.right_thumb {float:right; margin:20px 0px 10px 20px;}

p.invitation_intro{padding-right: 30px;}

.espa{ background:#fff; margin-top:30px; text-align:center;  }
.espa img{ max-width:100%; }

.collabs{margin-bottom: 40px; margin-top: 35px;}
.first_row {display: flex;}
.uni_logo {width:50%; display: flex; padding: 25px;}
.uni_logo.first{border-right: 3px solid #e8e8e9; border-bottom: 3px solid #e8e8e9;}
.uni_logo.second{border-bottom: 3px solid #e8e8e9;}
.uni_logo.third{border-right: 3px solid #e8e8e9; }
.uni_logo p{display:grid; text-align: center;}
img.uni_img{width: auto; height: 150px; margin-bottom: 20px;}

.espa_section{margin-top:40px}
.espa_section img {width: 100%; border: 2px solid #e8e8e9;}



/* BLOG
================================================== */
.banner_item {
    height: 70vh;
    background-position: center;
    display: flex;
    align-items: center;
    margin-top: 0;
    position: relative;
    overflow: hidden;
	background-size: cover;
    background-repeat: no-repeat;
}
.banner_info {
	display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    justify-content: center;
}
.banner_info p{
	color:#fff;
	font-size: 50px;
	border-bottom: 3px solid #fff;
    padding-bottom: 15px;
	text-align: center;
    line-height: 62px;
	background: #00000001;
	margin: 0 10% 15px 10%;
}
#banner_news .banner_shadow {
    height: 70vh;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.news_home{
	margin-top:20px
}
.news_home .item{
	margin: 15px 10px 15px 10px;
    display: flex;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 25px;
    padding-top: 10px;
	justify-content: space-around;
}
.news_home .item:last-child {
	border-bottom:none
}
span.published_date{
	color: #b1b1b1;
    font-weight: 600;
    font-size: 16px;
	background: #00000001;
}
p.blog_title{
	color:#138275;
	font-size: 22px;
    font-weight: 600;
}
p.blog_title a{
	color:#138275;	
}
p.read_more{
	margin-top: 20px;
}
.read_more_link {
    font-size: 16px;
    line-height: 28px;
	border: 1px solid #303030;
	padding: 10px 12px;
}
.read_more_link:hover {
    color: #fff;
	background: #138275;
	border: 1px solid #138275;
}
.pagination.clearfix{
	display: none;
}
.pagination.bottom.clearfix{
	display: block;
}
.page-navigation .disabled.empty{
	opacity: 0.5;
}
.banner_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
}
.banner_title {
    display: flex;
    align-items: center;
    margin-top: 50px;
}
#banner_news .banner_info{
	z-index: 9;
}
#banner_news .banner_shadow {
    z-index: 9;
}
#blog_text span.published_date{
	display: flex
}
#blog_text span.published_date::before{
	content: '';
    display: inline-block;
    width: 22px;
    height: 26px;
    margin-right: 6px;
    background-image: url(../img/layout/calendar.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
}
p.heading_documents {
    font-size: 22px;
    line-height: 45px;
    font-weight: 400;
	margin-bottom: 0;
}
.download_documents{
	padding-left: 15px;
	padding-right: 15px;
}
.download_box {
    position: relative;
    height: 70px;
    background: #f1f1f1;
    border: 2px solid #138275;
    display: inline-block;
    margin: 20px 20px 0 0;
}
.download_box a {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-bottom: 0px solid rgba(0, 0, 0, 0) !important;
    text-indent: -999999px;
    z-index: 9999;
	background: #00000001;
}
.download_box span.fileicon {
    width: 70px;
    height: 68px;
    display: block;
    position: absolute;
    top: 0px;
    background: #138275 url(../img/layout/pdf.svg) no-repeat center center;
    background-size: 40px;
    transition: all 300ms linear 0s;
}
.download_box span.filename {
    margin-left: 95px;
    display: block;
    font-size: 18px;
    margin-bottom: 0px;
    padding-top: 8px;
    text-shadow: 0px 1px 0px #fff;
    margin-right: 35px;
}
.download_box span.filesize {
    margin-left: 95px;
    display: block;
    font-size: 13px;
    color: #7C8187;
    margin-right: 35px;
	background: #00000001;
}

/* PHD STUDENTS
================================================== */
.student_info p{font-size: 18px; color: #303030; line-height: 32px;}
.student_info p.subtitle{padding-left: 0;margin:0; font-size: 21px; line-height: 25px;}
.student_info p.name{font-size: 30px; color:#138275; font-weight: 800; margin-top: 5px;  margin-bottom: 20px; line-height: 33px;}
.student_box{margin: 20px 0; border-bottom: 2px solid #f2f2f2;padding-bottom: 33px;}
.student_box.last_student{border-bottom: none;padding-bottom: 0px;}
.student_image img{width: 100%;border: 2px solid #f2f2f2; margin-top:0!important}

/* ACTIVITIES
================================================== */
p.general_title {color: #138275; font-size: 22px; font-weight: 600;text-align: left;}
p.general_title a {color: #138275;} 
.general_gallery img{margin-top:0}

/* CONTACT
================================================== */
.contact_box  {padding:25px 35px; background:#f1f1f1;height: 70vh;display: flex; flex-direction: column; justify-content: center;}
.contact_box h2  { margin:0px 0px 25px 0px;  }
.contact_box ul {margin:0px 0px 0px 0px;}
.contact_box ul li{ display:block; margin-bottom:8px;}
.contact_box ul li.home {background:transparent url(../img/layout/footer_home.png) no-repeat 0 5px;padding-left:22px;}
.contact_box ul li.tel {background:transparent url(../img/layout/footer_tel.png) no-repeat 0 5px;padding-left:22px;}
.contact_box ul li.facebook {background:transparent url(../img/layout/facebook_contact.png) no-repeat 0 5px;padding-left:22px;}
.contact_box ul li.fax {background:transparent url(../img/layout/footer_fax.png) no-repeat 0 5px;padding-left:22px;}
.contact_box ul li.email {background:transparent url(../img/layout/footer_email.png) no-repeat 0 5px;padding-left:22px;}
.contact_box ul li.mobile {background:transparent url(../img/layout/footer_mobile.png) no-repeat 0 5px;padding-left:22px;}
.contact_box p{
	margin: 5px 0;
	line-height: 26px;
}
.social-links img{width: 21px;margin-right: 15px;}
.contact_box a{
	color:#17171d
}
.contact_box a:hover{
	color: #138275; 
}

#general_text ul {
    margin: 10px 5px 10px 0px;
    overflow: auto;
}
#general_text ul li {
    margin: 0 0 8px 0;
    font-size: 16px;
    line-height: 22px;
    background: transparent url(../img/layout/list.png) no-repeat 0 6px;
    padding-left: 12px;
}
p.contact_subtitle{
	color: #138275; 
	font-size: 22px; 
	font-weight: 600;
	margin-bottom: 10px;
	border-bottom: 2px solid #138275;
    padding-bottom: 8px;
	background: #00000001;
}
.contactform{
	margin:20px 0 0px 0;	
	width:100%;	
}
.contactform div.input{
	float:left;
	margin:0px 0 15px 0;
	padding:0;
	width:50%;
	position: relative;
	background:none;
}
.contactform div.textarea {
	float:left;
	margin:0px 0 15px 0;
	padding:0;
	width:100%;	
}

.contactform div.submit{
	float:left;
	width:95%;
	margin:5px 0 10px 0;
	padding:20px 0 5px;
	text-align:center;	
}

.contactform div.input label {
	float:left;
	width:100%;
	margin:0 0 4px 0;
	padding:0px;
	display:block;
	text-align:left;		
	font-size:16px;	
	color: #303030;	
	font-family: 'Open Sans', sans-serif;
}

.contactform input[type="text"], .contactform textarea {
	width:95%;
	padding:10px;
	margin:0px;	
	font-size:16px;	
	font-family: 'Open Sans', sans-serif;
	background: #f1f1f1;	
	color: #138275;	
	-webkit-transition: all 0.4s ease; 
	transition: all 0.4s ease; 	
	border:none;
	text-align:left;
	float:left;		
}
.contactform textarea {	
	width:98%;
	height:130px;	
}

.contactform input[type="text"]:focus, .contactform input[type="text"]:hover {
	outline: none;
	background: #f1f1f1; 
	color:#138275;
}

.contactform textarea:focus, .contactform textarea:hover {
	outline: none;
	background: #f1f1f1; 
	color:#138275;
}

.contactform div.submit input{
	background: #138275; width:220px;border: none; color: #fff; cursor: pointer; text-align: center;  margin: 20px auto; display: block; padding: 10px 20px; font-size: 24px; outline: medium none;font-family: 'Open Sans', sans-serif;  transition: all 0.4s ease; 	
}
.contactform div.submit input:hover{
	background: #303030;	 transition: all 0.4s ease; 	
}
.contactform div.submit input:active{
	background: #303030;	transition: all 0.4s ease; 	
}

.contactform .required label:after {
	color:#e32;
	content:'*';
	display:inline;
}
.contactform div label.error{
	color:#e32;
	font-size:14px;
	width:100%;
	margin-top:5px;
	text-align:left;
	float: left;
}

/* FLASH MESSAGES
================================================== */
.hello-bar {
	position: absolute;
	top: 0;
	left: 0;
    color: #138275;
    font-size: 20px;
    text-align: center;
    background: #fff;
    width: 100%;
    height: 50px;
    z-index: 2000;
    zoom: 1;
    padding: 25px 0 0 0;
    font-family: 'Open Sans', sans-serif;
}

.hello-bar:after, .hello-bar:before {
    content: "";
    display: table;
}

.hello-bar:after {
    clear: both;
}

.hello-bar .close {
    text-indent: -9999em;
    background: url(../img/layout/hello-bar-close.png) no-repeat top left;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 25px;
    right: 15px;
}

.hello-bar .close:hover {
    background-position: bottom left;
}



/* MEDIA QUERIES
================================================== */

@media only screen and (min-width:480px) and (max-width:549px){
	#open_menu {
        bottom: 72px;
        width: 40px;
        height: 40px;
		right: 30px;
	}

	#logo { width: 240px; height: 145px;  }
	#responsive_menu{  top: 145px!important; }

	/*****BANNER*****/
	#slideshow .content_text {width: 100%;align-items: center;}
	#slideshow p.heading1 {font-size: 27px;margin-left: 0;}
	#slideshow p.heading2 {font-size: 19px;margin-left: 0;margin-top:0; margin-bottom:0; text-align: center; padding:0 10%;line-height: 32px;}
	#slideshow a.heading_link {	margin-left: 0;}
}



@media only screen and (min-width:550px) and (max-width:767px){	
	#open_menu {
        bottom: 53px;
        width: 40px;
        height: 40px;
		right: 30px;
	}
	img.uni_img {height: 80px; }
	.uni_logo {padding: 15px;}

	/*****BANNER*****/
	#slideshow .content_text {width: 100%;align-items: center;}
	#slideshow p.heading1 {font-size: 22px;margin-left: 0;}
	#slideshow p.heading2 {font-size: 25px;margin-left: 0;text-align: center; padding: 0 10%;margin-top: 0px;line-height: 34px;}
	#slideshow a.heading_link {	margin-left: 0;}
	
}



@media only screen and (min-width:768px) and (max-width:992px) {
	img.uni_img {height: 100px;}
	#open_menu  {margin: 0 auto; position:absolute;bottom:50px;right:30px;display:block; width:45px;height:45px;   background:transparent url(../img/layout/open_menu.svg) no-repeat center center;z-index:9999;text-indent: -999999px; background-size: 100%;}
	/*****BANNER*****/
	#slideshow .content_text {width: 620px;}
	#slideshow p.heading2 {font-size: 24px;margin-left: 0;}
	#slideshow p.heading1, #slideshow a.heading_link {	margin-left: 0;}
}

@media only screen and (max-width:992px) {	
	.padd {padding-top: 40px;padding-bottom: 40px;}	
	.padd_small {padding-top: 20px; padding-bottom: 20px;}	
	.align-box .row-icons {flex-direction: column;}
	#navi {display:none;}		
  
	#open_menu  {margin: 0 auto; position:absolute;display:block; background:transparent url(../img/layout/open_menu.svg) no-repeat center center;z-index:9999;text-indent: -999999px; background-size: 100%;}
	#responsive_menu{ display:none; top: 130px; width: 50%; height:auto; right:25px;  background:#138275; border-top:0px; padding:30px 30px 40px 30px; z-index: 9999;	overflow: visible;	 position: absolute; transition: all 0.3s ease-in 0s;	}

	#responsive_menu.active {  display:block; transition: all 0.3s ease-in 0s;}
	#responsive_menu ul{ margin: 0;  padding: 0; width: 100%;  display: block;  list-style: none; }
	#responsive_menu ul li{ width: 100%;  display: block; }
	#responsive_menu ul li a{ display: block; margin:10px 0; font-size: 18px; text-align:center; padding:0 0px 5px 0px; color: #fff; border-bottom:1px solid #eee;  }
	#responsive_menu ul li a:hover, #responsive_menu ul li.current a{  color:#fff;}	

	.hide_divider {display:none;}
	.banner_info p { font-size: 40px; border-bottom: 3px solid #fff; padding-bottom: 10px; line-height: 55px;}

	#banner_news .banner_item{justify-content: center;}
}

@media only screen and (min-width:300px) and (max-width:479px){
	#responsive_menu{right: 0;}
}

@media only screen and (min-width:993px) and (max-width:1200px) {
	#navi ul li a { letter-spacing:1px; font-size: 15px; }
	.contactform div.input label { font-size:15px;}	
	#logo {width: 230px;}
}
@media only screen and (max-width:767px) {	
	.student_image{padding:0 30%;}
	.copyright p { text-align:center; }
	#home_content h2:first-of-type { text-align: left; font-size: 30px;}
	#wapp{float:none;}
	#wapp a{	margin:0 auto;	}	
	#logo { margin: 20px 0 20px 20px;}
	.row.no-margins {    margin-right: 0px;  margin-left: 0px;}

	#main_content img{margin-bottom: 20px;}
	.general_gallery img{margin-top:20px}
	.home_pdf{padding: 20px 20%;}
	.banner_info p { font-size: 38px; border-bottom: 3px solid #fff; padding-bottom: 10px; line-height: 50px;}
	.news_home .item {flex-direction: column;}
	.news_home .item  img{margin: 0 auto; margin-bottom: 30px;}
}

@media only screen and (max-width:549px) {	
	.student_image {padding: 0 15%; }
	.banner_info p {font-size: 35px; border-bottom: 3px solid #fff; padding-bottom: 9px; line-height: 45px;}
	.contactform div.input{	width:100%; }
	.contactform input[type="text"], .contactform textarea {	width:100%;	}	
	
	.uni_logo {width: 100%;}
	.first_row {display: contents;}
	.uni_logo.first, .uni_logo.second, .uni_logo.third {
		border-right: none;
		border-bottom: none;
	}
	img.uni_img {height: fit-content;max-width: 100%;}
	.collabs {
		margin-bottom: 20px;
		margin-top: 0px;
	}

}

@media only screen and (max-width:479px) {	
	.contact_box { height: 100%;padding: 15px;}
	.contact_box p{text-align: left;}
	#map{height: 50vh;}
	.student_image {padding: 0;}
	.student_info p.name {font-size: 25px;}
	.student_info p {font-size: 17px; line-height: 29px; text-align: center;}
	.student_info p.subtitle, .student_info{text-align: center;}
	.student_box{padding-left: 0; padding-right: 0;}
	.download_box span.filename { font-size: 15px;}
	.banner_info p { font-size: 30px; border-bottom: 2px solid #fff;  padding-bottom: 5px; line-height: 45px;}
	p.subtitle {font-size: 18px; line-height: 20px;}
	#home_content h2:first-of-type {font-size: 24px; line-height: 30px;}
	.padd_top {padding-top: 15px;}
	#slideshow {height: 380px;}
	#slideshow p.heading1 {margin-top: 90px;}

	#open_menu {
        bottom: 40px;
        right: 17px;
        width: 30px;
        height: 30px;
	}
	#logo { width: 165px; height: 70px; }
	#responsive_menu{  top: 90px!important;  width: 100%!important; }		
	
	#slideshow p.heading1 { font-size:36px;line-height:40px; margin-left:50px;}
	#slideshow p.heading2 { font-size:24px; line-height:28px; margin-left:50px; }
	#slideshow a.heading_link { font-size:18px; margin-left:50px; }
	
	#main_content img{width: 100%;}
	.social-links img{width: 21px!important; }
	#main_content .download_box img{width: 40px;margin-top:0}
	#main_content .seminar_image img { margin-top: 0; }
	.content h1 {font-size: 25px;}
	.conference_box {padding: 40px 10px 0 10px;}
	.conference_info h2{font-size: 18px;}
	.conference_info p, .toggle_container p {text-align: left;}
	.toggle_container {padding-top: 35px;}
	.toggle_container p.documents {font-size: 16px;display: inline-block;}
	p.invitation_intro {padding-right: 0;}
	.show_more.more_button.right {padding: 10px 10px 20px 0;}

	.uni_logo {padding:15px}
	span.published_date{text-align: center;}
	p.general_title{text-align: center;}
	.article_text{text-align: center;}
	.article_text p{text-align: center;}
	p.read_more {margin: 20px auto 5px auto;  width: fit-content;}

	/*****BANNER*****/
	#slideshow .content_text {width: 100%;align-items: center;}
	#slideshow p.heading1 {font-size: 20px; margin-left: 0; margin-bottom: 0;}
    #slideshow p.heading2 {font-size: 16px; margin-left: 0; margin-top: 0; margin-bottom: 0;text-align: center; padding: 0 10%;line-height: 24px;}
	#slideshow a.heading_link {font-size: 15px;margin-left: 0px;}
}


/*===============================>
			ERROR PAGE
  <===============================*/

  .text_er{text-align: center;padding:100px 0;}
  .text_er p{max-width:450px;margin:0 auto;}
  .btn-er a{
	background: #138275; width:fit-content;border: none; color: #fff; cursor: pointer; text-align: center;  margin: 25px auto; display: block; padding: 10px 25px; font-size: 18px; outline: medium none;font-family: 'Open Sans', sans-serif;  transition: all 0.4s ease; 	
}
	.btn-er a:hover{
	background: #303030;	 transition: all 0.4s ease; 	
}


@media(max-width:420px){
	.btn-er a{font-size:15px;}
	.text_er{padding:30px 0;}
}