/* Responsive Styles
-------------------------------------*/

@media only screen and (min-width:320px) and (max-width:767px) {
    .header {
        height: 60px
    }
    .header .wrapper {
        padding: 0
    }
    .logo {
        float: none;
        margin: 7px auto 0;
        width: 50px;
        height: 50px;
        display: block;
        background: url(../images/default/small-logo.png) 50% 50% no-repeat
    }
    .logo img {
        display: none
    }
    .top-right ul li.icon {
        display: inline-block
    }
    .top-right {
        float: none;
        margin: 0;
        position: absolute;
        right: 10px;
        top: 12px
    }
    .top-right ul li {
        margin-left: 15px
    }
    .top-nav li>a>span.nn {
        display: inline-block;
        position: static;
        vertical-align: 5px;
    }
    .top-right ul li.user img {
        margin-right: 0
    }
    .top-right ul li.user a {
        font-size: 0;
        vertical-align: middle
    }
    .arrow:after {
        left: 84%
    }
    .message_box {
        right: -72px;
        top: 43px
    }
    .message_box:after {
        right: 21%
    }
    .menu-bar {
        font-size: 21px;
        color: #fff;
        line-height: 50px;
        display: block;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 5px;
        left: 14px
    }
    .menu-bar:hover {
        color: #fff
    }
    .menu-bar.active {
        color: #ffbe37
    }
    .top-nav {
        position: absolute;
        left: 0;
        right: 0;
        top: 60px;
        background-color: #001e2d;
        display: none;
        z-index: 9
    }
    .top-nav li {
        display: block
    }
    .top-nav li.media-none {
        display: table-cell !important
    }
    .top-nav li a {
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        line-height: 40px;
        text-align: left;
        padding: 0 15px;
    }
    /*.top-nav li:first-child > a {
	padding-left:15px !important
}*/
    .top-nav>li:last-child {
        margin: 0;
    }
    .top-nav li.child a.active {}
    .top-nav li a:focus,
    .top-nav li a:active {
        background-color: #000e15;
        color: #fff
    }
    .top-nav li a.sub-menu {
        background-position: 94% 19px
    }
    .top-nav li a.active.sub-menu,
    .top-nav li a.current.sub-menu {
        background-position: 94% -147px
    }
    .top-nav li.child div {
        position: static;
        width: 100%
    }
    .wrapper {
        padding: 0 15px
    }
    .bulletin-left,
    .bulletin-right {
        float: none;
        width: 100%
    }
    .bulletin-left {
        margin-bottom: 20px
    }
    /*.search-filter .search,
    .search-filter .select {
        width: 48%
    }*/
    .bulletin-left .list {
        max-height: 300px;
        overflow: auto;
        display: none
    }
    .grid-container li {
        width: 49%
    }
    .grid-container-list.grid-container li {
        width: 100%;
        padding-bottom: 0;
    }
    .grid-container li:nth-child(3n+3) {
        margin-right: 2%
    }
    .grid-container li:nth-child(2n+2) {
        margin-right: 0
    }
    .grid-container-list.grid-container .member-list {
        position: static;
        padding: 10px;
    }
    .grid-container-list.grid-container .member-list li {
        margin: 0 10px 10px 0;
    }
    .d-img-right {
        width: auto;
    }
    .col1 {
        float: none;
        width: 100%
    }
    .search-filter-opt1 .select {
        width: auto
    }
	.post-page-tab li {
		width:auto;
	}
    .post-page-tab li a {
        padding: 3px 12px 1px;
        border: none;
    }
    .post-page-tab li a>span {
        margin: 0;
    }
    .post-page-tab li a.current {
        border: none;
    }
    .post-page-tab li a.click,
    .post-page-tab li a.click {
        width: 30px;
    }
    .post-page-tab li.mobile-sub-nav {
        display: inline-block !important;
        float: right;
    }
    .post-page-tab li.mobile-sub-nav>a {
        text-align: center;
    }
    .tab-sub-nav {
        display: none !important
    }
    .upload-box {
        padding: 10px
    }
    .post-page-tab li ul li {
        border: none;
    }
    .post-page-tab li ul li a {
        border-bottom: 1px solid [main_bordcolor];
        margin: 0;
    }
    .post-page-tab li ul li a.current {
        border-bottom: 1px solid [main_bordcolor];
        background-color: #f6f6f6;
    }
    /*.member-invited li .options {
	margin-left:0
}*/
    .member-invited li .options>li {
        margin-right: 20px
    }
    .to-do-block {
        width: 100%;
        position: relative
    }
    .to-do-block li {
        display: block;
        width: 100% !important
    }
    .to-do-block li:nth-child(1) {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #f9ead5
    }
    .to-do-block li:nth-child(3) {
        position: absolute;
        right: 0;
        top: 0;
        width: auto !important
    }
    .report-graph {
        padding-top: 30px
    }
    .project-status,
    .project-form-inp {
        float: none
    }
    .project-status {
        margin-bottom: 20px
    }
    .post-meta li.more-link {
        margin-top: 0
    }
    .search-filter select {
        padding: 5px 0
    }
    .profile-wrap {
        float: none;
        margin: 0 0 20px;
        padding: 0;
        width: 100%
    }
    .facebox {
        left: 10px !important;
        right: 10px !important
    }
    .popup_wrap {
        min-width: 320px;
        width: 100%;
        left: 15%;
        margin: 0 auto
    }
    .two-half {
        width: 100%;
        padding: 0!important;
        float: none !important;
    }
    .task-details-left,
    .task-details-right,
    .task_dashboard .task-details-left,
    .task_dashboard .task-details-right {
        width: 100%;
        float: left;
    }
    .task-details-right {
        margin-bottom: 20px
    }
    .task-attach {
        width: 100%
    }
    .uploaded-row {
        position: relative
    }
    .uploaded-row .delete {
        position: absolute;
        right: 0;
        top: 0
    }
    .inline-boxes li {
        width: 100%;
        margin-right: 0
    }
    .top-nav-link {
        display: none
    }
    .filter-wrap li {
        width: 35%
    }
    .search-wrap {
        margin: 12px 0 0 15px
    }
    .milestone-row {
        height: auto;
    }
    .new-task-row .task-row-first,
    .new-task-row .task-row-last {
        float: none;
    }
    .new-task-row .task-row-first {
        margin-bottom: 6px;
    }
    .profile-width {
        float: none;
        width: auto;
        margin: 0 0 10px;
    }
    .basic_info .f_row.half_f_row {
        width: 100%;
    }
    .basic_info.search_box .f_row.half_f_row.fRight {
        margin-left: 0;
    }
    .sortable_block {
        width: 58%;
    }
    /* Add Task Popup */
    .add-task-left,
    .add-task-right {
        float: none;
        width: 100%;
    }
    .popup_footer .btn1[type="button"] {
        right: 0;
        top: 0;
    }
    /* 08-05-17 */
    .post-top h2 {
        margin-bottom: 0;
    }
    .breadcrumb {
        margin-right: 66px;
		margin-top:0;
    }
	.post-meta-icon {
		position:static;
		text-align:right;
		padding:0 0 10px;
	}
	.post-meta-icon li {
		margin:0 0 0 28px;
	}
    .default_body_wrap {
        padding-top: 110px;
    }
    .sub-header-right {
        position: absolute;
        top: 0;
        left: 50px;
    }
    .more-plus-box {
        left: -15px;
        right: inherit;
    }
    .to-do-rightpan-top {
        padding: 24px 0 0;
        margin: -27px 0 11px;
    }
    .to-do-rightpan-top .week-sorting li {
        margin: 0;
    }
    .to-do-rightpan .table-listing {
        width: 100%;
        margin: 0;
    }
    .timeline_tab {
        display: block;
    }
    .timeline_ul {
        display: none;
    }
    .timeline_ul:after,
    .timeline_ul li:after {
        content: inherit;
        background: none !important;
        border: none;
    }
    .timeline_ul li .round {
        right: -20px;
    }
    .timeline_ul li {
        width: auto;
        height: auto;
        display: block;
        text-align: left;
    }
    .timeline_ul li a {
        position: static;
        font-size: 13px;
        line-height: 30px;
    }
    .user_right p.next_rev {
        margin-bottom: 15px;
    }
    .user_right p.attac_data {
        width: 100%;
    }
    .timeline_ul {
        margin-top: -16px;
    }
    /*.project-status {
	width:48% !important;
}*/
    .project-status-wrap.project-status-wrap2 .project-status:last-child {
        float: none;
    }
    .project-status-wrap.project-status-wrap2 {
        height: auto;
        padding-bottom: 9px;
    }
    .icon-sets {
        border: none;
    }
    .tkt {
        height: auto;
    }
	li.project_side_switch_icon {
		display:none;
	}
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .section-topbar .n-filter-search>li .project-status {
        width: auto!important;
    }
    .section-topbar .n-filter-search {
        height: auto;
    }
	.discuss-post-block.post-block .user-meta {
		float:none;
		width:auto;
		margin:0 0 10px;
	}
	.discuss-post-block.post-block .discus-meta {
		text-align:left;
		float:none;
		width:auto;
		margin: 0 0 10px;
	}
}

