@media (max-width:320px) {
    .login-social-link a {
        padding: 15px 17px !important;
    }

    .notification-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
        display: none;
    }

    .inbox-wrapper aside {
        display: block ;
    }

    .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
        width: 100% ;
    }

    #top_menu .nav > li, ul.top-menu > li {
        float: right;
    }

    .hidden-phone {
        display: none !important;
    }

    .dataTables_filter {
        float: left;
    }

    .dataTables_info {
        margin-bottom: 10px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }

    .mail-option .inbox-pagination {
        margin-top: 10px;
        float: left;
    }

    .chart-position {
        margin-top: 0;
    }

}

@media (max-width: 480px) {

    .notification-row,.task_notificatoin_bar, .search-row,.knob-charts, .dont-show , .inbox-head .sr-input, .inbox-head .sr-btn{
        display: none;
    }

    .inbox-wrapper aside {
        display: block;
    }

    .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
        width: 100% ;
    }

    #top_menu .nav > li, ul.top-menu > li {
        float: right;
    }
    .hidden-phone {
        display: none !important;
    }

    .dataTables_filter {
        float: left;
    }

    .dataTables_info {
        margin-bottom: 10px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }

    .mail-option .inbox-pagination {
        margin-top: 10px;
        float: left;
    }

    .chart-position {
        margin-top: 0;
    }
}

@media (max-width: 740px) {
    #task_notificatoin_bar,#mail_notificatoin_bar,#alert_notificatoin_bar{
        display: none;
    }
}

@media (max-width: 767px) {

    .event-links {
        top: -35px;
    }

    .header {
        position: absolute;
    }

    .flex-row div[class*='col-'] {
        width: 100%;
    }

    /*sidebar*/

    .sidebar {
        height: auto;
        overflow: hidden;
        position: absolute;
        width: 100%;
        z-index: 1001;
    }

    /* body container */
    .main-content {
        margin: 0 !important;
    }

    .sidebar > ul > li > a > span {
        line-height: 35px;
    }

    .sidebar > ul > li {
        margin: 0 10px 5px 10px;
    }
    .sidebar > ul > li > a {
        height:35px;
        line-height:35px;
        padding: 0 10px;
        text-align: left;
    }
    .sidebar > ul > li > a i{
        /*display: none !important;*/
    }

    .mail-info, .mail-info:hover {
        display: none !important;
    }
    .sidebar ul > li > a .arrow, .sidebar > ul > li > a .arrow.open {
        margin-right: 10px;
        margin-top: 15px;
    }

    .sidebar ul > li.active > a .arrow, .sidebar ul > li > a:hover .arrow, .sidebar ul > li > a:focus .arrow,
    .sidebar > ul > li.active > a .arrow.open, .sidebar > ul > li > a:hover .arrow.open, .sidebar > ul > li > a:focus .arrow.open{
        margin-top: 15px;
    }

    .sidebar > ul > li > a, .sidebar > ul > li > ul.sub > li {
        width: 100%;
    }
    .sidebar > ul > li > ul.sub > li > a {
        background: transparent !important ;
    }
    .sidebar > ul > li > ul.sub > li > a:hover {
        /*background: #4A8BC2 !important ;*/
    }

    /* sidebar collabler */
    .sidebar .btn-navbar.collapsed .arrow {
        display: none;
    }

    .sidebar .btn-navbar .arrow {
        position: absolute;
        right: 35px;
        width: 0;
        height: 0;
        top:48px;
        border-bottom: 15px solid #282e36;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }

    .btn {
        margin-bottom: 5px;
    }

    .inbox-wrapper aside {
        display: block;
    }

    .inbox-wrapper .inbox-left , .inbox-wrapper .inbox-right{
        width: 100% ;
    }

    /* full calendar fix */
    .fc-header-right {
        left:25px;
        position: absolute;
    }

    .fc-header-left .fc-button {
        margin: 0 !important;
        top: -10px !important;
    }

    .fc-header-right .fc-button {
        margin: 0 !important;
        top: -50px !important;
    }

    .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
        background: none !important;
        color: #FFFFFF !important;
    }

    .fc-state-default, .fc-state-default .fc-button-inner {
        background: none !important;
    }

    .fc-button {
        border: none !important;
        margin-right: 2px;
    }

    .fc-view {
        top: 0 !important;
    }

    .fc-content {
        margin-top: 50px;
    }

    .fc-header-title h2 {
        line-height: 40px !important;
        font-size: 12px !important;
    }

    .fc-header {
        margin-bottom:0 !important;
    }

    .timeline-desk .album a {
        margin-bottom: 5px;
        margin-right: 4px;
    }

    .stepy-titles li {
        margin: 10px 3px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }

    .flex-row div[class*='col-'] {
        padding-left: 0;
        padding-right: 0;
    }

    .flex-row div[class*='col-'] {
        width: 100%;
        -webkit-flex-flow: column nowrap;
                -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    }

    .flex-xs-2 div[class*='col-'] {
        width: 50%;
        -webkit-flex: 1 1 49.9%;
        -ms-flex: 1 1 49.9%;
                flex: 1 1 49.9%;
    }

    .flex-xs-3 div[class*='col-'] {
        width: 33%;
    }

    .flex-xs-4 div[class*='col-'] {
        width: 25%;
    }

    .flex-xs-5 div[class*='col-'] {
        width: 20%;
    }

    .date .form-inline input {
        display: inline-block;
    }
    .my-clubs .edit-cnt, .my-clubs .dropzone {
        height: 281px;
    }
    .radio label, .checkbox label {
        padding-left: 0;
    }

    .input-group .input-group-btn .btn {
        margin-bottom: 0;
    }
} /* xs */

