@media(max-width: 1200px) {
    .calendar {
        overflow-x: scroll;
        grid-template-columns: 1fr repeat(7, 90px);
    }

    .page-header-text {
        font-size: 20px;
        margin: 0;
        flex-grow: 1;
    }

    .page-header-icon {
        font-size: 40px;
    }

    .page-header-buttons {
        font-size: 14px;
        margin: 0 3px;
    }

    .soliletisim {
        display: none;
    }

    .cal-book-now {
        font-size: 12px;
        font-weight: 400 !important;
    }

    .cal-days {
        font-size: 12px;
        padding: 5px 20px;
    }

    .cal-hrs {
        font-size: 12px;
    }

    .cal-hrs i {
        display: none;
    }

    .navbar-brand img {
        width: 150px;
    }

    .field-details {
        grid-template-columns: repeat(1, 1fr);
    }

    .cover-double {
        grid-column: auto;
    }

    .field-details__item {
        font-size: 12px;
    }

    .field-options {
        grid-template-columns: repeat(1, 1fr);
    }

    .field-option:nth-child(2n + 1) {
        background: #ECECEC !important;
    }

    .field-option:nth-child(2n + 2) {
        background: #fff !important;
    }

    .calendar-nav__next-prev--icon {
        font-size: 30px;
    }

    .calendar-nav__next-prev--text {
        font-size: 13px;
    }

    .details-page-header {
        flex-direction: column;
    }

    .page-header-buttons-mobile {
        display: flex;
    }

    .desktop-button {
        display: none;
    }

    .mobil-slide-gif {
        display: block;
        text-align: center;
    }

    .mobil-slide-gif img{
        width: 150px;
    }
    .list-button {
        height: 30px;
    }


    .tournament-list-item , .tournament-list-items {
        grid-template-columns:  repeat(1, 1fr);
    }
    
    .rezervasyon-list__item {
        font-size: 14px;
        font-weight: 400;
    }



    /* index için */


    .for-mob {
        text-align: center;
        justify-content: center
    }

    .dsflex {
        flex-direction: column;
    }


    .mt-100 {
        margin-top: 20px;
    }

    .hsaha {
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
     }

     .firsttext {
         font-size: 24px;
     }

     .filter-fields__text {
         display: none;
     }


     .cities {
        grid-template-columns: repeat(6, 1fr);
    }


    .team-list-items {
        grid-template-columns: repeat(1, 1fr);
    }

    .filter-fields {
        flex-direction: column;
    }
    
    .w-100-mob {
        width: 100%;
        margin: 5px 0;
    }
    .fields--search-button {
        padding: 10px 20px;
    }

    .oyuncubul {
        display: block;
    }

    .top-text-area {
        text-align: center;
    }

    /* Arama Sonuçları */
    .search-result-item-elements {
        font-size: 12px;
    }
    

    /* new calendar */

    .cal-new-days {
        font-size: 13px;
    }

    .book-now {
        font-weight: 400;
        font-size: 13px;
    }

    .floating-phone {
        display:block !important;
    }

}

@media (min-width: 990px) {
    /* .modal-dialog {
        max-width: 700px !important;
    } */
}

@media (max-width:991px) {

    .fluid-container {
        max-width: 100% !important;
    }

    /* profil */
    .account-area__profile--name {
        font-size: 20px;
    }

    .account-area__profile--image {
        width: 85px;
    }

    .account-area__team--image {
        width: 85px;
    }

    .account-area__profile--button {
        font-size: 11px;
        padding: 5px;
    }

    .input-rows {
        padding: 10px;
    }

    .input-label {
        font-size: 12px;
    }

    .team-rows-text {
        font-size: 13px;
    }
    
    .team-rows-heads {
        font-size: 13px;
    }

    /* profil end */

    .field-search--icon, .field-search--orange, .field-search--green {
        font-size: 24px;
    }

    .cities {
        grid-template-columns: repeat(4, 1fr);
    }

    .header-link-item:not(:first-child) {
        margin-left: 0;
    }

    .header-links {
        flex-direction: column;
        align-items: center;
    }
    
    /* Arama Sonuçları */
    .search-result-item-elements {
        flex-direction: column;
        font-size: 13px;
        grid-template-columns: repeat(1, 1fr);
        padding: 10px;
    }

    .reservation-field-name {
        margin: 6px 0 0 0;
    }

    .reservation-field-alias {
        margin-top: 6px;
    }

    .reservation-field-type {
        margin: 6px 0 0 0;
        width: 100%;
    }

    .search-result-reservation-button {
        margin: 6px 0 0 0;
        width: 100%;
    }

    .bs-modal-header-flex {
        flex-direction: column;
        align-items: center;
    }

    .bs-modal-selectbox {
        flex-direction: column;
        align-items: center;
    }

    .sub-label-discount {
        margin: 10px 0 !important;
    }

    .contact-mobile,
    .contact-mobile__save-field {
        display: flex;
    }

    /* new calendar */
    .book-now {
        flex-direction: column;
    }

    .cal-discount-text {
        flex-direction: row;
    }

    .fline {
        margin-right: 2px;
    }


    /*rezervasyon info*/

    
    .rezervasyon-detay {
        flex-direction: column;
    }

    .rez-box {
        display: flex;
        align-items: flex-start;
        line-height: normal;
        margin-bottom: 5px;
    }

    .rez-box-text {
        font-size: 12px;
        margin-left: 5px;
    }

    .rez-box i {
        font-size: 14px;
    }


}




