.dk-container ul {
     list-style: none;
     padding: 0;
 }

 .dk-container .header-wrap {
     padding: 0 0 10px;
     border-bottom: solid 1px var(--text-color);
 }

 .dk-container .header-wrap .dk-icon-border {
     height: 41px;
     max-width: 43px;
     margin: 0 9px 0 0;
     padding: 5px;
     border-radius: 4px;
     border: 1px solid var(--red);
     background: var(--white);
 }

 .rtl .dk-container .header-wrap .dk-icon-border {
     margin: 0 0 0 9px;
 }

 .dk-container .header-wrap .dk-icon {
     margin-right: 1em;
     height: 50px;
     width: 80px;
 }

 .dk-container .header-wrap .btn-actions {
     margin: 0;
     font-size: 0;
 }

 .dk-container .header-wrap .btn-actions li {
     display: inline-block;
     padding: 0 5px;
     font-size: 14px;
 }

 .dk-container .header-wrap .btn-actions li a {
     display: inline-block;
     padding: 10px 20px;
     font-weight: 700;
     color: var(--text-color);
     text-decoration: none;
     border-radius: 30px;
     border: 1px solid var(--border-color);
 }

 .dk-container .header-wrap .btn-actions li a:hover {
     border: 1px solid var(--red);
 }

 .dk-container .header-wrap .btn-actions li .fa {
     padding: 0 2px 0 0;
     color: var(--red);
 }

 .rtl .dk-container .header-wrap .btn-actions li .fa {
     padding: 0 0 0 2px;
 }

 .dk-container .single-dk-calc-cont .dk-calc-wrap .calc-output {
     padding: 15px;
     border: 1px solid var(--border-color);
     border-radius: 5px;
 }

 .dk-container .single-dk-calc-cont .dk-calc-wrap .calculator-input .input-dropdown {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     -o-appearance: none;
     width: 50px;
     height: 40px;
     padding: .7em 0.375em .7em 0.5em;
     font-size: 13px;
     text-align-last: left;
     color: var(--text-color);
     box-sizing: border-box;
     background-color: var(--bg-color--input);
     border-radius: 0 4px 4px 0;
     border: 2px solid transparent;
     box-shadow: 0 0 0 1px var(--cloud-grey);
     outline: 0;
 }

 .rtl .dk-container .single-dk-calc-cont .dk-calc-wrap .calculator-input .input-dropdown {
     border-radius: 4px 0 0 4px;
     text-align-last: right;
 }

 .dk-container .single-dk-calc-cont .dk-calc-wrap .calculator-input .input-dropdown:focus {
     outline: 0;
 }

 .dk-container .input-headline {
     display: block;
     margin: 0 0 5px 0;
     font-size: 13px;
     font-weight: bold;
     text-align: left;
 }

 .rtl .dk-container .input-headline {
     text-align: right;
 }

 .dk-container .calculator-mod .calculator-input.bg-black .input-dropdown {
     position: absolute;
     z-index: 5;
 }

 .dk-container .related-tools-wrap {
     padding: 30px 0 0;
 }

 .dk-container .related-tools-wrap h2 {
     margin: 0;
     padding: 0 0 10px;
     font-size: 20px;
     font-weight: bold;
 }

 .dk-container .related-tools-wrap ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-template-rows: 1fr;
     grid-gap: 2em;
 }

 .dk-container .related-tools-wrap ul li a {
     display: block;
     padding: 15px;
     color: var(--text-color);
     text-align: center;
     border: 1px solid var(--border-color);
     border-radius: 5px;
     text-decoration: none;
 }

 .dk-container .related-tools-wrap ul li a:hover,
 .dk-container .related-tools-wrap ul li a:focus {
     text-decoration: none;
     border: 2px solid var(--red);
 }

 .dk-container .related-tools-wrap ul li span {
     display: block;
     padding: 10px 0 0;
     margin-top: auto;
 }

 .dk-container .inputs .calculator-input {
     display: grid;
     grid-template-columns: 1fr 50px;
     grid-template-rows: 1fr;
     grid-template-areas: 'input dd';
     margin-bottom: 15px;
 }

 .dk-container .inputs .calculator-input input {
     grid-area: input;
     appearance: none;
     -webkit-appearance: none;
     width: 100%;
     min-width: 10ch;
     height: 40px;
     padding: .7em 1em;
     outline: 0;
     box-sizing: border-box;
     border: 2px solid transparent;
     border-radius: 4px 0 0 4px;
     background-color: var(--bg-color--input);
     color: var(--text-color);
     box-shadow: 0px 0px 0px 1px var(--cloud-grey);
     transition: box-shadow .2s ease;
 }

 .rtl .dk-container .inputs .calculator-input input {
     border-radius: 0 4px 4px 0;
 }

 .dk-container .inputs .calculator-input input::placeholder {
     color: var(--cloud-grey);
 }

 .dk-container .inputs .calculator-input .input-dropdown:focus {
     outline: 0;
 }

 .dk-container .inputs .calculator-input .input-label,
 .dk-container .calculator-input .input-dropdown {
     grid-area: dd;
     padding: 10px 0;
     box-sizing: border-box;
     height: 40px;
     border-radius: 0 4px 4px 0;
     background-color: var(--bg-color);
     border: 1px solid var(--border-color);
     color: var(--text-color);
     display: inline-block;
 }

 .dk-container .inputs .calculator-input .input-dropdown {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsSAAALEgHS3X78AAAAuElEQVRIie3WWw3DMAwF0NsiaIJgDEZhEEohDAphEAZhEAZhEDYippDKVdVq6yPO1lhVlfvnD+tIli258N5DM6WqlsFDgIUxpgLwBHBObL0BXBh8KWADyiM9KWGcisFGEbyWRHQH4BQwx1a3pQqo643xLBKiA4bvw0+AfmATcGN0gs2CG6Gz2CL4J7qIrYI/oqtYEIxEg5gIFKIiTAwGUDHGiX6irLU1gFtfNkT0iOnPX1sGdw4CaAESg2cDBgmWTAAAAABJRU5ErkJggg==);
     background-position: right 1px center;
     background-repeat: no-repeat;
     background-size: 1.25ex;
     background-origin: content-box;
     padding-left: 0.5em;
     appearance: none;
 }

 .rtl .dk-container .inputs .calculator-input .input-dropdown {
     background-position: left 1px center;
 }

 .dk-container .single-headline-desc .other-calc-button {
     margin: 35px 0 0;
     padding: 10px 29px;
     font-size: 13px;
     border-radius: 0px;
     border: 1px solid var(--border-color);
     background: var(--bg-color--card);
     color: var(--text-color);
     display: inline-block;
     text-decoration: none;
 }

 .dk-container .calculator-input {
     position: relative;
     display: inline-block;
     width: 100%;
 }

 .dk-container .calculator-input .input-label {
     position: absolute;
     z-index: 5;
     right: 0;
     padding: 10px 0;
     box-sizing: border-box;
     height: 40px;
     width: 45px;
     border-radius: 0 3px 3px 0;
     background-color: var(--bg-color--card);
     border: 1px solid var(--border-color);
     text-align: center;
     font-size: 13px;
 }

 .dk-container .calculator-input .input-answer {
     left: 15px;
     right: auto;
     border-radius: 4px 0 0 4px;
     position: absolute;
     height: 40px;
     padding: 12px 8px 2px;
     box-sizing: border-box;
     font-weight: bold;
     color: var(--white);
 }

 .rtl .dk-container .calculator-input .input-answer {
     left: unset;
     right: 15px;
     border-radius: 0 4px 4px 0;
 }

 .dk-container .calculator-input input {
     border: 1px solid var(--border-color);
     border-radius: 3px;
     padding: 0 5px;
     max-width: 100%;
     width: 100%;
     box-shadow: none;
     box-sizing: border-box;
     height: 40px;
     color: var(--text-color);
 }

 .dk-container .calculator-input.bg-black .input-label {
     color: var(--white);
     border: 0;
     background: none;
 }

 .dk-container .calculator-input.bg-black input {
     padding: 0 30px;
     background: var(--onyx-grey);
     color: var(--white);
     border: none;
     text-align: center;
     border: none;
     border-radius: 20px;
     opacity: 1;
 }

 .dk-container .single-dk-calc-cont .inner-box [data-section],
 .dk-container .single-dk-calc-cont .inner-box .inputs>div {
     display: none;
 }

 .dk-container .single-dk-calc-cont .inner-box [data-section].active,
 .dk-container .single-dk-calc-cont .inner-box .inputs>div.active {
     display: block;
 }

 .dk-container .single-dk-calc-cont .inner-box .buttons {
     display: inline-flex !important;
     width: 100%;
     margin-bottom: 20px;
 }

 .dk-container .single-dk-calc-cont .inner-box .buttons button.disabled {
     cursor: default;
     color: var(--wispy-grey);
     background-color: var(--cloud-grey);
 }

 .dk-container .single-dk-calc-cont .inner-box .answer {
     margin: 0;
 }

 .dk-container .single-dk-calc-cont .inner-box .res-img {
     position: relative;
     padding: 5px;
     text-align: center;
     border-radius: 5px;
     border: 1px solid var(--border-color--card);
     background: var(--bg-color--card);
 }

 .dk-container .single-dk-calc-cont .dk-calc-wrap .calc-formula {
     margin-bottom: 20px;
     padding: 10px 20px;
     background: var(--bg-color--card);
     border: 1px solid var(--border-color--card);
     border-radius: 5px;
 }

 .dk-container .single-dk-calc-cont .dk-calc-wrap .calc-formula .formula-title {
     margin: 0 0 20px;
     padding: 4px;
     font-size: 14px;
     font-weight: 700;
     text-transform: uppercase;
     border-bottom: 1px solid var(--text-color);
 }

 .dk-container .calculator-input.bg-black select {
     margin: 0 18px 0 0;
     color: var(--white);
     border: 0 !important;
     background-color: var(--slate-grey) !important;
 }

 .modal-image {
     cursor: pointer;
 }

 .overflow-hidden {
     overflow: hidden !important;
 }

 .custom-modal {
     display: none;
     overflow: auto;
     position: fixed;
     z-index: 9999;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     padding: 100px 20px;
     background-color: rgba(0, 0, 0, 0.9);
 }

 .custom-modal.open-modal {
     display: block;
 }

 .custom-modal .the-img-modal {
     cursor: pointer;
     margin: auto;
     display: block;
     max-width: 700px;
 }

 .custom-modal #caption {
     display: block;
     width: 80%;
     max-width: 700px;
     margin: 0 auto;
     padding: 10px 0;
     color: var(--cloud-grey);
     text-align: center;
 }

 .custom-modal .the-img-modal,
 .custom-modal #caption {
     animation-name: zoom;
     animation-duration: 0.6s;
 }

 .custom-modal .close-modal {
     cursor: pointer;
     position: absolute;
     top: 25px;
     right: 65px;
     font-size: 40px;
     font-weight: bold;
     color: var(--white);
     transition: 0.3s;
 }

 .custom-modal .close-modal:hover,
 .custom-modal .close-modal:focus {
     color: var(--red);
 }

 .dk-container .single-dk-calc-cont .inner-box .unit-title-wrap {
     padding: 17px 0 15px;
 }

 .dk-radio-button-label {
     margin-right: 15px;
     position: relative;
     top: -8px;
     padding-left: 0;
 }

 .dk-container .content .calculator-mod .tab-calc-content {
     display: grid;
     grid-template-columns: 1fr auto;
     grid-template-rows: min-content;
     grid-column-gap: 2em;
     padding-top: 20px;
 }

 .dk-container .single-dk-calc-cont .dk-calc-wrap .inner-box .tab-content .tab-calc-content {
     display: grid;
     grid-template-columns: 1fr 1fr 0.8fr;
     grid-template-rows: min-content;
     grid-column-gap: 2em;
 }

 /* CALCULATOR RELATED TOOLS */
 .calculator-mod .related-tool-right {
     border-radius: 4px;
     border: 1px solid var(--border-color--card);
     background: var(--bg-color--card);
 }

 .calculator-mod .related-tool-container h2 {
     display: none;
 }

 .calculator-mod .related-tool-right ul {
     display: grid;
     grid-template-columns: 1fr;
 }

 .calculator-mod .related-tool-right ul a {
     display: grid;
     grid-template-columns: 60px 1fr;
     grid-gap: 15px;
     align-items: center;
     padding: 15px;
     color: var(--link-blue);
     text-align: center;
     text-decoration: none;
 }

 .calculator-mod .related-tool-right ul a:hover {
     text-decoration: underline;
 }

 .calculator-mod .related-tool-right ul li .dkc-related_img,
 .dk-container .related-tools-wrap ul li a .dkc-related_img {
     max-height: 45px;
     margin: 0 auto;
     padding: 4px;
     background: var(--white);
 }

 .calculator-mod .related-tool-right ul li span {
     padding: 10px 0 0;
     text-align: left;
     display: block;
     margin: 0 0 5px 0;
     font-size: 13px;
     font-weight: bold;
 }

 .rtl .calculator-mod .related-tool-right ul li span {
     text-align: right;
 }

 /* END RELATED TOOLS */

 .formula-desc {
     text-align: center;
 }

 .content-detail .formula-desc svg {
     background-color: var(--white);
 }

 /* RECOMMENDED PRODUCTS */
 .dk-container .recommended-products-wrap {
     padding: 30px 0 0;
 }

 .dk-container .recommended-products-wrap h2 {
     font-size: 20px;
 }

 .dk-container .recommended-products-wrap ul {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-template-rows: 1fr;
     grid-gap: 16px;
     margin: 0;
     padding: 0;
     list-style-type: none;
 }

 .dk-container .recommended-products-wrap .input-headline {
     display: block;
     margin: 0 auto 15px;
     font-weight: normal;
     text-align: center;
     cursor: default;
 }

 .recommended-products-wrap ul li {
     padding: 1em;
     border: 1px solid var(--border-color--card);
     border-radius: 5px;
     background: var(--bg-color--card);
 }

 .image-container {
     text-align: center;
     margin: 0 auto 15px;
 }

 .recommended-products-wrap ul li a {
     text-decoration: none;
 }

 .dk-container .recommended-products-wrap ul li .dkc-related-product_img {
     max-width: 133px;
     max-height: 135px;
 }

 .recommended-products-wrap ul li button {
     display: block;
     margin: 5px auto;
     padding: 8px 24px;
     min-width: 101px;
 }

 .content-detail .buttons>.addmore>.iconAdd:before {
     font-family: 'dk' !important;
     content: "\f055\00a0";
     font-size: 15px;
     font-weight: bold;
     color: var(--red);
     cursor: pointer;
     vertical-align: normal;
 }

 .content-detail .buttons>.addmore>.textAddResis {
     position: relative;
     top: -2px
 }

 .mrg-left-20 {
     margin-left: 20px;
 }

 .iconRemove:before {
     font-family: 'dk' !important;
     content: "\f056\00a0";
     font-size: 15px;
     font-weight: bold;
     color: var(--red);
     cursor: pointer;
     vertical-align: normal;
 }

 .parallel-input-container,
 .series-input-container {
     display: grid;
     grid-template-columns: 20px 1fr;
     grid-template-rows: 1fr;
 }

 .icon-container {
     position: relative;
     top: 40%;
     height: fit-content;
 }

 .resistor-result {
     display: inline-flex;
 }

 .resistor-result p {
     margin: 0 auto;
     font-size: 23px;
     font-weight: bold;
     color: var(--text-color);
 }

 .dkc-dropdown {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     -o-appearance: none;
     width: 50px;
     height: 40px;
     margin: 0 0 0 4px;
     padding: .7em 0.375em .7em 0.5em;
     font-size: 13px;
     color: var(--text-color);
     border: 2px solid transparent;
     border-radius: 4px;
     cursor: pointer;
     box-sizing: border-box;
     background-color: var(--bg-color--input);
     border-radius: 4px;
     border: 2px solid transparent;
     box-shadow: 0 0 0 1px var(--cloud-grey);
     outline: 0;
     background-position: right 1px center;
     background-repeat: no-repeat;
     background-size: 1.25ex;
     background-origin: content-box;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsSAAALEgHS3X78AAAAuElEQVRIie3WWw3DMAwF0NsiaIJgDEZhEEohDAphEAZhEAZhEDYippDKVdVq6yPO1lhVlfvnD+tIli258N5DM6WqlsFDgIUxpgLwBHBObL0BXBh8KWADyiM9KWGcisFGEbyWRHQH4BQwx1a3pQqo643xLBKiA4bvw0+AfmATcGN0gs2CG6Gz2CL4J7qIrYI/oqtYEIxEg5gIFKIiTAwGUDHGiX6irLU1gFtfNkT0iOnPX1sGdw4CaAESg2cDBgmWTAAAAABJRU5ErkJggg==);
 }

 .rtl .dkc-dropdown {
     margin: 0 4px 0 0;
     background-position: left 1px center;
 }

 .dkc-title {
     margin: 20px 0 15px;
     padding: 0 0 4px;
     font-size: 14px;
     font-weight: 700;
 }

 .result-format-container {
     display: flex;
     justify-content: center;
 }

 .dk-container .content-detail .single-dk-calc-cont .inner-box {
     position: relative;
 }

 .search-btn-area {
     display: flex;
     flex-direction: row;
     justify-content: center;
     margin-top: 10px;
 }

 .search-mod .related-tool-right ul li a:hover,
 .search-mod .related-tool-right ul li a:focus {
     text-decoration: none;
     border: 2px solid var(--red);
 }

 .dkc-related_item {
     height: 80%;
 }


 /* RELATED TOOLS */
 .search-mod .related-tool-container {
     padding: 20px 0 0;
 }

 .search-mod .relate-tool-title {
     font-size: 20px;
     font-weight: bold;
     display: block;
     margin: 0;
 }

 .search-mod .related-tool-right {
     border-radius: 5px;
 }

 .search-mod .related-tool-right ul {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     grid-template-rows: 1fr;
     gap: 16px;
 }

 .search-mod .related-tool-right ul a {
     display: block;
     height: 80%;
     padding: 15px;
     border-radius: 4px;
     border: 1px solid var(--border-color--card);
     background: var(--bg-color--card);
     text-align: center;
     text-decoration: none;
     color: var(--link-blue);
 }

 .search-mod .related-tool-right ul a img {
     max-height: 45px;
     padding: 4px;
     background: var(--white);
 }

 .search-mod .related-tool-right ul a span {
     display: block;
     margin: 0 0 5px;
     padding: 10px 0 0;
     text-align: center;
     font-size: 13px;
     font-weight: bold;
 }

 .search-mod .related-tool-right ul a:hover span {
     text-decoration: underline;
 }

 /* End Relate Tool - SearchMod */

 .dk-container .inputs .calculator-input input[type="number"]:invalid {
     background: var(--red);
 }

 .dk-tabbed-menu ul.dk-tab-list li {
     display: none !important;
 }

 .dk-tabbed-menu ul.dk-tab-list li.tab-display {
     display: block !important;
 }

 .dk-tabbed-menu ul.dk-tab-list {
     display: flex !important;
     flex-wrap: wrap !important;
 }

 .dk-tabbed-menu ul.dk-tab-list li {
     padding-bottom: 5px !important;
     font-size: 18px;
     font-style: normal;
     font-weight: 500;
     margin-top: 8px;
 }

 .dk-tabbed-menu {
     margin-top: 10px;
 }

 /* Search mod */
 .search-mod {
     display: none;
 }

 .search-mod .inner-box {
     display: flex;
     border: 1px solid var(--border-color--card);
     border-radius: 4px;
     padding: 1em 2em;
     align-items: center;
     background: var(--bg-color--card);
 }

 .search-mod .inner-box .search-btn-area {
     margin: auto 10px;
 }

 .search-mod .inner-box .resistor-specs {
     display: inline-flex;
     margin: auto;
 }

 .search-mod .inner-box .resistor-specs h2 {
     font-size: 32px;
     font-weight: 550;
 }

 .search-mod .inner-box .resistor-specs .result {
     font-size: 32px;
     margin: auto 10px;
     font-weight: 600;
 }

 .search-mod .summary-result {
     min-height: 100px;
     width: 100%;
     display: inline-flex;
     align-items: center;
     border-bottom: 1px solid var(--text-color);
 }

 .search-mod .summary-result .total-result {
     margin: 35px 0;
 }

 .search-mod .summary-result .total-result span {
     font-size: 24px;
 }

 .search-mod #totalSearchResult {
     font-weight: 600;
     margin-right: 5px;
 }

 .search-mod .search-within {
     margin: auto;
     margin-left: 60px;
 }

 .rtl .search-mod .search-within {
     margin-right: 60px;
 }

 .search-mod .search-within .search-within-keyword {
     display: flex;
     height: 40px;
     padding: 4px;
     border: 2px solid transparent;
     border-radius: 4px;
     background-color: var(--bg-color--input);
     box-shadow: 0 0 0 1px var(--cloud-grey);
     outline: 0;
     box-sizing: border-box;
 }

 .search-mod .search-within .search-within-input {
     width: calc(100% - 40px);
     border: 0;
     height: 86%;
     font-size: 14px;
     border-radius: 4px;
     padding-left: 10px;
     background-color: var(--bg-color--input);
     color: var(--text-color);
 }

 .search-mod .search-within .search-within-input::placeholder {
     color: var(--cloud-grey);
 }

 .search-mod .search-within .search-within-input:focus-visible {
     outline: 0;
 }

 .search-mod .search-within .search-within-button {
     position: relative;
     flex: 0 0 auto;
     display: inline-flex;
     margin: 0;
     padding: 0;
     color: var(--text-color);
     border: 0;
     border-radius: 0;
     background-color: transparent;
     overflow: visible;
     text-align: center;
     transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     cursor: pointer;
     outline: 0;
     align-items: center;
     user-select: none;
     justify-content: center;
     text-decoration: none;
 }

 .search-mod .search-within .search-within-lable {
     width: 100%;
     display: flex;
     align-items: inherit;
     justify-content: inherit;
     text-align: center;
 }

 .search-mod .search-within .search-within-icon {
     padding: 15px 10px 10px;
     font-size: 2em;
     fill: currentColor;
     width: 1em;
     height: 1em;
     display: inline-block;
     transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     flex-shrink: 0;
     user-select: none;
 }

 .search-mod .resister-types {
     display: block;
     width: 100%;
     padding: 15px 0 30px;
     border-bottom: 1px solid var(--text-color);
 }

 .search-mod .resister-types .resister-types-header h2 {
     margin: 0;
     font-size: 15px;
     font-weight: bold;
 }

 .search-mod .resister-types .resister-types-body {
     display: flex;
     flex-flow: row wrap;
 }

 .search-mod .resister-types .resister-types-body .resister-types-item {
     margin: 0 40px 0 0;
 }

 .rtl .search-mod .resister-types .resister-types-body .resister-types-item {
     margin: 0 0 0 40px;
 }

 .search-mod .resister-types .resister-types-body .resister-types-item a {
     color: var(--link-blue);
     text-decoration: none;
     font-weight: bold;
 }

 .search-mod .resister-types .resister-types-body .resister-types-item a:hover {
     text-decoration: underline;
 }

 .search-mod .search-result .show-more-option {
     margin: 15px 0;
     font-weight: 600;
     display: none;
 }

 .search-mod .search-result .show-more-option a {
     text-decoration: none;
 }

 .search-mod .search-result .show-more-option a:hover {
     text-decoration: underline;
 }

 .search-mod .search-result .search-result-container {
     width: 100%;
 }

 .search-mod .search-result .search-result-container .search-result-table {
     width: 100%;
     overflow-x: auto;
     border: 1px solid var(--border-color);
 }

 #productSearchResult {
     width: 100%;
     display: none;
     border-spacing: 0;
     border-collapse: collapse;
 }

 #productSearchResult thead th {
     color: var(--white);
     height: 62px;
     padding: 4px 8px;
     font-size: 11px;
     font-weight: bold;
     white-space: nowrap;
     border-right: 1px solid var(--border-color);
     background-color: var(--blurple-blue);
     text-align: left;
     display: table-cell;
     border-bottom: 1px solid var(--border-color);
     vertical-align: inherit
 }

 #productSearchResult thead th .table-header-cell {
     display: table-cell;
     border-bottom: 1px solid var(--border-color);
     vertical-align: inherit;
 }

 #productSearchResult thead th .table-header-cell span {
     margin: auto;
 }

 #productSearchResult thead th .table-header-cell .sort-data {
     margin-left: 8px;
 }

 #productSearchResult thead th .table-header-cell .sort-data .sort-ascending {
     border: solid var(--white);
     border-width: 0 3px 3px 0;
     padding: 3px;
     transform: rotate(-135deg);
 }

 #productSearchResult thead th .table-header-cell .sort-data .sort-descending {
     border: solid var(--white);
     border-width: 0 3px 3px 0;
     padding: 3px;
     transform: rotate(45deg);
 }

 #productSearchResult tbody .table-data-row {
     border-bottom: 1px solid var(--border-color);
 }

 #productSearchResult tbody .table-data-row .table-data-cell {
     padding: 8px;
     font-size: 13px;
 }

 #productSearchResult tbody .table-data-row .table-data-cell .part-data-detail {
     display: grid;
     grid-template-columns: auto 1fr;
     grid-column-gap: 1rem;
 }

 #productSearchResult tbody .table-data-row .table-data-cell .part-data-cell {
     display: flex;
     width: max-content;
 }

 #productSearchResult tbody .table-data-row .table-data-cell .part-image-area {
     margin: auto;
 }

 #productSearchResult tbody .table-data-row .table-data-cell .part-image-area img {
     width: 80px;
 }

 #productSearchResult tbody .table-data-row .table-data-cell .part-data .manufacturer-part-number a {
     text-decoration: none;
     font-weight: 600;
 }

 :root {
     --display-available: flex;
 }

 .group-show-mobile,
 .manufacturer-name-mobile {
     display: none;
 }

 .part-detail-a {
     text-decoration: none;
 }

 .part-number-link {
     text-decoration: none;
     font-weight: 600;
     color: var(--link-blue);
 }

 .part-number-link:hover {
     text-decoration: underline;
 }

 .part-action-button {
     display: flex;
     width: max-content;
 }

 #table-data-row-clone,
 #paginator-pagination-clone,
 .resister-types-body-clone {
     display: none;
 }

 .image-responsive {
     max-width: 100%;
     height: auto;
     margin: 0 auto;
 }

 .search-mod .resistor-result {
     display: inherit;
     align-items: center;
 }

 .order-button-container {
     color: var(--blurple-blue);
     display: inline-flex;
     padding-left: 5px;
     flex-direction: column;
     vertical-align: middle;
 }

 .sort-header>div {
     color: var(--cloud-grey);
 }

 .header-grid-container {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     box-sizing: border-box;
 }

 .header-grid-item {
     margin: 0;
     box-sizing: border-box;
     color: var(--white);
     height: 34px;
     padding: 0 12px;
     line-height: 34px;
     border-radius: 4px;
     background-color: var(--blurple-blue);
 }

 .order-icon-button-label {
     width: 100%;
     display: flex;
     align-items: inherit;
     justify-content: inherit;
 }

 .order-svg-icon {
     fill: currentColor;
     width: 1em;
     height: 1em;
     display: inline-block;
     font-size: 1.2857142857142856rem;
     transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     flex-shrink: 0;
     user-select: none;
 }

 .order-icon-button {
     flex: 0 0 auto;
     color: rgba(0, 0, 0, 0.54);
     padding: 12px;
     overflow: visible;
     font-size: 1.2857142857142856rem;
     text-align: center;
     transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     border-radius: 50%;
 }

 .order-button-base {
     color: inherit;
     border: none;
     cursor: pointer;
     margin: 0;
     display: inline-flex;
     outline: 0;
     padding: 0;
     position: relative;
     align-items: center;
     user-select: none;
     border-radius: 0;
     vertical-align: middle;
     justify-content: center;
     text-decoration: none;
     background-color: transparent;
 }

 .order-button-base svg {
     font-size: 0.75em;
     margin-left: 2px;
 }

 .header-grid-item>div {
     color: var(--white);
 }

 .header-grid-item:hover {
     color: var(--blurple-blue);
     cursor: pointer;
     background-color: var(--white);
 }

 .header-grid-item.header-grid-item:hover>div {
     color: var(--cloud-grey);
 }

 .order-button-base:hover {
     color: var(--text-color);
     background-color: unset;
 }

 .order-button-base:disabled {
     color: var(--red);
 }

 .forcus-header {
     color: var(--blurple-blue);
     background-color: var(--white);
 }

 .forcus-header>div {
     color: var(--cloud-grey);
 }

 .no-result-message h2 {
     font-size: 20px;
     font-weight: bold;
 }

 .search-empty {
     display: none;
     padding-bottom: 30px;
 }

 .search-result-container td:not(:last-child) {
     border-right: 1px solid var(--border-color);
 }

 /* Pagination CSS*/
 .pagination-top {
     display: none;
     padding: 0;
 }

 .pagination-bottom {
     padding: 20px 0 5px;
     display: none;
 }

 .paginator-results {
     height: 32px;
     display: flex;
     font-size: 14px;
     align-items: center;
     line-height: 32px;
 }

 .paginator-top-results {
     display: none;
 }

 .per-page-selector {
     color: rgba(0, 0, 0, 0.87);
     cursor: text;
     display: inline-flex;
     position: relative;
     font-size: 1rem;
     box-sizing: border-box;
     align-items: center;
     font-weight: 400;
     line-height: 1.1876em;
 }

 .select-page-selector {
     display: block;
     width: 100%;
     min-width: 16px;
     height: auto;
     min-height: 1.1876em;
     margin: 0;
     padding: 2px 20px 0 6px;
     font-size: 13px;
     font-weight: bolder;
     overflow: hidden;
     cursor: pointer;
     white-space: nowrap;
     text-overflow: ellipsis;
     user-select: none;
     border-radius: 0;
     color: var(--text-color);
     border: 0;
     background: none;
     box-sizing: content-box;
     animation-name: mui-auto-fill-cancel;
     letter-spacing: inherit;
     animation-duration: 10ms;
 }

 .rtl .select-page-selector {
     padding: 2px 6px 0 20px;
 }

 .svg-icon-page-selector {
     color: rgba(0, 0, 0, 0.54);
     position: absolute;
     right: 0;
     pointer-events: all;
     fill: var(--text-color);
     width: 1em;
     height: 1em;
     display: inline-block;
     font-size: 1.8rem;
     transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     flex-shrink: 0;
     user-select: none;
     cursor: pointer;
 }

 .rtl .svg-icon-page-selector {
     right: unset;
     left: 0;
 }

 .pg-page-selected a {
     padding: 5px 10px;
     text-decoration: none;
     font-size: 14px;
     color: var(--white);
     background-color: var(--red);
     border-radius: 25em;
     cursor: default;
     user-select: none;
 }

 .pg-button.pg-page a:link {
     padding: 0 0 5px;
     margin: 0 8px;
     text-decoration: none;
     font-size: 14px;
 }

 .pg-button a:link,
 .pg-button a:visited,
 .pg-button-normal a:link {
     color: var(--blurple-blue);
     text-decoration: none;
 }

 .pg-button-normal {
     font-size: 18px;
     vertical-align: sub;
     padding: 0;
     margin: 0 8px;
 }

 .button-normal {
     color: rgba(0, 0, 0, 0.87);
     background-color: var(--white);
     height: 24px;
     margin: 2px;
     padding: 6px 8px;
     font-size: 14px;
     min-width: 20px;
     border-radius: 50%;
     display: inline-flex;
     position: relative;
     align-items: center;
     vertical-align: middle;
     justify-content: center;
     user-select: none;
     box-sizing: border-box;
     transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     border: 0;
     pointer-events: all;
     cursor: pointer;
 }

 .button-normal:hover {
     background-color: var(--wispy-grey);
 }

 .button-normal.button-selected {
     background-color: var(--red);
     color: var(--white);
     pointer-events: auto;
 }

 .button-normal.icon {
     padding: 0;
 }

 .paginator-results::after {
     content: "";
     height: 100%;
     margin: 0 20px;
     border-right: 2px solid var(--text-color);
 }

 .paginator-pagination {
     cursor: pointer;
     display: flex;
 }

 .paginator-pagination a:link {
     text-decoration: none;
 }

 .button-label {
     width: 100%;
     display: flex;
     align-items: inherit;
     justify-content: inherit;
 }

 .svg-icon {
     font-size: 1.35em;
     fill: currentColor;
     width: 1em;
     height: 1em;
     display: inline-block;
     transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     flex-shrink: 0;
     user-select: none;
 }

 .pagination-modal {
     display: none;
     opacity: 1;
     transform: none;
     min-width: 56px;
     transition: opacity 238ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 159ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     transform-origin: 0 21.5px;
     max-height: calc(100% - 96px);
     top: -25px;
     outline: 0;
     position: absolute;
     max-width: calc(100% - 32px);
     min-height: 82px;
     overflow-x: hidden;
     overflow-y: hidden;
     border-radius: 4px;
     box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%);
     color: rgba(0, 0, 0, 0.87);
     background-color: var(--white);
 }

 .list-per-page {
     outline: 0;
     margin: 0;
     position: relative;
     list-style: none;
 }

 .per-page {
     width: auto;
     overflow: hidden;
     font-size: 0.87rem;
     box-sizing: border-box;
     font-weight: 400;
     line-height: 1.5;
     padding-top: 6px;
     white-space: nowrap;
     padding-bottom: 6px;
     transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     padding-left: 16px;
     padding-right: 16px;
     display: flex;
     position: relative;
     text-align: left;
     align-items: center;
     justify-content: flex-start;
     text-decoration: none;
     color: inherit;
     border: 0;
     cursor: pointer;
     margin: 0;
     outline: 0;
     user-select: none;
     border-radius: 0;
     vertical-align: middle;
 }

 .per-page.selected {
     background-color: rgba(0, 0, 0, 0.08);
 }

 .per-page:hover {
     background-color: rgba(0, 0, 0, 0.04);
 }

 .input-page-selector {
     left: 0;
     width: 100%;
     bottom: 0;
     opacity: 0;
     position: absolute;
     pointer-events: none;
 }

 .select-page-selector a {
     text-decoration: none;
     color: var(--text-color);
 }

 /* End pagination section */

 .disabledAddmore {
     pointer-events: none;
     opacity: 0.4;
 }

 .col__push-5-6,
 .push__w-5\/6 {
     margin-left: 76.33333% !important;
 }

 #header-fixed {
     position: fixed;
     top: 0;
     display: none;
     background-color: var(--white);
 }

 /* CSS TABS */
 .calcType {
     position: relative;
     display: inline-flex;
     flex-flow: row;
     z-index: 2;
     width: 100%;
     margin: 0;
     padding: 0;
     border-bottom: 1px solid var(--text-color);
     box-sizing: border-box;
 }

 .calcType input {
     display: none !important;
 }

 .calcType label {
     position: relative;
     display: block;
     margin: 0 28px -8px 0;
     padding: 4px 4px 18px;
     font-weight: 400;
     color: var(--text-color);
     text-decoration: none;
     text-transform: capitalize;
     white-space: nowrap;
     line-height: 1;
     outline: none;
     border-bottom: 3px solid transparent;
     box-sizing: border-box;
     cursor: pointer;
 }

 .calcType label.remove-title-case {
     text-transform: none;
 }

 .rtl .calcType label {
     margin: 0 7px -8px 28px !important;
 }

 .calcType label.active {
     font-weight: 700 !important;
     color: var(--red);
     border-color: var(--red);
 }

 /* FOR INTERNATIONAL */
 .calc-type {
     position: relative;
     display: inline-flex;
     list-style: none;
     flex-flow: row;
     z-index: 2;
     width: 100%;
     margin: 0 0 8px;
     padding: 0;
     border-bottom: 1px solid var(--border-color);
     box-sizing: border-box;
 }

 .calc-type li {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .calc-type li a {
     position: relative;
     display: block;
     margin: 0 28px -1px 0;
     padding: 4px 4px 18px;
     font-weight: 400;
     color: var(--text-color);
     text-decoration: none;
     text-transform: capitalize;
     white-space: nowrap;
     line-height: 1;
     outline: none;
     border-bottom: 3px solid transparent;
     box-sizing: border-box;
     cursor: pointer;
 }

 .rtl .calc-type li a {
     margin: 0 0 -1px 28px !important;
 }

 .calc-type li a.selected {
     font-weight: 700 !important;
     color: var(--red);
     border-color: var(--red);
 }


 /* SPONSORED CONTENT */
 .sponsored-content-wrap>div.dk-grid {
     --grid-gap: 0;
     grid-gap: 16px;
     margin: 0;
 }

 .sponsored-content-wrap>div.dk-grid>div {
     flex: 1;
 }

 .sponsored-content-wrap>div.dk-grid>div>div {
     position: relative;
     width: 100%;
     height: 100%;
 }

 .sponsored-content-wrap a img {
     padding: 4px;
 }

 .dkdk .sponsored-content-wrap a img {
     background: var(--white);
 }

 /* SPONSORED CONTENT - TOP - ALIGNMENT ADJUSTMENT */
 .dk-container,
 .content-column {
     position: relative;
 }

 .sponsored-content-wrap:first-child {
     position: absolute;
     top: 14px;
     right: 0;
     z-index: 1;
 }

 .rtl .sponsored-content-wrap:first-child {
     right: unset;
     left: 0;
 }

 .sponsored-content-wrap:first-child>div {
     width: 100% !important;
     margin: 0 !important;
 }

 .sponsored-content-wrap:first-child h2.mr-1,
 .sponsored-content-wrap:last-child h2.mr-1 {
     margin: 0 12px 0 0 !important;
 }

 .rtl .sponsored-content-wrap:first-child h2.mr-1,
 .rtl .sponsored-content-wrap:last-child h2.mr-1 {
     margin: 0 0 0 12px !important;
 }

 /* SPONSORED CONTENT - BOTTOM - ALIGNMENT ADJUSTMENT */
 .sponsored-content-wrap:last-child>div {
     justify-content: flex-end;
     margin-left: 0 !important;
     margin-right: 0 !important;
     width: auto !important;
 }


 /* MEDIA QUERIES */
 @media screen and (min-width: 1024px) {
     .dk-container .recommended-products-wrap ul {
         grid-template-columns: repeat(5, 1fr);
         grid-template-rows: 1fr;
     }

     #parallel-section-input,
     #series-section-input {
         padding-left: 10px;
     }

     .rtl #parallel-section-input,
     #series-section-input {
         padding-right: 10px;
     }
 }

 @media screen and (max-width: 1024px) and (min-width: 768px) {
     .dk-container .single-dk-calc-cont .dk-calc-wrap .inner-box .tab-content .tab-calc-content {
         grid-template-columns: 1fr 1fr;
     }

     .dk-container .content .calculator-mod .tab-calc-content {
         display: block;
     }

     .calc-input {
         width: 45%;
     }

     .calc-output {
         width: 45%;
     }

     .search-result-table {
         border: none !important;
     }

     .search-result .search-result-container #productSearchResult tbody .table-data-row {
         width: 93%;
     }

     .button {
         min-width: 80px !important;
     }

     .dk-container .related-tool-container {
         padding: 20px 0 0;
         grid-column: 1 / span 2;
     }

     .dk-container .relate-tool-title {
         font-size: 20px;
         font-weight: bold;
         display: block;
         margin: 0;
     }


     .dk-container .related-tool-right {
         border: none;
         background: transparent;
     }

     .dk-container .related-tool-right ul {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         grid-gap: 2em;
         grid-template-rows: 1fr;
     }

     .dk-container .related-tool-right ul a {
         display: block;
         background: var(--bg-color--card);
         border: 1px solid var(--border-color--card);
         border-radius: 4px;
         box-shadow: var(--box-shadow);
     }

     .dk-container .related-tool-right ul a img {
         max-height: 45px;
     }

     .dk-container .related-tool-right ul a span {
         padding: 10px 0 0;
         text-align: center;
         display: block;
         margin: 0 0 5px;
         font-size: 13px;
         font-weight: bold;
     }

     .sponsored-content-wrap div.dk-grid>div {
         display: flex;
         flex: 1 1 auto;
         width: calc(50% - 16px) !important;
         justify-content: flex-start;
     }
 }

 @media (max-width: 991px) {
     .dk-container .header-wrap .pull-right {
         clear: both;
         float: none !important;
         padding: 12px 0 0;
     }

     .dk-container .header-wrap .btn-actions li:first-child {
         padding-left: 0;
     }
 }

 @media screen and (max-width: 800px) {
     .content-column .push__w-5\/6 {
         justify-content: flex-end;
         margin-left: 0 !important;
         width: auto !important;
     }

     .search-mod .resister-types {
         display: block;
     }
 }

 @media (min-width: 768px) {
     .dk-container .calculator-mod .tab-calc-content .inner-box {
         border: 1px solid var(--border-color);
         border-radius: 5px;
         padding: 1.5em 2em;
         display: grid;
         grid-template-columns: 1fr 1fr;
         grid-template-rows: min-content;
         grid-gap: 2em;
     }
 }

 @media (max-width: 767px) {
     .dk-container .single-dk-calc-cont .dk-calc-wrap .inner-box .tab-content .tab-calc-content {
         grid-template-columns: 1fr;
     }

     .dk-container .content .calculator-mod .tab-calc-content {
         grid-template-columns: 1fr;
     }

     .dk-container .recommended-products-wrap ul {
         grid-template-columns: 1fr 1fr;
     }

     .recommended-products-wrap ul li button {
         width: 100%;
     }

     .dk-container .related-tool-container h2 {
         display: block;
         font-size: 20px;
     }

     .dk-container .related-tool-right ul {
         grid-template-columns: 1fr 1fr;
         grid-gap: 2em;
     }

     .dk-container .related-tool-right {
         border: none;
         background: transparent;
     }

     .dk-container .related-tool-right ul a {
         display: block;
         height: auto;
         padding: 15px;
         text-align: center;
         border: 1px solid var(--border-color--card);
         border-radius: 4px;
         background: var(--bg-color--card);
         text-decoration: none;
     }

     .dk-container .related-tool-right ul a span {
         text-align: center;
     }

     .dk-container .calculator-mod .tab-calc-content .inner-box {
         padding: 1.5em 1em;
         margin: 0;
         border: 0;
         border-radius: 0;
     }
 }

 @media screen and (max-width: 848px) and (min-width: 768px) {

     .search-mod .inner-box .resistor-specs .result,
     .search-mod .inner-box .resistor-specs h2 {
         font-size: 24px;
     }
 }

 @media screen and (max-width: 768px) and (min-width: 600px) {
     .dkc-title {
         margin-left: 1em;
     }

     .group-show-mobile {
         display: flex;
         width: 100%;
         justify-content: flex-end;
     }

     .manufacturer-name-mobile {
         display: block;
         padding-bottom: 20px;
     }

     .btn-detail-mobile {
         min-width: auto !important;
         width: 70px !important;
         padding: 0 !important;
         line-height: 1.8 !important;
     }

     #productSearchResult thead,
     .td-manufacture,
     .td-price,
     .td-stock,
     .td-min-qty,
     .td-SEMNIC-part-no,
     .td-package,
     .td-capacitance,
     .td-tolerance,
     .td-voltage-rated,
     .part-action-button,
     .td-resistance,
     .td-power-watts,
     .td-composition {
         display: none;
     }
 }

 @media screen and (max-width: 768px) {
     #productSearchResult tbody .table-data-row .table-data-cell .part-data-detail {
         grid-column-gap: 5rem;
     }

     #productSearchResult tbody .table-data-row {
         display: block;
         width: calc(100% - 16px);
         height: 100%;
         margin: 8px auto;
         padding: 12px;
         cursor: pointer;
         border: 1px solid var(--border-color--card);
         box-shadow: var(--box-shadow);
         background: var(--bg-color--card);
         border-radius: 4px;
     }

     .search-mod .resister-types,
     .search-mod .search-result .search-result-container .search-result-table,
     #productSearchResult {
         border: none !important;
     }

     #productSearchResult tbody .table-data-row .table-data-cell {
         border-right: none;
     }

     #productSearchResult tbody .table-data-row .alternate {
         background-color: var(--white);
     }

     .price-mobile {
         display: inline-block;
         height: 17px;
         margin: 5px 8px 5px 0;
         padding: 3px 18px;
         border: 1px solid var(--border-color--card);
         border-radius: 14px;
         vertical-align: middle;
         font-size: 12px;
         text-align: center;
         color: var(--onyx-grey);
         background-color: var(--btn-bg-color--secondary);
         line-height: 18px;
     }

     .rtl .price-mobile {
         margin: 5px 0 5px 8px;
     }
 }

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

     .dk-container .header-wrap .btn-actions li {
         padding-bottom: 20px;
     }

     .dk-container .header-wrap .pull-left,
     .dk-container .header-wrap .pull-right {
         float: none !important;
     }

     .dk-container .input-headline {
         font-size: 13px;
     }

     .dk-container .single-dk-calc-cont {
         padding: 0;
     }

     .dk-container .header-wrap .headline-title {
         display: inline;
     }

     #primary-search {
         flex-direction: column-reverse;
     }

     .dk-container .related-tools-wrap ul {
         grid-template-columns: 1fr 1fr;
     }

     .dk-container .single-dk-calc-cont .dk-calc-wrap .calc-formula {
         margin: 30px 0 20px;
     }
 }

 @media screen and (max-width: 767px) and (min-width: 451px) {

     .dk-container .inputs .calculator-input,
     .dk-tabbed-menu ul.dk-tab-list {
         z-index: 0 !important;
     }
 }

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

     .search-mod .resister-types,
     .search-mod .search-result .search-result-container .search-result-table,
     #productSearchResult {
         border: none !important;
     }

     .search-mod .resister-types {
         display: block;
         padding: 20px 0;
     }

     .search-mod .resister-types .resister-types-header h2 {
         font-size: 20px;
     }

     .blc-calculation {
         flex-direction: column;
     }

     .progress {
         margin: auto;
     }

     #formats {
         width: 12em;
     }

     .search-btn-area {
         display: flex;
         flex-direction: column;
         width: 100%;
     }

     .search-btn-area input {
         margin-right: 0 !important;
     }

     .dkc-content {
         display: block;
     }

     .estimated-section {
         margin: 3em 0;
         margin-right: 1em;
     }

     #btn-searchCatalog-calMod {
         width: 100%;
     }

     #btn-clearSelection-calMod {
         width: 100%;
     }

     .search-result-section {
         display: block !important;
     }

     :root {
         --display-available: block;
     }

     .paginator-results {
         display: none;
     }

     .paginator-pagination {
         text-align: center;
         display: flex;
         width: 100%;
         justify-content: center;
     }

     .paginator-top-results {
         height: 32px;
         display: flex;
         font-size: 14px;
         align-items: center;
         line-height: 32px;
     }

     .relate-tool-title {
         display: block;
     }

     .btn-normal {
         padding: 12px 24px !important;
     }

     .search-mod .inner-box .resistor-specs {
         display: flex;
         padding-bottom: 25px;
     }

     .resistor-result {
         display: inherit;
         margin: auto;
         flex-direction: column;
         text-align: center;
     }

     .search-mod .summary-result {
         display: block;
         border: none;
     }

     .search-mod .search-within {
         margin: 15px 0;
     }

     #instructionsModal .modal-body {
         overflow-y: scroll;
         height: 350px;
     }

     #productSearchResult tbody .table-data-row {
         width: 84%;
         cursor: pointer;
         height: 100%;
         margin: 8px 0;
         display: grid;
         padding: 24px;
         border: 1px solid var(--border-color);
         box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);
         border-radius: 4px;
     }

     .search-mod .resister-types,
     .search-mod .search-result .search-result-container .search-result-table,
     #productSearchResult {
         border: none !important;
     }

     #productSearchResult tbody .table-data-row .table-data-cell {
         border-right: none;
     }

     #productSearchResult tbody .table-data-row .alternate {
         background-color: var(--white);
     }

     .group-show-mobile {
         display: flex;
         width: 100%;
         justify-content: flex-end;
         align-items: center;
     }

     .manufacturer-name-mobile {
         display: block;
         padding-bottom: 20px;
     }

     .btn-detail-mobile {
         min-width: auto !important;
         width: 70px !important;
         padding: 0 !important;
         line-height: 1.8 !important;
     }

     #productSearchResult thead,
     .td-manufacture,
     .td-price,
     .td-stock,
     .td-min-qty,
     .td-SEMNIC-part-no,
     .td-package,
     .td-capacitance,
     .td-tolerance,
     .td-voltage-rated,
     .part-action-button,
     .td-resistance,
     .td-power-watts,
     .td-composition {
         display: none;
     }
 }

 @media screen and (max-width: 600px) {
     .sponsored-content-wrap:first-child {
         position: static;
         right: inherit;
         padding-top: 0 !important;
         margin-bottom: 10px;
     }
 }


 @media screen and (max-width: 450px) {
     .dk-container .recommended-products-wrap ul {
         grid-template-columns: 1fr;
     }

     .dk-container .related-tool-right ul {
         grid-template-columns: 1fr;
     }

     .formula-desc svg {
         width: 80%;
     }

     .dk-container .single-dk-calc-cont .inner-box .res-img img {
         width: 80%;
     }

     .dk-container .related-tools-wrap ul {
         grid-template-columns: 1fr;
     }
 }

 @media (max-width: 410px) {
     .custom-modal .the-img-modal {
         width: 100%;
     }

     .custom-modal.open-modal {
         width: 90%;
     }

     .custom-modal .close-modal {
         right: 23px;
     }
 }

 @media only screen and (max-width: 400px) {
     .content-detail .search-mod .search-result .search-result-container .search-result-table {
         overflow-x: hidden;
     }
 }

 @media (max-width: 359px) {
     #productSearchResult tbody .table-data-row {
         padding: 13px !important;
     }

     .search-mod .search-result .search-result-container .search-result-table {
         overflow: hidden;
     }
 }

 @media only screen and (max-width: 280px) {
     .search-result-container #productSearchResult tbody .table-data-row {
         width: 82%;
         padding: 18px;
     }

     .search-result-container #productSearchResult tbody .table-data-row .table-data-cell {
         padding: 0;
     }
 }