/*////////////////////////////////////////////////////////////////////////      Responsive Css      ////////////////////////////////////////////////////////////////*/


/*=============   	1920 css start	=============*/
@media(max-width:1920px) {

}
/*=============  	1920 css end	=============*/

/*=============   	1680 css start	=============*/
@media(max-width:1680px) {

.pb-100 {
    padding-bottom: 90px;
}
.pt-100 {
    padding-top: 90px;
}
.pt-80 {
    padding-top: 70px;
}
.pb-80 {
    padding-bottom: 70px;
}
.pt-90 {
    padding-top: 80px;
}
.pb-70 {
    padding-bottom: 60px;
}
.pt-70 {
    padding-top: 60px;
}
.footer-shape img { 
    max-width: 250px;
}
.HomeHero{
	padding: 50px 50px 90px 50px;
	height: 1012px;
}
.InrBnrSec{
	padding: 50px 50px 90px 50px;
}


}
/*=============   	1680 css end	=============*/

/*=============  	1440 css start	=============*/
@media(max-width:1440px) {

.pb-100 {
    padding-bottom: 80px;
}
.pt-100 {
    padding-top: 80px;
}
.pt-80 {
    padding-top: 60px;
}
.pb-80 {
    padding-bottom: 60px;
}
.pt-90 {
    padding-top: 70px;
}
.pb-70 {
    padding-bottom: 50px;
}
.pt-70 {
    padding-top: 50px;
}

.footer-shape img { 
	max-width: 200px;
}

.HomeHero{
	padding: 50px 50px 80px 50px;
	height: 840px;
}
.InrBnrSec{
	padding: 50px 50px 80px 50px;
}



}
/*=============  	1440 css end	=============*/

/*=============   	1366 css start	=============*/
@media(max-width:1366px) {

	.pb-100 {
	    padding-bottom: 70px;
	}
	.pt-100 {
	    padding-top: 70px;
	}
	.pt-80 {
	    padding-top: 50px;
	}
	.pb-80 {
	    padding-bottom: 50px;
	}
	.pt-90 {
	    padding-top: 60px;
	}
	.heroContent{
		bottom: 8%;
	}
	.main-menu li {
	    margin-right: 60px;
	}

	h1{
		font-size: 90px;
	}
	.heroTitle span{
		font-size: 50px;
	}
	h2{
		font-size: 50px;
	}
	.footer-shape {	 
	    width: 230px;
	}
	.h3big {
	    font-size: 22px;
	}
	
	.footer-logo {
	    max-width: 160px;	    
	}

	.naviWrp .logoWrp {
		max-width: 150px;
	}

	.HomeHero{
		padding: 50px 50px 70px 50px;	
		height: 815px;	
	}
	.InrBnrSec{
		padding: 50px 50px 70px 50px;
	}

}
/*=============  	1366 css end	=============*/

/*=============   	1280 css start	=============*/
@media(max-width:1280px) {

	.pb-100 {
	    padding-bottom: 60px;
	}
	.pt-100 {
	    padding-top: 60px;
	}
	.pt-90 {
	    padding-top: 50px;
	}

	.main-menu li {
        margin-right: 50px;
    }

    h1 {
        font-size: 72px;
    }
    .heroTitle span {
        font-size: 36px;
    }

    h2 {
        font-size: 40px;
    }

	.HomeHero{
		padding: 50px 50px 60px 50px;		
		height: 760px;
	}
	.InrBnrSec{
		padding: 50px 50px 60px 50px;
	}


}
/*=============   	1280 css end	=============*/


/*=============   	1200 css Start	=============*/

@media(max-width:1200px) {

	.pb-100 {
	    padding-bottom: 50px;
	}
	.pt-100 {
	    padding-top: 50px;
	}
	
	.main-menu li {
        margin-right: 40px;
    }


	 .testimonial-wrapper{
	    padding:40px 30px;
	  }
	  .testimonial-slider .owl-nav button.owl-prev{
	    left:0;
	  }
	  .testimonial-slider .owl-nav button.owl-next{
	    right:0;
	  }
	  .testimonial-text{
	  	max-width: 670px;
	  }

	  .events-wrapper{
        gap:35px;
      }

      .event-image{
        width:320px;
        height:430px;
      }


     .headerWrp{
		/* top: 15px; */
	 }

	.HomeHero{
		padding: 50px 50px 50px 50px;	
		height: 706px;	
	}
	.InrBnrSec{
		padding: 50px 50px 50px 50px;
	}

	.pricing-top-text{
		 margin: 0 auto 40px;
	}

	.pricing-card {
    width: 48%;
    margin-bottom: 30px;    
  }
  .pricing-card .price{
  	font-size: 38px;
  }



}
/*=============   	1200 css end	=============*/



