@media (min-width: 320px) and (max-width: 767px) {

    .hero-section h1{font-size: 2.0rem;}

    .hero-section p{font-size: 12px;}

    .btn.btn-outline-white{border: 2px solid #2c5239;

        background: #f3df93;

        color: #2c5239;

        font-weight: 700;

        font-size: 13px;}

    .d-mob{display: inline-flex!important;    margin-bottom: 15px;}

    .btn {

        padding: 8px 15px !important;}

        .hero-section, .hero-section>.container>.row{

            height: 95vh;

             min-height: 679px;

        }

    .hero-section .iphone-wrap .phone-2, .hero-section .iphone-wrap .phone-1{left: 3%;}

    .hero-section .iphone-wrap .phone-2, .hero-section .iphone-wrap .phone-1{width: 145px;}

    .hero-section .iphone-wrap .phone-2 {

        width: 145px;

        position: absolute;

        margin-top: -10px;

        margin-left: 184px;

    }

    .hero-section h1{

        margin-top: 0px;

        margin-bottom: 15px;

    }

    .mb-mobile{margin-bottom: 25px!important;}

    .mb-sm-mobile{margin-bottom: 15px!important;}

    .section-heading{font-size: 2rem;}

    .section{padding: 3.0rem 0;} 

    .make-money p{font-size: 15px;}

    .step{height:150px; padding: 31px 26px 15px 65px;}

    .make-money .services{justify-content: center;}

    .make-money .services h4{font-size: 1rem;}

    .make-money .services p{font-size: 0.8rem;}

    .make-money .services img{max-width: 60px;}

    .make-money .services .icon-wrap{height: 60px;

        margin-bottom: 5px;}

    .text-l {  font-size: 16px;line-height: 1.5rem;}

    .review h3 { font-size: 18px;  }

            .review p {

                line-height: 1.6;

                font-style: italic;

                font-size: 14px;}

                .mobile-mb{margin-bottom: 20px;}

                .footer a{font-size: 13px;}

}

@media (min-width: 768px) and (max-width: 991px) {

    .section-heading {font-size: 3rem;}

    .hero-section p {font-size: 16px;}

    .hero-section, .hero-section>.container>.row{height: 80vh;}

}

@media (min-width: 992px) and (max-width: 1199px) 

{

    .section-heading {font-size: 3rem;}

    .hero-section p {font-size: 16px;}

}



@media (min-width: 1024px){

    .hero-section h1 {font-size: 4.5rem;}

}



@media (min-width: 1200px){}

@media (min-width: 1600px){

    .hero-section h1 {font-size: 5.5rem;}

}