#prod-desc-container .lazy{ width: auto;max-width:100%; height:auto;}


#prod-desc-container .riley-gallery { display: flex;}

#prod-desc-container .riley-gallery-column { flex: 33.33%; padding: 12px;}

#prod-desc-container .riley-gallery-column img { width: 100%; height: auto;}


#prod-desc-container, #prod-desc-container p { display: flex; flex-direction: column; gap: 20px; font-size: 18px;}

#prod-desc-container .flex-container { display: flex;}

#prod-desc-container .border-text{ border-left: solid #03a8e7 8px; padding: 10px 0 10px 28px;}

#prod-desc-container .col { flex: 1; align-self: center; padding-left: 4px; padding-right: 4px;}

#prod-desc-container  h2{ font-size: 25px !important;}

#prod-desc-container  h3{ color:#014d7a !important; font-size: 24px !important; padding-bottom: 8px;}

#prod-desc-container .col-1 img, .col-2 img { margin-right: 20px; }

#prod-desc-container .revert .col-1 { order: 2;}

#prod-desc-container .revert .col-2 { order: 1;}

#prod-desc-container .desc-img { max-width: 100%; height: auto;}

#prod-desc-container .col-1 h2, .col-1 p, .col-2 h3, .col-2 p { font-family: Lato;}

#prod-desc-container .main-heading-h2{ font-size: 22px; text-align: center;}


@media (max-width: 680px) { .main-heading-h2 { font-size: 20px;} #prod-desc-container .col-2 h3 { display: block; margin-bottom: 5px; }}

@media (max-width: 320px) { .main-heading-h2 {font-size: 18px;  } #prod-desc-container, #prod-desc-container p { font-size: 16px; } .col-2 h3 { font-size: 16px;  }}