@media (max-width: 1024px) {
    #wrapper {
        min-width: inherit;
        width: 768px;
        max-width: none;
    }
    .mainPic img {
        max-width: 100%;
        position: relative;
    }
    #content, #fcontent {
        padding: 0;
        width: 100%;
    }
    .mainPic {
        top: auto;
        padding: 0;
        width: auto;
        height: auto;
    }
    #header {
        width: auto;
    }
    .mainWrap {
        background-size: 121% auto;
    }
    .logo {
        /* margin: auto; */
        /* float: none; */
    }
    #header .searchForm {
        width: 280px;
        position: relative;
        padding-top: 0;
        margin-top: 60px;
        
    }
    #searchbutton {
        width: 63px;
        position: absolute;
        top: 0;
        right: 0;
        height: 24px;
        padding: 7px;
        margin: 2px;
    
    }
    .searchForm__query {
        width: 100%;
        box-sizing: border-box;
        padding: 13px;
    }
    .menu__list li {
        padding-left: 6px;
        margin-left: 2px;
    }
    #header {
        padding: 0 12px;
        padding-bottom: 16px;
    }
    .loginNav {
        margin-right: 15px;
    }
    .frontShow {
        position: absolute;
        top: 0;
        margin: 31px;
    }
    .mainBlocks {
        margin: 12px 0 0;
    }
    .teasers {
        width: 61%;
        margin: 0;
        background: #ededed;
        padding: 15px 0;
        margin-left: 8px;
    }
    .hotelsFilter {
        width: 272px;
        float: right;
        height: auto;
        margin-right: 9px;
    }
    .hotelsFilter__block {
        margin: 0;
        width: 100%;
        height: auto;
        margin: 0 0 6px;
    }
    .hotelsFilter__list {
        margin-left: 0;
        padding: 8px;
    }
    .selectBox-dropdown {
        min-width: 100%;
    }
    .hotelsel {
        left: 0;
        width: auto;
    }
    .hotelsel input {
        display: inline-block;
        margin: 0;
    }
    .hotelsel a {
        display: inline-block;
        position: relative;
        top: 4px;
        margin-left: 1px;
    }
    .hotelsFilter__header {
        padding: 5px 12px 5px;
        font-size: 11px;
        border: 0;
    
        background: #3b3b3b;
        color: #fff;
        border-radius: 4px 4px 0 0;
    }
    .hotelsFilter__search {
        width: 100%;
        top: 0;
        float: none;
        border-radius: 4px;
        padding: 7px;
        height: 30px;
    }
    li.hotelsFilter__block.cf {
        margin-bottom: 0;
    }
    .teasers .anythingSlider {
        width: 442px!important;
    }
    .textBlock {
        padding: 10px;
    }
    .textBlock__r,
    .textBlock__l {
        width: auto;
        float: none;
    }
    .hotelLogos {
        width: auto;
    }
    .hotelLogos img {
        max-width: 100%;
    }
    .hotelLogos li {
        width: 23%;
        margin: 0;
    }
    #footer {
        width: auto;
    }
    .container.demo-1 {
        width: 87.9%!important;
        margin: 6px auto 30px!important;
    }
    .placesBlock__place {
        width: 32.4%;
        overflow: hidden;
    }
    .anythingSlider .panel {
        width: 100%!important;
    }
    .placesBlock {
        padding: 0 15px 17px;
    } 

    /*//innerpage//*/

    .toursSidebar {
        width: 153px;
        margin-left: 0;
        float: left;
        margin-top: 0;
    }
    .toursSidebar__list__block__types {
        width: auto;
        margin-left: 0;
    }
    .toursSidebar__list__block .sectionHeader {
        padding-left: 0;
    }
    .toursSidebar__list__block__types  {
        padding-left: 0;
    }
    .generalContent {
        float: right;
        margin: 0;
        width: 563px;
    }
    .generalContent > h1 {
        margin: 0;
    }
    .innerPage #content {
        width: 95%;
        padding: 20px 10px 12em;
    }

    /*//philippines//*/

    .post__gal {
        width: 514px;
        margin: 1px auto 3em;
    }
    .post__gal:after {
        content: '';
        clear: both;
        display: table;
    }
    .post {
        width: auto;
    }
    .directions {
        float: none;
        margin: 0 auto 2.5em;
    }
    .sectionHeader {
        text-align: center;
    }
    .post__header {
        text-align: center;
    }
    /*//toursSidebar//*/
    .innerPage.toursPage .toursSidebar {
        width: 200px;
        overflow: hidden;
        background: #fff;
    }
    .innerPage.toursPage .toursContent {
        width: 499px;
        float: right;
        margin: 0;
    }
    /*//pagebg//*/
    #mainpart {
        width: 100%;
    }
    .topsearch {
        right: 0;
    }
    #pagebg #header,
    #pagebg #barrel {
        width: auto;
        float: none;
    }

    #pagebg #logininfo {
        bottom: 20px;
    }
    /*//packages//*/
    .packitem {
        width: auto;
        min-width: inherit;
        float: none;
    }
    .packmain:after {
        content: '';
        clear: both;
        display: table;
    }
    .packmain {
        width: auto;
        padding: 9px;
        margin-bottom: 3px;
        float: none;
    }
    .packmid {
        width: auto;
    }


    .fl input {
        width: 100%!important;
    }
    .fl, .fr {
        float: none;
    }
}
@media (max-width: 768px) {

    /*//pagebg//*/
    #pagebg #header h1 {
        position: static;
        top: auto;
        width: auto;
        display: inline-block;
    
        margin-bottom: 39px;
        text-align: center;
        float: none;
        margin-left: 0;
    }
    #pagebg .slogan {
        position: static;
        display: inline-block;
        margin: 27px 0;
    
        height: 39px;
        left: auto;
        top: 0;
    }
    #pagebg .topsearch {
        position: static;
        clear: both;
        margin: 2px 0 0;
    
    }
    #pagebg #header, #pagebg #barrel {
        height: auto;
    
        padding: 9px;
        padding-bottom: 5px;
    }
    #pagebg #header  {
        text-align: center;
    
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 16px;
    }
    #pagebg .logo a {
        position: static;
        display: inline-block;
        margin: 10px 0
    }
    #widepart {
        width: auto;
    
        float: none;
    
        clear: both;
    }
    
    #pagebg #logininfo {
    
        padding: 0;
        text-align: right;
    
        bottom: 0;
    }
}
@media (max-width: 660px) {
    #wrapper {
        width: auto;
    
        padding-top: 0;
    }
    .toursSidebar {
        width: auto;
        float: none;
    }
    .generalContent {
        width: auto;
    }
    .teasers {
        width: 94%;
        margin-left: auto;
        float: none;
        margin-right: auto;
    }
    #header .slogan {
    
        display: none;
    }
    .loginNav__list {
        margin: 15px 0 0;
        display: inline-block;
    }
    .header__topBlock {
        padding-bottom: 0;
    }
    .elastislide-carousel ul li {
        width: 100%!important;
    
        height: 114px;
        overflow: hidden;
    }
    .logo {
        margin: auto;
    
        width: auto;
        height: auto;
    }
    .logo  a {
        background-size: 100%;
    
        width: 140px;
        height: 68px;
    }
    .redline {
        display: none;
    }
    #header {
        padding: 4px 17px 10px!important;
    
        background: #fff;
    }
    #header .loginNav {
    
        display: none;
    }
    #header .menu {
        display: none;
    }
    .menu__list li {
        padding: 0;
        margin: 4px 0;
        line-height: 1;
    }
    .menu__list li a {
        padding: 3px 7px;
        display: inline-block;
        top: 0;
    }
    .hotelsFilter {
        width: auto;
        margin: 0 9px 19px;
    
        border-radius: 0 0 4px 4px;
        float: none;
        float: n;
    }
    .hotelsFilter__list {
        padding: 15px 17px;
        background: #dbdbdb;
    }
    .hotelsFilter__header {
       padding: 13px 18px;
       font-size: 12px;
    }
        .teasers {
        width: 96%;
        margin: 0 auto 9px;
        padding: 0;
    
        display: none;
    }
    .placesBlock__place {
        width: 296px;
        margin: 0 auto 13px!important;
        float: none;
    }
    .frontShow {
        /* position: relative; */
        /* margin: 0; */
        /* padding: 26px 16px; */
    }
    .mainPic__desc {
        width: auto;
    
        margin-bottom: 22px;
        height: 36px;
        overflow: hidden;
    }
    .mainPic__thumb__preview i.play {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-size: 100%;
        width: 30px;
    }
    .mainPic__thumb {
        display: none;
    }
    .mainPic__thumb__preview {
        height: auto;
    }
    .mainPic {
        background: #e33135;
    }

    /*//philippines//*/

    .post__gal {
        width: auto;
    }
    .post__gal__pic {
        position: static;
        float: left;
        width: 33.33%;
        overflow: hidden;
    }
    .galpic {
        border-radius: 0!important;
        width: 145px!important;
        height: 138px!important;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    
    /*//toursSidebar//*/

    .innerPage.toursPage .toursSidebar {
        width: auto;
        text-align: center;
    }
    .innerPage.toursPage .toursContent {
        width: auto;
        float: float: none;
        margin: 2em 0 0;
    }
    .toursSidebar__list__block__pic {
        text-align: center;
    }
    .toursSidebar__list__block__pic img {
        display: block;
        margin: auto;
    }
       

    #header .searchForm {
        display: none;
    }


    #sidebar-toggle {
        display: block;
    }

    #wrapper > .before, #wrapper:before {
        display: none;
    }
    .selectBox-dropdown .selectBox-arrow {
        background-color: #9d0b0c;
        width: 35px;
    }
    .selectBox-dropdown {
        height: 33px;
        border: 0;
    }
    .hotelsel input {
        border: 0;
        height: 19px;
        border-radius: 3px;
    }
    .hotelsFilter__block {
        margin-bottom: 7px;
    }
    .textBlock {
        font-size: 14px;
    }
    .textBlock__header {
        font-size: 20px;
        font-weight: normal;
    }
    .demo-1 .elastislide-horizontal {
        box-shadow: none;
        background: #fff;
        border-radius: 2px;
        border: 1px solid #C9C9C9;
    }
    #content {
        background: #edf2ea!important;
    }
    .mainPic__title {
        font-size: 22px;
    }
    .mainPic__title {
        font-size: 22px;
    }

    .demo-1 .elastislide-horizontal {
        box-shadow: none;
        box-shadow: none;
        padding: 10px 11px;
        border-radius: 7px;
    }
    .container.demo-1 {
        background: #fff;
        border-radius: 4px;
        padding: 0;
        border: 1px solid #ddd;
    }
    .elastislide-horizontal ul li {
        height: 115px;
        overflow: hidden;
    }

    #content, #fcontent {
        background-color: #edf2ea;
        background-image: none;
        box-shadow: none;
    }
}


@media (max-width: 400px) {
    .mainPic__desc {
        display: none;
    }
    .mainWrap {
        background-size: 110% auto;
    }
    #wrapper {
    }
    #pagebg #header {
        text-align: center;
    }
    #pagebg #header h1 {
        margin: 0;
    }
    #pagebg .slogan {
        margin: 14px 19px;
    }
}