@media screen and (max-width: 1200px){

	.container{
		width: 940px;
		margin: auto;
		padding: 0px 15px;
	}

	.div-one-third{
		width: 305px;
		margin-right: 30px;
		float: left;
	}

	.div-two-third{
		width: 605px;
		float: left;
	}

	.intro-image{
		width: 305px;
		height: 195px;
		margin-top: 30px; 
	}

	.intro-image .overlay{
		width: 100%;
		height: 195px;
		background-color: rgba(0, 0, 0, 0.15);
	}

	.div-half{
		width: 455px;
		float: left;
	}

	.div-half.first{
		margin-right: 30px;
	}

	.div-one-fourth{
		width: 212.50px;
		float: left;
		margin-right: 30px;
	}

	.div-one-fourth:last-child{
		margin-right: 0px;
	}

	.latest-news .image{
		width: 100%;
		float: left;
		height: 142px;
		position: relative;
	}

	.latest-news .image .overlay{
		width: 100%;
		height: 142px;
		background-color: rgba(0, 0, 0, 0.4);
	}

	.upcoming-event{
		width: 400px;
	}

	.team-member .heading{
		width: 705px;
		float: left;
	}

	.team-member.left .photo{
		width: 205px;
		margin-right: 30px;
		float: left;
	}

	.team-member .photo img{
		width: 205px;
		height: 250px;
		float: left;
	}

	.consortium-item .heading{
		width: 790px;
		float: left;
	}

	.consortium-item.left .photo{
		width: 120px;
		margin-right: 30px;
		float: left;
	}

	.consortium-item .photo img{
		width: 120px;
		float: left;
	}

	.details-div .image .image-container{
		height: 380px; 
	}

	.details-div .image .overlay{
		height: 380px;
	}

	.footer-contact-details{
		width: 273px;
	}

	.footer-top input[type="text"]{
		width: 127px;
	}

	.footer-top .twitter-area{
		width: 273px;
	}

	.footer-top .twitter-row .tweet{
		width: 253px;
	}

	.footer-top .flickr-area{
		width: 273px;
	}

	.footer-top .flickr-row .flickr-item{
		width: 66.75px;
		height: 66.75px;
	}

	.footer-top .flickr-row .flickr-item .overlay{
		width: 66.75px;
		height: 66.75px;
	}

	.footer-bottom .copyright-area{
		width: 273px;
	}

	.footer-bottom .logo-list{
		width: 273px;
	}

	.footer-bottom .social-item-list{
		width: 273px;
	}

	.map-section{
		width: 100%;
		height: 500px;
	}

	#map{
		width: 100%;
		height: 500px;
	}

	.contact-details{
		width: 200px;
	}

	.contact-form{
		width: 700px;
	}

	.contact-form-row .contact-form-row-content .full{
		width: 700px;
	}

	.contact-form-row .contact-form-row-content .half{
		width: 335px;
	}

	.contact-form-row input[type="text"]{
	  width: 303px;
	}

	.contact-form-row select{
	  width: 335px;
	}

	.contact-form-row textarea{
	  width: 668px;
	}

	.page-content .twitter-row .tweet{
		width: 285px;
	}

	.horizon2020-calls-item{
		width: 290px;
	}

	.horizon2020-calls-item .title{
		width: 250px;
	}

	.horizon2020-calls-item .details{
		width: 250px;
	}

	.horizon2020-calls-item .details p{
		height: 275px;
	}
}

