@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
/* #Media Queries
================================================== */

/* Phone & Small Tablets */
@media only screen and (max-width: 767px) {
.send-btn.cancel,
.send-btn.middle {
  margin-top: -12px !important;
}
.bgImg{
    padding:20px 0;
    background:#fff;
}
.leftImg img{
    height:auto !important;
}
.productMassage{
    padding:0px;
    border-radius:0;
}
.rightContent{
    padding-left:0;
    margin-top:20px;
}
.inlineContent{
    flex-wrap:wrap;
}
.inlineContent p{
    margin:15px 0;
}
.inlineContent .btnJoinFill{
    width:100%;
    text-align:center;
}
.rightHome h3{
    font-size:20px;
    line-height:30px;
}
.rightHome h4{
    font-size:16px;
}
#header-section {
	display:none;
}
.hero-title {
	font-size:45px;
	margin-top:0;
}
.hero-description {
	display:none;
}
.section-title {
	font-size:25px;
}
.parallax-title {
	font-size:25px;
}
.parallax-slogan,
.section-slogan {
	font-size:15px;
}
.section-title span {
	background:transparent;
	padding:0;
}	
.member-photo {
	float:none;
	margin:0 auto;
}
.member-box {
	text-align: center;
}
.social-info {
	display:none;
}
.parallax-background {
	background-position:center center;
}
.icon-box { 
	float:none;
	margin-right:0;
}
.arrow-right {
	display:none;
}
.info {
	text-align:center;
	margin-top:20px;
}
a.social-link.info {
	text-align:center;
	margin-top:0px;
}
.about-box {
	margin-bottom:10px;
}
.section-header {
	padding-bottom:30px;
}
.content-section {
	padding-top:50px;
	padding-bottom:30px;
}
.parallax-content .parallax-header {
	padding-top:50px;
	padding-bottom:50px !important;
}
.menu-section,    
.counter-section,
.service-section {
	padding-bottom:30px;
}
.testimonial-section,.p
.contact-section,
.cta-section {
	padding-bottom:50px;
}
.counter-box {
	margin-bottom:20px;
}
.social-section {
	padding-bottom:10px;
}
.about-section,
.team-section {
	padding-bottom:0;
}
.portfolio-category,
.portfolio-title {
	font-size:10px;
	letter-spacing:1px;
}
.member-box {
	margin-bottom:10px;
}
.js .section-title,
.js .section-slogan,
.js .hero .hero-holder,
.js .about-box,
.js .box-fade,
.js .member-box,
.js .portfolio-box,
.js .ut-testimonials,
.js .contact-wrap,
.js .social-link,
.js .parallax-title,
.js .parallax-slogan,
.js .client-logo {
	opacity:1;
}

}
@media screen and (max-width: 767px) {
#header-section {
  display: block;
}
}
/* Tablet Landscape */
@media screen and (min-width: 768px) and (max-width: 800px) {
.send-btn.cancel,
.send-btn.middle {
  margin-top: -12px !important;
}
.section-title {
}
.section-title span {
	background:transparent;
	padding:0;
}		
.parallax-background {
	background-position:center center;
}
.js .section-title,
.js .section-slogan,
.js .hero .hero-holder,
.js .about-box,
.js .box-fade,
.js .member-box,
.js .portfolio-box,
.js .ut-testimonials,
.js .contact-wrap,
.js .social-link,
.js .parallax-title,
.js .parallax-slogan {
	opacity:1;
}

.alone.icons-ul {
	width: 15%;
	font-size: 14px;
}

.social-icon.contact {
	font-size: 12px;	
	
}


.tablet-grid-25 {
	width: 140px;
	margin-left: auto;
	margin-right: auto;
	font-size: 8px;
}

.product {
	font-size: 10px;
}
.pricing {
	font-size: 8px;
}

.description orange {
	font-size: 6px;
}

.subtitle {
	font-size: 8px;
}

h3.social-title {
	font-size: 8px !important;
}
h2.social-title {
	font-size: 12px !important;
}


}

/* #Grid
================================================== */
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
}
}


