.summit_box { overflow: hidden; position: relative; width: 100%; }
.summit_box li, .summit_box p { font-size: 20px; color: #848484; }
.mi_summit_hdr { padding-top: 70px; position: relative; }
.mi_summit_hdr:before { position: absolute; content: ""; right: 0; top: -15%; background: url(../img/mi_summit/top_right.png) no-repeat right; background-size: contain; padding: 30%; z-index: -1; }
.mi_summit_logo img { max-width: 70%; margin-bottom: 30px; }
.mi_summit-detail .mi_summit_logo { padding-right: 7%; }
.summit_register_online { padding-top: 100px; }
.summit_box .web_wrap { padding: 0 60px; }
.summit_box .app-stores { text-align: right; }
.summit_summry h3 { color: #000; margin-bottom: 20px; }
.summit_left, .summit_right { position: relative; }
.summit_left:before { position: absolute; content: ""; background: url(../img/mi_summit/img_before.png); z-index: -1; left: -100px; top: -100px; padding: 50%; background-position: left; background-size: contain; background-repeat: no-repeat; }
.summit_right:before { position: absolute; content: ""; background: url(../img/mi_summit/img_after.png) right no-repeat; top: -100px; padding: 50%; background-position: right; background-size: contain; background-repeat: no-repeat; right: -100px; z-index: -1; }
.mi_simmt_key li { padding-left: 45px; padding-bottom: 30px; position: relative; }
.mi_simmt_key li:before { position: absolute; content: ""; left: 0; background: url(../img/mi_summit/li_before.png) no-repeat center; padding: 15px; top: 0; }
.mi_summit_title h4 { color: #000; padding-bottom: 30px; font-size: 2.2rem; text-transform: capitalize; }
.mi_summit_techlist ul { columns: 2; -moz-columns: 2; -webkit-columns: 2; }
.mi_summit_graphic { position: relative; }
.mi_summit_graphic:before { position: absolute; content: ""; right: -60px; background: url(../img/mi_summit/technology_bg.png) no-repeat right; padding: 41% 50%; background-size: contain; bottom: -30%; z-index: -1; }
.busines_block { padding: 40px 20px 20px; min-height: 320px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2); background: var(--white); }
.busines_block h5 { color: #000; }
.mi_summit_blocks { padding: 100px 0; background: #f6f6f6; }
.mi_simmt_key { padding: 70px 0 0; }
.mi_simmt_key ul { padding: 10px 0 50px; }
.mi_summit_blocks .mi_summit_title { padding-bottom: 50px; }
.mi_simmt_key ul, .mi_summit_list { position: relative; }
.mi_simmt_key ul h5, .mi_summit_list h5 { color: #000; margin-bottom: 20px;}
.mi_summit_list:before { position: absolute; content: ""; background: url(../img/mi_summit/rectangle.png) no-repeat center; background-size: contain; padding: 25px; left: 40%; top: 10%; }
.mi_simmt_key ul:before, .mi_summit_list:after { position: absolute; content: ""; background: url(../img/mi_summit/rectangle.png) no-repeat center; background-size: contain; padding: 18px; right: 10%; bottom: 20px; }
.mi_simmt_key ul:before { right: auto; left: -10%; bottom: 20%; }
.mi_summit_techlist.mi_simmt_key { background: #f6f6f6; z-index: -1; position: relative; margin-bottom: -20px; }

@media (max-width: 1200px){
    .busines_block { padding: 30px 12px 15px; }
    .summit_box li, .summit_box p { font-size: 18px; }
    .mi_summit_blocks { padding: 50px 0; }
    .mi_summit_blocks .mi_summit_title { padding-bottom: 0; }
    .mi_summit_title h4 { font-size: 2rem; padding-bottom: 20px; }
    .mi_simmt_key li { padding-bottom: 20px; }
    .mi_simmt_key ul { padding: 10px 0 50px; }
    .mi_simmt_key { padding: 30px 0 0; }
    .summit_register_online { padding-top: 40px; }
}
@media (max-width: 991.98px){
  .mi_summit_logo img { margin-bottom: 0; }
  .summit_summry h3 { font-size: 1.5rem; margin-bottom: 10px; }
  .summit_box .web_wrap { padding: 0 40px; }
}
@media (max-width: 767.98px){
    .busines_block { margin-bottom: 30px; min-height: auto; }
    .busines_block h5 br { display: none; font-size: 1.8rem; }
    .mi_summit-detail { flex-direction: column-reverse; }
    .mi_summit_logo img { max-width: 50%; margin-bottom: 0; }
    .mi_summit_hdr { padding-top: 40px; }
    .mi_summit_hdr:before { padding: 50%; }
    .summit_box .web_wrap { padding: 0 25px; }
    .mi_summit-detail .mi_summit_logo { padding-right: 0; }
    .mi_summit_techlist ul { columns: 1; -moz-columns: 1; -webkit-columns: 1; }
    .summit_register_online { padding-top: 0; }
    .summit_left:before, .summit_right:before { padding: 40%; }
    .mi_simmt_key ul { padding: 10px 0 30px; }
}
@media (max-width: 575px){    
  .mi_summit_hdr:before { padding: 60%; }
  .summit_left:before, .summit_right:before { top: -50px; }
  .mi_simmt_key li { padding-bottom: 15px; }
  .summit_box .web_wrap { padding: 0 15px; }
  .mi_summit_title h4 { font-size: 1.3rem; padding-bottom: 20px; }
  .mi_simmt_key { padding: 10px 0 0; }
  .mi_summit_blocks { padding: 20px 0; }
}