@media (max-width: 1150px) {
    body, .page {
        overflow-y: auto;
    }
    #backToTop {
        right: 10px !important;
    }

    .overlay, .secondTable ul li ul, .firstTable, .tableGen, .inTable{
        width: 100%;
    }
    #MainContentArea > div.contentwidth {
        padding-left: 10px;
        padding-right: 10px;
    }
    #IFrameHeight {
        padding: 10px 15px 0 !important;
    }
    hr{
        width: 99%;
        margin: 0 auto !important;
    }

}

@media (max-width: 1050px) {
    .product_info{
        width: 204px !important;
    }
}

@media (max-width: 768px) {
    .bodyfixed {
        position: fixed;
        overflow: hidden;
    }
    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        margin: 0 7px;
    }
    .boxColumn > div{
        display: block;
        padding: 5px 0 10px 5px;
    }
    .absolute_wrap{
        position: static;
    }
    #WarrantyArea .WarrantyFrame {
        width: 99% !important;
        padding: 10px !important;
    }
    .warranty_page .column.fifth{
        width: 50%;
        float: left;
    }
    .warranty_page .invDesWidth{
        width: 90%;
        margin-bottom: 10px;
    }
    .warranty_list .invDesWidth{
        width: 80%;
    }
    #WarrantyArea  input[type="checkbox"]{
        float: left;
        margin: 2px 10px 3em 10px;
    }
    .warranty_page .myaccount-border label {
        width: 98%;
        width: calc(100% - 50px);
    }
    .search_page-header textarea {
        width: 100%;
    }
    .reportDetail .detail-info .tableGen.firstTable, .statusreport_page .imageWidth, .pdf-text {
        text-align: center;
    }
    footer .customblock {
        margin-left: 0px !important;
    }
    hr {
        width: 98%;
    }
    .point_login, .shadow_login {
        display: none;
    }
    .customblock table, .customblock tr, .customblock td, .customblock tbody {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
    .body_container, .warranty_page .span6 {
        width: 100% !important;
    }
    .body_container {
        padding: 0 !important;
    }
    .nav-menu.custom_max_w {
        padding: 0 !important;
    }
    .product-viewer.third {
        text-align: center;
    }
    .invDetail {
        margin-top: 10px !important;
    }
    #backToTop {
        right: 30px !important;
    }
    .tableGen {
        display: block;
    }
    .orderdetails_row div.column.fourth {
        margin-bottom: 1.5em !important;
    }
    .cart_dashed_line.span10 {
        width: 100%;
    }
    #IframeContent .orderBorder, .overlay .orderBorder {
        padding: 0;
    }
    .item_row > div.column, .item_row > div > div {
        display: block;
    }
    .pdf_invoice-w20 {
        display: block !important;
        width: 100 !important;
    }
    .invoice_iframe {
        top: 0;
    }
    .fixedTop {
        top: 40px !important;
    }
    #SurveyIframe {
        max-width: 95% !important;
    }
    #iframe_details, .column-left , .column-right , .secondTable ul li ul, .firstTable, .imageWidth, .inTable, .borderHR, .invDesWidth{
        max-width: 100% !important;
    }
    .padding-left {
        padding-left: 0;
    }
    .product_wrap.column {
        width: 100% !important;
        margin-bottom: 45px !important;
    }
    .main_account section, .myaccount-border >label {
        width: 100%;
    }
    .mobile-visible, .mobile-block, .x-gap.mobile-visible {
        display: block !important;
    }
    .mobile-hidden, .x-gap {
        display: none !important;
    }
    .page_navigator, .page_navigator-bottom {
        text-align: right;
        margin-top: 10px;
    }
    .page_navigator ul, .page_navigator-bottom ul {
        width: 100%;
        margin: 15px 0;
    }
    .page_nav.mobile-visible {
        margin: 15px 0;
    }
    .page_nav .menu_selected{
        padding: 5px;
    }
    .page_nav .menu_selected a{
        font-size: 1.5em;
        text-decoration: none;
    }
    .overlay {
        width: 100% !important;
        height: 100% !important;
        max-height: 100%;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        z-index: 19;
    }
    .overlay_content .ordering-nav{
        position: static;
        padding: 10px 0;
    }
    .overlay_content {
        /*height: 100vh;*/
        max-height: none;
        padding: 25px 10px;
    }
    .overlay .orderring-hidden{
        padding-bottom: 0;
    }
    .clear-float{
        float: unset !important;
        text-align: center;
        margin-bottom: 10px;
    }
    .tableGen{
        background-color: transparent;
    }
    .tableGen ul{
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }
    .tableGen ul li{
        display: block;
        width: 100%;
    }
    .inTable ul, .tableProduct ul li ul{
        display: table-row !important;
    }
    .statusreport_page .inTable ul {
        display: block !important;
    }
    .inTable ul li, .mobile-cell{
        display: table-cell !important;
    }
    .inTable ul li ul{
        display: block;
        margin: 0 5px 0 5px;
        text-align: center;
    }
    .textSpecification{
        width: 120px;
    }
    .returnList{
        margin-top: 0 !important;
        margin-bottom: 0;
    }
    .returnList ul{
        margin-bottom: 20px !important;
    }

    .returnList ul .moblie-return{
        background-color: #FFFFB4;
        color: black;
        text-align: left !important;
    }
    .returnList ul:last-child .return-none, .topli{
        display: none !important;
    }

    .returnList ul:last-child li{
        padding: 5px;
    }
    .returnList ul, .clearbackgroundPDF li {
        background-color: white;
    }
    .moblie-show{
        display: inline-block !important;
    }
    .returnlist-width{
        display: table-cell !important;
        text-align: right !important;
    }
    .tableProduct ul li ul .moblie-right:last-child{
        text-align: right !important;
    }
    .moblie-left, .returnList ul li ul li, .first-invoice-table ul li.invDetail {
        text-align: left !important;
    }
    .tableProduct{
        border: none;
    }
    .tableProduct ul {
        width: 100% !important;
        margin-bottom: 30px ;
        border-top: 1px solid #bebdbb;
        border-left: 1px solid #bebdbb;
        border-right: 1px solid #bebdbb;
        padding: 0;
    }
    .tableProduct ul li{
        width: 100% !important;
        display: table ;
        padding: 0;
        margin: 0;
        border-right: none;
    }
    #returnreport .tableProduct ul.clearbackgroundPDF li{
        padding: 5px;
        text-align: left !important;
    }
    .tableProduct ul .mobile-visible{
        display: table !important;
    }
    .moblie-return.Cell4 .mobile-visible{
        display: inline-block !important;
        float: right;
    }

    .tableProduct ul li ul li{
        width: 20% !important;
        display: table-cell ;
        text-align: left;
        white-space: normal;
        word-break: break-all;
        padding: 5px;
    }
    .tableProduct ul li ul li:last-child{
        width: 60% !important;
        text-align: center !important;
    }

    input[type="number"]{
        width: 15%;
    }
    .tableProduct ul .textHeader{
        height: 20px !important;
        vertical-align: middle !important;
    }

    .invoiceTable{
        display: block;
        margin-top: 0;
        border-top: none;
        border-right: none;
    }
    .invoiceTable ul{
        width: 100% !important;
        margin-top: 2em;
        padding: 0 !important;
    }
    .invoiceTable ul li{
        display: table;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        border: none;
    }
    .invoiceTable ul li ul{
        border: none;
        display: table-row !important;
    }
    .invoiceTable ul li ul li{
        border-top: 1px #bebdbb solid !important;
        border-left: 1px #bebdbb solid !important;
        display: table-cell !important;
        border: none;
        width: 50% !important;
        text-align: left !important;
        padding: 8px !important;
    }
    .tableGen.invoiceTable ul {
        border-bottom: 1px #bebdbb solid !important;
        border-right: 1px #bebdbb solid !important;
    }

    .invoiceTotal{
        border: 1px #bebdbb solid !important;
        margin: 2em 0;
    }

    .invoiceTotal ul{
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .invoiceTotal ul li{
        width: 100% !important;
        display: block;
        text-align: right !important;
    }
    .invoiceTotal ul li:first-child{
        background: #F2F2F1;
        width: 100% !important;
        text-align: center !important;
        margin: 0 0 3px 0  !important;
        padding: 0 0 10px 0 !important;
        border-bottom: 1px #bebdbb solid !important;
    }
    .invoiceTotal ul li.invWidth45per {
        padding: 10px 0 10px 0 !important;
    }

    .invoiceTotal ul li ul li:first-child{
        display: table-cell;
        margin: 0   !important;
        padding-left:5px !important;
        text-align: left !important;
        border-bottom: none !important;
        background: white;
        text-align: right;
    }
    .invoiceTotal ul li ul li:last-child{
        border: none;
        display: table-cell;
        width: unset !important;
    }
    .headerTable, .inTable ul li.mobileSet{
        display: none !important;
    }
    .inTable, .inTable ul li ul{
        float: unset;
        margin: 0;
    }
    .inTable{
        width: 100% !important;
    }
    .inTable ul{
        display: inline-block;
        width: 100%;
    }
    .inTable ul li{
        display: block !important;
        width: 100% !important;
        padding: 0.2em;

    }
    .inTable ul li ul li, .pdf-Weight ul li.fullblock {
        display: inline-block !important;
        width: 50% !important;
    }
    .inTable ul li ul:first-child{
        border-top: 1px #bebdbb solid;
        border-left: 1px #bebdbb solid;
        border-right: 1px #bebdbb solid;
    }
    .inTable ul li ul:last-child{
        border-bottom: 1px #bebdbb solid;
        border-left: 1px #bebdbb solid;
        border-right: 1px #bebdbb solid;
    }
    /*.inTable ul li ul li:last-child{
    text-align: left;
    }*/
    .inTable ul.headerTable {
        display: none !important;
    }
    .mobileDisplay{
        display: inline-block !important;
    }

    #contentstyle .moblieShowHeader{
        display: block !important;
        width: 100% !important;
        text-align: center;
    }
    .secondTable .borderHR{
        margin: 20px 0;
    }
    .column.third.carttotal {
        width: 100%;
    }
    .imageWidth .product_img {
        text-align: center;
        display: inline-block !important;
        margin: 0 5px 5px 0;
    }
    .customblock.span1, .customblock.span2, .customblock.span3, .customblock.span4, .customblock.span5, .customblock.span6, .customblock.span7, .customblock.span8, .customblock.span9, .customblock.span10, .customblock.span11, .customblock.span12 {
        display: block;
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }
    .warranty_page #WarrantyContent input{
        width: 100%;
    }
    #WarrantyPage.warranty_page .warranty_button {
        width: 30%;
        float: right;
        margin-bottom: 25px;
        padding: 8px !important;
    }
    .imageSet, li.imageSet.pdf-width{
        float: none;
        width: 100% !important;
        margin: 0 auto;
        padding-bottom: 10px;
        text-align: center;
    }

    .surveyMatrix{
        clear: both;
        display: block;
    }

    .matrix-destop{
        display: none !important;
    }
    .Matrix-row{
        display: block;
        text-align: left;
        margin-left: 1.5em;
    }
    .Matrix-cell{
        display: block;
        text-align: left !important;
    }
    .Matrix-cell >.highlight{
        display: inline-block !important;
    }
    .Matrix-cell.text-center{
        margin-left: 1.5em;
    }
    .matrix-moblie{
        display: inline-block !important;
    }
    .left-label-form label {
        display: block;
    }
    .left-label-form input[type="text"] {
        width: 95%;
    }
    #IframeOverlay {
        max-height: none;
        height: 100vh !important;
        top: 0;
    }
}


