/*
    Title   : Front End Style
    Author  : HD
    Date    : Jan 2019
 */

/*
    Title   : Pre defined classes
    Author  : HD
    Date    : 15 Jan 2019
 */


.p-0 {
    padding: 0;
}

.p-1 {
    padding: 5px;
}

.p-2 {
    padding: 10px;
}

.p-3 {
    padding: 15px;
}

.p-4 {
    padding: 20px;
}

.p-5 {
    padding: 25px;
}

.px-1 {
    padding-left: 5px;
    padding-right: 5px;
}

.px-2 {
    padding-left: 10px;
    padding-right: 10px;
}

.px-3 {
    padding-left: 15px;
    padding-right: 15px;
}

.px-4 {
    padding-left: 20px;
    padding-right: 20px;
}

.px-5 {
    padding-left: 25px;
    padding-right: 25px;
}

.py-1 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.py-2 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.py-3 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.py-4 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.py-5 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pl-0 {
    padding-left: 0px;
}

.pl-1 {
    padding-left: 5px;
}

.pl-2 {
    padding-left: 10px;
}

.pl-3 {
    padding-left: 15px;
}

.pl-4 {
    padding-left: 20px;
}

.pl-5 {
    padding-left: 25px;
}

.pr-0 {
    padding-right: 0px;
}

.pr-1 {
    padding-right: 5px;
}

.pr-2 {
    padding-right: 10px;
}

.pr-3 {
    padding-right: 15px;
}

.pr-4 {
    padding-right: 20px;
}

.pr-5 {
    padding-right: 25px;
}

.m-0 {
    margin: 0;
}

.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mx-1 {
    margin-left: 5px;
    margin-right: 5px;
}

.mx-2 {
    margin-left: 10px;
    margin-right: 10px;
}

.mx-3 {
    margin-left: 15px;
    margin-right: 15px;
}

.mx-4 {
    margin-left: 20px;
    margin-right: 20px;
}

.mx-5 {
    margin-left: 25px;
    margin-right: 25px;
}

.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.my-1 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.my-2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.my-3 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.my-4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.my-5 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-1 {
    margin-top: 5px;
}

.mt-2 {
    margin-top: 10px;
}

.mt-3 {
    margin-top: 15px;
}

.mt-4 {
    margin-top: 20px;
}

