body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */

#diplomaDogrulama input,
#diplomaDogrulama select,
#diplomaDogrulama textarea {
    *max-width: 280px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-bottom: 10px;
}

/* Mobile Responsive Enhancements */

/* Tablet and Mobile */
@media (max-width: 768px) {
    body {
        padding-top: 20px;
    }
    
    .body-content {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /* Form improvements */
    .form-control {
        font-size: 16px;
        padding: 12px;
        border-radius: 6px;
    }
    
    .btn {
        padding: 12px 20px;
        font-size: 16px;
        border-radius: 6px;
        margin-bottom: 10px;
    }
    
    /* Table responsive */
    .table-responsive {
        border: none;
        margin-bottom: 15px;
    }
    
    .table {
        font-size: 14px;
    }
    
    .table td, .table th {
        padding: 8px;
        vertical-align: middle;
    }
}

/* Mobile Phones */
@media (max-width: 480px) {
    body {
        padding-top: 10px;
        font-size: 14px;
    }
    
    .container {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    /* Typography */
    h1, h2, h3, h4, h5, h6 {
        line-height: 1.2;
        margin-bottom: 15px;
    }
    
    h1 { font-size: 24px; }
    h2 { font-size: 20px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
    
    /* Form elements */
    .form-control {
        width: 100%;
        margin-bottom: 15px;
        font-size: 16px;
        padding: 15px;
    }
    
    .btn {
        width: 100%;
        padding: 15px;
        font-size: 16px;
        margin-bottom: 15px;
    }
    
    /* Input groups */
    .input-group {
        display: block;
    }
    
    .input-group .form-control {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .input-group-btn {
        display: block;
        width: 100%;
        text-align: center;
    }
    
    /* Navigation tabs */
    .nav-tabs {
        border-bottom: 1px solid #ddd;
    }
    
    .nav-tabs > li {
        float: none;
        display: block;
        width: 100%;
    }
    
    .nav-tabs > li > a {
        margin-right: 0;
        margin-bottom: 3px;
        border-radius: 4px;
        text-align: center;
        padding: 12px;
    }
    
    /* Panels */
    .panel {
        margin-bottom: 20px;
        border-radius: 6px;
    }
    
    .panel-body {
        padding: 15px;
    }
    
    /* Images */
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* Tables */
    .table-responsive {
        border: none;
    }
    
    .table {
        font-size: 12px;
    }
    
    .table td, .table th {
        padding: 6px;
        font-size: 12px;
    }
    
    /* Grid system override for mobile */
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
    .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
    .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
    .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 15px;
    }
}

/* Touch-friendly improvements */
@media (max-width: 768px) {
    /* Increase touch targets */
    .btn, .form-control, .nav-tabs > li > a {
        min-height: 44px;
    }
    
    /* Better spacing for touch */
    .btn + .btn {
        margin-top: 10px;
    }
    
    /* Improve readability */
    p, li {
        line-height: 1.6;
    }
    
    /* Better form layout */
    .form-group {
        margin-bottom: 20px;
    }
    
    label {
        font-weight: bold;
        margin-bottom: 8px;
        display: block;
    }
}