.container-deadpool{
  margin: 0 auto;
  position: relative;
  max-width: 100%;
}
footer{
  display:none;
}
.section-nine-product{
      display: flex;
    justify-content: center;
}
#sl-product-thumb{
  background: #1B45B1;
}
.btn-buy-deadpool{
  cursor: pointer;
}
.container-product-style{
  background-color: #0048B7;
  padding:40px;
}
.five-conetnt{
  background: #1B45B1;
}
.five-conetnt a{
  cursor: pointer;
}
#section-nine .d-flex-column {
    padding: 10px;
}
.btn-deadpool-page {
    border: none;
    background: transparent;
}
.smoke-container{
  position: relative;
width: 400px;
    left: 38%;
      bottom: 50%;
    transform: translate(-12%, -112px);
}
#section-11 img{
       width: 100%;
    object-fit: contain;
    object-position: center;
}

.smoke {
  position: absolute;
  width: 50px;
  height: 50px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 70%);
  border-radius: 50%;
  animation: rise 2s infinite ease-in;
  opacity: 0;
}

@keyframes rise {
  0% {
    transform: translateY(0) scale(0.5);
    opacity: 0;
  }
  10% {
    opacity: 0.3;
  }
  30% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.8;
    transform: translateY(-100px) scale(1.5);
  }
  70% {
    opacity: 0.5;
  }
  100% {
    transform: translateY(-250px) scale(2);
    opacity: 0;
  }
}
#galary-procool-1, #galary-procool-2, #galary-procool-3{
  padding: 0px 90px 20px 90px;
}
#btn-summer{
  border: none;
  cursor: pointer;
}
#header #site-header-center .menu-desk .cool-max {
    height: 50px !important;
}
.product-sale{
  display: none;
}
.cool-max{
      background-image: url(https://file.hstatic.net/1000360022/file/coolmax__thanh_menu_.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0px 0px 8px 8px;
      width: 10%;
}


.section-eight-content{
  display: flex;
  justify-content: center;
}
.margin-top{
  margin-top: 30px;
}
#header #site-header-center .menu-desk{
  overflow: hidden !important;
}
// .site-wrapper{
//   padding-top: 60px !important;
// }
.section-eight-content{
  position: relative;
}
.button-position{
  position: absolute;
   z-index: 1000;
}
.button-position1{
  position: absolute;
  z-index: 1000;
}
.position-1{
   left: 60%;
    top: 23%;
}
.position-2{
  bottom: 32%;
  left: 58%;
}
.position-3{
      top: 30%;
    left: 7%;
}
.position-4{
  left: 61%;
    bottom: 40%;
}
.position-5{
    left: 67%;
    top: 23%;
}
.position-6{
      top: 58%;
    left: 28%;
}
.position-7{
  top: 19%;
    left: 22%;
}
.position-8{
     top: 66%;
    left: 65%;
}
.position-9{
     top: 26%;
    left: 28%;
}
.position-10{
  top: 55%;
  left: 57%;
}
.position-11{
  top: 31%;
    left: 25%;
}
.position-12{
  top: 60%;
  left: 67%;
}
.position-13{
top: 18%;
   left: 15%;
}
.position-14{
    left: 82%;
    top: 51%;
}
.position-15{
      top: 22%;
    left: 30%;
}
.position-16{
  top: 60%;
  left: 67%;
}
.position-17{
  top: 17%;
    left: 34%;
}
.position-18{
  top: 57%;
  left: 63%;
}


@media (min-width:1399px){
 .position-1{
          left: 67%;
        top: 27%;
  }
  .position-2{
    bottom: 27%;
    left: 58%;
  }
  .position-3{
            top: 30%;
        left: 47%;
  }
  .position-4{
    left: 69%;
        bottom: 38%;
  }
  .position-5{
        left: 69%;
        top: 24%;

  }
  .position-6{
            top: 58%;
        left: 54%;
  }
  .position-7{
    top: 22%;
        left: 28%;
  }
  .position-8{
   top: 61%;
        left: 55%;
  }
  .position-9{
            top: 26%;
        left: 29%;
  }
  .position-10{
            top: 55%;
        left: 73%;
  }
  .position-11{
            top: 36%;
        left: 29%;
  }
  .position-12{
    top: 60%;
    left: 67%;
  }
  .position-13{
     top: 22%;
        left: 22%;
  }
  .position-14{
              left: 71%;
        top: 58%;
  }
  .position-15{
          top: 25%;
        left: 34%;
  }
  .position-16{
    top: 60%;
    left: 67%;
  }
  .position-17{
    top: 16%;
    left: 27%;
  }
  .position-18{
    top: 57%;
    left: 63%;
  }
  .section-eight-img{
    height: auto;
  }
}
@media (min-width:1200px){
  .container-deadpool{
    width:1200px
  }
}

