@media screen and (max-width: 1640px) {
    .inset {
        width: 1280px;
    }

    section.main-areas>div.inset>ul>li:first-child {
        width: 820px;
    }

    section.main-areas>div.inset>ul>li:nth-child(-n + 2) {
        height: 500px;
    }

    section.main-areas>div.inset>ul>li:nth-last-child(-n + 3) {
        height: 580px;
    }

    section.main-areas>div.inset>ul>li:nth-child(3), section.main-areas>div.inset>ul>li:nth-child(4) {
        width: 410px;
    }

    section.main-areas>div.inset>ul>li:nth-child(5) {
        width: 460px;
    }

    section.main-areas>div.inset>ul>li:last-child>figure {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    section.main-areas>div.inset>ul>li:nth-child(2) {
        width: 460px;
    }

    section.main-areas>div.inset>ul>li:nth-child(2), section.main-areas>div.inset>ul>li:nth-child(3) {
        background-color: #dacab2;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
        padding: 80px;
    }
    
    section.main-areas>div.inset>ul>li:last-child {
        padding: 50px;
    }

    section.main-rooms>div.inset>ul>li {
        width: 300px;
        height: 430px;
    }

    section.main-rooms>div.inset>ul>li:nth-child(-n + 4) {
        width: 300px;
        height: 430px;
    }

    section.main-rooms>div.inset>ul>li>div>button {
        position: absolute;
        right: 10px;
        top: 90px;
        rotate: -90deg;
        background-color: transparent;
        border: 1px solid #ffffff;
        padding: 12px;
        font-family: 'Barlow', serif;
        font-size: 12px;
        color: #ffffff;
        opacity: 1;
    }

    section.main-rooms>div.inset>ul>li>div>div {
        width: 100%;
        height: 205px;
    }

    section.main-rooms>div.inset>ul>li>div>div>h3 {
       font-size: 22px;
    }

    section.main-rooms>div.inset>ul>li>div>div>figure>img {
        width: auto;
        height: 20px;
        margin-right: 10px;
    }
    
    section.main-rooms>div.inset>ul>li>div>div>a {
        font-size: 14px;
    }

    section.main-rooms>div.inset>ul>li>div:hover>div>a {
        bottom: 22px;
        opacity: 1;
        font-size: 14px;
    }



    /*section.main-rooms>div.inset>ul>li:nth-child(-n + 4) {
        width: 406px;
        height: 610px;
    }*/

  /*  section.main-rooms>div.inset>ul>li:nth-last-child(-n + 2) {
        width: 625px;
        height: 440px;
    }
*/
    section.main-opportunities>div.inset>ul>li>figure, section.main-opportunities>div.inset>ul>li>figure>img {
        width: 100%;
        height: 100%;
    }

    footer>div.sub-footer>ul>li:first-child {
        padding-left: 0;
    }
    
    footer>div.sub-footer>ul>li:last-child {
        padding-right: 0;
    }

    footer>div.sub-footer>ul>li:last-child>figure {
        margin-right: 20px;
        height: 20px;
        position: relative;
    }

    footer>div.sub-footer>ul>li:last-child>figure:last-child {
        margin-right: 0px;
    }
    
    footer>div.sub-footer>ul>li:last-child>figure>a>img {
        height: 20px;
    }

    section.content>.awards {
        height: 800px;
    }

    section.content>div.services-section>div.services>div.service {
        width: 396px;
    }

    section.main-services>div.inset {
        padding: 20px 20px;
    }


    section.restaurants>figure>h1 {
        font-family: 'Barlow', serif;
        font-size: 24px;
        font-weight: 400;
        color: #ffffff;
        line-height: 42px;
        position: relative;
        z-index: 10;
        margin-top: 163px;
    }

    section.restaurants>.inset>section.restaurant-list {
        height: 700px;
    }

    section.restaurants>.inset>section.restaurant-list>div.rl-right {
        width: 900px;
        height: 700px;
    }

    .rest-list-container {
        display: flex;
        overflow: hidden;
        height: 700px;
    }
    

    .rest-list-item.active {
        height: 700px;
    }

    .rest-list-item:not(.active) {
        height: 700px;
    }

    .rest-list-item:not(.active) .degrade {
        height: 700px;
    }

    .rest-list-item.active div:first-child {
        height: 60%;
    }

    .rest-list-item:nth-child(4).active div:first-child {
        height: 67%;
    }

    .rest-list-item.active .degrade {
        height: 700px;
    }

    .rest-slider .swiper-button-prev {
        top: inherit;
        bottom: 0;
        right: auto;
        left: calc(55px - -42%);
    }

    .rest-slider .swiper-button-next {
        top: inherit;
        bottom: 0;
        left: auto;
        right: calc(45px - -42%);
    }
    
    .bars-module {
        height: 628px;
        background-size: contain;
        background-position: left center;
        background-size: 71%;
    }

    .bars-module .inset .bars-mod-slogan {
        top: 20px;
    }

    .bars-module .inset .bars-mod-content {
        width: 300px;
        height: 390px;
        position: absolute;
        right: 0;
        bottom: auto;
        top: 235px;
    }

    .bars-module .inset .bars-mod-slogan {
        height: 200px;
    }

    .bars-module .inset .bars-mod-content p {
        font-size: 14px;
    }

    .bars-module .inset .bars-mod-content ul li {
        height: 40px;
    }

    .bars-module .inset .bars-mod-content ul li h4 {
        font-size: 17px;
    }

    .bars-module .inset .bars-mod-content ul li h4 a i {
        top: 5px;
    }

    .other-rests .inset ul li {
        width: 635px;
    }

    .bars-container .bar-slider:nth-child(odd) article, .bars-container .bar-slider:nth-child(even) article {
        width: 400px;
    }

    .bars-container .bar-slider:nth-child(odd) .bars-slider, .bars-container .bar-slider:nth-child(even) .bars-slider {
        width: 880px;
        height: 656px;
    }

    section.content>div.child-friendly>div.inset>h3 {
        font-family: "Gilda Display", serif;
        font-weight: 400;
        font-size: 34px;
        color: #292826;
        position: absolute;
        left: 850px;
    }

    section.content>div.child-friendly>div.inset>h4 {
        left: 850px;
        top: 115px;
    }

    section.content>div.child-friendly>div.inset>article {
        position: absolute;
        left: 850px;
        top: 160px;
    }

    section.content>div.child-friendly>div.inset>article>p {
        font-size: 16px;
        line-height: 20px;
    }

    .video-thumbnail img {
        width: 620px;
        border-radius: 8px;
    }

    section.content nav {
        width: 465px;
        min-height: 800px;
        position: absolute;
        background-color: #be9b65;
        left: 0;
        top: 725px;
        z-index: 1;
    }

    section.content .inset article.sub-content {
        width: 800px;
        height: auto;
        position: relative;
        z-index: 1;
        float: right;
        margin: 100px 0;
    }

    .blog-container {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .blog-container>article.blog-content {
        width: 760px;
        margin-top: 100px;
    }

    .blog-container>article.blog-content>time {
        font-family: 'Barlow', serif;
        font-size: 18px;
        color: #be9b65;
        font-weight: 400;
        margin-bottom: 20px;
        display: block;
    }

    .blog-container>article.blog-content>span {
        font-family: 'Barlow', serif;
        font-size: 18px;
        color: #706d67;
        font-weight: 400;
        margin-bottom: 40px;
        display: block;
    }

    .blog-container>article.blog-content h1 {
        font-family: 'Gilda Display', serif;
        font-size: 36px;
        color: #292826;
        font-weight: 400;
        margin-bottom: 20px;
    }

    .blog-container>article.blog-content figure {
        width: 760px;
        height: 493px;
        margin-bottom: 20px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .blog-container>article.blog-content div.blog-text p {
        font-family: 'Barlow', serif;
        font-size: 18px;
        color: #706d67;
        font-weight: 400;
        margin-bottom: 40px;
        display: block;
    }

    section.blog>div.inset {
        width: 1280px;
        height: auto;
        margin: 20px 0 0 0;
        padding: 0;
        position: relative;
    }
    section.blog>div.inset>ul {
        width: 1280px;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    section.blog>div.inset>ul>li {
        width: 406px;
        height: 700px;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        opacity: 1;
        transition: all ease .3s;
        margin-bottom: 100px;
    }
}


@media screen and (min-width: 1600px) {
    .inset {
        width: 1440px;
    }

    section.main-areas>div.inset>ul>li:first-child {
        width: 980px;
    }

    section.main-areas>div.inset>ul>li:nth-child(-n + 2) {
        height: 500px;
    }

    section.main-areas>div.inset>ul>li:nth-last-child(-n + 3) {
        height: 580px;
    }

    section.main-areas>div.inset>ul>li:nth-child(3) {
        width: 520px;
    }

    section.main-areas>div.inset>ul>li:nth-child(2),
    section.main-areas>div.inset>ul>li:nth-child(4),
    section.main-areas>div.inset>ul>li:nth-child(5) {
        width: 460px;
    }

    section.main-areas>div.inset>ul>li:nth-child(2),
    section.main-areas>div.inset>ul>li:nth-child(3) {
        background-color: #dacab2;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
        padding: 80px;
    }

    section.main-areas>div.inset>ul>li:last-child {
        padding: 50px;
    }

    section.content nav {
        width: 800px;
        min-height: 800px;
        position: absolute;
        background-color: #be9b65;
        left: -340px;
        top: 725px;
        z-index: 1;
    }

    section.content .inset article.sub-content {
        width: 1050px;
        height: auto;
        position: relative;
        z-index: 1;
        float: right;
        margin: 100px 0;
    }

    section.blog {
        width: 100%;
        height: auto;
        margin: 20px 0 0 0;
        padding: 0;
        position: relative;
    }

    section.blog>div.inset>ul {
        width: 100%;
    }

    section.blog>div.inset>ul>li>figure {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 0;
    }

    section.blog>div.inset>ul>li>figure>img {
        width: 100%;
        height: auto;
    }

    section.blog>div.inset>ul>li>article {
        width: 100%;
        height: auto;
        position: relative;
        padding: 30px;
    }

    .blog-container>article.blog-content {
        width: 940px;
        margin-top: 100px;
    }

    .blog-container>article.blog-content figure {
        width: 100%;
        height: 300px;
    }

    /* .blog-list {
        display: none;
    } */
}


@media screen and (min-width: 1920px) {
    .inset {
        width: 1440px;
    }

    section.main-areas>div.inset>ul>li:first-child {
        width: 980px;
    }

    section.main-areas>div.inset>ul>li:nth-child(-n + 2) {
        height: 500px;
    }

    section.main-areas>div.inset>ul>li:nth-last-child(-n + 3) {
        height: 580px;
    }

    section.main-areas>div.inset>ul>li:nth-child(3) {
        width: 520px;
    }

    section.main-areas>div.inset>ul>li:nth-child(2),
    section.main-areas>div.inset>ul>li:nth-child(4),
    section.main-areas>div.inset>ul>li:nth-child(5) {
        width: 460px;
    }

    section.main-areas>div.inset>ul>li:nth-child(2),
    section.main-areas>div.inset>ul>li:nth-child(3) {
        background-color: #dacab2;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
        padding: 80px;
    }

    section.main-areas>div.inset>ul>li:last-child {
        padding: 50px;
    }

    section.content nav {
        width: 800px;
        min-height: 800px;
        position: absolute;
        background-color: #be9b65;
        left: -220px;
        top: 725px;
        z-index: 1;
    }

    .bars-module {
        width: 100%;
        height: 870px;
        position: relative;
        margin-top: 100px;
        background-image: url(../assets/content-categories/110/module.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0;
    }
}

/* @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { */
@media screen and (min-width:180px) and (max-width:640px) {
    @font-face{font-family:fthsc;src:url(/fonts/fthsc.eot?3g7yy4); font-display:block; src:url(/fonts/fthsc.eot?3g7yy4#iefix) format('embedded-opentype'),url(/fonts/fthsc.woff?3g7yy4) format('woff'),url(/fonts/fthsc.svg?3g7yy4#fthsc) format('svg');font-weight:400;font-style:normal}[class*=" fthsc-"],[class^=fthsc-]{font-family:fthsc!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fthsc-alarm:before{content:"\e900"}.fthsc-arama:before{content:"\e901"}.fthsc-asagi:before{content:"\e902"}.fthsc-asagi-bold:before{content:"\e903"}.fthsc-at:before{content:"\e904"}.fthsc-ayarlar:before{content:"\e905"}.fthsc-behance:before{content:"\e906"}.fthsc-detay:before{content:"\e907"}.fthsc-detay-yatay:before{content:"\e908"}.fthsc-doc:before{content:"\e909"}.fthsc-ekle:before{content:"\e90a"}.fthsc-ekle-bold:before{content:"\e90b"}.fthsc-eposta:before{content:"\e90c"}.fthsc-eposta-bold:before{content:"\e90d"}.fthsc-ev:before{content:"\e90e"}.fthsc-facebook:before{content:"\e90f"}.fthsc-fax:before{content:"\e910"}.fthsc-gizle:before{content:"\e911"}.fthsc-goster:before{content:"\e912"}.fthsc-harici-link:before{content:"\e913"}.fthsc-harici-link-bold:before{content:"\e914"}.fthsc-hata:before{content:"\e915"}.fthsc-indir:before{content:"\e916"}.fthsc-instagram:before{content:"\e917"}.fthsc-jpg:before{content:"\e918"}.fthsc-kalem:before{content:"\e919"}.fthsc-kalp:before{content:"\e91a"}.fthsc-kamera:before{content:"\e91b"}.fthsc-kapat:before{content:"\e91c"}.fthsc-kapat-bold:before{content:"\e91d"}.fthsc-konum:before{content:"\e91e"}.fthsc-link:before{content:"\e91f"}.fthsc-linkedin:before{content:"\e920"}.fthsc-lokasyon:before{content:"\e921"}.fthsc-menu:before{content:"\e922"}.fthsc-messenger:before{content:"\e923"}.fthsc-mobil:before{content:"\e924"}.fthsc-mobil-bold:before{content:"\e925"}.fthsc-onay-bold:before{content:"\e926"}.fthsc-pdf:before{content:"\e927"}.fthsc-pinterest:before{content:"\e928"}.fthsc-play:before{content:"\e929"}.fthsc-ppt:before{content:"\e92a"}.fthsc-rar:before{content:"\e92b"}.fthsc-saat:before{content:"\e92c"}.fthsc-sag:before{content:"\e92d"}.fthsc-skype:before{content:"\e92e"}.fthsc-sol:before{content:"\e92f"}.fthsc-takvim:before{content:"\e930"}.fthsc-telefon:before{content:"\e931"}.fthsc-telefon-bold:before{content:"\e932"}.fthsc-tiff:before{content:"\e933"}.fthsc-twitter:before{content:"\e934"}.fthsc-whatsapp:before{content:"\e935"}.fthsc-xls:before{content:"\e936"}.fthsc-xml:before{content:"\e937"}.fthsc-yildiz:before{content:"\e938"}.fthsc-yon:before{content:"\e939"}.fthsc-youtube:before{content:"\e93a"}.fthsc-yukari:before{content:"\e93b"}.fthsc-yukle:before{content:"\e93c"}.fthsc-yukleme:before{content:"\e93d"}.fthsc-zip:before{content:"\e93e"}
    .fthsc-menu{border:none;width: 40px; height: 40px; line-height: 40px!important; text-align: center; color: #ffffff; position: absolute; right: 20px; top: 30px; display: block; font-size: 26px; background: none; z-index: 1000;}
    .mobilmenu{display:block; position:fixed; width:100%; height:100%; overflow-x:auto; z-index:10002; background:#333029; left:-100%; transition:all ease 0.5s; top:0;}
    .mobilmenu--dil{height: 60px; padding: 0 10px; border-bottom: 1px solid rgba(0,0,0,1); font-family: 'Barlow', sans-serif;}
    .mobilmenu--dil li {line-height:60px; float:left; margin-right:10px; color:#fff; font-size:20px;}
    .mobilmenu--dil li a{ font-family: 'Barlow', sans-serif;line-height:60px; display:block; font-weight:200; color:#fff; text-align:center; width:40px; height:40px; font-size:20px; text-decoration: none;}
    .mobilmenu--menu > ul > li{width:100%; height:60px; overflow:hidden; border-bottom:1px solid #272727; position:relative;}
    .mobilmenu--menu > ul > li:Hover{background:rgba(0,0,0,0.1);}
    .mobilmenu--menu > ul > li > a{display:block; line-height:60px; color:#fff; font-weight:400; font-size:20px; padding-left:20px; text-decoration: none;font-family: "Barlow", sans-serif;
        font-weight: 400;}
    .mobilmenu--menu i{font-size:20px; line-height:60px; float:left; margin-right:10px;}
    .mobilmenu--menu > ul > li > ul{position:fixed; left:-100%; background:#333029; top:0px; z-index:3; height:100%; transition:all ease 0.2s; width:100%; overflow-x: auto;}
    .mobilmenu--menu > ul > li > ul > li{width:100%; height:60px; border-bottom:1px solid rgba(0,0,0,1); position:relative;}
    .mobilmenu--menu > ul > li > ul > li:hover{background:rgba(0,0,0,0.2);}
    .mobilmenu--menu > ul > li > ul > li > a{display:block; line-height:60px; color:#fff; font-weight:200; font-size:20px; padding-left:20px; text-decoration: none; font-family: 'Barlow', sans-serif;}
    .mobilmenu--menu > ul > li > ul > li > ul{position:fixed; left:-100%; background:#333029; top:0px; z-index:4; height:100%; transition:all ease 0.2s; width:100%;}
    .mobilmenu--menu > ul > li > ul > li > ul > li{width:100%; height:60px; border-bottom:1px solid rgba(0,0,0,0.1); position:relative;}
    .mobilmenu--menu > ul > li > ul > li > ul > li > a{display:block; line-height:60px; color:#fff; font-weight:200; font-size:20px; padding-left:20px; text-decoration: none;}
    .mobilmenu--menu address{display: flex; align-items:center; line-height:16px; color: #fff; font-size: 20px; padding-left: 20px;}
    .mobilmenu .menu-kontrol{position:Absolute; right:0; top:0; width:50px; height:60px; z-index:2;}
    
    .mobilmenu .fthsc-kapat{border: none;width:40px; height:40px; line-height:40px!important; text-align:center; color:#fff; position:absolute; right:20px; top:10px; cursor:pointer; display:block; font-size:20px; background:none; z-index: 10;}
    .mobilmenu .menu-kontrol:after{font-family:fthsc; font-size:14px; font-style:normal; text-decoration: none; width:60px; height:60px; position:Absolute; right:0; top:-20px; content:"\e92d"; color:#fff; line-height:100px; text-align:center;}
    .mobilmenu .menu-down:after{transform:rotate(180deg)!important;}
    .menu-position{left:0!important; transition:all ease 0.5s;}
    .mobilmenu--menu i{float:left; width:25px; height:60px; line-height:60px; display: block;}
    
    header.main {
        display: none;
    }

    .mobileHeader {
        position: absolute;
        display: block;
        height: 100px;
        width: 100%;
        background-color: rgba(0, 0, 0, 1);
        color: #ffffff;
        z-index: 20;
        top: 0;
    }

    .mobileHeader figure.logo {
        width: 240px;
        height: 100px;
        margin-left: 20px;
        display: flex;
        background-image: url(../assets/logo/logo-white.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        z-index: 20;
        float: left;
    }

    .inset {
        width: 100%;
    }
    
    .slider>div.inset>div.slider-container {
        width: 100%;
    }
    
    .slider>div.inset>div.slider-container>h1 {
        font-size: 40px;
    }

    .slider>div.inset>div.slider-container>button {
        bottom: 115px;
        right: 20px;
    }

    section.main-infographic {
        height: auto;
    }

    section.main-infographic > div.slogan {
        width: 100%;
        height: 350px;
        position: relative;
        left: 0;
        padding: 20px;
    }

    section.main-infographic > div.slogan > h2 {
        margin: 0;
        width: 100%;
    }

    section.main-infographic > div.inset > div.info-icons {
        width: 100%;
        height: auto;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        position: relative;
    }

    section.main-infographic > div.inset > div.info-icons > div.icon {
        margin-top: 0;
        margin-bottom: 50px;
    }

    section.main-infographic > div.inset > div.info-icons > div.icon:nth-child(2) {
        border-left: none;
        border-right: none;
    }

    h1.main-section-title {
        margin-left: 90px;
    }

    section.main-activity-areas>div.inset {
        padding: 20px;
    }

    section.main-activity-areas>div.inset>div.activity-areas-slider {
        position: relative;
        margin-top: 30px;
    }

    section.main-activity-areas>div.inset>div.activity-areas-slider div.activity-area-item {
        width: 100%;
        height: auto;
        flex-direction: column-reverse;
        justify-content: flex-start;
    }
    
    section.main-activity-areas>div.inset>div.activity-areas-slider div.activity-area-item>article {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    section.main-activity-areas>div.inset>div.activity-areas-slider div.activity-area-item>article h5 {
        margin: 10px 0;
    }

    section.main-activity-areas>div.inset>div.activity-areas-slider div.activity-area-item>article p {
        display: none;
    }
 
    section.main-activity-areas>div.inset>div.activity-areas-slider div.activity-area-item>article ul {
        display: none;
    }

    section.main-activity-areas>div.inset>div.activity-areas-slider div.activity-area-item>figure {
        width: 100%;
        height: auto;

        margin-bottom: 0;
    }

    section.main-activity-areas>div.inset>div.activity-areas-slider div.activity-area-item>figure img {
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }

    section.main-activity-areas>div.inset>div.activity-areas-navigation {
        display: none;
    }

    /* MAIN SETTLEMENTS are media query in the style.css file */

    section.main-settlements div.inset {
        padding: 0px;
        align-items: flex-start;
    }
    
    section.main-settlements div.inset h1 {
        margin-bottom: 30px;
    }

    section.main-sustainability {
        width: 100%;
        height: auto;
        background-color: #272828;
        position: relative;
        z-index: 0;
    }

    section.main-sustainability > div.inset {
        padding: 20px;
        height: auto;
        flex-direction: column-reverse;
    }

    section.main-sustainability > div.inset > figure {
        min-width: 100%;
        max-width: inherit;
        height: auto;
        position: relative;
        width: 100%;
        height: auto;
    }

    section.main-sustainability > div.inset > figure > h1.slogan {
        width: 100%;
        position: relative;
        font-family: 'Poppins', sans-serif;
        font-size: 32px;
        font-weight: 600;
        color: #ffffff;
        top: inherit;
        left: inherit;
        margin-top: 30px;
    }

    section.main-sustainability > div.inset > div.main-sustainability-text {
        width: 100%;
        max-width: inherit;
        padding: 45px 0px 45px 0px;
    }

    section.main-sustainability > div.inset > div.main-sustainability-text > h3 {
        width: 100%;
    }

    section.main-announcements>div.inset {
        flex-direction: column;
    }

    section.main-announcements>div.inset>div.head > h4,
    section.main-announcements>div.inset>div.head > p {
        display: none;
    }

    /* MAIN ANNOUNCEMENTS */
    section.main-announcements {
        display: none;
    }

    section.main-announcements-mobile {
        width: 100%;
        height: auto;
        background-color: #ffffff;
        position: relative;
        z-index: 0;
        padding: 70px 0;
        display: flex;
    }

    section.main-announcements-mobile>div.inset> .swiper {
        width: 970px;
        height: auto;
    }

    section.main-announcements-mobile>div.inset> .swiper-wrapper {
        display: flex;
    }

    section.main-announcements-mobile>div.inset> .swiper-slide {
        width: 350px !important;
        height: 610px;
        background-color: #eeeeee;
        margin: 50px 7px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
    }

    section.main-announcements-mobile>div.inset {
        height: 100%;
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }

    section.main-announcements-mobile>div.inset>div.head {
        width: 310px;
        height: 80%;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
    }

    section.main-announcements-mobile>div.inset>div.head > h1 {
        width: 200px;
        margin-left: 90px;
    }

    section.main-announcements-mobile>div.inset>div.head > h4 {
        width: 280px;
        font-family: 'Barlow', sans-serif;
        font-size: 30px;
        font-weight: 300;
        color: #000000;
        margin: 30px 0;
    }

    section.main-announcements-mobile>div.inset>div.head > p {
        width: 280px;
        font-family: 'Barlow', sans-serif;
        font-size: 18px;
        font-weight: 300;
        color: #000000;
    }

    section.main-announcements-mobile>div.inset> div.main-announcements-slider {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
        background-color: #eeeeee;
        margin: 50px 0px;
    }

    section.main-announcements-mobile>div.inset> div.main-announcements-slider>div {
        width: 100%;
        height: 610px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
    }

    section.main-announcements-mobile>div.inset> div.main-announcements-slider>div>div>figure {
        width: 100%;
        height: 273px;
        position: relative;
    }

    section.main-announcements-mobile>div.inset> div.main-announcements-slider>div>div>figure>img {
        width: 100%;
        height: 100%;
    }

    section.main-announcements-mobile>div.inset> div.main-announcements-slider>div>div>article {
        width: 100%;
        height: 337px;
        position: relative;
        padding: 30px;
        box-sizing: border-box;
    }

    section.main-announcements-mobile>div.inset> div.main-announcements-slider>div>div>article>div.cat-date {
        width: fit-content;
        height: 70px;
        position: absolute;
        top: -55px;
    }

    section.main-announcements-mobile>div.inset> div.main-announcements-slider>div>div>article>div.cat-date>h5 {
        width: 100%;
        height: 35px;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Barlow', sans-serif;
        font-size: 14px;
        font-weight: 300;
    }

    section.main-announcements-mobile>div.inset> div.main-announcements-slider>div>div>article>div.cat-date>time {
        width: 100%;
        height: 35px;
        padding: 0 20px;
        background-color: #ef3f3e;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Barlow', sans-serif;
        font-size: 14px;
        font-weight: 200;
    }

    section.main-announcements-mobile>div.inset> div.main-announcements-slider>div>div>article>h3 {
        color: #000000;
        font-family: 'Barlow', sans-serif;
        font-size: 22px;
        font-weight: 400;
        margin: 30px 0 20px 0;
    }

    section.main-announcements-mobile>div.inset> div.main-announcements-slider>div>div>article>p {
        color: #000000;
        font-family: 'Barlow', sans-serif;
        font-size: 18px;
        font-weight: 300;
        padding-bottom: 20px;
    }

    section.main-announcements-mobile>div.inset> div.main-announcements-slider>div>div>article>a {
        color: #000000;
        font-family: 'Barlow', sans-serif;
        font-size: 18px;
        font-weight: 400;
        display: inline-block;
        text-decoration: none;
        border-top: 1px solid #dbdada;
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0px;
        left: 0px;
        cursor: pointer;
        padding: 20px 30px;
    }


    section.main-announcements-mobile>div.inset> div.main-announcements-slider>div>div>article>a::after {
        font-family: 'fthsc', serif;
        content: "\e92d";
        font-size: 12px;
        color: #000000;
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
        transition: transform 0.3s ease-in;
    }

    section.main-announcements-mobile>div.inset> div.main-announcements-slider>div>div>article>a:hover::after {
        animation: slideOutIn 0.6s ease-in-out forwards;
    }

    /* MAIN ANNOUNCEMENTS */

    /* MAIN INVESTORS */

    section.main-investors {
        width: 100%;
        height: auto;
        background-color: #f7f7f7;
        position: relative;
    }

    section.main-investors > div.inset {
        background-image: none;
        height: auto;
    }

    section.main-investors>div.inset>div.head {
        width: 100%;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
        padding-top: 0px;
        padding: 20px;
    }

    section.main-investors>div.inset>div.head > h4,
    section.main-investors>div.inset>div.head > p {
        width: 100%;
    }

    /* MAIN INVESTORS */

    footer>hr {
        display: none;
    }

    footer>.inset {
        padding: 0;
    }

    footer>.inset>figure {
        width: 120px;
        height: auto;
        margin: 0 auto 10px auto;
    }

    footer>.inset>div.footer-top,
    footer>.inset>div.footer-bottom {
        display: none;
    }

    .cookie-consent {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.8);
        color: white;
        text-align: center;
        padding: 20px;
        display: none;
        z-index: 1000;
    }

    .cookie-consent > .inset {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
    }

    .cookie-consent > .inset > .cookies-text {
    font-size: 14px;
    font-weight: 200;
    color: #ffffff;
    margin-bottom: 20px;
    }
    
    .cookie-consent > .inset > button#acceptCookies {
        background-color: #6d6d6d;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        cursor: pointer;
    
    }

    .cookie-consent > .inset > button#acceptCookies:hover {
        background-color: #a0a0a0;
    }

    .cookie-consent > .inset > button#rejectCookies {
        background-color: #6d6d6d;
        color: #ffffff;
        border: none;
        padding: 10px 20px;
        cursor: pointer;
    
    }

    .cookie-consent > .inset > button#rejectCookies:hover {
        background-color: #a0a0a0;
    }

    /* SUB PAGES */
    header.sub {
        display: none;
    }
    .aside-menu {
        display: none;
    }

    section.content {
        margin-top: 100px;
    }
    section.content > div.inset:first-child {
        display: none;
    }

    section.content>div.w100 {
        background-color: #ef3f3e;
    }

    .h-290 {
        height: auto !important;
    }

    section.content>div.w100>div.inset>div.content-title {
        position: relative;
        width: 100%;
        background-color: #ef3f3e;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
        top: 0;
        padding-left: 0;
        padding: 20px;
    }

    section.content>div.w100>div.inset>div.short-content {
        position: relative;
        background-color: #f0efef;
        top: 0;
        right: 0;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
        padding: 20px;
    }

    section.content>div.content-container>div.inset>h2.content-slogan {
        display: none;
    }

    section.content>div.content-container > div.inset > article.about-us::before {
        display: none;
    }

    section.content>div.content-container > div.inset > article.about-us {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 20px;
    }

    .sub-infographic {
        width: 100%;
        height: auto;
        background-color: #f7f7f7;
        position: relative;
        z-index: 0;
        margin: 50px 0 0 0;
    }
    
    .sub-infographic > div.inset {
        padding: 20px;
    }

    .sub-infographic>div.inset>h2 {
        font-family: 'Barlow', sans-serif;
        font-size: 22px;
        color: #ffffff;
        font-weight: 200;
        width: 100%;
    }

    .sub-infographic>div.inset>p {
        font-family: 'Barlow', sans-serif;
        font-size: 20px;
        color: #ffffff;
        font-weight: 300;
        line-height: 30px;
        margin-top: 30px;
        width: 100%;
    }

    .sub-infographic div.inset div.sub-infographic-container {
        display: flex;
        flex-direction: column;
        margin-top: 75px;
        justify-content: flex-start;
        align-items: center;
    }

    .sub-infographic div.inset div.icon {
        margin: 0 0 50px 0;
    }

    section.content>div.content-container > div.inset > article.about-us-end::before {
        display: none;
    }

    section.content>div.content-container > div.inset > article.about-us-end {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 20px;
        margin-bottom: 50px;
    }

    section.content>div.w100>div.inset>div.manager-sign {
        position: relative;
        top: inherit;
        right: inherit;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-end;
        padding: 35px 0;
        font-family: 'Barlow', sans-serif;
        text-align: right;
    }

    section.content>div.content-container {
        position: relative;
    }

    section.content>div.content-container>div.inset>ul.mile-stones-container {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    section.content>div.content-container>div.inset>ul.mile-stones-container > li {
        width: 100%;
        height: auto;
        text-align: center;
    }

    section.content>div.content-container>div.inset>ul.ms-items {
        padding: 20px;
        width: 100%;
        height: 850px;
        flex-wrap: wrap;
        overflow-x: auto;
        overflow-y: hidden;
        flex-direction: column;
        justify-content: center;
        margin-top: -100px;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li {
        width: 350px;
        height: 400px;
        position: relative;
        display: flex;
        font-family: 'Barlow', sans-serif;
        align-items: normal;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li > article {
        padding: 20px;
        align-items: flex-start;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.left-content > article {
        flex-direction: column-reverse;
        text-align: left;
    }
    section.content>div.content-container>div.inset>ul.ms-items > li.left-content > article {
        flex-direction: column-reverse;
        text-align: left;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li {
        display: none;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li:nth-last-child() {
        border: none;
    }
    
    section.content>div.content-container>div.inset>ul.ms-items > li.left-content {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        text-align: center;
        min-width: 100%;
        position: relative;
        border-bottom: 1px solid #aaaaaa;
        margin-left: 0;
    }
    
    section.content>div.content-container>div.inset>ul.ms-items > li.right-content {
        min-width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
        border-top: 1px solid #aaaaaa;
        margin-top: -1px;
    }
    
    section.content>div.content-container>div.inset>ul.ms-items > li.right-content:last-child {
        width: 1px!important;
        left: 0;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.right-content:last-child::before {
        display: none;
    }
    
    section.content>div.content-container>div.inset>ul.ms-items > li.left-content::after {
        content: '';
        width: 10px;
        height: 10px;
        display: block;
        background-color: #aaaaaa;
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%; 
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.right-content::before {
        content: '';
        width: 10px;
        height: 10px;
        display: block;
        background-color: #aaaaaa;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%; 
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.left-content {
        margin-left: 0%;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.right-content {
        left: 50%;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.left-content > article > div,
    section.content>div.content-container>div.inset>ul.ms-items > li.right-content > article > div {
        justify-content: flex-start;
        text-align: center;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.left-content > article > div {
        margin-bottom: 0px;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.left-content > article > div > h3 {
        margin-bottom: 0px;
        margin-left: 0px;
    }
    section.content>div.content-container>div.inset>ul.ms-items > li.right-content > article > div > h3 {
        margin-right: 0px;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.left-content > article > div > h3,
    section.content>div.content-container>div.inset>ul.ms-items > li.right-content > article > div > h3 {
        text-align: center;
        width: 100%;
    }
    
    section.content>div.content-container>div.inset>ul.ms-items > li.left-content > article > div > p {
        margin-bottom: 0!important;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.left-content > article > div > p,
    section.content>div.content-container>div.inset>ul.ms-items > li.right-content > article > div > p {
        text-align: center;
        margin: inherit;
        width: 100%;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li > article > span {
        margin-right: inherit!important;
        margin-bottom: 20px!important;
        margin-left: inherit!important;
        margin-top: inherit!important;
        text-align: center;
    }
    

    section.content>div.content-container>div.inset>ul.ms-items > li.left-content > article > span::after {
        display: none;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.right-content > article > span::after {
        display: none;
    }

    section.content>div.content-container>div.inset>ul>li>article.manager-short-content {
        width: 100%;
        padding: 0;
        float: none;
    }

    .mdn {display: none!important;}

    .manager-message-content {
        padding: 20px;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.left-content > figure > .left-triangle {
        display: none;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.left-content > .red-line {
        display: none;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li.right-content > .red-line {
        display: none;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li > figure {
        display: none;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li > article > div {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: flex-end;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li > article > div > p {
        font-size: 20px;
        color: #000000;
        font-weight: 400;
        display: inline-block;
    }

    section.content>div.content-container>div.inset>ul.ms-items > li > article > div > h3 {
        font-size: 30px;
        color: #000000;
        font-weight: 300;
        display: inline-block;
        line-height: 42px;
    }

    section.content>div.content-container>div.inset>ul {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        margin: 30px 0;
    }

    section.content>div.content-container>div.inset>ul>li {
        width: 100%;
        padding: 20px;
    }

    section.content>div.content-container > div.inset > div.bod-container {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 50px 10px;
        padding: 30px 0;
        justify-items: center;
        align-items: start;
        justify-content: center;
    }

    section.content>div.content-container > div.inset > div.bod-container > div {
        width: 150px;
        height: 295px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
    }

    section.content>div.content-container > div.inset > div.bod-container > div > figure {
        width: 150px;
        min-height: 232px;
        position: relative;
        overflow: hidden;
        object-fit: cover;
    }

    section.content>div.content-container > div.inset > div.bod-container > div > h2 {
        font-family: 'Barlow', sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #000000;
        margin-top: 20px;
    }
    
    section.content>div.content-container > div.inset > div.bod-container > div > h3 {
        font-family: 'Barlow', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #000000;
        margin-top: 10px;
    }

    div.static-red-block {
        display: none;
    }

    .d-flex:has(.panel-content) {
        flex-direction: column;
        height: auto;
    }

    .tab-container .tab {
        font-size: 16px;
    }

    .tab-container .tab-content .panel.active .panel-content {
        max-width: 100%;
        width: 100%;
        position: relative;
    }
    
    .tab-container .tab-content .panel.active .panel-content h1.main-section-title {
        font-size: 18px;
    }

    .tab-container .tab-content .panel .panel-content h2 {
        font-size: 16px;
    }

    .tab-container .tab-content .panel figure.aa_detail {
        min-width: 100%;
        min-height: 100%;
        margin-left: 0;
        background-color: #e0dfdf;
    }
    .tab-container .tab-content .panel figure {
        width: 100%;
        height: 280px;
        margin-left: 0;
        margin: 20px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .tab-container .tab-content .panel .acc-container .accordion {
        font-size: 16px;
        line-height: 18px;
    }

    .tab-container .tab-content .panel .acc-container .acc-panel > div > figure {
        width: auto;
        min-width: 50%;
        max-width: inherit;
        min-height: auto;
        height: auto;
        max-height: inherit;
        margin: 0 10px;
    }

    .settlements-sub-head {
        font-size: 18px;
    }

    section.content>div.content-container>div.inset>ul.sustainability-container:nth-child(odd),
    section.content>div.content-container>div.inset>ul.sustainability-container:nth-child(even) {
        flex-direction: column-reverse;
    }

    section.content>div.content-container>div.inset>ul.sustainability-container > li {
        width: 100%;
        height: auto;
        margin-bottom:0px;
    }

    section.content>div.content-container>div.inset>ul.sustainability-container > li > article {
        padding: 20px;
    }

    .job-application-container ul {
        flex-direction: column;
    }

    .job-application-container ul li:first-child {
        width: 100%;
        padding: 20px;
    }
    
    .job-application-container ul li:first-child h1 {
        font-size: 18px;
    }

    .job-application-container p {
        text-align: center;
    }

    .job-application-container ul li {
        width: 100%;
        padding: 20px;
    }

    .job-application-form .form-group-50 {
        width: 100%;
    }

    .tab-container .tab-content .panel .news-container .accordion {
        padding: 20px;
    }

    .tab-container .tab-content .panel .news-container .accordion h2 {
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
    }

    .tab-container .tab-content .panel .news-container .acc-panel > div.news-images {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    section.content > div.content-container > div.inset > ul.announcements-list {
        display: flex;
        flex-direction: column;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    section.content > div.content-container > div.inset > ul.announcements-list li {
        width: 100%;
        height: auto;
    }

    section.content>div.content-container>div.inset>ul.announcements-list li div.announcement-item-detail {
        height: auto;
        padding: 50px 30px 0px 30px;
    }

    section.content>div.content-container>div.inset>ul.announcements-list li div.announcement-item-detail a {
        position: relative;
        left: inherit;
        right: inherit;
        width: 100%;
        margin-top: 30px;
    }

    .tab-container .tab-content .panel .fair-container .accordion {
        padding: 20px;
        font-size: inherit;
    }

    .tab-container .tab-content .panel .fair-container .accordion ul li:last-child > h2, .tab-container .tab-content .panel .news-container .accordion h2 {
        font-size: 16px;
        font-weight: 500;
    }

    .tab-container .tab-content .panel .fair-container .accordion ul li:last-child > span {
        font-size: 14px;
        display: inline-block;
        width: 70%;
    }

    .tab-container .tab-content .panel .fair-container .accordion:after {
        content: '\02795';
        font-size: 25px;
        color: #ef3f3e;
        float: right;
        margin-top: -65px;
        margin-right: 0;
    }

    .fair-container > .inset > .acc-panel > div > figure.fair-image {
        height: auto;
    }

    .contact-info-boxes {
        flex-direction: column;
    }

    .contact-info-boxes > li {
        width: 100%;
        height: auto;
    }






    /* SUB PAGES */

    .pl-65,
    .pl-90  {
        padding-left: 0;
    }

    .mob-p-20 {
        padding: 20px;
    }

    .mob-mb-20 {
        margin-bottom: 20px;
    }

    .mob-flex-column-reverse {
        flex-direction: column-reverse;
    }

    .mob-d-block {
        display: block;
    }

}

/* @media only screen and (max-width: 991px) {
    .hero {
        height: 60vh;
    }
    .bgvid {
        height: 60vh;
    }
    .videotext {
        top:35%;
    }
    .heroabsolute .card-body {
        border-right:inherit;
        border-bottom: 2px solid #2f2f34;
    }
    .short-links {
        margin-bottom: 15px;
    }
    .carousel-item .carousel-img {
        height: 200px;
    }
    .section-model .model-buttons {
        position: relative;
        bottom: inherit;
        background-color: #1c1c1e;
        margin:0px;
    }
    .section-model .model-buttons button {
        padding:5px 0;
        margin-top:5px;
        text-decoration: none;
    }
    .section-model .model-buttons .d-flex {
        display: block!important;
    }
    .section-model .carousel-caption {
        position: relative;
        background-color: #1c1c1e;
        border-radius: 0px;
    }
    .section-model .carousel-caption .container {
        margin-top:0px;
    }
    .section-model .carousel-item h5 {
        margin:0px!important;
    }
    .section-model .carousel-item h5 span {
        font-size:30px;
        line-height: 21px;
        margin-left: 8px;
    }
    .section-model .carousel-item h5 img {
        height: 22px;
    }
    .homefooterleft {
        position: relative;
        width: 100%;
        height: auto;
    }
    .section-model .model-buttons button.active:before, .section-model .model-buttons button:before {
        width: 90%;
        top: -5px;
    }
    .section-model .model-buttons button {
        float: left;
        width: 33%;
        margin-bottom: 15px;
    }
    .model-buttons {
        padding-top:35px!important;
        padding-bottom: 20px;
    }
    .section-model .modelpcsl .carousel-caption {
        text-align: left;
    }
    .section-model .modelpcsl .carousel-item h5 {
        float: left;
    }
    .section-model .carousel-item h4 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .section-model .carousel-item p {
        font-size: 16px;
    }
    .heroabsolute .card {
        padding:10px 30px;
        text-align: center;
    }
    .heroabsolute .card-body {
        padding:15px 0px;
    }
    .section-model .carousel-caption {
        padding: 0px;
        padding-top:30px;
    }
}    */