@media (min-width: 1500px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1800px) {
  .container {
    max-width: 1440px;
  }
}
@media only screen and (max-width: 1920px) {
}

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

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

@media only screen and (max-width: 1366px) {
  html{
    font-size: 16px;
  }
  h2 {
    font-size: 11.125rem;
  }
}

@media only screen and (max-width: 1199px) {
.main-Banner {
    background: url(../images/banner/2.png) center center / cover fixed no-repeat !important;
}
  .logo img {
    width: 12rem;
}
.menuWrap .menu {
    gap: 1rem;
}
.menu li a {
    font-size: 15px;
}
.headerBtn .loginBtn {
    font-size: 15px;
}
.webContnt h3 {
    font-size: 1.5rem;
}
.themeBtn {
    padding: 15px 20px;
}
.bannertext p {
  width: 100%;
}
.serviceOne h2, .heading {
    font-size: 4.375rem;
    margin-bottom: 2rem;
}
.graphicBox {
    padding: 3rem 3rem;
}
h4 {
  font-size: 2.625rem;
}
.blackSec h4 {
    font-size: 3rem;
}
.listImages ul li {
  font-size: 2.125rem;
  padding: 2px 0;
}
h2 {
  font-size: 7rem;
}
.growBox ul li p {
  width: 100%;
}
.modernSec h5 br {
  display: none;
}

.modernSec h5 {
  font-size: 2.5rem;
}
.signUp h6 {
  font-size: 6.5rem;
}
.copyRight ul {
  gap: 3rem;
}
.footerLinks {
  gap: 2rem;
}
}

@media only screen and (max-width: 991px) {
  .menuWrap .menu a{ padding: 8px 10px; margin-bottom: 6px; }
  .main-header{padding: 2rem 0 1rem;}
  .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: #000000;}

	.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; }
  .bannertext h1 {
    font-size: 6.25rem;
    }
    .bannertext p {
      width: 100%;
    }
    .websiteSec h3 {
      font-size: 1.25rem;
    }
    
    .websiteSec p {
      width: 100%;
      font-size: 12px;
    }
    h4 {
      font-size: 2rem;
    }
    .listImages ul li {
      font-size: 1.35rem;
    }
    
    .listImages ul li i {
      font-size: 1.175rem;
    }
    h2 {
      font-size: 6.125rem;
    }
    h2 {
      font-size: 4rem;
    }
    h6 {
     font-size: 2rem;
    }
    .copyRight ul {
      gap: 1rem;
    }
    footer h3 {
      font-size: 1.1rem;
    }
    footer h3::before {
      height: 2px;
      width: 40px;}
    .headerBtn{     flex-flow: column; }
    .headerBtn .loginBtn{ color: var(--white); }
    
    .menu > li.dropitem > .dropdownHover{ position: relative; display: none; }
    .menu > li.dropitem > .dropdownHover > li{ width: 100%; transform: initial; opacity: 1; }
    .menuWrap.open{ overflow-y: scroll; }
    .menu > li.dropitem > .dropdownHover{ height: 300px; overflow-y: scroll; }
    .menu > li.dropitem:hover > .dropdownHover > li.dropitem{ background: transparent; }
    .menu.active > li.dropitem a{ background: transparent; padding: 10px 10px; }
    .menu.active > li.dropitem:hover a,
    .menu.active > li.dropitem.active a{ color: var(--white); }
    .growSec h3 {font-size: 2rem;}
.webContnt h3 {
    font-size: 2rem;
}
.signUp h6 {
    font-size: 4rem;
}
.accordian li > div {
    padding: 0rem 0rem;
}
.accordian h4::after{
    right: -20px;
}
.connectFrom {
    padding: 32px;
}
.contformDets .items {
    padding: 28px 17px;
}
.contformDets .items p, .contformDets .items a {
    font-size: 14px;
    line-break: anywhere;
}
.greenSec h3 {
    font-size: 1.8rem;
    margin: 1rem 0;
}
.darkBlueSec h3 {
    font-size: 1.5rem;
    width: 100%;
}
.darkBlueSec p {
    width: 100%;
    margin: 0 auto 1rem;
}
.contentWeb h2 {
    font-size: 5rem;
}
.darkBlue p {
    font-size: 2rem;
}
.graphicBox {
    padding: 2rem 1rem;
}
.graphicBox h4 {
    font-size: 2rem;
}
.serviceOne h2, .heading {
    font-size: 4rem;
}
.packHead {
    padding-left: 1rem;
}
.packageBox h3 {
    font-size: 3rem;
    padding-left: 1rem;
}
.packageBody {
    padding: 1rem 1rem 0;
}
.packageBody ul li {
    font-size: 1rem;
}
.listStyle li {
    font-size: 1rem;
}
ul.tab-list li {
    font-size: 14px;
    padding: 1rem 1rem;
}
.blackSec h2 {
    font-size: 4rem;
}
.blackSec h2 {
    font-size: 4rem;
}
.packageBox h3 sub {
    font-size: 1rem;
}
.blackSec h4 {
    font-size: 2rem;
}




}

