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


    input[type="text"] {   
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;    
    }

    input[type="email"] {   
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;    
    }


/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"]{ font-size: 16px; -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"]{ font-size: 16px; -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
}



    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 18px;
        line-height: 1.2;
        font-weight: 600;
    }
    .navbar-fixed-top .container {
        width: auto;
    }
    .hero {
        height: auto !important;
        background: url("../img/bg-mob-device.jpg") !important;
        background-position: 0 0 !important;
        background-size: cover !important;
    }
    .title {
        font-size: 28px !important;
    }
    .center-content {
        padding-top: 10px !important;
        padding-bottom: 65px !important;
    }
    .center-content h1 {
        text-transform: none !important;
        font-size: 38px !important;
        margin: 0px !important;
        margin-bottom: 20px !important;
    }

    .header-trial-title {
        margin-bottom: 0px !important;
    }

    .navbar-custom .navbar-brand .logodark {
        display: block !important;
        max-width: 160px !important;
        margin-top: 5px !important;
    }

    .navbar-custom.top-nav-collapse .logodark {
        margin-top: -5px !important;
    }

    .navbar-custom .nav li.active a {
        color: #886cc0 !important;
    }
    .navbar-custom.top-nav-collapse .nav li.active a {
        color: #886cc0 !important;
    }
    .navbar-custom {
        background-color: #fff !important;
        -webkit-box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.06) !important;
        box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.06) !important;
    }
    .logo-header {
        max-width: 320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .center-content h2 {
        font-size: 16px !important;
        line-height: 1.6;
        margin-bottom: 10px;
    }
    .divider {
        margin-bottom: 50px !important;
    }
    .footer {
        padding-top: 26px !important;
        padding-bottom: 25px !important;
    }
    .text-xs-center {
        text-align: center !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .mac-home {
        padding-top: 115px;
        margin-bottom: 25px;
    }
    .right-text-one-block {
        margin-top: 0px;
    }
    .advantages-block img {
        max-width: 100px;
    }
    .advantages-block {
        padding: 20px 15px;
        min-height: auto;
        margin-bottom: 20px;
        border: 1px solid #edf3fb;
    }
    .price-block-bg {
        background: none;
    }
    .price-block-standart {
        background: #fff;
        box-shadow: 0px 4px 52px rgb(38 72 113 / 5%);
        border-radius: 15px;
        margin-bottom: 30px;
    }
    .price-check-section {
        text-align: left;
        padding: 14px 30px;
    }
    .price-block-popular {
        margin-bottom: 30px;
    }


.btn-auth-head, .btn-reg-head {
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 5px;
}

    .btn-reg-head {
        margin-top: 10px;
        margin-bottom: 20px;
    }


.reviews-block .media-heading {
    font-size: 18px;
}



.close-promo-video-modal {
    position: absolute;
    /* right: -37px; */
    padding: 6px 25px;
    font-size: 16px;
    width: 180px;
    text-align: center;
    top: 117%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #886CC0;
    background: white;
    border-radius: 50px;
}



    .right-text-one-block {
        margin-bottom: 45px;
    }


.right-text-one-block h4 {
    margin-top: 10px;
}



.right-text-about-two {
    margin-top: 0px;
    margin-bottom: 35px;
    text-align: center;
}



.right-text-about-three {
    margin-top: 0px;
    margin-bottom: 15px;
}



.right-text-about-four {
    margin-top: 50px;
    margin-bottom: 0px;
}

    .left-img-about-four {
        margin-bottom: 30px;
    }



.block-icon-five {
    margin-bottom: 25px;
}



.right-text-about-six {
    margin-top: 0px;
}


.right-text-about-seven {
    margin-top: 0px;
}

.right-text-about-six {
    font-size: 18px;
}

.right-text-about-seven {
    font-size: 18px;
}


.block-img-about-two img {
    margin-top: 0px;
    margin-bottom: 35px;
}  







}




@media only screen and (max-width: 992px) {
    .logo-header {
        max-width: 320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .navbar-fixed-top .container {
        width: auto;
    }

    .price-check-section {
        text-align: left;
        padding: 14px 30px;
    }


    .right-text-one-block .media {
        margin-bottom: 25px;
    }


    .left-img-one-block {
        margin-top: 15px;
    } 




    .block-text-about-three img {
        width: 180px;
    }


    .monitoring-source-block img {
        width: 70px;
    }


    .monitoring-object-block img {
        width: 160px;
    }

    .monitoring-object-block {
        margin-bottom: 35px;
    }


    .monitoring-object-title {
        font-size: 18px;
        font-weight: 700;
        margin-top: 16px;
    }


    .analysis-visual-text {
        padding: 0px 10px;
        margin-top: 40px;
    }


    .analysis-visual-img {
        margin-top: 0px;
    }




}






@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {

    .navbar-fixed-top .container {
        width: auto;
    }

    .navbar-nav {
        float: unset;
    }

    .mac-home {
        max-width: 460px;
        padding-top: 160px;
    }

    .center-content {
        padding-top: 50px;
        text-align: center;
    }

    .header-trial-title {
        margin-bottom: 0px;
        font-size: 18px;
    }

    .btn-auth-head {
        margin-right: 0px;
        margin-left: 0px;
    }

    .btn-reg-head {
        margin-right: 0px;
    }


    .right-text-one-block {
        margin-top: 0px;
        margin-bottom: 60px;
    }


    .left-img-one-block {
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }



    .right-text-about-two {
        margin-top: 55px;
    }


    .block-img-about-two img {
        margin-top: 0px;
        margin-bottom: 35px;
    }


    .analysis-visual-img {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .analysis-visual-text {
        margin-left: 120px;
    }

    .sprite-header-one {
        position: absolute;
        left: -21px;
        top: 354px;
        width: 70px;
    }

    .nav > li > a {
        padding: 18px 8px 15px;
    }


    .navbar-custom a {
        font-size: 14px;
    }


    .sprite-header-one {
        position: absolute;
        left: -26px;
        top: 380px;
        width: 85px;
    }

    .price-check-section {
        text-align: left;
        padding: 10px 10px;
    }


}









@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: portrait) {

    .mac-home {
        max-width: 550px;
        padding-top: 351px;
    }

    .nav > li > a {
        padding: 18px 8px 15px;
    }


    .navbar-custom a {
        font-size: 14px;
    }


    .sprite-header-one {
        position: absolute;
        left: -26px;
        top: 380px;
        width: 85px;
    }

    .price-check-section {
        text-align: left;
        padding: 10px 10px;
    }


}





@media only screen and (min-width: 1366px) and (orientation: landscape) {

    .navbar-fixed-top .container {
        width: 1170px;
    }

    .mac-home {
        padding-top: 360px;
    }

    .nav > li > a {
        padding: 18px 13px 15px;
    }


    .navbar-custom a {
        font-size: 14px;
    }


    .sprite-header-one {
        position: absolute;
        left: -26px;
        top: 380px;
        width: 85px;
    }


    .center-content {
        padding-top: 350px;
    }


}