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

  header,
  section,
  footer {
    overflow: hidden;
  }

  /* For Package Table Start */
  .show-mobile {
    display: block;
  }

  .hide-price {
    display: none;
  }

  .show-mobile .first-head {
    display: none;
  }

  .show-mobile table {
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%;
  }

  /* For Package Table Start */

  .header-box {
    flex-direction: column;
    gap: 24px;
  }

  .theme-btn {
    padding: 10px 30px;
  }

  .logodiv img {
    width: unsetx;
  }

  .banner {
    padding-bottom: 50px;
    background-position: unset;
    text-align: center;
    padding-top: 150px;
    height: unset;
  }

  .contact-sec {
    display: none;
  }

  section.banner h1 {
    font-size: 26px;
  }

  section.banner .button-group {
    flex-direction: column;
  }

  .banner-blue-btn {
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 14px 14px;
  }

  .yellow-btn {
    width: 100%;
    text-align: center;
    font-size: 14px;
  }

  div#CountDownTimer {
    margin: 0 auto;
    margin-top: 25px;
  }

  .banner-form {
    width: 100%;
    float: unset;
    margin-top: 30px;
  }

  .banner-form form h3 {
    font-size: 20px;
  }

  .banner-form form h3 span {
    font-size: 18px;
  }

  .banner-form input[type="submit"] {
    font-size: 14px;
  }

  .secure {
    display: none;
  }

  .about {
    padding: 50px 0;
  }

  .about h2 {
    margin: 20px 0;
    font-size: 18px;
  }

  .button-group {
    display: block;
  }

  .about-btn-1 {
    padding: 12px;
    font-size: 14px;
  }

  .about-btn-2 {
    padding: 12px;
    font-size: 14px;
  }

  .our-work {
    padding: 50px 0;
  }

  .our-work h2 {
    font-size: 18px;
  }

  .our-work h4 {
    margin: 16px 0;
    font-weight: 700;
    font-size: 16px;
  }

  .our-work h5 {
    font-size: 14px;
  }

  .our-work p {
    width: 100%;
    margin: 0 auto 30px;
  }

  .our-work img {
    width: 100%;
  }

  .our-work .button-group {
    margin-top: 20px;
    justify-content: flex-start;
  }

  .about-section-2 {
    padding: 0;
  }

  .about-section-2 .container {
    background: #f8f9fa;
    padding: 50px 12px;
  }

  .about-section-2 .about-img {
    border-radius: 10px;
    width: 100%;
    margin-top: 50px;
  }

  .packages {
    padding: 50px 0;
    text-align: center;
  }

  .packages .head-para {
    width: 100%;
  }

  section.portfolio {
    padding: 50px 0;
  }

  section.portfolio h2 {
    font-size: 18px;
  }

  section.portfolio h2+p {
    width: 100%;
  }

  #portfolio-carousel {
    margin-top: 50px;
    padding: 10px;
  }

  section.design-industry {
    padding-top: 0;
    text-align: center;
  }

  section.design-industry h4 {
    font-size: 20px;
    line-height: 22px;
    margin-top: 50px;
  }

  section.design-industry img {
    float: unset;
    text-align: center;
    width: 100%;
  }

  .our-packages {
    padding: 50px 0;
    padding-bottom: 0;
  }

  .our-packages h2 {
    font-size: 18px;
  }

  .choose-packages-box .column.second,
  .choose-packages-box .column.third,
  .choose-packages-box .column.four {
    padding: 30px 22px;
    color: #fff;
  }

  .section-package {
    padding: 50px 0;
  }

  .package-content h2 {
    font-size: 36px;
  }

  .package-content .left-one {
    width: 100%;
  }

  .package-content li {
    color: #fff;
    margin-top: 20px;
    font-size: 14px;
  }

  .corporate-package-row .right-one ul {
    margin-bottom: 50px;
  }

  section.helpingbrand {
    padding: 50px 0;
  }

  section.helpingbrand .head-para {
    width: 100%;
  }

  section.helpingbrand .row {
    margin-top: 20px;
  }

  .helping-brand-box {
    margin-top: 20px;
  }

  #reviews-carousel {
    margin-top: 30px;
  }

  .FaqsMainUp {
    padding: 50px 0;
  }

  .FaqsMain {
    padding: 20px 40px;
    margin-top: 0;
  }

  .accordion_head {
    font-size: 16px;
  }

  .copyright .inner {
    flex-direction: column;
    gap: 10px;
  }

  section.helpingbrand p {
    padding: 0;
  }

  section.helpingbrand ul {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 50px;
  }

  section.helpingbrand ul li {
    width: 100%;
  }

  section.cta-n {
    text-align: center;
  }

  section.cta-n h4 {
    font-size: 18px;
  }

  section.cta-n ul {
    flex-direction: row;
    margin-top: 30px;
  }

  section.cta-n ul li {
    display: block;
    text-align: center;
  }

  section.cta-n ul .textbox {
    margin-top: 25px;
  }

  section.satisfied-customer {
    background: #eee;
    padding: 50px 0;
    padding-bottom: 100px;
  }

  section.satisfied-customer .leftsec {
    width: 100%;
    height: 300px;
  }

  section.satisfied-customer .rightsec {
    float: unset;
    text-align: center;
    width: 100%;
  }

  section.satisfied-customer .rightsec img {
    display: inline-block;
    width: 100%;
  }

  .customerslider .owl-dots {
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
  }

  footer {
    padding: 50px 0;
  }

  footer h2 {
    font-size: 18px;
    line-height: 34px;
  }

  footer h2+p {
    width: 100%;
  }

  #footerForm {
    gap: 0;
    margin-top: 30px;
  }

  #footerForm .row {
    width: 100%;
  }

  .footerForm .col-md-4,
  .footerForm .col-md-12 {
    margin-top: 25px;
    padding: 0;
  }

  #footerForm input[type="submit"] {
    width: 100%;
    margin-top: 25px !important;
  }

  .popup-left-col {
    display: none;
  }

  #staticBackdrop .btn-close {
    right: -5px;
    top: -20px;
  }

  #staticBackdrop .modal-content {
    text-align: center;
  }

  #staticBackdrop h2,
  #staticBackdrop h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
  }

  #staticBackdrop h2 span,
  #staticBackdrop h2 span {
    color: red;
    display: block;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 700;
  }

  #staticBackdrop h2+p,
  .popup-content h2+p {
    font-size: 14px;
  }

  .inner-page-banner {
    padding-top: 100px;
  }

  .inner-page-banner h1 {
    font-size: 28px !important;
    margin-top: 20px !important;
  }

  section.checkout p {
    width: 100%;
    margin: 20px auto;
  }

  /* =================== */
  .contact-sec {
    display: block;
  }

  .header-box {
    gap: 10px;
  }

  .banner {
    padding-top: 155px;
  }

  .banner-row {
    gap: 40px;
    flex-direction: column-reverse;
  }

  .banner-form form h3 {
    font-size: 16px;
  }

  .tmr-clearance .about-img {
    margin-top: 0;
  }

  .helping-brand-box {
    margin-top: 20px;
    height: unset;
    padding: 20px;
  }

  .banner-form:before {
    top: -15px;
  }

  .banner-form select,
  .banner-form input {
    font-size: 14px;
  }

  .banner-form textarea {
    font-size: 14px;
  }

  header {
    z-index: 1;
  }

  .helping-brand-box {
    margin-top: 25px;
    height: 250px;
    padding: 15px;
  }

  .helping-brand-box img {
    height: 30px;
  }

  .helping-brand-box h3 {
    font-size: 18px;
  }

  section.satisfied-customer .leftsec {
    width: 100%;
    height: 100%;
  }

  .about {
    text-align: center;
  }

  .our-work h6 {
    margin: 0 auto;
  }

  .our-work h5 {
    text-align: center;
  }

  .our-work .button-group {
    align-items: center;
    justify-content: center;
  }

  p {
    font-size: 14px;
  }

  .package-box:hover {
    background: #f8f9fa;
  }

  .package-box:hover * {
    color: #000;
  }

  .package-box:hover .pck-price h5 .dollar {
    color: #1f69d2;
  }

  .package-box:hover .pck-price strike {
    color: red;
  }

  .package-box:hover .pck-content .about-btn-1 {
    border: 2px solid #1f69d2;
    color: #fff;
  }

  .package-box:hover ::-webkit-scrollbar-thumb {
    background: #1f69d2;
  }

  /* Track */
  .package-box:hover ::-webkit-scrollbar-track {
    background: #00000000;
  }

  /* Handle */
  .package-box:hover ::-webkit-scrollbar-thumb {
    background: #1f69d2;
  }

  /* Handle on hover */
  .package-box:hover ::-webkit-scrollbar-thumb:hover {
    background: #132d46;
  }

  .package-box:hover::before {
    background: #1f69d2;
  }

  .package-box:hover .pck-content i {
    color: #1f69d2;
    margin-right: 10px;
  }

  .helping-brand-box:hover {
    background: #ffffff;
  }

  .helping-brand-box:hover img {
    filter: unset;
  }

  .helping-brand-box:hover * {
    color: unset;
  }

  /* ======================== */
  .form-check .form-check-label {
    font-size: 12px;
  }

  .form-text,
  .form-text strong,
  .form-text a {
    font-size: 12px;
  }

  .banner-right-img {
    display: none !important;
  }

  /* ================================ */
  .home-portfolio {
    padding: 3rem 0 1rem;
    margin-top: 0;
  }

  .home-portfolio .image-overlay {
    background: linear-gradient(to right bottom, #968ff8, #847bf8, #7268f7, #5e53f5, #483df2) !important;
    background: linear-gradient(to right bottom, #00246e, #16b6fd) !important;
  }

  #staticBackdrop ul li textarea {
    height: 130px;
    resize: none;
  }
}