@media (max-width:768px) {

    /* profil */
    .account-area {
        grid-template-columns: 1fr;
    }

    .account-area__profile {
        grid-row: auto;
        grid-column: auto;
    }

    .seperator-line {
        grid-row: auto;
        grid-column: auto;
        border-top: 1px solid #288323;
        border-left: none;
        margin: 10px 0;
    }

    .input-rows {
        grid-row: auto;
        grid-column: auto;
    }

    .team-rows {
        grid-row: auto;
        grid-column: auto;
        padding: 0;
    }

    .request-badge__count {
        font-size: 18px;
    }

    .request-badge__text {
        font-size: 16px;
    }

    .page-sub-header {
        font-size: 24px;
    }

    /* profil end */

    /* iletişim */
    .contact-text-table {
        margin-bottom: 20px;
    }

    .green-phone-icon {
        font-size: 55px;
    }

    .reservation-text {
        font-size: 19px;
    }

    .reservation-number {
        font-size: 25px;
    }

    .reservation-banner {
        grid-column: 3 / 4;
        grid-row: 1 / 3;
        margin: auto;
    }

    .contact-info-line {
        grid-column: 1 / -1;
    }

    /* iletişim end */

    .signin-signup-form {
        grid-template-columns: repeat(1, 1fr);
    }

    .filter-holder {
        grid-template-columns: repeat(1, 1fr);
     }

     .uyebuttonlari {
        flex-direction: column;
    }

    .userpanel {
        flex-direction: column;
    }

    .userbutton  {
        margin-bottom: 10px;
    }

    .field-search {
        margin-top: 10px;
    }


     .field-search--orange, .field-search--green {
       display: none;
    }

    .filter-fields {
        flex-direction: column;
    }

    .w-100-mob {
        width: 100%;
        margin: 5px 0;
    }

    .fields--search-button {
        padding: 10px 20px;
    }

    .filter-fields__text {
        display: block;
        font-size: 20px;
    }

    .filter-fields__icon {
        display: none;
    }

    .filter-fields {
        margin-top: 5px;
    }

    .dropdown-stretch, .fields--search-button {
        margin-left: 0;
    }
    
    .list-items {
        grid-template-columns: repeat(1, 1fr);
    }

    .list-item {
        grid-template-columns: 1fr;
    }
    
    .list-img {
        max-width: 100% ;
    }

    .cities {
        grid-template-columns: repeat(2, 1fr);
    }

    .team-list-item {
        justify-items: center;
        grid-template-columns: 1fr;
    }

    .list-image { 
        grid-row: auto;
    }

    .full-input {
        grid-column: auto;
    }

    .navbar-nav {
        align-items: center;
    }

    .sosyalmedya {
        justify-content: center;
    }

}

@media (max-width:576px) {

    .bs-modal-content {
        padding: 10px 20px;
    }

    .bs-modal-header {
        font-size: 23px;
        text-align: center;
    }

    /* profil */
    
    .request-badges {
        flex-direction: column;
    }

    .request-badge {
        margin-bottom: 10px;
        justify-content: center;
    }

    .page-sub-header {
        text-align: center;
    }

    .input-rows {
        padding: 0;
    }

    .team-rows-text {
        font-size: 13px;
    }

    .team-rows-heads {
        font-size: 13px;
    }

    .team-players-header {
        font-size: 15px;
    }

    /* profil end */

    /* iletişim */
    .contact-text-table {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 20px;
        justify-items: center;
    }

    .green-phone-icon {
        font-size: 60px;
    }

    .reservation-text {
        font-size: 19px;
        grid-row: auto;
        grid-column: auto;
    }

    .reservation-number {
        font-size: 25px;
        grid-row: auto;
        grid-column: auto;
    }

    .reservation-banner {
        grid-row: auto;
        grid-column: auto;
        margin: 10px auto;

    }

    .contact-info-line {
        grid-row: auto;
        grid-column: auto;
    }

    .contact-form-header {
        text-align: center;
    }

    /* iletişim end */

    .rezervasyon-list {
        overflow-x: scroll;
    }

    /* Mobil sosyal medya */
    .contact-mobile {
        flex-direction: column;
    }

    .contact-info__text {
        font-size: 16px;
    }

    .contact-info__phone {
        font-size: 18px;
    }

    .contact-info {
        padding: 10px 0;
    }

    .padding-added {
        margin-bottom: 10px;
    }

    .floating-phone {
       padding: 10px;
    }
    
    .floating-phone i {
        font-size: 30px;
    }

    .modal-body {
        padding: 0 !important;
    }
}