/*Small Laptop Screen*/
/* mobile responsive css */
@media only screen and (max-width: 1400px) {
    
    .header .navbar-brand img{
        height: 75px;
    }
}

/* mobile responsive css */
@media only screen and (max-width: 767px) {
    .top-sec h1 {
        padding: 4% 0 0 0;
        font-size: 25px;
    }

    .top-sec h4 {
        font-size: 20px;
        margin: -5px 0 5px 0;
    }

    .top-sec p {
        font-size: 15px;
        padding: 2% 5% 1%;
    }

    .header .navbar-brand img {
        width: 110%;
        height: 40px;
        border-radius: 5px;
    }

    .header .navbar-toggler {
        border-color: #fff;
    }
    .header .navbar .collapse p img {
        width: 12%;
    margin: 0px 0px 0 0;
    }

    .header .navbar-toggler-icon {
        background-image: url(https://goa.besthr.in/public/assets_front/icon/hamburger.png);
    }

    .header .navbar-nav .nav-item a {
        padding: 3% 2% 3% 3%;
        border-radius: 5px;
        font-size: 14px;
    }

    .banner .banner-sec .banner-bxx img {
        height: 200px;
    }

    .header .login {
        font-size: 12px;
        padding: 8px 15px 10px;
    }

    .main-body .accordion-item .accordion-body {
        font-size: 14px;
    }
    
    .main-body .row{
        display: flex;
    flex-direction: column-reverse;
    }

    .main-body .accordion-item .accordion-body h4 {
        font-size: 16px;
    }
    .main-body .faq-box{
        padding: 5% 0;
    }
    .form-container .toggle-buttons{
       grid-template-columns: 100%;
    }
    
    .form-container form .form-otp{
        width: 70%;
    }
    .main-body form .input-group-text{
        width: 30%;
    }
    
    .form-container .toggle-buttons  .btns{
            display: grid;
            grid-template-columns: 40% 58%;
            gap: 5px;
    }
    .form-container .toggle-buttons .btns button{
    margin: 0 0 10px 0;
    padding: 4% 3% 6%;
     }
    /*slick slider css*/
    .banner .banner-sec .slick-dots {
        bottom: 10px;
    }
    .alert-box{
        left: 10%;
    }
        .main-body .faq-box {
        padding: 10% 0 5%;
    }
     .form-bx-con .btn-common {
        padding: 2% 2% 2.5%;
        width: 47%;
        margin: 0 2% 5% 0;
        font-size: 14px;
    }

    .main-body h1 {
        font-size: 25px;
    }

    /* application details page */
    .main-application-body {
        position: relative;
        padding: 5%;
    }

    .short-banner h3 {
        font-size: 16px;
    }

    .box-appliation label {
        font-size: 14px;
    }

    .box-appliation strong {
        font-size: 14px;
    }

    .box-appliation ol li {
        font-size: 14px;
    }

    .box-appliation a {
        font-size: 14px;
    }

    .main-application-body .form-bx-con {}


    .contact-table {
        overflow-x: scroll;
    }
    

    .welcom-div {
        margin: 5px 0 0 0;
        padding: 15px 0 15px 0;
        border-top: 1.5px solid #fff;
    }

    .application-form .formbox .form-check p {
        font-size: 12px;
        line-height: 15px;
    }

    .application-form .formbox label {
        font-size: 14px;
    }

    .application-form .formbox .proof-sec .form-check {
        padding: 0 0 0 8%;
        margin: 0 0 0 0;
    }

    .application-form .formbox .proof-sec .form-check .form-check-label {
        padding: 0 0 0 0;
        margin: -5px 0 5px 0;
    }

    .application-form .formbox .proof-sec p {
        text-align: center;
    }

    .application-form .formbox .proof-sec .instruct-s {
        text-align: left;
    }

    .self-box h4 {
        text-align: center;
        font-weight: 600;
        letter-spacing: 1px;
        font-size: 18px;
    }

    .self-box ol li {
        font-size: 14px;
        letter-spacing: 1px;
        padding: 0 0 5% 0;
    }

    .application-form .agree-bx .form-check-label {
        margin: -10px 0 0 0;
        padding: 0 0 0 0;
        font-size: 18px;
    }

    .application-form .formbox .form-control {
        font-size: 12px;
    }

    .application-form .agree-bx .form-check-input {
        padding: 3.5%;
        margin: 0 15px 0 10px;
    }

    .application-form .formbox .row-sec .form-select {
        font-size: 12px;
    }

    .application-form .formbox .row-sec .form-control {
        font-size: 12px;
    }

    .application-form .formbox .proof-sec .form-select {
        font-size: 12px;
    }

    .application-form .formbox .proof-sec .form-control {
        font-size: 12px;
    }













    .footer .box-container {
        grid-template-columns: 100%;
        text-align: center;
    }

    .footer .box-container .right-box {
        text-align: center;
    }
}