@media screen and (max-width: 1024px ){
	
}
@media screen and (max-width: 991px ){
	.mhide{
		display: none !important;
	}
	.main-content{
		top: 50%;
		transform: translateY( -50%);
		-webkit-transform: translateY( -50%);
		-moz-transform: translateY( -50%);
		-ms-transform: translateY( -50%);
		-o-transform: translateY( -50%);
	}
	.clickScroll p{
		display: none;
	}
	.side-nav li.active label{
		display: none;
	}

	.videoResp{
		left: 0;
		right: 0;
		text-align: center;
		margin: 0 auto;
		bottom: 16%;
		position: absolute;
		z-index: 9;
	}
	.country-resp{
		display: block;
		width: 14vw;
		position: absolute;
		top: 5.9vw;
		left: 34vw;
		border-left: 0.2vw solid rgba(255, 255, 255, 0.49);
		padding-left: 3.1vw;
	}
	.country-resp select{
		height: 5vw;
		padding: 0.2vw;
		font-size: 3vw;
		border: none !important;
		border-color: transparent !important;
		box-shadow: none !important;
		box-shadow: none;
		background-color: transparent;
		background-image: none;
		color: #fff;

	}
	#aboutVideo .modal-header button.close img{
		width: 5vw;
	}
	#aboutVideo .modal-header button.close{
		border-radius: 50%;
		width: 9vw;
		height: 9vw;
	}
	#aboutVideo .modal-header{
		right: 12%;
	}
	.videoResp img{
		width: 8vw;
	}
	.side-nav li.see-video{
		display: none !important;
	}
	.fa.fa-envelope.contact {
		position: absolute;
		color: #acc4eb;
		right: 16vw;
		top: 6vw;
		font-size: 4.5vw;
	}
	.follow{
		float: right;
		text-align: right;
	}
	.knowMore span{
		line-height: 5.9vw;
		font-size: 1.63vw;
	}
	body, html {
		line-height: 4.4vw;
		font-size: 2.2vw;
	}
	.container-fluid{
		padding-right: 1.5vw;
		padding-left: 1.5vw;
	}
	.navbar .container-fluid{
		padding-right: 0vw;
		padding-left: 0vw;
	}
	.nav-wrapper nav.navbar-inverse{
		padding: 0px;
	}
	.side-nav{
		transform: translateY( 0%);
		-webkit-transform: translateY( 0%);
		-moz-transform: translateY( 0%);
		-ms-transform: translateY( 0%);
		-o-transform: translateY( 0%);
		top: 20%;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.side-nav li, .side-nav li.active:before, .side-nav li.active:after{
		display: none;
	}
	.side-nav li.active{
		display: block;
	}
	.side-nav li h2{
		left: 0;
		right: 0;
		display: block;
		margin: 0 auto;
		font-size: 12vw;
	}
	.side-nav li.active label{
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		left: 0;
		right: 0;
		text-align: center;
		display: block;
		margin: 0 auto;
		font-size: 6vw;
		top: 4.47vw;
		display: none;
	}
	.main-content{
		width: 95%;
	}
	.navbar-toggle{
		display: block !important;
		margin: 4vw 4vw;
		margin-right: 0px;
		padding:2.4vw;
		background: transparent !important;
		border-color: transparent !important;
		line-height: initial;
	}
	.navbar-toggle img{
		width: 4vw;
	}
	.nav-wrapper .navbar-header{
		width: 100%;
		margin: 0 !important;
		float: none;
		padding-left: 2vw;
	}
	.navbar-brand {
		padding: 6.4vw 6.4vw;
		padding-left: 0px;
		margin-left: 0px !important;
	}
	.nav-wrapper nav .logo{
		width: 27vw;
	}
	ul.country{
		display: none;
	}
	.main-content span.sub-text{
		line-height: 3.2vw;
		width: 70%;
		font-size: 1.5vw;
	}
	.main-content p.main-text{
		font-size: 3vw;
	}
	.knowMore {
		width: 35.7vw;
		height: 6.2vw;
		border: 0.22vw solid #f37044;
		border-radius: 0.44vw;
		margin-top: 2.3vw;
	}
	.main-content p.main-text .non-change{
		width: 45%;
		text-align: right;
		padding-right: 0.6vw;
	}
	.knowMore label img{
		width: 2.4vw;
	}
	
	.updates label.headtext{
		font-size: 1.5vw;
	}
	.updates .scrolling-sec ul li{
		font-size: 1.5vw;
	}
	.mshow{
		display: block !important;
	}
	.copyright p{
		font-size: 1.5vw;
	}
	.follow span{
		font-size: 2vw;
	}
	.follow span:after{
		width: 4.2vw;
		height: 0.19vw;
	}
	.follow a i{
		font-size: 3.2vw;
		padding: 0 1.4vw;
	}
	.mpad-0{
		padding: 0px;
	}
	.navbar-collapse{
		background: -moz-linear-gradient(180deg, rgba(60,143,139,1) 0%, rgba(21,48,65,1) 100%); /* ff3.6+ */ 
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(60,143,139,1)), color-stop(100%, rgba(21,48,65,1))); /* safari4+,chrome */ 
		background: -webkit-linear-gradient(180deg, rgba(60,143,139,1) 0%, rgba(21,48,65,1) 100%); /* safari5.1+,chrome10+ */ 
		background: -o-linear-gradient(180deg, rgba(60,143,139,1) 0%, rgba(21,48,65,1) 100%); /* opera 11.10+ */ 
		background: -ms-linear-gradient(180deg, rgba(60,143,139,1) 0%, rgba(21,48,65,1) 100%); /* ie10+ */ 
		background: linear-gradient(180deg, rgba(60,143,139,1) 0%, rgba(21,48,65,1) 100%); /* w3c */ 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c8f8b', endColorstr='#153041',GradientType=1 ); /* ie6-9 */
		border-color: #0d2241;
		padding: 0px;
	}
	.main-wrapper{
		padding: 6.2vw 0;
		font-family: 'PoppinsRegular';
		overflow-y: auto;
		height: 76vw;
		padding-bottom: 0px;
		width: 100%;
	}
	.main-part{
		padding: 0 2.2vw;
	}
	.main-part ul{
		list-style: none;
		padding-left: 0px;
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		margin-bottom: 3vw;
	}
	.main-part ul li{
		display: inline-block;
		vertical-align: middle;
		width: 32%;
	}
	.main-part ul li img{
		display: inline-block;
		vertical-align: middle;
	}
	.main-part ul li a{
		font-size: 2.2vw;
		color: #fff;
		display: inline-block;
		vertical-align: middle;
		padding-left: 1vw
	}
	.main-part a.btn{
		background-color: transparent;
		color: #fff;
		font-size: 2.2vw;
		padding: 1.5vw;
		width: 18vw;
	}
	.menu-sec{
		padding: 0 2.2vw;
	}
	.menu-sec .collapse.in{
		padding-bottom: 2.2vw;
		margin-bottom: 0px;
	}
	.menu-sec.about{
		background-color: rgba(0, 0, 0, 0.1);
		border-top: 1px solid rgba(255, 255, 255, 0.38);
	}
	.menu-sec.sports{
		background-color: rgba(0, 0, 0, 0.2);
	}
	.menu-sec.oho{
		background-color: rgba(0, 0, 0, 0.3);
	}
	.menu-sec.media{
		background-color: rgba(0, 0, 0, 0.4);
		margin-top: 0px;
	}
	.menu-sec.tech{
		background-color: rgba(0, 0, 0, 0.5);
	}
	.menu-sec.work{
		background-color: rgba(0, 0, 0, 0.6);
	}
	.menu-sec label{
		margin-bottom: 0px;
		width: 100%;
		display: block;
		color: #fff;
	}
	.menu-sec label a{
		display: block;
		width: 100%;
		padding: 2.2vw;
		color: #fff;
		text-decoration: none;
	}
	.menu-sec ul li{
		color: #fff;
	}
	.menu-sec ul li a{
		color: #fff;
		font-family: 'PoppinsLight';
		text-decoration: none;
	}
	#navbar.navbar-collapse{
		margin-right: 0px !important;
		margin-left: 0px !important;
		min-height: 76vw;
		max-height: 100vh;
		top: -130vw;
		position: absolute;
		-webkit-transition: all 0.6s cubic-bezier(0.250, 0.250, 0.750, 0.750);
		-moz-transition: all 0.6s cubic-bezier(0.250, 0.250, 0.750, 0.750);
		-o-transition: all 0.6s cubic-bezier(0.250, 0.250, 0.750, 0.750);
		transition: all 0.6s cubic-bezier(0.250, 0.250, 0.750, 0.750);
		width: 100vw;
	}
	#navbar.navbar-collapse.in{
		top: 15vw;
		-webkit-transition: all 0.6s cubic-bezier(0.250, 0.250, 0.750, 0.750);
		-moz-transition: all 0.6s cubic-bezier(0.250, 0.250, 0.750, 0.750);
		-o-transition: all 0.6s cubic-bezier(0.250, 0.250, 0.750, 0.750);
		transition: all 0.6s cubic-bezier(0.250, 0.250, 0.750, 0.750);
	}
	.updates label.headtext{
		width: auto;
		padding-right: 0.4vw;
	}
	.updates .scrolling-sec{
		width: 74%;
	}
	.clickScroll{
		bottom: 15%;
		left: 0;
		right: 0;
	}
	.clickScroll p{
		font-size: 2.82vw;
		margin-bottom: 0px;
	}
	.clickScroll i{
		font-size: 2.82vw;
	}
	#ourFamily{
		top: -92vw;
		height: 75vw;
	}
	#ourFamily .heading{
		width: 100%;
		margin-top: 6vw;
	}
	#ourFamily .heading label{
		font-size: 6.85vw;
		line-height: 15.1vw;
	}
	#ourFamily .heading label br{
		display: none;
	}
	.family-logo{
		width: 100%;
		height: auto;
	}
	.family-logo li{
		width: 49%;
		padding: 6vw 0vw;
		height: auto;
	}
	.family-logo li img{
		position: static;
		transform: translateY( 0%); 
		-webkit-transform: translateY( 0%); 
		-moz-transform: translateY( 0%);
		-ms-transform: translateY( 0%);
		-o-transform: translateY( 0%);
		width: 70%;
	}
	.close-btn{
		width: 7vw;
		height: 7vw;
		font-size: 2.8vw;
		padding: 2.3vw 0;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
		margin-right: -15px;
		margin-left: -15px;
	}
	.globe{
		width: 490px;
		height: 490px;
	}
	.bg-circle{
		display: none;
	}
}
@media screen and (max-width: 767px ){
	body, html {
		line-height: 6.4vw;
		font-size: 3.2vw;
	}
	.nav-wrapper nav .logo{
		width: 36vw;
	}
	.main-content p.main-text span.main-sub-text span{
		min-width: 1.6vw;
		margin-bottom: 1vw;
	}
	.navbar-toggle img{
		width: 6vw;
	}
	.main-wrapper{
		padding: 6.2vw 0;
		height: 109vw;
		width: 100%;
	}
	#navbar.navbar-collapse{
		min-height: 109vw;
	}
	.main-part{
		padding: 0 3.2vw;
	}
	.main-part ul{
		margin-bottom: 6vw;
	}
	.main-part ul li{
		display: inline-block;
		vertical-align: middle;
		width: 32%;
	}
	.main-part ul li img{
		display: inline-block;
		vertical-align: middle;
	}
	.main-part ul li a{
		font-size: 3.2vw;
	}
	.main-part a.btn{
		font-size: 3.2vw;
		padding: 2vw;
		width: 23vw;
	}
	.menu-sec{
		padding: 0 3.2vw;
	}
	.menu-sec .collapse.in{
		padding-bottom: 3.2vw;
	}
	.menu-sec label a{
		padding: 3.2vw;
	}
	.clickScroll p{
		font-size: 3.82vw;
	}
	.clickScroll i{
		font-size: 3.82vw;
	}
	#ourFamily .heading{
		margin-top: 6vw;
	}
	#ourFamily .heading label{
		font-size: 6.85vw;
		line-height: 15.1vw;
	}
	#ourFamily .heading label br{
		display: none;
	}
	.follow a i{
		font-size: 4.2vw;
		padding: 0 1.4vw;
	}
	.follow span{
		font-size: 2.1vw;
	}
	.copyright p{
		font-size: 1.9vw;
	}
	.updates label.headtext{
		font-size: 2vw;
	}
	.updates .scrolling-sec ul li{
		font-size: 2vw;
	}
	.main-content span.sub-text{
		line-height: 5.9vw;
		width: 95%;
		font-size: 3.4vw;
		letter-spacing: 0.1vw;
		margin-top: 5vw;
	}
	.knowMore{
		width: 40.7vw;
		height: 9.2vw;
	}
	.knowMore span {
		line-height: 8.9vw;
		font-size: 2.3vw;
	}
	.main-content p.main-text .non-change{
		width: 100%;
		text-align: center;
		display: block;
		line-height: 5vw;
		height: 5vw;
		font-size: 4.1vw;
		margin-bottom: 1vw;
	}
	.main-content p.main-text .wrapper{
		width: 100%;
		text-align: center;
		display: block;
		line-height: 7vw;
		margin: 0 auto;
	}
	.main-content p.main-text{
		font-size: 5.5vw;
	}
	.main-content p.main-text span.main-sub-text{
		line-height: 5vw;
		height: 6vw;
	}
	.knowMore{
		margin-top: 5.3vw;
	}
	.follow span:after{
		width: 4.2vw;
		height: 0.29vw;
	}
	.globe {
		width: 300px;
		height: 300px;
	}
	.country-resp{
		width: 20vw;
		top: 5.3vw;
		left: 42vw;
		background: transparent;
		color: #fff;
		padding-left: 1.5vw;
	}
	.country-resp select{
		height: 7vw;
		padding: 0.2vw;
		font-size: 5vw;
	}
	.side-border-img{
		width: 2.8vw;
	}
	.img-distrubition .badminton{
		width: 8.9vw;
	}
	.img-distrubition .circket{
		width: 9.8vw;
	}
	.img-distrubition .football{
		width: 9.4vw;
	}
	.img-distrubition .hockey{
		width: 12.4vw;
	}
	.img-distrubition .rugby{
		width: 9.9vw;
	}

	
}
@media screen and (max-width: 768px ) and (orientation: landscape){
	.nav-wrapper nav .logo{
		width: 26vw;
	}
	.country-resp{
		left: 31vw;
		top: 2.6vw;
	}

	.country-resp select{
		height: 6vw;
		padding: 0.2vw;
		font-size: 3vw;
	}
	.fa.fa-envelope.contact{
		font-size: 3.5vw;
		top:4vw;
	}
	.navbar-toggle img{
		width: 4.5vw;
	}
	.navbar-inverse .navbar-toggle{
		margin-top: 1vw;
	}
	.main-content span.sub-text{
		line-height: 3vw;
		font-size: 2vw;
		margin-top: 0vw;
	}
	.main-content p.main-text .non-change, .main-content p.main-text{
		font-size: 3.2vw;
	}
	.main-content p.main-text .wrapper{
		line-height: 3vw;
	}
	.main-content p.main-text .non-change{
		margin-bottom: 0px;
		height: 4vw;
	}
	.knowMore{
		margin-top: 1.3vw;
		height: 6.2vw;
		width: 33.7vw;
	}
	.knowMore span{
		line-height: 5.8vw;
		font-size: 2vw;
	}
	.clickScroll, .updates{
		display: none;
	}
	.side-nav{
		display: none;
	}
	.navbar-inverse .navbar-brand{
		padding-top: 4vw;
	}
	.copyright p{
		font-size: 1.3vw;
	}
	.follow a i{
		font-size: 3.2vw;
	}
	.copyright, .follow {
		line-height: 3.4vw;
	}
	.main-part ul{
		margin-bottom: 2vw;
	}
	.main-part ul li a{
		font-size: 2vw;
	}
	.main-wrapper, .menu-sec label a{
		padding: 0.2vw;
	}
	.menu-sec{
		font-size: 2vw;
	}
	.main-part a.btn{
		font-size: 2vw;
		padding: 1vw;
		width: 18vw;
	}
	#navbar.navbar-collapse.in{
		top: 22vh;
	}
	.main-wrapper{
		height: 78vh;
	}
	#ourFamily .heading label{
		font-size: 3.85vw;
		line-height: 5.1vw;
	}
	#ourFamily .heading{
		margin-top:  2vw;
	}
	.family-logo li{
		padding: 3vw 0vw;
	}
	.family-logo li img{
		width: 55%;
	}
	#ourFamily{
		height: 46vw;
	}
	
}