@media (max-width: 1024px) {

    #content {
        width: 80%;
    }

    #countdown_holder {
        width: 80%;
    }

    #tabs {
        width: 80%;
    }

    .progressbar {
        width: 80%;
        margin-left: 10%;
    }

    .bx-wrapper {
        width: 80%;
    }

    .secretpopout2 img {
        width: 80%;
    }

    .secretpopout img {
        width: 80%;
    }
}

@media (min-width: 650px) and (max-width: 668px) {
    canvas#shiningbutton {
        margin-left: 35px !important;
    }
}

@media (min-width: 640px) and (max-width: 650px) {
    canvas#shiningbutton {
        margin-left: 90px !important;
    }
}

@media (min-width: 630px) and (max-width: 640px) {
    canvas#shiningbutton {
        margin-left: 100px !important;
    }
}

@media (min-width: 620px) and (max-width: 630px) {
    canvas#shiningbutton {
        margin-left: 110px !important;
    }
}

@media (min-width: 610px) and (max-width: 620px) {
    canvas#shiningbutton {
        margin-left: 100px !important;
    }
}

@media (min-width: 600px) and (max-width: 610px) {
    canvas#shiningbutton {
        margin-left: 100px !important;
    }
}
@media (min-width: 550px) and (max-width: 600px) {
    canvas#shiningbutton {
        margin-left: 100px !important;
    }
}

@media (min-width: 425px) and (max-width: 550px) {
    canvas#shiningbutton {
        margin-left: 40px !important;
    }
}

@media (min-width: 400px) and (max-width: 425px) {
    canvas#shiningbutton {
        margin-left: 20px !important;
    }
}
@media (min-width: 300px) and (max-width: 400px) {
    canvas#shiningbutton {
        margin-left: 0px !important;
    }
}

@media  (max-width: 360px) {
    canvas#shiningbutton {
        width: 150px !important;
        margin-left: 15px !important;
    }
}@media  (max-width: 300px) {
    canvas#shiningbutton {
        width: 130px !important;
        margin-left: -0px !important;
    }
}



@media (max-width: 500px) {
    #google_translate_element {
        width: 280px !important;
        margin-top: 20px;
        margin-left: -20px;
    }

h4.c9 {
font-size: 13px;
}
    span.c1 {
        font-size: 13px;
    }

    #google_translate_element span {

        margin-left: -172px;
        margin-top: 34px !important;
        position: absolute;
    }

    .goog-te-gadget {
        margin-left: 65px;
    }

}



@media (max-width: 400px) {
    .c4 strong img {
        width: 185px;
    }

    .skiptranslate .goog-te-gadget {
        width: 280px;
        margin-left: -15px !important;
    }

    #google_translate_element span {

        margin-left: -172px;
        margin-top: 34px !important;
        position: absolute;
    }

    .bx-wrapper {
        width: 280px;
    }

    .slide {
        width: 230px !important;
        margin-left: -15px;
    }

}

@media (max-width: 360px) {
    #countdown_holder {
        font-size: 14px;
    }

    .c4 strong img {
        width: 100px;
    }

    .bx-wrapper {
        width: 240px !important;
    }
}

@media (max-width: 320px) {

    .testimonials-name {
        font-size: 11px;
    }

    .bx-wrapper .slide img {
        margin-left: 50px;
    }

    .testimonials-carousel-content p {
        width: 200px;
        font-size: 12px;
        position: absolute;
        margin-top: 120px;
        margin-left: -104px;

    }

    .testimonials-name {
        margin-top: 110px;
        margin-left: -64px;
        position: absolute;
    }

    .bx-wrapper .slide {
        height: 200px !important;
    }
}

/*Generator File Reponsiving*/

@media (max-width: 650px) {
    h1 {
        width: 50%;
    }

    #box {
        width: 80% !important;
    }

    #box input {
        width: 300px !important;
    }

    #box input.button {
        width: 150px !important;
        margin-left: -20px !important;
    }
}

@media (max-width: 555px) {
    #box {
        width: 85% !important;
    }

    #box input {
        width: 270px !important;
    }

    #box input.button {
        width: 150px !important;
        margin-left: -50px !important;
    }
}

@media (max-width: 490px) {
    #box {
        width: 400px !important;
    }

    #box input {
        width: 230px !important;
    }

    #box input.button {
        width: 150px !important;
        margin-left: -90px !important;
    }
}

@media (max-width: 425px) {
    #box {
        width: 380px !important;
    }

    #box input {
        width: 265px !important;
    }

    #box input.button {
        width: 120px !important;
        margin-left: -135px !important;
    }
}

@media (max-width: 398px) {

    #box input {
        width: 200px !important;
    }

    #box input.button {
        width: 120px !important;
        height: 30px !important;
        margin-left: -170px !important;
    }

    #text {
        margin-left: -40px !important;
        font-size: 11px !important;
    }

    #box {
        width: 320px !important;
    }
}

@media (max-width: 370px) {
    #box {
        width: 180px !important;
    }

    #box input {
        font-size: 10px !important;
        margin-left: -15px !important;
        width: 145px !important;
    }

    #box input.button {
        width: 120px !important;
        height: 30px !important;
        margin-left: -210px !important;
    }

    #box {
        width: 230px !important;
    }

}

@media (max-width: 355px) {
    #text {
        margin-top: 0px !important;
        margin-left: -70px !important;
        font-size: 10px !important;
    }
}

@media (max-width: 330px) {
    #text {
        margin-top: 0px !important;
        margin-left: -90px !important;
        font-size: 10px !important;
    }
}

@media (max-width: 305px) {
    #text {
        margin-top: 0px !important;
        margin-left: -110px !important;
        font-size: 10px !important;
    }
}

/*Unused*/

/*@media (max-width: 960px) {*/
/*#content {*/
/*width: 800px;*/
/*}*/
/*}*/

/*@media (max-width: 875px){*/
/*#content {*/
/*width: 660px;*/
/*}*/

/*#countdown_holder {*/
/*width: 500px;*/
/*}*/
/*#tabs{*/
/*width: 500px;*/
/*}*/
/*.progressbar {*/
/*width: 450px;*/
/*}*/

/*.bx-wrapper{*/
/*width: 660px;*/
/*}*/
/*}*/

/*@media (max-width: 735px){*/
/*#content {*/
/*width: 600px;*/
/*}*/
/*#countdown_holder {*/
/*width: 500px;*/
/*}*/
/*#tabs{*/
/*width: 500px;*/
/*}*/
/*.progressbar {*/
/*width: 450px;*/
/*}*/
/*.bx-wrapper{*/
/*width: 580px;*/
/*}*/
/*}*/

/*@media (max-width: 655px){*/
/*#content {*/
/*width: 550px;*/
/*}*/
/*#countdown_holder {*/
/*width: 500px;*/
/*}*/
/*#tabs{*/
/*width: 500px;*/
/*}*/
/*.progressbar {*/
/*width: 450px;*/
/*}*/
/*.bx-wrapper{*/
/*width: 550px;*/
/*}*/
/*}*/