.options .bottles div.mobile.arrows {
    display: none;
}
.mobile-etui.siliconefit .control:nth-last-child(1) {
    display: none;
}
@media screen and (max-width:1480px) and (min-width: 1301px){
    .bottle-text {
        top: 46%;
    }
    input ~ .tab {
        padding: 10px;
    }
    .container {
        grid-template-columns: [first] 0px [bottles] auto [options] 46% [buttons] 2% [padding] 20% [padding] 2% [end];
        padding: 1%;
    }
    .container {
        grid-template-columns: [first] 20px [bottles] auto [options] 47% [buttons] 2% [padding] 23% [padding] 2% [end];
    }

    .logo img {
        max-width: 100px;
    }
    p.step-title img {
        max-height: 30px;
    }
    .step-title {
        font-size: 14px;
    }

    .circle-filter, .circle-filterSolid {
        left: 0%;
        top: 26%;
    }
    .circle-gum {
        right: 10%;
    }
    p.akapit {
        position: absolute;
        display: block;
        top: 100px;
    }
    .mar10 {
        padding: 2px;
        margin-right: 5px;
    }
    .buttons .okno {
        padding: 10px;
    }
    p, pre {
        margin: 0.5em 0;
        font-size: 14px;
    }
}

@media screen and (max-width: 1300px){
    .container {
        grid-template-columns: [first] 20px [bottles] auto [options] 50% [buttons] 2% [padding] 23% [padding] 2% [end];
    }
    input ~ .tab {
        padding: 10px;
    }
}

@media screen and (max-width:1199px){
    input ~ .tab {
        padding: 10px;
    }
    .bottle99 {
        bottom: -10px;
        left: 1px;
    }
    p, pre {
        margin: 0.5em 0;
        font-size: 14px;
    }

    .container {
        display: flex;
        flex-direction: column;
        padding: 15px;
    }
    .bottle img {
        width: 58%;
        height: auto;
    }
    .solid .bottle img{
        width: 50%;
    }
    img#img-etui {
        height: auto;
        width: 142px;
    }
    .bottle.bottle7.solid.siliconefit {
        position: absolute;
        left: -21px;
        top: 0px;
        z-index: 2;
    }
    .bottle-box {
        max-width: 200px;
        height: 300px;
        position: absolute;
        margin: auto;
        top: -42px;
        bottom: 0;
        left: 92px;
        right: 0;
        transform: translateY(31%);
    }
    .bottle-view {
        position: relative;
        height: 400px;
        display: inline-block;
        width: 100%;
        padding-bottom: 400px;
    }
    .logo {
        text-align: center;
    }
    .logo img {
        width: auto;
        max-height: 100px;
    }
    .bottle3, .bottle4 {
        margin-top: 0;
    }
    .bottle2 {
        margin-top: -0%;
        position: absolute;
    }
    .bottle1 {
        z-index: 3;
        position: absolute;
        top: -26px;
    }
    .bottle5 {
        margin-top: -7%;
    }
    .circle-filter, .circle-filterSolid {
        left: 0%;
        top: 30%;
    }
    .circle-cap {
        top: 0%;
        left: -7%;
    }
    .circle-mouthpiece {
        top: -20.5%;
        left: 23%;
    }
    .circle-gum {
        top: 10.5%;
        right: 26%;
    }
    .solid .bottle3, .solid .bottle4, .configurator.solid .bottle4,.siliconefit .bottle-text  {
        margin-top: 0%;
    }
    .siliconefit .bottle-text, .solid .bottle5 {
        margin-top: 0%;
    }
    .solid .bottle1 {
        z-index: 3;
        position: absolute;
        top: -65px
    }
    .solid .bottle2 {
        margin-top: -46%;
    }
    .circle-uchwyt {
        top: -34%;
        left: -12%;
    }
    .circle-onetouch {
        top: -6%;
    }
    .sum_colors {
        flex-direction: row;
        width: 50%;
    }
    .circle-etui {
        top: 27%;
        left: 40%;
    }
    .bottle-text {
        top: 57%;
        font-size: 4em;
        left: 4px;
    }
    .siliconefit .bottle-text{
        top: 51%;
        font-size: 3em;
        left: -10px;
    }
    .bottle-text.standard-font{
        top: 70%;
        font-size: 0.8em;
        left: 10px;
    }
   .siliconefit .bottle-text.standard-font{
        top: 66%;
        font-size: 0.8em;
        left: -8px;
    }
    .bottle-image{
        font-size: 50px;
        width: 52px;
    }
    sum_gfx {
        justify-content: center;
    }
}


