/*--------------------media query start-------------------*/
/* @media only screen and (max-width: 1200px) {
  ul.innersectionbutton li {
    padding: 25px 7px;
    inline-size: 47%;
  }

  .playings-times-content {
    background-size: 90%;
  }

  .nav-item {
    margin: 0 12px;
  }

  .img-1 {
    border-radius: 0 75px 0 75px;
    position: absolute;
    inline-size: 53%;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: 9;
  }

  .img-2 {
    border-radius: 0 75px 0 75px;
    position: absolute;
    inset-inline-end: 32px;
    inset-block-start: 127px;
    inline-size: 52%;
  }

  .scroll-left {
    inset-inline-start: 0;
  }

  .scroll-right {
    inset-inline-end: 0;
  }

  .tab-accordion {
    position: relative;
    white-space: wrap;
    text-align: center;
    margin: 0 auto;
  }

  h1.innerbannerHeading {
    inset-block-start: 220px;
  }

  .tabs-container {
    overflow: hidden;
    inline-size: calc(3 * 207px);
    margin: 0 auto;
  }

  .humble-img::before {
    content: "";
    position: absolute;
    inline-size: 308px;
    block-size: 466px;
    opacity: 1;
    inset-inline-start: 30px;
    inset-inline-end: 0;
    margin: 0 auto;
    inset-block-end: 0;
    inset-block-start: 115px;
    border: 0.87px solid #e2d152;
    border-radius: 178px 178px 0 178px;
  }
  .humblebannerimg {
    border: 4.72px solid #3a3a3a;
    border-radius: 157px;
    vertical-align: top;
    float: inline-start;
    margin-inline-start: 70px;
    position: absolute;
    z-index: 9;
    max-width: 250px;
    width: 100%;
  }
  .humblebannerimg1 {
    border-radius: 200px;
    position: absolute;
    inset-inline-start: 217px;
    inset-block-start: 150px;
    max-width: 290px;
    width: 100%;
  }
  .humbleimg-1 {
    inline-size: 170px;
    block-size: 170px;
    border-radius: 50%;
    border: 5px solid #e2d152;
  }
  .humbleimg-2 {
    inline-size: 280px;
    block-size: 280px;
    border-radius: 50%;
    border: 5px solid #e2d152;
    margin-block-start: 150px;
  }
  .humbleimg-4 {
    inline-size: 120px;
    block-size: 120px;
    inset-inline-end: 0;
    display: block;
    position: absolute;
    inset-block-end: 0;
    bottom: -137px;
  }
  .humbleimg-3 {
    inline-size: 150px;
    block-size: 150px;
    inset-inline-start: 0;
    display: block;
    position: absolute;
    inset-block-end: 0;
  }
  .nav-item {
    margin: 0px 7px;
  }
  a.nav-link {
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff !important;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0px;
    padding-left: 0px;
  }
} */

