@import 'mobile_and_tablet.css';

/*(w: 1 - 479px)*/

#body {
    width: auto;
    font-size: 13px;
}

    .content-inner, #body .bx-controls {
        width: 94%!important;
    }

h2 {
    font-size: 20px;
}

.slider-txt {
    font-size: 14px;
    line-height: 30px;
    width: 100%;
    padding: 40px 0 20px 0;
}

    .slider-txt h1 {
        font-size: 36px;
    }

.btn-slider a.btn {
    font-size: 13px;
    display: block;
    margin-right: 0!important;
    margin-bottom: 10px;
    width: 150px;
    text-align: center;
    padding: 0px 10px;
}

.category-circle {
    width: 100%;
    height: 130px;
    margin: 0 auto;
    background-color: #fff;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-size: cover;
    margin-bottom: 25px;
}

.category .content-inner {
    width: 100%!important;
}

.category ul li:hover .category-circle {
    border: none;
}

.category ul {
    margin-top: 0px;
}

    .category ul li {
        display: block;
        text-align: center;
        margin-right: 0px;
        margin-bottom: 30px;
    }

        .category ul li a {
            font-size: 18px;
        }

.blue-block-img {
    background-size: cover;
}

.blue-block-txt {
    font-size: 13px;
    line-height: 30px;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}

.gray-block-txt {
    font-size: 14px;
}

#body .footer-bottom {
    font-size: 11px;
}

.category {
    padding-bottom: 18px!important;
}

.gray-block-img {
    background-color: #e7e7e7;
    background-image: none;
    padding-top: 60px!important;
    padding-bottom: 60px!important;
}

.btn-grey-block a.btn {
    font-size: 13px;
}

.logo img {
    width: 140px;
    z-index: 10;
}

.footer-nav .sfNavWrp {
    display: none;
}

.footer-logo, .footer-nav {
    float: none;
    width: 100%;
    text-align: center;
}

    .footer-nav ul {
        text-align: center;
    }

.footer-top {
    background: #231f20;
}

.footer-nav ul li:first-child {
    margin-left: 0px;
}

.footer-nav {
    padding-top: 10px;
}

.top-buttons-mobile a {
    color: #fff;
    text-decoration: none;
    background-color: #0081C6;
    margin: 32px 0;
    width: 36px;
    height: 30px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    text-align: center;
    font-size: 18px;
}

.mobile-menu .header-toogle > a {
    margin: 32px 0;
}

.top-buttons-mobile, .header-toogle {
    display: block;
    float: right;
}

.top-buttons {
    display: none;
}

.top-buttons-mobile {
    margin-right: 10px;
}

.mm-listview > li.play-btn {
    display: block;
}

.arc-block {
    display: none;
}

.blue-block {
    padding: 60px 0;
}

.search-panel {
    text-align: left;
}

    .search-panel fieldset {
        left: 0;
        right: auto;
        width: 100%;
    }

#body .k-autocomplete {
    width: 100%;
    border: none;
}

.search-panel fieldset input[type="text"] {
    width: 100%!important;
    padding: 6px 0;
    padding-right: 0;
}

.ribbon-slider {
    display: none;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: left;
}

    .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
        display: inline-block;
        margin-bottom: 10px;
    }

.footer-info {
    font-size: 13px;
}
/*************/
.bar-section {
    /*display: none;*/
}

.changing-content {
    width: 100% !important;
}

    .changing-content > div {
        margin: 0!important;
    }

#body .top-line {
    border-top: 0;
    padding-top: 0;
}

#body .SecondSection-left {
    padding-top: 0px;
}

#body .SecondSection {
    padding-top: 40px;
    border-top: 1px solid #0081c6;
}

#body .column-count-2 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}

#body .mobile-bar-list {
    display: block;
}

.footer-info p a {
    font-size: 13px;
}

.image-news {
    text-align: center;
    margin-bottom: 10px;
}

    .image-news img {
        max-width: 320px;
    }

.breadcrumbs-block .RadSiteMap_Default .rsmOneLevel .rsmLink, .breadcrumbs-block .RadSiteMap_Default .sfBreadcrumbNodeSeparator {
    font-size: 14px;
}

.breadcrumbs-block .ribbon-slider {
    display: none;
}

.breadcrumbs-block h1 {
    font-size: 36px;
}

#body .bar-list-top {
    font-size: 22px;
}

#body .column-top {
    margin-bottom: 10px;
}

