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

    body {
        padding: 0;
        margin: 0px;
        font-family: Montserrat;
        background:#ffffff;
    }

    header {
        background: white;
        width: auto;
        overflow: hidden;
        position: sticky;
        display: block;
        padding: 3px;
        top: 0;
        z-index: 22;
        height: 82px;
        box-shadow: 0px 0px 10px 0px #00000026;
    }


    .mobile_home {
        display: block;
        position: absolute;
        top: 6px;
        right: 14px;
        padding: 10px;
        font-size: 40px;
        font-weight: 800;
        color: black;

    }

    header .head_txt {
        position: relative;
        right: auto;
        width: auto;
        color: black;
    }

    .add_height {
        height: 185px !important;
        transition: 0.3s;
    }

    header .logo h3 {
        margin: 2px -9px;
        font-size: 28px;
        font-weight: bold;
    }

    header .logo img {
        width: 200px;
        margin-top: 12px;
        height: 65px;
    }

    header .head_txt h3 {
        margin: 0px;
        font-weight: 500;
        padding: 28.5px;
        cursor: pointer;
        color: #3683ff;
        font-size: 15px;
        letter-spacing: -0.4px;
    }

    header .head_txt h3:hover {
        transition: 0.3s;
        color: black;
    }

    .login {
        background: white;
        height: auto;
        margin: 3% 5px;
        box-shadow: 0px 0px 10px 0px #00000024;
        border-radius: 0px;
        padding: 34px 24px;
        width: auto;
    }

    .login form input {
        width: 100%;
        border: 2px solid black;
        padding: 12px 30px;
        margin: 5px;
        font-size: 15px;
        border-radius: 25px;
        background: #fbfff4;
        outline: none;
    }
    .login form input::placeholder{
        font-size: 15px
    }
    input::placeholder {
        font-size: 15px
    }

    .login form a {
        font-size: 11px;
        margin: 9px;
        font-weight: 500;
        color: #ff2910;
        padding: 5px;
        border-radius: 10px;
    }
    .main3 h1 {
        font-weight: 400;
        margin: 13px 0px 33px;
        font-size: 16px;
        text-align: center;
    }

    .main3 form .input_box {
        width: 100%;
        height: auto;
        border-radius: 4px;
    }

    .main3 form .input_box p {
        font-size: 15px;
        text-align: center;
        left: 0px;
        color: #ff110e;
    }
    .main3 form .input_box input, .main3 form .input_box textarea, .main3 form .input_box select {
        width: 80%;
        height: auto;
        border: 2px solid #3683ff;
        outline: none;
        font-family: Philosopher;
        font-size: 20px;
    }

    input::placeholder {
        font-size: 18px
    }

    .container {
        background: white;
        margin: 0px;
        padding: 0px;
        box-shadow: 0px 0px 10px 0px #0000001f;
        overflow-x: auto;
    }

    .card_row {
        background: #015fb1;
        margin: 0px;
        padding: 0px;
        display: flex;
        box-shadow: 0px 0px 10px 0px #0000001f;
        width: 600px;
        color: white;
        font-weight: 600;
    }

    .card_row2 {
        display: flex;
        width: 600px;
    }

    .divider {
        background: transparent;
        width: 250px;
        padding: 10px;
        display: inline-block;
        box-shadow: 0px 0px 10px 0px #00000026;
        margin: 5px;
    }

    .main3 form img {
        width: 100px;
        max-width: 80%;
        height: 100px;
        border: 0px;
        margin: 0 auto;
        position: relative;
        transform: unset;
        left: unset;
    }

    .divider .num {
        width: fit-content;
        background: #5097d4;
        color: white;
        padding: 5px 10px;
        position: absolute;
        z-index: 5;
        left: -17px;
        top: -6px;
        border-radius: 0px;
    }

    .block_screen_loading .loader {
        width: 50px;
        height: 50px;
        border: 10px solid white;
        border-bottom: 10px solid black;
        border-radius: 100%;
        margin: 50% auto;
        animation: loader 2s linear infinite;
        background: #015fb182;
    }

    .save_contact_popup {
        background: white;
        width: 78%;
        padding: 34px;
        position: fixed;
        z-index: 4;
        top: 51px;
        left: 50%;
        transform: translate(-50%, 39px);
        border-radius: 5px;
        box-shadow: 0px 0px 42px 0px #00000038;
    }

    /*pop up offer page*/
    .pop_up_offer {
        position: absolute;
        background: white;
        box-shadow: 0px 0px 10px 0px #00000033;
        text-align: center;
        border-radius: 10px;
    }

    .pop_up_offer img{
        width: 250px;
        height: auto;
    }

    .pop_up_offer .btn_create {
        margin-top: 20px;
    }
    .pop_up_offer .btn_create:hover {
        background: #0d9ae9;
        margin-top: 20px;
    }
    .pop_up_offer img {
        margin: 0 auto;
        position: relative;
    }

    .pop_up_offer h1 {
        font-weight: 500;
        text-transform: capitalize;
        text-align: center;
        font-family: Philosopher;
        margin: 0;
        color: #ff3221;
    }

    .btn_create {
        width: auto;
        background: #1bb54b;
        color: white;
        text-align: center;
        padding: 10px;
        border-radius: 4px;
        font-size: 13px;
    }

    .main2 {
        margin: 10px;
        background: white;
        box-shadow: 0px 0px 10px 0px #80808036;
        border-radius: 10px;
        text-align: center;
    }

    .main3 {
        width: 100%;
        padding-right: 10px;
        padding: 0px;
        background: white;
        box-shadow: unset;
        border-radius: 0;
    }

    .skip_btn {
        background: #0d9ae9;
        color: white;
        padding: 8px 20px;
        font-size: 15px;
        font-family: Philosopher;
        width: fit-content;
        border-radius: 28px;
    }
    .back_btn {
        background: #ff6a19;
        color: white;
        padding: 8px 20px;
        font-size: 15px;
        font-family: Philosopher;
        width: fit-content;
        border-radius: 28px;
    }

    .nav_cont {
        width: fit-content;
        padding: 5px;
        margin: 5px;
        border-radius: 33px;
        display: inline-block;
        background: #f3f3f3;
        font-size: 15px;
        border: 1px solid green;
    }

}