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

.main-bar{
    position: relative;
}

.panel-more{
    font-size: 12px;
}

.intro .intro-content{
    z-index: 99 !important;
}

button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all {
    width: 100% !important;
}

.current .ico-locker,
.current .ico-briefcase,
.current .ico-card,
.current .ico-bell{
    background-size: inherit;
}

.pop-up_full_req_msg {
    z-index: 100;
    padding: 15px;
    width: 100% !important;
    border-radius: 8px;
    margin-bottom: 10px;
    text-align: center;
}

.section.section-concaved.section-grayed .cta-boxes {
    float: right;
    padding: 5px 0;
    width: 100%;
    max-width: 454px;
}

.last-field-dues  .field{
    max-width: 315px;
    width: 90%;
}


/*notification page*/

.modal-window{
    background: transparent;
    text-align: center;
}

/* TRAVEL DEALS */

.slider-deals .slide{
    overflow: hidden;
}

.slider-deals .slide-image {
    margin-bottom: 24px;
    height: 220px;
}

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

/* login help */

.field-standart {
    width: 100%;
}

.auth_help-box-container .left_help_box,
.auth_help-box-container .right_help_box {
    width: 49%;
    display: inline-block;
    padding: 4%;
    margin: auto;
    background: rgba(255,255,255,0.85);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.45);
    height: 515px;
}

.rentalshow{
    font-size: 14px;
}

.rentalshow .header{
    background: #357adf;
    box-shadow: 0 0 6px rgba(0,0,0,.75);
}

.rentalshow .breadcrumbs {
    padding-top: 138px;
    padding-bottom: 0;
    width: 100% !important;
}

.rentalshow input#btnModify {
    height: 28px;
    line-height: 27px;
    padding: 0px 10px;
    background: #357adf;
    width: auto;
}

.rentalshow input#btnModify:hover {
    background: #a2e34a;
}

.rentalshow button.btn.btn-fixed {
    height: 28px;
    line-height: 25px;
    padding: 0px 10px;
}

.rentalshow .box.contact .box-header {
    height: 45px;
    background: #357adf;
    color: rgb(255, 255, 255);
    text-align: left;
    padding-left: 10px;
}

.rentalshow .contact p {
    font-size: 17px;
    line-height: 1em;
    color: #fff;
    margin-bottom: 0;
    padding-top: 5px !important;
}

.rentalshow .box.contact .box-inner .label {
    margin-top: 45px;
    height: 82px;
    background: transparent;
}

.rentalshow a.btn.btn-fixed {
    width: auto;
    font-size: 15px;
    color: #fff;
    height: 28px;
    line-height: 29px;
    padding: 0px 5px;
    background: #357adf;
}

.box.contact {
    background: transparent;
    border-radius: 0;
}

.rentalshow a.btn.btn-fixed:hover {
    background: #a2e34a;
}

.rentalshow .cta-boxes .contact .box-inner p {
    padding: 0 !important;
}

.cta-boxes .contact .box-inner em {
    font: 56px/20px 'Lovers Quarrel', cursive;
    color: #357adf;
}

/* resorts */

tr#trSearchLocation span {
    width: 150px;
}



/* cruiselines */

body .list-cruises{
       min-width: 100%;
   }

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

    .section-account .section-head h3{
        padding-top: 25px;
    }
}


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

    .savingsn .main-bar{
        margin-top: -96px;
        margin-bottom: 96px;
    }
    .savingsz .main-bar{
        margin-top: 0px;
        top:0px;
        margin-bottom: 0px;
    }
    .savingssz .main-bar{
        margin-top: -75px;
        top:0px;
        margin-bottom: 0px;
    }
    #introduction .main-bar{
        top: -95px;
    }

    .car-rental .main-bar {
        top: -85px;
    }

    
    body#review .main-bar,
    body#booked .main-bar {
        top: 0px;

    }

    body#booked{
        min-width: 100% !important;
    }

    .section-deals{
        top: -96px;
        margin-bottom: -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%;
    }

    

    /* callout box 1130px */

    body#show .callout-primary-inner .btn {
        padding: 5px 25px;
        width: 70%;
        line-height: 1em;
        height: auto;
        float: none;
        display: inline-block;
        margin: 10px auto;
        text-align: center;
        white-space: nowrap;
    }

    #show .callout-primary-inner p {
        margin-bottom: 0;
        width: 100%;
        float: left;
        padding-top: 0;
        display: block;
        font-weight: 700;
        line-height: 1em;
        font-size: 19px;
        letter-spacing: .04em;
        text-align: center;
    }

    #show .callout-primary-inner {
        background: #357adf;
        height: 105px;
        color: #fff;
        width: 100%;
        padding: 25px;
        margin: auto;
        text-align: center;
    }

    /* profile */

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

    #CreditTransactionList5_grdCreditPending  td{
        width: 50% !important;
    }

}

