@media(max-width:1025px) {
    html {
        font-size: 15px;
    }
    .logo {

        margin: 0 0 0 65px;
        max-width: 120px;
    }


    .hero-txt {
        margin-left: 10px;
        left: 0;
        top: 0;
        position: static;
        max-width: 350px;
    }

    .hero-txt h1 {
        font-size: 2em;
    }

    .hero-txt h1 span {
        font-size: 1.5rem;
    }
    .main-hero {
        height: 450px;
    }
    .morph-bg {
        padding: 20px 0;
    }
    .morph-bg:before {
        content: normal;
    }
    .screen {
        left: auto;
    }
    .toggle--nav {
        position: absolute;
        top: 13px;
        left: 10px;
        display: inline-block;
        margin: 0;
        z-index: 112;
    }
    .toggle--nav span {
        display: block;
        background: #fff;
        width: 30px;
        height: 4px;
        border-radius: 0;
        -webkit-transition: .25s margin .25s, .25s transform;
        transition: .25s margin .25s, .25s transform;
    }
    .toggle--nav span:nth-child(1) {
        margin-bottom: 8px;
    }
    .toggle--nav span:nth-child(3) {
        margin-top: 8px;
    }
    .toggle--nav.is-active span {
        -webkit-transition: .25s margin, .25s transform .25s;
        transition: .25s margin, .25s transform .25s;
    }
    .toggle--nav.is-active span:nth-child(1) {
        margin-top: 8px;
        margin-bottom: -4px;
    }
    .toggle--nav.is-active span:nth-child(1),
    .toggle--nav.is-active span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .toggle--nav.is-active span:nth-child(3) {
        margin-top: -4px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .nav {
        background: #000;
        bottom: 0;
        -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
        box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
        left: 0;
        margin: 0;
        overflow: auto;
        position: fixed;
        text-align: left;
        top: 0;
        transform: translate3d(-350px, 0px, 0px);
        -webkit-transform: translate3d(-350px, 0px, 0px);
        -ms-transform: translate3d(-350px, 0px, 0px);
        transition: all 300ms ease 0s;
        -webkit-transition: all 300ms ease 0s;
        -ms-transition: all 300ms ease 0s;
        width: 270px;
        opacity: 0;
        visibility: hidden;
        z-index: 111;
        padding: 0;
        padding-top: 60px;
    }
    body.toggled-left .nav {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        visibility: visible;
    }
    body.toggled-left .overlay--nav,
    body.toggled-right .overlay--nav {
        display: block;
    }
    body.toggled-left,
    body.toggled-right {
        overflow: hidden;
    }
    .nav ul {
        display: block;
    }

    .nav ul li a {
        padding: 5px;
        border: none;
        display: inline-block;
    }
    .nav ul li a:hover {
        border: none;
    }

    .get-in-touch {
        padding: 10px 20px;
    }
    .getstarted:after,
    .getstarted:before {
        content: normal;
    }
    .main-hero {
        width: 100%;
        background: url(/images/hero-main.png) no-repeat top;
        background-size: cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-position: top center;
        background-size: 100%;
        background-color: #ffb503;
    }
    .header-inner {
        padding-top: 5px
    }
    .featured-list p{max-width: 126px}
    .pricing{margin-top: 0}
    .fatbit-product.modifier {
    
    padding: 3px 14px;
    
}
    .section.video .video-wrapper {
    max-width: 80%;
    margin: 0 auto;
}
        .wrap::after, .wrap::before{height: 0px}
    .wrap{margin-top: 30px}
       #features {
    padding-top: 0;
}
}

@media(max-width:992px) {
    .ym-row .ym-col {
        max-width: inherit;
    }
    .pricing {
        padding: 20px 0;
    }
    .section {
        padding: 30px 0;
    }

}

@media screen and (max-width: 767px) {
    html {
        font-size: 14px;
    }
    .fly-elements-wrapper .fly {
        position: static;
    }
    .fly-elements-wrapper .fly.two,
    .fly-elements-wrapper .fly.three,
    .fly-elements-wrapper .fly.four,
    .fly-elements-wrapper .fly.five {
        display: none;
    }
    .fly-elements-wrapper {
        display: none;
    }

    .hero-txt {
        position: static;
        margin: 0 auto;
        text-align: center;

    }
    .hero-txt h1 {
        font-size: 3em;
    }
    .hero-txt h1 span {
        font-size: 1.5rem;
    }
    .section {
        padding: 20px 0;
    }
    .screen {
        left: auto;
    }
    .small-cms {
        margin-top: 50px;
    }

    .demo-actions ul {
        display: block;
    }

    .featured-list li {
        -webkit-box-flex: 0;
        -ms-flex: 0 33.33%;
        flex: 0 33.33%;
        max-width: 33.33%;
    }


    .reverse .reverse-cols {
        -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
        order: inherit;
    }


    .pricing {
        padding: 20px 0;
    }

    .ym-row .ym-col {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%;
        margin: 10px 10px;
    }
    .main-hero {
        background: url(/images/chef-img.jpg) no-repeat top;
        background-size: cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        height: 100vh;
    }
    .main-hero:after {
        background: rgba(0, 0, 0, 0.43);
        height: 100%;
        width: 100%;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        content: "";
        position: absolute;
        z-index: 0;
    }
    .hero-txt h1 {
        color: #fff;
    }
    .pricing {
        margin-top: 0
    }
    .ym-section--pricing {
        padding-top: 40px;
    }
    .ym-section--pricing .ym-col {

    padding: 0 50px;

}
    .small-cms{text-align: center}
    .small-cms h2::before {
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
    .demo-actions{text-align: center}
    .demo-actions ul {
    display: inline-block;
    
}
    .featured-list li {
    margin: 25px auto;
}
    .tool-tip .bubble{right:-60px}
    .tool-tip .bubble::before{right: 63px}
    .wrap{margin-bottom: 0px}
 
}

@media screen and (max-width: 1440px) {
    .pricing {
        padding: 50px 0 50px 0;
    }
}

@media only screen and (max-width: 567px) {
    .featured-list li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ym-section--pricing .ym-col{padding:0 !important}
    .section.video .video-wrapper{max-width: 90%}
}
