#section_product h4 {
    font-family: 'Open Sans Condensed';
    font-display: swap;
    font-size: 24px;
    margin-top: -36px;
    margin-bottom: 56px;
}

#product_container {
    position: relative;
    display: inline-block;
    left: -140px;
    text-align: center;
}

.drawing_phone {
    position: absolute;
    left: 10px;
    width: 280px;
    height: 550px;
    background: #f9f7f9;
    border: 5px solid #c1bfc1;
    border-radius: 25px;
}

.drawing_screen {
    position: absolute;
    left: 30px;
    top: 20px;
    width: 250px;
    height: 450px;
    background: #e1f0ff;
    border-radius: 16px;
    opacity: 0.8;
}

.drawing_phone_button {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 126px;
    top: 482px;
    background-color: #e6e6e6;
    border-radius: 30px;
}

.drawing_button {
    position:absolute;
    background: #d4d4d4;
    width: 70px;
    height: 70px;
    border-radius: 8px;
}

#button_one     {   left:40px;      top: 30px; }
#button_two     {   left:120px;     top: 30px; }
#button_three   {   left:200px;     top: 30px; }
#button_four    {   left:40px;      top: 150px; }
#button_five    {   left:120px;     top: 150px; }
#button_six     {   left:200px;     top: 150px; }
#button_seven   {   left:40px;      top: 270px; }
#button_eight   {   left:120px;     top: 270px; }
#button_nine    {   left:200px;     top: 270px; }
#button_ten     {   left:40px;      top: 390px; }
#button_eleven  {   left:120px;     top: 390px; }
#button_twelve  {   left:200px;     top: 390px; }

#slider_one     {   left:120px;     top: 270px;}

.drawing_slider {
    width: 70px;
    height: 188px;
    position: absolute;
    background: #d4d4d4;
    border-radius: 8px;
}

.drawing_slider_bar_container {
    position: absolute;
    width: 16px;
    height: 140px;
    background-color: #bfbfbf;
    border-radius: 8px;
    margin-left: 27px;
    margin-top: 25px;
}

.drawing_slider_bar_fill {
    position: absolute;
    width: 12px;
    height: 50px;
    background-color: #5ea1d1;
    border-radius: 8px;
    left: 29px;
    bottom: 25px;
}

.drawing_slider_bar_control {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #5ea1d1;
    border-radius: 50%;
    left: 25px;
    bottom: 63px;
}

#info_smartbuttons {
    position: absolute;
    left: -300px;
    top: 20px;
    width: 210px;
    height: 120px;
    text-align:left;
    border: 3px solid #347d26;
    border-radius: 25px;
    padding:20px;
}

#info_gridsize {
    position: absolute;
    left: 350px;
    top: 70px;
    width: 250px;
    height: 110px;
    text-align:left;
    border: 3px solid #e42828;
    border-radius: 25px;
    padding:20px;
}

#info_unlimited_pages {
    position: absolute;
    left: -350px;
    top: 220px;
    width: 230px;
    height: 105px;
    text-align:left;
    border: 3px solid #b940b9;
    border-radius: 25px;
    padding:20px;
}

#info_customizable_look {
    position: absolute;
    left: 350px;
    top: 320px;
    width: 250px;
    height: 130px;
    text-align:left;
    border: 3px solid #138ade;
    border-radius: 25px;
    padding:20px;
}

#info_old_phones {
    position: absolute;
    left: -350px;
    top: 420px;
    width: 250px;
    height: 120px;
    text-align:left;
    border: 3px solid #e4d400;
    border-radius: 25px;
    padding:20px;
}

#info_sliders {
    position: absolute;
    left: 77px;
    top: 601px;
    width: 250px;
    height: 110px;
    text-align:left;
    border: 3px solid #1ce7d2;
    border-radius: 25px;
    padding:20px;
}

#info_sliders_line {
    position: absolute;
    width: 20px;
    height: 160px;
    left: 152px;
    top: 443px;
    border-right: 1px solid #1ce7d2;
}

#info_smartbuttons_line {
    position: absolute;
    width: 120px;
    height: 2px;
    left: -49px;
    top: 68px;
    border-top: 1px solid #347d26;
}

