@-moz-document url-prefix() {
.diagram-opt input {

    transform: scale(1.8);
    position: relative;
    top: -7px;
}

}
.progress.fileuploadbar {
    margin-top: 10px;
}
div#loader-img {
    width: 86.6%;   
    position: fixed;
    z-index: 9999;
    height: 100%;   
    margin: 0 -15px;
    text-align: center;
}
div#loader-img img {
    position: relative;
    top: 40%;
    width:150px;
}
.diagram-opt {
    display: none;
}

.upper-select {
    /*width: 100%*/;
    float: left;
}
h3.require-field {
    margin-top: 0;
    padding-left: 50px;
    font-weight: 600;
}
span.required-field {
    color: #ff0000;
    font-size: 20px;
    position: relative;
    top: 4px;
    left: 5px;
}
.container.tm-container.thankyou {
    min-height: 620px;
}
 
a.back-to.btn.btn-primary {
    display: block;
    width: 120px;
    margin: 25px auto;
    text-align: center;
}
.thank-you {
    background: #3a53a4;
    text-align: center;
    padding: 20px;
    margin-bottom: 30px;
    color: #fff;
     margin-top: 10%;
}
.container.tm-container.thankyou img {
    margin: 0 auto;
    margin-top: 20px;
}
div#lcd-brand h6 ,div#tuch-brand h6,div#assembly-content-row h6 {
    color: #203864;
    font-weight: 600;
}

