/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media (max-width: 1199px) {
    /*Start Block1*/

    .block1-head {
        font-size: 22px;
    }
    .block1-btn {
        font-size: 29px;
    }

    .block2-model-btn .reveal-wrapper {
        font-size: 14px;
    }
    .block1-head2 {
        font-size: 12.7px;
        padding-right: 13px;
    }
    .price {
        font-size: 35px;
    }
    .block2-container {
        font-size: 25px;
    }
    .block2-ingredients {
        font-size: 18px;
    }
    .block3-last {
        margin-top: 30px;
        font-size: 20px;
    }
    .block2-container2 {
        font-size: 24px;
    }
    .block2-container2:last-of-type div {
        width: 72%;
        line-height: 1.6;
    }
    /*Start Block4*/


    .form-head {
        font-size: 20px;
        padding: 15px 0;
    }


}

@media (max-width: 991px) {
    .block1-head {
        font-size: 26px;
    }

    .nav-head {
        font-size: 20px;
    }

    .block1-price {
        margin: 10px 0;
    }
    .block1-head2 {
        font-size: 9.2px;
    }
    .block2-img-1 span {
        bottom: 3px;
        font-size: 2.5px;
        line-height: 2;
    }
    .block2-img-1:before {
        bottom: 2px;
    }
    .block1-btn {
        font-size: 26px;
    }
    .price {
        font-size: 28px;
    }

    .btn-top {
        width: 220px;
        font-size: 24px;
    }
    .btn-top .span {
        width: 16%;
    }
    .block1-nav {
        padding: 10px 0;
    }
    .charts:before {
        bottom: 12px;
    }
    .charts:after {
        top: 12px;
    }

    .block2-model-btn .reveal-wrapper {
        font-size: 13px;
    }
    .block1-head2:before {
        width: 6px;
    }
    .block2-head {
        font-size: 23px;
    }
    .nav-tab-p {
        margin: 0 auto 15px;
        font-size: 14px;
    }
    .nav-tab-content {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .nav-option {
        font-size: 14px;
    }
    .nav-imgs img {
        width: 25%;
    }
    .block2-container {
        font-size: 18px;
    }
    .block2-container span {
        width: 15%;
        margin-left: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .block2-container span img {
        width: 45%;
    }
    .block2-ingredients {
        font-size: 14px;
    }
    .block3-last {
        margin-top: 20px;
        font-size: 15px;
    }

    /*Start Block4*/

    .block4-head {
        font-size: 26px;
    }

    .form-head {
        font-size: 14px;
    }
    .form-call {
        font-size: 26px;
        padding: 9px 30px 17px;

    }
    .form-call span {
        left: 9% !important;
    }
    .form-control-input {
        line-height: 2;
        font-size: 15px;
    }
    .form {
        padding: 0 12px 25px;
    }


    select.form-control-input {
        height: 44px !important;
    }


}

@media (max-width: 767px) {
    .nav-logo {
        width: 25%;
    }
    .block2-img-1 span {
        font-size: 3px;
    }
    .block1 {
        padding: 15px 0;
    }
    .block2-model-btn .reveal-wrapper {
        font-size: 15px;
    }
    .block1-head2 {
        font-size: 15px;
        margin: 10px auto;
        text-align: center;
    }
    .block1-head2:before {
        right: 20%;
    }
    .block1-head {
        font-size: 23px;
        text-align: center;
    }
    .block1-star {
        margin: auto;
    }
    .block1-head span {
        font-size: 1em;
    }
    .nav-imgs img {
        width: 100%;
    }
    .block1-btn {
        font-size: 32px;
    }
    .mid-section-img {
        margin: 10px auto 30px;
    }


    /*Start Block2*/
    .block5-card-btn {
        text-align: right;
        position: relative;
        color: #761b41;
        font-size: 20px;
        background: #e4e4e4;
        border-radius: 0 !important;
        padding: 12px 15px;
        margin: 10px 0;
        width: 100%;
        font-weight: 500;
    }
    .block5-card-container {
        border: 0;
        background: transparent;
    }
    .accordion {
        width: 100%;
        margin: auto;
    }
    .block5-card-btn:after {
        font-family: "Font Awesome\ 5 Free";
        content: "\f077";
        position: absolute;
        left: 4%;
        top: 20%;
        color: #761b41;
        font-weight: 900;
    }
    .block5-card-container .collapsed {
        background: #e4e4e4;
        color: #761b41;
    }
    .block5-card-btn.collapsed:after {
        font-family: "Font Awesome\ 5 Free";
        content: "\f078";
        position: absolute;
        left: 4%;
        top: 20%;
        color: #761b41;
        font-weight: 900;
    }
    .block5-card-btn:hover {
        text-decoration: none;
        background: #e4e4e4;
        color: #761b41;
    }
    .block5-card-btn:focus {
        text-decoration: none;
    }
    .block5-card-container .collapsed:hover {
        background: #e4e4e4;
        color: #761b41;
    }
    .nav-imgs , .block2-big-container , .block2-ingredients ,.block2-main-container  {
        margin: 10px auto;
    }

    .block2-container {
        font-size: 20px;
        display: flex;
        line-height: 1.5;
    }
    .block2-container div , .block2-container2 div{
        width: 80%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
    }
    .block2-container span img {
        width: 63%;
    }
    .block2-container span {
        width: 20%;
        margin: 0;
    }
    .block2-container2 span {
        width: 23%;
        margin: 0;
        display: flex;

        align-items: center;
        justify-content: center;
    }
    .block2-main-container {
        width: 100%;
    }
    .block2-container2 {
        font-size: 24px;
        display: flex;
        line-height: 1.2;
    }
    .block2-container2:last-of-type div {
        width: 80%;
        text-align: center;
        line-height: 1.5;
        padding: 8px 0;
    }

    /*Start Block4*/
    .block4 {
        padding: 25px 0 50px;
    }

    .form {
        width: 100%;
    }
    .form-control-input {
        line-height: 3.5;
        font-size: 15px;
    }
    select.form-control-input {
        height: 51px !important;
    }

    .form-call {
        font-size: 42px;
        padding: 9px 50px 14px;
    }
    .form-call span {
        left: 3% !important;
    }
    .form-head {
        font-size: 24px;
    }
}

@media (max-width: 576px) {
    body.swal2-toast-shown .swal2-container {
        width: 90% !important;
    }

    .nav-head {
        font-size: 4vw;
    }

    .block1 {
        padding: 0 0 3vw;
    }
    .block1-head {
        font-size: 6.5vw;
        margin: 1vw auto 1vw;
    }
    .custom-images {
        margin-bottom: 3vw;
    }
    .price-top {
        font-size: 5vw;
    }
    .price {
        font-size: 9vw;
    }
    .block2-img-1 span {
        font-size: .5vw;
        right: 1.5vw;
        bottom: .58vw;
    }
    .block2-img-1:before {
        bottom: .5vw;
        height: 2.5vw;
        width: 1px;
        right: .6vw;
    }
    .block2-model-btn .reveal-wrapper {
        font-size: 2.4vw;
        right: 5vw;
        bottom: 3vw;
        font-weight: 700;
        width: 90%;
    }
    .block2-model-btn:before {
        right: 2vw;
        bottom: 2vw;
        width: 1vw;
        height: 12vw;
    }
    .block1-img {
        width: 115%;
        margin: auto;
        margin-right: -5%;
    }
    .block1-logo {
        width: 43%;
        margin: 4vw auto 5vw;
    }
    .block1-price {
        width: 80%;
    }
    .block2-ingredients {
        font-size: 4vw;
    }
    .block3-last {
        margin-top: 20px;
        font-size: 3vw;
    }
    .block2-container2 {
        font-size: 4vw;
    }
    .block1-btn {
        font-size: 6vw;
        padding-bottom: 0;
        height: 20vw;
    }

    .custom-owl-indicators-container {
        width: 110%;
    }
    .block1-head2 {
        font-size: 5.8vw;
        margin: 2vw auto;
        text-align: center;
    }

    .block1-head2:before {
        right: 0px;
    }
    .block1-btn .span {
        left: 5%;
        top: 26%;
        width: 10%;
    }
    .btn-top .span {
        width: 16%;
        left: 5%;
        top: 20%;
    }
    .btn-top {
        width: 40vw;
        font-size: 5vw;
        padding: 2vw 2vw 2vw;
    }
    .mid-section-img {
        margin: 2vw auto 4vw;
    }
    .nav-logo {
        width: 30%;
    }
    /*Start block7*/
    .block5-card-btn {
        font-size: 4vw;
    }
    .block2-container {
        font-size: 4vw;
    }
    .nav-tab-p {
        margin: 0 auto 5vw;
        font-size: 3.5vw;
        width: 100%;
    }
    .nav-tab-content {
        font-size: 4vw;
        margin-bottom: 2vw;
    }
    .block5-card-body {
        padding: 1.25rem 2vw;
    }
    /*Start Block4*/
    .block4 {
        padding: 1vw 0 8vw;
    }
    .block4-head {
        font-size: 6vw;
        margin-bottom: 3vw;
    }
    .form-head {
        font-size: 4.2vw;
        padding: 2vw 0 2vw;
    }

    .form {
        padding: 0 10px 25px;
    }
    .form .form-group {
        margin-bottom: 3vw;
    }
    .last-img {
        margin: 15px auto 0;
        width: 63vw;
    }
    .form-control-input {
        font-size: 5vw;
        padding-right: 3vw;
        line-height: 2.4;
    }
    .form-call {
        font-size: 8vw;
        font-weight: 500;
        padding: 3vw 6vw 4vw;
    }
    .block2-head {
        font-size: 5vw;
        margin: 0vw 0;
    }
    .logo {
        width: 23vw;
    }
    .swal2-toast div:where(.swal2-html-container) {
        font-size: 3.3vw !important;
        text-align: center !important;
    }
    .swal2-toast {
        padding: .5em !important;

    }
}