.bread{
    text-decoration: none!important;
    color: #fff!important;
}
    .cased{
        font-size: 45px;
        color: #BF2518;
    }
     .pattern-line{
        position: absolute;
        width: 75%;
        height: 100%;
        right: 13%;
        z-index: -1;
    } 
.form-select:focus {
    color: #212529;
    background-color: #fff;
    border-color: #BF2518;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(191 37 24 / 25%);
}
@media (min-width: 767.98px) {
 .hero-cta2{
    display:none!important;
}   
}
@media (max-width: 767.98px) {
    footer.bg {
    background: linear-gradient(to right, rgb(0 0 0 / 85%) 100%,rgb(22 19 19)), url(img/back3.jpeg)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}

    .custom_slider .carousel-inner {
    height: 390px!important;
}
    .custom_slider .carousel-inner img{
    width: 100%;
}
    .nav-container .checkbox {
    top: 13px!important;
    right: 0px!important;
}
    .nav-container input[type="checkbox"]:checked ~ .hamburger-lines{
        height: 18px!important;
        width: 21px!important;
    }
    .animated-button1{
        letter-spacing: 1.5px!important;
    }
    .hero-cta{
        display:none!important;
    }
    .nav-container .hamburger-lines {
        height: 21px!important;
        width: 21px!important;
    }
    .fd{
        display: flex!important;
        justify-content: center!important;
            align-items: center;
    }
    .ab{
        display:flex;
        flex-direction: column;
        align-items: center;
    }
    .ab img{
        margin-bottom:8px;
    }
    .zmr{
        font-size: 12px!important;
        font-weight: 200;
    }
    .ttx{
            text-align-last: center;
    }
    .fxz{
        
    }
    .wx-45 {
        width: 35px!important;
    }
    .para {
        width: 100%!important;
    }
    .showcase .owl-nav {
        bottom: 10px!important;
        right: 20px;
    }
    .showcase .owl-nav button {
        width: 30px!important;
        height: 30px!important;
    }
    .ico_siz{
            width: 35px!important;
    }
    h4.counter {
        font-size: 35px!important;
    }
    h4.counter.plus::after, h4.counter.percent::after {
        font-size: 35px!important;
    }
    .stastic p {
        font-size: 16px!important;
    }
    .fweight{
    font-weight:500!important;
    }
    .hero h2{
        font-size:27px!important;
    }
    .hero h3{
        font-size:20px;
    }
    .hero h3 span.h1.highlit{
        font-size:27px;
        line-height: 0.5;
    }
    .mo-highlit{
        line-height: 1.5!important;
    }
    .mo-highlit3 {
    line-height: 1.2 !important;
}
    .objctfit{
        object-fit:none!important;
        width:100%;
    }
    .aos-init,.aos-animate {
    transition-property: 0.35s !important;
    transform: none !important;
    animation: none !important;
  }
  .pattern-line{
    width: 100%!important;
    right: 0%!important;
  }
  .od-2{
      order:2;
  }
  .cased{
        font-size: 32px!important; 
    }
    section{
            overflow-x: hidden;
    }
    .linedotted{
        width:0;
    }
    
    .nav-container .hamburger-lines{
        right: 12px!important;
    }
    .men{
        right: 12px!important;
    }
    .book{
        font-size:14px;
    }
    .hero {
        /*background-image: linear-gradient(to bottom,#0000008c 100%,rgba(255, 255, 255, 0.064),rgba(255, 255, 255, 0.264),rgba(255, 255, 255, 0.541),rgba(255, 255, 255, 1.056)),url(../img/slider1.jpg)!important;*/
        height: 600!important;
        background-position: right;
        color: #000; 
    }
    .smart{
        top: 200px!important;
        left: 0%!important;
        width: 100%!important;
    }
    .smart2{
        top: 200px!important;
        left: 0%!important;
        width: 100%!important;
    }
    .highlit{
        font-weight:500;
    }
    .hero h6{
        font-weight:400;
    }
    .highlightsection { 
         top: 20px!important;
    }
    .highlights .col-lg-3.active{
            transform: translateY(-0%)!important;
    }
    .highlightsection .col-lg-3{
        border-radius:10px!important;
    }
    .midl{
            width: 60%!important;
    }
    .lst{
            width: 30%!important;
            margin: -180px 27px 0;
    }
    .fsss {
        font-size: 32px!important;
    }
    .showcase .btn-danger{
        font-size:14px;
    }
    .services img {
        width: 100%!important;
    }
    .adj1 {
        margin-right: -40px!important;
    }
    .door .ha {
        margin: 95px 0px 0px!important;
    }
    .door .hb {
        margin: 95px 42px 0px!important;
    }
    .door .hc {
        margin: -24px 50px 0!important;
    }
    .door .hd {
        margin: -24px 80px 0px!important;
    }
    .backround .container-fluid{
            height: 530px!important;
    }
    .showcase .owl-carousel .owl-item img {
        display: block;
        width: 100vw!important;
    }
    .area-name{
            margin-left: -160px!important;
    }
    .linedotted{
            width: 0%!important;
    }
    .suraj li{
            width: 100%!important;
    }
    .w250{
        width:100px!important;
    }
    .navbar .menu-items {
        width: 60%!important;
        right: -12%!important;
    }
    
    .order-ms-2{
        order:2;
    }
    .about-img{
        width:100%;
    }
    .win-img{
        width:100%!important;
    }
    .win-img2{
        width:80%!important;
    }
    .img-set2 {
        padding: 0 0 0 80px!important;
        margin: 0 0 -88px 0!important;
    }
    .win-img100{
        width:100%!important;
    }
    .img-set3 {
        padding: 0px 0 0 108px!important;
        margin: 0px 0px -160px 0px!important;
    }
    .win-img70{
        width:70%;
    }
    .imgset{
        margin: 0 0 40px -100px;
    }
    .img-setm {
        padding: 0px 0 0 0px!important;
        margin: 0 0px -222px 18%!important;
        height: 340px!important;
    }
    .imgset2m {
        margin: -25px 120px 0 0px!important;
        width: 70%!important;
    }
    .grid-container-mesh {
        grid-template-columns: 1fr 1fr !important;
        z-index: 1;
    }
    
    .grid-item{
            margin: 15px 0;
    }
    
     .tab-pane img{
            margin: 0 0 50px 0;
            width: 90%;
    }
    .navbar .menu-items li {
        margin-bottom: 0.5rem!important;
    }
    
    
}