@media (max-width:1024px){
    .wroking-img img{
        -o-object-fit: cover;
           object-fit: cover;
        height: 100%;
    }
}


@media (max-width:991px){
    
    #lottie {
        display:none;
    }
    .banner-none{
    display:block;
}
    label#fileUpload-error {
    left: 46px;
}
    .btn-file {
    padding-left: 0;
}
    .flex-attach {
    justify-content: start;
    margin-bottom: 30px;
}
    .about-dta .arrow-svgdown {
    display:none;
}
    .inner_banner {
    margin-top: 70px;
}
    header{
        background: #171c30 !important;
    }
    /*.about-dta.blue.pad60 {
    padding-top: 0;
    margin-top: -77px;
}*/
    .relative.arrow-svg {
    left: 7px;
}
    .is-loaded.full-loaded {
    height: 449px;
}
.circle_height {
    width: 170px;
    top:0;
}
.cloud_data {
    margin-top: -200px;
}
    .navbar-light .navbar-nav .nav-link {
    padding: 10px;
}
    li.nav-item {
    margin-left: 0;
    width: 100%;
}
    nav .navbar-toggler-icon {
        background-image: url(../images/toggle.svg) !important;
    }
    .navbar-toggler-icon.cross {
        background: url(../images/cross.svg) no-repeat !important;
        background-size: 60% !important;
        background-position: center !important;
    }
    .container {
        width: 95%;
    }
    .navbar-toggler {
        padding: 0;
    }
    header .logo img {
        width: 70px;
    }
    .empoewing-wrapper .col-lg-4:first-child .empoewing_icon{
        margin-top:0px;
    }
    
    .empoewing-wrapper .col-lg-4:nth-child(2) .empoewing_icon{
         margin-top:0px;
    }
    
    .empoewing-wrapper .col-lg-4:nth-child(3) .empoewing_icon{
         margin-top:0px;
    }
    
    .empoewing-wrapper .col-lg-4:nth-child(4) .empoewing_icon{
         margin-top:0;
    }
    
    
    .empoewing-wrapper .col-lg-4:last-child .empoewing_icon{
         margin-top:40px;
    }
    .empoewing_icon img {
    width: 100px;
}
.pad60 {
    padding: 60px 0;
}
.h4 {
    font-size: 60px;
}
 .h4 small {
    font-size: 60px !important;
}
.cloud_data p {
    font-size: 30px;
}
.empoewing-wrapper .h4 span {
    font-size: 60px;
}
.choose-caption p {
    font-size: 15px;
}
.mr-top50 {
    margin-top: 20px;
}
.chosse-bg {
    height: 340px;
}
.choose-caption {
    padding: 50px;
}
.boxes {
    padding: 30px;
}
.carrer_head .clip {
    font-size: 60px;
}
.carrer_head p br{
    display:none;
}
.h100 {
    height: auto;
}
.wroking-text {
    height: 295px !important;
}
.wroking-text.dark-blue.h100 {
    margin-top: 30px;
}
.carrer .nav-tabs li a {
    font-size:16px;
}
.service-wrapper .row {
    margin-top: 40px;
}
.cloud_data .h4 {
    margin-bottom: 0px;
    position: relative;
    top: 0px;
    font-size: 45px;
}
.h4 span {
    display: block;
    font-size: 40px;
}
.banner_center.blue {
    margin-top: -440px;
}
.arrow-svgdown {
    background: #fff;
    width: 55px;
    height: 55px;
        left: -52px;
}
button:focus {
    outline: none;
}
svg.svg {
    bottom: 0;
}
.relative.arrow-svg {
    left: 1px;
    bottom: 70px;
}
}


@media(min-width:768px) {
    .nav-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .card {
        border: none;
    }

    .card .card-header {
        display:none;
    }  

    .card .collapse{
        display:block;
    }
    
    

}

