@media screen and (max-width: 1800px){
    .res_g_outer{
        width:180%;
    }
    .results_bottom img{
        width:190%;
    }
}
@media screen and (max-width: 1700px){
    .center{
        width:100%;
        padding-left:25px;
        padding-right:25px;
        float: left;
    }
    .gall_text{
        padding-left:25px;
    }
}
@media screen and (max-width: 1400px){
        .static_3{
            width:100%;
            max-width:100%;
            flex:none;
            padding-top:15px;
            padding-bottom:15px;
        }
    .section_content_4 .row{
        margin-left:0px;
        margin-right:0px;
        width:100%;
        position: relative;
        float: left;
    }
    .res_g_icon.size3{
        font-size:35px;
        line-height:40px;
    }
    .res_g_icon.size2{
        font-size:27px;
        line-height:32px;
    }
    .res_g_icon.size1{
        font-size:17px;
        line-height:22px;
    }
}
@media screen and (max-width: 1200px){
    .rec_icons{
        margin-left:10%;
        padding-left:15px;
    }
    #rec_content h2{
        padding-left:0px;
    }
    footer .static_2{
        display: none;
    }
    .res_g_title_click{
        width:33.33333%;
    }
    .res_g_icon.size3{
        font-size:25px;
        line-height:30px;
    }
    .res_g_icon.size2{
        font-size:20px;
        line-height:25px;
    }
    .res_g_icon.size1, .res_g_icon.size0{
        font-size:15px;
        line-height:20px;
    }
    .pie_legen_outer{
        margin-left:0px;
    }
    .gall_text{
        /*left:25px;
        bottom:25px;*/
    }

    .static_1, .static_2, .static_3{
        width:100%;
        max-width:100%;
        flex:none;
        padding-top:15px;
        padding-bottom:15px;
    }
    .static_2 img{
        margin-top:0px;
    }
    .rec_title{
        /*margin-left:10%;*/
        width:40%;
        float:left;
        position: relative;
    }
    .rec_icons{
        width:50%;
        float: right;
        position: relative;
    }
    .rec_nr{
        width:10%;
        float: left;
        position: relative;
    }
    .rec_text{
        width:89%;
        float: left;
        position: relative;
        font-size:30px;
        line-height:40px;
    }
	.rec_icons, .rec_title, .rec_text {
	    margin-left: 40px;
	}
	.fourbox {
	    padding: 0 20px 50px 0;
	}
	.rec_text:not(:has(.fourbox)) {
	  padding-right: 20px;
	}
	.rec_slider, #bg_slider {
	  padding-top: 100px;
	}
}
@media screen and (max-width: 991px){
	#home_top .gall_text {
       bottom: -90px;
     }
	.greenback {
		padding: 50px 15px 50px !important;
	}
	.results_center{
		margin: 0;
	}
    #default{
        padding:25px 15px;
    }
    #back{
        margin-left:0px;
    }
    #map_5_info{
        margin-left:0px;
    }
    .progress{
        left:0px !important;
        top:99px;
    }
    .rec_icons{
        margin-left:0px;
        width:100%;
    }
	.rec_text:not(:has(.fourbox)) {
	  padding-right: 15px;
	}
	.rec_icons, .rec_title, .rec_text {
	  margin-left: 0;
	}
    .home_text{
        padding-right:15px;
    }
    .gall_text{
        padding-left:0px;
    }
    .home_text2{
        margin-left: 0px;
    }
    .map_img{
        padding-left:0px;
    }
    .team_box:nth-child(8){
        margin-right:0px;
    }
    .slick_nav_outer{
        padding:25px 15px;
    }
    .rec_text_small{
        width:100%;
    }
    .pie_img{
        width:50%;
        float: left;
        padding-left: 0px;
    }
    .pie_legen_outer{
        width:50%;
        float: left;
        flex:50%;
        max-width: 100%;
    }
    .res_g_outer{
        width:100%;
    }
    .results_bottom img{
        width:100%;
    }
    .res_outer{
        flex:100%;
        max-width: 100%;
    }
    #res_nav_outer7{
        display: none;
    }
    .rno7{
        display: none;
    }
    .res_nav_outer{
        display: none;
        position: fixed;
        max-width:100%;
        top:99px;
        width:100%;
        background:#FFF;
        height:40px;
        border-top:1px solid #000;
        border-bottom:1px solid #000;
        z-index: 200;
        padding-left:10px;
        padding-top:7px;
        overflow-y: scroll;
    }
    .res_nav{
        position: relative;
        float: left;
        width:1800px;
    }
    .res_jump{
        width:auto;
        display: inline-block;
        margin-right:10px;
    }
	#btn_nav{
		display: block;
		float: right;
		cursor: pointer;
        margin-right:15px;
        margin-top:20px;
	}
    .mobnav_link{
        padding-left:15px;
        height:60px;
        line-height: 60px;
        border-bottom:1px solid #000;
        cursor: pointer;
    }
    .mobnav_link.act, .mobnav_link:hover{
        background:#e8e7e4;
    }
    footer{
        float: left;
        width:100%;
        padding:0px 15px;
    }
    .static_1 img{
        max-width:100%;
        width:200px;
        margin:15px 0px;
    }
    .static_2{
        display: none;
    }
    .static_3{
        padding-left:0px;
        display: none;
    }
    .center {
        padding:0px;
    }
    .results_share{
        padding:0px 15px;
    }
    header{
        height:60px;
    }
    #logo{
        margin-left:15px;
        width:125px;
    }
    #content{
        padding-top:59px;
    }
    .section{
        width:100% !important;
        height:40px;
    }
	.section:not(.act){
		opacity: 0;
		height: 0;
	}

    /*#section_home.section.act{
        height:calc(100vh - 60px - 200px) !important;
    }*/
    .section.act{
        height:calc(100vh - 60px) !important;
    }
	.mobnav{
        overflow: auto;
		position: fixed;
		top:60px;
		left:0px;
		height:calc(100vh - 60px) !important;
		background:#FFF;
		z-index:1000;
		width:100%;
	}
    .mobnav img{
        max-width:100%;
    }
    #mobnav_links{
        position: relative;
        float: left;
        width:100%;
        padding:15px;
    }
    #mobnav_links > a{
        float: left;
    }
    .langnav a{
        display: block;
        margin:0px;
    }
    .langnav li{
        float: left;
        margin-right: 10px;
    }
    #section_home:not(.act){
        height:0px;
    }
    .section_tag{
        height:40px;
        width:100%;
        border-left:none;
        border-right:none;
        border-top:1px solid #000;
    }
    .act .section_tag{
        border-bottom:1px solid #000;
    }
    .section_tag span{
        transform: rotate(0deg);
        top:0px;
        left:0px;
        width:100%;
        text-align: left;
        padding-left:15px;
        padding-top:8px;
    }
    .section_inner{
        width:100%;
        margin-top:40px;
    }
    #section_home .section_inner{
        margin-top:0px;
    }
    .section footer{
        /*        display: none; */
    }
    .section_content{
        width:100%;
        padding:0px;
    }
    .gall_text{
        left:15px;
        bottom:30px;
        font-size:20px;
        line-height:30px;
    }
	.gall_text h2{
        font-size:12px;
        line-height:17px;
    }
	#moreh1{
		bottom: -30px;
	    position: relative;
	}
	#home_btm {
	    padding: 90px 0px;
	}
    .home_text{
        margin-top:0px;
        column-count:1;
    }
    .results_content{
        margin-top:-1px;
        padding:0px /*0px 25px 0px*/;
    }
    .results_top{
        padding-top:25px;
        margin-bottom:25px;
    }
    .row100{
        margin-left:0px;
        margin-right:0px;
    }
    .rec_slider{
        padding-top:100px;
    }
    #rec_content{
        padding-bottom:50px;
    }
    .slick-dotted.slick-slider{
        margin-bottom:0px;
    }
    .team_img{
        margin-bottom:8px;
    }
    .bg_text img{
        margin-top:65px;
    }
    .simpli_mod_team{
        margin-top:50px;
    }
    .rec_nr{
        display: none;
    }
    .rec_text{
        width:100%;
    }
    .rec_title{
        margin-left:0px;
        padding-left:15px;
        width:100%;
    }
    .rec_icons{
        width:100%;
    }
    #rec_content h2{
    }
    .rec_text{
        font-size:24px;
        line-height:34px;
    }
    .rec_slider .slick-dots li{
        font-family: "BC-Falster-Grotesk-Regular";
        font-size:16px;
        padding-top:10px;
    }
    .pie_legend_footer{
        margin-bottom:50px;
    }
    .static_1{
        padding-left:0px;
    }
	.res_box {
	    padding-left: 0px;
	}
}
@media screen and (max-width: 768px){
    #home_bg, #bg_bottom{
        background:#FFF;
    }
    /*.results_content, #rec_content{
        background:#dfd7c9;
    }*/
    #home_btm{
        padding-bottom:85px;
		/*padding-top: 0;*/
    }
    .res_g_icon{
        width:50%;
    }
    .blurr video{
        filter:blur(0px);
    }
	.overlaycontent{
		width: calc(100% - 60px);
	}
	.rec_slider h1.heading {
	    font-size: 35px;
	    line-height: 44px;
	}
	.fourbox {
	    width: 100%;
	    padding: 0 0px 50px 0;
		font-size: 22px;
  		line-height: 30px;
	}
	.fourbox h1 {
	    font-size: 28px !important;
	    margin-bottom: 0;
	}
	.overlaycontent {
	    padding: 60px 15px 30px;
		max-height: 80vh;
	}
	.close-button {
	    right: 15px;
	}
	#hash {
	   right: inherit;
		left: 15px;
		top:50px;
	}
	.overlaycontent h2 {
	    margin-top: 30px;
	}
}
@media screen and (max-width: 576px){
	#home_top .gall_text_mob {
		display: none;
	}
    #mobnav_links/*, footer*/{
        margin-bottom:100px;
    }
	#home_top .gall_text {
      bottom: 0;
    }
	#home_btm{
		padding-top: 0;
	}
	.result .gall_text {
	    color: #000;
	    bottom: 0;
	}
	.results_share {
	    margin-bottom: 0px;
		margin-top: 50px;
	}
	footer{
		padding: 50px 15px;
		padding-bottom: 80px;
	}
    .rec_icon{
        display: block;
        float: left;
        margin-bottom:10px;
		width: 90px;
    }
    .results_top{
        padding-top:0px;
    }
    .gall_ov{
        display: none;
    }
    .gall_text_mob{
        display: block;
    }
    #audio_player{
        width:calc(100% - 30px);
        left:15px;
    }
    .pie_img{
        text-align: left;
    }
    .pie_img img{
        margin-bottom:25px;
        width:calc(100% - 100px);
        float: none;
    }
    .gall_ov, .gall_text{
        position: relative;
        top:inherit;
        left: inherit;
        bottom:inherit;
        float: left;
        position: relative;
        width:100%;
    }
    .gall_text{
        padding:15px;
        font-size:24px;
        line-height:32px;
    }
    .teaser_img_mob{
        display: block;
        float: left;
        margin-right:10px;
    }
    .teaser_inner{
        display: none;
    }
    .teaser_box{
        height:55px;
        margin:0px;
        border-bottom:1px solid #000;
        display: block;
        float: left;
        width:100%;
    }
    .teaser_box:first-of-type{
        border-top:1px solid #000;
    }
    .teaser_box h2{
        float: left;
        position: relative;
        margin-top:20px;
    }
    .pie_legend h2{
        margin-bottom:20px;
        padding-right:15px;
        margin-top:5px;
        cursor: pointer;
        padding-top:0px;
        border-top:none;
    }
    .pie_img{
        width:100%;
    }
    .pie_legen_outer{
        padding:0px;
    }
    .pie_legend{
        font-size:16px;
        width:calc(100% + 15px);
        padding:15px 15px 0px;
        background:rgba(80,79,78,0.86);
        color:#FFF;
        left:-15px;
    }
    .pie_legend_footer{
        width:calc(100% - 15px);
        margin-top:30px;
    }
    .trigger2:after{
        font-family: "BC-Falster-Grotesk-Regular";
        right:0px;
        content:"+";
        margin-left:15px;
        font-size:30px;
        position: absolute;
        top:0px;
    }
    .trigger2.trigger_active:after{
        content:"-";
    }
    .toggle_container{
        position: relative;
        float: left;
        width:100%;
    }
    .green{ color:#59B588; }
    .yellow{ color:#B9D384; }
    .pie_legend h2.blue{ color:#B7CBE4; }
    .pie_2_0{ color:#ebc05f; }
    .pie_2_6{ color:#eefafc; }
}
@media screen and (max-width: 450px){
    .background_2 {
        width:100%;
    }
    /*.res_g_icon.size3, .res_g_icon.size2, .res_g_icon.size1, .res_g_icon.size0, .perc{
        font-size:15px !important;
        line-height:20px !important;
        hyphens: auto;
        padding:0px !important;
    }
    .res_g_icon img{
        width:80% !important;
    }*/
    .res_g_icon{
        width:100%;
    }
    /*#audio_player .col-10{
        display: none;
    }*/
}
