@media only screen and (max-width: 1870px) {
    .panel_grid li {
        width: 18.7%;
    }
}

@media only screen and (max-width: 1680px) {
    .search_panel .tot_count p {
        font-size: 20px;
    }

        .search_panel .tot_count p span {
            font-size: 42px;
        }
    /* search page */
    .lab .common-search {
        padding: 3px;
    }

        .lab .common-search li {
            font-size: 12px;
        }
}

@media only screen and (max-width: 1600px) {
    .stone_dtl_btn a {
        display: inline-block;
        padding: 12px 12px;
        font-size: 13px;
    }

    /* end search */
    /* user-admin panel */
    .panel_grid li {
        width: 23.6%;
    }

    .grid_type {
        font-size: 18px;
        padding-bottom: 8px;
    }

    .grid_no {
        font-size: 28px;
    }

    .grid_status {
        font-size: 14px;
    }

    .icon_outer {
        width: 82px;
        height: 82px;
    }

    .icon_inner {
        width: 70px;
        height: 70px;
    }

    span.comm_icon {
        font-size: 30px;
        line-height: 68px;
    }

    /* end user-admin panel */
    /* search page */
    .shape_wrap {
        min-height: 109px;
    }

    .search_panel .tot_count {
        min-height: 109px;
    }

    .shape_wrap li a .diam_shape_img {
        font-size: 40px;
    }


    .shape_wrap li .diam_shape_name {
        font-size: 14px;
        margin-top: 2px;
    }

    .shape_wrap .check_box {
        width: 10px;
        height: 10px;
        margin: 10px auto 0;
    }

    .shape_wrap li.active a .check_box::before {
        font-size: 8px;
    }

    .diam_search_wrap h6 {
        font-size: 14px;
    }

    .cmn_multi_wrap span.select_comm {
        width: 48%;
    }

    .cmn_multi_wrap .btn-default {
        font-size: 14px;
    }

    .diam_search_wrap input[type="text"] {
        width: 48%;
        font-size: 14px;
    }

    .diam_search_wrap textarea.form-control.stn_id_txt {
        font-size: 14px;
    }

    .search_panel .tot_count .count_icon_img {
        font-size: 50px;
    }
}

@media only screen and (max-width: 1478px) {
    .panel_grid li {
        width: 23.2%;
    }

    /* end user-admin panel */
    /* search page */
    .search_panel .tot_count p {
        font-size: 17px;
    }

    .color_wrap {
        width: 74%;
    }

    .lab_wrap {
        width: 49%;
    }

    .diam_search_wrap h6 {
        font-size: 12px;
        margin: 13px 0 8px 0;
    }

    .diam_search_wrap input[type="text"] {
        height: 34px;
    }

    .common-search li {
        height: 26px;
    }

    .diam_search_wrap .form-control.stn_id_txt {
        height: 34px;
    }

    .diam_search_wrap .form-control.stn_id_txt {
        padding: 8px 8px 8px;
    }

    .cut_wrap {
        clear: none;
    }

    .height_wrap {
        clear: both;
    }

    .diam_search_wrap .color #fancy_color ul li {
        height: 32px;
        width: 31%;
    }

        .diam_search_wrap .color #fancy_color ul li .btn-default {
            padding-top: 6px;
        }
}

@media only screen and (max-width: 1366px) {
    .contact_info ul li {
        font-size: 13px;
    }

    .login_btn.cmn_btn a {
        padding: 5px 12px;
        font-size: 10px;
    }

    .nav_top {
        height: 44px;
    }

    .login_btn.cmn_btn {
        padding-top: 13px;
    }

    .nav_menu_hght {
        height: 52px;
    }

    .navbar_nav {
        padding-right: 240px;
    }

    .nav_menu .navbar_nav li a {
        font-size: 11px;
        padding: 15px 18px;
    }

    .nav_logo {
        padding: 19px 0;
        text-align: center;
    }

        .nav_logo img {
            width: 70%;
        }

    .slider_banner .slider_img {
        min-height: 500px;
    }

    .bnr_txt h2 {
        font-size: 34px;
    }

    .bnr_txt {
        width: 37%;
        padding: 30px 40px;
    }

        .bnr_txt p {
            font-size: 14px;
            padding-left: 0;
        }

    .cmn_btn a {
        padding: 8px 12px;
        letter-spacing: 3px;
        font-size: 12px;
    }

    .slider_banner .bx-wrapper .bx-controls-auto, .slider_banner .bx-wrapper .bx-pager {
        bottom: 23%;
    }

        .slider_banner .bx-wrapper .bx-pager.bx-default-pager a {
            width: 12px;
            height: 12px;
            margin: 0 4px;
            border: 3px solid #0177b5;
        }

            .slider_banner .bx-wrapper .bx-pager.bx-default-pager a.active {
                width: 20px;
                height: 3px;
                margin-top: -7px;
            }

    .slider_banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        width: 570px;
    }

    .bx-viewport {
        height: 500px;
    }

    .bnr_txt_wrap {
        top: 35%;
    }

    .welcome_sec {
        padding: 60px 0;
    }

    h3.cmn_sec_hdr {
        font-size: 34px;
    }

        h3.cmn_sec_hdr::before {
            right: 17%;
        }

    .wel_info h5 {
        font-size: 25px;
    }

    .wel_info p {
        font-size: 14px;
    }

    .wel_info ul li {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .wel_info a {
        font-size: 14px;
    }

    .diamond_grad_wrap {
        padding: 80px 0;
    }

        .diamond_grad_wrap h4 {
            font-size: 22px;
            padding-bottom: 30px;
        }

        .diamond_grad_wrap .cmn_btn a {
            font-size: 16px;
            padding: 10px 22px;
        }

    .diamond_type_section {
        padding: 60px 0;
    }

    .sub_icn_grid h3 {
        font-size: 16px;
        margin: 20px 0;
    }

    .sub_icn_grid p {
        font-size: 14px;
    }

    .icon_base i {
        font-size: 34px;
        line-height: 89px;
    }

    .icon_base {
        width: 90px;
        height: 90px;
    }

    .news_section {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    h3.cmn_sec_hdr.news_txt::before {
        right: 11%;
    }

    .data_info h6 {
        font-size: 20px;
        padding-bottom: 20px;
    }

    .data_info p {
        font-size: 14px;
        line-height: 24px;
    }

    .our_team_section {
        padding: 60px 0;
    }

    .team_info p {
        font-size: 14px;
        line-height: 24px;
    }

    .team_info h4 {
        font-size: 16px;
    }

    .team_grid {
        padding: 30px;
    }

    .contact p {
        font-size: 14px;
    }

    .ftr_btm_grid h2 {
        font-size: 16px;
    }

    .ftr_img_info p {
        font-size: 14px;
        line-height: 24px;
    }

    .copyright {
        font-size: 14px;
        font-weight: 400;
    }

    /* end index page */
    /* login page */
    h3.cmn_sec_hdr.login_txt::before {
        right: 24%;
    }

    .login_section h3 {
        font-size: 38px;
    }

    .customer_wrap h4 {
        font-size: 20px;
    }

    .customer_wrap p {
        font-size: 15px;
    }

    .cmn_input {
        font-size: 14px;
    }

    .cmn_btn.crt_acnt_btn a, .cmn_btn.login_btm_btn a {
        font-size: 12px;
        padding: 11px 12px;
    }

    /* end login page */
    /* forgot password */
    .forgot_btm .cmn_btn a {
        font-size: 12px;
        padding: 11px 12px;
    }

    /* end forgot password */
    /* search */
    .breadcum li {
        font-size: 13px;
    }

    .login_user span {
        font-size: 15px;
    }

    .logout.head_comm {
        font-size: 20px;
    }

    .search_panel h3 {
        font-size: 17px;
    }

    .result_option .result_count li {
        font-size: 13px;
    }

    .result_option .resu_opt li p {
        font-size: 13px;
    }

    .search_reasult_grid th {
        font-size: 14px;
    }

    .search_reasult_grid td {
        font-size: 14px;
    }

    /* end search */
    /* search page */
    .cmn_multi_wrap span.select_comm {
        width: 47%;
    }

    .diam_search_wrap input[type="text"] {
        width: 47%;
    }

    .diasearch_btn_wrap .comm_btn {
        font-size: 13px;
    }

    .search_panel .tot_count p {
        margin-left: 3px;
    }

    .carata {
        margin-left: -15px;
        width: 50% !important;
    }

    .leco {
        width: 30% !important;
        display: inline-block;
    }

    .title {
        font-size: 14px ;
        text-transform: uppercase;
        font-weight: bold;
    }
}

@media only screen and (max-width: 1300px) {
    .panel_grid li {
        width: 23%;
    }

    .search_panel .tot_count p span {
        font-size: 33px;
    }
    /* end user-admin panel */
}

@media only screen and (max-width: 1280px) {
    .cmn_btn a {
        padding: 13px 12px;
        font-size: 14px;
        width: 100%;
        margin-bottom: 11px;
    }

    .navbar_nav {
        padding-right: 222px !important;
    }

    .bg {
        background-image: url(../images/index/1.jpg);
        height: 100% !important;
        /* margin-top: 180px; */
        /* max-height: 100%; */
        width: 100% !important;
        padding-left: 138% !important;
        background-position: center;
        background-repeat: no-repeat;
        /* background-size: cover; */
        position: absolute;
        max-width: 100% !important;
    }

    .stone_dtl_btn a:first-child {
        margin-right: 0;
    }

    .color_wrap {
        width: 49%;
    }

    .carat_wd {
        width: 50%;
    }
    /* end search */
}

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


    .cmn_multi_wrap span.multi_left {
        margin-right: 5.6%;
    }

    .navbar_nav {
        padding-right: 22px !important;
    }
}

