@media all {
  *#dm .dmInner *.u_1390902109 .photoGalleryThumbs .image-container a { background-size:cover !important; }

  *#dm .dmInner div.u_1390902109 { background-color:rgba(0,0,0,0) !important; }

  *#dm .dmInner nav.u_1998592992 { color:black !important; }

  *#dm .dmInner nav.u_1866486080 { color:white !important; }

  *#dm .dmInner *.u_1344681569 { display:block !important; }

  *#dm .dmInner *.u_1263369895 { display:none !important; }

  *#dm .dmInner *.u_1802554079 { display:block !important; }

  *#dm .dmInner *.u_1338723478 { display:none !important; }

  *#dm .dmInner *.u_1591025123 { display:block !important; }

  *#dm .dmInner *.u_1831415680 { display:none !important; }

  *#dm .dmInner *.u_1727430654 { display:block !important; }

  *#dm .dmInner *.u_1287327980 { display:none !important; }

  *#dm .dmInner *.u_1247656684 { display:block !important; }

  *#dm .dmInner *.u_1748021717 { display:none !important; }

  *#dm .dmInner *.u_1320650789 { display:block !important; }

  *#dm .dmInner *.u_1661628630 { display:none !important; }

  *#dm .dmInner *.u_3318514116 .photoGalleryThumbs .image-container a { background-size:contain !important; }

  *#dm .dmInner *.u_1243454220 {
    color:var(--fourth_color) !important;
    font-size:20px !important;
    font-family:var(--p1_font_family) !important;
    font-weight:var(--p1_font_weight) !important;
    text-align:center !important;
  }

  *#dm .dmInner *.u_1243454220 p {
    color:var(--fourth_color) !important;
    font-size:20px !important;
    font-family:var(--p1_font_family) !important;
    font-weight:var(--p1_font_weight) !important;
    text-align:center !important;
  }

  *#dm .dmInner *.u_1243454220 li {
    color:var(--fourth_color) !important;
    font-size:20px !important;
    font-family:var(--p1_font_family) !important;
    font-weight:var(--p1_font_weight) !important;
    text-align:center !important;
  }

  *#dm .dmInner *.u_1568780812 {
    color:var(--fourth_color) !important;
    font-size:20px !important;
    font-family:var(--p1_font_family) !important;
    font-weight:var(--p1_font_weight) !important;
    text-align:center !important;
  }

  *#dm .dmInner *.u_1568780812 p {
    color:var(--fourth_color) !important;
    font-size:20px !important;
    font-family:var(--p1_font_family) !important;
    font-weight:var(--p1_font_weight) !important;
    text-align:center !important;
  }

  *#dm .dmInner *.u_1568780812 li {
    color:var(--fourth_color) !important;
    font-size:20px !important;
    font-family:var(--p1_font_family) !important;
    font-weight:var(--p1_font_weight) !important;
    text-align:center !important;
  }

  *#dm .dmInner *.u_1954298363 {
    color:var(--fourth_color) !important;
    font-size:20px !important;
    font-family:var(--p1_font_family) !important;
    font-weight:var(--p1_font_weight) !important;
    text-align:center !important;
  }

  *#dm .dmInner *.u_1954298363 p {
    color:var(--fourth_color) !important;
    font-size:20px !important;
    font-family:var(--p1_font_family) !important;
    font-weight:var(--p1_font_weight) !important;
    text-align:center !important;
  }

  *#dm .dmInner *.u_1954298363 li {
    color:var(--fourth_color) !important;
    font-size:20px !important;
    font-family:var(--p1_font_family) !important;
    font-weight:var(--p1_font_weight) !important;
    text-align:center !important;
  }

  *#dm .dmInner nav.u_1544197051 { color:black !important; }

  *#dm .dmInner *.u_1390902109 .caption-inner {
    border-bottom-left-radius:0px !important;
    -webkit-border-top-right-radius:0px !important;
    -moz-border-top-right-radius:0px !important;
    -webkit-border-bottom-right-radius:0px !important;
    -webkit-border-bottom-left-radius:0px !important;
    border-top-right-radius:0px !important;
    -webkit-border-top-left-radius:0px !important;
    border-radius:0px !important;
    -moz-border-bottom-right-radius:0px !important;
    -moz-border-top-left-radius:0px !important;
    border-top-left-radius:0px !important;
    -moz-border-radius:0px !important;
    -moz-border-bottom-left-radius:0px !important;
    border-bottom-right-radius:0px !important;
    -webkit-border-radius:0px !important;
  }

  *#dm .dmInner div.u_1390902109 .caption-inner { background-color:rgba(73,113,157,0.5) !important; }

  *#dm .dmInner div.u_1390902109 .caption-container .caption-title {
    font-weight:700 !important;
    color:var(--color_4) !important;
  }

  *#dm .dmInner div.u_1390902109 .caption-container .caption-text { color:var(--color_4) !important; }

  *#dm .dmInner div.u_1390902109 .caption-container .caption-text .rteBlock { color:var(--color_4) !important; }
}
@media (min-width:1025px) {
  *#dm .dmInner *.u_1390902109 .photoGalleryThumbs .image-container a { padding-top:400px !important; }

  *#dm .dmInner *.u_1390902109 .photoGalleryThumbs { padding:4px !important; }

  *#dm .dmInner *.u_1390902109 .layout-container { padding:4px !important; }

  *#dm .dmInner *.u_1390902109 .photoGalleryViewAll { padding:0 8px !important; }

  *#dm .dmInner *.u_1390902109 .caption-inner {
    padding-left:24px !important;
    padding-right:24px !important;
  }

  *#dm .dmInner *.u_3318514116 .photoGalleryThumbs .image-container a { padding-top:125px !important; }

  *#dm .dmInner div.u_1390902109 .caption-container .caption-text { font-size:18px !important; }

  *#dm .dmInner div.u_1390902109 .caption-container .caption-text .rteBlock { font-size:18px !important; }

  *#dm .dmInner div.u_1390902109 .caption-container .caption-title { font-size:36px !important; }
}
@media (min-width:768px) and (max-width:1024px) {
  *#dm .dmInner *.u_1390902109 .photoGalleryThumbs .image-container a { padding-top:250px !important; }

  *#dm .dmInner *.u_1390902109 .photoGalleryThumbs { padding:3px !important; }

  *#dm .dmInner *.u_1390902109 .layout-container { padding:3px !important; }

  *#dm .dmInner *.u_1390902109 .photoGalleryViewAll { padding:0 6px !important; }
}
@media (min-width:0px) and (max-width:767px) {
  *#dm .dmInner *.u_1390902109 .photoGalleryThumbs { padding:3px !important; }

  *#dm .dmInner *.u_1390902109 .layout-container { padding:3px !important; }

  *#dm .dmInner *.u_1390902109 .photoGalleryViewAll { padding:0 6px !important; }

  *#dm .dmInner *.u_1390902109 .caption-inner {
    padding-left:9px !important;
    padding-right:9px !important;
  }

  *#dm .dmInner *.u_1390902109 .photoGalleryThumbs .image-container a { padding-top:160px !important; }

  *#dm .dmInner div.u_1390902109 .caption-container .caption-title { font-size:20px !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#flex-header[data-overlapping] {
    background-color: var(--color_7);
    background-image: initial;
}
}



