.snack_box { background: url(../img/snack-tracker/bg.png) repeat center; background-color: var(--white); margin-top: 10px; overflow: hidden; background-position: top; }
.snack_details { position: relative; }
.snack_details .snack_store h5 { color: #f60; }
.snack_details .snack_store p { color: #646464; }
.snack_details .snack_store .left-section img { width: 100%; min-height: 800px; }
.snack_store .right-section { position: relative; z-index: 11; }
.snack_details .snack_image { position: absolute; top: 0; left: 0; right: 0; margin: auto; text-align: center; }
.snack_project { background: url(../img/snack-tracker/right-bg.png) no-repeat right; width: 100%; height: 100%; margin-top: 90px; background-size: 72% 100%; }
.snack_project .detail_sum { padding: 50px 50px 0; color: var(--white); }
.key_snack_details { background: url(../img/snack-tracker/key_technology.jpg) no-repeat top; background-size: 100%; width: 100%; padding-left: 40px; margin-top: 70px; overflow: hidden; padding-bottom: 70px; padding-top: 100px; }
.key_snack_details h2 { padding-bottom: 20px; }
.key_snack_details .left-section img { margin-top: -41%; margin-right: -35%; max-width: 110%; }
.key_snack_details li { position: relative; padding-left: 40px; padding-bottom: 30px; color: #646464; }
.key_snack_details li:before { position: absolute; content: ''; left: 0; background: url(../img/snack-tracker/before.png); background-size: 100%; background-repeat: no-repeat; background-position: left; width: 25px; height: 22px; top: 0; }
.technology_snack_details { background: url(../img/snack-tracker/technology_bg.png) no-repeat left; background-size: 70% 100%; width: 100%; height: 100%; margin-bottom: 70px; }
.technology_snack_details .snack_project { background-image: none; }
.technology_snack_details li { position: relative; padding-left: 45px; padding-bottom: 30px; line-height: normal; }
.technology_snack_details li:before { content: ''; background: url(../img/snack-tracker/before_white.png); background-size: 100%; background-repeat: no-repeat; background-position: left; width: 26px; height: 24px; left: 0; position: absolute; top: 0; }
.technology_snack_details .text-left { padding-left: 50px; }
.snack_project .detail_sum h6 { font-weight: 400; font-size: 20px; }
.technology_snack_details .text-left h2 { color: var(--white); padding-bottom: 20px; }
.snack_project .detail_sum p { font-size: 20px; }

@media (min-width: 1024px){
    .snack_store .right-section { padding: 50px 80px 0 250px; }
    .snack_project .detail_sum { padding: 50px 200px 0 50px; }
    .snack_project .detail_sum h2 { font-size: 2.25rem; font-weight: 600; }
    .technology_snack_details .text-left h2 { font-size: 3rem; font-weight: 600; }
    .key_snack_details h2 { font-size: 3rem; font-weight: 600; }
}
@media (max-width: 1024px){
    .snack_details .snack_image { right: auto; left: 0; }
    .snack_details .snack_store .right-section { padding: 0 100px; }
    .snack_project .detail_sum { padding: 0 100px; }
    .snack_project .detail_sum h2 { font-size: 3rem; font-weight: 600; }
}
@media (max-width: 991.98px){
    .snack_details .snack_image { right: 0; left: 0; }
    .snack_details .snack_store .right-section { padding: 0 50px; }
    .snack_project .detail_sum { padding: 0 50px; }
    .snack_project .detail_sum h2 { font-size: 2rem; }
}
@media (max-width: 767.98px){
    .snack_project, .technology_snack_details { background-size: 100%; }
    .snack_project .detail_sum, .snack_project .detail_sum p { color: #000!important; }
    .key_snack_details { padding-left: 10px; padding-right: 10px; background: url(../img/snack-tracker/key_technology_phone.jpg) no-repeat top; background-size: cover; padding-top: 50px; position: relative; margin-top: 10px; min-height: 600px; }
    .key_snack_details:before { position: absolute; content: ""; left: 0; right: 0; background: #fff; width: 100%; top: 0; bottom: 0; height: 100%; opacity: .3; }
    .key_snack_details li { padding-bottom: 15px; }
    .key_snack_details .row { flex-direction: row; }
    .key_snack_details .left-section { display: none; }
    .technology_snack_details { padding-top: 30px; background: #f97116; margin-bottom: 0; }
    .technology_snack_details .snack_project { margin-top: 30px; }
    .snack_store .right-section .detail_sum img { max-width: 150px; }
    .snack_details .snack_store .right-section { padding: 0 30px; }
    .snack_project .detail_sum { padding: 0 30px; }
    .snack_project { margin-top: 30px; }
    .technology_snack_details .text-left { padding-left: 25px; }
    .snack_project .detail_sum h2 { font-size: 1.8rem; }
}
@media (max-width: 500px){
    .snack_details .snack_store .left-section img { min-height: 700px; }
}
@media (max-width: 420px){
    .snack_details .snack_store .left-section img { min-height: 700px; }
}
@media (max-width: 375px){
    .snack_details .snack_store .left-section img { min-height: 520px; }
}