/* ================= grid Start ================= */
.machine-tab-body-outer { padding:30px; background: #FFFFFF; box-shadow: 0px 6px 5px rgb(0 0 0 / 16%); position: relative; border-radius:0 5px 5px 5px; margin-top: -5px; }
.machine-tabs-link .nav-tabs { flex-flow: row; border-bottom: none; }
.machine-tabs-link .nav-tabs .nav-item { min-width: 270px; }
.machine-tabs-link .nav-tabs .nav-item + .nav-item { margin-left: 30px; }
.machine-tabs-link .nav-tabs .nav-link { background: rgb(27 195 172 / 20%); width: 100%; border: none; text-align: center; color: #000; font-size: 16px; line-height: 22px; font-weight: 700; padding: 15px 20px; border-radius: 5px; position: relative; min-height: 88px; text-transform: capitalize; transition: all .3s ease-in; }
.machine-tabs-link .nav-tabs .nav-item.show .nav-link, .machine-tabs-link .nav-tabs .nav-link.active { box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); background: #fff; }
.mtb-text-box { width: calc(100% - 330px); padding-right: 4.5%; }
.mtb-table .table-bordered td { border: 1px solid #707070; padding: 14px 20px; font-size: 16px; line-height: 25px; width: 50%; }
.mtb-table .table-bordered td:last-child { font-weight: 700; }
.mtb-spec-sheet { font-size: 16px; line-height: 24px; margin-top: 30px; }
.mtb-spec-sheet p { margin-bottom: 0; font-size: 20px; font-weight: 700; color: #333333; }
.mtb-spec-sheet a { position: relative; margin-left: 32px; padding: 7px 0px; padding-left: 50px; color: var(--teal-color); text-decoration: underline; }
.mtb-spec-sheet a img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 30px; }
.mtb-img-box { width: 330px; padding: 15px; }
.mtb-img { width: 100%; position: relative; padding-bottom: 100%; }
.mtb-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.card-header { display: none; }
.machine-nav:before, .machine-nav:after{display: none;}
.machine-nav .btn{min-width: 270px; margin: 0;}
.machine-nav .btn:not([href]) {visibility: hidden;}
.machine-attachment-list { width: 100%; margin-bottom: -30px;}
.machine-attachment-item { width: 25%; padding: 0 15px; margin-bottom: 30px; }
.machine-attachment-item .machine-attachment-box { display: block; }
.machine-attachment-item .machine-attachment-box .machine-attachment-img { width: 100%; position: relative; padding-bottom: 100%; transition: all .3s ease-in; background: #fff;}
.machine-attachment-item .machine-attachment-box .machine-attachment-img img { width: 100%; height: 100%; object-fit: contain; left: 0; top: 0; position: absolute; }
.machine-attachment-item .machine-attachment-box h6 { font-size: 16px; line-height: 22px; font-weight: 700; margin-top: 15px; margin-bottom: 0; color: var(--blue-color); transition: all .2s ease-in; }
.machine-attachment-item a.machine-attachment-box:hover h6{color: var(--teal-color);}
.machine-attachment-item .machine-attachment-box h6 span { font-weight: 400; display: block; }
.machine-related-list { width: 100%; margin-bottom: -30px;}
.machine-related-item { width: 25%; padding: 0 15px; margin-bottom: 30px; }
.machine-related-item .machine-related-box { display: block; }
.machine-related-item .machine-related-box .machine-related-img { width: 100%; position: relative; padding-bottom: 100%; transition: all .3s ease-in; background: #fff;}
.machine-related-item .machine-related-box .machine-related-img img { width: 100%; height: 100%; object-fit: contain; left: 0; top: 0; position: absolute; }
.machine-related-item .machine-related-box h6 { font-size: 16px; line-height: 22px; font-weight: 700; margin-top: 15px; margin-bottom: 0; color: var(--blue-color); transition: all .2s ease-in; }
.machine-related-item a.machine-related-box:hover h6{color: var(--teal-color);}
.machine-related-item .machine-related-box h6 span { font-weight: 400; display: block; }

.machine-img-box{width: 100%; max-width: 400px; margin: 0 auto 30px;}
.machine-img-box img{width: 100%;}
/* ================= grid End ================= */

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { }

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
    .machine-tabs-link .nav-tabs .nav-item { min-width: auto; width: 33.33%; }
    .machine-tabs-link .nav-tabs .nav-link { padding: 15px 20px 22px; min-height: 70px; }
    .mtb-img-box { width: 275px; }
    .mtb-text-box { width: calc(100% - 275px); padding-right: 24px; }
    .mtb-spec-sheet p { font-size: 16px; line-height: 24px; }
    .machine-nav .btn{min-width: 180px; padding: 9px; width: auto;}
    .machine-nav .btn span{display: none;}
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px) {
    .machine-tabs-link { display: none; }
    .machine-tab-body-outer { width: 100%; padding: 0; background: transparent; box-shadow: none; }
    .machine-tab-body-outer .card-header {display: block;width: 100%;text-align: left;font-size: 16px;font-weight: 700;line-height: 22px;padding: 18px 21px;border-radius: 5px;border: none;position: relative;min-height: 80px;background-color: rgb(27 195 172 / 20%);transition-delay: .25s;}
    .machine-tab-body-outer .card-header::before { content: "+ open"; position: absolute; font-size: 16px; line-height: 20px; font-weight: 700; color: var(--teal-color); top: 50%; right: 20px; transform: translateY(-50%); transition: all .3s ease-in; text-transform: capitalize; }
    .machine-tab-body-outer .card-header[aria-expanded="true"]::before { content: "- close"; }
    .machine-tab-body-outer .card-header[aria-expanded="true"] {background: #fff;transition-delay: 0s;}
    .machine-tab-body-outer .tab-content>.tab-pane { display: block; opacity: 1; border-radius: 5px; }
    .machine-tab-body-outer .tab-content>.tab-pane.active { box-shadow: 0px 3px 10px rgb(0 0 0 / 16%); }
    .machine-tab-body-outer .machine-tab-body { padding: 0 20px 19px; }
    .machine-tab-body-outer .tab-content>.tab-pane + .tab-pane { margin-top: 30px; }
    .machine-tab-body p { text-align: left; }
    .mtb-text-box { width: 100%; padding: 0; }
    .mtb-table .table-bordered td { padding: 16px 20px; line-height: 21px; }
    .mtb-spec-sheet { margin-top: 29px; flex-flow: column; }
    .mtb-spec-sheet a { margin-left: 0; margin-top: 30px; }

    .machine-attachment-item, .machine-related-item{width: 50%;}
     .machine-nav .btn{min-width: 115px;}
 
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width:575.98px) { }


/* ======================================================
 ! Extra small devices (portrait phones, less than 414px)
 ====================================================== */
@media (max-width:413.98px) {
    
.pagination.single-pagination{flex-flow: column;}
.pagination.single-pagination .btn{margin: 6px 0;}
}