/*landing page css v4*/


body{
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

img {
	max-width: 100%;
}

.test{
	position: absolute;
    width: 100%;
    bottom: 130px;
}

.mobile-menu {
    display: none;
    z-index: 9999999999999;
    margin-right: 0;
    border-bottom: 2px solid #1bac98;
    width: 100%;
    height: 418px;
    font-size: 18px;
    background-color: white;
    padding-top: 30px;
}

#section1{
    margin-top: 70px;
    position: relative;
    height: 764px;
    padding-bottom: 0;
    padding-top: 6px;
    width: 100%;
    text-align: center;
    margin-top: 62px;
    background: url("//kilometer.io/landing/images/homepage3/header-img.svg") no-repeat center;
    background-size: cover;
}

#main_div_new h1{
	font-size: 55px;
}

#main_div_new h2{
	font-size: 24px;
    font-weight: 400;
    color: #3b291f;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
	margin-top: 30px;
}

.line-emphsis{
	color: #0ebba2;
	font-weight: 600;
    border-bottom: 2px solid #0ebba2;
}

.header-features{
	width: 925px;
    margin: auto;
    padding-top: 70px;
	display: inline-block;
}

.feature1{
	width: 38%;
    float: left;
	display: inline-block;
    box-sizing: border-box;
}

.feature2, .feature3{
	width: 31%;
    float: left;
	display: inline-block;
    box-sizing: border-box;
}

.featureImg{
	float: left;
    display: inline-block;
    position: relative;
    top: -8px;
	padding-right: 15px;
}

.featureImg:nth-child(2){
	padding-right: 12px;
}

.featureName{
	font-weight: 600;
    color: #3b291f;
    font-size: 23px;
	display: inline-block;
    float: left;
}


#section2{
    text-align: center;
    padding-top: 150px;
	display: block;
}


.big-dashboard{
	margin-top: 30px;
}

.big-dashboard img {
	-webkit-box-shadow: -1px -1px 16px 4px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: -1px -1px 16px 4px rgba(0, 0, 0, 0.03);
    box-shadow: -1px -1px 16px 4px rgba(0, 0, 0, 0.03);
	z-index: 97;
    position: relative;
}


.right-section-image img, .left-section-image img{
	-webkit-box-shadow: -1px -1px 16px 4px rgba(194, 192, 194, 0.49);
    -moz-box-shadow: -1px -1px 16px 4px rgba(194, 192, 194, 0.49);
    box-shadow: -1px -1px 16px 4px rgba(194, 192, 194, 0.49);
}

.analytics-features1, .analytics-features2, .analytics-features3, .analytics-features4 {
	width: 22%;
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #ffffff;
}

.analytics-features-section{
	background-color:#30353b;
	height: 235px;
	position: relative;
    top: -44px;
}

.analytics-features-inner {
	width: 36%;
    margin: auto;
	display: inline-block;
    position: relative;
    top: 77px;
}

.featureImg2{
	padding-bottom: 10px;
	height: 58px;
    display: block;
}

.section-image-mobile{
	display:none;
}


#featurePreview, #featureGuidance, #featureFlagging, #productFeedback, #productAnnouncements{
	width: 82%;
    display: block;
    padding: 75px 40px;
    margin: auto;
	height: 726px;
}

.left-section-text{
	width: 47%;
    display: inline-block;
    float: left;
	padding: 177px 120px 0px 20px;
}


.right-section-text{
	width: 47%;
    display: inline-block;
    float: left;
	padding: 177px 60px 0px 120px;
}

.left-section-image, .right-section-image{
	width: 53%;
    display: inline-block;
    float: left;
	padding: 0px 15px;
}

#featureFlagging h4{
	width: 80%;
}

#productAnnouncements .left-section-text {
    padding: 177px 119px 0px 20px;
}

#actions {
	width: 100%;
    height: 197px;
    background-color: #30353b;
}

.actions-inner-section{
	width: 58%;
    display: block;
    margin: auto;
    padding: 45px 0px;
	height: 197px;
}

.actions-label, .action1, .action2, .action3, .action4, .action5 {
	width: 16%;
    float: left;
    display: inline-block;
	text-align: center;
    color: white;
    font-size: 16px;
} 

.actions-label{
	color: white;
    font-size: 34px;
    font-weight: 600;
	text-align: left;
}

.actionImg {
	padding-bottom: 27px;
    height: 65px;
}

.action1 img{
	padding-top: 15px;
}

#medium-section{
	width: 100%;
	padding: 200px 0px 120px;
    height: 970px;
}

#medium-section h3{
	font-size: 50px;
	line-height: 55px;
    font-weight: 700;
    text-align: center;
}

.medium-inner-section{
	width: 51%;
    margin: auto;
}

.left-jaki{
	width: 50%;
    display: inline-block;
    float: left;
}

.left-jaki img{
	height: 450px;
}

.right-defintion{
	width: 50%;
    display: inline-block;
    float: left;
	padding-top: 100px;
}

.syllables{
	font-size:38px;
	color:#37251a;
}

.pronunciation{
	font-size:18px;
	padding: 18px 0px 15px;
}

.noun{
	font-style: italic;
    font-size: 15px;
    padding-bottom: 8px;
}

.definiton{
	font-size: 15px;
    line-height: 30px;
}

.medium-button{
	color: #1bac98;
    border: 2px solid #1bac98;
    font-size: 22px;
    border-radius: 30px;
    width: 260px;
    height: 60px;
    padding: 11px 20px;
    text-align: center;
    box-sizing: border-box;
	margin-top: 38px;
}

.medium-button > .medium-icon{
	padding-left: 20px;
}

#bottom-cta {
	height: 285px;
    background-color: #07c8ab;
    padding: 50px 0px;
    text-align: center;
}

#bottom-cta h3{
	font-size: 50px;
    font-weight: 600;
    color: white;
    font-family: "Open Sans";
    line-height: 54px;
    margin-bottom: 38px;
	margin-top: 0px;
}

.bottom-cta-form{
	padding-top: 10px;
}

.dark-emphsis {
	color: #37261b;
}


a{
    color: inherit;
    text-underline: none;
    text-decoration: none;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

a:active {
    color: inherit;
    text-decoration: none;
}

a:focus {
    color: inherit;
    text-decoration: none;
}

h2{
	color: #48301e;
    font-size: 44px;
    font-weight: 700;
    font-family: "Open Sans";
}

h3 {
    font-size: 45px;
    font-weight: 400;
    color: #37251a;
    font-family: "Open Sans";
    line-height: 48px;
    margin-bottom: 28px;
}


#main_div_new h4{
	font-size: 34px;
	line-height: 42px;
    color: #0ebba2;
    font-weight: 600
}

.short-line{
	background-color: #0ebba2;
    height: 7px;
    margin-top: 25px;
    border-radius: 60px;
    width: 112px;
}


p{
	font-size: 18px;
    font-weight: 400;
    color: #48301e;
	font-family: "Open Sans";
	margin-top: 18px;
	line-height:33px;
}


.feature p {
	font-size: 26px;
    width: 87%;
    margin-left: auto;
    margin-right: auto;
	padding-top: 50px;
}

#link-pricing{
	margin-left: -635px;
}

#nav_blog_link {
    margin-left: -364px;
}

#nav_analytics_link {
    margin-left: -543px;
}

#link-features {
    margin-left: -510px;
	height: 40px;
}

#sub-menu {
    right: 490px;
}

.x_btn_2 {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
}

.social_icons img {
    cursor: pointer;
}

.top_signup {
    margin-top: -8px;
    border: 2px solid #1bac98;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 44px;
    width: 159px !important;
    padding: 7px;
	margin-left: -272px;
	color: #1bac98;
}

