@media (min-width: 1500px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1800px) {
  .container {
    max-width: 1440px;
  }

  label a {
    top: 4px;
    border: none;
    width: 173px;
    height: 48px;
    font-size: 20px;
  }

}

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

@media only screen and (max-width: 1600px) {
  .main-Banner {
    height: calc(100vh - 60vh);
    min-height: 44rem;
  }

  .abtImg::before {
    width: 340px;
    height: 300px;
    border-radius: 128px 12px 12px 10px;
  }

  .abtImg::after {
    width: 270px;
    height: 220px;
    border-radius: 12px 12px 140px 12px;
  }

  .stepCenter {

    margin: 2.56rem -2rem;
  }

  .accordian h4::after,
  .accordian h4::after {
    top: 19px;
    right: 24px;
  }



  .list-style li {
    font-size: 13px;
    padding: 5px 0;

  }

  .acount-ul h3 {
    color: var(--black);
    font-size: 1.3rem;
    font-weight: 700;
    margin: 10px 0;
  }

  .white-li li {
    color: white;
  }
}

@media only screen and (max-width: 1440px) {
  html {
    font-size: 14px;
  }

  .white-li li {
    color: white;
    font-size: 13px;
  }



}




@media only screen and (max-width: 1366px) {
  html {
    font-size: 13px;
  }

  section {
    padding: 4rem 0;
    position: relative;
  }

  .bannertext h1 {
    font-size: 3.5rem;
  }

  .tabsPack a {
    padding: 1.25rem 23px;
    font-size: 15px;
  }

  .abtcard h5 {
    font-size: 3.5rem;
  }

  .list-style li {
    color: #817F7F;
    margin-bottom: 0rem;
  }

  .stepCenter {
    margin: 1.7rem -2.5rem;
  }

  .stepSec::before,
  .stepSec::after {
    display: none;
  }

  .main-Banner {
    height: calc(100vh - 50vh);
    min-height: 49rem;
  }

  .bannerImg img {
    margin-left: 2rem;
  }

  .acount-text h4,
  .acount-text1 h4 {
    font-size: 2rem;
  }



  .list-style li {
    color: #817F7F;
    margin-bottom: 0rem;
    font-size: 13px;
  }

  .white-li li {
    color: white;
  }

  .two-column-list ul li::before {
    width: 16px;
    height: 16px;
  }
}





@media only screen and (max-width: 1199px) {
  html {
    font-size: 12px;
  }

  .menu-Bar span {
    background: black;
    width: 31px;
    margin-right: 4px;
    margin-left: -20px;
  }

  .main-header {
    padding: 0;
  }

  .menuWrap .menu a {
    padding: 16px 10px;
  }

  .main-header {
    position: relative;
  }

  .menu-Bar {
    display: block;
    top: 50%;
    bottom: initial;
    transform: translateY(-50%);
  }

  .menuWrap.open {
    display: flex;
    left: 0px
  }

  .menuWrap {
    position: fixed;
    left: -210%;
    right: 0;
    top: 0;
    /* bottom:0; */
    margin: auto;
    background: var(--theme-color);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    transition: all 0.4s ease;
    z-index: 3;
    width: 100vw
  }

  ul.menu li {
    display: block
  }

  ul.menu li a {
    margin-bottom: 10px;
    padding: 0;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    padding-right: 0px;
    margin-right: 0px;
    color: #fff;
    font-size: 15px;
    text-transform: capitalize
  }

  .menuWrap .menu {
    display: block;
  }

  .menu li:hover a,
  .menu li.active a {
    background: var(--black);
  }

  .menu-Bar span {
    background: var(--white);
  }

  .year-card h3 {
    font-size: 3.2rem;
  }

  .year-card p {
    font-size: 1.1rem;

  }

  .menu li:hover>a,
  .menu li.active>a,
  .menu>li.menu-item-has-children>.sub-menu>li.current-menu-item>a {
    background: var(--black) !important;
  }

  .menu>li.menu-item-has-children>.sub-menu>li {
    background: transparent !important;
  }

  .headerMenu {
    justify-content: space-between;
    padding: 1rem 0;
  }

  .main-Banner {
    height: calc(100vh - 42vh);
    min-height: 42rem;
  }

  .bannerImg img {
    margin-left: 3rem;
  }

  .bannertext h1 {
    font-size: 40px;
  }

  h4 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--theme-color);
  }

  .abtImg::before {
    display: none;
  }

  .abtImg::after {
    display: none;
  }

  .tabsPack a {
    padding: 1.25rem 15px;
    font-size: 13px;
  }

  .blueBox h3 {
    font-size: 3rem;
  }

  .packageBox .themeBtn {
    width: 100%;
  }



  .abtcard h5 {
    font-size: 3.2rem;
  }

  .abtcard h3 {
    text-align: center;
    font-size: 2rem;
  }

  .column3 ul li {
    font-size: 12px;

  }

  .column3 ul li::before {
    top: 7px;
    left: -25px;
    width: 14px;
    height: 14px;


  }

  .form-text h2 {
    font-size: 2.2rem;

  }

  .form-text p {
    font-size: 14px;

  }

  form .themeBtn2 {
    width: 100%;
    text-align: center;
    margin: 1rem 0;

  }

  .accordian h4::after,
  .accordian h4::after {
    top: 13px;
    right: 20px;

  }

  .accordianInner h4::after,
  .accordian h4::after {
    top: 13px;
    right: 20px;
  }

  .stepBox {
    margin: 2.56rem -5.4rem;
  }

  .stepCenter {
    margin: 1.4rem -5.4rem;
  }

  .stepSec::before,
  .stepSec::after {
    display: none;
  }

  .infinite {

    padding: 0;
  }

  .list-style li {
    padding: 0;
    color: #817F7F;

    font-size: 11px;
    margin: 0;
  }

  .acount-text p,
  .acount-text1 p {
    margin: 8px 0;
    font-size: 12px;
  }

  .acount-text {
    padding: 0;
  }

  .white-li li {
    color: white;
  }

  .menu-Bar span {
    background: black;
    width: 31px;
    margin-right: 4px;
    margin-left: -20px;
  }

  /* .two-column-list ul li {
  position: relative;
  padding: 0 0 8px 30px;
  font-size: 14px;
  color: #878787;
} */

}




