.helperTop{
    box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px; width: 1450px; height: 100px; top: 0px; left: 75px; opacity: 1;
}
.refTop{
    width: 1450px; height: 100px; top: 0px; left: 75px;
}

.helperUserMenuBack{
    box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px; 
    width: 1450px; height: 100px; top: 0px; left: 75px; opacity: 1;
}
.helperLeftAccBack{
    box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.50) 0px 0px 0px 5000px;opacity: 1;width: 300.346px;height: 81.9922px; top: 8.9974px;left: 1263.65px;
}

.helperTakeTourBack{
    box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;opacity: 1;width: 500.589px;height: 811.836px;top: 268.177px;left: 65px;
}

.helperAccountsBack{
    box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;opacity: 1;width: 1011.411px;height: 426.992px;top: 280.924px;left: 500.589px;
}

.helperMainTopFront {
    box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;opacity: 1;width: 300.346px;height: 81.9922px; top: 8.9974px;left: 1263.65px;
}

.helperUserMenuFront{
    box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;opacity: 1;width: 440.589px;height: 811.836px;top: 268.177px;left: 65px;
}

.helperLeftMenuFront{
    box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;opacity: 1;width: 1011.411px;height: 426.992px;top: 280.924px;left: 500.589px;
}

.helperTakeTourFront{
    box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;opacity: 1;width: 1011.411px;height: 1180.09px;top: 717.917px;left: 500.589px;
}

.referMainTopFront{
    width: 330px;height: 81.9922px;top: 8.9974px;left: 1225px;
}
.referUserMenuFront{
    width: 451.589px;height: 811.836px;bottom:-22px;left: 30px;
}
.referLeftMenuFront{
    width: 928.411px;height: 426.992px;bottom:48%;left: 556.589px;
}
.referAccountFront{
    width: 928.411px;height: 1419.09px;top: 717.917px;left: 30px;
}

.referAccountBack{
    width: 928.411px;height: 426.992px;bottom:48%;left: 556.589px;
}

.referTourBack{
    width: 451.589px;height: 811.836px;bottom:-22px;left: 30px; 
}

.referLeftMenuback{
    width: 330px;height: 81.9922px;top: 8.9974px;left: 1225px;
}

.referUserMenuBack{
    width: 1450px; height: 100px; top: 0px; left: 75px;
}
/* 110% */
@media only screen  and (min-width:1100px) and (max-width:1200px){
    .top-right{
        right: 10px;
    }
    .referUserMenuBack,.refTop {
        width: 1450px;
        height: 100px;
        top: 0px;
        left: -22px;
    }
    .helperMainTopFront, .helperLeftAccBack {
        box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px ;
        opacity: 1;
        width: 108.31px ;
        height: 81.956px ;
        top: 9.00463px ;
        left: 1015.92px ;
    }
    .referMainTopFront, .referLeftMenuback {
        /* width: 330px; */
        height: 81.9922px;
        top: -5.0026px;
        left: 795px;
    }
    .helperTop,.helperUserMenuBack {
        box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
        width: 1450px;
        height: 100px;
        top: 0px;
        left: 1px;
        opacity: 1;
    }
    .helperUserMenuFront,.helperTakeTourBack {
        box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
        opacity: 1;
        width: 342.589px;
        height: 811.836px;
        top: 268.177px;
        left: 1px;
    }
    .referTourBack,.referUserMenuFront {
        width: 315.589px;
        height: 811.836px;
        bottom: -200px;
        left: -12px;
    }
    .helperLeftMenuFront ,.helperAccountsBack{
        box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
        opacity: 1;
        width: 800.411px;
        height: 426.992px;
        top: 270.924px;
        left: 345.589px;
    }
    .referLeftMenuFront,.referAccountBack {
        width: 928.411px;
        height: 426.992px;
        bottom: 30%;
        left: 225.589px;
    }
    .referAccountFront {
        width: 928.411px;
        height: 1419.09px;
        top: 600.917px;
        left: -118px;
    }
    .helperTakeTourFront {
        box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
        opacity: 1;
        width: 800.411px;
        height: 1180.09px;
        top: 692.917px;
        left: 345.589px;
    }
}
/* 100% */
@media only screen and (min-width:1200px) and  (max-width:1300px)  {
    .helperUserMenuBack,.helperTop{
    box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px; opacity: 1; width: 1290px; height: 100px; top: 0px; left: -5px;
    }

    .referUserMenuBack,.refTop{
        width: 1290px;
    height: 100px;
    top: 0px;
    left: -5px;
    }
    .helperMainTopFront,.helperLeftAccBack{
        box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
        opacity: 1;
        width: 108.31px;
        height: 81.956px;
        top: 9.00463px;
        left: 1135.92px;
    }
    .introjs-tooltipbuttons {
        border-top: 1px solid #e0e0e0;
        padding: 10px;
        text-align: right;
        white-space: nowrap;
    }
    .referMainTopFront,.referLeftMenuback {
        /* width: 330px;  */
        height: 81.9922px;
        top: -5.0026px;
        left: 924px;
    }
    .top-right{
        right: 10px;
    }
    .referUserMenuFront,.referTourBack {
        width: 370.589px;
        height: 811.836px;
        bottom: -145px;
        left: -16px;
    }
    .helperTakeTourBack,.helperUserMenuFront {
        box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
        opacity: 1;
        width: 380.589px;
        height: 811.836px;
        top: 268.177px;
        left: 0px;
    }
    .referLeftMenuFront,.referAccountBack{
        width: 928.411px;
        height: 426.992px;
        bottom: 38%;
        left: 260.589px;
    }
    .helperAccountsBack,.helperLeftMenuFront {
        box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
        opacity: 1;
        width: 885.411px;
        height: 426.992px;
        top: 275.924px;
        left: 375.589px;
    }
    .referAccountFront {
        width: 928.411px;
        height: 1419.09px;
        top: 593.917px;
        left: -90px;
    }
    .helperTakeTourFront {
        box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
        opacity: 1;
        width: 885.411px;
        height: 1180.09px;
        top: 700.917px;
        left: 376.589px;
    }
  }
  /* 90% */