@media screen and (max-width: 900px){
    .bottle1 {
        top: -21px;
    }
    .mobile .bottle.bottle99 {
        top: 88.5%;
        left: 0px;
    }
    input ~ .tab {
        padding: 20px;
    }

    .bottle img {
        width: 75%;
        height: auto;
    }
    .bottle-view{
        display: none;
    }
    .solid .bottle2 {
        margin-top: -71%;
    }
    .bottles {
        justify-content: center;
        flex-direction: row;
        min-height: 200px;
    }

    .options .bottles div.active {
        z-index: 1;
    }
    .options .bottles div {
        position: absolute;
        min-height: 200px;
        width: 210px;
        z-index: 0;
        margin-right: 0px;
    }
    .options .bottles div.mobile.arrows {
        width: 310px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        z-index: 0;
        border: none;
        background-color: transparent;
        box-shadow: none;
    }
    .prev {
        width: 0;
        height: 0;
        border-width: 20px 30px 20px 0;
        border-color: transparent #00A8E3 transparent transparent;
        border-style: solid;
        filter: drop-shadow(-2px 3px 1px #A3A3A3);
    }
    .next{
        width: 0;
        height: 0;
        border-width: 20px 0 20px 30px;
        border-color: transparent transparent transparent #00A8E3;
        border-style: solid;
        filter: drop-shadow(2px 3px 1px #A3A3A3);
        transition: all 400ms linear;
    }
    .prev:hover, .next:hover{
        filter: unset;
    }

    .bottle-capacity {
        justify-content: center;
        flex-wrap: wrap;
    }
    .step-title {
        width: 100%;
    }
    .bottle-capacity .size {
        flex-direction: column;
    }
    .bottle-capacity .dot{
        margin-bottom: 15px;
    }
    .dot {
        width: 40px;
        height: 40px;
        border-radius: 30px;
        margin-right: 0px;
    }
    .dot::after {
        width: 15px;
        height: 15px;
        content: "";
        background-color: #fff;
        position: absolute;
        border-radius: 10px;
        display: block;
        left: 13px;
        top: 12px;
    }
    .bottle-capacity .size img {
        margin-bottom: 15px;
    }
    .inputs{
        flex-direction: column;
    }
    .inputs input, .inputs select {
        width: 60%;
        margin: 0;
        border-radius: 30px;
        margin-bottom: 10px;
        box-sizing: border-box;
    }
    .grawers {
        padding-left: 70px;
    }
    .gfx-text p.mar10{
        width: 60%;
        margin: 0 auto;
    }
    .bottle-image {
        font-size: 80px;
        width: 82px;
        height: 100px;
        margin-bottom: 10px;
    }
    .grawers {
        max-height: 286px;
        overflow: hidden;
        scroll-behavior: auto;
        overflow-y: scroll;
    }
    .sum_colors {
        height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }
    .easy .sum_colors{
        justify-content: center;
    }
    form#getBottleImageForm {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .flex-column {
        padding: 0px;
    }
    #sum-box-select .line {
        margin: 10px 0;
    }
    .flex-column.sum-price {
        margin-top: 20px;
    }
    form {
        margin: 20px auto;
    }
    #sum-box-select p {
        padding-left: 20px;
    }
    span.subtitle {
        font-weight: 700;
        margin-top: 20px;
    }
    .okno .line p {
        margin-left: 20px;
        padding-left: 22px;
    }
    .bottle-image:hover, .bottle-image.active {
        transform: scale(1.2);
    }
    .okno.tab.content5{
        display: none;
    }
   .solid input[type="radio"].solid + label, .easy input[type="radio"].easy + label, .soft input[type="radio"].soft + label,  .soft-gray input[type="radio"].soft-gray + label,  .siliconefit input[type="radio"].siliconefit + label  { display: inline-block }

    #tab1:checked ~ .tab.content1,
    #tab2:checked ~ .tab.content2,
    #tab3:checked ~ .tab.content3,
    #tab4:checked ~ .tab.content4,
    #tab5:checked ~ .tab.content5,
    #tab6:checked ~ .tab.content6,
    #tab7:checked ~ .tab.content7,
    #tab8:checked ~ .tab.content8,
    #tab9:checked ~ .tab.content9,
    #tab10:checked ~ .tab.content10,
    #tab11:checked ~ .tab.content11{ display: block;border-top-left-radius: 0; }
   /* .sum_colors span.color {
        width: 40px;
        height: 40px;
        border-radius: 20px;
    }*/
    .container.solid .disable-opt{
        display: none;
    }
    .mobile{
        display: flex;
        position: relative;
    }
    .desktop{
        display: none;
    }
    .bottles-view {
        position: relative;
        height: 400px;
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .solid .config.solid, .soft .config.soft, .siliconefit .config.solid, .soft-gray .config.soft{
        opacity: 1;
        z-index: 0;
        position: relative;
    }
    .solid .config.solid .siliconefit, .siliconefit .config.solid .circle-rurka, .siliconefit .config.solid .circle-filterSolid , .soft-gray .config.soft .soft, .soft .config.soft .soft-gray{
        display: none;
    }
    .bottle-box {
        max-width: 200px;
        height: 300px;
        position: absolute;
        margin: auto;
        top: 15%;
        left: 50px;
        transform: translateY(0%);
    }
    .easy .bottle-box{
        top: -35px;
        left: 37px;
    }
    .bottle.easy{
        width: 143px;
    }
    .iconfig .mobbot{
        display: none;
        position: absolute;
    }
    .solid .iconfig .mobbot.solid, .soft .iconfig .mobbot.soft, .siliconefit .iconfig .mobbot.siliconefit, .soft-gray .iconfig .mobbot.soft-gray{
        display: block;
    }
    .mobbot img {
        width: 36px;
        height: auto;
    }
    .mobbot {
        background-color: #ffffff;
        height: 35px;
        width: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        border-radius: 20px;
    }
    .bot1.soft.soft-gray {
        position: absolute;
    }
    .bot2 {
        top: 32px;
        left: 45px;
    }
    .bot3 {
        top: 74px;
        left: 37px;
    }
    .bot4 {
        top: 50px;
        left: 115px;
    }
    .bot8 {
        top: 120px;
        left: 85px;
    }
    .bot9 {
        left: 67px;
        top: 203px;
    }
    .bottle {
        width: 130px;
    }
    .buttons .okno {
        padding: 20px;
    }
    .logo {
        min-height: 80px;
    }
    .bottle-text {
        top: 168px;
        left: -58%;
    }
    .siliconefit .bottle-text {
        left: -58%;
    }
    .bottle.bottle-text.text{
        font-size: 0.7em;
        top: 215px;
    }
    .bottle.bottle-text.images{
        font-size: 4em;
        top: 158px;
        font-family: 'images';
    }
   .container.solid .mobile .config.solid,.container.easy .mobile .config.easy, .container.soft .mobile .config.soft, .container.siliconefit .mobile .config.solid, .container.soft-gray .mobile .config.soft{
        display: flex;
    }
    .mobile .bottle.bottle7.siliconefit {
        position: absolute;
        left: -17px;
        top: 46px;
        z-index: 2;
        width: 116px;
    }
    .mobile img#img-etui {
        width: 100%;
        height: auto;
    }
    .solid .bottle2 {
        margin-top: -77px;
    }
    .tab7.bot6.mobbot.solid.siliconefit {
        top: 72px;
        left: 32px;
    }
    .tab6.bot5.mobbot.solid.siliconefit {
        top: 6px;
        left: 92px;
    }
    .tab9.bot10.mobbot.solid {
        top: 198px;
        left: 48px;
    }
    .tab8.bot7.mobbot.siliconefit {
        top: 275px;
        left: 26px;
    }
    .tab11.bot11.mobbot.easy {
        top: 120px;
        left: 125px;
    }
    img#img-etui-mobile { 
        width: 100%;
    }
    .solid .bottle {
        width: 165px;
        top: 45px;
    }
    .solid .bottle.bottle1 {
        top: -8px;
    }
    .gfx-text, .gfx-image {
        height: 45px;
    }
    .gfx-text.active, .gfx-image.active {
        height: 100%;
    }
    .gfx-text .inputs, .gfx-text .text, .gfx-image .grawers{
        display: none;
    }
    .gfx-text.active .inputs, .gfx-text.active .text, .gfx-image.active .grawers{
        display: flex;
    }
    .container.solid input ~ .tab{

    }
    .container.solid .gfx-text,.container.solid .gfx-image {
        display: none;
    }
}

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

    .bottle-text {
        left: -49%;
    }
    .bottle.bottle-text.text {
        top: 230px;
    }
    .bottle.bottle-text.images {
        top: 175px;
        left: -48%;
    }
    .siliconefit .bottle.bottle-text.images {
        left: -52%;
    }
    .siliconefit .bottle-text {
        left: -53%;
    }

    .bottle-text {
        left: -45%;
    }
    .bottle.bottle-text.text {
        font-size: 0.7em;
        top: 210px;
        left: -43%;
    }
    .easy .bottle.bottle-text.text {
        top: 226px;
    }
    .siliconefit .bottle.bottle-text.text {
        font-size: 0.7em;
        top: 230px;
        left: -46%;
    }
    .siliconefit .bottle.bottle-text.images {
        font-size: 3em;
        top: 190px;
        left: -48%;
    }
    .siliconefit .bottle-text {
        left: -48%;
    }
    .grawers {
        padding-left: 50px;
    }
    .okno .line p {
        margin-left: 0;
    }
    .dot {
        width: 35px;
        height: 35px;
    }
    .dot::after {
        left: 10px;
        top: 10px;
    }
    .bottle.bottle-text.images {
        font-size: 3em;
        top: 175px;
        left: -43%;
    }
    .easy .bottle.bottle-text.images {
        top: 200px;
    }
}
@media screen and (max-width: 420px) {
    .bottle.bottle-text.images, .bottle.bottle-text.text {
        left: -48%;
    }
    .siliconefit .bottle.bottle-text.text {
        left: -53%;
    }.siliconefit .bottle.bottle-text.images {
         font-size: 3em;
         left: -52%;
     }

}

@media screen and (max-width: 380px) {
    .bottle.bottle-text.text{
        left: -43%;
    }
    .bottle.bottle-text.images {
        left: -43%;
    }
    .siliconefit .bottle.bottle-text.images {
        left: -46%;
    }
    .siliconefit .bottle.bottle-text.text {
        left: -47%;
    }

}
@media screen and (max-width: 360px) {
    .siliconefit .bottle.bottle-text.images {
        left: -43%;
    }
    .siliconefit .bottle.bottle-text.text {
        left: -43%;
    }

}