/*css reset*/
#prod-desc-container,#prod-desc-container *{box-sizing:border-box}
#prod-desc-container{font-size:16px;max-width:920px;margin:0 auto;font-family:"Lato", sans-serif; background: #EEEEEE}
#prod-desc-container .headline-1{font-size:3.5em;margin:.43em 0; text-align: center; color: white;}
#prod-desc-container .headline-2-1{font-size:1.5em;margin-left: 10px; margin-right: 10px; margin-top: 20px; text-align: right;}
#prod-desc-container .headline-2-2{font-size:1.5em;margin-left: 10px; margin-right: 10px; margin-top: 20px; text-align: left;}
#prod-desc-container .headline-3{font-size:1.17em;margin:1em 0}
#prod-desc-container .headline-4{font-size:1em;margin:1.33em 0}
#prod-desc-container .paragraph{font-size:1.1em;margin-left: 10px; margin-right: 10px; margin-top: 20px; text-align: justify;}
#prod-desc-container .paragraph-1{font-size:1.1em;margin:1em 0; text-align: center;}
#prod-desc-container .desk-list{margin:1em 0;padding:0 0 0 20px;list-style-position:outside}
#prod-desc-container .desc-img.lazy,#prod-desc-container .desc-img{width:initial;max-width:100%;height:auto;}
#prod-desc-container .desc-img-1{width:60%;max-width:100%;height:auto; margin-left: 100px; margin-right: 30px; margin-top: 10px}

/*custom style*/
#prod-desc-container .flex-container{display:flex;flex-wrap:wrap;flex-direction:row}
#prod-desc-container .col{padding:1em}
#prod-desc-container .col-021{float: left; width: 50%; height: 270px; background: #EEEFFF;}
#prod-desc-container .col-02{float: left; width: 50%; height: 250px; background: #EEEFFF;}
#prod-desc-container .col-011{float: right; width: 50%; height: 270px; background: #EEEEEE;}
#prod-desc-container .col-01{float: right; width: 50%; height: 250px; background: #EEEEEE;}
#prod-desc-container .col-1{width:100%}
#prod-desc-container .col-2{width:50%}
#prod-desc-container .col-3{width:33.33%}
#prod-desc-container .col-4{width:25%}
#prod-desc-container .col.right{justify-content:flex-end;text-align:right;display:flex;flex-wrap:wrap;align-content:center}
#prod-desc-container .col.center{justify-content:center;text-align:center;display:flex;flex-wrap:wrap;align-content:flex-start}
#prod-desc-container .col.center-1{float: left; width: 100%; height: 180px; background: #E6E6FA;}
@media screen and (max-width: 919px) {
#prod-desc-container{font-size:14px;max-width:100%}
#prod-desc-container .col-1,#prod-desc-container .col-2,#prod-desc-container .col-3,#prod-desc-container .col-4{width:100%}
#prod-desc-container .col.right{justify-content:flex-start;text-align:left}
#prod-desc-container .flex-container.revert{flex-direction:column-reverse}
}