@media only screen and (min-width : 1400px) {  
  /*set max-width ~1500px */
}
@media only screen and (max-width : 1200px) {
}
@media only screen and (max-width : 1070px) {

	.section-community img {
		width:500px;
		margin-top:100px;
	}
	.headline-area {
		top: 45%;
	}
	.video-section.authenticated .headline-area,
	.video-section.demo .headline-area,
	.video-section.no-subscription .headline-area,
	.video-section.guest .headline-area{
		top: 35%;
	}
	.video-section.guest .left-button,
	.video-section.guest .right-button,
	.video-section.demo .right-button,
	.video-section.no-subscription .right-button,
	.video-section.authenticated .right-button {
		margin-top: 0;
	}
	.video-section .testimonial-wrapper {
		top: 61%;
		left: 50%;
		transform: translate(-50%,0);
	}
	.video-section .testimonial-wrapper .testimonial,
	.video-section .testimonial-wrapper .author{
		font-size: 1.1em;
		text-align: justify;
	}
	.video-section .testimonial-wrapper .author{
		text-align: center;
	}
	.video-section.authenticated .right-button {
		margin-top: 0;
	}

}

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

	.section-features img{
	  height:160px;
	}
	.section-3 .right-box {
		padding:60px;
	}

}
@media only screen and (min-width : 992px) {
	.testimonial-wrapper{
		width: 60%;
		top: 69%;
	}
}
@media only screen and (max-width : 992px) {
	video {
		display:none;
	}
	.video-section {
	  	background: -webkit-linear-gradient(300deg, rgba(0, 198, 255, 1) , purple);
    	background: linear-gradient(300deg, rgba(0, 198, 255, 1) , purple);
  	}
	.main-headline {
		font-size:38px;
	}
	.headline-area {
		width:90%;
	}
	.section-features img{
	  height:130px;
	}
	.learn-more {
		display:block;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	.container {
		width: 100%;
	}
	.navbar.navbar-default.navbar-fixed-top .container{
		margin: 0;
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
	}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
	.dropdown-menu > li > a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #333;
		white-space: nowrap;
	}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
        /*margin: 7.5px 50px 7.5px -15px*/
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		max-height: 336px !important;
	}
	.navbar-collapse.in {
		overflow-y: auto !important;
		margin: 0 -15px;
		padding: 0 15px;

	}
	.navbar .navbar-collapse.collapse.in .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
		padding-right: 30px;
	}
	.navbar .navbar-collapse.collapse.in .navbar-nav .open .dropdown-menu {
		background-color: rgba(0,0,0,.2);
	}
	.triangle:before {
		top: 14px;
	}
	.video-section.guest .left-button,
	.video-section.guest .right-button,
	.video-section.no-subscription .right-button,
	.video-section.authenticated .right-button {
		margin-top: 0;
	}
	.video-section.guest .headline-area,
	.video-section.no-subscription .headline-area,
	.video-section.authenticated .headline-area{
		top: 30%;
	}

}

@media only screen and (max-width : 768px) {
	.headline-area {
		width:90%;
	}
	.nav>li>span {
		position: relative;
		display: block;
		padding: 10px 15px;
	}
	.section-3 .right-box h1,
	.section-community h1{
		letter-spacing: 1px;
		font-size: 3em;
	}
	.search-input{
		margin-top: 7px;
		width: 100% !important;
	}
	.search-box{
		padding: 0 15px;
	}
	.headline-area {
		top: 30%;
	}
	.video-section .testimonial-wrapper {
		bottom: 5%;
		left: 50%;
		transform: translate(-50%,0);
		top: 59%;
	}
	.video-section .testimonial-wrapper .testimonial,
	.video-section .testimonial-wrapper .author{
		font-size: 13px;
		text-align: center;
	}
	.video-section .testimonial-wrapper .author{
		text-align: center;
	}
	.video-section.guest .left-button,
	.video-section.guest .right-button,
	.video-section.no-subscription .right-button,
	.video-section.authenticated .right-button {
		margin-top: 0;
	}
	.video-section.guest .headline-area,
	.video-section.no-subscription .headline-area,
	.video-section.authenticated .headline-area{
		top: 30%;
	}

}
@media only screen and (max-width : 480px) {    
  /*set font-size ~1em */
  	.headline-area {
		width:90%;
	}
	.section-3 .right-box {
		padding:0px;
	}
	.section-community .right-box {
		padding:20px;
	}
	.section-community {
    	padding:0px !important;
	}

	.section-community img {
		width:95%;
		margin-top:50px;
	}
	.main-headline {
		line-height:1;
		font-size:28px;
	}
	.main-subtext {
		line-height:1.3;
		font-size:25px;
	}
	.navbar .navbar-collapse.collapse.in .navbar-nav .open  .dropdown-menu{
		background-color: rgba(0,0,0,.2);
	}
	.navbar .navbar-collapse.collapse.in .navbar-nav .open .dropdown-menu > li > a{
		color:#ffffff;
		padding-right: 30px;
	}
	.video-section .testimonial-wrapper {
		position: absolute;
		top: 70%;
		left: 50%;
		transform: translate(-50%, 0%);
		width: 80%;
	}
	.video-section .testimonial-wrapper .testimonial,
	.video-section .testimonial-wrapper .author{
		font-size: 13px;
		text-align: center;
	}
	.video-section .testimonial-wrapper .author{
		text-align: center;
	}
	.video-section.guest .left-button,
	.video-section.guest .right-button,
	.video-section.no-subscription .right-button,
	.video-section.demo .right-button,
	.video-section.authenticated .right-button {
		margin-top: 0;
	}
	.video-section.guest .headline-area,
	.video-section.demo .headline-area,
	.video-section.no-subscription .headline-area,
	.video-section.authenticated .headline-area{
		top: 45%;
	}

	.video-section.guest .right-button {
		margin-top: 5px;
		padding: 0 20px 0px;
	}

	.video-section.guest .left-button {
		margin-top: 0;
		padding: 0 9px 0px;
		margin-right: 0;
	}

}

@media only screen and (min-width : 480px) {
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		max-height: 200px;
	}

}
@media only screen and (min-width : 480px) {
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		max-height: 200px;
	}
}
@media only screen and (max-width : 375px) {
	.main-subtext {
		line-height: 1.1;
		font-size: 22px !important;
	}
	.video-section.guest .main-subtext {
		line-height: 1.1;
		font-size: 20px !important;
	}
	.video-section.guest .headline-area,
	.video-section.authenticated .headline-area,
	.video-section.demo .headline-area,
	.video-section.no-subscription .headline-area{
		top: 35%;
	}
	.video-section.authenticated .testimonial-wrapper {
		position: absolute;
		top: 65%;
		left: 50%;
		transform: translate(-50%, 0%);
		width: 80%;
	}
	.video-section.guest .left-button,
	.video-section.no-subscription .right-button,
	.video-section.demo .right-button{
		margin-top: 0;
		padding: 0 9px 0px;
		margin-right: 0;
	}
	.video-section.guest .right-button{
		margin-top: 5px;
		padding: 0 20px 0px;
	}
	.video-section.guest .main-headline {
		line-height: 1;
		font-size: 26px;
	}
	.video-section.guest .testimonial-wrapper,
	.video-section.demo .testimonial-wrapper,
	.video-section.no-subscription .testimonial-wrapper {
		position: absolute;
		top: 58%;
		left: 50%;
		transform: translate(-50%, 0%);
		width: 80%;
	}
	.video-section .testimonial-wrapper .testimonial,
	.video-section .testimonial-wrapper .author {
		font-size: 13px;
		line-height: 1.3;
		text-align: center;
	}

}