#info_smartbuttons_line_to_next_section {
    position: absolute;
    width: 97px;
    height: 802px;
    left: -397px;
    top: 100px;
    border-top: 1px solid #347d26;
    border-left: 1px solid #347d26;
}

#info_smartbuttons_line_extension {
    position: absolute;
    width: 52px;
    height: 1px;
    left: -397px;
    top: 902px;
    border-top: 1px solid #347d26;
}

#info_gridsize_line {
    position: absolute;
    width: 25px;
    height: 2px;
    left: 325px;
    top: 148px;
    border-top: 1px solid #e42828;
}

#info_gridsize_bracket {
    position: absolute;
    width: 20px;
    height: 430px;
    left: 305px;
    top: 32px;
    border-right: 1px solid #e42828;
    border-top: 1px solid #e42828;
    border-bottom: 1px solid #e42828;
}

#info_unlimitedpages_line {
    position: absolute;
    width: 150px;
    height: 2px;
    left: -79px;
    top: 248px;
    border-top: 1px solid #b940b9;
}

#info_customizable_line {
    position: absolute;
    width: 120px;
    height: 2px;
    left: 231px;
    top: 368px;
    border-top: 1px solid #138ade;
}

#info_customizable_line_to_next_section {
    position: absolute;
    width: 55px;
    height: 498px;
    left: 641px;
    top: 368px;
    border-top: 1px solid #138ade;
    border-bottom: 1px solid #138ade;
    border-right: 1px solid #138ade;
    display: none;
}

#info_oldphones_line {
    position: absolute;
    width: 69px;
    height: 2px;
    left: -59px;
    top: 490px;
    border-top: 1px solid #e4d400;
}

@media only screen 
and (max-width : 500px) 
and (min-width : 100px) {
    
    #section_product h4 {
        margin-top: 0px;
        font-size: 18px;
    }
    .drawing_phone {
        left: 2px;
        width: 140px;
        height: 275px;
        border-radius: 15px;
    }

    .drawing_screen {
        left: 15px;
        top: 10px;
        width: 125px;
        height: 225px;
        border-radius: 8px;
    }

    .drawing_phone_button {
        width: 30px;
        height: 30px;
        left: 64px;
        top: 241px;
        border-radius: 15px;
    }

    .drawing_button {
        width: 35px;
        height: 35px;
        border-radius: 4px;
    }

    #button_one     {   left:20px;      top: 15px; }
    #button_two     {   left:60px;     top: 15px; }
    #button_three   {   left:100px;     top: 15px; }
    #button_four    {   left:20px;      top: 75px; }
    #button_five    {   left:60px;     top: 75px; }
    #button_six     {   left:100px;     top: 75px; }
    #button_seven   {   left:20px;      top: 135px; }
    #button_eight   {   left:60px;     top: 135px; }
    #button_nine    {   left:100px;     top: 135px; }
    #button_ten     {   left:20px;      top: 195px; }
    #button_eleven  {   left:60px;     top: 195px; }
    #button_twelve  {   left:100px;     top: 195px; }
    
    #slider_one     {   left:60px;     top: 135px;}

    .drawing_slider {
        width: 35px;
        height: 94px;
    }

    .drawing_slider_bar_container {
        width: 8px;
        height: 70px;
        margin-left: 13px;
        margin-top: 14px;
    }

    .drawing_slider_bar_fill {
        width: 7px;
        height: 25px;
        left: 14px;
        bottom: 11px;
    }

    .drawing_slider_bar_control {
        width: 13px;
        height: 13px;
        left: 11px;
        bottom: 30px;
    }
    
    #info_smartbuttons {
        left: 14px;
        top: 458px;
        width: 106px;
        padding: 10px;
        border-radius: 10px;
        height: 131px;
    }
    
    #info_smartbuttons h3 {
        font-size: 12px;
        margin-top: 3px;
    }
    
    #info_smartbuttons p {
        font-size: 12px;
    }

    #info_gridsize {
        left: 160px;
        top: 9px;
        width: 90px;
        padding: 10px;
        border-radius: 10px;
    }
    
    #info_gridsize h3 {
        font-size: 12px;
        margin-top: 3px;
    }
    
    #info_gridsize p {
        font-size: 12px;
    }

    #info_unlimited_pages {
        left: 160px;
        top: 155px;
        width: 90px;
        padding: 10px;
        border-radius: 10px;
        height: 131px;
    }
    
    #info_unlimited_pages h3 {
        font-size: 12px;
        margin-top: 3px;
    }
    
    #info_unlimited_pages p {
        font-size: 12px;
    }

    #info_customizable_look {
        left: 153px;
        top: 318px;
        width: 97px;
        padding: 10px;
        border-radius: 10px;
        height: 147px;
    }
    
    #info_customizable_look h3 {
        font-size: 12px;
        margin-top: 3px;
    }
    
    #info_customizable_look p {
        font-size: 12px;
    }

    #info_old_phones {
        left: 14px;
        top: 294px;
        width: 106px;
        padding: 10px;
        border-radius: 10px;
        height: 131px;
    }
    
    #info_old_phones h3 {
        font-size: 12px;
        margin-top: 3px;
    }
    
    #info_old_phones p {
        font-size: 12px;
    }

    #info_unlimitedpages_line {
        width: 24px;
        height: 2px;
        left: 137px;
        top: 208px;
    }
    #info_gridsize_line {
        width: 35px;
        height: 2px;
        left: 126px;
        top: 33px;
    }
    #info_smartbuttons_line {
        width: 45px;
        height: 450px;
        left: -31px;
        top: 33px;
        border-top: 1px solid #347d26;
        border-left: 1px solid #347d26;
        border-bottom: 1px solid #347d26;
    }
    #info_gridsize_bracket {
        display:none;
    }
    #info_customizable_line {
        display:none;
    }
    #info_oldphones_line {
        width: 0px;
        height: 32px;
        left: 41px;
        top: 262px;
        border-left: 1px solid #e4d400;
    }
    #info_sliders_line {
        display:none;
    }
    
    #info_sliders {
        /* display:none; */
        top: 498px;
        left: 153px;
        width: 97px;
        padding: 10px;
        border-radius: 10px;
        height: 107px;
        font-size: 12px;
    }
    
    #info_sliders h3 {
        font-size: 12px;
        margin-top: 3px;
    }
}

