/* Ankara Bilgisayar Servisi*/
body {
    margin: 10px 0 0;
    background-color: #20a5c2;
    font-family: Calibri, "Trebuchet MS", sans-serif;
}
html, .main { background-color: #20a5c2; }
.header, .content, .menu_nav, .fbg, form, ul, ol, li, .mainbar {
    margin: 0;
    padding: 0;
}
img { max-width: 100%; height: auto; }
.header_resize { background-image: url(../images/laptop-servisi-ankara.png); width: 1300px; max-width: 1280px; height: 400px; margin: 0 auto; }
.content_resize { background-color: #fff; width: 1300px; max-width: 1280px; margin: 0 auto; }
.mainbar { background: #fff; }

.article {
    background: #fff;
    color: #2c2c2c;
    font-size: 18px;
    line-height: 1.7;
    padding: 20px;
}

.comment img.userpic {
    float: left;
    margin: 0 40px 30px 0;
    padding: 5px;
    border: 1px solid #ddd;
}
h1 { font-size: 1.6em; font-weight: bold; margin: 0.67em 0; }
h2 { font-size: 1.4em; font-weight: bold; margin: 0.83em 0; }
h3 { font-size: 1.15em; font-weight: bold; margin: 1em 0; }
.konu-ayirici {
    height: 20px;
    margin: 40px -20px;
    background: #20a5c2;
    clear: both;
}
.line { background: #20a5c2; margin: 40px -20px; height: 20px; clear: both; }
p.infopost { 
    color: #666; 
    font-size: 12px; 
    font-weight: bold; 
}
.menu_nav{ 
    text-transform: uppercase; 
    float: right; 
    padding-top: 30px; 
    padding-right: 20px; 
}

.menu_nav ul{ list-style-type:none; }
.menu_nav ul li{ padding-left:5px; float:left; }
.menu_nav > ul > li > a{
    color:#fff;
    font-size:16px;
    font-family:Calibri;
    text-decoration:none;
    background-color:#185273;
    padding:10px;
}
.menu_nav > ul > li.active > a,
.menu_nav > ul > li > a:hover{
    color:#fff;
    background-color:#666;
    padding:10px;
}
a {
    color: #2f5f8f;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #fff;
    background: #3c8faa;
}
footer { width:100%; }
.fbg {
    font-size:16px;
    line-height:1.7;
    padding:20px 0 50px;
}
.fbg_resize { background:#6a6a6a; color:#fff; width: 1300px; max-width:1280px; margin:0 auto; }
.fbg a { color:#fff; }
.fbg h3 { color:#fff; font-size:20px; }
.fbg .col{
    float:left;
    padding:10px;
    width:30%;
    box-sizing:border-box;
}

.clr { clear:both; width:100%; }
.menu_nav ul li.dropdown {
    position: relative;
}
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background:#ffffff;
    border:1px solid #ccc;
    list-style:none;
    padding:0;
    margin:0;
    width:220px;
    z-index: 99999;
}
.dropdown-menu li{
    float:none !important;
    border-bottom:1px solid #eee;
}

.dropdown-menu li a {
    display:block;
    padding:10px;
    font-size:15px;
    background:#fff !important;
    color:#244c50 !important;
    text-decoration:none;
    white-space:nowrap;
}

.dropdown-menu li a:hover {
    background:#e7f3ff !important;
    color:#244c50 !important;
}
.dropdown:hover .dropdown-menu{
    display:block;
}
.dropdown:hover > a{
    background-color:#185273 !important;
    color:#fff !important;
}
/* --- Hızlı Tuşlar Modern Tasarım --- */
.quick-buttons {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 9999;
}

.quick-buttons .qb {
    display: block;
    padding: 10px 16px;
    font-size: 14px;
    color: #fff;
    background: #1e90ff;
    border-radius: 6px;
    text-decoration: none;
    font-family: Calibri, Arial, sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,0.18);
    transition: 0.2s ease;
}

.quick-buttons .qb:hover {
    background: #1374d6;
    box-shadow: 0 3px 8px rgba(0,0,0,0.25);
}

.quick-buttons .whatsapp {
    background: #25d366;
}

.quick-buttons .whatsapp:hover {
    background: #1eb457;
}

.quick-buttons .maps {
    background: #ff9800;
}

.quick-buttons .maps:hover {
    background: #e58900;
}

/* Mobil ekranlar için biraz daha büyük */
@media (max-width: 600px) {
    .quick-buttons .qb {
        padding: 7px 10px;
        font-size: 15px;
    }
}
@media screen and (max-width: 768px) {
    table, tr, td { 
        display:block !important;
        width:100% !important; 
    }
    td { 
        margin-bottom:20px; 
        padding:0 !important; 
    }
    .article table table td {
        display:table-cell !important;
        width:50% !important; 
    }
}
@media (max-width: 767px) {
    body { background-color:#3c8faa; margin-top: -10px; }
	html, .main { background-color: #fff; }
	.header_resize { background-image:url(../images/laptop-tamiri-ankara.png); width: 100%; height: 430px; }

    .menu_nav { float:left; text-align:center; }

    .menu_nav li { clear: both; margin-bottom: 10px; padding: 5px; }

    .menu_nav a {
        padding:8px 12px;
        border-radius:4px;
    }
	.menu_nav > ul > li > a { color: #fff; font-size: 14px; text-decoration: none; background-color: #0089ac; padding: 7px; }
	.menu_nav > ul > li.active > a, .menu_nav > ul > li > a:hover { color: #333; background-color: #f0f0f0; padding: 7px; }
	.dropdown-menu {
        position: static;
        width: 100%;
        border: none;
        box-shadow: none;
    }

    .dropdown-menu li {
        border-bottom: 1px solid #ddd !important;
    }

    .article { padding:10px; }
	h1 { font-size: 22px; }
	h2 { font-size:20px; }
	h3 { font-size:18px; }
	.comment img.userpic {
        float:none;
        margin:0 auto 20px;
        display:block;
        width:100%;
    }

    .fbg .col {
        float:none;
        width:100%;
        margin-bottom:20px;
    }
}