@media only screen and (max-width: 992px) {
  .navbar-expand-lg .navbar-toggler {
    display: block !important;
  }

  ul.innersectionbutton li {
    padding: 25px 18px;
    inline-size: 100%;
    margin-block-end: 10px;
  }

  .col-md-6.landingcontent {
    max-inline-size: 100% !important;
    flex: 100%;
  }

  header {
    background: #0d0d0de5;
    position: absolute;
    z-index: 999;
    inline-size: 100%;
  }

  header .col-md-4 {
    inline-size: 100%;
    display: block;
    max-inline-size: 100% !important;
    flex: none;
  }

  header .col-md-9 {
    inline-size: 100%;
    display: block;
    max-inline-size: 100% !important;
    flex: none;
    margin-block-start: -44px;
  }

  nav.navbar.navbar-expand-lg.navbar-light {
    float: inline-end;
    inline-size: 100%;
    display: block;
  }

  .navbar-light .navbar-toggler {
    background: #222222;
    float: inline-end;
  }

  .navbar-light .navbar-toggler-icon {
    background-image: url("../images/humburger.svg");
  }

  div#navbarNav {
    position: absolute;
    inset-block-start: 89px;
    inline-size: 100%;
    float: inline-start;
    text-align: start;
    inset-inline-start: 0;
    background: #0d0d0de5;
  }

  .carousel-caption.d-none.d-md-block {
    inset-block-start: 222px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    max-inline-size: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .carousel-caption h5 {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color:#e2d152;
  }

  .carousel-caption h1 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: normal;
    color: #e2d152;
  }

  .carousel-caption h1 span {
    color: #e2d152;
    display: block;
  }

  .innerbanner img {
    inline-size: 100%;
    block-size: 210px;
    margin: 0 auto;
  }

  .mainheadingsection {
    inline-size: 100%;
    max-inline-size: 100%;
    flex: none;
  }

  .mainheadingsection h1 {
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
  }

  .mainheadingsection h2 {
    font-size: 14px;
    font-weight: 900;
    line-height: normal;
    margin: 7px 0px;
  }

  .mainheadingsection h3 {
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
  }

  .introduction .row {
    display: flex;
    flex-direction: row-reverse;
    min-block-size: 690px;
  }

  .introduction .col-md-6 {
    flex: none;
    display: block;
    inline-size: 100%;
    max-inline-size: 100%;
    order: 2;
  }

  .introduction .intro-text-section {
    flex: none;
    display: block;
    inline-size: 100%;
    max-inline-size: 100%;
    order: 1;
    padding: 0;
    text-align: center;
  }

  .intro-text-section span::after {
    display: none;
  }

  .intro-text-section p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    text-align: center;
  }

  .game-card {
    display: block;
    flex: none;
    max-inline-size: 100%;
    inline-size: 100%;
    text-align: center;
  }

  .intro-image-section::before {
    content: "";
    inset-block-end: 0;
    inset-block-start: 48px;
  }

  .games-card-text {
    margin: -33px auto 20px auto;
    position: relative;
  }

  /* playings time responsive */

  .playings-times-section {
    block-size: auto;
    background: #222222 url(../images/bgImageUrl.png) center center no-repeat;
    background-size: cover;
  }

  .playings-times-background-blur {
    position: absolute;
    inset-block-start: 91px;
    block-size: 100%;
    background: url(../images/bgImageUrl.png) center center no-repeat;
    z-index: 1;
    opacity: 0.2;
    filter: blur(100px);
  }

  .playings-times-content {
    inline-size: 100%;
    block-size: 100%;
    background: rgba(34, 34, 34, 0.5) url(../images/bgImageUrl.png) center center no-repeat;
    padding: 56px;
    background-size: cover;
    background-position: rotate(60deg);
  }

  .playings-times-time-box {
    max-inline-size: 434px;
    block-size: 378px;
    inline-size: 100%;
  }

  .playings-times-times-container {
    align-items: center;
    flex-direction: column;
  }

  /* playings time responsive end */
  .footer-logo-section {
    margin-block-start: 71px;
    padding-inline-end: 0;
    flex: none;
    inline-size: 100%;
    max-inline-size: 100%;
    padding: 30px 0;
  }

  .footer-contact-section,
  .footer-instagram-section {
    margin-block-start: 44px;
    flex: none;
    inline-size: 100%;
    max-inline-size: 100%;
  }

  .footer-contact-section h2,
  .footer-instagram-section h2 {
    font-size: 16px;
    font-weight: 600;
    margin-block-end: 4px;
  }

  .copyright {
    padding: 12px 35px;
  }

  .copyright p,
  .copyright span {
    font-size: 12px;
  }

  .innerbannerContainer {
    inset-block-start: 46px;
    z-index: 0;
  }

  .innerbanner h1 {
    font-size: 55px;
    font-weight: 600;
    inset-block-start: 242px;
  }

  h1.innerbannerHeading {
    inset-block-start: 180px;
  }

  .innerbox h2 {
    font-size: 12px;
    font-weight: 600;
    font-family: Poppins;
    line-height: 20px;
  }

  .innerbox h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    margin-block-end: 0px !important;
    font-family: Poppins;
    font-weight: 600;
    line-height: 42px;
    margin-block-end: 13px;
  }

  .leftvideo {
    position: relative;
    max-inline-size: 100%;
    flex: none;
    inline-size: 100%;
    padding: 0;
  }

  .leftvideo img {
    margin-block-start: 42px;
    margin-inline-start: auto;
  }

  .leftvideo a img {
    inline-size: 60px;
    margin: 0 auto;
  }

  .leftvideo a {
    inset-inline-start: 0;
  }

  .col-md-6.right-content {
    inline-size: 100%;
    flex: none;
    max-inline-size: 100%;
    padding: 15px;
    margin: 19px 0px 0 0;
  }

  .foodbox img,
  .menucard img {
    inline-size: 100%;
    max-inline-size: 1000%;
  }

  .foodboxImg {
    max-inline-size: 100%;
  }

  .fooddetail,
  .foodmenu {
    flex: none;
    max-inline-size: 100%;
    inline-size: 100%;
  }

  .food-price {
    margin: -82px 46px 41px;
  }

  .food-price h1 {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-block-end: 10px;
  }

  .food-price h2,
  .food-price h2 span {
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
  }

  .foodmenu h1 {
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    color: #e2d152;
  }

  .foodmenu h2 {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-block-end: 15px;
  }

  .foodmenu p {
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #ffffffb2;
  }

  .innerbanner h4 {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 500;
    inset-block-start: 200px;
    line-height: 25px;
  }

  .tabs-container {
    overflow: hidden;
    inline-size: calc(2 * 207px);
    margin: 0 auto;
  }

  .mvpdetails {
    flex: none;
    max-inline-size: 100%;
    inline-size: 100%;
  }

  .mvptitle h1 {
    font-size: 20px;
    font-weight: 500;
    margin-block-start: 50px;
    margin-inline-start: auto;
    margin-block-end: 26px;
    line-height: 25px;
  }

  .mvpdetails img {
    inline-size: 224px;
  }

  .mvp-container {
    background: url(../images/mvpbg.png) center center;
    background-size: cover;
  }

  .mvpform {
    background: #010b1896;
    padding: 48px 29px;
    flex: none;
    max-inline-size: 100%;
    inline-size: 100%;
    margin-block-end: 50px;
    margin-block-start: 60px;
  }

  .row.mvptitle {
    padding: 0 31px;
  }

  .mvpform img {
    margin: 0 auto 27px auto;
    inline-size: 100%;
  }

  .mvpform input {
    block-size: 20px;
    margin-block-end: 18px;
  }

  .mvpform input[type="submit"] {
    padding: 12px 0 27px !important;
    line-height: 16px;
  }

  .games-to-play {
    background: #000 url(../images/games-to-play.png) no-repeat center;
    background-size: 350%;
  }

  .tab-pan-response.active {
    display: flex !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 30px;
    flex-wrap: wrap !important;
  }

  .find-us-map-section {
    padding: 40px 0 0 0;
  }

  #humbleEventTop-part {
    /* flex-direction: column; */
    flex-direction: column-reverse;
  }

  #humbleEventTop-part .humbleEvent-left {
    width: 100% !important;
  }

  #humbleEventTop-part .humbleEvent-right {
    margin-bottom: 25px;
    flex-direction: column;
    max-width: 100%;
  }

  #humbleEventTop-part .humbleEvent-middle .circle-inner {
    width: 100% !important;
    height: 50% !important;
    clear: both;
    position: absolute;
    top: 50%;
    bottom: 0;
    overflow: hidden;
  }

  #humbleEventTop-part .humbleEvent-middle .circle-inner .line {
    border: 3px solid #e2d152;
    rotate: 90deg;
  }

  #humbleEventTop-part .humbleEvent-middle .circle {
    border: 0;
  }

  #humbleEvent-leftEvent {
    display: none !important;
  }

  .container-card-section {
    width: 100%;
    /* border: 2px solid red; */
    max-width: 980px !important;
  }

  #getInTauch {
    margin-block-start: 98px !important;
  }

  .humblebannerimg {
    border: 3.72px solid #3a3a3a;
    border-radius: 149px;
    vertical-align: top;
    float: inline-start;
    margin-inline-start: 70px;
    position: absolute;
    z-index: 9;
    max-width: 200px;
    width: 100%;
    top: 147px;
    left: 67px;
  }

  .humblebannerimg1 {
    border-radius: 200px;
    position: absolute;
    inset-inline-start: 218px;
    inset-block-start: 226px;
    max-width: 220px;
    width: 100%;
  }

  .humble-img::before {
    content: "";
    position: absolute;
    inline-size: 224px;
    block-size: 390px;
    opacity: 1;
    inset-inline-start: 30px;
    inset-inline-end: 0;
    margin: 0 auto;
    inset-block-end: 0;
    inset-block-start: 179px;
    border: 0.87px solid #e2d152;
    border-radius: 178px 178px 0 178px;
    left: 186px;
  }

  .humbleimg-1 {
    inline-size: 150px;
    block-size: 150px;
    border-radius: 50%;
    border: 5px solid #e2d152;
    position: absolute;
    top: 0px;
    left: 0;
  }

  .humbleimg-2 {
    inline-size: 230px;
    block-size: 230px;
    border-radius: 50%;
    border: 5px solid #e2d152;
    margin-block-start: 110px;
    margin-inline-start: 85px;
  }

  .humbleimg-3 {
    inline-size: 120px;
    block-size: 120px;
    inset-inline-start: 0;
    display: block;
    position: absolute;
    inset-block-end: 0;
    left: 0;
    top: 463px;
  }

  .humbleimg-4 {
    inline-size: 120px;
    block-size: 120px;
    inset-inline-end: 0;
    display: block;
    position: absolute;
    inset-block-end: 0;
    bottom: -322px;
    right: 33px;
  }

  .games-card-text {
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.9);
    max-inline-size: 330px;
    margin-block-start: -33px;
    padding: 20px 35px;
    height: auto !important;
  }
}

