@media screen (max-width: 768px){
.hero-content img {
    width: 25%!important;
}
.contact-form {
    margin-bottom: 20px;
}

}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */

@media screen and  (max-width:520px){
.contact-form {
    margin-bottom: 20px;
}section.contact {
    margin-top: 10px;
}
}


@media screen and  (max-width: 320px) and (min-width: 0px) {
    /*hero slider*/
    .hero-content h1{
        font-size: 25px;
        line-height: 27px;
    }

    .hero-content-wrap-1{
        height: 400px;
    }

    .typed-strings h1{
        font-size: 20px;
        line-height: 24px;
    }

    .slider-bg-content .hero-image{
        display: none;
    }

    .hero-action-btn a{
        margin-bottom: 15px;
    }

    .custom-indicator .owl-dots{
        left: 35%;
    }

    .hero-slider-section-two .section-shape{
        position: relative;
    }

    .mobile-slider-area{
        margin-top: 0;
        top: -50px;
    }
    .mobile-slider{
        top: 8px;
    }
    .mobile-slider-area img{
        width: 68%;
    }


    /*download section*/
    .download-section{
        margin-top: 0;
    }
    .download-app-text{
        padding: 50px 0;
    }

    .download-btn{
        width: 100%;
        padding: 5px 50px;
    }

}

/* Custom, iPhone Retina */
@media screen and (max-width: 360px) and (min-width: 321px) {
    /*hero slider*/
    .hero-content h1{
        font-size: 25px;
        line-height: 27px;
    }

    .hero-content-wrap-1{
        height: 400px;
    }

    .typed-strings h1{
        font-size: 20px;
        line-height: 24px;
    }

    .slider-bg-content .hero-image{
        display: none;
    }

    .hero-action-btn a{
        margin-bottom: 15px;
    }

    .custom-indicator .owl-dots{
        left: 35%;
    }

    .hero-slider-section-two .section-shape{
        position: relative;
    }

    .mobile-slider-area{
        margin-top: 0;
        top: -50px;
    }
    .mobile-slider{
        top: 8px;
    }
    .mobile-slider-area img{
        width: 68%;
    }


    /*download section*/
    .download-section{
        margin-top: 0;
    }
    .download-app-text{
        padding: 50px 0;
    }

    .download-btn{
        width: 100%;
        padding: 5px 50px;
    }
}

/* Custom, iPhone Retina */
@media screen and (max-width: 375px) and (min-width: 361px) {
    /*hero slider*/
    .hero-content h1{
        font-size: 25px;
        line-height: 27px;
    }

    .hero-content-wrap-1{
        height: 400px;
    }

    .typed-strings h1{
        font-size: 20px;
        line-height: 24px;
    }

    .slider-bg-content .hero-image{
        display: none;
    }

    .hero-action-btn a{
        margin-bottom: 15px;
    }

    .custom-indicator .owl-dots{
        left: 35%;
    }

    .hero-slider-section-two .section-shape{
        position: relative;
    }

    .mobile-slider-area{
        margin-top: 0;
        top: -50px;
    }
    .mobile-slider{
        top: 8px;
    }
    .mobile-slider-area img{
        width: 68%;
    }

    /*download section*/
    .download-section{
        margin-top: 0;
    }
    .download-app-text{
        padding: 50px 0;
    }

    .download-btn{
        width: 100%;
        padding: 5px 50px;
    }
}

/* Extra Small Devices, Phones */
@media screen and (max-width: 414px) and (min-width: 376px) {

    /*hero slider*/
    .hero-content h1{
        font-size: 30px;
        line-height: 35px;
    }

    .hero-content-wrap-1{
        height: 400px;
    }

    .slider-bg-content .hero-image{
        display: none;
    }

    .hero-action-btn a{
        margin-bottom: 15px;
    }

    .custom-indicator .owl-dots{
        left: 35%;
    }

    .hero-slider-section-two .section-shape{
        position: relative;
    }

    .mobile-slider-area{
        margin-top: 0;
        top: -50px;
    }
    .mobile-slider{
        top: 10px;
    }
    .mobile-slider-area img{
        width: 68%;
    }

    /*download section*/
    .download-section{
        margin-top: 0;
    }
    .download-app-text{
        padding: 50px 0;
    }
}