.calculatorBlock { width: 100%; margin: 0 auto; }
.calculatorBlock .materialClass { padding: 5px 20px; }
.calculatorBlock .materialClass .leftCalc {}
.calculatorBlock .materialClass .rightCalc {}
.calculatorBlock .materialClass .rightCalc input {}
.calculatorBlock .materialClass .rightCalc label {}
.calculatorBlock .dimension { padding: 5px 20px; }
.calculatorBlock .dimension .leftCalc {}
.calculatorBlock .dimension .rightCalc {}
.calculatorBlock .dimension .rightCalc input {}
.calculatorBlock .dimension .rightCalc label {}
.calculatorBlock .systemOfmeasure { padding: 5px 20px; }
.calculatorBlock .systemOfmeasure .leftCalc {}
.calculatorBlock .systemOfmeasure .rightCalc {}
.calculatorBlock .systemOfmeasure .rightCalc input {}
.calculatorBlock .systemOfmeasure .rightCalc label {}
.calculatorBlock .rectangleSlider { padding: 5px 20px; }
.calculatorBlock .rectangleSlider .leftCalc {}
.calculatorBlock .rectangleSlider .rightCalc {}
.calculatorBlock .footerCalc { padding: 5px 20px; }
.calculatorBlock .footerCalc .leftCalc {}
.calculatorBlock .footerCalc .leftCalc h3 {}
.calculatorBlock .footerCalc .rightCalc {}
.calculatorBlock .footerCalc .rightCalc #weightClc {}
.calculatorBlock .footerCalc .rightCalc .orPounds {}

.leftCalc {
    display: block;
    width: 100%;
    vertical-align: top;
    text-align: left;
    margin-right: 10px;
}

.rightCalc {
    display: block;
    width: 100%;
}

.srm {
    width: 50%;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.calculatorBlock .noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    left: -12px;
    top: -10px;
}

.calculatorBlock .noUi-handle:before, .calculatorBlock .noUi-handle:after {
    left: 8px;
}

.calculatorBlock .noUi-handle:after {
    left: 12px;
}

/*********************/
.tableProductsList.visProductsList {
    display: block;
}

    .tableProductsList.visProductsList > tbody, .tableProductsList.visProductsList > tbody > tr, .tableProductsList.visProductsList > tbody > tr > td {
        display: block;
        width: 100%;
        padding: 0;
        border: 0;
    }
/*.sfproductListItem {
    position: relative;
}
.sfAddToCartBlock {
    position: absolute;
    top: 5px;
}*/
.shopTableBlock {
    padding: 0;
}

.tableProductsList.visProductsList > tbody > tr > td > div {
    padding: 5px;
}

.sfProductsSortByWrp .sfSortByWrp {
    margin: 0;
}

.sfproductDescription {
    background: #0081C6;
    color: #fff;
}

.productTitle, .productSku {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.productSku {
    text-align: right;
}

.tableProductsList.visProductsList > tbody > tr > td.sfproductPricing {
    width: 62%;
    display: inline-block;
}

.tableProductsList.visProductsList > tbody > tr > td.sfAddToCartBlock {
    width: 35%;
    display: inline-block;
}

.shopTableBlock table td .sfproductInStock strong {
    font-size: 12px;
}

.tableProductsList.visProductsList > tbody > tr {
    margin-bottom: 20px;
}

.sfcartSummaryWrpTop {
    position: static;
    background: none;
    padding: 10px;
    text-align: right;
}

.footerCatalogTotalCount {
    margin: 0;
}
/**/
/*.sfshoppingCartWrp  table>tbody, .sfshoppingCartWrp table>tbody>tr,.sfshoppingCartWrp table>tbody>tr>td
 {
        display: block;
    width: 100%;
    padding: 0;
    border: 0;
}*/
.sfshoppingCartWrp table .sfQuantity {
    padding: 0;
        font-size: 14px;
}

.sfshoppingCartWrp .RadGrid {
    padding: 2px;
}

.sfItmDiscountDscCol, .sfItmDiscountDscCol {
    display: none;
}

.customCheckout {
    margin-top: 20px;
    display: block;
    text-align: center;
}

.RadTabStrip .rtsLI {
    float: none;
    display: block;
}

.sfcheckoutTabstrip.RadTabStrip .sfStep {
    text-align: center;
}

.sfcheckoutTabstrip.RadTabStrip .rtsLink {
    text-align: left;
    background-image: none;
}

.sfcheckoutTabstrip.RadTabStrip .rtsUL {
    width: 100%;
}

.sfcheckoutMulitPage .sfcheckoutFormItm .sfTxtLbl {
    display: block;
    width: 100%;
    float: none;
}

.sfcheckoutFormWrp .sfTxt {
       padding: 5px 5px;
    width: 90%;
}

.sfcheckoutMulitPage, .sfcheckoutMulitPage, .orderInfoPanel {
    padding: 10px;
}

.sfCountryShipping {
    width: 100%!important;
}

.sfcheckoutFormWrp select {
    width: 97%!important;
}
.sfcheckoutBtnsWrp {
    padding: 10px;
    margin: 10px -10px -10px;
}

.previewAddress {
    width: 100%;
    display: block;
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
.previewMethod {
    width: 100%;
    display: block;
    border-top: 1px dashed #ccc;
    margin-top: 5px;
    padding-top: 5px;
}
.orderInfoPanel .sfcheckoutBtnsWrp {
    display: none;
}

.sfregisterFormWrp ol li >div.sfFieldWrp, .sfLoginWrp li input.sfTxt {
    display: block;
    width: 91%;
}
.sfregisterFormWrp ol li >div, .sfLoginWrp li label.sfTxtLbl {
    display: block;
    width: 100%;
}

/* table fixes */

#body .container .table-styles table th {
    padding: 0.5em;
    font-weight: 400;
    font-size: 12px;
}
#body .container .table-styles table td {
    font-size: 12px;
    line-height: 12px;
    min-height: 30px;
}

