@media (max-width:979px){
	#main-nav {
		background: #494946;
		
		height: 100%;
		display: block;
		position: absolute;
		z-index: 999;
		min-height: 100%;
		float: left;
		width: 42px;
		-webkit-transition: width 0.5s ease-in-out;
		-moz-transition: width 0.5s ease-in-out;
		-o-transition: width 0.5s ease-in-out;
		transition: width 0.5s ease-in-out;
	}
	#main-nav:before {
		width: 42px;
		-webkit-transition: width 0.5s ease-in-out;
		-moz-transition: width 0.5s ease-in-out;
		-o-transition: width 0.5s ease-in-out;
		transition: width 0.5s ease-in-out;
	}
	
	#main-nav > ul li { 	
		min-height: 40px; 
		border-bottom: 1px solid #474745; 
		border-top: 1px solid #50504f; 
		vertical-align: top; 
		position:relative; 
	}

	#main-nav > ul > li div, 
	#main-nav > ul > li a {		
		font-weight: bold;
		padding: 5px 5px 5px 5px; 
		font-size: 11px; 
		color: #ddd; 
		display:block ; 
		cursor: pointer;
		text-align: center;
	}

	#main-nav > ul > li div > span,
	#main-nav > ul > li a > span {
		display: none;
		font-weight: bold;
		color: #fff;
		text-align: left;
		margin-top: 8px;
	}

	#main-nav > ul > li > div > .icon,
	#main-nav > ul > li > a > .icon {
		position:static; 
		float: left;
		display: block;
		font-weight: 300;
		margin-left: 6px;
		margin-top: 7px;
		margin-bottom: 7px;
	}

	#main-nav > ul > li.active{
		background: #00aaad;
		border-top: 1px solid #00aaad;
		border-bottom: 1px solid #00aaad;
	}


	#main-nav > ul > li > ul > li a , #main-nav.meniu-responsiv-min .submenu li a span {
		font-size: 10px;
		color: #B2B2B2 !important;
	}
	#main-nav > ul > li > ul > li .icon {
		float: left;
		padding-left: 10px;
	}
	.rightSection {
		margin-left: 42px;
		  -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
	}

	#main-nav.meniu-responsiv-min {
		width: 170px !important;
	}
	#main-nav.meniu-responsiv-min > ul > li div > span,
	#main-nav.meniu-responsiv-min > ul > li a > span {
		display: block !important;

	}

	#main-nav .submenu li a span {
		margin-top: 0!important;
		font-weight: 200;
	}

	#main-nav .submenu.opened ul {
		width: 170px;
		top: 0;
		left: 42px;
		position: absolute;
		height: 0;
	}
	#main-nav.meniu-responsiv-min .submenu.opened ul {
		width: 170px;
		top: 0;
		left: 170px;
		position: absolute;
	}


	.submenu.opened ul li a span{
		display: block !important;
	}
	#main-nav > ul li:before ,#main-nav > ul li.opened:before , #main-nav > ul > li.submenu:before {
		display: none;
		background: none;
	}
	#user-info {
		width: 390px;
	}
	#user-info .notifications {
		width: 210px;
	}
	#user-info .notifications li {
		width: 37px;
	}
	#main-logo img {
		max-width: 100%;
	}
	#main-logo {
		width: 30%;
	}
}




@media (min-width:979px){
	#main-nav.nav-main-large , #main-nav.nav-main-large:before {
		width: 42px;
		-webkit-transition: width 0.5s ease-in-out;
	    -moz-transition: width 0.5s ease-in-out;
	    -o-transition: width 0.5s ease-in-out;
	    transition: width 0.5s ease-in-out;
	}
	#main-nav.nav-main-large li a span{
		display: none; 
	}
	#main-nav.nav-main-large > ul li:before ,
	#main-nav.nav-main-large > ul li.opened:before , 
	#main-nav.nav-main-large > ul > li.submenu:before {
		display: none;
		background: none;
	}
	#main-nav.nav-main-large > ul > li > div > .icon,
	#main-nav.nav-main-large > ul > li > a > .icon {
		display: block;
		font-weight: 300;
	}
	#main-nav.nav-main-large > ul > li div > span,
	#main-nav.nav-main-large > ul > li a > span {
		display: none;
		font-weight: bold;
		color: #fff;
		text-align: left;
	}

	#main-nav.nav-main-large .submenu li a span {
		margin-top: 0!important;
		font-weight: 200;
	}

	#main-nav.nav-main-large .submenu.opened ul {
		width: 170px;
		top: 0;
		left: 42px;
		position: absolute;
		height: 0;
	}

	.nav-main-large .submenu.opened ul li a span{
		display: block !important;
	}


	#main-nav.nav-main-large > ul > li > ul > li a , #main-nav .submenu li a span {
		font-size: 10px;
		color: #B2B2B2 !important;
	}
	#main-nav.nav-main-large > ul > li > ul > li .icon {
		float: left;
		padding-left: 10px;
	}

	#main-nav.nav-main-large > ul > li div, 
	#main-nav.nav-main-large > ul > li a {		
		font-weight: bold;
		padding-left: 5px ; 
		font-size: 11px; 
		color: #ddd; 
		display:block ; 
		cursor: pointer;
		text-align: center;
	}
	.rightSection.nav-main-large {
		margin-left: 42px;
		-webkit-transition: padding 0.5s ;
		-moz-transition: padding 0.5s ;
		-o-transition: padding 0.5s ;
		transition: padding 0.5s ;
	}

}


@media (max-width:500px){
	#breadcrumb ul.top-nav li {
		float: none;
	}
}