.ht-btn{top:8vw !important;}
.ht-btn .toggle-btn .fa {
    margin-top: 3px !important;
}

.ht-btn .toggle-btn.active .fa:before {
    top: 9vw !important;
}

header {
    width: 100%;
    height: 140px;
    background-color: rgba(30, 30, 30, .98) !important;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    z-index: 99999999999999999 !important;
    position: fixed;
    top: 0;
    z-index: 10 !important;
}

header ul {
    list-style: none;
    display: flex !important;
    justify-content: space-between;
}

header a {
    text-decoration: none;
    color: white;
}

header a:hover {
    color: #81b726;
    transition: color .3s;
}



.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {color: #81b726;}

.dropbtn{
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.3;
    color: #ffffff;
    cursor: pointer;
}


header .logo {
    z-index: 10;
}

header .logo img {
    height: 32px;
}

.header-menu {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    line-height: 1;
}

.header-menu .top-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    line-height: 1;
    margin-bottom: 8px;
}

.header-menu .top-menu-text {
    margin: 0 0.27vw 0 0;
    align-items: center;
    padding: 0;
}


.header-menu .top-menu-text li:nth-of-type(2) a {
    border-left: 2px solid #7eb228;
    border-right: 2px solid #7eb228;
}

.header-menu .top-menu-text a {
    font-size: 0.9rem;
    padding: 0 15px;
    cursor: pointer;
    font-family: Outfit, sans-serif;
}

.header-menu .top-menu-media {
    align-items: center;
    margin: 0;
    padding: 0;
    z-index: 10;
}

.header-menu .top-menu-media li {
    padding: 0 0.37vw;
    cursor: pointer;
}

.header-menu .face img {
    width: 13px !important;
}

.header-menu .twitt img {
    width: 22px !important;
}

.header-menu .insta img {
    width: 0.83vw;

}

.header-menu .top-menu-media img {
    max-width: 100%;
    width: 12px;
}

.header-menu .bottom-menu {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 0px;
}

.header-menu .bottom-menu-text {
    width: 730px !important;
    justify-content: space-between;
    margin: 0 30px 8px 0;
    padding-left: 30px;
}

.header-menu .bottom-menu-text li {
    display: flex;
    align-items: flex-start;
}

.header-menu .bottom-menu-text li a {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    color: #ffffff;
    cursor: pointer;
}

.header-menu .bottom-menu-text li a.active, .header-menu .bottom-menu-text li a:hover, .nav li a.active, .header-menu .bottom-menu-text .dropbtn.active {
    color: #81b726;
}

.header-menu .top-menu-text li a.active, .header-menu .top-menu-text li a:hover, .header-menu .top-menu-text li a.active {
    color: #81b726;
}

.header-menu .bottom-menu-text li:last-of-type {
    align-items: center;
}

.header-menu .bottom-menu-text nav {
    width: 1.3vw;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}

.header-menu .bottom-menu-text span {
    width: 100%;
    height: 2px;
    background-color: #81b726;
}

.header-menu .bottom-menu-text img {
    width: 1.17vw;
    padding: 0.4vw 0 0 0.53vw;
}

.header-btn {
    cursor: pointer;
}

.header-menu .header-btn:hover, .nav__container.open a.header-btn:focus {
    background-color: rgba(130, 186, 38, 1);
}

.header-btn p {
    font-size: 1rem !important;
}

.header-menu .register {
    background-color: rgba(130, 184, 38, 1);
    border-radius: .375rem;
    line-height: 1;
}

.header-menu .register p {
    color: white;
    font-size: 0.73vw;
    font-family: Outfit, sans-serif;
    font-weight: 600;
    /*padding: 0.73vw 3.55vw;*/
    margin: 0;
    width: 100px;
    padding: 10px 0px;
}

.header-menu .sign-up {
    background-color: transparent;
    border-radius: .375rem;
    /*margin: 0 0 0 -0.4vw;*/
    line-height: 1;
}