@media screen and (max-width: 990px){
	
	.container{
		width: 720px;
		margin: auto;
		padding: 0px 15px;
	}

	.div-one-third{
		width: 230px;
		margin-right: 30px;
		float: left;
	}

	.div-two-third{
		width: 460px;
		float: left;
	}

	.intro-image{
		width: 230px;
		height: 147px;
		margin-top: 30px; 
	}

	.intro-image .overlay{
		width: 100%;
		height: 147px;
		background-color: rgba(0, 0, 0, 0.15);
	}

	.div-half{
		width: 345px;
		float: left;
	}

	.div-half.first{
		margin-right: 30px;
	}

	.div-one-fourth{
		width: 345px;
		float: left;
		margin-right: 30px;
	}

	.div-one-fourth:nth-child(2n){
		margin-right: 0px;
	}

	.latest-news .image{
		width: 100%;
		float: left;
		height: 230px;
		position: relative;
	}

	.latest-news .image .overlay{
		width: 100%;
		height: 230px;
		background-color: rgba(0, 0, 0, 0.4);
	}

	.upcoming-event{
		width: 290px;
	}

	.team-member .heading{
		width: 540px;
		float: left;
	}

	.team-member.left .photo{
		width: 150px;
		margin-right: 30px;
		float: left;
	}

	.team-member .photo img{
		width: 150px;
		height: 183px;
		float: left;
	}

	.consortium-item .heading{
		width: 605px;
		float: left;
	}

	.consortium-item.left .photo{
		width: 85px;
		margin-right: 30px;
		float: left;
	}

	.consortium-item .photo img{
		width: 85px;
		float: left;
	}

	.details-div .image .image-container{
		height: 350px; 
	}

	.details-div .image .overlay{
		height: 350px;
	}

	.footer-contact-details{
		width: 720px;
	}

	.footer-top input[type="text"]{
		width: 330px;
	}

	.footer-top .twitter-area{
		width: 720px;
		margin-top: 60px;
	}

	.footer-top .twitter-row .tweet{
		width: 700px;
	}

	.footer-top .flickr-area{
		width: 720px;
		margin-top: 60px;
	}

	.footer-top .flickr-row .flickr-item{
		width: 178.5px;
		height: 178.5px;
	}

	.footer-top .flickr-row .flickr-item .overlay{
		width: 178.5px;
		height: 178.5px;
	}

	.footer-bottom .copyright-area{
		width: 720px;
		text-align: center;
	}

	.footer-bottom .logo-list{
		width: 720px;
		text-align: center;
		margin-top: 20px;
	}

	.footer-bottom .social-item-list{
		width: 720px;
		text-align: center;
	}

	.footer-bottom .social-item-list p{
		margin-bottom: 0px;
	}

	.footer-bottom .social-item-list p i{
		float: none;
	}

	.footer-bottom .social-item-list p i:first-child{
		margin-left: 0px;
	}

	.map-section{
		width: 100%;
		height: 500px;
	}

	#map{
		width: 100%;
		height: 500px;
	}

	.contact-details{
		width: 720px;
		float: left;
		margin-top: 0px;
	}

	.contact-form{
		width: 720px;
		border-bottom: 1px solid #dddddd;
		margin-bottom: 50px;
	}

	.contact-form-row{
		margin-bottom: 0px;
	}

	.contact-form-row .contact-form-row-content .full{
		width: 720px;
	}

	.contact-form-row .contact-form-row-content .half{
		width: 345px;
	}

	.contact-form-row input[type="text"]{
	  width: 313px;
	}

	.contact-form-row select{
	  width: 345px;
	}

	.contact-form-row textarea{
	  width: 688px;
	}

	.page-content .twitter-row .tweet{
		width: 210px;
	}

	.copyright-message{
		width: 100% !important;
	}

	.logo-area{
		width: 100% !important;
	}

	.horizon2020-calls-row{
		margin-bottom: 0px;
	}

	.horizon2020-calls-item{
		width: 100%;
		margin-bottom: 30px;
	}

	.horizon2020-calls-item .title{
		width: calc(100% - 40px);
	}

	.horizon2020-calls-item .details{
		width: calc(100% - 40px);
	}

	.horizon2020-calls-item .details p{
		height: 100px;
	}
}

