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

  .mweb_br {
    display: block;
  }

  /* start header css */
  .nav {
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 20px;
    display: none;
    height: 160px;
  }

  .nav_list {
    flex-direction: column;
    gap: 20px;
  }
  .menu-open .nav_list li a{
    color: #000; 
  }
  .menu-open .nav_list li{
    justify-content: start;
    padding: 0px;
  }
  .menu-open.main_header .button_su{
    position: relative;
    top: 108px;
  }
  .main_header .button_su {
    display: none;
  }

  .main_header.menu-open .nav,
  .main_header.menu-open .button_su {
    display: block;
            box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  }

  .saving-active .menu_toggle span {
    background: #222;
  }
  .aws_area,
  .cloud_area {
    top: 58px;
  }

  .menu_toggle {
    width: 28px;
    height: 19px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
  }

  .menu_toggle span {
    height: 3px;
    background: #fff;
    border-radius: 2px;
    transition: 0.3s;
  }

  .main_header.menu-open .menu_toggle span:nth-child(1) {
    transform: rotate(45deg) translate(4px, 5px);
  }

  .main_header.menu-open .menu_toggle span:nth-child(2) {
    opacity: 0;
  }

  .main_header.menu-open .menu_toggle span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -8px);
  }

  .main_header {
    padding: 12px 0px;
  }

  .header_main {
    display: block;
  }

  .navs {
    justify-content: space-between;
  }

  .logo .logo-white,.logo-black {
    max-width: 80%;
  }

  /* end header css */

  /* start banner css */
  .banner_title {
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 10px;
  }

  .banner_text {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 24px;
  }

  .badge_1 {
    font-size: 13px;
  }

  .badge_area {
    margin-bottom: 10px;
  }

  .mweb-img {
    display: block !important;
  }

  .web-img {
    display: none !important;
  }

  .ico {
    width: 34px;
    height: 34px;
    border-radius: 4px;
  }

  .ico img {
    max-width: 24px;
  }

  .ico2 {
        right: 48px;
        top: -140px;
  }

  .ico3 {
        left: 0px;
        top: -80px;
  }

  .ico5 {
         right: 290px;
        top: 195px;
  }

  .ico4 {
    left: 320px;
    top: 30px;
  }

  .ico1 {
    display: none;
  }

  .ellipses {
    height: 518px;
  }

  .ellipse_1 {
    width: 1068px;
    left: -350px;
    top: 90px;
  }

  .ellipse_2 {
    width: 960px;
    left: -302px;
    top: 243px;
  }

  .ellipse_3 {
    width: 758px;
    left: -185px;
    top: 137px;
  }

  .ellipse_4 {
    width: 500px;
    left: -70px;
    bottom: -40px;
    top: inherit;
  }

  .banner_wrap {
    height: 600px;
  }

  .banner_main {
    top: 166px;
  }

  .ico img {
    max-width: 24px;
  }

  .banner_btn .button_su_inner {
    font-size: 14px;
    line-height: 1.3;
  }

  .banner_btn .button_su_inner {
    padding: 12px 18px;
  }

  .banner_wrap .mweb-img {
    opacity: 0.2;
  }

  /* end */

  /* start marquee css */
  .marquee {
    height: 50px;
  }

  .marquee-track {
    top: 15px;
  }
  .reverse .marquee-track{
    top: 14px;
  }

  .yellow h3 {
    font-size: 15px;
    line-height: 1.3;
  }

  .black .marquee-item img {
    height:22px;
  }

  .marquee.black {
    top: -20px;
  }
  .yellow .icon img{
        width: 18px;
  }

  /* end marquee css */

  /* start saving css */
  .saving_wrap{
    padding-top: 20px;
  }
  .saving_wrap .page-title p{
        font-size: 18px;
    line-height: 1.4;
  }
  .saving_wrap .page-title h2{
        font-size: 24px;
    line-height: 1.4;
  }

  .cl_text h3 {
    font-size: 24px;
    line-height: 1.3;
  }

  .cl_text p {
    font-size: 16px;
    line-height: 1.4;
  }

  .cloud_box {
    padding: 20px;
    flex-direction: column;
    gap: 20px;
  }

  .cloud_cl_area {
    width: 100%;
     overflow: hidden;
  }
  .cloud_area .cl_img{
    margin-top: -58px;
  }
 

  .cloud_area {
    width: 100%;
  }

  .saving_wrap .btn_cl {
    font-size: 14px;
    line-height: 1.4;
  }

  .cl_float_img img {
    width: 200px;
    top: 102px;
    left: 22%;
  }

  .floating-wrapper {
    top: 78px;
    left: 22%;
  }

  .image-wrapper {
    width: 200px;
    height: 155px;
  }
  .marquee.forward::before, .marquee.forward::after{
    animation-duration: 14s;
  }
  .marquee.reverse::before, .marquee.reverse::after{
    animation-duration: 14s;
  }

  /* end */

  /* start counter_wrap */
  .label {
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 5px;
  }

  .inner-counter {
    padding: 30px 0px;
  }

  .value {
    font-size: 28px;
    line-height: 1.3;
  }

  .rupee1 {
    width: 70%;
    left: -183px;
  }

  .rupee2 {
    max-width: 70%;
    right: -180px;
  }

  .inner-counter .dashes-container {
    top: -2px;
  }

  .inner-counter .dashes-bottom-container {
    bottom: -2px;
  }
  .counter_wrap .dashes-track{
        animation-duration: 70s;
  }

  /* end counter wrap */

  /* start offer wrap */
  .offer_wrap {
    margin-top: 0px;
    padding-bottom: 30px;
  }

  .offer_wrap .page-title h2 {
    font-size: 24px;
  }

  .badge_deal {
    padding: 8px 31.74px 7px 33.26px;
    height: 34px;
  }

  .static-text {
    font-size: 11px;
    line-height: 1.3;
  }

  .offer-grid {
    grid-column-gap: 10px;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 12px;
    place-items: center;
  }

  .offer-grid._1 {
    padding-left: 0px;
  }

  .offer-grid._2 {
    padding-right: 0px;
  }

  .deal_card {
    width: clamp(160px, 45vw, 180px);
  }

  .offer-timer {
    padding: 6px 10px;
    gap: 4px;
  }

  .off_text {
    font-size: 12px;
    line-height: 1.3;
  }

  .icon_offer svg {
    width: 14px;
  }

  .button_su.is-border {
    width: 134px;
  }

  .is-border .button_su_inner {
    padding: 8px 20px;
    font-size: 13px;
    line-height: 1.3;
    height: auto;
  }

  .deal_card h3 {
    font-size: 14px;
    line-height: 1.4;
  }

  .deal_card p {
    font-size: 10px;
    line-height: 1.3;
  }

  .deal_content {
    gap: 16px;
    padding: 42px 0 18px 0;
  }

  .marquee-inner-deal span {
    font-size: 12px;
    line-height: 1.4;
  }

  .deal_card:after {
    width: 12px;
    height: 12px;
    top: 114px;
  }

  .deal_card:before {
    width: 12px;
    height: 12px;
    top: 114px;
  }

  .center-btn {
    width: 170px;
    font-size: 14px;
    line-height: 1.3;
  }

  .divider-wrap {
    gap: 12px;
    padding-bottom: 0px;
    padding-top: 10px;
  }

  .offer-main {
    gap: 12px;
  }

  /* end offer wrap */

  /* start calculator css */
  .calc_wrap {
    padding-bottom: 120px;
  }

  .calc_wrap .page-title h2 {
    font-size: 24px;
    line-height: 1.4;
  }

  .calculator {
    max-width: 360px;
    padding: 20px;
  }

  .title {
    font-size: 18px;
    line-height: 1.3;
  }

  .price {
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 30px;
  }

  input[type="range"]::-webkit-slider-thumb {
    width: 22px;
    height: 22px;
  }

  .subtext {
    font-size: 14px;
    line-height: 1.3;
  }
  .calc_wrap .page-title{
    margin-bottom: 20px;
  }

  .card_calc {
    justify-content: space-between;
    height: 82px;
    width: 143px;
    gap: 0px;
  }

  .card_calc span {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
  }

  .card_calc strong {
    font-size: 20px;
    line-height: 1.3;
  }

  .slider-wrap {
    margin-bottom: 40px;
  }

  .cards_calc {
    margin-bottom: 40px;
  }

  .note {
    font-size: 12px;
    line-height: 1.4;
  }

  .is-wide .button_su_inner {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    padding: 8px 20px;
  }

  .circle_1 {
    top: 208px;
  }

  .circle_2 {
    display: none;
  }

  .circle_3 {
    display: none;
  }

  .ico_11 {
    top: 40px;
    left: 35px;
  }

  .ico_10 {
    display: none;
  }

  .ico_9 {
    display: none;
  }

  .ico_8 {
    left: 60px;
    bottom: 40px;
  }

  .ico.ico_6 {
    bottom: 70px;
    right: 60px;
    top: inherit;
  }

  .ico_7 {
    display: none;
  }

  /* end calc csc */

  /* start category_wrap css */
  .category_wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .category_wrap .container{
    padding: 0px;
  }
  .categ-tt {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 2px;
  }
  .category_wrap .page-title h2 {
    font-size: 24px;
    line-height: 1.4;
  }
  .tab {
    max-width: 100%;
    padding: 0px;
    white-space: nowrap;
    background: transparent;
            border-radius: 0px;
  }
  .tab ul li{
    background: #F2F2F2;
    list-style: none;
}

  .tab button {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 1.3;
  }
  .alltab .session{
    padding: 0px 15px;
  }
  .category_wrap .tab ul li:nth-of-type(1){
    margin-left: 10px !important;
    border-radius: 100px 0px 0px 100px;
  }
  .category_wrap .tab ul li:nth-of-type(4){
        margin-right: 10px !important;
        border-radius: 0px 100px 100px 0px;
  }
  .brand-strip {
    padding: 24px;
    border-radius: 24px;
    width: 100%;
    flex-direction: column;
    gap: 16px;
  }
  .strip_text {
    font-size: 14px;
  }
  .strip-btn {
    padding: 10px 24px;
  }
  .brands-icon img {
    width: 20%;
  }
  .brands-icon {
    flex-wrap: wrap;
    justify-content: center;
  }
  /* end category_wrap */

  /* start testimonial_wrap css */
  .testimonial_wrap {
    background: #f6f6f6;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .testimonial-area {
    background-color: transparent;
    border-radius: inherit;
    padding: 0px;
  }
  .testimonial_wrap .page-title{
    margin-bottom: 40px;
  }
  .testimonial_wrap .slick-dots {
    padding-top: 0px !important;
  }
  .tt-title {
    font-size: 24px;
    line-height: 1.3;
  }
  .tt-tag {
    font-size: 16px;
    line-height: 23px;
  }
  .testimonial_wrap .web_br {
    display: none;
  }
  .testimonial {
    width: 100%;
    flex-direction: column-reverse;
  }
  .left {
    gap: 18px;
    width: 100%;
    padding: 20px;
  }
  .stat {
    flex-direction: column;
    align-items: start;
  }
  .author .name{
    font-size: 14px;
    line-height: 1.4;
  }
  .author .role{
    font-size: 12px;
    line-height: 1.3;
  }
  .content-area p {
    font-size: 14px;
    line-height: 1.4;
    height: auto;
  }
  .content-area {
    padding: 20px 30px;
  }
  .bottom-tt {
    padding: 10px 20px;
  }
  .stat .big {
    font-size: 30px;
    line-height: 1.3;
  }
  .stat {
    gap: 2px;
  }
  .stat .label {
    font-size: 12px;
    height: 32px;
  }
  .saving_slider {
    display: block !important;
  }
  .testimonial-slider {
    display: none;
  }
  .testimonial_wrap .slick-list {
    padding: 0px !important;
  }
  .saving_slider .testimonial {
  width: 100% !important; 
  max-width: 100%;
  transform: none !important;
}
.saving_slider .slick-slide > div {
    width: 100%;
    margin-bottom: 40px;
}
    .saving_slider .slick-slide {
        margin-right: 13px;
        margin-left: 13px;
    }
