@media (min-width: 1500px) {
    .container {
      max-width: 1280px;
    }
  }
  
  @media (min-width: 1800px) {
    .container {
      max-width: 1640px;
    }
  }
  
  @media only screen and (max-width: 1920px) {
  }
  
  @media only screen and (max-width: 1600px) {
    .teamBox .overlay-text h4 {
      font-size: 1.15rem;
    }
  
    .exceptionalSec ul {
      align-items: flex-start;
      padding: 2rem;
      border-radius: 14px;
      gap: 2rem;
    }
  
    .provideBox::before {
      width: 12%;
      height: 10%;
    }
  
    .teamBox .overlay-text p {
      font-size: 14px;
    }
  }
  
  @media only screen and (max-width: 1440px) {
    .teamBox .overlay-text {
      text-align: center;
    }
  
    .reviewBox {
      min-height: 22rem;
      padding: 1rem;
    }
  
    .reviewBox p {
      margin-top: 1rem;
    }
  
    .infoBox {
      min-height: 8rem;
    }
  
    .lpBanner .btnSec {
      margin-top: 2rem;
    }
  
    .lpBanner h4 + h6 {
      margin: 1rem 0;
    }
  
    .lpBanner .listStyled {
      gap: 10px;
    }
  
    .mainBanner h4 {
      font-size: 2rem;
    }
  
    .mainBanner.lpBanner .signupForm {
      margin-left: 3rem;
    }
  
    .mainBanner.lpBanner .contactBoxs .schtech {
      left: -8rem;
    }
  
    .lpContactSec .logoForm .logo {
      width: 10rem;
      height: 6rem;
    }
  
    .reviewSlider {
      padding: 6rem 0 0rem;
    }
  
    .reviewSec .slick-dots {
      top: 1rem;
    }
  
    .reviewSec .slick-next.slick-arrow,
    .reviewSec .slick-prev.slick-arrow {
      top: 2rem;
    }
  }
  
  @media only screen and (max-width: 1366px) {
    html {
      font-size: 15px;
    }
  
    .mainBanner h6 {
      font-size: 1.125rem;
    }
  
    .mainBanner p {
      width: 90%;
    }
  
    .topBar ul li a,
    .mainBanner p {
      font-size: 1rem;
    }
  
    .infoBox {
      padding: 1rem;
      border-radius: 10px;
    }
  
    .infoBox p {
      margin-bottom: 0;
      font-size: 1rem;
    }
  
    .contactInner {
      margin-top: -5rem;
      padding: 2rem 0;
    }
  }
  
  @media only screen and (max-width: 1199px) {
    html {
      font-size: 14px;
    }
  
    header .navbar {
      padding: 8px 0;
    }
  
    .navbar .logo img {
      width: 7rem;
    }
  
    .mainBanner {
      height: calc(100% - 7rem);
    }
  
    .themeBtn {
      font-size: 1.125rem;
      font-weight: 500;
    }
  
    h6 {
      font-size: 1.25rem;
    }
  
    .bookKindBox h3,
    .blogBox h3 {
      font-size: 1.5rem;
    }
  
    .blogBox h3 {
      margin: 1rem 0;
    }
  
    .ctaSec h4 {
      font-size: 2rem;
    }
  
    .pubBox .pubHead img {
      width: 40px;
    }
  
    .provideBox {
      padding: 2rem 1rem;
      margin: 3rem 0 0;
    }
  
    .countSec ul li {
      flex: 0 0 25%;
    }
  
    .teamSec .nav-tabs {
      gap: 1rem;
    }
  
    .teamBox .overlay-text {
      margin: -2rem 0rem 0;
    }
  
    .exceptionalSec ul,
    .bookKindBox img,
    .bookKindBox figure::before,
    .teamBox figure img {
      border-radius: 10px;
    }
  
    .contactInner {
      margin-top: 0;
    }
  
    .infoBox p {
      font-size: 1rem;
    }
  
    .reviewBox {
      padding: 1rem;
      min-height: 24rem;
    }
  
    .reviewHead h3 {
      font-size: 1.25rem;
    }
  
    .mainBanner.lpBanner .contactBoxs .schtech {
      left: -4rem;
      width: 10rem;
    }
  
    .tag {
      left: 46%;
      transform: translateX(-46%);
    }
  
    .packageBox {
      padding: 1rem;
    }
  }
  
  @media only screen and (max-width: 991px) {
    html {
      font-size: 13px;
    }
  
    .contOpt {
      display: flex;
      align-items: center;
      gap: 2rem;
    }
  
    .contOpt a,
    .contOpt .navbar-toggler {
      color: var(--primary);
    }
  
    .navbar-toggler {
      position: relative;
      border: 0;
      padding: 0;
      margin-right: 1rem;
      z-index: 5;
      font-size: 1rem;
      color: var(--primary);
    }
  
    .navbar-toggler:focus {
      box-shadow: none;
    }
  
    .navbar-toggler.collapsed .fa::before {
      content: "\f0c9";
    }
  
    .navbar-toggler[aria-expanded="true"] .fa:before {
      content: "\f00d";
    }
  
    .navbar-collapse {
      position: fixed;
      top: 0;
      bottom: 0;
      right: -100%;
      background: var(--secondry);
      z-index: 4;
      width: calc(100% - 0px);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 3rem 2rem;
      transition: ease all 0.5s;
    }
  
    .navbar-collapse.show {
      right: 0;
      width: calc(100% - 0px);
      box-shadow: -10px 0 20px #0002;
      overflow-y: auto;
    }
  
    header .navbar .navbar-collapse .navbar-nav {
      margin-left: 0 !important;
      align-items: stretch;
      gap: 1.5rem;
      width: 100%;
    }
  
    header .navbar .navbar-collapse .navbar-nav li:first-child {
      margin-bottom: 2rem;
    }
  
    header .navbar .navbar-nav .nav-item .nav-link {
      font-size: 1rem;
      border-color: var(--white);
      color: var(--white);
      border-radius: 6px;
    }
  
    header .navbar .navbar-nav .nav-item .dropdown-menu {
      background: transparent;
      border: 0;
    }
  
    header .navbar .navbar-nav .nav-item .dropdown-menu li {
      margin: 10px 0;
      border: 1px solid var(--white);
      padding: 10px;
      border-radius: 6px;
    }
  
    header .navbar .navbar-nav .nav-item .dropdown-menu li a {
      color: var(--white);
    }
  
    .mainBanner figure,
    .topBar,
    header .navbar .navbar-collapse .themeBtn,
    .portInner img,
    .abtSec figure,
    .abtArrow,
    .stepSec .col-lg-5,
    .ctaSec img,
    .faqSec img {
      display: none;
    }
  
    .stepHeader .topBar {
      display: block;
    }
  
    .mainBanner {
      height: calc(100% - 4.75rem);
      background-image: linear-gradient(
        to bottom,
        #2d353f,
        #272f39,
        #222a34,
        #1c242e,
        #171f29
      ) !important;
    }
  
    .mainBanner h4 {
      font-size: 2rem;
    }
  
    .logoSec h6,
    .mainBanner h6 {
      font-size: 1.25rem;
    }
  
    .mainBanner p {
      font-size: 1.15rem;
    }
  
    .exceptionalSec ul {
      gap: 1rem;
    }
  
    .exceptionalSec ul li {
      flex: 0 0 23%;
    }
  
    .stepBox {
      margin-top: 3rem;
    }
  
    .stepBox img {
      width: 3rem;
    }
  
    .stepBox h3 {
      font-size: 1.5rem;
    }
  
    .contactSec .leadForm {
      margin-bottom: 3rem;
    }
  
    .ctaSec {
      margin-top: 0;
      padding: 2rem 0;
    }
  
    footer .copyRight {
      padding: 1rem 0;
      margin-top: 1rem;
    }
  
    footer p {
      font-size: 1rem;
      margin: 0;
    }
  
    footer .copyRight ul li a {
      padding: 0;
    }
  
    .portInner .blueBox::before,
    .reviewSlider::before {
      content: none;
    }
  
    .portInner .blueBox {
      position: relative;
      padding: 2rem;
      background: #f0f0f08a;
    }
  
    .footerlogo {
      margin-bottom: 1rem;
      display: inline-block;
    }
  
    .socialFooter {
      margin-top: 1rem;
    }
  
    .socialFooter p {
      margin-bottom: 1rem;
      font-size: 1.5rem;
    }
  
    .infoBox {
      margin: 10px 0;
    }
  
    .contactBanner {
      align-items: center !important;
    }
  
    .reviewSlider {
      padding: 8rem 0 0rem;
    }
  
    .reviewBox {
      min-height: 20rem;
    }
  
    .teamBox .overlay-text h4 {
      font-size: 1.55rem;
    }
  
    .portfolioSlider div {
      margin: 0 5px;
    }
  
    .contStrip .listNum {
      flex-direction: column;
      align-items: flex-start;
      padding: 1rem;
    }
  
    .servicesForm {
      padding: 2rem 1rem 1rem;
      border-radius: 0.5rem;
    }
  
    .servicesList .checkBoxStyle {
      padding: 10px 1rem;
    }
  
    .mainBanner.lpBanner .contactBoxs .schtech {
      display: none;
    }
  
    .mainBanner.lpBanner .signupForm {
      margin: 2rem 0 0;
    }
  
    .lpBanner.publishLpOne {
      height: auto !important;
    }
  
    .logoForm {
      flex-wrap: wrap;
    }
  
    .lpContactSec .logoForm .logoRowOne,
    .lpContactSec .logoForm .logoRowTwo,
    .lpContactSec .logoForm .logoRowThree {
      margin: 10px 0;
    }
  }
  
  @media only screen and (max-width: 767px) {
    html {
      font-size: 12px;
    }
  
    section {
      padding: 2rem 0;
    }
  
    h4,
    .mainBanner h4,
    .mainBanner h4 {
      font-size: 2rem;
    }
  
    .logoSec h6,
    .mainBanner h6 {
      font-size: 1.25rem;
    }
  
    .mainBanner p {
      font-size: 1rem;
      line-height: 1.6;
    }
    /* 
    .logoSec {
      padding-bottom: 0;
    } */
  
    .logoSec h3 {
      padding-bottom: 8px;
      border-bottom: 2px solid var(--primary);
      margin-bottom: 1rem;
      font-size: 1.5rem;
      display: block;
    }
  
    .logoSlider .slick-slide img,
    .publisherSec img {
      width: 6rem;
    }
  
    .abtSec {
      margin-bottom: 0;
    }
  
    h3 {
      font-size: 2rem;
      color: var(--secondry);
    }
  
    .pubBox {
      padding: 1.25rem;
      margin: 5px 0;
      height: auto;
    }
  
    .slick-dots li,
    .slick-dots li {
      width: 5px;
      height: 20px;
      margin: 0 3px;
    }
  
    .slick-dots li button,
    .slick-dots li.slick-active button,
    .slick-dots li button,
    .slick-dots li.slick-active button,
    .portfolioSec .slick-dots li button,
    .portfolioSec .slick-dots li.slick-active button {
      width: 5px;
      padding: 0;
    }
  
    .portfolioSlider div {
      margin: 0 5px;
    }
  
    .btnSec {
      margin-top: 0;
      flex-direction: column;
    }
  
    .btnSec .themeBtn {
      width: 100%;
      text-align: center;
    }
  
    .servicesForm .themeBtn {
      width: 100%;
    }
  
    .exceptionalSec ul {
      gap: 2rem;
      border-radius: 0;
    }
  
    .exceptionalSec ul li {
      flex: 0 0 100%;
    }
  
    .exceptionalSec ul li p span {
      font-size: 1.25rem;
    }
  
    .exceptionalSec ul li p {
      font-size: 1.125rem;
    }
  
    .countSec ul {
      margin-top: 2rem;
      border: 2px solid #00000024;
    }
  
    .countSec ul li:first-child,
    .countSec ul li:nth-child(2) {
      border-bottom: 2px solid #00000024;
    }
  
    .countSec ul li {
      flex: 0 0 50%;
      padding: 1.5rem;
    }
  
    .countSec ul li p {
      margin-bottom: 0;
    }
  
    .stepBox {
      margin-top: 2rem;
      text-align: center;
    }
  
    .blogBox {
      padding: 0;
    }
  
    footer {
      padding-top: 2rem;
      border-radius: 0;
    }
  
    .copyRight ul {
      justify-content: center;
      margin-bottom: 1rem;
    }
  
    footer .copyRight p {
      text-align: center;
    }
  
    .portInner .blueBox {
      padding: 2rem 1rem;
    }
  
    .blogBox .btnBlog {
      margin-top: 1rem;
    }
  
    .blogContnt {
      min-height: auto;
    }
  
    .bookKindBox figure::before {
      background: #0000;
    }
  
    .reviewBox {
      min-height: auto;
    }
  
    .lpHeader .btnOpt {
      gap: 1rem;
    }
  
    .lpHeader .btnOpt .themeBtn {
      font-size: 0;
      background: transparent;
      padding: 5px;
    }
  
    .lpHeader .btnOpt .themeBtn:before {
      content: none;
    }
  
    .lpHeader .btnOpt .themeBtn i {
      font-size: 20px;
      color: var(--primary);
    }
  
    .stepBanner .headingStyleThree h2 {
      font-size: 3rem;
    }
  
    .portfolioSec .slick-prev.slick-arrow,
    .slick-prev.slick-arrow {
      left: 20px;
    }
  
    .portfolioSec .slick-next.slick-arrow,
    .slick-next.slick-arrow {
      right: 20px;
    }
  
    .stepHeader .topBar ul li a {
      font-size: 0;
    }
  
    .stepHeader .topBar ul li a i {
      font-size: 1.25rem;
    }
  
    .lpBanner.publishLpOne .bannerContnt {
      min-height: calc(100vh - 4.5rem);
      margin: 0 -10px;
      padding: 1rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  
    .mainBanner.lpBanner .signupForm {
      margin: 0 -30px;
      border-radius: 0;
      padding-inline: 3rem;
    }
  
    .lpBanner h6 {
      margin-bottom: 1rem;
      font-size: 1.25rem;
    }
  
    .publishLpOne h4 {
      font-size: 2.25rem;
    }
  
    .lpBanner.publishLpOne .listStyled li p {
      font-size: 16px;
      line-height: 1.3;
    }
  
    .lpBanner.publishLpOne .listStyled li {
      padding: 5px 0;
    }
  
    .lpBanner.publishLpOne .listStyled li i {
      font-size: 1.25rem;
    }
  
    .lpBanner.publishLpOne .listStyled {
      margin: 2rem 0 1rem;
    }
  
    .publishLpOne .signupForm h4 {
      font-size: 1.35rem;
    }
  
    .publishLpOne .signupForm h4 span {
      font-size: 2rem;
    }
  
    .publishLpOne .phone-container .phone1,
    .leadLp .accordionStyle {
      border-radius: 5px;
    }
  
    .leadLp .accordionStyle .accordion-item .accordion-button {
      padding: 6px 1rem;
    }
  
    .stepBanner h2,
    .stepWrap h2 {
      font-size: 2rem;
    }
  
    .stepBanner p {
      font-size: 1rem;
    }
  
    .summary {
      margin-top: 1rem;
    }
  
    .lpContactSec .logoForm .logoRowOne,
    .lpContactSec .logoForm .logoRowTwo,
    .lpContactSec .logoForm .logoRowThree {
      flex: 0 0 50%;
    }
  }
  
  @media only screen and (max-width: 575px) {
    .mainBanner.lpBanner .signupForm {
      margin: 0 -10px;
    }
  
    .packageBox .listStyle {
      height: 250px;
    }
  
    .packageBox .listStyle li {
      font-size: 1.15rem;
    }
  
    .packageBox h3 {
      margin-top: 1rem;
    }
  
    .tag {
      left: 50%;
      transform: translateX(-50%);
      font-size: 1.35rem;
    }
  
    .lpContactSec .logoForm .logoRowOne,
    .lpContactSec .logoForm .logoRowTwo,
    .lpContactSec .logoForm .logoRowThree {
      flex: 0 0 48%;
      gap: 1rem;
    }
  
    .lpContactSec .logoForm .logo {
      width: 11rem;
      height: 6rem;
    }
  }