@media (max-width: 970px) {
    .rentalshow .breadcrumbs {
        padding-top: 188px;
    }

    #tblCarRental img{
        height: auto !important;
    }
}

@media (min-width: 901px){
    .modalbtns {
        display: none;
    }
}

@media (max-width: 900px) {

    form{
        overflow-x:hidden;
    }

    /* navigation */

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

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

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

    .intro-primary {
        min-height: 280px;
    }

    .rentalshow .breadcrumbs {
        padding-top: 278px;
    }

    .intro {
        padding-top: 200px;
    }

    /*notification page */

    .modalbtns {
        z-index: 9;
        position: relative;
        margin: auto 10%;
        margin-top: -62px;
    }

    .modalbtns a.btn {
        width: 49.5%;
        color: #295cb8;
    }

    div#notificationPageHolder_modal_window {
        width: 100%;
        height: auto;
    }

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

    #CreditTransactionList5_grdCreditPending  td{
        height: auto !important;
    }

    #bdRedemptionCenter .shell table td {
        float: left;
        width: 100%;
    }

    .article .article-actions {
        padding: 4px;
    }

    .article .article-caption{
        position: relative;
        min-width: inherit !important;
    }

    .article .article-entry{
        padding: 50px 5px 15px;
    }

    .ico-globalphone,
    .ico-flowers,
    .ico-fashtion,
    .ico-living,
    .ico-ski,
    .ico-spa{
        width: 100% !important;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    /*credit convert page*/

    /*span#AffiliateResortDeposit1_ALLResortList_SpanResort .selecter-selected,
    tr#AffiliateResortDeposit1_trNonHomeRoomSize .selecter-selected,
    tr#AffiliateResortDeposit1_trNonHomeUnitType .selecter-selected{
        min-width: 300px;
    }*/

    /* lowest price guarantee */

    .section-low-rates .section-image-badge {
        top: 0;
        right: 0;
        width: 50%;
    }

    .section-features-secondary .col-size4 {
        width: 100%;
        padding-right: 0;
        padding-bottom: 25px;
    }

    .section-features-secondary .col-size5 {
        width: 100%;
    }

    /* end lowest price */

    div#AffiliateResortDeposit1_UpdatePanel2 td {
        float: none;
    }


    /* hotels */

    .shell #hoteltypesearch td {
        padding: 12px;
        display: block;
        float: none;
    }

    /*banner box*/

    .more-toggle{
        display: none;
    }

    body .panel-more-inner {
        top: 15px;
        width: 100%;
           margin: auto;
        position: relative;
        padding: 0;
        transform: none;
    }

    body .panel-more {
        position: relative;
        top: auto;
        margin: auto;
        width: 100%;
        left: 0;
        height: auto;
        margin-top: 0px;
        background: transparent;
        box-shadow: none;
    }

   body .more-expanded .panel-more {
        width: 100%;
    }

   

    body .intro-hint{
        width: 100%;
        margin: auto;
    }

    body .banner-panel {
        margin: 150px auto 0px;
        width: 100%;
        max-width: 350px;
    }

    /* rentals */

    .bar .breadcrumbs{
        display: block;
        margin: 0 0 25px;
    }

    .section.section-concaved.section-grayed .service {
        float: none;
        margin: auto;
        text-align: center;
        width: 100%;
    }

    .cta-boxes .contact {
        text-align: center;
        float: none;
        margin: auto;
        width: 100%;
    }

    .cta-boxes .contact .box-inner em {
        font: 39px/16px 'Lovers Quarrel', cursive;
        color: #357adf;
    }

    .section.section-concaved.section-grayed .cta-boxes {
        float: none;
        padding: 20px 0 0 0;
        width: 100%;
        clear: both;
        margin: auto;
    }

    .shell table#tblCarRental td {
        float: left;
        min-width: 33%;
        height: 130px;
        display: inline-block;
        margin: auto;
        text-align: center;
    }

    /* checkoutcenterv2 */

    section div#DivInformation tr td {
        float: none;
        min-width: auto;
        width: auto;
    }

    div#DivInformation table {
        margin: auto !important;
    }

    /* my account profile page */

    #save-money td {
        float: left;
        width: 100% !important;
    }

    /* car images */

    table#tblCarRental tr:first-child,
    table#tblCarRental tr:nth-child(8) {
        display: none;
    }

    tr.soft-center td:before{
        height: 25px;
        margin-bottom: 5px;
        content: " ";
        width: 100%;
        position: relative;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
    }

    tr.soft-center td.Avis:before {
        background: url("../../Images/Avis.png") no-repeat center;
    }
    
    tr.soft-center td.Budget:before {
        background: url("../../Images/Budget.png") no-repeat center;
    }

    tr.soft-center td.Enterprise:before {
        background: url("../../Images/Enterprise.png") no-repeat center;
    }

    tr.soft-center td.Alamo:before {
        background: url("../../Images/Alamo.png") no-repeat center;
    }

    tr.soft-center td.National:before {
        background: url("../../Images/National.png") no-repeat center;
    }

    tr.soft-center td.Dollar:before {
        background: url("../../Images/Dollar1.png") no-repeat center;
    }

    tr.soft-center td.Thrifty:before {
        background: url("../../Images/Thrifty.png") no-repeat center;
    }

    tr.soft-center td.Hertz:before {
        background: url("../../Images/Hertz.png") no-repeat center;
    }

    tr.pager td {
        min-width: auto;
        min-height: auto;
    }

    body#show .decorated td:first-child {
        width: 33%;
        min-width: auto;
    }

    /* car popup */

    body#show .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
        width: 90vw !important;
        height: auto !important;
    }

    /* hotel banner box */

    body .intro .intro-content{
        margin: 150px auto 0px;
        z-index: 99;
    }

    body .intro .intro-advanced {
        position: relative;
        width: 100%;
        right: auto;
        overflow: visible;
    }

    .form-request-hotel .form-label{
        white-space: nowrap;
    }

    .place table {
        width: 100%;
    }

    /* cruise banner box */

    .intro .intro-advanced .btn-advanced{
        display: none;
    }

    body .panel-more .group ~ .group{
        padding-bottom: 15px;
    }

    body .intro .intro-advanced .more-toggle{
        display: none;
    }

    /* airfare */

    .lowest-box,
    .teal-box,
    .search-results,
    .search-results .border-box{
        width: 100%;
    }
    
    .lowest-box  .scroll-pane ul li,
    .lowest-box .scroll-pane table td{
        width: 25% !important;
    }

    .bar .list-buttons {
        float: none;
        display: inline-block;
        width: 100%;
    }

    #AirMain1_SearchResult_divResult td,
    .s-body .box .b-body table td{
        float: none;
    }

    .intro-advanced.panel-more {
        background: rgba(255,255,255,.5);
        padding: 0 15px;
    }

    /*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;
    }

    /* travel checkout center */

    .trip-info {
        min-height: auto;
    }

    .col.col-size7,
    .col.col-size8 {
        width: 100%;
        margin: auto;
        padding: 0;
    }

    div#DivInformation tr td {
        min-width: 130px;
    }
    

    /* credit summary */

    table#CreditSummaryDetail1_tblTotalCredits,
    table#CreditSummaryDetail2_tblTotalCredits {
        width: 100% !important;
    }

    .shell table td {
        float: left;
    }
    .atemp .shell table td{
        width: 100%;
    }
    #pnlResortWeekLst .shell table td {
        float: none;
    }


    #pnlCruiseMain td {
        float: none;
    }

    /* 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;
    }

    /* misc sections */

    .shell #pnlWelcome table td {
        float: none;
    }

    .afordable ul li{
        line-height: 1em;
    }

}

