/** MyServis Bilişim özel tasarım kodları **/


/* =========================================================
   MyServis Bilişim - Mega Menü ve SEO Sayfa Düzeni
   ========================================================= */
.header_style_01 .navbar-nav.site-main-menu { float: none !important; display: flex; justify-content: flex-end; align-items: center; }
.header_style_01 .navbar-nav.site-main-menu > li { position: relative; }
.header_style_01 .navbar-nav.site-main-menu > li > a { font-size: 14px; font-weight: 700; padding-left: 11px; padding-right: 11px; }
.header_style_01 .navbar-nav.site-main-menu > li > a:hover,
.header_style_01 .navbar-nav.site-main-menu > li > a:focus { color:#f26b21; background: transparent; }
@media (min-width: 768px) {
    .header_style_01 .navbar-nav.site-main-menu > li.dropdown:hover > .dropdown-menu,
    .header_style_01 .navbar-nav.site-main-menu > li.dropdown:hover > .mega-menu { display: block; }
    .header_style_01 .navbar-nav.site-main-menu > li > .dropdown-menu,
    .header_style_01 .navbar-nav.site-main-menu > li > .mega-menu {
        left: 0 !important; right: auto !important; top: 100% !important; margin-top: 0 !important; transform: none !important; z-index: 99999;
    }
    .header_style_01 .dropdown-menu { min-width: 245px; padding: 8px 0; border: 0; border-top: 3px solid #f26b21; border-radius: 0 0 7px 7px; box-shadow: 0 12px 28px rgba(0,0,0,.16); background:#fff; }
    .header_style_01 .dropdown-menu > li > a { padding: 10px 17px; font-size: 13px; color:#333; line-height:1.35; white-space: normal; }
    .header_style_01 .dropdown-menu > li > a:hover,
    .header_style_01 .dropdown-menu > li > a:focus { color:#fff; background:#f26b21; }
    .header_style_01 .mega-dropdown { position: relative !important; }
    .header_style_01 .mega-menu { width: 1040px; max-width: calc(100vw - 30px); padding: 18px; border:0; border-top:3px solid #f26b21; border-radius:0 0 8px 8px; background:#fff; box-shadow:0 14px 35px rgba(0,0,0,.18); }
    .mega-row { display:flex; gap:16px; align-items:flex-start; }
    .mega-col { flex:1; min-width: 0; }
    .mega-col-epson { flex:1.15; }
    .mega-col h4 { margin:0 0 8px; padding-bottom:6px; border-bottom:1px solid #eeeeee; font-size:14px; font-weight:800; color:#222; }
    .mega-col h4 a { color:#222; }
    .mega-col h4 a:hover { color:#f26b21; }
    .mega-col ul { list-style:none; padding:0; margin:0 0 10px; }
    .mega-col ul li a { display:block; padding:5px 0; color:#333; font-size:12.5px; line-height:1.25; }
    .mega-col ul li a:hover { color:#f26b21; padding-left:4px; }
    .mega-issues { background:#f8f8f8; border-radius:8px; padding:10px; }
    .mega-note { margin:8px 0 0; font-size:12px; line-height:1.45; color:#666; }
    .mega-bottom { border-top:1px solid #eee; margin-top:12px; padding-top:10px; font-size:13px; font-weight:700; }
    .mega-bottom a { color:#f26b21; }
    .ariza-dropdown { min-width: 270px !important; }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .header_style_01 .navbar-nav.site-main-menu > li > a { font-size:13px; padding-left:7px; padding-right:7px; }
    .header_style_01 .mega-menu { width: 900px; }
    .mega-row { gap:10px; }
    .mega-col ul li a { font-size:12px; }
}
@media (max-width: 767px) {
    .header_style_01 .navbar-nav.site-main-menu { display:block; float:none !important; margin:0; }
    .header_style_01 .navbar-collapse { max-height:80vh; overflow-y:auto; }
    .header_style_01 .navbar-nav.site-main-menu > li > a { padding:12px 18px; border-bottom:1px solid rgba(0,0,0,.08); }
    .header_style_01 .dropdown-menu,
    .header_style_01 .mega-menu { position:static !important; float:none; width:100% !important; max-width:100%; padding:0; margin:0; border:0; box-shadow:none; background:#f7f7f7; }
    .mega-row { display:block; }
    .mega-col { padding:10px 22px; border-bottom:1px solid rgba(0,0,0,.06); }
    .mega-col h4 { margin:0 0 6px; font-size:14px; }
    .mega-col ul { margin:0 0 8px; padding:0; list-style:none; }
    .mega-col ul li a { display:block; padding:7px 8px; color:#333; font-size:13px; }
    .mega-bottom { padding:12px 22px; }
    .header_style_01 .dropdown-menu > li > a { padding:10px 30px; font-size:13px; color:#333; }
    .header_style_01 .dropdown-menu > li > a:hover,
    .header_style_01 .dropdown-menu > li > a:focus { color:#fff; background:#f26b21; }
}
.model-hero { padding:60px 0; background:#f8f8f8; }
.model-hero h1 { font-size:36px; font-weight:800; margin-bottom:15px; }
.model-hero p { font-size:16px; line-height:1.7; }
.service-card { background:#fff; border:1px solid #eee; border-radius:10px; padding:22px; margin-bottom:22px; box-shadow:0 5px 18px rgba(0,0,0,.04); }
.service-card h2, .service-card h3 { margin-top:0; font-weight:800; }
.warning-box { background:#fff4ec; border-left:5px solid #f26b21; padding:14px 16px; margin:15px 0; color:#333; }
.model-list-grid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:14px; }
.model-list-grid a { display:block; padding:12px 14px; background:#fff; border:1px solid #eee; border-radius:8px; font-weight:700; }
.model-list-grid a:hover { border-color:#f26b21; color:#f26b21; }
@media (max-width: 991px) { .model-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .model-list-grid { grid-template-columns: 1fr; } .model-hero h1 {font-size:28px;} }

/* =========================================================
   ACIL DUZELTME - Üst Menü / Mega Menü Şablon Toparlama
   ========================================================= */
@media (min-width: 640px) {
    body .header_style_01 { padding: 18px 35px !important; overflow: visible !important; }
    body .header_style_01 .navbar, body .header_style_01 .navbar-default, body .header_style_01 .site-nav { min-height:0 !important; margin:0 !important; border:0 !important; background:transparent !important; overflow:visible !important; }
    body .header_style_01 .navbar-header { float:left !important; }
    body .header_style_01 .navbar-brand { padding:0 15px !important; height:auto !important; }
    body .header_style_01 .navbar-brand img { max-height:78px !important; width:auto !important; display:block !important; }
    body .header_style_01 .navbar-toggle { display:none !important; }
    body .header_style_01 #navbar.navbar-collapse, body .header_style_01 .navbar-collapse, body .header_style_01 #navbar.navbar-collapse.collapse, body .header_style_01 .navbar-collapse.collapse { display:block !important; visibility:visible !important; height:auto !important; overflow:visible !important; padding:0 !important; border:0 !important; box-shadow:none !important; }
    body .header_style_01 .navbar-nav.site-main-menu { float:right !important; display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:flex-end !important; margin:18px 0 0 0 !important; padding:0 !important; list-style:none !important; }
    body .header_style_01 .navbar-nav.site-main-menu > li { float:left !important; display:block !important; position:relative !important; margin:0 2px !important; padding:0 !important; }
    body .header_style_01 .navbar-default .navbar-nav.site-main-menu > li > a, body .header_style_01 .navbar-nav.site-main-menu > li > a { display:block !important; padding:10px 8px !important; color:#333333 !important; background:transparent !important; border-radius:0 !important; box-shadow:none !important; font-size:12.5px !important; font-weight:700 !important; line-height:1.2 !important; white-space:nowrap !important; }
    body .header_style_01 .navbar-default .navbar-nav.site-main-menu > li:hover > a, body .header_style_01 .navbar-default .navbar-nav.site-main-menu > li:focus > a, body .header_style_01 .navbar-default .navbar-nav.site-main-menu > li.open > a, body .header_style_01 .navbar-default .navbar-nav.site-main-menu > li > a.active { color:#ffffff !important; background:#fd6802 !important; border-radius:22px 0 22px 0 !important; box-shadow:0 8px 16px rgba(5,16,44,.12) !important; }
    body .header_style_01 .navbar-nav.site-main-menu > li.dropdown:hover > .dropdown-menu, body .header_style_01 .navbar-nav.site-main-menu > li.dropdown.open > .dropdown-menu { display:block !important; }
    body .header_style_01 .navbar-nav.site-main-menu > li > .dropdown-menu, body .header_style_01 .navbar-nav.site-main-menu > li > .mega-menu { position:absolute !important; top:100% !important; left:0 !important; right:auto !important; margin-top:0 !important; z-index:999999 !important; float:none !important; transform:none !important; }
    body .header_style_01 .dropdown-menu { min-width:245px !important; padding:8px 0 !important; border:0 !important; border-top:3px solid #fd6802 !important; border-radius:0 0 8px 8px !important; background:#ffffff !important; box-shadow:0 14px 30px rgba(0,0,0,.18) !important; }
    body .header_style_01 .mega-dropdown > .mega-menu, body .header_style_01 .marka-mega-menu { width:1040px !important; max-width:calc(100vw - 70px) !important; max-height:72vh !important; overflow-y:auto !important; padding:18px !important; background:#ffffff !important; }
    body .header_style_01 .navbar-default .navbar-nav.site-main-menu > li:hover .dropdown-menu a, body .header_style_01 .navbar-default .navbar-nav.site-main-menu > li:focus .dropdown-menu a, body .header_style_01 .dropdown-menu a, body .header_style_01 .mega-menu a { color:#333333 !important; background:transparent !important; box-shadow:none !important; border-radius:0 !important; text-transform:none !important; }
    body .header_style_01 .dropdown-menu > li > a { display:block !important; padding:10px 17px !important; font-size:13px !important; line-height:1.35 !important; white-space:normal !important; }
    body .header_style_01 .dropdown-menu > li > a:hover, body .header_style_01 .dropdown-menu > li > a:focus { color:#ffffff !important; background:#fd6802 !important; }
    body .header_style_01 .mega-row { display:flex !important; gap:16px !important; align-items:flex-start !important; }
    body .header_style_01 .mega-col { flex:1 1 0 !important; min-width:0 !important; }
    body .header_style_01 .mega-col h4, body .header_style_01 .mega-col h4 a { color:#222222 !important; background:transparent !important; box-shadow:none !important; border-radius:0 !important; }
    body .header_style_01 .mega-col ul { list-style:none !important; padding:0 !important; margin:0 0 10px 0 !important; }
    body .header_style_01 .mega-col ul li { margin:0 !important; padding:0 !important; }
    body .header_style_01 .mega-col ul li a { display:block !important; padding:5px 0 !important; font-size:12.5px !important; line-height:1.25 !important; color:#333333 !important; background:transparent !important; }
    body .header_style_01 .mega-col ul li a:hover, body .header_style_01 .mega-col h4 a:hover, body .header_style_01 .mega-bottom a:hover { color:#fd6802 !important; background:transparent !important; padding-left:4px !important; }
    body .header_style_01 .mega-issues { background:#f8f8f8 !important; border-radius:8px !important; padding:10px !important; }
}
@media (min-width:640px) and (max-width:1199px) {
    body .header_style_01 { padding-left:18px !important; padding-right:18px !important; }
    body .header_style_01 .navbar-brand img { max-height:64px !important; }
    body .header_style_01 .navbar-nav.site-main-menu > li > a { font-size:11.5px !important; padding-left:5px !important; padding-right:5px !important; }
    body .header_style_01 .navbar-nav.site-main-menu { margin-top:14px !important; }
    body .header_style_01 .mega-dropdown > .mega-menu, body .header_style_01 .marka-mega-menu { width:900px !important; max-width:calc(100vw - 40px) !important; }
}
@media (max-width:639px) {
    body .header_style_01 .navbar-nav.site-main-menu { display:block !important; float:none !important; margin:0 !important; }
    body .header_style_01 .navbar-default .navbar-nav.site-main-menu > li:hover a, body .header_style_01 .navbar-default .navbar-nav.site-main-menu > li:focus a { box-shadow:none !important; border-radius:0 !important; }
}


/* MyServis Online Servis Programı Demo Butonları */
.servis-demo-menu > a{
    background:#f07f22 !important;
    color:#ffffff !important;
    border-radius:22px;
    margin-top:18px;
    margin-left:6px;
    padding:10px 16px !important;
    font-weight:700 !important;
    box-shadow:0 6px 18px rgba(240,127,34,.25);
}
.servis-demo-menu > a:hover,
.servis-demo-menu > a:focus{
    background:#0d2f66 !important;
    color:#ffffff !important;
}
.servis-demo-hero-btn{
    background:#f07f22 !important;
    border-color:#f07f22 !important;
    color:#ffffff !important;
    font-weight:800 !important;
    box-shadow:0 8px 22px rgba(240,127,34,.35);
}
.servis-demo-hero-btn:hover,
.servis-demo-hero-btn:focus{
    background:#0d2f66 !important;
    border-color:#0d2f66 !important;
    color:#ffffff !important;
}
@media (max-width: 767px){
    .servis-demo-menu > a{
        display:inline-block;
        margin:8px 0;
        border-radius:12px;
    }
}
