@media only screen and (min-width : 1440px) and (max-width : 2560px)    {
        .sslider.slider-first .slide-first {
            margin-top: 30px;
        }
    }
@media only screen and (min-width : 1024px) and (max-width : 1200px) {
    .chenge-color-second {
        top: 415px;
        right: -102%;
    }
    .chenge-color-third, .chenge-color-fifth {
        left: -39%;
    }
    .chenge-color-sixth {
        right: -77%;
    }
    #section-second .section-text h2 {
        margin-bottom: 95px;
    }
    #section-third .section-text h2 {
        margin-bottom: 140px;
    }
    #section-third .col-sm-3 > div {
        width: 350px !important;
    }
    #section-third .section-parameters {
        margin-bottom: 95px;
    }
    #section-fifth .section-text {
        padding-top: 100px;
    }
    #section-sixth .section-text {
        margin-bottom: 100px;
    }
    .sslider.slider-fifth .slick-list {
        padding-top: 100px;
    }
    .sslider.slider-eighth .col-md-3 {
        width: 33.3333%;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    h2 {
        font-size: 32px;
    }
    .section-text h2 {
        margin-bottom: 100px;
    }
    .chenge-color-second {
        top: 330px;
        right: -107%;
        padding: 0;
    }
    .chenge-color-third {
        top: 240px;
        left: -38%;
    }
    .chenge-color-fifth {
        top: 290px;
        left: -38%;
    }
    .chenge-color-sixth {
        top: -84px;
        left: 0;
        bottom: auto;
        right: 0;
        width: 100%;
        text-align: center;
    }
    .chenge-color-seventh {
        top: -65px;
    }
    .chenge-color-eighth {
        top: -95px;
    }
    #section-second .col-sm-6.section-text {
        padding-top: 160px;
    }
    #section-third .col-sm-3 > div {
        width: 300px !important;
    }
    #section-third .col-sm-3 > div .col-sm-4 .description {
        font-size: 20px;
    }
    #section-third .section-parameters {
        margin-bottom: 50px;
    }
    #section-third .section-text,
    #section-fifth .section-text {
        padding-top: 70px;
    }
    #section-sixth .section-text {
        padding-top: 50px;
        margin-bottom: 50px;
        text-align: center;
    }
    #section-fourth .slick-slider .slick-list {
        margin-top: 0px;
    }
    #section-sixth .section-text h2 {
        margin-bottom: 50px;
    }
    #section-sixth .section-text a {
        margin: 0 auto;
    }
    .sslider.slider-fifth .slick-list {
        padding-top: 140px;
        margin-top: 0;
    }
    .sslider.slider-sixth .slick-list {
        margin-top: 130px;
    }
    .iphone, .iphone-text {
        margin: 0 auto 30px;
    }
}
@media only screen and (min-width : 768px) {
    .navbar-inverse .navbar-nav > li.nav-buy {
        float: right;
    }
}
@media only screen and (max-width : 768px) {
    h1 {
        font-size: 40px;
        line-height: 50px;
    }
    h2 {
        font-size: 30px;
    }
    .description,
    .important {
        text-align: center;
    }
    #section-sixth .section-text a {
        margin: 0 auto;
    }
    #logo {
        text-align: center;
    }
    .collapse {
        display: block;
        margin-top: 20px;
    }
    .navbar-inverse .navbar-nav > li > a {
        margin: 10px auto;
        width: 150px;
    }
    .section-text h2 {
        margin-bottom: 40px !important;
        text-align: center;
    }
    #section-eighth .section-text h2 {
        margin-bottom: 30px !important;
    }
    .important {
        margin-top: 0;
    }
    #section-second .col-sm-6,
    #section-third .col-sm-9,
    #section-third .col-sm-3,
    #section-fifth .col-sm-9,
    #section-fifth .col-sm-3 {
        padding: 0;
    }
    #section-third .col-sm-3 > div , 
    #section-fourth .col-sm-3 > div,
    #section-fifth .col-sm-3 > div {
        width: 100% !important;
    }
    #section-third .col-sm-9.pull-right,
    #section-fifth .col-sm-9.pull-right {
        width: 100%;
        float: none !important;
    }
    #section-third .col-sm-9.pull-right img,
    #section-fifth .col-sm-9.pull-right img {
        width: 80%;
        margin: 0 auto;
    }
    #section-second .col-sm-6 img {
        width: 80%;
        margin: 0 auto;
    }
    #section-third .section-text {
        padding-top: 0;
        width: 100%;
    }
    #section-third .section-parameters {
        margin-bottom: 50px;
    }
    #section-third .section-text, 
    #section-fourth .section-text,
    #section-fifth .section-text,
    #section-seventh .section-text,
    #section-eighth .section-text {
        padding-top: 50px;
    }
    #section-fifth .section-text {
        width: 100%;
    }
    #section-fifth .slider-fifth .slick-list {
        padding-top: 70px;
        padding-left: 0px;
        margin-left: 0px;
    }
    #section-sixth .section-text {
        padding-top: 50px;
        margin-bottom: 50px;
    }
    #section-fourth {
        padding-bottom: 50px;
    }
    .sslider.slider-second img {
        width: 50%;
        margin: 0 auto;
    }
    #section-eighth .sslider.slider-eighth .col-md-3 {
        width: 50%;
        float: left;
    }
    .slick-dots li {
        margin: 0 3px;
    }
    .slick-slider .slick-list {
        margin-top: 100px;
    }
    .sslider.slider-fourth .slick-list {
        margin-top: 0;
    }
    .sslider.slider-first .slick-list, 
    .sslider.slider-second .slick-list, 
    .sslider.slider-third .slick-list, 
    .sslider.slider-fifth .slick-list {
        padding-bottom: 20px;
    }
    .sslider.slider-sixth .slick-list {
        margin-top: 100px;
    }
    .chenge-color-second {
        right: 0;
        left: 0;
        top: -55px;
        padding: 0;
        text-align: center;
    }
    .chenge-color-third {
        left: 0;
        right: 0;
        top: -55px;
        padding: 0;
        text-align: center;
    }
    .chenge-color-fifth {
        left: 0;
        right: 0;
        top: 0px;
        padding: 0;
        text-align: center;
    }
    .chenge-color-sixth {
        right: 0;
        left: 0;
        top: -70px;
        padding: 0;
        width: auto;
        text-align: center;
    }
    .chenge-color-seventh {
        top: -65px;
        text-align: center;
    } 
    .chenge-color-eighth {
        top: -85px;
        text-align: center;
    }
    .slick-slide-bg {
        height: 60vh;
    }
    .feature {
        float: left;
        width: 33.333%;
    }
    .iphone, .iphone-text {
        margin: 0 auto 30px;
    }
    .sslider.slider-seventh img {
        height: 250px;
    }
    .modal-dialog {
        width: 280px;
    }
}
@media only screen and (max-width : 667px) { 
    .sslider.slider-seventh img {
        height: 230px;
    }
    .chenge-color-fifth {
            top: -55px;
    }
    #section-second .col-sm-6 img {
        width: 50%;
    }
    #section-third .section-text,
    #section-fifth .section-text {
        padding-top: 0px;
    }
    .section-parameters {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width : 568px) { 
    .sslider.slider-seventh img {
        height: 200px;
    }
}
@media only screen and (max-width : 450px) { 
    .sslider.slider-seventh img {
        height: 170px;
    }
    #section-fifth .slider-fifth .slick-list {
        padding-top: 0px;
        padding-left: 0px;
        margin-left: 0px;
    }
    .feature {
        float: left;
        width: 100%;
    }
    #section-eighth .sslider.slider-eighth .col-md-3 {
        width: 100%;
        float: left;
    }
}
@media only screen and (max-width : 320px) {
    .sslider.slider-seventh img {
        height: 130px;
    }
} 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 
    
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { 
     
}