@media (min-width: 1700px){
    .meal-card-qty .qty .nice-number input{
        width: 20px !important;
    }
    .meal-card-qty .question-3 .qty  .nice-number{
        width: 388px !important;
    }
    .meal-card-qty .question-3 .qty  .nice-number input{
        padding-left: 70px !important;
        padding-right: 90px !important;
        width: 132px !important;
    }
}
/* Normal desktop :1200px. */
@media (max-width: 1700px) {
    body{
        font-size: 16px!important;
        line-height: 26px!important;
    }
    p{
        font-size: 16px!important;
        line-height: 26px!important;
    }
    h1 {
        font-size: 44px!important;
    }
    h2 {
        font-size: 38px!important;
    }
    h3 {
        font-size: 26px!important;
    }

    .f-btn {
        font-size: 17px!important;
        padding: 12px 40px!important;
    }
    .swap .f-btn {
        font-size: 17px!important;
        padding: 15px 40px!important;
    }


    .header-nav ul li{
        padding: 30px 26px!important;
        font-size: 16px!important;
    }
    .header-nav ul li a {
        font-size: 16px!important;
    }
    .hero-content span.pre-title {
        margin-bottom: 10px!important;
    }
    .hero-content p {
        font-size: 23px!important;
        line-height: 28px!important;
    }
    .hero-btns {
        margin-top: 24px!important;
        margin-bottom: 26px!important;
        max-width: 450px!important;
    }
    .hero-btns a.f-btn {
        padding: 16px 0px!important;
    }
    .hero-content .post-box {
        max-width: 450px!important;
    }
    .hero-content .subscribe-box {
        max-width: 450px!important;
    }

    .service-item span {
        height: 45px!important;
        width: 45px!important;
        line-height: 45px!important;
        font-size: 18px!important;
    }
    .service-item h4 {
        font-size: 20px!important;
    }
    .service-item h4 img {
        margin-left: 14px!important;
        max-width: 34px!important;
    }
    .plan-content h4 {
        font-size: 18px!important;
        margin-bottom: 18px!important;
    }

    .meal-card-img {
        height: 170px!important;
    }
    .meal-card-header span.m-card-ratting {
        font-size: 14px!important;
        padding: 4px 16px!important;
    }
    .meal-card-header span.m-card-ratting img {
        max-width: 13px!important;
        margin-right: 6px!important;
        margin-top: -2px!important;
    }
    .meal-card-title h6 {
        line-height: 22px!important;
        font-size: 16px!important;
    }
    .meal-card-content {
        padding: 15px 15px 27px 15px!important;
    }
    .meal-card-title h6 {
        line-height: 23px!important;
        font-size: 16px!important;
        margin-bottom: 0px!important;
    }
    .meal-card-title {
        height: 69px!important;
    }
    .plan-name{
        min-height: 69px!important;
    }
    .meal-card-meta li {
        font-size: 13px!important;
    }
    .meal-card-price h5 {
        font-size: 18px!important;
    }
    .meal-card-price h5 del {
        font-size: 16px!important;
    }
    .meal-card-qty button.meal-card-button {
        height: 40px!important;
        width: 40px!important;
    }
    .meal-card-qty button.meal-card-button img {
        width: 20px !important;
    }
    .meal-card-qty .qty .nice-number {
        width: 75px!important;
        height: 40px!important;
    }
    .meal-card-qty .qty .nice-number input {
        font-size: 15px!important;
    }
    .meal-card-qty .qty .nice-number input {
        width: 10px !important;
        padding: 0px!important;
    }
    .meal-card-qty .qty .nice-number button {
        width: 33px!important;
        font-size: 17px!important;
    }
    .unsure-img span {
        height: 400px!important;
        width: 400px!important;
    }

    .secret-icon {
        height: 250px!important;
    }
    .secret-item {
        min-height: 478px!important;
    }

    .about-h-item {
        padding: 30px 30px!important;
    }
    .about-h-content {
        padding: 0px 0px 0 62px!important;
    }
    .about-h-content .about-h-desc p {
        font-size: 16px!important;
    }
    .about-h-img img {
        height: 288px!important;
    }
    .about-h-img {
        width: 478px!important;
    }
    .about-h-item.about-h-item-left .about-h-content {
        padding-left: 50px!important;
        padding-right: 33px!important;
    }
    .mini-menu li a {
        font-size: 18px!important;
    }
    .gmap_canvas {
        height: 560px !important;
    }
    #gmap_canvas {
        height: 560px !important;
    }
    .mapouter {
        height: 560px !important;
    }
    .testimonial-slide-active {
        max-width: 770px!important;
    }
    .customers-shap-1 {
        top: -50px!important;
        right: 30px!important;
        max-width: 88px!important;
    }
    .cta-content h2 {
        font-size: 42px!important;
        line-height: 54px!important;
        margin-bottom: 20px!important;
    }
    .cta-content p {
        font-size: 22px!important;
        line-height: 30px!important;
    }
    .cta-content .cta-btns {
        margin-top: 35px!important;
    }
    .mini-menu li {
        padding: 13px 0px!important;
    }
    .secret-icon-img{
        max-width: 140px!important;
    }



    .footer-menu li a {
        font-size: 16px!important;
        padding: 13px 0px!important;
    }
    .footer-contact li a {
        font-size: 16px!important;
        padding: 13px 0px!important;
    }

    .feature-text h6 {
        line-height: 23px!important;
        font-size: 16px!important;
    }
    .feature-icon span {
        height: 60px !important;
        width: 60px !important;
        line-height: 60px !important;
        margin-bottom: 9px !important;
    }
    .feature-icon span img {
        max-width: 25px !important;
    }
    .cat-menu li a {
        padding: 6px 25px!important;
        font-size: 16px!important;
    }
    .cat-menu li span {
        padding: 6px 25px!important;
        font-size: 16px!important;
    }


    .testimonial-item.testimonial-item-card .testimonial-author-img img {
        border: 4px solid rgba(254, 113, 11, 0.4)!important;
    }

    .testimonial-item.testimonial-item-card .testimonial-author-img {
        height: 60px!important;
        width: 60px!important;
        margin-right: 18px!important;
    }
    .testimonial-item.testimonial-item-card .testimonial-author-info h4 {
        font-size: 20px!important;
        margin-bottom: 3px!important;
    }
    .testimonial-item.testimonial-item-card .autor-rating img {
        max-width: 16px!important;
    }
    .testimonial-item.testimonial-item-card .testimonial-header {
        margin-bottom: 10px!important;
    }
    .testimonial-item.testimonial-item-card .testimonial-desc::after, .testimonial-desc::before {
        left: -6px!important;
        width: 40px!important;
        height: 45px!important;
    }
    .testimonial-item.testimonial-item-card .testimonial-desc::before {
	    left: auto !important;
    }

    .testimonial-item.testimonial-item-card {
        padding: 18px 18px 20px 10px!important;
        min-height: 396px!important;
    }
    .meal-card-header span.cart-item {
        font-size: 15px!important;
    }
    .meal-card-qty .question-3 .qty  .nice-number{
        width: 270px !important;
    }
    .meal-card-qty .question-3 .qty  .nice-number input{
        padding-left: 70px !important;
        padding-right: 90px !important;
        width: 60px !important;
    }
}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1700px) {
    .container{
        max-width: 1150px!important;
    }
    .owl-nav button {
        left: calc(0px - 13px)!important;
    }
    .owl-nav button.owl-next {
        left: auto!important;
        right: calc(0px - 13px)!important;
    }
    .meal-card-qty .question-3 .qty  .nice-number{
        width: 270px !important;
    }
    .meal-card-qty .question-3 .qty  .nice-number input{
        padding-left: 70px !important;
        padding-right: 90px !important;
        width: 60px !important;
    }
    .home-page .site-select .nice-select::after {
        background-size: 67% 100% !important;
    }

}
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1250px) {
    .owl-nav button {
        left: calc(0px - 13px)!important;
    }
    .owl-nav button.owl-next {
        left: auto!important;
        right: calc(0px - 13px)!important;
    }
    .meal-card-qty .question-3 .qty  .nice-number{
        width: 270px !important;
    }
    .meal-card-qty .question-3 .qty  .nice-number input{
        padding-left: 70px !important;
        padding-right: 90px !important;
        width: 60px !important;
    }

}




