@media only screen and (max-width: 320px) {
  .banner-header-heading .pragraph {
    width: 84% !important;
  }

  .owl-next,
  .owl-prev {
    top: 18% !important;
  }
}

@media only screen and (max-width: 479px) {

  .magazine_content .pl-5 {
    padding: 0 !important;
  }


  .pragraph {
    margin-top: 5px;
  }

  .shareable-plans .container {
    margin-top: 30px !important;
  }

  .all-in-one-solution {
    padding: 0;
  }

  .all-in-one-solution p,
  .easy-planning-tool p,
  .shareable-plans p {
    margin-top: 20px;
    line-height: 29px;
  }

  .app-section {
    background-size: 250%;
  }

  .search-body .search-result .result-header .records,
  .top-action,
  a.app_link img {
    margin-top: 20px;
  }

  .top-tag ul.tag-nav {
    display: contents;
    justify-content: unset;
    margin-top: 20px;
  }

  .top-tag ul.tag-nav li {
    list-style: none;
    font-size: 14px;
    color: #0d3784;
    cursor: pointer;
    float: left;
    margin-top: 10px;
    padding-left: 8px;
  }

  button.tag-class {
    padding: 10px 14px;
    font-size: 13px;
  }

  .trip-mockup {
    padding-top: 33px;
  }

  .top-tag {
    margin-top: 30px;
    min-width: 100%;
  }

  .owl-prev {
    left: 0;
  }

  .owl-next {
    right: 0;
  }

  .owl-next,
  .owl-prev {
    top: 25%;
  }

  .shareable-plans {
    height: auto;
  }

  .how-it-all-works {
    padding-bottom: 40px;
  }

  h3.marketplace-heading {
    color: #0d256e;
    font-weight: 700;
    font-size: 26px;
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .curcle_img2,
  .curcle_img5,
  .desktop_view_text,
  .export_packet_img1,
  .see-how-it-done-item .user_card2,
  .footer-sec::after,
  .header-slider-sec .header_banner,
  .header-slider-sec .icon_baar,
  .product_slide_arow,
  .product_slider_sec,
  .upload_travel_docume_desktop {
    display: none;
  }

  .product_item_content h3,
  h3.how-it-all-works-heading {
    font-size: 26px;
  }

  .add_resource_filters_image {
    margin-bottom: 0;
  }

  .top-banner-info {
    left: 40px;
  }

  .magazine_content .action_button {
    display: initial;
  }

  .header-image {
    position: static;
    width: 360px;
  }

  .header-slider-sec {
    background-image: white;
  }

  .shareable-plans h2 span,
  .all-in-one-solution h2 span,
  .export_packet_img2,
  .see-how-it-done-heading h2 span,
  .see-how-it-done-heading p span,
  .mobile_view_text p span,
  .product_slider_mobile_sec,
  .search-body .search-result .result-header .result-actions .result-sorting,
  .tab-card-header>.nav-tabs>li>a>p,
  .guide_right .ultimate_head2,
  .upload_travel_docume_mobile {
    display: block;
  }

  #search_result tr td {
    display: block;
    text-align: center;
    border: none;
  }

  .add_resource_filters_content img,
  .book-button,
  .footer-copywrite {
    width: 100%;
  }

  .widget-26-job-starred {
    text-align: center;
    margin: 0 auto;
  }

  #search_result tr {
    padding-bottom: 10px;
    display: grid;
  }

  .add_resource_filters_heading,
  .custom-padding-left {
    padding-left: 15px;
  }

  .quick-link a {
    border: 1px solid #fff;
    padding: 8px 12px;
    background: #0a3f90;
    border-radius: 5px;
    color: #fff;
  }

  .container.itinerary_section {
    top: -50px;
  }

  .travel_mode div {
    width: 45%;
    text-align: end;
    margin-bottom: 20px;
  }

  .svg_path {
    background: 0 0;
    position: relative;
    top: 1px;
  }

  ul.navbar-nav {
    padding-bottom: 20px;
  }

  .h1-nav .navbar-nav .nav-item>.nav-link {
    padding: 15px 20px;
  }

  h3.feature_heading {
    margin-top: 60px;
    margin-bottom: 30px;
    font-size: 25px;
  }

  .video_header_sec {
    margin-top: 160px;
    margin-bottom: 20px;
  }

  .banner-header-heading h2 {
    font-size: 38px;
    margin-bottom: 5px;
    line-height: 40px;
  }

  .banner-header-heading h2 span,
  .common-heading span,
  .common-heading_two span {
    display: initial;
  }

  .banner-header-heading p {
    font-size: 18px;
    line-height: 18px;
    text-align: left;
  }

  .banner-header-heading {
    position: relative;
    height: 100%;
    overflow: visible;
    display: block;
    padding-top: 0;
  }

  .header-slider-sec #header {
    position: relative;
    top: 0;
    display: flow-root;
  }

  .magazine_content_heading {
    margin-top: 40px;
  }

  .common-heading_two {
    font-size: 26px;
    text-align: center;
  }

  .magazine_content_heading p {
    width: 100%;
    text-align: center;
    padding: 0 40px;
  }

  .tab-card-header>.nav-tabs>li {
    width: 24.9%;
    background: #f0f8ff;
    margin-right: 0;
  }

  .tab-card-header>.nav-tabs>li>a {
    padding: 10px 2px;
  }

  .curcle_img3 {
    bottom: 0;
  }

  .marketplace-curcle-img-1 img,
  .curcle_img3 img {
    width: 120px;
  }

  .magazine_img img {
    width: 300px;
    margin-top: 50px;
  }

  .magazine_img {
    text-align: center;
  }

  .guide_right p {
    line-height: 22px;
  }

  .video_header_sec img {
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }

  .banner-header-heading p span {
    display: inline;
    padding-left: 10px;
    padding-right: 21px;
  }

  .banner-header-heading .pragraph {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-sec .footer-item-1,
  .footer-sec .footer-item-3,
  .guide_right,
  .upload_travel_document_sec .padding_right {
    padding-left: 0;
  }

  .footer-sec .footer-item-2 {
    padding-left: 0;
    width: 100%;
  }

  footer.footer-sec {
    padding-top: 32px;
  }

  .common-heading-2,
  .how_planning_text h2 {
    font-size: 28px;
  }

  .gray-background {
    display: none;
  }

  .banner-header-heading .action_button {
    display: initial;
  }

  .action-section {
    margin-top: 40px;
    margin-bottom: 0px;
    text-align: center;
    padding-bottom: 0px;
  }

  .action_button {
    display: block;
    padding: 20px 20px;
    font-size: 14px;
  }

  .feature_number {
    margin: 0 auto;
  }

  .see-how-it-done-heading {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .easy-planning-tool .create-your-toute-right-map img {
    width: 100%;
    margin-top: 20px;
  }

  .content-right-text {
    margin-top: 10px;
    margin-left: 0 !important;
  }

  .add_resource_filters_content {
    margin-top: 80px;
  }

  #header li.sign-in-btn,
  section.upload_travel_document_sec {
    margin-top: 0;
  }

  section.see-how-it-done {
    padding-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
  }

  .see-how-it-done .btn_button_sec {
    margin-top: 15px;
    margin-bottom: 43px;
  }

  .see-how-it-done .container,
  .product_slider_mobile_sec .col-12,
  .product_slider_sec .col-12 {
    padding: 0;
  }

  .product_item_list {
    margin-bottom: 40px;
  }

  .guide-img img {
    width: 80%;
  }

  .guide_input .btn_submit {
    font-size: 17px;
    padding: 15px 8px;
    display: block;
    width: 100%;
    margin: 0 auto;
  }

  .footer-circle-left {
    display: block;
    text-align: right;
  }

  .guide_right h3 {
    font-size: 30px;
  }

  #header .sign-in-btn a {
    width: 100%;
    display: block;
    text-align: center;
    padding: 12px 30px;
  }

  .see-how-it-done-video-play-icon {
    font-size: 43px;
  }

  .travel_magazine {
    margin-top: 60px;
  }

  .magazine_label p {
    font-size: 16px;
  }

  .content-left-text p {
    font-size: 18px;
  }

  .easy-planning-tool .row,
  .all-in-one-solution .row {
    flex-direction: column-reverse;
  }

  .easy-planning-tool .oorder-2 {
    order: 2;
  }

  .mobile_view_text {
    display: block;
    padding-left: 15px;
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .mobile_view_text p {
    color: #67758d;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
  }

  .see-how-it-done-heading {
    text-align: center !important;
  }

  .see-how-it-done-heading p {
    color: #67758d;
    font-size: 18px;
    line-height: 30px;
  }

  .see-how-it-done-1 img {
    width: 90%;
  }

  .btn_button {
    border-radius: 5px;
    padding: 18px 58px;
    font-size: 17px;
  }

  .product_item_list .view_more_btn {
    padding: 13px 50px;
    font-size: 18px;
    width: 96%;
    text-align: center;
  }

  .guide_input .custom-padding-left {
    padding-left: 15px;
    padding-right: 15px;
  }

  .guide_input .padding_right {
    padding-right: 15px !important;
  }

  .footer-sec .mobile_heading {
    display: block;
    font-size: 26px;
    color: #fff;
  }

  .footer-sec h4 {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .app-section {
    background-size: 200%;
  }

  .top-tag ul.tag-nav {
    display: contents;
    justify-content: unset;
    margin-top: 20px;
  }

  .top-tag ul.tag-nav li {
    list-style: none;
    font-size: 14px;
    color: #0d3784;
    cursor: pointer;
    float: left;
    margin-top: 10px;
    padding-left: 8px;
  }

  button.tag-class {
    padding: 10px 14px;
    font-size: 13px;
  }

  .trip-mockup {
    padding-top: 33px;
  }

  .top-action {
    margin-top: 20px;
  }

  .top-tag {
    margin-top: 30px;
    min-width: 100%;
  }

  .owl-prev {
    left: 0;
  }

  .owl-next {
    right: 0;
  }

  .shareable-plans {
    height: auto;
  }

  .video_header_sec {
    margin-top: -71px;
    margin-bottom: 20px;
  }

  .banner-header-heading h2 {
    font-size: 38px;
    margin-bottom: 5px;
    line-height: 40px;
  }

  .banner-header-heading h2 span {
    display: initial;
  }

  .banner-header-heading p {
    font-size: 18px;
    line-height: 18px;
    text-align: left;
  }

  .curcle_img2,
  .export_packet_img2,
  .see-how-it-done-item .user_card2,
  .footer-sec::after,
  .header-slider-sec .header_banner,
  .header-slider-sec .icon_baar,
  .product_slide_arow,
  .product_slider_sec,
  .guide_right .guide-ultimate-head,
  .upload_travel_docume_desktop {
    display: none;
  }

  .banner-header-heading {
    position: relative;
    height: 100%;
    margin-top: -130px;
  }

  .header-slider-sec #header {
    position: relative;
    top: 0;
    display: flow-root;
  }

  .video_header_sec img {
    width: 89%;
  }

  .banner-header-heading p span {
    display: inline;
    padding-left: 10px;
    padding-right: 21px;
  }

  .banner-header-heading .pragraph {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-sec .footer-item-1,
  .footer-sec .footer-item-3,
  .guide_right,
  .upload_travel_document_sec .padding_right {
    padding-left: 0;
  }

  .footer-sec .footer-item-2 {
    padding-left: 0;
    display: block;
  }

  .add_resource_filters_content img,
  .footer-copywrite,
  .easy-planning-tool .create-your-toute-right-map img,
  .see-how-it-done-1 img,
  .guide-img img {
    width: 100%;
  }

  footer.footer-sec {
    padding-top: 32px;
  }

  .how_planning_text h2 {
    font-size: 29px;
  }

  .content-left-text {
    margin-left: 40px;
    margin-top: 49px;
  }

  .common-heading {
    font-size: 32px;
  }

  .marketplace-curcle-img-1 img {
    width: 203px;
  }

  .add_resource_filters_content {
    margin-top: 40px;
  }

  section.upload_travel_document_sec {
    margin-top: 0;
  }

  section.see-how-it-done {
    padding-top: 24px;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
  }

  .see-how-it-done .btn_button_sec {
    margin-top: 15px;
    margin-bottom: 43px;
  }

  .all-in-one-solution {
    margin-top: 42px;
  }

  .product_item_list {
    margin-bottom: 40px;
  }

  .guide_input .btn_submit {
    font-size: 17px;
    padding: 10px 38px;
    text-align: center;
    margin-top: 10px;
  }

  .add_resource_filters_heading,
  .mobile_view_text,
  .guide_input .custom-padding-left {
    padding-left: 15px;
  }

  .footer-circle-left {
    display: block;
    text-align: right;
  }

  .guide_right h3 {
    font-size: 30px;
  }

  #header .sign-in-btn a {
    width: 137px;
  }

  .shareable-plans h2 span,
  .all-in-one-solution h2 span,
  .desktop_view_text,
  .export_packet_img1,
  .see-how-it-done-heading p span,
  .mobile_view_text p span,
  .product_slider_mobile_sec,
  .guide_right .ultimate_head2,
  .upload_travel_docume_mobile {
    display: block;
  }

  .content-left-text p {
    font-size: 18px;
  }

  .easy-planning-tool .row {
    flex-direction: column;
  }

  .easy-planning-tool .oorder-2 {
    order: 2;
  }

  .mobile_view_text {
    display: noen;
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .mobile_view_text p {
    color: #67758d;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
  }

  .see-how-it-done-heading {
    padding-left: 30px;
    text-align: left !important;
  }

  .see-how-it-done-heading p {
    color: #67758d;
    font-size: 18px;
    line-height: 30px;
  }

  .see-how-it-done .container {
    padding: 0;
  }

  .btn_button {
    border-radius: 5px;
    padding: 18px 58px;
    font-size: 17px;
  }

  .product_slider_mobile_sec .col-12 {
    padding: 10px;
  }

  .product_item_list .view_more_btn {
    padding: 13px 50px;
    font-size: 18px;
    width: 96%;
    text-align: center;
  }

  .product_item_content h3 {
    font-size: 26px;
  }

  .guide_input .padding_right {
    padding-right: 15px;
  }

  .footer-sec .mobile_heading {
    display: block;
    font-size: 26px;
    color: #fff;
  }

  .footer-sec h4 {
    margin-bottom: 20px;
  }

  #header li.sign-in-btn {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
  .app-section {
    background-size: 160%;
  }

  .video_header_sec {
    margin-top: -580px !important;
  }

  .header-image {
    right: -300px;
  }
}

@media only screen and (min-width: 801px) and (max-width: 990px) {
  .video_header_sec {
    margin-top: -460px !important;
  }
}

@media only screen and (min-width: 991px) and (max-width: 1100px) {
  .app-section {
    background-size: 140%;
  }

  .content-left-text.mockup-section {
    display: contents;
  }

  .banner-header-heading h2 {
    font-size: 40px;
    line-height: 40px;
  }

  .banner-header-heading h2 span {
    display: initial;
  }

  .top-tag {
    margin-top: 0;
    position: relative;
    top: 50px;
  }
}

@media only screen and (min-width: 1101px) and (max-width: 1270px) {
  .pragraph.mt-3 {
    margin-top: 0 !important;
  }

  .top-action {
    margin-top: 20px;
  }

  .video_header_sec {
    margin-top: -420px !important;
  }

  .banner-header-heading {
    top: 160px;
  }

  .banner-header-heading h2 {
    font-size: 40px;
    line-height: 40px;
  }

  .banner-header-heading h2 span {
    display: initial;
  }

  .content-right-text {
    margin-top: 60px;
  }

  .curcle_img3.text-right {
    bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 990px) {

  .marketplace-circle {
    transform: scale(0.7, 0.7);
    transform-origin: top right;
  }

  .header-image {
    width: 31rem;
    right: -300px;
    top: -310px;
  }

  .banner-header-heading {
    padding-top: 240px;
  }

  .top-action,
  .top-tag {
    margin-top: 30px;
  }

  .top-action a {
    padding: 14px 25px;
    font-size: 14px;
  }

  .top-tag {
    min-width: 100%;
    margin-bottom: 20px;
  }

  .trip-mockup {
    position: absolute;
    bottom: 0;
  }

  .top-tag ul.tag-nav li {
    float: left;
    margin-top: 10px;
    padding-left: 8px;
  }

  .top-tag ul.tag-nav {
    display: contents;
  }

  button.tag-class {
    font-size: 12px;
  }

  .pragraph.mt-3 {
    margin-top: 0 !important;
  }

  .owl-prev {
    left: 0;
  }

  .owl-next {
    right: 0;
  }

  .shareable-plans,
  .all-in-one-solution {
    height: auto;
  }

  .marketplace-circle img {
    width: 170px;
  }

  h3.how-it-all-works-heading {
    font-size: 35px;
  }

  .curcle_img5 img {
    width: 280px;
  }

  .curcle_img5 {
    top: 350px;
  }

  .curcle_img3 {
    bottom: 0;
  }

  .svg_path {
    background: 0 0;
    position: relative;
    top: 1px;
  }

  .container.itinerary_section {
    top: -50px;
  }

  nav.navbar.navbar-expand-lg.h1-nav {
    z-index: 999;
    background: #FAFBFF;
  }

  ul.navbar-nav {
    padding-bottom: 20px;
  }

  .h1-nav .navbar-nav .nav-item>.nav-link {
    padding: 15px 20px;
  }

  .magazine_content_heading {
    margin-top: 20px;
  }

  .menuzord-responsive .menuzord-menu {
    background-color: #0669c8;
    z-index: 999;
    position: relative;
    padding-bottom: 20px;
  }

  h3.feature_heading {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .banner-header-heading p {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
  }

  .header-slider-sec .header_banner {
    height: calc(100vh - 100px);
  }

  .shareable-plans h2 span,
  .all-in-one-solution h2 span,
  .desktop_view_text,
  .export_packet_img1,
  .see-how-it-done-heading p span,
  .header-slider-sec .header_banner,
  .mobile_view_text p span,
  .product_slider_mobile_sec,
  .guide_right .ultimate_head2,
  .upload_travel_docume_desktop {
    display: block;
  }

  .header-slider-sec #header {
    position: absolute;
    top: 0;
    display: flow-root;
  }

  .video_header_sec img {
    width: 66%;
  }

  .banner-header-heading h2 {
    font-size: 30px;
    line-height: 34px;
  }

  .banner-header-heading h2 span,
  .guide_right h3 span {
    display: initial;
  }

  .video_header_sec {
    margin-top: -227px;
  }

  .banner-header-heading p span {
    display: inline;
    padding-left: 10px;
    padding-right: 21px;
  }

  .banner-header-heading .pragraph {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-sec .footer-item-1,
  .footer-sec .footer-item-3,
  .guide_right,
  .upload_travel_document_sec .padding_right {
    padding-left: 0;
  }

  .footer-sec .footer-item-2 {
    padding-left: 0;
    display: block;
  }

  .add_resource_filters_heading,
  .mobile_view_text,
  .guide_input .custom-padding-left {
    padding-left: 15px;
  }

  .curcle_img2,
  .export_packet_img2,
  .see-how-it-done-item .user_card2,
  .footer-sec::after,
  .header-slider-sec .icon_baar,
  .product_slide_arow,
  .product_slider_sec,
  .upload_travel_docume_mobile {
    display: none;
  }

  .add_resource_filters_content img,
  .footer-copywrite,
  .easy-planning-tool .create-your-toute-right-map img,
  .see-how-it-done-1 img {
    width: 100%;
  }

  footer.footer-sec {
    padding-top: 32px;
  }

  .how_planning_text h2 {
    font-size: 28px;
  }

  .content-left-text {
    margin-left: 0;
    margin-top: 0;
  }

  .feature_number,
  .footer-sec h4 {
    margin-bottom: 20px;
  }

  .common-heading {
    font-size: 24px;
  }

  .content-right-text {
    margin-top: 10px;
    margin-bottom: 60px;
  }

  .marketplace-curcle-img-1 img {
    width: 203px;
  }

  .add_resource_filters_content {
    margin-top: 40px;
  }

  section.upload_travel_document_sec {
    margin-top: 0;
  }

  section.see-how-it-done {
    padding-top: 24px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
  }

  .see-how-it-done .btn_button_sec {
    margin-top: 45px;
    margin-bottom: 43px;
  }

  .product_item_list {
    margin-bottom: 40px;
  }

  .guide-img img {
    width: 90%;
    margin-top: 60px;
  }

  .guide_input .btn_submit {
    margin-left: 0;
    display: block;
  }

  .custom-col {
    max-width: 100%;
    flex: auto;
  }

  .guide_right h3 {
    margin-bottom: 12px;
    font-size: 30px;
  }

  .guide_right p {
    line-height: 24px;
  }

  .see-how-it-done-heading p,
  .mobile_view_text p {
    color: #67758d;
    line-height: 30px;
    font-size: 18px;
  }

  .footer-circle-left {
    display: block;
    text-align: right;
  }

  #header .sign-in-btn a {
    width: 300px;
    display: block;
    text-align: center;
    padding: 12px 30px;
  }

  .content-left-text p {
    font-size: 18px;
  }

  .mobile_view_text {
    display: none;
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .mobile_view_text p {
    text-align: left;
  }

  .see-how-it-done-heading {
    padding-left: 30px;
    text-align: left !important;
  }

  .see-how-it-done .container {
    padding: 0;
  }

  .btn_button {
    border-radius: 5px;
    padding: 18px 58px;
    font-size: 17px;
  }

  .product_slider_mobile_sec .col-12 {
    padding: 10px;
  }

  .product_item_list .view_more_btn {
    padding: 13px 50px;
    font-size: 18px;
    width: 96%;
    text-align: center;
  }

  .product_item_content h3 {
    font-size: 23px;
  }

  .guide_input .padding_right {
    padding-right: 15px !important;
  }

  .footer-sec .mobile_heading {
    display: block;
    font-size: 26px;
    color: #fff;
  }

  #header li.sign-in-btn {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 991px) and (max-width: 1100px) {
  .owl-prev {
    left: 0;
  }

  .owl-next {
    right: 0;
  }

  .shareable-plans,
  .all-in-one-solution {
    height: auto;
  }

  .marketplace-circle img {
    width: 227px;
  }

  .curcle_img5 img {
    width: 320px;
  }

  .curcle_img5 {
    top: 430px;
  }

  .video_header_sec {
    margin-top: -550px;
  }

  .menuzord-brand {
    margin: 0;
  }

  .curcle_img3 {
    bottom: 0;
  }

  .common-heading span,
  .common-heading_two span {
    display: initial;
  }

  .content-right-text {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .banner-header-heading {
    height: 94%;
  }

  .easy-planning-tool .create-your-toute-right-map img {
    width: 100%;
  }

  .header-slider-sec .icon_baar,
  .product_slider_mobile_sec,
  .product_slider_sec .owl-next,
  .product_slider_sec .owl-prev {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .banner-header-heading.container-800 {
    height: 550px;
    padding: 40px 0;
  }

}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 70%;
  }

  .container-800 {
    height: 800px;
    display: flex;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .container:not(.guide .container) {
    max-width: 1350px;
  }
}

@media (max-width: 820px) {
  .marketplace-top-header-heading .row {
    flex-direction: column;
  }
}


@media screen and (max-width: 767px) {
  .banner-header-heading {
    padding-bottom: 0px !important;
  }

  .hide-for-web {
    display: none;
  }

  .hide-for-mob {
    display: none;
  }

  .easy-planning-tool .container {
    margin-top: 1rem !important;
  }

  .mobile_landing {
    display: flex;
    justify-content: center;
  }

  h3.how-it-all-works-heading {
    padding-top: 0px;
  }
}


@media screen and (max-width: 1270px) {

  .discount-christmas {
    width: 80%;
  }

  .toite-img {
    position: static;
    width: 100%;

  }

  .all-in-one-solution .row {
    background: white;
  }

  .banner-header-heading .container-800 {
    height: 600px;
    padding: 40px 0;
  }


  .mobile_landing_app_img {
    padding-left: 0px;
    width: 100%;
  }

  .app-landing {
    position: static;
  }
}

@media screen and (min-width: 1024px) {

  .header-image {
    width: 37rem;
    right: -30px;
    top: 3px;
  }

  /* .common-heading,
  h3.marketplace-heading,
  h3.how-it-all-works-heading {
    font-size: 30px;
    line-height: 42px;
  }

  .banner-header-heading h2 {
    font-size: 50px;
  }

  button.tag-class {
    font-size: 14px;
  } */

}

@media screen and (min-width: 1180px) {
  .header-image {
    width: 37rem !important;
    right: -60px;
    top: -20px;
  }
}

@media screen and (min-width: 1280px) {
  .header-image {
    width: 52rem !important;
    right: -45px;
    top: -105px;
  }
}

@media screen and (min-width: 1680px) {

  .header-image {
    position: absolute;
    width: 59rem !important;
    left: -103px;
    top: -103px;
  }
}

/* update landing page 2024-12 */


/* Mobile (smartphone) */
@media only screen and (max-width: 679px) {
  .banner-header-heading h2 {
    font-size: 35px !important;
  }

  .banner-header-heading p {
    line-height: 24px !important;
  }

  .pragraph {
    padding-right: unset !important;
  }

  .header-image {
    width: 310px !important;
    position: static !important;
  }

  .easy-planning-tool {
    margin-top: 10px !important;
  }

  .easy-planning-tool .row {
    flex-direction: unset !important;
  }

  .easy-planning-tool-img {
    width: 100% !important;
    height: 100% !important;
  }

  .easy-planning-tool span,
  .all-in-one-solution span,
  .shareable-plans span {
    font-size: 13px !important;
  }

  .common-heading {
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: -1px !important;
    margin-top: 8px !important;
  }

  .all-in-one-solution p,
  .easy-planning-tool p,
  .shareable-plans p {
    margin-top: 11px !important;
    padding-right: 30px !important;
  }

  .content-left-text p,
  .all-in-one-solution p,
  .easy-planning-tool p,
  .shareable-plans p {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .start-your-plan-btn {
    width: 100% !important;
    height: 65px !important;
    display: block !important;
    text-align: center !important;
    padding-top: 20px !important;
    padding: 21px 0px !important;
  }

  .easy-planning-tool-btn,
  .all-in-one-solution-btn {
    margin-top: 22px !important;
  }

  .gray-background {
    display: block !important;
    background-color: unset !important;
    width: 95% !important;
    height: unset !important;
    padding-left: unset !important;
  }

  .add_resource_filters_heading,
  .custom-padding-left {
    padding-left: 15px !important;
  }

  .create-your-toute-right-map {
    width: 100% !important;
    height: 100% !important;
  }

  .all-in-one-solution {
    margin-top: 35px !important;
  }

  .all-in-one-solution .create-your-toute-right-map {
    margin-top: unset !important;
  }

  .content-right-text {
    margin-top: 34px !important;
  }

  .shareable-plans {
    margin-top: 30px !important;
    z-index: 2 !important;
  }

  .content-left-text,
  .content-right-text,
  .shareable-plans-text {
    margin-left: 21px !important;
    margin-right: 21px !important;
  }

  .top-tag ul.tag-nav li {
    padding-left: unset !important;
  }

  .how-it-all-works {
    background-color: #fafbff !important;
    margin-top: unset !important;
  }

  .how-it-all-works-left-circle {
    width: 115px !important;
    height: 115px !important;
    background: rgba(255, 255, 255, 0.223) !important;
    position: absolute !important;
    left: 0px !important;
    margin-top: unset !important;
    margin-bottom: unset !important;
  }

  .how-it-all-works-right-circle {
    width: 109px !important;
    height: 109px !important;
    background: rgba(255, 255, 255, 0.223) !important;
    position: absolute !important;
    right: 0px !important;
    margin-top: unset !important;
    margin-bottom: unset !important;
  }

  .how-it-all-works-heading-add {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  h3.how-it-all-works-heading {
    font-size: 36px !important;
  }

  .circle-container {
    position: relative !important;
    display: inline-block !important;
    margin-bottom: 10px !important;
  }

  .circle-container img {
    display: block !important;
    width: 34.35px !important;
    margin-left: 95px !important;
  }

  .circle-text {
    position: absolute !important;
    top: 53% !important;
    left: 35% !important;
    transform: translate(-50%, -50%) !important;
    color: black !important;
    font-size: 16px !important;
    text-align: center !important;
  }

  .img-container img {
    width: 50% !important;
  }

  .how-it-all-works-text {
    color: #0d256e !important;
    font-size: 18px !important;
    line-height: 22.9px !important;
    padding-left: 95px !important;
    padding-right: 95px !important;
  }

  .d-flex.justify-content-center.img-container {
    margin-top: 23px !important;
    margin-bottom: 23px !important;
  }

  .shareable-btn {
    margin-bottom: 38px !important;
  }

  .marketplace-circle {
    display: none !important;
  }

  .marketplace-top-header-heading {
    margin-top: unset !important;
  }

  h3.marketplace-heading {
    font-size: 41px !important;
    line-height: 44px !important;
    letter-spacing: -1px !important;
  }

  .banner-heading h2 {
    font-size: 28px !important;
    line-height: 34px !important;
  }

  .right-banner-info {
    display: block !important;
    width: 160.37px !important;
    height: 47.66px !important;
    bottom: 15px !important;
    right: 0px;
  }

  .right-banner-info-title {
    left: 35px !important;
    top: -25px !important;
  }

  .top-banner-info {
    width: 152.52px !important;
    height: 47.66px !important;
    left: 70px !important;
    top: -15px !important;
  }

  .right-banner-info,
  .top-banner-info {
    padding: 11px 20px !important;
  }

  .icon-info img {
    width: 26.48px !important;
  }

  .title-info h4,
  .people-info h4 {
    font-size: 7.94px !important;
  }

  .title-info p {
    font-size: 6.88px !important;
  }

  .bottom-banner-info {
    width: 200.71px !important;
    height: 36.01px !important;
    padding: 6px 20px !important;
    bottom: -15px !important;
  }

  .icon-people img {
    width: 85.26px !important;
    height: 21.18px !important;
  }

  .marketplace-content .container {
    margin-top: 58px !important;
  }

  .owl-theme .owl-nav {
    display: none !important;
  }

  .owl-carousel-row-content {
    padding-left: unset !important;
    padding-right: unset !important;
  }

  .owl-carousel .owl-item img {
    width: 100% !important;
  }

  .guide-right {
    padding-left: unset !important;
  }

  .free_btn {
    margin-top: 16px !important;
  }

  .marketplace-subheading,
  li.children-item {
    flex-direction: column;
  }

  .marketplace-category-nav ul {
    display: flex !important;
  }

  .marketplace-heading h3 {
    font-size: 24px !important;
  }

  .loading_section {
    left: 40% !important;
  }

  section.marketplace-content {
    padding-top: 10rem;
  }
}

/* Tablet */
@media only screen and (min-width: 680px) and (max-width: 1024px) {
  .header-image {
    position: unset !important;
    width: 100% !important;
  }

  .trip-mockup {
    position: unset !important;
    padding-right: 80px !important;
  }

  .start-your-plan-btn {
    width: 100% !important;
    text-align: center !important;
    padding: 21px 0px !important;
  }

  .easy-planning-tool,
  .shareable-plans,
  .how-it-all-works {
    margin-top: 50px !important;
  }

  .easy-planning-tool-img,
  .create-your-toute-right-map {
    width: 100% !important;
    height: auto !important;
  }

  .all-in-one-solution .row {
    flex-direction: column-reverse !important;
  }

  .gray-background {
    background-color: unset !important;
    border-radius: unset !important;
    width: 100% !important;
    height: unset !important;
    padding-left: unset !important;
  }

  .all-in-one-solution .create-your-toute-right-map {
    margin-top: unset !important;
  }

  .common-heading {
    line-height: 34px !important;
  }

  .content-left-text p,
  .all-in-one-solution p,
  .easy-planning-tool p,
  .shareable-plans p {
    line-height: 24px !important;
  }

  .content-right-text {
    margin-top: 2rem !important;
    margin-bottom: 0px !important;
  }

  .shareable-btn {
    margin-top: 3rem !important;
  }

  .how-it-all-works-left-circle {
    width: 115px !important;
    height: auto !important;
    margin-top: unset !important;
  }

  .how-it-all-works-right-circle {
    width: 109px !important;
    height: auto !important;
    margin-top: unset !important;
  }

  .img-container img {
    width: 50% !important;
  }

  .circle-container img {
    display: block !important;
    width: 34.35px !important;
    margin-left: 95px !important;
  }

  .circle-text {
    position: absolute !important;
    top: 53% !important;
    left: 23.5% !important;
    transform: translate(-50%, -50%) !important;
    color: black !important;
    font-size: 16px !important;
    text-align: center !important;
  }

  .how-it-all-works-text {
    padding-left: 100px !important;
    padding-right: 100px !important;
    margin-top: 10px !important;
  }

  .common-heading-2 {
    text-align: center !important;
  }

  .marketplace-content .container {
    margin-top: 170px !important;
  }

  .guide-img-left,
  .guide-img-right {
    display: none !important;
  }

  .guide-img {
    display: flex !important;
    justify-content: center !important;
  }

  .guide-right {
    margin-top: 20px;
  }

  .banner-search {
    width: 100% !important;
  }

  .guide .custom-padding-left {
    padding-left: 0px !important;
  }

  section.marketplace-content {
    padding-top: 10rem;
  }
}

/* Tablet landscape*/
@media only screen and (min-width: 1100px) and (max-width: 1200px) and (orientation: landscape) {
  .easy-planning-tool-img {
    width: 100% !important;
    height: auto !important;
  }

  .easy-planning-tool span,
  .all-in-one-solution span,
  .shareable-plans span {
    color: #F4A135 !important;
    letter-spacing: 3px !important;
    font-size: 13px !important;
    font-weight: bold !important;
  }

  .common-heading,
  h3.marketplace-heading,
  h3.how-it-all-works-heading {
    color: #0d256e !important;
    font-weight: bold !important;
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: -1px !important;
  }

  .easy-planning-tool p,
  .all-in-one-solution p,
  .shareable-plans p {
    font-size: 16px !important;
    line-height: 24px !important;
    padding-right: 80px !important;
  }

  .gray-background {
    width: unset !important;
    height: unset !important;
    padding-left: unset !important;
  }

  .create-your-toute-right-map {
    width: 680px !important;
    height: 490px !important;
  }

  .all-in-one-solution .create-your-toute-right-map {
    margin-top: 4rem !important;
  }

  .create-your-toute-right-map {
    width: 100% !important;
    height: auto !important;
  }

  .how-it-all-works-right-circle {
    width: 140px !important;
  }

  .how-it-all-works-left-circle {
    width: 200px !important;
  }

  .marketplace-curcle-img-1 img {
    width: 200px !important;
  }

  .guide-img-left,
  .guide-img-right {
    display: none !important;
  }
}

/* Laptop */
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .gray-background {
    padding-left: 20px !important;
    width: 98% !important;
  }

  .app-landing {
    position: unset !important;
    left: unset !important;
  }

  .create-your-toute-right-map {
    width: unset !important;
    height: unset !important;
  }

  .how-it-all-works-left-circle {
    width: 215.43px !important;
    height: 215.43px !important;
  }

  .how-it-all-works-right-circle {
    width: 155.3px !important;
    height: 155.3px !important;

  }

  .guide-img-left {
    left: -18% !important;
  }

  .guide-img-right {
    right: -18% !important;
  }

  .footer-sec {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
}

/* Desktop */
@media only screen and (min-width: 1441px) {}