@media (min-width:1512px) { 
  .wsmenu-list > li a {font-size: 1.14rem;}
  .wsmenu-submenu > li a{font-size: 1rem;}
  .wsmenu-list li:hover > .wsmenu-submenu{width:200px;}
  .agentsHeading{font-size:2rem;}
  .bannerSection h1{font-size: 3.7rem;  line-height:50px;}
  .bannerSection h2{padding-top:15px;}
  .bannerBtBlock {margin-top: 28px;}
  .aAwareAgentBlock{padding-top: 12px;}
  .iamAwareAgent h6{font-size: 1rem;}
  .howWillItWorkWrapp p{line-height:28px;    font-size: 1.2rem;}
  .amplifyWrapp h4{font-size:1.6rem;}
  .amplifyWrapp p{font-size: 1.1rem;line-height: 29px;}
  .amplifyWrapp ul li{padding-bottom:20px;}
  .amplifyCont{padding-bottom:18px;}
  .footerWrapp h5{font-size: 1.5rem;}
  .imgRoundedEngagement h4{font-size:0.9rem;}
  .contIamAware{padding-top:17%;}
  .contIamAware h5 {font-size: 2.1rem;  line-height: 47px;}
    .arrowIcon {padding-top: 41%;}


 
}

@media (min-width: 1920px) { 
  .wsmenu-list > li a {font-size: 1.2rem;}
  .wsmenu-submenu > li a{font-size: 1.1rem;}
  .wsmenu-list li:hover > .wsmenu-submenu{width: 216px;}


  .sectionHeading h2{font-size: 3.3rem; line-height: 70px;}
  /* .leftPaddingContainer{padding-left: 28.3%;} */
  /* .bannerSection h1 {font-size: 4rem; line-height: 71px;}
  .bannerSection h2 {font-size: 2rem;  padding-top:4%;  line-height: 40px;} */

  .bannerSection h1 {font-size:3.5rem; line-height:60px;}
  .bannerSection h2 {font-size: 1.6rem; padding-top:2%;  line-height: 35px;}

  .bannerBtBlock{padding-top:2%;}
  .bannerSection .btn-outline-primary{width: 300px;  font-size: 1.6rem;}
  .bannerSection .btn-secondary{width: 300px;  font-size: 1.6rem;     top: 20px;
    right: 5px;}
  .rightPaddingContainer{padding-right: 32.3%; }
  .bannerSection .form-control{height: 68px;  font-size: 23px;  color: #000;}

  .contIamAware{padding-top:17%;}
  .contIamAware h5 {
    font-size: 2.1rem;
    line-height: 47px;
  }
  .arrowIcon{padding-top: 40%;}

  .howWillItWorkWrapp p{line-height: 29px;  font-size: 1.3rem;}
  .bottomHowWillItWork p{line-height: 37px;  font-size: 1.5rem;}
  .bottomHowWillItWork { padding:25px 53px;  margin-top: 20px;  border-radius: 200px;}
  .bottomHowWillItWork .userInterfacesIcon{width:107px; height:107px;  min-width:107px; margin-top: 12px;}
  .bottomHowWillItWork .userInterfacesIcon img { width: 51px;}

  .amplifyCont{padding-bottom: 23px;}
  .amplifyWrapp ul li{padding-bottom:25px;}
  .amplifyWrapp ul li img{width: 84px; height: 84px; min-width: 84px;}
  .amplifyWrapp h4{font-size:2rem;}
  .amplifyWrapp p{font-size: 1.3rem;  line-height: 29px;}

  .deploymentWrapp ul li{    font-size: 1.1rem;    padding: 15px 15px;}

  .orgLandscapeBlock ul li img {width: 91%;}
  .orgLandscapeBlock ul li{width: 33%;   padding: 20px 20px;}

  .agentsHeading{font-size: 2.3rem;}
  .imgRoundedEngagement h4{font-size:1rem; min-height: 63px;}
  .bordernumberDeployment{padding-top: 40px;  padding-bottom:60px;}

  .footerWrapp h5{font-size: 1.7rem;}
  .footerWrapp li a{font-size: 1.3rem;}
}


@media only screen and (min-width: 992px) and (max-width: 1199px){
  .wsmenu-list > li{padding-left: 25px;}
  /* .leftPaddingContainer {padding-left: 6.3%;} */
  /* .bannerSection{padding-bottom: 40px;} */
  .bannerSection .leftPaddingContainer{padding-top: 15px;}
  /* .bannerSection h1{line-height: 40px;   font-size: 2rem;}
  .bannerSection h2{line-height: 24px;   font-size: 1.1rem;     padding-top: 5px;}
  .bannerSection p{font-size: 0.8rem;line-height: 21px;} */
  .bannerSection{padding-bottom:0px;}

  .bannerSection h1{line-height:35px;   font-size:1.8rem;}
  .bannerSection h2{line-height: 22px;   font-size: 1rem;     padding-top: 5px;}
  .bannerSection p{font-size: 0.7rem;line-height:19px;}

  .sectionHeading h2{font-size: 2rem;}
  .amplifyWrapp h4{    font-size: 1.2rem;}
  .amplifyWrapp p{     line-height: 21px;   font-size: 0.84rem;}
  .amplifyWrapp ul li img{margin-right: 22px;}
}

@media only screen and (min-width: 781px) and (max-width: 991px){
  .bannerBtBlock .form-control{    height: 48px;}
}

@media (max-width: 780px) {
   /* .header .container{padding: 0px 25px; max-width: 100%;} */
   .navbar-brand img{width: 141px; margin-bottom: 10px;}
   .wsmenu-list li:hover > .wsmenu-submenu{width:100%;}
   .menuopen .animated-arrow span,  .menuopen .animated-arrow span:before,  .menuopen .animated-arrow span:after{background: #ffffff;}
   /* .wsmenu.slideLeft.menuopen{overflow: hidden;}
   .wsmenu.slideLeft.menuclose  .wsmenu .mobile-sub.wsmenu-list{display:none !important;} */
   .wsmenu-list{margin-right: 0px;}
   .wsmenu-submenu{border:none;}
   .wsmenu > .wsmenu-list > li > a.menu-active{border-bottom:none;     background:#e6e6fa !important;}
   .wsmenu-list li:hover > .wsmenu-submenu{border:none;}
   .mobile-sub .wsmenu-submenu li:hover>a{text-decoration: none;}
   .wsmenu-list > li:hover>a:after{border-bottom: none;}
   .wsmenu-list > li a.menu-active::after{bottom: -1px; display:none;}
   .wsmenu-submenu li{padding:0px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
  h3 {font-size: 1.4rem;}
  .sectionHeading h2{font-size:2rem; line-height: 47px;}
  .orgLandscapeBlock ul li{padding: 12px 3px;         width: 45%;}
  .agentsHeading{margin-left: 11%;}
  .howWillItWorkWrapp h3 {padding-bottom: 5px;}

  /* .bannerSection h1{font-size: 1.7rem;     line-height: 32px;} */
  .bannerSection h1{font-size:2.2rem;     line-height:41px;}
  .bannerSectionImg img{object-fit: cover;         height: 100%;}
  /* .bannerSection h2{line-height: 19px;   font-size: 0.9rem; padding-top: 2%;} */
  .bannerSection h2{line-height:27px; font-size: 1.1rem; padding-top:0px;         padding-bottom: 12px;}
  .bannerBtBlock {margin-top: 25px;         margin-bottom: 25px;}
  .manageIamWrapp ul li{    padding: 9px 13px;}
  .iamAwareAgent h6{font-size: 0.6rem;     line-height: 12px;}
  .iamAwareAgent .col-md-3{padding-left: 5px;  padding-right: 5px;}
  .contIamAware h5 { font-size: 1.2rem;line-height: 27px;}
  .iamAwareInner h3 {font-size: 1.7rem;}
  .iamSms img { width: 47px;  margin: 0px 12px;}
  .plusIcon {margin: 15px;}
  .plusIcon img { width: 33px;}
  .iamAwareInner h3 {font-size: 1.4rem;}
  .contIamAware {padding: 36% 30px 30px 30px;}
  .arrowIcon{padding-top: 56%; margin-left: 5px;}
  .arrowIcon img {width: 34px;}
  .deploymentWrapp ul{margin-left:64px;}
  .deploymentWrapp ul li{  padding: 10px 12px;  font-size: 0.8rem;}
  .agentsHeading{font-size: 1.4rem; text-align:left;}
  .bottomHowWillItWork p{line-height: 21px; font-size: 0.9rem;}
  .bannerSection .btn-secondary{font-size: 0.8rem;width:auto;     padding: 12px 12px;}
  .bannerBtBlock .form-control{padding-left:12px; padding-right: 143px;}
  /* .leftPaddingContainer {padding-left: 7.3%;} */
  .bannerSection .leftPaddingContainer{padding-right: 20px;}
  .amplifyWrapp h4{    font-size: 1rem;}
  .amplifyWrapp p{     line-height: 19px;   font-size: 0.8rem;}
  .amplifyCont{    padding-bottom: 5px;}
  .amplifyWrapp ul li{    padding: 0px 0px 10px 0px;}

}


  @media (max-width: 767px) {  
    .useCasesWrapp h5{margin-bottom: 20px;}
.borderLineFooter{border:none;}
 .bannerSection h1 br{display:none;}
 .bannerBtBlock{margin-bottom:25px;}
 .sectionHeading h2 { font-size: 1.4rem;      line-height: 34px;   padding-bottom: 5px;}
 .manageIamWrapp ul li{    width: 44.6%;}
 .iamAwareWrapp .sectionHeading h2 { padding-bottom: 25px;}
 .iamAwareInner h3 {font-size: 1.2rem;}
 .iamSms img { width: 45px;     margin: 0px 12px;}
 .iamAwareAgent .col-md-3{          margin-bottom: 10px;      width: 33%;}

 .arrowIcon{float: inherit;       margin-bottom: 25px;  padding-top: 8%;}
 .arrowIcon img {width: 49px; display: block;  margin: auto; transform: rotate(90deg);}
 .contIamAware {  padding: 20px;}
 .awareBgColor{width:100%;     height: auto;}
 .contIamAware h5 {font-size: 1.2rem; line-height: 29px;}
 .sectionHeading .agentSup::after{    top: 4px;}
 .howWillItWorkWrapp  .sectionHeading h2{ font-size:2rem;  }
 .howWillItWorkWrapp .numRound{    margin-left: 0px;}
 .howWillItWorkWrapp h3{font-size: 1.6rem; padding-bottom: 5px;}
 .howWillItWorkWrapp p{     line-height: 24px;   font-size: 0.9rem;}
 .orgLandscapeBlock ul li{    width: 50%;}

.bordernumberEngagement::before,  .bordernumber::before,  .firstBordernumber::before{left: 29px;}
.firstBordernumber::after{left: 25px;}
.bordernumberDeployment::before {left: 29px;}
.deploymentWrapp ul{padding-left:46px;}
.deploymentWrapp ul li{padding: 9px 12px; min-height: 57px; min-height: 65px;line-height: 21px; 
width: 45%;}
.imgEngagementBlock {padding-left: 25%;}
.bottomHowWillItWork .userInterfacesIcon{    margin: auto;}
.bottomHowWillItWork{display:block;         padding-bottom: 48px;}
.bottomHowWillItWork { border-radius: 28px;}
.bordernumberEngagement::before{    height: 98%;}
.bordernumberEngagement::after{    left: 25px;}
.amplifyWrapp .img-fluid{    margin-bottom: 20px;}
.rightPaddingContainer { padding-right: 5%;  padding-left: 5%;}
.useCasesFooterBlock{display:block;}
.footerWrapp h5{    padding-bottom: 6px;}
/* .leftPaddingContainer {padding-left: 5%;} */
.arrowIcon{animation-name: fadeInDown !important;}
.engagementBlock{padding-right: 0%;}
.firstBordernumber .sectionHeading { padding-left: 44px;}
section{overflow-x:hidden;}
.bannerBtBlock .form-control{font-size: 14px;padding-right:20px; padding-left: 20px;}
.bannerSection .leftPaddingContainer{padding-bottom: 0px;}

.footerWrapp{padding: 25px 0px 20px 0px;}
.footerWrapp ul{    padding: 0px 0px 15px 0px;}
.footerWrapp ul li{    padding: 0px 0px 10px 0px;}
.footerBottomInner{width: 100%;  display: inline-block;}
.privacyFooterBlock{position: inherit; right: 0px; top: 0px; text-align: center;}
.footerBottom{padding-top:7px; padding-bottom:7px;}
.footerBottomInner a{display: block;}
.footerBottom h6{text-align: center; margin:8px 0px;}
}

@media (max-width: 480px) {
  .innerHeader h1 {
    font-size: 1.6rem !important;}
  .aboutWrapp .aboutImg{width:100%;} 
.bannerBtBlock{display: block !important;}
  .bannerSection .btn-outline-primary{width: 100%;height: 50px; margin-bottom: 20px;}
  .bannerSection .btn-secondary {position:inherit; width: 100%;height: 50px; margin-bottom: 20px; margin-top:5px;}
  .iamAwareAgent h6{    font-size: 0.6rem;}
  .deploymentWrapp ul li{         line-height: 18px;   font-size: 0.8rem;}
  .amplifyWrapp h4{    font-size: 1.1rem;}
  .amplifyWrapp ul li img{width: 50px; height: 50px; min-width: 50px;   margin-right: 20px;}
  .agentsHeading{font-size: 1.5rem;}
.howWillItWorkWrapp h3 {font-size: 1.5rem;}
.howWillItWorkWrapp .numRound{width: 50px; height: 50px;min-width: 50px;line-height: 50px;font-size: 31px;     margin-right: 15px;}
.agentsHeading{text-align: left;     padding-left: 61px;}
.howWillItWorkWrapp .sectionHeading h2 {font-size: 1.6rem;}

.bannerSection h1 {     line-height: 23px; font-size: 1.62rem !important;}
.bannerSection h3.sameH1Styles{ font-size: 1.62rem !important; } 
ol, ul {  padding-left: 1rem;}
.currentOpenHeading { font-size: 1.4rem !important;}
.accordionWrapp .accordion-button{    font-size: 1rem;}

.middleInnerCont h1{font-size: 2.5rem;     line-height: 45px;}
.middleInnerCont .headingH1 {font-size: 2.5rem;     line-height: 45px;}
.middleInnerCont h2{line-height: 43px; font-size: 2.2rem;}
}