@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.eot');
  src: url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Inter-Bold.woff2') format('woff2'),
  url('../fonts/Inter-Bold.woff') format('woff'),
  url('../fonts/Inter-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.eot');
  src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Inter-Regular.woff2') format('woff2'),
  url('../fonts/Inter-Regular.woff') format('woff'),
  url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.eot');
  src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Inter-Medium.woff2') format('woff2'),
  url('../fonts/Inter-Medium.woff') format('woff'),
  url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.eot');
  src: url('../fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Inter-SemiBold.woff2') format('woff2'),
  url('../fonts/Inter-SemiBold.woff') format('woff'),
  url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.eot');
  src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Montserrat-Medium.woff2') format('woff2'),
  url('../fonts/Montserrat-Medium.woff') format('woff'),
  url('../fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.eot');
  src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Montserrat-Regular.woff2') format('woff2'),
  url('../fonts/Montserrat-Regular.woff') format('woff'),
  url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.eot');
  src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Montserrat-Bold.woff2') format('woff2'),
  url('../fonts/Montserrat-Bold.woff') format('woff'),
  url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.eot');
  src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-Bold.woff2') format('woff2'),
  url('../fonts/Poppins-Bold.woff') format('woff'),
  url('../fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.eot');
  src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-Regular.woff2') format('woff2'),
  url('../fonts/Poppins-Regular.woff') format('woff'),
  url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.eot');
  src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Poppins-Medium.woff2') format('woff2'),
  url('../fonts/Poppins-Medium.woff') format('woff'),
  url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
html {
  scroll-behavior: smooth;
}


