* {
  font-family: "Inter Tight", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  
}
.product-block .product-detail .pro-name a{
  font-size: 14px;
}
.slick-slider .slick-dots{
  bottom: -29px;
}
.product-sale,.sold-out-tag{
  display: none;
}
.success-lucky p {
    margin-bottom: 0;
}
.fa-bars-menu {
    background: #0047ba !important;
}
.banner-img img{
  height: 1500px;
  width: 100%;
}
.select-swatch .swatch .swatch-element span{
  font-weight: 600;
}
#pro-qv-wanda #product-detail-qv .product-title #pro_sku_qv{
  font-weight: 600;
}
#background-index{
  z-index: 500;
  bottom: -3px;
}
#product-titsnew .muangay-content{
  margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -12px;
}
.seven-product-container{
  // position: absolute;
  //     bottom: 1%;
  // padding: 0 32px;
      padding: 0 20px;
  background-image: url(https://file.hstatic.net/1000360022/file/bg05.jpg);
      height: 850px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.img-background{
  position: absolute;
    bottom: 0px;
    width: 100%;
    display: inline-block;
    left: 0;
}
.muangay-content{
      margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px;
}
.note-cart p {
    font-size: 13px;
    margin-bottom: 0;
}
 #section-three .text_content .three-text-content .item h1{
  font-size: 24px;
  color:#0047ba;
  letter-spacing: 1px;
  font-weight: 700 !important;
}
footer{
  display:none;
}
.position-ab{
  position: absolute;
}
.btn-coming-soon{
  width: 100%;
}
.container-deadpool{
  margin: 0 auto;
  position: relative;
  max-width: 100%;
}
@media (max-width:1400px){
.banner-img img{
  height: 1200px;
  width: 100%;
}
}

@media (min-width:1024px){
  .seven-product-container .d-flex-column {
    padding: 5px 15px;
}
}
@media (min-width:1200px){
  .container-deadpool{
    width:1200px
  }
  .content-fourd-img img{
    width: 50%;
  }
  .seven-product-container .d-flex-column {
    padding: 5px 15px;
}
  .section_fourd .three-container{
  justify-content: center;
  }
  .section_fourd .three-container .fourd_one{
  width: 40%;
    padding: 0 15px;
  }
.section_fourd .three-container .fourd_two{
  width: 40%;
  padding: 0 15px;
  }
}
@media (min-width:1400px){
  .container-deadpool{
    width:1500px       
  }
}
.img-text-animation img{
  max-width: 900px;
}
.img-text-animation{
  top: 117px;
}
// .section-eight-content .d-flex-column:last-child{
//   display:none;
// }
.three-text1{
  top: 16%;
  left: 4%;
}
.three-text2{
  top: 13%;
  right: 5%;
}
.three-text3{
  bottom: 32%;
  left: 11%;
}
.three-text4{
  bottom: 19%;
  right: 7%;
}
.five-text1{
  top: 3%;
  left: 0px;
}
.five-text2{
  bottom: 7%;
  left: 18%;
}
.five-text4{
  right: 22%;
  bottom: 20%;
}
.five-text3{
  right: 0%;
  top: 1%;
}
.five-text1 img, .five-text3 img{
  object-fit: contain;
  object-position: center;
  height: auto;
}
.five-text1, .five-text3{
  animation: zoom-in-zoom-out-gift 2s ease-out ;
  -moz-animation: zoom-in-zoom-out-gift 2s ease-out;
  -webkit-animation: zoom-in-zoom-out-gift 2s ease-out;
  -o-animation: zoom-in-zoom-out-gift 2s ease-out;
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
}
@keyframes zoom-in-zoom-out-gift {
0%, 100% {
  transform: rotate(2);
}
25% {
  transform:rotate(-2deg);
}
  50% {
    transform:rotate(2deg);
  }
  75% {
    transform: rotate(-2deg);
  }
}
#section-five .five-text2 img, #section-five .five-text4 img{
  max-width: 100%;
  object-fit: contain;
}
#section-five .five-text3 img{
  max-width: 505px;
  object-fit: contain;
}
#section-five .five-text1 img{
  max-width: 450px;
  object-fit: contain;
}
.product-block .product-detail {
  justify-content: end;
}
.product-block .product-detail .pro-name {
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.text_content{
  overflow: hidden;
  // position: absolute;
  // bottom: 0px;
  // background: #A90112;
  // height: 135px;
  // width: 100%;
  // display: flex;
  // align-items: center;
  // overflow: hidden;
}
.fourd_img-content{
      position: absolute;
    bottom: 0px;
    background: transparent;
}
.fourd_one, .fourd_two{
  flex-direction: column;
  justify-content: center;
    align-items: center;
}
.fourd_one h1, .fourd_two h1{
  color: #0047ba;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
}
.section-four-img-position-1{
  position: absolute;
  top: 48%;
  left: 15%;
}
.section-four-img-position-1 a, .section-four-img-position-1 button{
  width: 300px;
}
.section-four-img-position-2{
  position: absolute;
  top: 48%;
  right: 15%;
}
.section-four-img-position-2 a, .section-four-img-position-2 button{
  width: 300px;
}
.section-eight-content .button-click:hover{
  color: white;
  border: 2px solid white;
}
#product-titsnew{
  border: 3px solid #0047ba;
  border-radius: 20px;
}
.section_fourd .content-fourd-img{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px 35px;
}
.three-container{
  display: flex;
  margin-bottom: 100px;
}
.loading-container img{
  position: absolute;
  width: auto;
  height: 120px;
  top: -61px;
  left: 50%;
  transform: translateX(-50%);
}
.three-text-content{
  background: #d2dce5;
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 10px;
}
// .three-text-content:before {
//   background: black;
//   top: -11px;
//   content: "";
//   height: 7px;
//   width: 100%;
//   position: absolute;
//   transition: width .2s ease-in-out;
//   left: 0px;
// }
.three-text-content .item {
  flex: 1;
  margin-right: 10px;
  white-space: nowrap;
}
.three-text-content .item img{
  width: 100%;
  height: 25px;
}
#header #site-header-center{
  background: #0047ba !important;
}
#header #site-header-center #menu-desktop > li > a{
  font-weight: 700 !important;
}
.three-text-content h1 span{
  // margin-right: 20px;
  font-weight: 700;
}
.flex-deadpool{
  display: flex;
}
.loading-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  width: 100%;
  max-width: 800px;
  text-align: right;
  background-color: transparent;
  border: 2px solid #C79617;
  padding: 2px 10px 2px 4px;
  margin: 0 auto;
  position: absolute;
  bottom: 2%;
  left: 50%;
  transform: translateX(-50%);
}
#dots {
  display: inline-block;
  width: 20px;
  text-align: left;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: -6px;
  font-size: 13px;
}
.loading-text h1{
  font-size: 16px;
}
#dots::before {
  content: '';
  animation: dots 0.5s steps(4, end) infinite;
}

