@media screen and (max-width: 1200px) {
                        .hr-top {
                            display: none;
                        }
                        .main-menu-corner {
                            display: block;
                        }
                        .main-menu-container {
                            display: block;
                            position: fixed;
                            top: 0;
                            right: -300px;
                            width: 100%;
                            max-width: 300px;
                            min-width: 300px;
                            height: 100vh;
                            margin-top: 0;
                            margin-right: 0;
                            padding-top: 70px;
                            background-color: #e5eeee;
                            box-shadow: 0 0 5px #b0b0b0;
                            -webkit-transition: right 0.25s ease-in-out;
                            transition: right 0.25s ease-in-out;
                            overflow-y: auto;
                            z-index: 10;
                        }
                        .main-menu-button {
                            position: absolute;
                            display: inline-block;
                            top: 50%;
                            right: 25px;
                            z-index: 999;
                            vertical-align: middle;
                            transform: translateY(-50%);
                        }
                        .main-menu-button-inner {
                            width: 29px;
                            height: 29px;
                            position: relative;
                            cursor: pointer;
                        }
                        .main-menu-button-inner span {
                            position: absolute;
                            display: block;
                            height: 1.5px;
                            width: 100%;
                            background-color: #ffffff;
                            border-radius: 9px;
                            opacity: 1;
                            left: 0;
                            -webkit-transform: rotate(0deg);
                            transform: rotate(0deg);
                            -webkit-transition: .25s ease-in-out;
                            transition: .25s ease-in-out;
                        }
                        .main-menu-button-inner span:nth-child(1) {
                            top: 2px;
                            -webkit-transform-origin: left center;
                            transform-origin: left center;
                        }
                        .main-menu-button-inner span:nth-child(2) {
                            top: 13px;
                            -webkit-transform-origin: left center;
                            transform-origin: left center;
                        }
                        .main-menu-button-inner span:nth-child(3) {
                            top: 24px;
                            -webkit-transform-origin: left center;
                            transform-origin: left center;
                        }
                        .menu-open .main-menu-container {
                            right: 0;
                            overflow-y: scroll;
                            -webkit-transition: right 0.25s ease-in-out;
                            transition: right 0.25s ease-in-out;
                            overflow: scroll;
                        }
                        .menu-open .main-menu-button-inner span:nth-child(1) {
                            -webkit-transform: rotate(45deg);
                            transform: rotate(45deg);
                            top: -3.5px;
                            left: 9.3px;
                        }
                        .menu-open .main-menu-button-inner span:nth-child(2) {
                            width: 0%;
                            opacity: 0;
                        }
                        .menu-open .main-menu-button-inner span:nth-child(3) {
                            -webkit-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                            top: 17px;
                            left: 8px;
                        }
                        .menu-open .main-menu-button-inner span {
                            background-color: #415d61;
                        }
                        .header-wrapper {
                            width: 100%;
                            padding: 0 25px;
                        }
                        .header-logo {
                            width: 220px;
                        }
                        .language-switcher a {
                            color: #000000;
                            border-color: #000000;
                            font-size: 16px;
                        }
                        .main-menu-container>ul {
                            flex-direction: column;
                            margin-top: 20px;
                        }
                        .main-menu-container>ul>li {
                            width: 100%;
                            text-align: left;
                            padding-bottom: 0;
                        }
                        .main-menu-container>ul>li>a {
                            color: #000;
                            display: block;
                            padding: 15px 20px;
                            font-size: 16px;
                        }
                        .main-menu-container>ul>li>a:hover,
                        .main-menu-container>ul>li>a:focus {
                            color: #fff;
                            background-color: #866030;
                        }
                        .main-menu-container>ul>li:hover:after,
                        .main-menu-container br {
                            display: none;
                        }
                        .search-btn {
                            width: 16px;
                            height: 16px;
                            background-image: url(images/search-dark.png);
                        }
                        .main-menu-container .menu-item-has-children ul {
                            position: relative;
                            box-shadow: 0 0 0;
                            background-color: #d3e0e0;
                            left: 0;
                            width: 100%;
                            z-index: 1;
                        }
                        .main-menu-container .menu-item-has-children {
                            position: relative;
                        }
                        .main-menu-container .menu-item-has-children ul li a {
                            padding: 15px 20px;
                            color: #000000;
                        }
                        .main-menu-container .menu-arrow {
                            position: absolute;
                            display: block;
                            top: 0;
                            right: 20px;
                            background-position: center;
                            background-size: 16px;
                            background-repeat: no-repeat;
                            background-image: url(images/menu-arrow-dark.png);
                            width: 40px;
                            height: 40px;
                        }
                        .main-menu-container>ul>li:hover a {
                            color: #415d61;
                        }
                        .main-menu-container .menu-item-has-children:hover>.menu-arrow {
                            background-image: url(images/menu-arrow-white.png);
                            transform: rotate(180deg);
                        }
                        body {
                            font-size: 45%;
                        }
                        .scrolldown:before,
                        #backtotop:before {
                            width: 45px;
                            height: 45px;
                        }
                        .inpage-links {
                            padding: 18px 27px;
                        }
                        .page-top {
                            padding-top: 128px;
                        }
                        .sec-subheading:before {
                            width: 32px;
                            height: 11px;
                            margin-right: 12px;
                        }
                        .hb-3 .primary-btn {}
                    }
                    /* 1200px */
                    
                    @media screen and (max-width: 1024px) {
                        .slide-caption {
                            top: 140px;
                            font-size: 80%;
                        }
                        .primary-btn {
                            background-size: 28px;
                            padding: 16px 9px;
                        }
                        .footer-top {
                            flex-direction: column;
                        }
                        .ft-left {
                            width: 100%;
                        }
                        .footer-logos {
                            display: flex;
                            align-items: center;
                        }
                        .footer-logo {
                            margin-bottom: 0;
                            margin-right: 3%;
                        }
                        .social-buttons {
                            margin-top: 3em;
                            margin-bottom: 5em;
                        }
                        .ft-right {
                            width: 65%;
                            width: 100%;
                        }
                        .ir-left {
                            width: 180px;
                        }
                        .interview-details {
                            width: calc(97% - 180px);
                        }
                    }
                    /* 1024px */
                    
                    @media screen and (max-width: 960px) {
                        .header {
                            padding: 15px 0;
                        }
                        .header-logo {
                            width: 200px;
                            margin-bottom: 0;
                        }
                        .page-top {
                            padding-top: 104px;
                        }
                        .slide-caption {
                            font-size: 60%;
                            top: 105px;
                        }
                        .scrolldown {
                            bottom: 25px;
                        }
                        .ec-heading {
                            font-size: 2.8em;
                            max-width: 90%;
                        }
                        .section.flex {
                            flex-wrap: wrap;
                        }
                        .section.flex>.text-block,
                        #conservation-guardians .section.flex>.text-block,
                        .section.flex>.image-block,
                        .section.flex>.image-blocks {
                            width: 100%;
                        }
                        .section.flex>.image-blocks {
                            display: flex;
                            gap: 2%;
                        }
                        .image-blocks .image-block {
                            margin-bottom: 0;
                        }
                        .text-block {
                            order: 1;
                        }
                        .image-block,
                        .image-blocks {
                            margin-top: 3%;
                            order: 2;
                        }
                        .sec-padding {
                            padding: 5em 0;
                        }
                        .logo-row {}
                        .logo-row img {
                            height: 52px!important;
                        }
                        .logo-section {
                            padding-bottom: 9em;
                        }
                        .page-top:after {
                            margin-top: 9px;
                        }
                        .footer-logo-3 img,
                        .footer-logo-4 img {
                            height: 56px;
                        }
                        .interview-heading {
                            font-size: 2.8em;
                        }
                        .news-flex-content {
                            flex-wrap: wrap;
                        }
                    }
                    /* 960px */
                    
                    @media screen and (max-width: 768px) {
                        .slide-caption {
                            font-size: 45%;
                        }
                        .scrolldown:before {
                            width: 30px;
                            height: 30px;
                            border: 0.2px solid #fff;
                        }
                        .scrolldown span {
                            font-size: 1.6em;
                            margin-top: 7px;
                        }
                        .bx-wrapper .bx-pager {
                            bottom: 27px;
                        }
                        .explore-card {
                            flex-basis: 49%;
                        }
                        .home-event {
                            flex-basis: 49%;
                            margin-bottom: 2%;
                            padding-bottom: 50px;
                        }
                        .copyright {
                            display: block;
                            text-align: center;
                        }
                        .bottom-menu {
                            display: block;
                            margin-top: 2em;
                            float: unset;
                            text-align: center;
                        }
                        #backtotop {
                            bottom: 16em;
                        }
                        .inpage-links {
                            padding: 12px 12px;
                        }
                        .inpage-link {
                            padding-right: 29px;
                            margin-right: 1.5em;
                            background-size: 24px;
                        }
                        .inpage-link:last-child {
                            margin-bottom: 0;
                        }
                        .logo-rows {
                            flex-wrap: wrap;
                        }
                        .logo-row+.logo-row {
                            margin-top: 5%;
                        }
                        .logos-section {
                            margin-bottom: 3em;
                        }
                        .flex {
                            flex-wrap: wrap;
                        }
                        .contact-row {
                            width: 100%;
                            flex-basis: 100%;
                            margin-bottom: 3%;
                        }
                        .highlight-row .highlight-images {
                            order: 2;
                            width: 100%;
                        }
                        .highlight-row .text-block {
                            order: 1;
                            width: 100%;
                        }
                        .highlight-row .highlight-images {
                            padding-bottom: 3%;
                            margin-top: 3%;
                        }
                        .highlight-image-1 {
                            width: 33.2%;
                            display: inline-block;
                            margin: 0;
                            margin-right: 2%;
                        }
                        .highlight-image-2 {
                            display: inline-block;
                            width: 62%;
                            float: right;
                        }
                        .slider-container .bx-wrapper .bx-controls-direction a {
                            width: 14px;
                            height: 25px;
                        }
                        .slider-container .bx-wrapper .bx-pager {
                            text-align: center;
                        }
                        .footer-logos {
                            flex-wrap: wrap;
                        }
                        .footer-logo:nth-child(2) {
                            margin-right: 10%;
                        }
                        .footer-logo-3,
                        .footer-logo-4 {
                            margin-top: 4%;
                        }
                        .news-row:after {
                            width: 30px;
                            height: 30px;
                        }
                        .news-heading {
                            padding-right: 40px;
                        }
                        .album-row {
                            width: 49%;
                            flex-basis: 49%;
                        }
                    }
                    /* 768px */
                    
                    @media screen and (max-width: 650px) {
                        .header {
                            padding: 10px 0;
                        }
                        .header-logo {
                            width: 175px;
                        }
                        .bx-wrapper .bx-pager.bx-default-pager a {
                            width: 6px;
                            height: 6px;
                            margin: 0 4px;
                        }
                        .slide-caption {
                            top: 80px;
                        }
                        .hb-heading {
                            font-size: 3.5em;
                        }
                        .large-heading {
                            font-size: 4em;
                        }
                        .home-events {
                            margin-bottom: 3em;
                        }
                        .hb-2 .aligncenter {
                            margin-bottom: 7em;
                        }
                        .hb-3 {
                            padding-bottom: 27%;
                        }
                        .footer-menu-container>ul>li,
                        .footer-menu-container>ul>li:nth-child(5) {
                            position: relative;
                            flex-basis: 100%;
                            border-bottom: 1px solid #fff;
                        }
                        .footer-menu-container>ul>li ul {
                            display: none;
                        }
                        .footer-menu-container .menu-arrow {
                            position: absolute;
                            display: block;
                            top: 0;
                            right: 0;
                            background-position: center;
                            background-size: 16px;
                            background-repeat: no-repeat;
                            background-image: url(images/menu-arrow-white.png);
                            width: 40px;
                            height: 40px;
                        }
                        .footer-menu-container .active .menu-arrow {
                            transform: rotate(180deg);
                            -ms-transform: rotate(180deg);
                            -webkit-transform: rotate(180deg);
                        }
                        .footer-top {
                            padding: 7em 0 14em 0;
                        }
                        .footer-bottom {
                            font-size: 88%;
                        }
                        .inpage-links {
                            width: 100%;
                            margin-top: 3em;
                        }
                        .inpage-link {
                            display: block;
                            width: 100%;
                            margin-right: 0;
                            margin-bottom: 1em;
                        }
                        .page-heading {
                            font-size: 6em;
                        }
                        .parent-heading {
                            font-size: 3em;
                            margin-bottom: 0.5em;
                        }
                        .page-top {
                            padding-top: 90px;
                        }
                        .inpage-content {
                            margin-top: 0;
                        }
                        .ls-heading {
                            font-size: 2.8em;
                        }
                        .page-top:after {
                            margin-top: 12px;
                        }
                        .footer-logo:nth-child(2) {
                            margin-right: 3%;
                        }
                        .interview-row {
                            display: block;
                        }
                        .ir-left {
                            display: block;
                            width: 100%;
                            margin-bottom: 3%;
                        }
                        .interview-details {
                            width: 100%;
                        }
                    }
                    /* 650px */
                    
                    @media screen and (max-width: 550px) {
                        .footer-logo:nth-child(2) {
                            margin-right: 0;
                        }
                        .footer-logo img {
                            height: 47px;
                        }
                    }
                    /* 550px */
                    
                    @media screen and (max-width: 450px) {
                        .header {
                            padding: 7px 0;
                        }
                        .header-logo {
                            width: 150px;
                        }
                        .slide-caption {
                            font-size: 35%;
                            top: 68px;
                        }
                        .scrolldown {
                            bottom: 10px;
                        }
                        .scrolldown:before {
                            width: 23px;
                            height: 23px;
                        }
                        .bx-wrapper .bx-pager {
                            bottom: 10px;
                        }
                        .he-heading {
                            font-size: 2.4em;
                            margin-top: 4px;
                        }
                        .primary-btn {
                            min-width: 100%;
                        }
                        .home-events {
                            max-width: 280px;
                            margin: 0 auto 3em auto;
                        }
                        .home-event {
                            flex-basis: 100%;
                        }
                        #backtotop:before {
                            width: 30px;
                            height: 30px;
                            margin: auto;
                        }
                        .copyright span {
                            display: block;
                        }
                        #backtotop {
                            bottom: 18em;
                        }
                        .page-top {
                            padding-top: 70px;
                        }
                        .parent-heading {
                            font-size: 2.2em;
                        }
                        .page-heading {
                            font-size: 4.5em;
                        }
                        .text-block p {
                            font-size: 2.2em;
                        }
                        .image-tab {
                            margin-bottom: 0;
                            font-size: 1.8em;
                            padding: 5px;
                        }
                        .section.flex>.image-blocks,
                        .image-blocks.flex {
                            flex-wrap: wrap;
                        }
                        .sec-padding {
                            padding: 3em 0;
                        }
                        .sec-heading {
                            font-size: 3.2em;
                        }
                        .footer-logo:nth-child(2) {
                            margin-top: 3%;
                        }
                        .footer-logo img {
                            height: 11vw;
                        }
                        .footer-logo-3 img,
                        .footer-logo-4 img {
                            height: 14vw;
                        }
                        .news-heading {
                            font-size: 2.4em;
                        }
                        .news-row {
                            display: block;
                        }
                        .news-left {
                            display: inline-block;
                            margin-bottom: 3%;
                        }
                        .news-row:after {
                            top: 50%;
                            transform: translateY(-50%);
                        }
                        .cr-text {
                            margin-top: 1px;
                        }
                        .cr-icon {
                            width: 28px;
                            height: 28px;
                            margin-right: 8px;
                        }
                        .cr-text p {
                            font-size: 2em;
                        }
                    }
                    /* 450px */
                    
                    @media screen and (max-width: 350px) {
                        .slide-caption h2 {
                            font-size: 6em;
                            margin-bottom: 3px;
                        }
                        .image-tab {
                            top: 0.5em;
                            left: 0.5em;
                        }
                    }
                    /* 350px */