@media (min-width:540px) and (max-width:1200px){
    .energy-icon-item {
        width: 50%;
    }
}

@media (max-width:1024px){
    header, header .container.row{
        height:55px;
        padding: 10px 0 10px 10px;
    }
    header{
        padding:0;
    }
    header .left {
        height: 100%;
    }
    header .left .row {
        height: 100%;
    }
    header .left .logo {
        width: auto;
        height: 100%;
    }
    header .left .logo:before {
        width: 43px;
    }
    header .left .logo img {
        width: auto;
        height: 100%;
    }
    header .left .anim-logo .logo-park {
        width: 60px;
    }
    header .left .anim-logo .logo-yesil{
        width: 45px;
    }
    
    header .left .seperator {
        height: 35px;
        margin: 0 7px;
    }
    header .center {
        display: none;
    }
    header .submenu, header .submenu .sub{
        display:none;
    }
    header .logo-16milyon {
        height: 55px;
    }
    header .hamburger-btn{
        display:block !important;
        width:30px;
        margin-right:15px;
    }
    header .hamburger-btn span{
        display:block;
        width:100%;
        height:4px;
        border-radius:10px;
        background:#fff;
        will-change:transform, opacity;
        transform-origin: left center;
        transition: transform 0.3s ease, opacity 0.2s linear;
    }
    header .hamburger-btn span:not(:last-child){
        margin-bottom:5px;
    }

    header .hamburger-btn.active span:nth-child(1){
        transform: translate3d(3px, -1px, 0) rotate(45deg);
    }
    header .hamburger-btn.active span:nth-child(2){
        opacity: 0;
    }
    header .hamburger-btn.active span:nth-child(3){        
        transform: translate3d(3px, 2px, 0) rotate(-45deg);
    }
    header .warning{
        display:none;
    }
    .hamburger-menu.mobile {
        display: block !important;
        position: fixed;
        top: 55px;
        left: 0;
        width: 100vw;
        height: calc(100% - 55px);
        z-index: 10;
        background: #fff;
        will-change:transform;
        transition:transform 0.5s ease;
        transform:translate3d(110vw, 0, 0);
        padding: 50px 40px;
        overflow:hidden;
    }

    .searchcontainer {
        right: 90px;
        top: 0px;
      }

    .hamburger-menu.mobile.active{
        transform:translate3d(0, 0, 0);
    }
    .hamburger-menu.mobile a {
        display: block;
    }
    .hamburger-menu .submenu, .hamburger-menu .submenu .sub {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 50px 40px;
        pointer-events:none;
    }
    .hamburger-menu .submenu {
        padding:0;
    }
    .hamburger-menu .submenu .sub a{
        font-size: 18px;
        font-weight: 600;
        pointer-events:all;
        color:#3e4420;
        will-change:transform;
        transition:transform 0.4s ease;
        transform:translate3d(100vw, 0,0);
    }
    .hamburger-menu .submenu .sub.in a{
        transform:translate3d(0, 0,0);
    }
    .hamburger-menu .submenu .sub a.back-btn{
        font-weight:700;
    }
    .hamburger-menu.mobile a:not(:last-child){
        margin-bottom:30px;
    }
    .hamburger-menu nav a{
        font-size:20px;
        font-weight:700;
        color:#3e4420;
        will-change:transform;
        transition:transform 0.4s ease;
        transform:translate3d(0, 0,0);
    }
    .hamburger-menu nav a:before{
        content:'';
        width:15px;
        height:2px;
        background:#3e4420;
        position:absolute;
        top:10px;
        right:1px;
    }
    .hamburger-menu nav a:after{
        content:'';
        width:10px;
        height:10px;
        border:2px solid #3e4420;
        border-top:none;
        border-left:none;
        transform:rotate(-45deg);
        position:absolute;
        top:5px;
        right:0;
    }
    .hamburger-menu .sub .back-btn{
        padding-left:30px;
    }
    .hamburger-menu .sub .back-btn:before{
        content:'';
        width:15px;
        height:2px;
        background:#3e4420;
        position:absolute;
        top:10px;
        left:1px;
    }
    .hamburger-menu .sub .back-btn:after{
        content:'';
        width:10px;
        height:10px;
        border:2px solid #3e4420;
        border-top:none;
        border-right:none;
        transform:rotate(45deg);
        position:absolute;
        top:5px;
        left:0;
    }
    .hamburger-menu nav.in a{
        transform:translate3d(-100vw, 0,0);
    }

    .hero .owl-nav{
        display:none;
    }
    .event-filter.row {
        justify-content: flex-start;
        margin-bottom: 36px;
        flex-wrap: wrap;
    }
    .event-filter-item {
        margin-right: 30px;
        /* width: 300px; */
        width: 277px;
        justify-content: space-between;
        margin-bottom: 30px;
    }

    .event-filter a {
        /* margin-left: 115px;
        margin-right: 30px;
        margin-bottom: 30px; */
        margin: 0 auto;
    }
    .hero.inner .inner-img {
        width: 37%;
    }
    .principles-item.bg-box {
        padding: 55px 60px;
    }
    .principles-item.bg-box .principle-img {
        width: 40%;
        margin-right: -60px;
    }
    section.hero.inner.management-hero .inner-img {
        width: 34.3%;
    }
    section.management-content.inner-content {
        padding: 150px 0 150px;
    }
    .inner-content {
        padding-bottom: 80px;
    }
    .event-slider-item-date .month {
        padding: 5px 5px;
        font-size: 18px;
    }
    .event-item .event-time-desc {
        margin-bottom: 15px;
    }
    .program-holder {
        margin-bottom: 0px;
    }
    .gallery-holder {
        padding: 60px 0 0px;
    }
    .gallery-holder:not(:last-child) {
        margin-bottom: 0px;
    }
    .energy-icons-holder {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .energy-icon-item {
        margin-bottom: 40px;
    }
    .energy-icon-item:not(:last-child) {
        margin-right: 0;
    }
    .energy-icon-item:nth-child(odd) {
        margin-right: 20px;
    }
    .hero.inner h2 {
        font-size: 60px;
    }
    .parks-filter.row + a.btn.all-btn {
        margin-bottom: 30px;
    }
    section.park-detail-content.inner-content .tab {
        padding-top: 40px;
    }
    .to-top-btn {
        bottom: 20px;
        right: 20px;
        width: 25px;
    }
}
@media (max-width:768px){
    section {
        padding: 30px 0;
    }
    .news-slider .owl-stage {
        left: 0px;
    }
    .parks-filter-icon{
        margin: 0 auto 20px;
        min-height: 82px;
    }
    .parks-filter-item:nth-child(1) .parks-filter-icon {
        max-width: 71px;
    }
    .parks-filter-item:nth-child(2) .parks-filter-icon {
        max-width: 104px;
    }
    .parks-filter-item:nth-child(3) .parks-filter-icon {
        max-width: 67px;
        padding-top: 0;
    }
    .parks-filter-item:nth-child(4) .parks-filter-icon {
        max-width: 65px;
    }
    .parks-filter-item:nth-child(5) .parks-filter-icon {
        max-width: 65px;
    }
    .parks-filter-title {
        height: 49px;
        font-size: 18px;
        letter-spacing: -1px;
    }
    .hero.inner .inner-img {
        width: 50%;
    }
    .principles-item.bg-box {
        padding: 55px 40px;
    }
    .principles-item.bg-box .principle-img {
        width: 45%;
        margin-right: -40px;
    }
    section.hero.inner.management-hero .inner-img {
        transform: translateY(40%);
    }
    .project-item, .news-content .news-item{
        width: calc((100% - 30px) / 2);
    }
    .project-item:not(:nth-child(3n)), .news-content .news-item:not(:nth-child(3n)){
        margin-right:0;
    }
    .project-item:nth-child(odd), .news-content .news-item:nth-child(odd){
        margin-right:30px;
    }
    .gallery-item:not(:nth-child(4n)) {
        margin-right: 0;
    }
    .gallery-item:not(:nth-child(3n)) {
        margin-right: 30px;
    }
    .gallery-item {
        width: calc((100% - 60px) / 3);
    }
    .event-item.row {
        flex-direction: column;
        display: inline-flex;
    }
    .event-item:not(:last-child) {
        margin-bottom: 40px;
    }
    .event-slider-item-date .month {
        padding: 5px 20px;
        font-size: 22px;
    }
    .event-slider-item-date .date {
        font-size: 36px;
    }
    .event-slider-item-date {
        width: auto;
        margin-bottom: 20px;
        padding-right: 0;
    }
    .event-item .event-slider-item {
        width: 100%;
    }
    section.event-detail-content.inner-content .event-item .event-slider-item {
        width: 100%;        
    }
    section.event-detail-content.inner-content .event-item .event-slider-item-info{
        padding-left:0;
    }
    .workshop-item {
        width: calc((100% - 30px) / 2);
        margin-bottom: 30px;
    }
    .workshop-item:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .workshop-item:not(:nth-child(2n)) {
        margin-right: 30px;
    }
    .program-item-title {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .program-item-desc, .program-item-desc a {
        font-size: 18px;
    }
    .hero.inner.publications-hero .text {
        width: 100%;
    }
    .hero.inner.publications-hero .container .text .desc {
        font-size: 26px;
    }
    .hero.inner.publications-hero .container .text .title {
        font-size: 34px;
        margin-top: 20px;
    }
    section.publications-content.inner-content {
        padding-top: 80px;
    }
    .publications-item.bg-box.row {
        flex-direction: column;
    }
    .publications-item-img {
        width: 20%;
        margin: 0 auto 20px;
    }
    .publications-item-info {
        width: 100%;
        padding-left: 20px;
    }
    .contact-item.bg-box.row {
        flex-direction: column;
    }
    .contact-item-img {
        width: 20%;
        margin: 0 auto 20px;
    }
    .contact-item-info {
        width: 100%;
        padding-left: 20px;
    }
    .parks-content .parks-filter.row {
        justify-content: center;
        flex-wrap:wrap;
    }
    /* .inner-content .parks-filter-item {
        width: 22%;
    } */
    .inner-content .parks-filter-item:not(:last-child) {
        margin-right: 0;
    }
    .inner-content .parks-filter-item:not(:nth-child(4n)) {
        margin-right: 20px;
    }
    .park-logo {
        max-width: 450px;
        margin: 0 auto 70px;
    }
    .park-icon-img {
        width: 70%;
        margin: 0 auto 10px;
    }
    .park-icon {
        width: 148px;
    }
    .park-icon:not(:last-child) {
        margin-right: 0;
    }
    .park-icon:not(:nth-child(4n)) {
        margin-right: 20px;
    }
    .park-icon-desc {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .park-detail-content.inner-content .img {
        padding-top: 20px;
    }
    .ecosystem-content .eco-box {
        padding: 20px;
        flex-direction: column;
    }
    .ecosystem-content .eco-box:not(:last-child) {
        margin-bottom: 40px;
    }
    .bg-box.eco-box.ecosystem-item {
        width: 90%;
        margin-bottom: 20px;
    }
    .ecosystem-content .eco-box .title {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .ecosystem-content .eco-box .text {
        width: 100%;
        line-height: 1.5;
    }
    .ecosystem-content .eco-box .content {
        font-size: 16px;
        border-right:none;
        border-bottom: 1px solid #80BC00;
        padding-right: 0;
        padding-bottom:20px;
    }
    .ecosystem-content .eco-box .eco-img {
        padding-left: 0;
        width: 100%;
        padding-top: 20px;
    }
    .energy-icon-item {
        max-width: 342px;
    }
    .hero.inner h2 {
        font-size: 46px;
    }
    .management-schema .column:not(:last-child) {
        margin-right: 20px;
    }
    .management-item, .management-item-sub{
        padding: 20px 10px;
        font-size: 16px;
        margin-bottom: 20px;
    }
    .filter-table-holder {
        padding-top: 20px;
    }
    .filter-table-item .detailinfo {
        opacity: 1;
        position: relative;
        height: auto;
        font-size: 16px;
        padding: 8px 0;
        margin-top: 10px;
        border-radius:60px;
    }
    .filter-table-item .name, .filter-table-item .address{
        display:flex;
        flex-direction:column;
        justify-content:space-between;
    }
}
@media (max-width:767px){
    .tab-btns-holder {
        flex-direction: column;
        margin: 10px;
      }
      .parkactionbutton{
        margin: 10px;
      }
    .filter-table-item .detailinfo {
        font-size: 11px;
        padding: 5px 0;
        min-height: auto;
    }
    .container {
        padding: 0 20px;
    }
    h3.title {
        font-size: 28px;
        margin-bottom: 15px;
        margin-top: 50px;
    }
    .desc {
        font-size: 16px;
        line-height: 1.6;
    }
    .news .desc {
        margin-bottom: 30px;
    }
    .news-slider .owl-nav {
        /* display: none; */
        position: absolute;
        top: 50%;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .news-slider .owl-nav button, .news-slider .owl-nav button a {
        width: 30px;
    }
    .btn {
        /* width: 172px; */
        height: 50px;
        font-size: 18px;
        margin-left: 20px;
        margin-bottom: 30px;
        margin: 0 auto;
    }
    .news-slider .owl-stage {
        left: 20px;
    }
    .news-item{
        width:calc(100% - 40px);
    }

    section.support {
        padding-bottom: 50px;
    }
    .support .desc {
        margin-bottom: 30px;
    }
    .support-holder.row {
        flex-direction: column;
    }
    .support-item {
        width: 100%;
    }
    .support-item:not(:last-child){
        margin-bottom:20px;
    }

    .principles .container {
        padding: 0;
    }
    .principle-holder.row {
        flex-direction: column-reverse;
    }
    .principles-slider .owl-stage {
        display: flex;
    }
    .principles-slider .owl-item {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .principle-item{
        display: flex;
        align-self: stretch;
        align-items: flex-start;
    }
    .principle-img {
        width: 100%;
    }
    .principle-info {
        width: 100%;
        padding: 20px;
    }
    .principle-title {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .principle-desc {
        font-size: 16px;
    }
    .principles-slider .owl-dots {
        margin: 0 auto;
        position: relative;
        left: initial;
        right: initial;
        bottom: initial;
        margin-top: 0 !important;
        margin-bottom: 20px;
    }
    .events .container {
        padding: 0;
    }
    .events h3.title,.events .desc,.event-filter.row,.event-slider-title {
        padding: 0 20px;
    }
    .event-filter.row {
        flex-direction: column;
    }  
    .event-filter-item {
        margin-right: 0;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 20px;
    }
    .event-filter-select {
        height: 50px;
        margin-bottom: 10px;
    }
    .event-filter-select select {
        padding: 10px;
    }
    .event-filter-select:after{
        top: 20px;
        right: 10px;
    }
    .event-slider-title {
        font-size: 24px;
    }
     .event-slider-item {
        flex-direction: column;
    } 
    .event-slider-item-img,
    .event-slider-item-info {
        width: 100%;
    }
    .event-slider-item-info {
        padding: 20px 20px 26px;
        color: #fff;
    }
    .event-name {
        font-size: 28px;
    }
    .event-time {
        margin-bottom: 20px;
    }
    .event-time-icon {
        width: 45px;
        margin-right: 18px;
    }
    .event-time-title {
        font-size: 26px;
    }
    .event-time-desc {
        font-size: 14px;
    }
    .btn.white-btn{
        width: 100%;
    }

    .tips .container{
        padding:0;
    }
    .tips h3.title,.tips .desc {
        padding: 0 20px;
    }
    .tips .desc {
        margin-bottom: 10px;
    }
    .tips-slider-holder.row {
        flex-direction: column;
    }
    .tips-slider-container {
        width: 100%;
    }
    .tips-text {
        font-size: 16px;
        line-height: 24px;
    }
    .tips-slider-img {
        width: 100%;
        margin-left: 0;
        margin-top: -50px;
        border-radius: 0;
        padding-bottom: 60%;
    }
    .tips-slider-counter {
        display: none;
    }
    .tips-slider.owl-theme .owl-nav {
        /* display: none; */
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .tips-slider .owl-nav button, .tips-slider .owl-nav button a {
        width: 30px;
    }
    .tips-slider-item{
        padding: 20px 25px 30px;
    }
    .publications:before{
        height: 100%;
    }
    button.btnorder.btn.all-btn.sortlistitemtarih {
        margin-right: 0px;
    }
    .publications .title {
        margin-bottom: 30px;
    }
    .publications-holder.row {
        flex-direction: column;
    }
    .publications-img,.publications-info {
        width: 100%;
        margin: 0;
    }
    .publications-text {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .publications-info a{
        width:100%;
    }
    .parks .desc {
        margin-bottom: 30px;
    }
    .parks-filter.row {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 30px
    }
    .parks-filter-item {
        width: calc((100% - 20px) / 2);
    }
    /* .parks-filter-item:nth-child(odd){
        margin-right:20px !important;
    } */
    .parks-filter-item:not(:last-child) {
        margin-right: 0;
        margin-bottom:20px;
    }
    .parks a.btn.all-btn {
        width: 100%;
    }
    footer .top {
        padding: 30px 0 40px;
    }
    footer nav.row {
        flex-direction: column;
    }
    footer nav .sub {
        width: 100%;
    }
    footer nav .sub:not(:last-child){
        margin-bottom:30px;
    }
    footer .bottom .container.row {
        flex-direction: column;
    }
    footer .bottom .right {
        margin-top: 30px;
        width: 90%;
    }
    footer .bottom .desc {
        font-size: 16px;
        margin-bottom: 10px;
    }
    footer .bottom .right .row {
        width: 80%;
        margin: 0 auto;
    }

    /*****/

    .hero.inner .container{
        flex-direction: column;
    }
    .hero.inner .inner-img{
        width: 100%;
    }
    section.mission-content.inner-content {
        padding: 110px 0 50px;
    }
    .mission-content h3.title {
        margin-bottom: 30px;
    }
    .mission-content .desc{
        line-height: 1.6;
    }
    section.principles-content.inner-content {
        padding: 110px 0 50px;
    }
    .principles-item.bg-box {
        padding: 20px 20px;
    }
    .principles-item.bg-box:not(:last-child) {
        margin-bottom: 40px;
    }
    .principle-title {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .principles-item.bg-box .principle-img {
        margin-right: -20px;
        margin-top: -20px;
    }
    .principle-desc{
        line-height: 1.5;
    }
    .divisions-content {
        padding-top: 110px;
        padding-bottom: 50px;
    }
    h4.title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .division-item ul li {
        font-size: 16px;
        line-height: 1.5;
    }
    .division-item:not(:last-child) {
        margin-bottom: 40px;
    }

    section.hero.inner.management-hero .text, .management-overlay  .text{
        width: 100%;
    }
    .management-hero .title, .management-overlay  .title{
        font-size: 32px;
        line-height: 1;
        margin-bottom: 15px;
    }
    .management-hero .desc, .management-overlay  .desc{
        font-size: 20px;
        line-height: 1;
        margin-bottom: 22px;
    }
    .management-hero .info, .management-overlay  .info{
        font-size: 16px;
        margin-bottom: 20px;
    }

    section.hero.inner.management-hero {
        height: auto;
    }
    section.hero.inner.management-hero .hero-slide {
        position: absolute;
        top: 0;
        left: 0;
    }
    section.hero.inner.management-hero .container {
        padding-top: 20px;
        position: relative;
    }
    .btn {
        /* width: 152px; */
        height: 40px;
        font-size: 16px;
    }
    section.hero.inner.management-hero .inner-img {
        width: 100%;
        transform: translateY(10%);
    }
    section.management-content.inner-content {
        padding: 40px 0 80px;
    }
    .management-schema{
        flex-direction: column;
        padding: 0 30px 0 70px;
    }
    .management-schema .column:not(:last-child) {
        margin-right: 0;
    }
    .management-schema:before {
        /* top: 50%; */
        left: 26px;
        /* transform: translateY(-50%); */
        height: 531px;
        width: 3px !important;
    }
    .management-item:before {
        top: 50%;
        width: 30px;
        background: #707070;
        left: -30px;
        transform: translateX(-50%) translateY(-50%);
        height: 3px;
    }
    .inner-content {
        padding-bottom: 80px;
    }
    section.contact-content.inner-content {
        padding: 50px 0 80px;
    }
    .bg-box {
        padding: 20px;
    }
    .contact-item.bg-box {
        margin-bottom: 40px;
    }
    .contact-item-info {
        width: 100%;
        padding-left: 0;
    }
    .contact-item-info .title {
        font-size: 24px;
    }
    .contact-item .info-item-name {
        font-size: 15px;
        width: 72px;
        margin-right: 10px;
    }
    .contact-item .info-item-text {
        font-size: 16px;
        width: calc(100% - 82px);
    }
    .publications-item-info {
        width: 100%;
        padding: 10px;
    }
    .publications-item-info .title {
        font-size: 24px;
    }
    .publications-item .info-item-name {
        font-size: 15px;
        width: 72px;
        margin-right: 10px;
    }
    .publications-item .info-item-text {
        font-size: 16px;
        width: calc(100% - 82px);
    }
    .contact-item-info {
        width: 100%;
        padding-left: 0;
    }
    .contact-item-info .title {
        font-size: 24px;
    }
    .contact-item .info-item-name {
        font-size: 15px;
        width: 72px;
        margin-right: 10px;
    }
    .contact-item .info-item-text {
        font-size: 16px;
        width: calc(100% - 82px);
    }
    .form-holder.bg-box {
        padding: 20px;
        margin: 0 auto 30px;
    }

    .form-item-holder.row:not(:last-child) {
        margin-bottom: 20px;
    }
    .form-item-title {
        width: 35%;
        font-size: 15px;
    }
    .form-item {
        width: 65%;
        min-height: 35px;
    }
    .form-item input {
        height: 35px;
        line-height: 35px;
        padding: 0 20px;
        font-size: 16px;
    }
    .kvkk-holder .text {
        margin-bottom: 20px;
        font-size: 14px;
    }
    .kvkk-bottom.row {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .kvkk-item.row {
        width: 100%;
        margin-bottom: 20px;
    flex-direction: column;
    align-items: flex-start;
    }
    .kvkk-item.row .form-item-title {
        width: 100%;
        margin-bottom: 10px;
    }
    .kvkk-check.row {
        width: 100%;
    }
    .kvkk-check.row .form-item-title {
        margin:0;
    }
    .event-filter.row {
        padding: 0;
        margin-bottom: 50px;
    }
    .events .event-filter.row{
        padding:0 20px;
    }
    

    section.hero.inner.event-detail-hero .inner-img {
        width: 100%;
        transform: translateY(20%);
    }
    section.event-detail-content.inner-content {
        padding-top: 50px;
    }
    section.event-detail-content.inner-content .event-item.row {
        width: 100%;
        margin-bottom: 0px;
    }
    

    .workshop-content .desc {
        margin-bottom: 40px;
    }

    .workshop-item {
        width: 100%;
        margin-bottom: 20px;
    }
    .workshop-item:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .workshop-item:not(:nth-child(2n)) {
        margin-right: 0;
    }
    .program-holder {
        flex-direction: column;
        margin-bottom: 0px;
    }
    .program-item {
        width: 100%;
        padding: 5px 0;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .program-icon {
        width: 100px;
        margin-right: 20px;
    }
    .program-item-img {
        height: 50px;
        margin-bottom: 8px;
    }
    .program-item-title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .program-item-desc, .program-item-desc a {
        width: calc(100% - 100px);
        text-align: left;
        font-size: 18px;
    }
    .gallery-holder {
        padding: 30px 0 0px;
    }
    .gallery-holder:not(:last-child) {
        margin-bottom: 0;
    }
    .gallery-holder h3.title {
        margin-bottom: 30px;
    }

    .gallery-item {
        width: calc((100% - 20px) / 2);
        margin-bottom: 20px;
    }
    .gallery-item:not(:nth-child(4n)) {
        margin-right: 0;
    }
    .gallery-item:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .gallery-item:nth-child(odd) {
        margin-right: 20px;
    }
    .hero.inner .text {
        width: 100%;
        padding-top: 20px;
    }
    .hero.inner.publications-hero .container .text .title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .hero.inner.publications-hero .container .text .desc {
        font-size: 20px;
    }
    .hero.inner.publications-hero .container .inner-img {
        width: 90%;
        height: auto;
        transform: translateY(10%);
    }
    section.publications-content.inner-content {
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .publications-content .desc {
        margin-bottom: 40px;
    }

    .publications-item.bg-box.row {
        flex-direction: column;
    }
    .publications-item-img {
        width: 40%;
        margin: 0 auto 20px;
    }
    .publications-item-info .info {
        margin-bottom: 10px;
    }

    .contact-item.bg-box.row {
        flex-direction: column;
    }
    .contact-item-img {
        width: 40%;
        margin: 0 auto 20px;
    }
    .contact-item-info .info {
        margin-bottom: 10px;
    }

    section.parks-content.inner-content {
        padding-bottom: 20px;
    }
    .parks-content .parks-filter.row {
        justify-content: space-between;
    }
    /* .parks-content .parks-filter-item {
        width: 30%;
    } */
    .inner-content .parks-filter-item:not(:last-child) {
        margin-right: 0;
    }
    .parks-content .parks-filter-item:nth-child(odd) {
        margin-right: 0 !important;
    }
    .inner-content .parks-filter-title {
        height: 40px;
        font-size: 14px;
    }
    .filter-table-holder {
        padding-top: 20px;
    }
    .filter-table-holder .title {
        font-size: 24px;
    }
    .filter-table-header {
        margin-bottom: 20px;
    }
    .filter-table-item .no {
        width: 10%;
    }
    .filter-table-item div {
        font-size: 14px;
        padding: 5px 5px;
    }

    .filter-table-item .features {
        width: 42%;
    }
    .park-icons-holder.row {
        /* justify-content: space-between; */
        margin-bottom: 40px;
    }
    .park-icon {
        width: 30%;
    }
    .park-icon:not(:last-child) {
        margin-right: 10px;
    }
    .park-icon-img {
        width: 80%;
        margin: 0 auto 10px;
    }
    .park-icon-desc {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .park-detail-content .desc {
        margin-bottom: 20px;
    }
    .park-logo {
        width: 80%;
        margin: 0 auto 30px;
    }
    .project-btns-holder.row {
        align-items: flex-start;
        margin-bottom: 20px;
    }
    .project-info-img {
        padding: 15%;
        min-height: 147px;
    }
    .project-info-desc {
        font-size: 20px;
    }
    .inner-content.padded {
        padding-top: 40px;
    }
    .park-detail-content.inner-content .img {
        padding-top: 30px;
    }
    .pin-holder {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .pin-item{
        margin-bottom: 20px;
    }
    .pin-item:not(:last-child) {
        margin-right: 20px;        
    }
    .pin {
        width: 40px;
        margin-right: 10px;
    }
    .pin-item span {
        font-size: 18px;
    }
    .tab-btn {
        font-size: 18px;
        padding: 5px 10px;
    }
    .ecosystem-content .tab {
        padding: 40px 0;
    }
    .ecosystem-content .eco-box .eco-img {
        width: 100%;
    }

    .hero.inner h2 {
        font-size: 40px;
    }
    .energy-icons-holder {
        flex-direction: column;
        padding: 0 20px;
        margin-bottom: 50px;
    }
    .energy-icon-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .energy-icon-item .title {
        padding-left: 70px;
        font-size: 20px;
    }
    .energy-icon-img {
        width: 60px;
        margin-right: 10px;
    }
    .energy-icon-desc {
        width: calc(100% - 70px);
        font-size: 14px;;
    }
    .energy-icon-desc span {
        font-size: 24px;
    }

    .project-item, .news-content .news-item{
        width: 100%;
        margin-bottom: 20px;
    }
    .project-item:nth-child(odd), .news-content .news-item:nth-child(odd){
        margin-right:0;
    }
    .project-item-info {
        padding: 20px 18px 18px;
    }
    .project-item-info .title {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .energy-content .desc {
        margin-bottom: 40px;
        font-size: 15px;
    }
    a.item-detail-btn {
        font-size: 18px;
        height: 20px;
        line-height: 20px;
        padding-right: 50px;
    }
    a.item-detail-btn:before {
        width: 32px;
        height: 2px;
        top: 11px;
    }
    a.item-detail-btn:after {
        width: 14px;
        height: 14px;
        top: 4px;
        right: 2px;
    }
    section.projects-content.inner-content {
        padding: 40px 0 50px;
    }
    .projects-content .project-item-info .desc {
        font-size: 15px;
    }
    .covid-content .text {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 1.6;
    }

    .covid-icons-holder {
        justify-content: center;
        flex-wrap: wrap;
    }
    .covid-icon{
        margin-bottom:20px;
    }
    .covid-icon:not(:last-child) {
        margin-right: 0;
    }
    .covid-icon:nth-child(odd){
        margin-right:20px;
    }
    section.management-overlay{
        padding:0;
    }
    .management-content-holder{
        height: 94%;
        overflow-y:scroll;
    }
    .management-overlay .management-info .container {
        flex-direction: column-reverse;
    }
    .management-overlay .inner-img {
        width: 70%;
        margin: 0 auto;
        min-height:initial;
    }
    .management-overlay .management-info .container .text {
        padding-top: 5px;
        
    }
    .management-overlay .management-cv .desc{
        font-size:16px;
        line-height: 1.6;
        font-weight:400;
        height: 100% !important;
    }
    .management-overlay .management-info {
        margin-bottom: 20px;
    }
    .covid-banner .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 10px;
      }
      .principles-slider .owl-dots .owl-dot span, .covid-banner .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin-right: 10px;
    }
}
@media (max-width:540px){

    .energy-icon-item {
        width: 100%;
      }
    .subscriber-form .subscriber-col {
        display: block;
    }
    .form-newsletter {
        display: inline-flex;
    }
    .subscriber-col{
        width: 100%;
    }
    .form-newsletter #email {
        width: 200px;
    }
    .ecosystemfilter.owl-carousel.owl-theme {
        width: calc(100% - 110px);
        margin: 0 auto 0px;
    }

.play-icon {
  width: 70px;
  height: 70px;
}

.play-icon:before {
  border-width: 15px 0 15px 29px;
}

}
@media (max-width:450px){
    
    .parks-content .desc {
        margin-bottom: 10px;
    }
    .parks-filter.owl-carousel.owl-theme {
        width: calc(100% - 70px);
      }
      .inner-content .parks-filter-item {
        width: 120px;
    }
      #prevbutton {
        width: 40px;
        left: -50px;
    }
    #nextbutton {
        width: 40px;
        right: -50px;
    }
}
@media (max-width:320px){
    
    .event-filter-select {
        width: 120px !important; 
    }
}

@media (max-width:425px){

    a.btn.green-btn.detail-btn {
        margin: 0 auto;
    }

    .support-holder.row {
        padding-left: unset;
        padding-right: unset;
    }

    .event-slider-title {
        text-align: center;
    }
    .parkactionbutton {
        margin: 0 auto;
        width: 180px;
        margin-bottom: 30px;
    }
    .event-filter-select.parkspage{
        margin: 0 auto !important;  
        margin-bottom: 10px !important;
        width: 200px !important; 
    }

    .event-filter-select {
        /* margin: 0 auto; */
        margin-bottom: 2px;
    }
    .event-search {
        margin: 0 auto;
    }
    .orderbutton .btnorder {
        float: none;
        margin:0 auto ;
    }
    .event-filter a {
        margin-left: unset;
        margin-right: unset;
    }
    .searchcontainer #q {
        font-size: 13px;
    }
}

@media (max-width:375px){
    
    .event-filter-select {
        width: 150px;
    }

    .event-filter a {
        margin: 0 auto !important;
        width: 150px;
    }
    .orderbutton .btnorder {
    float: none;
    margin:0 auto ;
    }
}