.mt-5 {
    margin-top: 25px;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-1 {
    margin-bottom: 5px;
}

.mb-2 {
    margin-bottom: 10px;
}

.mb-3 {
    margin-bottom: 15px;
}

.mb-4 {
    margin-bottom: 20px;
}

.mb-5 {
    margin-bottom: 25px;
}

.ml-1 {
    margin-left: 5px;
}

.ml-2 {
    margin-left: 10px;
}

.ml-3 {
    margin-left: 15px;
}

.ml-4 {
    margin-left: 20px;
}

.ml-5 {
    margin-left: 25px;
}

.mr-1 {
    margin-right: 5px;
}

.mr-2 {
    margin-right: 10px;
}

.mr-3 {
    margin-right: 15px;
}

.mr-4 {
    margin-right: 20px;
}

.mr-5 {
    margin-right: 25px;
}

.c-blue {
    color: #2c20ff;
}

.c-l-blue {
    color: #449cff;
}

.c-sky-blue {
    color: #449cff;
}

.c-gray {
    color: #eeeeee !important;
}

.c-d-gray {
    color: #888888;
}

.c-l-gray {
    color: #eaeaea;
}

.c-white {
    color: #fff;
}

.c-white-hover:hover {
    color: rgba(255, 255, 255, 0.75);
}

.c-black {
    color: #333;
}

.c-orange {
    color: #f89e0f;
}

.c-d-orange {
    color: #f08834;
}

.c-green {
    color: #06a453
}

.c-red {
    color: #e75f5f;
}

.c-yellow {
    color: #ffd400;
}

.c-l-yellow {
    color: #e9c545;
}

.t-underline {
    text-decoration: underline;
}

.br-0 {
    border-radius: 0px !important;
}

.br-1 {
    border-radius: 2px;
}

.br-2 {
    border-radius: 4px;
}

.br-3 {
    border-radius: 6px;
}

.br-4 {
    border-radius: 8px;
}

.br-5 {
    border-radius: 10px;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.lh-1 {
    line-height: 1;
}

.lh-1_3 {
    line-height: 1.3;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.hr-1 {
    border-top: 0.2em solid #eee;
}

.brdr-none {
    border: none;
}

.brdr-gray {
    border: 0.1em solid #eeeeee;
}

.brdr-dash-gray {
    border: 0.19em dashed #eaeaea;
}

.brdr-d-blue {
    border: 0.1em dashed #2c20ff;
}

.brdr-gray {
    border: 0.1em solid #eeeeee;
}

.brdr-dgray {
    border: 0.09em solid #888888;
}

.bg-none {
    background: none !important;
}

.bg-gray {
    background: #eeeeee;
}

.bg-white {
    background: #f0f0f0;
}

.bg-l-gray {
    background: #eeeeee5c;
}

.bx-shadow-none {
    box-shadow: none;
}

.bx-shadow-gray-1 {
    box-shadow: 0px 0px 2px 1px #b3b0b0;
}

.bb-g-1 {
    border-bottom: 1px solid #d3d3d3;
}

/*
    Title   : Cart Page Duration Switch
    Author  : HD
    Date    : 11 Jan 2019
 */
.switch-container {
    position: relative;
    margin: 35px 0 0 0;
}

.switch-container .monthly,
.switch-container .yearly {
    font-size: 14px;
    color: #333;
    font-weight: 800;
}

.switch-container .monthly.active,
.switch-container .yearly.active {
    color: #2c20ff
}

.switch-container .switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px;
    top: 0;
    margin-left: 0px !important;
}

.switch-container .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch-container .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #b2e0dc9e;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-container .slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 3px;
    bottom: 2px;
    background-color: #2c20ff;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-container input:checked + .slider {
    background: #b2e0dc9e;
}

.switch-container input:focus + .slider {
    box-shadow: 0 0 1px #b2e0dc9e;
}

.switch-container input:checked + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}

.switch-container .slider.round {
    border-radius: 34px;
}

.switch-container .slider.round:before {
    border-radius: 50%;
}

.switch-container table tr td {
    padding: 0 10px;
}

/*
    Title   : Cart & Checkout Page
    Author  : HD
    Date    : 11 Jan 2019
 */

.hd-page-plan .heading h1 {
    margin: 30px 0 20px 0;
    font-size: 48px;
    font-weight: 900;
    float: left;
    width: 100%;
}

.hd-page-plan .heading p.ha-subheading {
    margin: 0 0 15px 0;
    float: left;
    width: 100%;
}

.hd-cart-temp-heading {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #333;
    padding: 8px 0 15px 0;
}

.hd-cart-table {
    margin: auto;
    width: 500px;
}

.hd-cart-table .hd-cart-sub-total h4,
.hd-cart-table .hd-cart-total h4,
.hd-cart-table .hd-cart-sub-total-disc h4,
.hd-cart-table .hd-cart-item h4 {
    font-weight: 800;
}

.hd-cart-table .hd-cart-sub-total h4 .hd-sub-title,
.hd-cart-table .hd-cart-total h4 .hd-sub-title,
.hd-cart-table .hd-cart-sub-total-disc h4 .hd-sub-title,
.hd-cart-table .hd-cart-item h4 .hd-sub-title {
    font-weight: 400;
    font-size: 14px;
}

.hd-cart-table .hd-cart-item img {
    width: 20px;
    margin: 0 8px 0 0;
}

.hd-cart-table tr td:nth-child(2) {
    text-align: right;
}

