* {
  margin: 0;
  box-sizing: border-box;
}

body {
  /*font-family: "Helvetica";*/
  font-family: Arial;
  font-size: 18px;
  line-height: 150%;
  color:#333333;

}


a{ text-decoration: none; color:#333333; }
table{width: 100%;}
b,strong{font-family: Arial;}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
  grid-template-areas:
    'header header header header header header'
    'menu menu menu menu menu menu'
    'main main main main main main'
    'footer footer footer footer footer footer';
  gap: 0px;
  background-color: white;
  padding: 0px;
}
.container {
  
  width: 100%;padding:5px;
}
.grid-container > div {
  padding: 0px;
  
}

.item1 {
  grid-area: header;

}

.item2 {
  grid-area: menu;
  padding:0px;
  }
  
  
.item3 {
  grid-area: main;
}


.item4 {
  grid-area: footer;

 
}


.col-70{width: 70%;float: left;}
.col-30{width: 30%;float: left;}
.col-60{width: 60%;float: left;}
.col-40{width: 40%;float: left;}
.col-50{width: 50%;float: left;}
.col-33{width: 33%;float: left;}
.col-80{width: 80%;float: left;}
.col-20{width: 20%;float: left;}
.col-25{width: 25%;float: left;}
.col-55{width: 55%;float: left;}
.col-45{width: 45%;float: left;}
.col-15{width: 15%;float: left;}

/* 5  columns */
.col-18{width: 18%;float: left;}
.col-28{width: 28%;float: left;}

.h1-home{font-family:Arial;font-weight:700;font-size:65px; line-height: 130%;}
.h2-home{font-family:Arial;font-weight:700;font-size:55px; line-height: 130%;}
.home-tuvan{position:absolute;width: 100%;}
.header-search{width:200px;border:1px solid gray;}
.img2 {
  float: right;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.home-right{padding-right:30px;}
.home-left{padding-left:30px;}
.showhide{display: block;}

input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;padding:3px; border-radius: 3px; border: 1px solid #f2f2f2; }
h1,h2,h3,h4{line-height: 130%;}


.listproductmenu{margin-left:-70px;margin-top:9px;}

@media only screen and (max-width: 600px) {

.listproductmenu{margin-left:0px;margin-top:0px;}

.col-70{width: 100%;}
.col-30{width: 100%;}
.col-60{width: 100%;}
.col-40{width: 100%;}
.col-50{width: 100%;}
.col-33{width: 100%;}
.col-80{width: 100%;}
.col-20{width: 100%;}
.col-25{width: 100%;}
.col-55{width: 100%;}
.col-45{width: 100%;}
.col-15{width: 100%;}

/* 5  columns */
.col-18{width: 100%;float: left;}
.col-28{width: 100%;float: left;}

.h1-home{font-family:Arial;font-weight:700;font-size:22px;line-height: 130%;}
.h2-home{font-family:Arial;font-weight:700;font-size:22px;font-weight:bold; line-height: 130%;}
.home-tuvan{position:relative;width: 100%;}
.header-search{max-width:400px;border:1px solid gray;}

.home-right{padding-right:0px;}
.home-left{padding-left:0px;}
.showhide{display: none;}

h1,h2,h3{line-height: 100%; font-size: 21px;}


.showhidelogo{display:block;float:left; width: 100px;padding-left: 30px;} 
.btn-toggle-1{ display:block; }
.btn-toggle-2{ display:none; }
.breakline{ display: block ;clear:left;  }

#myDIV{display:none;} 
#myDIV > ul > li{display:block;padding:0px; }
#myDIV { display:none; height:auto;}
#myDIV > ul { margin-top:0px;padding:0px 0px 0px 5px;width:background: white;}
#myDIV > ul >li >ul { margin-top:0px;padding:0px 0px 0px 5px;width: width: 200px;background-color: rgba(255, 255, 255, 0.9); }
#myDIV > ul > li > ul > li{display:block;padding:5px;}

  #header{display: none;}

  .grid-container-product {
  display: grid;
  grid-template-columns:auto auto;
  gap: 0px;
  background-color: white;
  padding: 0px;
  border: 1px solid #f2f2f2;
}

.khoi {
  
  border: 1px solid #f2f2f2;
  padding:5px;
  line-height: 130%;
}

.grid-container-menu {
  display: grid;
  grid-template-columns:auto ;
  gap: 0px;
  color:#fff;
  padding: 0px;
  border: 0px solid #f2f2f2;
}
.khoi-menu {
  
  border:0px solid #f2f2f2;
  padding:5px;
  margin:5px;
}

.grid-container-product-detail {
  display: grid;
  grid-template-columns:auto  ;
  gap: 0px;
  background-color: white;
  padding: 0px;
  
}
.khoi-product-detail {
  
  border: 1px solid #f2f2f2;
  padding: 5px;
 
}


}







@media only screen and (min-width: 601px) {
 

  
.showhidelogo{display:none;} 
.btn-toggle-1{ display:none; }
.btn-toggle-2{ display:block; }
.breakline{ display: block ;float:left;  }

#myDIV > ul > li{float:left;display:block;padding:8px 8px;}  
#myDIV { display:block;   height:42px; vertical-align: middle;}
#myDIV > ul { margin-top:0px;padding:0px 0px 0px 5px;width:background: white;  z-index: 1;}
#myDIV > ul >li >ul { position: absolute; margin-top:0px;padding:10px 0px 0px 5px;width: width: 200px;background-color: rgba(255, 255, 255, 0.9);border:1px solid black; z-index: 9000;display:none;}

#header{display: block;}
.container{max-width:70%; margin:0 auto;padding:5px;}
.grid-container-product {

  display: grid;
  grid-template-columns:auto auto auto auto;
  gap: 10px;
  background-color: white;
  padding: 10px;
  border: 1px solid #f2f2f2;

}

.khoi {

  padding:5px;
  line-height: 130%;

}

.grid-container-menu {

  display: grid;
  grid-template-columns:auto auto auto;
  gap: 0px;
  color:#fff;
  padding: 0px;
 
}

.khoi-menu{
  
  padding:5px;
  width: 100%;
}

.grid-container-product-detail {
  display: grid;
  grid-template-columns:auto auto ;
  gap: 0px;
  background-color: white;
  padding: 0px;
  
}
.khoi-product-detail {
  
  border: 1px solid #f2f2f2;
  padding: 5px;

}

}


ul, #myUL-menu {
  list-style-type: none;
}

