.font-20{
  font-size:15px;
}
.font-8{
  font-size:8px;
}
.font-20s{
  font-size: 20px;
}
.font-30{
  font-size: 30px;
}
.font-18{
  font-size:18px;
}


/* effect 1 */
/* .tab-pane.active {
    animation: slide-down 1s ease-out;
}

@keyframes slide-down {
    0% { opacity: 0; transform: translateY(100%); }
    100% { opacity: 1; transform: translateY(0); }
} */


.w3-animate-zoom {
  animation:animatezoom 0.9s
}

@keyframes animatezoom {
  from {
    transform:scale(0.6)
  }
  to {
    transform:scale(1)
  }
}

.w3-animate-bottom{
  position:relative;animation:animatebottom 0.4s
}
@keyframes animatebottom {
  from {
    bottom:-300px;opacity:0
  }
  to {
    bottom:0;opacity:1
  }
}

.myul li {
  position: relative;
display: inline-block;
text-transform: uppercase;
font-size: 12px;
min-width: 135px;
font-weight: 600;
padding: 18px 10px 20px;
color: #868686;
/* color: #f8f9fa; */
background-color: transparent;
/* background-color: #17a2b8; */
border: none;
cursor: pointer;
text-align: center;
border-top: 2px solid #222121;
border-bottom: 2px solid #222121;
padding: 19px 10px 19px;
border-left: 2px solid #222121;
border-right: 2px solid #222121;
}
.myul li:hover{
  color: #222121;
}


.myul li.mixitup-control-active{
  border-bottom: none;
}

@media screen and (max-width: 720px)
{
  .links:after{
    content: '\a';
  }

}

.scroll{
  overflow-x:auto;
}

.p-color{
  color:#868686;
}

.img-300{
height: 300px;
}

.thankyoulogo
{
  width: 20%
}

#banner1{
  background-image: url("../img/hero-slider/ekraftbanner2.png");
  /* background-image: url("../img/hero-slider/demo1.png"); */
  background-position: center;
  background-repeat: no-repeat;
}

#banner2{
  background-image: url("../img/hero-slider/degidicebanner2.png");
  /* background-image: url("../img/hero-slider/demo2.png"); */
  background-position: center;
  background-repeat: no-repeat;
}

.w-80{
  width:80%;
}

.decpl-50{
  padding-left: 50px;
}
@media screen and (max-width: 720px)
{
    .img-300 {
      height: 336px;
    }

    #smartinventor{
      content: url("../img/headers-bg/smartinventor.png");
    }

    #strategico{
      content: url("../img/headers-bg/strategico.png");
    }

    #ludo{
      content: url("../img/headers-bg/ludo.png");
    }

    #snake{
      content: url("../img/headers-bg/snake.png");
    }

    #russian{
      content: url("../img/headers-bg/RussianRoulette.png");
    }

    #banner1{
      /* background-image: url("../img/hero-slider/demo3.png"); */
      background-image: url("../img/hero-slider/try1.png");
      background-position: center;
      background-repeat: no-repeat;
    }

    #banner2{
      /* background-image: url("../img/hero-slider/demo4.png"); */
      background-image: url("../img/hero-slider/try2.png");
      background-position: center;
      background-repeat: no-repeat;
    }

    .thankyoulogo{
      width: 50%
    }

    .link-img{
      width: 10%;
    }

    .w-80{
      width:100%;
    }

    .decpl-50{
      padding-left: 0px;
    }



}

.link-img{
  width: 18%;
}

.thankyou-home {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    min-width: 135px;
    font-weight: 600;
    padding: 18px 10px 20px;
    color: #222121;
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-align: center;
    border-top: 2px solid #222121;
    border-bottom: 2px solid #222121;
    padding: 19px 10px 19px;
}

.thankyou-home:hover{
    /* background-color: #134ea2;
    color: #e9ecef; */
    border-top: 2px solid #134ea2;
    border-bottom: 2px solid #134ea2;
    color: #222121;

}

.home-img {
  vertical-align: middle;
  height: 100%;
  width:40%;
}