.top_signup:active {
	color: #1bac98;
}


/* TB is wordpress name, that i want to hide.*/


.paint_text_color {
    color: #1bac98;
}

/*
    Header section styles.
*/

#header {
    width: 100%;
    height: 130px;
    z-index: 99;
}

.open_menu {
    width: 28px;
    margin-top: 32px;
    float: left;
    margin-left: 15px;
}

.open_menu_2 {
    width: 28px;
    position: absolute;
    top: 40px;
    left: 14.5px;
    opacity: 0;
}

.logo_up {
    width: 290px;
    margin-top: 62px;
    margin-left: 84px;
    cursor: pointer;
}

.right_nav {
    float: right;
    margin-right: 84px;
    margin-top: 61px;
    text-align: center;
    vertical-align: middle;
    background: white;
    cursor: pointer;
    font-size: 18px;
    /* color: #1bac98; */
    font-weight: 400;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.com_link_top {
    float: left;
    margin-left: -409px;
    font-size: 18px;
    font-weight: 400;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: black;
}

.com_link_top:hover {
    color: #1bac98;
    cursor: pointer;
}

/*end Header section styles.*/

/*section1 styles.*/





.title_section_1 h1 {
    color: #48301e;
    font-size: 50px;
    font-weight: 700;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 65px;
}

.text_section_1 {
    font-size: 26px;
    margin-top: 43px;
    font-weight: 400;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.text_section_1 span {
    font-weight: 700
}

.join_top {
    margin-top: 60px;
    display: inline-flex;
    font-weight: 400;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}



.input_section_1 {
    width: 534px;
    height: 60px;
    display: inline-block;
    text-align: left;
    padding: 15px;
    background: white;

    /*border style*/
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;

}

.btn_section_1 {
    width: 259px;
    height: 60px;
    display: inline-block;
    margin-left: 32px;
    padding-top: 12px;

    /*font style*/
    color: #1bac98;
    font-size: 22px;
    cursor: pointer;

    /*border style*/
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	background-color: white;
}

#email_input_section_1 {
    border: none;
    font-size: 18px;
    padding-left: 20px;
    color: #b6b6b6;
    width: 500px;
	padding-top: 2px;
}

#email_input_section_1:focus {
    outline: 0;
}

/*end section1 styles.*/



/*dashboard_header styles.*/

#dashboard_header {
    width: 100%;
    background-color: #1bac98;
    color: white;
    text-align: center;
    padding: 20px;
    font-family: "Open Sans", sans-serif;
    margin-top: 20px;
}

.dashboard_header_text_1 {
    font-size: 40px;
    font-weight: 600;
}

.dashboard_header_text_2 {
    font-size: 24px;
}

@media all and (max-width: 893px) {
    .dashboard_header_text_1 {
        font-size: 30px;
    }

    .dashboard_header_text_2 {
        font-size: 18px;
    }
}

@media all and (max-width: 683px) {
    .dashboard_header_text_1 {
        font-size: 24px;
    }

    .dashboard_header_text_2 {
        font-size: 14px;
    }
}

/*dashboard_header styles.*/




.error_msg_section_1 {
    bottom: 10%;
    position: absolute;
    right: 31%;
    clear: both;
	font-family: open sans;
	color:white;
}

.error_msg_section_7 {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    font-family: open sans;
	color: white;
}

.pop_up_social_padding {
    padding-left: 10px;
}

.change_position {
    display: inline-block;
}

.change_position_to {
    display: inline-block;
}


/*section_7_container styles.*/


.title_section_7 {
    padding-top: 130px;
    color: #48301e;
}

.title_section_7 h2 {
    color: #48301e;
    font-size: 44px;
    font-weight: 700;
    font-family: "Open Sans";
}

.join_bottom {
    margin-top: 46px;
    display: inline-flex;
    font-weight: 400;
    font-family: "Open Sans";
}

.input_section_7 {
    width: 534px;
    height: 60px;
    display: inline-block;
    text-align: left;
    padding: 15px;

    /*border style*/
    border: none;
	background-color: white;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;

}

#email_input_section_7 {
    border: none;
    font-size: 18px;
    padding-left: 18px;
    color: #aaaaaa;
    width: 500px;
}

#email_input_section_7:focus {
    outline: 0;
}

.btn_section_7 {
    width: 259px;
    height: 60px;
    display: inline-block;
    margin-left: 32px;
    padding-top: 11px;

    /*font style*/
    color: #07c8ab;
    font-size: 22px;
    cursor: pointer;

    /*border style*/
    border: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	background-color:white;
}

/*end section_7_container styles.*/

/* new footer styles.*/




/*footer styles.
#footer {
    width: 100%;
    height: 98px;

    background: #37251a;
    color: #f5f5f4;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 20px;
    padding: 35px;
    text-align: center;
}

.foot_email {
    display: inline-block;
}

.logo_bottom {
    padding-left: 30px;
    display: inline-block;
    padding-bottom: 10px;
    cursor: pointer;
}

.small_text_footer {
    padding-left: 35px;
    display: inline-block;
}

.copyright {
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    padding-left: 32%;
}

/*end footer styles.*/

/*start pop style*/

#pop_up_section {
    top: 100px;
    left: 30%;
    right: 30%;
    width: 40%;
    height: 350px;
    position: fixed;
    background: white;
    border: 2px solid #37251a;
    border-radius: 10px;
    opacity: 0;
    display: none;
	z-index: 101;
}

#black_shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(79, 79, 79, 0.29);
    position: fixed;
    top: 0;
    opacity: 0;
    display: none;
	z-index: 100;
}

.x_btn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.pop_up_title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 28px;

    margin-top: 40px;
    text-align: center;
}

.pop_up_sub_title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 28px;
    color: #1bac98;
    text-align: center;
    margin-top: 5px;
}

.pop_up_run_text {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;

    color: #7f7f7f;
    text-align: center;
    margin-top: 20px;
    top: 50%;
}

.pop_up_run_text_2 {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;

    color: #7f7f7f;
    margin-top: 5px;
    text-align: center;
    top: 60%;
}

.pop_up_facebook_icon {
    text-align: center;
    margin-top: 30px;
}

.pop_up_run_link{
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-left: 10px;
    color:#1bac98;
    margin-top: 5px;
    text-align: center;
    top: 60%;
}

.social_share {
    text-align: center;
    margin-top: 50px;
}

.social_share img {
    cursor: pointer;
}

/*end pop style*/

.twitter2 {
    cursor: pointer;
    opacity: 0;
    margin-right: 30px;
    position: absolute;
    margin-left: -62px;
}

.instgram2 {
    cursor: pointer;
    opacity: 0;
    margin-right: 30px;
    position: absolute;
    margin-left: -96px;
}

.facebook2 {
    cursor: pointer;
    opacity: 0;
    margin-right: 30px;
    position: absolute;
    margin-left: -96px;
}

/*v3 story */

.big_container {
	width: 1431px;
    margin-left: auto;
    margin-right: auto;
}

.part_1_left{
	width: 50%;
    padding-top: 516px;
	margin-top: 22px;
	display: inline-block;
    float: left;
	height: 0px;
	text-align: center;
}



.part_1_right {
	width: 49%;
    padding-top: 608px;
	display: inline-block;
    float: right;
	padding-right: 80px;
	padding-left:124px;
    position: relative;
}

#line{
    height: 0px;
    width: 4px;
	border-right:4px dashed #e5e5e5;
	float: left;
    position: relative;
    left: 50%;
}