@media only screen and (min-width: 1300px) and (max-width:1450px){
    .helperUserMenuBack,.helperTop{
    box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px; opacity: 1; width: 1486.22px; height: 99.9884px; top: -0.0115738px; left: 2px;}
    .referUserMenuBack,.refTop{
        width: 1432.22px; height: 99.9884px; top: -0.0115738px; left: -5px;}
        .helperMainTopFront,.helperLeftAccBack{
            left: 65em;
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 200.31px;
            height: 81.956px;
            top: 9.00463px;
        }
        .referMainTopFront,.referLeftMenuback{
        width: 250px;
            height: 300px;
            /* top: -22.99537px; */
            left: 63em;
        }
        .referTourBack,.referUserMenuFront {
            width: 451.589px;
            height: 811.836px;
            bottom: -95px;
            left: -27px;
        }
        .helperUserMenuFront,.helperTakeTourBack {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 430.589px;
            height: 811.836px;
            top: 282.177px;
            left: 0px;
        }
        .helperLeftMenuFront,.helperAccountsBack {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 988.411px;
            height: 426.992px;
            top: 280.924px;
            left: 417.589px;
        }
        .referLeftMenuFront,.referAccountBack{
            width: 928.411px;
            height: 426.992px;
            bottom: 41%;
            left: 303.589px;
        }
        .referAccountFront {
            width: 928.411px;
            height: 1419.09px;
            top: 607.917px;
            left: -50px;
        }
        .helperTakeTourFront {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 986.411px;
            height: 1180.09px;
            top: 710.917px;
            left: 414.589px;
        }
           
    }   
 
    /* 80% */
@media only screen and (min-width:1500px) and (max-width:1600px){
        .helperMainTopFront,.helperLeftAccBack {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 240.346px;
            height: 81.9922px;
            top: 8.9974px;
            left: 1250.65px;
        }
        .referMainTopFront,.referLeftMenuback {
            width: 330px;
            height: 81.9922px;
            top: 8.9974px;
            left: 1200px;
        }
        .referLeftMenuFront,.referAccountBack{
            width: 928.411px;
            height: 426.992px;
            bottom: 48%;
            left: 385.589px;
        }
        .referUserMenuFront,.referTourBack {
            width: 451.589px;
            height: 811.836px;
            bottom: -22px;
            left: 30px;
        }
        .helperUserMenuFront,.helperTakeTourBack {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 440.589px;
            height: 811.836px;
            top: 268.177px;
            left: 65px;
        }
        .helperLeftMenuFront,.helperAccountsBack {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 1011.411px;
            height: 426.992px;
            top: 280.924px;
            left: 500.589px;
        }
        .referAccountFront {
            width: 928.411px;
            height: 1419.09px;
            top: 608.917px;
            left: 30px;
        }


    }
