.hidden {display: none;}

@media (min-width:1025px) {
    .hidden-desktop {display: none !important;}
    .visible-desktop {display: inherit !important;}
    .visible-phone {display: none !important;}
    .visible-tablet {display: none !important;}
    

    /*.sfPageWrapper .visible-phone {display: inherit !important;}
    .sfPageWrapper .hidden-desktop {display: inherit !important;}*/
}

@media (min-width: 768px) and (max-width: 1024px) {
  .hidden-desktop {display: inherit !important;}
  .hidden-tablet {display: none !important;}
  .visible-desktop {display: none !important;}
  .visible-tablet {display: inherit !important;}
  .visible-phone {display: none !important;}
}

@media (max-width: 768px) {
  .hidden-desktop {display: inherit !important;}
  .hidden-phone {display: none !important;}
  .visible-desktop {display: none !important;}
  .visible-phone {display: inherit !important;}
}



@media (min-width: 768px) and (max-width: 1024px) {
    div.header div.header-nav ul li a {font-size: 12px !important;}
    div.header a.company-logo { max-width: 200px; height:90px; }
    div.hero-slider div.slide { background-size: cover; background-position: top center; background-repeat: no-repeat;}
    div.todays-rates-table div.content div.content-inner-wrapper div.content-item div.column-2 { font-size: 1.7vw; padding-left: 5px;}
    div.comparison-table-container table tr:first-of-type td:first-of-type {width: auto;}
    div.todays-rates-table div.content div.content-inner-wrapper div.content-item div.column-1 label, 
    div.todays-rates-table div.content div.content-inner-wrapper div.content-item div.column-1 label a {font-size: 1.6vw;}
    div.footer div[data-sf-element='Column 1'] > div > div ul li {margin-right: 25px;}
}

@media (min-width: 861px) and (max-width: 888px) {
    div.header a.company-logo { max-width: 160px;}
}

@media (max-width: 800px) {
    div.header{min-height:140px;}
}

/* Temporary fix for menu problem on tablet */
@media (min-width: 768px) and (max-width: 800px) {
    div.header { min-height: 170px; }
    div.header div.header-nav { width: 500px; }
    div.header div.header-nav > div > div.remote-login-links{ position: absolute;top: 40px;left: 220px;}
     div.footer div[data-sf-element='Column 2'] > div > div ul:first-child li { padding-left: 8px;padding-right: 7px; }
    div.header a.company-logo { max-width: 170px;}
    .slick-list{overflow:visible!important;}
}

/* Temporary fix for top navigation on small desktops */
@media (min-width: 800px) and (max-width: 860px) {
    div.header {height: 150px;}
    div.header div.header-nav > div > div {display: block;}
    div.header a.company-logo { max-width: 170px;}
}

/* Temporary fix for live help on smaller screens */
/*@media (max-width: 1380px) {
    div.live-chat {float: none; left: 0;}
}*/
@media (max-width:1024px) {
    div.subpage-hero div.text {
        font-size: 75%;
    }
}

/*@media (max-width: 768px) {
    div.subpage-hero .button{
        margin-top:10px;
    }
    div.subpage-hero div.text {
        top: 40%;
        transform: translateY(-40%);
    }
}*/

@media (max-width: 767px) {
    div.inner-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    div.hero-slider div.slide {
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
    }

    div.comparison-table-container table {
        display: none;
    }

    div.highlighted-content {
        display: none;
    }

    div.row div.col-sm-8 {
        padding-right: 7px !important;
    }

    div.row div.col-sm-4 {
        padding-left: 7px !important;
    }

    div.row div.col-sm-6:first-of-type {
        padding-right: 7px !important;
    }

    div.row div.col-sm-6:nth-of-type(2) {
        padding-left: 7px !important;
    }

    div.row div.col-sm-4[data-sf-element="Column 2"] {
        padding-left: 7px !important;
    }

    div.rates-icons div.rates-icons-container > div {
        width: 49%;
        display: inline-block;
        float: left;
    }

    div.rates-icons div.rates-icons-container a img {
        margin: 5px auto;
    }

    div.responsive-table-description h2 {
        font-size: 15px;
        padding-left: 7px;
        padding-right: 80px
    }

        div.responsive-table-description h2 a {
            position: absolute;
            right: 22px;
            float: none;
        }

    div.responsive-table-description table tr:first-of-type td img {
        display: none;
    }

    div.table-container table tr:first-of-type td,
    div.table-container table tr:first-of-type th {
        white-space: normal !important;
    }

    #lpchat {
        margin-top: 15px;
    }

    div.hero-slider div.slide div.text-wrapper {
        padding: 0 40px;
    }

    div.subpage-hero div.text {
        font-size: 50%;
    }

    /*=============================================================================*/
    /* Stacktable Styles */
    /*=============================================================================*/
    .stacktable.large-only {
        display: none;
    }

    .stacktable.small-only {
        display: table;
        margin-top: 0;
    }

        .stacktable.small-only:first-of-type {
            display: none;
        }

        .stacktable.small-only tr th:first-of-type {
            display: none;
        }

        .stacktable.small-only .st-head-row.st-head-row-main {
            display: none;
        }

        .stacktable.small-only th.st-head-row {
            padding: 8px;
            background-color: #e4e9ea;
            color: #666;
        }

        .stacktable.small-only tr:first-of-type td, .stacktable.small-only tr:first-of-type th {
            white-space: normal !important;
        }

        .stacktable.small-only td:first-of-type {
            width: 50%;
        }

        .stacktable.small-only tr th {
            white-space: normal !important;
        }


    /*=============================================================================*/
    /* Footer */
    /*=============================================================================*/

    div.footer {
        text-align: center;
    }

        div.footer div.inner-wrapper {
            display: inline-block;
            text-align: center;
        }
        /*div.footer ul li a img {margin-right: 50px;}*/
        div.footer ul li:last-of-type a img {
            margin-right: 0;
        }

        div.footer ul li {
            margin-bottom: 8px !important;
        }
        /*div.footer ul:nth-of-type(2) li {border-right: 1px solid white; padding-right: 9px; padding-left: 5px; margin: 0;}
    div.footer ul:nth-of-type(2) li:last-of-type {border-right: none; padding-right: 0;}*/
        div.footer div[data-sf-element='Column 2'] > div > div ul {
            text-align: center;
        }


    div.testamonial-container div.row.inner-wrapper > div {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    div.testamonial-container div.row div.col-sm-4[data-sf-element="Column 2"] {
        padding-left: 7px !important;
    }

    div.inner-wrapper > div.row > div.sf_colsIn.col-sm-6:first-of-type {
        padding-bottom: 30px;
    }

    div.row:not(.bs-only) div.col-sm-8[data-sf-element="Column 1"] {
        padding-right: 34px !important;
    }

    div.row:not(.bs-only) div.col-sm-4[data-sf-element="Column 2"] {
        padding-left: 0px !important;
    }

    div.subpage-hero .button {
        margin-top: 60px; 
    }
}


/*=============================================================================*/
/* IE Modal*/
/*=============================================================================*/
@media(max-width: 1200px) {
    .custom-modal.open {
        left: 10%;
    }
}

@media(max-width: 1199px) {
    .custom-modal {
        width: 100%;
    }
    .custom-modal.open {
        left: 0;
     }   
}
@media(max-width: 767px) {
    .custom-modal {
        height: 100%;
    }
    .custom-modal.open {
        top: 0;
    }
    .custom-modal .custom-modal_body .custom-modal_body-content{
        margin-bottom: 20px;
    }
        
}