/*
CSS Document created for Buddha Holidays
Developed by: ShiranTech
Developer: Promish Shakya
*/

/* Large screens (1405px upwards) *

/* Laptops and desktops (1100-1405px) */
@media only screen and (min-width: 1100px) and (max-width: 1405px) {
  .login-wrapper,
  .signup-wrapper {
    width: 70%;
    padding: 30px;
  }

  .signup-wrapper-multi {
    width: 70%;
    padding: 30px;
  }

  .nav-logo {
    /*width: 250px;*/
  }

  #msform {
    margin: 0 -10px;
  }

  #progressbar li {
    font-size: 10px;
  }

  /*.blog_navbar {*/
  /*  top: 113px;*/
  /*}*/

  .sticky-card {
    /*top: 109px;*/
  }
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and (min-width: 981px) and (max-width: 1100px) {
  .container {
    padding: 0 15px;
  }

  .nav-logo {
    /*width: 200px;*/
  }

  .blog_navbar .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
  }

  /*.blog_navbar {*/
  /*  top: 110px;*/
  /*}*/

  .login-wrapper,
  .signup-wrapper {
    width: 60%;
    padding: 30px;
  }

  .signup-wrapper-multi {
    width: 80%;
    padding: 30px;
  }

  .video-content {
    margin-bottom: 30px;
  }

  .video-content-sm span {
    font-size: 50px;
  }

  .app-ico li {
    width: 35%;
  }

  .copyright {
    text-align: center;
  }

  .paypartner,
  .poweredby {
    margin-top: 10px;
  }

  .fz {
    margin-top: 100px;
  }

  .parent-tab .resp-tabs-list li {
    padding: 15px 8px !important;
  }

  .tab-btns a {
    padding: 10px 16px;
  }

  .hotel-content-detail {
    padding: 15px 10px;
  }

  .searchcard.itinerary-desc.details-personal {
    margin-bottom: 30px;
  }

  #progressbar li {
    font-size: 10px;
  }

  .resp-tabs-list li {
    padding: 8px 16px;
  }

  .tp-radio label {
    margin-right: 5px;
  }

  .parent-tab .resp-tabs-list li {
    padding: 12px 8px !important;
    font-size: 14px;
  }

  .sticky-card {
    /*top: 105px;*/
  }
}

@media only screen and (max-width: 992px) {
  /*.resp-tabs-list li:not(:last-child){*/
  /*  display: none;*/
  /*}*/

  .nav-logo {
    width: 70%;
  }

  .nav-show {
    display: block;
    background-color: transparent;
    border: none;
    width: 30px;
    height: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }

  .nav-show span {
    display: block;
    position: absolute;
    height: 2px;
    width: 50%;
    background: rgb(34, 65, 145);
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }

  .nav-show span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
  }

  .nav-show span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px;
  }

  .nav-show span:nth-child(1),
  .nav-show span:nth-child(2) {
    top: 0px;
  }

  .nav-show span:nth-child(3),
  .nav-show span:nth-child(4) {
    top: 8px;
  }

  .nav-show span:nth-child(5),
  .nav-show span:nth-child(6) {
    top: 16px;
  }

  .nav-show.open span:nth-child(1),
  .nav-show.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .nav-show.open span:nth-child(2),
  .nav-show.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .nav-show.open span:nth-child(1) {
    left: 2px;
    top: 7px;
  }

  .nav-show.open span:nth-child(2) {
    left: calc(50% - 2px);
    top: 7px;
  }

  .nav-show.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
  }

  .nav-show.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
  }

  .nav-show.open span:nth-child(5) {
    left: 3px;
    top: 17px;
  }

  .nav-show.open span:nth-child(6) {
    left: calc(50% - 2px);
    top: 18px;
  }

  .main-links {
    display: none;
    position: absolute;
    top: 115%;
    left: 0;
    background: #c7c6c6;
    width: 100%;
  }

  .main-links a {
    color: #fff;
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #ffffff20;
  }

  .searchcard-app {
    text-align: center;
  }

  .searchcard-tab .resp-tabs-list li,
  .searchcard-tab .resp-tab-active {
    padding: 5px 40px !important;
  }
}

