@import '_mixins';
@import '_variables';

.banner-mini {
	margin-bottom: 120px;
}

#scontainer-61 {
	.product-preview {
		.row {
			&:nth-child(1) {
				margin-bottom: 60px;
			}
			&:nth-child(2) {
				align-items: center;
			}
		}
		p {
			font-size: 14px;
			font-weight: 300;
			text-align: center;
		}

		table {
			width: 100%;
			margin-bottom: 15px;

			thead {
				tr {
					th {
						font-family: Alegreya Sans;
						font-size: 16px;
						font-style: normal;
						font-weight: 300;
						line-height: 24px;
						letter-spacing: 0em;
						text-align: center;
						color: #fff;
						background: #000;
						text-transform: uppercase;
						padding: 8px 15px;

						&:empty {
							visibility: hidden;
						}

						&:blank {
							visibility: hidden;
						}

						&:first-child {
							visibility: hidden;
						}

						@include respond-below(xs) {
							padding: 8px 5px;
						}
					}
				}
			}

			tbody {
				border: 1px solid #000;
				padding-left: 20px;

				tr {
					&:first-child {
						td {
							padding-top: 100px;

							@include respond-between(sm, md) {
								padding-top: 50px;
							}

							@include respond-below(sm) {
								padding-top: 50px;
							}
						}
					}

					&:last-child {
						td {
							padding-bottom: 100px;

							@include respond-between(sm, md) {
								padding-bottom: 50px;
							}

							@include respond-below(sm) {
								padding-bottom: 50px;
							}
						}
					}

					td {
						padding: 10px 20px;
						font-size: 14px;
						font-weight: 500;

						@include respond-below(xs) {
							padding: 10px 10px;
						}

						text-align: center;

						&:first-child {
							text-align: left;
						}

						img {
							width: 20px;
							height: 20px;
						}
					}
				}
			}
		}
	}
}