@media (min-width:1400px){
  .container-deadpool{
    width:1500px       
  }
}
#header #site-header-center{
  background-color: transparent !important;
  box-shadow: none !important;
}
.deadpool_video{
  position: relative;
  background: #75A4DC;
}
.header-content{
  background: #75A4DC;
}
#myVideo{
  line-height: 0px;
}
#deadpool-container{
  display: flex;
  justify-content: center;
  // padding-bottom: 20px;
      background: linear-gradient(to right, #ABCDF5, #ABCDF6, #B3D4F7), radial-gradient(circle,  #ABCDF5, #B3D4F7);
}
.video-desk-none{
  display: block;
}
  .video-mb-none{
  display: none;
}
// #section-banner{
//   height: 100vh; /* Chiều cao của banner full màn hình */
//   background-image: url("https://file.hstatic.net/1000360022/file/artboard1_1.png"); /* Hình ảnh của banner */
//   background-size: cover;
//   background-position: center;
//   display: flex;
//   justify-content: center;
//   align-items: center;
//   color: white;
// }
#header #site-header-center .container-deadpool .header-content {
      background: linear-gradient(to right, #ABCDF5, #ABCDF6, #B3D4F7), radial-gradient(circle, #ABCDF5, #B3D4F7);
  // background-image: url("https://file.hstatic.net/1000360022/file/header-menu.jpg");
  // height: 60px;
  // background-repeat: no-repeat;
  // background-size: cover;
  // background-position: center;
}
#form-swatch-mobile .swatch input {
    display: block;
    opacity: 1;
    height: 50px;
    width: 50px;
    position: absolute;
    top: -5px;
    z-index: 10000;
    opacity: 0;
}
#section-banner{
      margin-top: -60px;
}
#header #site-header-center #menu-desktop > li > a{
  color: #1B45B2 !important;
  font-weight: 900 !important;
}
  #myVideo iframe{
    width: 1500px;
    height: 700px;
  }
@media screen and (max-width: 1500px) {
  #myVideo iframe{
    width: 1460px;
  }
}
@media screen and (max-width: 1400px) {
  #myVideo iframe{
    width: 1200px;
  }
}
@media screen and (max-width: 1100px) {
  #myVideo iframe {
    width: 1100px;
  }
}
@media screen and (max-width: 1024px) {
      #myVideo iframe {
        width: 980px;
        height: 460px;
    }}


@media screen and (max-width: 991px) {
    #myVideo iframe {
    width: 740px;
    height: 415px;
  }
    .header-content{
    padding: 0 15px;
  }
        #galary-procool-1, #galary-procool-2, #galary-procool-3{
      padding: 15px;
    }
}
@media screen and (max-width: 820px) {
  #myVideo iframe {
    width: 630px;
    height: 355px;
  }
}
@media screen and (max-width: 768px) {
  #myVideo iframe {
    width: 650px;
  }
  #header #site-header-center .menu-desk{
         background: linear-gradient(to right, #ABCDF5, #ABCDF6, #B3D4F7), radial-gradient(circle, #ABCDF5, #B3D4F7);
  }
  .site-wrapper{
     padding-top: 60px !important;
  }
}
@media screen and (max-width: 650px) {
  #myVideo iframe {
    width: 445px;
    height: 250px;
  }
}
@media screen and (max-width: 600px) {
  #myVideo iframe {
    width: 397px;
    height: 223px;
  }
}
@media screen and (min-width: 481px) {
    .destop-none {
        display: none;
    }
     .mobile-none {
        display: block;
    }
}
@media screen and (max-width: 480px) {
  .video-desk-none{
  display: none;
}
      #myVideo iframe {
        width: 397px;
        height: 600px;
    }
   .video-mb-none{
  display: block;
}
  .cool-max{
      background-image: url(https://file.hstatic.net/1000360022/file/coolmax.png);
    margin-left:15px;

}
  #header #site-header-center .menu-desk .cool-max {
    height: 36px !important;
}

#header #site-header-center .menu-desk{
  // background-image: url(https://file.hstatic.net/1000360022/file/header-menu.jpg) !important;
  //   background-repeat: no-repeat !important;
  //   background-size: cover !important;
  //   background-position: center !important;
        background: linear-gradient(to right, #ABCDF5, #ABCDF6, #B3D4F7), radial-gradient(circle, #ABCDF5, #B3D4F7);
}
  .container-product-style{
  padding:12px;
}
  .btn-menu-icon{
    background: transparent;
  }

    .destop-none {
        display: block;
    }
    .mobile-none {
        display: none;
    }

  .cool-max {
    width: 26%;
}
  .smoke-container{
    width: 143px;
    left: 35%;
    bottom: 50%;
    transform: translate(-12%, -51px);
  }
}
.tinhnang_img{
  position: relative;
  background: #0048B7;
}
  .tinhnang_img1{
    position: absolute;
    top: 0;
  }
.tinhnang_img2{
  position: absolute;
  top: 0;
}
  .tinhnang_img1
.dang_container img{
  width: 100%;
}
@media screen and (max-width: 991px) {
    .wanda-close-handle .mb-menu-cls .bar {
        background: white;
    }
  .wanda-close-handle .mb-menu-cls .bar:before{
    top: 0;
        width: 20px;
        height: 2px;
  }
  .wanda-close-handle .mb-menu-cls .bar:after{
    bottom: -2px;
        width: 20px;
        height: 2px;
  }
}
@media (min-width:992px){
  .tinhnang_img2{
    bottom: 0;
    top: auto;
  }
  .tinhnang_img1{
    right: -38px;
  }
    
  }
.phoido img{
  transform: rotate(5deg);
}
.phoido:hover img {
  transform: rotate(0deg); /* Đặt góc xoay về 0 độ khi hover */
}
  .image-rotate{
    transform: rotate(5deg);
  }
 
.tinhnang{
  overflow: hidden;
}