@media only screen and (max-width: 1000px) {
  .innersectionbutton li h2 {
    font-size: 20px;
    font-weight: 900;
    line-height: normal;
    text-align: center;
    background: url(../images/arrow-up-right.svg) 66% 4px;
    background-repeat: no-repeat;
  }

  .innersectionbutton li h3 {
    text-align: center;
  }

  .innersectionbutton li:nth-child(2) h2 {
    background: url(../images/arrow-up-right.svg) 65% 4px;
    background-repeat: no-repeat;
  }
  .landingtitle .col-md-6.col-sm-12 {
    inline-size: 100%;
    flex: 100%;
    max-inline-size: 100%;
  }

  .landingtitle .col-md-6 .row {
    margin: 0 auto;
    display: block;
  }

  .main-container {
    background: url(../images/mobilelandingbg.jpg);
    background-attachment: fixed;
    background-size: 100%;
  }

  .logo-section {
    padding-block-start: 17px;
    text-align: center;
  }

  .landingtitle h1 {
    font-size: 20px;
    text-align: center;
    margin-block-start: 14px;
    line-height: normal;
  }

  .landingtitle h1 span {
    font-family: "Playfair Display", serif;
    font-size: 20px;
    line-height: normal;
    text-align: center;
  }

  .landingtitleh4 {
    font-size: 20px;
    line-height: normal;
    margin-block-start: 39px;
    text-align: center;
    display: block;
    inline-size: 100%;
  }
  .landinglogstitle {
    text-align: center;
  }


  .col-md-6.landingcontent {
    margin-block-start: 12px;
  }

  .landingcontent p {
    line-height: 20px;
    text-align: center;
    color: #858585;
  }

}

