/* Media Queries */

/* 992 - 1200 */
@media screen and (max-width: 1200px) {
	.container {
        max-width: 960px;
    }
    .header-phone {
        display: none;
    }
    .header-phone.active {
        display: none;
    }
    .goal-img {
        -ms-flex-negative: 1;
            flex-shrink: 1;
    }
    section.about {
        background: radial-gradient(95.49% 115.27% at 75% 0%, rgba(0, 138, 138, 0.776) 0%, rgba(0, 69, 119, 0.712) 100%), url('../img/femida-1.jpg') no-repeat left center / cover;
        #background: url('../img/femida-1.jpg') no-repeat left center / cover;
        margin-top:65px;
    }
    .about-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        #padding: 14px;
        background: none;
        border:0;
    }
    .about-img {
        display:none;
        max-width: 100%;
        margin-right: 0;
        height: 570px;
        overflow: hidden;
    }
    .about-img img {
        width: auto;
        height: auto;
    }
    .about-text {
        text-align: left;
        margin-top: 16px;
        color:#fff;
    }
    .about-list p, .about-list > li > span {
        color:#fff;
    }
    .about-list > li > span {
        background: url(../img/borders-img-white.svg) no-repeat center / contain;
    }
    .about-text br {
        #display: none;
    }
    .bg-content {
        padding: 80px 50px 80px 80px;

    }
    .steps-content {
       #padding: 40px 20px;
    }
}

