/* Tablets (landscape) */
@media screen and (max-width: 1024px) {

    .ccbnPopover, td.ccbnOutline .ccbnBgTblTtl > td.ccbnCalButton {
        cursor: default;
    }

    .ccbnPopover, td.ccbnOutline .ccbnBgTblTtl > td.ccbnCalButton span {
        display: none;
    }

    .table-container {
        border: 1px solid #ddd;
        overflow-x: auto;
        padding: 3px 3px 10px;
        width: 99%;
    }

    .chartCell, .chartFormCell {
        display: block;
        float: none;
        width: auto;
    }



}


/*@media screen and (min-width: 980px) {

    body.second-level .content-rail {
        width: 736px;
    }

}*/


@media screen and (max-width: 979px) {

    body.product-family .content-rail {
        width: auto !important;
    }


}


/* Tablets (portrait) */
@media screen and (max-width: 768px) {

    .feature-tabs {
        float: none;
        margin: 16px;
        width: 92%;
    }

    .home-toolkit {
        float: none;
        margin: 16px;
        width: auto;
    }



}


@media screen and (max-width: 639px) {

    .rig-count-block {
        width: 18%; /* 25%*/
    }

    .rig-content-fleft {
        width: 60%;
    }


}


/* E-book readers */
@media screen and (max-width: 600px) {


    .ccbnCalendarDivClick {
        height: auto;
    }

    .toWrap600 td, .breaker600 {
        display: block;
        text-align: left;
        width: auto;
    }

}


/* Smartphones (landscape) */
@media screen and (max-width: 480px) {

    .toWrap480 td, .breaker480, .lookupForm, .lookupResults, .alertsCol1, .alertsCol2 {
        display: block;
        float: none;
        text-align: left;
        width: auto;
    }

    .alertsCol1 {
        margin-bottom: 20px;
    }

    tr.ccbnOutline table td, table.ccbnRowHoverTbl td, .pad12 td {
        padding: 5px;
    }

}


/* Smartphones (portrait) */
@media screen and (max-width: 320px) {

    .toWrap320 td, .breaker320 {
        display: block;
        padding-left: 0 !important;
        text-align: left;
        width: auto;
    }

    .rig-count-block {
        width: 50%;
    }

    td.ccbnOutline table td {
        padding: 5px;
    }

    #qearningspop .title {
        font-size: 15px;
    }

    .materials {
        width: 64%;
    }

    .materials a {
        font-size: 12px;
    }

    .callOut, .rig-content-fleft {
        float: none;
        width: auto;
    }


}