@media only screen and (max-width:1920px) {
    .why-slider {
        margin-left: 15%
    }
}

@media only screen and (max-width:1600px) {
    .why-slider {
        margin-left: 8%
    }
}

@media only screen and (max-width:1500px) {
    .why-slider {
        margin-left: 3.5%
    }
}

@media only screen and (max-width:1400px) {
    .why-slider {
        margin-left: 15px
    }
}

@media only screen and (max-width:1260px) {
    .footer-contacts {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 30px
    }

    .strategy-item__row {
        margin-bottom: 30px !important
    }

    .strategy-item__row:last-child {
        margin-bottom: 0 !important
    }

    .strategy-item__img {
        display: block
    }

    .strategy-item__info {
        display: block
    }

    .strategy-item__body {
        padding-left: 15px;
        padding-right: 15px
    }

    .strategy-item__result {
        font-size: 16px !important
    }

    .strategy-item__head {
        font-size: 24px
    }

    .about {
        overflow: hidden
    }

    .about-img {
        margin-right: -50px
    }

    .features .row {
        margin-bottom: -30px
    }

    .features__item {
        margin-bottom: 30px
    }

    .logo img {
        width: 200px
    }

    .h1 {
        font-size: 39px
    }

    .h1 b {
        -webkit-background-size: 100% 13px;
        background-size: 100% 13px
    }

    .main-sec__img {
        max-width: 450px;
        bottom: 0;
        top: auto
    }

    .main-list li+li {
        margin-left: 15px
    }

    .main-list li a {
        font-size: 14px
    }

    .header-nav {
        margin-left: 20px
    }

    .header-nav a {
        font-size: 14px
    }

    .font-20,
    .font-24 {
        font-size: 16px
    }

    .who__block {
        padding-top: 0
    }

    .who__item-head {
        font-size: 30px
    }

    .who__item-head::before {
        font-size: 40px
    }

    .why-item {
        max-width: 450px
    }

    .why-item__head {
        font-size: 24px
    }
}