@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;
    }
    .section .section-head {
        padding-top: 0px;
    }

    /* section features */

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

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

    /* login help */

    .auth_help-box-container .left_help_box,
.auth_help-box-container .right_help_box{
        width: 90%;
        margin: auto;
        display: block;
        margin-bottom
    }

    /* cruiselines */

    #CruiseMain1_pnlSideBar .sidebar {
        width: 100%;
    }

    #pnlCruiseMain .content {
        width: 100%;
        margin: auto;
    }

    #CruiseMain1_pnlSideBar .widgets .widget-nav-dropdown {
        top: 50px;
        left: -2px;
        width: 100%;
    }

    /* rentals */

    td.maindetail, td.sidedetail {
        width: 96% !important;
        margin: auto;
        display: block;
        clear: both;
    }

    td.leftcol, td.rightcol {
        width: 90%;
        display: block;
        float: none;
        margin: auto;
    }

    /* four slider */

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

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

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

    /* contact grey callout 770px */

    #show .section-grayed .shell .col {
        display: block;
        vertical-align: middle;
        float: none;
        margin: 15px auto;
        text-align: center;
    }

    /*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;
    }

    /* my account profile page */

    #save-money td {
        float: left;
        width: 100% !important;
    }

    .pay-anual div {
        padding: 0 !important;
        width: 100% !important;
    }

    /* REDEMPTION CENTER */

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

    .col-size4,
    .col-size3,
    .form-col-1of3,
    .col-size5,
    .col-size6,
    .col-size9 {
        width: 100% !important;
        padding-right: 0;
    }

    .section-vacations .section-head-filter {
        float: none;
        margin: auto;
        width: 100%;
    }

    .price a {
        width: 100% !important;
    }

    .name span {
        width: 99% !important;
    }

    .section-vacations .section-head-inner {
        width: 90%;
        padding-top: 25px;
        margin: auto;
        float: none;
    }

    a#filter-btn {
        float: none;
        display: block;
        margin: 0 auto 30px;
    }

    .form-btn-blue{
        width: 100%;
        min-width: 150px;
    }

    /* events */

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

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

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

    .rentalshow .box.contact .box-inner .label{
        display: none;
    }

    .rentalshow .cta-boxes .contact .box-inner p {
        padding: 0 !important;
        text-align: left;
        margin-left: 10%;
        width: 37%;
        top: 0;
        margin-top: 0;
        padding-top: 0;
    }

    .box.contact .box-inner .btn {
        margin-top: 7px;
    }

    /* 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;
    }

}

@media (max-width: 690px) {

    .modalbtns a.btn {
        font-size: 14px;
        width: 100%;
        margin-bottom: 1%;
        display: block;
    }

    .modalbtns {
        z-index: 9;
        position: relative;
        padding: 1% 10%;
        background: #295cb8;
        display: block;
        width: auto;
        height: 121px;
        margin: auto;
        margin-top: -62px;
    }

    /* rate staff page */
    #bdRateStaff div#divForm table tr td {
        display: block;
        clear: both;
    }

}


