*{
    margin:0px;
    padding:0px;
  }
  body{
  margin:0;
  overflow-x: hidden;
  font-family: "Lora", serif;
  }
  ul{
    list-style-type: none;
  }
  .ul_list{
    list-style-type: none;
  }
  p{
    margin-bottom: 0px;
  }

  /****************/
  .navbox{
    background-color: #fbfafc;
    padding: 10px 25px;
  }
  .logo{
    width: 150px;
  }
  .logobox{
    text-align: center;
  }
  .navul {
    display: flex;
    margin-top: 10px;
    text-align: center;
  }
  .navul li a{
      font-size: 18px;
      text-decoration: none;
      display: inline-block;
      margin-left: 25px;
      color: #353535;
  }
.ilo{
    margin: auto;
}
.supa,.supa:hover{
    display: block;
    font-size: 17px;
    color: #353535;
    text-decoration: none;
    font-size: 16px;
    margin-top: 5px;
}
.wwpa{
    color: green !important;
    font-size: 20px;
}

.apww{
  color: #B99A62 !important;
}

  .banner{
    width: 100%;
  }
  /********/
  .heading h1{
    font-size: 37px;
    margin-top: 200px;
    padding-right: 25px;
    font-weight: 600;
    font-family: "Lora", serif;
  }
  .heading p{
    font-size: 15px;
  }
  .catimg{
    width: 100%;
    margin-top: 105px;
  }
  .catimgg{
    width: 100%;
  }
  .cathead {
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 50px;
  }
  /******************************/
  .centimg{
    width: 100%;
    margin-top: 60px;
  }
  .cnoleft{
      font-size: 70px;
      text-align: right;
      color: rgb(204, 204, 204);
      font-weight: 600;
      margin-top: 110px;
    }
    .cnoheadl{
      font-size: 21px;
      color: #353535;
      font-weight: 600;
      margin-top: 110px;
    }
    .cnotext{
      font-size: 14px;
      text-align: justify;
    }
    .cnoleftt{
        font-size: 70px;
        text-align: right;
        color: rgb(204, 204, 204);
        font-weight: 600;
        margin-top: 70px;
      }
      .cnoheadll{
        font-size: 21px;
        color: #353535;
        font-weight: 600;
        margin-top: 70px;
      }
      .cnotextt{
        font-size: 14px;
        text-align: justify;
      }
      .secondbanner{
        width: 100%;
        margin-top: 80px;
      }
      .urh{
        width: 100%;
        margin-top: 20px;
      }
      .rhhead{
        font-size: 21px;
        color: #353535;
        font-weight: 600;
        margin-top: 70px;
      }
      .rhtext{
        font-size: 16px;
        margin-bottom: 20px;
      }
      .ilohead{
        font-size: 21px;
        color: #353535;
        margin-top: 60px;
        font-weight: 600;
      }
      .ilotext{
        font-size: 16px;
        color: #353535;
      }
      .iyg{
        width: 100%;
        margin-top: 80px;
      }

      .footer{
        padding-top: 60px;
        border-top:1px solid rgb(231, 231, 231);
        margin-top: 100px;
      }
      .footerhead{
        font-size: 18px;
        font-weight: 600;
      }
      .footertext{
        font-size: 14px;
        margin-top: 5px;
      }
      .footertext{
        font-weight: 600;
        margin-top: 5px;
      }
      .otn, .otn:hover{
        display: inline-block;
        padding-right: 10px;
        font-weight: 300;
        color: #353535;
        text-decoration: none;
        padding-left: 5px;
      }
      .lastline{
        background: #353535;
        color: #fff;
        margin-top: 50px;
        text-align: center;
        font-size: 13.5px;
        padding: 5px 0px 7px 0px;
      }
      .barbtn{
       display: none;
      } 
.sidenav{
  display: block;
  text-decoration: none;
  color: #353535;
  font-size: 16px;
  margin-bottom: 10px;
}
.sidenav span{
  font-weight: 500;
}

.uyt{
  border: 5px solid rgb(217, 217, 217);
}
.ujy h1{
  font-size: 27px;
  font-weight: 600;
  margin-top: 50px;
  text-align: center;
  margin-bottom: 20px;
  font-family: "Lora", serif;
}




















@media only screen and (min-width: 280px) and (max-width:480px)
{
.logo {
  width: 100px;
}
.logobox {
  text-align:left;
}
.ilo,.supa  {
  display: none;
}
.navbox {
  border-bottom: 1px solid rgb(218, 218, 218);
}
.barbtn{
  border: 1px solid rgb(228, 228, 228);
  padding: 3px 10px;
  display: inline-block;
  font-size: 17px;
   margin-top: 7px;
   margin-right: 10px;
} 
.orm{
  text-align: right !important;
}
.offcanvas.show:not(.hiding), .offcanvas.showing {
  transform: none;
  width: 80%;
}
.heading h1 {
  font-size: 20px;
  margin-top: 50px;
  padding-right: 25px;
}
.catimg, .catimgg {
  width: 90%;
  margin-top: 0px;
}
.uht{
text-align: center;
}
.cathead {
margin-bottom: 24px;
font-size: 17px;
}
.oemk{margin-bottom: 30px;}
.cnoleft,.cnoleftt {
font-size: 40px;
text-align: left;
margin-top: 30px;
}
.cnoheadl, .cnoheadll {
font-size: 19px;
margin-top: 0px;
}
.rhhead {
font-size: 19px;
}
.rhtext {
font-size: 15px;
margin-bottom: 0px;
}
.ilohead {
font-size: 19px;
margin-top: 20px;
}
.ilotext {
font-size: 15px;
color: #353535;
}
.iyg {
width: 100%;
margin-top: 40px;
}
.footer {
padding-top: 10px;
}
.footerhead {
font-size: 17px;
font-weight: 600;
margin-top: 35px;
}
.ujy h1 {
  font-size: 23px;
  font-weight: 600;
  margin-top: 50px;
  text-align: center;
  margin-bottom: 20px;
  font-family: "Lora", serif;
}
.loer{
  margin-top: 60px !important;
}
}

