.mobile-b {
        display:none;
    }
    .mobile-ib {
        display:none;
    }
    .mobile-i {
        display:none;
    }
.m-page-title {
    font: 15pt/26pt StoneSerifStd-Medium;
    padding: 7px 5px 7px 25px;
    border-bottom:1px solid #fff;
}
.m-page-line-wrapper {
    padding-bottom:5px;    
}
#mobile-menu-btn {
    position:absolute;
    width:52px;
    height:52px; 
    top:10px;
    left:10px;   
    background:url('../images/list.png') no-repeat;
    background-size:100%;
}
#mobile-menu {
    
}


@media screen and (max-width: 980px) {
    /*same as the desktop version  */     
}

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

    .mobilebutton {
        display: block;
        width: 100%;
        background: rgb(247,168,0);
        height: 14vw;
        font-family: AvenirLTStd-Book;
        font-size: 5vw;
        line-height: 14vw;
        position: relative;
        text-align: center;
        font-weight: bold;
    }

    .mobilebutton .arrow {
        background: url(../images/top-arrow-gray.png) no-repeat right bottom;
        background-size: 80%;
        position: absolute;
        width: 10px;
        padding: 0;
        height: 15px;
        bottom: 10px;
        right: 10px;
        box-shadow: none;
        border: none;
        outline: none;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
        right: 5px;
    }

    .mobile-b {
        display:block;
    }
    .mobile-ib {
        display:inline-block;
    }
    .mobile-i {
        display:inline;
    }
    #primary {
        margin:0!important;
    }
    
    body .logo-line {
        display:none;
    }

    body {
        width:100%;
        min-width:320px;
    }
    body #page {
        width:100%;
        min-width:100%;
        background:#fff;
    }
    body header#masthead.site-header {
        width:100%;
        padding:0px;
        height:auto;
    }
    body #logo {
        margin:auto;
        position:relative;
        top:0;
        left:0;
        width: 270px;
        height: 70px;
    } 
    body #logo a{
        margin:auto;
        position:relative;
        top:0;
        left:0;
        width: 270px;
        height: 70px;
    }   
    body .top-line-container {
        display:none;
    }
    body .lang-share {
        display:none;
    }
    body #main-menu {
        display:none;    
    }
    body #main-menu, body #menu-main {
        width:100%; 
    }
    body #menu-main>li>a, body #menu-main>li:hover>a {
        font: 16pt/24pt AvenirLTStd-book;
        text-transform: uppercase;
        color:#fff;
        background:rgb(0,12,64);
        padding:0;
        padding:5px;
        border-left:1px solid #bbb;
        border-bottom:1px solid #bbb;
    }
    body #menu-main>li:hover+li>a, body #menu-main>.current-menu-parent>a, body #menu-main>.current-menu-parent+li>a {
        border-color:#bbb;
    }
    body #menu-main>li:hover>a {
        border-color:#bbb;
    }
    body #menu-main>li {
        float:left;
        width:50%;
        padding:0;
        display:inline-block;
    }
    body #page #menu-item-925 {
        display:inline-block;
    }
    body #page #menu-item-195 {
        display:none;
    }
    body .menu-main-container:hover+.menu-layer {
        display:none;
    }
    body #main-menu:hover .menu-layer, body.rtl #main-menu:hover .menu-layer {
        display:none;    
    }
    body #menu-main>li:hover {
        background:none;
    }
    body #menu-main>li ul, body #menu-main>li:hover ul {
        display: none;
    }
    body #menu-main .menu-item-language {
        display:inline-block;
    }
    body #menu-main .menu-item-language.menu-item-language-current a[onclick] {
        display:none;
    }
    
    #primary .left {
        display:block;
        float:none;
        clear:both;
        padding:0;
        width:auto;
        
    }
    #primary .left.no-mobile {
        display:none;
    }
    body .left .sidemenu {
        display:block;
        text-align: center;  
        padding:0;  
    }
    body .left .sidemenu ul {
        display:block;
        width:100%;
    }
    body .left .sidemenu ul li {
        display:inline-block;  
        margin-left:5px;  
    }
    body .left .sidemenu ul li a{
        width:auto;
        display:block;
    }
    body .left .sidemenu ul li a:after {
        content:"|";
        margin-left:5px;
        font:13pt/25pt StoneSerifStd-MediumItalic;
    }
    body .left .sidemenu ul li:last-child a:after {
        content:"";
    }
    body .left .sidemenu ul li a[class*='research'] {
        background:none;    
    }
    body #main-content.wrapper {
        width:100%;
        /*display:none;*/
    }
    #primary #content {
        width:100%;
        margin:0;
        float:none;
        clear:both;
    }
    #primary #content .gallery{
        width:100%;
        margin:0;
        /*display:none;*/
    }
     body #primary #content .gallery img {
        width: 640px;
    }
    .gallery .left-block-locked {
        left:auto;
        right:0;
        width:150px;

    }


    .right, .devider{display: none;}

    body #primary .bottom-block-locked {
        width:100%;
        background-size:auto;
    }
    body #primary .bottom-block-locked #bottom-text {
        font-size: 12pt;
        line-height: 18pt;
        margin-right: -40%;
        right: 50%;
        top:98px;
        left:auto;
        width: 80%;
    }


    #primary #content .gallery .bottom-block-locked p{margin-right: 10px; margin-left: 10px; width: inherit;}


    body #primary #content .gallery #left-text blockquote, body #primary #content .gallery #left-text blockquote p {
        font-size:14pt;
        line-height:21pt; 
        width:auto;   
    }
  
    #primary #content img{
        width:100%;
        
    }
    #primary .graph-img {
        position:relative;
        top:0px;
        left:0px;
		float: left;
		width: 50%!important;
		margin-right: 5%;
    }
    #primary .block {
        margin:0;
        width:100%;
        height:auto;
    }
    #primary .block-text {
        padding: 0;
        
    }
    #primary .block-text h4{
        /*width:40%!important;
        float:left;*/
        margin-right: 5%;
        margin-left: 5%;
        padding:20px 0;
    } 
    #primary .block-text img {
        float: left;
        width: 100%!important;
        top: 0;
        left: 0px;
        height: auto;
    }
    #primary .block-text iframe {
        width:100%;
        min-height:300px;
        height:auto;
    }
    /*#primary .block-row:first-child .block-text p {
            
    }*/
    
    #primary .block-text p {
        /*width: 40%;
        float: left;*/
        padding: 20px 5%;
        margin-bottom: 40px;  
    }
    #primary .block-text.video p {
        width:100%;
        display:none;
        margin:0;
        
        
    }
    #primary .block-text.video p:first-child {
        width:100%;
        display: block;
        
    }
    body #primary .read-more {
        width: 70px;  
    }
    #primary .block .to-all{
        width:150px;
    }
    #primary .block .read-more, #primary .block .to-all {
        left: 50%;
        padding: 0 5%;
        margin-bottom: 10px;
    }
    body .footer-top-bg {
        background: #fff;
        display:block;
        margin:0 10px;
        border-bottom:3px solid #000;
        height:0px;
    }
    body .footer-text {
        border:none;
    }
    footer#colophon {
        width:100%;
    }
    body .l {
        margin:0;
    }
    body .inner-vision {
        display:none;
    }
    body .advanced-search {
        /*display:none;*/
    }
    body .search-results-actions {
        display:none;
    }
    body #advanced-search-go {
        position:relative;
        top:70px;
        margin-left: 10px;
    }
    #primary .search-results {
        width:100%;
        margin:0;
        height:auto;
    }
    #primary .search-results-container {
        padding:0;
        height:auto;
    }
    #primary .search-results .result-item {
        margin:0 25px;
        height:auto;
        border-bottom:1px solid #888;
        padding-bottom:55px;
    }
    #primary .search-results-container:last-child .search-results .result-item {
        border:none;
    }
    #primary .search-results .read-more {
        bottom:20px;
    }
    #primary .event-intro {
        margin-top:0;
    }
    body #primary .event-full-text .interested-articles, #primary .interested-block  {
        display:none;   
    }
    body #primary  #content div.panel-block, body #primary #content h4.right-panel-header {
        padding-left:25px;    
    }
    #content .advanced-search .search-dropdown {
        max-height:150px;
    }
    #primary .left .sidemenu a:hover {
        background:none;
    }
    #primary .advanced-search {
        position:relative;
    }
    #primary #content .advanced-search input[type='submit'] {
        position:absolute;
        top: 123px;
        left: 275px;            
    }
    body #primary #content .event-intro {
        margin-top:0;    
    }
    body #primary .event-full-text {
        width:auto;
        margin:0;
    }
    body #primary .event-full-text>div {
        padding: 10px 40px 20px 40px;    
    }
    body.single-podcast #primary .event-full-text {
        max-width: 100%;
    }
    body #primary .research-right-panel {
        margin-left: 20px;    
    }
    #content .event {
        margin:0;  
        width:auto;  
        float:none;
        clear:both;
    }
    .load-more {
        padding:0;
    }
    .event-left-describe {
        width:auto;
    }
    .event-register input[type='text'] {
        width:auto;
    }
    .event-images {
        padding: 15px 40px 10px 40px;
    }
    #primary.contact #content {
        width:auto;
    }
    #primary.contact #content p {
        padding-left: 50px;    
    } 
    #primary.contact #content form {
        padding: 0 40px;
        width:auto;
        display:block;
        height: 300px;
    }
    #primary.contact #content form p {
        padding:0;
    }
    #primary.contact #content {
        margin:0;
        padding:0;
    }
    #primary.contact #content h3 {
        margin-left: 0;  
        width:auto; 
    }
    .cgmp-centering-container-handle {
        width:100%!important;
        margin:auto;
        display:block;
        /*min-width:400px;*/
    }
    #primary.contact .google-map-placeholder {
        width:100%!important;
    }
    #primary span.wpcf7-form-control-wrap {
        width:100%;
        display:inline-block;
    }
    #primary.contact #content form input[type='submit'] {
        float:none;
        clear:both;
    }
    #primary.contact div.wpcf7 img.ajax-loader {
        display:none;
    }
    #primary #content .members-list {
        margin:0;
        padding-bottom:20px;
        padding-left:25px;
        width:auto;
        border:none;
        /*background:#eee;*/
    }
    .empty {
        height:0;
        margin:0;
        padding:0;
    }
    #primary #content h2.board {
        background:#ddd;
        color:#111!important;
        border-bottom:2px solid #111;
    }
    #primary .press-post-container {
        margin:0;
        width:auto;
    }
    #primary.contact h2, #primary.databyte h2, #primary.press-room h2 {
        margin:0;
        display:none;
    }
    #primary.databyte #content {
        padding:0px 5px 30px;
    }
    #primary div.press-post-block.search-results:first-child {
        margin:0;
        border-top:none;
    }
    #primary .media-img {
        display:none;
    }
    #primary div.media-post-block.search-results .result-item {
        width:auto;
    }
    #primary div.media-post-block.search-results, .rtl #primary div.media-post-block.search-results {
        margin-left:0;
        margin-right:0;
    }
    #primary div.media-post-block.search-results {
        width:auto;
        height:auto;
    }
    #primary .media-post-container .search-results .result-item {
        border:none;    
    }
    #content article .main-describe-container {
        float:none;
        clear:both;
    }
    #content article .entry-content-main {
        width:auto;
    }
    #content article .main-info-container {
        float:none;
        clear:both;
        width:auto;
        margin:0;
    }
    #content article .photo-container {
        margin-bottom:0;
    }
    #content article .additional-info {
        width:auto;
    }
    #primary #content .main-info-container img {
        width: 70%;
        margin: auto;
        left: 15%;
        position: relative;
    }
    body  #content .advanced-search .search-dropdown {
        width:230px;
    }
    body #primary #content .press-post-container .advanced-search input[type='submit'] {
        top:86px;
        left:285px;
    }
    #primary.press-room h2.search-header {
        display:block;
    }
    #primary div.press-post-block.search-results .read-more {
        position:relative;
        top:5px;
    }
    body #main-menu .m-menu-search-btn {
        background:url('../images/search-wh.png') no-repeat;
        width:24px;
        height:24px;
        background-size:100%; 
        border:none;
        outline:none; 
        float:left;  
        position:relative;
        /*right:12px;*/
        top:12px;
    }
    body #main-menu #m-menu-close-btn {
        background:url('../images/cross-wh.png') no-repeat;
        display:inline-block;
        width:24px;
        float:left;
        height:24px;
        background-size:100%; 
        border:none;
        outline:none;
        position:relative;
        left:12px;
        top:12px;
        /*float:left; */
        /*margin: 12px;*/
    }
    body #main-menu #m-menu-line {
        background:#454364;
        display:block;
        height:45px;
    }
    body #main-menu #m-menu-line>div {
        display:inline-block;
        /*float:left;*/
    }
    body #main-menu .m-search-field {
        background:transparent;
        color:#fff;
        border:none;
        outline:none;
        font:16pt/24pt AvenirLTStd-book;
        position:relative;
        /*top:10px;*/
        padding:6px 12px;
        margin-left:5%;
        width:70%;
        float:left;
    }
    body #primary .left .series {
        padding:0;
    }
    .comments-block {
        width:auto;
    }
    #primary #content .comment-text, #primary #content .comment-text p {
        width:auto;
    }
    #primary .comments-block h3 {
        padding:0 25px;
    }
    body #content .advanced-search .search-input-container {
        width:250px;
    }
    body .block .overlay-invol form {
        margin-top:10px!important;    
    }
    body .block .overlay-invol input[type='submit'] {
        position: relative;
        top: -35px;
        left: 150px;
    }
    
    .gallery {
        height: auto !important;
    }
    
    .gallery .slick-dots {
        display: none !important;
    }
    
    .gallery .left-block-locked {
        position: static;
        height: auto;
        width: 100%;
        padding-bottom: 80px;
    }
    
    .gallery #left-text {
        position: static;
    }
	
	.container {
		max-width:100%;
		/*height: calc(100vw / 1.333) !important;*/
		overflow:hidden;
	}
    
    .iosSlider {
		width: 100vw !important;
		/*height: calc(100vw / 1.333) !important;*/
        
    }
	
	.slick-slider {
		margin-bottom: 0;
	}
    
    .gallery .item {
		/*height: calc(100vw / 1.166) !important;*/
    }
    
    .bottom-block-locked {
        background-position: right top;
    }
    
    #get-involved {
        width: 100%;
        height: 450px;
        max-height: 450px;
        position: fixed;
        top: 0;
        z-index: 99;
        left: 0;
        background: url('../images/involved.png') no-repeat;
        -webkit-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.5);
        box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.5);
    }
    
    #get-involved input {
        max-width: 90%;
    }
    
    #close_involved {
        display: block;
        position: absolute;
        top: 5px;
        left: 10px;
        color: #fff;
        font-weight: bold;
    }
    
    .cell-only {
        display: block;
    }
    
    #celllinks {
        width: 100%;
        height: 100px;
        margin-bottom: 5px;
        margin-top: 5px;
        color: #fff;
    }
    
    #celllinks:after {
        clear: both;
        content: " ";
        display: block;
        height: 0;
    }
    
    #cellcubes {
        list-style-type: none;
    }
    
    #cellcubes:after {
        clear: both;
        content: " ";
        display: block;
        height: 0;
    }
    #cellcubes li {
        float: left;
        width: 30%;
        margin-right: 1%;
        padding: 0 1%;
        text-align: center;
        background: rgb(32,75,127);
        height: 100px;
        font-size: 16px;
        line-height: 20px;
        display: flex;
        align-items: flex-end;
    }
    #cellcubes li:last-of-type {
        float: left;
        width: 32%;
        margin-right: 0;
    }
    
    #cellcubes li em {
        font-size: 12px;
    }
    
    #cellcubes li a {
        color: #fff;
        flex-grow: 1;
    }

    .donate-popup .wrapper .text {
        font-size: 9vw;
        line-height: 1;
    }

    .desktoponly {
        display: none;
    }

    .mobileonly {
        display: block;
    }
}

@media screen and (max-width: 485px) {/*480*/
    
    /*disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
    body {
        font: .81em/150%  Arial, Helvetica,sans-serif ;
    }
    
}

@media screen and (max-width: 380px) {
	body #logo {
		float: right;
	}
	
	#mobile-menu-btn {
		width: 45px;
		height: 45px;
	}
}