/* ===================================
GIFT MODA - PREMIUM RENKLI MENU
TICIMAX RESIMLIMENU1
=================================== */
@media screen and (min-width: 992px) {
body #header .navigation {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
body #header .navigation #ResimliMenu1,
body #header .navigation ul.ResimliMenu1.navUl {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
justify-content: space-between !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 62px !important;
margin: 0 auto !important;
padding: 0 !important;
background: linear-gradient(
100deg,
#39266B 0%,
#A52A91 27%,
#ED174B 49%,
#138EC2 73%,
#38A946 100%
) !important;
border: 0 !important;
border-radius: 12px !important;
box-shadow:
0 7px 20px rgba(57,38,107,.22) !important;
}
body #header .navigation #ResimliMenu1 > li {
position: relative !important;
display: block !important;
float: none !important;
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-right: 1px solid rgba(255,255,255,.2) !important;
transition: background .3s ease !important;
}
body #header .navigation #ResimliMenu1 > li:last-child {
border-right: 0 !important;
}
body #header .navigation #ResimliMenu1 > li > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
float: none !important;
width: 100% !important;
height: 100% !important;
min-height: 62px !important;
padding: 10px 8px !important;
box-sizing: border-box !important;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-align: center !important;
text-decoration: none !important;
white-space: normal !important;
background: transparent !important;
border: none !important;
text-shadow: 0 1px 3px rgba(0,0,0,.18);
transition: background .3s ease !important;
}
body #header .navigation #ResimliMenu1 > li:hover {
background: rgba(255,255,255,.17) !important;
}
body #header .navigation #ResimliMenu1 > li:hover > a {
color: #fff !important;
background: rgba(255,255,255,.07) !important;
}
body #header .navigation #ResimliMenu1 > li:first-child {
border-radius: 12px 0 0 12px !important;
}
body #header .navigation #ResimliMenu1 > li:last-child {
border-radius: 0 12px 12px 0 !important;
}
/* Alt menulerin mevcut davranisini koru */
body #header .navigation #ResimliMenu1 > li > ul,
body #header .navigation #ResimliMenu1 > li > div {
color: #222;
}
}