.hd-cart-sub-total-disc td:nth-child(1) h4 {
    font-size: 16px;
    display: inline-block;
    background: #fff700;
    margin: 0 0 20px 0;
    padding: 5px 7px 5px 7px;
}

.hd-cart-disc td {
    font-size: 21px;
    font-weight: 800;
    color: #0666ee;
    padding: 6px 0 6px 0;
}

.hd-cart-description td {
    padding: 10px 0 10px 0;
    color: #888888;
    font-size: 18px;
}

.hd-cart-description td .btn-default {
    color: #fff;
    background-color: #2c20ff;
    padding: 9px 25px;
    font-size: 25px;
    font-weight: 800;
    border-radius: 8px;
}

.hd-cart-description td .btn-default:active,
.hd-cart-description td .btn-default:focus {
    outline: none;
}

.hd-cart-disc-list td:nth-child(2) {
    text-align: left !important;
}

.hd-cart-bottom-text {
    margin: 25px 25px 60px 25px;
    border: 1px solid #d9d9d94d;
    box-shadow: 0px 0px 5px 1px #d9d9d94d;
    border-radius: 5px;
    padding: 25px;
    font-size: 16px;
    color: #666666;
    position: relative;
    background: #fff;
}

.hd-cart-bottom-text:after,
.hd-cart-bottom-text:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.hd-cart-bottom-text:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 30px;
    margin-left: -30px;
}

.hd-cart-bottom-text:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #d9d9d94d;
    border-width: 33px;
    margin-left: -33px;
}

.hd-seal-temp-add-to-card {
    position: relative;
    padding: 5px 0 0 0;
}

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    top: 0;
    font-size: 16px;
    color: #333;
    display: initial;
}

.styled-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 19px;
    height: 19px;
    background: #a1a1a1;
    border-radius: 4px;
}

.styled-checkbox + label:after {
    content: '';
    position: absolute;
    left: 1px;
    top: 2px;
    background: white;
    width: 17px;
    height: 15px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 2px;
}

.styled-checkbox:hover + label:before {
    background: #5497f5;
}

.styled-checkbox:checked + label:before {
    background: #5497f5;
}

.styled-checkbox + label {
    color: #b8b8b8;
    cursor: pointer;
    top: 0;
}

.styled-checkbox:checked + label {
    color: #333;
    cursor: pointer;
    top: 0;
}

.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}

.styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hd-cart-item.empty .styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 8px;
    top: 8px;
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: -2px 0 0 #fff, 2px 0 0 #fff, 0px -2px 0 #fff, 0px 2px 0 #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hd-discount-badge {
    position: absolute;
    top: -30px;
    left: -30px;
    width: 145px;
    height: 50px;
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.hd-discount-badge .hd-circle {
    width: 90px;
    height: 90px;
    position: absolute;
    border: 2px solid #ffd400;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hd-discount-badge .hd-square {
    background: #ffd400;
    text-align: center;
    padding: 6px 0;
    width: 135px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 800;
}

.hd-new-choose-plan .well.well-large {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
}

.step_container {
    padding: 0;
    list-style: none;
    margin: 0 auto;
    float: left;
    width: 100%;
}

.step_container li {
    width: 33.33%;
    float: left;
    text-align: center;
    position: relative;
}

.step_container li br {
    display: none;
}

.step_container li.step_1,
.step_container li.step_2,
.step_container li.step_3 {
    background: #eeeeee;
    padding: 16px 0;
    position: relative;
}

.step_container li.step_1.active,
.step_container li.step_2.active,
.step_container li.step_3.active {
    background: #f7f7f7;
}

.step_container li.step_1.active:after {
    content: " ";
    position: absolute;
    top: 0px;
    right: -7px;
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 9px solid #f7f7f7;
    z-index: 2;
    transition: border-color 0.2s ease;
}

.step_container li.step_2.active:after {
    content: " ";
    position: absolute;
    top: 0px;
    right: -7px;
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 9px solid #f7f7f7;
    z-index: 2;
    transition: border-color 0.2s ease;
}

.step_container li.step_2.active:before {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 9px solid #f1f1f1;
    z-index: 2;
    transition: border-color 0.2s ease;
}

.step_container li.step_1.active .step_number,
.step_container li.step_2.active .step_number,
.step_container li.step_3.active .step_number {
    background: #3d599f;
}

.step_container .step_number {
    color: #fff;
    background: #5497f5;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    display: none;
}

.step_container .step_number a {
    color: #fff;
    width: 100%;
    display: inline-block;
}

.step_container .step_text {
    font-weight: 600;
    margin: 0 0 0 0;
    display: inline-block;
}

.hd_plan_main_container .hd_plan_price_block .hd_plan_price_block-inner {
    box-shadow: 0px 0px 1px 2px #eaeaea;
    border-radius: 5px;
    top: 0;
    margin-bottom: 0;
    cursor: pointer;
}

.hd_plan_main_container .hd_plan_price_block .hd_plan_price_block-inner:hover {
    box-shadow: 0px 0px 6px 1px #f7e9bc;
}

.hd-pay-now .hd-hide-on-pay-now {
    display: none;
}

.hd-pay-now .hd-cart-table tr td:nth-child(2) {
    text-align: center;
}

.hd-pay-now .pay-now-before-discount-through > h1,
.hd-free-line-through {
    position: relative;
}

.hd-pay-now .pay-now-before-discount-through > h1:before,
.hd-free-line-through:before {
    content: "";
    height: 2px;
    background: #ffd400;
    position: absolute;
    left: -10px;
    right: -10px;
    top: 50%;
}

.hd-pay-now .hd-cart-table .hd-cart-item h4 {
    color: #888888;
}

.hd-page-plan .hd-hide-on-plans {
    display: none;
}

.hd_cart_start_now.hd_disable {
    background-color: #2c20ff5e !important;
}

/***************************************************************************/

@media screen and (max-width: 1280px) {
    #reasons_rejection {
        position: relative;
        margin: 20px 0 0 0;
    }
}

@media screen and (max-width: 1024px) {
    .status-tracker {
        padding: 0 !important;
        height: 79vh;
        overflow: auto;
        border-radius: 10px;
    }
}

@media screen and (max-width: 1000px) {
    .my-business-info {
        min-width: inherit;
        max-width: 95%;
        overflow: auto;
    }
}

@media screen and (max-width: 997px) {
    .hd_header_inner {
        padding: 8px 15px;
    }
}

@media screen and (max-width: 830px) {
    .hd_getting_started {
        background-size: cover !important;
    }
}