@media only screen and (max-width: 991px) {
  section {
    padding: 3rem 0;
    position: relative;
  }

  .menuWrap .menu a {
    padding: 8px 10px;
    margin-bottom: 6px;
  }

  .bannertext h1 {
    font-size: 31px;
  }

  .bannertext p {
    font-size: 1rem;
    width: 92%;
  }

  .themeBtn {
    padding: 12px 20px;
  }

  .main-Banner {
    height: calc(100vh - 72vh);
    min-height: 30rem;
  }

  .infinite {
    gap: 5rem;
    padding: 3px 0;
  }

  .counterBox li h3 {
    font-size: 23px;
  }

  .counterBox li {
    padding: 7px;
  }

  h4 {
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--theme-color);
  }

  .tabsPack a {
    padding: 1.25rem 10px;
    font-size: 11px;
  }

  .year-card {
    margin: 1rem;
  }

  .year-card h3 {
    font-size: 3.5rem;
  }

  .blueBox h3 {
    font-size: 3rem;
  }

  .yellowBox {
    padding: 1rem;
  }

  .blueBox {
    padding: 1rem 1rem;
  }

  .blueBox {
    padding: 2rem 0rem;

  }

  .blueBox h3 span {
    font-size: 9px;
  }

  .packageBox .themeBtn {
    width: 98%;
  }

  .packageHead h2 {
    font-size: 3rem;
  }

  .counterBox li {
    padding: 8px;
    flex: 0 0 27%;
  }

  .reviewBotm .star i {
    color: var(--primary);
    font-size: 1rem;
  }

  .userImg h5 span {
    font-size: 10px;
  }

  .userImg h5 {
    font-size: 10px;
  }

  .accordian li h4 {
    font-size: 1rem;
  }

  .accordian h4::after {
    top: 21px;
    right: 10px;
  }

  br {
    display: none;
  }

  footer h3 {
    margin-bottom: 1.25rem;
    margin-top: 1.5rem;
  }

  .packageBody ul li {
    font-size: 1rem;
  }

  .innerBox1 {
    margin: 1rem 0;
  }

  .column3 ul li {
    font-size: 13px;
  }

  .accordianInner h4::after,
  .accordian h4::after {
    top: 23px;
    right: 10px;
    font-size: 16px;
  }

  .serBox {
    padding: 3rem;
  }


  .white-li li {
    color: white;
    padding: 0;
    line-height: 19px;
  }

  .change-banner {
    height: calc(100vh - 60vh);
    min-height: 35rem;
  }

  .ddd:nth-child(3) {
    flex-direction: column-reverse;
  }

  .ddd .abtImg1 img {
    width: 100%;
  }

  .logo img {
    width: 9rem;
  }

  footer {
    padding-top: 2rem;
  }

  .imgpop {
    display: none;
  }

  .mmpopup .formPop {
    width: 100%;
    padding: 2rem 2rem;
    margin-left: auto;
  }

  .formTopContnt p {
    font-size: 12px;
    line-height: 1.45;
    margin: 0;
  }

  .mmpopup .formPop h3,
  .mmpopup .formPop h4 {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
}



