/* 
=====================================
Blog Page Master File
===================================== 
*/
/* 
=====================================
Shared Imports
===================================== 
*/
/**
 * Fix for vw, vh, vmin, vmax on iOS 7.
 * http://caniuse.com/#feat=viewport-units
 *
 * This fix works by replacing viewport units with px values on known screen sizes.
 *
 * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix.
 * Target devices running iOS 8+ will incidentally execute the media query,
 * but this will still produce the expected result; so this is not a problem.
 *
 * As an example, replace:
 *
 *   height: 50vh;
 *   font-size: 5vmin;
 *
 * with:
 *
 *   @include viewport-unit(height, 50vh);
 *   @include viewport-unit(font-size, 5vmin);
 */
.main-nav {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #402615), color-stop(50%, #381e0d));
  background: linear-gradient(to bottom, #402615 50%, #381e0d 50%);
  margin-top: 0px;
}
.main-nav .navbar-brand {
  margin: 0;
}
.main-nav .navbar-brand .logo {
  margin: -5px 65px;
  position: relative;
  z-index: 2;
}
.main-nav #index-menu .navbar-right {
  margin-right: 80px;
}
.main-nav #index-menu .navbar-right li {
  display: inline-block;
  position: relative;
  z-index: 10;
}
.main-nav #index-menu .navbar-right .top-mid-inner {
  margin-left: 0;
  margin-top: 17px;
}
.main-nav #index-menu .navbar-right .top-mid-inner img {
  margin: 0;
}
.main-nav #index-menu .navbar-right .top-mid-inner p {
  font-family: "Gloria Hallelujah", Arial, sans-serif;
  font-size: 14px;
  color: #d3923f;
  line-height: 19px;
}
.main-nav #index-menu .navbar-right .top-mid-inner p .point {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 20px;
  color: #ffffff;
}
.main-nav #index-menu .navbar-right .top-mid-inner p .point img {
  margin-top: 0;
  position: relative;
  top: 4px;
}
.main-nav #index-menu .navbar-right .top-right {
  margin: 18px 5px 0 10px;
}
.main-nav #index-menu .navbar-right .top-right .language-wrapper {
  border-radius: 9px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #402615), color-stop(50%, #381e0d));
  background: linear-gradient(to bottom, #402615 50%, #381e0d 50%);
  height: 40px;
  overflow: hidden;
  position: absolute;
  width: 40px;
}
.main-nav #index-menu .navbar-right .top-right .language-wrapper .languages {
  cursor: pointer;
  height: 40px;
}
.main-nav #index-menu .navbar-right .top-right .language-wrapper .languages:hover {
  opacity: 0.8;
}
.main-nav #index-menu .navbar-right .top-right .language-wrapper #lang-sr {
  background: url(../images/lang_sr.html) no-repeat;
}
.main-nav #index-menu .navbar-right .top-right .language-wrapper #lang-en {
  background: url(../images/lang_en.html) no-repeat;
}
.main-nav #index-menu .navbar-right .top-right .language-wrapper #lang-de {
  background: url(../images/lang_de.html) no-repeat;
}
@media only screen and (max-width: 767px) {
  .main-nav {
    margin-top: 0;
  }
}

.ingame-nav {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #402615), color-stop(50%, #381e0d));
  background: linear-gradient(to bottom, #402615 50%, #381e0d 50%);
  height: 70px;
}
.ingame-nav .navbar-header .ingame-logo {
  margin-left: 80px;
  margin-top: -4px;
}
.ingame-nav #game-menu ul.navbar-right {
  margin: 10px 50px 0 0;
}
.ingame-nav #game-menu ul.navbar-right li {
  height: 57px;
  margin: 0 8px;
  width: 50px;
  position: relative;
  z-index: 10;
}

.tbl-phone-menu {
  display: none;
}

.tbl-phone-nav {
  background: #d6cb9f !important;
  display: none;
  height: 100%;
  position: fixed;
  right: -40%;
  width: 50%;
  z-index: 12;
}
.tbl-phone-nav .notify-chat-user {
  display: none;
  position: absolute;
  right: 50px;
  border-radius: 5px;
  top: 7px;
  z-index: 2;
}
.tbl-phone-nav .tbl-phone-nav-inner {
  float: left;
  width: 90%;
  padding: 10px;
}
.tbl-phone-nav .tbl-phone-nav-inner .header-tbl-phone-nav {
  text-align: center;
}

.login-wrapper li.top-right {
  margin-bottom: 61px;
  margin-left: 10px;
}

.langMenu {
  border-radius: 5px;
  background: #dfe5d7;
  border: 2px solid #41220e;
  display: none;
  padding: 10px;
  position: absolute;
  top: 60px;
  right: 15px;
  z-index: 15;
}
.langMenu .lang-de {
  background: url(../images/lang_de.html) no-repeat;
  float: left;
  height: 40px;
  margin: 2px;
  width: 40px;
}
.langMenu .lang-de:hover {
  opacity: 0.8;
  cursor: pointer;
}
.langMenu .lang-en {
  background: url(../images/lang_en.html) no-repeat;
  float: left;
  height: 40px;
  margin: 2px;
  width: 40px;
}
.langMenu .lang-en:hover {
  opacity: 0.8;
  cursor: pointer;
}
.langMenu .lang-sr {
  background: url(../images/lang_sr.html) no-repeat;
  float: left;
  height: 40px;
  margin: 2px;
  width: 40px;
}
.langMenu .lang-sr:hover {
  cursor: pointer;
  opacity: 0.8;
}

.soundBtnOn,
.soundBtnOff {
  height: 50px;
  margin: 10px 5px 0 15px;
  width: 43px;
}

.soundBtnOn {
  background: url(../images/soundimage.html) no-repeat -7px 0;
}
.soundBtnOn:hover {
  cursor: pointer;
  background-position: -7px -119px;
}

.soundBtnOff {
  background: url(../images/soundimage.html) no-repeat -7px -60px;
}
.soundBtnOff:hover {
  cursor: pointer;
  background-position: -7px -179px;
}

.chatBtn {
  background: url(../images/chhatimage.html) no-repeat 0 0;
  position: relative;
}
.chatBtn:hover {
  background-position: 0 -52px;
  cursor: pointer;
}

.chatBtnOff {
  background: url(../images/chhatimage.html) no-repeat 0px -102px;
  position: relative;
  width: 50px;
}
.chatBtnOff:hover {
  background-position: 0 -153px;
  cursor: pointer;
}

.uputstvoBtn {
  background: url(../images/uputstvoimg.html) no-repeat top center;
  width: 50px;
  position: relative;
  left: auto;
}
.uputstvoBtn:hover {
  background-position: bottom center;
  cursor: pointer;
}

.small-btn {
  background: url(../images/small-btn-bg.html) no-repeat;
  cursor: pointer;
  display: block;
  height: 40px;
  margin-top: 4px;
  width: 40px;
}
.small-btn:hover {
  -webkit-filter: contrast(150%);
          filter: contrast(150%);
}