@media only screen and (max-width: 1199px) {
    .contact_info {
        width: auto;
        float: right;
        padding-right: 30px;
    }

        .contact_info ul {
            float: left;
        }

            .contact_info ul li {
                padding-right: 30px;
            }

        .contact_info .cmn_btn.login_btn {
            float: left;
        }

    .navbar_nav {
        padding-right: 30px;
    }

    h3.cmn_sec_hdr::before {
        right: 22%;
    }

    h3.cmn_sec_hdr.news_txt::before {
        right: 14%;
    }

    .wel_info h5 {
        padding-bottom: 15px;
    }

    .wel_info p {
        padding-bottom: 15px;
    }

    .wel_info ul li {
        padding-bottom: 4px;
    }

    /* end index page */
    /* login page */
    h3.cmn_sec_hdr.login_txt::before {
        right: 30%;
    }

    /* end login page */
    /* search */
    .result_option .result_count {
        float: none;
        text-align: center;
    }

        .result_option .result_count li {
            display: inline-block;
            float: none;
        }

    .resu_opt {
        float: none;
        text-align: center;
    }

    .result_option .resu_opt li {
        float: none;
        display: inline-block;
    }

    .main_desc_div .left_div {
        width: 100%;
        float: none;
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .main_desc_div {
        text-align: center;
    }

        .main_desc_div .left_div::after {
            display: none;
        }

        .main_desc_div .right_div {
            width: 100%;
            float: none;
        }

    .lab_wrap {
        width: 48%;
    }

    .flrsnc_wd {
        width: 50%;
    }
    /* end search */
    /* user-admin panel */
    .grid_type {
        font-size: 16px;
    }

    .grid_no {
        font-size: 24px;
    }

    .icon_outer {
        width: 72px;
        height: 72px;
    }

    .icon_inner {
        width: 60px;
        height: 60px;
    }

    span.comm_icon {
        font-size: 26px;
        line-height: 58px;
    }

    /* end user-admin panel */
    /* search page */
    .search_panel .tot_count .count_icon_img {
        display: block;
    }

    .search_panel .tot_count {
        padding: 16px 2%;
    }

        .search_panel .tot_count p {
            margin-left: 0;
        }

    .height_wrap {
        clear: none;
    }

    .width_wrap {
        clear: both;
    }

    .symmentry_wrap {
        width: 48%;
    }
}

@media only screen and (max-width: 1080px) {
    .panel_grid li {
        width: 31%;
    }
    /* end user-admin panel */
}

@media only screen and (max-width: 991px) {
    .bnr_txt {
        width: 57%;
    }

    .slider_banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        width: 164px;
    }

    .slider_banner .bx-wrapper .bx-controls-auto, .slider_banner .bx-wrapper .bx-pager {
        bottom: 22%;
        padding-bottom: 8px;
    }

    h3.cmn_sec_hdr::before {
        right: 28%;
    }

    .wel_img_grid img {
        width: 100%;
    }

    .wel_info {
        padding-top: 30px;
    }

    .read_more_link {
        text-align: center;
        padding-top: 40px;
    }

    .diamond_grad_wrap h4 {
        padding-left: 40px;
        padding-right: 40px;
        line-height: 32px;
    }

    .icon_grid {
        padding-bottom: 20px;
    }

    h3.cmn_sec_hdr.news_txt::before {
        right: 18%;
    }

    .data_info h6 {
        padding-bottom: 10px;
    }

    .data_info h5 {
        padding-bottom: 18px;
    }

    .news_grid_img {
        padding-top: 40px;
        text-align: center;
    }

    h3.cmn_sec_hdr.team_txt::before {
        right: 30%;
    }

    .team_info h4 {
        padding-bottom: 7px;
    }

    .ftr_btm_left {
        padding-bottom: 40px;
    }

    .contact_info ul li {
        padding-right: 10px;
    }

    .nav_top {
        padding-left: 0;
    }

    .nav_logo {
        left: 30px;
    }

    .nav_menu .navbar_nav li a {
        font-size: 10px;
        padding: 15px 5px;
    }

    /* end index page */
    /* login page */
    h3.cmn_sec_hdr.login_txt::before {
        right: 39%;
    }

    /* end login page */
    /* search */
    .dash_header .head_comm {
        padding-right: 5px;
        margin-right: 5px;
    }

    .result_option .result_count {
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 10px;
    }

    .stone_img {
        width: 50%;
        float: left;
    }

    .main_desc {
        float: left;
        width: 50%;
    }

    .stone_dtl_btn a {
        width: auto;
    }

    .stone_img {
        padding: 0;
    }

    .stone_dtl_btn a:first-child {
        margin-right: 10px;
    }

    .main_desc p.dtl_btm_txt {
        text-align: center;
        margin-bottom: 30px;
    }

    /* end search */
    /* user-admin panel */
    .panel_grid li {
        width: 30%;
    }

    /* end user-admin panel */
    /* search page */
    .search_panel .tot_count .count_icon_img {
        display: inline-block;
        font-size: 40px;
    }

    .search_panel .tot_count p {
        margin-left: 10px;
    }

        .search_panel .tot_count p span {
            vertical-align: sub;
        }

    .search_panel .tot_count {
        padding: 16px 2%;
        background-color: #f9f9f9;
        border: 1px solid #ededed;
        margin-top: 5px;
        min-height: 0;
    }

    .cmn_multi_wrap span.select_comm {
        width: 48.6%;
    }

    .cmn_multi_wrap span.multi_left {
        margin-right: 5px;
    }

    .cmn_multi_wrap .btn-group, .cmn_multi_wrap .btn-group-vertical {
        width: 97%;
    }

    .diam_search_wrap textarea.form-control.stn_id_txt {
        width: 97%;
    }

    .diasearch_btn_wrap .comm_btn {
        letter-spacing: 2px;
    }

    .color_wrap {
        width: 50%;
        float: left;
    }

    .lab_wrap {
        width: 100%;
        float: left;
    }

    .clarity_wrap {
        width: 100%;
        float: left;
    }

    .width_wrap {
        clear: none;
    }

    .about_us_img {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .collapse {
        display: none;
    }

    .navbar_toggle {
        display: block;
    }

    .nav_menu_hght {
        height: auto;
        margin-top: 82px;
    }

    .navbar-default .navbar_toggle {
        border-color: #fff;
        background: transparent;
        padding: 8px 10px;
        border-radius: 5px;
        box-shadow: none;
        border: 1px solid #fff;
    }

        .navbar-default .navbar_toggle .icon-bar {
            background-color: #fff;
        }

    .navbar_toggle {
        margin-top: 24px;
        margin-right: 20px;
    }

        .navbar_toggle .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
        }

            .navbar_toggle .icon-bar + .icon-bar {
                margin-top: 4px;
            }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
        position: absolute;
        width: 100%;
        background: rgba(0, 0, 0, 0.91);
        z-index: 999;
    }

    .nav_menu ul {
        float: none;
    }

    .navbar_nav {
        margin: 0;
        text-align: center;
        padding-left: 0;
        width: 100%;
        padding: 10px 0;
        border-top: 1px solid rgba(255,255,255,0.70);
    }

    .nav > li {
        position: relative;
        display: block;
    }

    .navbar-default .navbar_nav > li > a {
        padding: 15px 0;
    }

    .nav_menu .navbar_nav li a::before {
        bottom: 14%;
    }

    .nav_menu .navbar_nav li a {
        font-size: 11px;
    }

    .navbar-header {
        float: right;
    }

    .nav_logo::before, .nav_logo::after {
        display: none;
    }

    .nav_logo {
        padding: 0;
        background-color: transparent;
        left: 0;
        right: 0;
        width: 180px;
        margin: 0 auto;
    }

        .nav_logo img {
            width: 190px;
            background-color: #91713b;
            padding: 10px 30px;
        }

    .navbar-default {
        background: rgba(0, 0, 0, 0.70);
    }

    .nav_top {
        height: 0;
        padding-left: 20px;
        margin-top: 0;
    }

    .contact_info {
        width: 100%;
        float: none;
        padding-right: 0;
        margin-top: 0;
        padding-top: 0;
    }

        .contact_info ul {
            display: none;
        }

            .contact_info ul li {
                padding-right: 0;
                display: block;
                padding-top: 0;
                padding-bottom: 5px;
                font-size: 15px;
            }

        .contact_info .cmn_btn.login_btn {
            float: left;
            padding: 28px 0;
        }

    .bnr_txt_wrap {
        top: 46%;
    }

    .nav_menu .navbar_nav li {
        display: block;
        float: none;
    }

    .slider_banner .bx-wrapper .bx-controls-auto, .slider_banner .bx-wrapper .bx-pager {
        bottom: 10%;
    }

    .login_btn.cmn_btn a {
        padding: 7px 12px;
        font-size: 12px;
    }

    /* end index page */
    /* compare diamond */
    .compare_diam_modal .modal-dialog {
        width: 88%;
    }

    /* end compare diamond */
    .carat_wd {
        width: 100%;
    }

    .color_wrap {
        width: 100%;
    }

    .diam_search_wrap .carat input[type="text"] {
        width: 49%;
    }
}

