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

@media only screen and (max-width: 1367px) {
    
}
        
@media (min-width: 1200px) {
  .container {
    width: 1250px;
  }
}		
		
		
@media only screen and (max-width: 1171px) {
    .navbar ul li a{padding: 25px 16px;font-size: 15px;}
}

@media only screen and (max-width: 992px) {
    #myHeader{padding: 10px 0;}
    #myHeader .navbar{width: 0; overflow-x: hidden;position: fixed;height: 100vh;background: #ffffff;right: 0;top: 0;
        box-shadow: -3px 3px 6px #00000029;align-items: flex-start;padding-top: 90px;z-index: 9999;}
    #myHeader .navbar ul{flex-direction: column;width: 100%;justify-content: flex-start;}
    .navbar ul li a{width: 100%;
    text-align: left;
    padding: 2px 15px;
    border-bottom: 0;
    border-left: 2px solid transparent;
    font: normal normal 16px/20px Proxima Nova;
    letter-spacing: 0px;}
    .navbar ul li{width: 100%;margin-top: 36px;}
    .navbar ul li:last-child{padding: 0 15px;}
    .navbar ul li a.main-btn{margin-left: 0;text-align: center;border: none;}
    .navbar ul li a:hover, .navbar ul li.active a{border-bottom: 0;border-left: 2px solid #F85658;}
    #mySidebar{transition: 0.5s;}
   .menu-header.d-none{display: flex !important;}
   .mobile-btn.d-none{display: block !important;margin-right: 40px;}
   .res-menu{display: flex;align-items: center;}
   h1{font-size: 40px;
    line-height: 44px;}
    .banner-title h3{font-size: 26px;}
    .mobile-slider{display: block;}
    .desktop-site{display: none;}
    .benifits-box{margin-bottom: 20px;}
    h2{font-size: 28px;line-height: 36px;}
    .heading-none{display: none;}
    .togglebar{display: block;}
    .about-img{text-align: center;margin-bottom: 40px;}
	.loginbtn{border: 1px solid #F85558;
			  border-radius: 6px;
			  background: #fff;
			  color: #F85558;
			width: 90%;
			margin-left: 15px;
			 }
}

@media only screen and (max-width: 768px) {
    .benifits-box-des h3{font-size: 20px;line-height: 24px;}
    .benifits-box-des p{font-size: 16px;line-height: 24px;}
    .heading p {line-height: 26px;padding-top: 15px;}
    h4{font-size: 20px;line-height: 24px;}
    .event-des p.date{font-size: 16px;line-height: 20px;}
    .event-des a.join-event{font-size: 16px;line-height: 20px;}
    .sign-up-row{max-width: 100%;flex-direction: column;text-align: center;}
    .sign-up-left p{line-height: 24px;padding-top: 15px;}
    .sign-up-right{margin-top: 30px;flex-basis: 100%;        width: 100%;}
    .footer-menus{margin-top: 40px;margin-bottom: 25px;}
    .copyright{display: none;}
    .footer-logo p{line-height: 30px;}
    .mob-copyright{display: block;}
    .footer-rw{padding: 30px 0;}
    .about-more p{font-size: 16px;line-height: 24px;}
    .wlc-text p{line-height: 24px;}
    .sub-head p{font-size: 16px;line-height: 24px;}
    .about-des h2{display: none;}
    .mob-headings{display: block;}
    .banner-title h1{font-size: 28px;line-height: 36px;}
    .banner-title h3{font-size: 20px;line-height: 27px;}
    .sign-up-left h3{font-size: 28px;line-height: 36px;}
    .gallery-rw{padding: 50px 0;}
    .h-529 { height: 420px;}
    .h-166 {
        height: 129px;
    }
    .h-348 {
        height: 275px;
    }
    
  .w30 {
	display: inline-block;
	width: 100%;
	text-align: center;
}

#myModal  .modal-dialog {
			 max-width: 100%;
			width: 100%;
		  }

#myModal .modal-dialog .modal-content{background: #FEF7EF 0% 0% no-repeat padding-box;
  border-radius: 15px 15px 0px 0px;}
  
   .margin24{ margin-bottom:24px }
	.pending27{padding: 24px 24px 30px 35px; background:#fff;}	 
		 
	.w90{ width:90% !important;}	 
		 
		  
}

@media only screen and (max-width: 576px) {
    .banner-img{display: flex;justify-content: center;}
    .banner-img img{max-width: 829px;}
    .mobile-btn.d-none .main-btn{font-size: 12px;line-height: 14px;}
    .benifits-box-imer{flex-basis: 32%;}
    .benifits-box-des{flex-basis: 68%;padding-left: 20px;}
    .mrt-100{margin-top: 50px;}
    .benifits-rw{padding: 50px 0;}
    .sign-up-row .main-btn{width: 100%;text-align: center;}
    .main-btn{border-radius: 4px;}
    .banner-rw::after{height: 455px;}
    .banner-title .main-btn{width: 189px;font-size: 14px;line-height: 19px;height: 44px;}
    .banner-rw{overflow: hidden;}
    .sub-head::before {
        height: 90%;
        top: 7px;
    }
    .about-img {margin-bottom: 40px;text-align: center;}
    .about-img img{width: 252px;margin: 0 auto;}
    .nav-brand img{width: 119px;}
    .gallery-rw ul li:nth-child(3), .gallery-rw ul li:nth-child(4){display: none;}
    .gallery-rw ul li {
        flex-basis: 48.2%;
    }
    .h-529 { height: 363px;}
    .h-166 {
        height: 84px;
    }
    .gallery-rw ul li:nth-child(2) .gallery-bx:last-child{display: block;margin-top: 8px;}
    .mb-15{margin-bottom: 8px;}
	
	
	
	.modal-dialog {
		position: absolute;
		bottom: 0;
		margin: 0;
		width: 100%;
	  }
.modal{ z-index:99999}
	
	
	
	
}

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