.header-menu .sign-up p {
    color: white;
    font-size: 0.73vw;
    font-family: Outfit, sans-serif;
    font-weight: 600;
    /*padding: 0.73vw 3.55vw;*/
    margin: 0;
    width: 100px !important;
    padding: 10px 0px;
}
#header-width{
    max-width: 1160px;
    margin: 0 auto;
    width: 100%;
}

header .bottom-menu-text li {
    display: flex;
    flex-direction: unset;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

header .subMenu {
    position: absolute;
    width: 140%;
    top: 100%;
    left: -20%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #474746;
    z-index: 100;
    visibility: hidden;
    transition: visibility .4s;
    padding: 1vw 0;
}

header .bottom-menu-text .subMenu a {
    padding: 1vw 1.5vw;
    cursor: pointer;
}

header .bottom-menu-text .subMenu li:first-of-type a {
}

header .bottom-menu-text .subMenu li a:hover {
    color: #7eb228;
}

header .subOpen:hover .subMenu {
    visibility: visible;
}

header .subOpen a:hover {
    color: white;
}

.redBtn {
    background-color: #c62828;
}

.grayBtn {
    background-color: #474746;
}

footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(30, 30, 30, 1);
    line-height: 1.1;
    padding: 64px 24px !important;
    font-family: Outfit, sans-serif;
}

footer .footer-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 4em;
}

footer .footer-top .logo {
    width: 32px;
}

footer .footer-top .logo img {
    max-width: 100%;
    height: 70px;
}
#footer-width{
    max-width: 1080px;
    width: 100%;
}

footer .footer-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 0 20px;

}

footer .footer-column a {
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
    margin-top: 16px;
}

footer .footer-top .menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 325px;
    margin-top: 23px;
}

footer .footer-top .menu div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

footer .footer-top .menu a {
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
    margin-top: 16px;
}

.footer-contact {
    text-align: left;
}

.footer-contact__label {
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    margin-bottom: 2px;
}

footer .footer-top .menu a:hover, footer .footer-top .menu a.active {
    color: #82ba26 !important;
}

footer .footer-top .contact {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 30px;
    text-align: left;
}

footer .footer-top h6 {
    font-family: Outfit, sans-serif;
    color: rgba(130, 184, 38, 1);
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0px 0px 10px 0px;
}

footer .footer-top .contact p {
    color: white;
    font-size: 0.9rem !important;
}

footer .footer-top img {
    margin: 0 20px 0 0;
}

footer .footer-top .face img {
    width:14px;
}

footer .footer-top .twitt img {
    width: 26px;
}

footer .footer-top .insta img {
    width: 1.25vw;
    margin: 0;
}

footer .footer-bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

footer .footer-bottom p {
    color: white;
    font-size: 0.8rem !important;
    margin: 0;
    margin-left: 0px;
}

.header-btn {
    z-index: 1;
    display: block;
    top: calc(50% - 2.5rem - 5px);
    left: calc(50% - 6rem - 5px);
    transition: transform 0.25s;
    text-align: center;
    -webkit-transition: .01s .23s ease-out all;
    transition: .01s .23s ease-out all;
    overflow: hidden;
}

.header-btn::after {
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s;
    content: '';
    position: absolute;
    left: -5%;
    top: 0%;
    height: 100%;
    width: 5%;
    background: rgba(255, 255, 255, 0.6);
    z-index: -1;
    -webkit-transition: .4s .02s ease-in all;
    transition: .4s .02s ease-in all;
}

.header-btn:active {
    transform: scale(0.96) skewX(-18deg);
}

.header-btn:active::before {
    opacity: 1;
}

.header-btn::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -5px;
    width: 100%;
    height: 100%;
    margin: auto;
    opacity: 0;
    pointer-events: none;
    border-image-slice: 1;
    z-index: 0;
    transition: opacity 0.5s;
    -webkit-transition: .3s ease-in all;
    transition: .3s ease-in all;
}


.nav__container,
.burger {
    display: none;
}




@media all and (max-width:1360px) {
    .btn__toggle {
        top: -1vw;
        bottom: 0;
        right: -39vw;
    }
    .burger {
        right: 35vw;
    }
}

@media all and (max-width:1150px) {
    .header-menu .bottom-menu-text li a , .dropbtn {
        text-transform: uppercase;
        font-size: 1rem !important;
    }
    .header-menu .bottom-menu-text {
        margin: 0 20px 8px 0;
        padding-left: 20px;
        width: 660px !important;
    }
}

@media all and (max-width:1100px) and (min-width: 900px) {
    footer .footer-top .menu {
        width: 280px !important;
    }
    footer .footer-top .logo {
        width: 200px !important;
        margin-left: 30px !important;
    }
    footer .footer-top .logo img {
        height: 60px !important;
    }
    footer .footer-bottom p {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    #social-fb-tw{
    margin-right: 20px;
    }

}

@media all and (max-width:1080px) and (min-width: 1024px){
    #header-width {
        max-width: 1024px;
    }
    .header-menu .sign-up p{
        /* width: 90px !important; */
    }
    .header-menu .register p{
        /* width: 90px !important; */
    }
    .header-menu .bottom-menu-text {
        width: 620px !important;
        padding-left: 10px;

    }

}

@media all and (max-width:1160px) {
    h1 small.currency:first-child {
        position: relative;
        top: -3px !important;
        font-size: 26px;
    }
    .nav-main .nav-pills li a{
        font-size: 1.1rem;
        margin: 0 auto;
    }
    .header-menu .top-menu-media li {
        padding: 0 7px;
        cursor: pointer;
    }
    .burger {
        right: 40% !important;
    }
    #center-link{
        display: table;
        margin: 0 auto;
    }
    .nav__container .header-btn {
        width: 100%;
    }


    header {
        padding: 1.53vw 2.56vw 2.56vw;
    }

    .header-menu .top-menu-text a {
        font-size: 1.4vw;
        padding: 0 1.3vw;
    }




    .header-menu .insta img {
        width: 1.1vw;
    }


    .nav-main .nav-pills li {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 0 15px;
    }

    .nav-main .nav-pills a {
        font-size: 5vw;
        font-family: Outfit, sans-serif;
        font-weight: 500;
        text-align: left;
    }

    .nav-main .nav-pills img {
        width: 2vw;
        margin: 0.8vw 0 0;
    }

    .nav__container {
        display: block;
    }

    .nav__container {
        position: absolute;
        top: 7%;
        left: 0;
        right: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.6s ease;
        background-color: rgba(30, 30, 30, 1) !important;
        z-index: 5;
    }
    .header-menu .top-menu-media {
        align-items: center;
        margin: 0;
        padding: 0;
        z-index: 10;
        position: right;
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .nav__container.open {
        max-height: 520px !important;
    }

    .nav .dropdown-toggle {
        position: relative;
    }

    .nav .dropdown-toggle.open:before {
        transform: rotate(225deg) translateY(-50%);
    }

    .nav .dropdown-toggle:before {
        content: '';
        display: inline-block;
        height: 10px;
        width: 10px;
        border-left: 0;
        border-top: 0;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        transform: rotate(45deg) translateY(-50%);
        right: 105px;
    }

    .nav .dropdown-menu {
        max-height: 0;
        overflow: hidden;
    }

    .nav .dropdown-menu.open {
        max-height: auto;
    }

    .nav .dropdown-menu a {
        font-size: 14px;
        padding: 15px 30px;
    }

    .nav .dropdown-menu li:first-child {
        padding-top: 10px;
    }

    .nav .dropdown-menu li:last-child {
        padding-bottom: 10px;
    }

    .btn__toggle {
        font-size: 9px;
        line-height: 1em;
        letter-spacing: 0.1em;
        font-weight: 600;
        text-transform: uppercase;
        border: none;
        outline: none;
        color: white;
        height: 6.6vw;
        width: 6.6vw;
        text-align: center;
        padding-top: 0;
        position: relative;
        top: 0px;
        bottom: 0;
        right: -39vw;
        z-index: 1;
        background-color: transparent;
    }

    .btn__toggle.open span:nth-child(1),
    .btn__toggle.open span:nth-child(4) {
        opacity: 0;
    }

    .btn__toggle.open span:nth-child(2) {
        transform: rotate(45deg);
    }

    .btn__toggle.open span:nth-child(3) {
        transform: rotate(-45deg);
    }

    .btn__toggle span {
        display: block;
        height: 2px;
        width: 26px;
        background: white;
        position: absolute;
        left: 0;
        right: 0;
        margin: 41% auto 0 45%;
    }

    .btn__toggle span:nth-child(1) {
        top: 1.6vw;
    }

    .btn__toggle span:nth-child(2),
    .btn__toggle span:nth-child(3) {
        top: 2.5vw;
    }

    .btn__toggle span:nth-child(4) {
        top: 3.3vw;
    }

    .burger {
        display: flex;
        flex-direction: column;
        position: relative;
        justify-content: flex-end;
        align-items: flex-end;
        z-index: 10;
    }

    .dropbtn {
        font-size: 5vw;
        margin: 0 0 2vw;
        width: auto;
        padding: 3vw 0 0;
    }

    .nav-main .nav-pills {
        padding: 1vw 0 3vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 25%;
        margin: 0 auto;
    }
    .header-menu .top-menu-text {
        margin: 0 0.27vw 0 0;
        align-items: center;
        padding: 0;
        display: none !important;
    }header {
         width: 100% ;
             height: 100px !important;
         background-color: #474746;
         display: flex !important;
         justify-content: space-between;
         align-items: flex-end;
         padding: 0.53vw 2.56vw 1.56vw;
         z-index: 99999999999999999 !important;
         position: fixed;
         top: 0;
         z-index: 10 !important;

     }
    header .logo img {
        position: absolute !important;
        top: 20px;
    }
    .col {
        flex-basis: inherit !important;
        -webkit-box-flex: inherit !important;
        flex-grow: 1;
        max-width: 100%;
    }
    .header-menu .bottom-menu-text {
        width: 42vw;
        margin: 0px 3.5vw 0 0;
        display: none !important;
    }
    .header-menu .register {
        display: none !important;
    }
    .header-menu .sign-up {
        display: none !important;
    }

    #abc-plus-order-details {
        margin-top: 40px;
    }

    h1, .h1 {
        font-size: 6.7vw;
    }

    #abc-plus-order-details #card-checkout .card-body h4 {
        font-size: 3.2vw;
        margin: 1vw 0;
    }

    #abc-plus-order-details #card-checkout #card-package .card-body h2.package-title {
        margin: 0 0 0.5vw !important;
        font-size: 7.65vw;
    }

    #abc-plus-order-details #card-checkout #card-package .card-body h2.package-name-title {
        margin: 0 0 0.5vw !important;
        font-size: 5.3vw;
    }

    #abc-plus-order-details #card-checkout #card-package .card-body p.package-desc {
        text-align: center;
        margin: 2vw 4vw;
        line-height: 1.5;
        font-weight: 600;
    }

    #abc-plus-order-details #card-checkout #card-package .package-price h1 span {
        padding-left: 1vw;
        margin-left: 0.8vw;
        border-left: 1px solid #ddd;
        color: #bbb;
        text-align: left;
        display: inline-block;
    }
    #abc-plus-order-details #card-checkout #card-package {
        border: 1px solid #82B826;
        margin-top: 20px !important;
        margin-left: 20px;

    }
    .native-form .form-group label {
        color: #474746;
        font-size: 2.9vw;
        margin: 0 0 0.7vw;
        letter-spacing: 0.12vw;
        font-family: 'FocoBlack';
    }
    #abc-plus-order-details #card-checkout #card-features h3 {
        font-size: 3.82vw;
        margin-bottom: 3vw;
        margin-top: 5vw !important;
        margin-left: 20px;
    }
    .checkout-features p {
        line-height: 20px;
    }
    .native-form .form-group input {
        width: 100%;
        border: none;
        outline: none;
        background-color: white;
        padding: 0.94vw 1.57vw;
        margin: 0 0 0.4vw;
        font-size: 1.1vw !important;
        box-shadow: inset 0px 0px 5px #ccc;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        height: 50px;
    }
    #abc-plus-order-details #card-order-details #order-details-input .bootstrap-select button {
        background: #ffffff;
        color: #999999;
        border-radius: 0;
        font-size: 17px;
        letter-spacing: 0.1vw;
        padding: 0.94vw 1.57vw;
        margin: 0 0 0.4vw;
        width: 100%;
        height: 30px;
    }
    .native-form .form-group {
        margin-top: 1vw;
        padding: 10px;
    }
    span.btn-text-skew-fix {
        font-size: 14px;
    }
    .native-form .form-group input {
        width: 100%;
        border: none;
        outline: none;
        background-color: white;
        padding: 0.94vw 1.57vw;
        margin: 0 0 0.4vw;
        font-size: 1.1vw !important;
        box-shadow: inset 0px 0px 5px #ccc;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        height: 50px;
        font-size: 17px !important;
    }
    a.btn.btn-parallelogram, button.btn.btn-parallelogram {
        padding: 0.5vw 4.5vw;
        font-size: 1.2rem !important;
    }
    #abc-plus-order-details #card-checkout #card-package .package-price h1 small {
        position: relative;
        top: -1.3vw;
    }
    #abc-plus-order-details #card-checkout #card-package .card-body {
        padding: 10vw 0 !important;
    }
    #abc-plus-order-details #card-checkout #card-package .package-price h1 {
        margin-bottom: 0 !important;
    }.checkout-bg-img {
         background-image: url(../png/checkout-bg.png);
         background-repeat: no-repeat;
         position: absolute;
         bottom: 0;
         left: 260px;
         width: 460px;
         height: 200px;
         z-index: 1;
         display: none !important;
     }
    .section-faq .card-body {
        font-size: 2.2vw !important;
        padding: 0 0 10px 0px;
        line-height: 1.4;
    }
    .nav .nav-item {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        margin: 4px auto !important;
    }