@media only screen and (max-width: 767px) {
    .bnr_txt_wrap {
        top: 54%;
        text-align: center;
    }

    .bnr_txt {
        width: 100%;
        background-color: rgba(0,0,0,0.80);
        padding-bottom: 60px;
    }

        .bnr_txt p {
            font-size: 15px;
        }

        .bnr_txt h2 {
            font-size: 20px;
        }

    .slider_banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        width: 100%;
        left: 0px;
        text-align: center;
    }

    .slider_banner .bx-wrapper .bx-controls-auto, .slider_banner .bx-wrapper .bx-pager {
        bottom: 36px;
    }

    .welcome_sec {
        padding: 40px 0px;
    }

    h3.cmn_sec_hdr {
        font-size: 28px;
        margin-bottom: 30px;
    }

        h3.cmn_sec_hdr::before {
            right: 170px;
        }

    .wel_info h5 {
        font-size: 19px;
        line-height: 26px;
        font-weight: 600;
    }

    .diamond_grad_wrap {
        padding: 50px 0;
    }

        .diamond_grad_wrap h4 {
            padding-left: 0;
            padding-right: 0;
            line-height: 24px;
            font-size: 15px;
        }

        .diamond_grad_wrap .cmn_btn a {
            font-size: 13px;
            padding: 7px 13px;
        }

    .diamond_type_section {
        padding: 40px 0px;
    }

    h3.cmn_sec_hdr.news_txt::before {
        right: 110px;
    }

    .news_section {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .our_team_section {
        padding: 40px 0px;
    }

    h3.cmn_sec_hdr.team_txt::before {
        right: 170px;
    }

    .contact {
        width: 100%;
        padding-bottom: 10px;
    }

    .email {
        width: 100%;
    }

    .email {
        text-align: left;
    }

    .ftr_btm_grid {
        padding: 30px 0;
    }

    .ftr_img {
        width: 100%;
    }

    .ftr_img_info {
        width: 100%;
    }

        .ftr_img_info p {
            padding-top: 20px;
        }

    .copyright {
        font-size: 12px;
    }

    .cpyrght_left {
        width: 100%;
        text-align: center;
    }

    .cpyrght_right {
        width: 100%;
        text-align: center;
        padding-top: 8px;
    }

    .team_grid {
        margin-right: 0;
    }

    /* end index page */
    /* login page */
    .top_img {
        min-height: 180px;
    }

    h3.cmn_sec_hdr.login_txt {
        margin-top: 130px;
        padding-right: 54px;
        font-size: 26px;
    }

    .login_section {
        padding-top: 30px;
        padding-bottom: 70px;
    }

        .login_section h3 {
            font-size: 30px;
        }

    .acnt_hght {
        height: auto;
        padding-bottom: 40px;
    }

    .btm_cstmr {
        padding-bottom: 30px;
    }

    h3.cmn_sec_hdr.login_txt::before {
        right: 278px;
    }

    .left_pd {
        padding-left: 15px;
    }

    .right_pd {
        padding-right: 15px;
    }

    /* end login page */
    /* forgot password */
    .input_form.frgt_pwd {
        width: 60%;
        padding-bottom: 50px;
    }

    /* end forgot password */
    /* search */
    span.hdr_menu {
        display: none;
    }

    span.user_nm {
        display: none;
    }

    .login_user .user_img {
        width: 44px;
        height: 44px;
    }

    .breadcrumb {
        padding: 8px 0px;
    }

    .logout.head_comm {
        font-size: 17px;
    }

    .dash_header .head_comm {
        padding-right: 10px;
    }

        .dash_header .head_comm::after {
            height: 23px;
        }

    .result_option .resu_opt li p {
        display: none;
    }

    .logo img {
        width: 120px;
    }

    .logo {
        padding-top: 5px;
    }

    .stone_img {
        width: 100%;
        float: none;
    }

    .main_desc {
        float: none;
        width: 100%;
    }

    .table_wrap .stone_table {
        margin-right: 2%;
        width: 48%;
    }

    .color_wrap {
        width: 100%;
        float: none;
        clear: both;
    }

    .flrsnc_wd {
        width: 100%;
    }

    .lab_wrap {
        float: none;
    }

    .clarity_wrap {
        float: none;
    }
    /* end search */
    /* compare diamond */
    .compare_diam_modal .modal-dialog {
        margin: 40px auto 0;
    }

    .compare_diam_modal .table-responsive {
        border: 0;
    }

    /* end compare diamond */
    /* user-admin panel */
    .panel_grid li {
        width: 45%;
    }

    /* end user-admin panel */
    /* search page */
    .shape_wrap ul {
        text-align: center;
    }

    .shape_wrap li {
        display: inline-block;
        width: 100px;
    }

    .search_panel .tot_count {
        padding: 10px 2%;
    }

    .carat_wd {
        width: 100%;
    }

    .cmn_multi_wrap .btn-group, .cmn_multi_wrap .btn-group-vertical {
        width: 100%;
    }

    .cmn_multi_wrap span.select_comm {
        width: 49%;
    }

    .cmn_multi_wrap span.multi_left {
        margin-right: 2%;
    }

    .diam_search_wrap input[type="text"].from {
        margin-right: 2%;
    }

    .diam_search_wrap input[type="text"] {
        width: 49%;
    }

    .diam_search_wrap textarea.form-control.stn_id_txt {
        width: 100%;
    }

    .diasearch_btn_wrap {
        text-align: center;
    }

        .diasearch_btn_wrap .comm_btn.save_search_btn {
            float: none;
        }

        .diasearch_btn_wrap .comm_btn {
            float: none;
            margin-left: 5px;
            letter-spacing: 1px;
        }

    .advnc_search_btn.comm_btn {
        margin-top: 7px;
    }

    .symmentry_wrap {
        width: 100%;
    }

    .add_wrap .contact_name {
        width: 30%;
    }

    .add_wrap .txt {
        width: 65%;
    }
}



@media only screen and (max-width: 624px) {
    .advnc_search_btn.comm_btn {
        margin-left: 0;
    }
}


@media only screen and (max-width: 560px) {
    .panel_grid li {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* end user-admin panel */
    /* search page */
    .common-search {
        display: block;
    }

        .common-search li {
            display: inline-block;
        }

    .color .common-search li {
        /*width: 16.66%;*/
        margin-bottom: 2px;
    }

    .lab .common-search li {
        width: 33.33%;
        margin-bottom: 2px;
    }

    .clarity .common-search li {
        width: 25%;
        margin-bottom: 2px;
    }

    .diam_search_wrap input[type="text"] {
        padding: 0 10px;
    }

    .cut .common-search li, .polish .common-search li, .symmentry .common-search li, .flourosence .common-search li {
        width: 33.33%;
        margin-bottom: 2px;
    }

    .diasearch_btn_wrap .comm_btn.reset_btn {
        margin-bottom: 15px;
    }

    .diasearch_btn_wrap .comm_btn.save_search_btn {
        margin-bottom: 15px;
    }
}



@media only screen and (max-width: 480px) {
    .diam_search_wrap .color #fancy_color ul li {
        width: 100%;
        display: block;
        border-bottom: 1px solid #dddddd;
    }

        .diam_search_wrap .color #fancy_color ul li:last-child {
            border-bottom: 0;
        }

    .add_wrap .contact_name {
        width: 100%;
        padding-bottom: 10px;
    }

    .add_wrap .txt {
        width: 100%;
    }

    .dash_header {
        margin-top: 0px;
        float: none;
        text-align: center;
    }
}


@media only screen and (max-width: 420px) {
    .bnr_txt_wrap {
        top: 48%;
    }

    .dash_header {
        margin-top: 0px;
        float: none;
        text-align: center;
    }

    .icon_grid {
        width: 100%;
    }

    .slider_banner .bx-wrapper .bx-controls-auto, .slider_banner .bx-wrapper .bx-pager {
        bottom: 47px;
    }

    .bnr_txt {
        padding: 30px 0 50px 7px;
    }

    .nav_top {
        padding-left: 9px;
    }

    .nav_logo img {
        width: 130px;
        padding: 10px 5px;
    }

    /* end index page */
    /* login page */
    .top_img {
        min-height: 160px;
    }

    .login_section h3 {
        font-size: 24px;
        padding-bottom: 20px;
    }

    .btm_right {
        text-align: center;
    }

    .customer_wrap h4 {
        padding-bottom: 10px;
    }

    h3.cmn_sec_hdr.login_txt::before {
        right: 189px;
    }

    h3.cmn_sec_hdr.login_txt {
        margin-top: 120px;
        padding-right: 0;
        font-size: 22px;
    }

    /* end login page */
    /* forgot password */
    .input_form.frgt_pwd {
        width: 100%;
    }

    .forgot_btm .cmn_btn a {
        font-size: 10px;
        padding: 9px 9px;
        letter-spacing: 1px;
    }

    /* end forgot password */
    /* search */
    .logo {
        float: none;
        text-align: center;
    }

    .dash_header {
        margin-top: 10px;
        float: none;
        text-align: center;
    }

    .search_panel h3 {
        font-size: 15px;
        padding-left: 42px;
    }

        .search_panel h3::before {
            width: 37px;
            top: 9px;
        }

    .table_wrap .stone_table {
        margin-right: 0;
        width: 100%;
    }

    /* end search */
    /* compare diamond */
    .compare_diam_modal .modal-dialog {
        width: 82%;
    }

    /* end compare diamond */
    /* search page */
    .shape_wrap li {
        width: 80px;
    }

    .diasearch_btn_wrap .comm_btn.search_btn {
        margin-top: 7px;
    }
}