@media only screen 
and (max-width : 800px) 
and (min-width : 500px) {
    
    #product_container {
        left: auto;
        width: 422px;
        position: sticky;
    }
    
    #section_product h4 {
        margin-top: 0px;
        font-size: 18px;
    }
    .drawing_phone {
        left: 2px;
        width: 140px;
        height: 275px;
        border-radius: 15px;
    }

    .drawing_screen {
        left: 15px;
        top: 10px;
        width: 125px;
        height: 225px;
        border-radius: 8px;
    }

    .drawing_phone_button {
        width: 30px;
        height: 30px;
        left: 64px;
        top: 241px;
        border-radius: 15px;
    }

    .drawing_button {
        width: 35px;
        height: 35px;
        border-radius: 4px;
    }

    #button_one     {   left:20px;      top: 15px; }
    #button_two     {   left:60px;     top: 15px; }
    #button_three   {   left:100px;     top: 15px; }
    #button_four    {   left:20px;      top: 75px; }
    #button_five    {   left:60px;     top: 75px; }
    #button_six     {   left:100px;     top: 75px; }
    #button_seven   {   left:20px;      top: 135px; }
    #button_eight   {   left:60px;     top: 135px; }
    #button_nine    {   left:100px;     top: 135px; }
    #button_ten     {   left:20px;      top: 195px; }
    #button_eleven  {   left:60px;     top: 195px; }
    #button_twelve  {   left:100px;     top: 195px; }
    
    #slider_one     {   left:60px;     top: 135px;}

    .drawing_slider {
        width: 35px;
        height: 94px;
    }

    .drawing_slider_bar_container {
        width: 8px;
        height: 70px;
        margin-left: 13px;
        margin-top: 14px;
    }

    .drawing_slider_bar_fill {
        width: 7px;
        height: 25px;
        left: 14px;
        bottom: 11px;
    }

    .drawing_slider_bar_control {
        width: 13px;
        height: 13px;
        left: 11px;
        bottom: 30px;
    }
    
    #info_smartbuttons {
        left: 14px;
        top: 295px;
        width: 115px;
        padding: 10px;
        border-radius: 10px;
        height: 107px;
    }
    
    #info_smartbuttons h3 {
        font-size: 12px;
        margin-top: 3px;
    }
    
    #info_smartbuttons p {
        font-size: 12px;
    }

    #info_gridsize {
        left: 160px;
        top: -21px;
        width: 240px;
        padding: 10px;
        border-radius: 10px;
        height: 64px;
    }
    
    #info_gridsize h3 {
        font-size: 12px;
        margin-top: 3px;
    }
    
    #info_gridsize p {
        font-size: 12px;
    }

    #info_unlimited_pages {
        left: 160px;
        top: 75px;
        width: 240px;
        padding: 10px;
        border-radius: 10px;
        height: 51px;
    }
    
    #info_unlimited_pages h3 {
        font-size: 12px;
        margin-top: 3px;
    }
    
    #info_unlimited_pages p {
        font-size: 12px;
    }

    #info_customizable_look {
        left: 160px;
        top: 158px;
        width: 240px;
        padding: 10px;
        border-radius: 10px;
        height: 74px;
    }
    
    #info_customizable_look h3 {
        font-size: 12px;
        margin-top: 3px;
    }
    
    #info_customizable_look p {
        font-size: 12px;
    }

    #info_old_phones {
        left: 160px;
        top: 265px;
        width: 240px;
        padding: 10px;
        border-radius: 10px;
        height: 75px;
    }
    
    #info_old_phones h3 {
        font-size: 12px;
        margin-top: 3px;
    }
    
    #info_old_phones p {
        font-size: 12px;
    }

    #info_unlimitedpages_line {
        width: 24px;
        height: 2px;
        left: 137px;
        top: 128px;
    }
    #info_gridsize_line {
        width: 35px;
        height: 2px;
        left: 126px;
        top: 33px;
    }
    #info_smartbuttons_line {
        width: 35px;
        height: 82px;
        left: 37px;
        top: 213px;
        border-top: 0px solid #347d26;
        border-left: 1px solid #347d26;
    }
    #info_gridsize_bracket {
        display:none;
    }
    #info_customizable_line {
        display:none;
    }
    #info_oldphones_line {
        display: none;
    }
    #info_sliders_line {
        display:none;
    }

    #info_sliders {
        top: 373px;
        left: 160px;
        width: 240px;
        padding: 10px;
        border-radius: 10px;
        height: 59px;
        font-size: 12px;
    }
    
    #info_sliders h3 {
        font-size: 12px;
        margin-top: 3px;
    }
}