#line2{
    height: 3538px;
    width: 4px;
	float: left;
	display: none;
	margin-top: -12px;
	position:relative;
    left: -4px;
	border-right:4px dashed #e5e5e5;
}


.part_2_right {
	width: 49%;
	padding-top: 309px;
	display: inline-block;
    float: right;
	padding-right: 80px;
	padding-left:124px;
    position: relative;
	text-align: center;
}

.part_2_left{
	width: 50%;
	padding-top: 245px;
	margin-top: 22px;
	display: inline-block;
    float: left;
	padding-right: 120px;
	padding-top: 728px;
}


.part_3_left{
	width: 50%;
    padding-top: 310px;
	margin-top: 22px;
	display: inline-block;
    float: left;
	text-align: center;
}



.part_3_right {
	width: 49%;
    padding-top: 400px;
	display: inline-block;
    float: right;
	padding-right: 0px;
	padding-left:124px;
    position: relative;
}

.part_4_right {
	width: 49%;
	padding-top: 309px;
	display: inline-block;
    float: right;
	padding-right: 80px;
	padding-left:124px;
    position: relative;
	text-align: center;
	padding-bottom: 420px;
}

.part_4_left{
	width: 50%;
	padding-top: 245px;
	margin-top: 22px;
	display: inline-block;
    float: left;
	padding-right: 120px;
}

.part_4_left_mobile {
	display:none;
}


.clear {
	clear:both;
	width:100%;
}

.run-2nd-line{
	display: block;
}

.container-3 {
	padding-top: 50px;
}

.container-3 h3{
	text-align:center;
	line-height: 51px;
}

#bottom-bg{
    width: 100%;
	text-align: center;
    background: url("//kilometer.io/landing/images/homepage3/bottom-bg.svg") no-repeat center;
    background-size: cover;
}

#superhero-jaki {
	top: 45px;
    position: relative;
}

#bottom-signup{
    margin-top: -300px;
    /* padding-bottom: 300px; */
    display: block;
}

#bottom-signup::before{
	 display: block; 
  content: " "; 
  margin-top: -450px; 
  height: 450px; 
  visibility: hidden;
}





.join_top_new {
    font-weight: 400;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.top_signup a{
	position:relative;
	top:-38px;
}


}



.bottom-border {
	border-bottom: 3px dashed #37251a;
	margin-left: 2px;
    margin-right: 2px;
}

.emphsis {
	margin-left: 2px;
    margin-right: 2px;
    color: #1bac98;
    font-weight: 600;
}

	
.inline {display: inline-block;}

#footer_new {
    width: 100%;
    height: 98px;
    background: #2f2b2a;
    color: #f5f5f4;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 20px;
    padding: 35px;
    text-align: center;
}

.part_2_left_mobile {
	display:none;
}


.title_section_7_new {
    padding-top: 130px;
    color: #48301e;
}

.title_section_7_new h2 {
    color: #48301e;
    font-size: 44px;
	line-height: 50px;
    font-weight: 700;
    font-family: "Open Sans";
}

#section_7_container_new {
    width: 100%;
    text-align: center;
}

#features-container {
    width: 1378px;
    margin-left: auto;
    margin-right: auto;	
	text-align:center;
	margin-top:300px;
    display: block;
}

#features-container::before{
	display: block; 
  content: " "; 
  margin-top: -488px; 
  height: 488px; 
  visibility: hidden;
}

#features-container h2{
	margin-bottom: 137px;
}

.feature{
	display: inline-block;
    float: left;
    width: 25%;
	margin-bottom: 416px;
	-webkit-transition: border 2s;
	transition: border 2s;
	transition-timing-function: ease-in;
}

/*.feature img:hover{
	border: 3px solid #1bac98;
    border-radius: 114px;
    padding: 10px;
}*/

.feature-img {
	height: 186px;
}

/*all the media queries starts here*/
/*Here start all the large screen queries*/



/*Here start all the computers queries*/

@media screen and (min-width: 4000px) and (max-width:8000px) {
	
	#section1 {
    height: 1050px
	}
	
	
	#featurePreview, #featureGuidance, #featureFlagging, #productFeedback, #productAnnouncements {
    width: 28%;
	}
	

	
	.left-section-image, .right-section-image {
    width: 45%;
	}
	
	.actions-inner-section {
    width: 25%;
	}
	
	#medium-section {
    width: 26%;
	}
	
	.analytics-features-inner {
    width: 16%;
	}
	
	
}


@media screen and (min-width:3000px) and (max-width: 5205px) {
	
	
	#featurePreview, #featureGuidance, #featureFlagging, #productFeedback, #productAnnouncements {
    width: 43%;
	}
	
	#medium-section {
    width: 50%;
	margin:auto;
	}
	
	.actions-inner-section {
    width: 39%;
	}

}

@media screen and (min-width: 4000px) and (max-width: 5000px) {
	#section_1_container {
    height: 40vh;
	}
	

	
	
	
}




@media screen and (min-width: 3000px) and (max-width:4000px) {


	#section_1_container {
    height: 63vh;
	}
	
	.text_section_1_new {
    padding-top: 7%;
	}
	
	
	
}




@media screen and (min-width: 2500px) and (max-width:3000px)  {
	
	#featurePreview, #featureGuidance, #featureFlagging, #productFeedback, #productAnnouncements {
    width: 58%;
	}
	
	#medium-section {
    width: 70%;
    margin: auto;
	}
}



@media screen and (min-height: 900px) and (min-width: 1300px) and (max-width: 2000px){


    .title_section_1 h1 {
        margin-top: 3vh !important;
    }
	
	.title_section_1_new h1 {
    margin-top: 9vh !important;
}

}







@media screen and (max-width: 1800px) {
	
	#featurePreview, #featureGuidance, #featureFlagging, #productFeedback, #productAnnouncements {
    width: 98%;
	padding: 75px 20px;
	}
	
	.analytics-features1, .analytics-features2, .analytics-features3, .analytics-features4 {
    width: 25%;
	}
	
	.analytics-features-inner {
    width: 66%;
	}
	
}

@media screen and (max-width: 1680px) {
	
	
	#section_1_container{
	margin-top: 1%;	
	}
	

}


@media screen and (max-width: 1762px) {
    .copyright {
        padding-left: 10%;
    }
}

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

    #pop_up_section {
        left: 25%;
        right: 25%;
        width: 50%;
    }

  
}

@media screen and (max-width: 1800px) {
	
	.actions-inner-section {
    width: 68%;
	}
}


@media screen and (max-width: 1440px) and (max-height:960px) {
	.top_signup{
	    margin-left: -180px;	
	}
	
	#nav_blog_link {
    margin-left: -267px;
	}
	
	#nav_analytics_link {
    margin-left: -428px;
	}
	
	#link-features {
    margin-left: -400px;
	}
	
	#link-pricing {
    margin-left: -530px;
	}
	

	
	.error_msg_section_1 {
    bottom: 10%;
    right: 13%;
    left: 13%;
	}
	
	

}

@media screen and (max-width: 1400px) {
	.analytics-features-inner {
    width: 80%;
	}
	
	#productAnnouncements .left-section-text {
    padding: 47px 119px 0px 20px;
	}
	
	.left-section-text {
    padding: 100px 120px 0px 20px;
	}
	
	.right-section-text {
    padding: 116px 60px 0px 55px;
	}
	
	#featurePreview, #featureGuidance, #featureFlagging, #productFeedback, #productAnnouncements {
    height: 660px;
	}
	
	.actions-inner-section {
    width: 85%;
	}
	
	.big-dashboard {
    width: 90%;
    margin: 55px auto 0px;
	}
	
	#section2 {
    padding-top: 75px;
	}
}