/* Force table to not be like tables anymore */
#body .container .table-mobile-styles table,
#body .container .table-mobile-styles thead, 
#body .container .table-mobile-styles tbody, 
#body .container .table-mobile-styles th, 
#body .container .table-mobile-styles td,
#body .container .table-mobile-styles tr { 
    display: block; 
}
	
/* Hide table headers (but not display: none;, for accessibility) */
#body .container .table-mobile-styles th { 
    position: absolute;
    top: -9999px;
    left: -9999px;
}
#body .container .table-mobile-styles td { 
    position: relative;
    padding-left: 48% !important;
}
#body .container .table-mobile-styles td:before { 
    padding-right: 10px;
    font-weight: 600;
    position: absolute;
    left: 10px;
    width: 45%;
}

/* Label the data */

#body .container .faqs-composite01 td:nth-of-type(1):before { content: "Material:"; }
#body .container .faqs-composite01 td:nth-of-type(2):before { content: "Rod Minimum (diameter x length):"; }
#body .container .faqs-composite01 td:nth-of-type(3):before { content: "Rod Maximum (diameter x length):"; }
#body .container .faqs-composite01 td:nth-of-type(4):before { content: "Maximum Weight:"; }
#body .container .faqs-composite01 td:nth-of-type(5):before { content: "Flat Bar Minimum:"; }
#body .container .faqs-composite01 td:nth-of-type(6):before { content: "Flat Bar Maximum:"; }

#body .container .faqs-composite02 td:nth-of-type(1):before { content: "Material:"; }
#body .container .faqs-composite02 td:nth-of-type(2):before { content: "Rod Minimum (diameter x length):"; }
#body .container .faqs-composite02 td:nth-of-type(3):before { content: "Rod Maximum (diameter x length):"; }
#body .container .faqs-composite02 td:nth-of-type(4):before { content: "Flat Bar Minimum:"; }
#body .container .faqs-composite02 td:nth-of-type(5):before { content: "Flat Bar Maximum:"; }

#body .container .silver-tungsten01 td:nth-of-type(1):before { content: "Material:"; }
#body .container .silver-tungsten01 td:nth-of-type(2):before { content: "Composition:"; }
#body .container .silver-tungsten01 td:nth-of-type(3):before { content: "Hardness:"; }
#body .container .silver-tungsten01 td:nth-of-type(4):before { content: "Conductivity:"; }
#body .container .silver-tungsten01 td:nth-of-type(5):before { content: "Density:"; }
#body .container .silver-tungsten01 td:nth-of-type(6):before { content: "Uses:"; }

#body .container .machining-joining td:nth-of-type(1):before { content: "Material:"; }
#body .container .machining-joining td:nth-of-type(2):before { content: "Stiffness:"; }
#body .container .machining-joining td:nth-of-type(3):before { content: "Machinability:"; }

#body .container .copper-tungsten td:nth-of-type(1):before { content: "Mi-Tech:"; }
#body .container .copper-tungsten td:nth-of-type(2):before { content: "Nominal Composition % Weight:"; }
#body .container .copper-tungsten td:nth-of-type(3):before { content: "Rockwell Hardness:"; }
#body .container .copper-tungsten td:nth-of-type(4):before { content: "Electrical Conductivity % IACS:"; }
#body .container .copper-tungsten td:nth-of-type(5):before { content: "Ultimate Tensile Strength PSI:"; }
#body .container .copper-tungsten td:nth-of-type(6):before { content: "Cross Breaking Stregth PSI:"; }
#body .container .copper-tungsten td:nth-of-type(7):before { content: "Density g/cc:"; }
#body .container .copper-tungsten td:nth-of-type(8):before { content: "Typical Resistance Welding Applications:"; }

#body .container .table-mobile-2 {}
#body .container .table-mobile-2 table {
    border: 0px;
}
#body .container .table-mobile-2 tr {
    background-color: transparent !important;
}
#body .container .table-mobile-2 td {
    width: 43%;
    display: inline-block;
    min-height: 48px;
    line-height: 14px;
    float: left;
}
#body .container .table-mobile-2 td:nth-child(3n),
#body .container .table-mobile-2 td:nth-child(4n) {
    background-color: #CEDEEE;
}

/* Tungsten Alloys Chart */
.tungsten-alloys {
    display: none;
}
.tungsten-alloys-mobile {
    display: block;
}

/** Contct Form **/
.contact-form {
    max-width: 260px;
}
.contact-form .sfFormSubmit {
    width: 85%;
}