/* Smartphones (portrait and landscape) ----------- */

.obligreq {
    margin: 0 20px;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
}

#slideout {
    display: none;
}

.lermrehere {
    margin: 0 20px;
    font-size: 13px;
    color: #666666;
}

.contiue-account-btn {
    background-color: #ffe800;
    font-size: 17px;
    color: #255788;
    border: 0;
    margin: 10px 0;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 20px;
    font-family: sans-serif;
}

.contiue-cancle-btn::after {
    content: '\f0da';
    font-family: 'FontAwesome';
    padding: 0 0 0 7px;
}

.contiue-account-btnicon {
    position: relative;
    left: -30px;
}

.contiue-account-btnicon::after {
    content: '\f0da';
    font-family: 'FontAwesome';
    padding: 0 0 0 7px;
    font-size: 17px;
    color: #255788;
    font-weight: 600;
}

.contiue-cancle-btn {
    background-color: #ffe800;
    font-size: 17px;
    color: #255788;
    border: 0;
    margin: 10px 0;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 20px;
    font-family: sans-serif;
}


/* Business Partner */

.bpcontainer {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    display: inline-block;
}

.bpwidth16 {
    width: 16%;
    display: inline-block;
    float: left;
}

.bpwidth50 {
    width: 50%;
    display: inline-block;
    float: left;
}

.bpwidth52 {
    width: 52%;
    display: inline-block;
    float: left;
}

.bpwidth100 {
    width: 100%;
    display: inline-block;
    float: left;
}

.bpcontainer .label {
    width: 100%;
    float: left;
    padding: 10px 0;
}

.loyltybtn-section {
    padding: 10px 0;
    display: inline-block;
}

.loyltybtn-section .contiue-cancle-btn {
    margin: 0 10px !important;
    float: left !important;
    padding: 12px 30px !important;
}

.loyltybtn-section input {
    float: left !important;
}

.shadowrwdpop {
    -moz-box-shadow: 0 0 15px 10px #999;
    -webkit-box-shadow: 0 0 15px 10px rgb(0 0 0 / 10%);
    border-radius: 5px;
    border: 1px solid gray;
}

.added-cart .-left {
    width: 190px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .added-cart .-left {
        width: 130px !important;
    }
    .drdenwd75 {
        width: 75px;
    }
    .mw-flex-wrap {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        justify-content: flex-around;
        -webkit-justify-content: space-around;
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
    #container.wd1024 {
        width: 100% !important;
    }
    .drdenwd75 {
        width: 75px;
    }
    .added-cart .-left {
        width: auto !important;
    }
}

