/*

------------------

Project:        Casine - Casino and gambling HTML5 Template

Version:        1.0

Last change:    11/ 05 /2020

Primary use:    Casino and gambling. 

Author:         Ingenious_team

------------------ */



@media (min-width: 1200px) and (max-width: 1299.98px) {

    .heading h2 {

        letter-spacing: 0;

    }

    .error-txt h4 {

    font-size: 110px;

}

}



@media (min-width: 992px) and (max-width: 1199.98px) {

    .side_search {

        width: 220px !important;

    }



    .full_nav .nav > li > a {

        font-size: 16px;

        padding: 9px 4px 10px;

    }



    .full_nav .nav > li:last-child {

        top: 11px;

    }



    .title {

        font-size: 87px;

        line-height: 90px;

        width: auto;

    }



    .conter-res {

        margin-top: -50px;

    }



    .banner_text h3 {

        font-size: 30px;

        padding-bottom: 30px;

    }



    .counter-left h4 {

        font-size: 36px;

        padding-top: 16px;

    }



    .counterinner ul li {

        width: 55px;

        margin: 0 4px;

        padding: 14px;

    }



    .counter-text h3 {

        font-size: 36px;

    }



    .conter-res {

        padding: 35px 10px 30px;

    }



    .control-img {

        height: auto;

        padding: 27px 15px;

    }



    .control-inner .col-lg-3 {

        padding: 0 5px;

    }



    .start-text h3 {

        font-size: 17px;

        margin-bottom: 15px;

    }



    .start-text p {

        font-size: 14px;

    }



    .casino-btn a {

        padding: 13px 21px;

    }



    .port-text-btm {

        top: 158px;

    }



    .sub-heading h3 {

        font-size: 21px;

    }



    .winner-name h5 {

        font-size: 14px;

        width: 120px;

    }



    .contact-about p,

    .winner-name p {

        font-size: 14px;

    }



    .jackpots {

        padding-bottom: 20px;

    }



    .run-txt {

        top: 60%;

    }



    .run-txt h4 {

        padding-bottom: 10px;

    }



    .run-txt p {

        padding-bottom: 12px;

    }



    .faq-inner p {

        width: auto;

        font-size: 14px;

    }



    .faq-inner h3 {

        font-size: 18px;

    }



    .faq-pad::after,

    .faq-pad::before {

        width: 720px;

    }



    .heading h3,

    .heading h2 {

        font-size: 28px;

        letter-spacing: 0;

    }



    .contact-app li a i {

        width: 77px;

        height: 77px;

        line-height: 77px;

    }



    .payments ul li {

        padding-right: 3px;

    }



    .payments ul li img {

        width: 55px;

    }



    .foot-menu ul li a {

        font-size: 16px;

    }



    .contact-app [class^="flaticon-"]:before,

    .contact-app [class*=" flaticon-"]:before,

    .contact-app [class^="flaticon-"]:after,

    .contact-app [class*=" flaticon-"]:after {

        margin-left: 0px !important;

        font-size: 34px !important;

    }



    .error {

        height: 82vh;

    }

     .error-txt h4 {

    font-size: 90px;

}

    .error-btn {

    top: 94%;

        width: 280px;

}

    .error-btn .casino-btn a{

        font-size: 22px;

    }

    .error-txt:before {

    top: 85%;

    left: 69%;

    width: 400px;



}



    .location-txt {

        padding-right: 60px;

    }



    .tour-jack {

        margin-bottom: -60px;

    }



    .coundown span {

        font-size: 70px;

    }



    .contact-us .heading h2 {

        font-size: 28px;

    }

    .subscribe input {

    height: 49px;

}

}



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

    .title:before {

        left: 22px;

        top: -7px;

    }



    .in-project {

        padding-bottom: 0;

        margin-bottom: -20px;

    }



    .spin-text {

        padding-top: 0px;

    }



    .side_search {

        display: none;

    }



    .error {

        height: 82vh;

    }

     .error-txt h4 {

    font-size: 90px;

}

    .error-btn {

    top: 94%;

        width: 280px;

}

    .error-btn .casino-btn a{

        font-size: 22px;

    }

    .error-txt:before {

    top: 86%;

    left: 71%;

    width: 400px;

font-size: 28px;

}



    .full_nav .nav > li > a {

        font-size: 14px;

        padding: 10px 0px;

    }



    .full_nav .nav > li:last-child {

        right: 210px;

        top: 17px;

        height: 38px;

        width: 38px;

        padding: 7px 10px;

    }



    .full_nav .nav {

        margin-top: 10px;

        width: 595px;

        margin-left: -5px !important;

    }



    .full_nav .nav > li {

        margin: 0 4px;

    }



    .full_nav .nav > li:last-child .fa-times {

        top: 7px;

        font-size: 22px;

    }



    .nav-sign li:first-child {

        margin-right: 5px;

    }



    .nav-sign li a {

        font-size: 18px;

        padding: 9px 9px;

        width: 100px;

    }



    .title {

        font-size: 57px;

        line-height: 60px;

        width: auto;

    }



    .banner_text h3 {

        font-size: 24px;

        padding-bottom: 30px;

    }



    .counter-left h4 {

        font-size: 26px;

        padding-top: 9px;

    }



    .counterinner ul li {

        width: 39px;

        margin: 0 4px;

        padding: 7px;

    }



    .counter-text h3 {

        font-size: 30px;

    }



    .conter-res {

        margin-top: -40px;

        padding: 28px 10px;

    }



    p {

        font-size: 14px !important;

    }



    .control [class^="flaticon-"]:before,

    .control [class*=" flaticon-"]:before,

    .control [class^="flaticon-"]:after,

    .control [class*=" flaticon-"]:after {

        font-size: 52px !important;

    }



    .cont-bot {

        margin-bottom: 30px;

    }



    .start-text {

        padding-left: 0px;

        padding-right: 0;

        padding-top: 30px;

    }



    .start-text h3 {

        font-size: 17px;

        margin-bottom: 10px;

    }



    .control-inner .col-md-9 {

        padding-left: 0;

        padding-right: 0;

    }



    .project-img .nav-menu {

    font-size: 16px;

}



    

    .casino-btn a {

        font-size: 17px;

        padding: 13px 18px;

    }