@media only screen and (max-width: 767px) {
  section {
    padding: 2rem 0;
    position: relative;
  }

  .expertise .col-md-6,
  .abtSec .col-md-6 {
    margin: 1rem;
  }

  .stepSec::after {
    display: none;
  }

  .bannerImg img {
    display: none;
  }

  .main-Banner {
    height: auto;
    min-height: auto;
    background-position: right !important;
  }.main-Banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #052652c9;
}

  .themeBtn {
    width: 100%;
    text-align: center;
  }

  .themeBtn {
    padding: 12px 20px;
  }

  .counterBox {
    /* flex-direction: column; */
    flex-wrap: wrap;
  }

  .counterBox li h3 {
    font-size: 30px;
  }

  .tabsPack {
    margin: 3rem 0;
    text-align: center;
    display: flex;
    flex-direction: column;
  }

  .tabsPack {
    flex-direction: column;
  }

  .tabsPack a {
    margin-bottom: 1.2rem;
  }

  .tabsPack a {
    font-size: 13px;
    margin-bottom: 1.2rem;
  }

  .packageHead h2 {
    font-size: 4rem;
  }

  h4 {
    font-size: 26px;

  }

  p {
    font-size: 1.1rem;
  }

  .packageBody ul li {
    display: flex;
    font-size: 16px;
  }

  .packageBox {
    padding: 2rem;
            margin: 1rem 0;
  }

  .blueBox {
    padding: 1rem 0rem;
           margin: 10px 0;
  }
.smallBlue {
    margin: 0;
}
  .reviewBotm .star i {
    font-size: 1.5rem;
  }

  .userImg h5 {
    font-size: 14px;
  }

  figure {
    margin-bottom: 2rem;
  }

  .abtcard h3 {
    text-align: center;
    font-size: 21px;
  }

  .abtcard h5 {
    font-size: 3rem;
  }

  .year-card h3 {
    font-size: 3.2rem;
  }

  .copyrightSec .step-text {
    font-weight: 600;

  }

  .accordian,
  .accordianInner {
    margin-top: 0;
    margin-left: 0rem;
  }

  .accordianInner h4::after,
  .accordian h4::after {
    top: 15px;
    right: 10px;
    font-size: 18px;
  }

  .accordian li h4 {
    font-size: 1.2rem;
  }

  .blueBox {
    padding: 2rem 0rem;
  }

  .stepHead {
    flex-direction: column;
    border: none;
    padding: 0;
    margin: 1rem 0;
    width: 100%;
    margin-left: 5rem;
  }

  .stepBox {
    display: flex;
    align-items: center;
    box-shadow: 0 0 30px #0000003b;
    margin: 2.56rem 0;
    flex-direction: column;
  }

