/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {    
       
    
    /* FEATURED CLIENTS SECTION*/
    #clients img{height: 50px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 980px) {
    
    
    
    /*ABOUT SECTION*/
    
    
    /* FEATURED CLIENTS SECTION*/
    #clients {text-align: center;}
    #clients img{height: 40px;}
    #clients ul{float: none;}
    #clients h4 {display: none;}
    
    /* PORTFOLIO SECTION */
    #shotsByPlayerId li{width: 47%;}
    #shotsByPlayerId li:first-child{width: 97%;}
    
   

    /*COLLUPSABLE NAVIGATION MENU*/
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-toggle {display: block;}
    .navbar-collapse.collapse {display: none!important;}
	.navbar-nav>li {
        float: none;
        padding-left: 0px;
        overflow: hidden;
    }
    .collapse.in{display:block !important;}
}

/* Mobile Devices */
@media only screen and (max-width : 768px) {
	
	.displaymob {
    display: block;
  	}
	
	.displaywin {
    display: none;
  	}
	
	
	/*Hero area*/
	#hero {
    color: #fff;
    text-align: center;
    background: url(https://websitecdn.goqii.com/images/newimages/header_background.jpg) top no-repeat;
    background-size: 100%;
    height: 1340px;
    margin-top: 72px;
	}
	
	
	#hero h2 {
    font-size: 26px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    text-transform: uppercase;
    line-height: 1.067;
    text-align: left;
    font-weight: 300;
    margin-bottom: 0px;
	margin-top: 0px;
	}
	
	#hero h3 {
    font-size: 26px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    text-transform: uppercase;
    line-height: 1.067;
    text-align: left;
    font-weight: 500;
    margin-top: 0px;
	}
	
	#hero .btn-link {
    font-size: 15px;
	}
	
	
	#hero h4 {
    font-size: 15px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.316;
    text-align: left;
    font-weight: 300;
	}
	
    .herocontent {
    padding: 35px 20px 75px 20px;
    padding-top: 35px;
    width: 100%;
    background: #f0f0f0;
    right: 0px;
    position: absolute;
    top: 275px;
	}
	
	.herocontent_EcoSystem {
    padding: 50px 20px 30px 20px;
    background: #ffffff;
    position: relative;
    top: 575px;
    box-shadow: 0px 0px 10px 5px rgba(39,49,65,0.1);
	}
	
	
	
	#hero h1 {
    font-size: 35px;
    font-family: "Roboto";
    color: rgb(234, 33, 39);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    text-align: left;
    margin-top: 30px;
	}
	
	#hero .col-md-5 {
    padding-right: 0px;
    padding-left: 0px;
    }
	
	
	
	/*Services area*/
	#services .sectionhead {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-right: 0px;
    margin-left: 0px;
	}
	
	#services h1 {
    font-size: 35px;
    font-family: "Roboto";
    color: #39b24a;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    text-align: left;
    margin-top: 110px;
	}
	
	#services h3 {
    font-size: 15px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.316;
    text-align: left;
    font-weight: 300;
	}
	
	#services h4 {
    font-size: 16px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.316;
    text-align: left;
    font-weight: 400;
    margin-top: 15px;
	}
	
	#services p {
    font-size: 15px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.295;
    font-weight: 300;
    text-align: left;
	margin-bottom: 40px;
	}
	
	/*About section*/
	
	#about {
    padding-top: 0px;
	}
	
	.herocontent_Health {
    position: relative;
    z-index: 2;
    width: auto;
    padding: 25px 0px 0px 0px;
    background: rgba(255, 255, 255, 0.9);
    top: 0px;
	}
	
	#about  .col-md-8{
	padding-right: 0px;
	padding-left: 0px;
	}
	
	
	#about h1 {
    font-size: 35px;
    font-family: "Roboto";
    color: #f6911f;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 0px;
	}
	
	p {
    font-size: 15px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.295;
    font-weight: 300;
	}
	
	#about h3 {
    font-size: 16px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.316;
    text-align: left;
    font-weight: 500;
	}

	/*Portfolio section*/
	
	#portfolio .sectionhead {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 0px;
	}
	.popbg{background: #fff}
	#portfolio h1 {
    font-size: 35px;
    font-family: "Roboto";
    color: #537ebe;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    text-align: center;
    margin-top: 0px;
	}
	
	#portfolio h3 {
    font-size: 17px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.316;
    text-align: center;
    font-weight: 300;
	}
	
	#portfolio h4 {
    font-size: 17px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.316;
    text-align: center;
    font-weight: 400;
    margin-top: 30px;
	}
	
	
	#portfolio p {
    font-size: 15px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.295;
    font-weight: 300;
    text-align: center;
	}
	
	/*Diagnostics section*/
	
	#Diagnostics {
    padding-top: 60px;
    padding-bottom: 100px;
	}
	
	#Diagnostics h1 {

    font-size: 35px;
    font-family: "Roboto";
    color: #575757;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 0px;

	}
	
	#Diagnostics .col-md-8 {
    padding-right: 0px;
    padding-left: 0px;
    }
	
	
	#Diagnostics .herocontent_Diagnostics {

    position: relative;
    z-index: 2;
    width: auto;
    padding: 25px 0px 25px 0px;
    background: rgba(255, 255, 255, 0.9);
    top: 0;
    right: 0;

	}
	
	
	#Diagnostics h3 {

    font-size: 16px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.316;
    text-align: left;
    font-weight: 500;

	}
	
	/*GOQiiArena section*/
	#GOQiiArena {
    padding-top: 50px;
	padding-bottom: 50px;
	background: url(https://websitecdn.goqii.com/images/newimages/bg_GOQii_arana_mobile.jpg)no-repeat top center;
    background-size: auto auto;
	background-size: 100%;
	height: 155vh;
	margin-top: 210px;
	}
	
	.herocontent_GOQiiArena {
    z-index: 2;
    width: 100%;
    padding: 25px 20px 30px 20px;
    background: rgba(0, 0, 0, 0.9);
    float: none;
    position: absolute;
    top: -240px;
	}
	
	.herocontent_GOQiiArena h1 {

    font-size: 35px;
    font-family: "Roboto";
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;

	}
	
	.herocontent_GOQiiArena p {

    font-size: 15px;
    font-family: "Roboto";
    color: #fff;
    line-height: 1.295;
    font-weight: 300;
    text-align: left;

	}
	
	.herocontent_Games4Good {
    z-index: 2;
    width: 100%;
    padding: 25px 20px 30px 20px;
    background: rgba(0, 0, 0, 0.9);
    float: left;
    position: absolute;
    top: 410px;
	}
	
	.herocontent_Games4Good h1 {

    font-size: 35px;
    font-family: "Roboto";
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 0px;

	}	
	
	.herocontent_Games4Good h3 {

    font-size: 16px;
    font-family: "Roboto";
    color: #fff;
    line-height: 1.316;
    text-align: left;
    font-weight: 500;

	}
	.herocontent_Games4Good p {

    font-size: 15px;
    font-family: "Roboto";
    color: #fff;
    line-height: 1.295;
    font-weight: 300;
    text-align: left;

	}
	
	 /*Health_STORE section*/
	#Health_STORE {
    height: auto;
    background: url(https://websitecdn.goqii.com/images/newimages/bg_Health_score.jpg) no-repeat top center;
        background-size: auto auto;
    background-size: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

	}
	
	.herocontent_Health_STORE {

    z-index: 2;
    width: auto;
    padding: 25px 20px 30px 20px;
    background: rgba(0, 0, 0, 0.9);
    float: left;
    position: relative;
    top: 120px;

	}
	
	.herocontent_Health_STORE h1 {

    font-size: 35px;
    font-family: "Roboto";
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 0px;

	}
	
	.herocontent_Health_STORE p {

    font-size: 15px;
    font-family: "Roboto";
    color: #fff;
    line-height: 1.295;
    font-weight: 300;
    text-align: left;

	}
	
	 /*Rewards section*/
	
	#Rewards {
    padding-bottom: 50px;
	}
	
	#Rewards .sectionhead {
    text-align: center;
	padding-top: 180px;
	padding-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	}
	
	#Rewards h1 {
    font-size: 35px;
    font-family: "Roboto";
    color: #39b24a;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    text-align: left;
    margin-top: 0px;
	}
	
	
	#Rewards h3 {
    font-size: 16px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.316;
    text-align: left;
    font-weight: 300;
	}
	
	#Rewards h4 {
    font-size: 16px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.316;
    text-align: left;
    font-weight: 400;
    margin-top: 20px;
	}
	
	#Rewards p {
    font-size: 15px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.295;
    font-weight: 300;
    text-align: left;
	}
	
	#Rewards .p-t-25 {
    padding-top: 0px !important;
	}
	
	
	 /*CorporateWellness section*/
	
	#CorporateWellness {
    background: url(https://websitecdn.goqii.com/images/newimages/bg_corporatewellness_moblie.jpg) no-repeat bottom center;
    background-size: 100%;
    height: 624px;
    display: block;
    display: block;
    display: block;
    -webkit-align-items: normal;
    -ms-flex-align: normal;
    align-items: normal;
	}
	
	
	#CorporateWellness h1 {
    font-size: 35px;
    font-family: "Roboto";
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 150px;
	}
	
	#CorporateWellness p {

    font-size: 15px;
    font-family: "Roboto";
    color: #000000;
    line-height: 1.295;
    font-weight: 300;
    text-align: left;

	}
	
	/*Karma section*/
	#Karma {
    padding-top: 20px;
	}
	
	.herocontent_Karma {
    position: relative;
    z-index: 2;
    width: auto;
    padding: 25px 0px 0px 0px;
    background: rgba(255, 255, 255, 0.9);
    top: 15px;
	}
	
	#Karma h3 {
    font-size: 16px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.316;
    text-align: left;
    font-weight: 500;
	}	
	
	.herocontent_Karma .myapps li img {
    height: 55px;
    padding-right: 10px;
	}
	
	#Karma .col-md-8{
	padding-right: 0px;
	padding-left: 0px;
	}
	
	
	#Karma h1 {
    font-size: 35px;
    font-family: "Roboto";
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 0px;
	}
	
	/*HealthPlans section*/
	
	#HealthPlans {
    background: url(https://websitecdn.goqii.com/images/newimages/bg_Health_plan.jpg) repeat-y top left;
        background-size: auto auto;
    background-size: cover;
    padding-bottom: 50px;
		margin-right: 0px;
    margin-left: 0px;
	}
	
	#HealthPlans .sectionhead {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
	}
	
	#HealthPlans h1 {
    font-size: 35px;
    font-family: "Roboto";
    color: #575757;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    text-align: center;
    margin-top: 0px;
	}
	
	#HealthPlans h2 {
    font-size: 25px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.016;
    text-align: left;
    font-weight: 500;
    padding-top: 35px;
	}
	
	#HealthPlans h3 {
    font-size: 17px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.316;
    text-align: left;
    font-weight: 400;
    margin-top: 30px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 7px;
    padding-left: 7px;
	}
	
	#HealthPlans h4 {
    font-size: 15px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.316;
    text-align: left;
    font-weight: 300;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
    padding-left: 7px;
	}
	
	#HealthPlans h5 {
    font-size: 28px;
    font-family: "Roboto";
    color: #ff0000;
    line-height: 1.016;
    text-align: left;
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 7px;
    margin-bottom: 0px;
	}
	
	
	.fa.fa-inr.font34.text-grey.bold300 {
    font-size: 25px !important;
	}
	
	#HealthPlans p {
    font-size: 16px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.295;
    font-weight: 300;
    text-align: left;
    padding-left: 7px;
	}
	
	/*UserStories section*/
	#UserStories .sectionhead {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
	margin-right: 0px;
    margin-left: 0px;
	}
	
	
	#UserStories h1 {
    font-size: 35px;
    font-family: "Roboto";
    color: #575757;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    text-align: center;
    margin-top: 0px;
	}
	.swiper-button-prev{
	left: 10px !important;
	}
	.swiper-button-next {
    right: 10px !important;
	}
	
	#UserStories {
    padding-bottom: 10px;
	}
	
	
	/*Awards section*/
	#Awards .sectionhead {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 20px;
    margin-right: 0px;
    margin-left: 0px;
	}
	
	#Awards {
    padding-bottom: 30px;
	text-align: center;
	}
	
	#Awards h1 {
    font-size: 35px;
    font-family: "Roboto";
    color: #575757;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    text-align: center;
    margin-top: 0px;
	}
	
	#Awards h4 {
    font-size: 15px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.316;
    text-align: center;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 0px;
	}
	
	#Awards p {
    font-size: 15px;
    font-family: "Roboto";
    color: rgb(87, 87, 87);
    line-height: 1.295;
    font-weight: 300;
    text-align: center;
	}
	
	
	/*Footer area*/
  .footerlinks li {
    display: inline;
    text-align: center;
  }

  footer .col-md-4,footer .col-md-8,footer .footerlinks {
    text-align: center;
  }

  .socials {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
  }

  .copyright.text-left {
    text-align: center;
  }
	
footer .bigicon, footer p {
    color: #7e7e7e;
    font-size: 14px;
    text-align: center;
}

footer .col-md-9 {
    padding-right: 0px;
    padding-left: 0px;
}
	
	
}
/* Mobile Devices */
@media only screen and (max-width : 640px) {
    
    
    
    

    
    /*Hero area*/
    
   
    /*About section*/
    
    
    /*Portfolio*/
    
    
    /*Footer*/
       
}

/* Smaller Mobile Devices */
@media only screen and (max-width : 480px) {
      
   
    
}

/* Smallest Mobile Devices */
@media only screen and (max-width : 320px) {
    
  
}