.port_img .casino-btn a {

        padding: 13px 12px;

        font-size: 18px;

    }

    .port-text-btm {

        top: 106px;

    }



    .port-text-btm h3 {

        font-size: 20px;

        padding-bottom: 0;

    }



    .jack-bor {

        width: 100%;

    }



    .sub-heading h3 {

        font-size: 22px;

    }



    .run-txt h4 {

        padding-bottom: 10px;

    }



    .run-txt p {

        padding-bottom: 20px;

    }



    .running-img .casino-btn a {

        font-size: 20px;

        padding: 12px 24px;

    }



    .winner-name h5 {

        font-size: 14px;

    }



    .toun_scroll_flag {

        padding-left: 3px;

    }



    .coundown {

        margin: 0 10px;



    }



    .coundown p {

        font-size: 32px !important;

    }



    .counter-jack {

        text-align: center;

        margin-top: 50px;

        display: inline-block;

    }



    .heading h2 {

        font-size: 30px;

        letter-spacing: 0;

    }



    .faq-inner p {

        width: auto;

    }



    .faq-inner h3 {

        font-size: 18px;

    }



    .f-padding {

        padding-left: 0;

    }



    .faq-border {

        left: 51%;

    }



    .faq-form {

        margin-top: 60px;

    }



    .contact-us .heading h3,

    .contact-us .heading h2 {

        font-size: 20px;

    }



    .contact-app li a i {

        width: 70px;

        height: 70px;

        line-height: 70px;

    }



    .contact-app li {

        font-size: 16px;

    }



    .contact-app [class^="flaticon-"]:before,

    .contact-app [class*=" flaticon-"]:before,

    .contact-app [class^="flaticon-"]:after,

    .contact-app [class*=" flaticon-"]:after {

        font-size: 30px !important;

    }



    .payments ul li {

        padding-bottom: 30px;

    }



    .contact-us .heading h3 {

        padding-top: 5px;

    }



    .subscribe .border-effect2,

    .subscribe .border-effect1 {

        top: 45px;

    }



    .subscribe .heading:before,

    .subscribe .heading:after {

        width: 250px;

    }



    .subscribe .border-effect2 {

        width: 140px;

        left: 177px;

    }



    .subscribe .heading:before {

        top: 61px;

    }



    .subscribe .border-effect1 {

        width: 127px;

        left: 9px;

    }



    .sub-form .col-sm-12 {

        padding-left: 0;

    }



    .foot-menu ul li a {

        font-size: 15px;

    }



    .copy-right h6 {

        font-size: 14px;

    }



    .youtube_video {

        left: 44%;

    }



    .youtube_video a i {

        width: 70px;

        height: 70px;

        line-height: 70px;

        font-size: 22px;

        padding: 0 29px;

    }



    .foot-menu ul {

        padding-bottom: 18px;

    }



    .header_area {

        height: 86px;

    }



    .how-start {

        padding-bottom: 60px;

    }



    .location-txt {

        padding-right: 0px;

    }

    .about-video img {

    width: 100%;

}

    .about-page .heading img{

        width: 100%;

    }

    .about-page .heading{

        padding-top: 60px;

    }