.col-md-6.req-section strong {
    text-transform: uppercase;
}
.col-md-6.req-section p {
    margin-bottom: 5px;
}
.col-md-6.req-section strong {
    text-transform: uppercase;
}
.col-md-6.req-section span.col-md-4 {
    padding: 0;
    color: #000;
}
.diagram-opt strong {
    font-size: 16px;
    position: relative;
    top: -5px;
}
.col-md-6.req-section span.col-md-8 {
    padding-left: 0;
    margin-bottom: 7px;
}
.row.req-main-head h1 {
    text-align: center;
    margin-bottom: 15px;
} 
.checkbox1-1 {
    position: absolute;
    font-size: 13px;
    left: 52px;
    top: 80px;
}
.upper-btn.btn-submit.form-submit-btn_ {
    margin-bottom: 20px;
}
.checkbox2-1 {
    position: absolute;
    top: 24.5em;
    left: 75px;
    font-size: 13px;
}
.upper-btn.btn-submit.form-submit-btn_ input.btn.btn-primary {
    width: 120px;
    font-weight: 600;
    font-size: 16px;
}
span.other-input {
    float: right !important;
}
span#sbc-span {
    width: 185px;
    position: relative;
    top: 4px;
    left: -26px;
    font-size: 11px;
}
input#lcd-c-check, input#sbc-check {
    margin-right: 2px;
}
input#sb-ch {
    float: left;
    position: relative;
    left: -27px;
    z-index: 999;
}
.application {
    /*width: 100%*/;
    float: left;
}
div#LCD-Controller-Input-row span {
    width: 25%;
    float: left;
    padding: 0 10px;
    color: #203864;
}
.col-md-7.req-section span.col-md-6 {
    font-size: 12px;
}
.upper-box{
    width: 100%;
    float: left;
}
.tm-container{
    background-color: #e7eef8;
}
.brand{
    background-color: #ffffff;
    margin-top: 10px;
}
.color{
    color:#a2a8b8;
}
.content{
    padding-left: 20px;
    padding-bottom: 20px;
}
.alignment{
    padding-top: 10px;
    padding-left: 10px;
}
.checkbox9 input {
    display: none;
}
.border{
    color:#ccc;
    border: dashed 2px;
    height: 350px; 
}
.surface{
    margin-top: -11px;
    background: #fff;
    font-size: 11px;
    margin-right: 4em;
    color: #000;
    margin-left: 6px;
}
.note{
    width: 100%;
    height: 100px;
}
.checkbox3 {
    display: none;
}
.checkbox1 {
    position: absolute;
    top: 0.4em;
    left: 4.3em;
    font-size: 13px;
}
.checkbox2 {
    position: absolute;
       top: 24.5em;
    left: 75px;
    font-size: 13px;
}
.checkbox3 {
    position: absolute;
    bottom: 11.5em;
    left: 11.5em;
    font-size: 13px;
}
.checkbox4 {
    position: absolute;
        bottom: 0.3em;
    left: 10em;
    font-size: 13px;
}
.checkbox5 {
    position: absolute;
    bottom: 2.5em;
    left: 28em;
    font-size: 13px;
}
.checkbox6 {
    position: absolute;
    bottom: 0.1em;
    left: 39em;
    font-size: 13px;
}
.checkbox7{
    position: absolute;
    bottom: 10em;
    left: 22.7em;
    font-size: 13px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.checkbox8 {
    position: absolute;
    top: 5px;
    left: 290px;
    font-size: 13px;
}
.checkbox9 {
    position: absolute;
       top: 7px;
    left: 465px;
    font-size: 13px;
}
.checkbox10 {
    position: absolute;
    top: 13.5em;
    left: 280px;
    font-size: 13px;
}
.checkbox11 {
    position: absolute;
    top: 19.6em;
    left: 285px;
    font-size: 13px;
}
.checkbox12 {
    position: absolute;
    top: 17em;
    left: 440px;
    font-size: 13px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.checkbox13 {
    position: absolute;
    bottom: 27.5em;
    left: 440px;
    font-size: 13px;
    color: white;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.checkbox14 {
    position: absolute;
    bottom: 30em;
    left: 422px;
    font-size: 12px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.Bas;
    display: flex;
    width: 200px;
}
.row.section {
    background-color: #ffffff;
    margin-left: 3px;
    width: 100%;
}
label.screen{
    font-size: 12px;
}
/* The container */
.container11 {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50% !important;
    float: left;

}

/* Hide the browser's default checkbox */
.container11 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container11 input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container11 input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container11 input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container11 .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* The container */
.checkbox-a {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 44px;
    cursor: pointer;
    /*font-size: 22px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50% !important;
    /*float: left;*/

}

/* Hide the browser's default checkbox */
.checkbox-a input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-a input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-a input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-a input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-a .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* The container */
.checkbox-b {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 35px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50% !important;
    float: left;

}

/* Hide the browser's default checkbox */
.checkbox-b input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-b input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-b input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-b input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-b .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.col-md-6.shdhsg {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}
/*div#fixAfter {*/
/*    margin-left: 50%;*/
    
/*}*/
@media screen and (min-width: 768px) and (max-width: 768px)
{
.col-md-6.shdhsg {
    position: relative;
    top: 0;
}
.upper-select {
    /*width: 44%;*/
    float: none;
}
.application {
   /* width: 33%;*/
    float: none;
}
.upper-select {
    /*width: 44%;*/
    float: none;
}
.upper-box {
    width: 100%;
    float: none;
}

   .surface {
    margin-top: -7px;
    background: #fff;
    font-size: 12px;
    margin-right:42em;
    color: #000;
    margin-left: 6px;
}
    .border {
    margin-top: 26px;
    color: #ccc;
    border: dashed 2px;
    height: 280px;
    width: 100%;
}
.checkbox-b {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 35px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50% !important;
    float:none!important;
}
.note    {width: 100%;
    height: 120px;
}
label.screen {
    width: 50%;
    float: left;
}
}
@media screen and (min-width: 1024px) and (max-width: 1024px)
{
.application {
   /*width: 11%;*/
    float: left;
}
.upper-select {
   /*width: 26%;*/
    float: left;
}
.upper-box {
    width: 100%;
    float: left;
}

    img.img {
    width: 100%;
}
.checkbox1 {
    position: absolute;
    top: 11em;
    left: 4em;
    font-size: 12px;
}
.checkbox8{
    left: 249px;
}
.checkbox9{
    left: 394px;
}
.checkbox2 {
    position: absolute;
    top: 39em;
    left: 69px;
    font-size: 13px;
}
.checkbox3 {
    position: absolute;
    bottom: 45em;
    left: 6em;
    font-size: 13px;
}
.checkbox7 {
    position: absolute;
    bottom: 52em;
    left: 17em;
    font-size: 13px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.checkbox11 {
    position: absolute;
    top: 35em;
    left: 249px;
    font-size: 13px;
}
.checkbox10 {
    position: absolute;
    top: 29em;
    left: 214px;
    font-size: 11px;
}
.checkbox4 {
    position: absolute;
    bottom: 32em;
    left: 9em;
    font-size: 13px;
}
.checkbox5 {
    position: absolute;
    bottom: 34em;
    left: 24em;
    font-size: 12px;
}
.checkbox12 {
    position: absolute;
    top: 36em;
    left: 376px;
    font-size: 13px;
}
.checkbox13 {
    position: absolute;
    bottom: 68em;
    left: 381px;
    font-size: 12px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.checkbox14 {
    position: absolute;
    bottom: 73em;
    left: 419px;
    font-size: 11px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.Bas;
}
.checkbox6 {
    position: absolute;
    bottom: 27em;
    left: 33em;
    font-size: 13px;
}
.surface {
    margin-top: -11px;
    background: #fff;
    font-size: 11px;
    margin-right: 1em;
    color: #000;
    margin-left: 9px;
}
.note{
    width: 100%
}
}
@media screen and (min-width: 425px) and (max-width: 425px){
   
    .upper-select {
    /*width: 44%;*/
    float: none;
}
.application {
    /*width: 33%;*/
    float: none;
}
.upper-select {
    /*width: 44%;*/
    float: none;
}
.upper-box {
    width: 100%;
    float: none;
}
o display this Buy Now button, paste the HTML code provided below into the appropriate area(s) of your Web site. You may need to contact your Web developer for assistanc
    img.img {
    width: 100%;
}
.checkbox1 {
    position: absolute;
    top: 11em;
    left: 36px;
    font-size: 11px;
}
.checkbox2 {
    position: absolute;
    top: 34em;
    left: 56px;
    font-size: 13px;
}
    .checkbox4 {   
    bottom: 39em;
    left: 7em;
}
.checkbox11 {
    position: absolute;
    top: 31em;
    left: 219px;
    font-size: 13px;
}
    .checkbox5 {
    bottom: 38em;
    left: 19em;
}
.checkbox3 {
    bottom: 51em;
    left: 5em;
}
.checkbox6 {
    bottom: 34em;
    left: 28em;
}
.checkbox7 {
   position: absolute;
    bottom: 67em;
    left: 18em;
    font-size: 11px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.checkbox8 {
    position: absolute;
    top: 38px;
    left: 219px;
    font-size: 11px;
}
.checkbox9 {
    position: absolute;
    top: 37px;
    left: 342px;
    font-size: 12px;
}
.checkbox10 {
    position: absolute;
    top: 21em;
    left: 179px;
    font-size: 13px;
}
.checkbox12 {
    position: absolute;
    top: 43em;
    left: 315px;
    font-size: 13px;
}
.checkbox13 {
    position: absolute;
    bottom: 66em;
    left: 332px;
    font-size: 11px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.checkbox14 {
    position: absolute;
    bottom: 86em;
    left: 350px;
    font-size: 10px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.Bas;
}

.surface {
    margin-top: -11px;
    background: #fff;
    font-size: 12px;
    margin-right: 12em;
    color: #000;
    
    margin-left: 9px;
}
    .border {
    margin-top: 14px;
    color: #ccc;
    border: dashed 2px;
    height: 279px;
    width: 100%
}
.checkbox-b {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 35px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50% !important;
    float:none!important;
}
.content{
    padding-left:20px;
    padding-right:24px;
    padding-top:20px;
}
}
span.col-xs-6.col-md-2.asmb {
    display: inline-flex;
    right: 30px;
}
@media screen and (min-width: 375px) and (max-width: 375px) {
.requirement {
    margin-bottom: 20px;
}
.asmb {
    padding-left: 15px !important;
    margin-left: 0px;
    display: inline-flex;
    right: 0px !important;
}
upper-select {
    /*width: 44%;*/
    float: none;
}
.application {
    /*width: 33%;*/
    float: none;
}
.upper-select {
    /*width: 44%;*/
    float: none;
}
.upper-box {
    width: 100%;
    float: none;
}

    img.img {
    width: 100%;}

 .checkbox1 {
    position: absolute;    
    font-size: 9px;
}
.checkbox2 {
    position: absolute;   
    font-size: 13px;
}

.checkbox11 {
    position: absolute;    
    font-size: 13px;
}

.checkbox7 {
  position: absolute;    
    font-size: 10px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.checkbox8 {
   position: absolute;    
    font-size: 9px;
}
.checkbox9 {
    position: absolute;   
    font-size: 11px;
}
.checkbox10 {
   position: absolute;    
    font-size: 9px;
}
.checkbox12 {
    position: absolute;    
    font-size: 13px;
}
.checkbox13 {
    position: absolute;   
    font-size: 11px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.checkbox14 {
    position: absolute;   
    font-size: 10px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.Bas;
}

.surface {
    margin-top: -11px;
    background: #fff;
    font-size: 12px;
    margin-right: 9em;
    color: #000;
    
    margin-left: 9px;
}
    .border {
    margin-top: 14px;
    color: #ccc;
    border: dashed 2px;
    height: 279px;
    width: 100%
}
.checkbox-b {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 35px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50% !important;
    float:none!important;
}
.content{
    padding-left:20px;
    padding-right:24px;
    padding-top:20px;
}
}

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

}

@media screen and (min-width: 1440px) and (max-width: 1440px)
{
.application {
    /*width: 9%;*/
    float: left;
}
.upper-select {
   /*width: 18%;*/
    float: left;
}
.upper-box {
    width: 100%;
    float: left;
}

    img.img {
    width: 100%;
}
.checkbox1 {
    position: absolute;
    top: 12em;
    left: 4em;
    font-size: 14px;
}
.checkbox8{
    top: 42px;
    left: 306px;
    font-size: 13px;
}
.checkbox9{
    left: 480px;
    top: 4em;
}
.checkbox2 {
    position: absolute;
    top: 47em;
    left: 89px;
    font-size: 13px;
}
.checkbox3 {
    position: absolute;
    bottom: 50em;
    left: 8em;
    font-size: 13px;
}
.checkbox7 {
   position: absolute;
    bottom: 57em;
    left: 22em;
    font-size: 13px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.checkbox11 {
   position: absolute;
    top: 42em;
    left: 294px;
    font-size: 13px;
}
.checkbox10 {
   position: absolute;
    top: 35em;
    left: 257px;
    font-size: 11px;
}
.checkbox4 {
    position: absolute;
    bottom: 32em;
    left: 11em;
    font-size: 13px;
}
.checkbox5 {
   position: absolute;
    bottom: 34em;
    left: 29em;
    font-size: 12px;
}
.checkbox12 {
    position: absolute;
    top: 52em;
    left: 441px;
    font-size: 13px;
}
.checkbox13 {
    position: absolute;
    bottom: 64em;
    left: 470px;
    font-size: 12px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.checkbox14 {
    position: absolute;
    bottom: 59em;
    left: 513px;
    font-size: 13px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.Bas;
}
.checkbox6 {
    position: absolute;
    bottom: 25;
    left: 34em;
    font-size: 13px;
}
.surface {
    margin-top: -11px;
    background: #fff;
    font-size: 11px;
    margin-right: 1em;
    color: #000;
    margin-left: 9px;
}    
.note{
    width: 100%;
}
.content{
    padding-left:20px;
    padding-right:24px;
    padding-top:20px;
}

}
@media screen and (max-width: 374px) and (min-width: 320px){
.checkbox8 {
    position: absolute;
    top: 0%;
    left: 49%;
    font-size: 10px;
    padding: 3px;
}
span.check8 {    
    display: flex;   
}
.checkbox9 {
    position: absolute;
}
span.check9 {
    display: flex;  
}
.checkbox1 {
    position: absolute;     
    padding: 0px;
}
span.check1 {
    display: flex;   
}
.checkbox10 {
    position: absolute;    
}
.checkbox2 {
    position: absolute;   
}
.checkbox3 {   
    position: absolute;   
}
.checkbox4 {
    position: absolute;   
}
.checkbox5 {   
    position: absolute;   
}
.checkbox7 {
    position: absolute;  
}
.checkbox11 {
    position: absolute;   
}
.checkbox13 {
    position: absolute;    
}
/*.checkbox14 {
    position: absolute;
    top: 32%;
    left: 86%;
    font-size: 8px;
    right: -36%;
}
span.check14 {
    display: flex;
    margin-top: -18px;
    margin-left: 16px;
}*/
.checkbox14 {
    position: absolute;    
    display: inline-table;
    }
.checkbox12 {
    position: absolute;   
}
.checkbox6 {    
    position: absolute;
    font-size: 9px;
}
.row.border {
    margin-left: 1px;
    margin-right: 20px;
}
}
select#select_app {
    position: relative !important;
    top: -5px !important;   
}
label.alignment.req-hed {
    padding-left: 0;
}
.col-md-12.req-div {
    margin-bottom: -10px;
}
div#LCD-Controller-Input-row {   
    padding-bottom: 20px;
}
span.down {
    float: right;
    margin-right: 10px;
    margin-top: 7px;
}
label.alignment.req-hed {
    position: relative;
    top: -5px;
    padding-top: 0;
}
.row.section.sction-title {
    height: 250px;
    background-color: #e7eef8;
    display: none;
}

.row.section.sction-title div {
    display: none;
}



@media screen and (max-width: 479px)
{
img.img-mobile {
    display: block !important; 
}
img.img-desktop {
    display: none;
}
input#fileupload {
    margin-bottom: 10px;
}
}

@media screen and (max-width: 767px)
{
    .col-md-6.shdhsg {
    position: relative;
    top: 0;
}
    .row.new-section .col-md-5 {
    float: left;
    width: 100%;
    }
    .row.new-section .col-md-12 {
    float: left;
    width: 100%;
}
.col-md-7.req-section span.col-md-8 {
    padding-left: 0;
    margin-bottom: 7px;
    float: left;
}
.col-md-7.req-section span.col-md-4 {
    padding: 0 0px 0 15px !important;   
    float: left;
    width: 120px;    
}
.row.new-section .col-md-12 span.col-md-6, .row.new-section .col-md-12 span.col-md-4 {
    width: 100%;
    float: left;
}
#lcd-brand select ,#tuch-brand-container select ,#assembly-content-row {
    width: 95%;
}
h3.require-field {
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
}
div#LCD-Controller-Input-row span {
    width: 50% !important;
}
#tuch-brand-container .row.border { 
    width: 97%;  
}
.col-md-7.req-section .requirement {
    width: 100% !important;
} 

.alignment.contact-main-head h1 {
    font-size: 23px;
}
.row.req-main-head h1 {
    font-size: 23px;
    text-align: center;
}
.col-md-6.vvfbfgdfgd {
    margin-top: 50px; 
}
.col-md-7.req-section {
    float: left;
    width: 100%;
    margin-top: 0px !important;
}
.col-md-7.req-section span.col-md-12 {
    float: left;
}
.col-md-7.req-section span.col-md-6 {
    width: 50% !important;
    float: left;
}

}


@media screen and (max-width: 350px)
{
	.col-md-6.shdhsg {
	    width: 320px !important;
	    padding-left: 0;
	    padding-right: 0;
	    margin: 0 auto;
	}
    
    .checkbox8 input[type="checkbox"] {
    margin-top: 0;
   }
	.col-md-7.req-section span.col-md-6 {  
    font-size: 11px !important;
   } 

	.checkbox8 span.check8 {
	    font-size: 8px !important;
	    margin-top: -13px !important;
	    margin-left: 15px !important;  
	}
	span.check1 {
	    font-size: 8px !important;
	    margin-left: -12px;
	    margin-top: -14px;
	}

	.checkbox1 input {
	    margin-left: -8px;
	    margin-top: 15px;
	}

	.checkbox1 {
	    top: 4.5%;
	}
	.checkbox1 input[type="checkbox"] {
	    margin-left: -25px;
	    margin-top: 4px;
	}

	.checkbox9 {
	    position: absolute;
	    top: 1%;
	    left: 83%;
	    font-size: 9px; 
	    padding: 0px;
	}

	.checkbox3 {
	    bottom: 16.5em;
	    left: 4.5em;
	    position: absolute;
	    font-size: 9px;
	}
	.checkbox12 {
	    position: absolute;
	    top: 37%;
	    left: 78%;
	    font-size: 9px;
	}
	.checkbox12 input {
	    margin-left: 5px;
	     position: relative;
	    bottom: -3px;
	}
	.checkbox13 {
	    position: absolute;
	    bottom: 64%;
	    left: 76%;
	    font-size: 9px;
	}
	.checkbox13 input[type="checkbox"] {
	    position: relative;
	    left: -2px;
	    bottom: -4px;
	}
	.checkbox14 {
	    position: absolute;
	    bottom: 63.8%;
	    left: 82%;
	    font-size: 9px;
	    display: inline-table;
	}
	.checkbox14 input[type="checkbox"] {
	    position: relative;
	    bottom: -3px;
	}

	.checkbox6 {
	    bottom: -4%;
	    left: 85%;
	    position: absolute;
	    font-size: 9px;
	}
	.checkbox6 input[type="checkbox"] {
	    position: relative;
	    left: 25px;
	}
	.checkbox7 {
	    position: absolute;
	    bottom: 31.5%;
	    left: 46%;
	    font-size: 9px;
	}
	input[type="checkbox"] {
	    position: relative;
	    bottom: -3px;
	}
	.checkbox5 {
	    bottom: 1%;
	    left: 61%;
	    position: absolute;
	    font-size: 10px;
	}
	.checkbox4 {
	    position: absolute;
	    bottom: 2%;
	    left: 22%;
	    font-size: 9px; 
	}
	.checkbox11 {
	    position: absolute;
	    top: 47%;
	    left: 49%;
	    font-size: 9px;
	}
	.checkbox10 {
	    position: absolute;
	    top: 30%;
	    left: 43%;
	    font-size: 9px;
	}
	.checkbox2 {
	    position: absolute;
	    top: 52.5%;
	    left: 38px;
	    font-size: 9px;
	}
}

@media screen and (min-width: 351px) and (max-width: 400px)
{
	.col-md-6.shdhsg 
	{
		width: 350px !important;
		padding-left: 0;
		padding-right: 0;
		margin: 0 auto;
	}
	.checkbox1-1 {
    position: absolute;
    top: 11.8em;
    left: 3.3em;
    font-size: 9px;
    width: 150px;
}
.checkbox2-1 {
    position: absolute;
    top: 34em;
    left: 40px;
    font-size: 10px;
}

.checkbox1-1 span.check1 {
    width: 90%;
    float: right;
    margin-top: 7px;
}
.checkbox1-1 input[type="checkbox"] {
    width: 14px;
}
    .col-md-7.req-section span.col-md-6 {  
    font-size: 13px !important; 
   } 

	.checkbox1 {
		position: absolute;
		top: 3.4em;
		left: 3.3em;
		font-size: 9px;
		width: 150px;
	}
	.checkbox8 {
		position: absolute;
		top: 1px;
		left: 177px;
		font-size: 9px;
		width: 135px;   
	}
	.checkbox9 
	{
		position: absolute;
		top: 5px;
		left: 289px;
		font-size: 10px;
	}
	.checkbox1 input[type="checkbox"] {
		width: 14px; 
	}

	.checkbox1 span.check1 {
		width: 90%;
		float: right;
		margin-top: 7px;
	}
	.checkbox12 {
		top: 27em;
		left: 275px;
		font-size: 10px;  
	}
	.checkbox4 {
		position: absolute;
		bottom: 1em;
		left: 7.5em;
		font-size: 10px; 
	} 
	.checkbox14 {
		position: absolute;
		bottom: 33em;
		left: 280px;
		font-size: 10px;
		width: 100px;
	}
	.checkbox10 input[type="checkbox"] {
	margin-top: 6px;
	}
	.checkbox2 span {
	position: relative;
	top: -3px;
	}
	.checkbox3 input[type="checkbox"] {
	position: relative;
	top: 3px;
	}
	.checkbox10 span {
	position: relative;
	top: -3px;
	}
	.checkbox8 span.check8 {
		width: 88%;
		float: right;
		margin-top: 5px;
	}
	.checkbox8 input[type="checkbox"] {
		margin: 2px 0;
		width: 14px;
		margin-top: 2px;  
	}

	.checkbox13 {
		bottom: 35em;
		left: 262px;
		font-size: 10px;
		width: 100px;
	} 
	.checkbox5 {
		position: absolute;
		bottom: 0.5em;
		left: 18em;
		font-size: 12px;
	}
	.checkbox6 {
		position: absolute;
		bottom: -4.4em;
		left: 25em;
		font-size: 12px;
	}
	.checkbox6 input[type="checkbox"] {
		margin-left: 25px;
	}
	input#sb-ch {   
    left: -5px !important;   
}
span#sbc-span {    
    left: -3px !important;    
}
	span#sbc-span {
    width: 120px !important;
    }
	.checkbox4 input[type="checkbox"] {
	position: relative;
	top: 3px;
	}
	span#sbc-span {   
    font-size: 9px !important;
}
	.checkbox2 {
		position: absolute;
		top: 34.5em;
		left: 40px;
		font-size: 10px;
	}
	.checkbox10 {
		position: absolute;
		top: 22.5em;
		left: 151px;
		font-size: 9px; 
	}
	.checkbox3 {
		position: absolute;
		bottom: 16.5em;
		left: 4.5em;
		font-size: 10px;
	}
	.checkbox7 {
		position: absolute;
		bottom: 21em;
		left: 16.3em;
		font-size: 10px;   
	}
	.checkbox5 {
		position: absolute;
		bottom: 0.5em;
		left: 21.5em;
		font-size: 10px;
	}
	.checkbox11 {
		position: absolute;
		top: 31em;
		left: 170px;
		font-size: 10px;
	}
	.checkbox7 input[type="checkbox"] {
	position: relative;
	top: 3px;
	}
}


@media screen and (min-width: 450px)
{
.col-md-6.shdhsg input[type="checkbox"] {
    position: relative;
    top: 2px;
}
}