/*=============   	1160 css Start	=============*/
@media(max-width:1160px) {

	.offer-item{
        width: calc((100% - 56px) / 3);
    }


    .main-menu li {
        margin-right: 35px;
    }
   
      .info-text p,
      .info-text a,
      .form-group label{
        font-size:18px;
      }
      .contact-info{
      	  padding: 45px 20px;
      }
      .contact-wrapper{
      	gap: 35px;
      }

}
/*=============   	1160 css Start	=============*/



/*=============   	1080 css Start	=============*/
@media(max-width:1080px) {


	.offer-wrap {    
	    justify-content: center;
	}


/*========================== Mobile menu css start  ==========================*/

	.mobile-menu {
		width: 34px;
		height: 22px;
		position: relative;
		float:left;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;   
		overflow:hidden;	
		display: block;		
	}	
	.mobile-menu span{
		display: block;
		position: absolute;
		height: 1.5px;
		width: 100%;
		background: #fff;		
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	.mobile-menu span:nth-child(1) {
		top: 0px;
	}
	.mobile-menu span:nth-child(2) {
        top: 9px;
        width: 26px;
        left: unset;
        right: 0;
    }
	.mobile-menu span:nth-child(3) {
		top: 18px;
		width: 19px;
        left: unset;
        right: 0;
	}

	/* Mobile Menu Css Tab End   */

	ul.main-menu{
		display:none; 
	}

	.menu-wrp.slide-menu .nav-close {
		display: flex;
		width: 20px;
		cursor: pointer;
	} 

	.menu-wrp.slide-menu .main-menu{
		display: flex;
		flex-flow: column;
		padding: 25px 0;
		width: 100%;
	}
	.menu-wrp{
		position: fixed;
	    width: 60%;
	    height: 100vh;
	    overflow-y: scroll;
	    background: #000;
	    right: -100%;
	    top: 0;
	    z-index: 1000;
	    padding: 20px 0;

	    -webkit-transition: all .5s ease-in-out;
    	-o-transition: all .5s ease-in-out;
    	transition: all .5s ease-in-out;
    	-moz-transition: all .5s ease-in-out;
    	-ms-transition: all .5s ease-in-out;
	}
	
	.menu-wrp.slide-menu {
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
	.menu-wrp.slide-menu .main-menu li ul{
		position: static;
		width: 100%;
		display: none;
	}		
	.main-menu > li{
		margin-right: 0;
	}	
	.menu-wrp.slide-menu .mobile-menu-head{
		display: flex;
		justify-content: flex-end;
		padding: 0 15px;
		box-sizing: border-box;
		width: 100%;
	}
	.menu-wrp.slide-menu .main-menu li a{
		padding: 10px 15px;
		display: block;
		font-size: 14px;
		border-bottom: 1px solid #3c3c3c;
	}
	.menu-wrp.slide-menu .main-menu > li > a{
		color: var(--yellow-color);
	}
	.main-menu li a {
	    margin-right: 0;
	}
	.headRight {	    
	    justify-content: flex-end;	    
	}
	.getaQotWrp{
		margin-right: 25px;
	}


	/*========================== Mobile menu css End ==========================*/

	
	.HomeHero {
        height: 620px;
    }


	
}
/*=============   	1080 css End	=============*/

/*=============   	1024 css Start	=============*/
@media(max-width:1024px) {

	.package-card {	 
	    padding: 20px 25px;
	}
	.package-wrapper{
		gap: 30px;
	}
	.package-card {
	    width: calc((100% - 62px) / 3);
	}
	.addons-wrapper {	    
	    gap: 30px;
	}
	.addon-card {
	    width: calc((100% - 90px) / 4);
	}



	.footer-logo {
	    max-width: 150px;	    
	}




	  .pricing-top-text{
        font-size:22px;
    }
    .card-header h3{
        font-size:30px;
    }
    .price{
        font-size:48px;
    }

		
}
/*=============   	1024 css End	=============*/


/*=============   	991 css Start	=============*/
@media(max-width:991px) {

	.HomeHero {
		padding: 30px 30px;
		padding-bottom: 50px;
		height: 590px;
	}
	
	.InrBnrSec{
		padding: 30px 30px;
		padding-bottom: 50px;
	}

  .why-choose-image{
    width:100%;
  }

  .why-choose-image img{
    height:450px;
  }

  .why-choose-content{
    position:relative;
    width:90%;
    transform:none;
    top:auto;
    margin:-100px auto 0;
    padding:45px 35px;
  }

   .footer-container{
        gap:50px;
      }

     /* .footer-logo img{
        max-width:280px;
      }*/

      .footer-title{
        font-size:24px;
      }

      .footer-links li a,
      .footer-contact li{
        font-size:16px;
      }

      .footer-shape{
        width:180px;
      }

      .footer-container .footer-col:nth-child(1) {
		    width: 40%;
		}
		.footer-container .footer-col:nth-child(2) {
		    width: 24%;
		}


     .StorySecInr{
        gap:50px;
      }


     .why-card{
        width:calc(50% - 12px);
      }




       .package-wrapper{
	        gap:20px;
	    }
	    .package-card{
	        width:calc(50% - 10px);
	    }

	    .game-card{
	        width:calc((100% - 28px) / 2);
	    }
	    .games-wrapper {
	    	gap: 20px;
		}
		.addons-wrapper {
	        gap: 20px;
	    }
	    .addon-card {
	        width: calc((100% - 22px) / 2);
	    }
	

        .addons-wrapper{
	        gap:20px;
	    }

	    .addon-card{
	        width:calc((100% - 20px) / 2);
	    }

  
    


}
/*=============   	991 css end		=============*/

/*=============   	800 css Start	=============*/
@media(max-width:800px) {


	.testimonial-text {
        max-width: 530px;
    }
     h1 {
        font-size: 50px;
    }
    .InrBnrContent{
        height: 290px;
    }	

      .contact-wrapper{
        flex-direction:column;
      }

      .contact-info,
      .contact-form-box{
        width:100%;
      }
      .contact-wrapper {
        gap: 30px;
      }

	.HomeHero {
        height: 488px;
    }

	
}
/*=============   	800 css End		=============*/


/*=============   	768 css Start	=============*/
@media(max-width:768px) {


  

      .testimonial-wrapper{
        padding:60px 20px;
      }

      .testimonial-text{
        font-size:16px;
      }

      .testimonial-client{
        font-size:24px;
      }

      .testimonial-slider .owl-nav button{
        width:40px;
        height:40px;        
      }
      .testimonial-slider .owl-nav button img{
      	width: 20px;
      }
      .InrBnrContent{
      	width: 100%;
      }

	  .HomeHero {
        height: 470px;
      }

	
	
}
/*=============   	768 css End		=============*/


/*=============   	767 css Start	=============*/
@media(max-width:767px) {


	
	

	  .why-choose-image img{
        height:320px;
      }

      .why-choose-content{
        width:100%;
        margin-top:0;
        padding:35px 25px;
      }

	   .offer-wrap{
	        gap: 14px;
	    }

	    .offer-item{
	        width: calc((100% - 20px) / 2);
	    }


	    .testimonial-text {
     	   max-width: 100%;
    	}



    
      .events-wrapper{
        flex-direction:column;
        align-items:center;
      }
      .event-image{
        width:100%;
        max-width:370px;
        height:488px;
      }
      .event-label{
        width:38px;
      }
      .event-label span{
        font-size:18px;
      }
      .event-card{
        width:100%;
        justify-content: center;
      }

      .footer-shape{
      	display: none;
      }



   	  .casino-footer {
   	  	padding-top: 40px;
   	  }

      .footer-container{        
        gap:30px;
      }

      /*.footer-logo img{
        max-width:296px;
      }*/

      .footer-title{
        margin-bottom:20px;
        font-size:18px;
      }

      .footer-bottom{
        margin-top:50px;
        font-size:15px;
      }

      .footer-shape{
        width:140px;
        left:-40px;
        bottom:-20px;
      }


      h1{
      	font-size: 45px;
      }
      .heroTitle span{
      	font-size: 30px;
      }
      .heroContentWrp p{
      	font-size: 16px;
      }
      .btn{
      	min-width: unset;
      	padding: 10px 12px;
      }
      h2 {
        font-size: 35px;
      }
      .events-wrapper.pt-70{
      	padding-top: 30px;
      }

	.smallH1{
		font-size: 20px;
	}
	.trusted-clients p{
		font-size: 16px;
	}





      .testimonial-text {
        font-size: 18px;
      }
      .testimonial-client {
        font-size: 18px;
      }

      .testimonial-slider .owl-nav button {
	      width: 60px;
	      height: 60px;
	   }
	   .testimonial-slider .owl-nav button img{
	   		width: unset;
	   }
	   .testimonial-slider .owl-nav button{
	   	 top: unset;
	   	 transform: unset;
	   }
	   .testimonial-slider .owl-nav{
	   		display: flex;
	   		justify-content: center;
	   		position: static;
	   }


	    .testimonial-slider .owl-nav{
	        display:flex;
	        justify-content:center;
	        align-items:center;
	        gap:20px;
	        width:fit-content;
	        margin:20px auto 0;
	        position:static;
		}
		.testimonial-slider .owl-nav button{
		    position:static !important;
		    margin:0 !important;
		}
		.offerAreaTitle.pb-50{
			padding-bottom: 30px;
		}


		.why-choose-container {
		    margin: auto;
		    position: relative;
		    display: flex;
		    flex-direction: column-reverse;
		}
		.why-choose-content{
			border: none;
		}
		.gallery-title.pb-50{
			padding-bottom: 30px;
		}
		 .gallery-wrapper {
	        display: grid;        
	        grid-template-columns: repeat(2, 1fr);
	        grid-gap: 1rem;
	      }

	      .cta-section{
	      	min-height: 274px;
	      }

	      .footer-container .footer-col:nth-child(1) {
	        width: 100%;
	        display: flex;
	        justify-content: center;
	      }
	        .footer-container .footer-col:nth-child(2) {
		        width: 48%;
		    }
		    .footer-container .footer-col:nth-child(3) {
			    width: 38%;
			}

			.footer-container.pt-90.pb-80{
				padding: 0;
			}



			/*==== Header start ====*/

			.getaQotWrp {
		        margin-right: 15px;
		    }		    
		    .getaQotWrp .btn {
		        font-size: 14px;
		        padding: 6px 10px;
		    }
		    .headerWrp{
		    	/* top: 15px; */
		    }
		    .headerWrp .container{
		    	padding: 0 10px;
		    	box-sizing: border-box;
		    }

			/*==== Header end ====*/


	  .StorySecInr {
        flex-direction: column-reverse;
        gap: 30px;
      }

      .story-content,
      .story-image{
        width:100%;
      }

      .story-content{
        order:2;
      }

      .story-image{
        order:1;
      }

      .story-content h2{      
        margin-bottom:20px;
      }   

     .story-image::before {
        top: -22px;
        right: -22px;
        height: 97.5%;
        width: 97.5%;
      }


      .why-grid{
        gap:20px;
      }

      .why-card{
        width:100%;
        padding:40px 25px;
      }

      .icon-box{
        width:80px;
        height:80px;
        margin-bottom:25px;
      }

   .story-image img {
	    width: 97.5%;	    
	    margin-left: auto;
	}

	.h3big {
        font-size: 25px;
    }


    .package-card{
        width:100%;
    }



  




    .games-wrapper{
        gap:20px;
    }
    .game-card{
        width:100%;
        padding: 20px 15px;
    }  

    .addon-card {
        width: 100%;
    }
    .addons-wrapper{
        gap:34px;
    }
    .addon-card{
        width:100%;
    }
    .package-card {
        padding: 20px 36px;
    }




      .cmnFrm.quote-form{
        gap:22px;
      }
      .cmnFrm .form-group{
        width:100%;
      }
      .quote-form-section {
	    padding: 18px 20px 18px;
	  }
	  .cmnFrm .sbmtRw input[type="submit"]{
	  	height: 42px;
	  }






	   .contact-info {
	      padding: 30px 20px;
       } 
      .contact-form-box{
        padding:40px 25px;
      }
      .info-item{
        gap:15px;
        margin-bottom: 28px;
      }
      .iconBox,
      .social-icon{
        width:60px;
        height:60px;
      }
      .contact-form-box{
      	padding: 25px 15px 25px 15px;
      }

      .info-text {
	    width: calc(100% - 76px);
	  }
	.socialIconWrp {
	    padding-left: 76px;
	}
	.contact-info h2 {
    	margin-bottom: 40px;
	}
	.contact-form-box.cmnFrm textarea {
	    height: 180px;
	}

	.pricing-card {
     width: 100%;
  }







   
    .pricing-top-text{
        font-size:18px;
        margin-bottom:40px;
    }

    .pricing-grid{
        margin:0;
    }

    .pricing-card{
        width:100%;
        padding:0;
    }

    .card-header{
        padding:20px 15px;
    }

    .card-header h3{
        font-size:26px;
    }

    .card-header p{
        font-size:18px;
    }

    .card-header span{
        font-size:15px;
    }

    .features li{
        font-size:15px;
        padding:15px 10px;
    }

    .pricing-card .price {
        font-size: 38px;
        position: relative;
        bottom: unset;
        padding: 10px 10px 25px 10px;
        box-sizing: border-box;
    }





}
/*=============   	767 css end		=============*/

/*=============   	680 css start	=============*/
@media(max-width:680px) {

	.HomeHero {
        height: 420px;
    }

    /*========= 404 Page start =========*/

    .wrap404Sec .error-code{
        font-size:110px;
    }

   .wrap404Sec h2{
        font-size:34px;
    }

   .wrap404Sec p{
        font-size:16px;
    }

    .wrap404Sec .card404{
        padding:50px 25px;
    }

    /*========= 404 Page end =========*/

}
/*=============   	680 css end 	=============*/


/*=============   	640 css start	=============*/
@media(max-width:640px) {



}
/*=============   	640 css end		=============*/

/*=============   	576 css start	=============*/
@media(max-width:580px) {

	.InrBnrContent{
        height: 190px;
    }

	.HomeHero {
        height: 376px;
    }

}
/*=============   	576 css end		=============*/


/*=============   	480 css end		=============*/
@media(max-width:480px) {
	.story-image img {
        width: 95%;        
    }

    .naviWrp .logoWrp {
	    max-width: 110px;
	}

	.HomeHero {
        height: 312px;
    }
}
/*=============   	480 css start	=============*/


/*=============   	414 css start	=============*/
@media(max-width:414px) {

	h2{
		font-size: 30px;
	}
	



	/*==== Header start ====*/

	.mobile-menu {
        width: 30px;
    }
    .mobile-menu span:nth-child(2) {
        width: 22px;
    }
    .mobile-menu span:nth-child(3) {        
        width: 14px;
    }
  

    .logoWrp{
    	width: 80%;
    }
    .offer-content p{
		font-size: 16px;
		line-height: 1.3;
	}

	/*==== Header end ====*/

	.HomeHero {
        padding: 30px 15px;
		height: 275px;
    }
	.InrBnrSec{
		padding: 30px 15px;
	}

	.offer-wrap {
        gap: 10px;
    }
	.offer-item {
        width: calc((100% - 10px) / 2);
    }

    .iconBox img {
	    width: 26px;
	}
	.iconBox, .social-icon {
        width: 40px;
        height: 40px;
    }
    .info-item {
        gap: 10px;
        margin-bottom: 26px;
    }
    .info-text {
        width: calc(100% - 50px);
    }
    .socialIconWrp {
        padding-left: 50px;
    }

}
/*=============   	414 css end		=============*/


/*=============   	390 css start	=============*/
@media(max-width: 390px){
    .logoWrp {
        width: 72%;
    }
    .offer-icon {
	    margin-bottom: 8px;
	}

	.offer-content {	  
	    padding: 20px 10px;	    
	}	
	.offer-icon img {
	    width: 47px;	    
	}

	.contact-info {
        padding: 30px 10px;
    }

    .info-text p,
    .info-text a,
    .form-group label {
        font-size: 16px;
    }
}
/*=============   	390 css End		=============*/


/*=============   	360 css start	=============*/
@media(max-width: 360px){
    .logoWrp {
        width: 68%;
    }

	.HomeHero {        
        height: 244px;
    }

}
/*=============   	360 css End		=============*/