@media only screen and (max-width:1023px) {
    .header {
        padding: 30px 0 50px
    }

    .header-nav {
        margin-left: auto;
        margin-right: 30px
    }

    .header-nav a {
        font-size: 16px
    }

    .strategy-item__head {
        font-size: 20px
    }

    .footer-list a {
        font-size: 12px
    }

    .hamburger {
        display: inline-block;
        position: relative;
        top: 4px;
        z-index: 100
    }

    .logo img {
        display: block
    }

    .section-100 {
        padding: 80px 0
    }

    .who-row {
        margin-bottom: 0
    }

    .who__item {
        margin-bottom: 30px
    }

    .footer {
        padding: 80px 0 50px
    }

    .footer-nav {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .footer-nav a+a {
        margin-left: 30px
    }

    .footer-top .download {
        margin-bottom: 30px
    }

    .footer-top .download span {
        font-size: 20px;
        margin-left: 20px
    }

    .footer-top .download span span {
        margin-left: 2px
    }

    .footer-top .download img {
        margin: 0
    }

    .footer-top .row {
        margin-bottom: -30px
    }

    .calc-summary input {
        font-size: 15px;
        padding-left: 10px;
        padding-right: 20px
    }
	
	.calc-summary input::-webkit-input-placeholder {
        font-size: 14px;
     }
	
	.calc-summary input::placeholder {
        font-size: 14px;
     }

    .calc-summary__icon {
        right: 20px;
        bottom: 12px
    }

    .calc-content,
    .calc-info {
        max-width: 290px
    }

    .calc-content {
        padding: 60px 20px
    }

    .calc-content__label {
        font-size: 20px
    }

    .calc-content__percent,
    .calc-content__price {
        font-size: 40px
    }

    .strategy .h2 {
        margin-bottom: 30px
    }

    .linked-white {
        font-size: 16px
    }

    .linked-white::before {
        height: 7px
    }

    .about-img {
        right: -100px
    }

    .why-item {
        max-width: 280px
    }

    .why-item__num {
        font-size: 18px;
        margin-bottom: 10px
    }

    .why-item__head {
        font-size: 18px
    }

    .why-row .h2 {
        margin-bottom: 30px
    }

    .graph__head {
        margin-bottom: 0
    }

    .graph .h2 {
        margin-bottom: 30px
    }

    .graph__img {
        margin-bottom: 50px;
        position: relative;
        width: -webkit-calc(100% + 15px);
        width: calc(100% + 15px);
        overflow-x: auto;
    }

    .graph__img img {
        width: 100%
    }

    .features__item-content {
        font-size: 14px
    }

    .features__item-header {
        margin-bottom: 8px
    }

    .features__item-header svg {
        max-width: 40px
    }

    .features__item-header span {
        font-size: 50px
    }

    .features .h2 {
        margin-bottom: 30px
    }

    .h2 {
        font-size: 24px
    }

    .main-sec {
        margin-bottom: 80px
    }

    .main-sec__content {
        padding-top: 0
    }

    .main-sec__img {
        max-width: 312px
    }

    .main-sec .font-20 {
        font-size: 14px
    }

    .main-list {
        display: block
    }

    .main-list li+li {
        margin-top: 15px;
        margin-left: 0
    }

    .main-nav {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fff;
        left: 0;
        top: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        -o-transition: transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease;
        z-index: 99;
        padding: 48px 15px
    }

    .main-nav.open {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .logo img {
        max-width: 167px
    }
}

@media only screen and (max-width:767px) {
    .h1 {
        font-size: 26px
    }

    .header {
        padding: 20px 0 50px
    }

    .header-nav {
        display: none
    }

    .hamburger {
        margin-left: auto
    }

    .logo img {
        max-width: 137px
    }

    .main-sec__img {
        position: static;
        max-width: 300px;
        display: block;
        margin-left: auto
    }

    .main-sec__content {
        margin-bottom: 50px
    }

    .section-100 {
        padding: 50px 0
    }

    .features__item-header {
        display: block
    }

    .features__item-header span,
    .features__item-header svg {
        display: block
    }

    .features__item-header span {
        margin-left: 0;
        font-size: 40px
    }

    .features__item-header img {
        margin-bottom: 10px
    }

    .graph__nav.d-lg-none {
        display: block !important
    }

    .graph__nav-item {
        margin-left: 0
    }

    .graph__nav-item+.graph__nav-item {
        margin-top: 15px;
        margin-left: 0
    }

   
    .about {
        padding-bottom: 0
    }

    .about-content {
        margin-bottom: 50px;
        
    }

    .about-img {
        display: none;
    }
    
    .about-img-m {
        position: static;
        height: auto;
        width: 100%;
        display: block
    }

    .strategy-item {
        margin-bottom: 50px;
        height: auto
    }

    .calc-info {
        margin-bottom: 50px;
        max-width: 100%
    }

    .calc-content {
        padding: 30px 20px;
        max-width: 100%
    }

    #slider-ui,
    .calc-slider__nav {
        margin-left: 15px;
        margin-right: 15px
    }

    .footer {
        padding-bottom: 30px
    }

    .footer-top {
        margin-bottom: 100px
    }

    .footer-top .row {
        margin-bottom: -20px
    }

    .footer-top .download {
        margin-bottom: 20px
    }

    .footer-top .download span {
        font-size: 16px
    }

    .footer-top .download span span {
        margin-left: 2px
    }

    .footer-contacts {
        display: block
    }

    .footer-contacts li+li {
        margin-left: 0;
        margin-top: 10px
    }

    .footer-list {
        display: block
    }

    .footer-list li+li {
        margin-left: 0;
        margin-top: 5px
    }

    .footer-list li a {
        font-size: 12px
    }

    .footer-nav {
        display: block
    }

    .footer-nav a {
        display: block
    }

    .footer-nav a::before {
        display: none
    }

    .footer-nav a+a {
        margin-top: 5px;
        margin-left: 0
    }
}

@media only screen and (max-width:1200px) {
    .compare-header__item {
        font-size: 18px;
        line-height: 1.3
    }

    .compare-body__item {
        font-size: 16px
    }
}

@media only screen and (max-width:1023px) {
    .compare-slider {
        margin: 0 -15px
    }

    .compare-slide {
        padding: 0 15px
    }

    .compare .slick-dots {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px
    }

    .compare .slick-dots li {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        background: #eaeaea
    }

    .compare .slick-dots li.slick-active {
        background-color: #5ed3fa
    }

    .compare .slick-dots li button {
        color: transparent
    }

    .compare .slick-dots li+li {
        margin-left: 4px
    }

    .compare-table__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .compare-table__item {
        font-size: 16px;
        width: 50%;
        text-align: center;
        padding: 20px 15px;
        border: 2px solid #1a1a1a;
        border-top: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .compare-table__item span {
        font-size: 24px;
        margin-right: 3px
    }

    .compare-table__item+.compare-table__item {
        border-left: none
    }

    .compare-table__item:first-child {
        background-color: #5ed3fa
    }

    .compare-table__head {
        padding: 20px 15px;
        text-align: center;
        font-size: 14px;
        border: 2px solid #1a1a1a;
        border-top: none
    }

    .compare-table__header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .compare-table__header-item {
        border: 2px solid #1a1a1a;
        width: 50%;
        text-align: center;
        padding: 38px 15px;
        text-transform: uppercase;
        font-size: 16px;
        position: relative
    }

    .compare-table__header-item::before {
        content: '';
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #1a1a1a transparent transparent transparent
    }

    .compare-table__header-item.active {
        background-color: #ff3b00;
        color: #fff
    }

    .compare-table__header-item+.compare-table__header-item {
        border-left: none
    }

    .compare .h2 {
        margin-bottom: 30px
    }

    .compare-head {
        margin-bottom: 15px
    }

    .compare-nav {
        margin: 0 0 30px
    }

    .compare-nav .slick-track {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        height: auto;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .compare-nav__item {
        padding: 4px 11px;
        margin: 0 20px;
        border: 3px solid transparent;
        -webkit-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease
    }

    .compare-nav__item.slick-current {
        border: 3px solid #5ed3fa;
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .compare-nav {
        margin-bottom: 20px
    }

    .compare-nav__item {
        margin-left: 0;
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 10px
    }

    .compare-nav .slick-track {
        width: 100% !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

    .compare .h2 {
        margin-bottom: 30px
    }
}