767px*/
@media (max-width: 767px) {


.navbar .navbar-nav > li > a{
        color: #252525 !important;
        font-size: 15px;
        font-weight: 600;
        text-transform: capitalize;
        letter-spacing: .3px;
        line-height: 30px;
        border-right: 1px solid #fff !important;
        border-bottom: 1px solid lightgray !important;
        border-top: 1px solid lightgray !important;
        padding-bottom: 5px;

    }


     .navbar .navbar-nav .dropdown span{
        font-size: 12px !important;
        float: right;
        line-height: 30px;
        padding:0px 10px; 
     }

}

/*767px*/

/*min width*/

@media (max-width: 767px) {

/*slider css*/

.hero_slider_section .carousel-item{
  position: relative;
  overflow: hidden;
  transition: .4s ease-in-out;
}

.hero_slider_section .carousel-item img{
    height: 400px !important;
    object-fit: cover;
    filter: brightness(90%);
}

.hero_slider_section .carousel-caption{
  position: absolute;
  top: 20% !important;
  left: 10%;
}

/*1*/
.hero_slider_section .carousel-caption .haeding_slider1{
   font-family: ;
    text-shadow: rgb(0 0 0 / 20%) 2px 2px 0px;
    letter-spacing: 0px;
    color: rgb(255, 204, 0);
    text-decoration: none;
    white-space: nowrap;
    text-align: left;
    line-height: unset;
    font-weight: 700;
    font-size: 25px;
    transform-origin: 50% 50%;   
}

.hero_slider_section .carousel-caption .haeding_slider1 span{
  display: inline;
  white-space: normal;

}

.hero_slider_section .carousel-caption .para_slider1{
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-align: left;
    line-height: unset;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 15px;
    transform-origin: 50% 50%;
  }

  .hero_slider_section .carousel-caption .para_slider1 span{
    display: inline;
    white-space: normal;
  }

  /*1 end*/

  /*2*/
.hero_slider_section .carousel-caption .haeding_slider2{
    text-shadow: rgb(0 0 0 / 20%) 2px 2px 0px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    white-space: nowrap;
    text-align: left;
    line-height: unset;
    font-weight: 700;
    font-size: 25px;
    transform-origin: 50% 50%; 
}

.hero_slider_section .carousel-caption .haeding_slider2 span{
  display: block;

}

.hero_slider_section .carousel-caption .para_slider2{
   
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-align: left;
    line-height: unset;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 15px;
    transform-origin: 50% 50%;
  }

  .hero_slider_section .carousel-caption .para_slider2 span{
    display: block;
  }

  /*2 end*/


  /*3*/
.hero_slider_section .carousel-caption .haeding_slider3{
   font-family: ;
    text-shadow: rgb(0 0 0 / 20%) 2px 2px 0px;
    letter-spacing: 0px;
   color: rgb(3, 5, 107);
    text-decoration: none;
    white-space: nowrap;
    text-align: left;
    line-height: unset;
    font-weight: 700;
    font-size: 25px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
   
}

.hero_slider_section .carousel-caption .haeding_slider3 span{
  display: block;

}

.hero_slider_section .carousel-caption .para_slider3{
   
   color: rgb(3, 5, 107);
    text-decoration: none;
    text-align: left;
    line-height: unset;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 15px;
    transform-origin: 50% 50%;
  }

  .hero_slider_section .carousel-caption .para_slider3 span{
    display: block;
  }

  /*3 end*/


  /*4*/
.hero_slider_section .carousel-caption .haeding_slider4{
    color: #60af39;
    text-align: left;
    line-height: unset;
    font-weight: 700;
    font-size: 25px;
    transform-origin: 50% 50%;
  }

.hero_slider_section .carousel-caption .haeding_slider4 span{
  display: block;

}

.hero_slider_section .carousel-caption .para_slider4{
    color: rgb(76, 132, 201);
    text-decoration: none;
    text-align: left;
    line-height: unset;
    letter-spacing: 0px;
     font-weight: 600;
    font-size: 15px;
  }

  .hero_slider_section .carousel-caption .para_slider4 span{
    display: block;
  }

  /*4 end*/

   
   
/*end*/
}

/*min width nd*/


/**/


/*991px media*/

@media (max-width: 991px) {


.hero_slider_section .carousel-caption{
  position: absolute;
  top: 10%;
  left: 10%;
}

.dropdown-submenu span{
        font-size: 15px !important;
        float: right;
        line-height: 30px;
        padding:0px 10px;
        transform: rotate(90deg) !important;
        font-weight: 700;
}
  .navbar .navbar-nav .dropdown span{
        font-size: 12px !important;
        float: right;
        line-height: 30px;
        padding:0px 10px; 
     }


}

/*991px media