@keyframes dots {
    0%, 20% {
        content: '';
    }
    40% {
        content: '.';
    }
    60% {
        content: '..';
    }
    80%, 100% {
        content: '...';
    }
}
.loading-text {
  font-size: 14px;
  font-weight: bold;
  color: #F9C004;
  width: 22%;
  position: relative;
  display:flex;
}
.progress-bar {
  width: 80%;
  height: 25px;
  background-color: transparent;
  overflow: hidden;
}
.spacer {
  display: inline-block;
  width: 100px; /* chỉnh khoảng cách theo ý muốn */
}
.three-text-content .spacer{
     width: 100%;
    margin: 0px 50px 0px 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 65px;
}
.three-text-content .spacer-new{
     width: 100%;
    margin: 0px 0px 0px -40px;
}
.three-text-content .item{
  color: white;
  font-family: 'Jersey', sans-serif !important;
  animation: auto-run 15s linear infinite;
  font-size: 40px;
  will-change: transform;
}
@keyframes auto-run {
  0% {
    transform: translateX(0%); /* Start position */
  }
  100% {
    transform: translateX(-100%); /* End position */
  }
}
.progress-bar-fill {
  height: 100%;
  width: 0;
  background: linear-gradient(to right, #F9971A, #FAAE19, #FCBF17, #FED813), radial-gradient(circle,  #F9971A, #FAAE19, #FCBF17, #FED813);
  text-align: center;
  color: white;
  line-height: 30px;
  font-weight: bold;
}
.button-position{
  position: absolute;
   z-index: 1000;
}
.button-position1{
  position: absolute;
  z-index: 1000;
}
.position-1{
  left: 32%;
  top: 23%;
}
.position-2{
  bottom: 32%;
  left: 58%;
}
.position-3{
  top: 35%;
  left: 28%;
}
.position-4{
  left: 69%;
  bottom: 19%;
}
.position-5{
  left: 30%;
    top: 24%;
}
.position-6{
  top: 58%;
  left: 60%;
}
.position-7{
  top: 25%;
  left: 29%;
}
.position-8{
  top: 56%;
  left: 61%;
}
.position-9{
  top: 30%;
  left: 23%;
}
.position-10{
  top: 55%;
  left: 57%;
}
.position-11{
  top: 27%;
  left: 32%;
}
.position-12{
  top: 60%;
  left: 67%;
}
.position-13{
  top: 22%;
  left: 29%;
}
.position-14{
  left: 65%;
  top: 56%;
}
.position-15{
  top: 21%;
  left: 33%;
}
.position-16{
  top: 60%;
  left: 67%;
}
.position-17{
  top: 17%;
    left: 34%;
}
.position-18{
  top: 57%;
  left: 63%;
}
#header #site-header-center #menu-desktop > li > a{
  color: white !important;
}
#site-header-center{
  background: #0047ba !important;
  // background-image: url("https://file.hstatic.net/1000360022/file/bg.jpg") !important;
  // background-repeat: no-repeat !important;
  // background-size: cover !important;
  // background-position: center !important;
}
#menu-desktop{
    background: #0047ba !important;
  // background-image: url("https://file.hstatic.net/1000360022/file/bg.jpg") !important;
  // background-repeat: no-repeat;
  // background-size: cover;
  // background-position: center;
}
.product-block .product-detail .pro-name a{
  margin-bottom:0 !important;
}
.btn-deadpool-page{
  // border-radius: 100%;
  border: none;
  background: transparent;
}
.btn-muangayproduct-deadpool{
  height: 40px;
  width: 100%;
  color: white;
  border: none;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background: transparent;
}
.section-four-content{
  position: absolute;
  bottom: 10px;
  left: 25px;
}
.fourd_muangay{
  position: absolute;
}
.section-two-img{
  position: relative;
}
.section-nine-img{
  position: absolute;
  bottom: 0px;
}
.section-seven-content{
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.container_deadpool{
  width: 570px;
  overflow: auto;
}
.viwe-all-mix{
  display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.viwe-all-mix h1{
    padding: 10px 10px;
    border: 1px solid #0047ba;
    color: #0047ba;
    font-size: 20px;
    font-weight: 600;
    border-radius: 8px;
    margin-top: 30px;
}
.button-click{
  position: absolute;
    bottom: 30px;
    color: white;
    font-size: 16px;
    border-radius: 8px;
    border: 2px solid;
    left: 50%;
    max-width: 400px;
    width: 290px;
    transform: translate(-50%, -50%);
    text-align: center;
    font-weight: 400;
    padding: 8px 0px;
}
.roll-deadpool::-webkit-scrollbar {
  height: 5px;
}
.roll-deadpool::-webkit-scrollbar-track {
  background: black;
}
.roll-deadpool::-webkit-scrollbar-thumb {
  background: white;
}
.roll-deadpool::-webkit-scrollbar-thumb:hover {
  background: black;
}
.container_deadpool .product-block{
  width: 200px;
}
.section-eight-img{
  position: relative;
}
.img-text-animation {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) !important;
}
#section-nine .product-block .product-detail{
  padding-bottom:10px;
  max-height: 210px;
}
.section-eight-content .d-flex-column{
  padding: 20px;
}
#section-eight .section-eight-content{
  background: #e0dfd9;
  padding: 40px;
}
.section-eight-title{
  text-align: center;
      color: white;
    font-weight: 300;
    font-size: 40px;
      margin-top: 20px;
    margin-bottom: 20px;
  line-height: 49px !important;
}
.section-eight-content{
  position: absolute;
  top: 0%;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  // display: flex;
  // align-items: center;
  // justify-content: center;
  padding: 15px;
}
.section-nine-product{
  // position: absolute;
  // top: 1%;
  // left: 50%;
  // transform: translateX(-50%);
  // width: 90%;
  // display: flex;
  // justify-content: center;
}
  .fourd_right{
    bottom: 28%;
    right: 19%;
  }
  .fourd_left{
    bottom: 28%;
    left: 16%;
  }