@media(max-width:767px){
    
    .banner1 img{
        height: 400px;
    object-fit: cover;
    }
    .flex-attach { overflow:hidden; }
    .about-dta.blue.pad60.mb-pad {
    padding-bottom: 0;
}
    .contact_wrapper ul {
    margin-top: 0;
    margin-bottom: 30px;
}
    .cloud_data h1 {
    color: #fff;
    font-size: 18px;
}
footer .logo {
    margin-bottom: 22px;
    position: relative;
    left: -10px;
}
    .quick-links ul li {
    margin-bottom: 11px;
}
    .col-lg-3.col-md-2 {
    width: 50%;
}
    .next_role .row .btns {
    background: #161a2e;
    margin: 0;
    margin-top: 50px;
}
    .carrer .collapse {
    margin-top: 0;
}
    .inner_banner {
    height: 220px;
}

.inner_banner img{
        height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
    #pane-A {
    margin-bottom: 20px;
}
    .choose-caption p {
    margin-bottom: 0;
}
    .about_wrap .choose-caption {
    background: #161b2f;
}
    .btn-file {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}
    .carrer_head .form-inline .form-group {
    margin: 0;
    width: 100%;
}
.carrer_head form.form-inline {
    margin-top: 15px;
    margin-bottom: 30px;
}
  .carrer_head .form-inline button {
    margin: 0;
    border-radius: 0;
    border: none;
    background-size: cover !important;
    cursor: pointer;
    width: 100%;
    height: 50px;
    padding: 0 40px;
}
    .is-loaded.full-loaded {
    height: 259px;
}

.banner_center.blue {
    margin-top: -330px;
}
.cloud_data {
    margin-top: -170px;
}
.circle_height {
    width: 120px;
    top: -60px;
}


    .wroking-text h5, 
    .wroking-text h3{
    font-size: 26px;
}
    .wroking-text {
    padding: 20px;
}
    .btns_box {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}
.cookies-strip button {
    width: 50%;
}
    .cookies-strip p {
    margin-bottom: 0;
    font-size: 13px;
}
    .about-dta.blue.pad60 {
    padding-top: 30px;
    margin-top: 0;
}
    
    header.blue.nav-down.fixed {
    z-index: 99999999999;
}
    .cloud_data {
    margin-top: -130px;
}
    .cloud_data p {
    font-size: 24px;
    padding: 0;
}
.relative.arrow-svg {
    display:none;
}
.top160 {
    padding-top: 76px;
}

.cloud_data p {
    font-size: 16px;
    line-height: 1.6;
}
.cloud_data .h4 {
    font-size: 34px;
}
.h4 span {
    font-size: 30px;
}
    
    .tab-content > .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .pad60 {
        padding: 40px 0;
    }
    .h4 {
        font-size: 42px;
    }
     .h4 small {
        font-size: 42px !important;
    }
    .empoewing-wrapper .h4 span {
        font-size: 42px;
    }
    .empoewing_icon p {
       
        padding-right: 0;
    }
    .empoewing_icon h5,
    .empoewing_icon h3{
    font-size: 18px;
}
.choose-caption {
    padding: 30px;
    position: inherit;
}
.chosse-bg {
    height: 280px;
}
.choose-caption strong,
.choose-caption h3{
    font-size: 24px;
}
.boxes {
    width: 50%;
}
.carrer_head .clip {
    font-size: 42px;
}

.carrer .d-flex{
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}
.carrer .w-50 {
    width: 100%!important;
}

footer .address {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 30px;
}
.top80 {
    margin-top: 14px;
}
.privacy {
    color: #fff;
    text-align: center !important;
}
.social_link li a i {
    width: 35px;
    height: 35px;
        font-size: 12px;
}
#button {
    width: 35px;
    height: 35px;
    bottom: 10px;
    right: 10px;
}
.social_link {
    margin-bottom: 0;
    margin-top: 20px;
}
.hover-list li {
    width: 50%;
}
.hover-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.carrer {
    position: relative;
    padding-bottom: 40px;
}
.hover-list .staic h4 {
    font-size: 24px;
}
.bg-fill {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 14px;
}

#content {
    margin-top: 40px;
}
#careers .card-header {
    color: #fff;
    background: #ef5925;
}
#careers h5 a {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}
.next-role span {
    position: absolute;
    left: 10px;
    top: 30px;
    line-height: 0.9;
    font-size: 25px;
}
.next-role .p-right {
    right: 10px;
    left: auto;
    top: 60px;
}
}


@media(max-width:400px){ 
    .cloud_data {
    margin-top: -96px;
}
    
}


@media(max-width:360px){ 
    .cloud_data {
    margin-top: -86px;
}
    
}


@media(max-width:320px){ 
   .circle_height {
    width: 120px;
    top: -90px;
}
    
}