.navbar-dark .navbar-nav .nav-link:hover {
  color: #ce1126;
}

.navbar-brand img {
  width: 210px;

}
.fixed-top {
background: #002654;
      box-shadow: 0 4px 13px 0 rgb(0 0 0 / 50%), 0 6px 27px 0 rgb(0 0 0 / 19%);
      }
.navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
  font-weight: 700;
  padding-right: 25px;
  text-decoration: none;
  position: relative;
  display: inline;
}
.container {
max-width: 1350px;
}
.banner {
background-image: url(../images/banner.png);
width: 100%;
height: 345px;
background-repeat: no-repeat;
margin-top: 74px;
background-size: cover;
}
.banner-h {
color: #fff;
text-align: center;
}
.bannerbox {
background: #809d1d;
padding-bottom: 30px;
}
.featured-sec-box {background: #ffffff;min-height: 205px;text-align: center;border-radius: 5px;width: 100%;margin-left: auto;margin-right: auto;}
.featured-sec-box-top {
  background: #ffffff;
  min-height: 205px;
  text-align: center;
  border-radius: 5px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 25px;
}
.featured-sec-box-top img {
  width: 100%;
  height: auto;
  padding: 5px;
  background: #ffffff;
}
.featured-sec-box h6, .featured-sec-box .feature-content-text {
font-size: 12px;
margin: 0px 10px 0;
color: #ce1126;;
line-height: 0px;
}
.line-height-twenty-two {
line-height: 22px;
}
.site-button {border: 1px solid #fff;padding-top: 6px;padding-bottom: 6px;background: #002654;display: inline-block;padding-left: 10px;padding-right: 10px;color: #fff;margin-top: 15px;margin-bottom: 10px;border-radius: 10px;font-size: 12px;}
.site-button:hover {
text-decoration: none;
background-color: #000002;
color: rgb(255, 255, 255);
}
.site-button2 {border: 1px solid #ffffff;padding-top: 6px;padding-bottom: 6px;color: #ffffff;background: #ce1126;display: inline-block;padding-left: 10px;padding-right: 10px;border-radius: 10px;font-size: 12px;}
.site-button2:hover {
text-decoration: none;
background-color: #809d1d;
color: #fff;
}
.box {
margin-top: 20px;
}
.tables {
background: #e1e1e1;
padding-bottom: 10px;
}
.featured-sec-box a {
text-decoration: none;

}
.featured-sec-box img {
width: 95%;
height: auto;
padding: 5px;
background: #ffffff;
}
.etin {
font-size: 12px;
margin: 0px 10px 0;
color: #6c0a39;
line-height: 10px;
}
.leftlink {
background: #002654;
padding-bottom: 20px;
border-radius: 10px;

}
.leftlink2 {
background: #ce1126;
padding-bottom: 20px;
text-align: center;
color: #fff;
border-radius: 10px;
margin-top: 20px;
}
.tabl-box5 a {
display: inline-block;
background: #002654;
font-size: 16px;
border: 0.3em solid var(--c);
width: 19em;
height: 50px;
line-height: 3em;
position: relative;
overflow: hidden;
z-index: 1;
transition: 0.5s;
color: #fff;
padding-left: 10px;
border: 1px solid #fff;
border-radius: 5px;
}
.site-button a {
  color: #fff;
  text-decoration: none;
}

.site-button2 a {
  color: #fff;
  text-decoration: none;
}
.tabl-box5 {
margin-top: 8px;
}
.leftlink h1 {
color: #fff;
text-align: center;
}
.h {
  text-align: center;
  color: #fff;
  background: #ce1126;;
  border-radius: 10px;
}
.righttb {
padding-right: 0px;
}
table.toplist-table{display:block;width:100%;height:100%;float:left;color: #fff;}
table.toplist-table tbody{height:100%;display:block;width:100%;padding:0;border:0;background:0 0}
table.toplist-table tbody:hover{background:0 0}
table.toplist-table tbody tr{height:100%;padding:0px 25px;margin-bottom:10px;box-shadow: 0 2px 4px 0px rgb(206, 17, 38);border: 2px solid #ce1126; background:#fff;
position:relative}table.toplist-table tbody ul{list-style:none;padding-left:10px;margin:0}table.toplist-table tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius: 10px;}table.toplist-table tr th{font-size:13px;font-weight:500;color:rgb(255, 255, 255)}table.toplist-table tr th:nth-child(1){-webkit-box-flex:0;-ms-flex:0 0 48%;flex:0 0 48%;padding: 9px 60px;}table.toplist-table tr th:nth-child(2){-webkit-box-flex:0;-ms-flex:0 0 41%;flex:0 0 41%}table.toplist-table tr th:nth-child(3){-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%}table.toplist-table tr td:nth-child(1){-webkit-box-flex:0;-ms-flex:0 0 28%;flex:0 0 28%}
 
table.toplist-table tr td:nth-child(3){-webkit-box-flex:0;-ms-flex:0 0 23%;flex:0 0 23%; text-align: center;}
table.toplist-table tr td:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 0 29%;
flex: 0 0 29%;
background-image: url(../images/tbbg.png);
background-repeat: no-repeat;
background-size: cover;
text-align: center;
padding-bottom: 10px;
}

table.toplist-table tr td:nth-child(4) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  text-align: center;
}
table.toplist-table tr td:nth-child(2) p {
margin-bottom: 0px;
margin-top: 10px;
}
.star {
  width: 120px;
  margin: 12px;
  margin-top: 25px;
}
.tabl {
  margin-top: 30px;
}
.boxss {
margin-top: 10px;
background: linear-gradient( 
2deg ,#ce1126 29%,#002654 54%);
}


table.toplist-table tr td:nth-child(1) p {
margin-bottom: 0;
font-size: 12px;
color: #002654;
}


.button3 a {
background: #002654;
padding: 10px 20px 10px 20px;
text-decoration: none;
color: #ffffff;;
border-radius: 8px;
}
.button1 a {
background: #ce1126;
padding: 10px 20px 10px 20px;
text-decoration: none;
color: #ffffff;
border-radius: 8px;

}
.button3 a:hover {
background: #809d1d;
padding: 10px 20px 10px 20px;
text-decoration: none;
color: #fff;
}
.button1 a:hover {
background: #809d1d;
padding: 10px 20px 10px 20px;
text-decoration: none;
color: #fff;
}
.contents {
padding-left: 0px;
margin-top: 20px;
}
.content h1, h2, h3, h4, h5, h6 {
color: #002654;
}
.content2 h1, h2, h3, h4, h5, h6 {
color: #002654;
}
.content3 h1, h2, h3, h4, h5, h6 {
color: #002654;
}
.contents {
padding-left: 15px;
margin-top: 20px;
box-shadow: 0px 0px 8px 0px #ce1126;
border: 1px solid #002654;
border-radius: 10px;
}
.content {
padding-top: 12px;
}
.begameliglogo {
background: #ce1126;
width: 100%;

}

.logo {
margin-top: 6px;
float: right;
width: 50px;
}
.Terms {
text-align: center;
color: #fff;
margin-top: 25px;
}

.footerlogo {
color: #ffffff;
margin-left: -15px;

}
.copyright a {

color: #ffffff;

}
.copyright {
background: #002654;
color: #fff;
text-align: center;
}


.begamelig {
width: 350px;
}


@media only screen and (min-width: 768px) {

  .topbox {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 15px;
    }

}


@media only screen and (max-width: 768px) {

.navbar-dark .navbar-brand {
  color: #fff;
  width: 70%;
}

.navbar-dark .navbar-nav .nav-link {

  text-align: center;
}
.banner {
height: 130px;

}

.footer-img {
  width: 50%;
}
.button {
 
  width: 100%;
 
}
table.toplist-table tr td:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 100%;
  text-align: center;
  margin-top: 20px;
}
table.toplist-table tr td:nth-child(3) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12%;
  flex: 0 0 100%;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 20px;

}
table.toplist-table tr td:nth-child(4) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-top: 49px;
  background-repeat: no-repeat;
  padding-bottom: 49px;
  text-align: center;
}
table.toplist-table tr td:nth-child(1) {
  -webkit-box-flex: 0;
  -ms-flex:  0 33%;
  flex: 0 0 100%;
  background-repeat: no-repeat;
  text-align: center;
}
.box2 img {
  border-radius: 150px;
  width: 80%;
}
.boxh1 h2 {

  font-size: 24px;
}
.peragraf h1, h2, h3, h4 {
  font-size: 20px;
  margin-top: 22px;
  margin-bottom: 22px;
}
.contents {
padding-left: 15px;
}
.righttb{
padding-left: 0px;
padding-right: 0px;
margin-top: 10px;
}}
@media screen and (max-width: 1336px) and (min-width: 900px){

  .navbar-dark .navbar-nav .nav-link {
    
      padding-right: 14px;
  }

  .box2 img {
      border-radius: 150px;
      width: 100%;
  }

  .play-now-btn {
      padding: 4px 20px;
  }
  .reviw img {
    
      width: 100%;
     
  }
  .reviw {
     
      width: 100%;
     
  }
  .button {
     
      width: 100%;
  }
  .button a {
    
      padding: 10px 25px;
  }
  table.toplist-table tr td:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
      flex: 0 0 100%;
      text-align: center;
    }
    table.toplist-table tr td:nth-child(3) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 12%;
      flex: 0 0 100%;
      text-align: center;
      padding-top: 40px;
      padding-bottom: 20px;
    
    }
    table.toplist-table tr td:nth-child(4) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      padding-top: 49px;
      background-repeat: no-repeat;
      padding-bottom: 49px;
      text-align: center;
    }
    table.toplist-table tr td:nth-child(1) {
      -webkit-box-flex: 0;
      -ms-flex:  0 33%;
      flex: 0 0 100%;
      background-repeat: no-repeat;
      text-align: center;
  
    }
   
}
@media screen and (max-width: 991px) and (min-width: 767px){

table.toplist-table tr td:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 100%;
  text-align: center;
  margin-top: 20px;
}
.site-button2 {
  padding-left: 20px;
  padding-right: 20px;
}
.righttb {
  flex: 0 0 60%;
  max-width: 60%;
}
.leftlink {

flex: 0 0 40%;
max-width: 40%;
}
table.toplist-table tr td:nth-child(2) {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 100%;
text-align: center;
}
table.toplist-table tr td:nth-child(3) {
-webkit-box-flex: 0;
-ms-flex: 0 0 12%;
flex: 0 0 100%;
text-align: center;
padding-top: 40px;
padding-bottom: 20px;

}
table.toplist-table tr td:nth-child(4) {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-top: 49px;
background-repeat: no-repeat;
padding-bottom: 49px;
text-align: center;
}
table.toplist-table tr td:nth-child(1) {
-webkit-box-flex: 0;
-ms-flex:  0 33%;
flex: 0 0 100%;
background-image: url(../images/tapelsep-4.png);
background-repeat: no-repeat;
text-align: center;
}
}