@media (min-width: 992px) and (max-width: 1199px) {
    .menu ul li a{font-size:13px;padding: 0 10px;}
    .packageList .fa{height: 38px;width:38px;padding-top: 8px;margin: 0 5px 0;font-size: 20px;}
    .packageList li span{font-size:12px;}
    .logo a img{max-width: 200px!important;}
    .main-search-holder{bottom:4rem;}
    .banner_matter{margin-top: 120px;}
    .main-search-holder .btn{padding-left: 10px;padding-right: 10px;}
}
@media (min-width:768px) and (max-width: 991px) {
    .menu ul li a{font-size: 13px;padding: 0 4px;}
    .menu ul li:first-child a{padding: 0 4px 0 0;}
    .banner_matter{margin-top: 120px;}
    .logo a img{max-width: 130px!important;}
    .logo{top: -25px;}
    .main-search-holder{bottom:3rem;}
    .main-search-holder .btn{padding: 7px 20px;}
    .main-search-wrapper .form-control{height:30px;}
}
@media (max-width: 768px) and (max-width: 800px) {
    .logo a img{max-width: 105px!important;}
    .logo{top: -18px;}
}
@media only screen and (max-width: 767px) {
    .menu ul,header.sticky .topbar,.topbar{height:auto;}
    .navbar-brand > img{display: block;width: 43%;}
    .navbar-brand {display: block;width: auto;float: left;height: 20px;position: absolute;}
    .menu{padding: 0;top:54px;}
/*    #search-form {float: left;padding-bottom: 20px;width: 100%;}*/
    header.sticky .menu{top: 46px;}
    .navbar-inverse .navbar-toggle .icon-bar{background-color:#333;}
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background:none;}
    .navbar-inverse .navbar-toggle:hover{background-color:#ffffff;}
    .menu ul li:first-child a{padding: 0 20px;}
    .login{float:left !important;}
    .mail{margin:0;font-size:12px;}
    .phone,.login li a{padding:0;font-size:12px;}
    .useful ul{margin:0;}
    .page-title{margin-top:6.5rem;}
    .main-search-holder{bottom:8rem;}
    .package-detail-content-title,.enquire-btn{text-align:center;}
    .enquire-btn a{padding: 10px;}
    .searchbar{padding-bottom: 20px;}
    .floating-view{margin-top:6.5rem;}
}
@media only screen and (max-width:567px){
    .main-search-holder .btn{padding: 10px;font-size: 10px;}
    .main-search-wrapper .form-control{height:30px;}
    #search-form{padding-left: 0;}
    .banner-text h1{font-size:30px;line-height:1;}
    .banner-text{left:10%;transform:translate(-10%,-50%);width:100%;}
}
@media only screen and (max-width: 480px) {
    .viewpackage  a{padding: 8px 5px;font-size:10px;}
    .detailed-pack .inclusion ul li a{margin: 0 5px 2px;}
    .main-search-holder {  bottom: 2rem; }
    .banner { height: 265px; margin-top:100px;}
}

@media only screen and (max-width: 360px) {
    .packageList li span{font-size: 12px;}
    .packageList li:first-child a{margin-left:0;}
    .packageList .fa{margin: 0 5px 0;}
}
@media only screen and (max-width: 320px) {
  
  header.sticky .menu {
    background:#fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #2d2a39;
    padding: 0px 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 46px;
    z-index: 9999999;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  .login li {
    float: left;
    margin-left: 14px;
  }
  .menu {
    top: 54px;
    z-index: 9999999;
  }

}