@media (min-width:1440px) {
    
    /* .hero-content {
        top: 217px;
    }

    .hero-content .top {
        margin-bottom: 110px;
    } */
    
    .slider-bg {
        width: 100%;
    }
    section.ghosts-details .slider-holder {
        padding: 15px 28px 22px;
    }
    .slider .owl-stage-outer {
        /* padding-left: 14vw; */
        width: 100%;
    }
    section.mobilization .image {
        padding: 20px 25px 25px;
        width: 100%;
        /* left: -10%; */
        transform: translate3d(0, 0,0);
    }
    section.integration .image {
        padding: 20px 25px 25px;
        width: 100%;
        /* left: -10%; */
        transform: translate3d(0, 0,0);
    }
    /* section.control .baath-logo{
        width:135px;
        left:-165px;
    } */
    .rellax-holder {
        width: 890px;
        height: 524px;
        padding-bottom: 66px;
        margin-bottom: 60px;
    }

    section.crime-details {
        padding: 259px 0 237px;
    }

    section.crimes {
        padding: 173px 0 155px;
    }

    .crime-details .bg {
        height: 964px;
    }

    .crime-details .text {
        margin: 0 auto 126px;
    }

    .crime-details .img {
        margin: 0 auto 23px;
    }

    .crime-details .caption {
        margin: 0 auto 112px;
    }

    .team .bg {
        height: 699px;
    }

    .team .part1 {
        padding-bottom: 230px;
    }

    .team h2.section-title {
        margin-bottom: 58px;
    }

    .team .video-holder {
        margin-bottom: 33px;
    }

    .team .part2 {
        padding: 165px 0 100px;
    }

    .team .part2 .text {
        margin: 0 auto 140px;
    }

    .text p:not(:last-child) {
        margin-bottom: 40px;
    }

    .team .part2 .quote {
        margin-bottom: 14px;
    }

    .team .part3 .bg {
        top: 212px;
        height: 964px;
    }

    .team .part3 .img {
        margin: 0 auto 90px;
    }

    .team .part3 .text {
        margin: 0 auto 66px;
    }

    .team .part4 .video-holder {
        margin-top: -250px;
    }

    .team .part4 .caption {
        margin-bottom: 124px;
    }

    .team .part4 .text {
        margin: 0 auto 174px;
    }

    .team .part4 .documents {
        margin-bottom: 243px;
    }

    .brief .bg {
        top: 159px;
        height: 694px;
    }

    .brief .part1 h2 {
        margin-bottom: 66px;
    }

    .brief .part1 .video-holder {
        margin-bottom: 42px;
    }

    .brief .part1 .caption {
        margin-bottom: 359px;
    }

    .brief .part1 .text {
        margin: 0 auto 156px;
    }

    .brief .part2 .bg {
        top: -172px;
        height: 1127px;
    }

    .brief .part2 {
        padding: 62px 0 100px;
    }

    .brief .part2 .text {
        margin: 0 auto 209px;
    }

    .brief .part2 .quote {
        margin: 0 auto 40px;
    }

    .brief .part2 .footnote {
        margin: 0 auto 209px;
    }

    .puzzle .part1 .bg {
        top: 260px;
        height: 637px;
    }

    .puzzle .part1 h2 {
        margin-bottom: 66px;
    }

    .puzzle .part1 .img,
    .puzzle .part1 .video-holder {
        margin: 0 auto 357px;
    }

    .puzzle .part2 {
        padding-top: 48px;
    }

    .puzzle .part2 .quote {
        margin: 0 auto 186px;
    }

    .puzzle .part2 .text {
        margin: 0 auto 135px;
    }

    .puzzle .part2 .chart {
        margin: 0 auto 130px;
    }

    .puzzle .part3 .bg {
        top: 103px;
        height: 1024px;
    }

    .puzzle .part3 .img {
        margin: 0 auto 124px;
    }
    
    .puzzle .part3 .text {
        margin: 0 auto 168px;
    }

    .puzzle .part3{
        padding-bottom: 180px;
    }
    /* .suspects {
        padding-top: 254px;
    } */

    .suspects .part1 .bg {
        top: 27px;
        height: 864px;
    }

    .suspects .part1 h2.section-title {
        margin-bottom: 96px;
    }

    .suspects .part1 .img {
        margin: 0 auto 446px;
    }

    .suspects .part1 .text {
        margin: 0 auto 232px;
    }

    .suspects .part2 .bg {
        height: 1561px;
    }

    .suspects .part2 {
        padding-top: 102px;
    }

    .suspects .part2 .row .content {
        padding-right: 90px;
    }

    .suspects .part2 .row:nth-child(2) .content {
        padding-left: 90px;
    }

    .suspects .part2 .row:nth-child(2) {
        margin-bottom: 96px;
    }

    .suspects .part3 {
        padding: 150px 0 392px;
    }

    .conclusion {
        padding-bottom: 220px;
    }

    .conclusion h2.section-title {
        margin-bottom: 95px;
    }

    .conclusion .part1 .bg {
        top: 240px;
        height: 660px;
    }

    .conclusion .part1 .img {
        margin: 0 auto 351px;
    }

    .conclusion .part1 .quote {
        margin: 0 auto 217px;
    }

    .conclusion .part1 .text {
        margin: 0 auto 167px;
    }

    .conclusion .title {
        margin-bottom: 103px;
    }

    .conclusion .model-images {
        margin: 0 auto 59px;
    }

    footer {
        /* padding: 58px 0 132px; */
    }

    footer .logo {
        /* width: 8.055vw; */
    }

}
@media (max-width:1688px) and (orientation:portrait){
    header {
        width: 100vw;
    }
    .hero .slide {
        padding: 0 5vw;
    }
    .hero .top-img .img {
        height: 18.7vh;
    }
    .hero .slide1 .bottom-img {
        height: 15.38vh;
    }
    .hero .slide2 .bottom-img {
        height: 12.38vh;
    }
    .hero .slide3 .bottom-img {
        height: 14.63vh;
    }
    .hero .slide1 .text, 
    .hero .slide2 .text,
    .hero .slide3 .text {
        max-width: initial;
    }
    a.nxt {
        top: 40px;
        font-size: 40px;
    }
    section.ghosts .image {
        height: 60.7vh;
    }
    section.ghosts .title1 {
        bottom: 36.62vh;
    }
    section.ghosts .title2 {
        bottom: 22.27vh;
    }
    section.ghosts .title1, section.ghosts .title2 span {
        font-size: 7.5vh;
    }
    section.ghosts .title1, section.ghosts .title2 {
        height: 6.399vh;
    }
    section.ghosts.step1 .title2 {
        transform: translate3d(4vh, 0, 0) !important;
    }
    section.ghosts .content {
        max-width: initial;
    }
    section.control .fr.desktop {
        display: none !important;
    }
    section.control .fr.mobile {
        display: block !important;
        float: none;
        width: 100%;
        margin-left: 0;
    }
    section.control .fr .image {
        height: 45vh;
    }
    section.escalation .img-holder.schema-holder {
        height: 40vh;
    }
}
@media (max-width:1440px) {
    .document-holder .left {
        padding: 5.208vw 90px 9.72vw;
        width: calc(100% - 23.194vw);
    }
    .document-holder .right {
        width: 23.194vw;
    }
    .document-holder .right img:first-child {
        width: 25.972vw;
    }
    .holder-bottom {
        margin-top: -9.027vw;
    }
}
@media (max-width:1340px) {
    header nav a span {
        font-size: 12px;
        line-height: 1;
        text-align:center;
    }
}
@media (max-width:1240px) {

}
@media (max-width:1200px){
    .hero-content .title .sm {
        font-size: 7.5vw;
    }
    .hero-content .title .lg {
        font-size: 11.66vw;
    }
}
@media (max-width:1150px) {
    header nav a:not(:last-child) {
        margin-right: 1.739vw;
    }
    header nav a span {
        font-size: 1.1vw;
    }
    .hero{
        padding-bottom:13.04vw;
    }
    .hero-content .title {
    }

    .hero-img-over {
        width: 19.39vw;
        top: 13.04vw;
        right: 49.565vw;
    }
    .hero-img-over2 {
        width: 7.3vw;
        top: 37.39vw;
        right: 23.3vw;
    }
    .hero-copyright {
        bottom: 0.869vw;
        left: 11.3vw;
    }
    .hero .hero-content-2, 
    .hero .hero-content-3 {
        padding:0 55px;
    }
    .hero-img-group .row {
        bottom: 7.82vw;
        padding: 0 7.82vw;
        padding-left: 9.565vw;
    }
    .hero-img-group .credit br, 
    .hero-content-3 .credit br{
        display:block;
    }
    section p {
        font-size: 1.913vw;
        line-height: 2.869vw;
        margin-bottom: 3.826vw;
    }
    section.act1 .quote .top,
    section.act1 .quote .bottom {
        font-size: 1.913vw;
        line-height: 2.869vw;
    }
    .section-title .num {
        font-size: 6.0869vw;
        line-height: 7.391vw;
        margin-right: 0.8695vw;
    }
    .section-title .title {
        font-size: 8.6956vw;
    }
}
@media (max-width:1023px) {
    .credit-holder.mobile {
        margin-bottom: 12vw;
        margin-top: 9px;
    }
    .credit-holder .credit {
        color: #D3D3D3;
        text-align: center;
        font-family: 'Newsreader';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.25;
        letter-spacing: -0.08px;
        margin-bottom:10px;
    }
    .hero-content-3 .credit {
        position: relative;
        bottom: initial;
        color: #EBEBEB;
    }
    .holder-content.row {
        flex-direction: column;
        min-height: initial;
    }
    .document-holder {
        margin: 0 auto 23vw;
    }
    .document-holder .left,
    .document-holder.vcenter .left {
        width: 100%;
    }
    .document-holder .right {
        margin: -44px auto -50%;        
    }
    .document-holder.straight .right{
        top:0;
    }
    .document-holder + .text {
        padding-top: 120px;
    }
    .holder-bottom {
        display:none;
    }
    .menu-section .bg .credit {
        padding: 0 5%;
        width: 90%;
        margin: 0 auto;
    }
    .asad-quote {
        padding: 0 30px;
    }
    section.postscript .row {
        flex-direction: column-reverse;
    }
    section.postscript .section-title .top.row {
        flex-direction: row;
    }
    section.postscript .row .text {
        width: 100%;
    }
    section.postscript .row .img {
        margin: 0 auto 50px;
    }
    html, body {
        width: 100vw;
        overflow-x: hidden;
    }
    body.fixed {
        position: fixed;
        height: 110vh;
        top: 0;
        left: 0;
        overflow-y:hidden;
    }
    body.fixed footer{
        display:none;
    }
    .desktop,
    .desktop-flx {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    .mobile-flx {
        display: flex !important;
    }
    header {
        height: 63px;
    }
    .hero {
        padding-top: 63px;
    }
    header .container {
        align-items: center;
        padding: 0 26px;
    }

    header .logo {
        width: 97px;
        height: auto;
        position: relative;
    }

    header .logo img {
        width: 100%;
        height: auto;
    }
    header.fixed {
        height: 63px;
        transform: translate3d(0,-1px,0);
        width: 102%;
        left: -1%;
    }
    header.fixed .logo {
        transform: translate3d(0,0,0) scale(1.13);
    }
    header.fixed .container {
        transform: translate3d(0,0,0);
    }
    .logo.mobile {
        width: 124px;
        position: fixed;
        left: 16px;
        top: 2px;
        z-index: 7;
    }
    .hamburger-btn.mobile {
        position: fixed;
        top: 24px;
        right: 26px;
        z-index: 30;
        width: 22px;
        height: 18px;
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
    }

    .hamburger-btn.mobile span {
        width: 100%;
        height: 2px;
        background: #1a1a1a;
        will-change: transform, opacity, background-color;
        transition: transform 0.3s ease, opacity 0.1s linear, background-color 0.3s linear;
        transform-origin: left center;
    }

    /* .hamburger-btn.active span {
        background-color: #fff;
    } */

    .hamburger-btn.active span:nth-child(1) {
        transform: rotate(45deg);
        width: 23px;
    }

    .hamburger-btn.active span:nth-child(2) {
        opacity: 0;
    }

    .hamburger-btn.active span:nth-child(3) {
        transform: rotate(-45deg);
        width: 23px;
    }

    .hamburger-menu.mobile {
        display: flex;
        flex-direction: column;
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #FFFFFF;
        z-index: 6;
        will-change: transform;
        transition: transform 0.5s ease;
        transform: translate3d(110vw, 0, 0);
    }

    .hamburger-menu.active {
        transform: translate3d(0, 0, 0);
    }

    .hamburger-menu .menu-holder {
        padding: 115px 24px 0 54px;
        display: flex;
        flex-direction: column;
        height: 100%;
        z-index: 1;
    }

    .hamburger-menu .menu-holder nav a {
        display:block;        
        margin-bottom:16px;
        text-decoration:none;
    }
    .hamburger-menu .menu-holder nav a span{
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-size: 20px;
        line-height: 50px;
        text-decoration: none;
            color: #000000;
    }
    .hamburger-menu .menu-holder nav a.active span{
        font-weight: 700;
    }
    .hamburger-menu .menu-holder nav a.dl{
        line-height: 30px;
    }
    .hamburger-menu .bg{
        display:none;
    }
    .hero .text {
        font-size: 20px;
        line-height: 1.7;
    }
    .hero-content-3 .fr {
        float:none;
        clear:both;
        margin-top: 0;
        width:50%;
        margin-left:auto;
        margin-right:auto;
    }
    .fl {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    section.ghosts-details .owl-dot-holder {
        bottom: -7.5vw;
    }
    section.ghosts-details .slider-holder {
        margin-bottom: 120px;
    }
    section.escalation .img-holder.schema-holder {
        height: 50vh;
    }
    .img-holder.row,
    .img-holder.gallery-holder.double.reverse {
        flex-direction: column;
    }
    .img-holder.gallery-holder.double .left {
        padding-left: 0;
        width: 100%;
    }
    .img-holder.gallery-holder.double .right {
        width: 100%;
    }
    .img-holder .bg {
        height: 75%;
    }
    .img-holder .text {
        margin-right: 0;
        width: 100%;
        margin-bottom: 50px;
    }
    section.control .img-holder .bg {
        height: 100%;
    }
    section.control .img-holder.gallery-holder.double .bg {
        height: 75%;
    }
    section.empowerment.img-holder.gallery-holder.single-holder .bg {
        height: 50%;
    }
    .img-holder.gallery-holder.double.double-document .bg {
        height: 65%;
    }
    .img-holder.gallery-holder.double.double-document .holder {
        width: 80%;
    }
    .img-holder.gallery-holder.double.double-document .holder:not(:last-child) {
        margin-right: 0;
        margin-bottom: 40px;
    }
    section.ghosts-details .img-holder.row .img{
        width:80%;
        margin:0 auto;
    }
}

@media (max-width:767px){
    /* .hero-content .title {
        top: 90px;
        font-size: 28px;
        right: 10px;
    } */
    .hero .bg img {
        width: 728px;
        height: 880px;
        transform: translate3d(-25%, -30%, 0);
    }
    .hero-copyright {
        font-size: 8px;
        left: 30px;
    }
    .hero .hero-content-2 .text, .hero .hero-content-3 {
        padding: 0 28px 0 37px;
    }
    .hero .hero-content-2{
        padding:0;
    }
    .hero-content-3 .fr{
        margin-bottom:44px;
    }
    .hero-img-group {
        width: 114%;
        left: -7%;
    }
    .credit-holder .credit {
        font-size: 10px;
        line-height: 1.25;
    }
    .section-title {
        bottom: 15%;
        left: 0;
        transform: translate3d(0, 0,0);
        width: 100%;
        margin-left: 50px;
        max-width: calc(100% - 80px);
    }
    .section-title .top {
        margin-bottom: 4px;
    }
    .section-title .num {
        font-size: 30px;
        margin-right: 8px;
        color:#fff;
    }
    .section-title .title {
        font-size: 50px;
        line-height: 80.5%;
        color:#fff;
        margin-bottom: 0;
    }
    .section-title .subtitle {
        font-size: 14px;
        font-style: normal;
        color:#fff;
        padding-left: 21px;
        line-height: 18px;
    }
    section.escalation .title, section.escalation .num {
        color: #CE3E00;
    }
    section.escalation .subtitle {
        color: #000;
    }
    section.military-control .title, 
    section.military-control .num,
    section.military-control .subtitle,
    section.siege .title, section.siege .num,
    section.siege .subtitle,
    section.arrests .subtitle,
    section.asphyxiation .title, section.asphyxiation .num,
    section.asphyxiation .subtitle,
    section.postscript .title {
        color: #fff;
        padding: 0;
    }
    section.arrests .section-title {
        bottom: 24%;
    }
    section.military-control .section-title,
    section.siege .section-title {
        bottom: 26%;
    }
    section.arrests.menu-section .bg .credit {
        bottom: 15%;
        right: initial;
        left: 37px;
    }
    section.military-control.menu-section .bg .credit,
    section.siege.menu-section .bg .credit {
        bottom: 14%;
        right: initial;
        left: 37px;
    }
    section.siege {
        padding-bottom: 120px;
    }
    .schema-holder {
        margin-top: 60px;
        margin-bottom: 50px;
    }
    section.military-control {
        padding-bottom: 75px;
    }
    .menu-section .bg .credit {
        font-size: 8px;
    }
    section.suppression.menu-section .bg .credit {
        left: 0;
        transform: translate3d(0, 0, 0);
        position: relative;
        padding-left: 37px;
    }
    .menu-section .bg {
        margin-bottom: 65px;
    }
    .menu-section .wrapper {
        padding: 0;
    }
    .menu-section .wrapper .text{
        padding:0 37px;
    }
    .document-holder {
        padding: 40px 0 0;
    }
    .document-holder .left {
        padding: 33px 37px 39px;
    }
    .menu-section .wrapper .document-holder .left .text{
        padding:0;
    }
    section.asphyxiation .section-title {
        bottom: 28%;
    }
    section.asphyxiation.menu-section .bg .credit {
        bottom: 16%;
        right: initial;
        left: 50px;
    }
    section.asphyxiation .asad-holder {
        margin: 72px 0 52px;
    }
    .asad-bg {
        height: 290px;
        top: -30px;
    }
    section.postscript .asad-bg {
        top: -60px;
    }
    .asad-content {
        display: flex;
        flex-direction: column-reverse;
    }
    .asad-content .img {
        width: 300px;
        margin: 0 auto 0;
        opacity: 1;
    }
    .asad-content .text {
        max-width: 340px;
    }
    .asad-quote {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 24px;
    }
    .asad-credit {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 27px;
    }
    section.asphyxiation {
        padding-bottom: 120px;
    }
    section.postscript.menu-section .bg .credit {
        bottom: 16%;
        left: 50px;
        transform: translate3d(0, 0, 0);
        max-width: 55.55vw;
        width: 100%;
        color: #414141;
    }
    section.postscript .asad-holder {
        margin-top: 60px;
    }
    section.postscript .row {
        max-width: 986px;
        margin: 0 auto 32px;
    }
    section.postscript .row .img {
        width: 305px;
    }
    .final-quote .quote {
        font-size: 28px;
        text-align: center;
        padding: 0 20px;
        line-height: 44px;
        margin-bottom: 18px;
    }
    .final-quote .subquote {
        font-size: 14px;
        padding: 0 20px;
        text-align: center;
        line-height: 24px;
    }
    a.nxt {
        top: 30px;
        font-size: 30px;
    }
    html, body {
        width: 100vw;
        overflow-x: hidden;
    }
    body.fixed {
        position: fixed;
        height: 110vh;
        top: 0;
        left: 0;
        overflow-y:hidden;
    }
    .desktop,
    .desktop-flx {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    .mobile-flx {
        display: flex !important;
    }
    .wrapper{
        padding:0 25px;
        width:100%;
    }
    iframe{
        width:86.66vw;
        height:49vw;
    }
    

    .hero {
        padding-top: 0;
        width: 100vw;
    }
    .hero-content .title {
        top: 27.80vw;
        left: 30.57vw;
    }
    /* .hero-content {
        top: 114px;
        width: calc(100% - 40px);
    } */
    .hero-content .content.row {
        flex-direction: column;
    }
    .hero .bottom-img {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .hero .top {
        width: 100%;
        text-align: center;
    }
    .hero .video {
        margin-bottom: 27px;
        height: auto;
        width: 100%;
    }
    .hero .video video {
        height: auto;
        width: 100%;
    }
    .hero .text1 {
        font-size: 14px;
        line-height: 21px;
    }
    .hero .text2 .line1 {
        font-size: 14px;
        line-height: 21px;
        text-align: center;
        margin-bottom: 14px;
    }
    .hero .text2 .line2 {
        font-size: 18px;
        text-align: center;
    }
    .hero-content .text {
        font-size: 14px;
        line-height: 1.86;
        color: #FCFCE9;
    }
    section.ghosts {
        height: 70vh;
    }
    section.ghosts .image {
        height: auto;
        width: 90vw;
        left:0;
        transform: translate3d(0, 0, 0);
    }
    section.ghosts .image img {
        width: 100%;
        height: auto;
    }
    section.ghosts .title1 {
        bottom: 20vh;
    }
    section.ghosts .title1, section.ghosts .title2 span {
        font-size: 35px;
    }
    section.ghosts .title2 {
        bottom: 15vh;
        left: 50%;
        height: 29px;
    }
    section.ghosts.step1 .title2 {
        transform: translate3d(4vh, 0, 0);
    }
    section.ghosts .copyright {
        right: initial;
        left: 20px;
        bottom: 1vh;
        font-size: 8px;
        line-height: 1;
    }
    section.ghosts .content {
        bottom: initial;
        top: 50%;
        transform: translate3d(0, -35%, 0);
    }
    section.ghosts .content .title {
        font-size: 40px;
        line-height: 1;
        margin-bottom: 20px;
    }
    section.ghosts .content .text {
        font-size: 16px;
        line-height: 1.3;
    }
    .fl, .fr {
        float: none;
        clear: both;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    section.ghosts-details .wrapper {
        padding-top: 80px;
        padding-bottom: 35px;
    }
    
    section p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 35px;
    }
    section.act1 .quote .top, 
    section.act1 .quote .bottom,
    .bg-subtitle{
        font-size: 14px;
        line-height: 24px;
    }
    .bg-subtitle{
        margin-bottom:56px;
    }
    .text p b {
        font-size: 16px;
    }
    .list-note, .schema-note {
        font-size: 14px;
        line-height: 24px;
        margin-top: 30px;
        margin-bottom: 54px;
    }
    .list-holder {
        padding: 0 20px;
    }
    section.act1 .quote {
        padding: 0 37px;
    }
    section .document-holder.full.single.auto .left p {
        font-size: 18px;
        line-height: 1.42;
    }
    section.act1 {
        padding-bottom: 90px;
    }
    section.intermission1 {
        padding-bottom: 80px;
    }
    section.act2 {
        padding-bottom: 120px;
    }
    section.intermission2 {
        padding-bottom: 88px;
    }
    section.act3 {
        padding-bottom: 80px;
    }
    section.epilogue {
        padding-bottom: 150px;
    }
    section.intermission1 .section-title, section.intermission2 .section-title {
        margin: 0;
        padding-bottom: 64px;
    }
    .text p:not(:last-child) {
        margin-bottom: 35px;
    }
    .document-holder .left .title {
        color: #0B0B0B;
        font-family: 'Newsreader';
        font-size: 14px;
        font-style: normal;
        font-weight: 800;
        line-height: 22px;
        letter-spacing: -0.14px;
        margin-bottom: 11px;
    }
    section .document-holder .left  p, section .document-holder .left ul li {
        color: #0B0B0B;
        font-family: 'Newsreader';
        font-size: 12px;
        font-style: italic;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.12px;
        margin-bottom: 15px;
    }
    .document-holder .left .name {
        color: #0B0B0B;
        font-family: 'Newsreader';
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
        letter-spacing: -0.14px;
    }
    .document-holder .right {
        margin: 0 0 -50%;
        margin-left: 37px;
        width: 53.42vw;
    }
    .document-holder .right img:first-child {
        width: 59.42vw;
    }
    .document-holder + .text {
        padding-top: 60px !important;
    }
    .document-holder.full + .text {
        margin-top: 0;
        padding-top: 30px !important;
    }
    section.escalation {
        padding-bottom: 120px;
    }
    section.escalation.menu-section .bg .credit {
        bottom: initial;
        right: initial;
        position: relative;
        padding-left: 38px;
        color: #cbcbcb;
    }
    section.ghosts-details .slider-holder {
        padding: 8px 20px 20px 0;
        margin-bottom: 80px;
    }
    .owl-dot-holder {
        bottom: -30px;
        display: inline-block;
        width: auto;
    }
    .hero .top-img {
        margin-bottom: 20px;
    }
    .hero .slide1 .bottom-img {
        height: 170px;
    }
    .hero .slide2 .bottom-img {
        height: 130px;
    }
    .hero .slide3 .bottom-img {
        height: 150px;
    }
    .hero .top-img .img {
        height: 200px;
    }
    section.ghosts.step1 .title2 {
        transform: translate3d(40px, 0, 0) !important;
    }
    .slider .owl-stage-outer {
        width: 100%;
    }
    section.ghosts-details .slider .owl-dot-holder {
        width: 80%;
        bottom: -50px;
    }
    a.carousel-btn {
        width: 30px;
        height: 30px;
    }
    a.carousel-btn.prev-btn {
        left: -35px;
    }
    a.carousel-btn.next-btn {
        right: -35px;
    }
    .overlay .content {
        height: 65vh;
        width: 75vw;
    }
    .overlay .owl-theme .owl-nav {
        width: 100vw;
        left: 0;
        position: fixed;
        padding: 0 5px;
    }
    .overlay .owl-theme .owl-nav [class*=owl-] {
        width: 30px;
    }
    section.ghosts-details .img-holder.row {
        padding: 64px 0 26px 10px;
    }
    .img-holder.row {
        flex-direction: column;
    }
    .img-holder .bg {
        left: -80px;
        width: calc(100% + 160px);
        height: 80%;
    }
    .img-holder .text {
        margin-right: 0;
        width: 100%;
        margin-bottom:0;
    }
    .img-holder .quote {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .img-holder .name {
        font-size: 14px;
        margin-bottom: 40px;
    }
    section.ghosts-details .img-holder.row .img{
        width:80%;
        margin:0 auto;
    }

    section.mobilization .wrapper {
        padding-top: 70px;
        padding-bottom: 126px;
    }
    section.mobilization .section-title.row {
        margin-bottom: 38px;
    }
    section.mobilization p {
        padding-left: 17px;
    }
    .text.dark p {
        color: var(--color-light);
    }
    section.mobilization .img-holder.row {
        padding: 58px 0 20px 20px;
    }
    .img-holder.gallery-holder.double .left, .img-holder.gallery-holder.double .right {
        width: 90%;
    }
    section.mobilization .img-holder.row:last-child {
        padding: 41px 0 0;
    }
    .img-holder.gallery-holder.double.double-document .holder {
        width: 100%;
    }
    .img-holder.gallery-holder.double.double-document .holder:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }
    section.control .fr {
        width: 100%;
        margin-left: 0;
        margin-bottom: 70px;
    }
    section.control .wrapper {
        padding-top: 144px;
        padding-bottom: 75px;
    }
    section.control .baath-logo {
        width: 66px;
        left: 0;
        top: -90px;
        transform: translate3d(0,0,0);
    }
    section.control p {
        padding-left: 15.28px;
    }
    section.control .fr {
        width: 100%;
        margin-left: 0;
        margin-bottom: 70px;
    }
    section.control .fr .image {
        height: auto;
        width: 100%;
    }
    section.control .fr .image img {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    section.control .img-holder.row {
        padding: 58px 0 30px 10px;
    }
    section.control .img-holder.row .bg {
        height: 100%;
    }
    section.control .img-holder.gallery-holder.double.reverse .left {
        padding-left: 10px;
    }
    .img-holder.gallery-holder.double.reverse .bg {
        height: 80%;
    }
    section.escalation .img-holder.schema-holder {
        width: 100%;
        height: auto;
    }
    section.escalation .img-holder.schema-holder img {
        width: 100%;
        height: auto;
        object-fit: contain;
        margin: 0 auto;
    }
    .text.padded {
        padding: 20px 0;
    }
    .overlay a {
        right: 5px;
        width: 30px;
    }
    section.control .section-title {
        margin-bottom: 40px;
    }
    .img-holder.gallery-holder.double.reverse {
        flex-direction: column;
    }
    section.control .img-holder.gallery-holder,
    section.escalation .img-holder.gallery-holder,
    section.militarisation .img-holder.gallery-holder {
        padding: 58px 0 0;
    }
    /* section.escalation .wrapper {
        padding-top: 125px;
        padding-bottom: 90px;
    } */
    /* section.escalation p {
        padding-left: 18.06px;
    } */
    section.escalation .img-holder.gallery-holder.double.reverse .left,
    section.militarisation .img-holder.gallery-holder.double.reverse .left {
        padding-left: 20px;
    }
    section.escalation .img-holder.schema-holder {
        padding-left: 0;
        padding-right: 0;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    section.militarisation .wrapper {
        padding-top: 86px;
        padding-bottom: 60px;
    }
    section.militarisation p {
        padding-left: 18.06px;
    }
    section.empowerment .wrapper {
        padding-top: 104px;
        padding-bottom: 100px;
    }
    section.empowerment p {
        padding-left: 18.06px;
    }
    section.empowerment .img-holder.gallery-holder {
        padding: 42px 0 0;
        margin-bottom: 80px;
    }
    
    section.empowerment .img-holder.gallery-holder.single-holder .holder {
        width: 100%;
    }
    section.empowerment .img-holder .bg {
        height: 65%;
    }
    /* section.empowerment .img-holder.gallery-holder .subtitle {
        position: absolute;
    } */
    section.empowerment .img-holder.map-holder.anim {
        padding: 20px;
        width: 100%;
        transform: translate3d(0, 0, 0) !important;
    }
    section.empowerment .img-holder.map-holder .bg {
        height: 100%;
        width: 100%;
    }
    /* section.empowerment .img-holder.map-holder .subtitle{
        display:none;
    } */
    section.empowerment .img-holder.map-holder .map {
        width: 100%;
    }
    section.integration .wrapper {
        padding-top: 79px;
        padding-bottom: 60px;
    }
    section.integration .section-title {
        margin-bottom: 40px;
    }
    section.integration p {
        padding-left: 18.06px;
    }
    .bg3.mobile {
        margin-top: -70px;
        z-index: 1;
        height: 90vw;
    }
    .bg3.mobile img {
        width: auto;
        height: 100%;
    }
    .hero .bg2 {
        margin-top: -19.5%;
    }

    section.crimes{
        padding:84px 0;
    }
    .crimes .wrapper {
        padding: 0 25px;
    }
    section.crimes h3.quote {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 40px;
    }
    section.crimes h3.quote span br{
        display:none;
    }
    section.crimes .quote-name {
        max-width: 215px;
    }
    .crime-details .text {
        font-size: 14px;
        line-height: 26px;
        margin-bottom:54px;
    }
    .bg.bg2.mobile {
        top: 50vw;
        height: 140vw;
        z-index: 0;
    }
    .crime-details .bg{
        min-height:initial;
    }
    .crime-details .img {
        margin-bottom: 21px;
    }
    .crime-details .caption {
        margin-bottom: 109px;
    }
    .crime-details .text2 {
        font-size: 16px;
        line-height: 1.88;
        margin-bottom: 177px;
    }
    h2.section-title {
        font-size: 32px;
        line-height: 38px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    h2.section-title:before {
        top: 7px;
    }
    .team h2.section-title {
        text-align: left;
    max-width: 220px;
        margin-bottom: 58px;
    }
    .team .bg {
        width: 150%;
        left: -50%;
        height: 78.5vw;
    }
    .video-holder {
        clip-path: url(#clip-01);
    }
    .team .part1 .caption {
        font-size: 14px;
        line-height: 18px;
    }
    .team .part2{
        padding: 77px 0 266px;
    }
    .team .part2 .text {
        font-size: 16px;
        line-height: 30px;
        margin-bottom:115px;
    }
    .team .part2 .quote {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 30px;
    }
    .team .part3 .img {
        margin-bottom: 58px;
    }
    .team .part3 .bg{
        min-height:initial;
    }
    .team .part3 .bg.bg2.mobile {
        top: 50vw;
        height: 260vw;
    }
    .team .part3 .caption {
        font-size: 18px;
        margin-bottom: 50px;
    }
    .team .part3 .text {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    
    .team .video-holder {
        margin-bottom: 23px;
    }
    .team .part4 .caption {
        font-size: 14px;
        line-height: 34px;
        margin-bottom: 161px;
    }
    .team .part4 .text {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 161px;
    }
    .team .part4 .text p:not(:last-child) {
        margin-bottom: 52px;
    }
    .team .part4 .documents {
        margin-bottom: 191px;
    }
    .team .part4 .documents>div {
        line-height: 50px;
        display: block;
    }
    .team .part4 .documents .textbg.bg4:before {
        width: 108%;
        height: 104%;
        left: -5%;
        top: -5%;
    }
    .team .part4 .documents .textbg.bg1:before {
        height: 185%;
        background-size: initial;
    }
    .brief .bg {
        top: 130px;
        height: 70vw;
        min-height:initial;
    }
    .brief .part1 h2 {
        margin-bottom: 56px;
    }
    .brief .part1 .video-holder {
        margin-bottom: 22px;
    }
    .brief .part1 .caption {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 202px;
    }
    .brief .part1 .text {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 94px;
    }
    .brief .part1 .img {
        width: 270px;
    }
    .brief .part2 {
        padding: 120px 0 172px;
        margin-top: -60px;
    }
    .brief .part2 .text {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 288px;
    }
    .brief .part2 .bg{
        min-height:initial;
    }
    .brief .part2 .bg.bg2.mobile {
        top: 30vw;
        height: 230vw;
        z-index: 0;
    }
    .brief .part2 .bg.bg2.mobile + .bg.bg2.mobile {
        top: 190vw;
        height: 160vw;
        width: 130%;
    }
    .brief .part2 .quote {
        font-size: 26px;
        line-height: 48px;
        margin-bottom: 30px;
    }
    .brief .part2 .footnote {
        margin-bottom: 0;
        padding: 0 8px;
    }
    .puzzle .part1 h2.section-title {
        text-align: left;
        max-width: 240px;
        margin-bottom: 56px;
    }
    .puzzle .part1 .bg {
        top: 310px;
        height: 230px;
        width: 140%;
        left: -20%;
        height: 55%;
    }
    .puzzle .part1 .img,
    .puzzle .part1 .video-holder {
        margin-bottom: 210px;
    }
    .puzzle .part2 .quote {
        margin-bottom: 120px;
    }
    .puzzle .part2 .text {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 110px;
        padding: 0 8px;
    }
    .puzzle .part2 .chart {
        margin-bottom: 100px;
        cursor: pointer;
    }
    .puzzle .part2 .chart .caption {
        font-size: 16px;
        padding-top:40px;
    }
    .puzzle .part3 .bg{
        min-height:initial;
    }
    .puzzle .part3 .img {
        margin-bottom: 73px;
    }
    .puzzle .part3 .img .caption {
        padding-top: 40px;
        font-size: 16px;
    }
    .puzzle .part3 .text {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 100px;
    }
    .puzzle .part3 .bg.bg2.mobile + .bg.bg2.mobile {
        top: 140vw;
        height: 210vw;
        width: 170%;
    }
    .puzzle .part3{
        padding-bottom: 120px;
    }
    /* .suspects {
        padding-top: 120px;
    } */
    .suspects .part1 h2.section-title {
        margin-bottom: 70px;
    }
    .suspects .part1 .img {
        max-width: 882px;
        margin: 0 auto 30.97vw;
        width: 140%;
        left: -13%;
        margin-bottom: 99px;
    }
    .suspects .part1 .bg.mobile {
        top: 50vw;
    }
    .suspects .part1 .text {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 72px;
    }
    .suspects .part2 {
        padding-top: 0;
    }
    .suspects .part2 .bg {
        top: 54vw;
        min-height:initial;
    }
    .suspects .part2 .bg.bg2.mobile {
        top: 130vw;
        height: 400vw;
        width: 220%;
    }
    .suspects .part2 .bg.bg2.mobile + .bg.bg2.mobile {
        top: 400vw;
        height: 330vw;
        width: 400%;
    }
    .suspects .part2 .row,.suspects .part2 .row:nth-child(2) {
        flex-direction: column-reverse;
        width: 100%;
    }
    .suspects .part2 .row .content, .suspects .part2 .row .img-holder{
        width:100%;
        padding: 0;
        text-align: center;
    }
    .suspects .part2 .row:nth-child(1) .img {
        margin-bottom: 21px;
        width: 100vw;
    }
    .suspects .part2 .row:nth-child(1){
        margin-bottom: 44px;
    }
    .suspects .part2 .row .img-holder {
        margin-bottom: 34px;
    }

    .suspects .part2 .row:nth-child(2) .img {
        margin-bottom: 19px;
        width: 120vw;
        left: -29vw;
    }
    .suspects .part2:nth-child(2) .row .img-holder {
        margin-bottom: 22px;
    }
    .suspects .part2 .row:nth-child(2) .content {
        padding-right: 0;
        padding-left: 0;
        text-align: center;
    }
    .suspects .part2 .row:nth-child(2) .caption {
        text-align: center;
        margin-left: 0;
    }
    .suspects .part2 .row:nth-child(2){
        margin-bottom: 40px;
    }
    .suspects .part2 .row:nth-child(3) .img {
        margin-bottom: 0px;
        width: 112vw;
    }
    .suspects .part2 .row:nth-child(3) .caption {
        color: #fff;
        position: absolute;
        bottom: 89px;
        left: -20px;
        max-width: 210px;
        line-height: 20px;
    }
    .suspects .part2 .row .content .text {
        font-size: 14px;
        line-height: 2.14;
    }
    .suspects .part3 {
        padding: 250px 0 203px;
    }
    .suspects .part3 .quote {
        font-size: 18px;
        line-height: 34px;
        padding: 0 15px;
    }
    .conclusion h2.section-title {
        margin-bottom: 66px;
    }
    .conclusion .part1 .img {
        margin-bottom: 220px;
    }
    .conclusion .part1 .bg {
        top: 40vw;
        height: 70vw;
        width: 180%;
        left: -36%;
    }
    .conclusion .part1 .quote {
        font-size: 18px;
        line-height: 34px;
        padding: 0 33px;
        margin-bottom: 88px;
    }
    .conclusion .part1 .text {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 72px;
        padding: 0 5px;
    }
    .conclusion .title {
        font-size: 32px;
        line-height: 40px;
        max-width: 250px;
        margin: 0 auto 72px;
    }
    .conclusion .model-images {
        width: 120%;
        left: -10%;
        margin-bottom: 88px;
    }
    .conclusion .model-images .model-image {
        width: 28.5%;
    }
    .conclusion .model-titles.row {
        flex-direction: column;
        align-items: center;
    }
    .conclusion .model-title {
        width: 70% !important;
    }
    .conclusion .model-title:not(:last-child){
        margin-bottom:30px;
    }
    .conclusion {
        padding-bottom: 120px;
    }
     footer {
        /* padding: 60px 48px;
        background: #3D3D3D; */
        height: 72px;
    } 
    footer .logo {
        height: 72px;
    }
    footer .wrapper.row, footer .left.row, footer .links.row {
        flex-direction: column;
        align-items: flex-start;
    }
    /* footer .logo {
        margin-bottom: 20px;
    } */
    footer .links.row {
        margin-bottom: 37px;
    }
    iframe {
        width: 84vw;
        height: 48vw;
    }

}
@media screen and (max-width:390px){
    .bg3.mobile {
        height: 100vw;
    }
    .team .part3 .bg.bg2.mobile {
        height: 300vw;
    }
    .brief .part2 .bg.bg2.mobile + .bg.bg2.mobile {
        height: 190vw;
    }
    .puzzle .part3 .bg.bg2.mobile + .bg.bg2.mobile {
        height: 260vw;
    }
    .suspects .part2 .bg.bg2.mobile + .bg.bg2.mobile {
        height: 380vw;
    }
}
@media screen and (max-width:375px){
    .bg3.mobile {
        margin-top: -70px;
        width: 150%;
        left: 50%;
        transform: translate3d(-50%,0,0);
        height: 120vw;
    }
    
    .hero .bg2 {
        margin-top: -110px;
    }
    .bg.bg2.mobile {
        height: 170vw;
    }
    .team .part3 .bg.bg2.mobile {
        top: 40vw;
        height: 340vw;
    }
    .brief .part2 .bg.bg2.mobile{
        height:300vw;
        width: 120%;
        top: 25vw;
    }
    
    .brief .part2 .bg.bg2.mobile + .bg.bg2.mobile {
        top: 230vw;
    }
    .puzzle .part3 .bg.bg2.mobile + .bg.bg2.mobile {
        top: 180vw;
        height: 230vw;
    }
    .suspects .part2 .bg.bg2.mobile + .bg.bg2.mobile {
        height: 420vw;
    }
    .control .img-holder.gallery-holder.double.reverse .bg {
        height: 87%;
    }

    .hero .slide1 .bottom-img {
        height: 18.38vh;
    }
    .hero .slide2 .bottom-img {
        height: 14.38vh;
    }
    .hero .slide3 .bottom-img {
        height: 16.63vh;
    }
    .hero .top-img .img {
        height: 20.7vh;
    }
    .hero .top-img {
        margin-bottom: 1.88vh;
        /* margin-right: 7.19vw; */
    }
    section.ghosts-details .slider-holder {
        margin-bottom: 90px;
    }
}
@media screen and (max-width:360px){
    .bg3.mobile {
        height: 130vw;
    }
    .team .part3 .bg.bg2.mobile {
        height: 380vw;
    }
    .brief .part2 .bg.bg2.mobile + .bg.bg2.mobile {
        height: 210vw;
        width: 180%;
        top:250vw;
    }
    .puzzle .part3 .bg.bg2.mobile + .bg.bg2.mobile {
        height: 270vw;
    }
    .suspects .part2 .bg.bg2.mobile + .bg.bg2.mobile {
        height: 430vw;
    }

    .hero .slide1 .bottom-img {
        height: 18.38vh;
    }
    .hero .slide2 .bottom-img {
        height: 14.38vh;
    }
    .hero .slide3 .bottom-img {
        height: 16.63vh;
    }
    .hero .top-img .img {
        height: 20.7vh;
    }
    .hero .top-img {
        margin-bottom: 1.88vh;
        /* margin-right: 7.19vw; */
    }
    section.ghosts-details .slider-holder {
        margin-bottom: 90px;
    }
}