@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 320px) and (max-width: 900px){
.container-wrap, .footer-box, .contactdiv{ width:100%;}	
img{ max-width:100%; height:auto;}
.flexslider-hg.flexslider ul.slides img{ height:auto !important;}
.text-content p{ margin:0px 25px 0px 25px;}
.copyright{ text-align:left; margin-top:10px;}
/*.slider-top-logo{ left:40%;}*/
.menu-footer-menu-container ul li{ margin-left:0px; margin-right:10px;}
.logodiv figure { width:90%; margin:0px auto;}
.flexslider{ box-shadow:none !important; -webkit-box-shadow:none !important;}
.flexslider-hg-wrapper{ width:100%;}
.navision nav ul li a{  font-size:12px; text-decoration:none;padding:8px 37px 8px 37px;}

}
@media only screen and (min-width: 320px) and (max-width: 549px)
{
	.slide-data{ bottom: -143px !important; padding:15px !important;}
	.collaboration-list{  margin-bottom:50px !important; margin: 0px auto; display: block; float: none; text-align: center; }
	.text-content article{ margin-bottom:160px;}
	.contenthover-text{ display:none !important;}
	.navision nav ul li.active:after{ background:none !important;}
	.slide-data{ left:10px !important;}
.text-content article{ margin:20px 0px 100px 0px;}
.contactdiv{ margin-top:0px;}
.text-content p {
  margin: 0px 25px 0px 25px !important;
}
	}
@media only screen and (min-width: 550px) and (max-width: 709px){
	/*.slider-top-logo{ left:42%;}*/
	.slide-data{ bottom: -100px !important; padding:15px !important;}
	.collaboration-list{ margin-left:30px !important; margin-bottom:50px !important;}
}
@media only screen and (min-width: 710px) and (max-width: 900px){
/*.slider-top-logo{ left:45%;}*/	
.navision nav ul li a{ padding: 9px 30px 9px 35px;}
.collaboration-list{/* margin-left:30px !important;*/ margin-bottom:50px !important;}
.contenthover-text{ top: 70%;left:50%;padding: 50px;}
.contenthover-text{ display:block !important;}
.slide-data{ left:20px !important; padding-left:15px !important; padding-right:20px !important;}
.text-content .collaboration-list ul{ margin:0px !important;}
}


@media only screen and (min-width: 320px) and (max-width: 700px) {
	.nav-mobile {display:block;}
	.navision .container-wrap{ position:relative;}
	.navision nav ul{ display:none}
	.nav-mobile {
	 /*display:none; Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#000 url(../images/nav.svg) no-repeat center left;
	background-size: 18px;
height: 36px;
width: 98px;
margin: -50px 20px 0px 0px;
background-position: 10% 50%;
border-radius: 3px;
}
.navision nav ul li a.active:after{ background:none !important;}
.navision nav ul li{ margin:0px;}
.navision nav ul li a{ width:100%;}
.nav-mobile span{ text-align: right;
float: right;
margin-top: 11px;
font-size: 16px;
margin-right: 11px;
color: #FFF;
letter-spacing: 1px;}
}