@media only screen and (max-width: 768px) {
  .landinglogstitle {
    margin-block-start: 20px;
  }
  .humblebanner .container {
    max-width: 540px;
  }

  .humblebanner {
    background: url("");
    background-repeat: no-repeat;
    background-position: 0px 134px;
    background-color: #111111;
  }

  .humblebannertitle {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .introduction .row {
    display: flex;
    flex-direction: row-reverse;
    min-block-size: 400px;
  }

  
  .menulist li img {
    display: block;
    text-align: center;
    margin: 0 auto 19px auto;
    border-radius: 4px;
    max-inline-size: 100%;
  }

  .footer {
    line-height: 21px;
    text-align: center;
    color: rgb(255 255 255 / 50%);
    margin-block-start: 23px;
  }

  .games-to-play {
    background: #0d0d0d url(../images/games-to-play.png) no-repeat center;
    padding: 120px 0 150px 0;
    background-size: cover;
    margin-block-end: -122px;
  }

  .games-to-play h1 {
    font-size: 14px;
  }

  .games-to-play h2 {
    font-size: 18px;
  }

  .games-to-play .container {
    margin-block-start: 15px;
  }

  .pricing {
    padding: 40px 0;
  }

  .cards-section {
    margin-block-start: 37px;
  }

  .pricing h2 {
    font-size: 20px;
    font-weight: 600;
  }

  .pricing h3 {
    color: rgb(255 255 255);
    font-size: 30px;
    font-weight: 400;
    /* margin-bottom: 15px !important; */
  }
.pricing-heading{
  font-size: 15px !important;
}
  .cards-section .col-md-4 {
    flex: none;
    inline-size: 100%;
    max-inline-size: 100%;
    text-align: center;
    margin-block-end: 21px;
  }

  .cards-internal-bottom {
    text-align: start;
  }

  .cards-internal.row.align-items-center {
    padding-block-start: 17px;
    padding-block-end: 14px;
  }

  .frequently-asked-questions {
    padding: 49px 0;
  }

  .frequently-asked-questions h2 {
    font-size: 16px;
    font-weight: 600;
  }

  .frequently-asked-questions #accordionExample {
    padding: 0;
  }

  .get-in-touch-text {
    margin-block-start: 40px;
    flex: none;
    max-inline-size: 100%;
    inline-size: 100%;
    text-align: center;
  }

  .get-in-touch-text p {
    max-inline-size: 100%;
    text-align: center;
  }

  .get-in-touch-form-section {
    background: #242424;
    box-shadow: 0px 10px 50px 0px rgba(30, 30, 30, 0.4);
    padding: 50px 35px;
    margin-block-start: 0;
    flex: none;
    max-inline-size: 100%;
    inline-size: 100%;
  }

  .get-in-touch-form-force {
    padding: 50px 15px;
    margin-block-start: 0;
    flex: none;
    max-inline-size: 100%;
    inline-size: 100%;
  }

  .get-in-touch {
    padding-block-end: 46px;
  }

  .right-content {
    inline-size: 100%;
    flex: none;
    max-inline-size: 100%;
    padding: 15px;
    margin: 19px 0px 0 0;
    text-align: center;
  }

  .col-md-6.right-content p {
    text-align: start;
  }

  .right-content img {
    inline-size: 95px;
    display: inline-block;
    margin-inline-end: auto;
    text-align: center;
    float: none;
  }

  .right-content a {
    margin: 0 auto;
    clear: both;
  }

  .highstakes {
    inline-size: 100%;
    max-inline-size: 100%;
    flex: none;
  }

  .highstakes h1 {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
  }

  .highstakes h4 {
    font-size: 12px;
    font-weight: 400;
  }

  .menucard {
    margin-block-start: 30px !important;
  }

  .menulist li {
    display: block;
  }

  .menulist li {
    display: inline-block;
    vertical-align: top;
    margin-inline-end: 0px;
  }

  .howtoplayvideo h1 {
    font-size: 12px;
    padding: 67px 37px 17px 48px;
  }

  .get-in-touch-text h1 {
    font-size: 18px;
    letter-spacing: normal;
    margin-block-end: 7px !important;
  }

  .get-in-touch-form-section h2 {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-block-end: 23px;
  }

  .get-in-touch-text p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.06px;
    margin-block-end: 20px;
  }

  .get-in-touch-text h3 {
    font-size: 14px;
  }

  .get-in-touch-text a {
    font-size: 16px;
  }

  header .col-md-4 a {
    position: relative;
    z-index: 99999;
  }

  .introduction .row {
    display: flex;
    flex-direction: row-reverse;
    min-block-size: 659px;
  }

  .mainheadingArgest {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }

  .mainheadingsection {
    padding: 15px 7px;
    margin-block-start: -54px !important;
    border-radius: 13px;
    border: 0;
  }

  .intro-image-section::before {
    content: "";
    border: 4px solid #e2d152;
    position: absolute;
    opacity: 1;
    inset-inline-start: 140px;
    inset-inline-end: 0;
    margin: 0 auto;
    inset-block-end: -203px;
  }

  .img-1 {
    border-radius: 0 75px 0 75px;
    position: absolute;
    inline-size: 53%;
    inset-block-start: 0;
    inset-inline-start: 30px;
    z-index: 9;
  }

  .img-2 {
    border-radius: 0 75px 0 75px;
    position: absolute;
    inset-inline-end: 32px;
    inset-block-start: 127px;
    inline-size: 52%;
  }

  .find-us-map-section h2 {
    color: #fff;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 40.3px;
    text-transform: capitalize;
    margin: 0 auto;
    margin-block-end: 30px;
  }

  .highstakes {
    border: 1px solid #e2d1521a;
    border-radius: 13px;
    padding: 38px 0;
    text-align: center;
    margin-block-start: 80px;
    display: block;
    clear: both;
    margin-block-end: 0px !important;
  }

  .highstakes h1 {
    padding: 0 12px;
  }

  .highstakes h4 {
    padding: 16px 12px 0 12px;
  }

  .tabs-container {
    overflow: hidden;
    inline-size: calc(2 * 207px);
    margin: 0 auto;
  }

  .pizza-fam-food {
    flex-direction: column;
  }

  .humble-aboutus-food {
    flex-direction: column;
    padding: 0;
  }

  .humbleintro-text-section {
    text-align: center;
    /* padding: 0 37px !important; */
  }

  .humbleintro-text-section h3,
  .humbleintro-text-section p,
  .humbleintro-text-section h2 {
    text-align: center;
  }

  .humble-food-us {
    padding: 25px 0;
  }

  .innerbox {
    padding: 25px 0;
  }

  #pricing-cards-boths-card.cards-section {
    margin-block-start: 0px !important;
    padding-inline-start: 0px !important;
    padding-inline-end: 0px !important;
  }

  .get-in-touch-form-display {
    display: contents;
    margin-top: 25px;
  }

  #get-in-touch-information {
    display: none !important;
  }

  #getInTauch {
    margin-block-start: 60px !important;
  }

  .humblebanner h2 {
    margin-block-start: 153px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
  }

  .humblebanner h3 {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 25px;
    text-align: center;
    color: #ffffff;
    padding-block-end: 253px;
  }

  .humble-img::before {
    content: "";
    /* position: relative; */
    inline-size: 81px;
    block-size: 142px;
    opacity: 1;
    inset-inline-start: 0px;
    inset-inline-end: 3;
    margin: 0 auto;
    inset-block-end: 10;
    inset-block-start: -199px;
    border: 0.87px solid #e2d152;
    border-radius: 110px 110px 0 110px;
    /* left: -42px; */
    /* top: -194px; */
  }

  .humble-img::after {
    content: "";
    background: url(../images/hero-shape-6.png) no-repeat;
    width: 130px;
    display: block;
    position: absolute;
    left: 237px;
    right: 0;
    top: -184px;
    height: 114px;
  }

  .humblebannerimg {
    border: 2.72px solid #3a3a3a;
    border-radius: 149px;
    vertical-align: top;
    float: inline-start;
    margin-inline-start: 118px;
    position: absolute;
    z-index: 9;
    max-width: 65px;
    width: 100%;
    top: -172px;
    left: 67px;
  }

  .humblebannerimg1 {
    border-radius: 200px;
    position: absolute;
    inset-inline-start: 231px;
    inset-block-start: 226px;
    max-width: 85px;
    width: 100%;
    top: -194px;
  }

  .humbleimg-1 {
    inline-size: 80px;
    block-size: 80px;
    top: -24px;
    left: 105px;
  }

  .humbleimg-2 {
    inline-size: 150px;
    block-size: 150px;
    border-radius: 50%;
    border: 5px solid #e2d152;
    margin-block-start: -20px;
    margin-block-end: 158px;
    /* margin-inline-end: 10px; */
    margin-inline-start: 375px;
  }

  .humbleimg-3 {
    inline-size: 93px;
    block-size: 93px;
    inset-inline-start: 0;
    display: block;
    position: absolute;
    inset-block-end: 0;
    left: 0;
    top: 98px;
  }

  .humbleimg-4 {
    inline-size: 60px;
    block-size: 60px;
    inset-inline-end: 0;
    display: block;
    position: absolute;
    inset-block-end: 0;
    bottom: 67px;
  }

  .humbleintroduction {
    background: url(../images/humble-texture.png),
      url(../images/humbleEllipse.png);
    background-repeat: no-repeat;
    background-position: 11% 6%, center top;
    margin-block-start: -1px;
    padding: 123px 0;
    background-color: #0d0d0d;
  }

  .humbleintroduction {
    padding-bottom: 0px !important;
    padding-left: 16px;
    padding-right: 16px;
  }

  #pding.humbleheadingsection {
    clear: both;
    padding: 17px 25px;
    border-radius: 16px;
    width: 88%;
  }

  .intro-text-section {
    font-family: "Poppins", sans-serif;
    margin-block-start: 50px;
    padding-inline-start: 100px;
    padding: 0 12px;
  }

  .games-to-play {
    background: #0d0d0d url(../images/games-to-play.png) no-repeat center;
    padding: 120px 0 150px 0;
    background-size: cover;
    margin-block-end: -122px;
    margin-top: -60px;
  }

  /* #getin-touch-Hide {
    display: block !important;
  } */
  #getIn-show {
    display: none !important;
  }

  .intro-text-section h3 {
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
  }

  .intro-text-section h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 48px;
    display: inline-block;
  }

  .intro-text-section span {
    font-size: 16px;
    font-weight: 600;
    line-height: 48px;
    /* display: inline-block; */
  }

  .intro-text-section p {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }

  .get-in-touch .row {
    padding-left: 12px;
    padding-right: 12px;
  }

  .innerbox .row {
    padding-left: 50px;
    padding-right: 50px;
  }

  .introduction {
    background: #0d0d0d url(../images/welcome-one-dot.png) no-repeat 9% 76%;
  }

  .humbleintro-image-section {
    background-position: 27% 539%, right top;
    background-size: 280px;
  }

  .footer-logo-section .row {
    margin: 0 12px;
  }

  .footer-contact-section {
    padding-left: 30px;
  }

  .humbleintroduction .container {
    background: none;
  }

  .pricing .col-md-5.py-3 {
    margin: 0;
  }

  .carousel-caption.d-none.d-md-block {
    display: block !important;
    top: 44%;
  }

  .humbleintroduction .container {
    padding: 123px 0 50px 0;
  }

  .howtoplayvideo h1 {
    font-size: 12px;
    padding: 67px 37px 17px 48px;
    line-height: 16px;
  }

  /* media section */

  .media-innerbox .media-container h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 36.3px;
  }

  .media-innerbox .media-container h2 {
    font-size: 12px;
    font-weight: 500;
    line-height: 0;
  }

  .media-innerbox .media-container .media-row h4 {
    font-size: 12px;
    padding-top: 0px;
  }

  .media-innerbox .vide-container {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .media-innerbox h2 {
    font-size: 14px;
  }

  .media-innerbox .vide-container h2 {
    font-size: 12px;
  }

  .media-innerbox-h2 {
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: normal;
    margin: 12px 0px;
  }

  /* grossry */
  .glossry-all-cons .glossry-header-icon {
    width: 48px;
    height: 40px;
    font-size: 14px;
  }

  .glossry .glossry-header h1 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
  }

  .glossry-body-title h1 {
    font-size: 16px;
    line-height: 36.3px;
  }

  .glossry-body-content p {
    color: rgb(255 255 255 / 70%);
    text-align: start;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-style: normal;
    line-height: 20.3px;
    padding: 5px 0;
  }

  .glossry-body-content p span {
    color: #e2d152;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    padding-right: 4px;
  }
}

