.desktop-builder { margin: 20px 0; }
.desktop-builder .container { background: white; padding: 4rem; text-align: center; }

.db-selector { padding: 80px 0 40px; }
.db-selector select#type { margin: 30px auto; width: 300px; font-size: 140%; }

.desktop-builder .db-wrapper { display: flex; align-items: center; padding: 4rem 0; }
.desktop-builder .db-wrapper.hide { display: none; }
.db-wrapper .select-container { width: 25%; text-align: left; }
.db-wrapper .select-container .floating { margin-bottom: 20px; }	
.db-wrapper .image { width: 50%; max-width: 50%; padding: 0 2rem; }
.db-wrapper .image img { max-width: 100%; max-height: 500px; margin: auto; }
.checkbox-container { font-size: 1rem; line-height: 36px; }
.db-footer { display: flex; align-items: flex-start; padding: 2rem 0 4rem; }
.f1 { width: 40%; font-size: 12px; text-align: left; line-height: 150%; }
.f2 { width: 30%; padding: 0 2rem; }
.f3 { width: 30%; padding: 0 2rem; }
.bold { font-size: 2rem; font-weight: 700; }
.f1 > div { display: flex; padding: 2px 0; }
.f1 .title { width: 20%; }
.f1 .name { width: 60%; font-weight: 600; }
.f1 .price { width: 20%; text-align: right; }
.select2-container--default .select2-results__option[aria-disabled=true] { display: none; }
.f1 > div.hide { display: none; }

@media (max-width: 1024px) {
.desktop-builder .container { padding: 20px; }
.desktop-builder .db-wrapper { flex-direction: column; padding: 20px 0; }
.db-wrapper .select-container { width: 100%; }
.db-wrapper .image { width: 100%; max-width: initial; padding: 0 20px 20px; }
.db-footer { flex-direction: column; padding: 20px 0; }
.db-footer > div { width: 100% !important; padding: 20px 0; border-bottom: 1px solid #eee; }
.db-footer > div:first-child { border-top: 1px solid #eee; }
.f1 > div { flex-wrap: wrap; padding: 5px 0; }
.f1 .title { width: 100%; }
.f1 .name { width: 80%; }
.bold { font-size: 24px; }
}