@media (max-width: 991px) {
	.social-chooser {
		  left: -50px;
		  width: 318px;
	}
	.social-chooser .form-group {
	  width: 220px;
	}

    .filters .form-inline .form-group,
    .filters .form-inline .form-control {
        display: inline-block;
    }
    .panel-side .panel-sidebar {
        border-radius: 0 0 3px 3px;
    }
    .panel-side .monthly .price {
        margin-bottom: 20px;
    }
    .page_staff .panel-side {
        margin: 20px 0;
    }
    .panel-side .panel-sidebar {
        display: block;
    }
    .trainers-headers div div {
        padding: 5px;
        font-size: 11px;
        line-height: 20px;
    }
    .trainers-names {
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .trainers-names a {
        margin: 0 10px;
    }

    .open-three .dateinput.singledate {
        margin-bottom: 10px;
    }
}

@media (max-width: 1199px) {
    .filters .dateinput:first-child {
        margin-left: 0;
    }
    .trainers-names a {
        font-size: 12px;
    }
}

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

    .inbox-wrapper .inbox-left {
        width: 30%;
    }

    .inbox-wrapper .inbox-right {
        width: 70%;
    }
    .month-buttons {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
                justify-content: flex-start;
    }
    .user-photo {
        margin: 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .flex-sm-2 div[class*='col-'] {
        width: 50%;
        -webkit-flex: 1 1 49.9%;
        -ms-flex: 1 1 49.9%;
                flex: 1 1 49.9%;
    }

    .flex-sm-3 div[class*='col-'] {
        width: 33%;
    }

    .flex-sm-4 div[class*='col-'] {
        width: 25%;
    }

    .flex-sm-5 div[class*='col-'] {
        width: 20%;
    }

    .panel-leftheading {
        width: 70px;
        padding: 5px;
    }

    .partition.work .form-inline .row > div:not(:last-child),
    .phones-wrapper,
    .social-wrapper {
        margin-bottom: 20px;
    }

    .placement .row>div {
        margin-bottom: 10px;
    }
    .my-clubs .edit-cnt, .my-clubs .dropzone {
        height: 281px;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-nav {
        margin: 7.5px 0;
    }

} /* sm */

@media (min-width: 992px) and (max-width: 1199px) {
    .filters .row:last-child>div:nth-child(2) {
        text-align: right;
    }
    .main-content .eight-weeks li {
        width: 16%;
    }
}

@media (min-width: 768px) {
    .main-content {
        margin-left: 180px;
    }
    .partition.contacts .el .input-group {
        width: 220px;
    }

    .panbar-main {
        position: absolute;
        width: calc(100% - 200px); /*keeps 100% minus nav size*/
        margin-left: 200px;
        float: right;
    }

    nav.panbar li {
        width: 100%;
    }

    .side-first {
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .flex-md-2 div[class*='col-'] {
        width: 50%;
        max-width: 50%;
        -webkit-flex: 1 1 49.9%;
        -ms-flex: 1 1 49.9%;
                flex: 1 1 49.9%;
    }

    .flex-md-3 div[class*='col-'] {
        width: 33%;
    }

    .flex-md-4 div[class*='col-'] {
        width: 25%;
        max-width: 25%;
    }

    .flex-md-5 div[class*='col-'] {
        width: 20%;
    }
    .event-links li i {
        margin-right: 40px;
    }
    .align-right {
        float: right;
    }
    .club-planning .row,
    .club-photos .row {
        margin-bottom: 10px;
    }
    .my-clubs .edit-cnt, .my-clubs .dropzone {
        height: 201px;
    }
    .partition.passwords1>.row>div:first-child {
        padding-right: 25px !important;
    }

    .partition.passwords1>.row>div:last-child {
        padding-left: 25px !important;
    }
    .edit-cnt  .edit-add-club {
        padding: 20px;
    }
    .filters .action,
    .filters .row:first-child>div:last-child,
    .filters .row:first-child>div:nth-child(2),
    .chart-legend .form-inline {
        text-align: right;
    }
    .page_billing .video,
    .page_billing-details .video {
        padding-left: 40px;
    }
    .panel-side {
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    .panel-side .panel-sidebar {
        width: 25%;
        float: right;
    }
    .panel-side .panel-body {
        width: 75%;
        float: left;
    }
    .payment-data .panel-section .form-group {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .panel-side .monthly .form-group {
        margin-bottom: 20px;
    }
    .panel-side-left .panel-sidebar {
        float: left;
    }
    .panel-side-left .panel-body {
        float: right;
    }
    .well-error .media-right {
        padding-left: 60px;
    }
    .page_staff .panel-side-left .panel-sidebar,
    .page_staff_edit .panel-side-left .panel-sidebar {
        border-radius: 4px 0 0 4px;
    }
    .page_staff .panel-side,
    .page_staff_edit .panel-side {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .src-trainers {
        margin: 27px 0 13px 0;
    }
    .faq-section {
        padding: 0 30px;
    }
    .sides {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .side-first {
        width: 25%;
        margin-bottom: 0;
    }
    .help-modal .modal-dialog {
        width: 780px;
    }
    .help-modal .side-second {
        width: 75% !important;
    }
    .trainers-names a {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    .edit-set-screen .form {
        margin-top: 30px;
    }
    .add-set-screen .daterange,
    .edit-set-screen .daterange {
        margin-top: 22px;
    }

    nav.panbar {
        height: 100%;
        float: left;
        z-index: 8000;
    }

    #amount_of_clubs {
        margin-left: 24%;
    }
    .assignments .action {
        text-align: right;
    }

} /* md */

@media (min-width: 1200px) {
    .flex-lg-2 div[class*='col-'] {
        width: 50%;
        -webkit-flex: 1 1 49.9%;
        -ms-flex: 1 1 49.9%;
                flex: 1 1 49.9%;
    }

    .flex-lg-3 div[class*='col-'] {
        width: 33%;
    }

    .flex-lg-4 div[class*='col-'] {
        width: 25%;
    }

    .flex-lg-5 div[class*='col-'] {
        width: 20%;
    }

    .my-clubs .edit-cnt, .my-clubs .dropzone {
        height: 259px;
    }
    .edit-cnt .edit-add-club {
        padding: 10% 15% 0;
    }
    .partition.contacts .el .input-group {
        width: 250px;
    }

    .filters .dateinput:last-child {
        margin-right: 50px;
    }
    .action-super .btn {
        height: 200px;
    }
    .main-content .eight-weeks li {
        width: 12.1%;
    }

} /* lg */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */
/*# sourceMappingURL=style-responsive.css.map */