@media (min-width: 320px) and (max-width: 767px) {
	.navbar-brand{
		float: none;
		margin: 5px auto;
		display: block;
		text-align: center;
	}
	.navbar-brand>img{
		margin: 0 auto;
	}
	.hiw-feature img{
		max-width: 20%;
		top: 20px;
	}
    .navbar.affix-top {
        padding: 10px 0;
    }
    .navbar-toggle .icon-bar {
        background-color: #fff;
        height: 4px;
        width: 25px;
    }
    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 5px;
    }
    .navbar-toggle {
        -webkit-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }
    .navbar-fixed-top .navbar-toggle {
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0;
        padding: 13px 10px;
    }
    .header-transparent .navbar-collapse {
      background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #00c9fd 0%, #81ee8e 100%) repeat scroll 0 0;
      background: rgba(0, 0, 0, 0) linear-gradient(to right, #00c9fd 0%, #81ee8e 100%) repeat scroll 0 0;
    }
    .home-style-2.header-transparent .navbar-collapse {
      background: #272d3a;
    }
    .navbar.affix .navbar-brand > img {
        width: 70%;
    }
    .navbar-nav {
        margin: 20px -15px 0;
    }
    .navbar-nav li a {
        font-size: 16px;
        padding: 8px 20px;
        text-align: center;
    }
    #start-hero-area.home-style-1:before, #start-hero-area.home-style-1:after {
        border-top: 70px solid transparent;
    }
    #start-hero-area .slider-image {
        margin-bottom: 4em;
        margin-top: 2em;
        position: static;
        text-align: right;
    }
    #start-hero-area .slider-text, #start-hero-area.home-style-3 .slider-text {
        padding-bottom: 8em;
        padding-top: 2em;
        width: 100%;
    }
    #start-hero-area .slider-text h1 {
        font-size: 32px;
    }
    #start-hero-area .slider-image img {
        margin: 0 auto;
        width: 70%;
    }
    .button-group .download-btn {
        margin-right: 20px;
    }
    .scroll-icon a {
        margin-bottom: 10px;
    }
    .ptb-120 {
        padding: 50px 0;
    }
    .section-heading {
        margin: 0 auto 30px;
        width: 100%;
    }
    .section-heading h2 {
        font-size: 28px;
        line-height: 32px;
    }

    .store-buttons a {
        margin-bottom: 10px;
        margin-right: 0;
    }
    .single-feature, .hiw-feature, .hwn-usp {
        margin: 15px 0;
        padding: 20px;
    }
		.hiw-feature-details h5{
			font-size: 22px;
		}
		.hiw-feature-details span{
			font-size: 24px;
		}

    .hiw-feature-content {
        margin-top: 0;
    }
    .hiw-watch-mockup, .hiw-mockup {
        display: none;
    }
    .hiw-feature-content .mt-140 {
        margin-top: 0;
    }
    #smartphone-features-area:after, #smartphone-features-area.home-style-2:after {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }

		.orange-gradient-bg{
			padding: 5em 0;
		}
    .smartphone-features h1 {
        font-size: 32px;
    }
}

/* Extra Small Devices, Phones */

@media (min-width: 480px) and (max-width: 767px) {

}

/* Small Devices, Tablets */

@media (min-width: 768px) and (max-width: 991px) {
	.hiw-feature{
		margin-bottom:120px;
	}
    .ptb-120 {
        padding: 80px 0;
    }
    .navbar-brand > img {
        width: 90%;
    }
    .navbar-nav li a {
        font-size: 14px;
        padding: 20px 10px;
    }
    #start-hero-area.home-style-1:before, #start-hero-area.home-style-1:after {
        border-top: 120px solid transparent;
    }
    #start-hero-area .slider-text {
        /*padding-bottom: 16em;*/
        padding-top: 12em;
        position: relative;
        /*width: 60%;*/
        z-index: 2;
				padding-top: 3em;
    }
    #start-hero-area .slider-text h1 {
        font-size: 38px;
    }
    #start-hero-area .slider-image {
        right: 0;
        text-align: right;
    }
    #start-hero-area .slider-image img {
        margin-left: auto;
        width: 60%;
    }
    .media-left {
        padding-right: 15px;
    }
    .feature-details h5 {
        font-size: 15px;
    }
    .section-heading {
        margin: 0 auto 50px;
        width: 80%;
    }
    .about-app-mockup img {
        margin-top: 5em;
    }
    .store-buttons a {
        margin-right: 0;
        margin-top: 10px;
    }
    .store-buttons a:first-child {
        margin-top: 0;
    }
    .hiw-feature-content {
        margin-top: 0;
    }
    .hiw-watch-mockup {
        margin: 0 auto;
        top: 150px;
        width: 38%;
    }
    .hiw-feature-content .mt-140 {
        margin-top: 0;
    }

}

/* Medium Devices, Desktops */
@media (min-width: 992px) and (max-width: 1200px) {
	.hiw-feature img{
		max-width: 120px;
		top: auto;
	}
}
@media (min-width: 992px) and (max-width: 1169px) {
	.hero-image-container img{
		margin-top: 40px;
	}
    #start-hero-area:before, #start-hero-area:after {
        border-top: 140px solid transparent;
    }
    .slider-text {
        padding-bottom: 19em;
        padding-top: 12em;
    }
    .slider-text h1 {
        font-size: 52px;
    }
    #start-hero-area .slider-image {
        position: absolute;
        right: 0;
        text-align: right;
        z-index: 1;
    }
    #start-hero-area .slider-image img {
        margin-left: auto;
        width: 70%;
    }
    .store-buttons a {
        margin-right: 28px;
    }
    .hiw-feature-content {
        margin-top: 0;
    }
    .hiw-watch-mockup {
        margin: 0 auto;
        top: 74px;
        width: 35%;
    }
    .hiw-feature-content .mt-140 {
        margin-top: 10px;
    }
    .member-description-inner {
        padding: 15px 10px;
    }
    .social {
        margin-top: 15px;
    }
    .faq-right-img-mockup {
        left: 0;
    }
    .faq-right-img-mockup img {
        width: 70%;
    }
    .subscribe-wrapper {
        padding: 40px 30px;
    }
    .subscribe-box button {
        padding: 0 45px;
    }
    /*#footer-area {
        background-color: #2b323f;
        padding-bottom: 40px;
        padding-top: 21em;
    }*/
    .section-heading {
        width: 70%;
    }
    #start-hero-area.home-style-3:before {
        top: 85%;
    }
    #start-hero-area.home-style-3 .slider-text {
        padding-bottom: 5em;
    }
    .count-down-area {
        width: 90%;
    }
    #start-hero-area.home-style-10 .slider-image {
      top: 150px;
    }
    #app-features-area.home-style-10 {
      margin-top: -80px;
    }
}

/* Large Devices, Wide Screens */

@media (min-width: 1170px) and (max-width: 1366px) {
    #start-hero-area .slider-text {
        padding-bottom: 26em;
        padding-top: 15em;
    }
    #start-hero-area .slider-image img {
        width: 90%;
    }

}
@media (min-width: 1367px) and (max-width: 1920px) {
    #start-hero-area .slider-text {
        padding-bottom: 11em;
        /* padding-top: 6em; */
    }

}