/* Normal desktop :992px. */
@media (max-width: 1199.99px) {
    .meal-card-qty .question-3 .qty  .nice-number{
        width: 270px !important;
    }
    .meal-card-qty .question-3 .qty  .nice-number input{
        padding-left: 70px !important;
        padding-right: 90px !important;
        width: 60px !important;
    }

    h1 {
        font-size: 36px!important;
    }
    h2 {
        font-size: 32px!important;
    }
    footer {
        padding-left: 0px !important;
    }

    .hero-content h1 {
        line-height: 52px!important;
    }
    .post-box input {
        height: 55px!important;
    }
    .subscribe-box input {
        height: 55px!important;
        width: 100% !important;
    }
    .post-box button {
        right: 4px!important;
        top: 4px!important;
    }
    .subscribe-box button {
        right: 4px!important;
        top: 10px!important;
    }
    .hero-content p {
        font-size: 18px!important;
        line-height: 25px!important;
    }
    .plan-padding.section-padding {
        padding-top: 58px!important;
    }


    .footer-menu li a {
        font-size: 14px!important;
        padding: 9px 0px!important;
    }
    .footer-contact li a {
        font-size: 14px!important;
        padding: 7px 0px!important;
    }
    .header-nav ul li a {
        font-size: 15px!important;
    }
    .header-nav ul li {
        padding: 0px 18px!important;
    }
    .hero-content {
        max-width: 700px!important;
        padding: 35px 20px 38px 32px!important;
    }
    .plan-img {
        height: 258px!important;
        width: 100%!important;
    }
    .unsure-img span img {
        max-width: 120px!important;
    }
    .unsure-img span {
        height: 270px!important;
        width: 270px!important;
        top: 138px!important;
        right: -20px!important;
    }
    .unsure-shap {
        display: none!important;
    }
    .unsure-content h2 {
        margin-bottom: 15px!important;
    }
    .unsure-desc p {
        font-size: 18px!important;
        line-height: 30px!important;
    }
    .unsure-desc {
        max-width: 600px!important;
        margin-bottom: 0px!important;
    }
    .unsure-gender p {
        font-size: 18px!important;
        margin-bottom: 21px!important;
    }
    .testimonial-area.section-padding {
        padding-top: 34px!important;
        padding-bottom: 38px!important;
    }
    .testimonial-item {
        padding: 39px 36px!important;
    }
    .secret-icon img.secret-icon-bg {
        max-width: 180px!important;
    }
    .secret-icon-img {
        max-width: 112px!important;
    }
    .secret-icon {
        height: 188px!important;
    }
    .secret-content {
        padding: 15px 20px!important;
    }
    .secret-content h5 {
        font-size: 18px!important;
        margin-bottom: 8px!important;
        line-height: 25px!important;
    }
    .secret-item {
        min-height: 408px!important;
    }
    .about-h-img {
        width: 348px!important;
    }
    .about-shap-1 {
        left: 14px!important;
        top: -56px!important;
        max-width: 48px!important;
    }

    .testimonial-padding {
        padding-top: 65px!important;
        padding-bottom: 75px!important;
    }
    .testimonial-author-img {
        height: 80px!important;
        width: 80px!important;
        margin-right: 20px!important;
    }
    .testimonial-author-info h4 {
        font-size: 22px!important;
        margin-bottom: 8px!important;
    }
    .autor-rating img {
        max-width: 18px!important;
    }
    .testimonial-header {
        margin-bottom: 10px!important;
    }
    .menu-layout {
        padding-top: 80px!important;
    }



}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199.99px) {

}