@media only screen and (max-width: 600px) {
  .humbleintroduction {
    background-position: 23% 6%, center top;

    background-size: 102px !important;
  }

  .intro-image-section {
    margin-block-start: 50px;
  }

  .carousel-control-prev,
  .carousel-control-next {
    inset-block-start: 54%;
    opacity: 1;
    transition: opacity 0.15s ease;
    background: #00000099;
    inline-size: 24px;
    block-size: 40px;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    inline-size: 10px;
  }

  .leftDesign {
    max-height: 150px;
  }

  .humbleintro-text-section h3 {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 3.5px;
    text-align: center;
  }

  .humbleintro-text-section h2 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    line-height: 65px;
    text-align: center;
  }

  .humbleintro-text-section p {
    color: #727272;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 25.6px;
    text-align: center;
  }

  .humbleintro-text-section p span {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    line-height: 25.6px;
    text-align: center;

    color: #e2d152;
  }

  .humbleintro-text-section button {
    /* width: 137px;
    height: 35px; */
    padding: 10px 18px 9px 19px;
    border-radius: 58px;

    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    color: #1e1e1e;
  }

  .humbleintroduction {
    background: url(../images/humble-texture.png),
      url(../images/humbleEllipse.png);
    background-repeat: no-repeat;
    background-position: 20% 6%, center top;
    margin-block-start: -1px;
    padding: 123px 0;
    background-color: #0d0d0d;
  }

  /* .humbleimg-1 {
    inline-size: 80px;
    block-size: 80px;
    border-radius: 50%;
    border: 5px solid #e2d152;
    position: absolute;
    top: -60px;
    left: 100px;
  } */
  .humbleimg-2 {
    inline-size: 150px;
    block-size: 150px;
    border-radius: 50%;
    border: 5px solid #e2d152;
    margin-block-start: -20px;
    margin-block-end: 156px;
    /* margin-inline-end: 10px; */
    margin-inline-start: 250px;
  }

  /* .humbleimg-3 {
    inline-size: 150px;
    block-size: 150px;
    inset-inline-start: 0;
    display: block;
    position: absolute;
    inset-block-end: 0;
    left: 74px;
    top: 39px;
  } */
  .humbleimg-4 {
    inline-size: 60px;
    block-size: 60px;
    inset-inline-end: 0;
    display: block;
    position: absolute;
    inset-block-end: 0;
    bottom: 67px;
    right: 101px;
  }

  .humbleheadingsection {
    background: #222222b2 url(../images/glow.png) center center;
    border: 1px solid #e2d1521a;
    border-radius: 50px;
    padding: 38px 25px;
    margin-top: 40px;
  }

  .humbleheadingsection h1 {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 900;
    line-height: 18px;
    text-align: center;
    color: #e2d152;
    text-transform: uppercase;
  }

  .humbleheadingsection h3 {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
  }

  .playings-times-time-box {
    border: 0.78px solid #e2d152;
    border-radius: 4px;
  }

  .innerbox .row {
    padding-left: 10px;
    padding-right: 10px;
  }

  .social a {
    margin: 3px 0px 0 8px;
  }

  .social a img {
    inline-size: 24px;
    block-size: 24px;
  }
}

