@media screen and (min-width: 1695px) {
  .view-container {
    max-width: 1800px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1800px) and (max-width: 1920px) {
  .view-container {
    max-width: 1800px;
    margin: 0 auto;
  }
  .bg-sample-collection{
    height: 449px;
  }
  .report-icon-scooter img {
    width: 100%;
}
.report-icon-scooter{
      top: 20px;
}
.free-home-sample h3{
  font-size: 50px;
}
.free-home-sample p{
  font-size: 30px;
}
.book-btn{
  font-size: 25px;
  padding: 20px 40px;
  border-radius: 40px;
}
.bg-find{
  height: 587px;
}
.arrow-waves {
    top: 33px;
    left: 77px;
}
.arrow-waves-second {
    top: 89px;
    left: 14%;
}
}
@media screen and (min-width: 1694px) and (max-width: 1800px) {
  .view-container {
    width: 1500px;
    margin: 0 auto;
  }
  .bg-sample-collection{
        height: 374px;
  }

  .report-icon-scooter img {
    width: 82%;
}
.report-icon-scooter{
      top: -9px;
        right: 5%;
}
.free-home-sample h3{
  font-size: 40px;
}
.free-home-sample p{
  font-size: 25px;
}
.book-btn{
  font-size: 20px;
  padding: 20px 30px;
  border-radius: 40px;
}
.bg-find{
  height: 530px;
}
.arrow-waves {
    top: 33px;
    left: 77px;
}
.arrow-waves-second {
    top: 89px;
    left: 17%;
}
}

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

@media screen and (min-width: 1440px) and (max-width: 1694px) {
 .view-container {
    width: 1400px;
    margin: 0 auto;
  }
   .bg-sample-collection{
    height: 328px;
  }
  .free-home-sample h3{
  font-size: 30px;
}
.free-home-sample p{
  font-size: 24px;
}
.book-btn{
  font-size: 18px;
  padding: 20px 40px;
  border-radius: 40px;
}
}

@media (min-width: 1450px) and (max-width: 1500px) {

}

@media (min-width: 1440px) and (max-width: 1450px) {
}

@media (min-width: 1400px) and (max-width: 1439px) {
}

@media screen and (min-width: 1100px) and (max-width: 1439px) {
  .view-container {
    width: 1140px;
    margin: 0 auto;
  }
}

@media (min-width: 1199.98px) and (max-width: 1290px) {
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
}

@media (max-width: 1399.98px) {
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
     .desktop-view{
    display: none;
}

.mobile-view{
    display: block;
}
 .desktop-view{
    display: none;
}

.mobile-view{
    display: block;
}

.humbuger {
    text-align: right;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #ffcc00;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #000;
  font-family: 'Roboto';
  display: block;
  transition: 0.3s;
}

.risk-card {
    width: 16%;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.banner-bg{
  padding: 30px 41px;
  height: 283px;
}
.collection-home{
  width: 100%;
}

}

@media (min-width: 576px) and (max-width: 767px) {
  .container,
  .container-sm {
    max-width: 94%;
  }
     .desktop-view{
    display: none;
}

.mobile-view{
    display: block;
}
 .desktop-view{
    display: none;
}

.mobile-view{
    display: block;
}

.collection-home{
  width: 100%;
}

.risk-card {
    width: 16%;
}

.humbuger {
    text-align: right;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #ffcc00;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #000;
  font-family: 'Roboto';
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.banner-bg{
  padding: 30px 41px;
  height: 283px;
}

.risk-card {
    width: 16%;
}

}