   @media screen and (max-width: 500px) and (min-width: 200px){
    .logomobile{
    height: 60px !important; 
    }
    #header-wrap{
        padding: 30px 0 !important;
    }
    .sliderone{
      margin-top: 0em !important;
    }
    .aboutmargin{
          margin-top: -8em;
    }
    .img_widthset{
      width: 100%;
    }
    .imagewidthanother{
      width: 100%;
    }
    .sidebar{
      margin-top: -3em !important;
    }
  }


  @media screen and (max-width: 991px) and (min-width: 500px){
#header-wrap{
  padding: 20px 0 !important;
}
.logomobile{
  height: 70px !important;
}
.sliderone{
      margin-top: 4em !important;
}
.aboutmargin{
          margin-top: -8em;
    }
    .footer_another{
          margin-top: 15em !important;
    }

  }

  @media screen and (max-width: 1024px) and (min-width: 992px){
.logo{
  width: 60%;
  }
  .logomobile{
    width: 50%;
  }
  #main-menu{
        margin-left: -15em !important;
  }
  .logo img{
    height: 80px;
  }
  #header-wrap.fixed-header .logo img{
    height: 80px;
  }
  .sliderone{
    margin-top: 5em !important;
  }
}

         @media screen and (max-width: 4000px) and (min-width: 1025px){
  
  .logomobile{
    width: 50%;
}