@media only screen and (max-width: 320px) {

    .sec_1_bg {
        clear: both;
        padding-top: 25%;
    }

    .sec_1_hding, .sec_1_hding2 {
        font-size: 15px !important;
    }

    .sec_1_hds {
        padding-top: 30% !important;
        padding-left: 5%;
    }

    .sec_1_para {
        font-size: 12px !important;
    }

    .sec_1_reg_sym {
        font-size: 11px;
    }

    .sec_1_btns ul {
        padding: 8% 0% 15% 5% !important;
    }

    .sec_1_sm {
        background: #9bd042;
        padding: 10px 10px 10px 10px !important;
    }

    .sec_1_km {
        background: #0cb7a7;
        padding: 10px 15px 10px 10px !important;
    }

    /*section 2 css start from here*/

    .sec_2_sm {
        background: #0cb7a7;
        padding: 15px 15px 15px 15px;
    }

    .sec_2_hding {
        font-size: 22px !important;
        font-weight: 800;
    }

    .sec_2_lock_imgs_div {
        margin: 10% 0 10% 0;
    }

    .sec_2_locks {
        padding: 5%;
    }

    .intial_risk_img {
        padding: 0 0 2% 7%;
    }

    .sec_2_figcap {
        position: absolute;
        top: 70%;
        left: 25%;
    }
    /*section 2 css ends from here*/

    .sec_3_header {
        font-size: 25px !important;
    }

    .sec_4_hding {
        font-size: 22px;
    }

    .nav_pills_dots {
        font-size: 10px;
    }

    .sec_4_gold {
        padding: 2%;
    }

    footer h4 {
        padding-left: 15%;
        padding-bottom: 3%;
    }

    /*AboutUs page css start from here*/
    .sec_about_us {
        clear: both;
        padding-top: 25%;
    }
    /*AboutUs page css ends from here*/

}

@media screen and (max-width: 375px) and (min-width: 321px) {
    .sec_1_bg {
        clear: both;
        padding-top: 25%;
    }

    .sec_1_hding, .sec_1_hding2 {
        font-size: 17px !important;
    }

    .sec_1_para {
        font-size: 13px !important;
        text-align: justify;
        color: #fff;
        padding-left: 5%;
    }

    .sec_1_reg_sym {
        font-size: 8px !important;
    }

    .sec_1_btns ul {
        list-style: none;
        display: inline-block;
        padding: 8% 0% 15% 5% !important;
    }

    .sec_1_sm {
        background: #9bd042;
        padding: 15px 20px 15px 20px !important;
    }

    .sec_1_km {
        background: #0cb7a7;
        padding: 15px 30px 15px 30px !important;
    }

    .sec_1_hds {
        padding-top: 25% !important;
        padding-left: 5%;
    }

    .sec_2_lock_imgs_div {
        margin: 10% 0 10% 0;
    }

    .sec_2_locks {
        padding: 5%;
    }

    .intial_risk_img {
        padding: 0 0 2% 12%;
    }

    .sec_2_figcap {
        position: absolute;
        top: 70%;
        left: 28%;
    }

    .sec_3_header {
        font-size: 25px !important;
    }

    .nav_pills_dots {
        font-size: 10px;
    }

    .sec_4_hding {
        font-size: 24px;
    }

    .sec_4_gold {
        padding: 2%;
    }

    footer h4 {
        padding-left: 12%;
        padding-bottom: 2%;
    }
    /*AboutUs page css start from here*/
    .sec_about_us {
        clear: both;
        padding-top: 22%;
    }
    /*AboutUs page css ends from here*/
}

@media screen and (max-width: 415px) and (min-width: 376px) {
    .sec_1_bg {
        clear: both;
        padding-top: 25%;
    }

    .sec_1_hding, .sec_1_hding2 {
        font-size: 20px !important;
    }

    .sec_1_para {
        font-size: 12px !important;
        text-align: justify;
        color: #fff;
        padding-left: 5%;
    }

    .sec_1_reg_sym {
        font-size: 10px !important;
    }

    .sec_1_btns ul {
        list-style: none;
        display: inline-block;
        padding: 8% 0% 15% 5% !important;
    }

    .sec_1_sm {
        background: #9bd042;
        padding: 15px 20px 15px 20px !important;
    }

    .sec_1_km {
        background: #0cb7a7;
        padding: 15px 40px 15px 40px !important;
    }

    .sec_2_lock_imgs_div {
        margin: 10% 0 10% 0;
    }

    .sec_2_locks {
        padding: 5%;
    }

    .intial_risk_img {
        padding: 0 0 2% 12%;
    }

    .sec_2_figcap {
        position: absolute;
        top: 70%;
        left: 28%;
    }

    .sec_3_header {
        font-size: 25px !important;
    }

    .nav_pills_dots {
        font-size: 10px;
    }

    .sec_4_hding {
        font-size: 30px;
    }

    .sec_4_gold {
        padding: 2%;
    }

    footer h4 {
        padding-left: 11%;
        padding-bottom: 2%;
    }
}