@media screen and (max-width: 480px)  {
    div#main {
    height: auto;
}
.hero-content img {
    margin-top: 0px;
}
.delivery-service {
    vertical-align: top;
    position: inherit;
    top: -10px;
}
.mobile-slider-area {
    margin-top: 0;
    top: 0px;
}
.delivery-service img {
    padding-bottom: 20px;
}.hero-content h1 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 34px;
}
.hero-content img {
    width: 60%;
}

.hero-content p {
    font-size: 30px;
    line-height: 40px;
}

.hero-content p span {
    font-size: 40px;
}
.slider-action-btn a img {
    width: 40%;
}


}


@media screen and (max-width: 720px) and (min-width: 480px) {
.hero-content h1 {
    font-size: 35px;
    line-height: 60px;
}
div#main {
    height: auto;
}
.hero-content p span {
    font-size: 60px;
}

.hero-content p {
    font-size: 45px;
    margin-top: 30px;
    line-height: 60px;
}


.slider-action-btn a img {
    width: 25%;
}
.delivery-service {
    vertical-align: bottom;
    position: inherit;
    bottom: 0;
    top: -10px;
}
.delivery-service img {
    width: 70%!important;
    display: table;
    margin: 0 auto;
    padding-bottom: 70px;
}
.mobile-slider-area img {
    width: 62%;
    z-index: 2;
    position: relative;
    display: block;
}

.contact-form {
    margin-bottom: 20px;
}

.contact-form {
    margin-bottom: 20px;
}



}



/* Extra Small Devices, Phones */
@media screen and (max-width: 480px) and (min-width: 415px) {
    /*hero slider*/
    .hero-content h1{
        font-size: 21px;
        line-height: 35px;
    }

.hero-content p {
    font-size:24px;
    line-height:40px;
}
.hero-content {
    vertical-align: top;
}
.hero-content p span {
    font-size: 40px;
}
    .hero-content-wrap-1{
        height: 400px;
    }

    .slider-bg-content .hero-image{
        display: none;
    }

    .hero-action-btn a{
        margin-bottom: 15px;
    }

    .custom-indicator .owl-dots{
        left: 35%;
    }


    .hero-slider-section-two .section-shape{
        position: relative;
    }

    .mobile-slider-area{
        margin-top: 0;
        top: -50px;
    }
    .mobile-slider{
        top: 11px;
    }
    .mobile-slider-area img{
        width: 68%;
    }
    /*download section*/
    .download-section{
        margin-top: 0;
    }
    .download-app-text{
        padding: 50px 0;
    }
    div#main {
    height: auto;
}
.hero-content img {
    margin-top: 0px;
}
.delivery-service {
    vertical-align: top;
    position: inherit;
    top: -10px;
}
.mobile-slider-area {
    margin-top: 0;
    top: 0px;
}
.delivery-service img {
    padding-bottom: 20px;
}
}

/* Extra Small Devices, Phones */
@media screen and (max-width: 568px) and (min-width: 481px) {
    /*hero slider*/
    .hero-content h1{
        font-size: 30px;
        line-height: 35px;
    }

    .hero-content-wrap-1{
        height: 400px;
    }

    .slider-bg-content .hero-image{
        display: none;
    }

    .hero-action-btn a{
        margin-bottom: 15px;
    }

    .custom-indicator .owl-dots{
        left: 35%;
    }


    .hero-slider-section-two .section-shape{
        position: relative;
    }

    .mobile-slider-area{
        margin-top: 0;
        top: -50px;
    }
    .mobile-slider{
        top: 12px;
    }
    .mobile-slider-area img{
        width: 68%;
    }

    /*download section*/
    .download-section{
        margin-top: 0;
    }
    .download-app-text{
        padding: 50px 0;
    }
}

