@media (max-width: 750px) {

  #mline .mline_logo{
    position:relative;
    text-align:center;
  }

  #mline .mline_double_line{
    padding:8px 0 ;
    display: block;
  }

  #mline .mline_logo img{
    width:77px;
  }

  #mline .mline_bg{
    padding:20px;
  }

  .mline_logo img{
    width:150px;
  }

  #mline .mline_text{
    font-size:16px;
    line-height:24px;
    padding:0 20px;
  }

  #mline_title{
    justify-content: center;
    width:auto;
  }

  #mline .mline_title_img{
    margin-right:0px;
    margin-top:5px;
  }

  #mline .mline_title_img img{
    width:60px;
  }

  #mline .mline_slogen1{
    font-size:17.5px;
    font-weight:bold;
  }

  #mline .mline_subtitle{
    padding:0 30px;
    line-height:25px;
  }

  #mline .mline_title1{
    font-size:24.5px;
    line-height:50px;
  }

  #mline .mline_title2{
    font-size:24.5px;
    line-height:20px;
  }



  #mline #mline_steps{
    flex-direction: column;
    padding:0 20px;
  }

  #mline_steps div:nth-child(1){
    margin-bottom:50px;
    /* border-bottom:1px solid #cccccc; */
  }

  #mline_steps div:nth-child(3){
    margin-bottom:50px;
    /* border-bottom:1px solid #cccccc; */
  }

  #mline_steps div:nth-child(even){
    display:none;
  }

  #mline .mline_footer_line{
    width:100%;
  }

  #mline .mlin_keyword span{
    display:block;
  }

  #mline .mlin_keyword_bg{
    padding:10px;
  }

  #mline .mline_infobox_a{
    margin:5px;
  }

  #mline .mline_infobox_b{
    margin:5px;
  }

  #mline .mline_infobox_text3{
    margin-bottom:10px;
  }


}

@media (min-width: 751px) {
  #mline_subslogen span{
    display:inline-block;
  }

}

.mline_logo{
  text-align:left;
  position:absolute;
  top:0;
  left:0;
}


.mline_bg{
  background-color: #efefef;
  background-repeat: repeat;
  padding:25px 50px;
  /*box-shadow:0 0 10px #000;*/
}

.mline_border{
  display:block;
  background-color: #FFF;
  padding:30px 0 0 0 ;
  box-shadow:0 0 10px rgba(0,0,0,0.2);
}

.mline_container{
  position:relative;
  max-width:1140px;
  margin:0 auto;
}

.mline_subtitle{
  font-size:18px;
}

.mline_subtitle_new{
  font-size:17.5px;
}

.mline_img{
  background-image: url("../");
  background-repeat:no-repeat;
  height: 445px;
  background-position:center center;
  background-size:contain;
}

.mline_text{
  color:#333333;
}

.mline_img-title{
  width:400px;
  height:auto;
}

.mline_footer_title{
  color:#7C4824;
  font-size:28px;
  line-height:35px;
  letter-spacing:2px;
}

.mline_footer{
  background-color: #FFF;
}

.mline_footer_container{
  padding:55px 20px 40px 20px;
  max-width:1140px;
  margin:0 auto;
}

.mline_footer_subtext{
  font-size:17.5px;
  font-weight:bold;
  line-height:28px;
  color:#333333;
  letter-spacing:1px;
}

.mline_footer_text1{
  font-size:17.5px;
  color:#6D6D6D;
  letter-spacing:1px;
  line-height:42px;
  margin-right:10px;
}

.mline_footer_text2{
  font-size:14px;
  line-height:25px;
  color:#6D6D6D;
  letter-spacing:1px;
}

.mline_copy{
  background-color: #FFF;
}

.mline_copy_container{
  max-width:1140px;
  margin:0 auto;
  font-size:14px;
  line-height:70px;
  color:#959595;
}

.mline_title_img{
  margin-right:12px;
}

.mline_title_img img{
  width:70px;
}

.mline_title{
  width:470px;
  margin:0 auto;
  text-align:center;
}

.mline_title1{
  font-size:30px;
  font-weight:bold;
  letter-spacing:1px;
  line-height:35px;
  color:#333333;
}

.mline_title2{
  font-size:30px;
  letter-spacing:1px;
  line-height:40px;
  color:#00c300;
  font-weight:bold;
}

#mline_steps{
  display:flex;
  flex-direction: row;
  align-items: center;
}

#mline_steps div:nth-child(odd){
  flex-grow: 7;
}

#mline_steps div:nth-child(even){
  flex-grow: 1;
  margin-top:100px;
}

.mline_footer_text1 a{
  color:#7C4824;
}

.mline_footer_text1 a:hover{
  color:#E68722;
}

.mline_footer_text2 a{
  color:#7C4824;
}

.mline_footer_text2 a:hover{
  color:#E68722;
}

.mline_btn{
  background-color: #7c4824;
  border-radius:4px;
  line-height:42px;
  font-size:17.5px;
  color:#FFF;
  padding:10px 15px;
  letter-spacing:1px;
}

