@media (max-width: 1500px) and (min-width: 1024px) {
    /*company name bar*/
    .agency-head-wrap .btn-arrow{
        left: 5%;
    }
}

@media (max-width: 1023px) and (min-width: 992px) {
    /*company name bar*/
    .agency-head-wrap .btn-arrow{
        left: 7%;
    }
    /*left menu bar*/
    .menu-left>li>a {
        padding: 20px 5px;
    }
}

/*special query for top menu*/
@media (max-width: 888px) and (min-width: 768px) {
    .navbar-nav {
        padding: 0;
    }

    .dash-head .navbar-nav>li>a, .agency-dash-head .navbar-nav>li>a {
        padding: 7px 7px 2px 7px;
    }

    .navbar-right {
        float: right!important;
        margin-right: 0px;
    }

    .dash-head-right>li i {
        padding: 14px 8px 15px 8px;
        font-size: 16px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {

    /*company name bar*/
    .agency-head-wrap .btn-arrow{
        left: 7%;
    }

    /*left menu bar*/
    .menu-left>li>a {
        padding: 20px 0px;
    }

    /*build step 1 setup*/
    .h-arrow:after {
        border-width: 15px 0 15px 5px;
        right: -5px;
    }


    /*build dashboard*/
    .bld-dir-list{
        overflow-x: auto;
    }
}

@media (max-width: 767px) and (min-width: 685px) {
    /*agency logo bar*/
    .agency-dash-head .navbar-brand {
        padding: 7px 15px;
        height: 50px;
    }
    /*company name bar*/
    .agency-head-wrap .btn-arrow{
        left: 2%;
    }

    /*--left menu--*/
    .rk-left-menu .menu-left {
        width: 555px;
        border-right: transparent;
        margin: 10px auto 0;
    }

    .menu-left>li {
        float: left;
        margin: 0 10px -1px;
    }

    .menu-left>li>a {
        border-radius: 4px 4px 0 0;
    }

    .menu-left>li.active>a, .menu-left>li.active>a:hover, .menu-left>li.active>a:focus {
        border-bottom-color: transparent;
        border-right-color: #ddd;
        z-index: 1;
    }

    .nav-tabs>li>a:hover {
        border-color: #ddd #eee #eee;
    }

    /*build step 1 setup*/
    .arrow-nav{
        margin: 7.5px 0;
    }
}

@media (max-width: 684px) and (min-width: 568px) {
    /*agency logo bar*/
    .agency-dash-head .navbar-brand {
        padding: 7px 15px;
        height: 50px;
    }
    /*company name bar*/
    .agency-head-wrap .btn-arrow{
        left: 2%;
    }

    /*--left menu--*/
    .rk-left-menu .menu-left {
        width: 555px;
        border-right: transparent;
        margin: 10px auto 0;
    }

    .menu-left>li {
        float: left;
        margin: 0 10px -1px;
    }

    .menu-left>li>a {
        border-radius: 4px 4px 0 0;
    }

    .menu-left>li.active>a, .menu-left>li.active>a:hover, .menu-left>li.active>a:focus {
        border-bottom-color: transparent;
        border-right-color: #ddd;
        z-index: 1;
    }

    .nav-tabs>li>a:hover {
        border-color: #ddd #eee #eee;
    }

    /*build step 1 setup*/
    .arrow-nav{
        margin: 7.5px 0;
    }
}

@media (max-width: 567px) and (min-width: 480px) {
    /*agency logo bar*/
    .agency-dash-head .navbar-brand {
        padding: 7px 15px;
        height: 50px;
    }
    /*company name bar*/
    .agency-head-wrap .btn-arrow{
        left: 2%;
    }

    /*--left menu--*/
    .rk-left-menu .menu-left {
        width: 435px;
        border-right: transparent;
        margin: 10px auto 0;
    }

    .menu-left>li {
        float: left;
        margin: 0 0 -1px;
    }

    .menu-left>li>a {
        border-radius: 4px 4px 0 0;
    }

    .menu-left>li.active>a, .menu-left>li.active>a:hover, .menu-left>li.active>a:focus {
        border-bottom-color: transparent;
        border-right-color: #ddd;
        z-index: 1;
    }

    .nav-tabs>li>a:hover {
        border-color: #ddd #eee #eee;
    }

    /*build step 1 setup*/
    .arrow-nav{
        margin: 7.5px 0;
    }
}

@media (max-width: 479px) and (min-width: 320px) {
    /*agency logo bar*/
    .agency-dash-head .navbar-brand {
        padding: 7px 15px;
        height: 50px;
    }

    /*company name bar*/
    .agency-head-wrap .btn-arrow{
        left: 2%;
    }

    /*--left menu--*/
    .rk-left-menu .menu-left {
        width: 303px;
        border-right: transparent;
        margin: 5px auto 0;
    }

    .menu-left>li {
        float: left;
        margin: 0 0 -1px;
    }

    .menu-left>li>a {
        border-radius: 4px 4px 0 0;
        padding: 10px 4px;
    }

    .menu-left>li.active>a, .menu-left>li.active>a:hover, .menu-left>li.active>a:focus {
        border-bottom-color: transparent;
        border-right-color: #ddd;
        z-index: 1;
    }

    .nav-tabs>li>a:hover {
        border-color: #ddd #eee #eee;
    }

    /*build step 1 setup*/
    .arrow-nav{
        margin: 7.5px 0;
    }


    /*build dashboard*/
    .bld-dir-list{
        overflow-x: auto;
    }

}


/*=================media quries for manage section================*/

@media (max-width: 1199px) and (min-width: 1024px) {
}

@media (max-width: 1023px) and (min-width: 992px) {
}


@media (max-width: 991px) and (min-width: 768px) {

    /*==manage dashboard page ==*/
    .dash-tr-progress {
        width: 48%;
    }
    .neg-rev-notify span {
        right: 5%;
    }

    /*.blue-star-sprite {*/
    /*width: 60px;*/
    /*background-size: 100% 600%;*/
    /*}*/
    /*== manage training dashboard page ==*/
    .tcurl-box {
        width: 325px;
    }

    /*--manage mail review page--*/
    .pad-768-rl-z{
        padding-right: 0;
        padding-left: 0;
    }

    .col-768-block{
        display: block;
        float: none;
        margin: 0 auto;
    }

    .report-optn-list .flex-it{
        display: block;
    }

    .report-optn-list .tog-gray-wrap {
        display: block;
        width: 105px;
    }

    /*manage dashboard*/
    .rev-dir-list{
        overflow-x: auto;
    }
}

@media (max-width: 767px) and (min-width: 685px) {
    /*== dashboard page ==*/
    .dash-tr-progress {
        width: 80%;
    }
    .neg-rev-notify span {
        right: 34%;
    }
    /*--manage mail review page--*/
    .mng-filter-tbl td:nth-child(3) {
        white-space: normal !important;
        min-width: 200px;
    }


    .report-optn-list .flex-it{
        display: block;
    }

    .report-optn-list .tog-gray-wrap {
        display: block;
        width: 105px;
    }
}

@media (max-width: 684px) and (min-width: 568px) {
    /*== dashboard page ==*/
    .dash-tr-progress {
        width: 77%;
    }
    .neg-rev-notify span {
        right: 31%;
    }
    /*--manage mail review page--*/
    .mng-filter-tbl td:nth-child(3) {
        white-space: normal !important;
        min-width: 200px;
    }

    .report-optn-list .flex-it{
        display: block;
    }

    .report-optn-list .tog-gray-wrap {
        display: block;
        width: 105px;
    }
}

@media (max-width: 567px) and (min-width: 480px) {
    /*== dashboard page ==*/
    .dash-tr-progress {
        width: 73%;
    }
    .neg-rev-notify span {
        right: 26%;
    }

    /*--manage mail review page--*/
    .mng-filter-tbl td:nth-child(3) {
        white-space: normal !important;
        min-width: 200px;
    }


    .report-optn-list .flex-it{
        display: block;
    }

    .report-optn-list .tog-gray-wrap {
        display: block;
        width: 105px;
    }
}

@media (max-width: 479px) and (min-width: 320px) {
    /*== dashboard page ==*/
    .dash-tr-progress {
        width: 65%;
    }
    .neg-rev-notify span {
        right: 24%;
    }

    /*--manage mail review page--*/
    .mng-filter-tbl td:nth-child(3) {
        white-space: normal !important;
        min-width: 200px;
    }

    .report-optn-list .flex-it{
        display: block;
    }

    .report-optn-list .tog-gray-wrap {
        display: block;
        width: 105px;
    }

    /*manage dashboard*/
    .rev-dir-list{
        overflow-x: auto;
    }

}