@media only screen 
and (max-width : 1100px) 
and (min-width : 800px) {
    #info_smartbuttons {
        left: -238px;
        top: 20px;
        width: 183px;
        height: 120px;
    }
    
    #info_smartbuttons h3 {
        margin-top: 0px;
    }

    #info_gridsize {
        left: 350px;
        top: 70px;
        width: 124px;
        height: 135px;
    }
    
    #info_gridsize h3 {
        margin-top: 0px;
    }

    #info_unlimited_pages {
        left: -238px;
        top: 220px;
        width: 183px;
        height: 115px;
    }
    
    #info_unlimited_pages h3 {
        margin-top: 0px;
    }

    #info_customizable_look {
        left: 350px;
        top: 320px;
        width: 127px;
        height: 202px;
    }
    
    #info_customizable_look h3 {
        margin-top: 0px;
    }

    #info_old_phones {
        left: -238px;
        top: 420px;
        width: 183px;
        height: 120px;
    }
    
    #info_old_phones h3 {
        margin-top: 0px;
    }

    #info_smartbuttons_line {
        width: 82px;
        left: -11px;
    }
    
    #info_smartbuttons_line_to_next_section {
        display: none;
    }
    
    #info_unlimitedpages_line {
        left: -12px;
        width: 120px;
    }
    
    #info_oldphones_line {
        left: -10px;
    }
    
    #info_sliders h3 {
        margin-top: 0px;
    }
    
    #info_sliders {
        height: 78px;
    }
    
    #info_smartbuttons_line_extension { 
        display: none;
    }

}