.mline_btn1{
  background-color: #00c300;
  border-radius:8px;
  line-height:42px;
  font-size:21px;
  font-weight:500;
  color:#FFF;
  padding:12px 20px;
  letter-spacing:1px;
}

.mline_btn1:hover{
  text-decoration: none;
  background-color: #25D425;
  color:#FFF;
}

.mline_icon img{
  width:30px;
  opacity:0.5;
}

.mline_icon img:first-child{
  margin:0 5px 0 10px;
}

.mline_icon img:last-child{
  margin:0 5px;
}

.mline_footer_more{
  margin:20px 0;
}

.mline_footer_more a:hover{
color:#FFF;
text-decoration: none;

}

.mline_footer_more a:focus{
color:#FFF;
text-decoration: none;
}

.mline_footer_more a:active{
color:#FFF;
text-decoration: none;

}

.mline_footer_line{
  width: 100%;
  max-width:550px;
  height:1px;
  background-color: #cecece;
  margin-bottom:20px;
}

.mline_double_line{
border-top:4px solid #00c300;
border-bottom:4px solid #00c300;
padding-top:14px;
padding-bottom:8px;
}

.mobile_content2 {
  display: block;
  background-color: #FFF;
  margin:30px 0;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.mobile_content_block {
  max-width: 1140px;
  width:100%;
  margin: auto;
  padding:20px;
  display:flex;
  justify-content: center;
}

.product {
  color: #6C6C6C;
  letter-spacing: 1px;
  line-height: 1.8em;
  font-size: 16px;
  width: 100%;
  text-align:center;
}

.mobile_content2 .product ul {
  max-width: 950px;
  width:100%;
  margin:auto;
  padding: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(max-content, 237.5px));
  flex-wrap:wrap;
  justify-content: center;
  /*height: 250px;*/
}

.mline_slogen1{
  letter-spacing:1.88px;
}

.mlinemline_color_red{
  color:#eb0c4b;
}

.mline_infobox_a{
  margin:10px;
  padding:20px 20px 10px 20px ;
  border-radius: 5px;
  text-align:center;
  background-color: #00c300;
  color:#FFF;
}

.mline_infobox_b{
  margin:10px;
  padding:20px 20px 10px 20px ;
  border-radius: 5px;
  text-align:center;
  background-color: #e68722;
  color:#FFF;
}

.mline_infobox_a_title{
  background-color: #fff;
  color:#00c300;
  font-size:13.5px;
  font-weight:bold;
  line-height: 26px;
  border-radius: 13px;
  padding:5px 10px;
  letter-spacing:0.77px;
}

.mline_infobox_b_title{
  background-color: #fff;
  color:#e68722;
  font-size:13.5px;
  font-weight:bold;
  line-height: 26px;
  border-radius: 13px;
  padding:5px 10px;
  letter-spacing:0.77px;
}

.mline_infobox_input{
  letter-spacing:0.88px;
}

.mline_infobox_password{
  font-size:33px;
  font-weight:500;
  letter-spacing:0.77px;
  line-height: 30px;
}

.mline_infobox_text1{
  font-size:17.5px;
  line-height: 23px;
  font-weight:400;
}

.mline_infobox_text2{
  font-size:12px;
}

.mline_infobox_text3{
  padding:0 0 0 10px;
  font-size:12px;
  color:#333333;
}

.mobile_color_red{
  margin-top:10px;
  color:#eb0c4b;
  font-size:12px;
}




/*@media screen and (max-width: 940px){
  .mobile_content2 .product ul {
    height:550px;
  }
}*/

@media screen and (max-width: 465px){
/*   .mobile_content2 .product ul {
    height:1085px;
  }
  .mobile_content2 .product ul:first-of-type {
    height:1250px;
  }
  .mobile_content2 .product ul:last-of-type {
    height:950px;
  }*/
  .mobile_product_hide{
    display:none;
  }
}

.mobile_content2 .product li {
  background: url(/images/tintint/common/mobile/mobile_content_pd_bg.png) no-repeat top;
  float: left;
  list-style-type: none;
  /*width: 200px;*/
  width: 237.5px;
  text-align: center;
  margin-top: 0;
  line-height: 18px;
  padding-left: 10px;
  /*height:197px;*/
}

.mobile_content2 .product li > img{
height:200px;

}

.mobile_content2 .product li >a{
  font-size: 21px;
  color:var(--bs-primary);
  font-weight:bold;
}

.mobile_content2 .product li >a:hover{
  color:rgba(98, 80, 67, 1);
}

a{
  text-decoration:none;
}

.product .mline_subtitle >br{
  display:none;
}
@media screen and (max-width:751px){
.product .mline_subtitle >br{
  display:block;
}

}

.mlin_keyword{
  margin:10px;
}

.mlin_keyword_bg{
  background-color: #ecfad5;
  padding:10px 40px;
}

.mline_line_link{
  color:#e68722;
}

.mline_line_link:hover{
  color:#7c4824;
}

/** labels **/
.label, a.label, .label:visited, a.label:visited {
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  white-space: normal;
  background: #7B6453;
  padding: 5px 8px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}