.fourd_muangay img{
  width: 300px;
}
.section-nine-product .d-flex-column{
  padding: 15px;
}
.product-block.item {
  padding: 10px 5px;
}
// .nine-banner-1{
//   margin-right: -40px;
//   margin-top: -40px;
//   margin-left: -40px;
// }
.product-block .product-detail .pro-name a{
  -webkit-line-clamp: 1 !important;
}
.nine-banner-1{
  background: #235FBF;
    padding: 0px;
    display: flex;
    gap: 0;
    margin: 0px;
}
.section-nine-banner{
  background-image: url("https://file.hstatic.net/1000360022/file/banner_hinh_2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px 40px;
  background-color: #D4DFEF;
}
#section-nine{
  position: relative;
}
#section-nine .container-deadpool{
  // height: 2800px;
  // background: #A90112;
  padding: 0px 0px;
}
.deadpool_video{
  z-index: 11;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%)
}
@media screen and (max-width: 1399px) {

  .img-text-animation img {
    max-width: 800px;
  }
  .img-text-animation{
    top: 80px;
  }
  .five-text1{
    top: 3%;
    left: 0px;
  }
  .five-text3{
    right: 0%;
    top: 1%;
  }
  #section-five .five-text3 img{
    max-width: 405px;
    object-fit: contain;
  }
  #section-five .five-text1 img{
    max-width: 400px;
    object-fit: contain;
  }
  #section-nine .container-deadpool {
    // height: 2410px;
  }
  #myVideo iframe{
    width: 1000px;
    height: 563px;
  }
  .position-1{
    left: 30%;
    top: 22%;
  }
  .position-2{
    bottom: 27%;
    left: 58%;
  }
  .position-3{
    top: 32%;
    left: 23%;
  }
  .position-4{
    left: 60%;
    bottom: 23%;
  }
  .position-5{
    left: 28%;
    top: 19%;
  }
  .position-6{
    top: 58%;
    left: 60%;
  }
  .position-7{
    top: 22%;
    left: 23%;
  }
  .position-8{
    top: 56%;
    left: 61%;
  }
  .position-9{
    top: 30%;
    left: 23%;
  }
  .position-10{
    top: 55%;
    left: 57%;
  }
  .position-11{
    top: 23%;
    left: 29%;
  }
  .position-12{
    top: 60%;
    left: 67%;
  }
  .position-13{
    top: 22%;
    left: 24%;
  }
  .position-14{
    left: 65%;
    top: 56%;
  }
  .position-15{
    top: 17%;
    left: 29%;
  }
  .position-16{
    top: 60%;
    left: 67%;
  }
  .position-17{
    top: 16%;
    left: 27%;
  }
  .position-18{
    top: 57%;
    left: 63%;
  }
  .section-eight-img{
    height: auto;
  }
  .section-nine-product{
    width: 94%;
  }
  .section-eight-content .d-flex-column{
    padding: 20px 35px 10px 20px;
  }
  .container_deadpool .product-block{
    width: 155px;
  }
  .container_deadpool{
    width: 550px;
  }
}
@media screen and (max-width: 1200px) {
  #myVideo iframe{
    width: 947px;
    height: 532px;
  }
  #section-nine .container-deadpool {
    // height: 2400px;
  }
    .container_deadpool .product-block{
    width: 155px;
  }
  .container_deadpool{
    width: 550px;
  }
.section-four-content, .section-seven-content{
  bottom: 28px;
}
}
@media screen and (max-width: 1100px) {
  #myVideo iframe {
    width: 870px;
    height: 490px;
  }
  .container_deadpool .product-block{
    width: 165px;
  }
  .container_deadpool{
    width: 450px;
  }
  .section-four-content, .section-seven-content{
    bottom: 10px;
  }
  #section-nine .container-deadpool{
    // height: 2280px;
  }
  .section-nine-product {
    width: 97%;
    top: 1%;
  }
}
@media screen and (max-width: 1024px) {
  #myVideo iframe {
    width: 820px;
    height: 460px;
  }
  .slick-slider .slick-dots{
  bottom: -15px;
}
    .banner-img img{
  height: 1000px;
  width: 100%;
}
  .img-text-animation img {
    max-width: 700px;
  }
  .img-text-animation{
    top: 78px;
  }
  #dots {
    font-size: 17px;
  }
  .loading-container{
    max-width: 660px;
  }
  .loading-text {
    width: 29%;
  }
  .section-eight-content{
    top: 0%;
    width: 100%;
  }
.button-click {
  bottom: 16px;
  left: 49%;
  width: 240px;
}
.deadpool_video {
  top: 60%;
}
.seven-product-container {
  height: 580px;
}
  .section-four-content, .section-seven-content{
    position: static;
    overflow: auto;
    margin-bottom: 10px;
  }
  #section-four .container_deadpool{
    width: 1300px;
  }
  #section-seven .container_deadpool{
    width: 1300px;
  }
  .container_deadpool .product-block{
    width: 100%;
  }
  #section-nine .container-deadpool {
    // height: 2160px;
  }
  .section-nine-product {
    top: 1%;
  }
}
@media screen and (max-width: 991px) {
  .img-text-animation{
    top: 62px;
  }
  .img-text-animation img {
    max-width: 550px;
  }
  #section-nine .container-deadpool {
    // height: 3090px;
  }
  .section-nine-product {
    top: 1%;
  }
  #myVideo iframe {
    width: 740px;
    height: 415px;
  }
  .wanda-close-handle .mb-menu-cls .bar{
    background: white;
  }
  .wanda-close-handle .mb-menu-cls .bar:before {
    bottom: 4px;
    left: 13px;
  }
  .wanda-close-handle .mb-menu-cls .bar:after {
    left: 13px;
    top: -3px;
  }
}
@media screen and (max-width: 920px) {
  #section-nine .container-deadpool {
    // height: 2910px;
  }
     .button-click {
        bottom: 16px;
        left: 49%;
        width: 160px;
    }
    .banner-img img {
    height: 855px;
    width: 100%;
  }
  .button-click {
    font-size: 11px;
}
  .seven-product-container {
    height: 450px;
  }
  .deadpool_video {
        top: 58%;
    }
}
@media screen and (max-width: 820px) {
  #section-nine .container-deadpool {
    // height: 2690px;
  }
   

  .section-nine-product {
    top: 1%;
  }
  #myVideo iframe {
    width: 630px;
    height: 355px;
  }
}
@media screen and (max-width: 768px) {
  .muangay-content{
    margin-bottom: -10px;
}
  @keyframes auto-run {
  0% {
    transform: translateX(0%); /* Start position */
  }
  100% {
    transform: translateX(-200%); /* End position */
  }
}
  .img-text-animation{
    top: 52px;
  }
  .img-text-animation img {
    max-width: 500px;
  }
  .section-eight-content .d-flex-column{
    padding: 25px;
  }
  .site-wrapper {
    padding-top: 60px !important;
  }
  .section-four-content, .section-seven-content{
    position: static;
  }
  #myVideo iframe {
    width: 540px;
    height: 303px;
  }
  // .deadpool_video{
  //   top:84%;
  // }
  .section-nine-product {
    width: 95%;
  }
  #section-nine .container-deadpool {
    // height: 2510px;
  }
  .section-nine-product{
    top: 1%;
  }
}
@media screen and (max-width: 767px) {
  .section_one_content1{
      top: 43%;
    left: 40px;
  }
    .fourd_muangay img{
    width: 100px
  }
.section_one_content1 .one-img-content{
  width: 115px;
  margin-left: 10px;
}
  .section-eight-content .d-flex-column{
    padding: 25px;
  }
  .loading-text {
    width: 44%;
  }
  .loading-container {
    max-width: 500px;
  }
  .section-eight-content{
    top: 0%;
    width: 94%;
  }
  .section-four-content, .section-seven-content {
    position: static;
  }
  .section-nine-product {
    width: 95%;
  }
  #section-nine .container-deadpool {
    // height: 4500px;
  }
  .section-nine-product {
    top: 1%;
  }
}
@media screen and (max-width: 700px) {
  #section-nine .container-deadpool {
    // height: 4030px;
  }
  #myVideo iframe {
    width: 500px;
    height: 282px;
  }
  .img-text-animation{
    top: 45px;
  }
  .img-text-animation img {
    max-width: 450px;
  }
}
@media screen and (max-width: 650px) {
  #section-nine .container-deadpool {
    // height: 3990px;
  }
  #myVideo iframe {
    width: 445px;
    height: 250px;
  }
}
@media screen and (max-width: 600px) {
  #section-nine .container-deadpool {
    // height: 3750px;
  }
  #myVideo iframe {
    width: 396px;
    height: 223px;
  }
  .img-text-animation{
    top: 38px;
  }
  .img-text-animation img {
    max-width: 380px;
  }
}
@media screen and (max-width: 510px) {
  .three-container{
    margin-bottom: 20px;
  }
  .section_fourd a,.section_fourd button{
      background: transparent;
    opacity: 0;
    width: 100%;
    height: 115px;
}
  #section-nine .container-deadpool {
    // height: 3330px;
  }
  .img-text-animation img {
    max-width: 350px;
  }
}
@media screen and (max-width: 481px) {
  #section-three .text_content .three-text-content .item h1 {
    font-size: 19px;
}
.three-text-content .item img {
    width: 100%;
    height: 20px;
}
.three-text-content .spacer {
    gap: 35px;
}
  .section-nine-banner{
    padding: 10px 0;
  }
    .destop-none{
      display: none;
    }
    .mobile-none{
      display: block;
    }
        .mobile-none{
      display: none;
    }
     .destop-none{
      display: block;
    }
    
  
  .fourd_right{
    bottom: 28%;
    right: 19%;
  }
  .fourd_left{
    bottom: 28%;
    left: 16%;
  }
  .so-huu-ngay{
    width: 250px;
  }
  .img-text-animation img{
    max-width: 300px;
  }
  .img-text-animation{
    top: 28px;
  }
  .three-text-content h1,.three-text-content img{
    animation: auto-run 10s linear infinite;
  }
  .section-eight-content .d-flex-column:last-child{
    display:block;
  }
  .five-text1{
    top: 5%;
    left: -13px;
  }
  .five-text2{
    bottom: 7%;
    left: 18%;
  }
  .five-text4{
    right: 22%;
    bottom: 20%;
  }
  .five-text3{
    right: 1%;
    top: 1%;
  }
  .three-text1 {
    top: 15%;
    left: -2%;
  }
  .three-text2 {
    top: 13%;
    right: -2%;
  }
  .three-text3 {
    bottom: 32%;
    left: 11%;
  }
  .three-text4 {
    bottom: 19%;
    right: -2%;
  }
   #section-three .position-ab img {
    width: 130px;
  }
  #section-five .five-text1 img, #section-five .five-text3 img{
    width: 145px;
    object-fit: contain;
  }
   #section-five .five-text2 img, #section-five .five-text4 img{
    width: 115px;
    object-fit: contain;
  }
  .loading-text h1 {
    font-size: 12px;
  }
  #dots {
    display: inline-block;
    width: 20px;
    text-align: left;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    margin-right: -6px;
    font-size: 13px;
  }
  .btn-muangayproduct-deadpool{
    margin-bottom: 0px;
  }
  .text_content{
      height: 35px;
  }
  .section-eight-content{
                top: 0%;
  }
.button-click {
    bottom: 6px;
    font-size: 10px;
    left: 50%;
    width: 137px;
    padding: 3px 0px;
}
.banner-img img{
      height: 910px;
}
    .seven-product-container {
        height: 390px;
    }
.section-four-img-position-2 a, .section-four-img-position-2 button{
      width: 115px;
}
.section-four-img-position-1 a, .section-four-img-position-1 button {
    width: 115px;
}
.section-four-img-position-2{
    right: 11%;
}
.section-four-img-position-1 {
    left: 12%;
}
.section-four-img-position-1{
  
}
.section-eight-title{
  font-size: 20px;
  line-height: 30px !important;
}
.viwe-all-mix h1{
  font-size: 14px;
}
  #myVideo{
        height: 178px;
    width: 317px;
  }
  .progress-bar {
    height: 20px;
  }
  .loading-text {
    font-size: 10px;
    width: 40%;
  }
  .progress-bar {
    width: 60%;
  }
  .loading-container {
    max-width: 350px;
    height: 30px;
  }
  .deadpool_video {
    top: 54%;
    left: 50%;
  }
  #section-nine .product-block .product-detail{
    padding-bottom:0px;
  }
  #section-nine .container-deadpool{
    padding: 0px;
    // background-color: #A90112;
  }
  #section-four .container_deadpool{
    width: 800px;
  }
  #section-seven .container_deadpool {
    width: 800px;
  }
  #deadpool-container iframe{
    height: 178px;
    width: 317px;
  }
 .section-nine-img img{
    object-fit: cover;
    object-position: center;
  }
  .section-nine-product{
    width: 97%;
    top: 1%;
  }
  .section-nine-product .d-flex-column {
    padding: 8px;
  }
  .section-nine{
    height: 3215px;
  }
  #section-nine .container-deadpool{
    // height: 3225px;
  }
  .section-nine-img{
    position: absolute;
    bottom: 0px;
  }
  .section-nine-img .container-deadpool{
    object-fit: cover;
    object-position: center;
  }
  .section-eight-img img{
    object-fit: cover;
    object-position: center;
  }
  .section-eight-content .d-flex-column {
    padding: 10px;
  }
#product-titsnew {
    border-radius: 8px;
}
#product-titsnew .muangay-content{
    margin-bottom: -10px;
}
}
@media screen and (max-width: 414px) {
  #section-nine .container-deadpool {
    // height: 2900px;
  }
  .slick-slider .slick-dots {
    bottom: -7px;
  }
  .deadpool_video {
    top: 53%;
  }
  .banner-img img{
    height: 880px;
  }
  .seven-product-container {
    height: 350px;
  }
}
@media screen and (max-width: 390px) {
  .deadpool_video {
    left: 50%;
  }
  .img-text-animation {
    top: 23px;
  }
  .position-ab img {
    width: 115px;
    height: auto;
    object-fit: contain;
  }
}
@media screen and (max-width: 375px) {
      .deadpool_video {
        top: 53%;
    }
   .section_one_content1 button, .section_one_content2 button, .section_one_content3 button, .section_one_content4 button {
        width: 130px;
        height: 50px;
    }
      .banner-img img {
        height: 815px;
    }
  .button-click {
        bottom: 6px;
        font-size: 7px;
        left: 50%;
        width: 117px;
        padding: 3px 0px;
    }
}
@media screen and (max-width: 320px) {
  #section-nine .container-deadpool {
    // height: 2460px;
  }

    .banner-img img {
        height: 710px;
    }
  .button-click {
        font-size: 6px;
        width: 90px;
    }
      .section-eight-title {
        font-size: 18px;
        line-height: 30px !important;
    }

}
.section_one_img1, .section_one_img2{
  position: relative;
}
  .img_1{
    margin-bottom: 30px;
  }
.section_one_content1{
      position: absolute;
    top: 62%;
    text-align: end;
    left: 15%;
  z-index: 100;

}
.section_one_content2{
    position: absolute;
    bottom: 41%;
    right: 16%;
  z-index: 100;
}
.section_one_content3{
      position: absolute;
    bottom: 28%;
    left: 12%;
    width: 18%;
    text-align: end;
}
.section_one_content4{
    position: absolute;
    right: 6%;
    top: 55%;
    width: 21%;
}
.section_one_content1 p, .section_one_content2 p{
  font-size: 16px;
  color: white;
  line-height: 20px !important;
  margin-top:10px;
  margin-bottom: 0px;
  font-family: 'Grotesk', sans-serif !important;
  font-weight: 500;
}
.section_one_content3 p,.section_one_content4 p{
  color:black;
  font-size: 16px;
  line-height: 20px !important;
  margin-top: 10px;
  margin-bottom: 0px;
  font-family: 'Grotesk', sans-serif !important;
  font-weight: 500;
}
.section_fourd button {
  width: 150px;
  border: none;
}
.section_fourd a,.section_fourd button{
      background: transparent;
    opacity: 0;
    width: 100%;
    height: 115px;
}
  .fourd_flex{
    display:flex;
  }
.w-50 {
    width: 50%;
}
.p-10 {
    padding: 10px;
}
.section_one_content1 button, .section_one_content2 button, .section_one_content3 button, .section_one_content4 button{
        border-radius: 100%;
        border: none;
      width: 300px;
    height: 50px;
  background: transparent;
}
.section_one #btn-summer img{
  width: 300px;
}
@media screen and (max-width: 480px) {
  #section-eight .section-eight-content{
    padding: 10px;
  }
  .section_one_content1 button, .section_one_content2 button, .section_one_content3 button, .section_one_content4 button{
      width: 160px;
    height: 50px;
}
  .section_one #btn-summer img{
  width: 250px;
}
  .section_one_content4 {
    right: 30%;
    top: 46%;
    width: 21%;
  }
.fourd_one h1, .fourd_two h1{
  font-size: 14px;
}
  .section_one_content2 {
            bottom: 40%;
        right: 1%;
}
  .section_one_content1 {
    top: 53%;
        text-align: end;
        left: 1%;
}
  .section_one_content3 {
    bottom: 21%;
    left: 9%;
    width: 18%;
    text-align: end;
}
  #site-header-center .container-deadpool{
    padding:0 10px;
  }
}

@media screen and (max-width: 414px) {
    .section_one_content2 {
        bottom: 40%;
        right: 1%;
    }
}