@media only screen and (max-width: 767px) {
  .bannertext h1 {
    font-size: 5.25rem;
}
.main-Banner {
  height: initial;
  background-position: 20% !important;
  padding-top: 10rem;
}

.bannertext {
  margin: 0;
}

.portContnt h3 {
  font-size: 1.25rem;
}
.webContnt {
  position: unset;
  margin: 2rem 0;
}
h2 {
  font-size: 4.125rem;
  margin-bottom: 1rem;
}
h4 {
  font-size: 2rem;
}
.themeTwo {
  font-size: 11px;
}
.growSec .row + .row {
  margin: 2rem 0;
}
.signUp h6{ font-size: 2rem; }
footer h3{ margin-top: 2rem; }
.modernBox h4{ margin-bottom: 2rem; }
.webContnt h3{ font-size: 1.5rem; }

.growSec .col-md-5{ order: 2; }
.growSec .col-md-6{ order: 1; }
.container-fluid{ padding: 0 1rem; }
.growSec{ text-align: center; }
.growSec h3{ margin-top: 2rem; font-size: 2rem;}
.growBox ul{ flex-flow: column; }
.growBox .inspoHead{ transform:initial !important; }

.portfolioSlider .items, .portfolioSliders .items{ width: 100%; }

.bannertext h1{ font-size: 3.65rem; }
.parterLogo{ gap: 1rem; }

.mmpopup{ flex-flow: wrap; }
.mmpopup .imgpop{ width: 100%; }
.mmpopup .imgpop img{ display: none; }
.mmpopup .formPop{ width: 100%; padding: 1rem 1rem; }

.innerBanner h6{ font-size: 1.5rem; margin-bottom: 1.5rem; }
.innerBanner .bannertext h1{ margin-bottom: 1rem; }

.bannertext p{ width: 100%; }
.banner-para{ width: 80% !important; }
.mouse-cursor{ display:none; }
#Book{ width: 50%; }
.serviceOne h2, .heading{ font-size: 3rem; }
.listStyle li{ font-size: 1.3rem; }
.losoDesignSec figure{ margin-bottom: 1.5rem; }
ul.tab-list{ flex-flow: column; }
.templateSec { text-align: center; }
section{ padding: 3rem 0; }
p:last-child{ margin-bottom: 0; }
.portfolioSlider .items img, .portfolioSliders .items img{ height: 380px; }
.portfolioSliders .swiper-wrapper{ justify-content: initial !important; }
.innerDark{ text-align: center; }
.innerDark figure{ margin-top: 1.5rem; }
.contentWeb h2{  font-size: 3rem; }
.blackSec h2{ font-size: 3.5rem; }
.blackSec h4,
.blackSec h4{ font-size: 2rem; }

.packageBox h3{ font-size: 2.5rem;padding-left: 3.5rem; }
.packageBox h3 sub{ font-size: 1rem; }
.serviceOne h3{ font-size: 2.2rem; }
.templateSec h2{ font-size: 1.5rem; margin-bottom: 1rem; }
.templateSec .listImages{ text-align: left; }

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

.templateSec h6{ font-size: 1.6rem; }
.graphicBox{ padding: 2rem 1rem; }
.darkBlue p{ font-size: 1.2rem; }
.contentWeb h4{ font-size: 1.5rem;  }
.textSec h6{ font-size: 2rem; }

.easySteps{ text-align: center; }
.easySteps p{ margin-bottom: 1.5rem; }
.connectFrom{ padding: 20px; }
.connectFrom h3{ font-size: 2.2rem; }
.contformDets .items{ margin-bottom: 1rem; height: initial; }

.menu > li.dropitem > .dropdownHover{  height: 195px; }
.templateSec p{ margin-bottom: 1.5rem; }
.headerBtn{ margin-top: 1rem; }
.bannertext h1{ font-size: 3rem; }
.contactSec{ padding: 3rem 0; }

.mmpopup .formPop h3, .mmpopup .formPop h4{ font-size: 1.8rem; }

h2{ font-size: 2rem; }
.blackSec h2{ font-size: 2.5rem; }
.container-fluid{ padding: 0 1rem !important; }
.accordian li h4 {font-size: 1rem;}
.supportSec .supportBox {padding: 1rem 1rem;margin-top: 2rem;}
.accordian h4::after{right: -6px;}
.accordian li > div {padding: 1rem 0rem;}
section.privacy_policy_Sec h4:nth-child(1) {font-size: 30px;padding-bottom: 0px;
}
section.privacy_policy_Sec p {font-size: 16px;}
section.privacy_policy_Sec h4 {font-size: 26px;}
.greenSec h3 {font-size: 2rem; margin: 1rem 0;}
.darkBlueSec h3 {width: 100%;}
.darkBlueSec p {width: 100%;}
.darkBlueSec h3 {font-size: 1.65rem;}
.graphicBox ul li {font-size: 14px;}






}

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

  .serviceOne h2, .heading{   font-size: 2.2rem;  }

}