.section-faq .card-collapse .card-header a i {
         float: left;
         top: 0.4vw;
         position: relative;
         font-size: 1.1vw;
         margin-right: 0.5vw;
     }

    .section-faq .card-body {
        font-size: 3.2vw !important;
        padding: 0 0 10px 0px;
        line-height: 1.4;
        text-align: left !important;
    }.infographic-header {
         height: 97vw;
     }.page-header.header-filter.infographic-header .col-triangle:before, .col-triangle:after {
          content: "";
          position: absolute;
          z-index: -1;
          width: 100% !important;
          height: 766px;
          left: 0 !important;
          top: -50%;
          opacity: 0.8;
      }.infographic-header {
           background-image: url(../jpg/infographic-main-bg.min.jpg);
       }
    div#how-it-works .pt-5, .py-5 {
        padding-top: 1rem !important;
    }
    .custom-add-on-bg {
        background-image: url(../jpg/custom-list-image-bg.jpg);
        background-repeat: no-repeat;
        background-position: 36vw -5vw;
        background-size: 70vw;
        background: #474746  !important;
    }
    .abc-pr-next-bg {
        background-image: none  !important;
        background-repeat: no-repeat;
        background-position: 140% 30%;
        background-size: 75vw 50vw;
        height: 40vw;
        background: #474746  !important;
    }
    .section-custom-list .custom-list-container {
        margin: 4vw 0 0 4vw !important;
        width: 90% !important;
    }

    .pl-5, .px-5 {
        padding-left: 1rem !important;
    }.section.pt-0 .pl-5, .px-5 {
         padding-left: 1rem !important;
     }.pt-0, .py-0 {
          padding-top: 0 !important;
          padding-bottom: 20px !important;
      }
    .card-container.manual-flip div#card-order-details {
        width: 80% !important;
    }



    .card-container.manual-flip {
        margin-top: 40px !important;
        margin-bottom: 20px !important;
    }
    textarea::placeholder {
        font-size: 14px !important;
        line-height:17px !important;
    }
    .header-menu .register p {
        padding: 2px 0px;
    }
    .header-menu .sign-up p {
        padding: 2px 0px;
    }
    input::placeholder {
        font-size: 14px !important;
        line-height:17px !important;
    }.abc-pr-list-container {
         width: 50% !important;
         margin: 12.5vw 0 0 4vw !important;
         display: inline-block;
     }
    .card-container.manual-flip .vmt-1 a {
        font-size: 12px !important;
    }
    .nav__container .header-btn {
        width: 100%;
        float: left;
        display: block !important;
        clear: both;
        margin-top: 10px;
    }
    .nav-main .nav-pills {
        padding: 23vw 1vw 3vw 2vw !important;
        width: 90%;
    }

    .header-menu .register p, .header-menu .sign-up p {
        color: white;
        font-size: 1.1rem !important;
        margin: 1vw !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    header {
        padding: 0.53vw 4.56vw 1.56vw !IMPORTANT;
    }
    .page-header.header-filter.abc-link-insertion-header {
    .page-header.header-filter.abc-link-insertion-header {
        height: 50vw !important;
    }
    }

    div#phase1 h2.text-success {
        TEXT-ALIGN: center !IMPORTANT;    PADDING-BOTTOM: 0PX !IMPORTANT;
        MARGIN-BOTTOM: 10PX !IMPORTANT;
    }

    div#phase2 h2.text-success {
        TEXT-ALIGN: center !IMPORTANT;    PADDING-BOTTOM: 0PX !IMPORTANT;
        MARGIN-BOTTOM: 10PX !IMPORTANT;
    }

    div#phase3 h2.text-success {
        text-align: center !important;    PADDING-BOTTOM: 0PX !IMPORTANT;
        MARGIN-BOTTOM: 10PX !important;
    }


    .section-custom-list h4 {
        line-height: 1;
        margin-bottom: 1vw;
    }.custom-add-on-bg {
         height: 139vw !important;
         background: #474746 !important;
     }.custom-list-dark-bg {
           PADDING-RIGHT: 50PX !IMPORTANT;
       }


    .section-custom-list h2 {
        margin: 0;
        line-height: 1;
        font-size: 6vw ;
    }



    div#phase5 h2.text-success {
        TEXT-ALIGN: center !IMPORTANT;    PADDING-BOTTOM: 0PX !IMPORTANT;
        MARGIN-BOTTOM: 10PX !IMPORTANT;
    }

    div#phase6 h2.text-success {
        TEXT-ALIGN: center !IMPORTANT;    PADDING-BOTTOM: 0PX !IMPORTANT;
        MARGIN-BOTTOM: 10PX !IMPORTANT;
    }.pl-0, .px-0 {
         padding-left: 15px !important;
         PADDING-BOTTOM: 15PX !important;
     }.pl-0, .px-0 {
           padding-left: 15px !important;
           PADDING-BOTTOM: 15PX !important;
       }#abc-pr-how-it-works .abc-pr-monitor-bg {
            background-image: url(../png/abc-triangle-header.png);
            background-repeat: no-repeat;
            position: absolute;
            left: -132px;
            top: -9%;
            width: 687px;
            height: 375px;
            z-index: -1;
            DISPLAY: NONE  !IMPORTANT;
        }


}
.nav-main .nav-pills {
    padding: 7vw 1vw 0vw 2vw !important;
    width: 90%;
}
@media all and (max-width:900px) {
    footer .footer-top .menu {
        justify-content: space-around !important;
    }
}

