@media (max-width: 1850px) {
    .cooper-box {
        width: 270px;
 
   }
    .baner-area:after {
    position: absolute;
    content: '';
    width: 42%;
    background-color: #fff;
    height: 60%;
    right: 0px;
    top: 15%;
    border-radius: 18px;
    z-index: -1;
    border-radius: 40px 0px 0px 40px;
    opacity: 0.95;
}
}

@media (max-width: 1400px) {
    .cooper-box {
        width: 260px;
    }
        .baner-area:after {
    position: absolute;
    content: '';
    width: 40%;
    background-color: #fff;
    height: 60%;
    right: 0px;
    top: 15%;
    border-radius: 18px;
    z-index: -1;
    border-radius: 40px 0px 0px 40px;
    opacity: 0.95;
}

}

@media (max-width: 1381px) {
    .cooper-box {
        width: 48%;
    }
}

@media (max-width: 1500px) {
    .baner-area {
        padding: 120px 0;
    }
    .baner-area:after {
    position: absolute;
    content: '';
    width: 40%;
    background-color: #fff;
    height: 60%;
    right: 0px;
    top: 15%;
    border-radius: 18px;
    z-index: -1;
    border-radius: 40px 0px 0px 40px;
    opacity: 0.95;
}
.baner-content{
    position: relative;
    width: 43%; 
    left: 65%;
    top: 0%; 
    z-index: 1;
    margin-bottom: 70px;
}

@media (max-width: 1200px) {
    .ccar-image img {
        width: 110%;
    }
    .baner-area {
    }
    .hader-menu ul li a {
    text-decoration: none;
    display: inline-block;
    color: #3D3939;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
       
    .baner-content{
    position: relative;
    width: 43%; 
    left: 45%;
    top: 0%; 
    z-index: 1;
    margin-bottom: 70px;
}
    .baner-area:after {
        height: 67%;
    width: 50%;
    }
    .baner-text p {
        font-size: 15px;
    }
    .choose-img img {
        width: 90%;
    }
     .choose-img1 img {
        width: 90%;
    }
    .cooper-box {
        margin-left: 0;
    }
    .cooper-text p {
        font-size: 13px;
    }
    .copper-box-wrap.margin-left {
        margin-left: 50px;
    }
}

@media (max-width: 1199px) {
    .baner-text h2 {
        font-size: 36px;

    }

    .text-black{
        font-size: 36px;

    }
    .baner-content{
    position: relative;
    width: 43%; 
    left: 60%;
    top: 0%; 
    z-index: 1;
    margin-bottom: 70px;
}
    .baner-area {
        padding: 140px 0;
    }
    .section-text h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .choose-img {
        left: -190px;
    }
    .life-text h2 {
        font-size: 30px;
        line-height: 40.5px;
    }
    .life-text p {
        font-size: 15px;
    }
    .services-text p {
        font-size: 14px;
    }
    .choose-img img {
        width: 90%;
    }
     .choose-img1 img {
        width: 90%;
    }
    .choose-img {
        left: -115px;
    }
     .choose-img1 {
        right: -115px;
    }
}

@media (max-width: 1024px) {
    .choose-img img {
        width: 100%;
        margin-top: 30px;
    }
     .choose-img1 img {
        width: 100%;
        margin-top: 30px;
    }
    .choose-img {
        left: 29px;
    }
    .choose-img1 {
        right: 29px;
    }
    .hader-area{
        margin: 0 0 0 0;
    } 
    .hader-menu ul{
     margin: 0;
    padding: 0;
    }
    .singel-menu a {
    padding: 10px 20px;
    font-size: 13px;

    }
    .singel-menu1 a {
    padding: 10px 25px;
    font-size: 13px;
        
    }
    .hader-menu ul li {
    list-style: none;
    display: inline-block;
    padding: 0px 5px;
}
}

.baner-area:after {
    position: absolute;
    content: '';
    width: 45%;
    background-color: #fff;
    height: 60%;
    right: 0px;
    top: 15%;
    border-radius: 18px;
    z-index: -1;
    border-radius: 40px 0px 0px 40px;
    opacity: 0.95;
}
}

@media (max-width: 991px) {
    .hader-menu ul li {
        padding: 0px 10px;
    }
    .singel-menu a {
        padding: 10px 10px;
        font-size: 13px;
    }
    .singel-menu1 a {
        padding: 10px 25px;
        font-size: 13px;
    }
    .hader-menu ul li {
    list-style: none;
    display: inline-block;
    padding: 0px 0px;
}
    .baner-text h2 {
        font-size: 29px;
        line-height: 45px;
            padding-top: 24px;
    }
    .baner-text p {
        font-size: 12px;
        line-height: 24px;
    }
    .baner-area {
        padding: 76px 0;
    }
    .section-text h2 {
        font-size: 24px;
        line-height: 35px;
    }
    .head-btn a {
        margin-left: 60px;
    }
    .services-text h4 {
        font-size: 18px;
    }
    .services-box {
        margin-top: 30px;
    }
    .choose-img img {
        display: none;
    }
    .choose-img1 img {
        display: none;
    }
    .team-padding {
        text-align: center;
    }
    .testimonial-right-area {
        width: 100%;
        position: inherit;
        padding: 0 15px;
        right: 0;
    }
    .copper-box-wrap.margin-left {
        margin-left: 0px;
    }
    .copy-tetx p {
        font-size: 13px;
    }
       .baner-area:after {
    position: absolute;
    content: '';
    width: 60%;
    background-color: #fff;
    height: 60%;
    right: 0px;
    top: 15%;
    border-radius: 18px;
    z-index: -1;
    border-radius: 40px 0px 0px 40px;
    opacity: 0.95;
}
}

@media (max-width: 767px) {
    .baner-image img {
        display: none;
    }
       .hader-menu ul li {
    list-style: none;
    display: inline-block;
    padding: 0px 0px;
}
    .baner-text h2 {
        font-size: 26px;
        line-height: 40px;
    }
    .win-box {
        margin-bottom: 30px;
    }
    .section-text h2 {
        font-size: 22px;
        line-height: 30px;
    }
    .silider-area {
        margin-bottom: 70px;
    }
    .about-us {
        margin-bottom: 70px;
    }
    .maine-section {
        padding: 70px 0px;
    }
    .choose-area {
        margin-bottom: 70px;
    }
    .our-team {
        margin-bottom: 70px;
    }
    .testimonial-area {
        padding: 70px 0px;
    }
    .testimonial-btn {
        margin-bottom: 30px;
    }
    .life-text p {
        font-size: 11px;
    }
    .life-text h2 {
        font-size: 26px;
        line-height: 40.5px;
    }
    .collapse.show {
    display: block;
    background-color: white;
    padding: 19px 10px 16px 38px;
}

}

@media (max-width: 480px) {
    .baner-text h2 {
        font-size: 24px;
        line-height: 40px;
    }
    .section-text h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .life-text p {
        font-size: 13px;
        line-height: 23px;
        width: 70%;
    }
    .footer-logo {
        margin-bottom: 20px;
    }
    .about-us {
        text-align: center;
    }
    .win-icnon img {
        float: none;
        margin-top: 10px;
        margin: auto;
    }
    .maine-section {
        text-align: center;
    }
    .head-btn a {
        margin-left: 0px;
    }
    .testimonial-area {
        text-align: center;
    }
    .ccar-image img {
        width: 100%;
    }
    .cooper-box {
        width: 100%;
    }
    .life-text h2 {
        font-size: 23px;
        line-height: 30.5px;
    }
    .life-btn a {
        padding: 9px 10px;
    }
}

@media (max-width: 375px) {
    .life-text h2 {
        font-size: 15px;
        line-height: 23.5px;
    }
    .life-text p {
        font-size: 12px;
        line-height: 19px;
        width: 90%;
    }
    .copy-tetx p {
        font-size: 10px;
    }
    .copy-icon a {
        font-size: 10px;
    }
}

@media (max-width: 320px) {
    .card-header button p {
        font-size: 14px;
    }
    .life-btn a {
        padding: 9px 15px;
    }
}

@media screen and (max-width: 950px)
.demo-preview video {
    max-width: 100%;
    border-radius: 15px; }
}

    @media screen and (max-width: 950px)
.demo-preview {
    margin-bottom: 7em;
    flex-direction: column-reverse;
    padding: 0.5em;
}