@media (min-width: 992px) and (max-width: 1000px) {
    .meal-card-qty .question-3 .qty  .nice-number{
        width: 270px !important;
    }
    .meal-card-qty .question-3 .qty  .nice-number input{
        padding-left: 70px !important;
        padding-right: 90px !important;
        width: 60px !important;
    }
    .owl-nav button {
        left: calc(0px - 13px)!important;
    }
    .owl-nav button.owl-next {
        left: auto!important;
        right: calc(0px - 13px)!important;
    }

}



/* Tablet desktop :768px. */
@media (max-width: 991px) {
    .meal-card-qty .question-3 .qty  .nice-number{
        width: 270px !important;
    }
    .meal-card-qty .question-3 .qty  .nice-number input{
        padding-left: 70px !important;
        padding-right: 90px !important;
        width: 60px !important;
    }
    .footer-top {
        padding-top: 35px!important;
        padding-bottom: 30px!important;
    }
    .footer-logo a img {
        max-width: 170px!important;
    }
    .footer-logo {
        margin-bottom: 20px!important;
    }
    .footer-menu li a {
        font-size: 16px!important;
        padding: 10px 0px 0px!important;
    }
    .footer-contact li a {
        font-size: 16px!important;
        padding: 10px 0px 0px!important;
    }
    .footer-menu {
        column-count: 2!important;
    }
    .footer-widget {
        margin-bottom: 28px!important;
    }
    .footer-newsletter p {
        font-size: 16px!important;
        line-height: 28px!important;
    }
    .footer-menu li:first-child a {
        padding-top: 10px!important;
    }


    .about-h-img {
        width: 100%!important;
        margin-bottom: 30px!important;
    }
    .about-h-content {
        padding: 0px 0px 0 36px!important;
    }
    .cta-content h2 {
        font-size: 28px!important;
        line-height: 44px!important;
        margin-bottom: 12px!important;
    }
    .cta-shape-1 {
        max-width: 200px!important;
    }
    .cta-shape-2 {
        max-width: 150px!important;
    }
    .cta-shape-3 {
        max-width: 97px!important;
    }
    .cta-wrapper {
        padding: 45px 20px!important;
    }
    .testimonial-item {
        max-width: 680px!important;
    }
    .testimonial-slide-active {
        max-width: 680px!important;
        margin: 0 auto!important;
    }

    .cat-menu li a {
        padding: 6px 20px!important;
        font-size: 16px!important;
    }
    .cat-menu li span {
        padding: 6px 20px!important;
        font-size: 16px!important;
    }
    .cat-menu ul {
        scrollbar-width: none!important;
        width: 780px!important;
    }
    .feature-text h6 {
        line-height: 20px!important;
        font-size: 14px!important;
    }
    .feature-item {
        width: 120px !important;
    }
    .feature-icon span img {
        max-width: 20px !important;
    }
    .feature-icon span {
        height: 50px !important;
        width: 50px !important;
        line-height: 50px !important;
        margin-bottom: 9px !important;
    }
    .total-box {
        padding: 10px 0px!important;
    }
    .page-hero {
        min-height: 300px!important;
    }

    .menu-plane-item h5 {
        font-size: 15px!important;
        font-weight: 500!important;
        margin-bottom: 10px !important;
    }
    .site-select .nice-select {
        font-size: 15px!important;
    }

    .menu-plane-item {
        flex: 0 0 auto!important;
        width: 32%!important;
    }
    .menu-plane-select {
        flex-wrap: wrap!important;
    }
    .menu-plane-btn {
        flex: 0 0 auto!important;
        text-align: end!important;
        margin: 0 auto!important;
    }

    .category{
        display:flex;
        padding-bottom: 4px !important;
    }

    .category .site-select{
        padding-left: 60px !important;
        flex-direction: row !important;
    }
    .category .site-select .form-check{
        padding-top: 0 !important;
        width: max-content;
    }

    .category .site-select .form-check input{
        margin-top: 0 !important;
    }
    .meal-plan-layout-form .section-title {
        text-align: center;
    }
    .meal-plan-layout-form .section-title p{
        font-size: 14px !important;
        padding: 12px 0 0 0 !important;
    }
    .options .form-check-input{
        margin-top: 1px!important;
        margin-left: -1.25rem !important;
    }

}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .meal-card-qty .question-3 .qty  .nice-number{
        width: 270px !important;
    }
    .meal-card-qty .question-3 .qty  .nice-number input{
        padding-left: 70px !important;
        padding-right: 90px !important;
        width: 60px !important;
    }
    .content {
        padding-top: 65px !important;
    }
}


