@media only screen and (min-width:0px) and (max-width:400px) {

.view-banner-sideshow .views-slideshow-controls-bottom .widget_pager,
#banner-bottom-section nav ul.menu {
	max-width: 300px;
	margin-top: -30px;
	
}

.view-banner-sideshow .views-slideshow-controls-bottom .widget_pager .views_slideshow_pager_field_item,
#banner-bottom-section nav ul.menu li a {
	margin: 4px 2px;
	padding: 14px 0px;
	min-width: 140px;
	font-size: 12px;
	width: 140px;
}

#views-exposed-form-news-listing-page-1 .form-item.form-item-field-tags-target-id {
    left: -25px;
    top: 60px;
    margin-bottom: 10px;
}
.view-header {
    text-align: left !important;
}


}

@media only screen and (min-width:401px) and (max-width:767px){

.view-banner-sideshow .views-slideshow-controls-bottom .widget_pager,
#banner-bottom-section nav ul.menu {
	max-width: 365px;
	margin-top: -30px;
}

.view-banner-sideshow .views-slideshow-controls-bottom .widget_pager .views_slideshow_pager_field_item,
#banner-bottom-section nav ul.menu li a {
	margin: 4px 2px;
	padding: 14px 0px;
	min-width: 140px;
	font-size: 14px;
	width: 170px;
}
.view-policy-area-parent-term .views-row .views-field-views-conditional-field-2 .field-content span {
	display: block;
}

}

@media only screen and (min-width:0px) and (max-width:767px){

/**** Header
   **
   **/

#header-area {
    padding: 0px;
	position: relative;
}

#header-area .header-left {
	width: 100%;
	overflow: hidden;
	padding: 0px 0px 0px 20px;
}

#header-area .header-right {
	width: 100%;
	padding: 0px;
}

#header-area .header-left a.logo {
	margin: 15px 0px;
}

#header-area .header-left a.logo img {
    max-width: 175px;
}

#header-area .header-right .header-top {
	display: none;
}

#header-area .header-right .block-superfish {
    margin-top: 0px;
	display: block;
}

#header-area .header-right .block-superfish ul.sf-menu.sf-accordion {
    display: none;
	background: #eeedeb;
	box-shadow: inset 0px 5px 11px -11px #000;
}

#superfish-main {
	display: none !important;
}

.sf-accordion-toggle {
    width: 40px;
    height: 58px;
    position: absolute;
    right: 20px;
    top: -72px;
	z-index: 11;
}

.sf-accordion-toggle a {
    width: 100%;
	height: 100%;
    display: block;
    cursor: pointer;
	font-size: 0px;
	background:url(../images/hamburger.svg) no-repeat 50% 50%;
}

.sf-accordion-toggle a.sf-expanded {
	background:url(../images/hamburger-close.svg) no-repeat 50% 50%;
	background-size: 30px;
}

.block-superfish ul.sf-menu > li {
	border-bottom: 1px solid #ffffff;
}

.block-superfish ul.sf-menu li > ul li.menuparent {
	background: none;
}

.block-superfish ul.sf-menu > li:last-child {
	border-bottom: 0px;
}

.block-superfish ul.sf-menu > li > a {
	padding: 18px 25px;
	font-family: 'Noto Serif', serif;
	text-transform: none;
	font-size: 22px;
	line-height: 26px;
	margin: 0px;
	color: #1e3768;
	font-weight: 700;
}

.block-superfish ul.sf-menu li a.menuparent {
    width: 84%;
	float: left;
}

.block-superfish ul.sf-menu > li.sf-expanded {
    padding-bottom: 7px;
}

.block-superfish ul.sf-menu > li.sf-expanded > a {
    padding-bottom: 10px;
}

.block-superfish ul.sf-menu li a.sf-accordion-button {
    width: 15%;
	float: right;
    margin: 0px;
	font-size: 0px;
    padding: 28px 0px;
    text-align: center;
	position: absolute;
	right: 24px;
	background: url(../images/down_mobilenav.svg) no-repeat 100% 50%;
	background-size: 18px;
}

.block-superfish ul.sf-menu > li.sf-expanded > a.sf-accordion-button {
	background: url(../images/up_mobilenav.svg) no-repeat 100% 50%;
	background-size: 18px;
}