#myUL-menu {
  margin: 0;
  padding: 0;
}

.caret-menu {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}

.caret-menu::before {
  content: "\25B6";
  font-size: 14px;
  color: black;
  display: inline-block;
  margin-right: 6px;
}

.caret-down-menu::before {
    font-size: 14px;
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */'
  transform: rotate(90deg);  
}


.hover_loop_shop{   font-size: 12px;   width: 43px;   height: 43px;   background-image: url("https://mitutoyovietnam.vn/images/shop.png");   background-repeat: no-repeat;    }
 .hover_loop_shop:hover{   font-size: 12px;   width: 43px;   height: 43px;   background-image: url("https://mitutoyovietnam.vn/images/shop-hover.png");   background-repeat: no-repeat; }
 .listhome {   height: 55px ;   line-height: 55px ;   background: #FFF;   padding-left:15px;   text-decoration: none;   color:#000; }
 .listhome:hover{   height: 55px ;   line-height: 55px;   padding-left:15px;   background: #e9671d;   text-decoration: none;   color:#FFF; }
 .listhome:hover >a{   color:#FFF; }
 .hover_home_truck{   border-bottom: 3px solid white;   font-size: 12px;   padding: 0px 0px 25px 60px;   margin-bottom: 15px;   background-image: url("https://mitutoyovietnam.vn/images/truck.png");   background-repeat: no-repeat;    }
 .hover_home_truck:hover{   border-bottom: 3px solid green;   font-size: 12px;   padding: 0px 0px 25px 60px;   margin-bottom: 15px;   background-image: url("https://mitutoyovietnam.vn/images/truck-hover.png");   background-repeat: no-repeat; }
 .hover_home_hp{   border-bottom: 3px solid white;   font-size: 12px;   padding: 0px 0px 25px 60px;   margin-bottom: 15px;   background-image: url("https://mitutoyovietnam.vn/images/hp.png");   background-repeat: no-repeat;    }
 .hover_home_hp:hover{   border-bottom: 3px solid green;   font-size: 12px;   padding: 0px 0px 25px 60px;   margin-bottom: 15px;   background-image: url("https://mitutoyovietnam.vn/images/hp-hover.png");   background-repeat: no-repeat; }
 .hover_home_shop{   border-bottom: 3px solid white;   font-size: 12px;   padding: 0px 0px 25px 60px;   margin-bottom: 15px;   background-image: url("https://mitutoyovietnam.vn/images/shop.png");   background-repeat: no-repeat;    }
 .hover_home_shop:hover{   border-bottom: 3px solid green;   font-size: 12px;   padding: 0px 0px 25px 60px;   margin-bottom: 15px;   background-image: url("https://mitutoyovietnam.vn/images/shop-hover.png");   background-repeat: no-repeat; }
 .hover_home_box{   border-bottom: 3px solid white;   font-size: 12px;   padding: 0px 0px 25px 60px;   margin-bottom: 15px;   background-image: url("https://mitutoyovietnam.vn/images/box.png");   background-repeat: no-repeat;    }
 .hover_home_box:hover{   border-bottom: 3px solid green;   font-size: 12px;   padding: 0px 0px 25px 60px;   margin-bottom: 15px;   background-image: url("https://mitutoyovietnam.vn/images/box-hover.png");   background-repeat: no-repeat; }
 .hover_home_fb{   float:left;   margin: 10px 0px 0px 5px;   width:40px;   height:40px;   line-height: 40px;   background-image: url("https://mitutoyovietnam.vn/images/fb.png");   background-repeat: no-repeat;   background-size: 28px 28px;    }
 .hover_home_fb:hover{   float:left;    margin: 10px 0px 0px 5px;   width:40px;   height:40px;   line-height: 40px;   background-image: url("https://mitutoyovietnam.vn/images/fb-hover.png");   background-repeat: no-repeat;   background-size: 28px 28px; }
 .hover_home_tw{   float:left;   margin: 10px 0px 0px 5px;   width:40px;   height:40px;   line-height: 40px;   background-image: url("https://mitutoyovietnam.vn/images/tw.png");   background-repeat: no-repeat;   background-size: 30px 30px;    }
 .hover_home_tw:hover{   float:left;  margin: 10px 0px 0px 5px;   width:40px;   height:40px;   line-height: 40px;   background-image: url("https://mitutoyovietnam.vn/images/tw-hover.png");   background-repeat: no-repeat;   background-size: 30px 30px; }
 .hover_home_pt{   float:left;   margin: 10px 0px 0px 5px;   width:40px;   height:40px;   line-height: 40px;   background-image: url("https://mitutoyovietnam.vn/images/pt.png");   background-repeat: no-repeat;   background-size: 28px 28px;    }
 .hover_home_pt:hover{   float:left;   margin: 10px 0px 0px 5px;   width:40px;   height:40px;   line-height: 40px;   background-image: url("https://mitutoyovietnam.vn/images/pt-hover.png");   background-repeat: no-repeat;   background-size: 28px 28px; }
 .hover_home_it{   float:left;   margin: 10px 0px 0px 5px;   width:40px;   height:40px;   line-height: 40px;   background-image: url("https://mitutoyovietnam.vn/images/it.png");   background-repeat: no-repeat;   background-size: 28px 28px;    }
 .hover_home_it:hover{   float:left;   margin: 10px 0px 0px 5px;   width:40px;   height:40px;   line-height: 40px;   background-image: url("https://mitutoyovietnam.vn/images/it-hover.png");   background-repeat: no-repeat;   background-size: 28px 28px; }
 /* Add border to product */ ul.products li.product a:hover {     border-style: solid;     border-width: 2px;     border-color: #e96a24; }
 .hovercolumn {   position: relative;   width: 100%; }

 .overlay {   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   height: 100%;   width: 100%;   opacity: 0;   transition: .5s ease;   background-color: #008CBA; }
 .hovercolumn:hover .overlay {   opacity: 0.5;   background:#fff; }
 .vanban {   position: overlay;   color: #000;   opacity: 1;   font-size: 22px;  bottom: 30px;   -webkit-transform: translate(-50%, -50%);   -ms-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);   text-align: center; }