/*Extra small devices (portrait phones, less than 576px)*/
@media (min-width: 320px) and (max-width: 575px) {
  .sentOtp{
    font-size: 16px !important;
  }

 

  .faqimage {
    display: none;
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: 10px !important;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: 10px !important;
  }
  .faq_grid {
    /* grid-template-columns: 1fr 1fr; */
    display: flex;
    flex-direction: column;
  }
  html {
    font-size: 14px;
  }
  .mob-hide {
    display: none;
  }
  .mob-show {
    display: block !important;
  }
  .screen-carousel .owl-item.active.center img {
    /* height: 500px; */
    width: 80%;
    margin: auto;
  }

  .owl-carousel .owl-stage-outer {
    margin-bottom: -50px;
  }
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.7441em;
  }
  .hero-content-left h1 {
    font-size: 2.25rem;
    line-height: initial;
  }
  .contactUsSection {
    background-position: center;
    height: auto !important;
    background-color: #000;
    background-image: none;
    border-bottom: 8px solid var(--yellow);
  }
  .swiper-slide.testimonialCard.swiper-slide-active {
    width: 100% !important;
    height: auto !important;
    margin-top: 0px;
  }
  .swiper-slide.testimonialCard.swiper-slide-active::after {
    opacity: 0;
    transition: 0.5s;
  }
  .bannerTemplateBackgroundAnimation img {
    width: 75%;
  }
  .mt--120 {
    margin-top: -50px;
  }
  .pt-150 {
    padding-top: 50px;
  }

  /*navbar*/
  .main-menu ul li {
    padding: 15px 0 0;
  }

  /*promo*/
  div[class*="col-"]:not(:last-of-type) {
    margin-bottom: 20px !important;
  }
  .row > div[class*="col-"]:last-of-type {
    margin-bottom: 0;
  }
  .d-flex {
    justify-content: flex-start !important;
  }
  .about-content-right {
    margin-top: 20px;
  }

  /*counter*/
  .counter {
    margin-top: 25px;
  }
  .single-card {
    padding: 10px 15px;
    margin-bottom: 25px;
    margin-left: 16px;
  }
  .single-card:nth-child(2n) {
    top: 0;
  }

  /*client*/
  .client-section{
    padding: 90px 0px !important;
  }
  /*subscribe form*/
  .subscribe-form {
    width: 100%;
  }

  .download-btn a.btn {
    margin: 7px 0;
  }

  .sliderHeading {
    text-align: center;
  }

  .digitalCardBusiness {
    margin: 0 0 50px 0 !important;
  }

  .beneficail-title {
    margin-bottom: 6px;
  }

  .multiImages {
    right: 0px !important;
  }

  .anchors {
    flex-direction: row;
    top: 0;
    bottom: 0;
    position: relative;
    gap: 5px;
    align-items: normal;
  }

  .tabs {
    padding: 0px;
    margin: 0px;
  }

  .feature-new {
    padding: 40px 5px 40px 5px !important;
  }

  .new-single-promo {
    /* background: none; */
    height: auto;
  }

  .feture-img-div {
    margin-bottom: 0px !important;
    width: 100px !important;
  }

  .feture-p-tag {
    text-align: left;
  }

  .fantasticHeading {
    text-align: left;
  }

  .fantasticFeatures {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .feture-img {
    width: 50px;
    height: 50px;
  }

  #beneficial {
    padding: 35px 0px;
  }

  .beneficail_box {
    display: flex;
    height: 200px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    box-shadow: 0px 4px 20px 4px rgba(189, 189, 189, 0.25),
      0px 4px 20px 2px rgba(190, 190, 190, 0.25);
    border-radius: 8px;
  }

  .beneficail_icon {
    position: relative;
  }

  .beneficail_icon img {
    width: 60px;
    height: 60px;
  }

  .beneficail_content {
    background: none;
    text-align: center;
    padding: 5px 20px 12px 20px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    margin-top: 20px;
    border-radius: 0px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 0;
  }

  .beneficail-description {
    text-align: left;
  }

  .beneficail_content::after {
    margin-top: 10px;
  }

  .ctaButton {
    justify-content: center !important;
  }

  .testimonial-description {
    font-size: 12px;
    text-align: justify;
  }

  .testimonial-contentDiv {
    padding: 15px 20px;
  }
  .testimonial-contentDiv{
    height: 250px;
  }

  figure.snip1390 .profile {
    width: 60px !important;
  }

  .testimonials_title {
    font-size: 14px;
  }
  .testimonials_city {
    font-size: 12px;
  }

  .cardsSection {
    padding-left: 5px;
    padding-right: 5px;
  }

  .loader1,
  .loader3 {
    left: 38%;
    top: 50%;
  }

  .menu {
    align-items: flex-start;
    gap: 0px;
    margin-left: 10px !important;
  }

  .menu li a {
    color: #000000;
  }

  #nav-tabContent {
    height: 78% !important;
  }

  .mainTemplateDiv {
    margin-bottom: 5px !important;
  }

  .price {
    font-size: 12px !important;
  }

  .templateEditSection {
    bottom: 8px !important;
  }

  .mobile-video-section-3 img {
    scale: 1 !important;
  }

  .howItWorks {
    scale: 1.2 !important;
  }

  .main_containe {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .rightImg {
    display: none;
  }

  .leftImg {
    display: none;
  }
  .discount-price h4 {
    font-size: 30px !important;
  }

  #imageGalleryBox {
    display: flex;
  }

  #videoGalleryBox {
    display: flex;
  }

  ::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background: gray;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

  ::-webkit-scrollbar-thumb:horizontal {
    background: #000;
    border-radius: 10px;
  }

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

  .view-btns{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 0px !important;
  }
}