@media only screen and (max-width: 1024px) {
    /* homepage html template style */
    table {
        overflow-wrap: break-word;
        table-layout: fixed;
        width: 100%;
    }
    #Table_01 td {
        display: block;
    }
    #Table_01 {
        max-width: 100%;
    }
    #Table_01 tbody tr td {
        display: inline-block;
        max-width: 50%;
    }
    #container table tbody tr td:last-of-type img {
        width: 100%;
        height: auto;
    }
    #container table tbody tr td img {
        width: 100%;
        height: auto;
        margin: 0 !important;
    }
    .V13 table {
        table-layout: auto !important;
    }
    /* DESKTOP Banners Second Set */
    .padding-fix .row {
        flex-direction: column;
        display: inherit;
        display: flex;
    }
    .container-2 .row .col.px-0 {
        display: none;
    }
    .mx-1 {
        display: contents;
    }
    .m-articles {
        width: 100%;
        text-align: left;
        box-sizing: border-box;
        margin: 15px 0 0 0;
        padding: 20px;
        background: #efefef;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .m-articles a {
        color: #00a9ce;
    }
    .m-articles h2 {
        padding: 0;
        margin: 0;
    }
    .m-articles .m-article {
        margin: 15px 0;
        border-bottom: 1px solid #dfdfe3;
    }
    .m-articles .m-article .m-article-image a img {
        width: 100%;
    }
    .m-articles .m-article .m-article-title {
        font-weight: bold;
        margin: 10px 0 0 0;
        color: #13294b;
    }
    .m-articles .m-article .m-article-excerpt {
        color: #6f6f6f;
        margin: 10px 0;
    }
    .m-articles .m-article .m-article-link {
        padding: 0 0 15px 0;
    }
    .m-articles .m-article .m-article-link a:hover {
        text-decoration: underline;
    }
    .mm-hmitem {
        text-align: center;
        display: block;
        padding: 10px 0;
    }
    .mm-hmitemnm {
        font-size: 15px;
        color: #16b0d2;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        display: block;
        text-align: center;
    }
    .mm-itmnmsp {
        display: block;
        text-align: center;
    }
    /* End homepage html template style */
    /* homepage */
    #container.wd1024 {
        width: 100%;
    }
    #hero-1 {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 25px 0 !important;
    }
    #hero-2 {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 25px 0 !important;
    }
    #hero-3 {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 25px 0 !important;
    }
    .padding-fix {
        padding: 0 !important;
    }
    .container-2 a {
        padding: 0;
    }
    #Table_01 {
        height: auto;
    }
    #Table_01 td {
        display: table;
        width: 50%;
        float: left;
    }
    .col {
        flex: auto;
        padding: 0 !important;
    }
    .mb-4,
    .my-4 {
        margin-bottom: 0 !important;
    }
    .m-la-three-col {
        font-size: 13px;
    }
    .m-articles h2 {
        font-size: 20px;
        font-weight: 700;
    }
    .col-4 {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 !important;
    }
    #main-section .la-homepage-container .la-three-col {
        width: 100% !important;
    }
    .narrow {
        width: auto !important;
    }
    .mw-hide {
        display: none;
    }
    #container.wd1024 {
        width: 100% !important;
    }
    .col-mb2 {
        width: 50% !important;
        float: left;
    }
    .mb_resp_image {
        width: 100%;
    }
    .fa-angle-right {
        width: auto !important;
    }
    .mo-pd {
        padding: 10px;
    }
    #mobile-la-hmpg-ftr3 {
        margin-top: 20px;
    }
    /* artical */
    .article-content {
        padding: 0 10px;
    }
    .article-content table table table td {
        padding: 5px;
    }
    .article-content table table table {
        width: auto;
    }
    .article-content table td li {
        margin: 0 10px;
    }
    /* contact us */
    .catg01 td {
        padding: 5px;
    }
    #wrapper section h1 {
        font-weight: bold;
    }
    #wrapper section h2 {
        font-weight: bold;
    }
    #wrapper section h4 {
        font-weight: bold;
    }
    #wrapper .accordion {
        padding: 10px !important;
    }
    #wrapper .accordion ul li ul li {
        margin: 5px 0 0 0 !important;
    }
    /* add to cart popup */
    .added-cart-wrapper {
        width: 90% !important;
    }
    .added-cart-modal {
        width: auto !important;
        min-height: 300px !important;
    }
    .added-cart-modal .added-cart h1 {
        position: absolute;
        left: 25px;
        top: 20px;
        font-size: 14px;
    }
    .added-cart-modal .added-cart .-left {
        margin-top: 40px;
    }
    .added-cart-modal .added-cart .-right {
        margin-top: 25px;
    }
    .added-cart img {
        width: 120px !important;
        height: 120px !important;
    }
    .added-cart-modal .added-cart .buttons {
        position: absolute;
        left: 15px;
        bottom: 0;
        right: 15px;
    }
    .added-cart .button {
        width: 100% !important;
        margin-bottom: 5px;
    }
    /* following changed in order to show the close window link */
    .added-cart .continue-shopping {
        position: absolute;
        left: 15px;
        right: 15px;
        justify-content: center;
        display: flex;
        bottom: 5px;
        background: none;
        visibility: hidden;
    }
    .added-cart .continue-shopping:after {
        visibility: visible;
        position: absolute;
        content: "close window";
        text-decoration: underline;
        color: black;
    }
    .parmetrm {
        table-layout: auto;
        overflow-x: auto;
    }
    .parmetrm {
        padding: 10px 5px !important;
    }
    #wrapper {
        width: 100% !important;
    }
    #wrapper #copy1 {
        width: 100% !important;
        padding: 0 !important;
    }
    #wrapper section.full-width {
        padding: 0 !important;
        width: 100% !important;
        margin: 0 !important;
    }
    #wrapper section.full-width {
        padding: 0 !important;
    }
    .genrheader {
        width: 100% !important;
        margin: 0;
    }
    .tablegnrlpg {
        table-layout: auto !important;
    }
    .imhgnrpg {
        width: 100% !important;
    }
    .tablegnrlpg td {
        padding: 5px;
    }
    .genrming {
        width: 100% !important;
    }
    .article-content .articleTitle {
        color: #00376e;
        font-size: 28px;
        font-weight: bold;
        line-height: 30px;
        text-align: left;
        display: block !important;
    }
    .article-content p {
        margin: 10px 0;
    }
    .mob-xscroll {
        overflow-x: scroll;
        width: 100%;
    }
    .mob-xscroll table {
        table-layout: auto;
    }
    .mob-xscroll td,
    .mob-xscroll th {
        padding: 0 7px;
    }
    .article-content ul {
        padding: 0 20px;
        margin: 10px 0;
    }
    .flotrgi-img {
        float: right;
        width: 30% !important;
    }
    .flotrgi-img40 {
        float: right;
        width: 40% !important;
        margin-left: 10px !important;
    }
    .width40 {
        width: 40% !important;
    }
    .mbpd10 {
        padding: 0 5px;
        z-index: 1;
        display: inline-table;
        width: 100%;
    }
    /* artical */
    /* end artical */
    /* genral pages */
    .playbtn {
        width: 7px !important;
    }
    .articllnk {
        color: #0066cc !important;
        background-color: transparent;
    }
    #wrapper section.full-width.outline {
        padding: 10px 30px 180px 30px !important;
    }
    /* myacct */
    .guarantee-secure #wrapper section.full-width {
        padding: 0 20px !important
    }
    .guarantee-secure {
        padding: 10px;
        background-color: #d7d7d7;
    }
    .pd15 {
        padding: 0 15px !important;
    }
    /* need help */
    #slideout {
        display: none;
    }
    /* Drivers den */
    .mw-flex-wrap {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        justify-content: flex-around;
        -webkit-justify-content: space-around;
    }
    .dvdenlnk {
        max-width: 140px;
        text-align: center;
        padding: 10px;
    }
    .V13 strong {
        padding: 0 10px;
        display: contents !important;
    }
    .description-mobile-read-more[data-ur-state='enabled']:after {
        top: 50%;
        margin-top: 0;
        transform: rotate(135deg) translateY(50%);
        -webkit-transform: rotate(135deg) translateY(50%);
    }
    .narrow-results h3[data-ur-state='enabled']:after {
        top: 50% !important;
        margin-top: 0 !important;
        transform: rotate(135deg) translateY(50%) !important;
        -webkit-transform: rotate(135deg) translateY(50%) !important;
    }
    .snippet {
        width: 100% !important;
        height: auto !important;
    }
    .snippet.-bottom.youtube-iframe-container {
        padding-bottom: 56.25% !important;
    }
    .snippet.-top img {
        width: 100% !important;
        height: auto !important;
    }
    .Acclimation-Guide img {
        padding: 5px !important;
        width: 130px !important;
    }
    .Acclim-imgsec {
        width: 130px !important;
    }
    .Acclimation-Guide {
        padding: 0 10px !important;
    }
    /* reword program popup */
    .rwdoptin {
        padding: 30px 15px;
    }
    .rwdoptin img {
        height: 100px;
        margin: 0 auto;
    }
    .rwdoptin #rwdoptions {
        width: 100% !important;
    }
    .obligreq {
        margin: 0 !important;
        font-size: 13px !important;
        width: 100% !important;
        text-align: center !important;
    }
    .lermrehere {
        margin: 0 !important;
        font-size: 13px !important;
        width: 100% !important;
        text-align: center !important;
    }
    .rwdopttyh {
        width: 100% !important;
        padding: 10px 10px 10px 30px !important;
    }
    .shadowrwdpop {
        -moz-box-shadow: 0 0 15px 10px #999;
        -webkit-box-shadow: 0 0 15px 10px rgb(0 0 0 / 10%);
        border-radius: 5px;
        border: 1px solid gray;
    }
    /* billing info */
    #div_newsletter_form {
        padding: 0 10px;
    }
    .addgiftc {
        display: block !important;
    }
    /* email me */
    .emailmimgrt {
        width: 60px !important;
    }
    .instockgf {
        height: 42px !important;
        width: auto !important;
    }
    .emailmetbl {
        padding: 10px !important;
    }
    .emailmebtn {
        padding: 5px 10px;
        background: transparent;
        outline: none;
        border-radius: 4px;
        border: 2px solid rgba(220, 53, 69, 0.9);
        color: rgba(220, 53, 69, 0.9);
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 500;
        transition: background 0.4s, box-shadow 0.2s;
    }
    .emailmesft {
        line-height: 21px !important;
    }
    .youtubecnt-btm {
        width: auto;
        height: auto;
        margin: 0 auto;
        display: block;
    }
    .youtubecnt-btm iframe {
        width: 100%;
        height: auto;
    }
    /* tracking no */
    .trackno-tbl thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .trackno-tbl tr {
        display: block;
        margin-bottom: .625em;
    }
    .trackno-tbl td {
        display: block;
        font-size: 13px;
        text-align: left;
        padding: 5px 0;
    }
    .trackno-tbl td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        width: 130px;
    }
    .trackno-tbl td:last-child {
        border-bottom: 0;
    }
    .mbhshrdwd {
        width: 6%;
        padding: 0 !important;
    }
    .deletecrt {
        padding: 0 10px !important;
    }
    #delete_credit_card {
        padding: 15px 0 !important;
    }
    .mb_dark-blue-text h5 {
        font-size: 16px;
        margin: 10px 0 5px;
        color: #00376e;
        padding: 3px 0px;
    }
    .drvdensgfm {
        padding: 10px;
    }
    .drvdensgfm td {
        padding: 5px 0;
    }
    .drvdensgfmtd {
        width: 30%;
    }
    .sugdrntbl2 td {
        padding: 0 !important;
    }
    .sugddnsubmit {
        width: 100% !important;
    }
    .selectboxdden select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        background-color: #FFFFFF;
        border: 1px solid #d4d4d4;
        border-radius: 0;
        font-size: 13px;
        width: 100% !important;
        line-height: 16px;
        padding: 12px 30px 12px 10px;
    }
    .selectboxdden {
        display: block;
        position: relative;
    }
    .selectboxdden:before {
        position: absolute;
        right: 10px;
        bottom: 43%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #0066cc;
    }
    .selectboxdden:after {
        position: absolute;
        right: 10px;
        top: 68%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #0066cc;
    }
    .sugimght {
        height: 5px !important;
    }
    .product_details_left .product-image {
        width: 100% !important;
    }
    progress::-webkit-progress-value {
        background: #0062bf;
    }
    progress::-webkit-progress-bar {
        background: #e6f0fa;
    }
    .contiue-account-btn {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        border: none;
        color: #FFFFFF;
        display: block;
        width: 100%;
        margin-top: 15px;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        padding: 10px 15px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 0;
        background-color: #0068c9;
        background-image: -webkit-linear-gradient(top, #0068c9, #0054a8);
        background-image: linear-gradient(to bottom, #0068c9, #0054a8);
    }
    .contiue-cancle-btn {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        border: none;
        color: #FFFFFF;
        display: block;
        width: 100%;
        margin-top: 15px;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        padding: 10px 15px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 0;
        background-color: #0068c9;
        background-image: -webkit-linear-gradient(top, #0068c9, #0054a8);
        background-image: linear-gradient(to bottom, #0068c9, #0054a8);
    }
    .contiue-cancle-btn::after {
        display: none;
    }
    .contiue-account-btnicon {
        display: none;
    }
    .Email-subscribe-btn {
        width: 150px !important;
        height: auto !important;
        background-color: transparent !important;
        margin: auto !important;
        display: flex !important;
    }
    .Email-subscribe-btn2 {
        width: 120px !important;
        height: auto !important;
        background-color: transparent !important;
        margin: auto !important;
        display: flex !important;
    }
    .fedex-val-backcolor {
        background-color: #FFFF00 !important;
    }
    .laForm .element_sub_grouping.group_size_2 {
        max-width: 100% !important;
        width: 100% !important;
    }
    .laForm .element_sub_grouping.group_size_2 .form-control {
        max-width: 100% !important;
    }
    .cleargif-img {
        height: 15px !important;
    }
    .confirm-container .cart-details .cart-action .continue-shopping:before {
        display: none;
    }
    .continue-shopping {
        margin-top: 10px;
    }
    .product_quick_stats h3[data-ur-state='enabled']:after {
        -webkit-transform: rotate( -225deg) translateY(-50%);
        top: 37%;
        right: 5%;
    }
    .product_overview h3[data-ur-state='enabled']:after {
        -webkit-transform: rotate( -225deg) translateY(-50%);
        top: 37%;
        right: 5%;
    }
    .footer-Features[data-ur-state='enabled']:after {
        -webkit-transform: rotate( -225deg) translateY(-50%);
        top: 37%;
        right: 5%;
    }
    .footer-Resources[data-ur-state='enabled']:after {
        -webkit-transform: rotate( -225deg) translateY(-50%);
        top: 37%;
        right: 5%;
    }
    .footer-Services[data-ur-state='enabled']:after {
        -webkit-transform: rotate( -225deg) translateY(-50%);
        top: 37%;
        right: 5%;
    }
    .footer-Help[data-ur-state='enabled']:after {
        -webkit-transform: rotate( -225deg) translateY(-50%);
        top: 37%;
        right: 5%;
    }
    .footer-Aboutus[data-ur-state='enabled']:after {
        -webkit-transform: rotate( -225deg) translateY(-50%);
        top: 37%;
        right: 5%;
    }
    #footer [class*="footer-"] {
        margin: 0 !important;
    }
    .product_quick_stats .quick_stat_entry .quick_stat_value a {
        font-size: 12px !important;
    }
    table.emailme-tblmob tr {
        display: table-row !important;
    }
    table.emailme-tblmob td:first-child {
        width: 5% !important;
    }
    table.emailme-tblmob td:nth-child(2) {
        width: 20% !important;
    }
    table.emailme-tblmob td:nth-child(3) {
        width: 60% !important;
    }
    table.emailme-tblmob td {
        padding: 10px 0 !important;
    }
    /* Business Partner */
    .bpcontainer {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        display: inline-block;
    }
    .bpwidth16 {
        width: 33.33%;
        display: inline-block;
        float: left;
    }
    .bpwidth50 {
        width: 100%;
        display: inline-block;
        float: left;
    }
    .bpwidth52 {
        width: 100%;
        display: inline-block;
        float: left;
    }
    .bpwidth100 {
        width: 100%;
        display: inline-block;
        float: left;
    }
    .bpheader-section img {
        width: 100% !important;
    }
    .dbwidth100 p {
        padding: 10px;
    }
    .bpcontainer .label {
        width: 100%;
        float: left;
        padding: 10px 0;
    }
    .bpbody-section {
        padding: 0 10px;
    }
    .bpbody-section input,
    .bpbody-section select {
        width: 100% !important;
    }
    .bpbody-section select {
        border: 1px solid #d4d4d4 !important;
    }
    .bpbody-section .bpapplybtn {
        width: auto !important;
    }
    .article-content .V13 {
        width: auto !important;
    }
}


/* Desktop ----------- */

@media only screen and (min-device-width: 1025px) and (max-device-width: 1280px) {
    .onlymob {
        display: none;
    }
    #mw-show {
        display: none;
    }
}

@media only screen and (min-width: 1025px) {
    .onlymob {
        display: none;
    }
    #mw-show {
        display: none;
    }
    /* homepage for desktop */
    #main-section #content-block #la-hero-wrapper {
        width: 1024px;
        margin: 15px 0 0 0;
    }
    #main-section #content-block #la-hero-wrapper #hero-wide {
        width: 1024px;
        height: 480px;
        margin: 0 30px 0 0;
        float: left;
    }
    #main-section #content-block #la-hero-wrapper #hero-1 {
        width: 591px;
        height: 480px;
        margin: 0 30px 0 0;
        float: left;
    }
    #main-section #content-block #la-hero-wrapper #hero-2 {
        width: 400px;
        height: 225px;
        margin: 0 0 30px 0;
        float: right;
    }
    #main-section #content-block #la-hero-wrapper #hero-3 {
        width: 400px;
        height: 225px;
        margin: 0 0 0 0;
        float: right;
    }
    #main-section .la-homepage-container {
        width: 100%;
    }
    #main-section .la-homepage-container .la-three-col {
        width: 33.3333%;
        float: left;
        font-style: italic;
        padding: 0 2%;
        border-right: 1px solid #ccc;
    }
    .m-la-three-col {
        margin: 20px 0 0 0;
    }
    #main-section .la-homepage-container .la-three-col:last-child {
        border-right: none;
    }
    .group:after {
        content: "";
        display: table;
        clear: both;
    }
    #main-section #content-block .container-2 {
        margin: 0 auto !important;
    }
    #main-section #content-block .container-2 .row {
        margin: 0 !important;
    }
    #main-section #content-block .container-2 .row .col img {
        align-content: center;
        width: 512px;
        height: auto;
    }
    .resource .container-2 {
        padding: 20px !important;
    }
    .margin-fix {
        margin: 30px 0 0 0;
    }
    .padding-fix {
        padding: 30px 0 0 0;
    }
    #main-section .pt-5 {
        padding: 0 !important;
    }
    #main-section .pt-5 .logos-wrap {
        margin: 0 !important;
    }
    .mobile-la-site-banner {
        width: 1032px;
        margin: 0 auto;
    }
}