@media screen and (max-width: 425px) and (min-width: 416px) {
    .sec_1_bg {
        clear: both;
        padding-top: 25%;
    }

    .sec_1_hding, .sec_1_hding2 {
        font-size: 20px !important;
    }

    .sec_1_para {
        font-size: 15px !important;
    }

    .sec_1_reg_sym {
        font-size: 11px !important;
    }

    .sec_1_btns ul {
        padding: 8% 0% 15% 5% !important;
    }

    .sec_1_sm {
        background: #9bd042;
        padding: 15px 20px 15px 20px !important;
    }

    .sec_1_km {
        background: #0cb7a7;
        padding: 15px 52px 15px 52px !important;
    }

    .sec_2_lock_imgs_div {
        margin: 10% 0 10% 0;
    }

    .sec_2_locks {
        padding: 5%;
    }

    .intial_risk_img {
        padding: 0 0 2% 15%;
    }

    .sec_2_figcap {
        position: absolute;
        top: 70%;
        left: 30%;
    }

    .sec_3_header {
        font-size: 25px;
    }

    .nav_pills_dots {
        font-size: 10px;
    }

    .sec_4_hding {
        font-size: 30px;
    }

    .sec_4_gold {
        padding: 2%;
    }

    footer h4 {
        padding-left: 11%;
        padding-bottom: 2%;
    }

    /*AboutUs page css start from here*/
    .sec_about_us {
        clear: both;
        padding-top: 18.5%;
    }
    /*AboutUs page css ends from here*/

}


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

    .navbar-default .navbar-nav > li > a {
        font-size: 12px !important;
    }

    .home_login_li {
        padding-top: 3%;
    }

    .home_login_btn {
        background: #0cb7a7;
        border: none;
        color: #f9f9f9 !important;
        font-size: 15px !important;
        padding: 10px 15px 10px 16px !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: 2%;
    }
    .navbar-nav {
    float: left;
    margin: 7px 0 0 0;
}
    .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
    .sec_1_hding, .sec_1_hding2 {
        font-size: 32px;
        font-weight: 500;
        font-family: Voces-Regular;
        text-align: justify;
        color: #fff;
    }

    .sec_1_para {
        font-size: 20px;
        text-align: justify;
        color: #fff;
        padding-left: 5%;
    }

    .sec_1_btns ul {
        list-style: none;
        display: inline-block;
        padding-left: 5%;
        padding: 5% 0% 15% 5%;
    }

    .sec_1_sm {
        background: #9bd042;
        padding: 20px 45px 20px 45px;
    }

    .sec_1_km {
        background: #0cb7a7;
        padding: 20px 65px 20px 65px;
    }

    .sec_2_locks {
        padding: 5%;
    }

    .intial_risk_img {
        padding: 0 0 2% 15%;
    }

    .sec_2_figcap {
        position: absolute;
        top: 70%;
        left: 30%;
    }
    /*section 3 plans rates css*/

    .plan_disc_2 {
        padding: 3% 0 22.5% 0;
        font-size: 11px;
    }

    .plan_disc {
        padding: 3% 0 55% 0;
        font-size: 11px;
    }

    .plan_disc_3 {
        padding: 3% 0 10% 0;
        font-size: 11px;
    }

    .div_primary_shding {
        font-size: 30px;
    }

    .div_primary_spara {
        margin: -10px 0 0 0;
        font-size: 13px;
    }

    .text-right {
        text-align: left !important;
    }

    footer h4 {
        padding-left: 6%;
        padding-bottom: 0%;
    }

    .footer_btn {
        padding: 2% 6% 2% 6% !important;
        background: #455c6a;
        border-radius: 4px;
    }
    /*AboutUs page css start from here*/
    .sec_about_us {
        clear: both;
        padding-top: 10%;
    }
    /*AboutUs page css ends from here*/
}

@media screen and (max-width: 1024px) {

    .simp_contact {
        font-size: 15px;
        text-transform: uppercase;
        color: black !important;
        font-weight: 500;
        padding-top: 1.5% !important;
    }

    .simp_login {
        padding-left: 2% !important;
    }
}
@media screen and (max-width: 1920px) and (min-width: 1500px) {
    .modal {
        position: fixed;
        top: 40%;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }
}