@media only screen and (max-width: 572px) {
  .event-content {
    margin: 6px auto 0 auto;
    border: 1px solid #181818;
    inline-size: 100%;
  }

  .event-content h1 {
    inline-size: auto;
  }

  .innerbanner img {
    inline-size: 100%;
    block-size: 210px;
    margin: 0 auto;
  }

  .intro-image-section {
    position: relative;
  }

  .mainheadingsection {
    margin-block-start: -23px;
  }

  .intro-image-section::before {
    content: "";
    border: 4px solid #e2d152;
    position: absolute;
    inline-size: 151px;
    block-size: 147px;
    opacity: 1;
    inset-inline-start: 80px;
    inset-inline-end: 0;
    margin: 0 auto;
    inset-block-end: -203px;
  }

  .img-1 {
    border-radius: 0 30px 0 30px;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 30px;
    inset-inline-end: 92px;
    z-index: 9;
    max-inline-size: 70%;
  }

  .img-2 {
    border-radius: 0 30px 0 30px;
    position: absolute;
    inset-block-start: 127px;
    inset-inline-end: 30px;
    max-inline-size: 70%;
  }

  .introduction .row {
    display: flex;
    flex-direction: row-reverse;
    min-block-size: 520px;
  }
}

@media only screen and (max-width: 546px) {
  .card-header {
    padding: 0.75rem -0;
  }

  .innersectionbutton li h2 {
    background: url(../images/arrow-up-right.svg) 68% 4px;
    background-repeat: no-repeat;
  }

  .innersectionbutton li:nth-child(2) h2 {
    background: url(../images/arrow-up-right.svg) 67% 4px;
    background-repeat: no-repeat;
  }

  .playings-times-content {
    padding: 50px 20px;
  }

  .playings-times-title {
    font-size: 18px;
    line-height: 13px;
    margin-block-end: 20px;
  }

  .playings-times-time-box h2 {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    /* margin: 20px 0; */
  }

  .playings-times-time-box p {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
  }

  .playings-times-closed {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
  }

  .playings-times-time-box {
    position: relative;
    font-family: Poppins;
    max-inline-size: 170px;
    max-block-size: 168px;
    inline-size: 100%;
    block-size: 100%;
    gap: 10px;
    padding: 45px 0;
    /* border: 2px solid #ffffff; */
  }

  .introduction .row {
    display: flex;
    flex-direction: row-reverse;
    min-block-size: 500px;
  }

  .scroll-left {
    inset-inline-start: 40px;
  }

  .scroll-right {
    inset-inline-end: 40px;
  }

  .tabs-container {
    overflow: hidden;
    inline-size: calc(1 * 207px);
    margin: 0 auto;
  }

  .games-to-play {
    background: #0d0d0d url(../images/games-to-play.png) no-repeat center;
    padding: 120px 0 150px 0;
    background-size: cover;
    margin-block-end: -122px;
    margin-top: 0 !important;
  }

  .humbleintroduction .container {
    padding: 123px 0 0 0;
  }
}