/* ipad landscape 768 x 1024 */
@media screen and (max-width: 1030px) {

section#partners-section .tablet-grid-50,
section#partners-section .mobile-grid-50,
section#partners-section .grid-15 {
  height: 175px;
}
section#partners-section img {
  max-width: 100%;
  height: auto;
}

.alone.icons-ul {
	width: 15%;
	font-size: 14px;
}

.social-icon.contact {
	font-size: 12px;	
	
}

div.counter_holder {
  height: 250px;
  width: 100%;
}

.tablet-grid-25 {
	width: 185px;
	margin-left: auto;
	margin-right: auto;
	font-size: 8px;
}

.product {
	font-size: 12px;
}
.pricing {
	font-size: 10px;
}

.description-special {
	font-size: 10px;
}

span.subtitle {
	font-size: 10px;
}

h3.social-title {
	font-size: 10px !important;
}

h2.social-title {
	font-size: 14px !important;
}

}

/* ipad portrait 768 x 1024 */
@media screen and (max-width: 810px) {

section#partners-section .tablet-grid-50,
section#partners-section .mobile-grid-50,
section#partners-section .grid-15 {
  height: 175px;
}
section#partners-section img {
  max-width: 57%;
  height: auto;
}
section#partners-section img {
  height: auto;
  max-width: 100%;
}
.ha-header nav a {
  padding-left: 17px;
}
.ha-header nav {
  max-width: 79%;
}
    
}

@media screen and (max-width: 770px){
.ha-header nav {
  float: left;
  margin-left: -8px;
  margin-top: -43px;
  max-width: 100%;
  text-align: left;
}
.logo_box.together {
    clear: both;
    margin: -9px auto 0;
    width: 100%;
}   
}
/* iphone 6 plus horizontal 736 x 414 */
@media screen and (max-width: 740px) {

section#partners-section .tablet-grid-50,
section#partners-section .mobile-grid-50,
section#partners-section .grid-15 {
  height: 150px;
}

#menu-section > div > div > div.mobile-grid-100 > header > h2,
#contact-section > div > div.mobile-grid-100 > header > h2,
#service-section > div > div > div.mobile-grid-100 > header > h2,
#portfolio-section > div > div.mobile-grid-100 > header > h2,
#counter-section > div > div > div.mobile-grid-100 > header > h2,
#about-section > div > div.mobile-grid-100 > header > h2 {
  padding-top: 65px;
}

#mainsite > section.hero {
  padding-bottom: 50px;
}
.ha-header nav a {
  padding-left: 10px;
}
.ha-header nav a::after {
  left: 0;
}

}

@media screen and (max-width: 670px) {


section#partners-section .grid-15 {
  height: 89px;
}

}
@media screen and (width: 640px) {


.ha-header nav {
  max-width: 100% !important;
}

}


@media screen and (max-width: 625px) {
    .logo{
        margin: auto !important; 
    display: table !important;
    padding: 10px 0px !important;
}

.section-title span {
    background: #fff;
    padding: 10px;
}

.social-network .tablet-grid-25 {
    width: 100%;
}

.hero-btn , .product , .counter_holder ul li strong , .counter_holder ul li{
    font-size: 14px !important;
}

.hero-title img{
    height: 30px;
}

.thinner.black ,div.counter_holder p { 
    font-size: 14px;
}

.contact-section { 
    padding-bottom: 0;
}

.hero-poster-image { 
    height: auto;
}
.ha-header nav a {
  padding-left: 3px;
  font-size: 12px;
}
  #menu {
    margin-left: -45px !important;
    text-align: center !important;
}
.ha-header nav a:after {
  content: '';
  font-size: 0px;
  position: absolute;
  top: 0;
  color: #999999;
  font-weight: bold;
  left: 0px;
}
.ha-header nav {
  min-width : 436px ;
}

#header-section > div > div > div > div { float : left ;}
#header-section > div > div > div > div > h1.logo a img {
  max-height: 55px;
  min-width: 220px;
  vertical-align: middle;
  margin-top: -29px;
}

.hero .hero-holder {
  top: 57%;
}

