.main-kit-section { width: 100%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.main-kit-section > div { width: 54.5%; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.main-kit-section > div.main-left-section { padding-right: 15px; width: 44.5%; }

.kit-simple-wrapper tr.show { display: revert; }
.kit-simple-wrapper tr.hide { display: none; }
.kit-table-buttons { display: none; }

.kit-table-section { width: 100%; display: inline-block; margin-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.main-kit-section .kit-table-section h2 { font-size: 17px; text-transform: uppercase; margin: 0; padding: 0 0 15px; border-bottom: solid 2px #37b247; position: relative; cursor: pointer; }
.main-kit-section .kit-table-section h2:after { content: "\f067"; font-family: "FontAwesome"; font-size: 14px; color: #ffffff; background: #f47323; border-radius: 100%; width: 24px; height: 24px; line-height: 24px; display: inline-block; vertical-align: top; text-align: center; margin-left: 5px; margin-top: -4px; }
.main-kit-section .kit-table-section h2.active:after { content: "\f068"; color: #ffffff; }
.main-kit-section .kit-table-section h2:hover:after { background: #333333; }

.kit-table-buttons .table { margin-bottom: 15px; width:100% ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.kit-table-buttons .table tr td { border-bottom: 1px solid #cccccc; vertical-align: middle; }
.kit-table-buttons .table thead tr { background: #f2f2f2; }
.kit-table-buttons .table tr th { font-weight: normal; text-transform: uppercase; }
.kit-table-buttons .table tr th.col.qty { text-align: center; }
.kit-table-buttons .table tr .col.ctnqty { width: 65px; }
.kit-table-buttons .table tr .col.ctnrate { width: 70px; }
.kit-table-buttons .table tr .col.qty { width: 40px; }
.kit-table-buttons .table tr .col.qty input { height: 30px; text-align: center; padding-left: 5px; }
.kit-table-buttons .kit-more-text { display: inline-block; vertical-align: middle; font-style: italic; color: #2363f9; position: relative; padding-bottom: 2px; cursor: pointer; }
.kit-table-buttons .kit-more-text:after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: #8ca0ff; }
.kit-table-buttons button { float: right; font-size: 14px; font-weight: normal; min-width: 140px; height: 28px; line-height: 28px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.main-right-section .kit-cart-box { width: 100%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.main-right-section .kit-cart-box h3 { margin: 0 0 14px; font-size: 22px; text-transform: uppercase; }
.main-right-section .kit-cart-box .kit-cart-inner { border: solid 1px #333333; border-bottom: 0 none; padding: 20px 15px; width: 100%; display: inline-block; min-height: 700px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.main-right-section .kit-cart-box .col.action .button-gray { min-width: inherit; width: 20px; height: 20px; line-height: 16px; font-size: 12px !important; color: red; padding: 0; background: transparent; border: solid 2px red; border-radius: 100%; }
.no-touch .main-right-section .kit-cart-box .col.action .button-gray:hover { border-color: #333333; color: #333333; }
.main-right-section .kit-cart-box #shopping-cart-table thead tr th,
.main-right-section .kit-cart-box #shopping-cart-table tbody tr td { padding: 10px 8px; vertical-align: middle; }
.main-right-section .kit-cart-box .cart.table-wrapper .col.qty .input-text { margin: 0; }
.main-right-section .kit-cart-box #shopping-cart-table tbody tr td:nth-child(4) div.field.qty { margin: 0; }
.main-right-section .kit-cart-box #shopping-cart-table tbody tr td:nth-child(4) { min-width: inherit; }
.main-right-section .kit-cart-box #shopping-cart-table tbody tr td { height: auto; font-size: 13px; }
.main-right-section .kit-cart-box #shopping-cart-table tbody tr td.col.item { min-width: 80px; }
.main-right-section .kit-cart-box #shopping-cart-table tbody tr td,
.main-right-section .kit-cart-box #shopping-cart-table tbody tr td .cart-price { font-size: 13px; }
.main-right-section .kit-cart-box #shopping-cart-table tbody tr td .qty { font-size: 13px; padding-left: 5px; }
.main-right-section .kit-cart-box .cart.table-wrapper .col.qty .input-text { width: 50px; height: 45px; }
.main-right-section #shopping-cart-table tbody tr td:nth-child(2) .product-item-name .cart_code,
.main-right-section #shopping-cart-table tbody tr td:nth-child(2) .product-item-name a { font-size: 13px; }
.main-right-section  #shopping-cart-table thead tr th:nth-child(2) { width: 100px; }
.main-right-section .kit-cart-box .col.CTN,
.main-right-section .kit-cart-box .col.subtotal { width: 90px; }
.main-right-section .kit-cart-box .col.CTN { width: 100px; }
.main-right-section .kit-cart-box .col.qty { width: 170px; }
.main-right-section .kit-cart-box .col.subtotal { width: 105px; }

.main-right-section .kit-cart-box .total-summary-box { width: 100%; display: inline-block; margin-top: -7px; border: solid 1px #333333; border-top: 0 none; padding: 0 15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.total-summary-box > div { width: 100%; display: inline-block; font-size: 0; }
.total-summary-box > div > div { font-size: 18px; padding-top: 5px; }
.total-summary-box .label { width: 70%; display: inline-block; vertical-align: middle; text-align: right; }
.total-summary-box .value { width: 30%; display: inline-block; vertical-align: middle; text-align: right; }
.total-summary-box > div.kit-grandtotal-box > div { font-size: 22px; }
.total-summary-box > div.kit-grandtotal-box .label { text-transform: uppercase; }

.kit-buttons-section.button { width: 100%; display: inline-block; text-align: right; margin-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.kit-buttons-section.button form { display: inline-block; vertical-align: top; margin-left: 15px; }
.kit-buttons-section.button form button { margin: 0 !important; font-size: 14px; font-weight: normal; min-width: 140px; height: 32px; line-height: 32px; padding: 0 25px;  }
.kit-buttons-section.button form button.button-gray { background: #333333; }

.cms-moving-house-kit .page-main > .page-title-wrapper .page-title { font-size: 28px; margin-bottom: 10px; }
.cms-moving-house-kit.cms-page-view.page-layout-1column .main img { margin-bottom: 0; }


@media all and (max-width:1199px) {
.main-kit-section > div { width: 100%; }
.main-kit-section > div.main-left-section { padding-right: 0; width: 100%; }
.main-left-section,
.main-right-section { padding: 0; }
.main-left-section { padding-bottom: 20px; }
.main-right-section .kit-cart-box .kit-cart-inner { min-height: 150px; }
.main-right-section .kit-cart-box #shopping-cart-table tbody tr td.col.item { width: 55px; }
.kit-table-buttons .table tr .col.ctnqty { width: 100px; }
.kit-table-buttons .table tr .col.ctnrate { width: 170px; }
.kit-table-buttons .table tr .col.qty { width: 100px; }
.cms-moving-house-kit .page-main > .page-title-wrapper .page-title,
.main-kit-section .kit-table-section h2,
.main-right-section .kit-cart-box h3 { font-size: 20px; }
}
@media all and (max-width:767px) {
.kit-table-buttons .kit-table-data { width: 100%; overflow-x: auto; }
.kit-table-buttons .table { width: 100%; max-width: none; }
.kit-buttons-section.button form button { min-width: 120px; }
.cms-moving-house-kit .page-main > .page-title-wrapper .page-title,
.main-kit-section .kit-table-section h2,
.main-right-section .kit-cart-box h3 { font-size: 18px; }
.main-right-section .kit-cart-box .col.qty { min-width: 100px !important; }
}
@media all and (max-width:567px) {
.main-right-section .kit-cart-box .cart.table-wrapper .items { width: 550px; }
}
@media all and (max-width:479px) {
.kit-table-buttons button { min-width: 90px; }
}    

.cart.table-wrapper { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #252c63 rgba(255,255,255,.2); }
.cart.table-wrapper::-webkit-scrollbar { width: 6px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 4px; }
.cart.table-wrapper::-webkit-scrollbar-track { box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.cart.table-wrapper::-webkit-scrollbar-thumb { background-color:#000000; border-radius: 4px; outline:none; height: 100px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; }
.no-touch .cart.table-wrapper::-webkit-scrollbar-thumb:hover { background-color: #000000; }

.kit-table-data { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #252c63 rgba(255,255,255,.2); }
.kit-table-data::-webkit-scrollbar { width: 6px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 4px; }
.kit-table-data::-webkit-scrollbar-track { box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.kit-table-data::-webkit-scrollbar-thumb { background-color:#000000; border-radius: 4px; outline:none; height: 100px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; }
.no-touch .kit-table-data::-webkit-scrollbar-thumb:hover { background-color: #000000; }

.touch .kit-table-buttons .kit-table-data { margin: 0 0 10px; }