@media screen and (max-width: 768px) {
    .single-plan-three {
        margin-top: 30px;
    }

    .single-plan-three.hd_display_table {
        margin-top: 0px;
    }

    .setting .hd_display_table_cell {
        display: inline-block;
        margin-bottom: 15px;
    }

    .pick-a {
        padding-top: 0;
    }

    .three-check label {
        font-size: 11px;
    }

    .cust-width-lg {
        width: 50%;
    }

    .lg-pad {
        padding-bottom: 30px;
    }

    .single-plan-cus-wid {
        width: 50%;
    }

    .activePlan {
        width: 100%;
    }

    .for-big {
        display: none;
    }

    .for-mob {
        display: table;
    }

    .but-sign-in h6 {
        color: #fff;
    }

    .status-tracker {
        height: 100% !important;
        display: inherit;
        overflow: inherit !important;
    }

    .insta-cuto-trust {
        float: none;
        padding: 0px 10px 30px 10px;
    }

    .what-is-trustloack {
        background-color: #f7f7f7;
        display: block;
    }

    .number-step {
        margin-bottom: 10px;
    }

    .number-step-descrip {
        padding: 0 !important;
    }

    .five-minutes-installing {
        float: left !important;
        padding-left: 15px !important;
    }

    .links-bott {
        float: left !important;
        padding-bottom: 20px;
    }

    .rocket-boost {
        float: left !important;
    }

    .rankingtop {
        float: left !important;
        padding-bottom: 20px;
    }

    #trust-lock-home-tabed {
        padding: 0px 0px;
        height: 100% !important;
        display: inherit;
        overflow: auto !important;
    }

    .with-trustlock-logo {
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
    }

    .with-trustlock-logo img {
        padding: 20px 20px 0 20px;
    }

    .hd-status-bar {
        padding: 15px 15px;
    }
}

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

    .hd_header_inner {
        padding: 8px 15px;
    }

    .increase-your-sell-bottom-check {
        padding: 15px;
    }

    .hd_footer_inner {
        padding: 0 0 15px 0;
    }

    .hd-new-choose-plan .hd_display_table_cell {
        display: block;
        width: 100%;
    }

    .hd_display_table.hd_bottom_check_and_badge .hd_display_table_cell {
        display: block;
        width: 100%;
    }

    .bottom-seal-holders .hd_display_table_cell {
        display: block;
    }
}

@media screen and (max-width: 736px) {
    .hd_left_logo {
        margin: auto;
        text-align: center;
        float: none !important;
    }

    .but-sign-in {
        width: 100%;
        margin: auto;
    }

    .hd-page-plan .heading h1,
    .payment-heading h1 {
        font-size: 25px;
    }

    .pl-xs-0 {
        padding-left: 0;
    }

    .fs-xs-10 {
        font-size: 10px !important;
    }

    .fs-xs-14 {
        font-size: 14px;
    }

    .fl-no-xs-center {
        float: none !important;
        margin: auto;
        display: table;
        clear: both;
    }

    .hd-cart-table.bottom-trust-badges {

    }

    .info-heading h1 {
        font-size: 24px;
    }

    .testimonials {
        padding: 0;
    }

    .name-head h4, .id-head h4, .status-head h4 {
        font-weight: 400;
    }

    .saved-units-inner {
        padding: 0;
    }

    .drpd-dow {
        left: 30px !important;
        right: auto !important;
    }

    .cust-width-lg {
        width: 100%;
    }

    .seal-code-pg-g {
        border: 0;
    }

    .step_container .step_text {
        font-size: 9px;
    }

    .for-big {
        display: none;
    }

    .for-mob {
        display: table;
    }

    .lg-pad {
        padding-bottom: 30px;
    }

    .single-plan-cus-wid {
        width: 100%;
    }

    .testimonials-inner-img {
        padding: 10px 0 0 0;
    }

    .registration-logo {
        text-align: center;
    }

    .seal-one-container {
        padding: 20px 20px;
    }

    .my-business-info {
        display: flow-root;;
        height: 100%;
        padding: 0px;
    }

    .chtwo {
        margin-top: 30px;
        padding: 0px 0px;
    }

    .chone {
        padding-left: 0px;
        padding-right: 0px;
    }

    .chthree {
        padding-right: 0;
        padding-left: 0;
    }

    .badge_design {
        margin: 10px 0px;
    }

    .three-check .label-two {
        padding-left: 0px;
        width: 100%;
    }

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-left: 0px;
    }

    .install-your-trust {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .seal-code img {
        width: 100px;
    }

    .seal-code {
        text-align: center;
    }

    .business-info {
        height: 100% !important;
        display: inherit;
        overflow: auto !important;
    }

    .get-code {
        width: 90%;
        height: 483px;
        left: 35%;
    }

    .position-fixed {
        position: relative;
    }

    .price-heading {
        margin-left: auto;
        width: 100%;
    }

    #ticket-page {
        border-radius: 16px;
        height: 64vh;
    }

    .badge_design h4 {
        margin: 0 0 0 -10px;
    }

    .gradient-left {
        overflow: hidden;
    }

    #choose-plan.hd-floating-text-payment {
        display: none;
    }

    #seal-design .mg-pd .col-md-2, #seal-design .mg-pd .col-lg-2 {
        width: 50%
    }
}

@media screen and (max-width: 620px) {
    #choose-plan .ha-combo .seal_date, #choose-plan .ha-single .seal_date {
        padding: 4px 24px 2px 17px;
    }

    #choose-plan .ha-combo-single .hd-combo-plus {
        bottom: -21px;
        display: inline-table;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        top: auto;
    }

    tr .hide-mobile {
        display: none;
    }

    .mobile-menu {
        display: inline-block;
        color: #fff;
        font-size: 25px;
        position: absolute;
        left: 0;
        top: 18px;
    }

    .hd_display_table_footer .position-fixed div:nth-child(2) p {
        text-align: center;
    }

    #Cancel-Seal .modal-footer .pull-right {
        width: 100%;
        text-align: center;
    }

    #why-cancel .modal-footer {
        text-align: center;
    }

    #why-cancel .modal-footer .pull-left,
    #why-cancel .modal-footer .pull-right {
        float: none !important;
    }

    .hd_blue_button, .cancel_subscription {
        margin: auto;
        display: table;
    }
}

@media screen and (max-width: 667px) {
    .seal-template-price-page {
        width: 80%;
        margin: 20px auto;
    }

    .seal-template-price-page .hd-tm {
        font-size: 11px;
    }
}

@media screen and (max-width: 480px) {
    .hd-list li.hd-items {
        font-size: 10px;
    }

    .hd-list li.hd-items span.hd-icon {
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .hd_display_table,
    .step-navigation,
    .hd_form_container,
    .hd_display_table_cell,
    .hd_display_table_row {
        display: block;
        height: auto;
    }

    .hd-cart-table {
        width: auto;
    }

    .form-heading,
    .hd-new-choose-plan,
    .switch-container {
        float: left;
        width: 100%;
    }

    .hd_display_table_header,
    .hd_display_table_footer {
        display: table;
    }

    .hd_footer_inner {
        text-align: center;
    }

    .hd-seal-temp-price,
    .seal-template-price-page,
    .hd-seal-temp-add-to-card {
        text-align: center;
    }

    .seal-template-price-page .hd-tm {
        right: 12px;
    }

    #choose-plan .hd-floating-text-payment {
        display: none;
    }

    .hd_table_responsive,
    .hd_table_responsive tbody,
    .hd_table_responsive tbody tr,
    .hd_table_responsive tbody tr td {
        display: block;
        width: 100%;
        text-align: center;
    }

    .hd_table_responsive tbody tr td {
        margin: 0 0 15px 0;
    }

    .hd_table_responsive tbody tr td.hd_table_blank {
        margin: 0;
    }

    .hd_table_responsive tbody tr td.hd_table_center {
        text-align: center;
    }

    .hd_table_responsive tbody tr td img {
        margin: auto;
        width: 85%;
        max-width: 150px;
    }
}

@media screen and (max-width: 320px) {
    .form-heading {
        float: none;
        width: 100%;
    }

    .get-code {
        width: 90%;
        max-height: 98vh;
        left: 50%;
        top: 50%;
        overflow: auto;
        min-width: auto;
    }

    #choose-plan .ha-combo .seal_date, #choose-plan .ha-single .seal_date {
        padding: 0px 0px 0px 5px;
        font-size: 9px;
    }

    #seal-design .mg-pd .col-md-2, #seal-design .mg-pd .col-lg-2 {
        width: 100%
    }

    .export-code textarea {
        width: 100%;
    }

    .export-code .popup-text-box .why-hover {
        padding: 0 10px 10px 0;
    }

    .hd_inner_section {
        display: block;
    }
}