@media screen and (max-width: 1450px) {
	.big_container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	}
	
	h3{
	font-size: 34px;	
	}
	
	#features-container{
	width:90%;	
		
	}
	
	.part_1_right{
	padding-top: 14%;
	padding-right: 3%;
    padding-left: 6%;
	}
	
	.part_1_right > .run-2nd-line {
		display: none;
	}
	
	.part_1_left{
	padding-top: 9%;	
	}
	
	.part_2_left{
	padding-top: 45%;
	padding-left: 2%;
    padding-right: 6%;
	}
	
	.part_2_right{
	padding-top: 17%;
	padding-right: 3%;
    padding-left: 3%;
	}
	
	.part_3_left {
	padding-top: 9%;
    margin-top: 0px;
	}
	
	.part_3_right{
	padding-left: 6%;
    padding-right: 3%;
	padding-top: 11%
	
	}
	
	#section_7_container_new{
	height: inherit;
	margin-bottom: 16%;
	}
	
	.part_4_left{
	padding-left: 3%;
	padding-top: 15%;
    margin-top: 0px;
	}
	
	.part_4_right{
	padding-right: 3%;
    padding-left: 3%;
	padding-top: 9%;
	padding-bottom: 9%;
	}
	
	.feature{
	margin-bottom: 15%;
	}
	

	
}








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

    .title_section_7 {
        margin-top: -430px;
        padding-top: 0;
    }

    #section_7_container {
        height: 510px;
    }
	
	 #section_7_container_new {
        height: 510px;
    }

 
}

@media screen and (max-width: 1378px){
	#features-container {
    margin-top: 33%;
	}
	
	#features-container h2 {
    margin-bottom: 7%;
	}
}



@media screen and (max-width: 1351px) {
    .copyright {
        padding-left: 5%;
    }

    #pop_up_section {
        left: 20%;
        right: 20%;
        width: 60%;
    }
}

@media screen and (max-width: 1319px) {
	#part4-run{
		display: inline;
	}
}



@media screen and (max-width: 1244px) {
	
	.left-section-text {
    padding: 65px 120px 0px 20px;
	}
	
	.right-section-text {
    padding: 65px 60px 0px 55px;
	}
	
	#featurePreview, #featureGuidance, #featureFlagging, #productFeedback, #productAnnouncements {
    height: 560px;
	}
	
	#medium-section {
    width: 100%;
    padding: 125px 0px 120px;
    height: 820px;
	}
	
	.medium-inner-section {
    width: 65%;
	}
	
	.right-defintion {
    padding-top: 72px;
	}
	
	#part2-run{
		display: inline;
	}
	
	#part2-p-run {
		display: inline;
	}
	
	
}



@media screen and (max-width: 1211px) {
	#section_1_container{
	    margin-top: 2%;	
	}


}



@media screen and (max-width: 1280px) and (min-height:800px) {
	.logo_up {
    margin-top: 48px;
    margin-left: 56px;
	}
	
	.top_signup {
	margin-left: -157px;	
	}
	
	#nav_blog_link {
    margin-left: -230px;
	}
	
	#nav_analytics_link {
    margin-left: -390px;
	}
	
	#link-features {
    margin-left: -382px;
	}
	#link-pricing{
	margin-left: -515px;
	}

	
	
	.error_msg_section_1 {
    bottom: 7%;
    right: 6%;
    left: 6%;
	}
	
	

}

@media screen and (max-width: 1244px){
	#features-container {
    margin-top: 30%;
	}
}

@media screen and (min-width:1214px) and (max-height: 508px){
#section_1_container {
    height: 75vh;
}

}



@media screen and (max-width: 1195px) {
	
	
	.logo_up {
    margin-left: 15px;
	}

	.right_nav{
	margin-right: 12px;
	}
	
	

}





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

	
	.error_msg_section_1 {
    bottom: 4%;
	}
}



@media screen and (max-width: 1109px) {
	
	.header-features {
    width: 90%;
	}
	
	
}

@media screen and (max-width: 1140px) {
    #pop_up_section {
        left: 15%;
        right: 15%;
        width: 70%;
    }
	
	.element {
		font-size: 45px;
	}
	
	.text_section_1_new {
		font-size: 22px;
		margin-top: 12px;	
	}
	
	
	
	#footer_new {
	    font-size: 16px;	
	}
	
}





@media screen and (max-width: 1082px) {
	#features-container {
    margin-top: 42%;
	}
}





@media screen and (max-width: 1024px) {
	
    #footer {
        padding: 23px;
    }

    .title_section_1 h1 {
        font-size: 56px;
    }
	
	.typed-cursor {
        font-size: 56px;
    }

    .join_top {
        margin-top: 45px;
    }

    .text_section_1 {
        margin-top: 25px;
    }

    .title_section_1 {
        padding-right: 20px;
        padding-left: 20px;
    }

    .logo_up {
        margin-left: 15px;
    }

    .right_nav {
        margin-right: 15px;
    }
}

@media screen and (max-width: 1024px) and (max-height:764px) {
	#header {
    height: 85px;
	}
	
	.logo_up {
    width: 230px;
    margin-top: 30px;
	}
	
	.right_nav {
    margin-top: 26px;
	}
	
	.title_section_1 {
    padding-right: 13%;
    padding-left: 13%;
	}
	
	#section_1_container {
    height: 70vh;
	}
	
	
	.top_signup {
    margin-top: 0;
	}
	
	
}

@media screen and (max-width: 1024px) {
	.top_signup {
    margin-top: -7px;
	}
	
	#features-container {
    margin-top: 42%;
	}
	
	

}


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


	.part_2_left{
	padding-top: 60%;	
	}

	#gif1, #gif2, #gif3, #gif4 {
	max-width: 80%;	
	}
	
	.part_4_left{
	padding-left: 5%;
	padding-right: 5%;	
	}
	
	#section_7_container_new {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	}
	
	#section_7_container_new {
    height: inherit;
    margin-bottom: 8%;
}

	.feature {
    width: 50%;
	margin-bottom: 5%;
	}
	
	#features-container h2 {
    margin-bottom: 10%;
	}
	
	#features-container {
    margin-top: 16%;
	}


}


@media screen and (max-width: 1033px) {
    #pop_up_section {
        left: 10%;
        right: 10%;
        width: 80%;
    }

	
}



@media screen and (max-height:800px) and (max-width: 1024px) {
	#header {
    height: 77px;
	}
	
	.logo_up {
    margin-top: 24px;
	}

	.right_nav {
    margin-top: 30px;
	}
	
	#section_1_container {
    margin-top: 15px;
    height: 72vh;
	}
	

	
	.title_section_1 h1 {
    font-size: 40px;
	}
	

	
	#features-container {
    width: 90%;
    padding-top: 15%;
	}
	
	
	.error_msg_section_1 {
    bottom: 7%;
	}
	
	.error_msg_section_7 {
    text-align: center;
    width: 100%;
	}
	
}



@media screen and (max-width: 1001px) {
	
	#section_1_container {
    height: 65vh;
	}
	
	
	#section_1_container{
	margin-top: 2%;
	}
	
	
}

@media screen and (max-width: 990px) {
	.row1_new {
		padding-left: 8%;
		padding-right: 0%;
		padding-top: 6%;
	}
	
	.small_text_section_6_new {
		width: 80%;	
		
	}
	
	.community_runtext {
		margin-bottom: 5%;
	}
	
	.small_button_new {
		margin-top: 6%;
}

	#community_small_button {
		margin-top: 6%;	
}

	
	
}

