html, body {
    width: 100%;
    min-width: 100%;
}

.ico-locker{
    //background-size: inherit;
}

.main-bar{
    position: relative;
    margin-bottom: -75px;
}

@media(max-width: 1365px) {
    .callout .callout-inner h2{
        font-size: 18px;
    }
}


@media(max-width: 1130px){
    /*savings counter*/

    .main-bar{
        top: -75px;
        //margin-bottom: -96px;
    }

    .section-deals{
        top: -96px;
    }

    .main-bar .shell .main-bar-inner {
        padding: 10px 0 0;
    }

    .main-bar .main-bar-inner {
        padding: 15px;
        text-align: center;
        overflow: hidden;
    }

    .main-bar .btn {
        float: none;
        width: 90%;
        margin: auto;
        max-width: 250px;
    }

    .main-bar .list-savings {
        float: none;
        margin-left: auto;
        width: 100%;
        margin-right: auto;
    }

    .section-deals {
        padding-bottom: 21px;
        background: #f1f6fc;
        overflow: hidden;
        margin-top: 0;
        padding-top: 15px;
    }

    .callout .callout-inner h2 {
        font-size: 20px;
        width: 100%;
    }

    /* profile */

    div#upProfile {
        width: 90%;
        margin: auto;
        padding: 0;
    }

}

@media (max-width:900px) {

    /* navigation */

    .nav > ul > li + li {
        margin-left: 0px;
    }

    .nav > ul > li {
        width: 100%;
    }

    .nav li:hover .dropdown{
        z-index: 9;
    }

    /*bulletpoints*/

    .shell .col-size1 {
        width: 100% !important;
        padding-top: 0;
        padding-right: 0px !important;
        padding-bottom: 25px;
    }

    .shell .col-size2 {
            width: 100%;
    }

    .shell .col-size3 {
        width: 100% !important;
    }

    .list-ticks li {
        position: relative;
        padding-left: 53px;
        letter-spacing: -.001em;
        line-height: 1em;
        height: 50px;
    }

    .list-ticks li:before{
        top: 15%;
    }

    /*callout section*/

    .col-1of2 {
        width: 100%;
        text-align: center;
    }

    .callout .callout-inner h2 {
        width: 100%;
        float: none;
        text-align: center;
        padding: 0;
    }

    /* testimonials */

    .section-exclusive h2{
        font-size: 30px;
    }

    .section-exclusive {
        padding: 50px 0 450px;
    }

    .testimonial_block {
        display: none;
        max-width: 95%;
        background: rgba(255,255,255,.5);
        padding: 10px;
    }

    .section-exclusive p{
        font-size: 16px;
    }

    /* MY ACCOUNT */

    /* summary */

    .section-account{
        padding-top: 0;
    }

    .section-account .section-body{
        padding-right: 0px;
    }

    .list-data .tab-col + .tab-col:before{
        background: transparent;
    }

    

}

@media (max-width: 770px){
    /*modal*/
    .modal-window{
        width: 320px;
        height: 265px;
    }

    /*navigation*/
    .nav-access li + li:before{
        content: "";

    }

    /*slider*/

    .slider-intro .slide{
        padding-top: 255px;
        padding-bottom: 150px;
    }

    .slider-intro .slide-callout h1 {
        width: 100% !important;
        font-size: 24px;
        margin-bottom: 25px;
    }

    .slider-intro .slide-callout .btn {
        vertical-align: middle;
        width: 90%;
        max-width: 250px;
    }

    .slider-intro .flex-control-nav {
        bottom: 120px;
    }

    .main-bar {
        //top: -127px;
        //margin-bottom: -127px;
    }
    .section .section-head {
        padding-top: 0px;
    }
    .section-deals {
       // top: -127px;
    }

    /* section features */

    .section-features p {
        font-size: 17px;
        line-height: 1.5em;
    }

    .section-features {
        padding: 50px 0;
    }

    /* four slider */

    .slider-deals .slide-image {
        height: 160px;
    }

    .slider-deals .slide .slider-content-head{
        height: 90px;
    }

    .slider-deals .slide img{
        width: 100%;
        height: auto;
    }

    /*member travel deals*/

    .section .section-head .list-buttons {
        float: none;
    }

    .section .section-head h2 {
        float: none;
        padding: 15px 0px;
        margin: auto;
        text-align: center;
    }
    
    a.btn-primary {
        width: 90%;
        margin: auto;
        float: none;
        display: block;
        text-align: center;
        max-width: 250px;
    }

    .btn-primary.btn-active {
        background: #347ade;
        color: #fff;
        max-width: 250px;
    }

    .btn-primary{
        color: #347ade;
    }

    .list-buttons li {
        float: none;
        background: #c5d6ea;
        padding: 2.5% 0;
        margin: auto;
    }

    /* REDEMPTION CENTER */

    .fullmobile{
        width: 100% !important;
        max-width: 100% !important;
    }

    /* events */

    .article .article-actions .btn {
        width: 100%;
    }

    .article .article-entry {
        min-height: 210px;
        TEXT-ALIGN: LEFT;
    }

    .article .article-caption span{
        font-size: 11px;
    }

    /* footer */

    .footer-col-size4 {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }

    .footer .footer-bar-inner,
    .footer .footer-bar .copyright,
    .footer-col-size3 {
        float: left;
        width: 100%;
    }

    .footer-col-size1,
    .footer-col-size2 {
        width: 50%;
        margin-bottom: 25px;
    }

    .list-links {
        font-size: 14px;
        line-height: 2em;
        letter-spacing: 0;
    }

    .footer-content h4 {
        margin-bottom: 20px;
        //margin-top:0;
    }

}

@media (max-width: 500px){
        /* four slider */

    .slider-deals .slide-image {
        margin-bottom: 24px;
        height: 50px;
    }
    .slider-deals .slide .price{
        font-size: 22px;
    }
    .slider-deals .slide img {
        width: 100%;
        height: auto;
    }

    .slider-deals .slide .slider-content-head h3 {
        display: inline-block;
        font-size: 12px;
        vertical-align: middle;
        width: 100%;
        height: 80px;
        word-wrap: break-word;
    }

    .section-account .section-content{
        border-left: none !important;
    }

    .tab.current .table {
        width: 100% !important;
    }

    .tabs-nav li a{
        font-size: 11px;
    }

    body .list-data .tab-col-size1, body .list-data .tab-col-size2 {
        width: 50%;
    }

    body .list-data .tab-col-size3 {
        width: 100%;
        padding: 0;
        text-align: left;
    }

    .current table .grid-header td {
        font-size: 9px;
    }
}