@media screen and (max-width: 1500px){

}
@media screen and (max-width: 1280px){
    .check_list .center_title_rotate b, .check_list .center_title_rotate span {
        font-size: 73px;
    }
}
@media screen and (max-width: 1200px){
    .check_list_form form .question:first-child {
        margin-left: 5%;
    }
    .accordion_wrap {
        padding: 70px 0 50px;
    }
    .center_title {
        font-size: 66px;
        margin-bottom: 38px;
    }
    .accordion_wrap .card-body {
        padding: 0 30px 30px;
        font-size: 14px;
    }
    .accordion_wrap .btn-link {
        padding: 20px 30px;
        font-size: 16px;
    }
    .accordion_wrap .accordion {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 1100px){
    .insta_item_bg {
        padding: 80px 20px 20px;
    }
    .nav li a {
        margin: 0 20px;
    }
}
@media screen and (max-width: 992px){
    .logo {
        margin: -7px 20px 0 0;
        width: 170px;
    }
    .nav li a {
        margin: 0 16px;
        font-size: 13px;
    }
    .logout .btn-light {
        height: 44px;
        line-height: 42px;
        width: auto;
        font-size: 12px;
        padding: 0 20px;
        margin: -10px 0 0 0;
    }
    .nav {
        margin: 2px 30px 0 0;
    }
    header {
        padding: 25px 0 15px;
        height: auto
    }
    .video_top .txt_box h1 {
        margin-bottom: 15px;
        font-size: 20px;
    }
    .video_top .txt_box p {
        font-size: 14px;
        margin-bottom: 30px;
    }
    .video_top {
        padding: 0 0 150px;
    }
    .video_top iframe, .video_top video {
        height: 236px;
    }
    .check_list_form form {
        padding: 35px 0 80px;
    }
    .check_list .center_title_rotate b, .check_list .center_title_rotate span {
        font-size: 62px;
    }
    .check_list .center_title_rotate b {
        left: 58px;
    }
    .question, .result {
        min-width: 390px;
        margin-right: 50px;
    }
    .result{
        min-width: 500px
    }
    .result h5 {
        font-size: 50px;
    }
    .result .question_wrap p {
        margin: 40px 0;
        padding: 0;
        font-size: 14px;
    }
    .question_wrap, .result .question_wrap {
        padding: 25px 30px 10px 30px;
    }
    .title_wrap p {
        padding-left: 0;
    }
    .meditation_name strong {
        line-height: 1;
        font-size: 14px;
    }
    .meditation_list .meditation_item {
        width: calc(33.33% - 16px);
        margin: 0 8px;
    }
    .advantages .center_title_rotate b, .advantages .center_title_rotate span{
        font-size: 90px
    }
    .advantages .center_title_rotate {
        margin-bottom: 115px;
    }
    .adv_bg1 {
        padding-top: 115px;
    }
    .advantages {
        margin-bottom: 50px;
        background-size: cover;
        padding-bottom: 129px;
    }
    .advantages ul {
        margin: 0 auto 80px;
        font-size: 38px;
        line-height: 44px;
    }
    .advantages .btn-primary {
        height: 85px;
        max-width: 340px;
        padding: 0
    }
    .advantages .btn-primary img{
        padding: 0 10px;
        max-width: 70%;
    }
    .advantages ul li br{
        display: none
    }
    .advantages ul span {
        text-align: left;
        display: inline;
    }
    .advantages .center_title_rotate {
        margin-bottom: 50px;
        line-height: 0.8;
    }
    .advantages .center_title_rotate b, .advantages .center_title_rotate span {
        font-size: 70px;
        padding-right: 17px;
    }
    footer {
        padding: 50px 0;
        margin-top: 100px;
    }
    .slick-prev{
        left: -25px;
    }
    .slick-next{
        right: -25px;
    }
    .youtube_name{
        bottom: 0;
        left: 0;
        width: 100%;
        position: absolute;
        color: #fff;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
        height: 102px;
        padding: 50px 15px 0;
        opacity: 1;
        top: auto
    }
    .youtube_name strong{
        color: #fff;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .youtube_name span{
        color: #fff;
        font-size: 12px;
        opacity: 0.6
    }
}
@media screen and (max-width: 880px){
    .insta_item {
        width: 50%;
    }
    .insta_item .txt {
        margin: 10px 0 5px;
    }
    .nav li a {
        margin: 0 11px;
    }
    .whatsapp_title {
        max-width: 480px;
        height: 123px;
    }
    .whatsapp_title img.font_txt1{
        width: 390px;
    }
    .whatsapp_title img.font_txt2 {
        top: 54px;
        width: 285px;
    }
    .youtube_btn {
        width: 240px;
        font-size: 14px;
    }
    .youtube_icon {
        background-size: auto 14px;
    }
    .whatsapp_wrap{
        margin-top: 80px;
    }
    .instagram_box{
        margin-bottom: 70px
    }
}
@media screen and (max-width: 768px){
    header {
        margin-bottom: 50px;
    }
    .bg_page {
        background: url(../img/bg.jpg) no-repeat -750px top;
    }
    .nav {
        margin: 13px 0 0 0;
        float: left;
        width: 100%;
    }
    .nav li:first-child a{
        margin-left: 0
    }
    .nav li a{
        color: #5a6175
    }
    .video_top {
        padding: 0 0 70px;
    }
    .video_top iframe, .video_top video {
        max-width: 100%;
        float: left;
        width: 100%;
        height: 300px;
        margin-bottom: 30px;
    }
    .video_top .txt_box {
        width: 100%;
        max-width: none;
        padding-right: 0;
    }
    .check_list .center_title_rotate {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
        font-size: 50px;
    }
    .check_list .center_title_rotate b, .check_list .center_title_rotate span{
        font-size: 50px;
    }
    .title_wrap p {
        width: 100%;
        padding-left: 0;
        margin: 0
    }
    .check_list_form form {
        padding: 35px 0 50px;
    }
    .question{
        min-width: 320px;
        margin-right: 25px;
    }
    .question_wrap, .result .question_wrap {
        padding: 20px 25px 10px 25px;
    }
    .checkcontainer {
        padding-left: 26px;
        margin-bottom: 19px;
    }
    .question_wrap p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .question .btn, .result .btn {
        font-size: 14px;
        height: 56px;
        line-height: 56px;
    }
    .result .btn{
        height: auto;
        line-height: 1.4;
        padding: 13px 25px;
    }
    .question .btn i, .result .btn i {
        font-size: 18px;
        margin: 19px 0 0 0;
    }
    .result .btn i {
        display: none
    }
    .meditation_wrap {
        text-align: center;
    }
    .meditation_list .meditation_item {
        width: 46%;
        margin: 0 8px 14px;
        float: none;
        display: inline-block;
        text-align: left;
    }
    .center_title_rotate, .webinar .center_title_rotate{
        font-size: 60px;
        margin-bottom: 40px;
        line-height: 0.9
    }
    .webinar .center_title, .instagram_box .center_title{
        font-size: 60px
    }
    .center_title_rotate span, .center_title_rotate b{
        -moz-transform: rotate(0deg); /* Для Firefox */
        -ms-transform: rotate(0deg); /* Для IE */
        -webkit-transform: rotate(0deg); /* Для Safari, Chrome, iOS */
        -o-transform: rotate(0deg); /* Для Opera */
        transform: rotate(0deg);
        position: static;
        padding: 0 7px 0 0
    }
    .webinar iframe, .webinar video {
        margin-bottom: 30px;
        height: 280px;
    }
    .accordion_wrap .center_title {
        font-size: 50px;
        margin-bottom: 40px;
        line-height: 0.8
    }
    .accordion_wrap .btn-link {
        padding: 20px;
        font-size: 14px;
    }
    .accordion_wrap .card-body {
        padding: 0 20px 30px;
        font-size: 12px;
    }
    .accordion_wrap .accordion > .card {
        margin: 0 0 10px;
    }
    .adv_bg1{
        background: transparent;
        padding-top: 80px;
    }
    .advantages ul {
        font-size: 36px;
        line-height: 0.9;
    }
    .advantages em{
        display: inline
    }
    .advantages ul li img{
        display: none
    }
    .advantages ul li strong{
        font-size: 48px;
    }
    footer {
        padding: 35px 0;
        margin-top: 60px;
        text-align: center
    }
    .copyright {
        width: 100%;
        font-size: 12px;
        margin-top: 35px;
        line-height: 18px;
    }
    .soc_icon{
        float: none;
        display: inline-block;
        margin: 0
    }
    .soc_icon a {
        margin: 0 12px;
    }
    .insta_item_bg {
        padding: 100px 20px 20px;
    }
    .insta_wrap {
        padding: 0;
    }
    .youtube_title{
        padding: 0
    }
    .youtube_slider_item {
        margin: 0 6px;
    }
    .youtube_slider .slick-list {
        margin: 0 -6px;
    }
}
@media screen and (max-width: 640px){
    .logout .btn-light{
        border: none;
        /*        color: #ff7f5c;
                height: 37px;
                line-height: 35px;
                font-size: 12px;*/
        padding: 0;
    }
    .logout .btn-light span{
        display: none
    }
    .logout i{
        display: block;
        font-size: 24px;
        margin-top: 9px;
    }
    .video_top iframe, .video_top video {
        height: 250px;
    }
    .advantages {
        padding-bottom: 50px;
    }
    .insta_item_bg {
        padding: 50px 40px 20px;
    }
    .insta_item .txt {
        font-size: 12px;
        line-height: 15px;
        text-align: left;
        margin: 30px 0 5px;
    }
    .insta_item p a {
        font-size: 13px;
        border: 1px solid #b4b7cb;
        display: block;
        width: 100%;
        border-radius: 5px;
        height: 32px;
        line-height: 30px;
        margin-top: 20px;
    }
    .slick-prev, .slick-next,
    .slick-prev:hover, .slick-next:hover{
        opacity: 1;
        padding: 0
    }
    .slick-prev{
        background: url("../img/arr_left1.svg") no-repeat center center;
        background-size: contain;
        left: 15px;
    }
    .slick-next{
        background: url("../img/arr_right1.svg") no-repeat center right;
        background-size: contain;
        right: 15px;
    }
    .slick-disabled, .slick-disabled:hover{
        opacity: 0;
    }
}
@media screen and (max-width: 600px){
    .insta_item_bg {
        padding: 40px 40px 20px;
    }
    .whatsapp_title {
        max-width: 371px;
        height: 93px;
        margin-bottom: 35px;
    }
    .whatsapp_title img.font_txt1 {
        width: 300px;
    }
    .whatsapp_title img.font_txt2 {
        top: 38px;
        width: 226px;
    }
    .whatsapp_btn {
        width: 205px;
        padding-left: 11px;
    }
    .youtube_channel img {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }
    .youtube_channel span {
        font-size: 14px;
        padding-top: 10px;
        font-weight: 600;
    }
    .youtube_btn {
        margin-top: 4px;
        height: 34px;
        width: 130px;
        font-size: 12px;
        line-height: 34px
    }
    .youtube_btn em{
        display: none
    }
    .youtube_icon{
        background-size: auto 16px;
        width: 46px;
        height: 34px;
    }
    .instagram_box {
        margin-bottom: 50px;
    }
    .whatsapp_wrap {
        margin-top: 50px;
    }
    footer {
        margin-top: 20px;
    }
}
@media screen and (max-width: 540px){
    .question, .result{
        min-width: 300px;
        margin-right: 20px;
    }
    .result .btn {
        height: 68px;
        line-height: 1.4;
    }
    .result .btn i {
        margin: -7px 0 0 0;
    }
    .advantages ul {
        margin: 0 auto 35px;
    }
}
@media screen and (max-width: 480px){
    .logo {
        margin: -7px 0 0 0;
    }
    .video_top iframe, .video_top video {
        height: 220px;
    }
    .meditation_list .meditation_item {
        width: 93%;
        max-width: 350px;
    }
    .webinar iframe, .webinar video {
        height: 220px;
    }
    .center_title_rotate, .webinar .center_title_rotate {
        font-size: 50px;
    }
    .webinar .center_title, .instagram_box .center_title{
        font-size: 50px
    }
    .webinar .center_title br{
        display: none
    }
    .webinar .btn_wrap .btn {
        padding: 0 17px;
    }
    .advantages .btn-primary {
        height: 70px;
        line-height: 52px
    }
    .advantages .btn-primary img{
        margin: 14px auto 0;
    }
    .advantages .center_title_rotate b, .advantages .center_title_rotate span {
        font-size: 54px;
    }
    .insta_item_bg {
        padding: 100px 40px 20px;
    }
    .insta_item p a {
        margin-top: 36px;
    }
    .advantages ul li {
        padding-left: 6px;
    }
}
@media screen and (max-width: 400px){
    .advantages .btn-primary img{
        margin: 17px auto 0;
    }
    .insta_item_bg {
        padding: 75px 40px 20px;
    }
    .whatsapp_title {
        max-width: 299px;
        height: 85px;
        margin-bottom: 35px;
    }
    .whatsapp_title img.font_txt1 {
        width: 258px;
    }
    .whatsapp_title img.font_txt2 {
        top: 36px;
        width: 194px;
    }
}
@media screen and (max-width: 360px){
    .nav li a {
        margin: 0 7px;
    }
}
@media screen and (max-width: 320px){
    .insta_item_bg {
        padding: 50px 40px 20px;
    }
}