.info-tooltip {
    padding: 0 8px;
    cursor: pointer;
    display: inline-block;
}
.info-tooltip:before {
    content: "\f129";
    font-family: "FontAwesome";
    display: inline-block;
    font-size:15px;
    color: var(--grey-color);
    font-weight:normal;
}
.product-page-container .tooltip-section .info-tooltip:before {position: relative; top: 1px;}
.tooltip-box-container {
    width: 280px;
    height: auto;
    padding:15px 20px;
    position:absolute;
    border: 1px solid #ddd;
    border-radius:5px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color:white;
    display:inline-block;
    z-index: 2000;
}
.tooltip-open {
    display: inline-block!important;
}
.tooltip-section {
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.attribute-filter-c .filter-options .filter-option .tooltip-section {position: unset;}
.tooltip-body {
    display: none;
}
div.tooltip-section .tooltip-box-container {top: -13px; left: 30px; }
.attribute-filter-c .filter-options .filter-option div.tooltip-section .tooltip-box-container {left:-14px; width: 263px;}
.attribute-filter-c.opened div.tooltip-section .tooltip-box-container {z-index:999; top: -11px; }
div.tooltip-section-second .tooltip-box-container { top:237px; left: 82px; }
.tooltip-box-content {font-size: 13px;}
.tooltip-box-content p {font-weight: normal; font-size:13px; line-height: 20px;}
.tooltip-box-content h5 {font-weight: bold;}
.tooltip-box-content img {width: 130px; height: 130px;}
.tooltip-img {text-align: center; margin-bottom: 5px;}
.tooltip-box-container button.close {position: absolute; top: 5px; right: 8px; font-weight: normal; outline: none;font-size:21px;}
.tooltip-box-container p {margin-bottom: 0;}
.tooltip-box-container .tooltip-box-content {margin: 5px 0;}
.tooltip-box-container .tooltip-arrow-left:after, .tooltip-box-container .tooltip-arrow-left:before  {
    border-style: solid;
    content: "";
    height: 0px;
    width: 0px;
    position: absolute;
    top: 14px;
    border-width: 9px 10px 9px 0;
}
.attribute-filter-c .filter-options .filter-option .tooltip-box-container .tooltip-arrow-left:after,
.attribute-filter-c .filter-options .filter-option .tooltip-box-container .tooltip-arrow-left:before {display: none;}
.tooltip-box-container .tooltip-arrow-left:before  {
    border-top-color: transparent;
    border-right-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: transparent;
    left: -11px;
    border-left-color: transparent;
}
.tooltip-box-container .tooltip-arrow-left:after {
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: white;
    border-top-color: transparent;
    left: -10px;
}
.tooltip-box-container .tooltip-arrow-left {position:absolute; top:0; left:0; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);}
.tooltip-box-content[data-tooltipalign="left"] {text-align: left; }
.tooltip-box-content[data-tooltipalign="right"] {text-align: right; }
.tooltip-box-content[data-tooltipalign="center"] {text-align: center; }
.tooltip-box-content[data-tooltipalign="justify"] {text-align: justify; }

@media only screen and (max-width: 1000px) {
    .filter-title-content div.tooltip-section .tooltip-box-container {width: 200px;}
    #payment ul.payment_methods .tooltip-box-container,
    .checkoutOverviewOptions div.tooltip-section .tooltip-box-container  {left: -285px;}
    #payment ul.payment_methods .tooltip-box-container .tooltip-arrow-left,
    .checkoutOverviewOptions div.tooltip-section .tooltip-box-container .tooltip-arrow-left {display: none;}
}
@media only screen and (max-width: 900px) {
    .filter-title-content div.tooltip-section .tooltip-box-container {top: 30px; width: 282px; left:-1px;}
    .attribute-filter-c .filter-options .filter-option div.tooltip-section .tooltip-box-container {width: 283px;}
    .filter-title-content div.tooltip-section .tooltip-box-container .tooltip-arrow-left {display:none;}
    .attribute-filter-c .filter-interaction .tooltip-box-container button.close {top: 5px;}
}
@media only screen and (max-width: 810px) {
    .attribute-filter-c .filter-options .filter-option div.tooltip-section .tooltip-box-container {width: 253px;}
    .filter-title-content div.tooltip-section .tooltip-box-container {width: 252px;}
    .checkoutOverviewOptions div.tooltip-section .tooltip-box-container {left: -250px; width: 250px; }
}
@media only screen and (max-width: 800px) {
    .tooltip-box-container {width: 230px;}
    .attribute-filter-c .filter-options .filter-option div.tooltip-section .tooltip-box-container {width: 251px;}
    .filter-title-content div.tooltip-section .tooltip-box-container {width: 250px; }
    #payment ul.payment_methods .tooltip-box-container,
    .checkoutOverviewOptions div.tooltip-section .tooltip-box-container {left: -235px;}
}
@media only screen and (max-width: 768px) {
    .attribute-filter-c .filter-options .filter-option div.tooltip-section .tooltip-box-container {
        width: 239px;
    }
    .filter-title-content div.tooltip-section .tooltip-box-container {width: 238px; }
}
@media only screen and (max-width: 750px) {
    .tooltip-box-container {width: 200px;}
    .attribute-filter-c .filter-options .filter-option div.tooltip-section .tooltip-box-container {width:275px; }
    .filter-title-content div.tooltip-section .tooltip-box-container {width: 274px; }
    .filter-title-content div.tooltip-section .tooltip-box-container .tooltip-arrow-left {display: inline-block;}
    .filter-title-content div.tooltip-section .tooltip-box-container {top: -13px; width: 280px; left:30px;}
    .attribute-filter-c .filter-interaction .filter-title .filter-title-content .tooltip-section {position: relative;}
    #payment ul.payment_methods .tooltip-box-container, .checkoutOverviewOptions div.tooltip-section .tooltip-box-container {left: -200px;}
}
@media only screen and (max-width: 700px) {
    div.tooltip-section .tooltip-body {position:fixed; bottom:0; top:0; left:0; right:0; z-index: 999; overflow:hidden; }
    .tooltip-box-container .tooltip-arrow-left {display:none;}
    div.tooltip-section .tooltip-body.tooltip-open {background: rgba(0,0,0,0.5);}
    div.tooltip-section .tooltip-box-container,
    .filter-title-content div.tooltip-section .tooltip-box-container,
    #payment ul.payment_methods .tooltip-box-container,
    .checkoutOverviewOptions div.tooltip-section .tooltip-box-container,
    .attribute-filter-c .filter-options .filter-option div.tooltip-section .tooltip-box-container {top: auto; bottom: 0; width: 100%; left: 0; margin: 0 auto; border-radius: 5px 5px 0 0;}
    html.page-not-scroll {overflow: hidden;}
    .attribute-filter-c.opened div.tooltip-section .tooltip-box-container {top: auto;}
}