/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1199px) {
    .generate-btn {
        width: 16%;
    }

    .generate-btn:before, .generate-btn:after {
        width: 42%;
    }
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .generate-btn {
        width: 20%;
    }

    .generate-btn:before, .generate-btn:after {
        width: 40%;
    }
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    /*
    .game-manual-right, .game-manual-left {
        width: 100%!important;
        overflow: hidden;
    }
    .game-manual-right .flex-display, .game-manual-left .flex-display {
        padding-left: 10px;
        padding-right: 10px;
    } */
    .signin, .register {
        display: block!important;
    }

    .header-mobile {
        text-align: center;
    }

    .header-mobile a {
        margin-top: 10px;
        display: inline-block;
    }

    .button {
        margin: 0px auto;
    }

    .result-date, .result-payout {
        width: 15%;
    }

    .result-digits {
        width: 70%;
    }

    .result-section {
        padding: 0rem;
    }

    .generate-btn {
        width: 20%;
    }

    .generate-btn:before, .generate-btn:after {
        width: 40%;
    }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    .game-manual-right, .game-manual-left {
        width: 100%!important;
        overflow: hidden;
    }

    .game-manual-right .flex-display, .game-manual-left .flex-display {
        padding-left: 10px;
        padding-right: 10px;
    }

    /*
    .signin, .register {
        display: block!important;
    }
    .header-mobile {
        text-align: center;
    }
    .header-mobile a {
        margin-top: 10px;
        display: inline-block;
    }
    .button {
        margin: 0px auto;
    }*/

    .result-date, .result-payout {
        width: 13%;
    }

    .result-digits {
        width: 74%;
    }

    .result-section {
        padding: 0rem;
    }

    .digit-circle {
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
        margin: 0rem 0.1rem;
    }

    .generate-btn {
        width: 24%;
    }

    .generate-btn:before, .generate-btn:after {
        width: 38%;
    }
}


/*................................................ */


@media (max-width: 979px) and (min-width: 768px){

    /* nav bar */

    .navbar-inner {
        display: block;
    }

    /* result */

    .result-prize, .result-time, .result-digits {/* result no */
        display: inherit;
    }

    .no{
        margin-left: 5px;
        font-size: 14px;
    }


    /* game manual */

    .game-manual-left, .game-manual-right {
        width: 100%!important;
        float: left;
        font-size: 10px;
        padding: 0px;
    }

    .game-manual-left .game-manual-right p {/* para */
        margin: 0 0 0;
    }

    .game-manual-left .game-manual-right .font-18 {
        font-size: 14px!important;
    }

    .row-fluid .offset2:first-child {
        margin-left: 8.12707182320442%;
    }

    .hint-img {/* img */
        width: 70%;
        height: auto;
        margin-left: 90px;
    }

    /* subscribe seaction */

    .subscribe-section .text-right {/* text-right */
        text-align: left;
    }

    .subscribe-section .row-fluid .span5 .text-right {
        width: min-content;
        margin: auto;
    }

    .subscribe-section .subscribe {/* subscribe btn */
        margin-top: 10px;
    }
    .navbar .nav>li>a {
        padding: 10px 20px;
        font-size: 20px;
    }
}

@media (min-width: 980px) and (max-width: 1199px) {
    .navbar .nav>li>a {
        font-size: 13px;
    }
}

@media (min-width: 1200px) and (max-width: 1210px) {
    .navbar .nav>li>a {
        font-size: 24px;
    }
}

