*, *:before, *:after { box-sizing: border-box; }
img { max-width: 100%; }

@font-face {
    font-family: "Montserrat";
    src: url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.ttf") format("ttf"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.woff") format("woff"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.woff2") format("woff2"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.otf") format("otf"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Regular.eot") format("eot");
    font-weight: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../../assets/fonts/Montserrat/v1/Montserrat-Light.ttf") format("ttf"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Light.woff") format("woff"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Light.woff2") format("woff2"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Light.otf") format("otf"),
    url("../../assets/fonts/Montserrat/v1/Montserrat-Light.eot") format("eot");
    font-weight: 300;
}
@font-face {
    font-family: "Tungsten";
    src: url("../../assets/fonts/Tungsten/v1/Tungsten-Semibold.ttf") format("ttf"),
    url("../../assets/fonts/Tungsten/v1/Tungsten-Semibold.woff") format("woff"),
    url("../../assets/fonts/Tungsten/v1/Tungsten-Semibold.woff2") format("woff2"),
    url("../../assets/fonts/Tungsten/v1/Tungsten-Semibold.otf") format("otf");
    font-weight: normal;
}

@font-face {
    font-family: "TungstenReveal";
    src: url("../../assets/fonts/TungstenReveal/v1/TungstenReveal.ttf") format("ttf"),
    url("../../assets/fonts/TungstenReveal/v1/TungstenReveal.woff") format("woff"),
    url("../../assets/fonts/TungstenReveal/v1/TungstenReveal.woff2") format("woff2"),
    url("../../assets/fonts/TungstenReveal/v1/TungstenReveal.otf") format("otf");
    font-weight: normal;
}

:root {
    --primary-red: #C8102E;
    --primary-blue: #5698D0;
}

body { background: white; color: black; font-family: 'Montserrat', Arial, sans-serif; font-size: 15px; font-weight: 400; margin: 0; }
a { color: var(--primary-red); text-decoration: underline; transition: background-color 0.3s, color 0.3s; }
a:hover { text-decoration: none; }

#main { margin: 0 auto; max-width: 100%;  }

#header_text .block1 { background: #2C2E31; color: #888; font-size: 11px; padding: 40px 25px; text-align: right; }
#header_text .block1 + p { padding: 20px 0; text-align: center; }
#header_text .block1 + p a { background: var(--primary-red); color: white; display: inline-block; padding: 10px 15px; text-decoration: none; transition: background-color 0.3s; }
#header_text .block1 + p a:hover { background: var(--primary-blue); }
#header_text .block2 {  color: black; display: flex; align-items: center; max-width: 1920px; margin: 0 auto; justify-content: space-between; }
#header_text .block3 {  color: black; display: flex; align-items: center; max-width: 1440px; margin: 0 auto; padding: 60px 0; justify-content: space-around; }
#header_text .block21 { width: 50%; position: relative; z-index: 2; margin-right: 50px; }
#header_text .block21 img { display: block; }
#header_text .block22 { width: 50%; }
#header_text h1 { font-family: "Tungsten", Arial, sans-serif; font-size: 168px; font-weight: bold; line-height: 0.85; margin: 0 0 40px -130px; text-transform: uppercase; position: relative; }
#header_text h1 em { font-family: "TungstenReveal", Arial, sans-serif; font-weight: normal; }
#header_text h1::before {
    background: var(--primary-red);
    border-radius: 4px;
    content: '';
    display: block;
    /* height: calc(100% + 30px); */
    height: 110%;
    width: 5px;
    position: absolute;
    top: -10px;
    left: 29px;
    transform: rotate(-15deg);
}
#header_text h1 .line2 { display: block; margin-left: 40px; }
#header_text h2 { font-size: 26px; font-weight: normal; line-height: 1.1; margin: 0 0 55px -30px; text-transform: uppercase; color:#C8102E;}
#header_text h2 em { color:#C8102E; }
#header_text h2 strong { font-weight: bold; }
#header_text h2 .line2 { display: block; margin-left: 8px; }
#header_text h2 .line3 { display: block; margin-left: 16px; }
#header_text p { font-size: 20px; margin: 0; }
#header_text p .line2 { display: block; margin-left: 5px; }
#header_text p.subtext { color: white; background: #2E9597; border: 0; border-radius: 30px; color: #fff; cursor: pointer;  font-family: 'Montserrat', Arial, sans-serif; font-size: 19px; font-weight: 500; margin: 0 0 15px 0; padding: 15px; text-align: center; width: 100px; transition: background-color 0.3s; } 
#header_text p.subtext .line2 { display: block; margin-left: 15px; font-size: 14px; margin-top: 15px; }
#header_text p .line3 { display: block; margin-left: 10px; }
#header_text p .line4 { display: block; margin-left: 15px; }
#header_text p .line5 { display: block; margin-left: 20px; }
#header_text p a { color: white; text-decoration: none;  } 
#header_text p a:hover { text-decoration: none; }