/* 75% */
    @media only screen and (min-width:1700px) and (max-width:1800px){
        .helperUserMenuBack,.helperTop {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            width: 1450px;
            height: 100px;
            top: 0px;
            left: 108px;
            opacity: 1;
        }
        .helperMainTopFront,.helperLeftAccBack {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 240.346px;
            height: 81.9922px;
            top: 8.9974px;
            left: 1300.65px;
        }
        .referMainTopFront,.referLeftMenuback {
            width: 330px;
            height: 81.9922px;
            top: 8.9974px;
            left: 1250px;
        }
        .referUserMenuFront,.referTourBack {
            width: 451.589px;
            height: 811.836px;
            bottom: 26px;
            left: 65px;
        }
        .helperTakeTourBack,.helperUserMenuFront {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 445.589px;
            height: 811.836px;
            top: 268.177px;
            left: 110px;
        }
        .helperLeftMenuFront,.helperAccountsBack {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 1011.411px;
            height: 426.992px;
            top: 280.924px;
            left: 555.589px;
        }
        .referLeftMenuFront,.referAccountBack {
            width: 928.411px;
            height: 426.992px;
            bottom: 51%;
            left: 440.589px;
        }
        .referAccountFront {
            width: 928.411px;
            height: 1419.09px;
            top: 615.917px;
            left: 90px;
        }
        .helperTakeTourFront {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 1011.411px;
            height: 1180.09px;
            top: 705.917px;
            left: 553.589px;
        }

    }
    /* 67% */
    @media only screen and (min-width: 1900px) and (max-width:2000px) {
        .helperUserMenuBack,.helperTop {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            width: 1450px;
            height: 100px;
            top: 0px;
            left: 210px;
            opacity: 1;
        }
        .referUserMenuBack,.refTop {
            width: 1450px;
            height: 100px;
            top: 0px;
            left: 200px;
        }
        .helperMainTopFront,.helperLeftAccBack {
            box-shadow: rgba(114, 109, 109, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 240.346px;
            height: 81.9922px;
            top: 8.9974px;
            left: 1418.65px;
        }
        .referMainTopFront,.referLeftMenuback {
            width: 330px;
            height: 81.9922px;
            top: 8.9974px;
            left: 1370px;
        }
        .referUserMenuFront,.referTourBack {
            width: 451.589px;
            height: 811.836px;
            bottom: 120px;
            left: 180px;
        }
        .helperTakeTourBack,.helperUserMenuFront {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 435.589px;
            height: 811.836px;
            top: 280.177px;
            left: 226px;
        }
        .helperLeftMenuFront,.helperAccountsBack {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 1011.411px;
            height: 426.992px;
            top: 280.924px;
            left: 665.589px;
        }
        .referLeftMenuFront,.referAccountBack {
            width: 928.411px;
            height: 426.992px;
            bottom: 58%;
            left: 540.589px;
        }
        .referAccountFront {
            width: 928.411px;
            height: 1419.09px;
            top: 615.917px;
            left: 200px;
        }
        .helperTakeTourFront {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 1011.411px;
            height: 1180.09px;
            top: 705.917px;
            left: 665.589px;
        }

    }
    /* 50% */
    @media only screen and (min-width: 2500px) and (max-width:2600px) {
        .helperUserMenuBack,.helperTop {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            width: 1450px;
            height: 100px;
            top: 0px;
            left: 21%;
            opacity: 1;
        }
        .refTop ,.referUserMenuBack{
            width: 1450px;
            height: 100px;
            top: 2px;
            left: 20%;
        }
        .helperMainTopFront,.helperLeftAccBack {
            box-shadow: rgba(114, 109, 109, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 240.346px;
            height: 81.9922px;
            top: 8.9974px;
            left: 68%;
        }
        .referMainTopFront,.referLeftMenuback {
            width: 330px;
            height: 81.9922px;
            top: 0.9974px;
            left: 66%;
        }
        .referUserMenuFront,.referTourBack {
            width: 451.589px;
            height: 811.836px;
            bottom: 36%;
            left: 19.5%;
        }
        .helperTakeTourBack,.helperUserMenuFront {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
        opacity: 1;
        width: 435.589px;
        height: 1092.836px;
        top: 287.177px;
        left: 21.5%;
        }
        .helperLeftMenuFront,.helperAccountsBack {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 1011.411px;
            height: 426.992px;
            top: 280.924px;
            left: 970.589px;
        }
        .referLeftMenuFront,.referAccountBack {
            width: 928.411px;
            height: 426.992px;
            bottom: 69%;
            left: 856.589px;
        }
        .referAccountFront {
            width: 928.411px;
        height: 1419.09px;
        top: 605.917px;
        left: 20.3%;
        }
        .helperTakeTourFront {
            box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
            opacity: 1;
            width: 1011.411px;
            height: 1180.09px;
            top: 705.917px;
            left: 970.589px;
        }

    }