@media all and (max-width:800px) {

    footer {
        background-image: none;
    }
    .btn__toggle {
        top: -5px;
        bottom: 0;
        right: -38.5vw;
    }

    footer .footer-column {
        margin-bottom: 2em;
    }

    footer .footer-top .menu {
        width: 60% !important;
        justify-content: space-evenly !important;
    }
    footer .footer-top .logo {
        width: 40% !important;
    }
    footer .footer-top .contact {
        width: 50% !important;
        text-align: center !important;
        margin-top: 50px !important;
    }
    footer .footer-bottom {
        width: 100%;
        display: block;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
    }
    footer .footer-top .contact h6 {
        color: white;
        font-size: 0.9rem;
        text-transform: uppercase;
        margin: 0px 0px 15px 0px;
    }
    footer .footer-top #social-fb-tw h6{
        margin: 0px 0px 10px 0px !important;
    }
    #footer-width {
        height: 340px !important;
    }

    .checkout-bg-img {
        background-image: url(../png/checkout-bg.png);
        background-repeat: no-repeat;
        position: absolute;
        bottom: 0;
        left: 260px;
        width: 460px;
        height: 200px;
        z-index: 1;
        display: none !important;
    }

    .nav-main .nav-pills {
        padding: 17vw 0 3vw;
    }

    .btn__toggle span {
        width: 3.4vw;
        height: 1px;
    }

    header .logo,
    .top-menu {
        position: relative;
        z-index: 10;
    }


    header .logo {
        width: 32.6vw;
    }

    .header-menu .top-menu-text a {
        font-size: 2.2vw;
    }

    .header-menu .top-menu-text li:nth-of-type(2) a {
        border-left: 1px solid #7eb228;
        border-right: 1px solid #7eb228;
    }
    .header-menu .insta img {
        width: 2.5vw;
    }

    .header-menu .register p,
    .header-menu .sign-up p {
        color: white;
        font-size: 5vw;
        margin: 3vw !important;
    }

  footer .footer-top {
        flex-wrap: wrap;
    }
    .header-menu .top-menu-media {
        position: relative;
        top: 0.7vw !important;
        right: -4vw !important;
    }
    header .logo img {
        top: -20px !important;
    }


}
@media all and (max-width:750px) {
    header {
        width: 100%;
        height: 90px !important;
    }
}


