@media (min-width: 750px) {
    .bgimg {
        background-image: url('../img/login_bakground.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #eaeaea;
    }

    @media screen and (min-width: 480px) and (max-width: 749px) {
        .bgimg {
            background-image: none;
            background-color: #eaeaea;
        }

    }

}

@media screen and (min-width: 480px) and (max-width: 749px) {
    .my_slider {
        display: none;
    }
}

@media screen and (min-width: 480px) and (max-width: 749px) {
    #sticky_big {
        display: none;
    }
}

@media screen and (min-width: 480px) and (max-width: 749px) {
    /*#sticky_sm{*/
    /*    display: block; !important;*/
    /*}*/
}

.btn-purple {
    background-color: #8571BA;
    color: white;
}

.btn-purple:hover {
    background-color: #7454bE !important;
    color: white;
}

.purp {
    background: #7454bE;
}

.settingSidebar ul.choose-theme li div.purple {
    background: #7454bE;
    -webkit-box-shadow: -4px 3px 6px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -4px 3px 6px 0 rgba(0, 0, 0, 0.2)
}

.answers {
    background-color: #DDDDDD;
    color: black;
    width: 10%;
    padding: 1%;
    border-radius: 10px;
    border: #777777 1px solid;
    margin: 1%;
}

.answers-1 {
    background-color: #DDDDDD;
    color: black;
    width: 50%;
    padding: 1%;
    border-radius: 10px;
    border: #777777 1px solid;
    margin: 2%;
}

.answers-1:hover {
    background-color: #c6c8ca;
    cursor: pointer;
}

.answers:hover {
    background-color: #c6c8ca;
    cursor: pointer;
}

.btn-test {
    background-color: #DDDDDD;
    color: #777777;
    border: #777777 1px solid;
    border-radius: 15px;
    padding: 2% 10%;
    transition: all 1s ease;
    transform: scale(1);
    margin: 1%;
}

.btn-test:hover {
    background-color: #c6c8ca;
    color: #7454bE;
    border: #7454bE 1px solid;
    border-radius: 15px;
    transform: scale(1.1);
perspective(1 px);
    cursor: pointer;
}

.test-img {
    width: 50%;
    display: block;
    margin: auto;
}

.test-img-left {
    width: 90%;
    height: 85%;
    display: block;
    margin: auto;
    padding: 0;
}

.custom-control-label {
    line-height: 200%;
}

.answer-img {
    width: 50%;
    height: 70%;
}

.body-index {
    background: url("../img/test_advise_back.svg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}