/* Smartphones (portrait and landscape) ----------- */

@media (min-width: 320px) and (max-width: 480px) {
    body {
        overflow-x: hidden;
    }
    .navbar.lrn_frd_nav .navbar-toggler {
        background: #fc5047;
    }
    .lrn_frd_nav .navbar-nav .nav-link:before {
        display: none;
    }
    nav.navbar.navbar-expand-lg.navbar-dark.lrn_frd_nav {
        padding: 15px;
    }
    div#navbar1 {
        background: #fc50470d;
    }
    .banner_text {
        padding: 2% 0 0;
    }
    .banner_text h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .join_input input {
        width: 165px;
    }
    button.botton_1 {
        padding: 5px;
    }
    form.join_input {
        padding: 12px 0px 0px;
        margin: 20px 0px 20px 0;
    }
    .banner_text .store_btn {
        width: 330px;
        margin: 0 auto;
    }
    .home_banner {
        height: auto;
    }
    .hding {
        margin: 3rem auto;
    }
    .hding h1 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .hding::after {
        margin: 6px 41%;
    }
    .advantage_cart {
        margin-bottom: 30px;
    }
    .advantage_cart .cart_img {
        margin: 0;
    }
    .sect_btn {
        margin: 10px;
    }
    .avg_sect {
        margin-top: 3rem;
    }
    .enhance_img,
    .seccond_img2 {
        position: static;
    }
    .spacing_section {
        padding: 4rem 0 0;
    }
    .second_2 {
        padding: 10px 10px 10px 10px;
        background: #fff;
        margin: 20px 0px;
    }
    .enhance_sect {
        border-right: 6px solid #87058c;
    }
    .explore_btn::before {
        left: 42%;
        top: 87%;
    }
    .explore_btn::after {
        left: 30%;
        top: 89%;
    }
    .exp_2::after {
        left: 30%;
        top: 88%;
    }
    .exp_2::before {
        left: 42%;
        top: 86.5%;
    }
    .stu_parnt_exp {
        margin-top: 36px;
    }
    .boy_in_card {
        right: -66px;
        bottom: -32px;
    }
    .l_book h1 {
        font-size: 25px;
    }
    .counselling_img {
        display: none;
    }
    .footer_app_stor {
        margin: 0% auto;
    }
    ul.bottom_footer {
        margin: 2rem auto 0;
    }
    .nav.nav_style .nav-link {
        font-size: 13px;
    }
    .nav.nav_style .nav-item {
        width: calc(95%/3);
    }
    .join_btn_home .lets-start-btn {
        width: 50%;
    }
    .join_btn_home .lets-start-btn i {
        right: -69px;
    }
    .life-at {
        width: auto;
    }
    .meet_our_team ul {
        padding-left: 0;
    }
    .meet_our_team ul li {
        padding: 10px 2.5rem;
    }
    .team_card {
        padding: 2rem 1rem;
    }
    .team_card h4 {
        margin: 0.3rem 0;
    }
    p.user_post {
        margin: 1.5rem 0 0;
    }
    .learn_material .enhance_img {
        margin: 5%;
    }
    .learn_inner {
        display: none;
    }
    .mobile_view {
        display: block;
    }
    .mobile_view ul{
        list-style-type: none;
        padding: 0;
    }
    .mobile_view .learn-item .learn-item-img {
        width: 100px;
    }
    .mobile_view .learn-item {
        margin-bottom: 2rem;
    }
    .mobile_view h4, .mobile_view  h5 {
        font-size: 18px;
    }
    .get_advantages {
        background: none;
    }
    .intl-tel-input input,
     .intl-tel-input input[type=text],
      .intl-tel-input input[type=tel],
      #signup_lf .phone_no_text #phone121 {
        width: 275px;
    }
    .inp_wdth {
        width: 235px !important;
    }
    label.profile-camera { 
        left: 50%;
        top: 10%;
    }
    a.edit_pro_name {
        top: -182px;
        right: 0%;
    }
    .dropbtn {
        margin-left: -0.5rem;
    }

    .navbar-brand{padding-top: 0px!important;}

    .navbar-brand.logo_link img {
        height: auto!important;
        width: 60px!important;
    }
    
    
    form.join_input {
        display: flex;
        flex-direction: row;
        padding: 0px 0px;
        margin: 10px 0% 10px 0;
        box-shadow: 0px 5px 10px #ccc;
        background: #fff;
        border-radius: 0px;
        width: 238px;
    }


    .join_input_new .select_1 {
        height: 40px;
        width: 45px;
        border: none!important;
        background-color: transparent;
        z-index: 1;
        display: inline-block;
        font-size: 12px;
    }

    .join_input_new input {
        flex-grow: 1;
        border: none;
        height: 40px;

        width: 181px;
    font-size: 14px;
    line-height: 40px;
    }

    .join_input_new button.botton_1, .button_1 {
        background: #87058c;
        color: #fff;
        border: 1px solid #87058c;
        padding: 2px 57px 0px;
        border-radius: 0px;
        font-weight: 600;
        display: block;
        margin-top: 15px;
    }


    .home_banner.home_banner {
        background-image: url('https://demo.learnforward.in//web_assets/learn-forward/img/banner.png');
        text-align: center;
        background-size: 139%!important;
        margin-bottom: 0px!important;
    }

    .join_input_new .form-group{margin-bottom: 0px!important;}

    .enhance_sect h2{font-size: 20px!important;}

    .online-flip-top-head:before {
        content: '';
        position: absolute;
        border: 2px solid #fc5047;
        border-right: 0;
        border-top: 0;
        height: 22px;
        width: 22px;
        top: 0;
        left: -2%;
    }


    .online-flip-top-head {
        color: #87058d;
        font-weight: 600;
        position: relative;
        margin: 0px 0rem 1.5rem 1rem;
        font-size: 15px;
    }

    .about_banner .banner_text h1 {
        font-size: 22px;
    }


}


/* iPads (portrait and landscape) ----------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {}