* { color: rgba(0,0,0,1); text-shadow: none; }
/* html { background: url("../img/Home.png") no-repeat; background-size: cover; } */
html { background: url("../img/bg_top.png") no-repeat; background-size: 100%; }
body {  }
a { text-decoration: none; }
span { color: var(--c37); }
img { width: 100%; }
h1, h2, h3, h4, h5, h6 { color: rgba(240, 0, 0, 1); margin: 2% 0 1% 0; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.9em; }
li { padding: 5px; list-style: none; }
ul { margin: 2% 0 4% 0; }
.contData div { margin: 0.5% 0 2% 0; }
.csor { cursor: pointer; }
.csor img { transition: 1s filter; }
.csor:hover img { filter: grayscale(1); }

/* color class */
.bgb { background: rgba(0, 0, 0, 0.75); }
.bgw { background: rgba(255, 255, 255, 0.95); }
.bgt { background: rgba(155, 245, 255, 0.95); }
.txb { color: rgba(0, 0, 0, 0.85); }
.txw { color: rgba(255, 255, 255, 0.75); }
.txg { color: rgba(0, 0, 0, 0.25); }
.txr { color: rgba(175, 120, 40, 0.25); }
.lkc { color: rgba(90, 110, 100, 0.95); font-size: 1.4rem; animate: 1s color; padding: 10px 20px; }
.lkc:hover { color: rgba(230, 50, 0, 0.95); }
.active { color: rgba(230, 50, 0, 0.95); }

/* margin and padding */
.tp20 { margin-top: 20%; }

/*  */
.logo img { width: 250px; }

/* top menu arrangement */
.topmn { padding: 5% 6% 2% 6%; margin: 0; }
.topmn li { list-style: none; text-align: center; border-left: thin solid rgba(0, 0, 0, 0.5); }
.topmn li:first-child { border-left: none; }

/*  */
.banner { margin-bottom: 10vh; }
.bord { padding: 2% 5%; border-radius: 5px;  box-shadow: 0 0 6px 0 rgba(0,0 ,0, 0.2); margin-bottom: 5%; }

/*  */
.boxes1 { width: 90%; }
.boxes1 img {box-shadow: 0 0 6px 0 rgba(0,0 ,0, 0.2); border-radius: 5px; }
.boxes { width: 70%; }
.boxes img {box-shadow: 0 0 6px 0 rgba(0,0 ,0, 0.2); border-radius: 5px; }
.bxview { margin-top: 50px; }
.bxview:nth-child(3n+2)>div { margin: auto; }
.bxview:nth-child(3n-2)>div { margin: auto auto auto 10px; }
.bxview:nth-child(3n+3)>div { margin: auto 10px auto auto;}
/* graph@mail2 */

/*  */
.service { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); border-radius: 10px; padding: 5%; }
.service h3 {  }
.service img { margin: 0 5%; width: 90%; border-radius: 5px; }
.service div>div { text-align: justify; }


/*  */
.equipt {  }
.equipt img { margin: 2.5%; width: 95%; }
/* .equipt div>div { margin: 1% 2.5% 3% 2.5%; width: 95%; } */
table { width: 100%; }
td { height: 30px; }

/*  */
.contact>div { display: block; clear: both; }
.contact>div>div h3 { padding-top: 10px; }
.addimg { width: 54px; float: left; padding: 10px; }

/*  */
.footer { min-height: 55vh; padding: 0 5%; background: url("../img/bg_bottom.png") no-repeat; background-size: 100%; background-position: bottom; margin-top: 100px; text-align: right; color: black; }
.social img { width: 30px; }

@media (min-width: 601px) {
  .content { width: 80%; margin: 0 auto; }
}

@media (max-width: 600px) {
  .content { width: 95%; margin: 0 auto; }
  .topmn { padding: 5% 0% 2% 0%; }
  .bxview:nth-child(3n+2)>div { margin: 0; }
  .bxview:nth-child(3n-2)>div { margin: 0; }
  .bxview:nth-child(3n+3)>div { margin: 0; }
  .bxview:nth-child(odd)>div { margin-left: 30px; }
  .bxview:nth-child(even)>div { margin-left: 10px; }
  .service { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25); border-radius: 5px; padding: 2%; }
  .footer { min-height: 15vh; }
  .addimg { width: 30px; }
}