@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /*======== 1024px screen Styles ===========*/
  .header-inner .navbar-collapse > ul > li,
  .stricky-fixed .header-inner .navbar-collapse > ul > li {
    line-height: 60px;
  }
  .header-inner .navbar-header,

  .single-sidebar .agent-box img {
    width: 100%;
  }
  .single-sidebar .villa-features li {
    margin-bottom: 11px;
    margin-right: 11px;
    width: 110px;
  }
  header.header-inner .main-menu .navbar-collapse.collapse {
    display: none !important;
  }


}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header.home-header .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-header {
    margin: 5px 0 -3px;
  }

  body .header-inner .navbar-collapse.collapse {
    display: none !important;
  }



  .single-sidebar {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  #top-bar .contact-info li a {
    color: #fff;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
  }

}
@media only screen and (max-width: 767px) {
  .hidden-bar {
    width: 85%;
  }
  header.home-header .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-header {
    margin: 5px 0 -3px;
  }



  body .header-inner .navbar-collapse.collapse {
    display: none !important;
  }

  #top-bar .contact-info ul {
	display:flex;
	justify-content: center;
  }
   
  #top-bar .contact-info li {
	text-align: center;
    margin:0px auto 0px auto;
    margin-bottom: 10px;
  }
  #top-bar .contact-info li:last-child {
    margin-bottom: 0;
  }


  .single-sidebar .villa-features li {
    width: 115px;
  }
  .single-sidebar form input {
    width: 80%;
  }
  .sidebar-wrap {
    padding: 0;
  }


}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .hidden-bar {
    width: 350px;
  }

  .single-sidebar {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

}