@media (max-width: 640px){
    .container {
        font-size: 0.95em;
    }
    .faq_list , .matrix-destop, .clearbr {
        display: none !important;
    }
    .form_body input[type="text"], .form_body input[type="password"], .form_body select {
        width: 100%;
    }
    #IframeContent .ordering_page {
        margin-bottom: 150px;
        margin-top: 30px;
    }
    .ordering-nav .button, .ordering-nav button {
        min-width: 70px;
        min-height: 28px;
        max-width: none;
        padding: 10px 5px;
        width: 95%;
    }
    .orderring-btn{
        margin-right: 0;
        margin-bottom: 15px;
        text-align: center;
    }
    .orderring-btn .button{
        width: 30%;
        padding: 5px;
        vertical-align: middle;
        text-align: center;
    }
    .cart_page .button, .cart_page button{
        width: 98%;
        max-width: none;
    }
    .textSpecification{
        text-align: center !important;
        width: 100%;
    }

    .leftText {
        margin-left: 0;
    }
    .moblieShow{
        display: inline-block  !important;
    }
    .secondTable ul{
        width: 100% ;
        margin: 0 auto;
    }
    .tableProduct ul li ul li:first-child{
        display: none !important;
    }
    .small-size{
        text-decoration: underline;
        font-weight: bold;
        display: block !important;
    }
    .small-moblie-header{
        display: block !important;
        text-align: center !important;
        padding: 5px;
    }
    .returnList ul li ul .moblie-small:first-child{
        display: table-cell !important;
        width: 50% !important;
    }
    .inv-med .floatleft, .inv-med .floatright{
        float: unset;
        width: 100% !important;
    }

    .surveyMatrix{
        text-align: left;
    }
    .Matrix-row{
        margin: 1em;
        width: 100%;
        max-width: 270px;
    }
    .Matrix-cell{
        padding: 0.2em;
    }
    input[type="checkbox"], input[type="radio"], .surveyoption input[type="checkbox"], .surveyoption input[type="radio"]  {
        transform: scale(1.8);
        margin: 1em 10px 0 7px;
        /*0.8em 1.2em 0 7px*/
    }
}