@media screen and (min-device-width:820px) and (max-device-width:1180px) { 

    
  }
 

 @media screen and (min-device-width:768px) and (max-device-width:1024px) { 
h1 {font-size: 30px;}
  .herosection {padding: 10px 0px;}
.nav-link {margin: 8px 0;}
.btn-contact {width: 100%;text-align: center;}
.btn-demo {width: 100%;text-align: center;}
/* .hero-section {flex-direction: column-reverse;text-align: center;} */
.hero-content {flex: 1 1 100%;margin-top: 40px;}
.hero-points li {text-align: left;padding-left: 30px;margin-left: 10px;}
.hero-buttons {display: flex;flex-direction: column;align-items: start;}
.hero-buttons .btn {width: 50%;margin-bottom: 10px;}
.vactor-left {bottom: 2%;}
span.navbar-toggler-icon i {font-size: 32px;}
.navbar-toggler {border: solid 1px #0b5394 !important;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-nav {position: absolute;background: #ffffff;width: 100%;margin-left: -13px;padding-right: 2rem;padding-bottom: 35px;padding-top: 10px;padding-left: 2rem;}
.app-images img {margin-top: 70px;}
.pricing-icon {left: -74px;}
.pricing-card {margin: 10px 120px;}



}



    

    
 @media screen and (min-device-width:360px) and (max-device-width:767px) { 
  h1 {font-size: 30px;}
  .herosection {padding: 10px 0px;}
.nav-link {margin: 8px 0;}
.btn-contact {width: 100%;text-align: center;}
.btn-demo {width: 100%;text-align: center;}
/* .hero-section {flex-direction: column-reverse;text-align: center;} */
.hero-content {flex: 1 1 100%;margin-top: 40px;}
.hero-points li {text-align: left;padding-left: 30px;margin-left: 10px;}
.hero-buttons {display: flex;flex-direction: column;align-items: center;}
.hero-buttons .btn {width:100%;margin-bottom: 10px;}
/* .problem-section {flex-direction: column-reverse;text-align: center;} */
.problem-content {flex: 1 1 100%;}
.problem-content ul li {text-align: left;}
.pricing-card {flex-direction: column;text-align: center;}
 .pricing-content ul {list-style: none;padding-left: 0;}
.pricing-card{padding-left: 25px;margin: 0px 0px;}
.pricing-icon{position: unset;margin: auto;margin-bottom: 20px;}
.security-list li{text-align: left;}
.hero-content h1 {font-size: 26px;}
.vactor-right{ display: none;}
.vactor-left{ display: none;}
.vactor-right2{ display: none;}
.vactor-left2{ display: none;}
.vactor-right3{ display: none;}
.vactor-left3{ display: none;}
.app-images img {margin-top: 50px;}
.feature-block {margin-bottom: 20px;}
.guardian-logo {padding:30px 0px 0px;}
.footercontact img {width: 80%;}
span.navbar-toggler-icon i {font-size: 32px;}
.navbar-toggler {border: solid 1px #0b5394 !important;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-nav {position: absolute;background: #ffffff;width: 100%;margin-left: -13px;padding-right: 2rem;padding-bottom: 35px;padding-top: 10px;padding-left: 2rem;}



 .overlaywhite {position: absolute;background: #fffffff1;top: 0;z-index: 9999;width: 100%;height: 1450px;  opacity: 1; /* 100% opacity */
  filter: brightness(0.9) contrast(1.45); backdrop-filter: blur(2px); 
} 
.overlaywhite2 {position: absolute;background: #fffffff2;top: 0;z-index: 9999;width: 100%;height:2260px;  opacity: 1; /* 100% opacity */
  filter: brightness(0.9) contrast(1.45); backdrop-filter: blur(2px);  
}
.overlaywhite3 {position: absolute;background: #fffffff3;top: 0;z-index: 9999;width: 100%;height:1150px;  opacity: 1; /* 100% opacity */
  filter: brightness(0.9) contrast(1.45);    backdrop-filter: blur(2px); 

}
}

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



}