@media (max-width: 767px) {
	.page-aside {width: 100%;display: block;height: auto;position: relative;	}
	.page-aside div.fixed, .page-aside > div {width: 100%;display: block;position: relative;}
	.sign-up-container .middle-sign-up {width: 100%;position: static;margin: 0;}
	.forgotpassword-container .middle {width: 100%;}
	.forgotpassword-container {padding: 20px;}
	.sign-up-container .middle-sign-up .block-flat {	border-radius: 0;} 
	
	.mod-gallery-list .item .for-mobile{display:block;}
	.mod-gallery-list .item .for-mobile a{margin-right:10px;font-size:15px;}
	.mod-gallery-list .item.w2 {width: 100%;}  
	.mod-gallery-list .item {width:49%;float:left;}
	.mod-gallery-list .item:nth-child(n) {margin-right:5px;}
	
	.page-aside.email .mail-nav, .page-aside.app .app-nav {margin-top: 0;padding: 0;width: 100%;border-bottom: 1px solid #E5E5E5;	}
	.page-aside.email .mail-nav .compose, .page-aside.app .app-nav .compose {border-top: 1px solid #E5E5E5;background: #FCFCFC;}
	.page-aside.email div.content, .page-aside.app div.content {border-bottom: 1px solid #E5E5E5;}
	.page-aside.email .mail-nav.collapse, .page-aside.app .app-nav.collapse {	display: none;}
	.page-aside.email .mail-nav.collapse.in, .page-aside.app .app-nav.collapse.in {display: block;}
	.page-aside.email .nano .content {position: static;padding: 0;overflow: visible;}
	.message .mail {border-top: 0;}  
	table.information .btn span {display: none;}
	.profile-info .personal, .profile-info .avatar {text-align: center;}
	.profile-info .avatar {margin-bottom: 10px;} 
	.cl-mcont.aside {display: block;}
	.page-aside.codeditor {display: block;}
	.aside .content {display: block;}
	.page-aside > div {width: 100%;}
	.cl-mcont.aside > .content {display: block;}
	.page-aside.codeditor .mail-nav ul li {display: block;}
	.page-aside.codeditor .mail-nav {margin-top: 0;padding: 0;width: 100%;border-bottom: 1px solid #E5E5E5;}
	.page-aside.codeditor .mail-nav .compose {border-top: 1px solid #E5E5E5;background: #FCFCFC;}
	.page-aside.codeditor div.content {border-bottom: 1px solid #E5E5E5;}
	.page-aside.codeditor .mail-nav.collapse {display: none;}
	.message .mail {border-top: 0;}  
	.pie-widget .stats > div:first-child {margin-bottom: 20px;} 
	.wizard-row .fuelux {position: static;}
	.custom-width {width: 90%;max-width: none;} 
	.page-aside.tree .header {border-bottom: 1px solid #E5E5E5;}
	.tree .nano .content {position: static;overflow: visible;	}
	.treeview.collapse {	display: none;}
	.treeview.collapse.in {display: block;} 
	.fc-header .fc-header-left, .fc-header .fc-header-center, .fc-header .fc-header-right {text-align: center;display: block;width: 100%;padding: 20px;}
	.fc-header .fc-header-center {padding: 0;}  
	#wrapper {padding-top: 0;display: block;}
	#pcont, #pcontinside, .sb-collapsed #pcont {margin-left: 0;display: block;	}
	.cl-mcont {padding: 15px;}
	
	/*nav bar*/
	.navbar {padding-right: 10px;}
	.navbar-fixed-top {position: relative;margin: 0;	}
	
	/*dropdown menu*/
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #FFF;}
	.navbar-default .navbar-nav .dropdown-submenu > a:after {	border-width: 0;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #FFF;}
	.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus, .navbar-nav .dropdown-submenu:hover > a {background-color: transparent;}
	.navbar-nav .dropdown-submenu ul {display: block;padding-left: 20px;}
	.navbar-nav .dropdown-header {color: #FFF;}
	.navbar-nav .col-menu-2 > li > ul > li a {	color: #FFF;padding-left: 45px;}
	.navbar-nav .col-menu-3 > li > ul > li a {	color: #FFF;padding-left: 45px;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, 
	.navbar-nav > .active > a:active {background: transparent !important;	color: #FFF !important;	}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
	.navbar-nav > li > a:active {text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);}
	.not-nav {text-align: center;background: #93c32f;border-top: 1px solid #93c32f;margin: 0;}
	
	.navbar-default .navbar-nav > li.button {float: none;display: inline-block;padding: 10px 4px;top: 100%;}
	.not-nav > li > .dropdown-menu {text-align: left;}
	.navbar-default .navbar-nav > li.button > a > i {font-size: 17px;vertical-align: middle;	}
	.navbar-default .navbar-nav > li.button .dropdown-menu {position: absolute;background-color: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.15);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	border-top: 0;margin-left: -110px;	}
	.navbar-default .navbar-nav > li.button .dropdown-menu > li > a {text-align: left;}
	.navbar-collapse {padding: 0 !important;	}
	.navbar-collapse .navbar-nav {margin: 0;}
	.profile_menu {margin: 0;}
	.profile_menu .dropdown-toggle {	padding-left: 15px;}
	.navbar-default .navbar-brand {width: auto;}
	.user-nav {margin: 7.5px -15px;}
	.navbar-collapse.in {overflow: visible;}
	#head-nav {padding: 0;}
	#head-nav .navbar-nav {padding: 0 10px;}
	.navbar-header {	padding: 0 10px;}
	.col-menu-2 > div:first-child {border-right: 0;}
	/*end - dropdown*/
	
	.sidebar, .sb-collapsed .sidebar {background: none repeat scroll 0 0 #272930;width: 100%;position: relative;z-index: 1020;display: block;padding-bottom: 0;}
	#wrapper.fixed-menu .menu-space, #wrapper.fixed-menu.sb-collapsed .menu-space {	position: relative;height: auto !important;width: 100%;}
	#wrapper .menu-space {min-height: 0 !important;}
	#wrapper.fixed-menu .menu-space .content, #wrapper.fixed-menu.sb-collapsed .menu-space .content {overflow: visible;position: relative;}
	.sb-collapsed .sidebar-nav .parent > a {background: url("../images/arrow.png") no-repeat scroll right 14px top 18px rgba(0, 0, 0, 0);}
	.sb-collapsed .sidebar-nav li a span {opacity: 1;}
	.sb-collapsed .sidebar-nav li a i {font-size: 14px;margin-right: 7px;text-align: center;width: 20px;}
	.sb-collapsed .sidebar-nav li.open ul {display: block !important;}
	.sidebar .cl-toggle {display: block;}
	.sidebar .sidebar-nav {display: none;}
	.sidebar .side-user {	display: none;}
	
	/*Stats*/
	.butstyle {width: 100%;margin-right: 10px;margin-left: 0;max-width: 45%;	}
	
	/*Forms*/
	.form-horizontal.group-border .form-group {padding: 5px 0 15px 0;}
	.form-horizontal.group-border .form-group label {margin-bottom: 7px;}
	.form-horizontal.group-border-dashed .form-group label {margin-bottom: 7px;}
	
	/*Buttons*/
	/*Login*/
	.login-container .middle-login {width: 100%;margin-left: 0px;padding: 0 15px;left: auto;}
	.sidebar .collapse-button {display: none;	}  
	
	
}

@media (min-width: 768px) and (max-width: 979px) {
	.custom-width {width: 60%;max-width: none;}
	.butstyle {width: 30.9%;}
	.butstyle:first-child {margin-left: 0;}
	.navbar-default .navbar-brand {background-position: 0 11px;height: 50px;width: 45px;padding-left: 26px;}
	.navbar-default .navbar-brand span {display: none;}
	.sidebar {width: 55px;}
	#pcont {margin-left: 55px;}
	#pcontinside {margin-left: 55px;}
	#wrapper.fixed-menu .menu-space {width: 55px;}
	.sidebar-nav li {position: relative;}
	.sidebar-nav .parent a {background: none;}
	.sidebar-nav li a i {margin: 0;font-size: 17px;}
	.sidebar-nav li a span {opacity: 0;width: 0;height: 0;}
	.sidebar .side-user {display: none;}
	.sidebar .sidebar-nav {display: block !important;}
	.sidebar-nav li ul {display: none !important;}
	.sidebar .collapse-button {display: none;}
	.sidebar .collapse-button .search {display: none;}  
	
	.mod-gallery-list .item {width:49%;}
	.mod-gallery-list .item:nth-child(n) {margin-right:5px;}		
}

@media screen and (min-width: 1500px) {
	.cbp_tmtimeline > li .cbp_tmtime {	padding-right: 130px;}
}

/*RESPONSIVE*/
/*Responsive CSS*/
@media (min-width: 1200px) {
	.sidebar .sidebar-nav {display: block !important;}

}
@media (min-width: 980px) and (max-width: 1199px) {
	.sidebar .sidebar-nav {display: block !important;}
}

@media only screen and (max-width:479px){
	h3.alert-full{font-size:12px;padding:20px 15px;}
	.alert-full span{margin-top:-10px;}
	.mod-gallery-list .item {width:100%;}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 	
	.mod-gallery-list .item {width:100%;}
	.mod-gallery-list .item:nth-child(n) {margin-right:5px;}	 
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
	.mod-gallery-list .item {width:24%;}
	.mod-gallery-list .item:nth-child(n) {margin-right:5px;}	
}