*, ::after, ::before { box-sizing : content-box; font-family: 'Trebuchet MS' !important; } a { color : #007bff; text-decoration: none; } .button-title { font-size: 24px; margin-inline-start: 0px; margin-inline-end: 0px; } .w-25 { width: 25%; } .w-50 { width: 50%; } .w-75 { width: 75%; }.p-2{ text-decoration: none; color: black;pointer-events: none; cursor: auto; font-size: 16px! important; } .p-1 { padding: 1rem;} .float-left { float: left; }.brandName{font-size: 14px! important;font-weight: 500; } .productName{ font-size: 26px! important; } .text-center { text-align: center; } .container { margin: 0 auto; } .container::after { clear : both; content: close-quote; display: block; } .well { border : 1px solid #e9ecef; border-radius: 0px 20px 0px 0px; box-shadow : 1px 1px 1px 1px #e9ecef; } .flex { display: flex; padding: 10px; } .col-2 { max-height: 16.666667%; flex : 0 0 16.666667%; } .col-4 { max-height: 33.333334%; flex : 0 0 33.333334% } .col-8 { max-height: 66.666667%; flex : 0 0 66.666667% } .col-10 { max-width: 65%; flex : 0 0 83.333333%; height:60px; } .bgr-img { background-position: center; background-repeat : no-repeat; background-size : contain; align-self : center; } .mx-auto { margin: 0 auto; } .product-left { width: 66.666667%; } .product-right { width : 33.333334%;height:300px; margin-left: auto; text-align: center; } .button-title { font-size : 24px; font-variant: small-caps; text-align : center; font-weight : 600; color : gray; width : 100%; word-wrap : break-word; align-self : center; } .product-image { height: 75%; } .button-image { width : 144px; height: 144px;  margin-left: 10px; margin-right:10px;} .rcb-image { width : 100px; height: 100px; } @media only screen and (max-width: 340px){*, ::after, ::before { box-sizing : border-box; font-family: 'Trebuchet MS' !important;  } .p-1{ padding: 5px;padding-top:10px;padding-bottom:10px;height:56px; } .flex{padding:15px}} @media only screen and (max-width: 576px) { .flex{padding:8px; }.container { max-width: 540px }.col-2 { max-height: 33.333334%; flex : 0 0 33.333334% } h1 { font-size: 16px !important; } h2 { font-size: 14px !important; } p { font-size: 10px; } .product-left { width: 55%; } .product-right { width : 55%;height:210px; margin-left: auto; } .product-image { height: 75%; } .button-image { width : 70px; height: 75px; margin-left: 10px; margin-right:10px; }.rcb-image { width : 50px; height: 50px; } .button-title { font-size: 24px!important; margin-inline-start: 0px; margin-inline-end: 0px; } .p-1 {padding: 5px;padding-top:10px;padding-bottom:10px;height:85px;  } } @media (min-width: 576px) { .col-10 { max-width: 100%; flex : 0 0 83.333333%; height:60px; }.container { max-width: 540px } h1 { font-size: 16px !important; } h2 { font-size: 14px !important; } p { font-size: 10px; } .product-left { width: 55%; } .product-right { width: 55%;height:210px; margin-left: auto;} .button-image { width : 70px; height: 75px; margin-left: 20px; margin-right:20px; } .p-1 { padding: 5px;padding-top:10px;padding-bottom:10px;height:85px;  } .footer{padding:1rem !important;display:flex;justify-content:center} } @media (min-width: 768px) { .container { max-width: 720px; } .product-left { width: 55%; } .product-right { width: 55%; height:210px; margin-left: auto;} .button-image { width : 70px; height: 70px; margin-left: 20px; margin-right:10px; } .p-1 { padding: 5px;padding-top:10px;padding-bottom:10px;height:80px;margin-bottom:25px;  } .privacy-block {padding:1rem !important;text-align:center; } .privacy-url { font-size:10px !important;font-family: Trebuchet MS !important;} .other-footer{font-size:10px !important;font-family: Trebuchet MS !important;} .divide {line-height: 10px;border-left: 1px solid black;padding: 0.4em; margin-left:15px} } @media (max-width:768px) {.privacy-block{ padding:20px !important;text-align:center;} .privacy-url{font-size:10px !important;font-family: Trebuchet MS !important; } .footer{padding:1rem !important;text-align:center;} .flex{ padding:8px;} .divide {line-height: 10px;border-left: 1px solid black;padding: 0.4em; margin-left:15px} .other-footer{font-size:10px !important;font-family: Trebuchet MS !important;} } @media (max-width: 576px){ .footer{padding:1rem !important;display:flex;justify-content:center} ..divide {line-height: 10px;border-left: 1px solid black;padding: 0.4em; margin-left:15px}  } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } }