/*==========  Desktop First Method  ==========*/

@media only screen and (max-width : 1772px) {

}

@media only screen and (max-width : 1540px) {

}

@media only screen and (max-width : 1420px) {

}

@media only screen and (max-width : 1371px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1267px) {

}

@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 1170px) {
    .navbar-nav .link-item .link-item__a {font-size: 16px;}
    .navbar-nav .link-item {margin: -4px 0 0 2.2em;}
    .stages-item{width: 100%;}
    .stages-main__img{position: unset; width: 75%;height: auto;margin: 0 auto;display: block;}
    .stages__title {width: 100%;}
    .faq-page__list {width: 100%;}
    .faq-page__title{width: 100%;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1080px) {
    .img-logo-r{display: none;}
    .logopod_text{padding: 0;}
    .top-banner__content {padding: 20px 40px 0 0;}
}
/* Medium Ipad Pro */
@media only screen and (max-width : 1055px) {
    .top-banner__btn {margin: 20px 0 0 0;}
    .top-banner__h1 {font-size: 35px;}
    .footer__phone {font-size: 24px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .navbar-nav .link-item {margin: 5px 0 5px 0; background: #D5EBDF; padding: 5px 0 5px 10px;border-radius: 10px;}
    .header-menu__contacts {padding: 0; margin: 20px 0;}
    .header-menu__message {display: none;}
    .collapse.show {border-bottom: 1px solid #cec93f;}
    .navbar-nav .link-item .link-item__a {font-size: 18px; text-transform: none; color: #000000;}
    .header-menu__mobil{display: block; margin: 15px 0;}
    .header-menu__phone{margin: 0 0 24px 0; display: block;}
    .header-menu__phone span{color: #a39d06; font-size: 20px;}
    .text__h2 {font-size: 16px;}
    .top-banner__img{width: 100%;}
    .top-banner__h1 {font-size: 30px;}
    .top-promo__unic {margin: 0;}
    .top-promo__spec {margin: 20px 0 0 0;}
    .advantages__title {width: 100%;margin: 40px 0 30px 0;}
    .advantages__item {width: 100%;}
    .promo-center__p {padding: 0 0 0 45px;}
    .footer{background:#f5f9fc;}
    .footer__contacts {margin: 0 0 30px 0;}
    .footer__title {margin: 0 0 14px 0;}
    .footer{margin: 0;}
    .footer__content {padding: 15px 0;}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .container-custom {padding: 0 15px;}
    .top-promo__h2 {margin: 40px 0 20px 0;}
    .promo-center__p {padding: 0;}
    .promo-center__img {padding: 10px 0;}
    .logoped {margin: 40px 0 40px 0;}
    .btn-style-top {background-color: #c4e4e6;}
}
@media only screen and (max-width : 630px) {
    .top-banner__content {padding: 0 15px 0 15px;  margin: 0 0 0 0;}
    .top-promo__line{display: none;}
    .motiv__pic {margin: 120px 0 0 0; width: 100%; height: auto;}
    .motiv__h2 {left: 0; top: 20px; width: 100%;}
    .svetlana-ico{
        width: 55%;
        height: auto;
        margin: 0 auto;
        display: block;
        padding: 55px 0 0 0;
    }
    .prices__title {width: 100%;}
    .top-banner__h1 {font-size: 26px;}
    .logoped_h3 {margin: 20px 0 20px 0;}
}
    /* Extra Small Devices, Phones */
@media only screen and (max-width : 557px) {
    .promo-center__brd {padding: 30px 15px;}
    .top-banner__content {margin: 15px 0 0 0;}
    .top-banner__h1 {font-size: 28px;}
    .text__h2 span {display: block; font-size: 18px;}
    .footer__form {width: 97%;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .top-banner__content {margin: 65px 0 0 0;}
    .top-banner__h1 {font-size: 24px;}
    .motiv__content {margin: 80px 0 30px 0;}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/*==========  Mobile AND  ==========*/
@media only screen and (max-width: 991px) and (min-width: 768px){

}
@media only screen and (max-width: 1340px) and (min-width: 768px){

}

@media screen and (min-width:0\0) {

}