.header-nav .navbar-brand {

    margin-right: 7px;

}

    .start-text,

    .start-img{

        text-align: center;

    display: inline-block;

    }

    .dropdown-menu > li {

    padding: 2px 10px;

}

    .dropdown-menu > li > a {

    font-size: 15px;

}

}



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

    .in-project {

        padding-bottom: 0;

    }



    .side_search {

        position: relative !important;

        top: 0 !important;

        margin-top: 3px!important;

    }



    .dropdown-menu {

        padding: 0px 5px;

        top: 0;

        -webkit-transition: all .4s ease;

        -ms-transition: all .4s ease;

        transition: all .4s ease;

    }



    .hidden {

        display: block;

    }



    .hidden-main {

        display: none;

    }



    p {

        font-size: 14px ;

    }



    .faq-inner p {

        width: auto;

    }



    .main_page {

        background: #150035;

    }



    .title {

        font-size: 48px;

        line-height: 60px;

        width: auto;

    }



    .banner-center {

        top: 50%;

        left: 0%;

        width: auto;

    }



    .banner_text h3 {

        font-size: 20px;

        padding-bottom: 20px;

    }



    .control-img {

        height: 100px;

        padding: 23px 14px;

    }



    .counterinner ul li {

        width: 30px;

        margin: 0 1px;

        padding: 7px;

    }



    .counter-text h3 {

        font-size: 20px;

    }



    .counter-left h4 {

        font-size: 26px;

        padding-bottom: 20px;

        padding-top: 10px;

    }



    .counterinner ul {

        display: inline-block;

        text-align: center;

    }



    .control-inner {

        padding-left: 10px;

        padding-right: 10px;

    }



    .conter-res {

        margin-top: -40px;

        padding: 20px 10px;

    }



    .cont-bot {

        margin-bottom: 30px;

    }



    .control [class^="flaticon-"]:before,

    .control [class*=" flaticon-"]:before,

    .control [class^="flaticon-"]:after,

    .control [class*=" flaticon-"]:after {

        font-size: 55px !important;

    }



    .start-text h3 {

        margin-bottom: 3px;

        padding-top: 6px;

    }



    .control-inner {

        padding-bottom: 30px;

    }



    .how-start {

        padding-bottom: 50px;

    }



    .control-text h3 {

        font-size: 16px;

        margin-bottom: 6px;

    }

