@media (max-width: 1200px){
    .features .feature h2,
    .app-screen h2,
    .static-head h2 {font-size: 30px;}
    .register-form .steps li {margin: 0 30px;}
    .register-form .steps li::before {
        right: -55px;
        width: 44px;
    }
    
}
@media screen and (max-width: 1024px){
    .main-section h1 {font-size: 30px;}
    .features .feature .img img {max-height: 350px;}
}
@media screen and (max-width: 991px){
    .main-header{padding: 12px 0;}
    .main-section::after {display: none;}
    .main-section {text-align: center;}
    .main-section .desc {font-size: 18px;}
    .download-app {justify-content: center;}
    .download-app a .store {font-size: 16px;}
    .main-section .img img {
        width: 47%;
        margin: 20px 0;
    }
    .features .feature,
    footer .copyrights p,
    .footer {text-align: center;}
    .features .feature.left .img,
    footer .copyrights .ibtdi {text-align: center;} /*still in en*/
    .features .feature .img img {
        max-height: 256px;
        margin: 20px 0;
    }
    .app-screen,
    .footer,
    .register {padding: 40px 0;}
    .app-screen h2 {margin-bottom: 25px;}
    .owl-carousel.owl-theme .owl-dots {margin-top: 25px;}
    .footer .desc {
        font-size: 16px;
        margin: 20px 0 20px;
    }
    .social ul {justify-content: center;}
    .social li a {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
    /*.register-form*/
    .register-form { padding: 40px;}
    .register-form .steps li {margin: 0 29px;}
    .register-form .steps li .box span {font-size: 16px;}
    .register-form fieldset {padding: 40px;}
    .register-form fieldset h4 {margin-bottom: 20px;}
    .register-form .action-button {margin-top: 20px;}
}


@media screen and (max-width: 768px){
    
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .footer {
        background: none;
        background-color: #000;
    }
    .features .feature h2, 
    .app-screen h2,
    .static-head h2 {font-size: 25px;}
    .features .feature .desc {font-size: 17px;}
    .register-form .steps {flex-wrap: wrap;}
    .register-form .steps li {margin-bottom: 10px;}
    .register-form fieldset h4 {font-size: 17px;}
    .register-form .steps.kitchen {flex-direction: column;}
    .register-form .steps.kitchen li::before {display: none;}
}
@media screen and (max-width: 576px){
    .main-header {text-align: center;}
    .header-links {
        justify-content: center; /*still*/
        margin-top: 12px;
    } 
}
@media screen and (max-width: 480px){
    .register-form .steps li::before {display: none;}
    .register-form .same .next,
    .register-form .same .previous {width: 100%;}
    .register-form .same .previous {margin: 10px 0 0 0;}
}
@media screen and (max-width: 426px){
    .register-form {padding: 20px;}
    .modal-content {padding: 20px;}
    .modal-content img {
        width: 100px;
        height: 100px;
    }
    
}
@media screen and (max-width: 386px){
    
    
}

@media screen and (max-width: 376px){
    .download-app {
        flex-direction: column;
    }
    .download-app a {
        width: 63%;
        margin: auto auto 10px auto;
    }
}
@media screen and (max-width: 360px){
    .header-links .a-link {font-size: 14px;}
}
@media screen and (max-width: 320px){
}