
@media screen and (max-width: 1999px) and (min-width: 1200px){

}
@media screen and (max-width: 1300px) {
    .slide-content{
        left: 60px;
    }
}
@media screen and (max-width: 1200px) {
    .ref-with-border a {padding: 0 15px;}
    .coach-detail.swiper-button-next, .coach-detail.swiper-button-prev {top: 250px}
    #calendar-holder {width: auto}
    .events .main_title {width: 55%}
}
@media screen and (max-width: 1160px) {
    .footer-info .social-links{
        display: block;
        float: none;
        top: 0;
        margin-top: 8px;
    }
    .footer-info{
        padding: 20px 0;
    }
}
@media screen and (max-width: 1100px) {
    .resources table tr:nth-child(2n) td:last-child, .resources table tr:nth-child(2n+1) td:first-child {
        padding: 25px;
    }
    .resources table td {width: 100%; box-sizing: border-box; float: left;}
    footer{
        height: 122px;
    }
    .pagination-block.padding_top5p{
        padding-top: 10px;
    }
}
@media screen and (max-width: 1000px) {
    .block1 > table > tbody > tr > td {display: block; width: 100% !important; box-sizing: border-box}
    .left_dark_grey, .left_dark_blue {display: none}
    .two-column.width45 {width: 90%; float: none; padding: 5% 0}
    .coaches-list, .two-column .width85 {width: 100%}
    .slide-content{ width: 70%; left: 60px;}
}
@media screen and (max-width: 900px) {
    .logo {width: 160px}
    .header-input-wrapper {margin: 26px 0;}
    .menu li {font-size: 16px}
    .menu a{padding: 0 5px;}
    .footer-info {position: absolute; top: 50%; transform: translateY(-50%); padding: 0; width: auto}
    .perks-content .schema-block { padding: 10px 10px 0 10px; }
}
@media screen and (max-width: 800px) {
    .responsive-blocks [class*="col-"] { width: 100%; }
    .responsive-blocks .padding-left5p, .responsive-blocks .padding-right4p{
        padding: 0;
    }
    .responsive-blocks .border-right{ border: none;}
    .table-container {width: 100%; float: left;}
    .block2 p em {display: block; padding: 0; border: none}
    .perks-content { height: auto; }
    .perks-content .schema-block {margin: 0; padding-top: 30px; padding-bottom: 30px;}
    .perks-content .item > div { width: 100%; min-height: 300px; max-height: none}
    .perks-content .main_image{ background-position: center center; }
    #calendar-holder, .events .main_title {position: static; top: 0; width: 100%;}
    #calendar-holder {margin-bottom: 50px;}
    .right.width35, .left.width60 { width: 100%; float: left; }
    .chat { display: none}
    .left_links {position: static !important;}
    .well-time-frequently-asked-questions .width33, .well-time-frequently-asked-questions .width60 {width: 100%; float: none; margin-top: 5%}
    .social-links.news-social.single-post{
        right: 10px;
        top: -5px;
    }
}
@media screen and (max-width: 680px) {
    .container.non-on-resp{margin: 0; padding: 0;}
    .menu-btn {display: block;}
    .responsive-menu {display: none;}
    .menu{ width: 100%; padding-bottom: 20px; background-color: #f6f6f4; }
    .menu li { width: 100%; text-align: center;}
    .menu li {padding: 10px 0; border-top: 1px solid #ccc;}
    .menu li a{ font-size: 21px;}
    .under-slider-nav li a{ font-size: 18px; }
    .slide-content{right: 75px; top: 55%; width: 80%}
    .slide-content h1{ line-height: 54px; font-size: 54px}
    .slide-content p{ font-size: 22px}
    .block2 table td:first-child { padding-right: 5px; }
    .block2 table td:last-child { padding-left: 5px; }
    .ref-with-border a{ border: none; padding: 5px 0; display: block}
    .border_bottom a.active:after { top: 28px; left: 0;}
    .recent_news {width: 100%; margin-bottom: 30px;}
    .archive-list {width: 100%;}
    .right {float: left;}
    .slider-content-2 {width: 100%;}
    .simple-table thead th, .simple-table tbody tr td:first-child {padding: 4px; font-size: 12px !important; word-break: break-word;}
    .home .simple-table tbody td {font-size: 16px}
    .coach-detail.swiper-button-next, .coach-detail.swiper-button-prev{ top: 230px; width: 35px;}
    .coach { padding-right: 40px; padding-left: 40px;}
    .month_div a { width: 100%;}
}
@media screen and (max-width: 580px) {
    .header-input-wrapper{ margin: 5px 0 0; }
    .header-input-wrapper input{ padding: 0 0 0 5px; }
    .login-area {
        padding: 20px;
    }
    .login-area .btn{
        padding: 5px 5px;
    }
    .side_text{ padding-top: 3px;}
    .block2 td, .tools-content table td {display: block; width: 100% !important; box-sizing: border-box}
    .tools-content table td {border-top: 1px solid #ccc}
    .tools-content table td:first-child {border-top: none; padding-top: 20px}
    .two-column .schema-block {width: 96%}
    .contact_table td, .contact_table td:first-child{
        width: 100%;
        float: left;
        border: none;
        padding: 15px 0 0 10px;
    }
    .coach_div {  width: 32%; }
    .coach_div:nth-child(6n+1) { margin-left: 0.5%; }
    .bewell_team td { width: 100%; float: left;}
    .simple-table tbody td, .simple-table tbody td sup{ font-size: 12px}
    .header-input-wrapper {margin: 15px 0 0; position: absolute; top: 70px; left: 20px}
    .header-input-wrapper input {background: #ccc}
    .menu {margin-top: 45px;}
    .login-variants {top: 75px}
    .menu-btn{top: 88px}
    .feed-back .width48 {width: 100%; float: none}
    .bottom_block .two-column .img-icon {margin-bottom: 60px}
    .coach-detail.swiper-button-next, .coach-detail.swiper-button-prev{ top: 200px; }
    .swiper-slide.news > div {height: 200px}
    .social-links.news-social{top: 40%;}
}

@media screen and (max-width: 420px) {
    .couch-info ul li {font-size: 14px; line-height: 18px}
    .calendar_top a {font-size: 12px; letter-spacing: 0}
    .swiper-button-next, .swiper-button-prev {top: 5%; width: 40px}
    .slide-content h1 {font-size: 38px; line-height: 43px}
    .slide-content {left: 10px}
    .slide_pos_right {padding: 15px}
    footer {height: 157px}
    body {margin-bottom: 157px}
    .tools p {left: 38%}
    .footnote td:first-child {padding-right: 5px;}
    .bottom_block .two-column .img-icon {margin-bottom: 80px}
    .col_width_small {width: 100%}
    .filter_search input, .filter_search select {margin-left: 0}
    .search-posts, .select-wrapper {margin-top: 10px}
    .view_library {float: none}
}