.cancelOpening {
  border-radius: 5px;
  background: #fcfe30;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fcfe30), color-stop(50%, #f9db12));
  background: linear-gradient(to bottom, #fcfe30 50%, #f9db12 50%);
  border: 2px solid #ffff00;
  -webkit-box-shadow: 8px 8px 5px #333333;
          box-shadow: 8px 8px 5px #333333;
  color: #333333;
  display: none;
  left: 35%;
  padding: 5px;
  position: absolute;
  text-align: center;
  top: 44.7%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 95px;
}
.cancelOpening:hover {
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fcfe30), color-stop(50%, #f7ef0c));
  background: linear-gradient(to bottom, #fcfe30 50%, #f7ef0c 50%);
}

.prijavi-btn {
  border-radius: 5px;
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 13px;
  color: #ffffff;
  background: #d1984b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #d1984b), color-stop(50%, #b37d3d));
  background: linear-gradient(to bottom, #d1984b 50%, #b37d3d 50%);
  display: block;
  margin: 10px auto;
  padding: 9px;
  text-align: center;
  text-decoration: none;
  width: 60%;
}
.prijavi-btn:hover {
  background: #edc064;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #edc064), color-stop(50%, #d8a451));
  background: linear-gradient(to bottom, #edc064 50%, #d8a451 50%);
  color: #ffffff;
  text-decoration: none;
}

.btns-wrapper .input_area input[type='button'] {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 14px;
  color: #381e0d;
  background-size: 100% auto;
  background: rgba(0, 0, 0, 0) url(../images/login_btn.html) no-repeat scroll top center;
  border: medium none;
  clear: both;
  cursor: pointer;
  height: 42px;
  margin: 5px auto;
  outline: none;
  text-align: center;
  text-shadow: 1px 2px 1px #ffffff;
  text-transform: uppercase;
  width: 91%;
}
.btns-wrapper .input_area input[type='button']:hover {
  background: rgba(0, 0, 0, 0) url(../images/login_btn.html) no-repeat scroll bottom center;
}

.nextButton {
  border-radius: 5px;
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 13px;
  color: #2E2113;
  background-color: #f4e8da;
  border: 3px double #7ba129;
  -webkit-box-shadow: 2px 2px 5px #2E2113;
          box-shadow: 2px 2px 5px #2E2113;
  color: #2E2113;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  height: 28px;
  padding-top: 2px;
  text-align: center;
  width: 110px;
}
.nextButton:hover {
  background-color: #F4A460;
}

.close-btn img {
  float: right;
}

.select-game-close-btn,
.close-btn-ach,
.buyCoinsClose,
.close-btn,
.server-shutdown-close-btn,
.user-referral-close-btn {
  background: url(../images/close-btn.html) no-repeat top right;
  cursor: pointer;
  height: 46px;
  position: absolute;
  right: 0;
  width: 50px;
  z-index: 10;
}
.select-game-close-btn:hover,
.close-btn-ach:hover,
.buyCoinsClose:hover,
.close-btn:hover,
.server-shutdown-close-btn:hover,
.user-referral-close-btn:hover {
  background-position: bottom right;
  cursor: pointer;
}

.select-game-close-btn {
  right: 11%;
}

.close-btn-video {
  background: url(../images/close-btn.html) no-repeat top right;
  height: 46px;
  margin: 0;
  position: absolute;
  right: -10px;
  top: 0;
  width: 50px;
  z-index: 10;
}
.close-btn-video:hover {
  background-position: bottom right;
  cursor: pointer;
}
.close-btn-video img {
  float: right;
}

.daily-bonus-close-btn,
.no-chip-inv-friends-close-btn {
  background: url(../images/close-btn.html) no-repeat top left;
  cursor: pointer;
  height: 46px;
  position: absolute;
  right: -10px;
  top: 12px;
  width: 50px;
  z-index: 10;
}
.daily-bonus-close-btn:hover,
.no-chip-inv-friends-close-btn:hover {
  background-position: bottom left;
}

.game-outcome-close-btn,
.game-report-close-btn,
.close-btn-wlcm {
  background: url(../images/close-btn.html) no-repeat top left;
  cursor: pointer;
  height: 46px;
  position: absolute;
  right: 6px;
  top: 0px;
  width: 50px;
  z-index: 10;
}
.game-outcome-close-btn:hover,
.game-report-close-btn:hover,
.close-btn-wlcm:hover {
  background-position: bottom left;
}

.login-modals-close-btns {
  background: url(../images/close-btn.html) no-repeat top left;
  cursor: pointer;
  height: 46px;
  position: absolute;
  right: -5px;
  top: -15px;
  width: 50px;
  z-index: 10;
}
.login-modals-close-btns:hover {
  background-position: bottom left;
}

.first-popup-box .box-btn-wrapper a.box-btn {
  border-radius: 5px;
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  background: #c3b88c;
  display: block;
  margin: 0 auto;
  padding: 7px;
  text-align: center;
  text-decoration: none;
  width: 85%;
}

.first-popup-box-highlighted a.box-btn {
  border-radius: 5px;
  background: #88ae34;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #88ae34), color-stop(50%, #7ba128));
  background: linear-gradient(to bottom, #88ae34 50%, #7ba128 50%);
  margin: 0 auto;
  padding: 7px;
  width: 85%;
}
.first-popup-box-highlighted a.box-btn:hover {
  background: #9dc83d;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #9dc83d), color-stop(50%, #8bb62e));
  background: linear-gradient(to bottom, #9dc83d 50%, #8bb62e 50%);
}

.btns-wrapper .input_area_fb {
  margin-bottom: 5px;
}
.btns-wrapper .input_area_fb .fb_login {
  background-position: 0 0;
  background-size: 100% auto;
  background: rgba(0, 0, 0, 0) url(../images/fblogin.html) no-repeat;
  clear: both;
  cursor: pointer;
  height: 43px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  width: 237px;
  border: 1px solid white;
}
.btns-wrapper .input_area_fb .fb_login:hover {
  background-position: 0 -43px;
}
.btns-wrapper .input_area_fb .fb_login span {
  font-family: "Cantora One", Arial, sans-serif;
  color: #ffffff;
  line-height: 0;
  position: relative;
  top: 4px;
  left: 17px;
  text-shadow: none;
}
.btns-wrapper .input_area_google {
  margin-bottom: 5px;
}
.btns-wrapper .input_area_google .glogin {
  background-position: 0 0;
  background-size: 100% auto;
  background: url(../images/glogin.html) no-repeat;
  cursor: pointer;
  height: 43px;
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
.btns-wrapper .input_area_google .glogin:hover {
  background-position: 0 -43px;
}

.scroll-right-btn {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 16px;
  color: #462610;
  background-size: 100% auto;
  background: url(../images/scroll-right-btn.html) top left no-repeat;
  display: block;
  height: 50px;
  margin: 0 auto;
  padding-top: 15px;
  text-decoration: none;
  width: 208px;
}

.right-scroll-btn {
  text-align: center;
}

.no-coins-button {
  border-radius: 5px;
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 14px;
  color: #333333;
  line-height: 40px;
  background: -webkit-gradient(linear, left top, right bottom, from(#ffa500), to(#ffff00));
  background: linear-gradient(to bottom right, #ffa500, #ffff00);
  border: 1px solid #ffa500;
  height: 40px;
  margin: 0 auto 5px auto;
  text-transform: uppercase;
  width: 90%;
}
.no-coins-button:hover {
  border: 1px solid #ffff00;
  color: #000000;
  cursor: pointer;
}

.green-btn-btm, .orange-btn-btm {
  font-size: 13px;
  color: #ffffff;
  line-height: 40px;
  background: url(../images/btm-green-btn.html) top left no-repeat;
  margin: 10px 0 0 auto;
  padding: 12px 0px;
  text-align: center;
  text-shadow: #638B0B -1px 1px 0px;
  width: 184px;
  height: 43px;
}
.green-btn-btm:hover, .orange-btn-btm:hover {
  background-position: bottom center;
  cursor: pointer;
}

.orange-btn-btm {
  background: url(../images/btm-orange-btn.html) top left no-repeat;
}
.orange-btn-btm:hover {
  background-position: bottom center;
  cursor: pointer;
}

.welcome-btns-wrapper {
  position: relative;
  top: 80px;
}

.welcomebtn {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 14px;
  color: #462610;
  line-height: 40px;
  background-size: 100% auto;
  background: url(../images/interactivelearn_btn.html) no-repeat top center;
  cursor: pointer;
  display: inline-block;
  height: 43px;
  margin: -5px auto 5px;
  text-shadow: 2px 2px 2px #ffffff;
  text-transform: uppercase;
  width: 182px;
}
.welcomebtn:hover {
  text-shadow: none;
}

.buyCoins-btm {
  border-radius: 5px;
  background: #628021;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #3f5a32), color-stop(20%, #324606));
  background: linear-gradient(to bottom, #3f5a32 80%, #324606 20%);
  border: 1px dashed #ffff00;
  color: #ffffff;
  font-size: 11px;
  margin: 0;
  padding: 3px;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 0 2pt #3f5a32;
          box-shadow: 0 0 0 2pt #3f5a32;
}
.buyCoins-btm:hover {
  cursor: pointer;
  background: #84ac2d;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #425b0c), color-stop(20%, #424e0f));
  background: linear-gradient(to bottom, #425b0c 80%, #424e0f 20%);
  -webkit-box-shadow: 0 0 0 2pt #425b0c;
          box-shadow: 0 0 0 2pt #425b0c;
}
.buyCoins-btm span {
  letter-spacing: 1px;
}
.buyCoins-btm.invert {
  background: #402615;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #402615), color-stop(20%, #623518));
  background: linear-gradient(to bottom, #402615 80%, #623518 20%);
  border: 2px solid #4a3121;
  text-shadow: none;
}

.brownBtn {
  background: url(../images/brown-btn1.html) no-repeat top center;
  display: block;
  height: 42px;
  margin: 0 auto 14px auto;
  outline: none;
  padding-top: 0px !important;
  width: 200px;
  border: 0;
}
.brownBtn:hover {
  background-position: bottom center;
  cursor: pointer;
}
.brownBtn:hover span {
  text-shadow: -2px -2px 0 #d1984b, 2px -2px 0 #d1984b, -2px 2px 0 #d1984b, 2px 2px 0 #d1984b;
}
.brownBtn span {
  color: #ffffff;
  font-size: 14px;
  line-height: 45px;
  text-shadow: -2px -2px 0 #9c6a00, 2px -2px 0 #9c6a00, -2px 2px 0 #9c6a00, 2px 2px 0 #9c6a00;
  text-transform: uppercase;
}

.pozovi-btn {
  border-radius: 5px;
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 13px;
  color: #ffffff;
  background: #88ae34;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #88ae34), color-stop(50%, #7ba129));
  background: linear-gradient(to bottom, #88ae34 50%, #7ba129 50%);
  cursor: pointer;
  margin: 10px auto;
  padding: 7px;
  text-align: center;
  text-transform: uppercase;
  width: 85%;
}
.pozovi-btn:hover {
  background: #afd445;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #afd445), color-stop(50%, #a0c836));
  background: linear-gradient(to bottom, #afd445 50%, #a0c836 50%);
}

.call-friend-game-outcome-btn {
  font-family: "Cantora One", Arial, sans-serif;
  color: #462610;
  background-size: 100% auto;
  background: url(../images/popup-second-btn-bg.html) 0 140px;
  cursor: pointer;
  height: 69px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  width: 290px;
}
.call-friend-game-outcome-btn:hover {
  background: url(../images/popup-second-btn-bg.html) 0 70px;
}
.call-friend-game-outcome-btn span {
  color: #462610;
  text-shadow: 1px 1px 1px #ffffff;
  top: 32px;
  position: relative;
}

.buyCoinsBtn {
  background-size: contain;
  height: 25px;
  position: relative;
  right: 10px;
  top: 10px;
}
.buyCoinsBtn:hover {
  cursor: pointer;
  opacity: 0.6;
}

.buyCoinssms {
  background: url(../images/buycoinssms.html) no-repeat top center;
  height: 283px;
  left: 50px;
  position: relative;
  top: 10px;
  width: 300px;
}
.buyCoinssms:hover {
  background-position: bottom center;
  cursor: pointer;
}

.buyCoinsInfo {
  font-family: "Cantora One", Arial, sans-serif;
  position: relative;
  text-align: center;
  top: 25px;
}

.leaveGameBtn,
.leaveGameBtnOne {
  margin-top: 20px;
}

.problem_btn {
  border-radius: 5px;
  background: #ffa500;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffa500), color-stop(50%, #fe7801));
  background: linear-gradient(to bottom, #ffa500 50%, #fe7801 50%);
  border: 2px solid #ffa500;
  bottom: 5px;
  color: #ffffff;
  display: block;
  margin: 5px auto;
  padding: 3px;
  position: relative;
  text-align: center;
  width: 90%;
}
.problem_btn:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffa500), color-stop(50%, #ff9537));
  background: linear-gradient(to bottom, #ffa500 50%, #ff9537 50%);
  cursor: pointer;
}

.profile-btn-idx {
  margin-top: 10px;
}
.profile-btn-idx .profile-link {
  border-radius: 5px;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
  background: #d1984b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #d1984b), color-stop(50%, #b27d3e));
  background: linear-gradient(to bottom, #d1984b 50%, #b27d3e 50%);
  border: 1px solid #ad7300;
  cursor: pointer;
  float: right;
  margin: -10px 0 0 0px;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 63px;
}
.profile-btn-idx .profile-link:hover {
  background: #eec265;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eec265), color-stop(50%, #daa753));
  background: linear-gradient(to bottom, #eec265 50%, #daa753 50%);
  border: 1px solid #d39700;
}

.startGame {
  background: url(../images/pocetak-btn.html) 0 0;
  display: block;
  height: 53px;
  margin: 0 auto 14px auto;
  outline: none;
  padding-top: 0px !important;
  width: 240px;
}
.startGame:hover {
  background-position: 0 52px;
}
.startGame span {
  color: #381e0d;
  line-height: 50px;
  text-shadow: 1px 2px 1px #ffffff;
  text-transform: uppercase;
}

#guideBtn {
  margin: 0 auto;
}

.pozPrBtn {
  font-family: "Cantora One", Arial, sans-serif;
  color: #462610;
  background-size: 100% auto;
  background: url(../images/popup-second-btn-bg.html) 0 140px;
  cursor: pointer;
  height: 69px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  width: 290px;
}
.pozPrBtn:hover {
  background: url(../images/popup-second-btn-bg.html) 0 70px;
}
.pozPrBtn span {
  color: #462610;
  text-shadow: 1px 1px 1px #ffffff;
  top: 32px;
  position: relative;
}

.second-popup-btm,
.second-popup-btm-bonus {
  font-family: "Cantora One", Arial, sans-serif;
  color: #462610;
  background-size: 100% auto;
  background: url(../images/popup-second-btn-bg.html) 0 140px;
  cursor: pointer;
  height: 69px;
  text-align: center;
  text-transform: uppercase;
  width: 290px;
}
.second-popup-btm:hover,
.second-popup-btm-bonus:hover {
  background: url(../images/popup-second-btn-bg.html) 0 70px;
}

.second-popup-btm-bonus {
  bottom: 0;
  clear: both;
  left: 161px;
  position: relative;
}
.second-popup-btm-bonus:hover {
  background-position: bottom;
  cursor: pointer;
}

.second-popup-btm a,
.second-popup-btm-bonus a {
  color: #462610;
  text-decoration: none;
  text-shadow: 1px 1px 1px #ffffff;
}

.second-popup-btm:hover a,
.second-popup-btm-bonus:hover a {
  color: #774727;
  text-shadow: none;
}

.helpBtn {
  border-radius: 5px;
  background: #fcfe30;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fcfe30), color-stop(50%, #f9db12));
  background: linear-gradient(to bottom, #fcfe30 50%, #f9db12 50%);
  border: 1px solid #ffff00;
  height: 30px;
  left: 53px;
  padding: 5px;
  position: absolute;
  top: -7px;
  z-index: 4;
}
.helpBtn:hover {
  cursor: pointer;
  background: #fcfe30;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fcfe30), color-stop(50%, #f7ef0c));
  background: linear-gradient(to bottom, #fcfe30 50%, #f7ef0c 50%);
}
.helpBtn .quest {
  border-radius: 5px;
  background: #228b22;
  color: #ffff00;
  display: inline;
  margin: 5px;
  padding: 0 5px;
}

.helpDropDown {
  border-radius: 5px;
  background: #ffff00;
  display: none;
  left: 10px;
  padding: 5px;
  position: absolute;
  top: 24px;
  z-index: 11;
}
.helpDropDown ul {
  margin: 0;
  padding-left: 10px;
}
.helpDropDown ul li:hover {
  color: #228b22;
  cursor: pointer;
}

.sound-btn-tbl-phone-nav,
.manual-btn-tbl-phone-nav,
.chat-btn-tbl-phone-nav {
  display: inline-block;
  margin: 0 5px;
  width: 50px;
  height: 57px;
}

.wrapper-close-btn .aside_close_btn {
  border-radius: 50px;
  font-family: "PT Sans", Arial, sans-serif;
  font-size: 14px;
  color: #ffffff;
  background: #4a3121;
  border: 2px solid #ae7a3c;
  display: block;
  float: right;
  font-weight: bold;
  padding: 5px 10px;
  position: absolute;
  right: 5px;
  top: 5px;
}
.wrapper-close-btn .aside_close_btn:hover {
  background: #5a2e13;
  cursor: pointer;
}

.icon-close-btn {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #402615), color-stop(50%, #381e0d));
  background: linear-gradient(to left, #402615 50%, #381e0d 50%);
  border-left: 1px solid #99692e;
  float: left;
  height: 100%;
  width: 10%;
}
.icon-close-btn:hover {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #623518), color-stop(50%, #4a3121));
  background: linear-gradient(to left, #623518 50%, #4a3121 50%);
  cursor: pointer;
}
.icon-close-btn span {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 36px;
  color: #ffffff;
  display: block;
  position: relative;
  text-align: center;
  top: 50%;
}

.fifth-btm div {
  display: inline-block;
  position: relative;
}
.fifth-btm div span {
  position: absolute;
  left: 0;
  right: 0;
  margin: -8px auto;
  text-transform: uppercase;
}

.sortCardsStreight,
.sortCardsThree {
  border-radius: 10px;
  bottom: 1px;
  color: #333333;
  float: left;
  height: 30px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  width: 100px;
  z-index: 3;
}

.sortCardsStreight {
  left: 181px;
  background: url("../images/sort-cards-buttons.html") no-repeat top center;
}

.sortCardsThree {
  right: 171px;
  background: url("../images/sort-cards-buttons.html") no-repeat bottom center;
}

.sortCardsStreight:hover,
.sortCardsThree:hover {
  opacity: 0.8;
  cursor: pointer;
}

.feedbackbtn {
  border-radius: 5px;
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 36px;
  color: #ffffff;
  line-height: 25px;
  height: 40px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 5px;
  z-index: 2;
  width: 80px;
}
.feedbackbtn:hover {
  cursor: pointer;
  background-position: bottom right;
}

.watch-video {
  background: #faf6ea;
  border-radius: 5px;
  border: 1px solid #40210e;
  left: 5px;
  padding: 2px;
  position: absolute;
  text-align: center;
  top: 5px;
  background: #faf6ea;
  z-index: 100;
  border-radius: 5px;
  border: 2px solid #84ac2d;
  width: 105px;
  padding: 2px;
  -webkit-animation: pulse 5s infinite;
          animation: pulse 5s infinite;
  width: 105px;
  z-index: 10;
}
.watch-video:hover {
  cursor: pointer;
}
.watch-video:hover .watch-video-capt {
  background: #41220e;
}
.watch-video:hover .watch-video-earn {
  background: #4a3121;
}
.watch-video .ad-img-timer-wrapper img {
  float: left;
  width: 30%;
}
.watch-video .ad-img-timer-wrapper span {
  float: left;
  width: 70%;
  margin-top: 3px;
  font-size: 15px;
  color: #47200b;
}
.watch-video #ad-text-wrapper .watch-video-capt {
  background: #623518;
}
.watch-video #ad-text-wrapper .watch-video-earn {
  background: #854e2b;
  border-radius: 0 0 5px 5px;
}
.watch-video #ad-text-wrapper .watch-video-capt,
.watch-video #ad-text-wrapper .watch-video-earn {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 2px 0;
  display: block;
}
.watch-video #ad-text-wrapper .watch-video-capt img,
.watch-video #ad-text-wrapper .watch-video-earn img {
  width: 12px;
  margin-top: -2px;
}

@-webkit-keyframes pulse {
  0% {
    background-color: #faf6ea;
    border: 2px solid #84ac2d;
  }
  50% {
    background-color: #f7f15a;
    border: 2px solid #435816;
  }
  100% {
    background-color: #faf6ea;
    border: 2px solid #84ac2d;
  }
}

@keyframes pulse {
  0% {
    background-color: #faf6ea;
    border: 2px solid #84ac2d;
  }
  50% {
    background-color: #f7f15a;
    border: 2px solid #435816;
  }
  100% {
    background-color: #faf6ea;
    border: 2px solid #84ac2d;
  }
}
.fb-sr {
  background: url("../images/fb-button-sr.html") no-repeat top right;
}

.fb-en {
  background: url("../images/fb-button-en.html") no-repeat top right;
}

li.buycTabs:nth-child(-n+2) {
  width: 35%;
}
li.buycTabs:nth-child(3) {
  width: 30%;
}
li.buycTabs a {
  padding: 20px 15px;
  background: #ebeedd;
  border-radius: 8px 8px 0 0;
}
li.buycTabs a img.buyctabIcon {
  float: left;
}
li.buycTabs a .buyctabName {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 20px;
  color: #5f3314;
  display: inline-block;
}
li.buycTabs a .buyctabMorec {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 12px;
  color: #618415;
  display: inline-block;
  position: relative;
  top: -7px;
}
li.buycTabs a .buycSpace {
  height: 20px;
  width: 17px;
  display: block;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: #def8a5;
  margin-right: 2px;
}

.fullscreenBtn {
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2ab17d), color-stop(50%, #15895c));
  background: linear-gradient(to bottom, #2ab17d 50%, #15895c 50%);
  border: 1px solid #ffffff;
  height: 30px;
  left: 150px;
  padding: 2px 5px 2px 0;
  position: absolute;
  top: -7px;
  z-index: 4;
}
.fullscreenBtn .fullscreenImg {
  background: url(../images/fullscreenbutton.html) no-repeat top center;
  float: left;
  height: 30px;
  position: relative;
  width: 30px;
}
.fullscreenBtn span {
  color: #ffffff;
  display: inline;
  text-shadow: 1px 1px 1px #333333;
}
.fullscreenBtn:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #37e9a4), color-stop(50%, #1fc484));
  background: linear-gradient(to bottom, #37e9a4 50%, #1fc484 50%);
  cursor: pointer;
}

.mobile-version-btn {
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #402615), color-stop(50%, #381e0d));
  background: linear-gradient(to bottom, #402615 50%, #381e0d 50%);
  border: 2px solid brown;
  padding: 5px;
}
.mobile-version-btn div {
  display: inline;
}
.mobile-version-btn div h3 {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 41px;
  color: #ffff00;
  text-transform: uppercase;
  margin-top: 15px;
  text-align: center;
}
.mobile-version-btn div span {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 22px;
  color: #ffffff;
  display: block;
  margin: 15px auto;
  text-align: center;
  width: 100%;
}

.monthAllTRating {
  padding: 5px;
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffd800), color-stop(50%, #febf01));
  background: linear-gradient(to bottom, #ffd800 50%, #febf01 50%);
  margin: 0 auto;
  border: 2px solid #ffffff;
  text-align: center;
  text-shadow: 1px 2px 1px #ffffff;
}
.monthAllTRating:hover {
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffff00), color-stop(50%, #fcfe30));
  background: linear-gradient(to bottom, #ffff00 50%, #fcfe30 50%);
}

.allRangs {
  border-radius: 5px;
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 13px;
  color: #ffffff;
  background: #88ae34;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #88ae34), color-stop(50%, #7ba129));
  background: linear-gradient(to bottom, #88ae34 50%, #7ba129 50%);
  cursor: pointer;
  margin: 4px auto;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 85%;
}
.allRangs:hover {
  background: #afd445;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #afd445), color-stop(50%, #a0c836));
  background: linear-gradient(to bottom, #afd445 50%, #a0c836 50%);
}
.allRangs span {
  padding: 0;
  line-height: 29px;
}
.allRangs .leagues-nanoscroller-btn {
  width: 29px;
  height: 30px;
}

.back-to-top,
.ach-back-to-top {
  border-radius: 5px;
  background: #ffffff;
  -webkit-box-shadow: 2px 5px 40px #000000;
          box-shadow: 2px 5px 40px #000000;
  height: 50px;
  opacity: 0;
  position: fixed;
  right: 1%;
  bottom: 1%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  visibility: hidden;
  width: 50px;
}
.back-to-top a,
.ach-back-to-top a {
  color: #9dc83d;
  font-size: 40px;
  left: 5px;
  position: relative;
  top: -3px;
}
.back-to-top a:hover,
.ach-back-to-top a:hover {
  text-decoration: none;
}

.show-btn-to-top,
.ach-show-btn-to-top {
  visibility: visible;
  opacity: 1;
  z-index: 12;
}

#fmp-button {
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
}
#fmp-button:hover, #fmp-button:focus {
  text-decoration: none;
  outline: none;
  color: #000000;
  text-shadow: 1px 2px 1px #ffffff;
}

/* Check League button */
.league-info-button {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #d1984b), color-stop(50%, #b27d3e));
  background: linear-gradient(to bottom, #d1984b 50%, #b27d3e 50%);
  border-radius: 5px;
  border: 1px solid #ad7300;
  clear: both;
  color: #ffffff;
  font-size: 12px;
  margin: 1px auto 0;
  padding: 2px 0;
  text-transform: uppercase;
}
.league-info-button:hover, .league-info-button:focus {
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eec265), color-stop(50%, #daa753));
  background: linear-gradient(to bottom, #eec265 50%, #daa753 50%);
}

.btn-login-style {
  width: 70%;
  height: 83px;
  background: #42590e;
  border: 1px solid #ffffff;
  color: #ffffff;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.btn-login-style:hover {
  background: #526d18;
  color: #ffffff;
}

#submit-register-form:focus, #submit-register-form:hover {
  border: 1px solid transparent;
}

#confirm-account .confirm-account-wrapper .invalid-login-submit:focus, #confirm-account .confirm-account-wrapper .invalid-login-submit:hover {
  border: 1px solid transparent;
}

.comment-chat {
  border-radius: 5px;
  border: 1px solid #c4b783;
  padding: 5px;
  width: 95%;
}

.input_area input[type="text"],
.input_area input[type="password"] {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 18px;
  color: #ffe983;
  background-size: 100% auto;
  background: url(../images/input_bg.html) no-repeat top center;
  border: medium none;
  font-weight: bold;
  height: 45px;
  margin: 5px 0 0;
  padding: 0 10px;
  width: 90%;
}

input[type=checkbox] {
  visibility: hidden;
}
input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.search-bar-wrapper {
  border-radius: 5px;
  background: #425b0c;
  padding: 2%;
}

.search-input {
  font-family: "PT Sans", Arial, sans-serif;
  font-size: 13px;
  color: #acbf36;
  line-height: 35px;
  background: none;
  border: 0;
  float: left;
  font-style: italic;
  height: 35px;
  padding-left: 10px;
}

.search-submit {
  background-size: 100% auto;
  background: url(../images/search-icon.html) top left no-repeat;
  border: 0;
  cursor: pointer;
  float: right;
  height: 35px;
  width: 40px;
}

.pagination {
  padding: 20px 10px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #402615), color-stop(0, #381e0d));
  background: linear-gradient(180deg, #402615 50%, #381e0d 0);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagination ul {
  margin-bottom: 0;
  padding: 0 15px;
}
.pagination li {
  display: inline-block;
}
@media only screen and (max-width: 699px) {
  .pagination ul {
    padding: 0 8px;
  }
}

.pag-arrow,
.pag-btn {
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
  background: transparent;
  border: 0;
  outline: none;
}

.pag-arrow {
  position: relative;
}
.pag-arrow::before {
  content: '';
  position: absolute;
  top: 2px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media only screen and (min-width: 1200px) {
  .pag-arrow:hover {
    color: #88ae34;
  }
}

.pag-prev {
  padding-left: 15px;
}
.pag-prev::before {
  left: 0;
  border-right: 6px solid #ffffff;
}

.pag-next {
  padding-right: 15px;
}
.pag-next::before {
  right: 0;
  border-left: 6px solid #ffffff;
}

.pag-btn {
  padding: 9px 12px;
  margin: 0 5px;
  border-radius: 3px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.pag-btn.pag-btn-active {
  background-color: #7ba129;
  -webkit-box-shadow: inset 0 0px 3px #000;
          box-shadow: inset 0 0px 3px #000;
}
@media only screen and (min-width: 1200px) {
  .pag-btn:hover {
    background-color: #7ba129;
    -webkit-box-shadow: inset 0 0px 3px #000;
            box-shadow: inset 0 0px 3px #000;
  }
}
@media only screen and (max-width: 699px) {
  .pag-btn {
    padding: 6px 9px;
  }
}

.clear {
  clear: both;
}

ul li {
  list-style-type: none;
}

.spacingDiv {
  clear: both;
  height: 30px;
  width: 100%;
}

.noPadding {
  padding: 0 !important;
}

.col-sm-15 {
  float: left;
  min-height: 1px;
  position: relative;
  width: 20%;
}

.col-xs-15 {
  float: left;
  min-height: 1px;
  position: relative;
  width: 20%;
}

.myPadd {
  padding: 5px;
}

.paddLeft,
.paddRight {
  margin-top: 30px;
}

.padd1 {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 13px;
}

.padd {
  padding: 2px;
}

.float-right {
  float: right;
}

.paddingCustom {
  padding-left: 1px;
  padding-right: 1px;
}

.paddingCustom1 {
  padding-right: 0;
  padding-left: 3px;
}

.morePadding {
  padding-left: 20px;
  padding-right: 20px;
}

.morePadding1 {
  padding-left: 30px;
  padding-right: 30px;
}

.nmb {
  text-align: center !important;
}

.paddingCustomRight {
  padding-left: 0;
  padding-right: 2px;
}

.paddingCustomLeft {
  padding-left: 10px;
  padding-right: 15px;
}

.center-content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.hv-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ranking-image-height-80 {
  height: 80px;
  position: relative;
}

.ranking-image-height-50 {
  height: 50px;
  position: relative;
}

.mt-2 {
  margin-top: 2%;
}

.pos-relative {
  position: relative;
}

.mdown {
  bottom: -20px !important;
}

.groupDisabled {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  height: 40px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 86px;
}

.unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.talonHover {
  border-radius: 3px;
  border: 1px dashed #ffff00;
  cursor: pointer;
}

.activePlayer {
  border: 1px solid #ffff00;
  background: #99692e;
}

.red-text {
  color: #ff0000;
}

.noPadRight {
  padding-right: 0;
}

.noPadLeft {
  padding-left: 0;
}

.fullHeight {
  height: 100%;
}

.halfHeight {
  height: 50%;
}

.va-image-top {
  vertical-align: top;
}

.btm-position {
  background-position: bottom left !important;
}

.limit {
  color: #ff0000;
}

.ad-text-none {
  display: none;
}

.strongTxt {
  font-weight: bold;
  font-size: 16px;
}

.txtCenter {
  text-align: center;
}

@-webkit-keyframes fadeout0 {
  from {
    background-color: #623518;
  }
  to {
    background-color: #dad7ca;
  }
}

@keyframes fadeout0 {
  from {
    background-color: #623518;
  }
  to {
    background-color: #dad7ca;
  }
}
@-webkit-keyframes fadeout1 {
  from {
    background-color: #623518;
  }
  to {
    background-color: #fcf2ae;
  }
}
@keyframes fadeout1 {
  from {
    background-color: #623518;
  }
  to {
    background-color: #fcf2ae;
  }
}
@-webkit-keyframes fadeout2 {
  from {
    background-color: #623518;
  }
  to {
    background-color: #afd445;
  }
}
@keyframes fadeout2 {
  from {
    background-color: #623518;
  }
  to {
    background-color: #afd445;
  }
}
@-webkit-keyframes showRegisterError {
  from {
    background-color: #ff0000;
  }
  to {
    background-color: #ffffff;
  }
}
@keyframes showRegisterError {
  from {
    background-color: #ff0000;
  }
  to {
    background-color: #ffffff;
  }
}
.first-popup-box.first-popup-box-highlighted {
  background: #bab08a;
  cursor: initial !important;
}
.first-popup-box.first-popup-box-highlighted h3 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #88ae34), color-stop(50%, #7ba128));
  background-image: linear-gradient(to bottom, #88ae34 50%, #7ba128 50%);
}
.first-popup-box.first-popup-box-highlighted .box-btn-wrapper a.box-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #88ae34), color-stop(50%, #7ba128));
  background-image: linear-gradient(to bottom, #88ae34 50%, #7ba128 50%);
}
.first-popup-box.first-popup-box-highlighted .box-btn-wrapper a.box-btn:hover {
  background-color: #9dc83d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #9dc83d), color-stop(50%, #8bb62e));
  background-image: linear-gradient(to bottom, #9dc83d 50%, #8bb62e 50%);
}

.first-popup-box.first-popup-box-highlighted-league {
  background-color: #bab08a;
  cursor: initial !important;
}
.first-popup-box.first-popup-box-highlighted-league h3 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #059aa7), color-stop(50%, #027a85));
  background-image: linear-gradient(to bottom, #059aa7 50%, #027a85 50%);
}
.first-popup-box.first-popup-box-highlighted-league .box-btn-wrapper a.box-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #059aa7), color-stop(50%, #027a85));
  background-image: linear-gradient(to bottom, #059aa7 50%, #027a85 50%);
}
.first-popup-box.first-popup-box-highlighted-league .box-btn-wrapper a.box-btn:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #059aa7), color-stop(50%, #027a85));
  background-image: linear-gradient(to bottom, #059aa7 50%, #027a85 50%);
}

.positionRel {
  position: relative;
}

.league-pos-difference-2 {
  color: #008000;
}

.league-pos-difference-1 {
  color: #b3bead;
}

.league-pos-difference-0 {
  color: #ff6347;
}

.league-arrows-2 {
  background-position: top;
}

.league-arrows-1 {
  background-position: center;
}

.league-arrows-0 {
  background-position: bottom;
}

.avoid--clicks {
  pointer-events: none;
  cursor: not-allowed;
}

.tab-width-30 {
  display: block;
}
.tab-width-30 > li {
  width: 33.33%;
}
.tab-width-30 > li a {
  padding: 20px 15px;
  display: block;
}
.tab-width-30 > li a .buyctabMorec, .tab-width-30 > li a .buycSpace {
  width: auto;
}
.tab-width-30 > li a .buyctabMorec {
  margin-top: 0;
}

.tab-width-50 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tab-width-50 > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.tab-width-50 > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
}
.tab-width-50 > li a .buyctabMorec, .tab-width-50 > li a .buycSpace {
  width: 100%;
}
.tab-width-50 > li a .buyctabMorec {
  margin-top: 8px;
}

@media only screen and (min-width: 1200px), (max-width: 1100px) {
  .ingame-wrapper {
    margin-top: 45px;
  }

  .playerCards {
    width: 700px;
  }

  .btm-btn {
    margin-top: 50px;
  }

  #gamePageHolder .mid {
    padding-bottom: 5px;
  }

  .container-left .popup-btm {
    bottom: -5px;
  }

  .btm-wood-profile {
    left: -60px;
    top: -167px;
    width: 110%;
  }

  #btn-change-user-avatar .change-user-avatar-txt {
    display: block;
  }
  #btn-change-user-avatar .change-user-avatar-img {
    display: none;
  }

  .small-screens-profile-user-stats {
    display: none;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .modal-dialog.modal-change-video {
    width: 70%;
  }

  .idx-wrapper {
    margin: -133px auto 0 auto;
  }

  .profile-details h2 {
    font-size: 20px;
  }

  .idx-level-rank-separator {
    margin: 0;
  }

  .topBanner-sr,
  .topBanner-en {
    margin-top: 50px;
  }

  .ingame-wrapper {
    width: 980px;
    margin: 0 auto;
  }

  .btm-btn {
    margin-top: 15px;
  }

  .sortCardsStreight {
    left: 162px;
  }

  .sortCardsThree {
    right: 145px;
  }

  .playerCards {
    width: 700px;
  }

  #timerDiv {
    left: 25.3%;
  }

  .imgFrame img {
    left: 11px;
    width: 175px;
    top: 25px;
  }
  .imgFrame .overlay {
    left: 11px;
    width: 175px;
    height: 175px;
    top: 25px;
  }
  .imgFrame #btn-change-user-avatar {
    top: 80%;
  }
  .imgFrame #btn-change-user-avatar .change-user-avatar-txt {
    display: block;
  }
  .imgFrame #btn-change-user-avatar .change-user-avatar-img {
    display: none;
  }

  .btm-wood-profile {
    width: 109% !important;
    left: -40px !important;
    top: -138px !important;
  }

  .leaguesTabs,
  .leagueTabCont {
    width: 80%;
  }

  .small-screens-profile-user-stats {
    display: none;
  }

  .profile-player-stats .profile-logo-bg {
    margin: 20% auto 40% auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 970px) {
  .monkey {
    height: 150px;
    left: -133px;
    top: 105px;
  }

  .modal-dialog.modal-change-video {
    width: 85%;
    margin-top: 3px;
  }

  .idx-wrapper {
    margin: -133px auto 0 auto;
  }

  .navbar-default .navbar-toggle {
    border: 2px solid #fef673;
  }
  .navbar-default .navbar-toggle:hover {
    border-color: #fef673;
  }
  .navbar-default .navbar-toggle .icon-bar {
    border: 1px solid #fef673;
  }

  .profile-details h2 {
    font-size: 20px;
  }

  .tabber .tab_txt {
    font-size: 14px;
  }

  .idx-level-rank-separator {
    margin: 0;
  }

  .topBanner-sr,
  .topBanner-en {
    margin-top: 50px;
  }

  .ingame-wrapper {
    width: 760px;
    margin: 0 auto;
  }
  .ingame-wrapper .tbl-phone-menu {
    border-radius: 0;
    background: none;
    cursor: initial;
    display: block;
    font-size: inherit;
    left: 0;
    margin: 5px;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 17px;
    z-index: 3;
  }
  .ingame-wrapper .tbl-phone-menu:hover {
    background: none;
  }
  .ingame-wrapper .tbl-phone-menu span.label.label-danger {
    border-radius: 5px;
    display: none;
    position: absolute;
    right: 32px;
    top: -3px;
    z-index: 5;
  }
  .ingame-wrapper .tbl-phone-menu #asideMenuOpen {
    background-color: transparent;
    border: 2px solid #fef673;
    margin: 0;
    padding: 8px;
    position: relative;
    display: block;
  }
  .ingame-wrapper .tbl-phone-menu #asideMenuOpen .icon-bar {
    background-color: #fef673;
  }

  .ingame-nav .navbar-header .ingame-logo {
    margin-left: 33px;
    margin-top: -4px;
  }

  .helpBtn {
    left: 40px;
  }

  .btm-btn {
    margin-top: 15px;
  }

  .sortCardsStreight {
    left: 201px;
  }

  .sortCardsThree {
    right: 201px;
  }

  .playerCards {
    width: 700px;
  }

  #timerDiv {
    left: 26.7%;
  }

  .popup-right {
    right: -6px;
  }

  .ingame-wrapper #game-menu {
    display: none;
  }

  .first-popup-wrapper-inner {
    width: 715px;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-top {
    height: 245px;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle .leagu-switch-button {
    top: 12px;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle .first-popup-inner {
    margin: -118px 60px 50px;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-bottom {
    background-size: 100% 100%;
  }

  .no-coins-text {
    min-height: 150px;
    width: 95%;
  }

  .inv_capt {
    font-size: 24px;
  }

  #levelUpPanel .leaveGameMiddle {
    height: 413px;
  }

  .profileInfo {
    display: block;
  }
  .profileInfo .profil-player-img-wrapper {
    display: inline-block;
  }
  .profileInfo .profile-league-stats-wrapper {
    display: inline-block;
  }
  .profileInfo .profile-league-stats-wrapper .profile-page-leagues {
    margin: 0 auto;
    border-left: none;
  }

  .imgFrame img {
    left: 12px;
    width: 175px;
    top: 26px;
  }
  .imgFrame .overlay {
    left: 12px;
    width: 175px;
    height: 175px;
    top: 26px;
  }
  .imgFrame #btn-change-user-avatar {
    top: 80%;
  }

  .profilPlayerName {
    display: inline-block;
    margin-left: -10px;
    border-right: none;
  }
  .profilPlayerName .user-name-profile-para {
    font-size: 26px;
  }

  .btm-wood-profile {
    top: -115px !important;
    left: -40px !important;
  }

  .ach-box {
    padding: 0;
    margin: 0;
  }
  .ach-box .ach-total-wins-wrapper .ach-desc-headline {
    margin-bottom: 4%;
  }
  .ach-box .col-sm-15 {
    padding: 0 5px;
    margin: 5px 0 0;
  }
  .ach-box .col-sm-15 .ach-reward-wrapper {
    top: -20%;
  }
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_win,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_played_games_total,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_played_games_monthly,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_played_games_daily,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_times_handing,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_clover_points_monthly,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_clover_points_daily,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_consecutive_wins,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_no_last_place_run,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_lucky_winner,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_sudden_wins {
    width: 75px;
    height: 75px;
    background-position: top right;
  }
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .btm-position {
    background-position: bottom right !important;
  }
  .ach-box .col-sm-15 .ach-holder .ach-star-wrapper ul li {
    height: 13px;
    width: 13px;
    background-position: top right;
  }
  .ach-box .col-sm-15 .ach-holder .ach-star-wrapper ul .btm-position {
    background-position: bottom right !important;
  }

  .profile-user-stats {
    clear: both;
  }

  .midUputstvo {
    background-position-y: 15px;
  }

  .rankingTabCont,
  .rankingsTabs {
    width: 90%;
  }

  .leaguesTabs,
  .leagueTabCont {
    width: 90%;
  }

  .profile-page-leagues .league-info-caption span {
    font-size: 18px;
  }
  .profile-page-leagues .league-info-details .bg-caption-index {
    padding: 5px;
  }
  .profile-page-leagues .league-info-details .txtCenter {
    margin: 5px 0;
  }
  .profile-page-leagues .league-info-details .league-info-button {
    padding: 7px;
  }
  .profile-page-leagues .league-info-details .league-played-progress {
    height: 30px;
  }

  .profile-player-stats .profile-logo-bg {
    margin: 5% auto;
  }

  .credit-cards-section .m-15 {
    margin: 15px 0;
  }

  .panel-footer-cards .m-10 {
    margin: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .langMenu {
    top: 130px;
  }

  .modal-dialog.modal-change-video {
    width: auto;
  }

  .idx-wrapper {
    margin: 0 auto;
    width: 100%;
  }

  .topBanner-en,
  .topBanner-sr {
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .topBanner-en .topBannerTxt,
  .topBanner-sr .topBannerTxt {
    width: 46%;
  }

  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 17vh;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 174.08px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 130.56px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 81.6px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 54.4px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 96.56px;
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 54.4px;
  }
}
@media only screen and (max-width: 767px) {
  .did-you-know-wrapper .did-you-know-div {
    padding: 0 10px;
    width: 75px;
  }
  .did-you-know-wrapper .carousel-inner .carousel-caption {
    width: 80%;
  }
  .did-you-know-wrapper .right.carousel-control {
    width: 26px;
  }

  .navbar-collapse,
  .navbar-collapse.in {
    overflow: hidden;
  }

  .main-nav .navbar-toggle {
    margin: 15px;
  }
  .main-nav .navbar-brand .logo {
    margin: -9px 15px;
  }
  .main-nav #index-menu .navbar-right {
    float: right;
    margin-right: 50px;
  }
  .main-nav #index-menu .navbar-right .soundBtnOn,
  .main-nav #index-menu .navbar-right .soundBtnOff {
    margin: -3px 15px;
  }
  .main-nav #index-menu .navbar-right .top-right {
    height: 40px;
    margin: 0;
  }
  .main-nav .navbar-collapse {
    background: #41220e;
    border-top: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .main-nav .top-mid-inner {
    position: relative;
    top: -5px;
  }

  .log-out-wrapper {
    top: 35px;
  }
  .log-out-wrapper a {
    font-size: 14px;
  }

  .mid-content-wrapper {
    padding: 0 7.5px;
  }

  .bottom-profile-wrapper {
    margin-top: 5px;
  }
  .bottom-profile-wrapper .cols-rating-mobile {
    padding: 0 0 0 20px;
  }
  .bottom-profile-wrapper .cols-clover-mobile {
    padding: 0 0 0 20px;
    margin-top: 5px;
  }
  .bottom-profile-wrapper .cols-silver-mobile {
    padding: 0 15px;
  }
  .bottom-profile-wrapper .cols-gold-mobile {
    padding: 0 15px;
    margin-top: 5px;
  }
  .bottom-profile-wrapper .col-sm-4.col-xs-12.noPadLeft {
    padding-left: 20px;
    margin-top: 4px;
  }
  .bottom-profile-wrapper .css-hover-div {
    width: 100%;
  }
  .bottom-profile-wrapper .css-hover-div .number-profile {
    margin-right: -4px;
    font-size: 14px !important;
  }
  .bottom-profile-wrapper .hover-player-ranks,
  .bottom-profile-wrapper .hover-clover-points {
    width: 80%;
  }
  .bottom-profile-wrapper .hover-player-ranks {
    left: initial;
  }
  .bottom-profile-wrapper .hover-player-ranks,
  .bottom-profile-wrapper .hover-clover-points {
    right: -82%;
  }
  .bottom-profile-wrapper .buyCoins-btm {
    font-size: 16px;
  }

  .container-btm-wrapper,
  .container-btm-wrapper-login {
    margin-bottom: 10px;
    background-repeat: repeat-x;
  }

  .container-left2 {
    padding-right: 0;
  }
  .container-left2 .profile-right-wrapper {
    padding: 0;
  }
  .container-left2 .profile-right-inner {
    margin-top: 5px;
  }

  .profile-pic-wrapper img {
    width: 70px;
  }

  .list-wrapper ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .list-wrapper ul li div {
    height: 100%;
  }
  .list-wrapper ul li .image-clover-points {
    top: 2px;
    height: auto;
  }

  .container-right2 {
    padding: 10px 18px;
  }
  .container-right2 .chat-box-wrapper h3 {
    font-size: 16px;
  }
  .container-right2 .tabber .tab_txt {
    font-size: 14px;
  }
  .container-right2 .list-wrapper ul li .col-sm-5.col-xs-7.text-left {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 53.33333%;
  }
  .container-right2 .list-wrapper ul li .col-sm-6.col-xs-8 {
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .container-right2 .list-wrapper ul li .col-sm-4.col-xs-3.text-left {
    width: 30%;
  }
  .container-right2 .list-wrapper ul li .col-sm-6.col-xs-7 {
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .container-right2 .list-wrapper ul li span {
    font-size: 14px;
    padding: 0;
    margin: 0;
    letter-spacing: 0.5px;
  }
  .container-right2 .list-wrapper .pozovi-btn {
    font-size: 14px;
  }

  .monthTimer .col-sm-3.col-xs-1 img {
    top: 3px;
  }
  .monthTimer #timerCountdown {
    padding-left: 0;
    font-size: 18px;
    text-align: center;
  }

  .gallery-wrapper .gallery-box-first,
  .gallery-wrapper .gallery-box-last {
    width: 32%;
    margin: 0 auto;
  }
  .gallery-wrapper .dailyBonusListBgW {
    width: 32%;
  }
  .gallery-wrapper h3 {
    font-size: 16px;
  }
  .gallery-wrapper .leftBox {
    margin-bottom: 25px;
  }
  .gallery-wrapper .rightBox {
    margin-top: 20px;
  }
  .gallery-wrapper .col-sm-15 {
    width: 33.3333%;
  }
  .gallery-wrapper .arrow-left {
    border-width: 20px 25px 20px 0;
    position: absolute;
  }
  .gallery-wrapper .arrow-left-start {
    border-width: 20px 25px 20px 0;
    position: absolute;
  }
  .gallery-wrapper .arrow-right {
    border-width: 20px 0 20px 25px;
    position: absolute;
  }
  .gallery-wrapper .arrow-right-end {
    border-width: 20px 0 20px 25px;
    position: absolute;
  }

  .mid {
    padding-bottom: 15px;
  }

  #privacyPolicy {
    margin-top: 0;
  }
  #privacyPolicy a {
    font-size: 32px;
    color: #402615;
    display: inline-block;
  }
  #privacyPolicy a:hover {
    text-decoration: none;
  }
  #privacyPolicy span {
    font-size: 32px;
    color: #402615;
  }

  *:-ms-fullscreen *:-ms-fullscreen {
    overflow: auto !important;
  }

  *:fullscreen *:-ms-fullscreen,
  *:-webkit-full-screen,
  *:-moz-full-screen {
    overflow: auto !important;
  }

  .groupDisabled {
    border-radius: 3px;
    width: 53px;
    height: 30px;
  }

  .popupInfo {
    right: 160px;
    top: 55px;
    font-size: 30px;
    width: 40px;
    height: 40px;
    line-height: 20px;
  }

  .second-popup-header {
    bottom: -1px;
  }

  .second-popup-footer {
    position: relative;
    top: -2px;
  }

  .coin-chest {
    background-size: cover;
    width: 80px;
    height: 80px;
    top: 20%;
  }

  #selectGame {
    padding-left: 0 !important;
  }
  #selectGame .modal-dialog {
    width: 100% !important;
    margin: 0;
  }
  #selectGame .first-popup-box.first-popup-box-highlighted {
    background: #bab08a;
    cursor: initial !important;
  }
  #selectGame .first-popup-box.first-popup-box-highlighted h3 {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #88ae34), color-stop(50%, #7ba128));
    background-image: linear-gradient(to bottom, #88ae34 50%, #7ba128 50%);
  }
  #selectGame .first-popup-box.first-popup-box-highlighted .box-btn-wrapper a.box-btn {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #88ae34), color-stop(50%, #7ba128));
    background-image: linear-gradient(to bottom, #88ae34 50%, #7ba128 50%);
  }
  #selectGame .first-popup-box.first-popup-box-highlighted .box-btn-wrapper a.box-btn:hover {
    background-color: #9dc83d;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #9dc83d), color-stop(50%, #8bb62e));
    background-image: linear-gradient(to bottom, #9dc83d 50%, #8bb62e 50%);
  }
  #selectGame .first-popup-box.first-popup-box-highlighted-league {
    background-color: #bab08a;
    cursor: initial !important;
  }
  #selectGame .first-popup-box.first-popup-box-highlighted-league h3 {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #059aa7), color-stop(50%, #027a85));
    background-image: linear-gradient(to bottom, #059aa7 50%, #027a85 50%);
  }
  #selectGame .first-popup-box.first-popup-box-highlighted-league .box-btn-wrapper a.box-btn {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #059aa7), color-stop(50%, #027a85));
    background-image: linear-gradient(to bottom, #059aa7 50%, #027a85 50%);
  }
  #selectGame .first-popup-box.first-popup-box-highlighted-league .box-btn-wrapper a.box-btn:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #059aa7), color-stop(50%, #027a85));
    background-image: linear-gradient(to bottom, #059aa7 50%, #027a85 50%);
  }

  #endLeagues .universalPopup .univer-popup-middle .end-desc-text .end-gratz-text,
  #endLeagues .universalPopup .univer-popup-middle .end-desc-text .league-img-bg {
    margin: 0 auto;
  }
  #endLeagues .universalPopup .univer-popup-middle .ach-unlock-wrapper .ach-unlock-text {
    margin: 5px auto 15px;
  }
  #endLeagues .universalPopup .univer-popup-middle .ach-reward {
    padding: 0;
    margin-bottom: 15px;
  }
  #endLeagues .universalPopup .univer-popup-bottom {
    top: -12px;
  }

  .midUputstvo h1 {
    margin: 10px 0;
  }
  .midUputstvo .tutPlayBtn {
    width: 100%;
  }

  .midProfile {
    margin: 0;
    background-size: 101%;
    padding: 0 5px;
  }

  .user-chip-history-wrapper {
    overflow-x: scroll;
  }

  .imgFrame {
    width: 200px;
  }
  .imgFrame .profProfile {
    left: 13px;
  }

  .profil-player-img-wrapper {
    padding: 0;
  }

  .profilPlayerName {
    text-align: center;
  }
  .profilPlayerName .coins {
    margin: 0 20px 0 0;
  }

  .ach-box {
    padding: 0;
    margin: 0;
  }
  .ach-box .ach-total-wins-wrapper .ach-desc-headline {
    margin-bottom: 4%;
  }
  .ach-box .col-sm-15 {
    padding: 0 5px;
    margin: 5px 0 0;
  }
  .ach-box .col-sm-15 .ach-reward-wrapper {
    left: 15%;
    top: -20%;
  }
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_win,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_played_games_total,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_played_games_monthly,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_played_games_daily,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_times_handing,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_clover_points_monthly,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_clover_points_daily,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_consecutive_wins,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_no_last_place_run,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_lucky_winner,
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .ach_sudden_wins {
    width: 75px;
    height: 75px;
    background-position: top right;
  }
  .ach-box .col-sm-15 .ach-holder .ach-image-wrapper .btm-position {
    background-position: bottom right !important;
  }
  .ach-box .col-sm-15 .ach-holder .ach-star-wrapper ul li {
    height: 13px;
    width: 13px;
    background-position: top right;
  }
  .ach-box .col-sm-15 .ach-holder .ach-star-wrapper ul .btm-position {
    background-position: bottom right !important;
  }

  #referr-new-user .reffer-user-wrapper,
  #referr-new-user .modal-content,
  #referral-friends-list .reffer-user-wrapper,
  #referral-friends-list .modal-content {
    margin-top: 25px;
  }
  #referr-new-user .modal-body,
  #referral-friends-list .modal-body {
    top: -10px;
  }
  #referr-new-user .modal-header,
  #referral-friends-list .modal-header {
    width: 100% !important;
  }
  #referr-new-user .modal-header .modal-title,
  #referral-friends-list .modal-header .modal-title {
    line-height: 1.1;
  }
  #referr-new-user .modal-footer,
  #referral-friends-list .modal-footer {
    padding: 0 15px;
  }

  #modal-user-avatar .modal-body {
    margin-top: 25px;
  }

  .login-wrapper {
    margin: 0 auto;
    width: 100%;
  }

  .equal-heights-column-login {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 15px;
  }
  .equal-heights-column-login .container-btm-wrapper-login {
    width: 100%;
  }
  .equal-heights-column-login .container-right {
    width: 100%;
    margin-top: 15px;
  }

  .credit-cards-section .m-15 {
    margin: 15px 0;
  }

  .panel-footer-cards .m-10 {
    margin: 10px;
  }

  .d-none-480 {
    display: none;
  }

  .d-block-480 {
    display: block;
  }

  .ranking-header {
    width: 100%;
  }

  .rankings-reward {
    position: absolute;
    top: -5px;
    right: 0;
  }

  .rankingsTabs,
  .rankingTabCont {
    width: 100%;
    margin-top: 10px;
  }

  .pos-abs-480 {
    position: absolute;
    left: 60%;
  }

  .mb-480 {
    margin-bottom: 1%;
  }

  .no-pad-480 {
    padding: 0;
  }

  .ach-box .ach-headline {
    width: 50%;
  }

  .leaguesTabs,
  .leagueTabCont {
    width: 95%;
  }

  .leaguesTabs {
    margin-top: 20px;
  }
  .leaguesTabs .presentation-leagues {
    width: 33.33%;
    float: left;
  }
  .leaguesTabs .presentation-leagues.active {
    background: yellow;
  }
  .leaguesTabs .presentation-leagues .tab-cont-style img {
    margin: 0 auto;
  }

  .leagueTabCont {
    clear: both;
    padding: 5px;
  }
  .leagueTabCont .leagues-info-capt {
    width: 70%;
  }
  .leagueTabCont .leaguesRow {
    padding: 2px 5px;
  }
  .leagueTabCont .leagues-pagination .pagin-sign-box .league_first,
  .leagueTabCont .leagues-pagination .pagin-sign-box .league_left {
    border-width: 20px 25px 20px 0;
  }
  .leagueTabCont .leagues-pagination .pagin-sign-box .league_right,
  .leagueTabCont .leagues-pagination .pagin-sign-box .league_last {
    border-width: 20px 0 20px 25px;
  }
  .leagueTabCont .leagues-pagination .pagin-sign-box .current_league {
    font-size: 17px;
  }

  .pos-abs-myPlace-480 {
    position: absolute;
    left: 80%;
  }

  .ranking-header {
    height: 115px;
  }
  .ranking-header .ranking-header-middle h1 {
    font-size: 24px;
  }
  .ranking-header .ranking-header-middle .league-timer {
    margin: 0 auto;
    top: 1%;
    margin-top: 15px;
  }

  .spacer {
    height: 65px;
  }

  .leagu-switch-button {
    padding: 5px 0;
  }
  .leagu-switch-button .switch {
    height: 20px;
  }
  .leagu-switch-button .switch .slider:before {
    height: 18px;
  }
}
@media only screen and (max-width: 750px) and (min-width: 700px) {
  .idx-wrapper {
    margin: 0 auto !important;
    width: 700px !important;
  }

  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 12vh;
  }
}
@media only screen and (max-width: 750px) and (min-width: 700px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 122.88px;
  }
}
@media only screen and (max-width: 750px) and (min-width: 700px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 92.16px;
  }
}
@media only screen and (max-width: 750px) and (min-width: 700px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 57.6px;
  }
}
@media only screen and (max-width: 750px) and (min-width: 700px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 38.4px;
  }
}
@media only screen and (max-width: 750px) and (min-width: 700px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 68.16px;
  }
}
@media only screen and (max-width: 750px) and (min-width: 700px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 38.4px;
  }
}

