/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1340px) {
    .frame {max-width: 560px;
    max-height: 315px}

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
h1{font-size: 32px;  line-height: 34px;}
.title{font-size: 30px;}
.tariff_list li{min-height: inherit;}
.tariff__item{margin-bottom: 35px;}
.tariff__item_bottom{padding-top: 20px;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
#benefit,#ways,#easy,#programm,#why,#about,#tariff,#decision,#purpose,#duration,#participation{padding: 40px 0px;}
.benefit__box,.about__box{margin-top: 30px;}
#reviews{padding: 40px 0px 90px;}
.easy__box,.decision__box{padding-top: 30px;}
.programm_item_head{font-size: 16px;}
.form .btn-submit{min-width: 240px;}
.bonus__item{margin-bottom: 30px;}
.bonus__item_head{font-size: 16px; line-height: 20px;}
.popup_window {padding: 20px 15px;}
#bonus{padding: 40px 0px 20px;}
.form input{height: 45px;}
.participation__item-icon img{max-width: 50px; }
.participation__item-icon {padding-bottom:15px;}
.duration-txt-second{font-size: 16px; line-height: 20px;}
.about__List{padding-top:30px;}
.title br{display: none;}
.why__item-title{font-size: 16px; padding-bottom: 10px; line-height: 22px;}
.why__item{padding-bottom: 20px;}
.programm_item{padding:20px 30px 20px 25px;}
.list span{font-size: 18px;}
.easy__item{padding: 7px 0px;}
h1{font-size:26px;  line-height: 28px;}
.header__txt{line-height: 20px; font-size: 16px;}
#header{min-height: 550px;}
.btns{max-width: 240px;}
.top__line-contact li{margin-left:15px;}
.title{font-size: 26px;}
.top__line-contact{text-align: right;}
.title-sub{font-size: 16px; line-height: 20px;}
.title-sub br{display: none;}
.ways__item-number{font-size: 36px; padding-right:10px;}
.ways__item_dsc{padding-top: 15px;}
.ways__item{margin-bottom: 20px;}
.ways__item_dsc-title{padding-bottom: 15px;}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 560px) {
h1{font-size:23px;  line-height: 26px;}
.header__txt br{display: none;}
h1 br{display: none;}
.title{font-size: 22px;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 420px) {

}
/* bacustom, iPhone Retina */
@media only screen and (max-width : 340px) {

}


/*==========  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) {

}