/* small mobile :320px. */
@media (max-width: 767px) {
    .meal-card-qty .question-3 .qty  .nice-number{
        width: 270px !important;
    }
    .meal-card-qty .question-3 .qty  .nice-number input{
        padding-left: 70px !important;
        padding-right: 90px !important;
        width: 60px !important;
    }

    h1{
        font-size: 28px!important;
        line-height: 38px !important;
    }
    h2{
        font-size: 24px!important;
        line-height: 34px !important;
    }

    .f-btn {
        font-size: 14px!important;
        padding: 10px 30px!important;
    }



    .header-top {
        padding: 3px 20px !important;
    }
    .header-top p {
        font-size: 10px!important;
        line-height: 1.1!important;
    }
    .header-main {
        padding: 12px 0px!important;
    }
    .m-menu span.bar img {
        height: 24px!important;
        width: 24px!important;
    }
    .hero-area {
        padding: 40px 0 82px!important;
    }
    .hero-content {
        max-width: 380px!important;
        padding: 25px!important;
        text-align: center!important;
        margin: 0 auto!important;
        border-radius: 30px !important;
    }
    .hero-content .banner-title{
        font-size: 28px !important;
        line-height: 30px !important;
    }
    .hero-content .banner-top{
        font-size: 12px !important;
        line-height: 13px !important;
    }
    .hero-content .banner-top img{
        height:13px;
    }

    .hero-content .banner-subtitle{
        font-size: 14px !important;
        line-height: 17px !important;
    }

    .hero-content .banner-description{
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .hero-content .banner-description .description-list{
        font-size: 14px !important;
        line-height: 17px !important;
    }
    .hero-content .banner-description .description-list img{
        padding-right:4px !important;
    }
    .hero-content h1 {
        line-height: 44px!important;
    }
    .hero-content p {
        font-size: 16px!important;
        line-height: 24px!important;
    }

    .home-page .plan-img{
        height: 140px !important;
    }
    .home-page .plan-name{
        font-size: 16px !important;
        line-height: 17px !important;
        padding-bottom: 10px !important;
    }

    .home-page .options p{
        font-size: 12px !important;
        line-height: 18px !important;
    }

    .home-page .plan-detail {
        margin-bottom: 0px !important;
    }
    .home-page button{
        margin-bottom: 0px !important;
    }

    .home-page .plan-detail li{
        font-size: 10px !important;
        line-height: 12px !important;
        margin-bottom: 0px !important;
    }

    .home-page .plan-detail {
        height: 85px; !important;
    }

    .home-page .plan-name {
        min-height: 42px !important;
    }

    .home-page .site-select .nice-select {
        font-size: 14px !important;
        height: 37px ;
        padding-top: 0px;
    }
    .home-page .site-select .nice-select::after {
        top: 16px!important;
    }

    .service-item h4 {
        font-size: 12px!important;
    }
    .service-item h4 img {
        margin-left: 5px!important;
        max-width: 15px!important;
    }
    .service-item span {
        height: 24px!important;
        width: 24px!important;
        line-height: 24px!important;
        font-size: 12px!important;
        margin-right: 5px!important;
    }
    .plan-img {
        height: 125px!important;
        width: 100%!important;
    }
    .plan-content h4 {
        font-size: 14px!important;
        margin-bottom: 18px!important;
    }
    .owl-carousel .owl-stage-outer {
        margin-left: -12px!important;
        margin-right: -12px!important;
        padding-left: 12px!important;
        padding-right: 12px!important;
        padding-bottom: 20px!important;
        margin-bottom: -20px!important;
    }
    .section-padding {
        padding-top: 40px!important;
        padding-bottom: 18px!important;
    }
    .meal-card-img {
        height: 150px!important;
    }
    .meal-card-header span.f-badge {
        top: -16px!important;
        padding: 3px 10px!important;
        border-radius: 8px!important;
        font-size: 9px!important;
    }

    .meal-card-header span.m-card-ratting {
        font-size: 12px!important;
        padding: 3px 16px!important;
    }
    .meal-card-content {
        padding: 15px 12px 27px 12px!important;
    }
    .meal-card-title h6 {
        line-height: 18px!important;
        font-size: 12px!important;
    }
    .meal-card-meta li {
        font-size: 12px!important;
        padding: 5px 0px!important;
    }
    .meal-card-title {
        height: 58px!important;
    }
    .plan-name {
        min-height: 58px!important;
    }

    .meal-card-meta li span {
        left: 55px!important;
        top: 5px!important;
        font-weight: 500!important;
    }
    .meal-card-price {
        width: 100%!important;
        flex: 0 0 auto!important;
        margin-bottom: 8px!important;
    }
    .meal-card-qty {
        flex: 0 0 auto!important;
        width: 100%!important;
    }
    .meal-card-bottom {
        flex-wrap: wrap !important;
    }
    .meal-card-price h5 del {
        display: inline-block!important;
        margin-right: 10px!important;
    }
    .meal-area .meal-arrow-top {
        position: absolute!important;
        right: 20px!important;
        top: 60px!important;
        max-width: 42px!important;
    }
    .unsure-wrapper {
        background-color: #3A83E91A!important;
        padding: 20px 20px 24px 20px!important;
        border-radius: 40px!important;
    }
    .unsure-content h2 {
        margin-bottom: 6px!important;
        font-size: 18px!important;
        line-height: 28px!important;
    }
    .unsure-desc p {
        font-size: 12px!important;
        line-height: 18px!important;
    }
    .unsure-gender p {
        font-size: 14px!important;
        margin-bottom: 9px!important;
    }
    .unsure-img span {
        height: 90px!important;
        width: 90px!important;
        top: 20px!important;
        right: inherit!important;
        left: 17px!important;
        padding-left: 13px!important;
        padding-top: 14px!important;
    }
    .unsure-img span img {
        max-width: 55px!important;
    }
    .unsure-content-inner {
        padding-left: 100px!important;
    }
    .gender-items {
        display: flex!important;
        justify-content: space-between!important;
    }
    .gender-items a{
        flex: 0 0 auto!important;
        width: 48%!important;
    }
    .unsure-area.section-padding {
        padding-bottom: 15px!important;
    }

    .testimonial-item {
        padding: 20px 28px!important;
        max-width: 85%!important;
    }
    .testimonial-author-img {
        height: 60px!important;
        width: 60px!important;
        margin-right: 15px!important;
    }
    .testimonial-author-img img {
        border: 3px solid rgba(254, 113, 11, 0.4)!important;
    }
    .testimonial-author-info h4 {
        font-size: 18px!important;
        margin-bottom: 5px!important;
    }
    .autor-rating img {
        max-width: 15px!important;
    }
    .testimonial-header {
        margin-bottom: 12px!important;
    }
    .testimonial-desc::after {
        left: -12px!important;
        width: 43px!important;
        height: 41px!important;
    }
    .testimonial-slide-active.owl-carousel .owl-nav button {
        left: 5px!important;
    }
    .testimonial-slide-active.owl-carousel .owl-nav button.owl-next {
        right: 7px!important;
        left: auto!important;
    }
    .testimonial-desc::before {
        width: 43px!important;
        height: 43px!important;
    }
    .secret-area.section-padding {
        padding-top: 15px!important;
    }
    .secret-icon {
        height: auto!important;
        flex: 0 0 auto!important;
        width: 62px!important;
        margin-right: 9px!important;
    }
    .secret-item {
        min-height: auto!important;
        display: flex!important;
        align-items: flex-start!important;
        padding: 20px 20px!important;
        border-radius: 18px!important;
        margin-bottom: 20px!important;
    }
    .secret-icon img.secret-icon-bg {
        display: none!important;
    }
    .secret-icon-img {
        max-width: 62px!important;
    }
    .secret-content {
        padding: 0px!important;
        text-align: start!important;
        flex-grow: 1!important;
    }
    .secret-content h5 {
        font-size: 16px!important;
        margin-bottom: 2px!important;
        line-height: 24px!important;
    }
    .secret-content p {
        margin-bottom: 0px!important;
        font-size: 12px!important;
        line-height: 18px!important;
    }
    .about-shap-1 {
        left: -11px!important;
        top: -52px!important;
        max-width: 44px!important;
    }
    .about-home.section-padding {
        padding-top: 15px!important;
    }
    .about-h-img img {
        height: 210px!important;
    }
    .about-h-img {
        margin-bottom: 20px!important;
    }
    .about-h-content h3 {
        margin-bottom: 13px!important;
        font-size: 24px!important;
        line-height: 1.2!important;
    }
    .about-h-content {
        padding: 0px 0px 0 0px!important;
    }
    .about-h-content .about-h-desc p {
        font-size: 14px!important;
        line-height: 28px!important;
        margin-bottom: 0px!important;
    }
    .about-h-content .about-h-desc::after {
        left: 0px!important;
        width: 3px!important;
    }
    .about-h-content .about-h-desc {
        position: relative!important;
        padding-left: 15px!important;
    }
    .about-h-item {
        margin-bottom: 30px!important;
    }

    .about-h-item.about-h-item-left .about-h-content {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .serve-area.section-padding {
        padding-bottom: 30px!important;
        padding-top: 10px!important;
    }
    .customers-padding {
        padding-top: 25px!important;
        padding-bottom: 15px!important;
    }
    .mini-menu li a {
        font-size: 16px!important;
        padding: 0px 10px!important;
    }
    .mini-menu {
        padding: 0px 15px!important;
    }
    .serve-area .section-title {
        margin-bottom: 30px!important;
    }

    #gmap_canvas {
        height: 380px !important;
    }
    .gmap_canvas {
        height: 380px !important;
    }
    .mapouter {
        height: 380px !important;
    }

    .customer-img img {
        height: 380px!important;
        object-fit: cover!important;
        object-position: center!important;
    }
    .customers-shap-1 {
        display: none!important;
    }
    .customer-img {
        padding: 0px!important;
    }
    .mini-menu li {
        padding: 8px 0px!important;
    }
    .cta-content h2 {
        line-height: 42px!important;
    }
    .cta-content .mini-menu {
        margin-bottom: 19px!important;
    }
    .cta-content p {
        font-size: 16px!important;
    }
    .cta-shape-1 {
        max-width: 168px!important;
        z-index: -1!important;
    }
    .cta-shape-2 {
        max-width: 150px!important;
        z-index: -1!important;
        opacity: 0.5!important;
        right: -41px!important;
        bottom: 40px!important;
    }
    .cta-padding {
        padding-bottom: 40px!important;
    }



    .footer-logo a img {
        max-width: 140px!important;
    }
    .header-logo a img {
        max-width: 115px!important;
    }

    .unsure-content-inner p.primery-text {
        font-size: 16px!important;
        margin-bottom: 12px!important;
    }
    .meal-plan-hero.page-hero {
        padding-top: 55px!important;
        padding-bottom: 55px!important;
        min-height: 164px!important;
    }
    .plan-padding.section-padding {
        padding-top: 48px!important;
    }

    .plan-card {
        margin-bottom: 30px!important;
    }
    .testimonial-padding {
        padding-top: 58px!important;
        padding-bottom: 68px!important;
    }
    .menu-items-padding {
        padding-top: 50px!important;
    }
    .meal-card-header span.cart-item img {
        margin-right: 5px!important;
        max-width: 19px!important;
    }
    .meal-card-header span.cart-item {
        font-size: 14px!important;
        padding: 4px 13px!important;
        top: 24px!important;
        left: 19px!important;
        right: auto!important;
        border-radius: 9px!important;
    }


    .testimonial-item.testimonial-item-card {
        padding: 18px 13px 20px 12px!important;
        min-height: 420px !important;
        max-width: 100%!important;
    }
    .testimonial-item.testimonial-item-card .testimonial-header {
        margin-bottom: 10px!important;
        flex-wrap: wrap!important;
        justify-content: center!important;
        text-align: center!important;
    }
    .testimonial-item.testimonial-item-card .testimonial-author-info h4 {
        font-size: 16px!important;
        margin-bottom: 0px!important;
    }
    .testimonial-item.testimonial-item-card .autor-rating img {
        max-width: 14px!important;
    }
    .testimonial-item.testimonial-item-card .testimonial-author-info {
        flex: 0 0 auto!important;
        width: 100%!important;
    }
    .testimonial-item.testimonial-item-card .testimonial-desc {
        padding-left: 0px!important;
        text-align: center!important;
    }
    .testimonial-item.testimonial-item-card .testimonial-desc p{
        font-size: 12px!important;
        line-height: 20px!important;
    }
    .testimonial-item.testimonial-item-card .testimonial-author-img {
        height: 50px!important;
        width: 50px!important;
        margin-right: 0px!important;
    }
    .feature-item {
        width: 70px !important;
    }
    .feature-text h6 {
        line-height: 14px!important;
        font-size: 9px!important;
    }
    .menu-filter p {
        font-size: 12px!important;
    }
    .menu-filter .site-select .nice-select {
        font-size: 14px!important;
    }
    .cat-menu li a {
        padding: 3px 16px!important;
        font-size: 14px!important;
    }
    .cat-menu li span {
        padding: 3px 16px!important;
        font-size: 14px!important;
    }
    .cat-menu ul li {
        padding-right: 11px!important;
    }

    .meal-card-qty .qty .nice-number {
        width: 65px!important;
    }
    .total-wrapper h2 img {
        max-width: 40px!important;
        margin-right: 14px!important;
    }
    .total-wrapper {
      /*  flex-wrap: wrap!important;*/
    }

    .total-wrapper h2 {
        display: flex!important;
        align-items: center!important;
        width: 100%!important;
        text-align: center!important;
        justify-content: center!important;
        /*margin-bottom: 14px !important;*/
    }

    .menu-layout {
        padding-top: 0px!important;
    }
    .site-select .nice-select::after {
        width: 13px!important;
        height: 13px!important;
        top: 24px!important;
        right: 14px!important;
    }
    .site-select .nice-select.open::after {
        top: 19px!important;
    }
    .menu-plane-item h5 {
        font-size: 13px!important;
    }

    .menu-day {
        padding-top: 20px!important;
        padding-bottom: 20px!important;
    }
    .menu-day-header h3 {
        font-size: 24px!important;
    }
    .plan-info .site-select .nice-select::after {
        width: 15px!important;
        height: 10px!important;
    }
    .plan-info .site-select .nice-select {
        font-size: 13px!important;
    }
    .meal-card-meta {
        column-count: 1 !important;
    }
    .content {
        padding-top: 65px !important;
    }
    .quiz-button{
        width: 100% !important;
    }
    .menu-plan-page .site-select .nice-select{
        padding-left: 10px !important;
    }
    .menu-plane-select {
        display: flex;
    }

    .meal-plan-form-col{
        padding-left: 20px;
        padding-right: 20px;
    }

    .meal-plan-layout-form{
        padding-bottom: 12px;
        padding-top: 12px !important;
    }

    .menu-plane-btn {
        padding-bottom: 20px;
    }

    .form-main{
        padding-top: 20px;
    }

}


/* small mobile :320px. */
@media (max-width: 359px) {
    .meal-card-qty .question-3 .qty  .nice-number{
        width: 270px !important;
    }
    .meal-card-qty .question-3 .qty  .nice-number input{
        padding-left: 70px !important;
        padding-right: 90px !important;
        width: 60px !important;
    }
    .meal-card-meta {
        column-count: 1 !important;
    }
    .meal-card {
        max-width: 258px!important;
        margin: 0 auto!important;
    }
    .cta-content h2 {
        font-size: 24px!important;
        line-height: 37px!important;
    }
    .cta-content .mini-menu li a {
        font-size: 14px!important;
    }
    .xsm-100 .col-6{
        max-width: 280px!important;
        width: 100% !important;
        margin: 0 auto!important;
    }
    .testimonial-item.testimonial-item-card .testimonial-author-img {
        margin-bottom: 10px!important;
    }

    .menu-day-header h3 {
        margin-left: 0px!important;
    }



}


/* small mobile :320px. */
@media only screen and (min-width: 400px) and (max-width: 767px) {
    .container{
        padding: 0px 24px!important;
    }
    .header-top {
        padding: 10px 20px !important;
    }
    .hero-area{
        padding: 80px 0 40px!important;
    }

}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
.testimonial-slide-active {
	max-width: 450px!important;
}
}