@media only screen and (max-width: 750px) and (min-width: 700px) {
  .profile-details h2 {
    font-size: 32px;
    letter-spacing: 2px;
  }
  .profile-details .profile-details,
  .profile-details .idx-level-rank-separator,
  .profile-details .profilLevel {
    font-size: 16px;
    letter-spacing: 2px;
  }

  .profile-btn-idx .profile-link {
    padding: 10px 20px;
    font-size: 16px;
    margin-left: 50px;
    width: 100px;
    float: right;
  }

  .profile-scroll .col-xs-2 {
    width: 7%;
  }
  .profile-scroll .col-xs-8 {
    width: 86%;
  }
  .profile-scroll .col-xs-8 .scroll-wrapper-profile {
    height: 15px;
    margin-top: 10px;
  }
  .profile-scroll .col-xs-8 .scroll-wrapper-profile .idx-user-xp {
    font-size: 16px;
  }

  .container-right2 h3 {
    font-size: 16px;
  }

  .tabber ul li.active p {
    font-size: 14px;
  }
  .tabber ul li p {
    font-size: 14px;
  }

  .list-wrapper ul li {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .list-wrapper ul li div {
    font-size: 16px;
    height: 45px;
  }
  .list-wrapper ul li img {
    height: 45px;
  }
  .list-wrapper ul li span,
  .list-wrapper ul li .coinNumb {
    font-size: 16px;
  }

  .gallery-wrapper h3 {
    font-size: 16px;
  }

  .tbl-gallery {
    padding: 0 0 20px 0;
  }
  .tbl-gallery .tbl-fb-inv-friends-left .gallery-box-first {
    margin: -10px auto -5px auto;
    width: 20%;
  }
  .tbl-gallery .tbl-fb-inv-friends-right .gallery-box-last {
    margin: 5px auto 0 auto;
    width: 20%;
  }
  .tbl-gallery .tbl-fb-inv-friends-right .dailyBonusListBgW {
    width: 20%;
  }
  .tbl-gallery .tbl-fb-left-arrow .arrow-left {
    left: 34px;
    top: -27px;
  }
  .tbl-gallery .tbl-fb-left-arrow .arrow-left-start {
    position: absolute;
    top: 32px;
    left: 34px;
  }
  .tbl-gallery .tbl-fb-right-arrow {
    left: -39px;
  }
  .tbl-gallery .tbl-fb-right-arrow .arrow-right {
    left: 39px;
    top: -27px;
  }
  .tbl-gallery .tbl-fb-right-arrow .arrow-right-end {
    left: 39px;
    position: absolute;
    top: 32px;
  }
  .tbl-gallery .tbl-fb-friends-list .dailyListPlayer {
    width: 25%;
    padding: 0 15px;
  }

  #privacyPolicy {
    margin-top: 5px;
  }
  #privacyPolicy a {
    color: #ffffff;
    display: inline-block;
    margin: 0;
  }
  #privacyPolicy a:hover {
    text-decoration: none;
  }
  #privacyPolicy span {
    display: inline-block !important;
    font-size: 32px;
    color: #ffffff;
  }

  .ingame-wrapper {
    margin: 0 auto;
    width: 700px;
  }

  .ingame-nav .navbar-header .ingame-logo {
    margin-left: 17px;
    margin-top: -8px;
  }

  .container-left-inner {
    margin: 0 -7px 0 20px;
  }

  .groupDisabled {
    width: 85px !important;
    height: 39px !important;
  }

  .openingSumPanelBelow,
  .openingSumPanelAbove {
    right: 55px;
  }

  .gamePl {
    display: none;
  }

  .container-left {
    width: 100%;
    margin-top: 0;
  }

  .playerCards {
    width: 620px;
  }

  .helpBtn {
    left: 24px;
  }

  #timerDiv {
    left: 24.8%;
  }

  .sortCardsStreight {
    left: 148px;
  }

  .sortCardsThree {
    right: 124px;
  }

  #gamePageHolder #game-menu {
    display: none;
  }

  .first-popup-wrapper-inner {
    width: 720px;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-top {
    background-size: contain !important;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle {
    height: 80px;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle .leagu-switch-button {
    top: 20px;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle .first-popup-inner {
    margin: -95px 60px 0 !important;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-bottom {
    background-size: contain !important;
    height: 274px;
    position: relative;
    top: -22px;
  }

  .friendList {
    height: 180px !important;
  }

  .panel-footer-sms,
  .panel-footer-fb {
    padding: 15px 0;
  }
  .panel-footer-sms p,
  .panel-footer-fb p {
    position: relative;
    top: -10px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) {
  body {
    background-image: none;
  }

  .js-show-ranks-popups {
    opacity: 1;
    left: 22px;
  }

  .modal-dialog.modal-change-video {
    margin: 0 auto;
  }

  .card-back,
  .fake-card-back,
  .fake-card-show,
  .card-show,
  .card {
    border-radius: 8px;
    height: 96px;
    width: 70px;
  }

  nav.main-nav #index-menu ul.navbar-right {
    float: right;
    overflow: hidden;
    margin-right: 0;
  }
  nav.main-nav #index-menu ul.navbar-right .top-mid-inner {
    margin-left: 0;
  }
  nav.main-nav #index-menu ul.navbar-right .top-right {
    width: 40px;
    height: 40px;
  }

  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 20vh;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 204.8px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 153.6px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 96px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 64px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 113.6px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 64px;
  }
}

@media only screen and (max-width: 699px) and (min-width: 481px) {
  .log-out-wrapper {
    top: 45px;
  }

  .profile-details h2 {
    font-size: 32px;
    letter-spacing: 1px;
  }

  .profilLevelInfo .profilLevel {
    font-size: 18px;
    letter-spacing: 1px;
  }
  .profilLevelInfo .idx-level-rank-separator {
    font-size: 18px;
  }

  .profile-btn-idx .profile-link {
    font-size: 16px;
    padding: 10px;
    width: 100%;
  }

  .profile-scroll .profilLevelImg {
    width: 45px;
  }
  .profile-scroll .col-xs-8 {
    padding: 0;
  }
  .profile-scroll .col-xs-8 .scroll-wrapper-profile {
    height: 15px;
  }
  .profile-scroll .col-xs-8 .scroll-wrapper-profile .levelPoints {
    font-size: 16px;
  }
  .profile-scroll .col-xs-8 .scroll-wrapper-profile .levelPoints .idx-user-xp {
    font-size: 16px;
  }
  .profile-scroll .next-level-img {
    margin-left: 0;
    padding: 0;
    width: 60px;
  }

  .mobile-none-watch-video {
    display: none;
  }

  .profile-right-wrapper .profile-right-inner {
    margin-top: 5px;
  }

  .chat-panel-btm .monthTimer {
    width: 206px;
    margin: 0 auto;
  }
  .chat-panel-btm .monthTimer span.col-sm-3.col-xs-1 {
    width: 20%;
  }
  .chat-panel-btm .monthTimer #timerCountdown {
    width: 80%;
  }
  .chat-panel-btm .allRangs {
    width: 200px;
  }

  .gallery-wrapper .galleryArrows {
    top: 27px;
  }
  .gallery-wrapper #dailyListPrevieousBtn,
  .gallery-wrapper #dailyListLastBtn {
    border-color: transparent #ffffff transparent transparent;
  }
  .gallery-wrapper #dailyListPrevieousBtn:hover,
  .gallery-wrapper #dailyListLastBtn:hover {
    border-color: transparent #ffffff transparent transparent;
  }
  .gallery-wrapper #dailyListNextBtn,
  .gallery-wrapper #dailyListFirstBtn {
    border-color: transparent transparent transparent #ffffff;
  }
  .gallery-wrapper #dailyListNextBtn:hover,
  .gallery-wrapper #dailyListFirstBtn:hover {
    border-color: transparent transparent transparent #ffffff;
  }
  .gallery-wrapper .arrow-right-end:after {
    border-color: #ffffff !important;
  }
  .gallery-wrapper .arrow-left-start:before {
    border-color: #ffffff !important;
  }
  .gallery-wrapper .gallery {
    text-align: center;
  }
  .gallery-wrapper .gallery .col-xs-15 {
    float: none;
    display: inline-block;
    width: 30%;
  }
  .gallery-wrapper .gallery .col-xs-15:nth-child(2) {
    margin: 0 8px;
  }
  .gallery-wrapper .gallery .col-xs-15 .dailyBonusListBg {
    -moz-text-align-last: left;
         text-align-last: left;
    width: 98%;
  }
  .gallery-wrapper .arrow-left {
    left: 17px;
    top: -27px;
  }
  .gallery-wrapper .arrow-left-start {
    top: 32px;
    left: 17px;
  }
  .gallery-wrapper .arrow-right {
    left: 7px;
    top: -27px;
  }
  .gallery-wrapper .arrow-right-end {
    left: 7px;
    top: 32px;
  }

  #gamePageHolder .mid {
    height: 360px;
    background-color: #ffffff;
    background: none;
    padding-bottom: 0;
  }

  .ingame-wrapper {
    width: 100%;
  }
  .ingame-wrapper .ingame-nav {
    display: none;
  }
  .ingame-wrapper article.col-sm-12.noPadding {
    overflow: hidden;
  }

  .tbl-phone-menu {
    right: 5px !important;
    top: 0 !important;
  }

  .container-left {
    margin: 1px 0;
    padding: 0;
  }
  .container-left .activePlayer {
    border: none;
  }
  .container-left .profile_button {
    display: none;
  }
  .container-left .game_profile_img {
    display: inline-block;
    position: relative;
    top: 0px;
    width: 35px;
  }
  .container-left .timer-inner {
    display: inline-block;
    margin-left: -2%;
    margin-right: 1%;
    padding: 3px 10px;
    top: 0;
  }
  .container-left .timer-inner img {
    top: 2px;
    left: -2px;
  }
  .container-left .timer-inner .playerCardsNr {
    top: 3px;
  }
  .container-left .player3Timer {
    width: 117%;
    bottom: -15px;
  }
  .container-left .player3Timer .timerCircle {
    top: -6px;
  }
  .container-left .player-name-wrapper {
    width: 113px;
    display: inline-block;
  }
  .container-left .playerName {
    position: relative;
    top: 0;
  }
  .container-left .player3-mobile-wrapper,
  .container-left .player1-mobile-wrapper {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 36%;
    z-index: 10;
  }
  .container-left .player3-mobile-wrapper {
    height: 35px;
    margin-top: -5px;
  }
  .container-left .player3-mobile-wrapper .popup-top {
    left: 150%;
    position: static;
    top: -15%;
    width: 100%;
  }
  .container-left .player3-mobile-wrapper .popup-top .game_profile_img {
    left: -1px;
  }
  .container-left .player3-mobile-wrapper .popup-top .playerName {
    top: 6px;
  }
  .container-left .player1-mobile-wrapper {
    bottom: 0.5%;
    height: 40px;
  }
  .container-left .player1-mobile-wrapper .popup-btm {
    left: 150%;
    position: static;
    top: 250%;
    width: 100%;
  }
  .container-left .player1-mobile-wrapper .popup-btm .game_profile_img {
    height: 38px;
    top: -4px;
    left: -2px;
  }
  .container-left .player1-mobile-wrapper .popup-btm .timer-inner {
    top: -3px;
  }
  .container-left .player1-mobile-wrapper .popup-btm .playerName {
    top: 3px;
  }
  .container-left .popup-left,
  .container-left .popup-right {
    padding: 3px;
    width: 20%;
    top: 40.6%;
  }
  .container-left .popup-left .player2Timer,
  .container-left .popup-left .player4Timer,
  .container-left .popup-right .player2Timer,
  .container-left .popup-right .player4Timer {
    width: 110%;
    bottom: -9px;
  }
  .container-left .popup-right {
    right: 8px;
  }

  .container-left-inner {
    height: 360px;
    margin: 0;
    padding: 35px 10px;
  }
  .container-left-inner .container-top {
    margin-top: 8px;
    height: 32%;
  }
  .container-left-inner .container-top .smallCard {
    width: 15px;
    height: 30px;
  }
  .container-left-inner .avelableCard {
    border: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .container-left-inner #timerDiv {
    left: 24.7%;
    top: 21%;
  }
  .container-left-inner .waitingForPlayers {
    height: 75%;
    top: 39%;
  }
  .container-left-inner .waitingForPlayers #waitingForPlayersImage {
    height: 100px;
  }
  .container-left-inner .waitingForPlayers .wait-popup-room-info {
    padding: 0 15px;
  }
  .container-left-inner .waitingForPlayers h3 {
    font-size: 16px;
  }
  .container-left-inner .waitingForPlayers #waitingForPlayersTime {
    margin: 4% 0;
    font-size: 24px;
  }
  .container-left-inner .waitingForPlayers span + p {
    padding: 0 15px;
    font-size: 13px;
  }
  .container-left-inner .openingSumPanelBelow,
  .container-left-inner .openingSumPanelAbove {
    height: 34px;
    width: 20%;
    top: 0px;
    right: 11%;
    border-radius: 5px;
    z-index: 2;
  }
  .container-left-inner .openingSumPanelBelow .openingSumPanelTitle,
  .container-left-inner .openingSumPanelAbove .openingSumPanelTitle {
    position: relative;
    top: 2px;
    font-size: 12px;
  }
  .container-left-inner .openingSumPanelBelow .openingSumPanelValue,
  .container-left-inner .openingSumPanelAbove .openingSumPanelValue {
    font-size: 15px;
    left: 3px;
  }
  .container-left-inner .helpBtn {
    left: 10px;
    top: 4px;
  }
  .container-left-inner .helpDropDown {
    top: 11%;
    padding: 2px;
  }
  .container-left-inner .fullscreenBtn {
    left: 14.5%;
    top: 4px;
  }
  .container-left-inner .cancelOpening {
    padding: 0;
    left: 33%;
    top: 47%;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .container-left-inner .card-back,
  .container-left-inner .card-show {
    top: 54%;
  }
  .container-left-inner .playerCards {
    top: 69%;
    width: 520px;
  }
  .container-left-inner .sortCardsStreight,
  .container-left-inner .sortCardsThree {
    bottom: 4px;
  }
  .container-left-inner .sortCardsStreight {
    left: 80px;
  }
  .container-left-inner .sortCardsThree {
    right: 80px;
  }

  .tbl-phone-nav .icon-close-btn {
    height: 360px;
  }
  .tbl-phone-nav .tbl-phone-nav-inner {
    height: 100%;
    padding: 0 10px;
    overflow-y: scroll;
  }
  .tbl-phone-nav .header-tbl-phone-nav ul {
    margin: 10px 0;
    position: relative;
  }
  .tbl-phone-nav .header-tbl-phone-nav ul li {
    margin: 0 10px;
  }
  .tbl-phone-nav .header-tbl-phone-nav ul .sound-btn-tbl-phone-nav,
  .tbl-phone-nav .header-tbl-phone-nav ul .chat-btn-tbl-phone-nav,
  .tbl-phone-nav .header-tbl-phone-nav ul .manual-btn-tbl-phone-nav {
    float: left;
  }
  .tbl-phone-nav .header-tbl-phone-nav ul .ingame-mobile-red-close-btn-wrapper {
    display: inline-block;
    height: 50px;
    position: absolute;
    right: -25px;
    top: -15px;
    width: 50px;
  }
  .tbl-phone-nav .header-tbl-phone-nav ul .ingame-mobile-red-close-btn-wrapper .aside_close_btn {
    border-radius: 0 0 0 10px;
    border: none;
    display: inline-block;
    height: 50px;
    width: 50px;
  }
  .tbl-phone-nav .header-tbl-phone-nav ul .ingame-mobile-red-close-btn-wrapper .aside_close_btn span {
    font-size: 26px;
    left: 17px;
    margin: 0;
    position: absolute;
    top: 4px;
  }
  .tbl-phone-nav .body-tbl-phone-nav .chat-box-wrapper .chat-in {
    height: 135px;
  }
  .tbl-phone-nav .body-tbl-phone-nav .btm-arrow span {
    top: 15px;
    font-size: 13px;
    left: 6px;
  }

  .midProfile {
    margin-top: 0;
    padding-bottom: 0;
  }
  .midProfile .profileInfo {
    height: 100%;
  }
  .midProfile .profileInfo .profil-player-img-wrapper .imgFrame {
    width: 150px;
    height: 150px;
  }
  .midProfile .profileInfo .profil-player-img-wrapper .imgFrame img {
    width: 132px;
    top: 9px;
    left: 9px;
  }
  .midProfile .profileInfo .profil-player-img-wrapper .imgFrame .overlay {
    display: none;
  }
  .midProfile .profileInfo .profil-player-img-wrapper .imgFrame #btn-change-user-avatar {
    top: 80%;
    opacity: 1;
  }
  .midProfile .profileInfo .profile-league-stats-wrapper {
    padding: 0;
  }
  .midProfile .profileInfo .profilPlayerName .current-level p,
  .midProfile .profileInfo .profilPlayerName .current-rank p {
    font-size: 12px;
  }
  .midProfile .profileInfo .profilPlayerName .profile-user-stats {
    margin-top: 30px;
  }
  .midProfile .profileInfo .profilPlayerName .profile-user-stats .span-desc-period {
    font-size: 10px;
    top: 0;
    right: 2px;
  }
  .midProfile .profileInfo .profilPlayerName .coins,
  .midProfile .profileInfo .profilPlayerName .rank {
    font-size: 18px;
  }
  .midProfile .ranks-manual-wrapper {
    padding: 0;
  }
  .midProfile .ranks-manual-wrapper .profile-curr-rank-img-wrapper {
    padding: 0;
  }
  .midProfile .ranks-manual-wrapper .profile-curr-rank-img-wrapper img {
    float: left;
  }
  .midProfile .ranks-manual-wrapper .col-xs-10,
  .midProfile .ranks-manual-wrapper .profile-next-rank-img-wrapper,
  .midProfile .ranks-manual-wrapper .profile-btn-wrapper {
    padding: 0;
  }
  .midProfile .ranks-manual-wrapper .profile-next-rank-img-wrapper .contLevel {
    float: none;
  }
  .midProfile .ranks-manual-wrapper .profile-next-rank-img-wrapper .contLevel .levelTxte {
    top: 74%;
  }
  .midProfile .ranks-manual-wrapper .profile-btn-wrapper {
    margin-top: 0.5%;
  }
  .midProfile .ranks-manual-wrapper .profile-btn-wrapper p {
    float: right;
  }
  .midProfile .profile-status-box {
    padding: 0 0 0 2px;
  }

  .fourth-popup-wrapper,
  .fourth-popup-wrapper-inner-header,
  .fourth-popup-wrapper-inner-footer,
  .first-popup-wrapper-inner,
  .second-popup-wrapper,
  .noCoinsPopup,
  .popup_bottom {
    width: 100% !important;
  }

  .fourth-popup-wrapper .fourth-popup-wrapper-inner-header {
    background-size: 100% 100%;
  }
  .fourth-popup-wrapper .panel-footer-sms,
  .fourth-popup-wrapper .panel-footer-fb {
    overflow: hidden;
  }

  .problem-popup .problem-popup-header h2 {
    top: 35px;
  }
  .problem-popup .problem-popup-textarea {
    height: auto;
  }
  .problem-popup .problem-popup-textarea .email-input-wrapper label {
    display: block;
    margin-right: 0;
  }
  .problem-popup .problem-popup-textarea .email-input-wrapper input {
    margin-top: 10px;
    height: 35px;
    width: 50%;
  }
  .problem-popup .problem-popup-btns-wrapper {
    position: static;
    top: 0;
  }

  .first-popup-wrapper-inner .first-popup-wrapper-inner-top {
    background: url(../images/first-popup-bg-header-small.html) center/contain no-repeat;
    height: 263px;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-top h2 {
    top: 28%;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-top .popupInfo {
    top: 28%;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-top .select-game-close-btn {
    top: 15px;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle {
    height: 70vh;
    background: url(../images/first-popup-bg-middle-small.html) center/contain repeat-y;
    position: relative;
    top: -22px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle {
    height: 716.8px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle {
    height: 537.6px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle {
    height: 336px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape) {
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle {
    height: 224px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle {
    height: 397.6px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle {
    height: 224px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) {
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle .first-popup-inner {
    margin-left: 49px !important;
    margin-top: -80px !important;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle .first-popup-inner .col-xs-4 {
    width: 50%;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-middle .leagu-switch-button {
    margin: -110px 53px 0;
    top: 0;
  }
  .first-popup-wrapper-inner .first-popup-wrapper-inner-bottom {
    position: relative;
    background: url(../images/first-popup-bg-bottom-small.html) top/contain no-repeat;
    top: -22px;
  }

  .second-popup-wrapper .first-popup-box .bonus {
    width: 93px;
  }
  .second-popup-wrapper .daily-bonus-close-btn {
    right: 10px;
  }
  .second-popup-wrapper .bonus_sum {
    margin: 5px auto 0;
  }
  .second-popup-wrapper .bonus-wrapper-text {
    margin: 0;
  }
  .second-popup-wrapper .share_fb {
    width: 35%;
  }

  .no-chip-inv-friends-close-btn {
    right: 0;
  }

  .second-popup-wrapper-inner-middle .noBg {
    color: #000000;
  }

  .welcomePopup .welcomeHeader {
    margin-bottom: -41px;
  }
  .welcomePopup .welcomeHeader .close-btn-wlcm {
    right: 0;
    top: 0;
  }
  .welcomePopup .welcomeMiddle .welcomePopupText {
    padding-top: 45px;
  }
  .welcomePopup .welcomeMiddle .welcomebtn {
    display: inline-block;
    text-align: center;
    margin: 10px auto;
  }
  .welcomePopup .welcomeFooter {
    margin-top: -10px;
  }

  .modal-header {
    width: 75%;
    margin: 0 auto;
  }

  #videoPlayPopup .videoWrapper video {
    height: 100vh;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  #videoPlayPopup .videoWrapper video {
    height: 1024px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  #videoPlayPopup .videoWrapper video {
    height: 768px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  #videoPlayPopup .videoWrapper video {
    height: 480px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape) {
  #videoPlayPopup .videoWrapper video {
    height: 320px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  #videoPlayPopup .videoWrapper video {
    height: 568px;
  }
}
@media only screen and (max-width: 699px) and (min-width: 481px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
  #videoPlayPopup .videoWrapper video {
    height: 320px;
  }
}

@media only screen and (max-width: 699px) and (min-width: 481px) {
  #report-user .modal-body .js-single-player-report {
    top: -18px;
  }

  .gameOutcome .popup_top {
    height: 84px;
  }
  .gameOutcome .second-popup-wrapper-inner-middle .playerPlace {
    top: -15px;
  }
  .gameOutcome .second-popup-wrapper-inner-middle .playerPlace h3 {
    font-size: 20px;
  }
  .gameOutcome .second-popup-wrapper-inner-middle .playerPlace .playerPoints {
    line-height: normal;
    height: 20px;
    font-size: 16px;
  }
  .gameOutcome .second-popup-wrapper-inner-middle .playerPlace .popupPlayerName {
    line-height: normal;
    height: 20px;
  }
  .gameOutcome .second-popup-wrapper-inner-middle .share_fb {
    top: -20px;
    margin: -25px auto 0;
  }
  .gameOutcome .popup_bottom1 {
    position: relative;
    top: -10px;
  }
  .gameOutcome .spacingDiv {
    display: none;
  }

  #winnerPopup .leaveGameOutcomeMiddle {
    top: 0;
    height: 190px;
  }
  #winnerPopup .leaveGameOutcomeMiddle .leaveGameTxt img.img-responsive {
    width: 130px;
  }
  #winnerPopup .leaveGameOutcomeMiddle .winnerPopTxt {
    padding-top: 4%;
  }
  #winnerPopup .leaveGameOutcomeMiddle .col-md-12.noPadding.un .share_fb {
    margin: 0 auto;
    top: 8px;
  }
  #winnerPopup .leaveGameBottom {
    top: -23px;
  }

  #friendsBonus .popup_top {
    background-size: 100% 100%;
  }
  #friendsBonus .second-popup-wrapper-inner-middle.morePadding .bonus-wrapper.col-sm-12 .bonus_sum {
    width: 66%;
  }
  #friendsBonus .second-popup-wrapper-inner-middle.morePadding .nano .second-popup-inner.col-sm-12.noPadding.noBg .second-popup-box-inner .fb_img {
    width: auto;
    height: auto;
    background: transparent;
  }

  .fifth-popup-wrapper .fifth-popup-box .box-inner-block {
    position: relative;
  }
  .fifth-popup-wrapper .fifth-popup-box .box-inner-block #ratingDifference,
  .fifth-popup-wrapper .fifth-popup-box .box-inner-block #leagueRatingDifference {
    float: none;
    left: 30%;
    width: auto;
  }

  #referral-friends-list {
    overflow-y: scroll;
  }
  #referral-friends-list .modal-body.friends-list-referral-container {
    top: -15px;
  }
  #referral-friends-list .modal-body.friends-list-referral-container .active-players,
  #referral-friends-list .modal-body.friends-list-referral-container .unactive-players {
    margin: 0;
    display: inline-block;
    width: 30%;
  }
  #referral-friends-list .modal-body.friends-list-referral-container .daily-bonus-friends-referral {
    margin: 5px auto;
    width: 61%;
  }

  #wrong-credentials .modal-dialog,
  #forgot-password .modal-dialog {
    margin-top: 25px;
  }

  #user-register .modal-dialog {
    margin-top: 25px;
  }
  #user-register .modal-body.invalid-login-popups-body {
    padding-bottom: 0 !important;
  }
  #user-register .modal-body.invalid-login-popups-body .register-user-form {
    margin: -5px 15px 0;
  }
  #user-register .modal-body.invalid-login-popups-body .register-user-form .form-group {
    margin-bottom: 6px;
  }
  #user-register .modal-body.invalid-login-popups-body .register-user-form .form-group .reg-user-pass-desc-para {
    margin-bottom: 0;
  }
  #user-register .modal-body.invalid-login-popups-body .register-user-form div:nth-child(5) {
    margin-bottom: 0;
  }

  #already-exist-user .modal-dialog,
  #confirm-account .modal-dialog {
    margin-top: 25px;
  }

  .nav-tabs.nav-tabs-responsive > li {
    margin-bottom: 0px;
    width: 50%;
  }

  .nav-tabs.nav-tabs-responsive li:nth-child(-n+2) {
    margin-bottom: 2px;
  }
  .nav-tabs.nav-tabs-responsive li:nth-last-child(-n+2) {
    margin-bottom: -2px;
  }

  .nav-tabs.nav-tabs-responsive > li.active > a {
    border: 1px solid #cfc7a5;
  }

  .nav-tabs.nav-tabs-responsive > li.active > a:hover {
    border: 1px solid #cfc7a5;
  }

  .nav-tabs.nav-tabs-responsive > li > a:hover {
    border-color: #cfc7a5;
  }

  .nav-tabs.nav-tabs-responsive > li.active > a,
  .nav-tabs.nav-tabs-responsive > li.active > a:focus,
  .nav-tabs.nav-tabs-responsive > li.active > a:hover {
    margin-right: 1px;
  }

  .league-my-pos {
    left: -50%;
  }

  .ranking-header .ranking-header-middle h1 {
    font-size: 20px;
  }
  .ranking-header .ranking-header-middle .league-season {
    margin-top: 15px;
  }
  .ranking-header .ranking-header-middle .league-timer {
    width: 190px;
  }

  #thanksforplaying .leaveGameBtnOne .googlFbBtn {
    display: block;
    text-align: center;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  body {
    background-image: none;
  }

  .js-show-ranks-popups {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    display: block;
    left: 22px;
    opacity: 1;
  }

  .topBanner-sr,
  .topBanner-en {
    margin-bottom: 70px;
    overflow: inherit;
  }
  .topBanner-sr .topBannerTxt,
  .topBanner-en .topBannerTxt {
    top: 107%;
    width: 100%;
    text-align: center;
  }

  nav.main-nav #index-menu ul.navbar-right {
    float: right;
    overflow: hidden;
    margin-right: 0;
  }
  nav.main-nav #index-menu ul.navbar-right .top-mid-inner {
    margin-left: 0;
  }
  nav.main-nav #index-menu ul.navbar-right .top-right {
    width: 40px;
    height: 40px;
  }

  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 22vh;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 225.28px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 168.96px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 105.6px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 70.4px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 124.96px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
  .did-you-know-wrapper .did-you-know-div,
  .did-you-know-wrapper .carousel-inner,
  .did-you-know-wrapper .right.carousel-control,
  .did-you-know-wrapper .item,
  .did-you-know-wrapper .item.active,
  .did-you-know-wrapper .carousel-caption {
    height: 70.4px;
  }
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
  .profile-pic-wrapper img {
    width: 100%;
  }

  .log-out-wrapper {
    top: 33px;
  }
  .log-out-wrapper a {
    font-size: 14px;
  }

  .profile-right-wrapper,
  .bottom-profile-wrapper {
    width: 100%;
  }

  .bottom-profile-wrapper .cols-rating-mobile,
  .bottom-profile-wrapper .cols-silver-mobile,
  .bottom-profile-wrapper .cols-gold-mobile,
  .bottom-profile-wrapper .cols-clover-mobile {
    width: 25%;
  }
  .bottom-profile-wrapper .cols-rating-mobile {
    padding: 0 0 0 15px;
  }
  .bottom-profile-wrapper .cols-rating-mobile .hover-player-ranks {
    width: 95px;
    right: -100px;
  }
  .bottom-profile-wrapper .cols-silver-mobile {
    padding: 0 0px 0 8px;
    left: 23.6667%;
  }
  .bottom-profile-wrapper .cols-clover-mobile {
    margin-top: 0;
    padding: 0 5px 0 0;
    right: 23.6667%;
  }
  .bottom-profile-wrapper .cols-clover-mobile .hover-clover-points {
    width: 95px;
    right: -92px;
  }
  .bottom-profile-wrapper .cols-gold-mobile {
    margin-top: 0;
    padding: 0 15px 0 0px;
  }
  .bottom-profile-wrapper .col-sm-4.col-xs-12.noPadLeft {
    padding-left: 15px;
  }

  .container-left2 .profile-right-inner .hover-clover-points,
  .container-left2 .profile-right-inner .hover-player-ranks {
    width: 100%;
    right: -100%;
  }

  .profile-details h2 {
    letter-spacing: 1px;
  }
  .profile-details .profilLevelInfo div {
    font-size: 14px;
    letter-spacing: 1px;
  }

  .profile-btn-idx .profile-link {
    width: 100%;
  }

  .profile-scroll .next-level-img {
    margin-left: 0;
    padding: 0;
  }
  .profile-scroll div img {
    width: 42px;
  }
  .profile-scroll .scroll-wrapper-profile {
    height: 13px;
    left: 2%;
    position: relative;
    margin: 17px -3px;
  }
  .profile-scroll .scroll-wrapper-profile .clover-idx-profile {
    width: auto;
  }

  .container-left2 .profile-right-inner .profile-status:nth-child(-n+3) .number-profile {
    font-size: 14px;
    margin-right: -4px;
  }
  .container-left2 .container-btm-wrapper .watch-video {
    position: absolute;
    margin: 0 auto;
    top: 5px;
    left: 0;
    right: 0;
    width: 50%;
  }
  .container-left2 .container-btm-wrapper .mobile-none-watch-video {
    display: none;
  }
  .container-left2 .container-btm-wrapper .feedbackbtn {
    background-position: top left;
    width: 40px;
  }
  .container-left2 .container-btm-wrapper .btns-wrapper {
    margin-top: 12%;
  }

  .tabber #ratingList span,
  .tabber #pointsList span,
  .tabber #leagueList span {
    font-size: 11px;
  }
  .tabber #ratingList .tab_img_r,
  .tabber #ratingList .tab_img_p,
  .tabber #ratingList .tab_img_l,
  .tabber #pointsList .tab_img_r,
  .tabber #pointsList .tab_img_p,
  .tabber #pointsList .tab_img_l,
  .tabber #leagueList .tab_img_r,
  .tabber #leagueList .tab_img_p,
  .tabber #leagueList .tab_img_l {
    margin-left: -5px;
  }
  .tabber #ratingList .visible-xs,
  .tabber #pointsList .visible-xs,
  .tabber #leagueList .visible-xs {
    padding-left: 0;
  }
  .tabber #leagueList img {
    margin-left: -10px;
  }

  .monthTimer #timerCountdown {
    margin-left: 15%;
  }

  .container-right {
    padding: 10px 25px;
  }

  .gallery-wrapper .gallery-box-first,
  .gallery-wrapper .gallery-box-last {
    width: 40%;
    margin: 0 auto;
  }
  .gallery-wrapper #dailyListPrevieousBtn,
  .gallery-wrapper #dailyListLastBtn {
    border-color: transparent #ffffff transparent transparent;
  }
  .gallery-wrapper #dailyListPrevieousBtn:hover,
  .gallery-wrapper #dailyListLastBtn:hover {
    border-color: transparent #ffffff transparent transparent;
  }
  .gallery-wrapper #dailyListNextBtn,
  .gallery-wrapper #dailyListFirstBtn {
    border-color: transparent transparent transparent #ffffff;
  }
  .gallery-wrapper #dailyListNextBtn:hover,
  .gallery-wrapper #dailyListFirstBtn:hover {
    border-color: transparent transparent transparent #ffffff;
  }
  .gallery-wrapper .arrow-right-end:after {
    border-color: #ffffff !important;
  }
  .gallery-wrapper .arrow-left-start:before {
    border-color: #ffffff !important;
  }
  .gallery-wrapper .dailyBonusListBgW {
    width: 40%;
  }
  .gallery-wrapper .arrLeft {
    padding: 0;
    height: 0;
    top: 0;
    left: 5%;
  }
  .gallery-wrapper .arrLeft .arrow-left {
    position: static;
  }
  .gallery-wrapper .arrLeft .arrow-left-start {
    position: static;
    margin-top: 30%;
  }
  .gallery-wrapper .arrLeft .arrow-left-start:before {
    position: relative;
    border-top-width: 5px;
    border-bottom-width: 5px;
  }
  .gallery-wrapper .gallery {
    text-align: center;
  }
  .gallery-wrapper .gallery > div {
    float: none;
    display: inline-block;
    width: 35%;
  }
  .gallery-wrapper .gallery > div > .dailyBonusListBg {
    text-align: left;
  }
  .gallery-wrapper .arrRight {
    padding: 0;
    height: 0;
    top: 0;
    right: 5%;
  }
  .gallery-wrapper .arrRight .arrow-right {
    position: static;
  }
  .gallery-wrapper .arrRight .arrow-right-end {
    position: static;
    margin-top: 30%;
  }
  .gallery-wrapper .arrRight .arrow-right-end:after {
    position: relative;
    border-top-width: 5px;
    border-bottom-width: 5px;
  }

  #privacyPolicy a {
    font-size: 22px;
  }
  #privacyPolicy span {
    font-size: 22px;
  }

  .midProfile {
    padding-bottom: 0;
  }
  .midProfile .profileInfo {
    height: 100%;
    background: #40210e;
  }
  .midProfile .profileInfo .profil-player-img-wrapper {
    padding: 0;
  }
  .midProfile .profileInfo .profil-player-img-wrapper .imgFrame {
    width: 60px;
    height: 60px;
  }
  .midProfile .profileInfo .profil-player-img-wrapper .imgFrame img {
    width: 52px;
    top: 4px;
    left: 4px;
  }
  .midProfile .profileInfo .profil-player-img-wrapper .imgFrame .overlay {
    display: none;
  }
  .midProfile .profileInfo .profil-player-img-wrapper .imgFrame #btn-change-user-avatar {
    width: 70%;
    margin: 0 auto;
    padding: 2px;
    top: 70%;
    opacity: 1;
  }
  .midProfile .profileInfo .profil-player-img-wrapper .imgFrame #btn-change-user-avatar .change-user-avatar-txt {
    display: none;
  }
  .midProfile .profileInfo .profil-player-img-wrapper .imgFrame #btn-change-user-avatar .change-user-avatar-img {
    padding: 1px;
    text-align: center;
    display: block;
  }
  .midProfile .profileInfo .profil-player-img-wrapper .imgFrame #btn-change-user-avatar .change-user-avatar-img img {
    width: 22px;
    height: 20px;
    position: relative;
    top: 0;
    left: auto;
  }
  .midProfile .profile-league-stats-wrapper {
    padding: 0;
  }
  .midProfile .profile-page-leagues .league-info-caption {
    font-size: 12px;
  }
  .midProfile .profile-page-leagues .league-info-caption span {
    font-size: 12px;
    line-height: 20px;
  }
  .midProfile .profile-page-leagues .league-info-caption .league-season {
    font-size: 10px;
  }
  .midProfile .profile-page-leagues .league-info-details span {
    font-size: 10px;
  }
  .midProfile .profile-page-leagues .league-info-details .bg-caption-index {
    padding: 2px;
  }
  .midProfile .profile-page-leagues .league-info-details .txtCenter {
    margin: 0;
  }
  .midProfile .profile-page-leagues .league-info-details .positionRel .league-played-progress {
    height: 24px;
  }
  .midProfile .profile-page-leagues .league-info-button {
    padding: 3px;
  }
  .midProfile .profile-tabs li,
  .midProfile .profile-tabs li.active {
    width: 100%;
    text-align: center;
  }
  .midProfile .ach-box .ach-total-wins-wrapper {
    text-align: center;
  }
  .midProfile .ach-box .ach-total-wins-wrapper .ach-desc-headline {
    margin-bottom: 6%;
  }
  .midProfile .ach-box .col-sm-15 {
    width: 33%;
  }
  .midProfile .ach-box .col-sm-15:nth-last-child(-n+2) {
    clear: both;
    display: inline-block;
    margin-top: 10%;
    float: none;
  }
  .midProfile .ach-box .col-sm-15 .ach-reward-wrapper {
    left: -5px;
  }
  .midProfile .profile-trophy-room-wrapper .col-sm-15 {
    width: 33%;
  }
  .midProfile .profile-trophy-room-wrapper .col-sm-15 .player-trophy-box h4 {
    font-size: 16px;
  }
  .midProfile .profilPlayerName {
    padding-left: 0px;
    margin: 0 0 0 -30px;
    text-align: left;
    width: 70%;
  }
  .midProfile .profilPlayerName .user-name-profile-para {
    margin: 0;
    line-height: 20px;
    font-size: 24px;
  }
  .midProfile .profilPlayerName .current-level,
  .midProfile .profilPlayerName .current-rank {
    margin-top: 15px;
    text-align: left;
  }
  .midProfile .profilPlayerName .current-level p,
  .midProfile .profilPlayerName .current-rank p {
    margin: 0;
    font-size: 12px;
  }
  .midProfile .profilPlayerName .current-level {
    width: 27%;
  }
  .midProfile .profilPlayerName .current-rank {
    width: 60%;
    padding-left: 15px;
  }
  .midProfile .profilPlayerName .globalRank p {
    font-size: 22px;
  }
  .midProfile .profilPlayerName .globalRank span {
    font-size: 24px;
  }
  .midProfile .profilPlayerName .coins {
    font-size: 16px;
    margin: 0;
  }
  .midProfile .profilPlayerName .rank {
    font-size: 16px;
  }
  .midProfile .profile-user-stats {
    display: none;
  }
  .midProfile .small-screens-profile-user-stats {
    width: 100%;
    float: left;
    display: block;
    margin-top: 5px;
  }
  .midProfile .small-screens-profile-user-stats .span-desc-period {
    font-size: 10px;
    right: 2px;
    top: 0;
  }
  .midProfile .small-screens-profile-user-stats span {
    color: #ffe701;
    font-family: "Cantora One", Arial, sans-serif;
  }
  .midProfile .small-screens-profile-user-stats .profile-status-box {
    width: 50%;
    padding-left: 0;
  }
  .midProfile .profile-league-stats-wrapper .profile-page-leagues .league-info {
    margin-left: 8px;
  }
  .midProfile .profile-league-stats-wrapper .profile-player-stats .player-stats-container p,
  .midProfile .profile-league-stats-wrapper .profile-player-stats .player-stats-container span {
    font-size: 9px;
    padding: 5px 2px;
  }
  .midProfile .profile-league-stats-wrapper .profile-player-stats .profile-logo-bg {
    margin: 5% auto 17% auto;
  }
  .midProfile .ranks-manual-wrapper {
    padding: 0;
  }
  .midProfile .ranks-manual-wrapper .profile-curr-rank-img-wrapper {
    padding: 0;
    width: 15%;
  }
  .midProfile .ranks-manual-wrapper .profile-curr-rank-img-wrapper img {
    float: left;
  }
  .midProfile .ranks-manual-wrapper .col-xs-10,
  .midProfile .ranks-manual-wrapper .profile-next-rank-img-wrapper,
  .midProfile .ranks-manual-wrapper .profile-btn-wrapper {
    padding: 0;
  }
  .midProfile .ranks-manual-wrapper .col-xs-10 {
    width: 70%;
  }
  .midProfile .ranks-manual-wrapper .profile-next-rank-img-wrapper {
    width: 15%;
  }
  .midProfile .ranks-manual-wrapper .profile-next-rank-img-wrapper .contLevel {
    float: right;
  }
  .midProfile .ranks-manual-wrapper .profile-next-rank-img-wrapper .contLevel .levelTxte {
    top: 74%;
  }
  .midProfile .ranks-manual-wrapper .profile-next-rank-img-wrapper .profile-next-rank-img {
    float: right;
  }
  .midProfile .ranks-manual-wrapper .profile-btn-wrapper {
    margin-top: 2%;
    width: 100%;
    margin-bottom: 5%;
  }

  .playedGmPadd {
    width: 50% !important;
  }

  #modal-user-avatar .modal-content {
    margin-top: 25px;
  }
  #modal-user-avatar .login-modals-headings {
    font-size: 18px;
    top: -10px;
    padding-top: 12px;
  }
  #modal-user-avatar .supported-image-format-para {
    top: -10px;
    padding-top: 12px;
  }

  #referr-new-user .modal-title {
    font-size: 18px;
    margin-top: -15px;
  }
  #referr-new-user .reffer-user-wrapper .modal-body p {
    width: 100%;
  }

  #referral-friends-list .modal-title {
    font-size: 18px;
    margin-top: -15px;
  }

  .fourth-popup-wrapper,
  .fourth-popup-wrapper-inner-header,
  .fourth-popup-wrapper-inner-footer,
  .problem-popup,
  .first-popup-wrapper-inner,
  .second-popup-wrapper,
  .noCoinsPopup,
  .popup_bottom,
  .universalPopup,
  .univer-popup-top,
  .univer-popup-middle,
  .univer-popup-bottom,
  .welcomePopup,
  .welcomeHeader,
  .welcomeMiddle,
  .welcomeFooter {
    width: 100% !important;
  }

  .coin-chest {
    background-size: cover;
    width: 50px;
    height: 50px;
    top: 30px;
  }

  .fourth-popup-wrapper-inner-header {
    height: 7.1vh;
    background-size: 100% 100%;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .fourth-popup-wrapper-inner-header {
    height: 72.704px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .fourth-popup-wrapper-inner-header {
    height: 54.528px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  .fourth-popup-wrapper-inner-header {
    height: 34.08px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape) {
  .fourth-popup-wrapper-inner-header {
    height: 22.72px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .fourth-popup-wrapper-inner-header {
    height: 40.328px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
  .fourth-popup-wrapper-inner-header {
    height: 22.72px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  .fourth-popup-wrapper-inner-header h2 {
    font-size: 20px;
    margin: 16px auto 0;
  }

  .nav-tabs > li > a,
  .nav-tabs > li > a:focus,
  .nav-tabs > li > a:hover {
    border: 0;
    background-color: transparent;
  }

  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:focus,
  .nav-tabs > li.active > a:hover {
    border: 0;
  }

  .fourth-popup-wrapper-inner {
    padding: 0 10px;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm {
    padding: 2px;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner p {
    font-size: 17px;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .nav.nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .nav.nav-tabs > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: #ebeedd;
    border-radius: 15px 15px 0 0;
    margin-right: 2px;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .nav.nav-tabs > li > a {
    padding: 5px;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .nav.nav-tabs > li.active {
    background-color: #def8a5;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner span.buyctabName {
    display: block;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .buyctabIcon {
    float: none;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner li:not(:first-child) span.buyctabName {
    font-size: 16px;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .tab-content .panel-footer-sms,
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .tab-content .panel-footer-fb {
    overflow: hidden;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .tab-content .tab-pane .panel-header div:nth-child(4),
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .tab-content .tab-pane .fourth-popup-horiz div:nth-child(4) {
    display: none;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .tab-content .tab-pane .panel-header div:nth-child(5),
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .tab-content .tab-pane .fourth-popup-horiz div:nth-child(5) {
    width: 33.333%;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .tab-content .tab-pane .fourth-popup-horiz .fourth-table-second p,
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .tab-content .tab-pane .fourth-popup-horiz .fourth-table-fourth p {
    font-size: 18px;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .tab-content .tab-pane .fourth-popup-horiz .fourth-table-second p img,
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .tab-content .tab-pane .fourth-popup-horiz .fourth-table-fourth p img {
    left: -3px;
  }
  .fourth-popup-wrapper-inner .fourth-popup-btm-inner .tab-content .tab-pane .fourth-popup-horiz .fourth-table-third p {
    float: none;
    font-size: 16px;
    margin-left: 10%;
  }

  .problem-popup .problem-popup-header {
    height: 37px;
  }
  .problem-popup .problem-popup-header h2 {
    font-size: 20px;
    top: 15px;
  }
  .problem-popup .problem-popup-textarea .email-input-wrapper label {
    margin: 5px 0 0;
  }
  .problem-popup .problem-popup-textarea .email-input-wrapper input {
    width: 260px;
    margin-top: 5px;
    height: 35px;
  }
  .problem-popup .problem-popup-textarea .problemTextareaLabel {
    padding: 0;
    margin: 15px auto 5px;
  }
  .problem-popup .problem-popup-textarea .problemTextarea {
    margin: 0;
    padding: 0;
    width: 260px;
  }
  .problem-popup .welcomebtn {
    margin: 10px;
  }

  #selectGame .first-popup-wrapper-inner-top {
    background: url(../images/third-popup-header-bg.html) no-repeat;
    background-size: 100% auto;
    height: 68px;
  }
  #selectGame .first-popup-wrapper-inner-top h2 {
    font-size: 20px;
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    top: 15px;
  }
  #selectGame .first-popup-wrapper-inner-top .select-game-close-btn {
    right: 0;
    top: 0;
  }
  #selectGame .first-popup-wrapper-inner-top .popupInfo {
    display: none;
  }
  #selectGame .first-popup-wrapper-inner-middle {
    background: url(../images/third-popup-middle-bg.html) repeat-y;
    background-size: 100% auto;
    height: 530px;
  }
  #selectGame .first-popup-wrapper-inner-middle > div {
    margin: -30px auto 0;
    float: none;
    position: relative;
    top: 10px;
    width: 310px;
  }
  #selectGame .first-popup-wrapper-inner-middle > div .col-xs-4 {
    width: 50%;
  }
  #selectGame .first-popup-wrapper-inner-middle > div .col-xs-4:nth-child(odd) > .first-popup-box {
    margin: 5px 2px 5px 10px;
  }
  #selectGame .first-popup-wrapper-inner-middle > div .col-xs-4:nth-child(even) > .first-popup-box {
    margin: 5px 10px 5px 2px;
  }
  #selectGame .first-popup-wrapper-inner-middle > div .col-xs-4 .lockedGameSlide {
    z-index: 11;
  }
  #selectGame .first-popup-wrapper-inner-middle > div .col-xs-4 .lockedGameSlide .levelLockTxt {
    padding: 0;
    width: 75px;
  }
  #selectGame .first-popup-wrapper-inner-middle > div .col-xs-4 .lockedGameSlide div:nth-child(2) {
    width: 40px;
  }
  #selectGame .first-popup-wrapper-inner-middle .leagu-switch-button {
    width: 290px;
  }
  #selectGame .first-popup-wrapper-inner-middle .first-popup-inner {
    top: 45px;
  }
  #selectGame .first-popup-wrapper-inner-bottom {
    background: url(../images/third-popup-bottom-bg.html) no-repeat;
    height: 68px;
    background-size: 100% auto;
  }

  #friendsBonus .second-popup-wrapper-inner-middle.morePadding .bonus-wrapper.col-sm-12 .bonus_sum {
    width: 66%;
  }
  #friendsBonus .second-popup-wrapper-inner-middle.morePadding .nano .second-popup-inner.col-sm-12.noPadding.noBg .second-popup-box-inner .fb_img {
    position: relative;
    left: -1px;
    width: auto;
    height: auto;
    background: transparent;
  }
  #friendsBonus .popup_bottom {
    top: -2px;
  }

  .second-popup-wrapper .second-popup-header h2 {
    font-size: 18px;
    left: -15px;
    top: 20px;
  }
  .second-popup-wrapper .second-popup-header .daily-bonus-close-btn {
    right: 0;
    top: 0;
  }
  .second-popup-wrapper .second-popup-inner {
    margin-top: -38px;
  }
  .second-popup-wrapper .second-popup-inner .bonus {
    width: 93px;
  }
  .second-popup-wrapper .second-popup-inner .col-sm-15.col-xs-6.padd,
  .second-popup-wrapper .second-popup-inner .friends-list-popup {
    width: 50%;
  }
  .second-popup-wrapper .second-popup-inner div:nth-child(3) {
    clear: both;
  }
  .second-popup-wrapper .second-popup-inner div:nth-child(5) {
    clear: both;
    float: none;
    margin: 0 auto;
  }
  .second-popup-wrapper .second-popup-inner div .bonus_invited_friends {
    float: left;
    font-size: 10px;
    margin-top: 6px;
  }
  .second-popup-wrapper .second-popup-inner .bonus-wrapper-divs .bonus_sum,
  .second-popup-wrapper .second-popup-inner .bonus-wrapper.col-sm-12 .bonus_sum {
    width: 50%;
  }
  .second-popup-wrapper .second-popup-inner .bonus-wrapper-divs .share_fb,
  .second-popup-wrapper .second-popup-inner .bonus-wrapper.col-sm-12 .share_fb {
    width: 80%;
    margin: -5px auto 15px;
  }
  .second-popup-wrapper .second-popup-inner .bonus-wrapper-divs .share_fb .fbShareText,
  .second-popup-wrapper .second-popup-inner .bonus-wrapper.col-sm-12 .share_fb .fbShareText {
    float: none;
  }
  .second-popup-wrapper .second-popup-wrapper-inner-middle .noBg {
    margin-top: 0;
  }
  .second-popup-wrapper .second-popup-footer .second-popup-btm {
    top: -5px;
  }
  .second-popup-wrapper .friends-list-popup .fb_img {
    margin: 5px auto;
  }
  .second-popup-wrapper div.popup_top.noPadding {
    margin-bottom: -43px;
  }
  .second-popup-wrapper div.popup_top.noPadding h2 {
    font-size: 20px;
    margin: 15px auto 0;
  }
  .second-popup-wrapper div.popup_top.noPadding .no-chip-inv-friends-close-btn {
    top: 0;
    right: 0;
  }

  .noCoinsPopup .popup_top h2 {
    font-size: 20px;
    margin: 16px auto 0;
  }
  .noCoinsPopup .popup_top .no-chip-inv-friends-close-btn {
    top: 0;
    right: 0;
  }
  .noCoinsPopup .second-popup-wrapper-inner-middle {
    margin-top: -43px;
  }
  .noCoinsPopup .second-popup-wrapper-inner-middle .second-popup-inner.noBg {
    color: #000000 !important;
    float: none;
  }
  .noCoinsPopup .second-popup-wrapper-inner-middle .second-popup-inner.noBg .col-sm-3.col-xs-3.paddingCustom {
    width: 50%;
  }

  .universalPopup .univer-popup-top {
    margin-bottom: -15px;
  }
  .universalPopup .univer-popup-top h2 {
    font-size: 20px;
  }
  .universalPopup .univer-popup-bottom {
    margin-top: -10px;
  }

  #connectionProblem .univer-popup-middle .leaveGameBtn {
    height: 80px;
  }
  #connectionProblem .univer-popup-middle .leaveGameBtn > div {
    display: block;
    margin: 10px auto;
  }

  .welcomePopup .welcomeHeader {
    margin-bottom: -41px;
  }
  .welcomePopup .welcomeHeader h3 {
    font-size: 14px;
    left: -3px;
    top: 20px;
  }
  .welcomePopup .welcomeHeader .close-btn-wlcm {
    right: 0;
    top: 0;
  }
  .welcomePopup .welcomeMiddle .welcomebtn {
    display: block;
    text-align: center;
    margin: 10px auto;
  }
  .welcomePopup .welcome-btns-wrapper {
    top: 52px;
  }
  .welcomePopup .welcomeFooter {
    margin-top: -10px;
  }

  .specialOfferDiv {
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    top: 15px;
    width: 50%;
  }

  .offerBox {
    margin: 10px 15px;
  }
  .offerBox .clearfix .col-xs-6 {
    width: 100%;
  }
  .offerBox .clearfix .col-xs-6 .specialOfferCoins {
    margin: 5px 0 0;
  }
  .offerBox .clearfix .col-xs-6 .specialOfferPrize {
    margin: 0;
  }
  .offerBox .clearfix .col-xs-6 .specialOfferDiscount {
    margin: 0 0 5px 0;
  }

  #achPopup .universalPopup .univer-popup-top {
    margin-bottom: -17px;
    background-size: contain;
  }
  #achPopup .universalPopup .univer-popup-middle .ach-desc-text .ach-gratz-text {
    padding: 5px;
  }
  #achPopup .universalPopup .univer-popup-bottom {
    margin-top: 0;
  }

  #wrong-credentials .modal-dialog {
    margin-top: 25px;
  }
  #wrong-credentials .modal-dialog .wrong-credentials-wrapper .login-modals-headings {
    top: -10px;
    padding: 15px 0 5px;
    font-size: 20px;
  }
  #wrong-credentials .modal-dialog .wrong-credentials-wrapper .login-modals-close-btns {
    top: -10px;
  }
  #wrong-credentials .modal-dialog .wrong-credentials-wrapper .wrong-credentilas-text-desc .wrong-pass-or-email-para {
    font-size: 18px;
  }

  #forgot-password .modal-dialog {
    margin-top: 25px;
  }
  #forgot-password .modal-dialog .forgot-password-wrapper .login-modals-headings {
    top: -10px;
    padding: 15px 0 5px;
    font-size: 20px;
  }

  #user-register .modal-dialog {
    margin-top: 25px;
  }
  #user-register .modal-body.invalid-login-popups-body {
    padding-bottom: 0 !important;
  }
  #user-register .modal-body.invalid-login-popups-body .register-user-header .login-modals-headings {
    top: -10px;
    padding: 15px 0 5px;
    font-size: 20px;
  }
  #user-register .modal-body.invalid-login-popups-body .register-user-form {
    margin: 0 15px;
  }
  #user-register .modal-body.invalid-login-popups-body .register-user-form .form-group {
    margin-bottom: 10px;
  }
  #user-register .modal-body.invalid-login-popups-body .register-user-form .form-group .reg-user-pass-desc-para {
    margin-bottom: 0;
    font-size: 11px;
  }
  #user-register .modal-body.invalid-login-popups-body .register-user-form div:nth-child(3) .col-xs-9 {
    position: relative;
    top: 10px;
  }
  #user-register .modal-body.invalid-login-popups-body .register-user-form div:nth-child(5) {
    margin-bottom: 0;
  }

  #already-exist-user .modal-dialog {
    margin-top: 25px;
  }
  #already-exist-user .already-exist-user-wrapper .login-modals-headings {
    top: -10px;
    padding: 15px 0 5px;
    font-size: 20px;
  }
  #already-exist-user .already-exist-user-wrapper .infoTxt {
    font-size: 20px;
  }

  #confirm-account .modal-dialog {
    margin-top: 25px;
  }
  #confirm-account .confirm-account-wrapper .login-modals-headings {
    top: -10px;
    padding: 15px 0 5px;
    font-size: 17px;
  }
  #confirm-account .confirm-account-wrapper .confirm-account-para {
    margin: 0 10px 5px;
  }

  #dailyReport #dailyBonusFriendsValue {
    text-align: left;
  }
  #dailyReport #dailyBonusFriendsValue .span-friends-bonus {
    margin-left: 6px;
  }
  #dailyReport #dailyBonusFriendsValue img {
    margin-left: 3px;
  }

  #endLeagues .universalPopup .univer-popup-middle .end-desc-text .end-gratz-text {
    margin: 8px auto;
  }
  #endLeagues .universalPopup .univer-popup-middle .col-xs-4,
  #endLeagues .universalPopup .univer-popup-middle .col-xs-8 {
    width: 100%;
  }
  #endLeagues .universalPopup .univer-popup-middle .col-xs-8 span {
    text-align: center;
    line-height: inherit;
  }
  #endLeagues .universalPopup .univer-popup-middle .ach-reward .ach-take-reward-text {
    font-size: 11px;
  }
  #endLeagues .universalPopup .univer-popup-middle .ach-reward .ach-reward-text-coins {
    font-size: 20px;
    padding: 7px;
  }
  #endLeagues .universalPopup .univer-popup-bottom {
    top: 0;
  }

  .tutText {
    overflow-x: scroll;
  }
  .tutText table tr th {
    font-size: 13px;
  }
  .tutText table tr td img {
    float: none;
  }

  .d-none-480 {
    display: block;
  }

  .d-block-480 {
    display: none;
  }

  .rank-current-player-img-wrapper {
    right: -15px;
  }

  .ranking-curr-player-name {
    margin-left: 20px;
  }

  .pos-abs-480 {
    position: static;
    left: 0;
  }

  .rankingsTabs.nav-tabs-responsive > li {
    float: none;
    margin-bottom: 0;
    width: 100%;
  }

  .nav-tabs.nav-tabs-responsive li:nth-child(-n+3) {
    margin-bottom: 2px;
  }
  .nav-tabs.nav-tabs-responsive li:nth-child(4) {
    margin-bottom: -2px;
  }

  .leaguesTabs .presentation-leagues {
    width: 50%;
    float: left;
  }

  .pos-left-480 {
    left: 40%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .arrow-up-league,
  .arrow-down-league {
    top: 85% !important;
  }

  .league-info-button {
    padding: 4px 0px;
  }

  .ranking-header {
    position: relative;
  }
  .ranking-header .ranking-header-middle {
    font-size: 18px;
  }
  .ranking-header .ranking-header-middle h1 {
    font-size: 20px;
  }
  .ranking-header .ranking-header-middle .league-season {
    margin: 15px auto;
  }
  .ranking-header .ranking-header-middle .league-timer {
    top: 74%;
    height: 30px;
    margin-top: 0;
  }
  .ranking-header .ranking-header-middle .league-timer .col-xs-3 {
    font-size: 14px;
    position: relative;
    top: -1px;
  }
  .ranking-header .ranking-header-middle .league-timer .col-xs-9 {
    font-size: 14px;
    position: relative;
    top: 3px;
  }

  .log-in-form {
    min-height: 180px;
  }
  .log-in-form .col-sm-8.col-xs-7 {
    width: 100%;
  }
  .log-in-form .col-sm-4.col-xs-5 {
    width: 100%;
  }

  #cardConfirmBuying .modal-body div.confBuyInlineTxt {
    width: 100%;
  }
  #cardConfirmBuying .modal-body div.confBuyInlineTxt2 {
    width: 100%;
  }

  #thanksforplaying .leaveGameBtnOne .googlFbBtn {
    display: block;
    text-align: center;
    margin-top: 10px;
  }
}
@media all and (min-width: 768px) and (max-width: 930px) {
  .monkey {
    display: none;
  }

  .btm-wood-idx-login {
    display: none;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) and (orientation: landscape) and (max-height: 500px) {
  .custom-carousel-mobile-on {
    display: block;
  }

  .custom-carousel-mobile-off {
    display: none;
  }

  #gameReport .modal-dialog {
    margin: 0;
  }

  #game-report-carousel .carousel-inner {
    width: 90%;
    margin: -7px auto 0;
  }
  #game-report-carousel .carousel-inner .equal-heights-column-game-report {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #game-report-carousel .carousel-inner .equal-heights-column-game-report > div:nth-child(1) {
    margin-right: 5px;
  }
  #game-report-carousel .carousel-inner .fifth-popup-box-btm {
    margin: 0;
    padding: 5px;
  }
  #game-report-carousel .carousel-inner .levelProgress {
    margin: 0 0 10px;
  }
  #game-report-carousel .fifth-popup-box-inner {
    padding: 5px;
    border-radius: 5px;
  }
  #game-report-carousel .fifth-popup-box-inner h3 {
    padding: 0;
  }
  #game-report-carousel .fifth-popup-box-inner > div {
    padding: 0;
  }
  #game-report-carousel .fifth-popup-box-inner .rating-calc-game-report {
    margin: 5px auto;
  }
  #game-report-carousel .fifth-popup-box-inner .rating-calc-game-report #howIsRatingCalc {
    font-size: 10px;
  }

  #dailyReport .modal-dialog {
    margin: 0;
  }
  #dailyReport .second-popup-inner {
    position: relative;
    top: -16px;
  }
  #dailyReport .second-popup-inner .days-bonus-box {
    height: 190px;
    overflow-y: auto;
    float: left;
    padding: 0 15px;
    width: 30%;
  }
  #dailyReport .second-popup-inner .days-bonus-box > div {
    width: 100%;
  }
  #dailyReport .second-popup-inner > div:nth-child(3) {
    margin-top: 7px;
  }
  #dailyReport .second-popup-inner > div:nth-last-child(-n+2) {
    float: left;
    padding: 0 15px;
    width: 70%;
  }
  #dailyReport .second-popup-inner .bonus-wrapper-divs .bonus_column .bonus_value {
    width: 27.5%;
  }
  #dailyReport .second-popup-inner .bonus-wrapper-divs div.col-sm-12 .bonus_sum {
    clear: none;
    float: left;
    margin: 11px 15px 0 -15px;
    width: 50%;
  }
  #dailyReport .second-popup-inner .bonus-wrapper-divs div.col-sm-12 .share_fb {
    clear: none;
    float: left;
    margin: 0;
    width: 50%;
  }
  #dailyReport .second-popup-inner .bonus-wrapper-divs div.col-sm-12 .share_fb .fbShareText {
    top: 15px;
  }
  #dailyReport .second-popup-footer {
    top: -20px;
  }

  #levelUpPanel .universalPopup .col-md-12.un {
    display: none;
  }
  #levelUpPanel .universalPopup .leaveGameTxt .col-sm-12.text-center > span, #levelUpPanel .universalPopup .leaveGameTxt .col-sm-12.text-center .popupLine, #levelUpPanel .universalPopup .leaveGameTxt .col-sm-12.text-center .popupLineD {
    display: none;
  }
  #levelUpPanel .universalPopup .leaveGameTxt .col-sm-12.text-center h3 {
    margin-top: -15px;
  }
  #levelUpPanel .universalPopup .leaveGameTxt .col-sm-12.text-center > .col-xs-6 img.img-responsive {
    height: 150px;
    margin-top: 20px;
    width: 180px;
  }
  #levelUpPanel .universalPopup .leaveGameTxt .col-sm-12.text-center .winnerPopTxt {
    padding-top: 15px;
    margin-bottom: 8px;
  }

  #gameOutcome .second-popup-wrapper-inner-middle .playerPlace .playerPoints {
    margin: 0 auto;
    width: 90%;
  }
  #gameOutcome .second-popup-wrapper-inner-middle .playerPlace .playerImg {
    height: 110px;
    width: 90%;
  }
  #gameOutcome .second-popup-wrapper-inner-middle .playerPlace .popupPlayerName {
    margin: 0 auto;
    width: 90%;
  }
}
@media only screen and (max-width: 570px) and (min-width: 530px) {
  .playerCards {
    top: 65% !important;
  }

  .container-left-inner #timerDiv {
    left: 23.5% !important;
  }

  .container-left .popup-left,
  .container-left .popup-right {
    top: 39% !important;
  }
  .container-left .player2Timer,
  .container-left .player4Timer {
    width: 125px !important;
    bottom: -10px !important;
  }
  .container-left .cancelOpening {
    top: 46% !important;
  }
  .container-left .waitingForPlayers {
    top: 40% !important;
    height: 75% !important;
  }
  .container-left .waitingForPlayers span + p {
    padding: 5px 15px !important;
  }
  .container-left .player-name-wrapper {
    width: 105px !important;
  }

  .tbl-phone-nav .header-tbl-phone-nav ul .ingame-mobile-red-close-btn-wrapper .aside_close_btn {
    right: -19px;
  }

  .chat-box-wrapper h2 {
    padding: 3px 0 !important;
    font-size: 12px !important;
  }

  .header-tbl-phone-nav ul {
    margin: 10px 0 0 0 !important;
  }
  .header-tbl-phone-nav ul li {
    margin: 0 7px !important;
  }

  .ingame-mobile-red-close-btn-wrapper {
    right: 2px !important;
  }

  .body-tbl-phone-nav .chat-in {
    height: 115px !important;
  }
  .body-tbl-phone-nav .btm-arrow span {
    left: 8px !important;
    top: 14px !important;
    font-size: 11px !important;
  }
  .body-tbl-phone-nav .btm-report-player span {
    left: 28px !important;
    top: 12px !important;
    font-size: 11px !important;
  }

  .problem-popup-header,
  .leaveGameBottom {
    background-size: 100% 100% !important;
  }

  .first-popup-wrapper-inner-middle {
    height: 268px !important;
    top: -35px !important;
  }

  .first-popup-wrapper-inner-bottom {
    top: -40px !important;
  }

  .gameOutcome {
    width: 100% !important;
  }
  .gameOutcome .second-popup-wrapper-inner-middle .playerPlace {
    top: -22px !important;
  }
  .gameOutcome .second-popup-wrapper-inner-middle .playerPlace .popupPlayerName {
    height: auto !important;
  }
  .gameOutcome .second-popup-wrapper-inner-middle .share_fb {
    top: -28px !important;
    margin: -25px auto -8px !important;
  }

  .popup_bottom1 {
    background-size: 100% auto !important;
    width: 100% !important;
  }

  .leaveGameBtnOne {
    margin-top: 0 !important;
  }

  .modal-header {
    width: 75%;
    margin: 0 auto;
  }

  .container-left-inner {
    height: 320px !important;
  }
  .container-left-inner .helpBtn {
    left: 2px !important;
  }

  #gamePageHolder .mid {
    height: 320px !important;
  }

  .icon-close-btn {
    height: 320px !important;
  }

  .univer-popup-middle .btn-special-offer {
    margin-top: 20px !important;
  }

  .midProfile .ranks-manual-wrapper .profile-btn-wrapper p {
    padding: 7px !important;
  }

  .topBanner-en .topBannerTxt,
  .topBanner-sr .topBannerTxt {
    width: 42% !important;
    top: 18% !important;
  }

  .second-popup-header {
    bottom: -3px;
  }

  #friendsBonus {
    margin-top: -9px !important;
  }
  #friendsBonus .popup_top.noPadding {
    top: 8px !important;
  }
  #friendsBonus .second-popup-wrapper-inner-middle .bonus-wrapper.col-sm-12 {
    padding-bottom: 0 !important;
  }
  #friendsBonus .second-popup-wrapper-inner-middle .nano {
    top: -2px !important;
  }
  #friendsBonus .second-popup-wrapper-inner-middle .nano .fb_img {
    position: relative !important;
    left: -6px !important;
  }
  #friendsBonus .popup_bottom {
    top: -19px !important;
  }

  .ranking-header {
    position: relative;
  }
  .ranking-header .ranking-header-middle {
    font-size: 18px;
  }
  .ranking-header .ranking-header-middle .league-season {
    margin: 15px auto 0;
  }
  .ranking-header .ranking-header-middle .league-timer {
    top: 74%;
    height: 30px;
    margin-top: 0;
  }
  .ranking-header .ranking-header-middle .league-timer .col-xs-3 {
    font-size: 14px;
    position: relative;
    top: -1px;
  }
  .ranking-header .ranking-header-middle .league-timer .col-xs-9 {
    font-size: 14px;
    position: relative;
    top: 3px;
  }
}
@media all and (max-height: 500px) and (min-width: 530px) and (max-width: 812px) {
  .card-back,
  .fake-card-back,
  .fake-card-show,
  .card-show,
  .card {
    border-radius: 8px;
    height: 96px;
    width: 70px;
  }

  .groupDisabled {
    border-radius: 3px;
    width: 53px !important;
    height: 30px !important;
  }

  #gamePageHolder .mid {
    height: 360px;
    background-color: #ffffff;
    background: none;
    padding-bottom: 0;
  }

  .ingame-wrapper {
    width: 100%;
  }
  .ingame-wrapper .ingame-nav {
    display: none;
  }
  .ingame-wrapper article.col-sm-12.noPadding {
    overflow: hidden;
  }
  .ingame-wrapper .top-wood-game {
    display: none !important;
  }

  .tbl-phone-menu {
    right: 5px !important;
    top: 0 !important;
  }

  .container-left {
    margin: 1px 0;
    padding: 0;
  }
  .container-left .activePlayer {
    border: none;
  }
  .container-left .profile_button {
    display: none;
  }
  .container-left .game_profile_img {
    display: inline-block;
    position: relative;
    top: 0px;
    width: 35px;
  }
  .container-left .timer-inner {
    display: inline-block;
    margin-left: -2%;
    margin-right: 1%;
    padding: 3px 10px;
    top: 0;
  }
  .container-left .timer-inner img {
    top: 2px;
    left: -2px;
  }
  .container-left .timer-inner .playerCardsNr {
    top: 3px;
  }
  .container-left .player3Timer {
    width: 117%;
    bottom: -15px;
  }
  .container-left .player3Timer .timerCircle {
    top: -6px;
  }
  .container-left .player-name-wrapper {
    width: 113px;
    display: inline-block;
  }
  .container-left .playerName {
    position: relative;
    top: 0;
  }
  .container-left .player3-mobile-wrapper,
  .container-left .player1-mobile-wrapper {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 36%;
    z-index: 10;
  }
  .container-left .player3-mobile-wrapper {
    height: 35px;
    margin-top: -5px;
  }
  .container-left .player3-mobile-wrapper .popup-top {
    left: 150%;
    position: static;
    top: -15%;
    width: 100%;
  }
  .container-left .player3-mobile-wrapper .popup-top .game_profile_img {
    left: -1px;
  }
  .container-left .player3-mobile-wrapper .popup-top .playerName {
    top: 6px;
  }
  .container-left .player1-mobile-wrapper {
    bottom: 0.5%;
    height: 40px;
  }
  .container-left .player1-mobile-wrapper .popup-btm {
    left: 150%;
    position: static;
    top: 250%;
    width: 100%;
  }
  .container-left .player1-mobile-wrapper .popup-btm .game_profile_img {
    height: 38px;
    top: -4px;
    left: -2px;
  }
  .container-left .player1-mobile-wrapper .popup-btm .timer-inner {
    top: -3px;
  }
  .container-left .player1-mobile-wrapper .popup-btm .playerName {
    top: 3px;
  }
  .container-left .popup-left,
  .container-left .popup-right {
    padding: 3px;
    width: 20%;
    top: 40.6%;
  }
  .container-left .popup-left .player2Timer,
  .container-left .popup-left .player4Timer,
  .container-left .popup-right .player2Timer,
  .container-left .popup-right .player4Timer {
    width: 110%;
    bottom: -9px;
  }
  .container-left .popup-right {
    right: 8px;
  }

  .container-left-inner {
    height: 360px;
    margin: 0;
    padding: 35px 10px;
  }
  .container-left-inner .container-top {
    margin-top: 8px;
    height: 32%;
  }
  .container-left-inner .container-top .smallCard {
    width: 15px;
    height: 30px;
  }
  .container-left-inner .avelableCard {
    border: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .container-left-inner #timerDiv {
    left: 24.7%;
    top: 21%;
  }
  .container-left-inner .waitingForPlayers {
    height: 75%;
    top: 39%;
  }
  .container-left-inner .waitingForPlayers #waitingForPlayersImage {
    height: 100px;
  }
  .container-left-inner .waitingForPlayers .wait-popup-room-info {
    padding: 0 15px;
  }
  .container-left-inner .waitingForPlayers h3 {
    font-size: 16px;
  }
  .container-left-inner .waitingForPlayers #waitingForPlayersTime {
    margin: 4% 0;
    font-size: 24px;
  }
  .container-left-inner .waitingForPlayers span + p {
    padding: 0 15px;
    font-size: 13px;
  }
  .container-left-inner .openingSumPanelBelow,
  .container-left-inner .openingSumPanelAbove {
    height: 34px;
    width: 20%;
    top: 0px;
    right: 11%;
    border-radius: 5px;
    z-index: 2;
  }
  .container-left-inner .openingSumPanelBelow .openingSumPanelTitle,
  .container-left-inner .openingSumPanelAbove .openingSumPanelTitle {
    position: relative;
    top: 2px;
    font-size: 12px;
  }
  .container-left-inner .openingSumPanelBelow .openingSumPanelValue,
  .container-left-inner .openingSumPanelAbove .openingSumPanelValue {
    font-size: 15px;
    left: 3px;
  }
  .container-left-inner .helpBtn {
    left: 10px;
    top: 4px;
  }
  .container-left-inner .helpDropDown {
    top: 11%;
    padding: 2px;
  }
  .container-left-inner .fullscreenBtn {
    left: 14.5%;
    top: 4px;
  }
  .container-left-inner .cancelOpening {
    padding: 0;
    left: 33%;
    top: 47%;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .container-left-inner .card-back,
  .container-left-inner .card-show {
    top: 54%;
  }
  .container-left-inner .playerCards {
    top: 69%;
    width: 520px;
  }
  .container-left-inner .sortCardsStreight,
  .container-left-inner .sortCardsThree {
    bottom: 4px;
  }
  .container-left-inner .sortCardsStreight {
    left: 80px;
  }
  .container-left-inner .sortCardsThree {
    right: 80px;
  }

  .tbl-phone-nav .icon-close-btn {
    height: 100% !important;
  }
  .tbl-phone-nav .tbl-phone-nav-inner {
    height: 100%;
    padding: 0 10px;
    overflow-y: scroll;
  }
  .tbl-phone-nav .header-tbl-phone-nav ul {
    margin: 10px 0;
    position: relative;
  }
  .tbl-phone-nav .header-tbl-phone-nav ul li {
    margin: 0 10px;
  }
  .tbl-phone-nav .header-tbl-phone-nav ul .sound-btn-tbl-phone-nav,
  .tbl-phone-nav .header-tbl-phone-nav ul .chat-btn-tbl-phone-nav,
  .tbl-phone-nav .header-tbl-phone-nav ul .manual-btn-tbl-phone-nav {
    float: left;
  }
  .tbl-phone-nav .header-tbl-phone-nav ul .ingame-mobile-red-close-btn-wrapper {
    display: inline-block;
    height: 50px;
    position: absolute;
    right: -25px;
    top: -15px;
    width: 50px;
  }
  .tbl-phone-nav .header-tbl-phone-nav ul .ingame-mobile-red-close-btn-wrapper .aside_close_btn {
    border-radius: 0 0 0 10px;
    border: none;
    display: inline-block;
    height: 50px;
    width: 50px;
  }
  .tbl-phone-nav .header-tbl-phone-nav ul .ingame-mobile-red-close-btn-wrapper .aside_close_btn span {
    font-size: 26px;
    left: 17px;
    margin: 0;
    position: absolute;
    top: 4px;
  }
  .tbl-phone-nav .body-tbl-phone-nav .chat-box-wrapper .chat-in {
    height: 135px;
  }
  .tbl-phone-nav .body-tbl-phone-nav .btm-arrow span {
    top: 15px;
    font-size: 13px;
    left: 6px;
  }
}
/* 
=====================================
Page Imports
===================================== 
*/
.navbar {
  border: 0 !important;
  margin-bottom: 0 !important;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #402615;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  border-color: #fef673;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fef673;
}