/* Tablets in portrait mode (768-980px) */
@media only screen and (min-width: 768px) and (max-width: 980px) {
  .search-bar {
    margin-top: 2rem;
  }

  .searchcard-img img {
    width: 100%;
  }

  .searchcard-img:after {
    height: 15px;
  }

  .bl-searchcard {
    background: none;
    padding: 0 15px;
  }

  .searchcard-content,
  .searchcard-amt {
    padding: 15px;
  }

  .white-bg {
    background: none;
  }

  .searchcard-app {
    text-align: left;
  }

  /* .parent-tab .resp-tabs-list li:last-child {
    display: flex;
    justify-content: right;
  } */

  .login-wrapper,
  .signup-wrapper {
    width: 70% !important;
    padding: 30px;
  }

  .signup-wrapper-multi {
    width: 70% !important;
    padding: 30px;
  }

  .app-ico li {
    width: 35%;
  }

  .copyright {
    text-align: center;
  }

  .paypartner,
  .poweredby {
    margin-top: 10px;
  }

  .video-content-sm span {
    font-size: 50px;
  }

  .searchcard.itinerary-desc.details-personal {
    margin-bottom: 30px;
  }

  .resp-tabs-list li {
    padding: 8px 16px;
  }

  .parent-tab .resp-tabs-list li {
    padding:12px 8px !important;
    font-size: 14px;
  }

  .sticky-card {
    /*top: 105px;*/
  }

}

@media only screen and (max-width: 767px) {
  .parent-tab .resp-tabs-list li {
    padding: 10px 4px !important;
    font-size: 14px;
    margin-bottom: 8px;
  }
  ul.resp-tabs-list > li:last-child {
    justify-content: center;
  }

  ul.resp-tabs-list .tp-radio {
    flex: 1 1 100% !important;
    border-top: 0.25px solid #224191;
  }

}

