@media (min-width: 320px) {
  .catelog{
    height: 193px;
  }
  .uli{
    list-style: disc !important;
    margin-left: 20px !important;
  }
  .ulli{
    margin-left: 20px !important;
    list-style: disc !important;
   }
   .ui{
    margin-left: 10px !important;
    list-style: disc !important;
   }
   .li{
    margin-left: 10px !important;
    list-style: disc !important;
   }
}
@media (min-width: 330px) and (max-width: 379px){ 
  .catelog{
    height: 230px;
  }
  .uli{
    list-style: disc !important;
    margin-left: 50px !important;
  }
  .ulli{
    margin-left: 30px !important;
    list-style: disc !important;
   }
   .li{
    margin-left: 20px !important;
    list-style: disc !important;
   }
   .tebo{
    height: 270px;
  }
}
@media (min-width: 380px) and (max-width: 480px){ 
  /* .custom-images {
    height: 350px !important; 
  } */
  .cen{
    text-align: center;
    margin-left: 10px;
  }
  .catelog{
    height: 263px;
  }
  .uli{
    list-style: disc !important;
    margin-left: 70px !important;
  }
  .ulli{
    margin-left: 50px !important;
    list-style: disc !important;
   }
   .li{
    margin-left: 20px !important;
    list-style: disc !important;
   }
   .tebo{
    height: 270px;
  }
  .gal{
    height: 260px !important;
  }
}
@media (min-width: 500px) and (max-width: 768px) { 
  .catelog{
    height: 460px;
  }
  .list{
    margin-left: 130px;
  }
  .uli{
    list-style: disc !important;
    margin-left: 220px !important;
  }
  .ulli{
    margin-left: 220px !important;
    list-style: disc !important;
   }
   .ui{
    margin-left: 80px !important;
    list-style: disc !important;
   }
   .li{
    margin-left: 180px !important;
    list-style: disc !important;
   }
    /* gallery */
    .gal{
      height: 200px !important;
    }
    .tebo{
      height: 280px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) { 
  /* for DR.usha img (about-us) */
  .custom-images {
    height: 560px !important;
  }
   /* for Dr.Usha Img (consultant) */

  .custom-image {
    height: 645px !important;
  }
  .MD_img{
    height:575px  !important;
  }
  .catelog{
    height: 515px;
  }
  .uli{
    list-style: disc !important;
    margin-left: 100px !important;
  }
  .ulli{
    margin-left: 100px !important;
    list-style: disc !important;
   }
   .li{
    margin-left: 50px !important;
    list-style: disc !important;
   }
   .main-boxd::before{
    background-color: rgb(241, 141, 156) !important;
    margin-left: -70px;
  }
  /* for fertility */
  .main-boxd .logo-box{ 
    margin-left: 30px !important;
    height: 195px;
   }
   .home{
    margin-left: 10px !important;
    /* font-size: xx-small !important; */
   }
   /* gallery */
   .gal{
    height: 150px !important;
  }
  /* home doctor name */
  .docname{
    height: 220px !important;
  }
  .docimge{
    height: 330px !important;
  }
  .art2{
    height: 290px !important;
  }
  .logooo{
    margin-left: -20px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1450px) { 
   /* for DR.usha img (about-us) */
  .custom-images {
    height: 455px !important;
  }
   /* for Dr.Usha Img (consultant) */

  .custom-image {
    height: 548px !important;
  }
  /* for MD image(about-us) */
  .MD_img{
    height: 525px  !important;
  }
  .catelog{
    height: 460px;
  }
  .uli{
    list-style: disc !important;
    margin-left: 130px !important;
  }
  .ulli{
    margin-left: 160px !important;
    list-style: disc !important;
   }
   .li{
    margin-left: 100px !important;
    list-style: disc !important;
   }
   .main-boxd::before{
    background-color: rgb(241, 141, 156) !important;
    margin-left: 270px; 
  }
  .main-boxd .logo-box{ 
    margin-left: 100px;
    height: 163px;
   }
   .home{
    margin-left: 80px !important;
    font-size: xx-small !important;
   }
   .art2{
    height: 345px !important;
  }
  .logoo{
    margin-left: -50px !important;
  }
  .logooo{
    margin-left: -100px !important;
  }
   /* home doctor name */
   .docname{
    height: 200px !important;
  }
  .docimge{
    height: 330px !important;
  }
}
@media (min-width: 1451px)  {
   /* for DR.usha img (about-us) */
  .custom-images {
    height: 455px !important;
  }
  /* for MD image(about-us) */
  .MD_img{
    height: 525px  !important;
  }
  .catelog{
    height: 460px;
  }
  /* for Dr.Usha Img (consultant) */
  .custom-image {
    height: 548px !important;
  }

  .uli{
  list-style: disc !important;
  margin-left: 140px !important;
}
 .ulli{
  margin-left: 160px !important;
  list-style: disc !important;
 }
 .li{
  margin-left: 100px !important;
  list-style: disc !important;
 }
 .main-boxd::before{
  background-color: rgb(241, 141, 156) !important;
  margin-left: 270px; 
}
.main-boxd .logo-box{ 
  margin-left: 100px;
  height: 163px;
 }
 .home{
  margin-left: 80px !important;
  font-size: xx-small !important;
 }
 .art2{
  height: 345px !important;
}
.logoo{
  margin-left: -150px !important;
}
.logooo{
  margin-left: -120px !important;
}
 /* home doctor name */
 .docname{
  height: 200px !important;
}
.docimge{
  height: 330px !important;
}
}

/* about page open timing font size  (mobile View Only)*/

@media (max-width :350px ) {
  .sm_font{
    font-size: 16px !important;
    font-weight: 600 !important;
  }
}








.no-icon::before {
  content: none !important;
}
/* for all View */
.sm_font{
  font-weight: 600 !important;
}
/* for all break tag */
.brMargin{
  margin: 10px !important;
}
.customFont{
  font-size: small !important;
}
/* image style */
.docimg{
  margin-top: 100px;
}
/* Appoinment button  */
.list-style-five li {
  position: relative !important;  
  font-size: 16px !important; 
  line-height: 28px !important; 
  color: rgb(241, 141, 156) !important; 
  font-weight: 400 !important; 
  padding-left: 20px !important;
  margin-bottom: 5px !important;
}

.main-headerr{
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: auto !important;
  z-index: 99 !important ;
  border-top: 10px solid rgb(241, 141, 156) !important;
}
.main-boxd::before{
  background-color: rgb(241, 141, 156) !important;
  /* margin-left: 270px;  */
}

.main-boxd .logo-box{ 
  margin-left: 90px;
  /* height: 163px; */
 } 

 .add{
  margin-left: 100px !important;
 }

 .main-footer .widgets-sectionn::before{
  background-color: palevioletred !important;
 }
 
.testclass::before{
  background-color: rgb(241, 141, 156) !important;
}
/* gallrey */
.gal{
  height: 200px;
}
/* home doctor name */
.docname{
  margin-top: -10px ;
}

/* fertility sicial icon */
.soc-icon li a:hover {
  background-color: rgb(241, 141, 156) !important;
  border-color: #ff789a ;
  color: #ffffff;
}