.block-superfish ul.sf-menu li ul li > a {
	width: 100%;
	margin: 0px !important;
	padding: 10px 25px;
	font-family: 'Noto Sans', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #1e3768;
	border-bottom: 0px !important;
}

.block-superfish ul.sf-menu li ul li > a.sf-accordion-button {
	padding: 17px 0px;
	background: url(../images/down_mobilenav.svg) no-repeat 100% 50%;
	background-size: 18px;
}

.block-superfish ul.sf-menu li ul li.sf-expanded > a.sf-accordion-button {
	background: url(../images/up_mobilenav.svg) no-repeat 100% 50%;
	background-size: 18px;
}

.block-superfish ul.sf-menu li ul li ul li > a {
	font-family: 'Noto Sans', sans-serif;
	text-transform: none;
	font-size: 16px;
	line-height: 20px;
	padding: 11px 45px;
	font-weight: 400;
}

.block-superfish ul.sf-menu li ul li ul li > a.sf-accordion-button {
	padding: 18px 0px;
	background: url(../images/down_mobilenav.svg) no-repeat 100% 50%;
	background-size: 18px;
}

.block-superfish ul.sf-menu li ul li ul li.sf-expanded > a.sf-accordion-button {
	background: url(../images/up_mobilenav.svg) no-repeat 100% 50%;
	background-size: 18px;
}

.block-superfish ul.sf-menu li ul,
.block-superfish ul.sf-menu li:hover > ul, 
.block-superfish ul.sf-menu li.sfHover > ul {
    width: 100% !important;
}

.block-superfish ul.sf-menu li li:hover > ul, 
.block-superfish ul.sf-menu li li.sfHover > ul {
    width: 100% !important;
    left: 0% !important;
}

/**
  ** Page title
  **/

.standard-banner .title-box .title-text {
	font-size: 38px;
	line-height: 40px;
}


/***
  ** slideshow
  **/


.view-banner-sideshow .views_slideshow_main .views_slideshow_cycle_teaser_section, 
.view-banner-sideshow .views_slideshow_main .views_slideshow_slide {
	background: #1b3668;
}

.view-banner-sideshow .views_slideshow_main .views_slideshow_slide .views-field-nothing {
    max-width: 100%;
    position: relative;
    top: 0%;
    transform: none;
}

.view-banner-sideshow .views_slideshow_main .views_slideshow_slide .views-field-nothing .banner_content_box {
	max-width: 100%;
	padding: 20px;
	border-radius: 0px;
	background: #1b3668;
}

.view-banner-sideshow .views_slideshow_main .views_slideshow_slide .views-field-nothing .banner_content_box .banner_body_text {
	font-size: 45px;
	line-height: 55px;
}

.view-banner-sideshow .views-slideshow-controls-bottom {
	position: absolute;
	z-index: 11;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	background-color: #ffffff;
}

#banner-bottom-section {
    padding: 0px 25px;
}

#block-missiontext {
	margin: 45px 0px;
}

#block-missiontext p:first-child {
	font-size: 17px;
}

#block-missiontext p {
	font-size: 18px;
}

.block-views-blocklatest-new-block-1 h2.block-title, 
.block-views-blockmtf-now-block-1 h2.block-title, 
.block-views-blockevent-listing-block-1 h2.block-title {
	font-size: 65px;
	line-height: 65px;
	padding: 0px 0px;
	margin-bottom: -8px;
}

body.path-frontpage #whole-mtf-now-section::after {
	height: 57px;
}

.block-views-blockevent-listing-block-1 h2.block-title {
	margin-bottom: -12px;
}

#news-section,
#homepage-events-section,
#mtf-now-section {
    padding: 0px 20px;
}

.view-latest-new .views-row .views-field,
.view-event-listing .views-row .views-field-field-image,
.view-event-listing .views-row .views-field-title,
.view-mtf-now .views-row .views-field {
	width: 100%;
}

.view-mtf-now .views-row .views-field.views-field-title {
	position: relative;
	top: 0%;
	transform: none;
	padding-right: 0px;
}

.view-mtf-now .views-row:nth-child(2n) .views-field.views-field-title {
	padding-left: 0px;
	padding-right: 0px;
}

.view-mtf-now {
	padding: 0px 0px 45px 0px;
}

#whole-mtf-now-section {
	margin-top: 0px;
}

.mtf-now-content-box {
	margin-top: 45px;
}

