/* Ace Responsive Menu Plugin, Version: 1.0, Author: Samson Onna, E-mail: samson3d@gmail.com */
.ace-responsive-menu { list-style: none; margin: 0; padding: 0; width:100%; text-transform: uppercase; }
.ace-responsive-menu li { list-style: none; line-height: 21px; text-align: left; }
.ace-responsive-menu li ul { display:none; }
.ace-responsive-menu > li { display: block; margin: 0; padding: 0; border: 0px; float: left; }
.ace-responsive-menu li a { font-weight: 400; transition:all 0.5s ease; }
.ace-responsive-menu > li > a { display: block; position: relative; margin: 0; border: 0px; padding: 10px 18px; text-decoration: none; font-size: 14px; color: #1a1a1a; }
.ace-responsive-menu li a i { padding-right: 5px; color: #1a1a1a; }
.ace-responsive-menu > li > a i { font-size: 16px; text-shadow: none; color: #1a1a1a; }
.ace-responsive-menu li ul.sub-menu li a i { padding-right: 10px; }
.ace-responsive-menu li .menu-active { position: relative; }
.ace-responsive-menu > li > a > .arrow:before { 
	vertical-align: -3px;
    margin-left: 15px;
    display: inline;
    font-size: 17px;
    font-family: "Material Symbols Outlined";
    height: auto;
    content: "\e5cf";
    text-shadow: none;
    display: inline-block;
}
.ace-responsive-menu li ul.sub-menu li > a > .arrow:before { content: "\e5ce" !important; }
.ace-responsive-menu > li > ul.sub-menu { display: none; list-style: none; clear: both; margin: 0; position: absolute; }
.ace-responsive-menu li ul.sub-menu { z-index: 9999; }
.ace-responsive-menu li ul.sub-menu > li { }
.ace-responsive-menu li ul.sub-menu li a { display: block; text-decoration: none; font-size: 13px; font-weight: normal; background: none; background: #1b1b1b; color: #FFF; }

/* .ace-responsive-menu > li > ul.sub-menu > li { position: relative; z-index: 9999; }
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu { position: absolute; left: 185px; top: 0px; display: none; list-style: none; }
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu { position: absolute; left: 210px; top: 0px; display: none; list-style: none; }
.ace-responsive-menu > li > ul.sub-menu li > a > .arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 0px;
    display: inline;
    font-size: 16px;
    font-family: "Material Symbols Outlined";
    height: auto;
    content: "\e5cf";
    font-weight: 300;
    text-shadow: none;
} */

#add-offer a { color: #FFF; background: #27a54a; border-radius: 6px; }
#add-offer a:hover { background: var(--hover-color); }

.menu-toggle { display: none; text-align: center; }
.menu-toggle .icon-bar { display: block !important; width: 28px; height: 4px; margin: 5px 0; background-color: #1a1a1a!important; }
#glowna .menu-toggle .icon-bar { background-color: #FFF!important; }
.menu-toggle #menu-btn:hover .icon-bar { background-color: var(--hover-color)!important; }
.menu-toggle #menu-btn { float: right; padding: 6px; border-radius: 3px; border: none!important; background: none!important; cursor: pointer; width: auto; }
.hide-menu { display: none; }

@media screen and (min-width: 1500px) {
	.ace-responsive-menu li a { padding: 8px 20px!important; }
	#add-offer { margin-left: 250px; }
}
@media screen and (min-width: 1200px) and (max-width: 1499px) {
	#add-offer { margin-left: 190px; }
}
@media screen and (min-width: 1200px) {
	.ace-responsive-menu li a { padding: 8px 12px; margin-bottom: 1px; }
	.ace-responsive-menu li a:hover { background: #FFF; color: var(--hover-color); }
	.ace-responsive-menu li ul.sub-menu > li { min-width: 270px; }
	.ace-responsive-menu li ul.sub-menu > li > a { margin-bottom: 0; padding: 10px 25px!important; }
	.ace-responsive-menu li ul.sub-menu li a:hover { background: var(--hover-color); }
	
	.ace-responsive-menu li ul.sub-menu > li:first-child a { border-top-left-radius: 3px; border-top-right-radius: 3px; }
	.ace-responsive-menu li ul.sub-menu > li:last-child a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
	
	.ace-responsive-menu li.menu-active > a { color: var(--hover-color); }	
}

@media screen and (max-width: 1199px) {
	ul#respMenu { display: none; background: #FFF; border-radius: 6px; }
    .demo { width:96%; padding:2%; }
    ul[data-menu-style="vertical"], ul[data-menu-style="accordion"], ul[data-menu-style="vertical"] li ul.sub-menu { width: 100% !important; } 
    .ace-responsive-menu { margin-top: 44px; width:100%; }
    .ace-responsive-menu > li { float: none; }  
	.ace-responsive-menu > li > a { padding: 12px 30px 14px; }	
	/* .ace-responsive-menu > li > a.przesun { padding-left: 55px; } */
    .ace-responsive-menu li a:hover, .ace-responsive-menu li.menu-active > a, .ace-responsive-menu li ul.sub-menu li a:hover { color: var(--hover-color); }
    .ace-responsive-menu > li > a i { padding-right: 10px; color: #FF5737; }
    .ace-responsive-menu > li > a > .arrow:before { float: right; content: "\e5cf"; }
    li.menu-active > a > .arrow:before { content: "\e5ce" !important; }
    .ace-responsive-menu li ul.sub-menu > li { width: 100%; }
	
	/* .ace-responsive-menu > li:first-child a { border-top-left-radius: 6px; border-top-right-radius: 6px; }
	.ace-responsive-menu > li:last-child a { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } */
	
	.ace-responsive-menu li ul.sub-menu > li > a { padding: 8px 30px; text-transform: none; background: #FFF; color: var(--main-color); font-weight: 700; }
    /* .ace-responsive-menu li ul.sub-menu li ul.sub-menu li a { padding-left: 30px; }  
    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a { padding-left: 50px; }  */
    .ace-responsive-menu > li > ul.sub-menu { position: static; }
    /* .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu { position: static; }
    .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu { position: static; }
    .ace-responsive-menu li ul.sub-menu li.menu-active > a > .arrow:before { content: "\e5ce" !important; }	 */
	.sub-menu li a { border-radius: 0!important; }
	
	#add-offer a { margin: 15px 25px; text-align: center; }
	#add-offer { padding-bottom: 10px; }
}