@media (max-width: 767px){
    .img_pleer {
        height: 390px;
        background-image: url("/img/pleer_m.svg");
}

    #top1 {
        position: relative;
        width: 100%;
        height: 41px;
        background: #5CB7E1;
    }

    #top2{
        margin: 0 auto;
        position: relative;
        height: 74px;
        line-height: 74px;
    }

    .logo {
        display: block;
        text-align: center;
        margin: 0 24px 0;

    }

    .mobile-menu-toggle {
        right: 24px;
        top: 3px;
        position: absolute;
    }

    .mobile-menu-toggle i.fa {
        font-size:29px;
    }

    .logo img {
        width: 212px;
    }

    .kn_lk {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 20px;
        width: 42px;
        height: 41px;
        margin: 0;
        text-align: center;
        background: #2474BE;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        color: #A7DBFC;
        text-decoration: none;
        vertical-align: middle;
        line-height: 47px;
    }

    .kn_lk i {
        font-size: 17px;


    }
    .kn_lk i.fa-user-md {
        font-size: 20px;
    }
    .kn_lk:hover {
        color: #fff;
        text-decoration: none;
    }

    .ico {
        display: inline-block;
    }

    .search {
        display: inline-block;
        position: absolute;
        width: 220px;
        height: 28px;
        left: 31px;
        top: 6px;

        border-right: 1px solid #9FCCF5;
    }

    .search i {
        color: #A7DBFC;
        font-size: 23px;
        margin-top: 2px;
    }

    .search input {
        color: #fff;
        display: block;
        position: absolute;
        font-size: 12px;
        width: 162px;
        height: 20px;
        left: 35px;
        top: 3px;
        padding: 0 0 3px 0 !important;
        background: transparent !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid #A7DBFC;
        border-radius: 0;
        background-color: transparent !important;
        box-shadow: none !important;

    }


    .search input:focus {
        outline: 0;
        border-bottom: 1px solid #A7DBFC;
    }

    .search input:focus,
    .search input:valid {
        color: #fff;
        border-bottom: 1px solid #A7DBFC;
    }


    ::-webkit-input-placeholder {
        color: #fff;
        opacity: 0.5;
    }

    /* webkit */
    ::-moz-placeholder {
        color: #fff;
        opacity: 0.5;
    }

    /* Firefox 19+ */
    :-moz-placeholder {
        color: #fff;
        opacity: 0.5;
    }

    /* Firefox 18- */
    :-ms-input-placeholder {
        color: #fff;
        opacity: 0.5;
    }

    /* IE */

    :focus::-webkit-input-placeholder {
        opacity: 0;
    }

    /* webkit */
    :focus::-moz-placeholder {
        opacity: 0;
    }

    /* Firefox 19+ */
    :focus:-moz-placeholder {
        opacity: 0;
    }

    /* Firefox 18- */
    :focus:-ms-input-placeholder {
        opacity: 0;
    }

    /* IE */

    .email {
        display: inline-block;
        position: absolute;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        top: 4px;
        right: 77px;
        text-decoration-line: underline;
        color: #FFFFFF;
        vertical-align: middle;
        line-height: 44px;
    }

    .email:hover {
        color: #fff;
    }

    .email i {
        font-size: 25px;
        color: #A7DBFC;
    }




    .logo {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }

    #main-nav .navbar-nav>li>a {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 40px;
        color: #FFFFFF;
        white-space: nowrap;
        padding-left: 8px !important;
        padding-right: 35px !important;
    }

    #main-nav .navbar-nav>li>a:before {
        content: ' ';
        border-left: 1px solid #1DABA4;
        position: absolute;
        top: 30px;
        bottom: 30px;
        left: 0px;


    }

    .mobile-menu-wrap.dark-div.visible-xs {
        width: 100%;
        padding-right: 20%;
        background: transparent;
        position: fixed;
        background-color: #2474BE;

    }
    ul.mobile-menu {
        background: #2474BE;
        width: 80%;
    }
    .mobile-menu-wrap .mobile-menu-toggle {
        text-align: right;
        font-size: 25px;
        border: none;
        background-color: transparent;
        top: 18px;
        right: 0px;
    }

    .cmn-toggle-switch {
        background-color: #009991;
    }
    button.cmn-toggle-switch:hover {
        background-color: #009991;
    }


    .mob_nav {
        background-color: #009991;
    }
}