/* CSS Document */
 @media only screen and (max-width:1199px){
     .navigation a {
         padding: 10px 5px 27px;
    }
     .banner_heading {
         width:100% !important;
         float:none !important;
         height:auto !important;
         padding:0 0 20px 0!important
    }
     .logo a {
         padding-top:20px;
    }
     .game-footer .game_info li {
        min-width: auto;    padding: 14px 22px;
    }
}
 @media only screen and (max-width:991px){
     body {
         font-size:95%;
    }
     .logo a {
         padding:10px 0 0;
    }
     .menus {
         margin-top:30px;
    }
     .user_login {
         margin-top:25px;
    }
    /* --------------- Menu -------------------- */
     .menus .navigation {
         display:none;
    }
     .mobilemenu {
         display:block;
    }
     .menus, .user_login {
         float:right;
         width:auto;
    }
    /* --------------- Section Moneypot -------------------- */
     .grn_box, .red_box {
         margin-bottom:0 !important;
    }
     .logos li {
         width:20% !important;
    }
     .box {
         width:20% !important;
         height:auto;
    }
     .left_boxwrap {
         width:40% !important;
    }
     .banner_heading {
         font-size:85%;
    }
     .boxwrap {
         padding:35px 0 40px !important;
    }
     .game-footer .game_info li {		
        font-size:12px;		
        padding:14px;		
        min-width: auto;		
   }
}
 @media only screen and (max-width:767px){
     body {
         font-size:90%;
    }
     .fieldwrap {
         margin-left:-2%;
    }
     .field-50 {
         width:48%;
         margin-left:2%;
    }
     .logos li {
         width:25% !important;
    }
     #divGame .modal-dialog {
         width:300px;
         margin:30px auto 0;
    }
     .gamelist li > span {
         max-width:155px;
    }
     .gamelist li {
         padding:7px 15px;
    }
     .selectgamewrap h4 {
         padding:15px 15px
    }
     .game-time {
         border:0px;
         margin:auto;
         position:static;
    }
     .game-img {
         margin:auto;
         border:0px;
         position:static;
    }
     .game-details-wrap {
         padding:0px;
    }
     .game.game_inner .game-details-wrap {
         padding:0px;
    }
     .game-details {
         padding:10px;
    }
     .game-details h2 {
         font-size:18px;
    }
     .game.game_inner .game-details .btn-round {
         margin-bottom:15px;
         width:100%;
         display:block;
    }
     .game-footer .game_info li {
         width:50%;
         font-size:12px;
         padding:15px;
    }
     .game-footer .btn {
         width:50%;
         min-width:inherit;
    }
     .game-footer .game_info li {
        width: 48%;
        min-width: auto;
        padding: 12px;
        text-align: center;
    }
      #faq-list ul{
          padding-left:1em;
      }
    #moneyPotBanner .modal-body{
        padding-bottom: 30px;
    }

     .buttonbox > span {
         /*width:80px;*/
         width:auto;
    }
       .buttonbox span#divPlayNow{
         margin-left:0px !important;
     }
}
 @media only screen and (max-width:650px){
     #login .modal-dialog {
         width:100%;
         max-width:400px;
         margin-top:20px;
         margin-bototm:20px;
         top:0;
         position:relative;
    }
     #register .modal-dialog {
         max-width:400px;
         margin-left:-200px;
         margin-top:20px;
         margin-bototm:20px;
         top:0;
         position:relative;
    }
     #contactus .modal-dialog {
         max-width:400px;
         margin-left:-200px;
         margin-top:20px;
         margin-bototm:20px;
         top:0;
         position:relative;
    }
     #divForgotPwd .modal-dialog{
         width:85%;
     }
     
}
 @media only screen and (max-height:700px){
     #register .modal-dialog {
         max-width:600px;
         margin-left:-300px;
         margin-top:20px;
         margin-bototm:20px;
         top:0;
         position:relative;
    }
}
 @media only screen and (max-width:639px){
     .moneypot_slider .col-xxs-12 {
         width:100% !important
    }
     .box {
         width:25% !important;
         height:auto;
    }
     .left_boxwrap {
         width:50% !important;
    }
}
 @media only screen and (max-width:480px){
     .social-act,.logo {
         width:50%;
    }
     .register,.login,.flogin,.logout {
         width:32px;
         height:32px;
         border-radius:50px !important;
    }
     .social-act i {
         padding:7px 15px 13px 9px !important;
         font-size:18px;
    }
     .user_login .fa.fa-facebook {
         padding:7px 15px 13px 11px !important;
    }
     .user_login .fa {
         background-color:transparent !important;
    }
     .user_login a {
         margin-left:3px;
    }
     .user_login {
         padding-right:10px;
    }
    .game-footer .game_info li{
        text-align: left;
    }
    .game-footer .game_info li .iconmoon {
        font-size: 16px;
        margin-right: 8px;
    }
    #divReg .modal-dialog,#divLogin .modal-dialog{
        width:90%;
    }
}
 @media only screen and (max-width:400px){
     body {
         font-size:85%;
    }
    /* --------------- Common CSS -------------------- */
     .col-xxs-12 {
         width:100%;
    }
    /* --------------- Header Strip -------------------- */
     .buttonbox a {
         width:136px;
        margin: 5px 0 0 5px;
    }
     .buttonbox span {
         /*width:80px;*/
         width:auto;
    }
     .buttonbox > span >a >span{width:80px;}
   
    /* --------------- Section Moneypot -------------------- */
     .blu_box {
         margin-bottom:0 !important;
    }
     .equalheight {
         min-height:auto !important;
    }
     .social_icons {
         display:none;
    }
     .logos li {
         width:33.33% !important;
    }
     .box {
         width:33.33% !important;
         height:auto;
    }
     .left_boxwrap {
         width:66.66% !important;
    }
     #register .modal-dialog {
         max-width:300px;
         margin-left:-155px;
    }
     #contactus .modal-dialog {
         max-width:300px;
         margin-left:-155px;
    }

    .game-body-mobile h2{
        margin: 14px 0 20px;
        padding-bottom: 10px;
    }
    .game-time-mobile{
         padding:5px;
     }



}
 @media only screen and (max-width:360px){
     .stockrecom_wrap .descr ul li {
         width:50% !important;
    }
     .stockrecom_wrap .descr ul li.profit {
         width:100% !important ;
    }
     .stockrecom_wrap .descr ul li.result:after {
         border-bottom: 10px solid transparent;
         border-right: 10px solid transparent;
         border-left: 10px solid transparent;
         border-top: 10px solid #1e3c72;
         top:auto;
         bottom:-17px;
         right:50%;
         margin-right:-5px;
    }
     .contact_form .fields {
         width:100%;
         margin-left:0;
    }
     .contact_form .fieldwrap {
         margin:0;
    }
     .logo {
         padding-left:10px;
    }
     .social-act {
         padding-right:10px;
    }
     .menus {
         margin-top:20px;
    }
     .user_login {
         margin-top:14px;
    }
     .logo a {
         padding-top:7px;
    }
     .register, .login, .flogin {
         width:28px;
         height:28px 
    }
     .social-act i {
         font-size:15px;
         padding:6px 15px 13px 8px;
    }
     .user_login .fa.fa-facebook {
         padding:7px 14px 15px 9px;
    }
     #login .modal-dialog {
         max-width:300px;
         margin-left:-155px;
    }
      .game.game_inner .input-group .form-control {
         padding:6px;
         font-size:12px;
    }
     .game-footer .game_info li{
        padding: 10px 6px;
        font-size: 10px;
    }
     .game-footer .game_info li .iconmoon {
        font-size: 10px;
        margin-right: 8px;
    }
     .game-time-mobile{
        font-size: 14px;
            top: -10px;
    }
     
}

  @media only screen and (min-width:361px) and (max-width: 400px){
     .game-footer .game_info li{
        padding: 12px 8px;
        font-size: 11px;
    }
     .game-footer .game_info li .iconmoon{
        font-size: 14px;
    }
}