@media only screen and (max-width: 531px) {
  header {
    padding: 15px 0 15px 0;
  }

  .innerbanner h1 {
    inset-block-start: 123px;
  }

  h1.innerbannerHeading {
    inset-block-start: 170px;
  }

  div#navbarNav {
    inset-block-start: 69px;
  }

  /*
  footer.jones-footer {
    padding: 0 37px;
  }
*/

  .innerbannerContainer {
    inset-block-start: 36px;
    z-index: 0;
  }

  .innerbanner h4 {
    inset-block-start: 124px;
    line-height: normal;
    line-height: 25px;
  }

  .innerbanner h1 {
    inset-block-start: 205px;
    line-height: 38px;
  }

  .tab-content {
    display: block;
    padding: 41px 0 0 0;
  }

  .introduction .row {
    display: flex;
    flex-direction: row-reverse;
    min-block-size: 470px;
  }

  .scroll-left {
    inset-inline-start: 20px;
  }

  .scroll-right {
    inset-inline-end: 20px;
  }
}

@media only screen and (max-width: 486px) {
  .innersectionbutton li h2 {
    background: url(../images/arrow-up-right.svg) 70% 4px;
    background-repeat: no-repeat;
  }

  .innersectionbutton li:nth-child(2) h2 {
    background: url(../images/arrow-up-right.svg) 67% 4px;
    background-repeat: no-repeat;
  }

  .introduction .row {
    display: flex;
    flex-direction: row-reverse;
    min-block-size: 460px;
  }

  .innerbanner img {
    inline-size: 100%;
    block-size: 210px;
    margin: 0 auto;
  }

  .humblebannerimg {
    border: 2.72px solid #3a3a3a;
    border-radius: 149px;
    vertical-align: top;
    float: inline-start;
    margin-inline-start: 154px;
    position: absolute;
    z-index: 9;
    max-width: 65px;
    width: 100%;
    top: -172px;
    left: 0;
  }

  .humblebannerimg1 {
    border-radius: 200px;
    position: absolute;
    inset-inline-start: 199px;
    inset-block-start: 232px;
    max-width: 85px;
    width: 100%;
    top: -194px;
  }

  .humble-img::after {
    left: 150px;
  }

  .leftvideo a {
    inset-block-start: 166px;
  }
}

@media only screen and (max-width: 442px) {
  .introduction {
    background: #0d0d0d url(../images/welcome-one-dot.png) no-repeat 12% 93%;
  }

  .innersectionbutton li h2 {
    background: url(../images/arrow-up-right.svg) 72% 4px;
    background-repeat: no-repeat;
  }

  .innersectionbutton li:nth-child(2) h2 {
    background: url(../images/arrow-up-right.svg) 67% 4px;
    background-repeat: no-repeat;
  }

  .introduction .row {
    display: flex;
    flex-direction: row-reverse;
    min-block-size: 430px;
  }

  .menulistContainerImg {
    display: none;
  }

  .menulist li:nth-child(1) {
    display: none;
  }

  .menulist li:nth-child(2) {
    display: none;
  }

  .humblebannerimg {
    border: 2.72px solid #3a3a3a;
    border-radius: 149px;
    vertical-align: top;
    float: inline-start;
    margin-inline-start: 128px;
    position: absolute;
    z-index: 9;
    max-width: 65px;
    width: 100%;
    top: -172px;
    left: 0;
  }

  .humblebannerimg1 {
    border-radius: 200px;
    position: absolute;
    inset-inline-start: 172px;
    inset-block-start: 232px;
    max-width: 85px;
    width: 100%;
    top: -194px;
  }

  .humbleimg-3 {
    inline-size: 93px;
    block-size: 93px;
    inset-inline-start: 0;
    display: block;
    position: absolute;
    inset-block-end: 0;
    left: 63px;
    top: 92px;
  }

  .carousel-caption h5 {
    font-size: 10px;
  }

  .carousel-caption h1 {
    font-size: 12px;
  }
}