.mtf-now-content-box .mtf-now-link-text {
	margin-bottom: 45px;
}

.view-latest-new .views-row .news-content-box,
.view-event-listing .views-row .views-field-title {
	padding: 30px;
}

.view-latest-new .views-row .news-content-box .news-date-text,
.mtf-now-content-box .mtf-now-subtitle-text, 
.events-content-box .events-date-text {
	font-size: 16px;
}

.view-latest-new .views-row .news-content-box .news-title-text,
.mtf-now-content-box .mtf-now-title-text, 
.events-content-box .events-title-text {
	font-size: 20px;
	line-height: 25px;
	font-weight: 600;
}

.view-latest-new .views-row .news-content-box .news-body-text,
.mtf-now-content-box .mtf-now-short-text, 
.events-content-box .events-short-text {
	font-size: 14px;
	line-height: 22px;
	margin-top: 5px;
}

#block-views-block-latest-news-homepage-block-1 .view-content,
.view-event-listing .views-row {
	display: none;
}

.view-latest-new {
    margin-bottom: 28px;
}

.view-event-listing .views-row:first-child {
	display: block;
}

.block-views-blockevent-listing-block-1 {
	margin-top: 35px;
}

.view-event-listing .view-footer a, 
.view-latest-news-homepage .view-footer a {
	margin-top: 0px;
}

#whole-social-section {
	padding: 90px 20px;
}

.block-twitter-tweets .tweet-wrapper {
	flex: 1 100%;
	display: none;
}

.block-twitter-tweets .tweet-wrapper:first-child {
	display: block;
}

body.toolbar-vertical .block-twitter-tweets .tweet-wrapper:nth-child(2) {
    display: block;
}

/**
 ** Standard Page
 **/

.path-related-content #midcontent,
.path-policy-area #midcontent,
.path-policy-areas #midcontent,
.node-events #midcontent,
.node-in-the-news #midcontent,
.node-standard-page-listing #midcontent {
	padding: 3.5% 23px;
}

.whole-resources-box .resources-policy-area-box.desktop {
    display: none !important;
}

.whole-resources-box .resources-policy-area-box.mobile {
	display: inline-block !important;
	float: right;
}

body.path-related-content .whole-resources-box .resources-policy-area-box.mobile, 
body.path-policy-area .whole-resources-box .resources-policy-area-box.mobile, 
body.node-events .whole-resources-box .resources-policy-area-box.mobile {
   margin-top: -20px;
   width: 180px;
}

.publication-right-button-box {
	display: none;
}

.standard-banner .title-box {
	width: 100%;
	padding-left: 0;
	float: left;
}

.standard-banner .image-box {
	width: 100%;
}

body.path-frontpage #midcontent {
    padding: 18px 0px;
}

#maindiv .field--name-body table {
    display: block;
    overflow-x: scroll;
}

#whole-title-area .region-title-area {
	padding-top: 50px;
	padding-bottom: 56px;
}

#whole-title-area .region-title-area p {
	font-size: 57%;
	padding: 0px 23px;
	line-height: 45px;
}

.standard-banner .title-box ul.policy-area {
	margin-bottom: 14px;
}

.container {
	padding-left: 0px;
	padding-right: 0px;
}

.sidebar-first #sidebar-first-area {
	width: 100%;
	padding: 0px;
}

.sidebar-first #sidebar-first-area #block-mainnavigation-2 {
	display: none;
}

.sidebar-first #midcontent {
	width: 100%;
	padding-top: 43px;
}

.block-addtoany {
    display: none;
}

#sidebar-first-area ul {
	margin: 0px;
}

#sidebar-first-area ul li {
	padding-left: 15px;
	padding-right: 15px;
}

.sidebar-first .white-left-overlay .left-bg {
	background-color: #ffffff;
}

/**
  ** Search page
  **/

.node-search-content #midcontent {
	padding: 42px 22px 0px;
}

.node-search-content #midcontent .block-views-exposed-filter-blockmtf-search-page-1 {
	width: 100%;
	margin-bottom: 30px;
}

.node-search-content .form-inline .select-wrapper {
	width: 100%;
}

.node-search-content .news-publication-global-class .view-header {
	width: 100%;
	float: left;
	text-align: left;
	padding-top: 6px;
	position: relative;
	top: 5px;
}

