@media (max-width: 1079px) { 
#product .col-file-input-element  { 
float: left; 
overflow: hidden; 
box-sizing: border-box; 
min-width: 80%; 
max-width: 80%; 
min-height: 40px; 
max-height: 40px; 
margin-bottom: 20px; 
background: transparent; 
color: #000000; 
padding: 0px 0px; 
margin-top: px; 
margin-bottom: px; 
border: 1px solid #454545; 
border-radius: 5px; 
} 
#product .col-file-input-element .col-input { 
float: left; 
margin-top: 0px; 
margin-left: 0px; 
display: block; 
border: none; 
background: transparent; 
min-width: 80%; 
max-width: 80%; 
min-height: 40px; 
max-height: 40px; 
} 
#product .col-file-input-element .col-input input { 
padding: px px; 
font-size: px; 
color: #000000; 
background: transparent; 
border: none; 
inline: none; 
opacity: 0; 
outline: none; 
width: 100%; 
min-width: 100% !important; 
min-height: 40px; 
max-height: 40px; 
} 
#product .col-file-input-element .col-input input::placeholder { 
color: #000000; 
} 
#product .col-file-input-element .col-input input::-webkit-input-placeholder { 
color: #000000; 
} 
#product .col-file-input-element .col-button { 
float: left; 
margin-top: 0px; 
margin-left: 0px; 
display: block; 
box-sizing: border-box; 
border: none; 
background: #3f27ba; 
min-width: 20%; 
max-width: 20%; 
height: 39px; 
max-height: 100% !important; 
} 
#product .col-file-input-element .col-button button { 
display: flex; 
justify-content: center; 
align-items: center; 
vertical-align: middle; 
min-width: 100% !important; 
max-width: 100% !important; 
min-height: 40px; 
max-height: 100%; 
background: transparent; 
border: none; 
} 
#product .col-file-input-element .col-button button i { 
color: #ffffff; 
font-size: 15; 
} 
#product .col-file-input-element-title { 
float: left; 
padding: 0px 0px; 
margin-top: 10px; 
margin-bottom: 10px; 
} 
#product .col-file-input-element-title label { 
text-align: left; 
min-width: 100%; 
font-size: 17px; 
font-family: Roboto-Bold; 
font-weight: 500; 
color: #000000; 
} 
#product .col-input-element  { 
float: left; 
min-width: 45%; 
max-width: 45%; 
margin-bottom: 20px; 
background: #ffffff; 
color: #3d3d3d; 
padding: 0px 0px; 
margin-top: 8px; 
margin-bottom: px; 
border: 1px solid #696969; 
border-radius: 0px; 
} 
#product .col-input-element .col-icon  { 
margin-left: 0px; 
margin-top: 0px; 
float: left; 
z-index: 2; 
width: %; 
display: none; 
justify-content: center; 
min-height: 100%; 
font-size: px; 
color: ; 
background: ; 
padding: px px; 
margin-top: px; 
border-top-left-radius: 0px; 
border-bottom-left-radius: 0px; 
} 
#product .col-input-element .col-icon i { 
font-size: px; 
} 
#product .col-input-element .col-input { 
float: left; 
margin-top: 0px; 
margin-left: 0px; 
display: block; 
border: none; 
background: transparent; 
min-width: 100%; 
max-width: 100%; 
min-height: 100%; 
} 
#product .col-input-element .col-input input { 
padding: 13px 10px; 
font-size: 16px; 
color: #3d3d3d; 
background: transparent; 
border: none; 
inline: none; 
outline: none; 
width: 100%; 
min-width: 100%; 
min-height: 100%; 
} 
#product .col-input-element .col-input input::placeholder { 
color: #3d3d3d; 
} 
#product .col-input-element .col-input input::-webkit-input-placeholder { 
color: #3d3d3d; 
} 
#product .col-input-element-title { 
float: left; 
padding: 0px 0px; 
margin-top: 8px; 
margin-bottom: 0px; 
} 
#product .col-input-element-title label { 
text-align: left; 
min-width: 100%; 
font-size: 16px; 
font-family: Roboto-Regular; 
font-weight: 500; 
color: #3d3d3d; 
} 
#product .col-select-element  { 
float: left; 
min-width: 100%; 
margin-bottom: 20px; 
background: #ffffff; 
color: #8a54c0; 
padding: 0px 0px; 
margin-top: 10px; 
margin-bottom: px; 
border: 1px solid #8a54c0; 
border-radius: 10px; 
} 
#product .col-select-element .col-icon i { 
font-size: px; 
} 
#product .col-select-element .col-select { 
float: left; 
margin-top: 0px; 
margin-left: 0px; 
display: block; 
border: none; 
background: transparent; 
min-width: 100%; 
max-width: 100%; 
min-height: 100%; 
} 
#product .col-select-element .col-select select { 
padding: 15px 0px; 
font-size: 15px; 
color: #8a54c0; 
background: transparent; 
border: none; 
inline: none; 
outline: none; 
width: 100%; 
min-width: 100%; 
min-height: 100%; 
} 
#product .col-select-element .col-select select option { 
width: 100% !important; 
max-width: 100% !important; 
font-size: 15px; 
color: #8a54c0; 
background: #ffffff; 
} 
#product .col-select-element .col-select select option:hover { 
font-size: 15px; 
color: #8a54c0; 
background: #ffffff; 
} 
#product .col-element-title { 
float: left; 
padding: 0px 0px; 
margin-top: 10px; 
margin-bottom: 10px; 
} 
#product .col-element-title label { 
text-align: left; 
min-width: 100%; 
font-size: 15px; 
font-family: Roboto-Regular; 
font-weight: 500; 
color: #8a54c0; 
} 
#product .col-radio-element  { 
float: left; 
min-width: 100%; 
margin-bottom: 20px; 
color: #454545; 
padding: 0px 0px; 
margin-top: px; 
margin-bottom: px; 
} 
#product .col-radio-element .col-element-title label { 
margin-top: 0px; 
margin-bottom: 0px; 
text-align: left; 
font-family: Montserrat-SemiBold; 
font-size: 15px; 
font-weight: 500; 
color: #212121; 
} 
#product .col-radio-element .col-radio-value-element { 
cursor: pointer; 
display: inline-block; 
min-height: 140px; 
background: #ffffff; 
border: 3px solid #ededed; 
border-radius: 5px; 
padding: 8px 8px; 
margin-top: 15px; 
} 
#product .col-radio-element .col-radio-value-element:hover, #product .col-radio-element .col-radio-value-element.active { 
cursor: pointer; 
display: inline-block; 
min-height: 140px; 
background: #ffffff; 
border: 3px solid #2e539e; 
border-radius: 5px; 
padding: 8px 8px; 
margin-top: 15px; 
} 
#product .col-radio-element .col-radio-value-element .col-radio-column { 
position: relative; 
display: block; 
width: 100%; 
height: 40px; 
padding: 0px 0px; 
} 
#product .col-radio-element .col-radio-value-element .col-radio-column .col-radio { 
float: right; 
cursor: pointer; 
min-width: 25px; 
min-height: 25px; 
max-width: 25px; 
max-height: 25px; 
background: #e6e6e6; 
border: 1px solid #454545; 
border-radius: 25px; 
margin-top: px; 
margin-bottom: 0px; 
} 
#product .col-radio-element .col-radio-value-element .col-radio-image { 
position: relative; 
display: block; 
float: none; 
clear: both; 
cursor: pointer; 
width: 100%; 
height: 50px; 
padding: 10px 0px; 
} 
#product .col-radio-element .col-radio-value-element .col-radio-image img { 
display: block; 
cursor: pointer; 
margin: auto; 
width: auto; 
height: 75px; 
margin-top: -15px; 
margin-bottom: 0px; 
} 
#product .col-radio-element .col-radio-value-element.active .col-radio { 
float: right; 
cursor: pointer; 
min-width: 25px; 
min-height: 25px; 
max-width: 25px; 
max-height: 25px; 
background: #3d4399; 
border: 1px solid #454545; 
border-radius: 25px; 
margin-top: px; 
margin-bottom: 0px; 
} 
#product .col-radio-element .col-radio input[type="radio"] { 
opacity: 0; 
font-size: 0px; 
color: #454545; 
width: 0px; 
height:    0px; 
max-width: 0px; 
max-height:    0px; 
} 
#product .col-radio-element .col-radio-value-element .col-radio-title { 
position: relative; 
display: block; 
float: none; 
clear: both; 
cursor: pointer; 
width: 100%; 
height: 0px; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
#product .col-radio-element .col-radio-title label { 
width: 100%; 
cursor: pointer; 
font-family: Roboto-Light; 
font-size: 0px; 
font-weight: 500; 
color: #454545; 
text-align: center; 
} 
#product .col-list-radio-element  { 
float: left; 
min-width: 100%; 
margin-bottom: 20px; 
color: #000000; 
padding: 0px 0px; 
margin-top: px; 
margin-bottom: px; 
} 
#product .col-list-radio-element .col-element-title label { 
margin-top: 10px; 
margin-bottom: 0px; 
text-align: left; 
font-family: Montserrat-SemiBold; 
font-size: 15px; 
font-weight: 500; 
color: #000000; 
} 
#product .col-list-radio-element .col-radio-value-element { 
cursor: pointer; 
display: inline-block; 
min-height: 45px; 
background: #ffffff; 
border: 3px solid #e6e6e6; 
border-radius: 5px; 
padding: 5px 0px; 
} 
#product .col-list-radio-element .col-radio-value-element.active { 
position:relative; 
cursor: pointer; 
display: inline-block; 
min-height: 45px; 
background: #ffffff; 
border: 3px solid #2e539e; 
border-radius: 5px; 
padding: 5px 0px; 
} 
#product .col-list-radio-element .col-radio-value-element .col-radio-column { 
position: relative; 
display: block; 
float: right; 
width: 0%; 
height: 0px; 
padding: 7px 8px; 
} 
#product .col-list-radio-element .col-radio-value-element .col-radio-column .col-radio { 
float: right; 
cursor: pointer; 
min-width: 0px; 
min-height: 0px; 
max-width: 0px; 
max-height: 0px; 
background: #e6e6e6; 
border: 1px none #ffffff; 
border-radius: 25px; 
margin-top: px; 
margin-bottom: 0px; 
} 
#product .col-list-radio-element .col-radio-value-element.active .col-radio { 
float: right; 
cursor: pointer; 
min-width: 0px; 
min-height: 0px; 
max-width: 0px; 
max-height: 0px; 
background: #3d4399; 
border: 1px none #3d4399; 
border-radius: 25px; 
margin-top: px; 
margin-bottom: 0px; 
} 
#product .col-list-radio-element .col-radio input[type="radio"] { 
opacity: 0; 
font-size: 15px; 
color: #000000; 
width: 0px; 
height:    0px; 
max-width: 0px; 
max-height:    0px; 
} 
#product .col-list-radio-element .col-radio-value-element .col-radio-title { 
position: relative; 
display: block; 
float: left; 
cursor: pointer; 
width: 100%; 
min-width: 100%; 
max-width: 100%; 
height: 20px; 
padding: 10px 10px; 
margin-top: -20px; 
margin-bottom: 0px; 
} 
#product .col-list-radio-element .col-radio-title label { 
width: 100%; 
cursor: pointer; 
font-family: Montserrat-SemiBold; 
font-size: 15px; 
font-weight: 500; 
color: #000000; 
text-align: center; 
} 
#product .col-checkbox-element  { 
float: left; 
min-width: 100%; 
margin-bottom: 20px; 
color: #454545; 
padding: 0px 0px; 
margin-top: px; 
margin-bottom: px; 
} 
#product .col-checkbox-element .col-element-title label { 
margin-top: 0px; 
margin-bottom: 10px; 
text-align: left; 
font-family: Roboto-Bold; 
font-size: 17px; 
font-weight: 500; 
color: #212121; 
} 
#product .col-checkbox-element .col-checkbox-value-element { 
cursor: pointer; 
display: inline-block; 
min-height: 150px; 
background: #ffffff; 
border: 3px solid #ededed; 
border-radius: 5px; 
padding: 8px 8px; 
margin-top: 15px; 
} 
#product .col-checkbox-element .col-checkbox-value-element:hover, #product .col-checkbox-element .col-checkbox-value-element.active { 
cursor: pointer; 
display: inline-block; 
min-height: 150px; 
background: #ffffff; 
border: 3px solid #2e539e; 
border-radius: 5px; 
padding: 8px 8px; 
margin-top: 15px; 
} 
@meedia (max-width: 767px) { 
#product .col-checkbox-element .col-checkbox-value-element { 
cursor: pointer; 
display: inline-block; 
min-height: 150px; 
background: #ffffff; 
border: 3px solid #ededed; 
border-radius: 5px; 
padding: 8px 8px; 
margin-top: 15px; 
} 
#product .col-checkbox-element .col-checkbox-value-element:hover, #product .col-checkbox-element .col-checkbox-value-element.active { 
cursor: pointer; 
display: inline-block; 
min-height: 150px; 
background: #ffffff; 
border: 3px solid #2e539e; 
border-radius: 5px; 
padding: 8px 8px; 
margin-top: 15px; 
} 
} 
#product .col-checkbox-element .col-checkbox-value-element .col-checkbox-column { 
position: relative; 
display: block; 
width: 100%; 
height: 40px; 
padding: 0px 0px; 
} 
#product .col-checkbox-element .col-checkbox-value-element .col-checkbox-column .col-checkbox { 
display: flex; 
justify-content: center; 
vertical-align: center; 
align-items: center; 
float: right; 
cursor: pointer; 
min-width: 25px; 
min-height: 25px; 
max-width: 25px; 
max-height: 25px; 
background: #e6e6e6; 
border: 1px solid #454545; 
border-radius: 5px; 
margin-top: px; 
margin-bottom: 0px; 
} 
#product .col-checkbox-element .col-checkbox-value-element .col-checkbox-image { 
position: relative; 
cursor: pointer; 
display: block; 
float: none; 
clear: both; 
width: 100%; 
height: 50px; 
padding: 10px 0px; 
} 
#product .col-checkbox-element .col-checkbox-value-element .col-checkbox-image img { 
display: block; 
cursor: pointer; 
margin: auto; 
width: auto; 
height: 75px; 
margin-top: -15px; 
margin-bottom: 0px; 
} 
#product .col-checkbox-element .col-checkbox-value-element.active .col-checkbox { 
float: right; 
cursor: pointer; 
min-width: 25px; 
min-height: 25px; 
max-width: 25px; 
max-height: 25px; 
background: #3d4399; 
border: 1px solid #454545; 
border-radius: 5px; 
margin-top: px; 
margin-bottom: 0px; 
} 
#product .col-checkbox-element .col-checkbox-column .col-checkbox input[type="checkbox"] { 
opacity: 0; 
font-size: 0px; 
color: #454545; 
width: 0px; 
height:    0px; 
max-width: 0px; 
max-height:    0px; 
} 
#product .col-checkbox-element .col-checkbox-value-element .col-checkbox-column .col-checkbox i { 
color: #e6e6e6; 
font-size: 13px; 
} 
#product .col-checkbox-element .col-checkbox-value-element.active .col-checkbox-column .col-checkbox i { 
color: #ffffff; 
font-size: 13px; 
} 
#product .col-checkbox-element .col-checkbox-value-element .col-checkbox-title { 
position: relative; 
display: block; 
float: none; 
clear: both; 
cursor: pointer; 
width: 100%; 
height: 20px; 
padding: 10px 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
#product .col-checkbox-element .col-checkbox-title label { 
cursor: pointer; 
width: 100%; 
font-family: Roboto-Light; 
font-size: 0px; 
font-weight: 500; 
color: #454545; 
text-align: center; 
} 
#product .col-list-checkbox-element  { 
float: left; 
min-width: 100%; 
margin-bottom: 20px; 
color: #000000; 
padding: 0px 0px; 
margin-top: px; 
margin-bottom: px; 
} 
#product .col-list-checkbox-element .col-element-title label { 
margin-top: 0px; 
margin-bottom: 0px; 
text-align: left; 
font-family: Arial; 
font-size: 24px; 
font-weight: 500; 
color: #000000; 
} 
#product .col-list-checkbox-element .col-checkbox-value-element { 
cursor: pointer; 
display: inline-block; 
min-height: px; 
background: #000000; 
border: px none #000000; 
border-radius: px; 
padding: px px; 
} 
#product .col-list-checkbox-element .col-checkbox-value-element:hover, #product .col-list-checkbox-element .col-checkbox-value-element.active { 
cursor: pointer; 
display: inline-block; 
min-height: px; 
background: #000000; 
border: px none #000000; 
border-radius: px; 
padding: px px; 
} 
#product .col-list-checkbox-element .col-checkbox-value-element .col-checkbox-column { 
position: relative; 
display: block; 
float: ; 
width: %; 
height: px; 
padding: px px; 
} 
#product .col-list-checkbox-element .col-checkbox-value-element .col-checkbox-column .col-checkbox { 
display: flex; 
justify-content: center; 
vertical-align: center; 
align-items: center; 
float: left; 
cursor: pointer; 
min-width: 0px; 
min-height: 0px; 
max-width: 0px; 
max-height: 0px; 
background: #ffffff; 
border: 1px none #ffffff; 
border-radius: 0px; 
margin-top: px; 
margin-bottom: 0px; 
} 
#product .col-list-checkbox-element .col-checkbox-value-element.active .col-checkbox { 
float: left; 
cursor: pointer; 
min-width: 0px; 
min-height: 0px; 
max-width: 0px; 
max-height: 0px; 
background: #ffffff; 
border: 1px none #ffffff; 
border-radius: 0px; 
margin-top: px; 
margin-bottom: 0px; 
} 
#product .col-list-checkbox-element .col-checkbox-column .col-checkbox input[type="checkbox"] { 
opacity: 0; 
font-size: 0px; 
color: #000000; 
width: 0px; 
height:    0px; 
max-width: 0px; 
max-height:    0px; 
} 
#product .col-list-checkbox-element .col-checkbox-value-element .col-checkbox-column .col-checkbox i { 
color: #f2bfbf; 
font-size: 12px; 
} 
#product .col-list-checkbox-element .col-checkbox-value-element.active .col-checkbox-column .col-checkbox i { 
color: #312b2b; 
font-size: 12px; 
} 
#product .col-list-checkbox-element .col-checkbox-value-element .col-checkbox-title { 
position: relative; 
display: block; 
float: left; 
cursor: pointer; 
width: %; 
min-width: %; 
max-width: %; 
height: px; 
padding: px px; 
margin-top: px; 
margin-bottom: px; 
} 
#product .col-list-checkbox-element .col-checkbox-value-element .col-checkbox-title label { 
cursor: pointer; 
width: 100%; 
font-family: Verdana; 
font-size: 0px; 
font-weight: 500; 
color: #000000; 
text-align: left; 
} 
#product .col-textarea-element  { 
float: left; 
min-width: 50%; 
max-width: 50%; 
margin-bottom: 20px; 
background: #ffffff; 
color: #000000; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 20px; 
border: 1px solid #bababa; 
border-radius: 10px; 
} 
#product .col-textarea-element .col-icon  { 
margin-left: 0px; 
margin-top: 0px; 
float: left; 
z-index: 2; 
width: %; 
display: none; 
flex-wrap: wrap; 
justify-content: center; 
vertical-align: middle; 
align-content: center; 
font-size: px; 
color: ; 
background: ; 
padding: px px; 
margin-top: px; 
border-top-left-radius: 10px; 
border-bottom-left-radius: 10px; 
} 
#product .col-textarea-element .col-icon i { 
font-size: px; 
} 
#product .col-textarea-element .col-textarea { 
float: left; 
margin-top: 0px; 
margin-left: 0px; 
display: block; 
padding: 0; 
margin: 0; 
border: none; 
background: transparent; 
min-width: 100%; 
max-width: 100%; 
} 
#product .col-textarea-element .col-textarea textarea { 
margin: 0; 
padding: 10px 10px; 
font-size: 17px; 
background: transparent; 
color: #000000; 
border: none; 
resize: none; 
inline: none; 
outline: none; 
width: 100%; 
min-width: 100%; 
} 
#product .col-textarea-element .col-textarea textarea::placeholder { 
color: #000000; 
} 
#product .col-textarea-element .col-textarea textarea::-webkit-textarea-placeholder { 
color: #000000; 
} 
#product .col-textarea-element-title { 
float: left; 
padding: 0px 0px; 
margin-top: 0px; 
margin-bottom: 20px; 
} 
#product .col-textarea-element-title label { 
text-align: left; 
min-width: 100%; 
font-size: 17px; 
font-family: Roboto-Bold; 
font-weight: 500; 
color: #000000; 
} 
}