#header_text .block3 p.logo { width: 40%; margin-right: 20px; font-size: 30px; order:1; text-align: left; text-transform: uppercase; }
#header_text .block3 p.subtext { width: 30%; order: 2; line-height: 1.2; }

#content { padding: 30px 0; }
#content h1 { font-size: 24px; font-weight: bold; margin: 0 0 30px 0; text-align: center; }
#content p,
#content ul { margin: 0 0 15px 0; }
#content table { background: #eee; margin: 0 0 15px 0; width: 100%; }
#content td { border: 1px solid #ddd; padding: 10px; }
#content td p { margin: 0; }
.tc-box .tc-box-textarea td { font-size: 15px; }

#form_holder { padding: 15px 0; max-width: 1280px; margin: 0 auto; }
.field-row label { display: inline-block; padding: 10px 5px 10px 0; }
.table-cell input[type="text"], 
.table-cell select { border: 1px solid #B6B9B9; font-family: 'Montserrat', Arial, sans-serif; font-size: 15px; padding: 10px; width: 100%; }
.table-cell select { padding: 10px 5px; }
#submit-div { padding: 30px 0; text-align: center; }
.SubmitButt { background: var(--primary-red); border: 0; color: white; cursor: pointer; font-family: 'Montserrat', Arial, sans-serif; font-size: 24px; margin: 0 0 15px 0; min-width: 165px; padding: 10px; transition: background-color 0.3s; }
.SubmitButt:hover { background: black; }
#form_holder, #info_text_holder { padding: 20px 1%; }

.required { color: var(--primary-red); }
div.required { color: black; font-size: 18px; font-weight: 300; }
div.required span { color: var(--primary-red); }
#a_l_txt_title,
#i_l_txt_payment_method,
#a_l_txt_purchased_products_number,
#a_l_txt_bank_details_international,
#a_l_txt_bank_revolut, #a_l_txt_new_productgroup_all1 { display: block; font-size: 36px; font-weight: bold; margin: 15px 0; }
#country_promotion { display: block; font-weight: bold; padding: 10px 0; }
#i_l_txt_payment_method .required { display: none; }
#r_payment_method .table-cell,
#r_purchase_upload_file .table-cell.coll1 { float: none; width: 100%; }
#r_payment_method .cbox_list { float: left; width: 50%; }
#r_date_purchase .table-cell { position: relative; }
.ui-datepicker-trigger { position: absolute; top: 8px; right: 8px; }
#date_purchase_u_info,
#bank_benficiary_individual_u_info,
#bank_beneficiary_rev_u_info,
#bank_benficiary_u_info,
#bank_benficiary_rev_individual_u_info, #upload_serial_number1_u_info, #upload_barcode1_u_info, #date_purchase1_u_info { color: #787878; display: inline-block; font-size: 12px; padding: 5px 0; }
#r_purchase_upload_file label,
#r_purchase_upload_file .fileinputs { float: left; width: 50%; }
#promo_content .field-row .inputfile.inputfile__btn + label { background: var(--primary-red); float: none; width: 100%; transition: background-color 0.3s; }
.field-row .inputfile.inputfile__btn + label span { display: block; font-size: 13px; }
#promo_content .field-row .inputfile.inputfile__btn + label:hover { background: black; }
#add_another_product,
#remove_last_product { background: var(--primary-blue); border: 0; border-radius: 0; color: white; cursor: pointer; font-family: 'Montserrat', Arial, sans-serif; font-size: 15px; margin: 0 0 5px 0; padding: 10px; width: 100%; transition: background-color 0.3s; }
#add_another_product.disabled,
#remove_last_product.disabled { display: none; }
#add_another_product:hover,
#remove_last_product:hover { background-color: black; }
#r_terms_conditions_box { margin: 0 0 10px 0; }
#promo_content, #form_holder { background: #FCFCFC; }
#form_intro { margin-bottom: 30px; }

#l_upload_barcode1,
#l_upload_barcode2,
#l_upload_barcode3,
#l_upload_barcode4,
#l_upload_barcode5,
#l_upload_barcode6,
#l_upload_barcode7,
#l_upload_barcode8,
#l_upload_barcode9,
#l_upload_barcode10 { width: 85%; vertical-align: middle; }

#tooltip_upload_barcode1,
#tooltip_upload_barcode2,
#tooltip_upload_barcode3,
#tooltip_upload_barcode4,
#tooltip_upload_barcode5,
#tooltip_upload_barcode6,
#tooltip_upload_barcode7,
#tooltip_upload_barcode8,
#tooltip_upload_barcode9,
#tooltip_upload_barcode10 { vertical-align: middle; }

.accordion-panel {margin: 1px;}
.accordion-panel .panel-caption { background: #eee; border: 1px solid white; border-radius: 3px; margin: 1px 0; padding: 0 5px; position: relative; }
.accordion-panel .panel-caption .chevron { font-size: 30px; font-weight: bold; position: absolute; top: -2px; left: 15px; }
.accordion-panel .panel-caption.active .chevron { transform: rotate(-90deg); top: 2px; left: 15px; }
#content .accordion-panel .panel-caption p { margin: 0; }
.accordion-panel .panel-caption a { color: black; display: block; font-size: 16px; font-weight: bold; padding: 10px 10px 10px 30px; text-decoration: none; }
.accordion-panel .panel-caption a:hover { color: #333; cursor: pointer; text-decoration: none; }
.accordion-panel .panel-caption.active { background: #fff; border: 1px solid #aaa; }
.accordion-panel .panel-body { border: 1px solid #aaa; border-radius: 3px; padding: 20px 20px 20px 35px; transition: 0s; width: auto; }
.accordion-panel .panel-body p { margin: 0 0 15px 0; }

#progress_detailed { display: none; }
#promo_content .block3 { margin: 0 auto; max-width: 1200px; }
#promo_content .block3 ul { overflow: hidden; padding: 30px 0; }
#promo_content .block3 li { border-top: 4px solid #ddd; clear: none; color: #6C757D; float: left; font-size: 15px; list-style: none; padding-top: 10px; text-transform: uppercase; width: 33.33%; text-align: center;  }
#promo_content .block3 li:nth-child(2) { text-align: center; }
#promo_content .block3 li:nth-child(3) { text-align: center;  }
#promo_content .block3 li:nth-child(1),
.stage2 #promo_content .block3 li:nth-child(2),
.stage3 #promo_content .block3 li:nth-child(3) { border-color: #0071B8; color: #0071B8; font-weight: bold; }
.stage3 #r_button_subscribe {
    display: inline-block;
    padding: 0;
    vertical-align: top;
}

.stage2 #promo_content .block3 li:nth-child(1),
.stage3 #promo_content .block3 li:nth-child(1),
.stage3 #promo_content .block3 li:nth-child(2),
#main.ty #promo_content .block3 li:nth-child(1),
#main.ty #promo_content .block3 li:nth-child(2),
#main.ty #promo_content .block3 li:nth-child(3) { border-color: #0071B8; color: #0071B8; font-weight: bold; }


#submit-div { padding: 30px 0; text-align: center; }
.next_step, .SubmitButt { background: #2E9597; border: 0; border-radius: 30px; color: #fff; cursor: pointer;  font-family: 'Montserrat', Arial, sans-serif; font-size: 19px; font-weight: 500; margin: 0 0 15px 0; padding: 15px; text-align: center; width: 150px; transition: background-color 0.3s; }
.next_step:hover, .SubmitButt:hover { background-color: #228183; }

.prev_step { background: #34454E; border: 0; color: #fff; border-radius: 30px; cursor: pointer;  font-family: 'Montserrat', Arial, sans-serif; font-size: 19px; font-weight: 500; margin: 0 0 15px 0; padding: 15px; text-align: center; width: 150px; transition: background-color 0.3s; }
.prev_step:hover { background: #27333a; }

#r_purchase_upload_file1 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number1 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode1 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file2 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number2 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode2 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file3 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number3 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode3 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file4 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number4 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode4 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file5 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number5 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode5 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file6 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number6 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode6 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file7 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number7 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode7 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file8 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number8 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode8 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file9 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number9 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode9 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file10 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number10 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode10 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode_secondary > div.table-cell.coll1 > div > span.dynamic_info_logo.selected { top: 30px; }


#footer { clear: both; color: #b6b9b9; }
#footer a { color: #939393; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .canon_footer {background: #FCFCFC; }
#footer .block1 { border-top: 1px solid #939393; padding: 25px; background: #FCFCFC; color: #939393;  max-width: 1440px; margin: 0 auto; }
#footer .block1 ul { overflow: hidden; }
#footer .block1 li { float: left; margin: 0 15px 0 0; }
#footer .block1 li.last { float: right; }
#footer .block2 { overflow: hidden; padding: 25px 0; }
#footer .block3 { background: #2C2E31; color: #888; font-size: 11px; padding: 40px 25px; text-align: right; }

#main.ty #printArea,
#main.ty #printArea + p { display: none; }
#main.ty #form_wrapper { font-size: 24px; line-height: 1.5; padding: 100px 0; text-align: center; }

/* HEBREW PAGE */

[lang="he"] #header_text h1 { font-family: 'Montserrat', Arial, sans-serif; font-size: 90px; font-weight: bold; line-height: 0.85; text-transform: uppercase; position: relative; padding-right: 20px; width: 90%; }
[lang="he"] #header_text h1::before { display: none; }
[lang="he"] #header_text .block21 {
    width: 50%;
    position: relative;
    z-index: 2;
    margin-right: 0; 
}

/* html[lang='he'] #r_subscribe input,
html[lang='ar'] #r_subscribe input,
html[lang='he'] #tc-box-checkbox input,
html[lang='ar'] #tc-box-checkbox input { left: auto; right: 0; } */

html[lang='he'] .dynamic_info_logo,
html[lang='ar'] .dynamic_info_logo { right: auto; left: 10px; }
html[lang='he'][id^=r_date_] .dynamic_info_logo { right: 35px; top: 8px; } 
html[lang='he'] [id^=r_date_] .dynamic_info_logo,
html[lang='ar'] [id^=r_date_] .dynamic_info_logo { right: auto; left: -35px; }

html[lang='he'] #footer .block2 p,
html[lang='ar'] #footer .block2 p { float: right; }
html[lang='he'] #footer .block2 ul,
html[lang='ar'] #footer .block2 ul { float: left; }
html[lang='he'] #footer .block2 li,
html[lang='ar'] #footer .block2 li { margin-left: 0; margin-right: 15px; }

html[lang='he'] .field-row .table-cell { float: left; clear:none!important; width: 70%; }
html[lang='he'] .table-cell.coll1 { float: right; clear: none; width: 20%;  }
html[lang='he'] .ui-datepicker-trigger { left: 8px!important; right: unset; }
html[lang='he'] #tc-box-checkbox input { float: none; }
html[lang='he'] #r_subscribe input { float: none; position: relative; margin-right: 8px;}

.p18 #main.ty #info_text_holder { display: none; }

[lang="he"] .table-cell.coll1_field_sub_group_btm { float:right!important; width: 25%!important; }
[lang="he"]  #l_right_txt_subscribe {
    display: inline-block;
    float: left;
    line-height: 18px;
    width: 93%;
}
       
.p19 { background: #FCFCFC; }
.p19 #content { max-width: 1440px; margin: 0 auto;  padding-left: 15px; padding-right: 15px; }
.p19 #header_text .block2, .p19 #header_text .block3 { display: none; }
.p19 a { word-break: break-all; }

#main.ty #header_text .block3 { display: none; }

#r_upload_barcode_secondary > div.table-cell.coll1 { width: 100%; }
#l_upload_barcode_secondary { width: 49%; }
#r_upload_barcode_secondary > div.table-cell.coll1 > div { display: inline-block; width: 50%; }

#u_l_customer_code { width: 50%; float: right; color: #787878; display: inline-block; font-size: 12px; padding: 5px 0;  }

@media (min-width: 1920px){
    #header_text .block21 img { width:100%; }
}
@media (max-width: 1220px) {
    #header_text .block1, #form_holder, #content { padding-left: 15px; padding-right: 15px; }
    #header_text h1 { font-size: 120px; margin-left: -115px; }
    #header_text h1:before { height: calc(100% + 40px); top: -20px; left: 17px; }
    #header_text h1:after { right: calc(100% - 15px); }
    #header_text h1 .line2 { margin-left: 25px; }
    #header_text h2 { margin-left: -50px; font-size: 22px;  }
    #header_text p { margin-left: -20px; }
    .first_row.startcol1, .first_row.startcol, .first_row.startgroup1, .second_row { float: none; margin: 0; padding: 0; width: 100%; }
    [lang="he"] #header_text h1 { font-size: 70px; }

    #r_purchase_upload_file1 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number1 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode1 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file2 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number2 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode2 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file3 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number3 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode3 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file4 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number4 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode4 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file5 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number5 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode5 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file6 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number6 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode6 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file7 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number7 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode7 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file8 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number8 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode8 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file9 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number9 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode9 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_purchase_upload_file10 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_serial_number10 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode10 > div:nth-child(2) > span.dynamic_info_logo.selected, 
#r_upload_barcode_secondary > div.table-cell.coll1 > div > span.dynamic_info_logo.selected { top: 10px; }
}
@media (max-width: 1100px) {
    #header_text .block22 { padding-left: 5%; }
    #header_text .block3 { justify-content: space-around; }
    #header_text p { font-size: 16px; }
    [lang="he"] #header_text h1 { font-size: 50px; }
}
@media (max-width: 799px) {
    /* #header_text .block2 { flex-direction: column; align-items: flex-start; }
    #header_text .block21 { width: 100%; }
    #header_text .block22 { padding: 30px; width: 100%; padding-left: 60px; } 
    #header_text h1 { margin-left: 0; }
    #header_text h2 { margin-left: 50px; }
    #header_text p { margin-left: 80px; }*/
}
@media (max-width: 799px) {
    
    #header_text .block1 img { max-width: 125px; }
    #header_text .block2 { position: relative; }
    
    #header_text h1 { font-size: 80px; margin: 0 0 40px 0; }
    #header_text h1:before { height: 120%; top: -10px; left: 11px; }
    #header_text h1 .line2 { margin-left: 15px; }
    #header_text h2 { font-size: 20px; margin-left: 40px; margin-bottom: 35px; }
    #header_text p { font-size: 12px; margin-left: 60px; }
    #header_text p.subtext .line2 { font-size: 8px; }
    .field-row .table-cell.coll1,
    .field-row .table-cell,
    #r_purchase_upload_file label,
    #r_purchase_upload_file .fileinputs { float: none; width: 100%; }
    #footer .block1 li,  #footer .block1 li.last  { float: none; margin: 10px 0; }
    #info_text_holder {
        padding: 10px 2%;
    }

    #header_text h2 { font-size: 15px; }

    #promo_content .block3 ul { padding: 30px 0; }
    #promo_content .block3 li,
    #promo_content .block3 li:nth-child(3) { float: none; margin: 0 0 10px 0; text-align: center; width: 100%; }
    #form_holder { width: 100%; }
    #form_holder { padding-left: 15px; padding-right: 15px; }

    #header_text .block2 { flex-direction: column; }
    #header_text .block21 { width: 100%; margin: 0; }
    #header_text .block22 { width: 100%; margin-top: 40px; }

    #header_text .block3 { flex-direction: column; align-items: flex-start; padding: 40px 0; }
    #header_text .block3 p.logo { text-align: center; margin:0; margin-bottom: 20px; font-size: 20px; width: 100%; }
    #header_text .block3 p.subtext { width: 50%; margin: 0 auto; }
        [lang="he"] #header_text .block21 {
            width: 100%;
            position: relative;
            z-index: 2;
            margin-right: 0;
        }
        [lang="he"] #header_text .block3 p.subtext {
            padding-right: 20px; 
        }
        [lang="he"] .field-row .table-cell.coll1, [lang="he"] .field-row .table-cell, [lang="he"] #r_purchase_upload_file label, [lang="he"] #r_purchase_upload_file .fileinputs {
            float: none!important;
            width: 100%!important;
        }
        html[lang='he'] #r_subscribe input { margin-right: 0px; }

        .table-scroll { overflow-x: auto; }
.table-scroll table { min-width: 799px; } 

#l_upload_barcode_secondary { width: 100%; }
#r_upload_barcode_secondary > div.table-cell.coll1 > div { display: inline-block; width: 100%; }

#l_purchase_upload_file1, #l_upload_serial_number1, #l_upload_barcode_secondary { width: 85%; }

.table-scroll { overflow-x: auto; }
.table-scroll table { min-width: 800px; } 
        

#u_l_customer_code { width: 100%; float: none; color: #787878; display: inline-block; font-size: 12px; padding: 5px 0;  }

}
@media ( max-width: 550px) {
    #header_text h1 { font-size: 80px; }
    #header_text h1:before {
        height: 120%;
        top: -10px;
        left: 12px;
    }
    #header_text h2 { font-size: 15px; }
    #header_text .block22 {
        padding-left: 8%;
    }
}
@media (max-width:500px){
    #header_text .block21 { display: block; width: 100%; }
    /* #header_text .block22 { display: none; } */
    #header_text .block22 {
        padding-left: 8%;
    }
}
@media ( max-width: 480px) {
     #header_text .block2 { flex-direction: column; align-items: flex-start; }
    #header_text .block21 { width: 100%; }
    #header_text .block22 { padding: 30px; width: 100%; margin-top: 20px;padding-left: 40px; /* margin-left: 10px!important;*/ } 
    #header_text h1 { margin-left: 0; }
    #header_text h2 { margin-left: 30px; }
    #header_text p { margin-left: 60px; }
    [lang="he"] #header_text h1 { padding-right: 0; }
}