@media (min-width: 1366px) {
      .container {
            max-width: 1304px;
      }
}

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

@media screen and (max-width: 1365px) {
      .data-format-sec::after {
            height: 390px;
            width: 560px;
      }
}

@media screen and (max-width: 1199px) {
      .banner-sec {
            padding: 150px 0 0 0;
      }

      .ps-5 {
            padding-left: 0 !important;
      }

      .price-box {
            padding: 24px;
      }

      .price-box ul li {
            font-size: 16px;
      }

      .get-start-inner {
            padding-left: 40px;
      }

      .get-start-inner .image-holder {
            max-width: 390px;
      }

      .get-start-inner .text-box h4 {
            font-size: 30px;
            margin-bottom: 0px;
      }

      .services-img2 {
            left: 10px;
      }
}

@media screen and (max-width: 991px) {
      .navbar-nav .nav-item .nav-link {
            font-size: 14px;
      }

      .navbar-nav {
            gap: 20px;
      }

      .header-right ul {
            gap: 15px;
      }

      .header-right ul li a {
            font-size: 14px;
      }

      .contact-btn {
            height: 40px;
            width: 100px;
      }

      .navbar-brand img {
            height: 30px;
      }

      .banner-sec {
            padding: 120px 0 0 0;
            background-size: cover;
      }

      .banner-sec .text-box h1 {
            font-size: 40px;
            max-width: 520px;
            margin: 10px auto 20px;
      }

      .banner-sec .text-box p {
            font-size: 14px;
            line-height: 24px;
            max-width: 500px;
            margin: 0 auto 20px;
      }

      .btn-default {
            height: 40px;
            font-size: 14px;
            padding: 0 15px;
      }

      .banner-sec .text-box {
            margin-bottom: 50px;
      }

      .product-inner {
            padding: 50px 0;
      }

      .product-box h3 {
            font-size: 28px;
            line-height: 38px;
            margin: 15px 0 20px;
      }

      .product-box p {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 20px;
      }

      .data-format-sec {
            padding: 50px 0;
      }

      .data-format-sec .text-box h3 {
            font-size: 36px;
            line-height: 46px;
      }

      .data-format-sec .text-box p {
            font-size: 14px;
            line-height: 22px;
            margin: 10px 0 15px;
      }

      .data-format-sec::after {
            height: 250px;
            width: 330px;
      }

      .services-sec {
            padding: 50px 0;
      }

      .services-img2 img,
      .services-img1 img {
            height: 120px;
      }

      .price-sec {
            padding: 50px 0;
      }

      .title h4 {
            font-size: 30px;
            line-height: 38px;
            margin: 15px 0;
      }

      .title p {
            font-size: 16px;
            line-height: 26px;
            max-width: 430px;
            width: 100%;
      }

      .title ul li {
            gap: 10px;
            font-size: 16px;
      }

      .title ul {
            gap: 20px;
            margin: 30px 0 0 0;
      }

      .get-start-sec {
            padding: 50px 0;
      }

      .get-start-inner {
            padding-left: 20px;
            padding-top: 40px;
      }

      .get-start-inner .image-holder {
            max-width: 280px;
      }

      .get-start-inner .text-box h4 {
            font-size: 24px;
            margin-bottom: 0px;
            line-height: 38px;
      }

      .copyright {
            margin-top: 50px;
            padding-top: 20px;
            margin-bottom: 20px;
      }
}

@media screen and (max-width: 767px) {
      .container {
            max-width: 100%;
      }

      .navbar-toggler {
            border: none;
            padding: 0;
            border-radius: 0;
      }

      header {
            padding: 14px 0;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 10;
      }

      .navbar-nav {
            gap: 20px;
            padding: 20px 20px;
      }

      .navbar-toggler:focus {
            box-shadow: none;
      }

      .header-right {
            padding: 0 20px 20px;
      }

      .header-right ul {
            flex-direction: column;
            gap: 20px;
            align-items: flex-start;
      }

      .navbar-collapse {
            background-color: #fff;
            margin-top: 10px;
      }

      .banner-sec {
            padding: 100px 0 0 0;
            background: url(../images/banner-bg-mobile.png) no-repeat;
            background-size: cover;
            background-position: center center;
      }

      .banner-sec .text-box h1 {
            font-size: 30px;
            max-width: 390px;
            margin: 20px auto 10px;
            line-height: 40px;
      }

      .banner-arrow {
            right: 15px;
            bottom: -21px;
      }

      .banner-arrow img {
            height: 45px;
      }

      .product-inner {
            padding: 25px 0;
      }

      .product-box h3 {
            line-height: 30px;
            margin: 30px 0 20px;
            font-size: 40px;
        }

      .product-box p {
            max-width: 100%;
      }

      .product-inner .image-holder {
            margin-top: 30px;
      }
      .product-inner .image-holder img{
            width: 100%;
      }
      .data-format-sec .text-box {
            height: auto;
            margin-bottom: 30px;
      }
      .data-format-sec::after {
            height: 340px;
            width: 100%;
            right: 0; 
        }
        .data-format-sec .image-holder { 
            justify-content: center;
        }
        .services-img2 img, .services-img1 img {
            height: 90px;
        }
        .title ul { 
            flex-wrap: wrap;
        }
        .price-box {
            padding: 20px;
        }
        .price-box ul li {
            font-size: 14px;
            gap: 10px; 
            margin-bottom: 16px;
        }
        .price-box h4 { 
            font-size: 30px;  
            gap: 8px;
            margin: 20px 0;
        }
        .get-start-sec {
            padding: 0 0;
        }
        .get-start-inner {  
            flex-direction: column;
        }
        .get-start-inner .image-holder {
            max-width: 400px;
            margin-top: 30px;
        }
        .get-start-inner .text-box h4 {
            font-size: 30px;
            margin-bottom: 0px;
            line-height: 44px;
        }
        sup {
            top: -20px;
        }
        footer {
            padding: 50px 0 0 0;
        }
}

@media screen and (max-width: 575px) {
      .banner-arrow img {
            height: 30px;
        }
        .banner-arrow { 
            bottom: -5px;
        }
        .product-box h3 {
            line-height: 36px;
            margin: 20px 0;
            font-size: 32px;
        }
        .data-format-sec .text-box h3 {
            font-size: 24px;
            line-height: 34px;
        }
        .services-img2 img, .services-img1 img {
            height: 60px;
        }
        .title ul {
            gap: 20px;
            margin: 20px 0 0 0;
        }
        .price-box ul {
            margin-bottom: 20px;
        }
        .price-box ul li {
            font-size: 16px;
            gap: 10px;
            margin-bottom: 20px;
        }
        .get-start-inner .text-box h4 {
            font-size: 24px;
            margin-bottom: 0px;
            line-height: 32px;
        }
        .get-start-inner .image-holder {
            max-width: 100%; 
        }
        .copyright {
            margin-top: 30px; 
            flex-direction: column;
        }
        .copyright ul { 
            gap: 20px;
            margin-top: 20px;
        }
}

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