/* css reset */

#prod-desc-container,#prod-desc-container *{box-sizing:border-box}
#prod-desc-container{font-size:17px;max-width:920px;margin:0 auto;font-family:sans-serif;color: #444444}
#prod-desc-container .headline-2{font-size:1.5em;margin:.83em 0}
#prod-desc-container .headline-3{font-size:1.17em;margin:1em 0; font-weight:bold}
#prod-desc-container .headline-4{font-size:1em;margin:1.33em 0}
#prod-desc-container .paragraph{margin:1em 0}
#prod-desc-container .desk-list{margin:1em 0;padding:0 0 5px 10px !important;list-style-position:outside;}
#prod-desc-container .desk-list-1{margin:1em 0;padding:0 0 5px 20px !important;list-style-position:outside;}
#prod-desc-container .desk-list-2{margin:1em 0;padding:0 0 5px 30px !important;list-style-position:outside;}
#prod-desc-container .desc-img.lazy,#prod-desc-container .desc-img{width:initial;max-width:100%;height:auto}

/* custom style */
#prod-desc-container .flex-container{display:flex;flex-wrap:wrap;flex-direction:row}
#prod-desc-container .col{margin: 0}
#prod-desc-container .col.tlo{border: none; border-width: 1px; border-color: #444444; max-height: 293px; border-radius: 10px; padding: 30px}
#prod-desc-container .col-1{width:100%}
#prod-desc-container .col-2{width:450px; margin: 5px}
#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:flex-start}
#prod-desc-container .col.left{justify-content:flex-start;text-align:left;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 .img-1{border-radius: 10px;width:100%}
#prod-desc-container .desc-img-2.lazy,#prod-desc-container .desc-img-2{width:initial;max-width:50%;height:auto}
#prod-desc-container .bold {font-weight: bold}
#prod-desc-container .red {color: red}


/* prosy marki */
#prod-desc-container .pros.flex-container{display:flex;flex-wrap:wrap;flex-direction:row; margin-top: 30px; margin-bottom: 30px}
#prod-desc-container .pros.tlo {height: 200px; width: 300px; background-color: #23C9B0; border-radius: 20px 0px 20px 0px; color: #ffffff; padding: 40px 20px; text-align: center; box-shadow: inset -10px 55px 54px -18px #21bca0;}



/* break point */
@media screen and (max-width: 919px) {
#prod-desc-container{font-size:16px;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 .col.left{justify-content:center;text-align:left;display:flex;flex-wrap:wrap; max-width: 450px; margin: 0 auto}
#prod-desc-container .flex-container.revert{flex-direction:column-reverse}
#prod-desc-container .pros.flex-container{margin-top: 20px}
#prod-desc-container .pros.tlo {font-size:16px; height: 180px; width: 240px; margin: 5px auto; padding: 10px}

}