@media only screen and (max-width: 1660px){
    .steps-main .form-outer form .page .slider-11 .supplements-product {margin-bottom: 60px;}
    .steps-main .progress-bar{margin: 0 auto 15px auto;}
    .steps-main .form-outer form .page .slide-1 .title{margin-bottom: 15px;}
    .steps-main .form-outer form .page .title{font-size: 30px;}
    .steps-main .slide-1 .image{max-width: 270px; margin: 0 auto;}
    .steps-main .form-outer form .page .slide-1 .field {margin-bottom: 0;}
    .steps-main .form-outer form .page .slider-10, .steps-main .form-outer form .page .slider-11, .steps-main .form-outer form .page .slider-12{padding-top: 20px;}
    .slider-10 .recipes-main, .supplements-product{margin-top: 30px;}

}
@media only screen and (max-width: 1440px){
    .steps-main .mycontainer header img{max-width: 180px;}
    .steps-main .steps-number{margin-bottom: 15px;}
    .steps-main .form-outer form .page .title{font-size: 30px;}
    .steps-main .form-outer form .page .slide-1 .title{margin-bottom: 40px; padding-top: 15px; }
    .steps-main .form-outer form .field, .steps-main .form-outer form .page .field{margin-bottom: 15px;}
    .steps-main .slide-1 .image{padding-top: 0;}
    .steps-main .slide-1 .image img{max-width: 280px;}
    .steps-main .form-outer form .page .title .sub-title,
    .steps-main .form-outer form .page .slide-2 .title p:first-child{font-size: 28px;}
    .steps-main .form-outer form .page .title .sub-title img {max-width: 90px;}
    .steps-main .slide-2 .image{margin: 60px 0 10px 0;}
    .on-off-main{font-size: 16px;}
    .steps-main .form-outer form .page .slider-3 .title{margin-bottom: 5px;}
    .steps-main .form-outer form .page .title{font-size: 26px;}
    .steps-main .dog-list-main .desktop-list .single-desktop-dog .dog-image{margin: 40px 0;}
    .steps-main .dog-list-main .desktop-list .radio-custom [type=radio]:checked+label, .steps-main .dog-list-main .desktop-list .radio-custom [type=radio]:not(:checked)+label{font-size: 18px;}
    .steps-main .dog-list-main{margin-bottom: 40px;}
    .steps-main .slider-5 .dog-list-main{padding-top: 20px;}
    .steps-main .slider-6 .button-radio{padding-bottom: 30px;}
    .steps-main .form-outer form .page .mySlide.slider-9 img{max-width: 280px;}
    .slider-10 .recipes-main, .supplements-product{margin-top: 30px;}
    .recipes-main .recipes-wrap .single-recipes .box-main .p-details h3{font-size: 26px;margin-bottom: 10px;}
    .recipes-main .recipes-wrap .single-recipes .box-main .p-details p{font-size: 16px;line-height: 1.4;margin-bottom: 30px;}
    .recipes-main .recipes-wrap .single-recipes .box-main .p-img {
        width: 100px;
    }
    .supplements-product .supplements-wrap .single-supplements h3{font-size: 24px;}
    .supplements-product .supplements-wrap .single-supplements a{font-size: 18px;}
    .supplements-product .supplements-wrap ul li{font-size: 14px;}
    .supplements-product .supplements-wrap .single-supplements .btm-details .price{font-size: 38px;}
    .supplements-product{margin-bottom: 30px;}
    .steps-main .form-outer form .page .skip-btn .mySkip{margin: 18px 6px;font-size: 20px;}
    .supplements-product .supplements-wrap .single-supplements .prod-details .image-qty img{max-height: 185px;}
    .supplements-product .supplements-wrap ul{margin-top: 15px;}
    .recommended .supplements-product .supplements-wrap .single-supplements h3{font-size: 28px;}
    .recommended .supplements-product .supplements-wrap .single-supplements ul li{font-size: 14px;margin-bottom: 10px;}
    .recommended .supplements-product .supplements-wrap .single-supplements .final-price{font-size: 28px;}
    .supplements-product .supplements-wrap .single-supplements .prod-details .image-qty img {max-height: 140px;}
    .supplements-product .supplements-wrap .single-supplements .btm-details>span{font-size: 14px;}
    .mySlide.slide-2 .on-off-main {margin-top: 27px;}
    .steps-main .form-outer[data-current="10"] form, .steps-main .form-outer[data-current="11"] form{min-height: auto;}

}
@media only screen and (max-width: 1366px){
    .steps-main .slide-2 .image{margin: 30px 0 10px 0;}
    .steps-main .slide-2 .image img{max-width: 210px;}
    .steps-main .form-outer form {min-height: auto;}
    .steps-main .button-radio{padding-bottom: 15px;}
    .slider-3 .on-off-main {margin-bottom: 18px;}
    .steps-main .form-outer form .page .slider-3 .field.weighs{margin-bottom: 20px;}
    .slider-10 .recipes-main, .supplements-product{margin-top: 10px;}
    .recipes-main .recipes-wrap .single-recipes .box-main .p-details p{margin-bottom: 20px;}
    
    .thankyou .thankyou-wrapper .dog{max-width:260px;margin:0 auto;}
    .steps-main .checkout-main .check-right .recipes h5{width: auto;}
}
@media only screen and (max-width: 991px){
    .recipes-main .recipes-wrap .single-recipes{    padding: 28px 20px 28px 6px;}
    .recipes-main .recipes-wrap .single-recipes .box-main .p-details h3{font-size: 26px;padding-right: 30px;}
    .recipes-main .recipes-wrap .single-recipes .box-main .p-details{padding-right: 0;}
    .recipes-main .recipes-wrap .single-recipes .box-main .p-details p{font-size: 12px;}
    .recipes-main .recipes-wrap .single-recipes .box-main .p-details p{margin-bottom: 22px;}
    .recipes-main .recipes-wrap .single-recipes .box-main .p-img{width: 86px;}
    .recipes-main .recipes-wrap .single-recipes .box-main .p-details{width: calc(100% - 86px);}
    .single-recipes:before{    top: 32px;        right: 20px;}
    .steps-main .checkout-main{flex-direction: column;}
    .steps-main .checkout-main .check-left{width: 100%;}
    .steps-main .checkout-main .check-right{width: 100%;border: 0;border-top: 1px solid #000000;padding-top: 38px;}
    .steps-main .checkout-main .check-right h3 ,.edit-box, .steps-main .checkout-main .check-right .single-edit-box , .steps-main .checkout-main{margin-left: 0;margin-right: 0;}
    .steps-main .checkout-main{padding-left: 0;padding-right: 0;}
}

@media only screen and (min-width: 768px){
    .steps-main .button-radio>div input[type=checkbox]:hover~label:not(.error), .steps-main .button-radio>div input[type=radio]:hover~label:not(.error){color:#fff;background-color:#00785a}
}

@media only screen and (max-width: 767px){
    .steps-main .form-outer form{    min-height: calc(100vh - 285px);}
    .steps-main .mycontainer header{ margin:48px 15px 10px 30px;}
    .steps-main .mycontainer header img{max-width: 134px;}
    .steps-main .progress-bar .step{    padding-top: 45px;}
    .steps-main .progress-bar > .fill::before{    width: 46px;}
    .steps-main .steps-number{    margin-bottom: 25px;}
    .steps-main .form-outer form .page .title{font-size: 30px;line-height: 1.23;padding-top: 0;}
    .steps-main .form-outer form .page .slide-1 .title,.steps-main .form-outer form .page .slide-2 .title{ margin-bottom: 38px;padding-top: 14px;padding-top: 0;}
    .steps-main .slide-1 .image{padding-top: 20px;}
    .steps-main .checkout-main .payment-list h4{color: #000;}
    .apple-pay .apple-pay-inner { margin: 0; }
    .steps-main .checkout-main h3{margin-bottom: 0;}
    .steps-main .slide-1 .image img{max-width: 236px;}
    .steps-main .form-outer form .page .slide-1 .field{margin-bottom: 0; padding-bottom: 15px;}
    .steps-main form .page .field button, .steps-main form .field.btns button, .back-page{padding: 14px 22px;;}
    .steps-main form .page .field button, .steps-main form .field.btns button{margin: 0 3.5px;}
    .steps-main .form-outer form .page .field.btns > a:first-child, .steps-main .form-outer form .page .field.btns > button:first-child{    margin-right: 7px;}
    .steps-main .form-outer form .page .title .sub-title img{max-width: 78px; margin-top: -5px;}
    .steps-main .page > div > p{font-size: 12px;  max-width: 320px;  margin: 0 auto 20px auto;line-height: 1.58;}
    .steps-main .slide-2 p{font-size: 12px;line-height: 1.58;    transform: none; padding-left: 0; width: auto;}
    .steps-main .form-outer form .page .title span { font-size: 30px; }
    .steps-main form .page .field input{font-size: 14px;}
    .steps-main .form-outer form .page .field{margin-bottom: 20px;}
    /* .steps-main .form-outer form .page .field.desktop-date{display: none;} */
    .steps-main .form-outer form .page .field.mobile-date{display: block;}
    .steps-main .form-outer form .page .field.mobile-date .select-main{ margin-bottom: 20px;text-align: left;}
    .steps-main .form-outer form .page .field.mobile-date .select-main label{padding: 0 7px;}
    .steps-main .slide-2 .image img{max-width: 223px;}
    
    .steps-main .slide-2 .image{margin: 24px 0 0px 0;}    
    .steps-main .form-outer form .page .title .sub-title img{max-width: 80px;margin-top: -5px;}
    .steps-main form .page .field input{    padding: 8px 10px 10px 10px;}
    .steps-main form .page .field select{    padding: 8px 30px 10px 10px;}
    .steps-main select{    background-position: calc(100% - 10px) 15px;    background-size: 15px 8px;}
    .steps-main .button-radio > div label{    font-size: 12px;    padding: 8.5px 10px;}
    .steps-main .button-radio{    margin: 0 -3px;    padding-bottom: 20px;}
    .steps-main .button-radio > div{    padding: 0 3px;}
    .steps-main .form-outer form .page .button-radio + .title {max-width: 320px;margin-left: auto;margin-right: auto;}
    .slider-3 .on-off-main { margin-bottom:36px;}
    .tool-tip-main .tooltop{font-size: 10px;}
    .steps-main .dog-list-main{margin-bottom: 10px;}
    .steps-main .dog-list-main .desktop-list .single-desktop-dog .dog-image{display: none;}
    .steps-main .dog-list-main .desktop-list .single-desktop-dog.active .dog-image{display: block;}
    .steps-main .dog-list-main .desktop-list .single-desktop-dog .content{margin-top: auto;}
    .steps-main .dog-list-main .desktop-list .single-desktop-dog .dog-image{margin: 35px 0 36px;position: absolute;left: 50%;transform: translateX(-50%);top: 0;}
    .steps-main .dog-list-main .desktop-list > div{min-height: 300px;}
    .steps-main .dog-list-main .desktop-list .content[data-content]:before{ content: attr(data-content)" "; opacity:0;position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:20px;font-weight:bold;color:#00785A;white-space: nowrap;}
    .steps-main .dog-list-main .desktop-list .radio-custom [type="radio"]:not(:checked) + label, .steps-main .dog-list-main .desktop-list .radio-custom [type="radio"]:checked + label{font-size: 0;}
    .steps-main .dog-list-main .desktop-list .single-desktop-dog.active .content[data-content]:before{opacity: 1;}
    .steps-main .dog-list-main .desktop-list .content[data-more]:after{content: attr(data-more)" "; opacity:0;position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:12px;font-weight:bold;color:#000000; width: 100%;}
    .steps-main .dog-list-main .desktop-list .single-desktop-dog.active .content[data-more]:after{opacity: 1;}
    .steps-main .dog-list-main .desktop-list .radio-custom [type="radio"]:not(:checked) + label, .steps-main .dog-list-main .desktop-list .radio-custom [type="radio"]:checked + label{font-size: 0;}
    .steps-main .dog-list-main .desktop-list .radio-custom label b{font-size: 0;}
    .steps-main .slider-5 .dog-list-main{padding-top: 0;}
    .steps-main .dog-list-main .desktop-list .radio-custom{margin-top: auto;}
    .steps-main .slider-5 .dog-list-main .desktop-list > div { min-height:260px;}
    .steps-main .slider-5  .dog-list-main .desktop-list{padding-bottom: 40px;}
    .steps-main .slider-5  .dog-list-main.activity .desktop-list:before{    bottom: 61px;}
    .steps-main .slider-5  .dog-list-main .desktop-list .content[data-content]:before{bottom: 20px;}
    .steps-main .grid-btn .button-radio{flex-direction: column;}
    .steps-main .grid-btn  .button-radio > div label{justify-content: flex-start;}
    .steps-main .grid-btn .button-radio > div{width: 100%;}
    .steps-main .slider-6 .button-radio{padding-bottom:38px ;}
    .steps-main .grid-btn .button-radio div label{font-size: 16px;padding: 10.5px 20px;}
    .steps-main .slider-7  .dog-eat-img img{max-width: 166px;}
    .steps-main .slider-8  .dog-eat-img img{max-width: 180px;}
    .steps-main .slider-9  .dog-eat-img img{max-width: 230px;}
    .steps-main .grid-btn .button-radio{margin-bottom: 16px;}
    .recipes-main .recipes-wrap, .supplements-product .supplements-wrap{width: 100%;}
    .recipes-main .recipes-wrap .single-recipes .box-main .p-details p{margin-left: 0;width: auto;transform: none;padding-left: 0;}
    .steps-main .form-outer form .page > div { padding-bottom: 50px; }
    .recipes-main .recipes-wrap .single-recipes .p-details a{font-size: 12px;}
    .single-recipes:before{    width: 25px;        height: 25px;}
    .modal{padding: 0;}
    .modal .popup-inner{padding: 70px 20px;}
    .close-button{    right: 10px;}
    .modal .popup-inner{width: 100%;}
    .accordion-list h3{    font-size: 14px;}
    .steps-main .form-outer form .page .slider-10 p, .steps-main .form-outer form .page .slider-11 p, .supplements-product .supplements-wrap .single-supplements a,.supplements-product .supplements-wrap .single-supplements .btm-details > span{font-size: 12px;}
    .supplements-product .supplements-wrap ul{margin-top: 0;}
    .supplements-product .supplements-wrap ul li{font-size: 11px;}
    .supplements-product .supplements-wrap .single-supplements{padding: 22px 17px;}
    .supplements-product .supplements-wrap .single-supplements .prod-details .image-qty img{max-height: 157px;}
    .supplements-product .supplements-wrap .single-supplements .btm-details .price{font-size: 32px;}
    .supplements-product .supplements-wrap .single-supplements .btm-details del{font-size: 13px;}
    .supplements-product .supplements-wrap .single-supplements a,.supplements-product .supplements-wrap .single-supplements .input .number{font-size: 22px;}
    .slider-11 .supplements-product .supplements-wrap{padding-left: 0;padding-right: 0;}
    .steps-main .form-outer form .page .field.skip-btn .skip{font-size: 18px;}
    .recipes-main, .supplements-product{margin: 0;}
    .steps-main .mycontainer .form-outer .page[data-tag="nine"], .steps-main .mycontainer .form-outer .page[data-tag="ten"], .steps-main .mycontainer .form-outer .page[data-tag="eleven"]{padding: 0;}
    .recommended .supplements-product .supplements-wrap .single-supplements{    padding: 46px 17px 23px 17px;}
    .recommended .supplements-product .supplements-wrap .single-supplements h3{font-size: 26px;}
    .recommended .supplements-product .supplements-wrap .single-supplements ul li{font-size: 11px;    margin-bottom: 6px;}
    .recommended .supplements-product .supplements-wrap .single-supplements .image-qty{width: 86px;}
    .recommended .supplements-product .supplements-wrap .single-supplements .p-description{width: calc(100% - 86px);}
    .recommended  .supplements-product .supplements-wrap .single-supplements .prod-details .image-qty img{width: 100%;}
    .recommended .supplements-product .supplements-wrap .single-supplements .prod-details .btm-details{margin-top: 27px;}
    .recommended .supplements-product .supplements-wrap .single-supplements .final-price{font-size: 26px;}
    .recommended .supplements-product .supplements-wrap .single-supplements .final-price small{font-size: 11px;}
    .steps-main .checkout-main h4{font-size: 17px;}
    .steps-main .form-outer[data-current="thirteen"] form .page .field.btns{padding-top: 0;}
    .steps-main .checkout-main .check-right .single-edit-box ul li span{margin-right: 5px;font-size: 14px;}
    .steps-main .checkout-main .check-right .single-edit-box ul li{font-size: 14px;margin-bottom: 8px;}
    .check-round label{font-size: 12px;padding-right: 0;}
    .edit-box{flex-direction: column;align-items: flex-start;padding-bottom: 22px;}
    .edit-box span{font-size: 14px;}
    .edit-box .edit-link{margin-top: 9px;}
    .steps-main .checkout-main .check-left{padding-right: 0;padding-bottom: 20px;}
    .steps-main .checkout-main .check-right table tr th, .steps-main .checkout-main .check-right table tr td{padding: 5px 0;}
    .steps-main .checkout-main .check-right .single-edit-box{    margin: 0px 0px 30px 0px;}
    .steps-main .checkout-main .check-right table tr th .f-42{font-size: 14px;}
    .steps-main .checkout-main .check-right .full-box.delivery,.steps-main .checkout-main .check-right .full-box{padding-left: 0;padding-right: 0;}
    .steps-main .checkout-main h3{font-size: 21px;}
    .checkout-main .check-right .full-box h3{font-size: 14px;}
    .edit-box .edit-link:before{    width: 16.42px;        height: 15.5px;    background-size: contain;}
    .steps-main .checkout-main .check-right .full-box.delivery{    padding: 30px 0px;}
    .steps-main form .page .checkout-main .full-box .field{max-width: 100%;}
    .steps-main .checkout-main .payment-list{flex-direction: column;align-items: flex-start;}
    .steps-main .checkout-main .payment-list h4{margin-bottom: 10px;}
    .steps-main .checkout-main .check-right table.total-table tfoot tr td{font-size: 13px;}
    .steps-main .form-outer[data-current="thirteen"] form .page .field.btns > *{    width: calc(50% - 3px);}
    .thankyou .thankyou-wrapper .dog img{max-width: 210px;}
    .thankyou .thankyou-wrapper h1{font-size: 30px;padding-top: 0;}
    .thankyou .thankyou-wrapper p{font-size:14px;transform:none;padding:0;width:100%;}
    .steps-main .checkout-main .check-right .single-edit-box ul{margin-top: 20px;}
    .back-page{padding: 14px;font-size: 14px;}
    .back-page:before{    margin-left: 0px; margin-bottom: -2px;    margin-right: 14px;}
    .recipes-main .recipes-wrap{    padding: 8px 15px;}
    .steps-main .form-outer form .page .field.btns.skip-btn > *{    width: calc(50% - 6px);}
    .steps-main form .page .field.skip-btn button.prev{    margin-right: 6px;}
    .steps-main .form-outer[data-current="thirteen"] form .page .field.btns{    position: absolute; transform: translateX(-50%);bottom: 0px;margin-bottom: 0;}
    #recipes-error { transform: translateX(0%); top: -50px;}
    .steps-main .mycontainer .form-outer[data-current="12"] { padding: 0 5px; }
    .steps-main .mycontainer .form-outer[data-current="12"] .title { font-size: 22px; margin-bottom: 5px; }
    .steps-main .mycontainer .form-outer[data-current="12"] .page > div > p{margin-bottom: 45px;}
    .steps-main form .page .field button, .steps-main form .field.btns button, .back-page{padding: 10px 0;font-size: 16px;}
    .steps-main button.submit:after { margin-right: 10px; }
    .supplements-product .supplements-wrap .single-supplements h3{font-size: 26px;}
    .steps-main .form-outer form .field.btns{position: fixed;padding: 11px;bottom: 0; background: #fff; box-shadow: 1px -5px 9px 0px #cdcdcd;z-index: 99;}
    .steps-main .form-outer form{  background-color: #ffffff; overflow-x: auto;padding-bottom: 0;}
    .single-recipes:before{    background-size: 25px 85px;    background-position: -0px -13px;}
    .single-recipes.active:before {     background-position: 0px -52px;}
    .apple-pay .apple-pay-inner{margin:6px 0  18px 0;    font-size: 17px;}
    .apple-pay .apple-pay-inner img{max-width: 46px;}
    .steps-main .form-outer::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 0px; border: 0; } 
    .steps-main .form-outer::-webkit-scrollbar { width: 0; }
    .steps-main .progress-bar.prevstep > .step::before , .steps-main .progress-bar:not(.prevstep) > .step::before{ width: 50px;top: 6px; }
        @keyframes animate_back {
            0% {
            transform:translateX(26px);
        }
            40% {
                opacity:1;
                transform:translateX(26px);
            }
            100% {
                opacity:1;
                transform:translateX(0);
            }
        }
        @keyframes animate {
            0% {
            transform:translateX(-26px);
            }
            40% {
                opacity:1;
                transform:translateX(-26px);
            }
            100% {
                opacity:1;
                transform:translateX(0);
            }
        }
        .step-main p{width:auto;transform:none;}
        .steps-main .form-outer form .page .skip-btn .mySkip{position:relative;inset:0;margin-top:15px;display:inline-block;font-size:18px;}
        .steps-main .form-outer form .page .slider-11 .supplements-title > p{width:auto;padding-left:0;max-width:100%;transform:none;font-size:16px;line-height:1.7;}
        .steps-main .form-outer form .page .slider-3 .title{margin-bottom:8px;}
        .steps-main .slide-2 p{margin-bottom:25px;}
        .steps-main .form-outer form .page .slide-2 .title{font-size:26px;margin-bottom:12px;}
        .on-off-main{font-size:14px;}
        .info-icon > div{font-size:12px;}
        .steps-main .form-outer form .page .field.date-main{margin-bottom:22px;}
        .steps-main .form-outer form .page .slider-10,.steps-main .form-outer form .page .slider-11,.steps-main .form-outer form .page .slider-12{padding-top:8px;}
        .steps-main p{transform:none;padding-left:0;width:auto;}
        .supplements-product,.slider-10 .recipes-main{margin-top:0px;}
        .recipes-main .recipes-wrap .single-recipes .box-main .p-details h3{margin-bottom:5px;}
        .recipes-main .recipes-wrap .single-recipes .box-main .p-details p{margin-bottom:10px;}
        .steps-main .form-outer form .page .slider-11 .supplements-title > p{font-size:12px;}
        .steps-main .mycontainer .form-outer[data-current="12"] .page > div > p{margin-bottom:0;}
        .steps-main .form-outer form .page .slider-10,.steps-main .form-outer form .page .slider-11,.steps-main .form-outer form .page .slider-12{margin-bottom:50px;}
        .supplements-product .supplements-wrap{padding:8px;}
        .steps-main form .page .checkout-main .field + h3,.steps-main form .page .checkout-main .two-box + h3{padding-top:20px;}
        .steps-main .checkout-main .payment-list{padding:6px 0 15px 0;}
        .steps-main .form-outer form .page .slider-13{margin-bottom:80px;}
        .steps-main .form-outer form .page .slider-11 .supplements-title > p{margin-bottom:5px;}
        .steps-main .form-outer form .slider-8 .hide_no p{font-size:14px;padding:10px 0px 30px;line-height:normal;text-align:left;}
        .steps-main .mycontainer header{margin:8px 15px 10px 30px;}
        form.checkout.woocommerce-checkout{padding-top:0;}
        #payment h3{margin-top:30px;}
        .steps-main .checkout-main .check-right .cf .edit-box:first-child{padding-bottom:0;width:65%;justify-items:unset;justify-content:space-between;flex-direction:unset;}
        .edit-box .edit-link{margin-top:0;}
        .edit-box{flex-direction:unset;align-items:flex-start;padding-bottom:22px;}
        .steps-main .form-outer .place-order{justify-content:center;position:relative;bottom:0;margin-top:30px;left:50%;max-width:800px;transform:translateX(-50%);width:100%;display:flex;margin-bottom:30px;}
        .steps-main .form-outer .place-order .prev{padding:10px 28px;margin:0 5px;}
        .steps-main .form-outer .place-order #place_order{width:100%;text-align:center;border:none;background:#00785a;margin-top:0;color:#fff;cursor:pointer;font-size:15px;transition:.5s ease;padding:14px 14px;text-decoration:none;margin:0 5px;border-radius:0;text-transform:capitalize;text-align:right;}
        .steps-main .form-outer .place-order{transform:none;left:0;}
        .steps-main .form-outer .place-order .prev{width:100%;text-align:center;border:none;background:#00785a;margin-top:0;color:#fff;cursor:pointer;font-size:15px;transition:.5s ease;padding:10px 28px;text-decoration:none;margin:0 4px;border-radius:0;line-height:normal;width:100%;padding-top:0;padding-bottom:0;line-height:50px;}
        footer#page-footer{display:none;}
        .steps-main .form-outer form .page .field .select2 span.select2-selection.select2-selection--single{padding-left:8px;background-size:20px;background-position:calc(100% - 8px) 15px;}
        .fb_dialog_content iframe{bottom:70px !important;left:0 !important;}
        .steps-main .form-outer form{min-height:auto;}
        .mySlide.slide-2{position:relative;}
        .steps-main .form-outer form .page .on-off-main input{width:0;height:0;}
        .slider-3 .on-off-main{overflow:hidden;}
        .steps-main .button-radio{margin:0;}
        label.error{left:0;}
        .supplements-product .supplements-wrap .single-supplements .input a{font-size:20px;}
        .steps-main .form-outer form .page .slider-11 .supplements-product{margin-bottom:10px;}
        .steps-main .form-outer form .page .slider-11{padding-bottom:10px;margin-bottom:0;}
        .supplements-product .supplements-wrap .single-supplements .btm-details .reguler-price{margin-bottom:0px;}
        .steps-main .button-radio label.error{width:200px;justify-content:flex-start;}
        .steps-main .grid-btn .button-radio #eating-error{font-size:12px;bottom:50px;padding:0;}
        body .woocommerce #payment .payment_methods li>input:checked+label,body .woocommerce #payment .payment_methods li>label{margin-bottom:30px;height:70px;background-position:left bottom !important;}
        .woocommerce-form-login > .form-row .woocommerce-form-login__rememberme{margin-bottom:20px !important;}
        .modal .popup-inner{pointer-events:none;}
        .steps-main .checkout-main .check-right .recipes h5{width:70px;}
        .steps-main .form-outer form#wooFresh-form > div:not(.buttonBox){padding-bottom:70px;}
        .steps-main .form-outer form .page .skip-btn .mySkip{margin:18px 0px;}
        a.w-btn{bottom:60px;padding:8px 16px;}
        .w-toplink.pos_right{transform:none !important;-webkit-transform:none !important;-o-transform:none !important;-moz-transform:none !important;}
        .steps-main .form-outer form .page .slider-10{margin-bottom:0;}
        .steps-main .form-outer .place-order #place_order{padding:0;}
        .steps-main .form-outer .place-order .prev{padding:0;}
        form.checkout.woocommerce-checkout .place-order{margin-bottom:0;}
        .l-preloader .g-preloader{background-size:cover;}
        .steps-main #six .button-radio label.error{bottom:-30px;width:100%;}
        .steps-main #six .grid-btn .button-radio label.error{bottom: 50px;}
        .steps-main #seven .grid-btn .button-radio label.error,.steps-main #eight .grid-btn .button-radio label.error{width:100%;font-size:12px;bottom:45px;padding:0;}

        form.checkout.woocommerce-checkout .place-order.desktop-show{display: none;}
        form.checkout.woocommerce-checkout .place-order.mobile-show{display: flex;margin: 0 0 25px;}
        .steps-main .checkout-main .check-right .edit-box:nth-child(4),.steps-main .checkout-main .check-right .edit-box:nth-child(5) { justify-content: space-between; width: 100%; }
        .steps-main .checkout-main .check-right h3+h3 { padding-bottom: 0; }
        .steps-main .checkout-main .check-right .edit-box:nth-child(3) { float: right; margin-top: -20px; width: 19%; }
        .modal.mySliderModal {z-index: 99;}
        .steps-main .form-outer form .page .field .select-date select{padding: 12px 30px 12px 10px;background-position: calc(100% - 5px) center;}
        .steps-main .form-outer form .page .field .select-date #select-month {
            width: 38%;
        }
        .links_underline a.w-btn{bottom: 30px;}
        .steps-main{padding: 0;}
        .woocommerce-checkout .steps-main{padding: 0 20px;padding-top: 20px;}

}

@media only screen and (max-width: 420px){
    .steps-main .progress-bar > .active.fill::before{right: -7px;}
    .steps-main form .page .field button, .steps-main form .page .field.btns a{padding: 14px;}
    .steps-main button.prev:before, .steps-main .btns a.back-page:before{    margin-right: 10px;}
    .steps-main button.next:after, .steps-main button.prev:before, .steps-main button.submit:after, .steps-main .btns a:before{    margin-left: 10px;}
    .steps-main .form-outer form .page .title{font-size: 26px;}
    .steps-main .dog-list-main .desktop-list .content[data-content]:before{    font-size: 16px;}
    .steps-main .dog-list-main .desktop-list .content[data-more]:after{font-size: 11px;}
    .steps-main .grid-btn .button-radio > div,.steps-main .slider-8 .grid-btn .button-radio > div{padding-left: 0;padding-right: 0;}
    .steps-main  .grid-btn .button-radio{margin: 0;}
    .recipes-main .recipes-wrap{    padding: 8px 3px;}
    .steps-main form .page .field button, .steps-main form .page .field.btns a{font-size: 17px;}
    .steps-main .form-outer form .page .title span ,.steps-main .form-outer form .page .title .sub-title{ font-size: 26px; }
    .slider-11 .supplements-product .supplements-wrap { padding-left: 5px; padding-right: 5px; }
    .recipes-main .recipes-wrap .single-recipes .box-main .p-details h3{word-break: break-all;}
    .steps-main .progress-bar.prevstep > .step::before, .steps-main .progress-bar:not(.prevstep) > .step::before {  width: 34px;   top: 18px; }
    .supplements-product .supplements-wrap .single-supplements a{font-size: 12px;}
}
@media only screen and (max-width: 360px){
    .steps-main{padding: 0px 15px;}
    .recipes-main .recipes-wrap .single-recipes .box-main .p-details h3{    font-size: 18px;}    
    .steps-main .mycontainer .form-outer[data-current="twelve"]{    padding: 0 8px;}
    .steps-main .checkout-main .check-right table tr td{font-size: 10px;}
    .steps-main .checkout-main .check-right table.total-table tfoot tr td{font-size: 11px;}
    .steps-main form .page .field button.submit{    padding: 18px 2px;}
    .steps-main .progress-bar > .fill::before{    width: 40px;   }
    .steps-main .progress-bar > .active.fill::before{right: -10px; top: 12px;}
    .supplements-product .supplements-wrap ul li{    padding-left: 12px;}
    .supplements-product .supplements-wrap ul li:before{    width: 4px;   height: 4px;}    
    .supplements-product .supplements-wrap .single-supplements{    padding: 20px 12px;}
    .supplements-product .supplements-wrap .single-supplements h3{font-size: 24px;}
    .supplements-product .supplements-wrap .single-supplements .btm-details .price { font-size: 28px; }    
    .steps-main .dog-list-main .desktop-list > div { min-height: 260px; }
    
}