@media (max-width: 767px) {
  .youtube_video {
    width: 100%;
  }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {

  .blogsHeader{
    height: 140px !important;
  }

  .mob-hide {
    display: none;
  }
  .mob-show {
    display: block !important;
  }
  .screen-carousel .owl-item.active.center img {
    /* height: 500px; */
    width: 80%;
    margin: auto;
  }
  .owl-carousel .owl-stage-outer {
    margin-bottom: -200px;
  }
  .mt--120 {
    margin-top: -50px;
  }
  .pt-150 {
    padding-top: 60px;
  }

  /*promo*/
  div[class*="col-"]:not(:last-of-type) {
    margin-bottom: 20px !important;
  }
  .row > div[class*="col-"]:last-of-type {
    margin-bottom: 0;
  }
  .about-content-right {
    margin-top: 20px;
  }

  /*subscribe form*/
  .subscribe-form {
    width: 100%;
  }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {

  .blogsHeader{
    height: 190px !important;
  }

  .packageListName{
    font-size: 11px !important;
  }

  .package{
    height: 360px !important;
  }

  .tabs{
    width: 28% !important;
    padding: 5px 10px 5px 0px !important;
  }

  .multiPageText{
    font-size: 10px !important;
  }

  .anchors{
    top: 60px !important;
    left: 25px !important;
  }

  .mt--120 {
    margin-top: -50px;
  }
  .mob-hide {
    display: none;
  }
  .mob-show {
    display: block !important;
  }
  .screen-carousel .owl-item.active.center img {
    /* height: 500px; */
    width: 80%;
    margin: auto;
  }
  .swiper-slide.testimonialCard.swiper-slide-active {
    width: 100% !important;
    height: auto !important;
    margin-top: 0px;
  }

  .sliderHeading {
    text-align: center;
  }

  .new-single-promo {
    /* background: none; */
    height: auto;
  }

  .fantasticFeatures {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: 200px;
  }

  .feture-img-div {
    margin-bottom: 0px !important;
    width: 100px !important;
  }

  .feture-img {
    width: 50px;
    height: 50px;
  }

  .feture-p-tag {
    text-align: left;
  }

  .fantasticHeading {
    text-align: justify;
  }

  .beneficail_box {
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    border-radius: 8px;
  }

  .beneficail_icon {
    position: relative;
  }

  .beneficail_icon img {
    width: 60px;
    height: 60px;
  }

  .beneficail_content {
    background: none;
    /* text-align: center; */
    padding: 5px 20px 12px 20px;
    /* height: 100px; */
    display: flex;
    flex-direction: column;
    /* align-items: flex-start;
    justify-content: flex-end; */
    margin-top: 20px;
    border-radius: 0px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 0;
  }

  .beneficail-description {
    text-align: justify;
  }

  .beneficail_content::after {
    margin-top: 10px;
  }

  .mobile-video-section-3 img {
    scale: 1 !important;
  }

  .howItWorks {
    scale: 1.3 !important;
    margin-top: 20%;
  }

  .cardTypes .create-card-1 {
    width: 100%;
  }

  .cardTypes .create-card-1 span {
    display: flex;
  }

  .ctaButton .create-card-1 {
    width: 50%;
  }

  h1 {
    margin-top: 0;
    font-size: 2.052em;
  }

  .testimonial-description {
    font-size: 14px;
    text-align: justify;
  }

  .testimonial-contentDiv {
    padding: 15px 20px;
  }
  .testimonials_title {
    font-size: 14px;
  }
  .testimonials_city {
    font-size: 12px;
  }

  .feature-new {
    padding: 40px 5px 40px 5px !important;
  }

  .main_containe {
    background: #f6f6ff !important;
    padding: 20px 0px !important;
    position: relative !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .price {
    font-size: 12px !important;
    gap: 12px !important;
  }

  .freeTrial {
    width: 10rem !important;
  }

  .pay-now {
    width: 10rem !important;
  }

  .download-btn {
    width: 10rem !important;
  }

  .recent-purchesed {
    padding-top: 100px;
  }

  .final-preview {
    width: 280px !important;
  }

  .menu-options {
    top: 100px !important;
  }

  .pillBox {
    height: 700px !important;
  }
  .btn-live-priview {
    font-size: 11px !important;
  }

  #businessCardview {
    margin-top: 100px !important;
  }

  .full-screen {
    min-height: 75vh !important;
  }

  .real-price h4{
    font-size: 22px !important;
  }

  .discount-price h4{
    font-size: 22px !important;
  }

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {

  .blogsHeader{
    height: 140px !important;
  }

  .packageListName{
    font-size: 14px !important;
  }

  .package{
    height: 360px !important;
  }

  .beneficail-title{
    font-size: 16px !important;
  }

  .tabs{
    width: 30% !important;
  }

  .anchors{
    top: 60px !important;
    left: 6px !important;
  }

  .feture-img-div {
    margin-bottom: 0px !important;
    width: 100px !important;
  }

  .beneficail_icon img {
    width: 26% !important;
  }

  .testimonial-description {
    font-size: 13px !important;
  }

  .testimonials_title {
    font-size: 15px !important;
  }

  .price{
    font-size: 14px !important;
  }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

@media (max-width: 500px) {
  .swiperContainer {
    width: 80% !important;
  }
  .feedback h5 {
    font-size: 14px;
  }
  .feedback p,
  .feedback h4,
  .feedback span {
    font-size: 10px !important;
  }
  .loginDiv{
    justify-content: start;
  }
  #loginButton{
    padding: 5px 10px !important;
  }
  #createCred{
    padding: 5px 10px !important;
  }
  .hide-mobile{
    display: none;
  }
  .customBtn{
    width: 155px;
  }
  .button-textOne{
    font-size: 14px;
  }
  .text-align-custom{
    text-align: center;
  }
  .custom-div-flip{
    flex-direction: column-reverse;
  }
}