@media screen and (max-width: 770px){
	
	.container{
		width: 440px;
		margin: auto;
		padding: 0px 15px;
	}

	.desktop-header{
		display: none;
	}

	.mobile-header{
		display: block;
	}

	.top-flag{
		border-right: 1px solid #eeeeee;
		border-left: 0px;
		float: left;
	}

	.top-menu-icon{
		float: right;
		font-size: 24px;
    padding: 36px 25px;
	}

	.div-one-third{
		width: 440px;
		margin-left: 0px !important;
		margin-right: 0px !important;
		float: left;
	}

	.div-two-third{
		width: 440px;
		float: left;
		margin-bottom: 30px !important;
	}

	.intro-image{
		width: 440px;
		height: 280px;
		margin-top: 0px; 
	}

	.intro-image .overlay{
		width: 100%;
		height: 280px;
		background-color: rgba(0, 0, 0, 0.15);
	}

	.div-half{
		width: 440px;
		float: left;
	}

	.div-half.first{
		margin-right: 0px;
	}

	.div-one-fourth{
		width: 440px;
		float: left;
		margin-right: 0px;
	}

	.latest-news .image{
		width: 100%;
		float: left;
		height: 295px;
		position: relative;
	}

	.latest-news .image .overlay{
		width: 100%;
		height: 295px;
		background-color: rgba(0, 0, 0, 0.4);
	}

	.upcoming-event{
		width: 400px;
	}

	.service-icon{
		display: none;
	}

	.team-member{
		margin-top: 20px;
	}

	.team-member:first-child{
		margin-top: 40px;
	}

	.team-member .heading{
		width: 440px;
		float: left;
	}

	.team-member.left .photo{
		width: 440px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.team-member .photo img{
		width: 150px;
		height: 183px;
	}

	.consortium-item .heading{
		width: 440px;
		float: left;
	}

	.consortium-item.left .photo{
		width: 120px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.consortium-item .photo img{
		width: 120px;
		float: left;
	}

	.details-div .image .image-container{
		height: 250px; 
	}

	.details-div .image .overlay{
		height: 250px;
	}

	.upcoming-events-list .timeline-border{
		display: none;
	}

	.upcoming-event.left .arrow{
		display: none;
	}

	.upcoming-event.right .arrow{
		display: none;
	}

	.upcoming-event.left .arrow .arrow-divider{
		display: none;
	}

	.upcoming-event.right .arrow .arrow-divider{
		display: none;
	}

	.footer-contact-details{
		width: 440px;
	}

	.footer-top input[type="text"]{
		width: 294px;
	}

	.footer-top .twitter-area{
		width: 440px;
		margin-top: 60px;
	}

	.footer-top .twitter-row .tweet{
		width: 420px;
	}

	.footer-top .flickr-area{
		width: 440px;
		margin-top: 60px;
	}

	.footer-top .flickr-row .flickr-item{
		width: 108.5px;
		height: 108.5px;
	}

	.footer-top .flickr-row .flickr-item .overlay{
		width: 108.5px;
		height: 108.5px;
	}

	.footer-bottom .copyright-area{
		width: 440px;
		text-align: center;
	}

	.footer-bottom .logo-list{
		width: 440px;
		text-align: center;
		margin-top: 20px;
	}

	.footer-bottom .social-item-list{
		width: 440px;
		text-align: center;
	}

	.footer-bottom .social-item-list p{
		margin-bottom: 0px;
	}

	.footer-bottom .social-item-list p i{
		float: none;
	}

	.footer-bottom .social-item-list p i:first-child{
		margin-left: 0px;
	}

	.map-section{
		width: 100%;
		height: 350px;
	}

	#map{
		width: 100%;
		height: 350px;
	}

	.contact-details{
		width: 440px;
		float: left;
		margin-top: 0px;
	}

	.contact-form{
		width: 440px;
		border-bottom: 1px solid #dddddd;
		margin-bottom: 50px;
	}

	.contact-form-row{
		margin-bottom: 0px;
	}

	.contact-form-row .contact-form-row-content .full{
		width: 440px;
	}

	.contact-form-row .contact-form-row-content .half{
		width: 440px;
	}

	.contact-form-row input[type="text"]{
	  width: 408px;
	}

	.contact-form-row select{
	  width: 440px;
	}

	.contact-form-row textarea{
	  width: 408px;
	}

	.contact-form-row .contact-form-row-content .half.margin-left{
		margin-left: 0px;
		margin-top: 30px;
	}

	.page-content .twitter-area{
		margin-top: 60px;
	}

	.page-content .twitter-row .tweet{
		width: 420px;
	}

	.horizon2020-calls-row{
		margin-bottom: 0px;
	}

	.horizon2020-calls-item .details p{
		height: 180px;
	}
	
}

@media screen and (max-width: 480px){
	
	.container{
		width: 280px;
		margin: auto;
		padding: 0px 15px;
	}

	.div-one-third{
		width: 280px;
		margin-left: 0px !important;
		margin-right: 0px !important;
		float: left;
	}

	.div-two-third{
		width: 280px;
		float: left;
	}

	.intro-image{
		width: 280px;
		height: 178px;
		margin-top: 0px; 
	}

	.intro-image .overlay{
		width: 100%;
		height: 178px;
		background-color: rgba(0, 0, 0, 0.15);
	}

	.div-half{
		width: 280px;
		float: left;
	}

	.div-half.first{
		margin-right: 0px;
	}

	.div-one-fourth{
		width: 280px;
		float: left;
		margin-right: 0px;
	}

	.latest-news .image{
		width: 100%;
		float: left;
		height: 185px;
		position: relative;
	}

	.latest-news .image .overlay{
		width: 100%;
		height: 185px;
		background-color: rgba(0, 0, 0, 0.4);
	}

	.upcoming-event{
		width: 280px;
	}

	.service-icon{
		display: none;
	}

	.team-member{
		margin-top: 20px;
	}

	.team-member:first-child{
		margin-top: 40px;
	}

	.team-member .heading{
		width: 280px;
		float: left;
	}

	.team-member.left .photo{
		width: 280px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.team-member .photo img{
		width: 280px;
		height: 341px;
	}

	.consortium-item .heading{
		width: 280px;
		float: left;
	}

	.consortium-item.left .photo{
		width: 280px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.consortium-item .photo img{
		width: 280px;
		float: left;
	}

	.details-div .image .image-container{
		height: 175px; 
	}

	.details-div .image .overlay{
		height: 175px;
	}

	.upcoming-events-list .timeline-border{
		display: none;
	}

	.upcoming-event.left .arrow{
		display: none;
	}

	.upcoming-event.right .arrow{
		display: none;
	}

	.upcoming-event.left .arrow .arrow-divider{
		display: none;
	}

	.upcoming-event.right .arrow .arrow-divider{
		display: none;
	}

	.footer-contact-details{
		width: 280px;
	}

	.footer-top input[type="text"]{
		width: 134px;
	}

	.footer-top .twitter-area{
		width: 280px;
		margin-top: 60px;
	}

	.footer-top .twitter-row .tweet{
		width: 260px;
	}

	.footer-top .flickr-area{
		width: 280px;
		margin-top: 60px;
	}

	.footer-top .flickr-row .flickr-item{
		width: 68.5px;
		height: 68.5px;
	}

	.footer-top .flickr-row .flickr-item .overlay{
		width: 68.5px;
		height: 68.5px;
	}

	.footer-bottom .copyright-area{
		width: 280px;
		text-align: center;
	}

	.footer-bottom .logo-list{
		width: 280px;
		text-align: center;
		margin-top: 20px;
	}

	.footer-bottom .social-item-list{
		width: 280px;
		text-align: center;
	}

	.footer-bottom .social-item-list p{
		margin-bottom: 0px;
	}

	.footer-bottom .social-item-list p i{
		float: none;
	}

	.footer-bottom .social-item-list p i:first-child{
		margin-left: 0px;
	}

	.map-section{
		width: 100%;
		height: 280px;
	}

	#map{
		width: 100%;
		height: 280px;
	}

	.contact-details{
		width: 280px;
		float: left;
		margin-top: 0px;
	}

	.contact-form{
		width: 280px;
		border-bottom: 1px solid #dddddd;
		margin-bottom: 50px;
	}

	.contact-form-row{
		margin-bottom: 0px;
	}

	.contact-form-row .contact-form-row-content .full{
		width: 280px;
	}

	.contact-form-row .contact-form-row-content .half{
		width: 280px;
	}

	.contact-form-row input[type="text"]{
	  width: 248px;
	}

	.contact-form-row select{
	  width: 280px;
	}

	.contact-form-row textarea{
	  width: 248px;
	}

	.contact-form-row .contact-form-row-content .half.margin-left{
		margin-left: 0px;
		margin-top: 30px;
	}

	.page-content .twitter-area{
		width: 280px;
	}

	.page-content .twitter-row .tweet{
		width: 260px;
	}

	a.link-button{
		float: left !important;
		margin-left: 0px !important;
	}

	.top-logo img{
		margin: 25px 15px;
	}

	.top-flag img{
		margin: 25px 15px;
	}

	.top-menu-icon{
    padding: 36px 15px 36px 0px;
	}

	.horizon2020-calls-row{
		margin-bottom: 0px;
	}

	.horizon2020-calls-item .details p{
		height: 275px;
	}
}

@media screen and (max-width: 380px){
	.top-logo img{
		height: 35px;
		margin: 33px 15px;
	}

	.top-flag img{
		height: 35px;
		margin: 33px 15px;
	}

	.top-menu-icon{
    padding: 36px 15px 36px 0px;
	}
}