body{
     left:0;
     padding:0;
     margin:0;
     background:#f1f1f1;
}

  .d{
     height:100%;
     width:100%;
     position:fixed;
     background:#fff;
     backgrund:rgba(0,0,0,0.5);
     z-index:1;
     display:none;
     border-top:1px solid #f1f1f1;
     margin:114px 0px 0px 0px;
  }

 .logo{
     height:70px;
     width:auto;
     text-align:center;
     background:#fff;
     float:left;
     color:#333;
     font-family:sans-serif;
     margin:0px 0px 0px 5px;
     font-size:35px;
     text-align:center;
     line-height:80px;
     text-shadow:2px 0px 10px   #ddd;
}

.logoimage{
     float:left;

}

.nav{
     height:80px;
     width:100%;
     background:#fff;
     margin:0 auto;
     padding:0;
     padding:10px 10% 0px 5%;
     box-shadow:0px 0px 1px 0px green;
     position:fixed;
}
  .op_box{
      float:right;
      display:block;
      margin:20px 30px 0px 0px;
  }

    .op_box1{
      float:right;
      display:block;
      margin:20px 8% 0px 0px;
  }
     .op_box2{
      float:left;
      width:100%;
      display:none;
      text-align:center;
      margin:20px 0px 0px 0px;
  }
  .opt{
      height:44px;
      width:40px;
      float:right;
      background:#fff;
      display:none;
      border:1px solid #ddd;
      border-radius:5px;
      transition:1s;
      cursor:pointer;
      margin:15px 6% 0px 0px;
      line-height:50px;
  }
  .opt:hover{
      background:#03A9F4;
      border:1px solid #ddd;
  }

.op_box4{
        height:50px;
        width:100%;
        display:none;
        float:left;
        margin:0 auto;
        text-align:center;
  }
  .op_box5{
        height:40px;
        width:105px;
        backgrond:pink;
        display:none;
        margin:0 auto;

  }

      .o{
       height:60px;
       width:60px;
    }

  .home4{
      height:20px;
      width:20px;
      float:left;
      color:#03A9F4;
      cursor:pointer;
      font-family:sans-serif;
      line-height:30px;
      padding:0px 0px;
      font-size:13px;
      border-radius:5px;
      margin:5px 15px 0px 0px;

  }

  .home4:hover{
         color:#fff;
  }

    .home{
      height:80px;
      width:auto;
      float:left;
      color:#03A9F4;
      text-align:center;
      cursor:pointer;
      font-family:sans-serif;
      line-height:80px;
      padding:0px 10px;
      font-size:13px;
      margin:-23px 10px 0px 0px;
      background:#fff;
  }

  .home:hover{
         color:#333;
         border-bottom :3px solid #333;

  }


.box{
     height:auto;
     width:100%;
     background:#f1f1f1;
     margin:96px 0px 20px 0px;
     float:left;

}

a{
   text-decoration:none;
}

   .op_box2{
      float:left;
      width:100%;
      display:none;
      text-align:center;
      margin:18px 0px 0px 0px;
  }

  .name{
     font-family:sans-serif;
     margin:3px 0px 0px 0px;
     font-size:13px;

     height:50px;
     width:300px;
     overflow:hidden;
     float:left;
     text-align:left;
     font-family:sans-serif;
     background:#fff;
     color:#333;
     text-shadow:1px 1px 1px #333;
 }

 .box_j{
     min-height:100px;
     max-height:auto;
     width:96%;
     background:#f1f1f1;
     margin:98px 0px 0px 0px;
     float:left;
     padding:10px 2% 10px 2%;
  }
 .whatsapp_float{
                position:fixed;
                bottom:40px;
                right:20px;
    }
    .g{
        width:auto;
        overflow: hidden;
    }
    .x3{width:30%;
    height:30px;
    font-size:17px;
    font-family:sans-serif;
    color:#333;
    width:10%;
    float:left;
    background:#fff;
    margin:13px 0px 0px 0px;
}
.x4{width:30%;
    height:30px;
    font-size:17px;
    font-family:sans-serif;
    color:#333;
    width:10%;
    float:left;
    background:#fff;
    line-height:20px;
    margin:13px 0px 0px 30px;
}
.x5{width:25%;
    height:30px;
    font-size:17px;
    font-family:sans-serif;
    color:#333;
    width:65%;
    float:left;
    background:#fff;
    margin:13px 0px 0px 0px;
}
.x6{
    height:30px;
    font-size:17px;
    font-family:sans-serif;
    color:#333;
    width:65%;
    float:left;
    background:#fff;
    text-align:left;
    margin:6px 0px 0px 0px;
}
.x7{
    overflow:hidden;
    height:22px;
    font-size:16px;
    font-family:sans-serif;
    color:#333;
    width:85%;
    float:left;
    background:#fff;
    text-align:left;
    margin:16px 0px 2px 0px;
}
    .x8{
    overflow:hidden;
    height:24px;
    font-size:16px;
    font-family:sans-serif;
    color:#333;
    width:85%;
    float:left;
    background:#fff;
    text-align:left;
    margin:2px 0px 0px 0px;
}
  @media (max-width:900px){
    .o{
       height:20px;
       width:30px;
    }

 .logo{
     height:70px;
     width:auto;
     text-align:center;
     float:left;
     font-family:sans-serif;
     margin:0px 0px 0px 5px;
     font-size:25px;
     text-align:center;
     line-height:80px;
     text-shadow:2px 0px 10px   #ddd;
}

  .d{
     display:none;
     margin:90px 0px 0px 0px;

  }
      .op_box{
      display:none;
  }
  .op_box1{
      display:none;
  }
   .op_box2{
      float:left;
      display:block;
      margin:20px 0px 0px 0px;
  }

  .opt{
      height:44px;
      width:40px;
      float:right;
      margin:15px 12% 0px 0px;
      display:block;
  }
  .opt:hover{
      background:#f1f1f1;
  }

.op_box4{
        height:50px;
        width:100%;
        display:block;
        float:left;
        margin:0 auto;
        text-align:center;
  }
  .op_box5{
        height:40px;
        width:105px;
        backgrond:pink;
        display:block;
        margin:0 auto;

  }

  .home4{
      height:20px;
      width:20px;
      float:left;
      color:#03A9F4;
      cursor:pointer;
      font-family:sans-serif;
      line-height:30px;
      padding:0px 0px;
      font-size:13px;
      border-radius:5px;
      margin:5px 15px 0px 0px;
  }

  .home4:hover{
         color:#fff;
  }


 .name{
     width:200px;
     font-family:sans-serif;
     margin:3px 0px 0px 0px;
     text-align:center;
     color:#a1a1a1;
 }
    .g{
    width:auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height:30px;
    background:#fff;
    float:left;
    line-height:30px;
}
     .x3{
        width:27%;
        margin:8px 0px 0px 0px;
        background:#fff;
        font-size:14px;
    }
    .x4{
        width:25%;
        margin:8px 0px 0px 0px;
        background:#fff;
        font-size:14px;
    }
        .x5{                                                       
        width:45%;
        margin:8px 0px 0px 0px;
        background:#fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size:12px;
    }
     .x7{
       margin:7px 0px 0px 0px;

    }
    .x8{
        width:90%;
        margin:0px 5px 0px 0px;
        background:#fff;
        font-size:14px;
    }
}