@media only screen and (min-width:992px) {
  .menu {
    position: relative;
    top: 0;
    width: auto;
    height: auto;
    padding: 0rem;
    margin-left: auto;
    background: none;
    box-shadow: none;
  }
  .menu-inner {
    display: flex;
    flex-direction: row;
    column-gap: 5px;
    margin: 0 auto;
  }
  .menu-link {
    text-transform: capitalize;
  }
  .menu-block {
    margin-left: 2rem;
  }
  .burger {
    display: none;
    visibility: hidden;
  }
}
@media only screen and (max-width:1340px){
  .menu_item {
    font-size: 14px;
    padding: 10px 14px;
  }
  .brand {
    width: 192px;
  }
}
@media only screen and (max-width:1300px){
  .hook-img {
    width: 200px;
    height: 130px;
  }
}
@media only screen and (max-width:1200px){
  .content-box{
    padding: 50px 40px 50px 40px;
  }
  .content-box h3{
    font-size: 30px;
  }
}
@media only screen and (max-width:992px){
  .brand {
    width: 171px;
  }
  .header .navbar{
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .h-45{
    font-size: 30px;
  }
  .owl-carousel .owl-nav{
    z-index: 1;
  }
  .preloader span{
    font-size: 35px;
  }
  .owl-carousel .owl-nav{
    width: 100%;
  }
}
@media only screen and (max-width:820px){
  .heading-banner {
    font-size: 40px;
  }
}
@media only screen and (max-width:768px){
  .heading-banner {
    font-size: 30px;
  }
  .h-40{
    font-size: 30px;
  }
  .side-by-content p{
    max-width: 100%;
  }
  .expirience-circle {
    width: 100px;
    height: 100px;
  }
  .expirience-circle h4 {
    font-size: 11px;
  }
  .owl-carousel .owl-nav button.owl-next, 
  .owl-carousel .owl-nav button.owl-prev{
    width: 45px;
    height: 45px; 
  }
  .owl-carousel .owl-nav button.owl-next span{
    width: 46px;
  }
  .work-item-img{
    height: auto;
  }
  .section-testimonial{
    padding: 70px 0;
  }
}
@media only screen and (max-width:600px){
  .header {
    padding: 0 20px 0px 0px;
  }
  .home-banner .content_box_wrapper{
    padding: 0 15px;
  }
  .side-by-content{
    padding: 100px 15px 100px 15px;
  }
  .offer-text h4{
    font-size: 18px;
  }
  .exp-box span{
    font-size: 30px;
    letter-spacing: -1px;
    top: 10px;
  }
  .exp-counter{
    font-size: 17px;
  }
  .section-industrail .counters{
    flex-direction: column;
    align-items: baseline;
  }
  .carousel-control-next, 
  .carousel-control-prev{
    display: none;
  }
  .home-banner .carousel-inner img {
    object-position: 30%;
  }
  .inner-pad{
    padding: 100px 0px 100px 0px;
  }
  .vacancy-area{
    height: auto;
  }
  .content-box {
    padding: 50px 15px 50px 15px;
  }
  .section-award{
    padding: 70px 0;
  }
  .content-box h3{
    font-size: 25px;
  }
  .table_content{
    padding: 35px 10px;
  }
  .table_content li a{
    font-size: 17px;
  }
}
@media only screen and (max-width:450px){
  .side-by-btn-wrap{
    flex-direction: column;
    align-items: flex-start;
  }
  .hook-img {
    width: 120px;
    height: 80px;
  }
  .side-by-content{
    padding: 100px 0px 100px 0px;
  }
  .h-40 {
    font-size: 26px;
  }
  .offer-text h4 {
    font-size: 13px;
  }
}