@media only screen and (max-width:1400px) {
	html { font-size: 59% }
	.innerBannerTitle {margin-bottom: 20px;}
}
@media only screen and (max-width:1399px) {
.homeBanner .homeSliderArrow.homeBanner-prev{left: 15px;}
.homeBanner .homeSliderArrow.homeBanner-next{right: 15px;}
.homeBanner .PlayBtnSlider{left: 15px;}
}
@media only screen and (max-width:1199px) {

	
}
@media only screen and (max-width:1169px) {
	html { font-size: 55% !important }
	.mgmtWrapper { padding: 5rem 1rem 2rem 1rem }
	.welcomeWrapper { padding: 4rem 2rem }
	.welcomeText { padding: 4.2rem }
	.volunteer-sec .player-area { padding: 4rem }
	.volunteer-sec .playerBox:before { bottom: -1rem }
	.volunteer-sec .playerBox:after { right: 1.8rem }
	.volunteer-sec .player-area .voulunteerDetails p { font-weight: 500 }
	.volunteer-sec .playerBox { align-self: start }
	.dashCard a { font-size: 1.5rem }
	.marqueeHead { max-width: 15% }
}
@media only screen and (max-width:1024px) {
	.mobileNav, .navbar-toggler { display: block }
	.open-popup { display: none }
	.loginBox { margin-right: 5rem }
	.popup { top: 150px; position: absolute }
	.popup-content { position: relative; left: 0; right: 0; margin: 0 auto; top: 0; width: 90% }
	.popup-content .close-popup { font-size: 32px; line-height: 2.8rem; top: -1.8rem; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center }
	.langGu .mobileNav .navigationText {background: url(/Default/assets/front/images/sag-logo-guj.png) no-repeat;}
	.col-md-3.otpField {max-width: 50%!important;flex: 0 0 50%!important;}
}
@media only screen and (max-width:992px) {
	html { font-size: 55% }
	.welcomeWrapper { padding: 3rem 1rem }
	.mgmtWrapper { padding: 7rem 2.5rem 2.5rem 2.5rem }
	.whatsnewWrapper { padding: 4rem }
	.eventSmall { margin-bottom: 1rem }
	.upcomingSection { padding: 3rem 2rem }
	.volunteer-sec .playerBox:after { right: 1rem }
	.volunteer-sec .playerBox:before { bottom: 0 }
	.adressBox p br { display: none }
	.dashCard a { font-size: 2rem }	
}
@media only screen and (max-width:991px) {
	/* .volunteer-sec .volunteer-overlay { height: 29rem } */
	.khel-logo img { max-width: 80% }
	#header { position: relative; background: #113669 }
	/* .homeBanner .homeBannerImgWrap { height: auto } */
	.about-sec { margin-top: -10rem; z-index: 1 }
	.about-sec .about-overlay { display: none }
	.about-sec .services-area { height: auto }
	.welcome-sec { margin-top: 0 }
	.mgmtWrapper {display: flex;padding: 2rem 2.5rem 2rem 2.5rem;flex-wrap: wrap;}
	.mgmtBox {display: block;width: 33.33%;text-align: center}
	.whatsnewWrapper { margin-top: 1rem }
	.eventLarge:last-child { margin-bottom: 3rem }
	.upcomingAll { margin-top: 0; top: 5rem }
	.volunteer-sec .playerBox:after { right: 2rem; height: 80% }
	.volunteer-sec .playerBox:before { bottom: -2rem }
	.become-volunteer { background-position: center; background-size: cover }
	.volunteer-content h2 br, .volunteer-content h6 br { display: none }
	.volunteer-sec .volunteer-area .volunteer-content { padding: 2.5rem }
	.videoSlider { text-align: center }
	.quickLinks { background-size: cover; width: 100%; background-position: left }
	.loginContainer { max-width: 95% }
	.innerpad { padding: 3rem 0 }
	.videoItemWrap .homeGalleryItem img { width: 100%; height: auto }
	.marqueeContent { flex-wrap: wrap; }
	.marqueeHead { max-width: 15%; }
	.marqueeDetail { max-width: 60% }
	.marqueeViewAll { flex: 0 0 auto; max-width: 15%; width: 100%; }
	.innerBannerTitle {margin-bottom: 25px;}
	.tollFreeContent {display: flex;align-items: center;}
	.tollFreeBox{justify-content: center;}
	.tollFreeBox .number{margin-left: 20px}
	.col-lg-6.rightPart .col-lg-12.col-md-12.eventSmall {padding: 0 0 20px 0;}
	.mgmtBox .mgmtImg {margin: 0 auto 20px;}
	.breadcrumb-bg ul li:last-child {width: 240px;}
	ul.dis-list { grid-template-columns: 1fr 1fr 1fr; }
	.homeBanner .PlayBtnSlider{bottom: 120px;}
	.topStrip li{padding: 0px 5px;}
	.topStrip a{ font-size: 12px;}
	#accessControl .contrastChanger.normal{margin-left: 5px;}
	#accessControl .contrastChanger{ margin-left: 5px;}
	#accessControl input { font-size: 12px; }
	#accessControl input { font-size: 12px; width: 17px; height: 18px; }
}
@media only screen and (max-width:768px) {
	h2 { font-size: 3rem }
	.mobileNav .mob-link { display: block !important }
	.about-sec .services-area { height: auto }
	.about-sec { margin-top: 0 }
	.mgmtWrapper {display: flex;padding: 2rem 0;margin-bottom: 30px;}
	.mgmtTitle { margin-top: 1rem }
	.mgmtBox {display: block;width: 33.33%;text-align: center;margin-bottom: 0}
	.whatsnewWrapper { margin-top: 1rem }
	.eventLarge:last-child { margin-bottom: 3rem }
	.upcomingAll { margin-top: -2rem }
	.upcomingSlider .swiper-container { margin: 0 3rem }
	.homeMedia, .upcomingSection { padding: 3rem 0 }
	.volunteer-sec .playerBox:after { right: 2rem; height: 80% }
	.volunteer-sec .playerBox:before { bottom: -2rem }
	.become-volunteer { background-position: center; background-size: cover }
	.volunteer-content h2 br, .volunteer-content h6 br { display: none }
	.volunteer-sec .volunteer-area .volunteer-content { padding: 2.5rem }
	.photoSlider .sliderArrowWrap, .videoSlider .sliderArrowWrap { top: 0 }
	.photoTitle .viewAll, .videoTitle .viewAll { margin-right: 8rem }
	.volunteer-area { margin-top: 1rem }
	.gameWrapper h5 { font-size: 1.4rem }
	.about-sec .about-area { padding-left: 3rem }
	.overlay-container { display: none }
	.sign-in-container { width: 100%; padding: 3rem 0 }		
	.upcomingSection h2 {text-align: left; padding: 0 3rem}
	.col-md-3.otpField {max-width: 100%!important;flex: 0 0 100%!important;}
	.breadcrumb-bg ul li:last-child {width: 150px;}
}
@media only screen and (min-width:768px) {
	.playerProf .nav-tabs { display: flex }
	.playerProf .card { border: none }
	.playerProf .card .card-header { display: none }
	.playerProf .card .collapse { display: block }	
	.welcomeText { position: unset; width: 100%; }
	.welcomeWrapper p img { width: 100%; }
	.pmBg { background: #fff; }
	.marqueeViewAll{max-width: 20%;}
	.upcomingSection h2 {text-align: left;}	
}
@media only screen and (max-width:767px) {
	.breadcrumb-bg{display: none}
	.innerBannerTitle{margin-bottom: 0!important}
	.breadcrumb-bg ul li:last-child {width: 150px;}
	.col-md-3.otpField {max-width: 100%!important;flex: 0 0 100%!important;}
	.upcomingSection h2 {text-align: left;}
	#header { position: relative }
	h2, .dis-wrap h3, .upcomingSection h3, .whatsnewWrapper h4 { font-size: 3rem }
	/* .topStrip .leftLink, .topStrip .rightLinks .fontResize, .topStrip .rightLinks .mainSubject, .topStrip .rightLinks .moveInBottom, .topStrip li:last-child:before { display: none } */
	.topStrip .rightLinks:last-child { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
	.bg-blue { background: #113669 }
	.headerRow { background: #113669; position: relative }
	.homeBanner .homeBannerImgWrap { height: 45rem }
	.homeBanner .sliderCaption { max-width: 100%; text-align: left }
	.homeBanner .sliderCaption h3 br { display: none }
	.homeBanner .homeSliderArrow, .homeBanner .PlayBtnSlider { display: none }
	.swiper-pagination { display: block }
	.khel-logo { width: fit-content; position: relative; margin-bottom: 3rem }
	.about-sec .about-area { padding-left: 1rem }
	.khel-logo img { max-width: 60% }
	div#navbar-brand{text-align: center;}
	.navbar-toggler { right: 0; top: 0rem }
	.headerRight { justify-content: center; margin-top: 1rem }
	.tollFreeBox .number { white-space: nowrap }
	.about-sec { margin-top: 0 }
	.mgmtWrapper { display: flex; padding: 2rem 0 }
	.mgmtBox {display: block;width: 33.33%;text-align: center}
	.mgmtTitle { margin-top: 1rem }
	.whatsnewWrapper { margin-top: 1rem }
	.eventLarge:last-child { margin-bottom: 3rem }
	.upcomingSection { padding: 3rem 2rem 5rem 2rem }
	.upcomingAll { margin-top: -2rem; top: 5.7rem; right: 8rem; left: auto; text-align: center; bottom: 10px }
	.upcomingWrap .card-body a h5 { font-size: 2rem }
	.volunteer-sec .player-area { height: auto }
	.volunteer-sec .volunteer-overlay { display: none }
	.volunteer-sec .playerBox:after { right: 2rem; height: 80% }
	.volunteer-sec .playerBox:before { bottom: -2rem }
	.become-volunteer { background-position: center; background-size: cover }
	.volunteer-content h2 br, .volunteer-content h6 br { display: none }
	.volunteer-sec .volunteer-area .volunteer-content { padding: 2.5rem }
	.volunteer-area { margin-top: 1rem }
	.eventLarge, .eventSmall { display: block; margin-left: -1rem; margin-right: -1rem }
/*	.eventSmall .imgHolder { height: 13rem }*/
/*	.whatsnewWrapper .leftPart, .whatsnewWrapper .rightPart { display: flex; justify-content: space-between }*/
	.eventDisc { margin-top: 10px }
	.photoTitle .viewAll, .videoTitle .viewAll { margin-right: 10rem }
	.photoSlider .sliderArrowWrap, .videoSlider .sliderArrowWrap { top: 0 }
	.contactAddress, .copyrightText, .socialConnections, .visitorsCount p { text-align: center }
	.adressBox br { display: none }
	.adressBox { margin-bottom: 15px }
	.contactAddress h6, .socialConnections h6 { font-weight: 600; font-size: 1.8rem; margin-top: 2rem }
	.footerLink { display: flex; justify-content: center }
	.copyrightText { margin-bottom: 2rem; display: block }
	.contactCard .table { margin-top: 2rem }
	.contactSection .col-md-6:last-child { margin-top: 1rem }
	.gameWrapper .col-md-2:last-child .gameBlock { margin-bottom: 0 }
	.eventWrapper { margin-bottom: 2rem }
	.eventWrapper .col-md-3:last-child label { display: none }
	.bannerImg { height: 133px; background-size: cover; background-position: center }
	.innerBannerTitle { font-size: 2.5rem; font-weight: 600 }
	.gameWrapper h5 { font-size: 1.4rem }
	.homeGalleryItem .galleryTitle { font-size: 12px; padding: 5px }
	.overlay-container { display: none }
	.sign-in-container { width: 100%; padding: 3rem 0 }
	.regDetailWraper .regDetailCard:nth-child(3) .regDetail::before { display: none }
	.playerProf .tab-content>.tab-pane { display: block !important; opacity: 1; margin-bottom: 1.5rem }
	.playerProf .tab-content>.tab-pane .card-header { border-bottom: solid 3px #133b70; padding: 2rem }
	.playerProf .tab-content>.tab-pane .card-header a { font-size: 1.6rem; font-weight: 500; color: #133b70 }
	.eventSmall .imgHolder img{height: auto;}
	.welcomeText { position: unset; width: 100%; }
	.welcomeWrapper p img { width: 100%; }
	.pmBg { background: #fff; }
	.marqueeViewAll{max-width: 20%;}
	.col-lg-6.rightPart .col-lg-12.col-md-12.eventSmall {padding: 0 0 20px 15px;}
	ul.dis-list { grid-template-columns: 1fr 1fr; }
	.topStrip ul{ display: flex; flex-wrap: wrap; justify-content: center;}
}
@media only screen and (max-width:639px) {
	.khel-logo img { max-width: 70% }
	.tollFreeBox .tollFreeIcon { margin-right: 1.4rem }
	.volunteer-sec .player-area { padding: 4.2rem }
	.volunteer-sec .playerBox { align-items: center }
	.socialMediaBlock li { margin: .2rem }
	.dashCard a { padding: 1rem }
	.homeBanner .homeBannerImgWrap { position: relative; }
	.homeBanner .homeBannerImgWrap:before { content: ''; background: rgb(23 26 67 / 50%); width: 100%; height: 100%; position: absolute; }
	.marqueeHead { max-width: 18%; }
	.marqueeDetail { max-width: 55%; }
	.marqueeViewAll { max-width: 22%; }
}
@media only screen and (max-width:575px) {
	.homeBanner .sliderCaptionWrap { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%) }
	.homeBanner .sliderCaption h3 { font-size: 5rem }
	.breadcrumb-bg { background: #eee; padding: .5rem; position: relative; left: 0; width: 100%; top: 0; transform: none; -webkit-transform: none }
	.breadcrumb-bg ul { margin: 0 }
	.pageTitle { top: 34% }
	.khel-logo img { max-width: 60% }
	.welcomeText, .whatsnewWrapper { padding: 2rem }
	.welcomeText h3 { font-size: 3.5rem }
	.volunteer-sec .player-area { padding: 2.4rem }
	.volunteer-sec .playerBox:nth-child(2)::after, .volunteer-sec .playerBox:nth-child(4)::after { display: none }
	.volunteer-sec .playerBox:nth-child(3)::after, .volunteer-sec .playerBox:nth-child(4)::before { display: block }
	.homeMediaBlock { padding: 0 }
	.tollFreeBox .number { font-size: 2.3rem }
	.upcomingWrap .card { padding: 1rem }
	.homeMedia, .upcomingSection { padding: 3rem 0 }
	.upcomingSlider .sliderArrowWrap .upcomingSliderPrev { left: 1rem }
	.upcomingSlider .sliderArrowWrap .upcomingSliderNext { right: 1rem }
	.whatsnewWrapper .leftPart, .whatsnewWrapper .rightPart { display: block }
	.footerLink { text-align: center }
	.mgmtWrapper { display: flex; flex-grow: 1; flex-wrap: wrap; padding: 2rem 0 2rem 0 }
	.mgmtBox { width: 100%; display: flex; text-align: left }
	.mgmtBox .mgmtImg{margin: 0 20px 0 0;}
	.photoSlider .sliderArrowWrap, .videoSlider .sliderArrowWrap { top: 0 }
	.videoWraper { margin-top: 0 }
	.volunteer-sec .volunteer-area .volunteer-content { padding: 1.5rem }
	.bannerImg { height: 90px; background-size: cover; background-position: center }
	.innerBannerTitle { font-size: 2rem; font-weight: 500 }
	.welcomeWrapper p img { width: 100% }
	.eventSmall .imgHolder { height: auto }
	.eventSmall { margin-bottom: 2rem }
	.regDetailCard:nth-child(2n) .regDetail:before { display: none }
	.marqueeDetail{ max-width: 75% }
	.marqueeHead {max-width: 21%;}
	.innerBannerTitle {margin-bottom: 20px;}
	.photoItem .imgHolder img {height: 250px;object-fit: cover;}
	.innerSection.innerpad.photoGallerySection{padding: 20px 50px}
	.marqueeViewAll{max-width: 100%;margin-top: 10px;}
	.upcomingSection h2 {padding: 0 15px;}
	ul.dis-list { grid-template-columns: 1fr; }
}
@media only screen and (max-width:480px) {
	h2, .dis-wrap h3, .upcomingSection h3, .whatsnewWrapper h4 { font-size: 3rem }
	.navbar-toggler { top: 0 }
	.tollFreeBox { justify-content: center }
/*	.tollFreeContent { display: flex }*/
	.tollFreeBox .tollFreeTitle { font-size: 2rem; padding-right: 1.5rem }
	.headerRight { justify-content: start; margin-top: 2rem }
	.welcomeText { padding: 0; top: 20%; position: relative; width: 100% }
	.whatsnewWrapper { padding: 2rem; margin-top: 4rem }
	.homeBanner .sliderCaption h3 { font-size: 5.8rem }
	.welcomeText h3 { font-size: 2.8rem; margin-bottom: 1rem }
	.mgmtBox { width: 100% }
	.upcomingAll { display: none }
	.about-sec .about-area, .about-sec .services-area { max-width: 100%; flex: 100% }
	.eventLarge .eventDate, .eventLarge .eventShortDetail, .eventLarge .eventTitle a, .eventSmall .eventDate, .eventSmall .eventShortDetail, .eventSmall .eventTitle a { font-size: 1.6rem; height: auto }
	.volunteer-sec .playerBox:after { right: .8rem }
	.volunteer-sec .player-area { height: auto }
	.volunteer-content h2 br { display: none }
	.volunteer-sec .volunteer-area .volunteer-content h2 { font-size: 3rem }
	.welcomeWrapper { padding: 3rem 1rem 2rem 1rem }
	.homeMedia { padding: 2rem }
	.volunteer-sec .player-area .voulunteerDetails h3 { font-size: 2.5rem }
	.volunteer-sec .playerBox:before { bottom: -1.1rem; left: 3rem }
	.volunteer-sec .playerBox:after { right: 0; top: .4rem }
	.volunteer-sec .player-area { padding: 1.7rem }
	.volunteer-sec .player-area .voulunteerDetails p { font-size: 1.4rem; line-height: 1.7rem; margin-top: 1rem }
	.white-box { padding: 1.5rem }
	.innerpad { padding: 3rem 0 }
	.eventWrapper .col-md-3:last-child label { display: none }
	.captchaImage { white-space: nowrap }
	.pmBg { display: none }
	.regDetailCard:nth-child(2n) .regDetail:before { display: none }
	.chosen-container { width: 100% }
	.indiBtn .btn { padding: 1rem; font-size: 1.4rem }
	.innerSection.innerpad.photoGallerySection{padding: 20px 30px}
	.marqueeDetail {max-width: 65%;}
	.marqueeHead {max-width: 30%;}
	.tollFreeContent{flex-wrap: wrap;}
	.tollFreeBox .number{margin-left: 0}
	.mgmtBox .mgmtImg{margin: 0 20px 0 0;}
}
@media only screen and (max-width:420px) {
	html { font-size: 50% !important }
	#navbar-brand img { width: 100%; height: auto }
	.loginReg { margin-left: 0; padding: 10px }
}
@media only screen and (max-width:359px) {
	.volunteer-sec .player-area .voulunteerDetails h3 { font-size: 2rem }
}
@media only screen and (max-width:320px) {
	.indiBtn { display: flex; justify-content: space-between }
	.indiBtn .btn { padding: 1rem; font-size: 1.3rem }
}
@media all and (-ms-high-contrast:none) {
	.player-area .row, ::-ms-backdrop { display: table }
	.volunteer-sec .playerBox, ::-ms-backdrop { display: inline-table; max-width: 32.33%; border-right: solid 1px #ff916f }
	.volunteer-sec .playerBox:last-child, .volunteer-sec .playerBox:nth-child(3), ::-ms-backdrop { border: 0 }
	.volunteer-sec .player-area .playerImg, ::-ms-backdrop { display: table-cell !important }
	.volunteer-sec .player-area .playerImg img, ::-ms-backdrop { height: 57px }
	.volunteer-sec .playerBox:after, ::-ms-backdrop { display: none }
}