
/** ADD YOUR AWESOME CODES HERE **/
.cat_img_div{     
   position: relative;
   width: 100%;
   padding-bottom: 76px;
  border-radius: 50%;
border:1px solid black;

    
}
  
  .cat_img{
    width: 100%;
    /*height:100%;*/
    border: radius 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
.plus{padding: 18px 23px;}
body {    font-family: "Roboto,sans-serif";}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* background-color: yellow; */
  /* padding: 50px; */
  font-size: 15px;
}

/* Media Queries */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .navbar-dark .navbar-toggler {
    color: #d33b33;
    background: #dc3545;
}

  .cat_img_div {
    /* position: relative; */
    width: 48%;
    padding-bottom: 185px;
    border-radius: 50%;
    border: 1px solid black;
}
.cat_img {
  width: 100px;
  height: 100px;
  border: radius 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.categories{
  margin-top: 10px;
}
  
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

  .navbar-dark .navbar-toggler {
    color: #d33b33;
    background: #dc3545;
}
  
    .cat_img{
      width: 40px;
      height: 47px;
      border: radius 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .navbar-dark .navbar-toggler {
    color: #d33b33;
    background: #dc3545;
}
  .example {background: blue;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .example {background: orange;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .example {background: pink;}
}
/* 
.dropdown {
  position: static !important;
} */

.dropdown-menu {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
  margin-top: 0px !important;
  border: none;
  /* width: 100% !important; */
  z-index: 1200;
}
.sub_sub_ul{padding:6px;}
.slider{ 
    /*position:absolute; */
z-index: -1000;}
.image-image {
  position: absolute;
  z-index: -1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  width: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.footer-main{padding: 70px 0;}

@media (max-width: 992px){
  .section_content{margin-top:-221px;}
}

.subcat1{    width: auto;
  height: 80%;
  border-radius: 100%;
  padding: 29px;
  border: 2px solid red;}
.subcat2{  width: auto;
  height: 80%;
  border-radius: 100%;
  padding: 29px;
  border: 2px solid red;}
.subcat3{  width: auto;
  height: 80%;
  border-radius: 100%;
  padding: 29px;
  border: 2px solid red;}
  
  
  
 