/* Smartphones in landscape mode (480-768px) */
@media only screen and (min-width: 479px) and (max-width: 767px) {
  .container {
    padding: 0 15px;
  }
  .sticky-card{
    /*top:60px;*/
  }

  .specialoffer-list li {
    width: 30%;
    height: 245px;
  }

  .design-ele {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #edf0f0 100%);
    background: -webkit-linear-gradient(top, #ffffff 1%, #edf0f0 100%);
    background: linear-gradient(to bottom, #ffffff 1%, #edf0f0 15%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#edf0f0', GradientType=0);
  }

  .pl-10 {
    padding-left: 15px !important;
  }

  .mt-10 {
    margin-top: 0;
  }

  .pr-0,
  .pr-10 {
    padding-right: 15px !important;
  }

  .tp-content,
  .video-content,
  .video-content-sm,
  .destination-img {
    margin-bottom: 10px;
  }

  .fz {
    margin-top: 50px;
  }

  .paypartner {
    text-align: unset;
    margin-top: 5px;
  }

  .white-bg {
    background: none;
  }

  /* .searchcard-tab .resp-tab-content {
    border: 1px solid #ced4da;
  } */
  .searchcard-tab .resp-tab-active {
    font-size: 13px;
    padding: 5px 15px !important;
  }

  .searchcard-img img {
    width: 100%;
  }

  .searchcard-app {
    text-align: center;
  }

  .bl-searchcard {
    background: none;
    padding: 0 15px;
  }

  .searchcard-content,
  .searchcard-amt {
    padding: 15px;
  }

  .searchcard-img:after {
    height: 15px;
  }

  .hotel-content ul li {
    margin-right: 40px;
  }

  .login-wrapper,
  .signup-wrapper {
    width: 90%;
    padding: 30px;
  }

  .signup-wrapper-multi {
    width: 90%;
    padding: 30px;
  }

  .faq-list {
    height: auto;
  }

  .contact-card {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .app-ico li {
    width: 25%;
  }

  .nationality_checker {
    display: inline-block;
  }

  .nationality_checker img {
    width: 100%;
  }

  .itinerary-navigation {
    margin-bottom: 30px;
  }

  .searchcard.itinerary-desc.details-personal {
    margin-bottom: 30px;
  }

  .rooms {
    display: inherit;
  }

  .adult p,
  .child {
    /*text-align: left;*/
  }

  .count-holder {
    margin-left: 0;
  }

  .child,
  .adult {
    margin-top: 10px;
  }

  .child-counter {
    padding: 0;
  }

  .room {
    margin-top: 10px;
  }

  .login-form .input-group {
    display: inline-block;
  }

  .login-form .input-group .form-control {
    width: 100%;
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .tabs-list li {
    width: 100%;
    text-align: center;
  }

  .dropdown-holder {
    width: 100%;
  }

  .modify-search {
    display: block;
  }

  .resp-tabs-container.collapse {
    display: none;
  }

  .resp-tabs-container.collapse.show {
    display: block;
  }
}
/* Smartphones in portrait mode (0-479px) */
@media only screen and (max-width: 480px) {
  .container {
    padding: 0 15px;
  }

  .list-group {
    flex-direction: row;
  }

  .main-links li {
    padding: 0 10px;
    font-size: 0.8em;
  }

  .main-banner:after {
    background-size: auto;
  }

  .specialoffer-list {
    text-align: center;
  }

  .img-desc p {
    text-align: left;
  }

  .specialoffer-list li {
    display: inline-block;
    width: auto;
    margin: 0 auto 30px;
  }

  .pl-0,
  .pl-10 {
    padding-left: 15px !important;
  }

  .ml-1x4 {
    margin-left: 0;
  }

  .mt-10 {
    margin-top: 0;
  }

  .pr-10 {
    padding-right: 15px !important;
  }

  .info-list li,
  .trekking-img,
  .sub-title {
    width: auto;
  }

  .fz {
    margin-top: 50px;
  }

  .fdesign-ele:after {
    background-size: auto;
    bottom: 0;
  }

  .copyright {
    text-align: center;
  }

  .paypartner {
    text-align: center;
    margin-top: 5px;
  }

  .poweredby {
    text-align: center;
    margin-top: 5px;
  }

  .tp-content,
  .video-content,
  .video-content-sm,
  .destination-img {
    margin-bottom: 10px;
  }

  .design-ele {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #edf0f0 100%);
    background: -webkit-linear-gradient(top, #ffffff 1%, #edf0f0 100%);
    background: linear-gradient(to bottom, #ffffff 1%, #edf0f0 15%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#edf0f0', GradientType=0);
  }

  .bl-searchcard {
    border-left: 0;
    background: none;
    padding: 0 15px;
  }

  .white-bg {
    background: none;
  }

  /* .searchcard-tab .resp-tab-content {
    border: 1px solid #ced4da;
  } */
  .searchcard-content,
  .searchcard-amt {
    padding: 15px;
  }

  .testimonial-content {
    text-align: center;
    margin: 30px 0;
  }

  .hotel-content ul li {
    margin-right: 17px;
  }

  .login-wrapper,
  .signup-wrapper {
    width: 90% !important;
    padding: 20px;
  }

  .signup-wrapper-multi {
    width: 90% !important;
    padding: 20px;
  }

  .faq-list {
    height: auto;
  }

  .contact-card {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .icon-mobile {
    font-size: 32px;
    padding: 5px;
  }

  .advertise {
    font-size: 12px;
  }

  #holidays-tab [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .itinerary-navigation {
    margin-bottom: 30px;
  }

  .rooms {
    display: inherit;
  }

  .adult p,
  .child {
    /*text-align: left;*/
  }

  .count-holder {
    margin-left: 0;
  }

  .child,
  .adult {
    margin-top: 10px;
  }

  .child-counter {
    padding: 0;
  }

  .room {
    margin-top: 10px;
  }

  .payment-package-detail {
    display: inherit;
  }

  .package-detail-content {
    margin-left: 0;
    margin-top: 15px;
  }

  .login-form .input-group {
    display: inline-block;
  }

  .login-form .input-group .form-control {
    width: 100%;
    margin-bottom: 1rem;
  }

  .resp-tabs-list li {
    padding: 10px;
    font-size: 16px;
  }

  .corona {
    font-size: 12px;
  }

  .package-list-title {
    font-size: 14px;
  }

  .gradient-bar {
    top: 0px;
  }

  .main-bar {
    top: 23px;
  }

  .sticky-card{
    /*top:60px;*/
  }

  .upper-flight-tab {
    display: none;
  }

  .lower-flight-tab {
    padding: 0;
    border-bottom: 1px solid #2D468A;
    border-top: 1px solid #2D468A;
  }

  .inner-flight-tab-left {
    padding: 10px;
    border-right: 1px solid #2D468A;
  }
  .inner-flight-tab-right {
    padding: 10px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
  .ml-1x4 {
    margin-left: 1.3%;
  }

  .main-links li {
    padding: 0 10px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
  .searchcard-amt ul.nnd li span:nth-child(1) {
    font-size: 20px;
  }
}
@media screen and (max-width: 992px) and (min-width: 450px) {
  .searchcard-img {
    height: 30vh;
  }
}

@media screen and (max-width: 992px) and (min-width: 762px) {

  .specialoffer-list li {
    width: 30%;
    height: 250px;
  }

  .sticky-card{
    /*top: 60px;*/
  }
  .pr-0 {
    padding-right: 15px !important;
  }

  .pl-10 {
    padding-left: 15px;
  }

  /* .trekking-img{
		margin-top: 10px;
	} */
  .design-ele {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #edf0f0 100%);
    background: -webkit-linear-gradient(top, #ffffff 1%, #edf0f0 100%);
    background: linear-gradient(to bottom, #ffffff 1%, #edf0f0 15%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#edf0f0', GradientType=0);
  }

  .s-mt-10 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1408px) and (min-width: 991px) {
  .sticky-card {
    /*top: 67px;*/
  }
}

@media screen and (max-width: 991px) and (min-width: 981px) {
  .searchcard-img img {
    width: 100%;
  }

  .bl-searchcard {
    background: none;
  }

  .searchcard-content,
  .searchcard-amt {
    padding: 15px;
  }

  .white-bg {
    background: none;
  }

  /*.blog_navbar {*/
  /*  top: 106px;*/
  /*}*/
}

@media screen and (max-width: 767px) and (min-width: 576px) {
  .ml-1x4 {
    margin-left: 1.3%;
  }
}

@media screen and (max-width: 767px) {
  .bl-searchcard {
    border-left: 0;
  }
  ul.nnd {
    margin-right: auto;
    margin-left: auto;
    width: 50%;
  }

  .searchcard-amt {
    text-align: center;
  }
}

@media (max-width: 576px) {
  .info-list li,
  .trekking-img,
  .sub-title {
    width: auto;
    float: none;
  }

  .ml-1x4 {
    margin-left: 0;
  }
}

@media screen and (max-width: 445px) {
  .main-links li {
    padding: 0 5px;
  }

  .gradient-bar {
    top: 0%;
  }

  .main-bar {
    top: 2.6%;
    z-index: 9999;
  }

  #progressbar li {
    font-size: 10px;
    width: 24%;
  }

  .itinerary-desc p {
    font-size: 14px;
  }
}

@media screen and (max-width: 328px) {
  .flinks ul {
    width: 43%;
  }

  .resp-tabs-list li {
    padding: 10px 5px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 575px) {
  .login-form button,
  .login-form a {
    width: 100%;
  }

  .list-group {
    flex-direction: row;
  }
}

@media only screen and (max-width: 410px) {
  .resp-tabs-list li {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1100px) and (max-width: 1200px) {
  .resp-tabs-list li {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 456px){
  .resp-tabs-container .search-barlist > li {
    flex: 1 1 100%;
    border-bottom: 1px solid #eee;
  }
}

@media only screen and (min-width: 457px) {
  .dropdown_menu.show-dropdown .dropdown-holder {
    width: 242px;
  }
}
@media only screen and (max-width: 768px) {
  .search-bar {
    position: relative;
    top: -17px;
    max-width: none;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    border: none;
    /*top: calc(4.5rem - 14vmin);*/
  }
  .main-banner{
    /*margin-bottom: 20px;*/
  }
}