@media all {
    
#\36 3bd85219866cc3622781521 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 74px;
    width: 100%;
    justify-content: flex-end;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: 561px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    flex-wrap: nowrap;
    padding: 20% 0% 5% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color_8);
    opacity: 0.8;
    border-radius: inherit;
}
#\36 3bd85219866cc362278151f {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(https://lirp.cdn-website.com/20fba000/dms3rep/multi/opt/Low_Voltage_Security_Systems_Frankfort_IL+%2813%29-1920w.png);
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#widget_dvg.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 0%;
}
#widget_dvg {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#widget_l11.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 0%;
}
#widget_l11 {
    width: 78.73%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    justify-self: auto;
    grid-area: auto / auto / auto / auto;
}
    
#widget_gbf {
    width: 248px;
    height: auto;
    min-height: 55px;
    max-width: 100%;
    align-self: auto;
    order: 3;
    grid-area: auto / auto / auto / auto;
}
    
#group_311 {
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    min-height: 284px;
    max-height: 100%;
    height: auto;
    order: 0;
    justify-self: auto;
    align-self: auto;
    row-gap: 24px;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    padding: 0% 0% 0% 8%;
    grid-area: auto / auto / auto / auto;
}
    
#eb3662f2.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 0%;
}
#eb3662f2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3bd85219866cc3622781520 {
    min-height: 541px;
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: 2%;
    padding: 32% 0% 4% 0%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
    
#\36 3bd85219866cc3622781521 {
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 51px;
    width: 100%;
    min-height: 8px;
}
    
#group_311 {
    justify-self: auto;
    align-self: auto;
    width: 100%;
    order: 0;
    padding-left: 6%;
    padding-right: 6%;
    height: auto;
    min-height: 401px;
    row-gap: 24px;
    justify-content: center;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_l11 {
    width: 76.46%;
    order: 1;
}
    
#widget_dvg {
    align-self: auto;
    width: 99.75659777424484%;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_gbf {
    order: 2;
}
    
