@charset "utf-8";
/* CSS Document */

/* phone up to portrait */
@media only screen 
and (max-width: 767px) {

.container-fluid.quote-main-section .selection-col{
    display: none !important;
}

div#selection-summary .col,
.quote-material-selection article.col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.quote-material-selection .material-selection-container {
    padding: 2px !important;
}

.quote-material-selection .material-selection-container label > span .image {
    height: 180px;
}

.quote-material-selection .material-selection-container label > span > span.title {
    font-size: 18px;
    line-height: 28px;
    padding: 20px;
    max-width: 100%;
}

.quote-steps-container .quote-step-inner#selection-shape-size .quote-step-selection .main-select label > span > .image {
    background-size: contain !important;
}

.quote-steps-container .quote-step-inner .quote-step-selection .main-select label > span > .image {
    height: 140px;
}

form.table-top-form {
    margin-bottom: 50px;
}

.quote-steps-container {
    padding-top: 90px;
    padding-bottom: 0;
}

.other-size-selection-form > b {
    font-size: 13px;
    width: 100%;
    line-height: 1;
    margin: 0 0 20px 0;
}

.quote-steps-container .quote-step-inner .sub-selections .sub-radio label > span > .name {
    font-size: 14px;
}

.quote-steps-container .quote-step-inner .sub-selections {
    margin: 0px 0 0 0;
}

.quote-steps-container .quote-step-inner .sub-selections .sub-radio {
    max-width: 100% !important;
    margin-right: 0;
    margin-bottom: 15px;
}

.other-size-selection-form > .fields.size {
    margin: 0;
    width: 100%;
}

.other-size-selection-form > .fields.measurement {
    margin: 0;
    width: 100%;
}

.other-size-selection-form > .fields.size input.wpcf7-text {
    border-color: #ccc;
}

.other-size-selection-form > .fields.measurement .selectize-input {
    border-color: #ccc;
    border-top-color: #f5f5f5;
}

.other-size-selection-form > a.btn.btn-primary.add-custom-size {
    width: 100%;
}

div#selection-summary .col {
    margin-bottom: 30px;
}

.quote-step-inner .add-to-cart {
    margin: 0;
}

.quote-step-inner .add-to-cart .add-to-cart-section {
    min-width: 100%;
}

.quote-step-inner .add-to-cart .add-to-cart-section .quantity {
    float: none;
    width: auto;
    margin: 0 auto;
    display: table;
}

.quote-step-inner .add-to-cart .add-to-cart-section button#add-to-cart {
    padding: 17px;
    width: 100%;
    margin: 20px 0 0 0;
}

}
	
/* small tablets / iphone X and up landscape */
@media only screen 
and (min-width : 768px) 
and (max-width : 991px) {

.container-fluid.quote-main-section .selection-col{
    display: none !important;
}

.quote-material-selection article.col {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.quote-material-selection .material-selection-container {
    padding: 2px !important;
}

.quote-material-selection .material-selection-container label > span .image {
    height: 180px;
}

.quote-material-selection .material-selection-container label > span > span.title {
    font-size: 18px;
    line-height: 28px;
    padding: 20px;
    max-width: 100%;
}

.quote-steps-container .quote-step-inner#selection-shape-size .quote-step-selection .main-select label > span > .image {
    background-size: contain !important;
}

.quote-steps-container .quote-step-inner .quote-step-selection .main-select label > span > .image {
    height: 140px;
}

form.table-top-form {
    margin-bottom: 50px;
}

.quote-steps-container {
    padding-top: 90px;
    padding-bottom: 0;
}

.other-size-selection-form > b {
    font-size: 10px;
}

.quote-steps-container .quote-step-inner .sub-selections .sub-radio label > span > .name {
    font-size: 14px;
}

}
	
/* small screens and ipad pro portrait */
@media only screen 
and (min-width : 992px) 
and (max-width : 1200px) {

.quote-material-selection .material-selection-container label > span .image {
    height: 180px;
}

.quote-material-selection .material-selection-container label > span > span.title {
    font-size: 18px;
    line-height: 28px;
    padding: 20px;
    max-width: 100%;
}

.quote-steps-container .quote-step-inner#selection-shape-size .quote-step-selection .main-select label > span > .image {
    background-size: contain !important;
}

.quote-steps-container .quote-step-inner .quote-step-selection .main-select label > span > .image {
    height: 135px;
}

.quote-steps-container .quote-step-inner .sub-selections .sub-radio label > span > .name {
    font-size: 14px;
}

.other-size-selection-form > b {
    font-size: 10px;
}

}