@media only screen and (max-width: 767px) {
    .meal-plan-card{
        padding: 0 !important;
    }
}

.dashboard_info {
    width: fit-content;
    padding: 1rem;
    text-align: center;
    border-radius: 15px;
    background: url('../../images/new-layout/img/offers/dashboardbackground.png') no-repeat;
    position: relative;
    /*background: conic-gradient(from 192deg at 6% 20%, #78C15E, #619E4B);*/
}

.dash_circle {
    width: 80px;
    height: 80px;
    background-color: #78C15E;
    border-radius: 50%;
    position: absolute;
    top: 21px; /* Adjust this value to move the circle vertically */
    left: 90%;
    transform: translateX(-50%);
}

.shortcut_info_swap,
.shortcut_info_delivery,
.shortcut_info_payment,
.shortcut_info_pause,
.shortcut_info_order{
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-around;
    width: 185px;
    height: 112px;
    border-radius: 14px;
    padding: 0.8rem;
    cursor: pointer;
    border: 1px solid #B4C9E8;
    text-decoration: none;
}

.white-arrow{
    padding-top: 4rem;
}

.shortcut_info_swap {
    background: url('../../images/new-layout/img/offers/swap.png') no-repeat center center / cover;
}
.shortcut_info_delivery {
    background: url('../../images/new-layout/img/offers/delivery.png') no-repeat center center / cover;
}
.shortcut_info_payment {
    background: url('../../images/new-layout/img/offers/payment.png') no-repeat center center / cover;
}
.shortcut_info_order {
    background: url('../../images/new-layout/img/offers/anotherorder.png') no-repeat center center / cover;
}
.shortcut_info_pause {
    background: url('../../images/new-layout/img/offers/delivery.png') no-repeat center center / cover;
}