@media only screen and (max-width: 320px) {
    .slider_banner .bx-wrapper .bx-controls-auto, .slider_banner .bx-wrapper .bx-pager {
        bottom: 34px;
    }

    .stepo1 {
        margin-top: 17px;
        float: right !important;
    }
    /* end index page */
}

@media only screen and (max-width: 360px) {
    .stepo1 {
        margin-top: 17px;
    }

    .stepo1 {
        width: 100% !important;
        display: inline-block;
    }

    .stepo2 {
        margin-top: 7px !important;
        float: right !important;
    }

    .promo-text {
        text-align: center;
        font-size: 19px !important;
        font-family: Roboto;
        font-weight: 300;
        color: #666;
        padding-left: 31px;
        padding-right: 30px;
        display: inline-block;
        border-bottom: 1px solid #d4af6c;
        padding-bottom: 15px;
        -webkit-backface-visibility: hidden;
    }

    .steps1 {
        width: 100% !important;
        max-width: 100%;
        margin-bottom: 20px;
        overflow-x: scroll;
        display: inline-block;
    }

    .copyright {
        font-size: 14px;
        font-weight: 400;
        padding: 0px !important;
    }
}

@media only screen and (max-width: 414px) {
    .stepo1 {
        margin-top: 17px;
    }

    .stepo1 {
        width: 100% !important;
        display: inline-block;
    }

    .stepo2 {
        margin-top: 7px !important;
        float: right !important;
    }
    /* end index page */
    .diam_search_wrap input[type="text"] {
        width: 100%;
    }

    .carata {
        width: 100% !important;
    }

    .spaced {
        padding-bottom: 50px;
    }

    .color .common-search li {
        width: 16.67%;
    }

    .leco {
        width: 100% !important;
    }

    .cut .common-search li, .polish .common-search li, .symmentry .common-search li {
        width: 25%;
    }

    .sete .flourosence .common-search li {
        width: 20%;
        height: 55px;
    }

    .sete, .sete1, .sete2, .sete3 {
        width: 100% !important;
    }

    .diam_search_wrap .color #fancy_color ul li {
        height: 50px;
    }

    .stpe2, .stpe3 {
        margin-left: 0px !important;
    }

    .diasearch_btn_wrap .comm_btn {
        padding: 10px 38px 10px 60px;
    }
}

@media only screen and (max-width: 375px) {
    .diasearch_btn_wrap .comm_btn {
        padding: 10px 22px 10px 60px;
    }
}

@media only screen and (max-width: 360px) {
    .diasearch_btn_wrap .comm_btn {
        padding: 11px 17px 10px 45px;
    }
}

@media only screen and (max-width: 800px) {
    .stepo1 {
        margin-top: 17px;
    }

    .stepo1 {
        width: 100% !important;
        display: inline-block;
    }

    .stepo2 {
        margin-top: 7px !important;
        float: right !important;
    }
    /* end index page */
}

@media only screen and (max-width: 1440px) {
    .bg {
        background-image: url(../images/index/1.jpg);
        height: 100% !important;
        /* margin-top: 180px; */
        /* max-height: 100%; */
        padding-left: 115%;
        width: 100% !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        max-width: 100% !important;
    }

    .navbar_nav {
        padding-right: 310px;
    }

    .jena2 {
        height: 647px !important;
        /*padding-top: 50px !important;*/
        padding-top: 12px !important;
    }

    .step {
        height: 643px !important;
    }
}

.stepo2 {
    margin-top: -43px;
    float: right !important;
}

.stepo1 {
    width: 69%;
    display: inline-block;
}