@media only screen and (max-width : 767px) {
	.container{
        max-width: 700px;
    }
    .row {
        flex-flow: column;
    }
    header .row {
        display: flex;
        flex-flow: row;
    }

    .wrapper {
        padding: 0px 0px 30px;
    }
    .wrapper .col-sm-3, .wrapper .col-sm-9,.wrapper .col-sm-6,.wrapper .col-sm-5, .wrapper .col-sm-4
    {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .tooltip_div {
        right: 70px;
    }
    .menu_box {
        padding: 0px !important;
    }

    li.user_name_detail {
        background: #687279;
        border-radius: 0px;
    }

    .menu_box .radius_box {
        border-radius: 0px;
        border:none;
        background: #8ebf7300;
    }

    li.user_name_detail h5, li.user_name_detail p {
        color: #fff;
    }
    footer h3
    {
        display: none;
    }
    ul.footer_list li i {
        display: none;
    }
    ul.footer_list li {
        text-align:center
    }
    .contact_list li:first-child a {
        font-size: 20px;
    }
    ul.footer_list {
        margin-bottom: 25px;
    }
    ul.footer_list li a {
        font-size: 14px;
    }
    .border_top_row {
        border-top: none;
        padding-top: 0px;
        margin-top: 0px;
    }
    .copyright_txt {
        font-size: 13px;
        margin: 0px 0px 15px;
        text-align: center;
        opacity: 0.7;
    }
    ul.social_list {
        justify-content: center;
    }
    .remove_btm_sp_mob {
        margin-bottom: 15px !important;
    }
    .footer_logo {
        margin: 0px 0px 20px;
    }
    .foo_btm_menu {
        display: flex;
        display: -webkit-flex;
        flex-flow: column-reverse;
    }

    .add_border_on_mob {
        border-top: solid 1px #5D5E68;
        border-bottom: solid 1px #5D5E68;
        padding: 12px 0px;
        margin-top: 12px;
    }
    .box_small_main_title h3 {
        display: table;
        padding: 0px 5px;
        margin: 0 auto;
    }
    .user_stat_list li:nth-child(2) {
        width: 50%;
        float: left;
        position: relative;
        background: #8ebf7342;
        padding: 10px
    }

    .user_stat_list li:nth-child(3) {
        width: 50%;
        float: right;
        background: #8ebf7342;
        padding: 10px
    }
    .user_stat_list li:nth-child(3) p, .user_stat_list li:nth-child(2) p {
        font-size: 12px;
    }

    .user_stat_list li:nth-child(3) h5, .user_stat_list li:nth-child(2) h5 {
        font-size: 12px;
            margin-top: 2px;
    }
    .user_stat_list li:nth-child(3) img, .user_stat_list li:nth-child(2) img {
        top: 8px;
        left: 10px;
    }
    .less_co_sp {
        padding-left: 15px;
        padding-right: 15px;
    }
    ul.form_inner_list {
        justify-content: space-between;
    }
    .main_project_img_box {
        display: none;
    }
    .bread_mob {
        background: #fff;
        padding: 12px 0px;
        margin-bottom: 0px !important;
    }
    .form_row_mob .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .form_row_mob .form_main_box {
        border-radius: 0px;
    }
    div#images-slider .item img {
        max-height: 192px;
    }
    .project_img img {
        width: 100%;
    }
    .project_column_sp {
        padding-left: 15px;
        padding-right: 15px;
    }
    ul.form_inner_list li:last-child {
        flex: 0 0 50%;
    }
    .images_gallery {
        padding: 12px 0px;
    }
    .images_gallery .owl-nav {
        display: none;
    }
    .images_gallery .owl-dots buttton {
        background: #ccc !important;
    }

    .images_gallery .owl-carousel button.owl-dot {
        background: #E8F2E3;
        width: 10px;
        height: 10px;
        border-radius: 20px;
        margin: 0px 3px;
    }

    .images_gallery .owl-dots {
        text-align: center;
    }

    .images_gallery .owl-carousel button.owl-dot.active {
        background: #687279;
    }
    .project_main_title {
        margin: 10px 0px !important;
    }
    .action_btn {
        flex-flow: column;
    }
    .action_btn a {
        display: block;
        width: 100%;
        text-align: center;
    }
    li.status_list a {
        padding: 6px 20px;
        background: transparent !important;
    }
    li.status_list {
        background: #dbe7d4;
        padding: 0px 0px 12px 12px;
        justify-content: flex-start !important;
    }
    ul.user_stat_list {
        padding-bottom: 0px;
    }
    header {
        padding: 10px 0px;
        box-shadow: 0px 0px 6px 0px #e6e6e7;
        margin-bottom: 3px;
    }
}

@media only screen and (max-width : 480px) {
    .tooltip_div {
        right: 40px;
    }
}