.navbar-default .navbar-toggle {
  border-color: #fef673;
}

.navbar-toggle {
  background-color: #381e0d;
}

.navbar-default {
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.modal-dialog.modal-change-video {
  width: 50%;
}

.modal-content {
  background: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-content .modal-header,
.modal-content .modal-body {
  padding: 0;
  text-align: center;
}
.modal-content .modal-header {
  border-bottom: 0;
}

.carousel-control.left {
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-right: 30px solid #efe2bb;
  top: 30%;
  left: -6%;
}

.carousel-control.right {
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #efe2bb;
  top: 30%;
  right: -6%;
}

.did-you-know-wrapper .carousel-inner {
  height: 42px;
}
.did-you-know-wrapper .carousel-inner .item .carousel-caption {
  bottom: 0px;
  top: 0;
  margin: 0 auto;
  right: 2%;
  left: 0%;
  width: 85%;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.did-you-know-wrapper .carousel-control.right {
  background: #9dc83d url("../images/carousel-pl-btn.html") no-repeat center center;
  border: 0;
  display: inline-block;
  height: 42px;
  right: 0;
  top: 0;
  width: 42px;
  z-index: 1;
}

body {
  height: 100%;
  width: 100%;
  background-image: url(../images/body-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.container-top {
  border-radius: 5px;
  background: url(../images/transparent-bg.html) top left repeat;
  display: table;
  height: 155px;
  margin-top: 5px;
  text-align: center;
  width: 100%;
}
.container-top h2 {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 40px;
  color: #6e921f;
  display: table-cell;
  text-transform: uppercase;
  vertical-align: middle;
}

.mid-content-wrapper2 {
  position: relative;
  top: 20px;
}

.plus-icon {
  background: url(../images/plus-icon.html) no-repeat top center;
  cursor: pointer;
  float: left;
  height: 29px;
  margin: 41px 0 0 5px;
  width: 28px;
}
.plus-icon:hover {
  background-position: bottom center;
}

.nano > .nano-content {
  top: 0 !important;
}
.nano > .nano-pane {
  background: #efe2bb !important;
  right: 5px !important;
}

.chatplayername {
  color: #afd445;
  font-size: 12px;
  font-style: italic;
}

.withBtns {
  height: 169px;
}

.withNoBtns {
  height: 203px;
}

.me {
  color: #ffa500 !important;
}

.chatplayertext {
  font-size: 13px;
  font-style: italic;
}

.regiConfmTxt {
  border-radius: 10px;
  background: #88ae34;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #88ae34), color-stop(50%, #7ba129));
  background: linear-gradient(to bottom, #88ae34 50%, #7ba129 50%);
  border: 2px solid #a4d140;
  color: #ffffff;
  margin: 150px auto 0 auto;
  padding: 10px;
  text-align: center;
  width: 40%;
}
.regiConfmTxt a {
  text-decoration: underline;
  color: #c2c8e3;
}
.regiConfmTxt a:hover {
  color: #2b4ee4;
}

.levelTxte {
  height: 40px;
  left: 68%;
  position: absolute;
  top: 71%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
}
.levelTxte span {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 1px 1px 2px #000000;
}

.contLevel {
  float: left;
  position: relative;
}

.activePlayerFriendsList {
  background: #afd445;
}

.unactivePlayerFriendsList {
  background: #b3bead;
}

.selected {
  border-radius: 7px !important;
  border: 2px solid #00c7ff !important;
}

.top-wood-idx-login {
  background: url(../images/wood-top1.html) center/contain no-repeat;
  height: 130px;
  position: relative;
  top: 82px;
  z-index: 1;
}

.monkey {
  background: url(../images/monkey-bg.png) center/contain no-repeat;
  height: 230px;
  left: -154px;
  position: absolute;
  top: 45px;
  width: 185px;
  z-index: 10;
}
@media only screen and (max-width: 1024px) {
  .monkey {
    display: none;
  }
}

.btm-wood-idx-login {
  background: url(../images/wood_bottom1.html) center no-repeat;
  height: 149px;
  margin-left: -80px;
  position: relative;
  top: -125px;
  width: 122%;
}

.d-block-480 {
  display: none;
}

.logoReg {
  margin: 20px auto;
}

.text {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 16px;
  color: #ffffff;
  background-color: #7ba129;
  padding: 10px;
  text-align: center;
}

.lev {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: block;
  height: auto;
  margin: 0 auto;
}

.top-left {
  float: left;
  padding-top: 15px;
  width: 35%;
}
.top-left p {
  font-family: "Cantora One", Arial, sans-serif;
  font-size: 13px;
  color: #381e0d;
  text-shadow: #ffffff -1px 1px 0px;
  text-transform: uppercase;
}

.top-mid {
  float: left;
  padding-top: 8px;
  width: 33%;
}

.srb {
  background: #87ad33 url(../images/invitefriends_sr.html) no-repeat top center;
  height: 107px;
}

.eng {
  background: #87ad33 url(../images/invitefriends_en.html) no-repeat top center;
  height: 107px;
}

.greenArrow {
  margin: 5px;
}

.progressBar {
  border-radius: 25px;
  background: #492c1a;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
          box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  height: 20px;
  margin-top: 10px;
  padding: 5px;
  position: relative;
}

.progressBar > span {
  background-color: #7ba129;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(bottom, center), color-stop(37%, #2bc253), color-stop(69%, #54f054));
  background-image: linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-top-right-radius: 8px;
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.progressBar > span:after {
  -webkit-animation: move 2s linear infinite;
          animation: move 2s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-top-right-radius: 8px;
  bottom: 0;
  content: "";
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.red-circle {
  left: -5px;
  position: absolute;
  top: -5px;
}

#addsBottom {
  background-color: #f5deb3;
  border: 3px solid #2E2113;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 5px #2E2113;
          box-shadow: 3px 3px 5px #2E2113;
  margin: 10px auto;
  padding-top: 3px;
  text-align: center;
  width: 800px;
}

.button1 {
  background-size: 95% auto;
  background: url(../images/button1.html) top center no-repeat;
  cursor: pointer;
  height: 41px;
  line-height: 43px;
  position: relative;
  text-align: center;
  top: 25px;
}
.button1:hover {
  background-position: bottom center;
}
.button1 p {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

.button2 {
  background-size: 95% auto;
  background: url(../images/button1.html) top center no-repeat;
  cursor: pointer;
  height: 41px;
  line-height: 43px;
  margin-left: 0px;
  position: relative;
  text-align: center;
  top: 25px;
}
.button2:hover {
  background-position: bottom center;
}
.button2 p {
  font-size: 11px;
  font-weight: bold;
  line-height: 43px;
  position: relative;
  text-transform: uppercase;
  top: 11px;
}
.button2 span {
  float: left;
  line-height: 10px;
  position: relative;
  width: 75%;
}
.button2 img {
  float: left;
  left: 10px;
  position: relative;
  top: -4px;
  width: 25%;
}

/*
Copyright (c) 2011, Pablo Impallari (www.impallari.com|impallari@gmail.com),
Rodrigo Fuenzalida (www.rfuenzalida.com) with Reserved Font Name Cantora.
*/
@font-face {
  font-family: 'Cantora One';
  src: url("../../assets/fonts/cantoraone-regular-webfont.eot");
  src: local("CantoraOne Regular"), local("CantoraOne-Regular"), url("../../assets/fonts/cantoraone-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/cantoraone-regular-webfont.woff2") format("woff2"), url("../../assets/fonts/cantoraone-regular-webfont.woff") format("woff"), url("../../assets/fonts/cantoraone-regular-webfont.ttf") format("truetype"), url("../../assets/fonts/cantoraone-regular-webfont.svg#cantoraone-regular-webfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* 
=====================================
Footer
===================================== 
*/
footer {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #402615), color-stop(0, #381e0d));
  background: linear-gradient(180deg, #402615 50%, #381e0d 0);
  position: relative;
}

/* Footer Decoration  */
.footer-decoration {
  position: absolute;
  bottom: -30px;
  left: -20px;
  width: 1038px;
}

footer .links-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px 0px;
}

footer .links-container a {
  display: block;
  color: #fff;
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
  text-decoration: none;
  z-index: 99;
}

footer .links-container a:hover {
  color: #ffae00;
}

.footer-links-separator {
  display: block;
  width: 2px;
  height: 20px;
  background: #ffffff;
  margin: 0px 12px;
}

/* 
=====================================
Copyright
===================================== 
*/
/* Copyright Container */
.copyright-container {
  width: 235px;
  margin: 30px auto;
  padding: 10px 0px;
  text-align: center;
}

.copyright-container p {
  color: rgba(255, 255, 255, 0.89);
  font-size: 12px;
  margin: 0;
}

.login-wrapper {
  margin: 50px auto 0;
}

@media only screen and (max-width: 825px) {
  .footer-decoration {
    bottom: -28px;
    left: -13px;
    width: 847px;
  }
}
@media only screen and (max-width: 820px) {
  .footer-decoration {
    bottom: -25px;
    left: -14px;
    width: 837px;
  }
}
@media only screen and (max-width: 769px) {
  .footer-decoration {
    bottom: -26px;
    left: -16px;
    width: 796px;
  }
}
@media only screen and (max-width: 736px) {
  .footer-decoration {
    bottom: -26px;
    left: -11px;
    width: 756px;
  }
}
@media only screen and (max-width: 731px) {
  .footer-decoration {
    bottom: -23px;
    left: -11px;
    width: 752px;
  }
}
@media only screen and (max-width: 667px) {
  .footer-decoration {
    bottom: -20px;
    left: -10px;
    width: 685px;
  }
}
@media only screen and (max-width: 640px) {
  .footer-decoration {
    bottom: -18px;
    left: -10px;
    width: 658px;
  }
}
@media only screen and (max-width: 570px) {
  .footer-decoration {
    bottom: -18px;
    left: -9px;
    width: 584px;
  }
}
@media only screen and (max-width: 500px) {
  footer .links-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 0px;
  }

  footer .links-container a {
    margin: 5px 0px;
  }

  .footer-links-separator {
    display: none;
  }

  .footer-decoration {
    display: none;
  }

  .copyright-container {
    display: none;
  }
}
/* 
=====================================
Header
===================================== 
*/
header {
  position: relative;
}

header .header-navbar {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #402615), color-stop(0, #381e0d));
  background: linear-gradient(180deg, #402615 50%, #381e0d 0);
}

.header-decoration {
  position: absolute;
  top: -25px;
  left: -16px;
  width: 1030px;
  z-index: 98;
}

.navbar-logo {
  height: auto;
  padding: 0px 25px;
}

.right-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
}

.fb-widget-container {
  height: 42px;
  width: 60px;
}

.likeBtn {
  margin: 0;
}

/* Languages */
.language-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}

.language-wrapper #lang-en {
  background: url(../images/lang_en_new.png) no-repeat;
  background-size: cover;
  width: 59px;
  height: 59px;
  cursor: pointer;
  z-index: 99;
}

.language-wrapper #lang-sr {
  background: url(../images/lang_sr_new.png) no-repeat;
  background-size: cover;
  width: 59px;
  height: 59px;
  cursor: pointer;
  z-index: 99;
}

.langMenu {
  display: none;
  position: absolute;
  right: 19px;
  top: 70px;
  background: #60830D;
  padding: 10px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.424);
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.424);
  z-index: 99;
}

.langMenu .lang-options-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.langMenu .lang-en {
  background: url(../images/lang_en_new.png) no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  cursor: pointer;
  border-radius: 10px;
  z-index: 99;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  position: relative;
}

.langMenu .lang-sr {
  background: url(../images/lang_sr_new.png) no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 10px;
  z-index: 99;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.langMenu .lang-en:hover, .langMenu .lang-sr:hover {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.navbar-collapse {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media only screen and (max-width: 825px) {
  .header-decoration {
    top: -16px;
    left: -2px;
    width: 825px;
  }

  .right-container {
    margin-right: -7px;
  }

  .langMenu {
    right: 26px;
  }

  .footer-decoration {
    bottom: -28px;
    left: -13px;
    width: 847px;
  }
}
@media only screen and (max-width: 820px) {
  .header-decoration {
    top: -16px;
    left: -2px;
    width: 815px;
  }

  .footer-decoration {
    bottom: -25px;
    left: -14px;
    width: 837px;
  }

  .form-login-btn-container {
    position: relative;
    bottom: 12px;
  }
}
@media only screen and (max-width: 769px) {
  .header-decoration {
    width: 770px;
  }

  .equal-heights-column-login .container-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .invalid-login-links {
    width: 49%;
  }

  .container-right .demo-pic {
    width: 100%;
  }

  .playbtn-container {
    margin-top: 12px;
  }

  .container-btm-wrapper-login {
    background: #5D7F12;
  }

  .footer-decoration {
    bottom: -26px;
    left: -16px;
    width: 796px;
  }
}
@media only screen and (max-width: 736px) {
  .header-decoration {
    width: 740px;
  }

  .navbar-toggle {
    z-index: 99;
    margin-top: 22px;
    margin-right: 20px;
  }

  .right-container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 10px 10px;
  }

  .langMenu {
    position: inherit;
    padding: 4px 8px;
    margin-left: 15px;
  }

  .footer-decoration {
    bottom: -26px;
    left: -11px;
    width: 756px;
  }
}
@media only screen and (max-width: 731px) {
  .header-decoration {
    width: 734px;
  }

  .footer-decoration {
    bottom: -23px;
    left: -11px;
    width: 752px;
  }
}
@media only screen and (max-width: 667px) {
  .header-decoration {
    width: 670px;
  }

  .footer-decoration {
    bottom: -25px;
    left: -10px;
    width: 685px;
  }
}
@media only screen and (max-width: 640px) {
  .header-decoration {
    width: 642px;
  }

  .footer-decoration {
    bottom: -18px;
    left: -10px;
    width: 658px;
  }
}
@media only screen and (max-width: 570px) {
  .header-decoration {
    width: 570px;
    top: -12px;
  }

  .footer-decoration {
    bottom: -18px;
    left: -9px;
    width: 584px;
  }
}
@media only screen and (max-width: 500px) {
  .login-wrapper {
    margin: 0;
  }

  .header-decoration {
    display: none;
  }

  .navbar-logo {
    padding: 0px 15px;
  }

  .right-container {
    padding: 10px 0px;
  }

  .mid1 {
    padding-bottom: 60px;
  }

  .section-container {
    padding: 8px 0px 0px;
  }

  .form-login-button,
  .form-login-btn-container .login-btn {
    width: 100%;
  }

  .forgot-pass-or-register-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    margin: 5px 0px;
  }

  .form-login-btn-container {
    bottom: 0px;
  }

  .features-container {
    margin: 0;
  }

  .our_version_container {
    width: 100%;
  }

  .our-version-btn {
    width: 100%;
    margin: 0;
  }

  .top-padding {
    padding-top: 25px;
  }

  footer .links-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 0px;
  }

  footer .links-container a {
    margin: 5px 0px;
  }

  .footer-links-separator {
    display: none;
  }

  .footer-decoration {
    display: none;
  }

  .copyright-container {
    display: none;
  }
}
#blog .blog-content-container {
  padding-bottom: 0;
  background: url(../images/bg-img-slice.png) repeat-y;
  background-size: 100%;
}

.blog-wrapper {
  font-family: 'Cantora One' ,Arial,sans-serif;
  width: 1000px;
  padding: 0;
  margin: 50px auto 0;
  position: relative;
}
@media only screen and (max-width: 825px) {
  .blog-wrapper {
    width: 100%;
    margin: 50px 6px 0;
  }
}
@media only screen and (max-width: 768px) {
  .blog-wrapper {
    margin: 50px 6px 0;
  }
}
@media only screen and (max-width: 500px) {
  .blog-wrapper {
    margin: 0;
  }
}

.blog {
  padding: 20px 25px;
}
.blog .btn {
  height: 50px;
  border: 2px solid #3e200b;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 32px;
  margin-bottom: 10px;
}
.blog .btn:active {
  background: #42590e;
  color: white;
}

.section-header {
  padding: 25px 0px;
}

.main-title {
  font-size: 24px;
  color: #6e921f;
  text-transform: uppercase;
  font-weight: bolder;
  padding-bottom: 15px;
}

.main-subtitle {
  font-size: 18px;
  font-weight: bold;
  color: #41220e;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .main-subtitle {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1101px) {
  .blog-list {
    padding: 0 50px;
  }
}
@media only screen and (min-width: 1102px) {
  .blog-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -15px;
  }
}

.blog-item {
  padding: 20px;
  background-color: #d6cb9f;
  border: 2px solid #c4b783;
  border-radius: 10px;
}
.blog-item h4 {
  font-size: 18px;
  font-weight: bold;
  color: #6e921f;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.blog-item p {
  font-size: 16px;
  font-size: bold;
  color: #41220e;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1102px) {
  .blog-item {
    width: calc(50% - 30px);
    margin: 15px;
  }
  .blog-item h4 {
    font-size: 20px;
  }
  .blog-item p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1101px) {
  .blog-item {
    margin-bottom: 20px;
  }
}

.blog-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-bottom: 56%;
}

.blog-info {
  color: #41220e;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 20px;
  background-color: #ffffff;
  max-width: 80%;
  margin: -19px auto 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 30px;
  -webkit-box-shadow: 0 2px 4px #333;
          box-shadow: 0 2px 4px #333;
}
@media only screen and (min-width: 1200px) {
  .blog-info {
    font-size: 16px;
    padding: 8px 30px;
  }
}
@media only screen and (max-width: 440px) {
  .blog-info {
    max-width: 96%;
    font-size: 12px;
    padding: 8px 15px;
  }
}

.icon-date,
.icon-comment {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  top: 2px;
}

.icon-date {
  background-image: url("../images/calendar.svg");
}

.icon-comment {
  background-image: url("../images/chat.svg");
}

/*# sourceMappingURL=blog-page.css.map */