/* TABLET YATAY */
@media only screen and (max-width : 1024px) {
    .row { margin: 0 !important; }
    #top-bar { padding-left: 20px; padding-right: 20px; }
    #top-bar .container { }
    #menu .container { padding-left: 20px; padding-right: 20px; }
    #menu .container .logo { height: 65px; }
    section.home .container .promo { padding: 4 0px 20px 40px 20px; }
    section.contact { padding: 40px 20px; }
    section.contact .info { margin-left: 0; }
    section.contact .map { margin-right: 0; }
    section.contact .info .button-set a { font-size: 15px; }
    footer .container { padding: 0 20px; }
    section.page-content { padding: 0 20px; }
    section.page-header { padding: 30px 20px; }
}

/* TABLET DIKEY */
@media only screen and (width : 768px) {
    #mobile-menu-icon { display: flex; }
    .row { margin: 0 !important; }
    #top-bar { padding-left: 20px; padding-right: 20px; }
    #top-bar .container .info .location, #menu .container nav { display: none; }
    #menu .container .logo { height: 65px; margin-left: 20px; }
    section.home .container .promo { padding: 80px 20px 40px 20px; }
    section.home .container .promo h2, section.home .container .promo h3, section.home .container .promo p { text-align: center; }
    section.home .container .promo p { padding-left: 10%; padding-right: 10%; }
    section.home .container .promo .text .button-set { justify-content: center; margin-bottom: 20px; }
    section.slogan, section.why, section.contact { padding: 40px 20px; }
    section.slogan .container h3 { padding: 0 15%; }
    section.slogan .container p { padding: 0; }
    section.hizmetler .container .box { padding: 0 15px; }
    section.hizmetler .container .box img { width: 100%; }
    section.why .image img { width: 100%; }
    section.why .text { padding: 0; }
    section.contact .info { margin-left: 0; padding: 25px 0 0 0; }
    footer .container, footer .container .info { flex-direction: column; }
    footer .container .info label { margin-right: 0; padding: 15px 60px; text-align: center; }
    footer .container .info span { margin-left: 0; padding: 10px 20px; border-left: unset; }
    footer .container .social { justify-content: center; }
    section.page-header { padding: 30px 20px; }
    section.page-content { padding: 40px 20px; }
    section.page-content .content .text.no-padding { padding: 0; }
    section.page-content .content { flex-direction: column; }
    section.page-content .content .content-image { width: 100%; }
    section.page-content .content .text { padding: 20px 0 0 0; }
    section.contact .info label { margin: 0 0 20px 0; }
    section.contact .map { margin-right: 0; margin-bottom: 20px; }
    section.contact .map iframe { height: 400px; }
}

/* TELEFON */
@media only screen and (max-width : 760px) {
    #mobile-menu-icon { display: flex; }
    .sub-pages { display: block; }
    .sub-pages a:link, .sub-pages a:visited { width: 40%; }
    .row { margin: 0 !important; }
    #top-bar { padding-left: 20px; }
    #top-bar .container .info .location, #menu .container nav { display: none; }
    #menu .container .logo { height: 65px; }
    section.home .container .promo { padding: 40px 20px; }
    section.home .container .promo .text p {
        font-size: 16px;
        line-height: 26px;
    }
    section.home .container .promo .text .button-set {
        margin-bottom: 20px;
    }
    section.home .container .promo .text .button-set a.btn.blue:link, section.home .container .promo .text .button-set a.btn.blue:visited {
        flex: 1;
        text-align: center;
    }
    section.slogan, section.why, section.contact { padding: 40px 20px; }
    section.slogan .container h3 { font-size: 28px; }
    section.slogan .container p { padding: 0; }
    section.hizmetler .container .box { padding: 0 0 20px 0; }
    section.hizmetler { padding: 40px 20px 10px 20px; }
    section.hizmetler .container .box img { width: 100%; }
    section.why .image img { width: 100%; }
    section.why .text { padding: 0; }
    section.contact .map { margin-right: 0; margin-bottom: 20px; }
    section.contact .map iframe { height: 200px; }
    section.contact .info { margin-left: 0; padding: 0; }
    footer .container, footer .container .info { flex-direction: column; }
    footer .container .info label { margin-right: 0; padding: 15px 60px; text-align: center; }
    footer .container .info span { margin-left: 0; padding: 10px 20px; border-left: unset; }
    footer .container .social { justify-content: center; }
    section.page-header { padding: 30px 20px; }
    section.page-content { padding: 40px 20px; }
    section.page-content .content .text.no-padding { padding: 0; }
    section.page-content .content { flex-direction: column; }
    section.page-content .content .content-image { width: 100%; }
    section.page-content .content .text { padding: 20px 0 0 0; }
}