@media screen and (max-width: 960px) and (max-height:600px){
	#header {
    height: 100px;
	}
	
	.title_section_1 h1 {
    font-size: 48px;
	line-height: 52px;
	}

	

}

@media screen and (max-width: 960px) and (max-height:1440px){
	#header {
    height: 100px;
	}
	
	.top_signup {
    
	margin-left: -175px;
	}
	
	
	
	.error_msg_section_1 {
    bottom: 14%;
    right: 10%;
    left: 10%;
	}
	
	.title_section_1 {
    padding-right: 10%;
    padding-left: 10%;
    padding-top: 8%;
	}
	
	.logo_up {
    margin-top: 30px;
	}
	
	#header {
    height: 77px;
	}
	
	

}




@media screen and (max-width: 970px) {
	.featureName {
    width: 50%;
	}
	
	.featureImg {
    top: 12px;
	}
	
	#section1{
	margin-top: 0px;
	}
	
	#main_div_new h2{
	width: 73%;
    margin: 45px auto 0px;	
	}
	
	.header-features{
	padding-top: 50px;	
	}
	
	.big-dashboard {
    width: 90%;
    margin: auto;
	}
	
	
	
}


@media screen and (max-width: 962px){
	#bottom-cta {
    height: 350px;
	}
	
	#bottom-cta h3 {
    padding: 0px 135px;
	}
	
	
}




@media screen and (max-width: 941px) {
	.title_section_1{
	padding-top: 25px;	
	}
	
	.right_nav {
    margin-top: 35px;
	}
	
	#nav_blog_link {
    margin-left: -260px;
	}
	
	.logo_up {
    margin-top: 27px;
	}
	
	
	#section_1_container {
    height: 76vh;
	}
	
	
	
}

@media screen and (max-width: 937px) {
	
	.header-features {
    width: 77%;
	}
	
	#featurePreview, #featureGuidance, #featureFlagging, #productFeedback, #productAnnouncements {
    height: 825px;
	}
	
	.left-section-text, .left-section-image, .right-section-image, .right-section-text {
    width: 100%;
	}
	
	.left-section-text {
    padding: 0px 120px 0px 120px;
	}
	
	#featurePreview, #featureGuidance, #featureFlagging, #productFeedback, #productAnnouncements {
    padding: 10px 20px;
	}
	
	.left-section-image {
		display:none;
	}
	
	.section-image-mobile {
		display: inline-block;
	}
	
	.left-section-image, .right-section-image, .section-image-mobile {
        padding: 25px 50px 50px;
	}
	
	.right-section-text {
    padding: 12px 120px 0px 120px;
	}
	
	.right-section-image{
	padding-top: 25px;	
	}
	
	#productAnnouncements{
	height: 950px;	
	}
	
	#productAnnouncements .left-section-text {
    padding: 12px 120px 0px 120px;
	}
	
	.section-image-mobile img {
    -webkit-box-shadow: -1px -1px 16px 4px rgba(194, 192, 194, 0.49);
    -moz-box-shadow: -1px -1px 16px 4px rgba(194, 192, 194, 0.49);
    box-shadow: -1px -1px 16px 4px rgba(194, 192, 194, 0.49);
	}
	
	.actions-label{
	width: 100%;
    text-align: center;	
	}
	
	#actions {
    height: 280px;
	}
	
	.action1 img {
    padding-top: 0px;
	}
	
	.actions-inner-section {
    width: 80%;
    padding-top: 38px;
	}
	
	.actions-label{
	width: 100%;
    text-align: center;
    padding-bottom: 35px;	
	}
	
	.action1, .action2, .action3, .action4, .action5 {
    width: 19%;
	padding: 0px 30px;
	}
	
	#medium-section {
    width: 95%;
    margin: auto;
	}
	
	#bottom-cta {
    padding: 50px 116px;
	}
	
	.btn_section_7 {
    margin-top: 30px;
	}
	
	#bottom-cta {
    height: 395px;
	}
}

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

	
	#bottom-cta h3 {
    padding: 0px 18px;
	}
	
	
}


@media screen and (max-width: 925px) {
	.title_section_1 h1 {
    font-size: 42px;
	line-height: 46px;
	}
	
}

@media screen and (max-width: 906px) {
	
	
	.header-features {
    padding-top: 80px;
	}
}




@media screen and (max-width: 875px){
	#bottom-cta h3 {
    padding: 0px;
	}
	
	#bottom-cta {
    height: 425px;
	}
}

@media screen and (max-width: 830px){
	.header-features {
    padding-top: 48px;
	}
	
	.join_top_new{
	width: 98%;
	}
	
	#section2 p{
	padding: 0px 50px 50px;	
	}
	
	#productAnnouncements .left-section-text, .right-section-text, .left-section-text {
    padding: 0px 80px 0px 80px;
	}
	
	#featurePreview, #featureGuidance, #featureFlagging, #productFeedback {
    height: 748px;
	}
	
	.action1, .action2, .action3, .action5 {
    width: 18%;
	}
	
	.action4{
	width: 25%;	
	}
	
	.medium-inner-section {
    width: 85%;
	}
	
}

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

	
	.header-features {
    padding-top: 58px;
	}
}



@media screen and (max-width: 846px){
	.input_section_1 {
    width: 55%;
	}
	
	.btn_section_1 {
    width: 33%;
	}
	
	#email_input_section_1 {
    width: 100%;
	}
	
}


@media screen and (max-width: 800px) and (max-height:1280px){

	
	.title_section_1 h1 {
    line-height: 47px;
	}
	
	.error_msg_section_1 {
    bottom: 3%;
    right: 2%;
    left: 3%;
	}
	

}


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

    #nav_analytics_link {
        margin-left: -320px;
    }

    #nav_blog_link {
        margin-left: -260px;
    }

    #pop_up_section {
        left: 5%;
        right: 5%;
        width: 90%;
    }
	
	.logo_up {
    margin-top: 25px;
	}




    .error_msg_section_1, .error_msg_section_1 span {
        margin-left: 0 !important;
    }

    .error_msg_section_7, .error_msg_section_7 span {
        
    }

    .text_section_5 h2 {
        margin-top: 25px;
    }

    .first_div .small_text_section_6 {
        margin-left: 40px;
        width: 300px;
    }

    .third_div .small_text_section_6 {
        margin-left: 70px;
        width: 300px;
    }

    .running_text_section_5 {
        margin-top: 20px;
    }

    .join_bottom {
        display: block;
    }

    .btn_section_7 {
        margin-top: 25px;
        margin-left: 0;
    }

    .join_top {
        display: block;
    }

   

    .small_text_footer {
        display: none;
    }

    .copyright {
        padding-left: 0;
    }


}



@media screen and (max-width: 802px) {
	
	.element {
    font-size: 35px;
	}
	
	
    .small_image_section_6 {
        padding-right: 30px;
    }

    .extra_query {
        padding-left: 30px !important;
    }

}

@media screen and (max-width: 800px) and (max-height:1280px) {
	.logo_up {
    margin-top: 52px;
	}
	
	.top_signup {
    margin-top: -3px;
	margin-left: -169px;
	}
	
}


@media screen and (max-width: 789px) {
    .big_title_section_6 {
        padding-top: 50px;
    }

    .title_section_6 {
        font-size: 35px;
    }

    .sub_title_section_6 {
        font-size: 18px;
        padding-top: 10px;
    }
	
	
	
}



@media screen and (max-width: 768px){
.right_nav {
    margin-top: -8px;
}


}

