/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 768px) {
    body{
        overflow-x: hidden!important;
    }
    .top-bar {
        background-color: #fff;
        padding: 20px 15px;
    }
    .for-btn a {
    width: 140px;
    padding: 10px 10px;
    border-radius: 100px;
    border: none;
    text-transform: uppercase;
}
    .social-ul {
        list-style-type: none;
        display: none;
        justify-content: center;
        padding: 0;
    }
    .nav-row {
        background-color: #0D5BA4;
        padding: 0px 15px;
    }
    .sli-section {
        padding: 40px 0px 158px 0;
    }
    .profit-sec h2 {
        font-size: 38px;
        font-weight: 700;
        margin: 0 0 50px 0;
        color: #000;
    }
    .testi-section h2 {
        font-size: 39px;
    }
    .faq-sec h2 {
        font-size: 35px;
    }
    .faq-sec button {
        font-size: 19px;
    }
    .counter-sec h2 {
        font-size: 37px;
    }
    .get-app-sec h2 {
        font-size: 36px;
    }
    .for-main-padding {
        padding: 0 15px;
    }
    footer {
        padding: 100px 15px;
    }
    .testi-section {
        background: #0D5BA4;
        padding: 80px 15px;
        position: relative;
    }
    .top-headding {
        font-size: 42px;
        font-weight: 700;
        color: #fff;
    }
    .bsb-fact-5-pro {
        padding: 0 0;
    }
    .icon-box .card {
        width: 100%;
        height: 192px;
        margin: 0 0 24px 0;
    }
    .navbar-toggler {
        background-color: #ef9800;
    }
    .offcanvas-ul li {
        padding: 10px;
        border-bottom: 1px solid #cfcfcf;
    }

    .offcanvas-ul li a {
        font-size: 22px;
    }
    .p-icon-img {
        width: 80px!important;
    }
    .profit-img{
        width: 50px!important;
      }
      .profit-sec .card h5 {
        font-size: 26px;
        margin: 17px 0 0 0;
    }
    .profit-sec .card {
        padding: 28px 25px;
        height: 336px;
    }

}
@media only screen and (min-width:769px) and (max-width:1600px){
    .top-bar {
        background-color: #fff;
        padding: 20px 15px;
    }
    .for-btn a {
        width: 152px;
        padding: 10px 10px;
        border-radius: 100px;
        border: none;
        text-transform: uppercase;
    }
    .social-ul {
        list-style-type: none;
        display: flex;
        justify-content: center;
        padding: 0;
    }
    .nav-row {
        background-color: #0D5BA4;
        padding: 0px 15px;
    }
    .sli-section {
        padding: 40px 0px 158px 0;
    }
    .for-main-padding {
        padding: 0 15px;
    }
    footer {
        padding: 100px 15px;
    }
    .testi-section {
        background: #0D5BA4;
        padding: 80px 15px;
        position: relative;
    }
    .top-headding {
        font-size: 42px;
        font-weight: 700;
        color: #fff;
    }
    .bsb-fact-5-pro {
        padding: 0 0;
    }
    .icon-box .card {
        padding: 28px 0px;
        width: 233px;

    }
    .p-icon-img {
        width: 80px!important;
    }
    .profit-img{
        width: 50px!important;
      }
      .faq-sec button {
        font-size: 19px;
    }
}