@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* banner */
    .banner .part-img {
        display: none;
    }
    .banner .banner-content {
        text-align: center;
        padding: 150px 0;
    }
    .banner .banner-content h1 {
        line-height: 66px;
    }
    .banner .banner-content h1 br {
        display: none;
    }

    /* lottery ticket */
    .lottery-ticket .part-img .clock {
        display: none;
    }
    .lottery-result .winners-list {
        margin-top: 50px;
    }

    /* buying ticket */
    .how-to-works .working-list {
        margin-right: 0;
    }

    /* team */
    .team .single-member {
        background: aliceblue;
        border-radius: 0;
        padding-top: 30px;
    }

    /* affiliate */
    .affiliate .single-affiliate {
        margin-bottom: 30px;
    }

    /* footer */
    .footer {
        margin-top: 0;
    }
    .footer .payment-method .methods ul li a img {
        height: 50px;
    }
    .testimonial .testimonial-slider2 .single-testimonial {
        background: #f6f9fc;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown.for-lottery-btn .all-lotteries .single-lottery {
        width: 147px;
        padding: 15px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown.for-lottery-btn .all-lotteries .single-lottery h3 {
        font-size: 20px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown.for-lottery-btn .all-lotteries .single-lottery .part-icon {
        width: 60px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown.for-lottery-btn .all-lotteries .single-lottery a {
        width: 110px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown.for-lottery-btn .all-lotteries .single-lottery .draw-time ul li span.text {
        font-size: 12px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown.for-lottery-btn .all-lotteries .single-lottery .draw-time ul li span.number {
        font-size: 13px;
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
    .team .single-member .part-img {
        width: 150px;
        height: 150px;
    }
    .team .single-member:after,
    .team.style-2 .single-member:after {
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
    }
    .team.style-2 .single-member {
        background: white;
        border: 1px solid #eff7ff;
        border-radius: 4px;
    }

    /* blog details */
    .blog-details {
        margin-left: 0;
    }
    .sidebar {
        margin-right: 0;
    }

    /* blog right sidebar */
    .sidebar.for-right {
        margin-left: 0;
    }

    /* contact */
    .contact .info-widget {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* testimonial */
    .thiz-class-only-for-responsive {
        padding-bottom: 80px;
    }
    .thiz-class-only-for-responsive .single-testimonial {
        margin-bottom: 40px;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
        width: 100%;
    } 
    .thiz-class-only-for-responsive .single-testimonial .user-img {
        margin-left: 0;
    }
    .thiz-class-only-for-responsive .single-testimonial .user-name {
        margin-right: 0;
    }
    .testimonial.testimonial-page-2-testimonial .single-testimonial {
        background: #f6f9fc;
    }

    /* pick number */
    .lottery-coupon .row:first-child > [class*=col-] {
        padding: 0 0;
    } 

    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item .nav-link {
        margin: 10px 20px 10px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    /* header */
    .header {
        position: relative;
    }
    .header .topbar {
        padding: 0;
    }
    .header .menu-bar {
        padding: 15px 15px;
        box-shadow: none;
        border-radius: 0;
        margin-top: 15px;
        border-radius: 3px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .nav-link:after {
        float: right;
    }
    .header .menu-bar .logo {
        padding: 4px 9px;
    }
    .header .topbar {
        display: none;
    }
    .header .menu-bar .navbar-toggler {
        padding: 0;
        outline: none;
    }
    .header .menu-bar .navbar-toggler {
        display: inline-block;
        width: 50px;
        height: 50px;
        background: #fff;
        position: relative;
        border-radius: 50%;
        border: 10px solid #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.3);
        right: 30px;
    }
    .header .menu-bar .navbar-toggler[aria-expanded=true]:after {
        transform: rotate(45deg);
    }
    .header .menu-bar .navbar-toggler[aria-expanded=true]:before {
        transform: rotate(-135deg);
    }
    .header .menu-bar .navbar-toggler:after {
        position: absolute;
        content: '';
        left: 0;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
        width: 100%;
        transform: rotate(0);
        transition: .4s;
    }
    .header .menu-bar .navbar-toggler:before {
        position: absolute;
        content: '';
        left: 50%;
        top: 0;
        height: 100%;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
        width: 2px;
        margin-left: -1px;
        transform: rotate(0);
        transition: .4s;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item .nav-link {
        color: #2e9dfa;
        margin: 0;
        height: auto;
        line-height: inherit;
        padding: 4px 20px;
        font-size: 16px;
        font-weight: 500;
    }
    .header .menu-bar .mainmenu {
        background: white;
        z-index: -1;
        position: absolute;
        box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.2);
        right: 30px;
        left: 30px;
        top: 15px;
        border-radius: 5px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav {
        padding: 10px 0;
        border-top: 8px solid #0576d3;
        border-bottom: 8px solid #0576d3;
        border-radius: 5px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        position: absolute;
        left: 20px;
        right: 20px;
        border-radius: 5px;
        display: none;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
        display: block;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        font-size: 16px;
        font-weight: 500;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.for-specific {
        top: auto;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item a.nav-link.sign-up {
        display: none;
    }

    /* banner */
    .banner:after {
        display: none;
    }
    .banner .banner-content h1 {
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 13px;
    }
    .banner .banner-content h1 br {
        display: none;
    }
    .banner .banner-content p {
        font-weight: 500;
    }
    .banner .banner-content {
        padding-left: 0;
        margin-top: 0;
        padding: 80px 15px;
    }
    .banner .part-img {
        display: none;
    }

    /* section title */
    .section-title span.sub-title {
        display: none;
    }
    .section-title h2 {
        font-size: 34px;
        line-height: 44px;
        margin-top: -8px;
    }
    .section-title p br {
        display: none;
    }
    .section-title {
        margin-bottom: 32px;
    }

    /* jackpot */
    .jackpot .shape-set-1, .jackpot .shape-set-1,
    .jackpot .shape-set-1, .jackpot .shape-set-2 {
        display: none;
    }
    .jackpot {
        padding: 73px 0 50px;
    }

    /* lottery ticket */
    .lottery-ticket {
        padding: 80px 0;
        background: #f6fafe;
    }
    .lottery-ticket .part-img {
        display: none;
    }
    .lottery-ticket .part-text {
        text-align: center;
    }
    .lottery-ticket .part-text h2 {
        font-size: 34px;
        line-height: 44px;
        margin-top: -6px;
    }
    .lottery-ticket .part-text .date-counter {
        text-align: center;
    }
    .lottery-ticket .part-text .date-counter .single-counter {
        margin-right: 20px;
    }
    .lottery-ticket .part-text .buttons {
        text-align: center;
    }

    /* lottery result */
    .lottery-result .shape-container {
        display: none;
    }
    .lottery-result .result-board .table tbody tr th, .lottery-result .result-board .table tbody tr td {
        font-size: 16px;
    }
    .lottery-result .result-board .table tbody tr th {
        width: auto;
    }
    .lottery-result .result-board .table tbody tr td:last-child {
        width: auto;
    }
    .lottery-result .winners-list {
        margin-top: 40px;
    }
    .lottery-result {
        padding: 80px 0;
        margin-bottom: 0;
    }
    .lottery-result .winners-list .single-winner {
        display: inline-flex;
        width: 49%;
    }

    /* choosing reason */
    .choosing-reason:after {
        transform: none;
    }
    .choosing-reason .choosing-reason-list .single-reason .part-icon {
        float: none;
        margin-bottom: 15px;
        width: 50px;
    }
    .choosing-reason .choosing-reason-list .single-reason .part-text p {
        font-size: 16px;
        line-height: 24px;
    }    
    .choosing-reason .choosing-reason-list .single-reason {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .choosing-reason .choosing-text .ill-shape-set-2 {
        display: none;
    }
    .choosing-reason .choosing-reason-list .ill-shape-set {
        display: none;
    }
    .choosing-reason .choosing-text h2 {
        font-size: 34px;
        line-height: 44px;
        margin-bottom: 10px;    
        margin-top: 0;
    }
    .choosing-reason .choosing-text {
        padding-left: 15px;
    }
    .choosing-reason {
        padding: 40px 0 40px;
    }

    /* buying ticket */
    .buying-ticket {
        padding: 80px 0;
    }
    .buying-ticket .ticket-board .ticket-table {
        overflow-x: scroll;
        overflow-y: hidden;
        display: block;
    }
    .buying-ticket .ticket-board .table {
        width: 900px;
    }

    /* how to works */
    .how-to-works {
        padding-bottom: 50px;
    }
    .how-to-works .working-list {
        margin-right: 0;
    }
    .how-to-works .part-img {
        display: none;
    }
    .how-to-works .working-list .working-list-content .single-system {
        margin-bottom: 30px;
    }
    .how-to-works .working-list .working-list-content:after {
        display: none;
    }

    /* team  */
    .team {
        padding: 80px 0 50px;
        background: #f6fafe;
    }
    .team .single-member {
        margin-bottom: 30px;
    }
    .team .single-member .part-text span.name {
        font-size: 20px;
    }

    /* user statics */
    .user-statics {
        padding-bottom: 80px;
    }
    .user-statics .part-map #world-map-gdp {
        width: 100%;
        height: 250px;
        margin-top: 40px;
    }
    .user-statics .part-statics .single-statics.player {
        margin-top: 0;
    }

    /* testimonial */
    .testimonial {
        padding: 80px 0;
    }
    .testimonial .container-shape .ill-shape-set-2 {
        display: none;
    }
    .testimonial .container-shape {
        display: none;
    }
    .testimonial .single-testimonial {
        width: 100%;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
    }
    .testimonial .single-testimonial .user-img {
        margin: 0;
        margin-bottom: 20px;
    }
    .testimonial .single-testimonial .user-name {
        display: block;
    }
    .testimonial .testimonial-slider .owl-nav {
        margin-top: 30px;
    }

    /* affiliate */
    .affiliate {
        padding: 80px 0 50px;
    }
    .affiliate .container-shape .shape-set-2 {
        display: none;
    }
    .affiliate .single-affiliate {
        margin-bottom: 30px;
    }
    .affiliate .single-affiliate .affiliate-content .title br {
        display: none;
    }

    /* footer */
    .footer {
        padding: 80px 0 40px;
        margin-top: 0;
    }
    .footer .payment-method {
        padding-bottom: 60px;
    }
    .footer .payment-method .methods {
        margin-top: 10px;
    }
    .footer .payment-method h2 {
        font-size: 34px;
        line-height: 44px;
    }
    .footer .footer-widget .link-widget h3 {
        margin-bottom: 6px;
        font-size: 22px;
    }
    .footer .footer-widget {
        margin-bottom: 30px;
    }
    
    /* index = 2 > header */
    .header.style-2 {
        padding-top: 15px;
        background: transparent;
        position: absolute;
    }
    .header.style-2 .menu-bar {
        margin-top: 0;
        background: white;
    }

    /* banner */
    .banner.style-2 .banner-content {
        margin-top: 56px;
        padding: 80px 0;
    }

    /* choosing reason */
    .choosing-reason-2 .single-reason .part-icon {
        float: none;
        height: 40px;
        margin-bottom: 20px;
    }
    .choosing-reason-2 .single-reason .part-text h3 {
        font-weight: 700;
        font-size: 20px;
    }
    .choosing-reason-2 .single-reason .part-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .choosing-reason-2 {
        padding: 0 0 50px;
    }

    /* affiliate */
    .affiliate.style-2 {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: -30px;
    }

    /* testimonial 2  */
    .testimonial.testimonial-2 .single-testimonial {
        padding: 30px;
        background: #f6f9fc;
    }
    .testimonial.testimonial-2 .testimonial-thumbs .owl-thumbs,
    .testimonial.testimonial-2 .testimonial-thumbs .owl-nav {
        display: none;
    }
    .testimonial.testimonial-2 {
        padding: 50px 0 50px;
    }

    /* how it works */
    .how-to-works.style-2 {
        padding: 80px 0 50px;
    }

    /* team 2 */
    .team.style-2 .single-member {
        background: #fff;
    }
    .team.style-2 .single-member:after {
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
    }

    /* index 4 */
    .banner-4 .box-slide .single-slide {
        margin-top: 0;
        padding: 20px 0px;
        margin-bottom: 0;
        margin: 50px 0;
    }
    .banner-4 .box-slide .single-slide .single-lottery .part-icon {
        width: 100px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time ul li span.number {
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 28px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time ul li span.text {
        margin-top: 2px;
        font-size: 14px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time ul li {
        margin-right: 6px; 
    }
    .banner-4 .box-slide .single-slide .single-lottery .text h3 {
        font-size: 24px;
        margin-bottom: 23px;
        margin-top: 11px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time p {
        font-size: 14px;
        letter-spacing: 3px;
        margin-top: 10px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .text a {
        width: 130px;
        height: 30px;
        line-height: 30px;
        margin-top: -10px;
        font-size: 15px;
    }
    
    /* breadcrumb */
    .breadcrumb-lotters .breadcrumb-content h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: -6px;
        margin-top: -8px;
    }
    .breadcrumb-lotters .breadcrumb-content {
        padding: 40px 0;
        margin-top: 56px;
    }
    .breadcrumb-lotters .breadcrumb-content ul li, .breadcrumb-lotters .breadcrumb-content ul li a {
        font-size: 16px;
    }
    .breadcrumb-lotters:after {
        display: none;
    }
    
    /* about */
    .about {
        padding: 50px 0;
    }
    .about .part-text span.sub-title { 
        margin-bottom: 8px;
    }
    .about .part-text h2 {
        color: #0c375a;
        font-size: 30px;
        line-height: 60px;
        font-weight: 700;
        margin-bottom: 4px;
        margin-top: -14px;
    }
    .about .part-text ul {
        margin-top: 12px;
    }
    .about .part-img {
        height: auto;
        margin-top: 25px;
    }
    .about .part-img img {
        width: 100%;
    }

    /* user statics */
    .user-statics.style-2 {
        padding: 30px 0 50px!important;
    }
     
    /* sidebar */
    .sidebar {
        margin-right: 0;
        margin-top: 40px;
    }
    .sidebar h3.title {
        font-size: 24px;
    }

    /* blog details */
    .blog-details {
        margin-left: 0;
        padding: 80px 0 50px;
    }
    .blog-details .blog-details-content .part-blog .blog-text h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px;
    }
    .blog-details .blog-details-content .part-blog .blog-text p {
        font-size: 16px;
        line-height: 25px;
    }
    .blog-details .blog-details-content .blog-control {
        display: block;
    }
    .blog-details .blog-details-content h3.title {
        font-size: 24px!important;
        margin: -5px 0 20px!important;
    }
    .blog-details .blog-details-content .blog-comments .single-comment.reply-comment {
        padding-left: 0;
    }
    .blog-details .blog-details-content .blog-comments .single-comment .reply {
        right: 0;
        width: 90px;
    }
    
    /* blog left sidebar */
    .blog {
        padding-top: 80px;
    }

    /* blog right sidebar */
    .sidebar.for-right {
        margin-left: 0;
    }

    /* quick review */
    .quick-review {
        padding: 80px 0 50px;
    }
    
    /* contact */
    .contact {
        padding: 80px 0;
    }
    .contact .part-img {
        display: none;
    }
    .contact .info-widget {
        margin-bottom: 30px;
    } 
    .map iframe {
        height: 200px;
    }
    
    /* faq */
    .faq .faq-sidebar {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .faq {
        padding: 80px 0 70px;
    }
    .faq .faq-content {
        margin-left: 0;
    }

    /* how it works */
    .how-to-works.how-it-works-page {
        padding-top: 80px;
    }
    
    /* form */
    .form {
        padding: 80px 0;
    }

    /* quix review */
    .quick-review.team-page {
        padding-top: 80px;
    }

    /* team page  */
    .team.team-page-team {
        padding: 80px 0 50px;
    }

    /* testimonial */
    .testimonial.thiz-class-only-for-responsive {
        padding-bottom: 50px;
    }
    .testimonial.thiz-class-only-for-responsive .single-testimonial {
        margin-bottom: 30px;
    }
    
    /* testimonial 2 */
    .testimonial.testimonial-2.thiz-class-only-for-responsive {
        padding-top: 80px;
    }
    
    /* why choose us page */
    .choosing-reason-2.choosing-reason-page {
        padding-top: 80px;
    }

    /* pick number */
    .lottery-details {
        padding: 60px 0 0;
    }
    .lottery-details .lottery-details-area .lottery-coupon {
        text-align: center;
    }
    .lottery-details .lottery-details-area .lottery-coupon .single-coupon {
        margin-bottom: 30px;
    }
    .lottery-details .lottery-details-area .lottery-coupon .single-coupon .pic-keys .pic-num, .lottery-details .lottery-details-area .lottery-coupon .single-coupon .pic-keys .pic-num.bonus {
        max-width: 230px;
        display: inline-block;
    }

    .lottery-details .lottery-details-area .coupon-panel .amount-discuss {
        margin-left: 0;
        text-align: left;
    }
    .lottery-details .lottery-details-area .coupon-panel .winning-chance {
        text-align: left;
    }

    /* for index-6  */
    .header.style-6 .menu-bar {
        padding-top: 0;
    }
    .header.style-6 {
        position: absolute;
    }
    .banner.style-6 .banner-content h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .banner.style-6 .banner-content {
        margin-top: 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    /* header */
    .header {
        position: relative;
    }
    .header .topbar {
        padding: 0;
    }
    .header .menu-bar {
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: 15px;
        border-radius: 3px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .nav-link:after {
        float: right;
    }
    .header .menu-bar .logo {
        padding: 4px 9px;
    }
    .header .topbar {
        display: none;
    }
    .header .menu-bar .navbar-toggler {
        padding: 0;
        outline: none;
    }
    .header .menu-bar .navbar-toggler {
        display: inline-block;
        width: 50px;
        height: 50px;
        background: #fff;
        position: relative;
        border-radius: 50%;
        border: 10px solid #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.3);
        right: 30px;
    }
    .header .menu-bar .navbar-toggler[aria-expanded=true]:after {
        transform: rotate(45deg);
    }
    .header .menu-bar .navbar-toggler[aria-expanded=true]:before {
        transform: rotate(-135deg);
    }
    .header .menu-bar .navbar-toggler:after {
        position: absolute;
        content: '';
        left: 0;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
        width: 100%;
        transform: rotate(0);
        transition: .4s;
    }
    .header .menu-bar .navbar-toggler:before {
        position: absolute;
        content: '';
        left: 50%;
        top: 0;
        height: 100%;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
        width: 2px;
        margin-left: -1px;
        transform: rotate(0);
        transition: .4s;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item .nav-link {
        color: #2e9dfa;
        margin: 0;
        height: auto;
        line-height: inherit;
        padding: 4px 20px;
        font-size: 16px;
        font-weight: 500;
    }
    .header .menu-bar .mainmenu {
        background: white;
        z-index: -1;
        position: absolute;
        box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.2);
        right: 30px;
        left: 30px;
        top: 15px;
        border-radius: 5px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav {
        padding: 10px 0;
        border-top: 8px solid #0576d3;
        border-bottom: 8px solid #0576d3;
        border-radius: 5px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        position: absolute;
        left: 20px;
        right: 20px;
        border-radius: 5px;
        display: none;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
        display: block;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        font-size: 16px;
        font-weight: 500;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.for-specific {
        top: auto;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item a.nav-link.sign-up {
        display: none;
    }

    /* banner */
    .banner:after {
        display: none;
    }
    .banner .banner-content h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 13px;
    }
    .banner .banner-content h1 br {
        display: none;
    }
    .banner .banner-content p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
    .banner .banner-content {
        padding-left: 0;
        margin-top: 0;
        padding: 80px 15px;
    }
    .banner .banner-content a.banner-button {
        height: 40px;
        line-height: 40px;
        width: 150px;
        font-size: 16px;
        font-weight: 500;
    }
    .banner .part-img {
        display: none;
    }

    /* section title */
    .section-title span.sub-title {
        display: none;
    }
    .section-title h2 {
        font-size: 24px;
        line-height: 34px;
        margin-top: -8px;
    }
    .section-title p {
        font-size: 16px;
        line-height: 24px;
    }
    .section-title p br {
        display: none;
    }
    .section-title {
        margin-bottom: 32px;
    }

    /* jackpot */
    .jackpot .shape-set-1, .jackpot .shape-set-1,
    .jackpot .shape-set-1, .jackpot .shape-set-2 {
        display: none;
    }
    .jackpot .single-jackpot .part-head {
        display: block;
        margin-bottom: 12px;
    }
    .jackpot .single-jackpot .part-head .icon {
        margin-bottom: 20px;
    }
    .jackpot .single-jackpot .part-body p {
        font-size: 16px;
        line-height: 24px;
    }
    .jackpot .single-jackpot {
        padding: 30px 20px;
    }
    .jackpot {
        padding: 73px 0 50px;
    }

    /* lottery ticket */
    .lottery-ticket {
        padding: 80px 0;
        background: #f6fafe;
    }
    .lottery-ticket .part-img {
        display: none;
    }
    .lottery-ticket .part-text h2 {
        font-size: 24px;
        line-height: 34px;
        margin-top: -6px;
    }
    .lottery-ticket .part-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .lottery-ticket .part-text .date-counter {
        text-align: center;
    }
    .lottery-ticket .part-text .date-counter .single-counter {
        margin-right: 20px;
    }
    .lottery-ticket .part-text .buttons ul li a {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        width: 135px;
    }
    .lottery-ticket .part-text .buttons {
        margin-top: 40px;
        text-align: center;
    }

    /* lottery result */
    .lottery-result .shape-container {
        display: none;
    }
    .lottery-result .result-board .result-table .table {
        width: 650px;
        margin-top: 40px;
    }
    .lottery-result .result-board .result-table {
        overflow-x: scroll;
        overflow-y: hidden;
        display: block;
    }
    .lottery-result .result-board .title {
        float: none;
        text-align: center;
    }
    .lottery-result .result-board .title h3 {
        font-size: 20px;
    }
    .lottery-result .result-board .view-result {
        float: none;
        text-align: center;
    }
    .lottery-result .result-board .view-result a {
        display: inline-block;
        width: 190px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        border-radius: 3px;
        position: relative;
        z-index: 2;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        margin-right: 16px;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        width: 135px;
    }
    .lottery-result .result-board .table tbody tr th, .lottery-result .result-board .table tbody tr td {
        font-size: 16px;
    }
    .lottery-result .result-board .table tbody tr th ul li a, .lottery-result .result-board .table tbody tr td ul li a {
        font-size: 16px;
        width: 30px;
        height: 30px;
        line-height: 26px;
    }
    .lottery-result .result-board .table tbody tr th, .lottery-result .result-board .table tbody tr td {
        height: 40px;
    }
    .lottery-result .result-board .table tbody tr th {
        width: auto;
    }
    .lottery-result .result-board .table tbody tr td:last-child {
        width: auto;
    }
    .lottery-result .winners-list {
        margin-top: 40px;
    }
    .lottery-result .winners-list h3 {
        font-size: 20px;
        text-align: center;
    }
    .lottery-result {
        padding: 80px 0;
        margin-bottom: 0;
    }
    .lottery-result .winners-list .single-winner {
        display: inline-flex;
    }

    /* choosing reason */
    .choosing-reason:after {
        transform: none;
    }
    .choosing-reason .choosing-reason-list .single-reason .part-icon {
        float: none;
        margin-bottom: 15px;
        width: 50px;
    }
    .choosing-reason .choosing-reason-list .single-reason .part-text h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .choosing-reason .choosing-reason-list .single-reason .part-text p {
        font-size: 16px;
        line-height: 24px;
    }    
    .choosing-reason .choosing-reason-list .single-reason {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .choosing-reason .choosing-text .ill-shape-set-2 {
        display: none;
    }
    .choosing-reason .choosing-reason-list .ill-shape-set {
        display: none;
    }
    .choosing-reason .choosing-text h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px;    
        margin-top: 0;
    }
    .choosing-reason .choosing-text p {
        font-size: 16px;
        line-height: 24px; 
        margin-bottom: 10px;
    }
    .choosing-reason .choosing-text {
        padding-left: 15px;
    }
    .choosing-reason .choosing-text a {
        height: 40px;
        line-height: 40px;
        width: 150px;
    }
    .choosing-reason {
        padding: 40px 0 40px;
    }

    /* buying ticket */
    .buying-ticket {
        padding: 80px 0;
    }
    .buying-ticket .ticket-board .ticket-table {
        overflow-x: scroll;
        overflow-y: hidden;
        display: block;
    }
    .buying-ticket .ticket-board .table {
        width: 900px;
    }

    /* how to works */
    .how-to-works {
        padding-bottom: 50px;
    }
    .how-to-works .working-list {
        margin-right: 0;
    }
    .how-to-works .part-img {
        display: none;
    }
    .how-to-works .working-list .working-list-content .single-system {
        margin-bottom: 30px;
    }
    .how-to-works .working-list .working-list-content:after {
        display: none;
    }

    /* team  */
    .team {
        padding: 80px 0 50px;
        background: #f6fafe;
    }
    .team .single-member {
        margin-bottom: 30px;
    }
    .team .single-member .part-text span.name {
        font-size: 20px;
    }

    /* user statics */
    .user-statics {
        padding-bottom: 80px;
    }
    .user-statics .part-map #world-map-gdp {
        width: 100%;
        height: 250px;
        margin-top: 40px;
    }
    .user-statics .part-statics .single-statics.player {
        margin-top: 0;
    }

    /* testimonial */
    .testimonial {
        padding: 80px 0;
    }
    .testimonial .container-shape .ill-shape-set-2 {
        display: none;
    }
    .testimonial .container-shape {
        display: none;
    }
    .testimonial .single-testimonial {
        width: 100%;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
    }
    .testimonial .single-testimonial .user-img {
        margin: 0;
        margin-bottom: 20px;
    }
    .testimonial .single-testimonial .user-name {
        display: block;
    }
    .testimonial .single-testimonial .user-name span.name {
        font-size: 18px;
    }
    .testimonial .single-testimonial p {
        font-size: 16px;
        line-height: 24px;
    }
    .testimonial .single-testimonial .user-name span.position {
        font-size: 15px;
    }
    .testimonial .testimonial-slider .owl-nav .owl-next, .testimonial .testimonial-slider .owl-nav .owl-prev {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 15px;
        margin-right: 10px;
    }
    .testimonial .testimonial-slider .owl-nav {
        margin-top: 30px;
    }

    /* affiliate */
    .affiliate {
        padding: 80px 0 50px;
    }
    .affiliate .container-shape .shape-set-2 {
        display: none;
    }
    .affiliate .single-affiliate {
        margin-bottom: 30px;
    }
    .affiliate .single-affiliate .affiliate-content .title br {
        display: none;
    }
    .affiliate .single-affiliate .affiliate-content .title {
        font-size: 20px;
    }

    /* footer */
    .footer {
        padding: 80px 0 40px;
        margin-top: 0;
    }
    .footer .payment-method {
        padding-bottom: 60px;
    }
    .footer .payment-method .methods {
        margin-top: 10px;
    }
    .footer .payment-method h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 13px;
    }
    .footer .footer-widget .about-area p {
        font-size: 16px;
        line-height: 24px;
    }
    .footer .payment-method p {
        font-size: 16px;
        line-height: 24px;
    }
    .footer .payment-method .methods ul li a img {
        height: 40px;
    }
    .footer .payment-method .methods ul li {
        margin-right: 5px;
    }
    .footer .footer-widget .link-widget ul li a {
        font-size: 16px;
        line-height: 28px;
    }
    .footer .footer-widget .link-widget h3 {
        margin-bottom: 6px;
        font-size: 22px;
    }
    .footer .footer-widget {
        margin-bottom: 30px;
    }

    /* copyright */
    .copyright p {
        font-size: 16px;
        line-height: 24px;
    }
    
    /* index = 2 > header */
    .header.style-2 {
        padding-top: 15px;
        background: transparent;
        position: absolute;
    }
    .header.style-2 .menu-bar {
        margin-top: 0;
        background: white;
    }

    /* banner */
    .banner.style-2 .banner-content {
        margin-top: 56px;
        padding: 80px 0;
    }

    /* choosing reason */
    .choosing-reason-2 .single-reason .part-icon {
        float: none;
        height: 40px;
        margin-bottom: 20px;
    }
    .choosing-reason-2 .single-reason .part-text h3 {
        font-weight: 700;
        font-size: 20px;
    }
    .choosing-reason-2 .single-reason .part-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .choosing-reason-2 {
        padding: 0 0 50px;
    }

    /* affiliate */
    .affiliate.style-2 {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: -30px;
    }

    /* testimonial 2  */
    .testimonial.testimonial-2 .single-testimonial {
        padding: 30px;
        background: #f6f9fc;
    }
    .testimonial.testimonial-2 .testimonial-thumbs .owl-thumbs,
    .testimonial.testimonial-2 .testimonial-thumbs .owl-nav {
        display: none;
    }
    .testimonial.testimonial-2 {
        padding: 50px 0 50px;
    }

    /* how it works */
    .how-to-works.style-2 {
        padding: 80px 0 50px;
    }

    /* index 4 */
    .banner-4 .box-slide .single-slide {
        margin-top: 0;
        padding: 20px 0px;
        margin-bottom: 0;
        margin: 50px 0;
    }
    .banner-4 .box-slide .single-slide .single-lottery .part-icon {
        width: 100px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time ul li span.number {
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 28px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time ul li span.text {
        margin-top: 2px;
        font-size: 14px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time ul li {
        margin-right: 6px; 
    }
    .banner-4 .box-slide .single-slide .single-lottery .text h3 {
        font-size: 24px;
        margin-bottom: 23px;
        margin-top: 11px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time p {
        font-size: 14px;
        letter-spacing: 3px;
        margin-top: 10px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .text a {
        width: 130px;
        height: 30px;
        line-height: 30px;
        margin-top: -10px;
        font-size: 15px;
    }
    
    /* breadcrumb */
    .breadcrumb-lotters .breadcrumb-content h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: -6px;
        margin-top: -8px;
    }
    .breadcrumb-lotters .breadcrumb-content {
        padding: 40px 0;
        margin-top: 56px;
    }
    .breadcrumb-lotters .breadcrumb-content ul li, .breadcrumb-lotters .breadcrumb-content ul li a {
        font-size: 16px;
    }
    .breadcrumb-lotters:after {
        display: none;
    }

    
    /* about */
    .about {
        padding: 50px 0;
    }
    .about .part-text h2 {
        font-size: 22px;
        line-height: 22px;
        margin-top: 0;
        margin-bottom: 14px;
    }
    .about .part-text span.sub-title {
        margin-bottom: 3px;
        font-size: 16px;
    }
    .about .part-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .about .part-text ul li {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .about .part-text ul li i {
        color: #fb960e;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        background: #f2f2f3;
        font-size: 10px;
        margin-right: 5px;
    }
    .about .part-text ul {
        margin-top: 12px;
    }
    .about .part-img {
        height: auto;
        margin-top: 25px;
    }
    .about .part-img img {
        width: 100%;
    }

    /* user statics */
    .user-statics.style-2 {
        padding: 30px 0 50px!important;
    }
    
    /* sidebar */
    .sidebar {
        margin-right: 0;
        margin-top: 40px;
    }
    .sidebar h3.title {
        font-size: 24px;
    }

    /* blog details */
    .blog-details {
        margin-left: 0;
        padding: 80px 0 50px;
    }
    .blog-details .blog-details-content .part-blog .blog-text h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px;
    }
    .blog-details .blog-details-content .part-blog .blog-text p {
        font-size: 16px;
        line-height: 25px;
    }
    .blog-details .blog-details-content .blog-control {
        display: block;
    }
    .blog-details .blog-details-content h3.title {
        font-size: 24px!important;
        margin: -5px 0 20px!important;
    }
    .blog-details .blog-details-content .blog-comments .single-comment.reply-comment {
        padding-left: 0;
    }
    .blog-details .blog-details-content .blog-comments .single-comment .reply {
        right: 0;
        width: 90px;
    }
    
    /* blog left sidebar */
    .blog {
        padding-top: 80px;
    }

    /* blog right sidebar */
    .sidebar.for-right {
        margin-left: 0;
    }

    /* quick review */
    .quick-review {
        padding: 80px 0 50px;
    }
    
    /* contact */
    .contact {
        padding: 80px 0;
    }
    .contact .part-img {
        display: none;
    }
    .contact .info-widget {
        margin-bottom: 30px;
    } 
    .map iframe {
        height: 200px;
    }
    
    /* error */
    .error {
        padding: 80px 0;
    }
    .error .part-text h2 {
        font-size: 30px;
        line-height: 40px;
    }
    
    /* faq */
    .faq .faq-sidebar {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .faq {
        padding: 80px 0 70px;
    }
    .faq .faq-content {
        margin-left: 0;
    }

    /* how it works */
    .how-to-works.how-it-works-page {
        padding-top: 80px;
    }

    /* form */
    .form {
        padding: 80px 0;
    }

    /* quix review */
    .quick-review.team-page {
        padding-top: 80px;
    }

    /* team page  */
    .team.team-page-team {
        padding: 80px 0 50px;
    }

    /* testimonial */
    .testimonial.thiz-class-only-for-responsive {
        padding-bottom: 50px;
    }
    .testimonial.thiz-class-only-for-responsive .single-testimonial {
        margin-bottom: 30px;
    }
    /* testimonial 2 */
    .testimonial.testimonial-2.thiz-class-only-for-responsive {
        padding-top: 80px;
    }
    
    /* why choose us page */
    .choosing-reason-2.choosing-reason-page {
        padding-top: 80px;
    }

    /* pick number */
    .lottery-details .lottery-details-area .lotto-head .control-buttons button {
        margin-right: 2px;
        font-size: 14px;
    }
    .lottery-details .lottery-details-area .lotto-head .control-buttons button.quick-play {
        width: 118px;
        height: 35px;
    }
    .lottery-details .lottery-details-area .lotto-head .control-buttons button.circle {
        height: 35px;
        width: 35px;
    }
    .lottery-details .lottery-details-area .lotto-head .control-buttons {
        text-align: center;
    }
    .lottery-details .lottery-details-area .lottery-coupon {
        padding: 30px;
        text-align: center;
    }
    .lottery-details .lottery-details-area .lottery-coupon .single-coupon {
        width: 230px;
        display: inline-block;
        margin-bottom: 30px;
    }
    .lottery-details .lottery-details-area .coupon-panel .winning-chance {
        margin-top: 10px;
    }
    .lottery-details .lottery-details-area .coupon-panel .amount-discuss {
        display: block;
        text-align: center;
        margin-left: 0;
        margin-top: 20px;
    }
    .lottery-details .lottery-details-area .coupon-panel .amount-discuss .left {
        margin-bottom: 20px;
    }
    .lottery-details .lottery-details-area .lotto-head .icon {
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }
    .lottery-details .lottery-details-area .lotto-head .text h3 {
        font-size: 20px;
    }
    .lottery-details .lottery-details-area .lotto-head .text span.amount {
        font-size: 16px;
    }
    .lottery-details .lottery-details-area .lotto-head .text span.draw-date {
        font-size: 14px;
    }
    .lottery-details .lottery-details-area .lotto-head {
        padding: 30px;
    }
    .lottery-details .lottery-details-area .lotto-head .row .baltus {
        flex-direction: row;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }
    .lottery-details .lottery-details-area .coupon-panel .amount-discuss .right input, .lottery-details .lottery-details-area .coupon-panel .amount-discuss .right button {
        font-size: 14px;
    }
    .lottery-details .lottery-details-area .coupon-panel .amount-discuss .right button {
        width: 116px;
    }
    .lottery-details {
        padding: 60px 0 0;
    }

    /* for index-6  */
    .header.style-6 .menu-bar {
        padding-top: 0;
    }
    .header.style-6 {
        position: absolute;
    }
    .banner.style-6 .banner-content {
        margin-top: 60px;
    }
    .banner.style-6 .banner-content h1 {
        font-size: 30px;
        line-height: 40px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 575px) {
    /* header */
    .header {
        position: relative;
    }
    .header .topbar {
        padding: 0;
    }
    .header .menu-bar {
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: 15px;
        border-radius: 3px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .nav-link:after {
        float: right;
    }
    .header .menu-bar .logo {
        padding: 4px 9px;
    }
    .header .topbar {
        display: none;
    }
    .header .menu-bar .navbar-toggler {
        padding: 0;
        outline: none;
    }
    .header .menu-bar .navbar-toggler {
        display: inline-block;
        width: 50px;
        height: 50px;
        background: #fff;
        position: relative;
        border-radius: 50%;
        border: 10px solid #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.3);
        right: 30px;
    }
    .header .menu-bar .navbar-toggler[aria-expanded=true]:after {
        transform: rotate(45deg);
    }
    .header .menu-bar .navbar-toggler[aria-expanded=true]:before {
        transform: rotate(-135deg);
    }
    .header .menu-bar .navbar-toggler:after {
        position: absolute;
        content: '';
        left: 0;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
        width: 100%;
        transform: rotate(0);
        transition: .4s;
    }
    .header .menu-bar .navbar-toggler:before {
        position: absolute;
        content: '';
        left: 50%;
        top: 0;
        height: 100%;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
        width: 2px;
        margin-left: -1px;
        transform: rotate(0);
        transition: .4s;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item .nav-link {
        color: #2e9dfa;
        margin: 0;
        height: auto;
        line-height: inherit;
        padding: 4px 20px;
        font-size: 16px;
        font-weight: 500;
    }
    .header .menu-bar .mainmenu {
        background: white;
        z-index: -1;
        position: absolute;
        box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.2);
        right: 30px;
        left: 30px;
        top: 15px;
        border-radius: 5px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav {
        padding: 10px 0;
        border-top: 8px solid #0576d3;
        border-bottom: 8px solid #0576d3;
        border-radius: 5px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        position: absolute;
        left: 20px;
        right: 20px;
        border-radius: 5px;
        display: none;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
        display: block;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        font-size: 16px;
        font-weight: 500;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.for-specific {
        top: auto;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item a.nav-link.sign-up {
        display: none;
    }

    /* banner */
    .banner:after {
        display: none;
    }
    .banner .banner-content h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 13px;
    }
    .banner .banner-content h1 br {
        display: none;
    }
    .banner .banner-content p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
    .banner .banner-content {
        padding-left: 0;
        margin-top: 0;
        padding: 80px 15px;
    }
    .banner .banner-content a.banner-button {
        height: 40px;
        line-height: 40px;
        width: 150px;
        font-size: 16px;
        font-weight: 500;
    }
    .banner .part-img {
        display: none;
    }

    /* brand */
    .brand .brand-list .single-brand {
        padding: 10px 15px; 
    }

    /* section title */
    .section-title span.sub-title {
        display: none;
    }
    .section-title h2 {
        font-size: 24px;
        line-height: 34px;
        margin-top: -8px;
    }
    .section-title p {
        font-size: 16px;
        line-height: 24px;
    }
    .section-title p br {
        display: none;
    }
    .section-title {
        margin-bottom: 32px;
    }

    /* jackpot */
    .jackpot .shape-set-1, .jackpot .shape-set-1,
    .jackpot .shape-set-1, .jackpot .shape-set-2 {
        display: none;
    }
    .jackpot .single-jackpot .part-head {
        display: block;
        margin-bottom: 12px;
    }
    .jackpot .single-jackpot .part-head .icon {
        margin-bottom: 20px;
    }
    .jackpot .single-jackpot .part-body p {
        font-size: 16px;
        line-height: 24px;
    }
    .jackpot .single-jackpot {
        padding: 30px 20px;
    }
    .jackpot {
        padding: 73px 0 50px;
    }

    /* lottery ticket */
    .lottery-ticket {
        padding: 80px 0;
        background: #f6fafe;
    }
    .lottery-ticket .part-img {
        display: none;
    }
    .lottery-ticket .part-text h2 {
        font-size: 24px;
        line-height: 34px;
        margin-top: -6px;
    }
    .lottery-ticket .part-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .lottery-ticket .part-text .date-counter .single-counter {
        width: auto;
        height: auto;
    }
    .lottery-ticket .part-text .date-counter .single-counter .conter-content {
        margin: -4px 0 0px;
    }
    .lottery-ticket .part-text .date-counter {
        display: flex;
        border-radius: 5px;
    }
    .lottery-ticket .part-text .date-counter .single-counter {
        background: #fff;
        margin-right: 0;
        display: flex;
        flex: 1;
        border-radius: 0;
        padding: 15px 0;
    }
    .lottery-ticket .part-text .date-counter .single-counter .conter-content span.title {
        font-size: 16px;
    }
    .lottery-ticket .part-text .date-counter .single-counter .conter-content span.number {
        font-size: 25px;
    }
    .lottery-ticket:after {
        display: none;
    }
    .lottery-ticket .part-text .buttons ul li a {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        width: 135px;
    }
    .lottery-ticket .part-text .buttons {
        margin-top: 40px;
        text-align: center;
    }

    /* lottery result */
    .lottery-result .shape-container {
        display: none;
    }
    .lottery-result .result-board .result-table .table {
        width: 650px;
        margin-top: 40px;
    }
    .lottery-result .result-board .result-table {
        overflow-x: scroll;
        overflow-y: hidden;
        display: block;
    }
    .lottery-result .result-board .title {
        float: none;
    }
    .lottery-result .result-board .title h3 {
        font-size: 20px;
    }
    .lottery-result .result-board .view-result {
        float: none;
        text-align: center;
    }
    .lottery-result .result-board .view-result a {
        display: inline-block;
        width: 190px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        border-radius: 3px;
        position: relative;
        z-index: 2;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        margin-right: 16px;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        width: 135px;
    }
    .lottery-result .result-board .table tbody tr th, .lottery-result .result-board .table tbody tr td {
        font-size: 16px;
    }
    .lottery-result .result-board .table tbody tr th ul li a, .lottery-result .result-board .table tbody tr td ul li a {
        font-size: 16px;
        width: 30px;
        height: 30px;
        line-height: 26px;
    }
    .lottery-result .result-board .table tbody tr th, .lottery-result .result-board .table tbody tr td {
        height: 40px;
    }
    .lottery-result .result-board .table tbody tr th {
        width: auto;
    }
    .lottery-result .result-board .table tbody tr td:last-child {
        width: auto;
    }
    .lottery-result .winners-list {
        margin-top: 40px;
    }
    .lottery-result .winners-list h3 {
        font-size: 20px;
        text-align: center;
    }
    .lottery-result {
        padding: 80px 0;
        margin-bottom: 0;
    }

    /* choosing reason */
    .choosing-reason:after {
        transform: none;
    }
    .choosing-reason .choosing-reason-list .single-reason .part-icon {
        float: none;
        margin-bottom: 15px;
        width: 50px;
    }
    .choosing-reason .choosing-reason-list .single-reason .part-text h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .choosing-reason .choosing-reason-list .single-reason .part-text p {
        font-size: 16px;
        line-height: 24px;
    }    
    .choosing-reason .choosing-reason-list .single-reason {
        margin-right: 0;
    }
    .choosing-reason .choosing-text .ill-shape-set-2 {
        display: none;
    }
    .choosing-reason .choosing-reason-list .ill-shape-set {
        display: none;
    }
    .choosing-reason .choosing-text h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px;    
        margin-top: 0;
    }
    .choosing-reason .choosing-text p {
        font-size: 16px;
        line-height: 24px; 
        margin-bottom: 10px;
    }
    .choosing-reason .choosing-text {
        padding-left: 15px;
    }
    .choosing-reason .choosing-text a {
        height: 40px;
        line-height: 40px;
        width: 150px;
    }
    .choosing-reason {
        padding: 40px 0 40px;
    }

    /* buying ticket */
    .buying-ticket {
        padding: 80px 0;
    }
    .buying-ticket .ticket-board .ticket-table {
        overflow-x: scroll;
        overflow-y: hidden;
        display: block;
    }
    .buying-ticket .ticket-board .table {
        width: 900px;
    }

    /* how to works */
    .how-to-works {
        padding-bottom: 50px;
    }
    .how-to-works .working-list {
        margin-right: 0;
    }
    .how-to-works .part-img {
        display: none;
    }
    .how-to-works .working-list .working-list-content .single-system {
        margin-bottom: 30px;
    }

    /* team  */
    .team {
        padding: 80px 0 50px;
        background: #f6fafe;
    }
    .team .single-member {
        margin-bottom: 30px;
    }
    .team .single-member .part-text span.name {
        font-size: 20px;
    }

    /* user statics */
    .user-statics {
        padding-bottom: 80px;
    }
    .user-statics .part-map #world-map-gdp {
        width: 100%;
        height: 150px;
        margin-top: 40px;
    }
    .user-statics .part-statics .single-statics.player {
        margin-top: 0;
    }

    /* testimonial */
    .testimonial {
        padding: 80px 0;
    }
    .testimonial .container-shape .ill-shape-set-2 {
        display: none;
    }
    .testimonial .container-shape {
        display: none;
    }
    .testimonial .single-testimonial {
        width: 100%;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
    }
    .testimonial .single-testimonial .user-img {
        margin: 0;
        margin-bottom: 20px;
    }
    .testimonial .single-testimonial .user-name {
        display: block;
    }
    .testimonial .single-testimonial .user-name span.name {
        font-size: 18px;
    }
    .testimonial .single-testimonial p {
        font-size: 16px;
        line-height: 24px;
    }
    .testimonial .single-testimonial .user-name span.position {
        font-size: 15px;
    }
    .testimonial .testimonial-slider .owl-nav .owl-next, .testimonial .testimonial-slider .owl-nav .owl-prev {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 15px;
        margin-right: 10px;
    }
    .testimonial .testimonial-slider .owl-nav {
        margin-top: 30px;
    }

    /* affiliate */
    .affiliate {
        padding: 80px 0 50px;
    }
    .affiliate .container-shape .shape-set-2 {
        display: none;
    }
    .affiliate .single-affiliate {
        margin-bottom: 30px;
    }
    .affiliate .single-affiliate .affiliate-content .title br {
        display: none;
    }
    .affiliate .single-affiliate .affiliate-content .title {
        font-size: 20px;
    }

    /* footer */
    .footer {
        padding: 80px 0 40px;
        margin-top: 0;
    }
    .footer .payment-method {
        padding-bottom: 60px;
    }
    .footer .payment-method .methods {
        margin-top: 10px;
    }
    .footer .payment-method h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 13px;
    }
    .footer .footer-widget .about-area p {
        font-size: 16px;
        line-height: 24px;
    }
    .footer .payment-method p {
        font-size: 16px;
        line-height: 24px;
    }
    .footer .payment-method .methods ul li a img {
        height: 40px;
    }
    .footer .payment-method .methods ul li {
        margin-right: 5px;
    }
    .footer .footer-widget .link-widget ul li a {
        font-size: 16px;
        line-height: 28px;
    }
    .footer .footer-widget .link-widget h3 {
        margin-bottom: 6px;
        font-size: 22px;
    }
    .footer .footer-widget {
        margin-bottom: 30px;
    }

    /* copyright */
    .copyright p {
        font-size: 16px;
        line-height: 24px;
    }
    
    /* index = 2 > header */
    .header.style-2 {
        padding-top: 15px;
        background: transparent;
        position: absolute;
    }
    .header.style-2 .menu-bar {
        margin-top: 0;
        background: white;
    }

    /* banner */
    .banner.style-2 .banner-content {
        margin-top: 56px;
        padding: 80px 0;
    }

    /* choosing reason */
    .choosing-reason-2 .single-reason .part-icon {
        float: none;
        height: 40px;
        margin-bottom: 20px;
    }
    .choosing-reason-2 .single-reason .part-text h3 {
        font-weight: 700;
        font-size: 20px;
    }
    .choosing-reason-2 .single-reason .part-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .choosing-reason-2 {
        padding: 0 0 50px;
    }

    /* affiliate */
    .affiliate.style-2 {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: -30px;
    }

    /* testimonial 2  */
    .testimonial.testimonial-2 .single-testimonial {
        padding: 30px;
        background: #f6f9fc;
    }
    .testimonial.testimonial-2 .testimonial-thumbs .owl-thumbs,
    .testimonial.testimonial-2 .testimonial-thumbs .owl-nav {
        display: none;
    }
    .testimonial.testimonial-2 {
        padding: 50px 0 50px;
    }
    /* index 4 */
    .banner-4 .box-slide .single-slide {
        margin-top: 0;
        padding: 20px 0px;
        margin-bottom: 0;
        margin: 50px 0;
    }
    .banner-4 .box-slide .single-slide .single-lottery .part-icon {
        width: 100px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time ul li span.number {
        width: 40px;
        height: 40px;
        font-size: 15px;
        line-height: 38px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time ul li span.text {
        margin-top: 2px;
        font-size: 14px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time ul li {
        margin-right: 6px; 
    }
    .banner-4 .box-slide .single-slide .single-lottery .text h3 {
        font-size: 24px;
        margin-bottom: 23px;
        margin-top: 11px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time p {
        font-size: 14px;
        letter-spacing: 3px;
        margin-top: 10px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .text a {
        width: 130px;
        height: 40px;
        line-height: 40px;
    }
    
    /* breadcrumb */
    .breadcrumb-lotters .breadcrumb-content h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: -6px;
        margin-top: -8px;
    }
    .breadcrumb-lotters .breadcrumb-content {
        padding: 40px 0;
        margin-top: 56px;
    }
    .breadcrumb-lotters .breadcrumb-content ul li, .breadcrumb-lotters .breadcrumb-content ul li a {
        font-size: 16px;
    }
    .breadcrumb-lotters:after {
        display: none;
    }
    
    /* about */
    .about {
        padding: 50px 0;
    }
    .about .part-text h2 {
        font-size: 22px;
        line-height: 22px;
        margin-top: 0;
        margin-bottom: 14px;
    }
    .about .part-text span.sub-title {
        margin-bottom: 3px;
        font-size: 16px;
    }
    .about .part-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .about .part-text ul li {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .about .part-text ul li i {
        color: #fb960e;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        background: #f2f2f3;
        font-size: 10px;
        margin-right: 5px;
    }
    .about .part-text ul {
        margin-top: 12px;
    }
    .about .part-img {
        height: auto;
        margin-top: 25px;
    }
    .about .part-img img {
        width: 100%;
    }

    /* user statics */
    .user-statics.style-2 {
        padding: 30px 0 50px!important;
    }
    
    /* sidebar */
    .sidebar {
        margin-right: 0;
        margin-top: 40px;
    }
    .sidebar h3.title {
        font-size: 20px;
    }
    .sidebar .nav .nav-link {
        height: 40px;
        line-height: 38px;
        font-size: 16px;
    }
    .sidebar .search-widget form input {
        height: 40px;
        font-size: 16px;
    }
    .sidebar .search-widget form button {
        height: 40px;
        width: 40px;
        font-size: 16px;
    }
    .sidebar .recent-post-widget .single-post .part-text a.post-heading {
        font-size: 16px;
    }
    .sidebar .tag-widget .single-tag {
        font-size: 15px;
        height: 30px;
        line-height: 27px;
        padding: 0 8px;
        margin-bottom: 0;
        margin-right: 3px;
    }
    /* blog details */
    .blog-details {
        margin-left: 0;
        padding: 80px 0 50px;
    }
    .blog-details .blog-details-content .part-blog .blog-time {
        font-size: 15px;
        margin-bottom: 12px;
    }
    .blog-details .blog-details-content .part-blog .blog-text h3 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 16px;
    }
    .blog-details .blog-details-content .part-blog .blog-text p {
        font-size: 16px;
        line-height: 25px;
    }
    .blog-details .blog-details-content .blog-control {
        display: block;
    }
    .blog-details .blog-details-content h3.title {
        font-size: 20px!important;
        margin: -5px 0 20px!important;
    }
    .blog-details .blog-details-content .blog-comments .single-comment .part-text span.name {
        font-size: 17px;
    }
    .blog-details .blog-details-content .blog-comments .single-comment .part-text span.position {
        font-size: 15px;
    }
    .blog-details .blog-details-content .blog-comments .single-comment .part-img {
        margin-right: 0;
        margin-bottom: 25px;
        float: none;
    }
    .blog-details .blog-details-content .blog-comments .single-comment .part-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .blog-details .blog-details-content .blog-comments {
        padding: 40px 30px;
    }
    .blog-details .blog-details-content .blog-comments .single-comment .reply {
        right: 0;
        width: 70px;
        font-size: 15px;
    }
    .blog-details .blog-details-content .blog-comments .single-comment.reply-comment {
        padding-left: 0;
    }
    .blog-details .blog-details-content .comment-box form input {
        height: 40px;
        font-size: 16px;
        padding: 0 20px;
        margin-bottom: 10px;
    }
    .blog-details .blog-details-content .comment-box form textarea {
        padding: 6px 20px;
        font-size: 16px;
        height: 150px;
        margin-bottom: 10px;
    }
    .blog-details .blog-details-content .comment-box {
        padding: 40px 30px;
    }
    .blog-details .blog-details-content .comment-box form button {
        height: 40px;
        font-size: 16px;
        width: 150px;
    }

    /* blog left sidebar */
    .blog {
        padding-top: 80px;
    }

    /* blog right sidebar */
    .sidebar.for-right {
        margin-left: 0;
    }
    
    /* quick review */
    .quick-review {
        padding: 80px 0 50px;
    }
    .quick-review .single-jackpot .part-body h3 {
        font-size: 20px;
    }
    .quick-review .single-jackpot .part-body p {
        font-size: 16px;
        line-height: 24px;
    }
    .quick-review .single-jackpot .part-body a {
        font-size: 16px;
    }
    
    /* contact */
    .contact {
        padding: 80px 0;
    }
    .contact .part-img {
        display: none;
    }
    .contact .info-widget {
        margin-bottom: 30px;
    } 
    .map iframe {
        height: 200px;
    }
    
    /* error */
    .error {
        padding: 80px 0;
    }
    .error .part-text h2 {
        font-size: 22px;
        line-height: 32px;
    }

    /* faq */
    .faq .faq-sidebar {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .faq {
        padding: 80px 0 70px;
    }
    .faq .faq-content {
        margin-left: 0;
    }

    /* how it works */
    .how-to-works.how-it-works-page {
        padding-top: 80px;
    }

    /* form */
    .form {
        padding: 80px 0;
    }

    /* quix review */
    .quick-review.team-page {
        padding-top: 80px;
    }

    /* team page  */
    .team.team-page-team {
        padding: 80px 0 50px;
    }

    /* testimonial */
    .testimonial.thiz-class-only-for-responsive {
        padding-bottom: 50px;
    }
    .testimonial.thiz-class-only-for-responsive .single-testimonial {
        margin-bottom: 30px;
    }
    /* testimonial 2 */
    .testimonial.testimonial-2.thiz-class-only-for-responsive {
        padding-top: 80px;
    }
    
    /* why choose us page */
    .choosing-reason-2.choosing-reason-page {
        padding-top: 80px;
    }

    /* pick number */
    .lottery-details .lottery-details-area .lotto-head .control-buttons button {
        margin-right: 2px;
        font-size: 14px;
    }
    .lottery-details .lottery-details-area .lotto-head .control-buttons button.quick-play {
        width: 118px;
        height: 35px;
    }
    .lottery-details .lottery-details-area .lotto-head .control-buttons button.circle {
        height: 35px;
        width: 35px;
    }
    .lottery-details .lottery-details-area .lotto-head .control-buttons {
        text-align: center;
    }
    .lottery-details .lottery-details-area .lottery-coupon {
        padding: 30px;
        text-align: center;
    }
    .lottery-details .lottery-details-area .lottery-coupon .single-coupon {
        width: 230px;
        display: inline-block;
        margin-bottom: 30px;
    }
    .lottery-details .lottery-details-area .coupon-panel .winning-chance {
        margin-top: 10px;
    }
    .lottery-details .lottery-details-area .coupon-panel .amount-discuss {
        display: block;
        text-align: center;
        margin-left: 0;
        margin-top: 20px;
    }
    .lottery-details .lottery-details-area .coupon-panel .amount-discuss .left {
        margin-bottom: 20px;
    }
    .lottery-details .lottery-details-area .lotto-head .icon {
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }
    .lottery-details .lottery-details-area .lotto-head .text h3 {
        font-size: 20px;
    }
    .lottery-details .lottery-details-area .lotto-head .text span.amount {
        font-size: 16px;
    }
    .lottery-details .lottery-details-area .lotto-head .text span.draw-date {
        font-size: 14px;
    }
    .lottery-details .lottery-details-area .lotto-head {
        padding: 30px;
    }
    .lottery-details .lottery-details-area .lotto-head .row .baltus {
        flex-direction: row;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }
    .lottery-details .lottery-details-area .coupon-panel .amount-discuss .right input, .lottery-details .lottery-details-area .coupon-panel .amount-discuss .right button {
        font-size: 14px;
    }
    .lottery-details .lottery-details-area .coupon-panel .amount-discuss .right button {
        width: 116px;
    }
    .lottery-details {
        padding: 60px 0 0;
    }

    /* for index-6  */
    .header.style-6 .menu-bar {
        padding-top: 0;
    }
    .header.style-6 {
        position: absolute;
    }
    .banner.style-6 .banner-content {
        margin-top: 60px;
    }
    .banner.style-6 .banner-content h1 {
        font-size: 30px;
        line-height: 40px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    /* header */
    .header {
        position: relative;
    }
    .header .topbar {
        padding: 0;
    }
    .header .menu-bar {
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: 15px;
        border-radius: 3px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .nav-link:after {
        float: right;
    }
    .header .menu-bar .logo {
        padding: 4px 9px;
    }
    .header .topbar {
        display: none;
    }
    .header .menu-bar .navbar-toggler {
        padding: 0;
        outline: none;
    }
    .header .menu-bar .navbar-toggler {
        display: inline-block;
        width: 50px;
        height: 50px;
        background: #fff;
        position: relative;
        border-radius: 50%;
        border: 10px solid #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.3);
        right: 30px;
    }
    .header .menu-bar .navbar-toggler[aria-expanded=true]:after {
        transform: rotate(45deg);
    }
    .header .menu-bar .navbar-toggler[aria-expanded=true]:before {
        transform: rotate(-135deg);
    }
    .header .menu-bar .navbar-toggler:after {
        position: absolute;
        content: '';
        left: 0;
        top: 50%;
        margin-top: -1px;
        height: 2px;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
        width: 100%;
        transform: rotate(0);
        transition: .4s;
    }
    .header .menu-bar .navbar-toggler:before {
        position: absolute;
        content: '';
        left: 50%;
        top: 0;
        height: 100%;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
        width: 2px;
        margin-left: -1px;
        transform: rotate(0);
        transition: .4s;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item .nav-link {
        color: #2e9dfa;
        margin: 0;
        height: auto;
        line-height: inherit;
        padding: 4px 20px;
        font-size: 16px;
        font-weight: 500;
    }
    .header .menu-bar .mainmenu {
        background: white;
        z-index: -1;
        position: absolute;
        box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.2);
        right: 30px;
        left: 30px;
        top: 15px;
        border-radius: 5px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav {
        padding: 10px 0;
        border-top: 8px solid #0576d3;
        border-bottom: 8px solid #0576d3;
        border-radius: 5px;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        position: absolute;
        left: 20px;
        right: 20px;
        border-radius: 5px;
        display: none;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
        display: block;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        font-size: 16px;
        font-weight: 500;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.for-specific {
        top: auto;
    }
    .header .menu-bar .mainmenu .navbar .navbar-nav .nav-item a.nav-link.sign-up {
        display: none;
    }

    /* banner */
    .banner:after {
        display: none;
    }
    .banner .banner-content h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 13px;
    }
    .banner .banner-content h1 br {
        display: none;
    }
    .banner .banner-content p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
    .banner .banner-content {
        padding-left: 0;
        margin-top: 0;
        padding: 80px 15px;
    }
    .banner .banner-content a.banner-button {
        height: 40px;
        line-height: 40px;
        width: 150px;
        font-size: 16px;
        font-weight: 500;
    }
    .banner .part-img {
        display: none;
    }

    /* brand */
    .brand .brand-list .single-brand {
        padding: 10px 15px; 
    }

    /* section title */
    .section-title span.sub-title {
        display: none;
    }
    .section-title h2 {
        font-size: 24px;
        line-height: 34px;
        margin-top: -8px;
    }
    .section-title p {
        font-size: 16px;
        line-height: 24px;
    }
    .section-title p br {
        display: none;
    }
    .section-title {
        margin-bottom: 32px;
    }

    /* jackpot */
    .jackpot .shape-set-1, .jackpot .shape-set-1,
    .jackpot .shape-set-1, .jackpot .shape-set-2 {
        display: none;
    }
    .jackpot .single-jackpot .part-head {
        display: block;
        margin-bottom: 12px;
    }
    .jackpot .single-jackpot .part-head .icon {
        margin-bottom: 20px;
    }
    .jackpot .single-jackpot .part-body p {
        font-size: 16px;
        line-height: 24px;
    }
    .jackpot .single-jackpot {
        padding: 30px 20px;
    }
    .jackpot {
        padding: 73px 0 50px;
    }

    /* lottery ticket */
    .lottery-ticket {
        padding: 80px 0;
        background: #f6fafe;
    }
    .lottery-ticket .part-img {
        display: none;
    }
    .lottery-ticket .part-text h2 {
        font-size: 24px;
        line-height: 34px;
        margin-top: -6px;
    }
    .lottery-ticket .part-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .lottery-ticket .part-text .date-counter .single-counter {
        width: auto;
        height: auto;
    }
    .lottery-ticket .part-text .date-counter .single-counter .conter-content {
        margin: -4px 0 0px;
    }
    .lottery-ticket .part-text .date-counter {
        display: flex;
        border-radius: 5px;
    }
    .lottery-ticket .part-text .date-counter .single-counter {
        background: #fff;
        margin-right: 0;
        display: flex;
        flex: 1;
        border-radius: 0;
        padding: 15px 0;
    }
    .lottery-ticket .part-text .date-counter .single-counter .conter-content span.title {
        font-size: 16px;
    }
    .lottery-ticket .part-text .date-counter .single-counter .conter-content span.number {
        font-size: 25px;
    }
    .lottery-ticket:after {
        display: none;
    }
    .lottery-ticket .part-text .buttons ul li a {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        width: 135px;
    }
    .lottery-ticket .part-text .buttons {
        margin-top: 40px;
        text-align: center;
    }

    /* lottery result */
    .lottery-result .shape-container {
        display: none;
    }
    .lottery-result .result-board .result-table .table {
        width: 650px;
        margin-top: 40px;
    }
    .lottery-result .result-board .result-table {
        overflow-x: scroll;
        overflow-y: hidden;
        display: block;
    }
    .lottery-result .result-board .title {
        float: none;
    }
    .lottery-result .result-board .title h3 {
        font-size: 20px;
    }
    .lottery-result .result-board .view-result {
        float: none;
        text-align: center;
    }
    .lottery-result .result-board .view-result a {
        display: inline-block;
        width: 190px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        border-radius: 3px;
        position: relative;
        z-index: 2;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        margin-right: 16px;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        width: 135px;
    }
    .lottery-result .result-board .table tbody tr th, .lottery-result .result-board .table tbody tr td {
        font-size: 16px;
    }
    .lottery-result .result-board .table tbody tr th ul li a, .lottery-result .result-board .table tbody tr td ul li a {
        font-size: 16px;
        width: 30px;
        height: 30px;
        line-height: 26px;
    }
    .lottery-result .result-board .table tbody tr th, .lottery-result .result-board .table tbody tr td {
        height: 40px;
    }
    .lottery-result .result-board .table tbody tr th {
        width: auto;
    }
    .lottery-result .result-board .table tbody tr td:last-child {
        width: auto;
    }
    .lottery-result .winners-list {
        margin-top: 40px;
    }
    .lottery-result .winners-list h3 {
        font-size: 20px;
        text-align: center;
    }
    .lottery-result {
        padding: 80px 0;
        margin-bottom: 0;
    }

    /* choosing reason */
    .choosing-reason:after {
        transform: none;
    }
    .choosing-reason .choosing-reason-list .single-reason .part-icon {
        float: none;
        margin-bottom: 15px;
        width: 50px;
    }
    .choosing-reason .choosing-reason-list .single-reason .part-text h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .choosing-reason .choosing-reason-list .single-reason .part-text p {
        font-size: 16px;
        line-height: 24px;
    }    
    .choosing-reason .choosing-reason-list .single-reason {
        margin-right: 0;
    }
    .choosing-reason .choosing-text .ill-shape-set-2 {
        display: none;
    }
    .choosing-reason .choosing-reason-list .ill-shape-set {
        display: none;
    }
    .choosing-reason .choosing-text h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 10px;    
        margin-top: 0;
    }
    .choosing-reason .choosing-text p {
        font-size: 16px;
        line-height: 24px; 
        margin-bottom: 10px;
    }
    .choosing-reason .choosing-text {
        padding-left: 15px;
    }
    .choosing-reason .choosing-text a {
        height: 40px;
        line-height: 40px;
        width: 150px;
    }
    .choosing-reason {
        padding: 40px 0 40px;
    }

    /* buying ticket */
    .buying-ticket {
        padding: 80px 0;
    }
    .buying-ticket .ticket-board .ticket-table {
        overflow-x: scroll;
        overflow-y: hidden;
        display: block;
    }
    .buying-ticket .ticket-board .table {
        width: 900px;
    }

    /* how to works */
    .how-to-works {
        padding-bottom: 50px;
    }
    .how-to-works .working-list {
        margin-right: 0;
    }
    .how-to-works .part-img {
        display: none;
    }
    .how-to-works .working-list .working-list-content .single-system {
        margin-bottom: 30px;
    }

    /* team  */
    .team {
        padding: 80px 0 50px;
        background: #f6fafe;
    }
    .team .single-member {
        margin-bottom: 30px;
    }
    .team .single-member .part-text span.name {
        font-size: 20px;
    }

    /* user statics */
    .user-statics {
        padding-bottom: 80px;
    }
    .user-statics .part-map #world-map-gdp {
        width: 100%;
        height: 150px;
        margin-top: 40px;
    }
    .user-statics .part-statics .single-statics.player {
        margin-top: 0;
    }

    /* testimonial */
    .testimonial {
        padding: 80px 0;
    }
    .testimonial .container-shape .ill-shape-set-2 {
        display: none;
    }
    .testimonial .container-shape {
        display: none;
    }
    .testimonial .single-testimonial {
        width: 100%;
        background: -webkit-linear-gradient(473deg, #2e9dfa 20%, #0172d0 100%);
    }
    .testimonial .single-testimonial .user-img {
        margin: 0;
        margin-bottom: 20px;
    }
    .testimonial .single-testimonial .user-name {
        display: block;
    }
    .testimonial .single-testimonial .user-name span.name {
        font-size: 18px;
    }
    .testimonial .single-testimonial p {
        font-size: 16px;
        line-height: 24px;
    }
    .testimonial .single-testimonial .user-name span.position {
        font-size: 15px;
    }
    .testimonial .testimonial-slider .owl-nav .owl-next, .testimonial .testimonial-slider .owl-nav .owl-prev {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 15px;
        margin-right: 10px;
    }
    .testimonial .testimonial-slider .owl-nav {
        margin-top: 30px;
    }

    /* affiliate */
    .affiliate {
        padding: 80px 0 50px;
    }
    .affiliate .container-shape .shape-set-2 {
        display: none;
    }
    .affiliate .single-affiliate {
        margin-bottom: 30px;
    }
    .affiliate .single-affiliate .affiliate-content .title br {
        display: none;
    }
    .affiliate .single-affiliate .affiliate-content .title {
        font-size: 20px;
    }

    /* footer */
    .footer {
        padding: 80px 0 40px;
        margin-top: 0;
    }
    .footer .payment-method {
        padding-bottom: 60px;
    }
    .footer .payment-method .methods {
        margin-top: 10px;
    }
    .footer .payment-method h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 13px;
    }
    .footer .footer-widget .about-area p {
        font-size: 16px;
        line-height: 24px;
    }
    .footer .payment-method p {
        font-size: 16px;
        line-height: 24px;
    }
    .footer .payment-method .methods ul li a img {
        height: 40px;
    }
    .footer .payment-method .methods ul li {
        margin-right: 5px;
    }
    .footer .footer-widget .link-widget ul li a {
        font-size: 16px;
        line-height: 28px;
    }
    .footer .footer-widget .link-widget h3 {
        margin-bottom: 6px;
        font-size: 22px;
    }
    .footer .footer-widget {
        margin-bottom: 30px;
    }

    /* copyright */
    .copyright p {
        font-size: 16px;
        line-height: 24px;
    }

    /* index = 2 > header */
    .header.style-2 {
        padding-top: 15px;
        background: transparent;
        position: absolute;
    }
    .header.style-2 .menu-bar {
        margin-top: 0;
        background: white;
    }

    /* banner */
    .banner.style-2 .banner-content {
        margin-top: 56px;
        padding: 80px 0;
    }

    /* choosing reason */
    .choosing-reason-2 .single-reason .part-icon {
        float: none;
        height: 40px;
        margin-bottom: 20px;
    }
    .choosing-reason-2 .single-reason .part-text h3 {
        font-weight: 700;
        font-size: 20px;
    }
    .choosing-reason-2 .single-reason .part-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .choosing-reason-2 {
        padding: 0 0 50px;
    }

    /* affiliate */
    .affiliate.style-2 {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: -30px;
    }

    /* testimonial 2  */
    .testimonial.testimonial-2 .single-testimonial {
        padding: 30px;
        background: #f6f9fc;
    }
    .testimonial.testimonial-2 .testimonial-thumbs .owl-thumbs,
    .testimonial.testimonial-2 .testimonial-thumbs .owl-nav {
        display: none;
    }
    .testimonial.testimonial-2 {
        padding: 50px 0 50px;
    }

    /* index 4 */
    .banner-4 .box-slide .single-slide {
        margin-top: 0;
        padding: 20px 0px;
        margin-bottom: 0;
        margin: 50px 0;
    }
    .banner-4 .box-slide .single-slide .single-lottery .part-icon {
        width: 100px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time ul li span.number {
        width: 40px;
        height: 40px;
        font-size: 15px;
        line-height: 38px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time ul li span.text {
        margin-top: 2px;
        font-size: 14px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time ul li {
        margin-right: 6px; 
    }
    .banner-4 .box-slide .single-slide .single-lottery .text h3 {
        font-size: 24px;
        margin-bottom: 23px;
        margin-top: 11px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .draw-time p {
        font-size: 14px;
        letter-spacing: 3px;
        margin-top: 10px;
    }
    .banner-4 .box-slide .single-slide .single-lottery .text a {
        width: 130px;
        height: 40px;
        line-height: 40px;
    }

    /* breadcrumb */
    .breadcrumb-lotters .breadcrumb-content h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: -6px;
        margin-top: -8px;
    }
    .breadcrumb-lotters .breadcrumb-content {
        padding: 40px 0;
        margin-top: 56px;
    }
    .breadcrumb-lotters .breadcrumb-content ul li, .breadcrumb-lotters .breadcrumb-content ul li a {
        font-size: 16px;
    }
    .breadcrumb-lotters:after {
        display: none;
    }

    /* about */
    .about {
        padding: 50px 0;
    }
    .about .part-text h2 {
        font-size: 22px;
        line-height: 22px;
        margin-top: 0;
        margin-bottom: 14px;
    }
    .about .part-text span.sub-title {
        margin-bottom: 3px;
        font-size: 16px;
    }
    .about .part-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .about .part-text ul li {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .about .part-text ul li i {
        color: #fb960e;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        background: #f2f2f3;
        font-size: 10px;
        margin-right: 5px;
    }
    .about .part-text ul {
        margin-top: 12px;
    }
    .about .part-img {
        height: auto;
        margin-top: 25px;
    }
    .about .part-img img {
        width: 100%;
    }

    /* user statics */
    .user-statics.style-2 {
        padding: 30px 0 50px!important;
    }

    /* sidebar */
    .sidebar {
        margin-right: 0;
        margin-top: 40px;
    }
    .sidebar h3.title {
        font-size: 20px;
    }
    .sidebar .nav .nav-link {
        height: 40px;
        line-height: 38px;
        font-size: 16px;
    }
    .sidebar .search-widget form input {
        height: 40px;
        font-size: 16px;
    }
    .sidebar .search-widget form button {
        height: 40px;
        width: 40px;
        font-size: 16px;
    }
    .sidebar .recent-post-widget .single-post .part-text a.post-heading {
        font-size: 16px;
    }
    .sidebar .tag-widget .single-tag {
        font-size: 15px;
        height: 30px;
        line-height: 27px;
        padding: 0 8px;
        margin-bottom: 0;
        margin-right: 3px;
    }
    /* blog details */
    .blog-details {
        margin-left: 0;
        padding: 80px 0 50px;
    }
    .blog-details .blog-details-content .part-blog .blog-time {
        font-size: 15px;
        margin-bottom: 12px;
    }
    .blog-details .blog-details-content .part-blog .blog-text h3 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 16px;
    }
    .blog-details .blog-details-content .part-blog .blog-text p {
        font-size: 16px;
        line-height: 25px;
    }
    .blog-details .blog-details-content .blog-control {
        display: block;
    }
    .blog-details .blog-details-content h3.title {
        font-size: 20px!important;
        margin: -5px 0 20px!important;
    }
    .blog-details .blog-details-content .blog-comments .single-comment .part-text span.name {
        font-size: 17px;
    }
    .blog-details .blog-details-content .blog-comments .single-comment .part-text span.position {
        font-size: 15px;
    }
    .blog-details .blog-details-content .blog-comments .single-comment .part-img {
        margin-right: 0;
        margin-bottom: 25px;
        float: none;
    }
    .blog-details .blog-details-content .blog-comments .single-comment .part-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .blog-details .blog-details-content .blog-comments {
        padding: 40px 30px;
    }
    .blog-details .blog-details-content .blog-comments .single-comment .reply {
        right: 0;
        width: 70px;
        font-size: 15px;
    }
    .blog-details .blog-details-content .blog-comments .single-comment.reply-comment {
        padding-left: 0;
    }
    .blog-details .blog-details-content .comment-box form input {
        height: 40px;
        font-size: 16px;
        padding: 0 20px;
        margin-bottom: 10px;
    }
    .blog-details .blog-details-content .comment-box form textarea {
        padding: 6px 20px;
        font-size: 16px;
        height: 150px;
        margin-bottom: 10px;
    }
    .blog-details .blog-details-content .comment-box {
        padding: 40px 30px;
    }
    .blog-details .blog-details-content .comment-box form button {
        height: 40px;
        font-size: 16px;
        width: 150px;
    }

    /* blog left sidebar */
    .blog .single-blog .part-text a.title {
        font-size: 20px;
        line-height: 28px;
    }
    .blog .single-blog .part-text {
        padding: 30px 20px;
    }
    .blog .single-blog .part-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .blog .single-blog .part-text a.view-more {
        font-size: 16px;
    }
    .blog .pagination-lotters ul li a {
        height: 30px;
        width: 30px;
        line-height: 28px;
        margin-right: 5px;
    }
    .blog {
        padding-top: 80px;
    }
    .blog .pagination-lotters {
        margin-top: 0;
    }

    /* blog right sidebar */
    .sidebar.for-right {
        margin-left: 0;
    }

    /* quick review */
    .quick-review {
        padding: 80px 0 50px;
    }
    .quick-review .single-jackpot .part-body h3 {
        font-size: 20px;
    }
    .quick-review .single-jackpot .part-body p {
        font-size: 16px;
        line-height: 24px;
    }
    .quick-review .single-jackpot .part-body a {
        font-size: 16px;
    }

    /* contact */
    .contact {
        padding: 80px 0;
    }
    .contact .part-img {
        display: none;
    }
    .contact .info-widget h4 {
        font-size: 20px;
    }
    .contact .info-widget p {
        font-size: 16px;
        line-height: 24px;
    }
    .contact .info-widget ul li span.bold,
    .contact .info-widget ul li span.not-bold {
        font-size: 16px;
    }
    .contact .info-widget {
        margin-bottom: 30px;
    }
    .contact .info-widget.contact .contact-form, .contact .contact-form {
        padding: 30px 25px 18px;
    }
    .contact .contact-form h2 {
        font-size: 20px;
    }
    .contact .contact-form p {
        font-size: 16px;
        line-height: 24px;
    }
    .contact .contact-form form input {
        height: 40px;
        margin-bottom: 10px;
        font-size: 16px;
        padding: 0 20px;
    }
    .contact .contact-form form textarea {
        font-size: 16px;
        padding: 8px 20px;
        height: 150px;
    }
    .contact .contact-form form button {
        width: 150px;
        font-size: 16px;
        height: 40px;
        margin-top: 10px;    
    }
    .map iframe {
        height: 200px;
    }

    /* error */
    .error {
        padding: 80px 0;
    }
    .error .part-text h2 {
        font-size: 22px;
        line-height: 32px;
    }

    /* faq */
    .faq .faq-sidebar {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .faq .faq-sidebar .nav .nav-link {
        height: 40px;
        line-height: 38px;
        font-size: 16px;
        padding: 0 20px;
    }
    .faq .faq-sidebar .search-widget form input {
        height: 40px;
        font-size: 16px;
        padding: 0 40px 0 20px;
    }
    .faq .faq-sidebar .search-widget form button {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .faq .faq-content {
        margin-left: 0;
    }
    .faq .faq-sidebar h3 {
        font-size: 20px;
    }
    .faq .faq-content .single-faq h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .faq .faq-content .single-faq p {
        font-size: 16px;
        line-height: 24px;
    }
    .faq .faq-content .single-faq {
        padding-left: 30px;
        padding-right: 30px;
    }
    .faq {
        padding: 80px 0 70px;
    }

    /* how it works */
    .how-to-works.how-it-works-page {
        padding-top: 80px;
    }

    /* form */
    .form {
        padding: 80px 0;
    }
    .form form {
        padding: 30px 30px 40px;
    }
    .form form .form-group input.form-control {
        height: 40px;
        padding: 0 20px;
        font-size: 16px;
    }
    .form form .form-group {
        margin-bottom: 10px;
    }
    .form form .form-group label {
        font-size: 16px;
    }
    .form form button {
        margin-top: 20px;
        height: 40px;
        font-size: 16px;
        width: 130px;
    }

    /* quix review */
    .quick-review.team-page {
        padding-top: 80px;
    }

    /* team page  */
    .team.team-page-team {
        padding: 80px 0 50px;
    }

    /* testimonial */
    .testimonial.thiz-class-only-for-responsive {
        padding-bottom: 50px;
    }
    .testimonial.thiz-class-only-for-responsive .single-testimonial {
        margin-bottom: 30px;
    }

    /* testimonial 2 */
    .testimonial.testimonial-2.thiz-class-only-for-responsive {
        padding-top: 80px;
    }

    /* why choose us page */
    .choosing-reason-2.choosing-reason-page {
        padding-top: 80px;
    }

    /* pick number */
    .lottery-details .lottery-details-area .lotto-head .control-buttons button {
        margin-right: 2px;
        font-size: 14px;
    }
    .lottery-details .lottery-details-area .lotto-head .control-buttons button.quick-play {
        width: 118px;
        height: 35px;
    }
    .lottery-details .lottery-details-area .lotto-head .control-buttons button.circle {
        height: 35px;
        width: 35px;
    }
    .lottery-details .lottery-details-area .lotto-head .control-buttons {
        text-align: center;
    }
    .lottery-details .lottery-details-area .lottery-coupon {
        padding: 30px;
        text-align: center;
    }
    .lottery-details .lottery-details-area .lottery-coupon .single-coupon {
        width: 230px;
        display: inline-block;
        margin-bottom: 30px;
    }
    .lottery-details .lottery-details-area .coupon-panel .winning-chance {
        margin-top: 10px;
    }
    .lottery-details .lottery-details-area .coupon-panel .amount-discuss {
        display: block;
        text-align: center;
        margin-left: 0;
        margin-top: 20px;
    }
    .lottery-details .lottery-details-area .coupon-panel .amount-discuss .left {
        margin-bottom: 20px;
    }
    .lottery-details .lottery-details-area .lotto-head .icon {
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }
    .lottery-details .lottery-details-area .lotto-head .text h3 {
        font-size: 20px;
    }
    .lottery-details .lottery-details-area .lotto-head .text span.amount {
        font-size: 16px;
    }
    .lottery-details .lottery-details-area .lotto-head .text span.draw-date {
        font-size: 14px;
    }
    .lottery-details .lottery-details-area .lotto-head {
        padding: 30px;
    }
    .lottery-details .lottery-details-area .lotto-head .row .baltus {
        flex-direction: row;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }
    .lottery-details .lottery-details-area .coupon-panel .amount-discuss .right input, .lottery-details .lottery-details-area .coupon-panel .amount-discuss .right button {
        font-size: 14px;
    }
    .lottery-details .lottery-details-area .coupon-panel .amount-discuss .right button {
        width: 116px;
    }
    .lottery-details {
        padding: 60px 0 0;
    }

    /* for index-6  */
    .header.style-6 .menu-bar {
        padding-top: 0;
    }
    .header.style-6 {
        position: absolute;
    }
    .banner.style-6 .banner-content {
        margin-top: 60px;
        height: 100vh;
        vertical-align: middle;
        display: table-cell;
    }
    .banner.style-6 .banner-content h1 {
        font-size: 30px;
        line-height: 40px;
    }
}

/* admin template */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .profile-bar {
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        top: -40px;
    }
    .profile-bar span.part-name {
        display: none;
    }
    .profile-bar span.part-pic {
        width: 40px;
        height: 40px;
    }
    .nav-profile .user-menu {
        right: 50%;
        transform: translateX(50%);
        width: 170px;
    }
    .header .menu-bar .mainmenu {
        z-index: 1;
    }
    .player-statics .single-static {
        justify-content: flex-start;
        padding: 20px 18px;
        margin-bottom: 10px;
    }
    .user-panel-title {
        margin-bottom: 16px;
    }
    .user-panel-title h3 {
        font-size: 20px;
    }
    .player-statics .single-static .part-text span.number {
        font-size: 24px;
        margin-bottom: -8px;
    }
    .player-statics .single-static .part-icon {
        height: 60px;
        width: 60px;
        padding: 15px;
        z-index: 0;
    }
    .account-info {
        margin-right: 0;
        margin-bottom: 25px;
    }
    .player-statics {
        padding-bottom: 15px;
    }
    .payment-history {
        margin-top: 10px;
    }
    .transaction-area {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .transaction-area table.table {
        width: 1170px;
    }
    .user-panel-dashboard {
        padding: 60px 0 45px;
    }

    
    /* profile */
    .profile {
        padding: 60px 0;
    }
    .profile .accont-tab {
        margin: 0;
        margin-bottom: 20px;
    }
    .account-settings {
        margin-top: 10px;
    }
    .cart {
        padding: 60px 0;
    }
    .cart .all-orders {
        margin-right: 0;
    }
    .cart .cart-summary-area {
        margin-bottom: 40px;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .profile-bar {
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        top: -40px;
    }
    .profile-bar span.part-name {
        display: none;
    }
    .profile-bar span.part-pic {
        width: 40px;
        height: 40px;
    }
    .nav-profile .user-menu {
        right: 50%;
        transform: translateX(50%);
        width: 170px;
    }
    .header .menu-bar .mainmenu {
        z-index: 1;
    }
    .player-statics .single-static {
        justify-content: flex-start;
        padding: 20px 18px;
        margin-bottom: 10px;
    }
    .user-panel-title {
        margin-bottom: 16px;
    }
    .user-panel-title h3 {
        font-size: 20px;
    }
    .player-statics .single-static .part-text span.number {
        font-size: 24px;
        margin-bottom: -8px;
    }
    .player-statics .single-static .part-icon {
        height: 60px;
        width: 60px;
        padding: 15px;
        z-index: 0;
    }
    .account-info {
        margin-right: 0;
        margin-bottom: 25px;
    }
    .player-statics {
        padding-bottom: 15px;
    }
    .payment-history {
        margin-top: 10px;
    }
    .transaction-area {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .transaction-area table.table {
        width: 1170px;
    }
    .user-panel-dashboard {
        padding: 60px 0 45px;
    }
    
    /* profile */
    .profile {
        padding: 60px 0;
    }
    .profile .accont-tab {
        margin: 0;
        margin-bottom: 20px;
    }
    .account-settings {
        margin-top: 10px;
    }
    .privacy-settings .responsive, .account-settings .responsive, .payment-info .responsive {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .privacy-settings .table, .account-settings .table, .payment-info .table {
        width: 705px;
    }
    .cart .all-orders {
        margin-right: 0;
        width: 705px;
        padding: 0;
    }
    .cart .responsive {
        overflow-y: hidden;
        overflow-x: scroll;
    }
    .cart .cart-summary-area {
        margin-bottom: 40px;
    }
    .cart {
        padding: 60px 0;
    }
}
@media only screen and (min-width: 480px) and (max-width: 575px) {
    .profile-bar {
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        top: -40px;
    }
    .profile-bar span.part-name {
        display: none;
    }
    .profile-bar span.part-pic {
        width: 40px;
        height: 40px;
    }
    .nav-profile .user-menu {
        right: 50%;
        transform: translateX(50%);
        width: 170px;
    }
    .header .menu-bar .mainmenu {
        z-index: 1;
    }
    .player-statics .single-static {
        justify-content: flex-start;
        padding: 20px 30px;
        margin-bottom: 10px;
    }
    .user-panel-title {
        margin-bottom: 16px;
    }
    .user-panel-title h3 {
        font-size: 20px;
    }
    .player-statics .single-static .part-text span.number {
        font-size: 24px;
        margin-bottom: -8px;
    }
    .player-statics .single-static .part-icon {
        height: 60px;
        width: 60px;
        padding: 15px;
        z-index: 0;
    }
    .account-info {
        margin-right: 0;
        margin-bottom: 25px;
    }
    .player-statics {
        padding-bottom: 15px;
    }
    .payment-history {
        margin-top: 10px;
    }
    .transaction-area {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .transaction-area table.table {
        width: 1170px;
    }
    .user-panel-dashboard {
        padding: 60px 0 45px;
    }

    /* profile */
    .profile {
        padding: 60px 0;
    }
    .profile .accont-tab {
        margin: 0;
        margin-bottom: 20px;
    }
    .account-settings {
        margin-top: 10px;
    }
    .privacy-settings .responsive, .account-settings .responsive, .payment-info .responsive {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .privacy-settings .table, .account-settings .table, .payment-info .table {
        width: 705px;
    }
    .cart .all-orders {
        margin-right: 0;
        width: 705px;
        padding: 0;
    }
    .cart .responsive {
        overflow-y: hidden;
        overflow-x: scroll;
    }
    .cart .cart-summary-area {
        margin-bottom: 40px;
    }
    .cart {
        padding: 60px 0;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .profile-bar {
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        top: -40px;
    }
    .profile-bar span.part-name {
        display: none;
    }
    .profile-bar span.part-pic {
        width: 40px;
        height: 40px;
    }
    .nav-profile .user-menu {
        right: 50%;
        transform: translateX(50%);
        width: 170px;
    }
    .header .menu-bar .mainmenu {
        z-index: 1;
    }
    .player-statics .single-static {
        justify-content: flex-start;
        padding: 20px 30px;
        margin-bottom: 10px;
    }
    .user-panel-title {
        margin-bottom: 16px;
    }
    .user-panel-title h3 {
        font-size: 20px;
    }
    .player-statics .single-static .part-text span.number {
        font-size: 24px;
        margin-bottom: -8px;
    }
    .player-statics .single-static .part-icon {
        height: 60px;
        width: 60px;
        padding: 15px;
        z-index: 0;
    }
    .account-info {
        margin-right: 0;
        margin-bottom: 25px;
    }
    .player-statics {
        padding-bottom: 15px;
    }
    .payment-history {
        margin-top: 10px;
    }
    .transaction-area {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .transaction-area table.table {
        width: 1170px;
    }
    .user-panel-dashboard {
        padding: 60px 0 45px;
    }

    /* profile */
    .profile {
        padding: 60px 0;
    }
    .profile .accont-tab {
        margin: 0;
        margin-bottom: 20px;
    }
    .account-settings {
        margin-top: 10px;
    }
    .privacy-settings .responsive, .account-settings .responsive, .payment-info .responsive {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .privacy-settings .table, .account-settings .table, .payment-info .table {
        width: 705px;
    }
    .profile .player-profile .part-info .player-name {
        font-size: 18px;
    }
    .profile .player-profile .part-info ul li {
        display: block;
        padding: 10px 0;
    }
    .cart .all-orders {
        margin-right: 0;
        width: 705px;
        padding: 0;
    }
    .cart .responsive {
        overflow-y: hidden;
        overflow-x: scroll;
    }
    .cart .cart-summary-area {
        margin-bottom: 40px;
    }
    .cart {
        padding: 60px 0;
    }
    .copyright {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .buying-ticket.style-2 {
        padding-top: 80px;
    }
    .how-to-works.style-2 {
        padding: 80px 0 50px;
    }
    .lottery-result.style-3 {
        padding-top: 80px;
        background: #eaf4fd;
    }
    .jackpot.style-2 {
        padding: 60px 0;
    }
}