.shortcut_info{
    display: flex;
}

.goal-container {
    display: flex;
    flex-direction: column;
    margin-right: 8rem;
}

.goal-card {
    background-image: linear-gradient(#6dbd53, #b5eea1, #8bec67, #b6f19f);
    border-radius: 68px;
    width: fit-content;
    margin-left: 2rem;
}

.goal-content {
    background-color: #67a750;
    border-radius: 80px;
    margin: 5px 5px 33px;
}

.goal-info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 24px 37px 0;
}

.goal-weight {
    font-size: 15px;
    color: white;
    line-height: 44px;
}

.goal-weight-value {
    font-size: 48px;
    font-family: 'Mochiy Pop One', sans-serif;
    color: #feed05;
}

.goal-weight-sup {
    font-size: 30px;
    font-family: 'Mochiy Pop One', sans-serif;
    color: #feed05;
}

.goal-equal {
    font-size: 48px;
    font-family: 'Mochiy Pop One', sans-serif;
    color: white;
    line-height: 44px;
}

.goal-calories {
    font-size: 15px;
    color: white;
    line-height: 44px;
}

.goal-calories-value {
    font-size: 48px;
    font-family: 'Mochiy Pop One', sans-serif;
    color: #feed05;
}

.goal-aim {
    max-width: 25rem;
    font-size: 17px;
    color: white;
}

