@media screen and (min-width:1450px) and (max-width:1700px){
    .discuss--ideas{
        padding: 12px 0px 100px;
    }
}
@media screen and (min-width:1200px) {
    .container {
            max-width: 1300px;
        }
	.topheadercontainer{display:block;}
}
@media (max-width: 992px){
    .single-solution .section_content{width: 100%;    margin: 0 auto;}
.container-md, .container-sm, .container {
  max-width: 100% !important;
  padding: 0 10px;
}}
@media screen and (min-width:1200px) and (max-width:1399px){
    /* .quotation-bg{
            padding: 20px 70px 100px;   
    } */
	.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
    padding: 15px 6px;
}
    .app-screen.mb-5{
        margin-bottom: 0 !important;
    }
    .game-specification h6.mt-5{
        margin-top: 1rem !important;
    }
    .game-specification .view-more.mt-5{
        margin-top: 1.5rem !important;
    }
    .service-bg.odd,.service-bg.even,.service-bg.odd:hover,
    .service-bg.even:hover {
        padding: 0px 0px 80px;
        margin-bottom: 30px;
    }
    .services-name h5{
            margin-bottom: 14px;
    }
    .contact-details{
        padding: 70px 0px 110px 10px;
    }
/*.esports {-ms-flex: 0 0 20%;flex: 0 0 20%; max-width:20%;}*/
.esports_icon { width: 160px; height: 185px; }
.esports_icon img { max-width: 80px; max-height: 80px; }
.sports_list p { font-size: 18px;}


}
@media screen and (min-width:1200px) and (max-width:1450px) {
 
    .articles{
        width: 100%;
    }
    .blog-slider .slick-current .line-stroke{
            width: 320px;
    }
    .line-stroke{
        width: 320px;
    }
    .hero-banner{
        margin-top: 36px;
    }
    .hero-banner .section-heading .last-br{
        display: none;
    }
    .hero-banner .section-heading h1{
        min-height: 200px;
    }

    
}
@media screen and  (max-width:1199px){
    .gaming-idea{
        margin-top: 100px;
    }
	.page-template-template-footerpage .gaming-idea, .page-template-template-solution .gaming-idea{
        margin-top: 0px;
    }
    .technology_box {
        padding: 30px 0px 30px 0px;
      }
      .counter_content {
        padding: 25px 0px;
      }
.hero-banner {
    height: 100%;
    padding-bottom: 30px;
}
.container{
    max-width: 100%;
    padding: 0 16px;
}
.blog_img_border .elementor-widget-wrap.elementor-element-populated{
    background-size: 100% 100% !important;
}
.blog_img_border .elementor-container.elementor-column-gap-default{
    flex-direction: column;
    justify-content: center;
}
.lets_connect {
    text-align: center;
}
.blog_detail_path{
    height: auto;
}
.octagancard {
    padding: 35px 0;
}
.header ul li {
    margin: 10px 8px;
}
.discuss--ideas{
        padding: 16px 0 30px 20px;
}
.line-stroke ,.blog-slider .slick-current .line-stroke{
    width: 266px;
}
.color-stroke,.blog-slider .slick-current .color-stroke{
        right: -45px;
}

.hero-banner .section-heading .last-br {
    display: none;
}

.hero-banner .section-heading h1 {
    min-height: 200px;
}
.blog-slider .item{
        margin: 0px 30px;
}
 .game-img {
     height: 100%;
 }

 .game-img img {
     width: 150px;
     object-fit: contain;
     height: 150px;
 }
 .games-main.ludo-body,.games-main.poker-body,.games-main.chess-body,.games-main.rummy-body{
    padding: 50px 50px 107px;
 }
 .contact-details{
    padding: 70px 20px 110px 5px;
    background: url(../images/contact-details-md.svg) no-repeat;background-size: 100%;
 }
 .clients.position-relative {
    padding-top: 20px;
}
.section-heading p{
    padding: 0;
}
.testimonial-slider .item p{
    padding: 0 5px;
}
/*.esports {-ms-flex: 0 0 20%;flex: 0 0 20%; max-width:20%;}*/
.esports_icon { width: 140px; height: 160px; }
.esports_icon img { max-width: 80px; max-height: 80px; }
.sports_list p { font-size: 18px;}
.testimonial_user_content p::before, .testimonial_user_content p::after {
    top: -14px;
    left: -64px;
    width: 60px;
    height: 44px;
    background-size: contain;
  }
.testimonial_user_content p::after {
    top: auto;
    left: auto;
    bottom: -10px;
    right: -49px;
  }
  .testimonial_user_content {
    padding: 50px !important;
  }
  .testimonialswiper1 {
    min-height: 252px;
  }
  .footer .social-icon li {
    margin: 0px 5px;
  }
  .brandlogo.align-items-start, .brand-footer-links h6 {
    align-items: center !important;
    text-align: center;
  }
}
@media  (max-width:991px){
    /* .quotation-bg { 
        background: url(../images/request-quotation-ipad.svg) no-repeat;
        background-size: 100%;padding: 20px 70px 100px;
    } */
    header .navbar-nav.ms-auto{
        margin-left: 0 !important;
    }
    .quote_btn{
        display: none;
    }
    .ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper{
      display: none;
    }
    .ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse{
      width: 100% !important;
      max-height: 100%;
      visibility: visible !important;
      overflow: visible  !important;
      -webkit-transition: max-height 1s ease-in;
      transition: max-height .3s ease-in;
    }
    .ubermenu-item {
      width: 100% !important;
    }
    .ubermenu .ubermenu-nav .ubermenu-column-1-4 {
      width: 100%;
    }
    .ubermenu .ubermenu-nav .ubermenu-column-full {
      position: relative;
      width: 100% !important;
    }
    .ubermenu .ubermenu-nav .ubermenu-column-3-4 {
      width: 100%;
      top: 0px !important;
      z-index: 99999999999;
      background: #000 !important;
      position: relative;
      min-height: auto !important;
      padding-left: 10px!important;
    }
    .blog_border{
        height: 300px;
    }
    .blog_img{
        height: 300px;
        clip-path: polygon(0% 0%, 0% 20%, 2% 24%, 2% 56%, 0 60%, 0% 100%, 15% 100%, 18% 98%, 25% 98%, 28% 100%, 100% 100%, 100% 8%, 95% 3%, 75% 3%, 73% 0);
    }
    .header ul li:not(:last-child){text-align: start;}
    .header .navbar-nav.mx-auto.ml-auto{align-items: start;}
    .hero-right-block .img-fluid.pt-4{padding-top: 0 !important;}
    .client-slider.mt-5{margin-top: 0 !important;} h2.mb-5{margin-bottom: 1rem !important;}
    .testimonial-slider .item{margin: 20px 30px;}
    .solutions-right-block {
        margin-top: 60px;
    }
    .portfolio .nav-link.active::before{
        left: 0;
    }
    h1{
        font-size: 40px;
/*        line-height: 30px;*/
    }
    body{
        background-size: cover;
    }
    .header .navbar-collapse{
        background: #030c22;
        width: 100%;
        height: 100vh;
        z-index: 99999;
        position: fixed;
        overflow: hidden;
        overflow-y: hidden;
        overflow-y: auto;
        box-shadow: 0 12px 30px rgba(80, 143, 244, .1);
        transition: .3s;
        right: 0;
        -webkit-transition: .5s;
        transition: .5s;
        top: 0;
        max-width: 383px;
        padding: 30px;
    }
    .header .navbar-collapse.collapse:not(.show) {
        display: block !important;
        right: -383px;
      }
    .header ul li a{
        font-size: 20px;
    }
    .newsletter {
        margin-top: 0px;
    }
    .footer .social-icon{
        padding-top: 0;
    }
    .sep{
        display: none;
    }
    .our-solution-body{
            margin-bottom: 35px;
    }
    /* .gaming--ideas{
        background: url(../images/gaming-banner-iped.svg) no-repeat; 
        background-size: 100%;
    } */
    .testimonial .row{
        flex-direction: column-reverse;
    }
    .fantancy-app-bg{
        margin-bottom: 50px;
    }
    .work-heading{
            width: 78%;
    }
    .section-heading p{
            padding: 0px 10px;
    }
    .why-choose ul{
        display: flex;
        justify-content: space-between;
        padding-left: 0;
    }
    .why-choose ul li{
        text-align: left;
    }
    .hero-banner{
/*        padding-top: 30px;*/padding-bottom: 40px;
/*        background: none;*/
    }
    .hero-right-block{
/*        margin-top: 40px;*/
    }
    .hero-banner .section-heading h1 {
        min-height: 130px;
    }
    section, footer {
        padding: 30px 10px;
    }
    .articles {
        width: 100%;
    }
    .line-stroke, .blog-slider .slick-current .line-stroke{width: 100%;}
/*     .footer{
        background: none;

    } */
    .footer .social-icon li a{
         padding: 20px;
    }
    .newsletter button{
        padding: 14px;
        top: 1px;
    }
    .footer .col-md-5.col-lg-4.align-self-center{
        align-self: flex-end !important;
    }
    .footer .social-icon{
        margin-bottom: 0 !important;
    }
    .working-technology::before{
        display: none   ;
    }
    .contact-details{
        background: none;
    }
    .header ul li a.active:after, .header ul li a:hover:after{
        display: none;
    }
    .header ul li a.active::before, .header ul li a:hover::before {
        top: 33px;
        right: auto;
        left: -35px;
        height: 4px;
        transform: rotate(-90deg);
      }
      .dropdown-toggle::after {
        display: inline-block !important;
        position: relative;
        top: 3px;
      }
      .brandlogo.align-items-start, .brand-footer-links h6 {
        padding-top: 0;
      }
      .sociallinks h6{
        text-align: center;
margin-top: 20px;
      }
      .footer .social-icon {
        justify-content: center !important;
        padding-top: 5px !important;
      }
.esports {-ms-flex: 0 0 25%;flex: 0 0 25%; max-width:25%;}
/*.esports_icon { width: 140px; height: 160px; }
.esports_icon img { max-width: 80px; max-height: 80px; }
.sports_list p { font-size: 18px;}*/
.discuss--ideas h2 {
    font-size: 30px;
    margin-bottom: 0;
  }
.discuss--ideas p {
    font-size: 16px;
    padding: 0;
  }
  .technologies .col-lg-3:nth-child(1), .technologies .col-lg-3:nth-child(2) {
    border-bottom: 1px solid #322D25;
  }
  .footer ul li.mb-2, .footer ul li {
    margin-bottom: 15px !important;
  }
  .footer ul li a {
    font-size: 18px;
  }
  .brand-footer-links h6{
    margin-bottom: 20px;
    text-align: start;
  }
  .newsletter .emaillist {
    margin-top: 17px;
  }
  .brandlogo {
    flex-direction: row;
    gap: 20px;
    justify-content: start;
  }
  .brandlogo img{
    max-width: 170px;
  }
  .newsletter .emaillist {
    margin-top: 17px;
  }
  .newsletter .es-field-wrap .es_txt_email {
    height: 50px;
  }
  .newsletter .es-field-wrap::after {
    width: 20px;
    height: 20px;
    right: 16px;
    background-size: contain;
  }
  .newsletter form .es_submit_button {
    height: 50px;
    max-width: 50px;
    top: 0;
    right: -8px;
  }
  .sociallinks ul {
    justify-content: center;
  }
  .copyright p {
    max-width: 100%;
    text-align: center;
    margin: auto;
    padding-top: 9px;
    font-size: 16px;
  }
  .gaming {
    padding: 50px 0 50px;
    background-size: cover;
  }
	.single-solution .hero-banner, .page-template-template-footerpage .hero-banner{
		height:100%;
	}
}
@media screen and (max-width:767px){
    .single-solution .gaming-idea{background-size:contain;}
    .mb-5{
        margin-bottom: 1rem !important;
    }
	
	.solution_detail_box .solution_box_image img.first-img{
		    width: 65%;
			top: -15px;
			
	}
	.solution_box_image img.first-img{
		  width: 65%;
			top: -15px;height:100%;
	}
	
	.partner p.mx-5.px-5{
		margin:0px !important;
		padding:0px!important;
	}
    .hero-banner .section-heading h1, h1 span {
        font-size: 40px;
        line-height: 40px;
      }
      .myLogos .swiper-wrapper .swiper-slide .logo-container img {
        max-height: 33px;
      }
    .blog_border{
        height: 100%;
    }
    .blog_img{
        height: 100%;
    }
    .blog_content{margin-right: 0rem;}
    .Sidebar{
        display: none !important;
    }
    .solution-left-block.text-center,.section-heading.client-section-heading{text-align: left !important;}.steps p{justify-content: start !important;}
/*    .hero-banner h1.left-to-right br{display: none;}*/
    .hero-banner{
      background-size: cover;
        position: relative;
        box-shadow: 540px 3px 4px 5px #0f0800a6 inset;
      }
    .hero-banner::after{
      position: absolute;
      content: "";
      background: url(../images/hero_bg.png) no-repeat;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      filter: blur(1px);
      z-index: -1;
      background-size: cover;
      background-position: top center;
      display: none;
    }
    .myLogos .swiper-wrapper .swiper-slide .logo-container {
      padding: 15px;
    }
    .gaming-idea .section-heading p {
      color: #fff;
    }
    /* .bottom-fix{position: fixed; bottom: 0;    z-index: 1;} */

    .gaming--ideas{margin:0px;}
    .section-heading p{padding: 0;}
    .section-heading.text-center{text-align: left !important;}
    h2{
        font-size: 25px;
        line-height: 30px;
    }
    .footer .col-md-4.text-center {
        text-align: left !important;
    }
    /* .quotation-bg{
        background: url(../images/request-quotation-mobile.svg) no-repeat;background-size: 100%;
            padding: 20px 70px 100px;
    } */
    /* .gaming--ideas{
        background-size: cover;
        margin: 70px 0px 0px;
    } */
        .our-solution{
            background-size: cover;
        }
    .our-solution-main.mt-5{
        margin-top:0px !important ;
    }

    .our-solution-main .our-solution-body:nth-child(2) {
        margin-top: 0px;
    }

    .our-solution-main .our-solution-body {
        margin: 20px 0px !important;
    }
    .color-stroke,
    .blog-slider .slick-current .color-stroke {
        right: 47px;
    }
    .about-card-body{
        flex-basis: 45%
    }
    .about-card-main.mt-5.pt-5{padding-top: 0 !important; margin-top: 1rem !important;}
    .about-card-main{gap: 20px;}
    .contact-details{
        padding: 0px 20px 0px 5px;
    }
/*.esports {-ms-flex: 0 0 25%;flex: 0 0 25%; max-width:25%;}*/
.esports_icon { width: 120px; height: 140px; }
.esports_icon img { max-width: 70px; max-height: 70px; }
.sports_list p { font-size: 15px;}

.steps h2 {
  font-size: calc(1vw + 47px);
  line-height: calc(1vw + 55px);
}
  .steps p {
    margin: -5px 0 0 0;
  }
  .steps p img{
    max-width: 28px;
  }
  .section-heading h2.mb-5 {
    margin-top: 0;
/*     font-size: calc(1vw + 15px) !important; */
  }
  .section-heading h2 span br{
    display: none;
  }
  .testimonialswiper1 {
    min-height: 322px;
  }
  .testimonial_user_content {
    padding: 25px !important;
  }
  .testimonial_user_content p::before, .testimonial_user_content p::after {
    top: -14px;
    left: -20px;
    width: 25px;
    height: 15px;
    background-size: contain;
  }
  .testimonial_user_content p::after {
    top: auto;
    left: auto;
    bottom: -3px;
    right: -18px;
  }
  .gaming-content.section-heading h2 {
    font-size: 35px;
  }
  .technologies .col-lg-3:not(:last-child) {
    border-bottom: 1px solid #322D25;
    border-right: 0;
  }
  .newsletter {
    max-width: 390px;
  }
  .newsletter form .es_submit_button {
    right: -7px;
  }
}
/* @media screen and (max-width: 767px) {
.about-card-body {
  flex-basis: 45%;
  min-height: 182px;
}
} */
@media screen and (max-width:575px) {
    .mobile-br {
        display: block;
    }
    .footer .social-icon{flex-wrap: wrap;align-items: center;
        gap: 20px;
        justify-content: center;}
        .why-choose ul{
            flex-direction: column;
            align-items: start;
        }
        .why-choose ul li{text-align: center;}
    .footer .social-icon li{margin-bottom: 30px;}
    .request-a-quote.request_btn_content {height: 50.5px;width: 170px; right: 5px;}
   /* .about-card-body{
    padding: 50px 0;
   } */
   .Login_line{width: 70px;  height: 100%;    margin: 0; margin-right: 30px;}.Login_line .line_dots,.milestone-content ul{flex-direction: column;}.journey .col-md-12{display: flex;}
   /* .Login_line{border-bottom: 0; border-right: 1.5px solid rgba(255, 255, 255, 0.5);} */
   .Login_line .line_dots{height: 100%; top: 0;}
    .color-stroke,
    .blog-slider .slick-current .color-stroke {
        right: 13px;
    }
    .articles {
    width: 100%;
}
.articles-content {
    padding: 0px 46px 0 0px;
}
/* .why-choose ul{
    display: inline-block;
} */
.client-slider .client-img img {
    width: 145px;
    height: 50px;
}
.footer .col-md-4.text-center{
    text-align: left !important;
}
.esports {-ms-flex: 0 0 33.33%;flex: 0 0 33.33%; max-width:33.33%;}
.esports_icon { width: 100px; height: 115px; }
.esports_icon img { max-width: 55px; max-height: 55px; }

.Login_line {
    border-bottom: 0;
    border-right: 0px solid rgba(255, 255, 255, 0.5);
    margin-right: 0;
    position: relative;
  }
  .Login_line::after {
    content: "";
    width: 1.75px;
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%);
  }
  h2.h1.strength-count, .head {
    font-size: 37px;
    margin-bottom: 0;
  }
  .company-strength {
    font-size: 12px;
  }
  .counter_content {
    padding: 15px 0px 15px;
  }
  .footer .social-icon {
    gap: 10px;
  }
  .footer .social-icon li {
    margin: 0px 2px;
    margin-bottom: 0 !important;
  }
  .copyright p {
    font-size: 14px;
  }
  .brandlogo.align-items-start, .brand-footer-links h6 {
    align-items: start !important;
    flex-direction: column;
  }

}
@media screen and (max-width:412px) {
    h2{
        font-size: 30px;line-height: 35px;
    }
    .octagancard{height: 160px;}
    /* .about-card-body {
        flex-basis: 100%;
    } */
    .articles {
        width: 100%;
    }
    .color-stroke,
    .blog-slider .slick-current .color-stroke {
        right: -18px;
    }
    .blog-slider .item{
        margin: 0px 10px;
    }
    h1{
    font-size: 35px;
    }
    .header ul li a {
        font-size: 12px;
        padding: 2px 12px;
      }
      header .navbar-expand-lg .navbar-nav .dropdown-menu .menu-item {
        padding: 0;
        margin: 0;
      }
      .header ul li {
        margin: 6px 8px;
      }
      .header ul li {
        margin: 6px 8px;
      }
      .header ul li a.active::before, .header ul li a:hover::before {
        top: 25px;
        left: -15px;
      }
      .header .navbar-collapse {
        max-width: 285px;
        padding: 12px 0 0 10px;
      }
}