.control-text p {

    line-height: 20px;

}

    .free-spin {

    padding-bottom: 60px;

}

    .heading h3,

    .heading h2 {

        font-size: 28px;

        letter-spacing: 0;

        text-align: center;

    }



    .start-text h3 {

        font-size: 16px;

        padding-top: 0px;

    }



      .project-img .nav-menu {

    font-size: 15px;

              padding: 6px 10px;

}

    .pro-row{

        padding-bottom: 30px;

    }

    .project-img .nav-pills {

    text-align: center;

        display: contents;

}



    .winner-name h5 {

        font-size: 13px;

    }



    .toun_scroll_flag {

        padding-left: 9px;

    }



    .sub-heading,

    .free-spin {

        text-align: center;

    }



    .running-img .img-fluid {

        margin-bottom: 30px;

        width: 100%;

    }



    .upcom-slick,

    .score-slick {

        padding-bottom: 50px;

    }



    .coundown {

        float: none;

        margin-left: 0px;

        padding-top: 50px;

    }



    .counter-jack {

        text-align: center;

        display: inline-block;

        padding-top: 20px;

    }



    .coundown p {

        font-size: 20px !important;

        padding-top: 5px;

    }



    .counter-jack,

    .jackpots {

        padding-bottom: 0;

    }



    .faq-inner h3 {

        font-size: 18px;

        padding-bottom: 15px;

    }

    .foot-menu{

        padding-top: 20px;

    }

    .contact-about,

    .faq-inner {

        padding-bottom: 40px;

        text-align: center;

    }



    .f-padding {

        padding-left: 0px;

    }



    .faq-pad,

    .faq-border {

        display: none;

    }



    .app-icon {

        text-align: center;

    }



    .jack-bor,

    .subscribe,

    .payments {

        text-align: center;

        width: 100%;

    }



    .payments ul {

        text-align: center;

        display: inline-block;

    }



    .payments ul li {

        padding-right: 2px;

        padding-left: 2px;

    }



    .bot-menu,

    .sub-form .col-sm-12 {

        padding-right: 0px;

        padding-left: 0px;

    }



    .sub-form {

        width: 96%;

        text-align: center;

        display: inline-block;

    }



    .foot-menu ul li a {

        font-size: 14px;

        padding: 0 4px;

    }



    .copy-right h6 {

        font-size: 14px;

    }



    .upcomg {

        padding-top: 30px;

    }



    .project-img {

        padding-bottom: 60px;        

    }

    .contact-page,

    .faq,

    .project-img,

    .tour-jack{

        padding-top: 40px;

    }

    .header_area {

        background: none;

        height: 58px;

    }



    .youtube_video a i {

        top: 48%;

        left: 50%;

        width: 70px;

        height: 70px;

        line-height: 70px;

        font-size: 20px;

        padding: 0 29px;

    }



    .youtube_video {

        left: 41%;

        top: 39%;

    }



    .about-video {

        margin-bottom: 60px;

    }



    .about-page {

        padding-bottom: 30px;

    }



    .button-group .btn-filter {

        float: none;

    }



    .btn-filter {

        padding: 10px 0px;

        font-size: 18px;

        line-height: 18px;

        text-align: center;

    }



    #cssmenu > ul > li > a {

        padding: 14px;

    }



    #cssmenu ul li a {

        font-size: 14px;

    }



    #cssmenu > ul > li:hover > a,

    #cssmenu ul li.active a {

        color: #fff;

    }



    .foot-menu ul {

        padding-bottom: 18px;

    }



    .port_img .casino-btn a {

        padding: 13px 18px;

        font-size: 20px;

    }



    .port-text-btm {

        top: 140px;

    }



    .tour-jack {

        margin-bottom: -50px;

    }

.error {

        height: 83vh;

    }

     .error-txt h4 {

    font-size: 90px;

}

    .error-btn {

    top: 94%;

        width: 280px;

}

    .error-btn .casino-btn a{

        font-size: 22px;

    }

    .error-txt:before {

    top: 85%;

    left: 69%;

    width: 400px;



}

    .location-txt {

        padding-right: 0px;

    }



    .contact-about .border-effect1,

    .app-icon .border-effect1,

    .subscribe .border-effect1,

    .payments .border-effect1 {

        width: 100px;

        left: 0;

    }



    .border-effect1 {

        width: 99px;

        left: 80px;

    }



    .border-effect2 {

        width: 96px;

        right: 60px

    }



    .contact-about .border-effect2,

    .app-icon .border-effect2,

    .subscribe .border-effect2,

    .payments .border-effect2 {

        width: 95px;

        left: 220px;

    }



    .heading:before,

    .heading:after,

    .subscribe .heading:before,

    .subscribe .heading:after,

    .contact-about .heading:before,

    .contact-about .heading:after,

    .payments .heading:before,

    .payments .heading:after {

        width: 100%;

        left: 50%;

    }



    .title:before {

        position: absolute;

        content: 'Online Casino';

        text-shadow: 21px 13px 2px #2c0b49;

        filter: drop-shadow(0 0 40px #68248c);

        left: 48%;

        width: 250px;

        top: -8px;

        transform: translateX(-50%);

        z-index: -99;

    }



    .control-pad {

        display: none;

    }



    .control {

        padding-bottom: 40px;

    }

}



@media (min-width: 381px) and (max-width: 575px) {

    .btn-filter {

        padding: 10px 0px;

        font-size: 16px;

        line-height: 16px;

        text-align: center;

    }



    .contact-app li a i {

        width: 78px;

        height: 78px;

        line-height: 78px;

    }



    .contact-app [class^="flaticon-"]:before,

    .contact-app [class*=" flaticon-"]:before,

    .contact-app [class^="flaticon-"]:after,

    .contact-app [class*=" flaticon-"]:after {

        margin-left: 0px !important;

        font-size: 34px !important;

    }



    .title:before {

        left: 46%;

    }

}



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



    .winner-name p,

    .winner-name h5 {

        font-size: 12px !important;

    }



    .section {

        padding-top: 60px;

    }



    .control-inner .col-8 {

        padding-left: 0;

    }



    .control-inner {

        padding-bottom: 5px;

    }



    .control-inner {

        margin-bottom: 30px;

    }



    .btn-filter {



        padding: 10px 0px;

        font-size: 16px;

        line-height: 16px;

        text-align: center;

    }



    .foot-menu ul li a {

        font-size: 13px;

        padding: 0 4px;

    }



    .copy-right h6 {

        font-size: 13px;

    }



    .contact-app li a i {

        width: 70px;

        height: 70px;

        line-height: 70px;

    }



    .contact-app [class^="flaticon-"]:before,

    .contact-app [class*=" flaticon-"]:before,

    .contact-app [class^="flaticon-"]:after,

    .contact-app [class*=" flaticon-"]:after {

        margin-left: 0px !important;

        font-size: 32px !important;

    }



    #back-top-btn {

        width: 40px;

        height: 40px;

        padding: 6px;

    }



    .contact-page .heading:after,

    .heading:before,

    .heading:after,

    .subscribe .heading:before,

    .subscribe .heading:after,

    .contact-about .heading:before,

    .contact-about .heading:after,

    .payments .heading:before,

    .payments .heading:after {

        width: 260px;

        left: 50%;

    }



    .title:before {

        width: 250px;

        left: 44%;

    }



    .payments ul li {

        padding-right: 0;

        padding-left: 0;

        margin: 0 -1px;

    }



    .payments ul li img {

        width: 86%;

    }

     .error-txt h4 {

    font-size: 75px;

}

    .error-txt:before {

        font-size: 26px;

    top: 85%;

    left: 65%;

    width: 300px;



}



}





@media (max-width:991px)

{

    a.menu-icon { display:block; margin:0 auto; float: right;}

	a.menu-text { display:block;}



	#header .main-nav {	max-width: 43px;}



	#nav { float:none; margin:0 auto; text-align:center; position: relative;}

    #nav ul {

        display: none;

        overflow: hidden;

        margin: 10px 0 0 0;

        width: 300px;

        position: absolute;

        top: 72px;

        right: 0px;

        z-index: 11;

        background: linear-gradient(to bottom, rgba(254, 215, 125, 1) 0%, rgba(247, 172, 4, 1) 100%);

    }

	#nav ul li {

        width: 100%;

        margin: 0;

        padding: 0;

        border: none;

        border-bottom: 1px solid #fff !important;

        text-align: left;

        padding: 10px 20px;

    }

	#nav ul li a { padding:10px 0; color:#fff;}

	#nav ul li:last-child {border-bottom: none !important;}

	#nav ul li .svg-inline--fa {margin: 10px 0px; font-size: 18px;}

	

	/* Drop Down */

	#nav ul li ul { position:relative; top:0; width:100%;}

	/* Drop Down */



	#nav ul li.active a {color: #fff;}

	#nav ul li a:hover {color: #fff;}





    ul.sub-menu {

        display: none !important;

    }



    .open-submenu ul.sub-menu

    {

        display: block !important;

    }



    #nav ul li i {

        color: #fff;

        margin-left: 0;

        /* float: right; */

        /* margin: 10px 0; */

        text-align: right;

        position: absolute;

        right: 20px;

        top: 13px;

        transform: rotate(0deg);

    }



    .open-submenu ul.sub-menu {

        display: block !important;

        top: 0 !important;

        opacity: 1 !important;

        visibility: visible;

    }



    ul.sub-menu li a {

        color: #ffffff !important;

    }

}

@media (max-width:1200px)
{
    .download-app-box .col-md-4 {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .players-details-content {
        right: 100px !important;
    }
}

@media (max-width:1100px)
{
    .follow-title .heading h2 {
        font-size: 25px;
    }
    .payments .heading h2 {
        font-size: 25px;
    }
    .heading h2 {
        font-size: 30px !important;
        padding-bottom: 10px !important;
    }

    .hexagon-shape img {
        width: 100%;
        max-width: 120px;
    }
    .hexagon-shape-box {
        position: relative;
        left: 55px;
    }
}

@media (max-width:1024px)
{
    .banner_title {
        position: absolute;
        top: 50%;
        transform: translate(0px, -50%);
        left: 35px !important;
    }
}

@media (max-width:991px)
{
    .start-text {
        padding-left: 0px;
        padding-right: 0;
        padding-top: 0 !important;
    }

    .container {
        max-width: 95%;
        margin: auto;
    }
    .app-icons img {
        width: 70px;
        filter: invert(1);
    }

    .why-play .col-md-2 {
        flex: 0 0 35%;
        max-width: 35%;
        display: flex;
        align-items: stretch;
        height: 100%;
    }
    .row.why-play .col-md-12 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row.why-play .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 65%;
        max-width: 65%;
    }

    .hexagon-shape {
        width: 120px !important;
        height: 140px !important;
      
    }
    .shape_boxs:nth-child(2) .hexagon-shape {
        top: 0px !important;
        left: 126px !important;
    }
    .shape_boxs:nth-child(3) .hexagon-shape {
        left: -63px !important;
        top: 110px !important;
    }
    .shape_boxs:nth-child(4) .hexagon-shape {
        left: 63px !important;
        top: 111px !important;
    }
    .shape_boxs:nth-child(5) .hexagon-shape {
        left: 189px !important;
        top: 111px !important;
    }
    .shape_boxs:nth-child(6) .hexagon-shape {
        left: -1px !important;
        top: 221px !important;
    }
    .shape_boxs:nth-child(7) .hexagon-shape {
        left: 126px !important;
        top: 222px !important;
    }

    .players_img img {
        width: 120px;
        height: 100px;
        object-fit: cover;
        object-position: top;
    }
    .players-details-content {
        right: 40px !important;
        top: -30px !important;
        width: 45% !important;
    }

    .about-rummy-block {
        padding: 50px 0 !important;
    }
    .about-rummy-box p:last-child {
        padding-bottom: 0 !important;
    }
    #banner .heading {
        margin-bottom: 0 !important;
    }

    .location-txt {
        padding-right: 0 !important;
    }
    .faq-form {
        margin-top: 0 !important;
    }
    a.menu-icon {
        display: block !important;
        height: auto;
        padding: 7px 0 7px 0;
        width: 40px;
        background: rgba(0,0,0,0.2);
    }
    .header-block {
        border-bottom: 1px solid #ccc;
    }


  
}

@media (max-width:767px)
{
    .section {
        padding-top: 40px !important;
    }
    .control {
        padding-bottom: 40px !important;
        overflow: hidden;
    }
    .download-app-box .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row.why-play .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .why-play .col-md-2 {
        flex: 0 0 25%;
        max-width: 25%;
        display: flex;
        align-items: stretch;
        height: 100%;
    }
    .row.why-play .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .row.why-play {
        justify-content: space-between;
        width: 100%;
        margin-bottom: 0 !important;
    }
    .heading h2 {
        font-size: 27px !important;
        padding-bottom: 10px !important;
    }
    .control-text h3 {
        font-size: 18px !important;
        position: relative;
        line-height: 24px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 0;
        cursor: auto;
        color: #9C2D2C;
    }
    .heading {
        margin-bottom: 30px !important;
    }

    .how-start {
        background: #fff;
        padding-bottom: 40px !important;
    }
    .free-spin {
        padding-bottom: 40px;
        height: 970px !important;
    }

    #contact-us .contact-about, .faq-inner {
        padding-bottom: 40px;
        text-align: left;
    }

    #contact-us .contact-app {
        text-align: left;
    }
    #contact-us .payment-method a {
        width: 20%;
        margin-bottom: 10px;
    }

    #contact-us .heading h2 {
        text-align: left;
    }

    #contact-us .payments .heading {
        text-align: left;
        margin-bottom: 20px !important;
    }

    .hexagon-shape-box {
        position: relative;
        left: 80%;
        transform: translate(-50%, 0px);
    }

    .players-details-content {
        left: -30%;
        top: 400px !important;
        width: 100% !important;
        clip-path: none !important;
    }

    .app-icons img {
        width: 65px !important;
        filter: invert(1);
    }

    .app-name h5 {
        font-size: 20px;
        color: #9C2D2C;
    }

    .download-content {
        padding: 30px 0 !important;
    }

    #contact-us .payment-method a {
        width: 26%;
        margin-bottom: 10px;
        text-align: left !important;
    }

    .calculated-content ul {
        margin-left: 15px !important;
    }
    .rummy-patti-list ol {
        margin-left: 25px !important;
    }
    .rummy-patti-list ul li i {
        margin-right: 10px;
        margin-top: 5px;
        font-size: 15px !important;
    }
    .policy-content p {
        text-align: justify;
    }
    .rummy-patti-list ul li p {
        text-align: justify;
    }
    .rummy-patti-list ol li p {
        text-align: justify;
    }
    .rummy-patti-list ul li {
        display: flex;
        align-items: flex-start;
        font-size: 15px !important;
        text-align: justify;
    }
    .point-system-table table td {
        border: 1px solid gray;
        text-align: center;
        white-space: nowrap;
        font-size: 15px;
    }
    .point-system-table table th {
        background-color: #e6e6e6;
        white-space: nowrap;
        font-size: 15px;
    }
    .point-system-table {
        margin: 30px 0;
        overflow-x: auto;
    }

    .contact_info .row .col-md-12 .row .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contact_info .row .col-md-12 .row .col-md-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contact_info {
        display: flex;
        justify-content: space-between;
    }
    .contact_info .row {
        flex: 0 0 50%;
        /* max-width: 50%; */
    }
    .contact_info .location-icon {
        margin-bottom: 30px;
    }
    .contact_info  .location-icon {
        margin-bottom: 30px;
        text-align: center;
    }
    .contact_info .location-txt {
        padding-right: 130px;
        text-align: center;
        width: 100%;
    }



  
}

@media (max-width:640px)
{

    .hexagon-shape-box {
        position: relative;
        left: 77%;
        transform: translate(-50%, 0px);
    }

    .players-details-content {
        left: -27%;
        top: 400px !important;
        width: 100% !important;
        clip-path: none !important;
    }
  

    .players-details-content {
        top: 400px !important;
    }

    .calculated-content h5 {
        font-size: 19px;
    }
}

@media (max-width:576px)
{
  
    .players-details-content {
    
        top: 360px !important;
    }

    .hexagon-shape img {
        width: 100%;
        max-width: 90px;
    }
    .hexagon-shape {
        width: 110px !important;
        height: 130px !important;
    }
    .shape_boxs:nth-child(2) .hexagon-shape {
        top: 0px !important;
        left: 116px !important;
    }
    .shape_boxs:nth-child(3) .hexagon-shape {
        left: -58px !important;
        top: 102px !important;
    }
    .shape_boxs:nth-child(4) .hexagon-shape {
        left: 58px !important;
        top: 102px !important;
    }
    .shape_boxs:nth-child(5) .hexagon-shape {
        left: 173px !important;
        top: 103px !important;
    }
    .shape_boxs:nth-child(6) .hexagon-shape {
        left: -1px !important;
        top: 205px !important;
    }
    .shape_boxs:nth-child(7) .hexagon-shape {
        left: 115px !important;
        top: 205px !important;
    }

    .why-play .col-md-2 {
        flex: 0 0 30%;
        max-width: 30%;
        display: flex;
        align-items: stretch;
        height: 100%;
    }
    .row.why-play .col-md-10 {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .app-name h5 {
        font-size: 18px !important;
        color: #9C2D2C;
    }
    .app-name {
        padding: 20px 0 !important;
    }
    .app-icons img {
        width: 55px !important;
        filter: invert(1);
    }
    .download-app-btn a {
        padding: 7px 25px 9px !important;
    }
    .heading h2 {
        font-size: 23px !important;
        padding-bottom: 0px !important;
    }
    .Why-Play-Rummy-Patti {
        padding-top: 40px;
    }
    .home_about .heading {
        margin-bottom: 0;
    }
    .heading {
        margin-bottom: 30px !important;
    }
    .download-app-block {
        margin-top: 40px !important;
    }
    .control-text h3 {
        font-size: 17px !important;
    }
    .learn-play .start-text h3 {
        font-size: 18px;
    }
    .logo-box img {
        width: 80px !important;
    }
    .Why-Play-Rummy-Patti {
        padding-top: 40px !important;
    }
    .payment-method img {
        width: 70px !important;
    }
    #contact-us .payment-method a {
        width: 26%;
        margin-bottom: 10px;
    }
    .calculated-content h5 {
        font-size: 17px !important;
    }
    .boxsss p:last-child {
        margin-bottom: 0;
    }
    .calculated-content h6 {
        font-size: 16px !important;
        margin: 10px 0 20px;
        color: #c50000;
    }
    .banner-block img {
        width: 100%;
        height: 30vh !important;
        object-fit: cover;
        object-position: top;
    }
    .contact-app li {
        padding-bottom: 5px !important;
    }
    .payments ul li {
        padding-bottom: 5px;
    }
    .table-box {
        overflow-x: auto;
    }
    .table-box td {
        white-space: nowrap;
    }
    .contact_info .row {
        flex: 0 0 100%;
    }
    .contact_info {
        display: block;
        justify-content: space-between;
    }
    .location-icon i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }
    .logo-box img {
        width: 80px !important;
    }
}



@media (max-width:480px)
{

    .hexagon-shape-box {
        position: relative;
        left: 73%;
        transform: translate(-50%, 0px);
    }
    .players-details-content {
        top: 380px !important;
        left: -23%;
    }
  
    .players-details-content {
      
        top: 340px !important;
    }
    .download-app-box .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .download-app-box .row {
        gap: 30px;
    }
    .why-play .col-md-2 {
        flex: 0 0 35%;
        max-width: 35%;
    }
    .row.why-play .col-md-10 {
        flex: 0 0 65%;
        max-width: 65%;
    }
    .free-spin {
        padding-bottom: 40px;
    }
    .contact-app li a {
        color: #000000;
        font-size: 17px !important;
    }
    .control-text h3 {
        font-size: 16px !important;
    }
    .learn-play .start-text h3 {
        font-size: 17px !important;
        line-height: 26px !important;
    }

    .control-inner {
        padding-bottom: 0 !important;
        align-items: center !important;
    }
    .calculated-content ul {
        margin-left: 0 !important;
    }
}

@media (max-width:450px)
{
    .hexagon-shape-box {
        position: relative;
        left: 68%;
        transform: translate(-50%, 0px);
    }

    .players-details-content {
        top: 380px !important;
        left: -18%;
    }

 

}

@media (max-width:420px)
{
    .free-spin {
        padding-bottom: 40px;
        height: 980px !important;
    }
}

@media (max-width:390px)
{
 
    .players-details-content {
 
        top: 270px !important;
        padding: 15px !important;
    }
    .hexagon-shape {
        width: 85px !important;
        height: 95px !important;
    }
    .shape_boxs:nth-child(2) .hexagon-shape {
        top: 0px !important;
        left: 90px !important;
    }
    .shape_boxs:nth-child(3) .hexagon-shape {
        left: -44px !important;
        top: 76px !important;
    }
    .shape_boxs:nth-child(4) .hexagon-shape {
        left: 45px !important;
        top: 76px !important;
    }
    .shape_boxs:nth-child(5) .hexagon-shape {
        left: 135px !important;
        top: 76px !important;
    }
    .shape_boxs:nth-child(6) .hexagon-shape {
        left: -1px !important;
        top: 152px !important;
    }
    .shape_boxs:nth-child(7) .hexagon-shape {
        left: 89px !important;
        top: 152px !important;
    }

    .players_img img {
        width: 130px !important;
        height: 130px !important;
        object-fit: cover;
        object-position: top;
    }
    .players-details-content {
        height: 313.06px !important;
    }
    .free-spin {
        padding-bottom: 40px;
        height: 770px !important;
    }
}