.crown-image-mobile {
    display: none;
}

.goal-title{
    font-size: 28px;
    color: #feed05;
}
.shortcut_description{
    color: white;
    font-size: 18px;
    font-weight: bold;
}

.current_orders{
    display: flex;
}

.current_order{
    border: 1px solid #D4D4D4;
    border-radius: 1rem;
    display: flex;
    padding: 2rem;
    justify-content: space-around;
    font-size: 14px;
    margin-right: 2rem;
    flex-direction: column;
}
.current_order_info{
    font-weight: 500;
}

.current_orders .owl-stage-outer{
    padding-bottom: 0 !important;
}

.swap_orders_meal{
    padding: 1rem;
    border: 1px solid black;
    border-radius: 10px;
    text-align: center;
    width: 100%;
}


.following_order{
    display: grid;
    grid-template-columns: repeat(4, 1fr);

}


/* Mobile Responsive Styles */
@media (max-width: 768px) {
    .dash_circle {
      display: none;
    }
    .goal-container {
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .goal-card {
        width: 100%;
        border-radius: 55px;
        margin-left: 0;
    }
    .goal-info {
        padding: 15px;
    }

    .goal-equal,
    .goal-calories,
    .goal-weight{
        font-size: 10px;
        text-align: center;
        line-height: 30px;
    }


    .goal-weight-value,
    .goal-calories-value {
        font-size: 21px;
        line-height: 30px;
    }

    .goal-weight-sup {
        font-size: 24px;
    }

    .goal-aim {
        max-width: 100%;
        text-align: center;
        font-size: 14px;
    }

    .goal-content {
        border-radius: 100px;
        margin: 5px 5px 33px;
    }

    .crown-image-mobile{
        display: block;
        margin-top: 1rem;
        text-align: center;
    }

    .crown-image-web{
        display: none
    }


    .shortcut_info_swap {
        background: url('../../images/new-layout/img/offers/swap.png') no-repeat;
    }
    .shortcut_info_delivery {
        background: url('../../images/new-layout/img/offers/delivery.png') no-repeat;
    }
    .shortcut_info_payment {
        background: url('../../images/new-layout/img/offers/payment.png') no-repeat;
    }
    .shortcut_info_order {
        background: url('../../images/new-layout/img/offers/anotherorder.png') no-repeat;
    }
    .shortcut_info_pause {
        background: url('../../images/new-layout/img/offers/delivery.png') no-repeat;
    }

    .shortcut_info{
        display: grid;
        grid-template-columns: repeat(auto-fit, 50%);
        justify-content: center;
    }

    .goal-title{
        font-size: 20px;
    }

    .shortcut_description{
        font-size: 15px;
        line-height: 17px;
        padding-top: 12px;
    }

    .white-arrow{
        display: none;
    }

    .shortcut_info_swap,
    .shortcut_info_delivery,
    .shortcut_info_payment,
    .shortcut_info_pause,
    .shortcut_info_order{
        width: auto;
    }
    .current_orders{
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .current_order{
        padding: 0.5rem;
        margin:0;
    }
    #current_id_1{
        display: none;
    }
    .following_order{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .order_sub_details{
        padding-left: 10px;
    }
    #inactive_offer_info .modal-content {
            width: 80%;
    }
}