@media only screen and (max-width: 991px){
    .bl-c{
        grid-template-columns: 1fr 1fr;
    }
    .bl-c-i4{
        grid-column: auto;
        grid-row: auto;
    }
    .bl-art-h2-h{
        margin: auto;
        margin-top: 75px;
        max-width: 123px;
    }
    .bl-art-h2-d{
    min-height: 122px;
    }
}

@media only screen and (max-width: 658px){
    .bl-c{
        display: flex;
        flex-direction: column;
    }
}



@media only screen and (max-width: 991px){
    .ar2-h2{
        flex: 1 1 0;
    }

    .ar-roundprod{
        width: 150px;
        height: 150px;
    }
}

@media only screen and (max-width: 910px){
    .ar5-arrow{
        display: none;
    }
    .ar2-c>div:nth-child(1){
        display: none;
    }
    .ar2-c>div:nth-child(3){
        display: none;
    }
    .ar2-torsh{
        margin: auto;
    }
    .ar2-tex1{
        flex: 1;
        display: block;
    }
}

@media only screen and (max-width: 788px){
    .ar1-cw{
        padding: 10px;
        display: block;
    }
    .ar4-svgtracklamp{
        display: none;
    }
    .ar3-w1{
        flex-direction: column;
    }
    .ar3-h2 span{
        margin: auto;
    }
    .ar3-text1 span{
    }
    .ar-leftmarg{
        display: block;
    }
    .ar3-img2{
    }
    .ar3-w3{
        justify-content: space-evenly;
    }
    .ar3-text3{
        flex: 1 0 100%;
    }
    .ar4-h{ 
        display: block;
    }
    .ar4-svgtracklamp > svg{
    }
    .ar4-text1{
        margin-top: 50px;
    }
    .ar5-sofas{
        display: none;
    }
    .ar-text2{
        margin-top: 50px;
    }
    .ar2-c{
        padding: 10px;
    }
    
}

@media only screen and (max-width: 733px){
    .ar1-img {
        position:relative;
        height: 100%;
        border-left: none;
        border-right: none;
    }
    .ar-bgimg--topup{
        top: 0;
    }
    .ar1-h{
        display: block;
    }
    .ar1-wimg{
    height: 244px;
    margin-top: 29px;
    width: 100%;
    max-width: initial;
    }
    .ar1-tonext>svg{
        display: none;
    }
    .ar-ul{
        flex-direction: column;
    }
    .ar4{
        padding: 10px;
    }
    .ar7-c{
        display: block;
        padding: 0;
    }
    .ar7-text1{
        width: 100%;
    }
    .ar7-img1{
        position: relative;
    }
    .ar8-sofa{
        width: 276px;
        top: 31px;
    }
    .ar8-torsh{
        width: 56px;
    }
    .ar8-w2{
        top: 38px;
    }
    .ar8-text2{
        width: 100%;
    }
    .ar2-torsh{
    flex: 0;
    gap: 0;
    justify-content: space-evenly;
    margin: 0;
    flex: 1;
    }
}