@media screen and (max-width: 1024px){
  .headerbar {
    display: block;
    margin: 0;
  }
  .toggle-bar i{
    display: none;
  }
  .hamburger {
    padding: 10px;
    line-height: 0;
  }
  .logobox{
    text-align: center;
  }
  .main-header .side-navigation {
    display: none
  }
  .side-navigation,.side-navigation li {
    padding: 0;
    display: block
  }
  .side-navigation ul li a {
    padding: 10px;
    display: block;
    color: #fff;
    border-bottom: 2px solid #fff;
    background: 0 0!important;
    text-align: left
  }
  amp-sidebar#sidebar1 {
    background: #111;
    width: 250px
  }
  #sidebar1 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: .5s
  }
  .side-navigation ul li ul, .side-navigation ul li ul ul {
    display: block !important;
  }
  .side-navigation ul ul {
    background: transparent !important;
  }
  .side-navigation ul ul {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .side-navigation ul ul li {
    background: transparent !important;
  }
  .side-navigation ul ul li{
    display: block;
    padding-left: 7px;
  }
  .side-navigation ul.sub-menu li a:before{
    content: none;
  }
  .side-navigation li.current_page_item a{
    display: block;
    border-bottom: 2px solid #fff;
  }
  #masthead{
    margin:0;
  }
}
@media screen and (max-width:768px) and (min-width: 0px) {
  .top_social,.header-contact .icons-boxs,.work-box, .email-box, .call-box,#header .logo, #footer .logo{
    display: block;
    text-align: center;
    margin:0 auto;
  }
  .test-space {
    padding: 27px 35px;
  }
  .header-contact .icons-boxs{
    padding: 0 !important;
  }
  .head-content{
    margin:0 auto !important;
  }
  #footer p,#footer h3,.custom-social-icons{
    text-align: center;
  }
  #footer{
    overflow-x: hidden;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){
  .head-icons i {
    width: 45px;
    height: 45px;
    font-size: 22px;
    padding: 12px;
  }
  .head-icons i.far.fa-clock, .head-icons i.fas.fa-envelope{
    padding: 12px;
  }
}
@media screen and (min-width: 992px) and (max-width:1024px){
  .head-icons i {
    width: 45px;
    height: 45px;
    font-size: 22px;
    padding: 12px;
  }
  .head-icons i.far.fa-clock, .head-icons i.fas.fa-envelope{
    padding: 12px;
  }
  .mwae-image-slider-main-slider .mwae-caption{
    transform: translateY(-103%);
  }
}
@media screen and (min-width: 768px) and (max-width:1224px){
  #ht-masthead .header-right-box i {
    font-size: 20px;
    padding: 11px 11px;
    height: 40px;
    width: 40px;
  }
  .header-right-box .themetext,.contact-border div:last-child{
    font-size: 13px;
  }
  .ht-main-navigation li:hover > a .ht-main-navigation .current_page_item > a, .ht-main-navigation .current-menu-item > a, .ht-main-navigation .current_page_ancestor > a, .page-template-home-template .ht-main-navigation .current > a, .home.blog .ht-main-navigation .current > a{
    padding: 10px 6px;
    font-size: 12px;
  }
  .ht-section-title{
    font-size: 14px !important;
  }
  #featured-pages-section .featured-post h5{
    font-size: 16px !important;
  }
  .ht-slide-caption .ht-slide-cap-desc{
    display: none;
  }
  .ht-slide-cap-title span:before{
    content: none;
  }
}