@media only screen and (max-width: 412px) {
  .innersectionbutton li h2 {
    background: url(../images/arrow-up-right.svg) 75% 4px;
    background-repeat: no-repeat;
  }

  .innersectionbutton li:nth-child(2) h2 {
    background: url(../images/arrow-up-right.svg) 69% 4px;
    background-repeat: no-repeat;
  }

  .introduction .row {
    display: flex;
    flex-direction: row-reverse;
    min-block-size: 400px;
  }

  .img-1 {
    border-radius: 0 30px 0 30px;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 15px;
    inset-inline-end: 92px;
    z-index: 9;
    max-inline-size: 80%;
  }

  .img-2 {
    border-radius: 0 30px 0 30px;
    position: absolute;
    inset-block-start: 127px;
    inset-inline-end: 15px;
    max-inline-size: 80%;
  }

  .find-us-map-section h2 {
    color: #fff;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    text-transform: capitalize;
    margin: 0 auto;
    margin-block-end: 30px;
  }

  .scroll-left {
    inset-inline-start: 10px;
  }

  .scroll-right {
    inset-inline-end: 10px;
  }

  .humbleimg-1 {
    inline-size: 80px;
    block-size: 80px;
    border-radius: 50%;
    border: 5px solid #e2d152;
    position: absolute;
    top: -60px;
    left: 50px;
  }

  .humbleimg-2 {
    inline-size: 150px;
    block-size: 150px;
    border-radius: 50%;
    border: 5px solid #e2d152;
    margin-block-start: -20px;
    margin-block-end: 160px;
    /* margin-inline-end: 10px; */
    margin-inline-start: 173px;
  }

  .humbleimg-3 {
    inline-size: 93px;
    block-size: 93px;
    inset-inline-start: 0;
    display: block;
    position: absolute;
    inset-block-end: 0;
    left: 30px;
    top: 92px;
  }

  .humbleimg-4 {
    inline-size: 60px;
    block-size: 60px;
    inset-inline-end: 0;
    display: block;
    position: absolute;
    inset-block-end: 0;
    bottom: 67px;
    right: 48px;
  }

  img.playbutton {
    inline-size: 49px;

    inset-block-start: 34%;
  }
}

@media only screen and (max-width: 388px) {
  .innersectionbutton li h2 {
    background: url(../images/arrow-up-right.svg) 80% 4px;
    background-repeat: no-repeat;
  }

  .innersectionbutton li:nth-child(2) h2 {
    background: url(../images/arrow-up-right.svg) 72% 4px;
    background-repeat: no-repeat;
  }

  .introduction .row {
    display: flex;
    flex-direction: row-reverse;
    min-block-size: 350px;
  }

  .tab-accordion {
    position: relative;
    white-space: wrap;
    text-align: center;
    margin: 0 auto;
  }

  .scroll-left {
    inset-inline-start: 0;
  }

  .scroll-right {
    inset-inline-end: 0;
  }

  .humbleimg-2 {
    inline-size: 150px;
    block-size: 150px;
    border-radius: 50%;
    border: 5px solid #e2d152;
    margin-block-start: -20px;
    margin-block-end: 160px;
    /* margin-inline-end: 10px; */
    margin-inline-start: 150px;
  }

  .humblebannerimg {
    border: 2.72px solid #3a3a3a;
    border-radius: 149px;
    vertical-align: top;
    float: inline-start;
    margin-inline-start: 113px;
    position: absolute;
    z-index: 9;
    max-width: 65px;
    width: 100%;
    top: -172px;
    left: 0;
  }

  .humblebannerimg1 {
    border-radius: 200px;
    position: absolute;
    inset-inline-start: 151px;
    inset-block-start: 232px;
    max-width: 85px;
    width: 100%;
    top: -194px;
  }

  .humbleimg-2 {
    inline-size: 150px;
    block-size: 150px;
    border-radius: 50%;
    border: 5px solid #e2d152;
    margin-block-start: -126px;
    margin-block-end: 160px;
    /* margin-inline-end: 10px; */
    margin-inline-start: 150px;
  }

  .humble-img::after {
    left: 150px;
  }
}

@media only screen and (max-width: 320px) {
  .introduction .row {
    display: flex;
    flex-direction: row-reverse;
    min-block-size: 320px;
  }

  .humblebannerimg {
    border: 2.72px solid #3a3a3a;
    border-radius: 149px;
    vertical-align: top;
    float: inline-start;
    margin-inline-start: 93px;
    position: absolute;
    z-index: 9;
    max-width: 65px;
    width: 100%;
    top: -172px;
    left: 0;
  }

  .humblebannerimg1 {
    border-radius: 200px;
    position: absolute;
    inset-inline-start: 124px;
    inset-block-start: 226px;
    max-width: 85px;
    width: 100%;
    top: -194px;
  }

  .humble-img::after {
    left: 120px;
  }
}