body{font-family: 'Poppins', sans-serif; font-size: 16px;color: #414141;}
.trans1{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
.font_poppins{font-family: 'Poppins';}
.font_montserrat{font-family: 'Montserrat';}
.f-w-B{font-weight: bold;}
.f-w-SB{font-weight: 600;}
.f-w-M{font-weight: 500;}
.shadowBx{ box-shadow: 0px 0px 0.208vw 0.104vw rgba(0, 0, 50, 0.12);}
.f-s-49{font-size: 46px;}
.f-s-46{font-size: 46px;}
.f-s-44{font-size: 44px;}
.f-s-36{font-size: 36px;}
.f-s-30{font-size: 30px;}
.f-s-26{font-size: 26px;}
.f-s-24{font-size: 23px;}
.f-s-22{font-size: 22px;}
.f-s-23{font-size: 23px;}
.f-s-20{font-size: 20px;}
.f-s-18{font-size: 18px;}
.f-s-16{font-size: 16px;}
.f-s-14{font-size: 14px;}

.bg_grdient{background-image: linear-gradient(#58A0FC, #8A3EFB);}

.bg_red{background-color: #F11932;}
.bg_pink{background-color: #FFFDF2;}
.bg_white{background-color: #FFFFFF;}

.line_h_2{line-height: 1.2}
p{font-size: 16px;}
button:focus {outline: 0px dotted;outline: 0px auto -webkit-focus-ring-color;}
.btn.focus, .btn:focus {outline: 0;box-shadow: 0 0 0 0.0rem rgb(0 123 255 / 25%);}
.logo{
  max-width: 150px;
  width: 100%;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.downBtns{
  border-radius: 50px;
  font-weight: bold;
  background-color: #EEF149;
  border:0px;
  width: 186px;
  height: 35px;
  font-size: 14px;
  margin: 0 15px;
  padding: 8px;
  color: #000;
  text-align: center;
}
.downBtns:hover {
  color: #fff;
  background-color: #FF933B;
  text-decoration: none;
}
.sticky {
  position: fixed;
  top: 0;
  box-shadow: 0px 0px 5px;
  background-image: linear-gradient(#58A0FC, #8A3EFB);
  z-index: 999;
  width: 100%;
  height: auto;
}
.sticky .navbar-light .navbar-brand {
  color: rgba(0,0,0,.9);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@keyframes smoothScroll {
  0% {transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);}
  100% {transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);}
}

.topMenu.sticky{
  animation: smoothScroll 1s forwards;
}
.topMenu{
  width: 100%;
  padding: 6px 0px;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease; 
}
.topmeu ul{
  margin-left: auto;
}
.navbar-light .navbar-nav .nav-link {
  color: #fff;
  padding: 0px 6px;
}
.navbar-light .navbar-nav .nav-link.active {
  color: #fff;
}
.topmeu ul li{
  padding: 0px 32px;
  font-weight: bold;
}
.topmeu ul .nav-item{
  font-size: 16px;
}
.topmeu ul .nav-item .nav-link:hover, .topmeu ul .nav-item .nav-link:focus{
 color: #EEF149;
 /*border-bottom: 2px solid #ED294B;*/
 border-radius: 2px;
}
.topmeu ul .nav-item.active .nav-link{
  color: #EEF149;
  /*border-bottom: 2px solid #ED294B;*/
  border-radius: 2px;
}
.topMenu .navbar {
  padding: 4px 0px;
}
.topmeu ul .nav-item .nav-link:after {
  display:block;
  content: '';
  border-bottom: solid 4px #EEF149;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
.topmeu ul .nav-item .nav-link:hover:after, .topmeu ul .nav-item .nav-link:focus:after { transform: scaleX(1); }
.topmeu ul .nav-item.active .nav-link:after{ transform: scaleX(1); }
.beTo {margin-bottom: 18px;border-bottom: 1px solid #ffffff;display: inline-block;}
.welcome {margin-bottom: 18px;}
.topcont{margin-bottom: 39px;}
.googlePlay_img{max-width: 344px;width: 100%;margin: 0 auto;position: relative;display: block;}
.googlePlay_out{
  position: relative;
  margin-top: 54px;
}
/*.googlePlay_out:before{
  position: absolute;
  content: '';
  background-image: url(../images/playunit.svg);
  top: -16px;
  left: -12px;
  width: 468px;
  height: 283px;
  background-repeat: no-repeat;
}*/
.mobImg{
  max-width: 538px;
  margin: 0 auto;
}
.wrap2{
  padding-top: 86px;
}
.hangoutRect{
  padding: 0px 94px;
}
.hangoutCnts{
  margin-top: 35px;
  padding-left: 15px;
}
.livebtn{
  margin: 0 auto 32px;
  max-width: 260px;
  width: 100%;
}
.wrap3{
  padding-top: 80px;
}
.winCont {
  padding: 0 118px;
}
.winTital {
  max-width: 100%;
  width: 100%;
}
.winTital img{
  width: 62px;
    margin-right: 10px;
}
.downloadBtn1 {
    max-width: 456px;
    display: block;
    margin: 55px auto 0;
}
.smile_1_icon{
  position: absolute;
  top: 0px;
  left: 50%;
  max-width: 100px;
  transform: translateX(-50%);
}
.smile_2_icon{
  position: absolute;
  top: auto;
  bottom: 0px;
  left: auto;
  right: 0px;
  max-width: 90px;
}
.smile_3_icon {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 130px;
}
.smile_4_icon {
    position: absolute;
    top: auto;
    bottom: -30px;
    left: 15%;
    transform: translateX(-50%);
    max-width: 130px;
}
.wrap4{
  padding-top: 68px;
  padding-bottom: 36px;
}
.downloadBtn2{
  width: 474px;
  margin: 0 auto;
}
.wrap5{
  padding:172px 0 57px;
}
.smile_5_icon {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 120px;
}
.smile_6_icon {
    position: absolute;
    top: -125px;
    left: auto;
    right: 0;
    max-width: 110px;
}
.abtReach{
  margin-top: 130px;
}
.abtMelaVideo {
  border-radius: 34px;
}
.abtMela_rect {
  padding-right: 40px;
}
.whoWe {
  margin-bottom: 20px;
}
.wrapper5 {
  padding: 28px 0 48px;
  background-image: linear-gradient(#58A0FC, #8A3EFB);
}
.ftLogo{
  max-width: 172px;
  width: 100%;
}
.ftText {
  max-width: 419px;
  margin-top: 22px;
}
.ftServices{
  margin-bottom: 20px;
}
.ftMenu ul li {
  list-style: none;
  margin-bottom: 10px;
}
.ftMenu ul li a{
  color: #fff;
  font-size: 14px;
}
.ftMenu ul li a:hover{
  color: #feda31;
  text-decoration: none;
}
.ftsocial ul li a{
  color: #fff;
}
.ftsocial ul li a:hover{
  color: #fff;
}
.ftAdd a{
  color: #fff;
  font-size: 14px;
}
.ftAdd a:hover{
  color: #fff;
  text-decoration: none;
}
.jetLogo{
  max-width: 200px;
  width: 100%;
}
.jetLogo1{
  max-width: 200px;
  width: 100%;
  margin: 20px auto 0;
}
.gamesdeskview{
  display: block;
}
.gamesmobview{
  display: none;
}
.mar-t-30 {
  margin-top: 30px;
}
.mobDownload {
  display: none !important;
}
.subBanner {
  width: 100%;
  padding: 48px 0px;
  background-image: linear-gradient(#58A0FC, #8A3EFB);
}
.breadcrumbSec{
  margin-top: 18px;
}
.breadcrumbSec .breadcrumb {
 padding: 0; 
 margin-bottom: 0; 
 list-style: none;
 background-color: transparent; 
 border-radius: 0; 
}
.breadcrumbSec .breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #FFFFFF;
  content:"\f105";
  font-family: FontAwesome;
}
.breadcrumbSec .breadcrumb-item.active {
  color: #FFFFFF;
}
.breadcrumbSec li a{
  color: #FFFFFF;
}
.termsWrap{
  padding:28px 0 68px;
}
.topSocial{
  display: none;
}
.ft_downBtn{
  display: block;
}
.ftSocial{
  text-align: center;
}
.ft_downBtn.downBtns {
  margin: 20px auto 0;
}
.ftAdd {
  margin-top: 60px;
}
/*FAQ*/
.melaFAQ .card {
  font-family: 'Inter';
  border: 0px;
  margin-bottom: 20px;
  border-radius: 0px;
}
.melaFAQ .card-header {
  border-radius: 0px;
  padding: 12px 22px;
  background-color: #6A7EFB;
  border-bottom: 0px;
}
.melaFAQ .mb-0 > a {
  display: block;
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
}
.melaFAQ .mb-0 > a[aria-expanded="true"]:after {
  content: "\f106";
}
.melaFAQ .mb-0 > a:after {
  content: "\f107";
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
  color: #FFFFFF;
  top: 50%;
  transform: translate(0%, -50%);
  font-size: 18px;
}
.melaFAQ .card-body {
  padding: 12px 0px;
  background-color: #FFFFFF;
}
/*Contact Us*/
.contactWrap{
  padding:68px 0 46px;
}
.reachRect {
  box-shadow: 0px 0px 10px #00000029;
  border-radius: 20px;
  padding: 54px;
  background-image: linear-gradient(#ffffff, #F5ECDC);
}
.reachUs{
  font-size: 25px;
  margin-bottom: 26px;
}
.infoEmail{
  color: #414141;
}
.infoEmail a{
  color: #414141;
}
.allGamesWrap{
  padding: 40px 0 72px;
}
.gameRect{
  border-radius: 19px;
  margin-top: 50px;
  box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
  margin-bottom: 15px;
}
.gameReadMore {
  top: auto;
  padding: 14px;
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translate(-50%, 0px);
}
.gameReadMore a{
  color: #ffffff;
}
.gameReadMore a:hover{
  color: #FEDA31;
  text-decoration: none;
}
.gameImgs{
  position: relative;
  z-index: 1;
}
.gameImgs img{
  border-radius: 19px;
}
.games_icons_slide img{
  border-radius: 19px;
}
.gameReadMore i {
  position: relative;
  top: 2px;
  left: 0px;
  color: #FEDA31;
  font-size: 24px;
  font-weight: 700;
}
.gameImgs:hover img{
  opacity: 1;
  transform: translateY(-50px);
  -webkit-transform:translateY(-50px);
  -moz-transform:translateY(-50px);
  -ms-transform:translateY(-50px);
  -o-transform:translateY(-50px);
  border:5px solid #ffffff;
  border-radius: 22px;
  box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
}
.gameImgs img{
  -webkit-transition:all 0.15s ease-in-out;
  -moz-transition:all 0.15s ease-in-out;
  -o-transition:all 0.15s ease-in-out;
  -ms-transition:all 0.15s ease-in-out;
  transition:all 0.15s ease-in-out;

}
.playBtn1 {
  background-color: #F11932;
  color: #fff;
  border-radius: 5px;
  display: block;
  padding: 6px;
  margin-top: 43px;
}
.playBtn1:hover {
  background-color: #FEDA31;
  color: #000;
  text-decoration: none;
}
.game_detials_wrp{
  background: transparent linear-gradient(180deg, #EE1F39 0%, #CB172E 100%) 0% 0%;
  padding: 50px 0;
}
.playBtn2 {
  background-color: #FEDA31;
  color: #000;
  border-radius: 5px;
  display: block;
  padding: 6px;
  margin-top: 43px;
}
.playBtn2:hover {
  background-color: #FF933B;
  color: #fff;
  text-decoration: none;
}
.games_icons {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
.youMay_wrap{
  padding: 50px 0px;
}
.gamemainRect{
  margin: 20px 5px;
}
.gamesSliderRect .owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.gamesSliderRect .owl-nav button.owl-prev {
  left: 0;
}
.gamesSliderRect .owl-nav button.owl-next {
  right: 0;
}

.gamesSliderRect .owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
  display: none;
}
.gamesSliderRect .owl-dots button.owl-dot.active {
  background-color: #000;
}
.gamesSliderRect .owl-dots button.owl-dot:focus {
  outline: none;
}
.gamesSliderRect .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #8A3EFB !important;
  padding: 5px;
  border-radius: 100px;
  width: 34px;
  height: 34px;
}
.gamesSliderRect span {
  font-size: 34px;
  position: relative;
  top: 2px;
  line-height: 0;
}
.gamesSliderRect .owl-nav button:focus {
  outline: none;
}

.gamesSliderRect .owl-carousel .owl-nav button.owl-prev{
  content: "\f104";
  font-family: FontAwesome;
  color: #ffffff;
  left: -38px;
}
.gamesSliderRect .owl-carousel .owl-nav button.owl-next{
  content: "\f105";
  font-family: FontAwesome;
  color: #ffffff;
  right: -38px;
}

  .games_icons_slide{
    width: 221px;
    width: 100%;
    margin: 0 auto 50px;
    box-shadow: 0px 0px 13px rgba(0,0,0,0.5);
    border-radius: 18px;
  }
  .gameSlideTital{
    margin-bottom: 9px;
    color: #ffffff;
  }
  .gameSlideCont{
    color: #fff;
    font-size: 14px;
  }
  .slidegameReadMore a{
    font-size: 13px;
    color: #fff;
  }
  .slidegameReadMore a:hover{
    text-decoration: none;
  }
  .slidegameReadMore i{
    font-size: 20px;
    position: relative;
    top: 2px;
    color: #FEDA31;
    font-weight: bold;
  }
  .gamemainRect.slick-center{
    padding: 24px 28px 24px;
  }
  .slick-center .games_icons_slide{
    width: 240px;
    width: 100%;
    margin: 0 auto 9px;
  }
  .slick-center .gameSlideTital{
    margin-bottom: 10px;
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
  }
  .slick-center .gameSlideCont{
    color: #000;
    font-size: 14px;
  }
  .slick-center .slidegameReadMore a{
    font-size: 16px;
    color: #000;
  }
  .slick-center .slidegameReadMore i{
    font-size: 20px;
    position: relative;
    top: 2px;
    color: #000;
    font-weight: bold;
  }
  .gamesSliderRect{
    margin-top: 46px;
  }
  .termsText ol{
    padding-left: 15px;
  }
  .termsText ol li{
    font-weight: bold;
  }
  .termsText ol li p{
    font-weight: normal;
  }
  .termsText ul.list1 li{
    font-weight: bold;
    list-style: lower-alpha;
  }
  .termsText ul.list2 li{
    font-weight: normal;
    list-style: lower-alpha;
    margin-bottom: 10px;
  }
  .termsText ul.list3 li{
    font-weight: normal;
    list-style: disc;
    margin-bottom: 10px;
  }
  .termsText ul.list4 li{
    font-weight: normal;
    list-style: circle;
    margin-bottom: 10px;
  }
  .youMay_tital {
    margin-top: 20px;
  }
  .gamemainRect_out {
    margin: 0px 0px;
}
.objList ul li{
  list-style: none;
  position: relative;
  margin-bottom: 10px;
}
.objList ul li:before {
    position: absolute;
    content: '.';
    top: -40px;
    left: -35px;
    font-size: 50px;
    color: #000;
}
.sudoku_num_img{
  max-width: 400px;
  width: 100%;
}
.games-slider.owl-carousel .owl-stage{
  display: flex;
}
.games-slider.owl-carousel.owl-drag .owl-item {
    align-self: center;
}


/*LODER CSS*/
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 9999;}
#status {width: 90px;height: 90px;position: absolute;left: 50%;top: 50%;background-image: url(../images/spinner.gif);background-repeat: no-repeat;background-position: center;transform: translate(-50%, -50%);background-size:90px;}
/*END LODER CSS*/

/****************************
**********RESPONSIVE*********
****************************/
@media (max-width: 1199px){
  .topMenu {height: 83px;}
  .topmeu ul li {padding: 10px 0px 10px 14px;}
  .f-s-49 {
    font-size: 36px;
  }
  .welcome {
    margin-bottom: 14px;
  }
  .f-s-24 {
    font-size: 19px;
  }
  .f-s-20 {
    font-size: 18px;
  }
  .googlePlay_out:before {
    width: 390px;
    background-size: 100%;
  }
  .f-s-30 {
    font-size: 24px;
  }
  .hangoutRect {
    padding: 0px 60px;
  }
  .hangoutIcons {
    max-width: 60px;
  }
  .f-s-23 {
    font-size: 16px;
  }
  .winCont {
    padding: 0 50px;
  }
  .winTital {
    max-width: 336px;
    margin: 0 auto 34px;
  }
  .f-s-44 {
    font-size: 32px;
  }
  .f-s-26 {
    font-size: 20px;
  }
  .abtMelaVideo {
    border-radius: 22px;
  }
  .ftLogo {
    max-width: 128px;
  }
  .gamemainRect.slick-center {
    padding: 15px;
  }
  .gamemainRect{
    margin: 20px 8px;
  }
  .gameSlideCont {
    font-size: 12px;
  }
  .slick-center .gameSlideCont {
    font-size: 12px;
  }
  .slick-center .slidegameReadMore a{
    font-size: 14px;
  }
}
@media (max-width: 991px){ 
  .topMenu {height: 60px;}
  /*MENU CSS*/
  .navbar-collapse.topmeu.collapse.show{transform: translateX(0);}
  .mob_view{position: fixed;left: 0px;top: 0px;width: 90%;height: 100vh;background-image: linear-gradient(#58A0FC, #8A3EFB);z-index: 1050;transition: all .2s ease-in-out;transform: translateX(-105%);padding: 0 15px;background-position: center center;background-size: cover;}
  .logo {margin-left: auto;margin-right: auto;z-index: 9999;}
  .navbar-toggler {border: none;background: transparent !important;position: absolute;z-index: 9999;}
  .icon-bar {width: 22px; height: 2px;background-color: #FFFFFF;display: block;transition: all 0.2s;margin-top: 4px}
  .topMenu .navbar {padding: 0rem; }
  .navbar-toggler {border: none;background: transparent !important;}
  .navbar-toggler .top-bar {transform: rotate(45deg);transform-origin: 10% 10%;}
  .navbar-toggler .middle-bar {opacity: 0;}
  .navbar-toggler .bottom-bar {transform: rotate(-45deg);transform-origin: 10% 90%;}
  .navbar-toggler.collapsed .top-bar {transform: rotate(0);}
  .navbar-toggler.collapsed .middle-bar {opacity: 1;}
  .navbar-toggler.collapsed .bottom-bar {transform: rotate(0);}
  .topmeu > ul {margin-left: 0px;margin-top: 72px !important;margin-bottom: 25px;}
  .topmeu ul li {display: inline-flex;}
  .topSocial{
    display: block;
  }
  
  .topSocial {
    padding-left: 17px;
    margin-top: 33px;
  }
  .ftServices {
    margin-bottom: 2px;
  }
  /*MENU CSS*/
  .googlePlay_img {
    max-width: 362px;
    width: 100%;
    display: block;
    margin: inherit;
  }
  .mobImg {
    margin-top: 50px;
  }
  .hangoutRect {
    padding: 0px 20px;
  }
  .hangoutCnts {
    margin-top: 15px;
  }
  .wrap2 {
    padding-top: 140px;
  }
  .smile_1_icon {
    top: 22px;
    max-width: 80px;
}
  .hangoutIcons {
    max-width: 45px;
  }
  .f-s-26 {
    font-size: 16px;
  }
  .f-s-44 {
    font-size: 28px;
  }
  .winTital img {
    width: 38px;
    margin-right: 10px;
}
  .wrap3 {
    padding-top: 50px;
  }
  .downloadBtn1 {
    padding: 8px;
  }
  .downloadBtn1.f-s-30 {
    font-size: 20px;
  }
  .wrap5 {
    padding: 60px 0 57px;
  }
  .abtMelaVideo {
    margin-top: 35px;
  }
  .downBtns {
    margin: 15px auto 0;
  }
  /*FAQ*/
  .melaFAQ .card-header {
    padding: 12px 24px;
  }
  .melaFAQ .mb-0 > a, .melaFAQ .mb-0 > a {
    font-size: 14px;
  }
  .gameReadMore {
    padding: 5px 0px;
    bottom: 25px;
    transform: translate(-50%, 0px);
  }
  .gameReadMore .f-s-16 {
    font-size: 12px;
  }
  .gameReadMore i {
    font-size: 16px;
  }
  .gameRect {
    border-radius: 12px;
  }
  .gameImgs:hover img{
    border:3px solid #ffffff;
    border-radius: 15px;
  }
  .sudoku_num_img{
  max-width: 300px;
  width: 100%;
}
.f-s-22 {
    font-size: 16px;
}
.hangoutRect {
    padding: 0px 54px 0 20px;
}
.smile_2_icon {
    max-width: 61px;
}
.smile_3_icon {
    max-width: 90px;
    top: 20px;
}
.wrap3 {
    padding-top: 110px;
}
.winTital1.f-s-30 {
  font-size: 18px;
}
.downloadBtn1 {
    max-width: 300px;
}
.smile_4_icon {
    max-width: 88px;
}
.f-s-36 {
    font-size: 28px;
}
.smile_5_icon {
    max-width: 74px;
}
.smile_6_icon {
    top: -100px;
    max-width: 86px;
}
  
}

@media (max-width: 767px){
  .topMenu {
    padding: 8px 0px;
}
  .topmeu ul li {padding: 10px 0px 10px 8px;}
  .hangoutRect {
    padding: 0px 20px 136px;
    font-size: 22px;
  }
  .topmeu ul .nav-item .nav-link {
    font-weight: 500;
}
  .hand_mobImg2 {
    margin-top: 35px;
  }
  .wrap4 {
    padding: 35px 15px;
  }
  .ftServices {
    margin-bottom: 2px;
    margin-top: 28px;
  }
  .ftSocial {
    text-align: center;
  }
  .ftsocial ul li a {
    color: #fff;
    font-size: 22px;
}
  .downBtns {
    margin: 15px 0 0;
    padding: 7px 30px;
    width: 100%;
    display: block;
}
  .livebtn {
    margin: 44px auto 32px;
}
.smile_2_icon {
    max-width: 56px;
}
.smile_3_icon {
    top: -38px;
    max-width: 84px;
}
.winTital1.f-s-30 {
  font-size: 16px;
}
.wrap3 {
    padding: 50px 0 70px;
}
.smile_4_icon {
    left: 50%;
    max-width: 84px;
}
.pay_thirty.f-s-36 {
    font-size: 20px;
}
.smile_5_icon {
    max-width: 66px;
}
.smile_6_icon {
    top: -90px;
    max-width: 78px;
}
.ftLogo {
    max-width: 166px;
    margin: 0 auto 36px;
}
.ftAdd {
    margin-top: 28px;
}

  /*contact Us*/
  .reachRect {
    padding: 54px 15px;
  }
  .games-slider .slick-next {
    right: -9px;
  }
  .games-slider .slick-prev {
    left: -8px;
  }
  .gamesText_tital {
    margin-top: 30px;
  }

}
@media (max-width: 575px){
  body {font-size: 14px;}
  .f-s-46 {
    font-size: 30px;
}
  .f-s-49 {
    font-size: 34px;
  }
  .f-s-24 {
    font-size: 17px;
  }
  .f-s-18 {
    font-size: 15px;
  }
  .f-s-20 {
    font-size: 15px;
  }
  .welcome.f-s-46{
    text-align: center;
    font-size: 22px
  }

  .googlePlay_out:before {
    top: -7px;
    left: 0px;
    width: 100%;
  }
  .f-s-30 {
    font-size: 20px;
  }
  .f-s-22 {
    font-size: 14px;
  }
  .f-s-23 {
    font-size: 14px;
  }
  .hangoutCnts {
    margin-top: 22px;
  }
  .winCont {
    padding: 0 18px;
  }
  .downloadBtn1.f-s-30 {
    font-size: 18px;
  }
  .f-s-44 {
    font-size: 22px;
  }
  .abtMela_rect .f-s-44 {
    font-size: 29px;
  }
  .abtMela_rect .f-s-24 {
    font-size: 15px;
  }
  .wrap5 {
    padding: 30px 0 36px;
  }
  .gamesdeskview{
    display: none;
  }
  .gamesmobview{
    display: block;
  }
  .abtMelaVideo {
    border-radius: 15px;
  }
  .ft_downBtn{
    display: none;
  }
  .mobDownload {
    display: inline-flex !important;
  }
  .mobDownload {
    position: fixed;
    left: 0px;
    bottom: 0px;
    background-color: #ffffff;
    width: 100%;
    padding: 8px 20px 8px;
    z-index: 1;
  }
  .closeBtn {
    margin-left: 12px;
    margin-top: 5px;
    font-size: 26px;
    line-height: 22px;
  }
  .playnumber {
    width: 28px;
    height: 28px;
    padding: 3px;
    background-image: linear-gradient(#58A0FC, #8A3EFB);
    box-shadow: 0px 0px 4px #ffffff;
    border-radius: 100px;
    text-align: center;
    color: #ffffff;
  }
  .downBtn {
    color: #414141;
    border-radius: 50px;
    background-color: #EEF149;
}
  .downBtns {
    width: 100%;
  }
  .wrap5 {
    padding: 102px 0 36px;
}
  .topSocial{
    text-align: center;
    padding-left: 0px;
  }
  .bnnerCaption .f-s-22{
    font-size: 16px;
  }
  .termsText{
    font-weight: normal;
  }
  /*Contct Us*/
  .infoEmail {
    font-size: 18px;
  }
  .gamesText_tital {
    font-size: 24px;
  }
  .gamesText_cont p {
    font-size: 14px;
  }
  .gamesSliderRect .owl-carousel .owl-nav button.owl-prev {
    left: -6px;
    border:1px solid #fff;
  }
  .gamesSliderRect .owl-carousel .owl-nav button.owl-next {
    right: -6px;
    border:1px solid #fff;
  }
.wrapper5 {
    padding: 28px 0 70px;
}
}