.content-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  background: #f7f7f7;
}

/* Main layout for side-by-side sections */
.main-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    width: 100%;
}


/* Right product info section */
.product-info {
    flex: 0 1 500px;
    min-width: 500px;
    margin: 0 0 0 auto;
    text-align: left;
}


/* Video container for right section */
.video-container-secondary {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    margin-top: 1rem;
    background: #000;
}

.video-container-secondary iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



.media-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /*margin-bottom: 2rem;*/
  margin: auto 0 0 0;
}

.video-container {
  /*position: relative;*/
  width: 100%;
  max-width: 600px;
  padding: 0;
  /*padding-top: 56.25%;*/ /* 16:9 Aspect Ratio */
  max-height: 340px;
  overflow: hidden;
  margin-bottom: 1rem;
  box-shadow: none;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 340px;
  border: 0;
}


.image-section {
  align-self: flex-start;
  width: 100%;
  max-width: 600px;
}

.img-fluid {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1.5rem 0;
}

h1 {
  font-size: 2.5rem;
  margin: 0;
  align-self: flex-start;
}

.section-heading {
  display: block;
  margin: 1.5rem 0 0.5rem;
  /*font-weight: bold;*/
  font-size: 1.2rem;
  text-align:left;
  color:#000;
}

.table {
  width: 100%;
  margin-bottom: 1.5rem;
  border-collapse: collapse;
}

.table td, 
.table th {
  padding: 0.75rem;
  vertical-align: top;
  border: 1px solid #dee2e6;
  
font-size: 15px;
  line-height: 1.5;
  text-align:left;
}

.table th{
width:200px;
}
 
.table td {
/*width: 100%;*/
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.img-fluid {
/*
  max-width: 100%;
  height: auto;
*/
max-height: 800px;
  margin: 1.5rem 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .video-container {
    max-width: 100%;
  }
  
  h1 {
    font-size: 2rem;
  }
  
  .section-heading {
    font-size: 1.1rem;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 1.75rem;
  }
  
  .table {
    font-size: 0.9rem;
  }
  
  .table td, 
  .table th {
    padding: 0.5rem;
  }
}

.specs-section{
max-width:600px;
}




/*
// Section headings
.section-heading {
	font-size: 150%;
	display: block;
	margin: 20px 0 10px;
	font-weight: bold;
	color: #2c3e50;
}

// Table styles to replace Bootstrap table classes
.table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	background-color: transparent;
}

.table th, .table td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #dee2e6;
}

.table th {
	font-weight: bold;
	background-color: #f8f9fa;
	border-top: 1px solid #dee2e6;
}

// Striped rows effect
.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.05);
}

// Specific width for the first column
.table th:first-child {
	width: 150px;
}

// Responsive adjustments
@media (max-width: 768px) {
	.table {
		display: block;
		overflow-x: auto;
	}
	
	h1 {
		font-size: 1.5rem;
	}
	
	.section-heading {
		font-size: 120%;
	}
}
*/