@media screen and (max-width: 768px) and (min-height:1024px) {
	.logo_up {
    margin-top: 30px;
	}
	
	.title_section_1 {
    padding-right: 12%;
    padding-left: 10%;
    padding-top: 11%;
	}
	
	.top_signup {
    margin-top: 35px;
	}
	
	
	.error_msg_section_1 {
    bottom: 4%;
	}


	#features-container{
	margin-bottom: 120%;
	}

	
}









/*Here ends all the computers queries*/

/*Here starts all the mobile queries*/

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

    .join_top {
        margin-top: 25px;
    }


	
	
	
	
}

.open_menu {
    display: none;
}

.open_menu_2 {
    display: none;
}

@media screen and (min-height:768) and (min-width: 1024px) {
	
	#header {
    height: 85px;
	}

	
	.logo_up {
    margin-top: 30px;
	}
	

	
	
	
	
	.right_nav {
    margin-top: 33px;
	}
	

	
	
	
}



@media screen and (max-width: 860px) {
	
	.com_link_top {
    display: none;
	}

    #header {
        background-color: white;
		top: 0px;
    }

    .logo_up {
        padding-bottom: 16px;
    }

    .open_menu {
        display: block;
    }

    .open_menu_2 {
        display: block;
    }

    .right_nav {
        display: none;
        z-index: 9999999999999;
        margin-right: 0;
        border-bottom: 2px solid #1bac98;
        width: 100%;
        margin-top: 0px;
        padding-top: 25px;
    }

    .small_menu {
        display: inline-block;
        margin-left: 0 !important;
        width: 100%;
        margin-bottom: 10px;
    }

    .top_signup {
        margin-top: 20px !important;
        margin-bottom: 50px;
    }

    .pop_up_run_text {
        font-size: 15px;
    }

    .pop_up_run_text_2 {
        font-size: 15px;
    }

    .pop_up_sub_title {
        font-size: 20px;
    }

    .pop_up_title {
        font-size: 20px;
    }

    .social_share {
        margin-top: 30px;
    }

    #pop_up_section {
        height: 300px;
    }

    #header {
        text-align: center;
        height: 14vh;
		z-index: 102
    }

    .logo_up {
        display: inline-block;
        margin-left: -35px;
        height: auto;
        width: 300px;
        margin-top: 28px;
    }
	

    #main_div_new h1 {
    font-size: 44px;
	line-height: 48px;
	}
	
	#medium-section h3 {
    font-size: 40px;
    line-height: 44px;
	}

	#bottom-cta h3 {
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 25px;
	}
	
    .text_section_1 {
        font-size: 23px;
    }
	
	#link-features {
    height: 28px;
	}
}

@media screen and (max-height:414px) and (max-width: 736px) {
	
	.error_msg_section_1 {
    bottom: 2%;
	}
	
	#features-container {
    height: 90vh;
	margin-top: 20%;
	}
	
}

@media screen and (max-height:412px) and (max-width: 732px) {
	#bottom-cta {
    padding: 50px 80px;
	}
}

@media screen and (max-height:1020px) and (max-width: 728px) {
	#header {
    height: 100px;
	}
	
	#section_1_container {
    height: 73vh;
	}	
	
}





@media screen and (max-width:733px){
	.header-features {
		width: 85%;
	}
}



@media screen and (max-width: 720px) {
	
	.element {
		padding-left: 5%;
		line-height: 38px;
	}
	
	.text_section_1_new {
		padding-left: 10%;
		padding-right: 10%;
		padding-top: 5%;
	}

    .title_section_7 {
        margin-top: -380px !important;
        padding-left: 50px;
        padding-right: 50px;
    }

    #footer {
        padding: 0;
        padding-top: 21px;
    }

    #section_7_container {
        height: 470px;
    }
	

	
	.title_section_7_new h2 {
		padding-left: 5%;
		padding-right: 5%;
	}
}

@media screen and (max-width: 715px) and (min-height:640px){
	.title_section_1 {
    padding-top: 0px;	
	}
	
	.text_section_1_new {
    padding-left: 7%;
    padding-right: 7%;
	}
	
	#section_1_container {
    height: 77vh;
	}
	
}

@media screen and (max-width: 713px){
	
	.test {
    bottom: 77px;
	}
	
	.input_section_1 {
    width: 80%;
	}
	
	.btn_section_1 {
    width: 35%;
    margin-top: 20px;
	}
	
	
}

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

	
	#main_div_new h2 {
    width: 82%;
    margin: 35px auto 0px;
	}
}

@media screen and (max-width: 667px) and (max-height:375px){
	
	#features-container {
    height: 120vh;
	}
	
}


@media screen and (max-width: 680px){
	.featureImg {
    top: 0px;
	width: 100%;
	height: 55px;
    text-align: center;
	}
	
	.feature1, .feature2, .feature3 {
    width: 33%;
	}
	
	.header-features {
    width: 70%;
	padding-top: 40px;
	}
	
	.featureName {
    width: 100%;
	}
	
	#bottom-cta {
    padding: 50px 58px;
	}
	
	.right-defintion {
    padding-top: 50px;
	}
	
	.medium-inner-section {
    width: 88%;
	}
	
	#medium-section {
    width: 100%;
	padding: 75px 0px 120px;
	}
	
	.actions-inner-section {
    width: 90%;
	}
	
	.big-dashboard {
    width: 100%;
    padding: 0px 50px;
	}

}


@media screen and (max-width: 669px){
	.title_section_1 {
    padding-right: 14%;
    padding-left: 14%;
	}
	
	.text_section_1_new {
    padding-left: 6%;
    padding-right: 6%;
	}
	
	
}

/* iphone 6 landscape */



@media screen and (max-width: 660px) {
	
	h3 {
    font-size: 28px;
	line-height: 32px;
}

	p {
    font-size: 18px;
    font-weight: 400;
    color: #48301e;
    font-family: "Open Sans";
    margin-top: 18px;
    line-height: 26px;
	}

	.part_1_left {
    padding-top: 25%;
	}

	.part_1_right {
    padding-top: 20%;
	}

	.part_2_right {
    padding-top: 25%;
	}

	.part_3_left {
    padding-top: 20%;
	}

	.part_3_right{
	 padding-top: 5%;	
	}

	.part_4_left {
    padding-left: 3%;
    padding-top: 22%;
	}
	.part_4_right{
	padding-top: 20%;
	}

	.title_section_1 {
    padding-right: 5%;
    padding-left: 5%;
	}


}



@media screen and (max-height:527px) and (max-width:655px)  {
	
	#section_1_container {
    height: 194vh;
    margin-top: 2%;
	}
	
	


	.title_section_1 h1 {
    font-size: 35px;
    line-height: 38px;
	}
	
	.footer-coloumn {
    height: 49vh;
	}
	
	#footer {
    height: 162vh;
	}

	
}

@media screen and (max-width: 640px) and (max-height:360px){
	.logo_up {
    margin-left: -7%;
    width: 250px;
	}
	
	.title_section_1 {
    padding-right: 11%;
    padding-left: 10%;
	}
}

@media screen and (max-width: 640px) and (max-height:384px){
	.logo_up {
    margin-left: -10%;
    width: 250px;
	}
	
}




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

	.error_msg_section_7 {
		text-align: center;
		width:100%;
	}
}

@media screen and (max-height:352px) and (max-width: 660px) {
	.error_msg_section_1 {
    bottom: 2%;
    right: 11%;
    left: 11%;
	}
}


/* galaxy S5 portrait */

@media screen and (max-width: 640px) and (max-height:360px){
	
	
	
	.input_section_1 {
    width: 80%;
    height: 60px;
    padding: 13px 5px 10px;
	}
	
	#email_input_section_1 {
    width: 100%;
	}
	
}


@media screen and (max-width: 630px) {
    .big_title_section_6 {
        padding-top: 20px;
    }

    .pop_up_run_text {
        font-size: 13px;
    }

    .pop_up_run_text_2 {
        font-size: 13px;
    }

    .pop_up_sub_title {
        font-size: 17px;
    }

    .pop_up_title {
        font-size: 17px;
    }

	
	.title_section_7_new h2 {
    font-size: 33px;
    line-height: 40px;
	}
	

}

@media screen and (max-width: 620px) {
	
	
	
	#section_7_container_new {
		background: none;
	}
	
	.element {
		padding-right: 5%;
		
	}
	
}




@media screen and (max-width: 600px) {
	
	p{
	width: 80%;
    margin-left: auto;
    margin-right: auto;
	}
	
	.feature p {
    font-size: 22px;
    padding-top: 1%;
	}

	
	#line {
    display: none;
	}
	
	.part_1_left, .part_1_right, .part_2_left, .part_2_right, .part_3_left, .part_3_right, .part_4_left, .part_4_right{
	width: 100%;
	float: inherit;
	text-align:center;
	}
	
	.part_1_right {
    padding-top: 30%;
	padding-right: 0%;
    padding-left: 0%;
	}
	
	#gif1, #gif2, #gif3, #gif4 {
    max-width: 298px;
	}
	
	.part_2_left_mobile, .part_4_left_mobile {
	display:inline-block;
	text-align:center;
	    margin-top: 5%;
	}

	.part_2_left, .part_4_left {
	display:none;
	}
	
	h3{
	margin-bottom: 10px;
	width: 77%;
    margin-left: auto;
    margin-right: auto;
	}
	
	.part_3_left, .part_4_right {
    padding-top: 27%;
	}
	
	.part_4_right{
	 padding-bottom: 0%;	
	}
	
	.container-3 {
    padding-top: 27%;
	}
	
	#email_input_section_7{
	width: 100%;	
	}
	
	.input_section_7 {
    width: 100%;
	}
	
	#superhero-jaki {
    width: 45%;
	}
	
	.feature {
    width: 100%;
    margin-bottom: 15%;
	}
	
	.container-3 h3 {
    text-align: center;
    width: 66%;
    margin-left: auto;
    margin-right: auto;
	line-height: 38px;
	}
	
	#section_1_container {
		margin-top: 0px;
	}
	
	
}

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

	.error_msg_section_1 {
    bottom: 2%;
	}
}




@media screen and (max-width: 568px) and (max-height:320px){
	
	
	.input_section_1 {
    width: 80%;
    height: 60px;
    padding: 15px 5px;
	}

	
	#email_input_section_1 {
    font-size: 16px;
    padding-left: 12px;
    width: 100%;
    padding-top: 2px;
	}
	
	.btn_section_1 {
    width: 50%;
    height: 60px;
    font-size: 22px;
	}

.input_section_7 {
    width: 100%;
    height: 42px;
	padding: 8px;
	}
	
	.btn_section_7 {
    width: 250px;
    height: 42px;
    padding-top: 7px;
    font-size: 16px;
	}
	
	#email_input_section_7 {
    font-size: 16px;
    padding-left: 9px;
	}
	
	#features-container {
    height: 298vh;
	}
	
	.featureName {
    font-size: 20px;
	}
}


@media screen and (max-width: 560px){
	.header-features {
		padding-top: 30px;
	}
	
	p {
    width: 100%;
	}
	
	#productAnnouncements .left-section-text, .right-section-text, .left-section-text {
    padding: 0px 30px;
	text-align: center;
	}
	
	
	.short-line {
    margin: 25px auto;
	}
	
	#featurePreview, #featureGuidance, #featureFlagging, #productFeedback {
    height: 605px;
	}
	
	#featureFlagging h4 {
    width: 100%;
	}
	
	.action1, .action2, .action3, .action4, .action5 {
    width: 50%;
	padding-bottom: 35px;
	}
	
	#actions {
    height: 530px;
	}
	
	.actions-label {
    padding: 5px 0px 50px;
	}
	
	.actionImg {
    padding: 5px 27px;
    height: 65px;
	}
		
	
	.medium-button{
	margin: 50px auto;	
	}
	
	.right-defintion {
    width: 75%;
    margin: auto;
    display: inherit;
    text-align: center;
    float: inherit;
	}
	
	#medium-section {
    height: 1190px;
	}
}




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

    #section_7_container {
        margin-top: 530px;
        height: 620px !important;
    }

    .title_section_7 {
        padding-top: 150px;
    }



    .input_section_1 label {
        padding-left: 30px;
        margin-top: 11px;
    }

    .input_section_7 label {
        padding-left: 30px;
        margin-top: 11px;
    }


    .btn_section_1 {
        width: 60%;
        font-size: 20px;
        height: 60px;
        margin-left: 0;
        padding-top: 16px;
    }


    .btn_section_7 {
        width: 60%;
        font-size: 20px;
        height: 50px;
        margin-left: 0;
        padding-top: 10px;
    }

	h2{
	font-size: 30px;	
	}
	
	.container-3 h3 {
    width: 75%;
	}
	
}


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

	
	.text_section_1_new {
		width:80%;
		margin-left: auto;
		margin-right: auto;
	}
	
		

	

	
}



@media screen and (max-width: 529px) {
	#section_7_container_new .paint_text_color {
		display: block;
	}
	
}



@media screen and (max-width: 509px) {
	.text_section_1_new {
	margin-top: 0px;
}
	
}

@media screen and (max-width: 508px) {
	#bottom-cta {
    height: 444px;
	}
	
	#productAnnouncements {
    height: 710px;
	}
	
	.header-features {
    width: 80%;
	}
	
	.featureName {
    font-size: 20px;
	line-height: 22px;
	}
	
	.actionImg {
    padding: 5px 27px;
    height: 52px;
	}
}

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

	
	.text_section_1_new {
    padding-left: 0%;
    padding-right: 0%;
	}
	
	.title_section_7_new {
		padding-top: 25%;
	}
	
}

@media screen and (max-width: 498px) {
	.title_section_1 h1 {
    font-size: 35px;
    line-height: 40px;
}
	
}

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


	.title_section_1 h1 {
    font-size: 35px;
    line-height: 40px;
	}
	
	.text_section_1_new {
    padding-left: 0;
    padding-right: 0;
	padding-top: 5%;
	}
	
	.part_1_right {
    padding-top: 35%;
	}
}



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

    

    .logo_up {
        width: 190px;
        margin-left: -35px;
    }

    .open_menu {
        margin-left: 15px;
        width: 23px;
    }

    .open_menu_2 {
        width: 23px;
    }


 

    .title_section_7 {
        margin-top: -400px !important;
    }

    #section_7_container {
        height: 600px !important;
    }

    .title_section_7 h2 {
        font-size: 30px;
    }

    .text_section_5 h2 {
        font-size: 21px;
    }

  

}

@media screen and (max-width: 437px) {
	#main_div_new h1 {
    font-size: 42px;
    line-height: 46px;
	}
	
	#main_div_new h2 {
    font-size: 20px;
    line-height: 24px;
	width: 80%;
	}
}

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

	
	#section_1_container {
    height: 70vh;
	}

}

@media screen and (max-width: 412px) and (max-height:732px) {

	
	#main_div_new h2 {
    width: 73%;
    margin: 28px auto 0px;
	}
	
	.header-features {
    width: 70%;
    padding-top: 32px;
	}
	
	
	
	.header-features {
    width: 80%;
	}
	
	.featureName {
    font-size: 18px;
    line-height: 22px;
	}
}

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

	
	#featurePreview, #featureGuidance, #featureFlagging, #productFeedback {
    height: 570px;
	}
	
	.bottom-cta-form {
    padding-top: 35px;
	}
	
	.text_section_1_new {
    padding-top: 1%;
	}
	
	.input_section_7 {
    width: 100%;
	}
	
	#medium-section {
    padding: 45px 0px 120px;
	}
	
	#medium-section h3 {
    font-size: 34px;
    line-height: 38px;
	}
	
	h3 {
    width: 95%;
	}
	
	#bottom-cta {
	height: 486px;
    padding: 50px 35px;
	}
}


@media screen and (max-width: 414px) {
	
	#section_1_container {
    height: 77vh;
}

.text_section_1_new {
    font-size: 20px;
}
	
	
	#superhero-jaki {
    width: 65%;
	}
	
	.part_1_right {
    padding-top: 45%;
	}
	
	
    #footer {
        padding-top: 25px;
    }
	
	#footer_new {
        padding-top: 25px;
        height: 120px;
    }

    .logo_bottom {
        padding-left: 0;
    }
	
	.error_msg_section_1 {
    bottom: 5px;
    font-size: 13px;
	right: 16%;
    left: 16%;
	}
	
	.text_section_1_new {
    padding-top: 0%;
	}
	
	#features-container {
    height: 205vh;
	}
	
	#bottom-cta {
    padding: 50px 30px;
	}
	
	h3 {
    margin-bottom: 10px;
    width: 80%;
	}
	
	#medium-section {
    height: 1315px;
	}
	
	.right-defintion {
    width: 92%;
	}
	
	.header-features {
    width: 85%;
	}
	
	
	#featurePreview, #featureGuidance, #featureFlagging, #productFeedback {
    height: 630px;
	}
}

/* iphone 6 plus portrait */


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

	
	#inner-slider-section {
		padding-top: 11%;
	}

    .section_6_wrapper {
        height: 1893px !important;
    }

    .title_section_7 h2 {
        font-size: 26px !important;
    }

    .logo_bottom {
        position: absolute;
        /* display: inline-flex; */
        margin-left: -190px;
        margin-top: 10px;
    }

    .foot_email {
        margin-top: 50px;
    }

    .copyright {
        margin-top: 10px;
    }

    #footer {
        padding-top: 5px !important;
    }
	


    .title_section_1 h1 {
        font-size: 35px;
		line-height: 39px;
    }

    .title_section_7 {
        padding-top: 120px !important;
        margin-top: -1050px !important;
    }

    .title_section_7 h2 {
        font-size: 33px;
        margin-top: -115px;
        padding-top: 170px;
    }

    .text_section_1 {
        font-size: 16px;
    }
	
	 .text_section_1_new {
        font-size: 16px;
    }

   

    #email_input_section_1 {
        width: 100%;
    }

    .btn_section_1 {
        width: 60%;
		height: 50px;
		padding-top: 10px;
    }

    .input_section_7 {
        padding: 9px;
        width: 300px;
    }
	
	.input_section_1 {
    height: 50px;
    padding: 10px;
	}

 
	
}










@media screen and (max-width: 384px) and (max-height:640px){
	
	#header {
    height: 75px;
	}
	
	#section_1_container {
    height: 80vh;
	}
	
	#email_input_section_1{
    font-size: 16px;
    line-height: 24px;
	}
	
	
	
	
	.error_msg_section_1 {
    bottom: 1%;
    right: 5%;
    left: 5%;
	}
	
	.input_section_1 {
    height: 50px;
    padding: 10px;
	}
	

	


}


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

	#featurePreview, #featureGuidance, #featureFlagging, #productFeedback {
		height: 622px;
	}
	
	
	.text_section_1_new {
    margin-top: 0%;
	}

	h1{
		margin-top: 15px;
	}
	
	
	.text_section_1_new {
    padding-top: 0%;
	}
	

	
	
	#email_input_section_7, #email_input_section_1 {
    font-size: 16px;
	line-height: 24px;
	}
	


	p {
    font-size: 16px;
	}
	
	.input_section_7 {
    height: 42px;
	}
	
	.btn_section_7 {
    font-size: 16px;
    height: 42px;
    line-height: 20px;
	}
	
	.feature p {
    font-size: 20px;
	}
	
	.error_msg_section_1 {
    font-size: 11px;
	}
	
	.error_msg_section_1 {
    padding-right: 1px;
    padding-left: 1px;
	}
	
	#features-container {
    height: 234vh;
	}
	
	#bottom-cta h3 {
    padding: 0px 18px;
	}


}




/* galaxy S5 portrait */

@media screen and (max-width: 360px) and (max-height:640px){
	#main_div_new h1 {
    font-size: 35px;
    line-height: 38px;
	}
	
	#main_div_new h2 {
    margin: 23px auto 0px;
	}
	
	.header-features {
    padding-top: 30px;
	}
	
	

}



@media screen and (max-width: 360px) and (max-height:559px) {
	
	.analytics-features-inner {
    width: 92%;
	}
	
	
	
	.title_section_1 {
    padding-top: 3%;
	}
	.error_msg_section_1 {
    bottom: 3%;
	}
	
	
}

@media screen and (max-width: 360px) and (min-height:640px) {

	.error_msg_section_1 {
    bottom: 3%;
    right: 3%;
    left: 3%;
	}
	
	
	.input_section_1 {
    width: 100%;
	}
	
	.title_section_1 {
    padding-top: 4%;
	}
	
	.text_section_1_new {
    padding-top: 2%;
	}
		
}

@media screen and (max-width: 338px) {
	.input_section_1 {
    width: 90%;
	}
	
	.featureName {
    font-size: 18px;
	}
	
	.title_section_1 {
    padding-top: 0px;
	}
	
	#main_div_new h1 {
    font-size: 40px;
    line-height: 44px;
	}
	
	.test {
    bottom: 84px;
	}
}

@media screen and (max-width: 324px) {
    #dashboard_header {
        margin-top: 60px;
    }

	
	.input_section_7 {
		width: 100%;
	}
	
}








@media screen and (max-width: 320px) {
	
	#section1 {
    height: 1030px;
	}
	
	.btn_section_1 {
    font-size: 18px;
	}
	
	.input_section_1 {
    width: 90%;
	}
	
	.header-features {
    padding-top: 25px;
	}
	
	.test {
    bottom: 150px;
	}
	
	.feature1, .feature2, .feature3 {
    width: 100%;
	padding: 15px 0px;
	}
	
	.analytics-features1, .analytics-features2, .analytics-features3, .analytics-features4 {
    width: 100%;
    padding: 30px;
	}
	
	.analytics-features-section {
    height: 758px;
	}
	
	.big-dashboard {
    padding: 0px 20px;
	}
	
	#productAnnouncements .left-section-text, .right-section-text, .left-section-text {
    padding: 0px 5px;
	}
	
	.left-section-image, .right-section-image, .section-image-mobile {
    padding: 25px 10px 50px;
	}

	.title_section_1 h1 {
    font-size: 30px;
	line-height: 34px;
	margin-top: 7px;
	}
	
	.text_section_1_new{
	margin-top: 0px;	
	}
	

	.btn_section_1 {
    margin-top: 20px;
	}
	
	.right-defintion {
    width: 85%;
	}
	
	.medium-button {
    font-size: 18px;
    border-radius: 30px;
    width: 98%;
    height: 53px;
    padding: 9px 9px;
	}
	
}





@media screen and (max-width: 240px) and (max-height:320px){
	.logo_up {
    width: 147px;
    margin-left: -30px;
	margin-top: 40px;
	}
	
	
	.btn_section_1 {
    margin-top: 6%;
	}	
}