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

    #sidebar-wrapper {margin-left: 0;}
    #page-content-wrapper {min-width: 0;width: 100%;}
    #wrapper.toggled #sidebar-wrapper {margin-left: -26rem;}

   .navbar-nav.navigation_menu>li>a {padding: 25px 37px;font-size: 16px;line-height: 20px;}
   .navbar_main .navbar-collapse {padding-left: 0;}
   .navbar_main .caret {
        display: none;
        width: 20px;
        height: 0;
        vertical-align: middle;
        border-top: 14px dashed;
        border-top: 4px solid 9px;
        border-right: 9px solid transparent;
        border-left: 9px solid transparent;
        position: absolute;
        bottom: -14px;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 99999;
    }
    .navbar_main .open .caret {display: block !important;}
    .navbar_main .open>.dropdown-menu {
        display: inline-flex;
        padding: 0;
        border: none;
    }
    .navbar_main .dropdown-menu>li>a:focus, 
    .navbar_main .dropdown-menu>li>a:hover {
        color: #ffffff;
        text-decoration: none;
        background-color: #3b86ff;
    }
    .navbar_main .dropdown-menu>li>a {
        display: block;
        padding: 20px 36px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #fff;
        white-space: nowrap;
        background: #43425d;
    }

}

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

	.container-fluid .col-sm-8,
	.container-fluid .col-sm-7,
	.container-fluid .col-sm-5,
	.container-fluid .col-sm-4 {width: 100%;margin-bottom: 15px;}
	h6.space_height { display: none;}
	.col-sm-4 .box_calendar {height: auto;}
	.navcation_point {margin: 0px -18px;}
	.head_login img {
    	padding-bottom: 18px;
    	max-width: 275px;
	}
	.login-form .form-group {margin-bottom: 25px;}
	.login-form .m-login__container {max-width: 360px; }
	.head_login h4 {padding-bottom: 20px; }
	.bar_section {padding: 1px 20px 10px 20px;}
    .hover_block .progress_intra {
        margin: 14px 5px 25px 9px;
        width: 70%;
        display: block;
    }
    .progress_intra {
        margin: 0px 15px 20px 0px;
        width: 40%;
        position: relative;
    }
    .hover_intra .hover_block {
        width: 57%;
        top: 10%;
        right: 0;
    }
    .hover_block .progress_intra:hover:after {
        right: 46%;
        transform: none;
        top: unset;
   }

}

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

	.box_calendar {height: auto;padding: 18px 10px;}
	a.ui-datepicker-prev.ui-corner-all {left: 6%;}
	a.ui-datepicker-next.ui-corner-all {right: 6%;}
	table.ui-datepicker-calendar tr th, 
	table.ui-datepicker-calendar tr td {
        margin: 0;
        display: inline-table;     
        width: 2.2em;
        height: 2.2em;
        line-height: 2.2em;
    }
	.textslider .item {height: 280px;}
	.navcation_point {margin: 0px -10px;bottom: 0px;}
	.chart_progress .col-sm-3 {width: 33.3333%;}
	.head_login img {padding-bottom: 18px;max-width: 275px;}
	.login-form .form-group {margin-bottom: 15px;}
	.login-form .m-login__container {max-width: 360px; }
	.head_login h4 {padding-bottom: 20px; }
    .hover_block .progress_intra {
        margin: 14px 5px 25px 15px;
        width: 90%;
        display: block;
    }
    .progress_intra {margin: 0px 15px 20px 0px;width: 50%;}
    .hover_intra .hover_block {width: 50%;top: 10%;right: 0;}

}

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

	.chart_progress .col-sm-3 {width: 100%; }
	 body.login-body {height: auto;}
	.login-wrap {display: block;}
	.login-wrap .login-img, .login-wrap .login-form {
    	display: block;
    	flex-direction: unset; -moz-flex-direction: unset; -webkit-flex-direction: unset;
    	width: 100% !important;
	}
	.login-wrap .login-form {padding: 35px 0; height: 100vh;}
	.login-form .form-group { margin-bottom: 25px;}
	.login-wrap .login-img {display: none !important;}
	.ui-datepicker-multi-2 {: 100% !important;display: block !important;}
	.ui-datepicker-group {width: 100%;position: relative;}
    .ui-datepicker-header {padding: 24px 0px 6px 0px;}
    .user-img img {height: 36px;width: 36px;}
    .dropdown_right .dropbtn {padding: 0px 6px;font-size: 14px;}
    .admin_panel .container-fluid.pt-50 {padding-top: 10px;}
    button#menu-toggle {padding: 5px 11px;}
    .heading_pages h2 {margin-top: 10px;font-size: 25px;line-height: 31px;}
    .navbar_main .navbar-collapse {padding-left: 15px;}
    .navbar-default .navbar-nav.navigation_menu>.active:after {display: none;}
    .navigation_menu li.menu-item {border-bottom: 1px solid #2b2a43;}

    .navbar_main .navbar-collapse {border-top: 1px solid #2b2a43;box-shadow: none;}
    .navbar-toggle {background-color: #249efa !important;border: 1px solid #249efa !important;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #fff !important;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff !important;padding: 10px 26px;}
    .navbar-nav .open .dropdown-menu {padding: 0;}
    ul.nav.navbar-nav.navigation_menu {margin: 0px -15px;}
    .hover_intra .hover_block {
        position: static;
        width: 100%;
        top: 0;
        right: 0;
        left: 0;
    }
    .hover_block .progress_intra {margin: 6px 8px 16px 17px;width: 92%;}
    .progress_intra {margin: 0px 15px 20px 0px;width: 100%;}
	
}