/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .services .MainService {
        height: 280px;
        width: auto;
    }
    .clients-opinion-slider .owl-nav {
       
        right: 0;
      
    }
    }

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
   
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

    .loop-img {
     
        width: 300px;
       
    }
    .loop-middle {
        height: 210px;
        bottom: 25%;
        width: 34%;
        direction: rtl;
        text-align: right;
        display: flex;
        align-items: start;
    }
       
}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .loop-img {
        width: 400px;
    }
}

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
   
}


/*// `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .blogs-middle {
        grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
    }
    .SecondBlock, .MiddleBlock {
        display: none;
    }
    .joinForm {
        width: auto;
    }
    .CareerHeader .FirstImg {
        width: auto;
    }
    .loop-middle {
        right: 0;
        width: 100%;
    }
    .owl-carousel {
        direction: ltr;
        text-align: -webkit-center;
    }
    .serviceCard .ImgCard, .serviceCard .DetailsCard {
        width: 100%;
      
    }
    .explore-services .EllipsImg {
        width: 100%;
    }
    .JoinTeam {
        height: 100%;
    }
        .JoinTeam .blockImg {
            width: auto;
        }
    .filter-menu {
        width: 100%;
        overflow: auto;
    }
    .Home-up {
        flex-direction: column;
    }
    .choose-bottom {
        height: auto;
        column-gap: 0;
        flex-direction: column;
    }

   
    .Home-left {
        width: 100%;
    }
    .Home-img {
        width: 100%;
    }
    .blogs-middle {
        /*display: block !important;*/
    }
    .clients-opinion-slider .owl-nav {
        right: 0;
    }
    .loop-img {
        height: 400px;
        width: 100%;
    }
        .loop-img img{
            border-radius: 20px 20px 0 0;
        }
    .loop-middle {
      
        padding: 20px;
        height: 220px;
    }
        .loop-middle .input-group {
            width: 100%;
        }
    .LineBlock {
     
        display: none;
    }
    .service-down-left .service-item {
     
        margin-bottom: 33%;
    }
        /*.service-down-left .service-item h5 {
            height: 96px;
            top: 80%;
        }*/
    .choose-bottom-middle {
        top: 0;
    }

    .service-up h2 {
        width: 100%
    }
    .solution-item {
      
        height: auto;
    }

    .TeamImage .Details p.TopDesc {
        width: 100%;
        margin: auto;
        font-size: 20px;
    }

    }

/*// `md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .clients-opinion-slider .owl-nav {
        right: 0;
    }
    .loop-img {
        height: 400px;
        width: 100%;
    }
        .loop-img img {
            border-radius: 20px 20px 0 0;
        }
    .loop-middle {
        padding: 20px;
        height: 220px;
    }
        .loop-middle .input-group {
          
            width: 100%;
        }
            .blogs-middle {
        grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
    }
    .service-down-left .service-item {
        margin-bottom: 33%;
    }
    .service-up h2 {
     
        width: 100%
    }
    .solution-item {
        height: auto;
    }

    .TeamImage .Details p.TopDesc {
        width: 100%;
        margin: auto;
        font-size: 20px;
    }

        .choose-bottom-middle {
       
        top: 0;
    }



    .service-down-left .service-item h5 {
        height: 96px;
        top: 52%;
        left: 13%;
    }
            .LineBlock {
        display: none;
    }
    .SecondBlock, .MiddleBlock{
        display:none;
    }
    .joinForm {
     
        width: auto;
    }
    .CareerHeader .FirstImg {
        width: auto;
    }
    .loop-middle {
        right: 0;
        width:100%;
    }
    .owl-carousel {
        direction: ltr;
        text-align: -webkit-center;
    }
    .serviceCard .ImgCard, .serviceCard .DetailsCard {
        width: 100%;
        height: 300px;
        border-radius: 15px;
    }
    .explore-services .EllipsImg {
      
        width: 100%;
      
    }
    .JoinTeam {
        height: 100%;
    }
        .JoinTeam .blockImg {
            width: auto;
        }

    .filter-menu {
        width: 100%;
        overflow: auto;
    }
    .Home-up {
        flex-direction: column;
    }
    .choose-bottom {
        height: auto;
        column-gap: 0;
        flex-direction: column;
    }
    .Home-left {
        width: 100%;
    }

    .Home-img {
        width: 100%;
    }
    .blogs-middle {
        display: flex !important;
    }
    }

/*// `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 992px) {
    .CareerHeader .dots2 {
        display: none;
        left: 0;
    }
    .navbar-nav.cust-ul {
        width: 100% !important;
    }
    .services .MainService {
        height: 280px;
        width: auto;
    }
    .joinForm {
        width: auto;
    }
    .CareerHeader .FirstImg {
        width: auto;
    }
    .loop-middle {
        right: 0;
        width: 100%;
    }
    .explore-services .EllipsImg {
        width: 100%;
    }

    .JoinTeam {
     
        height: 100%;
      
    }
        .JoinTeam .blockImg {
            width: auto;
        }

    .filter-menu {
        
        width: 100%;

        overflow: auto;
    }
    .Home-up {
        flex-direction: column;
    }
    .choose-bottom {
        height: auto;
        column-gap: 0;
        flex-direction: column;
    }
    .Home-left {
        width: 100%;
    }

    .Home-img {
        width: 100%;
    }

    .solution-item {
        width: 100%;
        text-align: start;
    }

    .blogs-middle {
        /*display: block !important;*/
    }
    }

/*// `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .service-down-left .service-item h5{
  left:2.5rem;
    }
    .CareerHeader .dots2 {
        left: 0;
    }
}

/*// `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
   
}