@media (max-width:767px) {
    :root{        
        --headerh:80px;
        --sliderheight:590px;
        --sliderleftw:40%;
        --sliderrighttw:60%;
        
    }
    .rounded-xs-none {border-radius: 0 !important;}
    .main { 
        min-height: calc(100vh - 600px);
        margin-bottom: 600px;
    }
    .mainslider {
        position: relative;
        width: 100%;
        height: calc(76vh - 100px);  
    }
    .sliderleft {  
        align-items: start; 
        width: 100%;
        height:auto;
        text-align: center;
    }
    .sliderleft .title {         
        font-size: 34px;
        line-height:38px;
        font-weight: 800;
    }
    .sliderright {       
        align-items: center;
        justify-content: start;
        width: 100%;
        height: auto;
    }
    .sliderright .img {
        display: flex;
        align-items: start;
        justify-content: center;
        width: 100%;
        height: auto; 
    }
    .righttext {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;   
        text-align: center;
        width: 100%; 
        height: auto;
        margin-top: -50px; 
        padding-right: 0;
    }
    .righttext .title{
        position: absolute;
        background-color: #f1ede5;
        box-shadow: rgba(17, 12, 46, 0.25) 0px 0px 100px 0px;
        font-size: 15px;
        line-height: 18px;
        font-weight: 700;
        color: var(--secondary);
        padding: 35px 10px;       
        text-align: center;
        border-radius: 35px;
        opacity:1;
        width: 85%;        
    }
    .home.hakkimda {
        margin-top: 0;
    }
    .home .hakkimdabg {
        position: relative;
        display: flex;
        width: 100%;
        height:291px; 
    }
    .home .hakkimdabg img{
       display: block;
       width: 100%;
       height: 100%;
       object-fit: cover;
       box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    }
    .nav-tabs li {
        width: 50%;
    }
    .nav-tabs li .nav-link{
        width: 95%;
        font-size: 14px;
        line-height: 14px;
        padding: 10px;
        text-align: left;        
    }
    .nav-tabs .nav-link svg {
       
        margin-right: 5px;
        padding: 8px;
        background-color: var(--secondary);
        width: 35px;
        height: 35px;
        border-radius: 10px;
    }
    .oneriSwiper {
        height: 500px;
    }
    .oneriSwiper .swiper-wrapper{     
        margin-left: -30px;  
    } 
    .oneriSwiper .swiper-slide {
        height: 415px; 
    }
    .breader {
        text-align: center;
    }
    .blog .details span {
        font-size: 12px;
    }
    .blog .details svg {
        width: 15px;
        height: 15px;
    }

    .blog .diger .img {
        width: 100%;
        height: 200px;
    }
    .blog .diger .content .title {
        font-size: 13px;
        line-height: 16px;
    }
    .blog .diger .content .title a {
        margin: 0;
        font-size: 13px;
        line-height: 16px;
        color: var(--dark);
        font-weight: 600;
        transition: all 100ms linear;
        text-decoration: none;
    }
    .carousel-item,.carousel-item .container {    
        height: 450px;    
    }    
}