.navbar{
    background: #c41441 !important;
    }
    
    .navbar ul li a{
    color: #fff !important;
    font-size: 18px !important;
    }
    .navbar ul li a:hover{
    color: #ffc107 !important;

    }
    .bg-dark{
        background: #085E7D !important;
    }
    .card p{
    font-size: 20px;
    }
    .card-img-top{
        width: 100%;
        height: 25vh;
        object-fit: cover;
    }
    .card-more{
        width: 350px;
        margin-top: 30px;
    }
    @media (min-width:768px) {
        .card-img-top{
            height: 32vh;
        }
        
    }
    #backimg { 
    height: 80vh;
    background-image: url("../img/tostica-anasayfa-yatay.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    }
    @media(max-width: 1000px){
        #backimg { 
    background-image: url("../img/tostica-anasayfa-mobil.jpg");
        }
    }
    .header-text{
        display: none;
    }
.videos video{
 width: 60%;
}

    @media (max-width: 576px) {
        #backimg{
          height: 50vh;
      }
      .videos video{
        width: 90%;
       }
      }
      
      @media (max-width: 768px) {
          #backimg{
              height: 60vh;
              background-size: cover;
              background-position: center center;
              background-repeat: no-repeat;
          }
          .header-text{
            display: block;
        }
        .videos video{
            width: 90%;
           }
      }
      
      @media (max-width: 992px) {
          #backimg{
              height: 70vh;
          }
          .videos video{
            width: 85%;
           }
      }
    .about { 
        height: 50vh;
        width: 100%;
        background-image: url("../img/tostica-hakkimizda.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    @media (max-width: 500px) {
        .about{
            height: 70vh;
        }
        .about .about-text{
            font-size: 1rem;
        }
    }
    .header-text{
        padding-top: 30vh;
    }
    .text-secondary{
        padding-left: 90px;
    }
    .contents{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        color: #fff;
        font-size: 16px;
        padding: 10px;
        width: 60%;
        border-radius: 10px;
        z-index: 1;
        text-align: center;
        
    }
    .image-fluid{
        width: 100%;
    }
    .item-card{
        width: 350px;
        margin-top: 20px;
    }
    .item-card img{
        object-fit: contain;
    }
    main{
        margin: 0;
        padding-bottom: 20px;
    }

    .comment{
        width: 300px;
        padding: 0 3vh;
    }
    @media (max-width: 1000px) {
        .comment{
            width: 270px;
        }
    }
    footer{
        margin: 0;
        background: #c41441 !important;

        width: calc(100%-200%);
    }
    footer a{
        color: #fff;
        font-size: 18px;
        text-decoration: none;
    }
    footer ul{
        margin: 0;
        padding: 0;
    }
    #footer-links li{
    display: block;
    }
    footer ul li{
        /* list-style-type: none; */
        display: inline-block;
        margin-left: 5px;
    }
    .social-links{
        margin-top: 10px;
    }
    .fab{
        padding: 10px;
        font-size: 15px;
        border-radius: 50%;
    }
    .fab:hover{
        opacity: 0.5;
        color: #fff !important;
    }
    .fa-whatsapp{
        background-color: #49c456;
        padding: 10px 11px !important;
    }
    .fa-phone{
        font-size: 14px;
        background-color: #183153;
        padding: 10px;
        border-radius: 50%;
    }
    .fa-phone:hover{
        opacity: 0.5;
        color: #fff !important;
    }
    .fa-facebook-f{
        background-color: #3B5998;
        color: #fff;
        padding: 10px 13px;
        font-size: 15px;
        border-radius: 50%;
    }
    .fa-twitter{
    background-color: #55ACEE;
    color: #fff;
    }
    .fa-instagram{
        font-size: 16px !important;
        background-color: #8a3ab9;
        padding: 10px 11px;
        color: #fff;
    }
    .fa-bars{
    font-size: 25px;
    }
    footer a:hover{
        color: #ffc107 !important;
    }
    ul li .logo{
    display: inline-block;
    }
    @media (min-width: 576px) {
        .container{
        margin:  0 auto;
        width: 540px;
        }
    }
    
    @media (min-width: 768px) {
        .container{
            margin:  0 auto;
            width: 720px;
            }
    }
    
    @media (min-width: 992px) {
        .container{
            margin:  0 auto;
            width: 960px;
            }
    }
    
    @media (min-width: 1200px) {
        .container{
            margin:  0 auto;
            width: 1140px;
            }
    }
    
    @media (min-width: 1400px) {
        .container{
            margin:  0 auto;
            width: 1320px;
            }
    }

    .list-group{
        list-style: none;
    }
    .list-group .alist-group-item{
        padding-top: 15px;
        padding-bottom: 20px;

        border-bottom: 1px solid rgb(0, 0, 0,0.3) !important;
    }