#eb3662f2 {
    align-self: auto;
    width: 99.75659777424484%;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (max-width: 767px) {
    
#\36 3bd85219866cc3622781521 {
    min-height: 80px;
    align-items: flex-start;
    width: 100%;
    row-gap: 32px;
    padding-left: 0%;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 50% 0% 16% 0%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
    
#widget_dvg.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 0px;
}
    
#widget_l11.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 0px;
}
#widget_l11 {
    width: 99.81%;
}
    
#widget_gbf.flex-element.widget-wrapper > [data-element-type].flexButton.dmWidget {
    padding-left: 0%;
}
#widget_gbf {
    min-height: 54px;
    height: auto;
}
    
#group_311 {
    padding-left: 8%;
    align-self: auto;
    align-items: flex-start;
    height: auto;
    min-height: 240px;
    justify-self: auto;
    width: 99.44%;
    order: 0;
    padding-right: 8%;
    row-gap: 24px;
    justify-content: center;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#eb3662f2.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 0px;
}
}



@media all {
    
#\36 3d24979f4a54e38542a8abe {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#\36 3d24979f4a54e38542a8abb {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    justify-content: flex-start;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3d24979f4a54e38542a8abc {
    min-height: 19px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 6% 4% 6%;
    margin: 0% 0% 0% 0%;
}
    
#widget_di4 {
    width: 65.28955737740193%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#widget_8fr {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    order: 1;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3d24979f4a54e38542a8abc {
    padding-left: 6%;
    padding-right: 6%;
}
    
#widget_8fr {
    width: 75%;
}
    
#widget_di4 {
    width: 75%;
}
}



@media (max-width: 767px) {
    
#\36 3d24979f4a54e38542a8abb {
    min-height: 80px;
    align-items: center;
    width: 100%;
    row-gap: 16px;
}
    
#\36 3d24979f4a54e38542a8abc {
    min-height: 0;
    flex-direction: column;
    padding-left: 6%;
    padding-right: 6%;
    flex-wrap: nowrap;
}
    
#widget_di4 {
    width: 100.00%;
}
    
#widget_8fr {
    width: 100.00%;
}
}



@media all {
    
#\35 bc69528 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    align-items: center;
    min-width: 4%;
    padding: 0px 4% 0% 4%;
    margin: 0% 0% 0% 0%;
}
    
#f2164d4f {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
    
#widget_oj2.flex-element.widget-wrapper > [data-element-type] {
    padding-left: 0px;
    padding-top: 0px;
}
#widget_oj2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#f2164d4f {
    padding-left: 1%;
    padding-right: 1%;
}
    
#\35 bc69528 {
    row-gap: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
}



@media (max-width: 767px) {
    
#\35 bc69528 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 0px 0px 0px 0px;
}
    
#f2164d4f {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
}
}



@media all {
    
#c65fd297 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 70.67158385093167%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#\31 ced728a {
    background-color: var(--color_5);
    background-image: initial;
}
    
#\30 ee8d2ea {
    min-height: 0px;
    column-gap: 4%;
    row-gap: 24px;
    max-width: none;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 6% 2% 6%;
    margin: 0% 0% 0% 0%;
}
    
#widget_gl2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 1;
}
    
#widget_023 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
}
    
#\31 e57499a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 25.33%;
    align-items: flex-end;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin: 0% 0% 0% 0%;
}
    
#widget_s0o {
    width: 306px;
    height: auto;
    min-height: 61px;
    max-width: 100%;
    align-self: center;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\30 ee8d2ea {
    padding-left: 6%;
    padding-right: 6%;
    min-height: 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: 2%;
}
    
#c65fd297 {
    width: 61.235970149253724%;
    row-gap: 16px;
    min-height: 8px;
}
    
#\31 e57499a {
    width: 36.73%;
    min-height: 8px;
}
}



@media (max-width: 767px) {
    
#c65fd297 {
    width: 100%;
    min-height: 108px;
    align-items: center;
    row-gap: 12px;
    height: auto;
}
    
#\30 ee8d2ea {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 0px;
    padding: 4% 6% 4% 6%;
}
    
#\31 e57499a {
    width: 100%;
    min-height: 86px;
    align-items: center;
    justify-content: flex-start;
    height: auto;
}
}



@media all {
    
#\36 14bb33e {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    align-items: center;
}
    
#\32 69f6de3 {
    min-height: 160px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    max-width: none;
    padding: 2% 4% 4% 4%;
}
    
#widget_sii {
    width: 80.18%;
    height: auto;
    max-width: 100%;
    margin-left: 2px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 69f6de3 {
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
}
}



@media (max-width: 767px) {
    
#\36 14bb33e {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\32 69f6de3 {
    min-height: 0;
    flex-direction: column;
    padding-right: var(--section-padding-right);
    padding-left: var(--section-padding-left);
    flex-wrap: nowrap;
}
}