@media only screen and (min-width: 480px) and (max-width:576px)
{
  .loer{
    margin-top: 60px !important;
  }
.logo {
  width: 100px;
}
.logobox {
  text-align:left;
}
.ilo,.supa  {
  display: none;
}
.navbox {
  border-bottom: 1px solid rgb(218, 218, 218);
}
.barbtn{
  border: 1px solid rgb(228, 228, 228);
  padding: 3px 10px;
  display: inline-block;
  font-size: 17px;
   margin-top: 7px;
   margin-right: 10px;
} 
.orm{
  text-align: right !important;
}
.offcanvas.show:not(.hiding), .offcanvas.showing {
  transform: none;
  width: 80%;
}
.heading h1 {
  font-size: 20px;
  margin-top: 50px;
  padding-right: 25px;
}
.catimg, .catimgg {
  width: 75%;
  margin-top: 0px;
}
.uht{
text-align: center;
}
.cathead {
margin-bottom: 24px;
font-size: 17px;
}
.oemk{margin-bottom: 30px;}
.cnoleft,.cnoleftt {
font-size: 40px;
text-align: left;
margin-top: 30px;
}
.cnoheadl, .cnoheadll {
font-size: 19px;
margin-top: 0px;
}
.rhhead {
font-size: 19px;
}
.rhtext {
font-size: 15px;
margin-bottom: 0px;
}
.ilohead {
font-size: 19px;
margin-top: 20px;
}
.ilotext {
font-size: 15px;
color: #353535;
}
.iyg {
width: 100%;
margin-top: 40px;
}
.footer {
padding-top: 10px;
}
.footerhead {
font-size: 17px;
font-weight: 600;
margin-top: 35px;
}
.ujy h1 {
  font-size: 23px;
  font-weight: 600;
  margin-top: 50px;
  text-align: center;
  margin-bottom: 20px;
  font-family: "Lora", serif;
}
}
@media only screen and (min-width: 576px) and (max-width:768px)
{
  .logo {
    width: 116px;
  }
.logobox {
  text-align:left;
}
.ilo,.supa  {
  display: none;
}
.navbox {
  border-bottom: 1px solid rgb(218, 218, 218);
}
.barbtn{
  border: 1px solid rgb(228, 228, 228);
  padding: 3px 10px;
  display: inline-block;
  font-size: 17px;
   margin-top: 12px;
   margin-right: 10px;
} 
.orm{
  text-align: right !important;
}
.offcanvas.show:not(.hiding), .offcanvas.showing {
  transform: none;
  width: 60%;
}
.heading h1 {
  font-size: 20px;
  margin-top: 50px;
  padding-right: 25px;
}
.catimg, .catimgg {
  width: 95%;
  margin-top: 0px;
}
.uht{
text-align: center;
}
.cathead {
margin-bottom: 24px;
font-size: 17px;
}
.oemk{margin-bottom: 30px;}
.cnoleft,.cnoleftt {
font-size: 40px;
text-align: left;
margin-top: 30px;
}
.cnoheadl, .cnoheadll {
font-size: 19px;
margin-top: 0px;
}
.rhhead {
font-size: 19px;
}
.rhtext {
font-size: 15px;
margin-bottom: 0px;
}
.ilohead {
font-size: 19px;
margin-top: 20px;
}
.iku{
  display: none;
}
.ilotext {
font-size: 15px;
color: #353535;
}
.iyg {
width: 100%;
margin-top: 40px;
}
.footer {
padding-top: 10px;
}
.footerhead {
font-size: 17px;
font-weight: 600;
margin-top: 35px;
}
.ujy h1 {
  font-size: 24px;
}
.loer{
  margin-top: 60px !important;
}
}
@media only screen and (min-width: 768px) and (max-width:991px)
{
  .logo {
    width: 116px;
  }
.logobox {
  text-align:left;
}
.ilo,.supa  {
  display: none;
}
.navbox {
  border-bottom: 1px solid rgb(218, 218, 218);
}
.barbtn{
  border: 1px solid rgb(228, 228, 228);
  padding: 3px 10px;
  display: inline-block;
  font-size: 17px;
   margin-top: 12px;
   margin-right: 10px;
} 
.orm{
  text-align: right !important;
}
.offcanvas.show:not(.hiding), .offcanvas.showing {
  transform: none;
  width: 65%;
}
.heading h1 {
  font-size: 23px;
  margin-top: 50px;
  padding-right: 25px;
}
.catimg, .catimgg {
  width: 95%;
  margin-top: 0px;
}
.uht{
text-align: center;
}
.cathead {
margin-bottom: 24px;
font-size: 17px;
}
.oemk{margin-bottom: 30px;}
.cnoleft,.cnoleftt {
font-size: 40px;
text-align: left;
margin-top: 30px;
}
.cnoheadl, .cnoheadll {
font-size: 19px;
margin-top: 0px;
}
.rhhead {
font-size: 19px;
}
.rhtext {
font-size: 15px;
margin-bottom: 0px;
}
.ilohead {
font-size: 19px;
margin-top: 20px;
}
.iku{
  display: none;
}
.ilotext {
font-size: 15px;
color: #353535;
}
.iyg {
width: 100%;
margin-top: 40px;
}
.footer {
padding-top: 10px;
}
.footerhead {
font-size: 17px;
font-weight: 600;
margin-top: 35px;
}
}