/*-------------- Responsive css start ----------*/
@media (min-width: 1400px) {
    .container {
        max-width: 1200px;
    }

    .container-fluid {
        max-width: 1858px;
    }
}

@media (max-width: 1800px) {
    .bar-respmen-img {
        left: 15%;
    }
    .bar-banright-img img:nth-child(1) {
        top: 18.2%;
        right: 2.8%;
    }
    .bar-banright-img img:nth-child(2), .bar-banright-img img:nth-child(3) {
        right: -1%;
    }
    .bar-banleft-img img:nth-child(2) {
        left: 0%;
    }
    .bar-banleft-img img:nth-child(1), .bar-banleft-img img:nth-child(3){
        left: -2%;
    }
}

@media (max-width: 1750px) {
    .bar-respmen-img {
        left: 12%;
    }
    .bar-banleft-img img:nth-child(1), .bar-banleft-img img:nth-child(3){
        left: -4%;
    }
    .bar-banleft-img img:nth-child(2) {
        left: 0;
    }
    .bar-banright-img img:nth-child(2), .bar-banright-img img:nth-child(3) {
        right: -3%;
    }
    .bar-banright-img img:nth-child(1) {
        top: 18%;
        right: 0.9%;
    }
}

@media (max-width: 1700px) {
    .bar-banright-img img:nth-child(2), .bar-banright-img img:nth-child(3) {
        right: -6%;
    }
    .bar-banright-img img:nth-child(1) {
        top: 21%;
        right: -2.4%;
    }
}

@media (max-width: 1699px) {
    .bar-banleft-img img:nth-child(1), .bar-banleft-img img:nth-child(3) {
        left: -7%;
    }
    .bar-banleft-img img:nth-child(2) {
        left: -4%;
    }
    .bar-banright-img img:nth-child(2), .bar-banright-img img:nth-child(3) {
        right: -9%;
    }
    .bar-banright-img img:nth-child(1) {
        top: 18%;
        right: -5.1%;
    }
   
}

@media (max-width: 1599px) {
    .bar-banleft-img img:nth-child(3){
        display: none;
    }
    .bar-banleft-img img:nth-child(1){
        left: -11%;
    }
    .bar-banright-img img:nth-child(2), .bar-banright-img img:nth-child(3) {
        right: -13%;
    }
    .bar-banright-img img:nth-child(1) {
        top: 18%;
        right: -9%;
    }
    .bar-banleft-img img:nth-child(2) {
        left: -9%;
    }
    .bar-respmen-img {
        left: 9.7%;
    }
}


@media (max-width: 1499px) {
    .bar-banleft-img img:nth-child(1) {
        left: -16%;
    }
    .bar-banleft-img img:nth-child(2) {
        left: -13.5%;
    }
    .bar-banright-img img:nth-child(3){
        display: none;
    } 
    .bar-banright-img img:nth-child(2) {
        right: -17%;
    }
    .bar-banright-img img:nth-child(1) {
        top: 19%;
        right: -12.5%;
    }
    .bar-respmen-img {
        left: 7%;
    }
}
@media (max-width: 1399px) {
    .bar-banleft-img img:nth-child(1) {
        left: -20%;
    }
    .bar-banleft-img img:nth-child(2) {
        left: -17.5%;
    }
    .bar-banright-img img:nth-child(1) {
        top: 18%;
        right: -14.5%;
    }
    .bar-banright-img img:nth-child(2) {
        right: -19%;
    }
    .bar-respmen-img {
        left: 3%;
    }
    .bar-demoinner-wrapper::after {
        top: 4.8%;
    }
}
@media (max-width: 1350px) {
    .bar-banright-img img:nth-child(2) {
        right: -24%;
    }
    .bar-banright-img img:nth-child(1) {
        top: 18%;
        right: -18.5%;
    }
    .bar-banleft-img img:nth-child(2) {
        left: -18.5%;
    }
    .bar-banleft-img img:nth-child(1) {
        left: -22%;
    }
    .bar-respmen-img {
        left: 0%;
    }
}
@media (max-width: 1270px) {
    .bar-banleft-img img:nth-child(1) {
        left: -27%;
    }
    .bar-banleft-img img:nth-child(2) {
        left: -23.5%;
    }
    .bar-banright-img img:nth-child(2) {
        right: -28%;
    }
    .bar-banright-img img:nth-child(1) {
        top: 18%;
        right: -23.5%;
    }
    .bar-respmen-img {
        left: -5%;
    }
}
@media (max-width: 1199px) {
    .bar-banleft-img img:nth-child(1), .bar-banright-img img:nth-child(2), .bar-respmen-img{
        display: none;
    }
    .bar-banright-img img:nth-child(1) {
        right: -28.5%;
    }
    .bar-banleft-img img:nth-child(2) {
        left: -30.5%;
    }
    .bar-demo-text {
        margin: -7px 0 0;
    }
    .bar-demoinner-wrapper::after {
        top: 1.8%;
    }
}

@media (max-width: 1100px) {
    .bar-banleft-img img:nth-child(2) {
        left: -36.5%;
    }
    .bar-banright-img img:nth-child(1) {
        right: -34.5%;
    }
}
@media (max-width: 1024px) {
    .bar-banright-img img:nth-child(1) {
        right: -40%;
    }
    .bar-banleft-img img:nth-child(2) {
        left: -40%;
    }
    .bar-resp-mobimg{
        left: 0;
    }
}
@media (max-width: 991px) {
    .bar-demo-img {
        text-align: center;
    }
    .bar-demo-text {
        margin: -10px 0 0;
        padding: 0 87px;
    }
    .bar-demoinner-wrapper::after {
        top: 6.8%;
    }
    .bar-banleft-img img:nth-child(2) {
        left: -45%;
    }
    .bar-banright-img img:nth-child(1) {
        right: -43%;
    }
}
@media (max-width: 920px) {
    .bar-banright-img img:nth-child(1) {
        right: -48%;
    }
    .bar-banleft-img img:nth-child(2) {
        left: -52%;
    }
}
@media (max-width: 850px) {
    .bar-banleft-img img:nth-child(2) {
        left: -61%;
    }
    .bar-banright-img img:nth-child(1) {
        right: -60%;
    }
}
@media (max-width: 768px) {
    .bar-banright-img img:nth-child(1), .bar-banleft-img img:nth-child(2){
        display: none;
    } 
}
@media (max-width: 767px) {
    .bar-demoinner-wrapper::after {
        top: 2.8%;
    }
    .bar-demo-text {
        margin: -15px 0 0;
        padding: 0 22px;
    }
}

@media (max-width: 575px) {
    .bar-demoinner-wrapper::after {
        top: 4.8%;
    }
}

@media (max-width: 480px) {
    .bar-demoinner-wrapper::after {
        top: 1.8%;
    }
    .bar-demo-img > p{
        left: 0;
    }
    .bar-heading-text h1{
        font-size: 40px;
    }
    .bar-heading-sec h3{
        font-size: 32px;
    }
    .bar-demo-text {
        margin: -5px 0 0;
    }
    .bar-footer-heading h3{
        font-size: 45px;
    }
    .bar-democenter-img{
        animation: none;
    }
}

@media (max-width: 375px) {
    .bar-heading-text h1 {
        font-size: 30px;
    }  
    .bar-heading-text h3{
        font-size: 18px;
    }
    .bar-heading-sec h3{
        font-size: 25px;
    }
    .bar-demo-text h3{
        font-size: 17px;
    }
    .bar-footer-heading h4 {
        font-size: 30px;
    }
    .bar-footer-heading h3{
        font-size: 33px;
    }
}

/*-------------- Responsive css end ----------*/