@media all {
    
#e3e739a7 {
    min-height: 1vh;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 0% 4% 0% 4%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\37 897de53 {
    background-color: var(--primary_color);
}
    
#e783e58b {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 16px 16px 16px 16px;
    margin: 0px 0% 0px 0%;
}
    
#widget_rru {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 0;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#e3e739a7 {
    min-height: 0px;
    padding: 8% 4% 2% 4%;
}
}



@media (max-width: 767px) {
    
#e3e739a7 {
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#\37 897de53 {
    grid-template-rows: minmax(8px, max-content);
}
}



@media (max-width: 767px) {
    
#e3e739a7 {
    min-height: unset;
    flex-direction: column;
    padding: 10% 4% 2% 4%;
}
    
#e783e58b {
    width: 100%;
    min-height: 1vh;
    align-items: center;
    row-gap: 10px;
}
}



@media all {
    
#\33 5c866b5 {
    width: 90.50%;
    height: auto;
    max-width: 100%;
    align-self: stretch;
    order: 2;
    margin-top: 0px;
    margin-bottom: 0px;
}
    
#\31 5f8b285 {
    justify-content: flex-start;
    align-items: center;
    width: 33%;
    min-height: 100%;
    max-height: none;
    align-self: stretch;
    row-gap: 20px;
    order: 3;
    min-width: 32px;
    padding: 2% 0% 2% 0%;
    margin: 0px 0% 0px 0%;
}
    
#db7cdfe0 {
    flex-direction: row;
    width: 100%;
    min-height: 8px;
    height: auto;
    order: 0;
    column-gap: 4%;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 0px 0%;
}
    
#a1f8a995 {
    background-color: var(--primary_color);
    background-image: initial;
}
    
#\38 765bf69 {
    min-height: 1px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
    padding: 2% 6% 2% 6%;
    margin: 0px 0% 0px 0%;
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#widget_qvp {
    width: 174px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\39 2ade25f {
    justify-content: flex-start;
    align-items: center;
    width: 33%;
    min-height: 270.71875px;
    max-height: none;
    align-self: auto;
    row-gap: 20px;
    order: 3;
    justify-self: auto;
    min-width: 32px;
    padding: 2% 0% 2% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 371e784 {
    width: 100%;
    height: auto;
    max-width: none;
    align-self: stretch;
    order: 2;
    margin: 0px 0px 0px 0%;
}
    
#\31 8a949b5 {
    width: 174px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\33 85b4555 {
    width: 174px;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    grid-area: auto / auto / auto / auto;
}
    
#\37 202505c {
    justify-content: flex-start;
    align-items: center;
    width: 33%;
    min-height: 270.71875px;
    max-height: none;
    align-self: auto;
    row-gap: 20px;
    order: 3;
    justify-self: auto;
    min-width: 32px;
    padding: 2% 0% 2% 0%;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 09136e6 {
    width: 100%;
    height: auto;
    max-width: none;
    align-self: stretch;
    order: 2;
    margin: 0px 0px 0px 0%;
}
    
#widget_p7r {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 3;
}
    
#\30 56363c3 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 4e2a4d8 {
    width: 99.50%;
    height: auto;
    max-width: 100%;
    order: 2;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#db7cdfe0 {
    padding-left: 6px;
    padding-right: 6px;
}
    
#\38 765bf69 {
    min-height: 0px;
    padding: 2% 2% 8% 2%;
}
    
#\31 5f8b285 {
    width: 20%;
    padding: 1% 1% 1% 1%;
}
    
#\30 09089cd {
    margin-bottom: 0px;
}
}



@media (max-width: 767px) {
    
#\38 765bf69 {
    grid-area: 1 / 1 / span 1 / span 1;
}
    
#a1f8a995 {
    grid-template-rows: minmax(8px, max-content);
}
}



@media (max-width: 767px) {
    
#db7cdfe0 {
    flex-direction: row;
    width: 100%;
    min-height: 100.00%;
    height: auto;
    max-height: none;
    padding-top: 16px;
    padding-bottom: 16px;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 1%;
}
    
#\38 765bf69 {
    min-height: unset;
    flex-direction: column;
    padding: 2% 4% 12% 4%;
}
    
#\31 5f8b285 {
    align-self: stretch;
    width: 47%;
    max-width: none;
    row-gap: 15px;
    min-height: auto;
    margin: 0px 0px 15px 0%;
}
    
#\39 2ade25f {
    align-self: stretch;
    width: 47%;
    max-width: none;
    row-gap: 15px;
    min-height: auto;
    margin: 0px 0px 15px 0%;
}
    
#\37 202505c {
    align-self: stretch;
    width: 47%;
    max-width: none;
    row-gap: 15px;
    min-height: auto;
    margin: 0px 0px 15px 0%;
}
}