@media only screen and (min-width : 768px) and (max-width : 990px){
   
}
@media screen and (max-width: 990px) {
   .headMenu{
    display: none;
   }
   .showMenu{
    width: 100% !important;
    padding: 1em !important;
   }
   .makale{
    display: none;
   }
   .w-sm-100{
    width: 100% !important;
   }
   .search{
    display: none;
   }
   .baslik h1{
    padding-left: 1em;
    font-size: 30px;
   }
   .baslik h1::before{
    bottom: -.5em;
    top: auto;
   }
   .bgHizmet{
    margin-bottom: 1em;
   }
   .mb-sm-3{
    margin-bottom: 2em;
   }
   .btnHizmet{
    width: 100%;
    text-align: center;
    margin-top: 1em;
   }
   .butonyani{
    text-align: center;
    padding: 20px;
   }
   .hizmetler{
    display: none;
   }
   .hizmetler{
    display: none;
   }
   .breadcrumbs{
    margin-top: 1em;
   }
}
@media only screen and (min-width : 990px) and (max-width : 1200px){
   
}
@media only screen and (min-width : 1200px) and (max-width : 1400px) {
   
}
@media only screen and (min-width : 1400px) and (max-width : 5400px) {
   
}