/**
 * @Author: MD. ARIF AHMED
 * @Date:   2019-10-18T10:37:53+06:00
 * @Email:  mdarifahmed01@gmail.com
 * @Filename: media.css
 * @Last modified by:   MD. ARIF AHMED
 * @Last modified time: 2019-10-21T11:10:10+06:00
 */

@media (max-width:767px) {
    .header .container .top-header .btn-sm{
        display: none;
    }
    .contact-header .container .top-header .btn-sm{
        display: none;
    }
    .about-header .container .top-header .btn-sm{
        display: none;
    }
    .howitworks-header .container .top-header .btn-sm{
        display: none;
    }
    .secondary-header .container .top-header .btn-sm{
        display: none;
    }
}
@media (max-width:767px) {
    .banner h2{
        font-size: 36px;
        font-weight: 600;
    }
    .banner h3{
        padding-top: 20px;
        font-size: 24px;
    }
    .banner h4{
        padding-top: 20px;
        font-size: 30px;
    }
}
@media (max-width:400px) {
    .banner h2{
        font-size: 30px;
        font-weight: 600;
    }
    .banner h3{
        padding-top: 20px;
        font-size: 20px;
    }
    .banner h4{
        padding-top: 20px;
        font-size: 24px;
    }
}

@media (max-width:767px) {
    .banner{
        padding:50px 0;
    }
    .header{
        padding-bottom: 75px;
    }
    .banner .form-inline select {
        height: 45px;
        width: 180px;
        border-radius: 1px;
        padding-left: 35px;
        border: 2px solid #ffffff;
        color: #ffffff;
        font-size: 16px;
        font-weight: 600;
    }
    .banner .form-inline select option{
        border: 2px solid #ffffff;
        color: #000000;
    }

    .banner .form-inline .btn{
        border-radius: 0px;
        font-weight: 600;
    }
}
@media (max-width:420px) {
    .banner{
        padding:50px 0;
    }
    .header{
        padding-bottom: 50px;
    }
    .banner .form-inline select {
        height: 48px;
        width: 250px;
        border-radius: 1px;
        padding-left: 45px;
        border: 2px solid #ffffff;
        color: #ffffff;
        font-size: 16px;
        font-weight: 600;
    }
    .banner .form-inline select option{
        border: 2px solid #ffffff;
        color: #000000;
    }

    .banner .form-inline .btn{
        border-radius: 0px;
        font-weight: 600;
    }
}

@media (max-width:575px) {
    .service .row .col-lg-3 {
        margin-left: 30px;
    }
}


@media (max-width:465px) {
    .meet .container .col-md-8 h2{
        font-size: 30px;
        padding-top: 75px;
        padding-bottom: 25px;
    }
}
@media (max-width:991px) {
    .how .container h2{
        font-size: 44px;
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media (max-width:767px) {
    .how .container h2{
        font-size: 40px;
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
@media (max-width:575px) {
    .how .container h2{
        font-size: 32px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (max-width:991px) {
    .callinfo{
        padding: 44px 0px;
    }
    .callinfo .container .col-md-12 .col-xl-6 h3{
    font-size: 22px;
    }
    .callinfo .container .col-md-12 .row .col-xl-2 a{
        padding: 8px 22px;
    }
    .callinfo .container .col-md-12 .row .col-xl-2 a i{
        padding-left: 5px
    }
}
@media (max-width:767px) {
    .callinfo{
        padding: 44px 0px;
    }
    .callinfo .container .col-md-12 .col-xl-6 h3{
    font-size: 20px;
    }
    .callinfo .container .col-md-12 .row .col-xl-2 a{
        padding: 8px 6px;
        font-size: 14px;
    }
    .callinfo .container .col-md-12 .row .col-xl-2 a i{
        padding-left: 5px
    }
}
@media (max-width:767px) {
    .callinfo{
        padding: 44px 0px;
    }
    .callinfo .container .col-md-12 .col-xl-6 h3{
    font-size: 18px;
    }
    .callinfo .container .col-md-12 .row .col-xl-2 a{
        padding: 8px 12px;
        font-size: 12px;
    }
}
@media (max-width:411px) {
    .callinfo .container .col-md-12 .col-xl-6 h3{
    font-size: 17px;
    }
    .callinfo .container .col-md-12 .row .col-xl-2 a{
        padding: 8px 13px;
        font-size: 13px;
    }
}
@media (max-width:378px) {
    .callinfo .container .col-md-12 .col-xl-6 h3{
    font-size: 16px;
    }
    .callinfo .container .col-md-12 .row .col-xl-2 a{
        padding: 8px 10px;
        font-size: 12px;
    }
}

@media (max-width:991px) {
    .whymama{
        padding: 60px 0px;
    }

    .whymama h2{
        font-size: 46px;
        padding-bottom: 48px;
    }

    .whymama .row .col-md-4 .row .col-md-4 i{
        padding: 17px;
    }
    .whymama .row .col-md-4 .row .col-md-8 h4{
        margin-bottom: 22px;
        font-size: 18px;
        font-weight: 700;
    }
    .whymama .row .col-md-4 .row .col-md-8 p{
        font-size: 15px;
    }
}
@media (max-width:575px) {
    .whymama{
        padding: 40px 0px;
    }

    .whymama h2{
        font-size: 36px;
        padding-bottom: 36px;
    }

    .whymama .row .col-md-4 .row{
        padding-left: 30px;
    }
    .whymama .row .col-md-4 .row .col-md-4{
        margin-bottom: 10px;
    }
    .whymama .row .col-md-4 .row .col-md-4 i{
        padding: 17px;
    }
    .whymama .row .col-md-4 .row .col-md-8 h4{
        margin-bottom: 22px;
        font-size: 18px;
        font-weight: 700;
    }
    .whymama .row .col-md-4 .row .col-md-8 p{
        font-size: 15px;
    }
}


@media (max-width:991px) {
    .client{
        padding: 80px 0px;
    }

    .client h2{
        font-size: 46px;
        padding-bottom: 45px;
    }
}
@media (max-width:767px) {
    .client{
        padding: 50px 0px;
    }

    .client h2{
        font-size: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width:500px) {
    .client{
        padding: 45px 0px;
    }

    .client h2{
        font-size: 36px;
        padding-bottom: 35px;
    }
}
@media (max-width:420px) {
    .client{
        padding: 40px 0px;
    }

    .client h2{
        font-size: 30px;
        padding-bottom: 30px;
    }
}


@media (max-width:767px) {
    .footer{
        padding: 40px 0px 25px;
    }

    .footer .container .row .col-md-4 .col-md-3 i{
        padding-right: 10px;
        font-size: 20px;
    }

    .footer .container .row .col-md-4 .col-md-9 h6{
        font-size: 12px;
        line-height: 11px;
    }
}
@media (max-width:575px) {
    .footer{
        padding: 30px 0px 15px;
    }

    .footer .container .row .col-md-4 .col-md-3 i{
        padding-right: 18px;
        font-size: 30px;
    }

    .footer .container .row .col-md-4 .col-md-9 h6{
        font-size: 14px;
        line-height: 12px;
    }
}
@media (max-width:500px) {
    .footer{
        padding: 30px 0px 15px;
    }

    .footer .container .row .col-md-4 .col-md-3 i{
        padding-right: 16px;
        font-size: 28px;
    }

    .footer .container .row .col-md-4 .col-md-9 h6{
        font-size: 14px;
        line-height: 12px;
    }
}

@media (max-width:420px) {
    .copyright .container-fluid h6{
        font-size: 14px;
    }
}
@media (max-width:350px) {
    .copyright .container-fluid h6{
        font-size: 12px;
    }
}


/* about page */

@media (max-width:991px) {
    .story{
        padding: 50px 0px;
    }
    .story h2{
        font-size: 42px;
    }
@media (max-width:575px) {
    .story{
        padding: 40px 0px;
    }
    .story h2{
        font-size: 36px;
    }
    .story p{
        font-size: 14px;
    }
}


@media (max-width:991px) {
    .team{
        padding: 60px 0px;
    }
    .team h2{
        font-size: 42px;
    }
    .team .row .col-lg-3 .card .card-body ul li{
        float: left;
        margin-right: 12px;
    }
    .team .row .col-lg-3 .card .card-body ul li:first-child{
        margin-left: 30px;
    }
}
@media (max-width:767px) {
    .team{
        padding: 40px 0px;
    }
    .team h2{
        font-size: 36px;
    }
    .team .row .col-lg-3 .card .card-body ul li{
        float: left;
        margin-right: 12px;
    }
    .team .row .col-lg-3 .card .card-body ul li:first-child{
        margin-left: 30px;
    }
}


/* contact page */
@media (max-width:767px) {
    .email{
        padding: 50px 0px;
    }

    .email h2{
        font-size: 40px;
    }

}


/* how it works */
@media (max-width:991px) {
    .payment{
        padding: 50px 0px;
    }
    .payment h2{
        font-size: 42px;
        padding-bottom: 40px;
    }
    .payment p{
        font-size: 16px;
        line-height: 25px;
    }
}
@media (max-width:575px) {
    .payment{
        padding: 30px 0px;
    }
    .payment h2{
        font-size: 32px;
        padding-bottom: 30px;
    }
    .payment p{
        font-size: 15px;
        line-height: 22px;
    }
}


@media (max-width:991px) {
    .service-details{
        padding: 40px 0px;
    }

    .service-details .container .row .col-md-8 h2{
        font-size: 36px;
    }
    .service-details .container .row .col-md-8 p{
        padding: 30px 0px;
        font-size: 16px;
    }
    .service-details .container .row .col-md-8 h4{
        padding-bottom: 15px;
        font-size: 30px;
        font-weight: 700px;
    }
    .service-details .container .row .col-md-8 ul li {
        line-height: 40px;
        font-size: 15px;

    }
    .service-details .container .row .col-md-8 ul li:hover {
        color:#007BFF;
    }
    .service-details .container .row .col-md-8 ul li i{
        font-size: 15px;
        padding: 5px;
        margin-right: 15px;
        color: #007BFF;
        border: 1px solid #007BFF;
    }

    .service-details .container .row .col-md-4 .card .card-header{
        font-size: 30px;
    }
    .service-details .container .row .col-md-4 .card .card-body form button{
        font-size: 28px;
        padding: 5px 65px;
    }
}

@media (max-width:575px) {
    .service-details .container .row .col-md-4{
        margin-left: 30px;
    }
}