.node-search-content .news-publication-global-class .view-content .views-row:first-child .whole-resources-box {
	margin-top: 18px;
}

.node-search-content .whole-resources-box .resources-date-box {
	padding-bottom: 0;
	padding-top: 36px;
}

.node-search-content .whole-resources-box .resources-image-box {
	padding-top: 0px;
}


form#views-exposed-form-mtf-search-page-1 {
	display: block;
}

/**
  ** Policy page
  **/

.path-policy-areas #midcontent {
	width: 100%;
	padding-left: 22px;
	padding-right: 22px;
}

/**
  ** Publication page
  **/

.sidebar-first #midcontent {
	width: 100%;
	padding-left: 22px;
	padding-right: 22px;
}

.news-publication-global-class .view-filters {
	width: 100%;
	float: left;
	margin-bottom: 0px;
	position: relative;
	top: -10px;
}

.news-publication-global-class .view-filters .bef-exposed-form .form--inline > .form-item {
	width: 100%;
}

.news-publication-global-class .view-header {
	width: 100%;
	padding-top: 0px;
	position: relative;
	top: 110px;
}

.news-publication-global-class .view-content {
}

.whole-resources-box .resources-date-box, 
.whole-resources-box .news-author-box-wrapper,
.whole-resources-box .resources-image-box,
.whole-resources-box .resources-title-description-box,
.whole-resources-box .resources-policy-area-box {
    display: block;
	width: auto;
}

.whole-resources-box .resources-image-box {
	min-width: 235px;
	width: 100%;
	padding-bottom: 0;
	padding-top: 22px;
}

.whole-resources-box .resources-date-box {
	display: block !important;
	max-width: 38%;
}

.whole-resources-box .resources-date-box.tablet,
.whole-resources-box .resources-policy-area-box.tablet {
	display: none !important;
}

.whole-resources-box .resources-image-box img {
	width: 100%;
}

.whole-resources-box .resources-title-description-box .resources-title-box a {
	margin-top: 14px;
}

.publication-detail-pages .publication-social-share-box {
	display: none;
}

.publication_bottom_prevnext_box .prevnext-element a {
	font-size: 16px;
	margin: 0px 13px;
}

/** Staff page
  **
  **/

.view-staff-listing .views-row {
    display: block;
}

.view-staff-listing .views-row .views-col {
	width: 100% !important;
	margin-bottom: 50px;
}

.view-staff-listing .views-row .views-col.col-2 {
	margin-left: 0px;
}

.staff-detail-pages .standard-banner .image-box {
    width: 100%;
}

/**
 ** Detailed Page
 **/


#publication-detail-pages-wrapper article.node {
	padding-right: 0;
}

.publication-detail-pages .publication-title-text h1 {
	font-size: 30px;
	line-height: 35px;
	letter-spacing: 0;
}

.standard-banner .image-box {
	margin-top: 25px;
	margin-bottom: 28px;
}

/**
 **
 **/

.page-node-type-mtf-now .field--name-field-image,
.page-node-type-mtf-now .field--name-field-subtitle {
    margin-bottom: 30px;
}


/*** Modal
  **
  **/
.form-item.form-type-email, 
.form-item.form-type-url, 
.form-item.form-type-textfield, 
.form-item.form-type-select {
	width: 100%;
}

#drupal-modal {
	padding: 10px;
}

#captcha--content.panel-body {
    padding: 15px 0px;
}

/**
 ** Other Related Content
 **/

#sidebar-first-area .block {
    width: 90%;
	margin: 42px auto;
	padding:40px 35px 90px;
}

#sidebar-first-area .views-element-container h2 {
	width: 100%;
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 25px;
}

.related-content-for-left-sidebar .views-row {
	width: 100%;
	margin: auto;
	margin-bottom: 30px;
}

.related-content-for-left-sidebar .views-field-field-image img {
	width: 100%;
}

.related-content-for-left-sidebar .views-field-created,
.related-content-for-left-sidebar .views-field-field-date {
	font-size: 12px;
}

.related-content-for-left-sidebar .views-field-title a {
	line-height: 25px;
}

.related-content-for-left-sidebar .view-footer {
	width: 100%;
}


/**
 ** Related content
 **/

#whole-related-area {
	padding-top: 24px;
	padding-bottom: 70px;
}

.related-content-global-class .view-header h2 {
	margin-bottom: 38px;
	font-size: 22px;
}