/* Extra Small Devices, Phones */
@media screen and (max-width: 640px) and (min-width: 569px) {
    /*hero slider*/
    .hero-content h1{
        font-size: 35px;
        line-height: 40px;
    }

    .hero-content-wrap-1{
        height: 400px;
    }

    .slider-bg-content .hero-image{
        display: none;
    }

    .hero-action-btn a{
        margin-bottom: 15px;
    }

    .custom-indicator .owl-dots{
        left: 35%;
    }


    .hero-slider-section-two .section-shape{
        position: relative;
    }


    .mobile-slider-area{
        margin-top: 0;
        top: -50px;
    }
    .mobile-slider{
        top: 15px;
    }
    .mobile-slider-area img{
        width: 68%;
    }
    /*download section*/
    .download-section{
        margin-top: 0;
    }
    .download-app-text{
        padding: 50px 0;
    }
}

@media screen and (max-width: 684px) and (min-width: 641px){
    .mobile-slider-area{
        margin-top: 0;
        top: -50px;
    }
    .mobile-slider{
        top: 18px;
    }
    .mobile-slider-area img{
        width: 67%;
        z-index: 2;
        position: relative;
        display: block;
    }
}

/* Small Devices, Tablets */
@media screen and (max-width: 720px) and (min-width: 641px) {
    /*hero slider*/
    .hero-content h1{
        font-size: 35px;
        line-height: 40px;
    }

    .hero-content-wrap-1{
        height: 400px;
    }

    .slider-bg-content .hero-image{
        display: none;
    }

    .hero-action-btn a{
        margin-bottom: 15px;
    }

    .custom-indicator .owl-dots{
        left: 35%;
    }


    .hero-slider-section-two .section-shape{
        position: relative;
    }

    .mobile-slider-area{
        margin-top: 0;
        top: -50px;
    }
    .mobile-slider{
        top: 18px;
    }
    .mobile-slider-area img{
        width: 62%;
        z-index: 2;
        position: relative;
        display: block;
    }


    /*download section*/
    .download-section{
        margin-top: 0;
    }
    .download-app-text{
        padding: 50px 0;
    }
}

/* Small Devices, Tablets */
@media screen and (max-width: 768px) and (min-width: 721px) {
    .mobile-slider::before{
        top: -8px
    }
    .mobile-slider-area{
        margin-top: 0;
        top: -50px;
    }
    .mobile-slider-area img {
        width: 61%;
        z-index: 2;
        position: relative;
    }
    .hero-content img {
    width: 25%;
}
.delivery-service {
    top: -400px;
    right: 0;
}
.delivery-service img {
    width: 80%!important;
     float: right;
}
.hero-content-wrap {
    height: auto;
}
.section-lg {
    padding-top: 02rem;
    padding-bottom: 6rem;
}
.mobile-slider-area {
    margin-top: 100px!important;
}
div#main {
    height: auto!important;
}
.mobile-slider-area img {
    width: 59.1%;
}
.contact-form {
    margin-bottom: 20px;
}
}


/* Medium Devices, Desktops */
@media screen and (max-width: 992px) and (min-width: 769px) {
    .mobile-slider{
        top: 2px;
    }
    .mobile-slider::before{
        top: -8px
    }
    .mobile-slider-area img{
        width: 100%;
        z-index: 2;
        position: relative;
    }
    .hero-content img {
    width: 25%!important;
}

}

/* Large Devices, Wide Screens */
@media screen and (max-width: 1024px) and (min-width: 993px) {
    .mobile-slider{
        top: 2px;
    }
    .mobile-slider::before{
        top: -8px
    }
    .mobile-slider-area img{
        width: 100%;
        z-index: 2;
        position: relative;
    }
    div#main {
    height: auto;
}

}

/* Large Devices, Wide Screens */
@media screen and (max-width: 1080px) and (min-width: 1025px) {
    .mobile-slider{
        top: 2px;
    }
    .mobile-slider::before{
        top: -8px
    }
    .mobile-slider-area img{
        width: 100%;
        z-index: 2;
        position: relative;
    }
}

/* Large Devices, Wide Screens */
@media screen and (max-width: 1152px) and (min-width: 1081px) {
    .mobile-slider{
        top: 2px;
    }
    .mobile-slider::before{
        top: -8px
    }
    .mobile-slider-area img{
        width: 100%;
        z-index: 2;
        position: relative;
    }
}