.saving_slider .slick-dots {
    gap: 8px;
  }

 .saving_slider .slick-dots li {
    width: 30px;
  }

  .saving_slider .slick-dots li .progress-bg {
    width: 28px;
    height: 6px;
  }

  /* end testimonial_wrap */

  /* start form-wrap */
  .form-wrap {
    padding-top: 60px;
    padding-bottom: 60px;

    background-color: #fff;
  }
  .form-area {
    width: 100%;
    flex-direction: column;
    height: auto;
    padding: 0px;
    gap: 0px;
  }
  .form-title {
    font-size: 22px;
    line-height: 30px;
  }
  .form-wrap .form_label {
    display: none;
  }
  .form-img img {
     width: 310px;
  }
  .form{
    padding: 26px;
  }
  .form-img{
    border-radius: 24px 24px 0px 0px;
    width: 100%;
    min-height: 360px;
  }
  .form-group {
    flex-direction: column;
  }
  .form {
    width: 100%;
  }
  .form-area-2 {
    width: 100%;
  }
  .form-area-btn .button_text_container{
    font-size: 14px;
    line-height: 1.4;
  }
  /* end form-wrap */

  /* start footer css */
  .footer-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer_upper {
    border: none;
    flex-direction: column;
    gap: 25px;
    padding-bottom: 0px;
  }
  .footer_logo {
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 6px;
  }
  .follow-links {
    padding-top: 20px;
  }
  .social_link {
    justify-content: center;
  }
  .footer_inner {
    display: block;
  }
  .social_link ul {
    text-align: center;
  }
  .footer_email a {
    padding-top: 0px;
  }

  .soon-btn .button_su_inner{
    font-size: 13px;
    width: 134px;
    line-height: 1.2;
    height: auto;
  }
  /* end footer css */
}