#whole-related-area .related-content-global-class {
    padding-left: 20px;
	padding-right: 19px;
}

.related-content-global-class .views-row .views-col {
	width: 100% !important;
	margin-right: 0;
	flex: auto;
	float: none;
	margin-bottom: 34px;
}

.related-content-global-class .views-row .views-col .views-field.views-field-field-image img {
	width: 100%;
}

.related-content-global-class .views-row .views-col .views-field-view-node a,
.related-content-global-class .views-row .views-col .views-field-created {
	font-size: 12px;
}

.related-content-global-class .views-row .views-col .views-field-created {
	margin-top: 25px;
}

.related-content-global-class .views-row .views-col .views-field-title a {
	font-size: 22px;
	line-height: 26px;
	margin-top: 6px;
    font-weight: 600;
}

.related-content-global-class .views-row .views-col .views-field {
	padding-left: 22px;
	padding-right: 22px;
}

.related-content-global-class .view-footer {
	margin-top: 21px;
}

/**
 ** Empty result
 **/

.view-empty {
    min-height: 300px;
}

.view-empty h2 {
	vertical-align: middle;
	padding-top: 130px;
}

/**
  ** Footer area design
  **/

#footer-top-area .footer-left,
#footer-top-area .footer-middle,
#footer-top-area .footer-right {
	padding-left: 0px;
	padding-right: 0px;
}


#footer-top-area {
	padding-top: 62px;
	padding-bottom: 50px;
}

#footer-top-area p {
	margin-bottom: 20px;
}

#footer-top-area p br {
    display: none;
}

#block-connectwithmtf p:last-child a,
#footer-top-area #block-joinmtf a {
	margin-bottom: 45px;
}

#block-connectwithmtf h2.block-title {
	margin-bottom: 13px;
}

#footer-bottom-area {
	padding: 27px 0px;
}


#footer-bottom-area .footer-bottom-right,
#footer-bottom-area .footer-bottom-left {
	width: 100%;
	text-align: center;
	padding: 0px;
}

#footer-bottom-area .navbar-btn {
	float: none !important;
}

#footer-bottom-area .footer-bottom-left .logo img {
	max-width: 263px;
}

#footer-bottom-area .footer-bottom-right {
	width: 100%;
	text-align: center;
	max-width: 330px;
	margin: auto;
	margin-top: 20px;
}

#block-footerbottomright p {
	font-size: 13px;
	line-height: 20px;
}

.news-author-box,
.news-source-box {
    display: none;
}

img {
    width: 100%;
    height: auto;
}

.view-events-listing .whole-resources-box .resources-date-box {
    width: auto;
}

.view-event-listing .views-row .views-field-title.half-width {
    padding: 0px;
}

.view-event-listing .views-row .views-field-title.half-width .events-content-box {
    width: 100%;
    display: block;
}

.view-event-listing .views-row .views-field-title.half-width .views-field-field-image {
    width: 100%;
	display: block;
}

.eu-cookie-compliance-secondary-button {
    margin-top: 15px;
    float: right;
}

.eu-cookie-compliance-message {
    max-width: 100%;
}

body.remove-shortcut-panel-for-right .publication-right-button-box {
	display: none;
}

.block-twitter-tweets .tweet-wrapper {
	margin-right: 0;
}

.join-mtf-mobile {
	padding-bottom: 50px;
}
.join-mtf-mobile-link {
background: #dfb525;
display: block;
padding: 12px 20px;
color: #000;
text-transform: uppercase;
font-weight: bold;
font-family: 'Noto Sans', sans-serif;
font-size: 16px;
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 99;
}

.join-mtf-mobile {
    display: block;
}

div#sliding-popup {
    padding-right: 15px;
    padding-left: 15px;
}
.news-publication-global-class .view-content .views-row:first-child .whole-resources-box {
        margin-top: 60px;
}
.news-author-box-wrapper {
        padding-right: 8px;
}
.whole-resources-box .resources-policy-area-box.mobile {
        padding-right: 10px;
	margin-top: -20px;
	max-width: 58%;
}
body.path-events .whole-resources-box .resources-policy-area-box.mobile {
	margin-top: -40px;
}
.resources-title-box {
  clear: both;
}

.standard-detail-pages .publication-social-share-box {
    display: none;
}

#block-mainnavigation-3 {
	display: none;
}


}