.angular {
  margin-top: 17px;
}
#menu-section > div > div > div.mobile-grid-100 > header > h2,
#contact-section > div > div.mobile-grid-100 > header > h2,
#service-section > div > div > div.mobile-grid-100 > header > h2,
#portfolio-section > div > div.mobile-grid-100 > header > h2,
#counter-section > div > div > div.mobile-grid-100 > header > h2,
#about-section > div > div.mobile-grid-100 > header > h2 {
  padding-top: 65px;
}

#header-section > div > div > div > div > h1.logo a img {
  max-height: 55px;
  min-width: 220px;
  vertical-align: middle;
  margin-top: -12px;
  margin-left: -8px;
}

section#partners-section .grid-15 {
  height: 89px;
}

.counter-section { 
    height: Auto !important;
}

div.counter_holder {
    height: auto; 
}

.social-network li:first-child{
    display:none;
}
.schedulMobile li:first-child{
    display:block;
}
.schedulMobile .social-icon.contact.schedule{
    width:130px;    
    height:130px;
}

}
/* iphone 5 plus horizontal 568 x 320 */
@media screen and (max-width: 570px) {

section#partners-section .grid-15 {
  height: 60px;
}
}

@media screen and (max-width: 510px){
#header-section > div > div > div > div > h1.logo a img {
    max-height: 55px;
    min-width: 220px;
    vertical-align: middle;
    margin-top: -12px;
    margin-left: -8px;
}
.ha-header nav {
    margin-top: -42px;
    float: left;
    margin-left: 44px;
}    
}
/* iphone 4 plus horizontal 480 x 320 */
@media screen and (max-width: 485px) {
.ha-header nav {
  float: left;
  margin-left: -7px;
  margin-top: -59px;
}
section#partners-section .grid-15 {
  height: 60px;
}
.logo_box.together {
  clear: both;
  margin: 20px auto;
  width: 100%;
}    
}

@media screen and (max-width: 375px), (max-width: 414px) {

#header-section > div > div > div > div > h1.logo a img {
  max-height: 55px;
  min-width: 220px;
  vertical-align: middle;
  margin-top: -29px;
  margin-left: -8px;
}
.ha-header nav {
  margin-top: -62px;
  float: left;
  margin-left: -7px;
}
.hero-title {
  font-size: 2.1em;
  line-height:40px;
}

.alone.icons-ul {
	width: 15%;
	font-size: 12px;
}

.social-icon.contact {
	font-size: 10px;	
	
}

.tablet-grid-25 {
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	font-size: 8px;
}

.product {
	font-size: 12px;
}
.pricing {
	font-size: 10px;
}

.description-special {
	font-size: 8px;
}

span.subtitle {
	font-size: 10px;
}

h3.social-title {
	font-size: 8px !important;
}

h2.social-title {
	font-size: 8px !important;
}

}
/* 360 x 320 */
@media screen and (min-width: 360px) {
nav a.mobile { display: none;}
 

.product {
	font-size: 18px;
}
.pricing {
	font-size: 14px;
}

.description-special {
	font-size: 14px;
}

span.subtitle {
	font-size: 14px;
}

h3.social-title {
	font-size: 10px !important;
}

h2.social-title {
	font-size: 12px !important;
}

}

 	
@media screen and (max-width: 325px) {

#header-section > div > div > div > div > h1.logo a img {
  max-height: 55px;
  min-width: 220px;
  vertical-align: middle;
  margin-top: -29px;
  margin-left: -8px;
}
.ha-header nav {
  margin-top: -62px;
  float: left;
  margin-left: -7px;
}
.ha-header nav a {
  padding-left: 0px;
}
.hero-title {
  font-size: 3.6em;
}
.logo_box.together {
  clear: both;
  margin: 20px auto;
  width: 100%;
}
nav a.mobile { display: none;}


#menu {
    margin-left: 15px !important;
    text-align: left !important;
}

}

.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-y: auto;

}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer--base {
  transform: translateZ(0);
}
.parallax__layer--back {
  transform: translateZ(-1px) scale(2);
}




@media screen and (min-width: 325px) {
.github.facebook {
  float: none;
  left: 26%;
  margin: 17px auto 0;
  position: relative;
  width: 48%;
}
}
    
.logo img {
  float: left;
  padding: 5px;
  width: 100%;
  margin-top: 10px; 
}