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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .container {width: 970px;}
    .phones {padding-top: 20px;}
    .phones div {padding-bottom: 5px;}
    .phones {
        text-align: right;
        padding-top: 5px;
    }
    .phones div {
        float: none;
        margin-left: 0;
    }
    .phones span {float: none;}
    .main_block > .float_l, .main_block > .float_r {
        float: none;
        width: auto;
        min-height: auto;
    }
    .tours_list li {width: 50%;}
    .ti_name, .ti_price, .ti_name_full {
        width: 100%;
    }
    .anons {
        padding-bottom: 150px;
    }
    .f_social {
        float: none;
        padding: 0 0 0 46px;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .dates_list {
        width: 100%;
        float: none;
    }
    .big_price {
        width: 100%;
        line-height: normal;
        padding: 10px 15px;
    }
    .to_show {display: block;}
    .to_hide {display: none;}
    .tours_image_list {
        padding: 10px 0;
    }
    .tours_image_list li {width: 33.3%;}
    .content .call_block {
        padding: 23px 15px 0;
    }
    .content .call_block li {font-size: 22px;}
    .benefits_list li.ico1, .benefits_list li.ico2, .benefits_list li.ico3 {
        height: auto;
    }
    .benefits_list {padding-bottom: 0;}
    .benefits_list li {
        width: 50%;
        min-height: 230px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .feedback_photos {width: 370px;}
    .feedback_photos li {margin-bottom: 8px;}
    ul > li.ico2 > a {left: 35%;}
    ul > li.ico3 > a {left: 32%;}
    .pricetable tr td:first-child {
        white-space: normal;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .container {width: 750px;}
    .main_header {height: auto;padding: 25px 0 0;}
    .top_panel {padding-bottom: 25px; margin-top: 40px;}
    .logo {margin: 0 30px 0 0;}
    #sticky-wrapper {height: auto !important;}
    .main_nav_wrap {
        // position: relative;
        z-index: 10;
        top: 0;
    }
    .main_nav_wrap > .container {padding: 0;}
    .main_nav {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    }
    .phones {font-size: 18px;padding-top: 10px;}
    .menu_panel {display: block;}
    .content {margin-left: 0;}
    .call_block_title br {display: inline;}
    .f_nav {margin-right: 0;}
    .f_social {padding-left: 0;}
    .content .call_block li {font-size: 24px;}
    ul > li.ico2 > a {left: 36%;}
    ul > li.ico3 > a {left: 34%;}
    .error {
        min-height: 0;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .container {
        width: auto;
        padding: 0 15px;
    }
    .logo {
        float: none;
        margin: 0 auto 25px;
    }
    .header_info {
        max-width: 100%;
        text-align: center;
        padding: 0 20px 20px;
        float: none;
    }
    .phones {
        float: none;
        text-align: center;
    }
    .call_block {padding: 45px 0 10px;}
    .content .call_block {
        padding: 45px 15px 10px;
        margin: 0 -15px 20px;
    }
    .call_block li {
        float: none;
        width: 100%;
    }
    .call_block li.ico2, .call_block li.ico3 {padding-top: 90px;}
    .call_block li.ico2:before, .call_block li.ico3:before {background-position: center top; height: 90px;}
    .main_footer {padding-bottom: 20px;}
    .main_footer .logo {
        margin: 0 auto 20px;
        float: none;
    }
    .f_nav {
        float: none;
        text-align: center;
        padding-bottom: 15px;
    }
    .f_cont {
        float: none;
        text-align: center;
        padding-bottom: 20px;
    }
    .f_social {
        position: relative;
        text-align: center;
        padding-bottom: 20px;
    }
    .copyright br {display: none;}
    .tours_image_list li {width: 50%;}
    ul > li.ico2 > a {top: 0%; left: 45%;}
    ul > li.ico3 > a {top: 0%; left: 44%;}
}

@media only screen and (max-width : 639px) {
    .tours_list li {width: 100%;}
    .tours_info li {padding-left: 0;}
    .tours_info .tour_preview {
        position: relative;
        margin: 0 auto 20px;
    }
    .tour_preview:before {display: none;}
    .tour_preview:after {display: block;}
    .pricelist {padding-bottom: 20px;}
    .pricelist li > span {
        min-width: 0;
        vertical-align: baseline;
    }
    .tour_block .tour_preview {
        float: none;
        margin: 0 auto 20px;
    }
    .pricetable th, .pricetable td, .pricetable tr td:first-child {font-size: 12px;}
    .benefits_list li {
        float: none;
        width: 100%;
        min-height: auto;
        padding: 90px 0 30px;
    }
    .benefits_list br, .w_subtitle br {display: none;}
    .bx-wrapper {padding: 0;}
    .bx-controls-direction a {display: none;}
    .bx-wrapper .bx-pager {display: block;}
    .f_body {padding: 15px 10px;}
    .f_image {
        float: none;
        margin: 0 auto 20px;
    }
    .feedback_photos {
        float: none;
        text-align: center;
        width: 100%;
    }
    .feedback_photos li {
        float: none;
        display: inline-block;
        margin: 0 8px 8px;
    }
    ul > li.ico2 > a {left: 44%;}
    ul > li.ico3 > a {left: 43%;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    h1 {font-size: 26px;}
    h1 br {display: none;}
    h2 {font-size: 24px;}
    .call_block_title br {display: none;}
    .call_block_title div{font-size: 26px;}
    .call_block_title span {font-size: 16px;}
    .call_block li {font-size: 22px;}
    .day_item {padding-left: 60px;}
    .day_item > span {width: 50px;}
    .span_height {min-height: 40px;}
    ul > li.ico2 > a {left: 43%;}
    ul > li.ico3 > a {left: 40%;}
}

@media only screen and (max-width : 460px) {
    .tours_image_list li {
        float: none;
        width: 100%;
    }
    .pricetable th, .pricetable td, .pricetable tr td:first-child {font-size: 9px;}
    ul > li.ico2 > a {left: 42%;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
    .manager {padding-left: 100px;}
    .manager_photo {left: 5px;}
    .anons {
        padding-bottom: 160px;
    }
    ul > li.ico2 > a {left: 39%;}
    ul > li.ico3 > a {left: 37%;}
}


/*==========  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 : 993px) {
    .main_nav_wrap {display: block !important;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}