.stepHead h3 {
    font-size: 1.5rem;
    width: 100%;
    text-align: left;
    padding-left: 0rem;
    margin-bottom: 0;
}
  .stepSec::before,
  .stepSec::after {
    display: none;
  }

  .stepBody p {
    margin: 0;
    width: 80%;
  }

  .stepBody {
    padding: 0 2rem;
  }

  .abtImg {
    margin-bottom: 0;
    padding: 0rem;
    position: relative;
    z-index: 1;
  }

  .btnSec {
    flex-direction: column;
  }

  .serBox {
    padding: 2rem;
  }

  .stepSec {
    padding: 0 0rem;

  }

  .stepHead .iconBg {
    width: 60px;
    height: 50px;
    margin-bottom: 1rem;

  }

  .iconBg img {
    width: 2rem;
  }

  .packageHead p {
    font-size: 18px;
    color: #504f4f;
    margin-bottom: 1rem;
  }

  .copyRight {
    text-align: center;
  }

  .animatedHead {
    font-size: 3rem;
  }

  /* hhhh */


  .account-img img {
    display: none;
  }

  .stepBox {
    margin: 10PX;
    padding-bottom: 1rem;
  }


  .list-style li {
    display: flex;
    gap: 10px;
    font-size: 16px;
    padding: 5px 0;
    color: white;
    font-weight: 500;
  }

  .list-style li {
    font-size: 13px;
  }

  .acount-text {
    padding: 0 4rem;


  }

  .acount-text {
    padding: 0 2rem;
  }




  .acount-text p {
    font-size: 14px;
  }

  .acount-text h4 {
    color: white;
    font-size: 24px;

  }

  .acount-text1,
  .acount-text {
    padding: 2rem 2rem;
  }

  .acount-text1 h4 {
    font-size: 24px;
    text-align: center;
  }

  .acount-text1 p {
    font-size: 15px;
    text-align: center;
  }

  .acount-ul {
    margin-bottom: 20px;
  }

  .acount-ul .list-style li {
    color: #504f4f;
    text-align: center;
  }

  .acount-ul h3 {
    /* text-align: center; */
    font-size: 18px;
  }

  .acount-text.column2 {
    column-count: 2;
    column-gap: 20px;
  }

  .account-img {
    text-align: center;
    margin-bottom: 30px;
  }

  .account-img img {
    max-width: 100%;
  }

  .white-li li {
    color: white;
  }

  .btSec1 .row {
    margin-bottom: 2rem;
  }

  .resultsSec .themeBtn {
    width: 100%;
    text-align: center;
    margin: 0;
  }

  .blueBox h3 span {
    font-size: 14px;
  }

  .btnSec {
    flex-direction: column;
    gap: 1rem;
  }

  .packageHead p {
    font-size: 14px;

  }

  .packageBody ul li {

    font-size: 14px;
  }

  .contactBlue {
    width: 100%;
    padding: 2rem 0rem;
  }

  .leadForm {
    margin: 0;
    border-radius: 15px;
  }

  .leadForm::before {
    display: none;
  }

  .accordianInner li {
    margin-bottom: 1.5rem;
  }

  .bannertext2img img {
    display: none;
  }

  .counterBox li {
    padding: 8px;
    flex: 0 0 48%;
  }
}


@media only screen and (max-width: 575px) {
  .bannertext h1 {
    font-size: 32px;
    font-weight: 600;
  }

  .bannertext p {
    font-size: 1.1rem;
    width: 92%;
  }

  h4 {
    font-size: 2.1rem;
  }

  p {
    font-size: 1.1rem;
  }

  .bannerImg img {
    display: none;
  }

  br {
    display: none;
  }

  .accordian li h4,
  .accordianInner li h4 {
    font-size: 1.1rem;
    padding-right: 2rem;
  }

  .accordianInner h4::after,
  .accordian h4::after {
    top: 50%;
    right: 8px;
    font-size: 16px;
    transform: translateY(-50%);
  }

  .stepSec {
    padding: 0 0rem;

  }

  .stepHead .iconBg {
        width: 50px;
        height: 50px;
        left: auto;
        top: 0rem;
        right: 1rem;
  }

  .iconBg img {
    width: 2rem;
  }

  .copyRight ul {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
  }

  .reviewBotm .star i {
    font-size: 1rem;
  }

  .column2 {
    column-count: 1;
    column-gap: 40px;
  }

  .acount-text h4 {
    margin-bottom: 1rem;
  }

  .list-style li {
    font-size: 12px;
  }

  .white-li li {
    color: white;
  }

  .copyrightSecForm .inner {
    box-shadow: 0 6px 16px -10px #000000;
    padding: 40px 40px;
    border-radius: 20px;
  }

  .innerTop h2 {
    font-size: 1.4rem;
  }

  .abtcard h3 {
    text-align: center;
  }

  .abtcard h3 {
    text-align: center;
    font-size: 18px;
  }

  .abtcard {
    margin-left: 0rem;
  }

  a.logo.navbar-brand {
    width: 180px;
  }

  .resultsSec .row {
    flex-direction: column-reverse;
  }
.topBar{
    display: none;
}
.ma5menu__footer.js-append ul li a {
    font-size: 14px;
    padding: 4px 0;
    display: block;
}
.blueBox.yellowBox a {
    padding: 1.5rem 0 !important;
    display: block;
}
.popup-main {
    width: 90%;
}

.closeico {
    top: -1rem;
    right: -10px;
}
.ma5menu--active:before{
    display:none !important;
}
.column3 ul {
    column-count: 1;
}
.form-main {
    padding: 1.5rem;
}
}