@media (max-width: 500px){
    .col-size10 {
        width: 100%;
        margin-bottom: 15px;
    }
    .chkAct td {
        height: 2em;
        width: 100%;
        float: left;
    }

    .chkAct td label {
        width: auto;
    }

    /* 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;
    }

    /* travel resources */

    .list-resource li + li {
        margin-left: 0;
    }

    /* car rental show */

    .rentalshow .box.contact .box-header{
        text-align: center;
        height: 60px;
    }

    .rentalshow .box.contact .box-inner .label{
        display: none;
    }
    .cta-boxes .contact .box-inner {
        padding-top: 17px;
    }

    label.field-label.label-mini:after{
        display: none;
    }

    .box.contact .box-inner .btn {
        margin-top: 17px;
    }

    /* travel checkout form */

    div#DivInformation tr td,
    .selecter-selected{
        width: 100%;
        max-width: 100%;
        margin-bottom: 5px;
    }

    #AffiliateResortDeposit1_UpdatePanel2 .selecter-selected{
        width: auto;
        margin-bottom: 5px;
        min-width: 100%;
        display: block;
        float: left;
        clear: both;
    }

    body #AffiliateResortDeposit1_UpdatePanel2 td{
        width: 100% ;
        float: left;
        text-align: left;
    }

    .selecter-options {
        max-width: 100%;
    }

    div#DivInformation input{
        width: 100% !important;
        border: 1px solid #cccccc;
    }
}