@media  (max-width:550px) {
    header {
        width: 100%;
        height: 80px !important;
    }

    header .logo img {
        height: 32px;
    }.nav-main .nav-pills li a
    #footer-width {
        height: 440px !important;
    }
    footer .footer-top .logo {
        width: 100% !important;
    }

    #abc-plus-order-details #card-checkout #card-package {
        width: 100%;
    }
    footer .footer-top .menu {
        width: 100% !important;
        justify-content: space-evenly !important;
        margin-top: 12px;
    }
    footer .footer-top .contact {
        width: 50% !important;
        text-align: center !important;
        margin-top: 36px !important;
    }
    footer .footer-top .logo img {
        max-width: 100%;
        height: 70px;
        margin: 15px 0px;
    }
    footer .footer-top .menu {
        width: 100% !important;
        justify-content: space-evenly !important;
        margin-top: 35px;
    }
    footer {
        background-size: auto;
    }
    #footer-width {
        height: 470px !important;
    }
}

@media  (max-width:450px) {
    header .logo img {
        top: -29px !important;
    }
    header .logo img {
        height: 50px;
    }

}

@media  (max-width:425px) {


    .nav-main .nav-pills {
        padding: 23vw 1vw 3vw 2vw !important;
    }
    #footer-width {
        max-width: 1080px;
        width: 95%;
    }
    header {
        height: 18vw !important;
    }
    .header-menu .top-menu {
        margin-bottom: 3vw;
    }

    .btn__toggle span {
        width: 6.4vw;
    }
    .btn__toggle span:nth-child(1) {
        top: -0.4vw;
    }
    .btn__toggle span:nth-child(2), .btn__toggle span:nth-child(3) {
        top: 1.5vw;
    }
    .btn__toggle span {
        left: -4vw;
    }



}
@media(max-width: 350px){
    .header-menu .top-menu-media {

        transform: scale(0.7);

    }
}