/* 768-991px */
@media screen and (max-width: 991px) {
    
    .advantage-text-bg-info {
        width:450px;
        left:0;
    }
    .advantage-text-bg-info:before {
        left: 26.5px;
        right:auto;

    }
	.container {
        max-width: 720px;
    }
    .about-img {
        display: none;
    }
   
    .header-email {
        display: none;
    }
    .logo {
        font-size: 27px;
    }
    .services-content {
        padding: 60px;
    }
    .goal-content {
        padding: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .goal-desc {
        max-width: 100%;
        margin: 0 0 30px 50px;
    }
    .goal-img {
        max-width: 100%;
    }
    .goal-img img {
        border-radius: 0px 0px 20px 20px;
    }
    .how-work-contact li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .how-work-contact li span {
        margin-bottom: 10px;
    }
    .contacts-top {
        border-radius: 10px 0px 0px 0px;
        border:0px;
    }
    .contacts-middle {
        flex-direction: column;
        margin-top:20px;
    }
    .contacts-middle-block1 {
        padding-top:20px;
    }
    .contacts-middle-block1, .contacts-middle-block2 {
        width:auto;
        #background: none;
        min-height:auto;
        border:0px;
    }
    .contacts-middle-block2 {
        margin:0px 0px 20px 0px;
        flex-direction: column-reverse;
    }
    .contacts-email {
        padding-top:20px;
        margin:0;
        border:0px;
    }
    .contacts-graphic {
        display:flex;
        flex-wrap: nowrap;
        border:0px;
    }
    .contacts-graphic .contacts-title2 {
        display: inherit;
        font-size:25px;
        padding:0px 0px 0px 42px;

    }
    .contacts-title2 {
        display:none;
    }
    .contacts-bottom {
        margin-top:0px;
        padding-top:20px;
        display:flex;
        flex-direction: column;
        border:0px;
    }
    .contacts-bottom div{
        order:3;
}

/* 576-767px */
@media screen and (max-width: 767px) {
    body {
        background:#ebfaff;
    }

    .about-content {
        font-family: Roboto Condensed;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        padding:10px 6px 10px 14px;
    }
    .about-text {
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    .about-list > li:before {
        content:'';
        height:30px;
        width:30px;
        background: url(../img/ellipse.svg) no-repeat left center / contain;
    }
    .about-list > li > span {
        display:none;
    }
    .about-list > li > p {
        padding-left:20px;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        #font-size:16px;
        #text-transform: uppercase;
    }
	.container {
        max-width: 540px;
    }
    .header-callback {
        display:none;
        width: 31px;
        height: 31px;
        padding: 0;
        background-size: contain;
        background-position-x: center;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .header-phone.active {
        display: inline-block;
    }
    .header-phone.active span{
        display:none;
        #visibility: hidden;
        #font-size:1px;
    }
    .header-main-title {
    font-size: 40px;
    }
    .header-phone.active::before {
        content: ' ';
        display: inline-block;
        visibility: visible;
        background: #FFFFFF url('../img/phone.svg') no-repeat 10px center;
        width: 27px;
        height: 27px;
        padding: 0;
        background-size: contain;
        background-position-x: center;
        -webkit-box-shadow: none;
                box-shadow: none;
        margin-top:5px;
    }
    .header-callback span {
        display: none;
    }
    .header-dropdown-wrap {
        #display: none;
        order:1;
    }
    .header-phone.active {
        order:2;
        padding-right:10px;
    }

    .hamburger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        order:3;
    }
    .header-nav {
        background-color: #fff;
    }
    .nav {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .logo {
        margin-right: 0;
    }
    .logo img {
        display: block;
    }
    .logo span{
        display: none;
    }
    .header-nav {
        margin-bottom: 65px;
    }
    .offer-list p {
        margin-left: 20px;
        font-size: 24px;
        line-height: 1.18em;
    }
    .offer-list li:before {
        width: 30px;
        height: 32px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        background: url(../img/checkmark-square1.svg) no-repeat center / contain;
        content: '';
    }
    .offer-list li:not(:last-child) {
        margin-bottom: 45px;
    }
    .offer-text {
        margin: 53px 0 27px;
        font-size: 24px;
        line-height: 1.18em;
    }
    .offer-btn {
        font-size: 20px;
        line-height: 1.18em;
    }
    .goal-content {
        #padding: 0 10px;
        background: none;
        position: relative;
        padding: 9px 12px 14px 38px;
    }
    .goal-desc {
        margin: 0;
    }
    .goal-title, .goal-text {
        color: #fff
    }
    .goal-title:before {
        display: none;
    }
    .goal-content:before {
        content: '';
        display: block;
        width: 15px;
        height: calc(100% - 40px);
        position: absolute;
        top: 50%;
        left: -15px;
        border: 7px solid #fff;
        border-right: none;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .goal-img {
        display: none;
    }
    .goal {
        #margin-top:35px;
        padding: 35px 50px 43px 45px;
        /*background: -o-linear-gradient(189.03deg, rgba(0, 48, 0, 0.79) 0%, rgba(0, 48, 0, 0.79) 92.48%), url('../img/goal-bg-mobile.jpg') no-repeat center top / cover;*/
        background: -webkit-radial-gradient(95.49% 115.27% at 75% 0%, rgba(0, 122, 138, 0.776) 0%, rgba(0, 70, 120, 0.712) 100%), url('../img/goal-bg-mobile.jpg') no-repeat center top / cover; /* Safari 5.1-6.0 */
        background: -o-radial-gradient(95.49% 115.27% at 75% 0%, rgba(0, 122, 138, 0.776) 0%, rgba(0, 70, 120, 0.712) 100%), url('../img/goal-bg-mobile.jpg') no-repeat center top / cover; /* Opera 11.6-12.0 */
        background: -moz-radial-gradient(95.49% 115.27% at 75% 0%, rgba(0, 122, 138, 0.776) 0%, rgba(0, 70, 120, 0.712) 100%), url('../img/goal-bg-mobile.jpg') no-repeat center top / cover; /* Firefox 3.6-15 */
        background: radial-gradient(95.49% 115.27% at 75% 0%, rgba(0, 122, 138, 0.776) 0%, rgba(0, 70, 120, 0.712) 100%), url('../img/goal-bg-mobile.jpg') no-repeat center top / cover;
        
    }
    .goal-title {
    font: 500 35px/1.18em 'Roboto Condensed', sans-serif;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    .goal-text {
    font: 300 25px/1.18em 'Roboto Condensed', sans-serif;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    section.advantage {
    padding-bottom: 65px;
    padding-top:0px;
    }
    .about-content {
        #padding: 0;
        #background: none;
    }
    .about-img {
        display: none;
    }
    .about-text {
        color: #fff;
        text-align: left;
        font-size: 30px;
        margin-top: 0;
    }



    .advantage-text-bg:before {
        height:25px;
        #top:3px;
        background: url(../img/finger-dark.svg) no-repeat center top / contain;
    }
    
    .steps {
        background: -webkit-radial-gradient(95.49% 115.27% at 75% 0%, rgba(0, 138, 138, 0.776) 0%, rgba(0, 69, 119, 0.712) 100%), url('../img/cost-mobile-bg.jpg') no-repeat center top / cover; /* Safari 5.1-6.0 */
        background: -o-radial-gradient(95.49% 115.27% at 75% 0%, rgba(0, 138, 138, 0.776) 0%, rgba(0, 69, 119, 0.712) 100%), url('../img/cost-mobile-bg.jpg') no-repeat center top / cover; /* Opera 11.6-12.0 */
        background: -moz-radial-gradient(95.49% 115.27% at 75% 0%, rgba(0, 138, 138, 0.776) 0%, rgba(0, 69, 119, 0.712) 100%), url('../img/cost-mobile-bg.jpg') no-repeat center top / cover; /* Firefox 3.6-15 */
        background: radial-gradient(95.49% 115.27% at 75% 0%, rgba(0, 138, 138, 0.776) 0%, rgba(0, 69, 119, 0.712) 100%), url('../img/cost-mobile-bg.jpg') no-repeat center top / cover;        
        
    }
    .steps-content {
        padding: 0;
        background: none;
        border:0px;
    }
    .steps-title {
        padding: 0;
        color: #fff;
    }
    .steps-title:before {
        display: none;
    }
    .steps-list {
        padding-left: 0;
        margin: 18px 0 0;
    }
    .steps-list > li > span {
        color: #fff;
        margin-right: 20px;
        border: 2px solid #fff;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        font-size: 20px;
        background: none;
    }
    .steps-list p, .steps-sublist span {
        color: #fff;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-size: 23px;
    }
    .steps-sublist li:before {
        background-color: #fff;
        margin: 12px 12px 0 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        height: 2px;
    }
    .steps-img {
        display: none;
    }
    section {
        background: none;
    }
    .why-safe-content {
        background: none;
        padding: 0;
        border:0px;
        color:#006B8D;
    }
    .why-safe-title {
        margin-left: 0;
        color: #006B8D;
        font-size:35px;
    }
    .why-safe-img {
        display: none;
    }
    .why-safe-desc {
        padding-left: 0;

    }
    .why-safe-desc p {
        color: #fff;
        font-size: 24px;
        color:#006B8D;
    }
    section.cost {
        background: -webkit-radial-gradient(95.49% 115.27% at 75% 0%, rgba(0, 122, 138, 0.8) 0%, rgba(0, 70, 109, 0.712) 100%), url('../img/cost-mobile-bg.jpg') no-repeat center top / cover; /* Safari 5.1-6.0 */
        background: -o-radial-gradient(95.49% 115.27% at 75% 0%, rgba(0, 122, 138, 0.8) 0%, rgba(0, 70, 109, 0.712) 100%), url('../img/cost-mobile-bg.jpg') no-repeat center top / cover; /* Opera 11.6-12.0 */
        background: -moz-radial-gradient(95.49% 115.27% at 75% 0%, rgba(0, 122, 138, 0.8) 0%, rgba(0, 70, 109, 0.712) 100%), url('../img/cost-mobile-bg.jpg') no-repeat center top / cover; /* Firefox 3.6-15 */
        background: radial-gradient(95.49% 115.27% at 75% 0%, rgba(0, 122, 138, 0.8) 0%, rgba(0, 70, 109, 0.712) 100%), url('../img/cost-mobile-bg.jpg') no-repeat center top / cover;

        
    }
    .cost-content {
        padding: 0;
        background: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        margin:10px 10px;    
    }
    
    .cost-title {

    font: 500 35px/1.18em 'Roboto Condensed', sans-serif;
    color:#fff;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    text-align:left;
    }

    .cost-content .section-title {
        text-align: left;
    }
    .cost-content p {
        font-size: 24px;
    }
    .cost-content p:first-of-type {
        margin-top: 43px;
    }
    .cost-content p {
        margin-bottom: 30px;
    }
    .cost-content p:last-of-type {
        margin-bottom: 0;
    }
    .cost-content p {
        
        max-width: 90%;
        margin: 13px 0;
        line-height: 1.18em;
        color:#fff;
    }
    
    .social-list a img {
        -webkit-filter: invert(1) brightness(10);
                filter: invert(1) brightness(10);
    }
    .social-list li:not(:last-child) {
        margin-right: 0;
    }
    .social-list {
        -ms-flex-pack: distribute;
            justify-content: space-around;
    }
    .services {
        #padding-top: 70px;
    }
    .services-list__text {
        font-size:24px;
    }
    .bg-content, .services-heading {
        padding: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
        width: calc(100% - 15px);
        margin-left: auto;
        background: -o-linear-gradient(left, #BFF0FF 34.33%, rgba(196, 255, 196, 0.6) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(34.33%, #BFF0FF), to(rgba(196, 255, 196, 0.6)));
        background: linear-gradient(90deg, #BFF0FF 34.33%, rgba(196, 255, 196, 0.6) 100%);
        border-radius: 10px 0px 0px 10px;
        padding-right: 14px;
        overflow: hidden;
    }
    .section-title {
        background: -o-linear-gradient(left, #FFFFFF 67.51%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(67.51%, #FFFFFF), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(90deg, #FFFFFF 67.51%, rgba(255, 255, 255, 0) 100%);
        color: #006B8D;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-size: 34px;
        text-align: left;
        border-radius: 10px 0px 0px 10px;
        padding: 2px 0 2px 10%;
    }
    .advantage-title {
        background: -o-linear-gradient(left, #FFFFFF 67.51%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(67.51%, #FFFFFF), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(90deg, #FFFFFF 67.51%, rgba(255, 255, 255, 0) 100%);
        color: #006B8D;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-size: 34px;
        text-align: left;
        border-radius: 10px 0px 0px 10px;
        padding: 2px 0 2px 10%;
    }
    .advantage-title:before {
        display:none;
    }
    .advantage-content {
        padding: 0px 0px 0px 0px;
        background: linear-gradient(90deg, #BFF0FF 34.33%, rgba(196, 255, 196, 0.6) 100%);
        border-radius: 10px 0px 0px 10px;
        box-shadow: none;
        border:0px;
        width: calc(100% + 14px);
        margin: 0 -14px 0 0;

    }
    .advantage-list {
        margin-top:  13px;
        padding-left: 17px;
        padding-bottom: 8px;
    }
    .advantage-list li:not(:last-child) {
        margin-bottom: 22px;
    }
    .advantage-list li:before {
        width: 30px;
        height: 30px;
        background-size: contain;
        margin-right: 20px;
        background: url(../img/coin-img-darkblue.svg) no-repeat center /cover;
    }
    .advantage-list span {
        font-size: 24px;
        color: #004B63;
    }
    .advantage-list span i {
        font-size: 20px;
    }
    .how-work-text {
        margin-top: 13px;
        padding: 0 29px 0 8px;
        font-size: 24px;
        line-height: 1.18em;
    }
    .how-work-contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }
    .how-work-contact li {
        width: 90%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    
    .how-work-contact li span {
        font-size: 24px;
    }
    .how-work-contact li a {
        font-size: 20px;
        max-width: 300px;
        color: #006B8D;
        padding: 6px 0px 2px 0px;   
    }
    .how-work-contact li:first-child a {
     
        max-width: 220px;
     
    }
    
    .how-work-subtext {
        font-size: 24px;
        text-align: center;
        display: block;
        max-width: 90%;
        margin: 0 auto;
    }
    .garanty-list {
        margin-top: 13px;
        padding-left: 8px;
        padding-bottom: 8px;
    }
    .garanty-list li:before {
        width: 30px;
        height: 30px;
        margin-right: 20px;
    }
    .garanty-list li span {
        font-size: 24px;
    }
    
    .footer-credits span {
        font-size: 16px;
    }
    .social-list a {
        max-width: 85%;
    }
    .services-text {
        margin: 13px 8px;
        font-size: 24px;
        line-height: 1.18em;
    }
    .services-list {
        margin: 15px 0 0 0;
    }
    .services-list__item:not(:last-child) {
        margin-bottom: 19px;
    }
    .services-list__btn {
        background: #FFFFFF;
        -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
                box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 7px;
        color: #006B8D;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-bottom: 5px solid #006B8D;
        padding-left: 55px;
        font-size: 24px;
    }
    .services-list__item.active .services-list__btn {
        padding-left: 55px;
        border-bottom: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-radius: none;
    }
    .services-list__item.active .services-list__arrow {
        height: 42px;
    }
    .services-list__item:before {
        z-index: 3;
    }
    .services-list__arrow {
        height: calc(100% - 6px);
        top: 6px;
        border-radius: 100px 100px 0 0;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        background: #fff;
    }
    .services-list__arrow img {
        -webkit-filter: invert(0) brightness(1);
                filter: invert(0) brightness(1);
                width: 15px;
                margin-top: 8px;
    }

    .services-list__item {
        position: relative;
    }
    .services-list__item:before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 0 0 100% 100%;
        background-color: #fff;
        position: absolute;
        left: 7px;
        bottom: -10px;
        z-index: -1;
    }
    .services-content {
        padding: 0;
        background: none;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .call-back {
        padding: 0 14px 0 15px;
    }
    .call-back h3 {
        font-size: 24px;
        margin-bottom: 40px;
    }
    .call-back-text {
        font-size: 16px;
    }
    .modal-windows-close-btn {
        right: 5%;
    }
    .contacts li, .contacts p, .contacts-title2 {
        color:#004B63;
    }
    .contacts-email, .contacts-graphic, .contacts-middle div div {
        background:none;
    }
    .contacts-top li {
        font-size:25px;
    }.contacts-top li span {
        font-size:28px;
    }
    .contacts-top, .contacts-middle-block2, .contacts-middle-block1, .contacts-bottom {
        background:linear-gradient(90deg, #BFF0FF 34.33%, rgba(196, 255, 196, 0.6) 100%);
    }
    .contacts-middle-block1 {
        padding:40px 0px 0px 0px;
    }
    .contacts-middle-block2 {
        margin:0;
    }
    .contacts-bottom {
        padding-top:0px;
    }
    .contacts-title {
    background: -o-linear-gradient(left, #FFFFFF 67.51%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(67.51%, #FFFFFF), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, #FFFFFF 67.51%, rgba(255, 255, 255, 0) 100%);
    font: 500 60px/1.18em 'Roboto', sans-serif;
    color: #006B8D;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    font-size: 34px;
    text-align: left;
    border-radius: 10px 0px 0px 10px;
    padding: 2px 0 2px 10%;
    }
   
    .contacts-cities li {
    padding:0px 20px 0px 20px;
    }
    .contacts p {
    padding:0px 20px 25px 42px;
    }
    .contacts-email p:before {
        content:'';
        height:16px;
        width:16px;
        background:url('../img/mail.svg') no-repeat center center / contain ;
        position: absolute;
        left:35px;
    }
    .contacts-graphic .contacts-title2{
     padding:0px 0px 0px 20px;   
    }
    .contacts-graphic {
        justify-content: flex-start;
    }
    .contacts-graphic p {
        padding:0px 0px 25px 5px;
    }
}

/* 376-575 */
@media screen and (max-width: 575px) {
    .subinfo-text:before {
        content: '';
        background: url('../img/arrow-down.svg') no-repeat center center / contain;
        height:20px;
        width:20px;
        position:absolute;
        left:-25px;
    }
    .header-dropdown button img {
        display:block;
        height:27px;
        width:auto;
    }
    .header-dropdown button span {
        display:none;
    }
    .contacts li {
        font-size:20px;
    }
    .contacts li span {
        font-size:25px;
    }
    .contacts-email p {
        font-size:20px;

    }
    .contacts-graphic .contacts-title2 {
        font-size:20px;
        font-weight:500;
    }
    .contacts-graphic p{
        font-size:20px;
    }
    .contacts-bottom p{
        font-size:20px;
    }
    .advantage-text-bg-info {
        width:320px;
        max-width:350px;
    }
    .header-dropdown-wrap {
        margin: 0 0;
        max-width:100px;
    }
    .header-dropdown {
        -webkit-box-shadow: none;
            box-shadow: none;
    }
    .header-dropdown__select {
        padding:0px 10px 0px 10px;
    }
    .header-dropdown__select.active {
        background:none;
    }
	.container {
        max-width: 100%;
        padding: 0 14px 0 15px;
    }
    .goal-content {
        padding: 0 25px;
    }
    .goal-content:before {
        left: 0;
        height: calc(100% - 20px);
    }
    .goal-title {
        font-size: 28px;
    }
    .goal-text {
        font-size: 22px;
    }
    .services-list__item.active .services-list__arrow {
        height: 31px;
    }
    .services-list__item.active .services-list__arrow img {
        margin-top: 0px;
    }
    .services-list__text {
        padding: 7px 7px 7px 55px;
        font-size: 16px;
        line-height: 1.18em;
    }
    .services-list__text:before {
        width: 30px;
    }
}

/* 320-460 */
@media screen and (max-width: 460px) {
    .contacts-cities li {
    padding: 0px 20px 0px 42px;
    }
    .city-call:before {
        content: '';
        height:16px;
        width:16px;
        background: url('../img/phone.svg') no-repeat center center / contain ;
        position:absolute;
        left:35px;
        margin-top:2px;
    }
    .advantage-list br {
        display:block;
    }
    .goal {
        padding: 35px 6px 43px 14px;
    }
    .contacts-top, .contacts-middle, .contacts-bottom {
        width: calc(100% + 14px);
    }
    .contacts-cities li {
        #padding: 0px 44px 0px 42px;
    }
    .advantage-text-bg:before {
        #background:url('../img/vector1.png') no-repeat center top / contain;
        height:15px;
        width:30px;
        top:1px;
        left:2px;
         -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                    transform: rotate(90deg);
    }
    .about-list > li:not(:last-child) {
        margin-bottom: 20px;
    }
    .about-list > li > p {
        padding-left:10px;
        font-size:16px;
        text-transform: uppercase;
    }
    .about-list > li:before {
        height:15px;
        width:15px;
    }
    .header-main-title {
    font-size: 35px;
    }
    section.about {
        padding: 20px 0;
    }
       .advantage-text-bg-info {
        width:250px;
    }
    .how-work-phone {
        display:none;
    }
    .how-work-phone.active {
        display:inline-block;
    }
    .how-work-contact li a {
        font-size: 16px;
        max-width: 300px;
        color: #006B8D;
        padding: 6px 0px 2px 0px;   
        background-color: #FFFFFF;
        -webkit-box-shadow: 0px 4px 4px rgba(132, 222, 251, 0.5);
        box-shadow: 0px 4px 4px rgba(132, 222, 251, 0.5);
        border-radius: 8px;
    }
    .cost-title {
        font-size: 25px;
    }
    .cost-content p {
        font-size:15px;
    }
    .advantage-title {
        font-size: 24px;
    }
    .header-dropdown__select {
        font-size:12px;
    }
	.offer-list li:not(:last-child) {
        margin-bottom: 22px;
    }
	.offer-list p {
        margin-left: 12px;
        font-size: 16px;
    }
	.offer-list li:before {
        width: 17px;
        height: 17.54px;
    }
    .header {
        padding-bottom: 50px;
    }
    .offer-text {
        font-size: 16px;
    }
    .offer-btn {
        font-size: 14px;
    }
    .services-heading {
        margin-right: -14px;
        width: 100%;
    }
    .section-title {
        font-size: 24px;
    }
    .services-text {
        font-size: 16px;
    }
    .services-list__item:before {
        width: 31px;
        height: 31px;
    }
    .services-list__btn {
        font-size: 18px;
        padding: 8px 10px 8px 50px;
    }
    .services-list__arrow {
        width: 30px;
    }
    .services-list__arrow img {
        width: 15px;
        margin-top:2px;
    }
    .goal-title {
        font-size: 20px;
    }
    .advantage-list li:before {
        content: '';
        width: 15px;
        height: 15px;
        border-radius: 100%;
        border: 2px solid #004B63;
        background: none;
        margin-right:8px;
        margin-top:2px;
    }
    .advantage-list span {
        font-size: 18px;
    }
    .advantage-list span i {
        font-size: 13px;
    }
    .about-text {
        font-size: 16px;
    }
    .advantage-text-bg {
        padding: 0px 10px 0px 0px;
    }
    .bg-content, .services-heading {
        width: calc(100% + 14px);
        margin: 0 -14px 0 0;
    }
    .how-work-text {
        font-size: 16px;
        line-height: 1.18em;
    }
    .how-work-contact {
        margin: 23px 0 6px;
    }
    .how-work-contact li span {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .how-work-contact li a {
        font-size: 16px;
        #display: inline-block;
        max-width: none;
        width: auto;
        padding: 3px 16px;
        border-radius: 8px;
    }
    .how-work-contact li:not(:last-child) {
        margin-bottom: 8px;
    }
    .how-work-subtext {
        font-size: 16px;
        line-height: 1.18em;
    }
    .how-work-content {
        padding-bottom: 12px;
    }
    .steps {
        padding: 17px 0 25px;
    }
    .steps-title {
        font-size: 20px;
    }
    .steps-list > li:not(:last-child) {
        margin-bottom: 16px;
    }
    .steps-list > li > span {
        width: 21px;
        height: 21px;
        font-size: 14px;
    }
    .steps-list p {
        font-size: 16px;
    }
    .steps-sublist span {
        font-size: 13px;
    }
    .steps-sublist li:before {
        margin: 7px 7px 0 0;
        width: 6px;
        height: 1px;
    }
    .garanty-content .section-title br {
        display: block;
    }
    .garanty-list li:before {
        content: '+';
        background: none;
        font-size: 14px;
        width: 14px;
        height: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-right: 8px;
    }
    .garanty-list li span {
        font-size: 16px;
    }
    .garanty-list li:not(:last-child) {
        margin-bottom: 14px;
    }
    .garanty {
        padding-bottom: 35px;
    }
    .why-safe {
        padding-top: 35px;
    }
    .why-safe-desc p:not(:last-child) {
        margin-bottom: 20px;
    }
    .why-safe-desc p {
        font-size: 16px;
        line-height: 1.18em;
    }
    .why-safe-desc {
        margin-top: 20px;
    }
    .why-safe-title {
        font-size: 20px;
        margin: 0;
    }
    .cost {
        padding: 16px 0px 22px 20px;
    }
    .cost-content {
        width: 100%;
        margin: 0;
        background: none;
        border-radius: 0;
        padding: 0;
    }
    .cost-content .section-title {
        font-size: 20px;
        background: none;
        color: #fff;
        padding: 0;
        margin-bottom: 18px;
    }
    .cost-content p {
        font-size: 15px;
        line-height: 1.18em;
        padding: 0;
        max-width: 100%;
    }
    .social-list {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
                margin-bottom: 34px;
    }
    .social-list a {
        max-width: 65%;
    }
    .footer-credits span {
        font-size: 10px;
    }
    .footer {
    padding: 65px 0px 15px 0px;
    }
}

@media screen and (max-width: 415px) {
    .city-call:before {
        margin-top:0px;
    }
    .contacts li {
        font-size:16px;
    }
    .contacts li span {
        font-size:18px;
    }
    .contacts-email p {
        font-size:16px;

    }
    .contacts-graphic .contacts-title2 {
        font-size:16px;
        font-weight:500;
    }
    .contacts-graphic p{
        font-size:16px;
    }
    .contacts-bottom p{
        font-size:16px;
    }
    .advantage-text-bg-info {
        width:240px;
        left:-25px;
    }
    .header-main-title {
        font-size: 30px;
        }
    .header-dropdown__select {
        #padding: 6px 8px 6px 41px;
    }   
    .header-dropdown-wrap {
        max-width: 80px;
    }
}
/* Phone in responsive browser */
@media screen and (width: 425px) {
	
}

@media screen and (width: 414px) {
	
}

@media screen and (width: 411px) {
	
}

@media screen and (width: 375px) {
	
}

/* iPhone 5 */
@media screen and (device-aspect-ratio: 40/71) {
	
}