@media (min-width: 1700px) {
    .container {
        max-width: 1654px;
    }

    .repels-water .container {
        max-width: 1474px;
        position: relative;
        z-index: 5;
    }

    .priceBanner .container, .kit-description .container{
        max-width: 1438px;
    }
}

@media (max-width: 1920px) {
    header {
        padding: 20px 0;
    }

    .topbar a.logo img {
        height: 70px;
    }

    .media-trust .icon img {
        height: 30px;
    }

    .media-trust h4 {
        font-size: 16px;
    }

    .trust_top li {
        padding: 0 10px;
    }

    .topBlueBar p {
        font-size: 14px;
        margin-top: 15px;
    }

    .title h2 {
        font-size: 32px;
        line-height: 32px;
    }

    .hero-main {
        padding: 70px 0 0px;
    }

    .heroListing li {
        font-size: 18px;
        line-height: 38px;
    }

    .heroListing li i img {
        height: 23px;
    }

    .cta-buy {
        margin-left: 0;
    }
    .easy-to-use {
        padding: 60px 0 110px;
    }
    .gradeCard {
        margin: 0 -10px;
    }

    .gradeCard li {
        padding: 0 10px;
    }

    .hero-main .bg-img {
        max-width: 630px;
    }

    .brandMain {
        padding-bottom: 50px;
    }

    .btn {
        height: 80px;
        font-size: 18px;
        max-width: 435px;
        /* margin: 0 auto; */
    }

    .cta-buy i {
        padding: 5px;
    }

    .cta-buy i img {
        height: 18px;
    }

    .content p {
        font-size: 20px;
        margin-bottom: 70px;
    }

    .repels-water .img-holder .amazonImg {
        left: -290px;
        width: 700px;
        transform: translate(-0%, -33%);
    }

    .repels-water .title {
        margin: 0 auto 50px;
    }

    .repels-water {
        padding: 95px 0 120px;
    }

    .repels-water .img-holder {
        position: relative;
        padding: 0 0 0 70px;
    }

    .easy-to-use .title p {
        font-size: 18px;
        line-height: 26px;
        margin: 10px auto;
    }

    .mySwiper .swiper-slide-active .cardSlider {
        padding: 20px 20px 50px;
    }

    .cardSlider p {
        font-size: 14px;
        line-height: 20px;
        max-width: 339px;
    }

    .badge-icon img {
        height: 200px;
    }

    .badge-icon {
        margin: -70px 0 15px 0;
    }

    .guarantee-inner {
        max-width: 865px;
    }

    .guarantee-title h3 {
        font-size: 30px;
        line-height: 35px;
    }

    .guarantee-title p {
        line-height: 26px;
    }

    .guarantee-box .image-holder {
        max-width: 160px;
    }

    .guarantee-box .text-box p {
        font-size: 16px;
    }

    .guarantee-sec {
        padding: 0 0 70px 0;
    }

    .review-title h2 {
        font-size: 28px;
        margin: 0 0 10px 0px;
    }

    .review-title p {
        font-size: 18px;
    }

    .review-sec {
        padding: 70px 0 75px;
    }

    .review-box .text-box ul li img {
        height: 20px;
    }

    .review-user span {
        max-width: 35px;
    }

    .review-user .user-text {
        padding-left: 15px;
    }

    .review-user .user-text h4 {
        font-size: 18px;
        margin: 0px 0 5px 0;
    }

    .review-user .user-text strong {
        font-size: 14px;
    }

    .review-box .text-box p {
        font-size: 16px;
        line-height: 24px;
    }

    .review-box .text-box {
        padding: 30px 20px 40px;
    }

    .footer-inner .text-box h4 {
        font-size: 20px;
        margin: 15px 0;
    }

    .footer-inner .text-box p {
        font-size: 12px;
    }

    .footer-link ul li {
        padding: 0 5px;
    }

    .footer-link ul li a {
        font-size: 11px;
    }

    .footer-logo a img {
        height: 60px;
    }

    .cardPrcing h1 {
        font-size: 90px;
    }

    .cardPrcing h1 span {
        font-size: 37px;
    }

    .cardPrcing h3 {
        font-size: 32px;
    }


    .cardPrcing ul li span {
        font-size: 18px;
        line-height: 24px;
    }

    .cardPrcing .price {
        font-size: 67px;
    }

    .cardPrcing .price del {
        font-size: 44px;
    }

    .cardPrcing .btn {
        height: 80px;
    }

    .priceBanner {
        padding: 0px 0 0;
    }

    .hero-main .content {
        max-width: 435px;
    }

    .eramicSpray {
        position: absolute;
        top: -221px;
        max-width: 891px;
        left: 100px;
    }

    .hero-main .content p {
        margin-bottom: 14px;
        font-size: 16px;
    }

    .hero-main .content h4 {
        font-size: 18px;
    }
    .cardReview .titleRate span { 
        font-size: 14px; 
    }
    .titleRate .rate img {
        height: 16px;
    }

    .cardReview .titleRate {
        margin-bottom: 15px;
    }

    .cardReview .name {
        font-size: 18px;
    }

    .cardReview h2 {
        font-size: 24px;
        margin-bottom: 6px;
    }

    .cardReview p {
        font-size: 16px;
    }

    .cardReview {
        margin-top: 30px;
    }

    .ceramicSpray .review-title h2 {
        font-size: 45px;
    }

    .ceramicSpray .btn {
        font-size: 16px;
    }

    .cardPrcing ul li {
        margin-bottom: 5px;
    }
    .heroSlider {
        margin-bottom: 25px;
    }
}

@media (max-width: 1399px) {
    .repels-water .img-holder .amazonImg {
        left: -254px;
        width: 655px;
        transform: translate(-0%, -33%);
    }

    .repels-water {
        padding: 65px 0 130px;
    }

    .review-box .text-box {
        padding: 30px 15px;
    }

    header .container-fluid {
        padding: 0 30px;
    }

    header .topbar p {
        text-align: left;
    }
    .cardPrcing .kit-list {
        margin: auto 65px;
    }
}

@media (max-width: 1199px) {
    .topbar a.logo img {
        height: 50px;
    }

    .media-trust .icon img {
        height: 18px;
    }

    .media-trust h4 {
        font-size: 14px;
    }

    .title h2 {
        font-size: 22px;
        line-height: 26px;
    }

    .heroListing li i {
        margin-right: 5px;
    }

    .heroListing li {
        font-size: 16px;
        line-height: 32px;
    }

    .hero-main .bg-img {
        max-width: 390px;
    }

    .gradeCard li {
        padding: 0 6px;
    }

    .repels-water .img-holder .amazonImg {
        left: -210px;
        width: 570px;
        transform: translate(-0%, -37%);
    }

    .content p {
        font-size: 18px;
        margin-bottom: 50px;
    }

    .repels-water {
        padding: 65px 0 120px;
    }

    .easy-to-use {
        padding: 65px 0 100px;
    }

    .mySwiper .swiper-slide-active .cardSlider {
        padding: 30px 15px;
    }

    .titleCard .icon img {
        height: 60px;
    }

    .cardSlider h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .cardSlider .imgTitle {
        text-align: center;
        margin-bottom: 20px;
    }

    .badge-icon {
        margin: -50px 0 15px 0;
    }

    .badge-icon img {
        height: 150px;
    }

    .guarantee-title h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .guarantee-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .footer-link {
        margin-bottom: 50px;
    }

    .footer-link ul li {
        padding: 0 10px;
    }

    .footer-link ul li a {
        font-size: 14px;
    }

    .cardPrcing h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .cardPrcing h1 {
        font-size: 46px;
    }

    .cardPrcing h1 span {
        font-size: 28px;
    }

    .cardPrcing {
        padding: 30px;
    }

    .cardPrcing ul li span,
    .cardPrcing p {
        font-size: 16px;
    }

    .eramicSpray {
        position: absolute;
        top: -144px;
        max-width: 633px;
        left: 118px;
    }

    .cardReview h2 {
        font-size: 22px;
        margin-bottom: 6px;
    }

    .cardReview .name {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    header {
        padding: 10px 0 0;
    }

    .trust_top {
        display: none;
    }

    .topBlueBar p {
        font-size: 14px;
        margin-top: 10px;
    }

    .hero-main {
        padding: 30px 0 0;
    }

    .heroSlider .swiper-button-next img,
    .heroSlider .swiper-button-prev img {
        height: 23px;
    }

    .heroListing li i img {
        height: 16px;
    }

    .heroListing li {
        font-size: 16px;
        line-height: 30px;
    }

    .cta-buy {
        margin-left: 0;
        max-width: 100%;
        margin: 20px 0;
    }

    .gradeCard {
        margin: 0 -20px;
        justify-content: center;
    }

    .gradeCard li {
        padding: 0 20px;
    }

    .content p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .repels-water .img-holder {
        padding: 0 0 0 20px;
    }

    .repels-water .title h2 {
        line-height: 30px;
    }

    .repels-water .title {
        margin: 0 auto 30px;
    }

    .repels-water .img-holder .amazonImg {
        left: -175px;
        width: 420px;
        transform: translate(-0%, -35%);
    }

    .repels-water {
        padding: 50px 0 70px;
    }

    .easy-to-use .title p {
        font-size: 14px;
        line-height: 20px;
        margin: 10px auto;
    }

    .guarantee-box .image-holder {
        max-width: 60px;
        min-height: 65px;
        margin-right: 10px;
    }

    .guarantee-box .text-box {
        padding-left: 10px;
    }

    .guarantee-box .text-box p {
        font-size: 14px;
    }

    .guarantee-inner {
        max-width: 590px;
    }

    .guarantee-title p {
        font-size: 14px;
        line-height: 20px;
    }

    .review-inner {
        margin: 15px 0 0 0;
    }

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

    .sliderContent {
        max-width: 100%;
    }

    .hero-main .content {
        margin-top: 150px;
        max-width: 544px;
    }

    .eramicSpray {
        position: absolute;
        top: -159px;
        max-width: 633px;
        left: 309px;
    }

    .hero-main {
        background-size: cover !important;
        padding-bottom: 50px;
    }

    header .topbar p {
        display: none;
    }
}

@media (max-width: 767px) {
    .container {
        max-width: 100%;
    }
    .upsell-progress .progress-bar-container {
        display: block;
    }
    .upsell-progress  .progress {
        width: 100%;
        font-size:11px;
    }
    .upsell-progress .congrats {
        font-size: 13px;
    }
    .title {
        margin: 0 auto 20px;
    }

    .btn {
        margin: 0 auto;
    }
    .heroSlider {
        margin-bottom: 20px;
    }

    .heroListing li i img {
        height: 24px;
    }

    .heroListing li i {
        margin-right: 10px;
    }

    .heroListing li {
        font-size: 20px;
        line-height: 40px;
    }

    .gradeCard {
        margin: 0;
    }

    .repels-water {
        padding: 50px 0;
    }

    .repels-water .img-holder {
        padding: 0;
        max-width: 450px;
        margin: 40px auto 40px;
    }

    .repels-water .img-holder .amazonImg {
        left: -200px;
        width: 440px;
        transform: translate(-0%, -19%);
    }

    .repels-water .content {
        max-width: 100%;
    }

    .content p {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 26px;
    }

    .easy-to-use .title p br,
    .guarantee-title p br {
        display: none;
    }

    .guarantee-box .image-holder {
        max-width: 80px;
        min-height: 65px;
    }

    .guarantee-box {
        padding: 15px 0;
    }

    .guarantee-box .text-box {
        padding-left: 20px;
    }

    .guarantee-box .text-box p {
        font-size: 18px;
    }
    .guarantee-sec .container {
        padding:0 15px;
    }
    .guarantee-box .guarantee-title {
        font-size: 13px;
    }
    .guarantee-box .guarantee-description {
        font-size: 13px;
    }
    .review-box .text-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .review-user .user-text h4 {
        font-size: 16px;
    }

    .review-user {
        margin: 15px 0 15px;
    }

    .review-box .text-box {
        padding: 20px 15px;
    }

    .footer-link ul li {
        padding: 0 5px;
    }

    .footer-link ul li a {
        font-size: 12px;
    }

    .footer-inner .text-box h4 {
        font-size: 16px;
        margin: 10px 0;
    }

    .footer-logo a img {
        height: 45px;
    }

    .footer-link {
        padding: 20px 0 0 0;
    }

    .social-media {
        margin: 0;
    }

    .payment-accept {
        margin-top: 0;
    }

    .priceBanner .imgHolder .price {
        max-width: 335px;
        margin: 0 auto;
    }

    .priceBanner .imgHolder .price h1 {
        font-family: "Eurostile Extended";
        font-weight: 900;
        font-size: 34px;
        letter-spacing: -0.02em;
        line-height: 30px;
        text-align: left;
        color: #fff;
        text-align: center;
    }

    .priceBanner .imgHolder .price h1 span {
        font-family: "Montserrat", sans-serif;
        font-weight: 900;
        font-size: 64px;
        letter-spacing: -0.02em;
        line-height: 1;
        text-align: left;
        color: #5dc3ec;
        text-align: center;
    }

    .priceBanner .imgHolder span {
        font-size: 13px;
        letter-spacing: 0.13em;
        line-height: 28px;
        text-align: center;
        color: #fff;
        display: block;
    }

    .imgWrapper img {
        object-fit: cover;
        object-position: bottom center;
    }

    .imgWrapper {
        height: 850px;
    }

    .eramicSpray {
        display: none;
    }

    .hero-main .content {
        margin-top: 15px;
        text-align: left;
        max-width: 100%;
    }

    .cardPrcing {
        box-shadow: none;
    }
    .cardPrcing p,
    .cardPrcing {
        text-align: center;
        margin-right: 0;
        margin-left: 0;
    }


    .cardPrcing .review {
        justify-content: center;
    }

    .cardPrcing p {
        max-width: 100%;
    }

    .cardPrcing h3 {
        font-size: 22px;
        line-height: 23px;
        text-align: center;
    }
    .cardPrcing .kit-list-grid .col span {
        font-weight: 500;
        font-size: 12px;
        padding-left: 3px;
    }
    .cardPrcing .kit-list-grid .col {
        text-align: start;
    }
    .cardPrcing .kit-list-grid .col img {
        height: 14px;
    }
    .no-thanks-text {
        font-size: 13px;
        font-weight: 300;
        box-shadow: 1px 1px 1px 1px #0000001a;
        padding: 15px;
    }
    .cardPrcing .Button_Main {
        margin-bottom: 15px;
    }
    .now-lets-text {
        font-family:'Montserrat';
        font-size:25px; 
        color: white;
        font-weight: 500;
    }
    .kit-description .title h2 {
        font-size: 27px;
        text-align: center;
    }
    .kit-description .product-card-title, .kit-description .sub-heading {
        text-align: start;
    }
    .hero-main {
        background: none;
    }

    .hero-main .btn span {
        flex: 1;
    }

    .hero-main .btn {
        height: 56.94px;
    }
    .hero-main .title h2 {
        font-size:24px;
    }
    .cardSlider p,
    .titleCard {
        display: none;
    }

    .easeContent {
        text-align: center;
    }

    .easeContent .btn {
        max-width: 327px;
        width: 100%;
        height: 58px;
        font-size: 17px;
        line-height: 1;
    }

    .easeContent .btn span.text {
        font-size: 10px;
    }

    .easeContent .btn .media-body {
        flex: 1;
    }

    .mobContent {
        margin-top: 15px;
    }

    .mobContent ul li {
        display: flex;
        font-weight: 300;
        font-size: 17px;
        letter-spacing: -0.05em;
        line-height: 30px;
        text-align: left;
        color: #0c212c;
        margin-bottom: 10px;
    }

    .mobContent ul li i {
        margin-right: 15px;
    }

    .mobContent ul li span {
        flex: 1;
        text-align: left;
    }

    .mobContent h2 {
        font-size: 22px;
        line-height: 26px;
        font-family: "Montserrat", sans-serif;
        font-weight: 900;
        letter-spacing: -0.04em;
        text-align: center;
        color: #0c212c;
        margin: 0 0 15px;
    }

    .mobContent h2 span {
        display: block;
        color: #5dc3ec;
    }

    header .topbar p {
        display: none;
    }

    .hero-main h2 {
        font-family: "Montserrat Black", sans-serif;
    }

    .easy-to-use .title h2 {
        text-align: center;
    }

    .faqs .title h2 {
        text-align: center;
    }

    .ceramicSpray .review-title h2 {
        font-family: "Montserrat", sans-serif;
        text-align: center;
        font-weight: 900;
        font-size: 31px;
        line-height: 1;
    }

    .cardReview .titleRate span {
        display: none;
    }

    .review-title h2 {

        font-family: "Montserrat", sans-serif;
        text-align: center;
        font-weight: 900;
        font-size: 22px;
    }
    .ceramicSpray .paragraphs {
        font-size: 17px;
    }

}

@media (max-width: 575px) {

    .topbar a.logo img {
        height: 35px;
    }

    .topbar {
        padding: 9px 0px;
    }

    header {
        padding: 0;
    }

    .topBlueBar {
        background: #5dc3ec;
        padding: 6px 0;
        margin: 0;
    }

    .topBlueBar p {
        font-size: 12px;
        margin-top: 0;
        font-weight: 400;
        color: #0C212C;
        line-height: 1;
    }

    .topBlueBar p span {
        font-weight: bold;
    }

    .priceBanner {
        padding: 8px 0 0;
    }

    .priceBanner .imgHolder .price {
        max-width: 335px;
        margin: 0 auto -15px;
    }

    .bg-img {
        display: none;
    }

    .hero-main {
        padding: 77px 7px 0px;
    }

    .hero-main .title h2 {
        font-size: 22px;
        line-height: 23px;
        text-align: left;
    }

    .hero-main .title {
        margin: 0 auto 12px;
    }

    .heroListing li {
        font-size: 18px;
        line-height: 31px;
        margin: 0 0 3px 0;
    }

    .heroListing li:last-child {
        margin: 0;
    }

    .heroListing li i {
        margin-right: 7px;
    }

    .heroListing li i img {
        height: 22px;
    }

    .hero-main .btn {
        height: 37px;
        font-size: 12px;
        max-width: 165px;
        margin: 0 auto;
    }

    .cta-buy {
        margin: -12px 0 0 0;
    }

    .paymentCard {
        margin-top: 1px;
    }

    .paymentCard img {
        height: 13px;
    }

    .titleLead {
        font-size: 15px;
        margin: 30px 0 0 0;
    }

    .brandListing {
        margin: 0 0 20px 0;
    }

    .repels-water {
        background: none;
        padding: 39px 0 100px 100px;
        position: relative;
        min-height: 371px;
    }

    .amazonImg-moble {
        position: absolute;
        left: -2px;
        top: 27px;
        max-width: 123px;
        width: 100%;
    }

    .repels-water .title h2 {
        line-height: 20px;
        font-size: 20px;
        text-align: left;
    }

    .repels-water .title {
        margin: 0 auto 40px;
    }

    .content p {
        font-size: 13px;
        margin-bottom: 20px;
        line-height: 15px;
    }

    .btn {
        height: 37px;
        font-size: 17px;
        max-width: 164px;
        margin: 0 auto;
    }

    .repels-water .content {
        max-width: 100%;
        min-height: 180px;
    }

    .title h2 {
        font-size: 20px;
        line-height: 1;
        text-align: left;
    }

    .easy-to-use {
        padding: 0 0 35px;
    }

    .easy-to-use .title {
        margin: 0 auto 16px;
    }

    .easy-to-use .title h2 {
        font-size: 22px;
        line-height: 27px;
    }

    .easy-to-use .title p {
        font-size: 17px;
        line-height: 21px;
        margin: 2px auto;
        text-align: left;
        font-weight: 300;
    }

    .mySwiper .swiper-slide-active .cardSlider {
        padding: 31px 15px;
        max-width: 264px;
        width: 100%;
        margin: 0 auto;
    }

    .cardSlider .imgTitle {
        margin-bottom: 20px;
        padding: 0;
    }

    .titleCard .icon img {
        height: 38px;
    }

    .cardSlider h2 {
        font-size: 22px;
        line-height: 23px;
        font-family: "Montserrat", sans-serif;
        margin: 0 0 7px 0;
        font-weight: 900;
    }


    .cardSlider p {
        font-size: 13px;
        line-height: 15px;
        max-width: 100%;
        min-height: 135px;
        width: 100%;
    }

    .easeContent .btn span {
        text-decoration: underline;
        line-height: 1;
        display: block;
    }

    .easeContent .btn span.text {
        font-size: 10px;
        font-family: "Rubik", sans-serif;
        font-weight: 400;
        display: block;
        text-decoration: none;
        margin: 5px 0 0 0;
    }

    .mobContent {
        margin-top: 45px;
    }

    .mobContent h2 {
        margin: 0 0 5px;
    }

    .mobContent ul li {
        margin-bottom: 2px;
    }


    .badge-icon {
        margin: -60px 0 7px 0;
    }

    .mobContent ul li i {
        margin-right: 10px;
    }

    .mobContent ul li i img {
        height: 19px;
    }

    .badge-icon img {
        height: 110px;
    }

    .guarantee-sec {
        padding: 0 5px 30px 5px;
    }

    .guarantee-inner {
        max-width: 290px;
        margin: 6px auto 0;
    }

    .guarantee-title h3 {
        font-size: 22px;
        margin: 0 0 12px 0;
        line-height: 23px;
    }

    .guarantee-title p {
        font-size: 13px;
        line-height: 17px;
        padding: 0 25px;
    }

    .guarantee-box .text-box p {
        font-size: 13px;
    }

    .guarantee-box .text-box {
        padding-left: 4px;
    }

    .guarantee-box .image-holder {
        max-width: 60px;
        min-height: auto;
    }

    .guarantee-inner .buy-btn {
        display: none;
    }

    .faqs img.w-100 {
        padding: 22px 0 0;
    }

    .faqs .title h2 {
        font-size: 22px;
        font-weight: bold;
        font-family: "Montserrat", sans-serif;
    }

    .review-title {
        text-align: center;
    }

    .cardReview {
        margin-top: 0;
        margin-bottom: 33px;
    }

    .review-title h2 {
        font-size: 22px;
        line-height: 23px;
        margin: 0 0 10px 0px;
        text-transform: uppercase;
        text-align: left;
        font-weight: 900;
    }

    .review-title p {
        font-size: 15px;
        text-align: left;
        line-height: 22px;
    }

    .ceramicSpray .img-holder {
        margin-bottom: 10px;
    }

    .ceramicSpray {
        text-align: center;
        padding-bottom: 47px;
    }

    .review-sec {
        padding: 58px 0 22px;
    }

    .review-user span {
        max-width: 37px;
    }

    .review-user .user-text strong {
        font-size: 13px;
    }

    .review-box .text-box {
        padding: 32px 12px 57px;
    }

    .review-box .text-box p {
        font-size: 12px;
        line-height: 20px;
        max-width: 248px;
    }

    .review-user {
        margin: 19px 0 15px;
    }

    footer {
        padding: 35px 16px;
    }

    .footer-logo a img {
        height: 37px;
    }

    .payment-accept {
        max-width: 150px;
        margin: 62px auto 46px;
    }

    .payment-accept h4 {
        font-size: 13px;
        margin: 0 0 16px 0;
    }

    .payment-accept ul li {
        margin: 0 2px;
    }

    .payment-accept ul li img {
        height: 13px;
    }

    .social-media ul {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .social-media ul li {
        margin-right: 18px;
        margin-bottom: 0;
    }

    .social-media ul li img {
        height: 20px;
    }

    .copyright {
        display: flex;
        align-items: center;
        margin: 41px 0 0 0;
    }

    .copyright p {
        font-family: "Roboto", sans-serif;
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        margin-right: 25px;
    }

    .copyright ul {
        display: flex;
        align-items: center;
    }

    .copyright ul li a {
        font-family: "Roboto", sans-serif;
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        display: block;
    }

    .copyright ul li {
        margin-right: 18px;
    }

    .copyright ul li:last-child {
        margin: 0;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: block;
        width: auto;
        height: auto;
        margin: 0;
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: 15px;
        right: auto;
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: 15px;
        left: auto;
    }

    .imgWrapper {
        height: 522px;
    }

    .cardPrcing .price del,
    .cardPrcing .price {
        font-size: 31px;
        line-height: 1;
    }

    .cardPrcing .price {
        padding:7px;
    }

    .cardPrcing .btn {
        width: 100%;
        height: 51.46px;
        border-radius: 3px;
        min-width: 100%;
    }

    .cardPrcing .review {
        margin: 10px 0 0 0;
    }

    .cardPrcing p {
        margin-bottom: 0;
        margin-top: 6px;
        line-height: 20px;
    }

    .cardPrcing .text-center.mt-4 {
        margin-top: 6px !important;
    }

    .hero-main {
        padding: 13px 0 20px;
    }

    .hero-main .content {
        margin-top: 7px;
        text-align: left;
        max-width: 100%;
    }

    .cardPrcing {
        padding: 0 0 20px 0;
    }

    .hero-main .title h2 {
        font-size: 22px;
        line-height: 23px;
        text-align: center;
        max-width: 315px;
        width: 100%;
        text-transform: uppercase;
        margin: 0 auto;
    }

    .hero-main .content p {
        font-weight: 300;
        font-size: 17px;
        line-height: 21px;
        text-align: left;
        color: #0f212c;
        margin-bottom: 28px;
    }

    .hero-main .btn {
        min-width: 100%;
        height: 58px;
        font-weight: bold;
        font-size: 17px;
    }

    .cardPrcing .review span {
        font-weight: 300;
        font-size: 10px;
        line-height: 1;
    }

    .cardPrcing h3 {
        font-size: 24px;
        line-height: 26px;
    }

    .container {
        padding: 0 30px;
    }

    .cardPrcing .review ul li {
        margin: 0 1.5px;
    }

    .cardPrcing .review ul li img {
        height: 11px;
    }

    .ceramicSpray .btn .media-body {
        width: 100%;
    }

    .ceramicSpray .btn {
        min-width: 100%;
        font-size: 12px;
        height: 43px;
    }

    .ceramicSpray .btn span {
        display: block;
        text-decoration: underline;
    }

    .ceramicSpray .btn .media-body .text {
        font-size: 8px;
        text-decoration: none;
        display: block;
    }

    .ceramicSpray .btn i {
        display: none;
    }

    .copyright ul li {
        margin-right: 7px;
    }

    .copyright p {
        margin-right: 14px;
    }

    .hero-main .content h4 {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 16px;
    }

    .cardReview h2 {
        font-size: 14px;
        margin-bottom: 6px;
        font-family: "Rubik", sans-serif;
        font-weight: 300;
    }

    .cardReview .name {
        font-size: 17px;
        font-family: "Rubik", sans-serif;
        font-weight: 500;
    }

    .cardReview p {
        font-size: 16px;
        line-height: 20px;
    }

    .titleRate .rate img {
        height: 19px;
    }
}

@media (max-width: 374px) {
    .copyright p {
        margin-right: 10px;
        font-size: 8px;
    }

    .copyright ul li {
        margin-right: 5px;
    }

    .mySwiper .swiper-slide-active .cardSlider {
        max-width: 240px;
    }

    .ceramicSpray .btn {
        font-size: 12px;
    }

    .ceramicSpray .btn span.text {
        font-size: 8px;
    }

    .priceBanner .imgHolder .price h1 span {
        font-size: 56px;
    }

    .priceBanner .imgHolder .price h1 {
        font-size: 26px;
    }
}