form.Eft div.dropdown { margin-bottom: 10px;}
form.Eft input[type="text"]{ display: inline-block; margin-right: 2em!important; width: 300px!important; max-width: 100%!important; }
form.Eft select {margin-right: 2em; width: 300px; max-width: 100%!important; min-width: 100px!important;}
form.Eft input[type="checkbox"], input[type="radio"] {margin-right: 0!important; width: 13px !important;}

i.icon-info { position: relative; display: inline-block; height: 16px; width: 16px; }
i.icon-info:before { content: ''; display: inline-block; background: url("../../../../etc/designs/global/libs/shop/checkout/clientlib/img/icon-info.svg") center center no-repeat; background-size: contain; height: 1.143em; width: 1.143em; position: relative; top: .2em; }
i.icon-info:hover, i.icon-info.hover { cursor: pointer; }
i.icon-info:hover span[class^="toolTip"], i.icon-info.hover span[class^="toolTip"] { display: block; }
i.icon-info span[class^="toolTip"] { display: none; position: absolute; width: 200px; background: #333333; color: white; font-weight: normal; text-align: left; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); padding: 10px 13px 8px; z-index: 9999; }
i.icon-info span[class^="toolTip"]:before { content: ''; position: absolute; border: 8px solid transparent; }
i.icon-info span.toolTip-up { bottom: 26px; left: -92px; }
i.icon-info span.toolTip-up:before { border-top: 8px solid #333333; left: 50%; margin-left: -8px; bottom: -16px; }
i.icon-info span.toolTip-right { bottom: -11px; left: 28px; }
i.icon-info span.toolTip-right:before { border-right: 8px solid #333333; bottom: 7px; left: -16px; }
i.icon-info span.toolTip-down { top: 30px; left: -92px; }
i.icon-info span.toolTip-down:before { border-bottom: 8px solid #333333; left: 50%; margin-left: -8px; top: -16px; }
i.icon-info span.toolTip-left { bottom: -11px; right: 28px; }
i.icon-info span.toolTip-left:before { border-left: 8px solid #333333; bottom: 7px; right: -16px; }

.error { color: #c71013; }
.error label, .error label b { font-weight: bold !important; }
.error input, .error select { border: 1px solid #c71013; box-shadow: 0 0 0 3px rgba(199, 16, 19, 0.1); margin: 3px 0; }
.error input[type="checkbox"] { box-shadow: 0 0 0 2px red; }
.error .errorMessage { display: inline; font-weight: normal; margin-bottom: 3px; }

/*
RESPONSIVE MEDIA QUERIES
=============================== */
@media only screen and (max-width: 767px) and (min-width :686px) {

    .toolTip-left{

        height: calc(100% + 43px);
    }
}
@media only screen and (max-width: 686px) and (min-width :356px) {

    .toolTip-left{

        height: calc(100% + 56px);
    }
}

@media only screen and (max-width: 356px) and (min-width :271px) {

    .toolTip-left{

        height: calc(100% + 75px);
    }
}

@media only screen and (max-width: 271px) {

    .toolTip-left{

        height: calc(100% + 92px);
    }
}

@media only screen and (max-width: 767px) {

    i.icon-info span.toolTip-left:before{
        display : inline-block;

    }
    #Eft div.text.parbase.section p{
        text-align :justify !important;
        width : 98%;
    }
    .toolTip-left:before{
        top : -36px;
        left: 87px;
        -webkit-transform: rotate(270deg);
        position : relative !important;
    }
    .toolTip-left {
        display:inline-block;
        position : absolute;
        left : -100px;
        top : 28px;
        width: 92vw !important;
        padding-top: 20px !important;
        text-align: justify !important;
        font-family: inherit !important;
        font-style: initial !important;
        text-indent: inherit !important;

    }

    .closeHelpResponsive{
        display: block !important;
    }

}