@media (max-width: 767px) {

    /* header */

    .top-section {
        display: block; 
        text-align: center;
    }

    .top-section .logo {/* logo img */
        width: 30%;
    } 

    .top-section .text-right {/* signin, register & icon */
        text-align: center;
        margin-bottom: 20px;
    }


    /* nav bar */

    .navbar-inner {
        display: block;
    }


    .btn .btn-navbar{
        width: 10px;
        height: 20px;
    }


    /* result */

    /*
    .result-prize, .result-time, .result-digits {
        display: inherit;
        line-height: 10px;
    }

    .drawing {
        font-size: 11px;
    }

    .today {
        font-size: 10px;
    }

    .result-logo img {
        margin-right: 40px;
    }

    .result-prize, .result-time {
        font-size: 12px;
        margin-right: 40px;
    }

   .no{
        margin-left: 10px;
    }

    .font-12 {
        font-size: 6px;
    }

    .fa-2x {
        font-size: 25px;
        margin-right: 20px;
    }

    small {
        font-size: 60%;
    }

    .past-drawings, .payout {
        font-size: 10px;   
    } */


    /* game manual */

    .game-manual-left, .game-manual-right {
        width: 100%!important;
        font-size: 10px;    
    }

    .row-fluid .flex-display{
        margin: 10px 10px;
    }

    p {/* para */
        margin: 0 0 0;
    }

    .font-18 {
        font-size: 14px!important;
    }

    .hint-img {/* img */
        width: 110px;
        height: 120px;
        margin-left: 40px;
    }


    /* subscripr seaction */

    .subscribe-section {
        display: block; 
        text-align: center;  
    }

    .subscribe-section .keepup {/* text arrow */
        display: flex;
        margin-bottom: 10px;
    }

    .subscribe-section .arrow {/* arrow */
        width: 30px;
        margin-left: 20px;
    }

    .subscribe-section .span4{
        margin-bottom: 10px;
    }

    .subscribe-section .newsletter-input {/* subscribe input */
        margin-left: 25px;
    }

    .subscribe-section .subscribe {/* subscribe input */
        margin-left: 20px;

    }


    /* footer area */

    .bottom-section {
        text-align: center;
    }

    .bottom-section .img1 { /*logo img */
        max-width: 40%;
    }

    .bottom-section .copyrights {/* footer copyright */
        font-size: 8px;
    }

    .result-title-section {
        display: block;
    }

    .result-title-width {
        width: 100%;
    }

    .draw-no-section h5 {
        /*margin: 10px auto;*/
    }

    .today-result-section {
        display: block;
    }

    .today-result-section table {
        width: 100%;
    }

    .today-result-list-section {
        width: 100%;
        margin: 0;
    }
    .table-flex {
        display: block;
    }
    .contact-section-flex {
        display: block;
    }
    .contact-section-flex .col-md-6 {
        width: 100%;    
        padding: 0;
    }
    .contact-section-flex input, .contact-section-flex textarea {
        width: 96%;
        padding: 5px 5px;
    }
    .navbar .nav>li>a {
        padding: 10px 20px;
        font-size: 20px;
    }
    .header-alignment-section {
        display: block;
    }
    .draw-no-section .bg-green-section {
        /*width: 100%;*/
    }
}



@media (max-width: 375px){

    /* result */

    /*
    .result-prize, .result-time, .result-digits {
        display: inherit;
        line-height: 10px;
    }

    .drawing {
        font-size: 7px;
    }

    .today {
        font-size: 8px;
    }

    .result-logo img {
        margin-right: 40px;
        width: 100%;
    }

    .result-prize, .result-time {
        font-size: 10px;
        margin-right: 30px;
    }

   .no{
        margin-left: 8px;
        font-size: 10px;
    }

    .result-prize, .result-time {
        font-size: 12px;
    }

    .font-12 {
        font-size: 8px;
    }

    .fa-2x {
        font-size: 20px;
        margin-right: 0px;
    }

    small {
        font-size: 40%;
    }

    .past-drawings, .payout {
        font-size: 8px; 
        line-height: 10px; 
    }
 
    .result-date .i{
        font-size: 10px;
    } */


    /* game manual */

    .hint-img {/* img */
        width: 100px;
        height: 120px;
        margin-left: 20px;
    }


    /* subscripr seaction */


    .keepup {
        padding-left: 1rem;
    }

    .subscribe-section .arrow {/* arrow */
        margin-left: 10px;
    }

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

    .subscribe {/* subscribe input */
        margin-top: 10px;
    }

    .digit-circle {
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 20px;
        margin: 0rem 0.1rem;
    }

}

@media (max-width: 979px) {
    .navbar .btn-navbar {
        display: none;
    }
    .nav-collapse, .nav-collapse.collapse {
        height: 168px;
    }
    .navbar-inner {
        padding: 0;
    }
}