/*========================= TELEFON 576px =========================*/

@media (max-width: 576px) {
    /* TOPBAR */
    .tarih {
        float: none;
        width: 100%;
        text-align: center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    nav.navbar.navbar-expand-lg.navbar-light {
        padding: 0 !important;
        margin: 0 !important;
    }
    .navbar-brand {
        padding-left: 10px !important;
    }
    .navbar-light .navbar-toggler {
        padding-right: 10px !important;
    }
    /* NAVBAR */
    a.navbar.dropdown-toggle {
        border: none;
    }
    ul.navbar-nav li a {
        padding: 10px 20px !important;
    }
    ul.navbar-nav li {
        border-bottom: solid 1px #ddd !important;
    }
    ul.navbar-nav li a.active ul.navbar-nav li {
        border-bottom: none !important;
    }
    ul.navbar-nav li:last-child {
        border: none !important;
    }
    /* Dropdown */
    .dropdown-menu {
        margin-top: 0px !important;
        border: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        left: 0 !important;
        box-shadow: none !important;
    }
    /* Home */
    .breadcrumb-item+.breadcrumb-item {
        padding-left: 0;
    }
    .carousel-inner {
        width: auto;
    }
    .carousel-item {
        height: auto;
        text-align: center;
    }
    .carousel-item>img {
        height: auto;
    }
    .about {
        padding: 20px 0;
    }
    .about h1 {
        font-size: 40px !important;
        display: block;
        text-align: center;
    }
    .about img {
        width: 100%;
        display: block;
        margin-top: 20px;
    }
    .about .btn-outline {
        font-size: 20px;
        display: block;
        width: 100%;
        text-align: center;
    }
    .kampanya {
        padding: 10px 0;
    }
    .kampanya img {
        margin: 10px 0;
    }
    .sertefika .col-md-3 {
        padding: 20px 0 !important;
        border-right: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
    }
    .sertefika .col-md-3:nth-child(odd) {
        border-right: none;
    }
    .sertefika span {
        font-size: 15px;
    }
    /* Services */
    .services {
        padding: 20px 0;
    }
    /* Referanlar */
    .referanslar {
        padding: 0;
    }
    .referanslar img:nth-of-type(1),
    .referanslar img:nth-of-type(2),
    .referanslar img:nth-of-type(3),
    .referanslar img:nth-of-type(4) {
        border-top: none !important;
    }
    /* Breadcrumb */
    #header h1 {
        font-size: 20px !important;
    }
    #header p {
        font-size: 15px !important;
    }
    #header .container:nth-child(2) {
        border-radius: 0 !important;
    }
    nav.breadcrumb {
        float: left !important;
    }
    nav.breadcrumb .breadcrumb-item {
        display: block;
        width: 100%;
        font-size: 15px !important;
    }
    .breadcrumb-item+.breadcrumb-item::before {
        padding-left: 0 !important;
    }
    /* Footer */
    .widget {
        padding: 20px 0;
    }
    .footer-widget {
        margin-top: 15px !important;
    }
    ul.social {
        text-align: center !important;
    }
    /* Web Tasarim */
    .webref h1 {
        font-size: 35px !important;
    }
    .webref p {
        font-size: 20px;
    }
    .clients img {
        margin-bottom: 20px;
    }
    .clients img:nth-of-type(5),
    .clients img:nth-of-type(6) {
        margin-bottom: 0;
    }
    /* Referanslar */
    #portfolio img {
        width: 100%;
        padding: 0;
        cursor: pointer;
        background: #222;
        box-shadow: none;
    }
    /* Contact */
    #contact .info {
        margin-bottom: 20px;
    }
    #contact iframe {
        height: 300px !important;
    }
    .copyright span {
        text-align: center;
        display: block;
    }
    /* Display None */
    .dropdown-menu::after,
    .carousel-indicators,
    .gototop,
    .gototop-pist,
    .widget-iletisim {
        display: none !important;
    }
    /*========================= TELEFON 576px end =========================*/
}

/*========================= TABLET 768px =========================*/

@media (max-width: 768px) {
    /* Navbar */
    a.navbar.dropdown-toggle {
        border: none;
    }
    .navbar-light .navbar-brand {
        margin: 10px 0;
    }
    ul.navbar-nav li {
        border-bottom: solid 1px #ddd !important;
    }
    ul.navbar-nav li:last-child {
        border: none !important;
    }
    ul.navbar-nav li a.active ul.navbar-nav li {
        border-bottom: none !important;
    }
    /* Dropdown */
    .dropdown-menu {
        margin-top: 0px !important;
        border: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        left: 0 !important;
        box-shadow: none !important;
    }
    /* Home */
    .carousel-inner {
        width: auto;
    }
    .carousel-item {
        height: auto;
    }
    .carousel-item>img {
        height: auto;
    }
    .about {
        padding: 20px 0;
    }
    .about h1 {
        display: block;
        text-align: center;
    }
    .about img {
        width: 100%;
        display: block;
        margin-top: 20px;
    }
    .about .btn {
        display: block;
        width: 100%;
        text-align: center;
    }
    /* Breadcrumb */
    nav.breadcrumb {
        float: left !important;
    }
    #header h1 {
        font-size: 25px !important;
    }
    #header p {
        font-size: 18px !important;
    }
    nav.breadcrumb .breadcrumb-item {
        font-size: 15px !important;
    }
    /* Footer */
    .footer {
        padding: 30px 0 !important;
    }
    /*Web Tasarim */
    .ortak img {
        width: 100%;
        margin-bottom: 10px;
    }
    /* Contact */
    #contact .info {
        margin-bottom: 20px;
    }
    #contact iframe {
        height: 300px !important;
    }
    /* Display None */
    .gototop,
    .gototop-pist,
    .carousel-control-next,
    .carousel-control-prev,
    .carousel-indicators {
        display: none !important;
    }
    /*========================= TABLET 768px end =========================*/
}

/*========================= DESKTOP 992px =========================*/

@media (max-width: 992px) {
    /* Home */
    .carousel-inner {
        width: auto;
    }
    /*========================= DESKTOP 992px end =========================*/
}

/*========================= DESKTOP 992px =========================*/

@media (max-width: 1024px) {
    /*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
    ul.navbar-nav li a {
        padding: 25px 10px !important;
    }
    /*========================= DESKTOP 992px end =========================*/
}