@media only screen and (max-width: 767px) {  body {    margin: 0;    padding: 0;  }  .alert_wrap {    position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-color: rgba(0, 0, 0, 0.8);    z-index: 100;  }  .alert_wrap img {    position: absolute;    top: 0;    right: 3vw;    width: 15vw;  }  .alert_wrap .text {    width: 70vw;    color: #fff;    padding: 3vw 0 3vw 3vw;    border: 1px solid #dad675;    border-radius: 15px 4px 4px 4px;    background-color: #09794b;    font-size: 4vw;    position: absolute;    top: 5vh;    left: 5%;  }  .container {    margin: 0;    margin-top: 9vh;    padding: 0;    height: 219vh;    background-image: url("../images/../images/bg.png");    background-size: cover;    background-repeat: no-repeat;    background-position: center;  }  .top-floating {    top: 0;    left: 0;    width: 100%;    height: 9vh;    z-index: 99;    position: fixed;    text-align: center;    display: flex;    align-items: center;    justify-content: center;    background: #121d18;  }  .top-floating .left_img {    margin-right: 2vw;    width: calc(50% + 2vw);    background-size: cover;    background-position: center;    background-repeat: no-repeat;  }  .top-floating .right_img {    width: 40%;    background-size: cover;    background-position: center;    background-repeat: no-repeat;  }  .carousel {    top: 69vh;    height: 15vh;    display: flex;    margin: 0 3vw;    overflow: hidden;    position: absolute;  }  .carousel img {    width: 100%;    height: auto;    z-index: 1;    margin-left: 1vw;    animation: carousel 20s infinite;  }  @keyframes carousel {    0% {      transform: translateX(0%);      animation-timing-function: linear;    }    33% {      transform: translateX(-100%);      animation-timing-function: linear;    }    66% {      transform: translateX(-200%);      animation-timing-function: linear;    }    100% {      transform: translateX(-280%);      animation-timing-function: linear;    }  }}@media only screen and (min-width: 768px) {  body {    padding: 0;    margin: 0 30vw;    background-color: rgb(1, 26, 16);  }  .alert_wrap {    position: fixed;    width: calc(30vw - 1px);    top: 0;    left: 50%;    transform: translate(calc(-65% - 2px), 0);    bottom: 0;    background-color: rgba(0, 0, 0, 0.8);    z-index: 100;  }  .alert_wrap img {    position: absolute;    top: 0;    right: 1vw;    width: 4vw;  }  .alert_wrap .text {    width: 18vw;    color: #fff;    padding: 0.6vw;    border: 1px solid #dad675;    border-radius: 15px 4px 4px 4px;    background-color: #09794b;    font-size: 1vw;    position: absolute;    top: 5vh;    left: 10%;  }  .container {    margin: 0;    margin-top: 9vh;    padding: 0;    height: 219vh;    width: calc(30vw - 1px);    background-size: cover;    background-position: center;    background-repeat: no-repeat;    background-image: url("../images/../images/bg.png");  }  .top-floating {    top: 0;    z-index: 99;    height: 9vh;    position: fixed;    width: 30vw;    display: flex;    align-items: center;    justify-content: center;    background: #121d18;    /* padding: 0 0.5vw; */  }  .top-floating .left_img {    width: calc(60% + 1vw);    margin-right: 1vw;    background-size: cover;    background-position: center;    background-repeat: no-repeat;  }  .top-floating .right_img {    width: 30%;    background-size: cover;    background-position: center;    background-repeat: no-repeat;  }  .carousel {    height: 17vh;    display: flex;    overflow: hidden;    position: absolute;    top: calc(69vh - 1px);    width: calc(30vw - 1px);  }  .carousel img {    width: 100%;    height: auto;    margin-left: 10px;    animation: carousel 20s infinite;  }  @keyframes carousel {    0% {      transform: translateX(0%);      animation-timing-function: linear;    }    33% {      transform: translateX(-90%);      animation-timing-function: linear;    }    66% {      transform: translateX(-190%);      animation-timing-function: linear;    }    100% {      transform: translateX(-280%);      animation-timing-function: linear;    }  }}