@media only screen and (min-width:320px) and (max-width:460px) {
    .search-wrap {
        width: 92%;
    }
    .f_row_col3 select,
    .f_row_col3 input {
        width: 100%;
    }
    .f_row_col3 input.color {
        width: 92%;
    }
    .f_row.f_row_col3 {
        border-bottom: 1px solid [main_bordcolor];
        margin-bottom: 10px;
    }
    .project-graph-report {
        width: 100%;
    }
    .post-page-tab.project-page-tab2 li a {
        font-size: 13px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .post-page-tab li.right-plus {
        margin: 12px 12px 0;
    }
    .sublvl_1 {
        margin-left: 34px;
    }
    .sublvl_2 {
        margin-left: 69px;
    }
    .sortable_block {
        width: 100%;
    }
    .sortable_block.f_row_col3 input {
        width: 157px;
    }
    .member-invited li .options>li .status-select-dropdown {
        left: -142px;
    }
    .status-select-dropdown:after,
    .status-select-dropdown:before {
        left: 64%;
    }
    .document-listing.document-listing-list.photo-listing>li.__folderPhoto .d_name {
        float: none;
        width: auto;
    }
    .document-listing.document-listing-list.photo-listing>li .meta-data {
        text-align: left;
        float: none;
    }
    .import-options li {
        display: block;
    }
    .ic_opt_link {
        width: 48px;
    }
    .project-form-inp-task .adv,
    .project-form-inp-task .flink {
        margin-top: 5px;
    }
    .tkt_hirechy span {
        width: 74%;
        padding: 0 0 0 6px;
    }
    .tkt_hirechy span.fRight {
        width: auto;
        padding: 0 7px 0 0;
    }
}

@media only screen and (min-width:320px) and (max-width:460px) {
    .section-topbar .n-filter-search {
        float: none;
    }
    .project-status-wrap.project-status-wrap2 .project-status {
        width: 100%!important;
        margin: 0 0 10px!important;
    }
	.sortby-col {
		float:left;
	}
}

@media only screen and (min-width:610px) and (max-width:767px) {
    .add.click {
        float: right
    }
    .project-status-wrap.project-status-wrap2 .project-status {
        width: 26%!important;
        margin: 0 10px!important;
    }
	.sortby-col {
		width:auto;
	}
}

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

@media (max-width:860px) {}

@media (max-width:600px) {
    .post-data {
        padding-left: 0
    }
    .desk-none {
        display: block !important
    }
    .post-page-tab li.desk-none {
        display: inline-block !important
    }
    .media-none {
        display: none !important
    }
    .post-box-meta {
        padding-left: 10px
    }
    .post-box-meta ul li a {
        font-size: 13px
    }
    .upload-desc input[type="text"] {
        width: 79%
    }
    .upload-preview {
        width: 25%
    }
    .document-listing li {
        width: 43%
    }
    .member-invitees li {
        width: 50%
    }
    .back-link {
        float: none;
        margin-bottom: 10px
    }
    .to-do-filter.text_right {
        text-align: left !important
    }
    .member-invited li {
        width: 100%;
        border-right: none
    }
    .to-do-filter input {
        width: 150px;
        margin-right: -1px
    }
    .progress-wrap-inner {
        padding-left: 0
    }
    .progress-wrap-inner .user {
        position: static;
        float: left;
        margin-right: 10px
    }
    .projects-documents li:first-child {
        margin-left: 0
    }
    .projects-video {
        width: 100%
    }
    .member-filter a.back-link:last-child {
        float: right
    }
    .report-graph .graph-container,
    .report-graph .graph-container:last-child {
        width: 100%;
        padding: 0 0 15px 0
    }
    .report-graph .graph-container:last-child {
        padding-bottom: 0
    }
    .project-form-inp .inline-check {
        display: block;
        margin-bottom: 5px
    }
    .to-do-filter .project-form-inp input {
        width: 100%;
        height: 30px;
        margin: 0 0 -1px 0
    }
    .to-do-filter .project-form-inp input[type="checkbox"] {
        width: auto;
        height: auto;
        margin-right: 5px
    }
    .to-do-filter .project-form-inp2 input {
        width: 70%
    }
    .to-do-filter .project-form-inp2 input.btn {
        width: 25px
    }
    .project-filter {
        position: relative
    }
    /*sdsdsd*/
    .add {}
    .project-form-inp>.more_box {
        top: -19px
    }
    .task-row .icon {
        width: 8%
    }
    .task-row .text {
        width: 90%
    }
    .task-row .action-links {
        padding: 10px 0 0;
        float: none;
        clear: both;
        text-align: left
    }
    .task-row .action-links a {
        margin-left: 20px
    }
    .pagination {
        text-align: center
    }
    .results-text,
    .pagination ul {
        float: none
    }
    .small-inputs {
        width: 100%;
        padding: 15px 0 0 0
    }
    .project-todo-filter .small-inputs input {
        width: 42%
    }
    .profile-left {
        float: none;
        margin: 0 0 20px
    }
    /*21-10-16*/
    .popup_wrap .profile-left {
        float: none;
        padding: 0;
        margin-bottom: 20px;
    }
    .grid-container li {
        width: 100%;
    }
    .due-date {
        padding: 0;
    }
    .timelog-row .date-col {
        margin-bottom: 10px;
    }
    .timelog-row .comment-col {
        width: 78%;
    }
    .to-do-calander {
        width: 100%;
        float: none;
    }
    .to-do-rightpan {
        padding-left: 0;
        padding-right: 0;
    }
    .search-wrap {
        width: 92%;
    }
    .idea_caim_toppannel {
        height: auto;
    }
    ul.idea_menu,
    .idea_caim_filter {
        float: none;
    }
}

@media only screen and (min-width:768px) and (max-width:860px) {}

@media only screen and (min-width:768px) and (max-width:1024px) {}

@media only screen and (min-width:960px) and (max-width:1098px) {}

@media only screen and (min-width:860px) and (max-width:1024px) {}

@media only screen and (min-width:320px) and (max-width:767px) {
    .project-status-wrap,
    .project-status-wrap.project-status-three {
        float: none;
        width: auto;
    }
    .project-filter .check {
        line-height: normal;
    }
    .project-status {
        display: inline-block;
        margin: 0 20px 10px 0;
        vertical-align: top;
    }
    .project-status ul.priorit-type li input[type="checkbox"] {
        margin: 2px 4px 0 0;
    }
    .advance-search-task {
        margin: 10px 0 0;
        position: relative;
        top: 0;
    }
    .advance-search-task:after {
        left: 12%;
    }
    .advance-search-div {
        width: 100%;
        margin: 0 0 10px;
    }
    .icon-sets {
        position: absolute;
        right: 17px;
        top: 0;
    }
    .project-form-inp-task .add {
        margin-left: 12px;
    }
    .search-wrap .select2-container,
    .search-wrap .select2-search__field {
        width: 100% !important;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {}