@media(max-width:1980px) and (min-width: 1950px){
    header:before {
        content: "";
        left: 0px;
        width: 26%;
    }
    header .navbar-brand:before {
        right: -54px;
    }
}
@media (max-width:1940px) and (min-width:1910px){
/*header .navbar-brand:before {
    position: absolute;
    height: 60px;
    top: 0px;
    content: "";
    right: 93px;
}*/
header:before {
    content: "";
    left: 0px;
    width: 30.7%;
    height: 65px;
}
}
@media(max-width:1900px) and (min-width: 1850px){
    header:before {
        content: "";
        left: 0px;
        width: 25%;
    }
    header .navbar-brand:before {
        right: -57px;
    }

}
@media(max-width:1920px){
.black-main .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 559px;
    justify-content: center;
}
.caption-div h4 {
    margin-top: 50px;
    font-size: 28px;
}
.black-main .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 556px;
    justify-content: center;
}
}
@media(max-width:1800px) and (min-width: 1690px){
    header:before {
        content: "";
        left: 0px;
        width: 25.3%;
    }
}
@media(max-width:1700px) and (min-width: 1590px){
    header:before {
        content: "";
        left: 0px;
        width: 25.5%;
    }
    .company-content {
        height: 517px;
    }
}
@media(max-width:1536px){
.black-main .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 462px;
    justify-content: center;
}
.common-btn {
    width: 140px;
    height: 45px;
    margin-top: -27px;
}
.request .common-btn {
    width: 140px;
    height: 45px;
    margin-top: 0px;
}
}
@media(max-width:1600px) and (min-width:1490px){
    header:before {
        content: "";
        left: 0px;
        width: 23.5%;
    }
    .black-main .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 478px;
    justify-content: center;
}
.black-main .black-wrapp {
    margin-top: 0px;
}

}
@media(max-width:1680px){
 .company-wrapper img {
    /* width: auto; */
    height: 545px;
    margin: 0 auto;
    display: block;
}   
.company-content {
    height: 546px;
}
.company-content:before {
    content: '';
    position: absolute;
    left: -63px;
    bottom: 0;
    width: 31px;
    height: 100%;
    border-right: 65px solid #2e3192;
    border-top: 249px solid transparent;
    border-bottom: 295px solid transparent;
    /* transform: rotateX(90deg); */
}
.black-main .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 499px;
    justify-content: center;
}
}

@media(max-width:1500px) and (min-width:1420px){
    header:before {
        content: "";
        left: 0px;
        width: 25.1%;
    }
}
@media(max-width:1450px) and (min-width:1400px){
    header:before {
        content: "";
        left: 0px;
        width: 25.6%;
    }
    .caption-div {
    bottom: -30px;
}
.black-main .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 399px;
    justify-content: center;
}
.black-main .black-wrapp {
    margin-top: 10px;
}
}
/*@media(max-width: 1600px) {
header:before {
    content: "";
    left: 0px;
    width: 16.8%;
}
header .navbar-brand:before {
    right: -76px;
    }
}*/


@media(max-width: 1366px) {
    header .navbar-brand img {
        margin-top: 4px;
        position: relative;
        margin-left: 20%;
        width: 56%;
    }
    .caption-left {
        margin-left: 16%;
        width: 45%;
    }
    .company-wrapper img {
        height: 550px;
    }
    .footer-wrapp .address-box:nth-child(1) img {
        width: 7%;  
    }
    .footer-wrapp .address-box:nth-child(2) img {
        width: 8%;
    }
    .footer-wrapp .address-box img {
        width: 8%;
    }
    .footer-wrapp .address-box:nth-child(1) p {
        padding-left: 16px;
    }
    .gallery-main {
        padding: 50px 0px 25px;
    }
    .contact {
        padding: 30px 0px 60px;
    }
    .caption-heading h1 {
        top: 138px;
    }
    .company-content {
        width: 50%;
        background-color: #2e3192;
        height: 550px;
        padding-left: 90px;
        padding-top: 43px;
        position: relative;
    }
    .black-main .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 418px;
    justify-content: center;
}
.parallax-text h3 {
    line-height: 1.4;
    margin-top: -40px;
}
.caption-div {
    bottom: -29px;
}
.black-main {
    padding: 0px 0px 0px;
}
.black-main .black-wrapp {
    margin-top: 40px;
}
.black-main .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 379px;
    justify-content: center;
}
.request .common-btn {
    width: 140px;
    height: 45px;
    margin-top: 0px;
}
}
@media(max-width: 1280px) {
.caption-div {
    bottom: -39px;
}
.black-main .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 365px;
    justify-content: center;
}
.black-main {
    padding: 0px 0px 0px;
}
.black-main .black-wrapp {
    margin-top: 35px;
}
section.home-about {
    padding: 35px 0px 45px;
}
}

@media(max-width: 1200px) {


   header .navbar-brand img {
    width: 70px;
    margin-left: -35px;
}

.footer-wrapp .column p, .footer-wrapp .column a {
    font-size: 12px;
}
.home-slider .caption-left h1 {
    font-size: 35px;
}
.home-slider .caption-left p {
    font-size: 22px;
    line-height: 1.3;
}
.home-element {
    position: absolute;
    width: 19% !important;
    right: 5px;
    top: 50px;
}
.home-slider .caption-left p {
    font-size: 18px;
}
.vision-content {
    padding: 15px;
    width: 65%;
}
.home-slider  .common-btn {
    margin-top: 14px;
}
.home-slider .caption-left {
    margin-left: 6%;
}
.single-wrapper img {
    width: 43%;
}
header .navbar-mob {
    right: 0%;
}
header .navbar-brand:before{
    right: -80px;
}
.single-wrapper .span-icon {
    font-size: 75px;
    right: 17%;
    top: 17%;
}
}
.people-main .en-btn {
    margin-top: 40px!important;
}
@media(max-width: 1100px){
 .top-footer h2 {
    font-size: 22px;
}  
.contactfooter-wrapp span {
    font-size: 30px;
}
.call-us a {
    font-size: 15px;
    color: #fff;
} 
.bottom-footer a, .bottom-footer span {
    font-size: 11px;
}
header .navbar-nav .nav-link {
    font-size: 13px;
}
header .navbar-nav .nav-item {
    padding: 0px 20px 0 0;
}
.home-slider .caption-right h1 {
    font-size: 50px;
}
header:before {
    width: 13%;
}
.home-slider.owl-theme .owl-nav [class*=owl-]{
    font-size: 15px;
}
.product-slider .box-wrapper:before{
    top: -22px;
}
.about:before{
    width: 48%;
}
header .navbar-brand:before {
    right: -77px;
}

}

/*ipad lanscape view */
@media(max-width: 1024px) {
    .head-img img {
        width: 36%;
    }
    .home-slider .caption-right h1 {
        font-size: 45px;
    }

    header .navbar-brand:before {
        right: -105px;
    }  
    .home-slider .caption-left h1 {
        font-size: 30px;
    }
    .caption-div h4 {
        /*margin-top: 25px;*/
        font-size: 20px ;
    }
    header:before {
        width: 30%;
    }
    header .navbar-brand img {
        width: 46%;
        margin-left: 72px;   
    }
    .caption-left {
        margin-left: 12%;
        width: 45%;
    }
    .company-content {
        width: 60%;    
    }
    .company-content h2 {
        color: #fff;
        font-size: 22px;
    }
    .counter .counter-single {
        width: 30%;
        margin-left: 2%;
        padding: 10px;
    }
    .counter {
        left: -241px;
        top: 4px;
    }
    .vision-mission .vision-box {
    padding: 25px;
    margin-top: -103px;
}
    .vision-mission .mission-box {
    padding: 22px;
    margin-top: -103px;
    height: 378px;
}
    .parallax-text h3 {
        line-height: 1.4;
        margin-top: -91px;
    }
    .strength {
        padding: 50px 0px 50px;
    }
    .caption-heading h1 {
        font-size: 40px;
        top: 97px;
    }
    .vision-content {
        padding: 15px;
        width: 65%;
        margin-bottom: 8px;
    }
    .vision-mission .vision-box {
    height: 379px;
}
    .gallery-wrapp .gallery-single {
    width: 31%;
    margin-bottom: 30px;
    margin-right: -7px;
    margin-left: 21px;
}
    .black-main .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 117%;
    justify-content: center;

}
.black-main.services1 .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 123%;
    justify-content: center;
}
.caption-div {
    bottom: -61px;
}
section.home-about {
    padding: 48px 0px 0px;
}
.black-main {
    padding: 0px 0px 0px;
}
.black-main .black-wrapp {
    margin-top: 20px;
}
}
/*ipad  view */
@media(max-width: 992px) {
    .developed-sp{
        justify-content: flex-start;
    }
    header .navbar-nav .nav-item {
        padding: 0 15px 0 0;
    }
    header .navbar-nav .nav-link {
        font-size: 11px;
    }
    .home-slider .caption-right h1 {
        font-size: 35px;
    }
    .top-footer h2 {
        font-size: 16px;
    }
    .bottom-footer .right {
        text-align: left;
    }
    .footer-wrapp .column:nth-child(1) img {
        margin-bottom: 15px;
        width: 85%;
    }
    .footer-wrapp .contact-wrapp {
        margin-bottom: 11px;
        margin-right: 23px;
        float: left;
    }
    .footer-wrapp .column p{
        float: left;
    }
    .footer-wrapp .column:nth-child(1) {
        width: 27%;
    }
    .footer-wrapp {
        padding: 35px 0 20px;
        flex-wrap: wrap;
    }
    .footer-wrapp .column:nth-child(2) {
        width: 20%;
    }
    .footer-wrapp .column:nth-child(3) {
        width: 27%;
    }
    .footer-wrapp .column a {
        margin-bottom: 2px;
    }
    .footer-wrapp .column:nth-child(5) {
        width: 100%;
    }
    .footer-wrapp .column:nth-child(4) {
        width: 20%;
    }
    header .navbar-nav .nav-item:nth-child(9){
        display: none;
    } 
    header {
        animation: 0.3s 0.3s fadeInDown both;
        box-shadow: 0px 2px 10px #00000059;
    }
    header .navbar-nav .nav-link {
        color: #fff;
    }
    header .navbar-nav .nav-link:before {
        background-color: #d47d28;
    }
    header .top-contacts a,
    .header-contact span.top-contacts a {
        color: #000;
    }
    .breadcum {
        margin-top: 60px;
    }
    .vision-mission .container {
        margin-top: 77px;
    }
    .customer .arrow-img {
        position: absolute;
        left: 41%;
        bottom: 55px;
        width: 18%;
    }
    .services .nav-tabs .nav-link{
        font-size: 12px !important;
        text-align: start;
        padding: 13px;
    }
    .req-main span {
        font-size: 12px;
    }
    .req-main .req-btn{
        font-size: 13px;
    }
    .req-main .req-btn::before {

        height: 27px;

        top: 3px;
        right: -8px;

    }
    .req-main img {
        position: absolute;
        right: 58px;
        top: -12px;
        width: 7%;
    }
    .company-content:before {
        border-right: 65px solid #2e3192;
        border-top: 253px solid transparent;
        border-bottom: 297px solid transparent;
    }
    .mils-run {
        position: absolute;
        top: 10%;
        left: -20%;
    }
    header .navbar-brand:before {
        right: -73px;
    }
    .home-slider .caption-left p span {
        font-size: 13px;
    }
    .home-slider .caption-left h1 {
        font-size: 23px;
    }
    .home-slider .caption-left {
        margin-left: 9%;
    }
    .caption-heading h2 {
        font-size: 43px;
        top: 61px;
    }
    .services .nav-tabs .nav-link {
        font-size: 13px;
    }
    .about-content h1 {
        font-size: 20px;
        margin-top: 20px;
    }
    .about-content p {
        font-size: 13px;
        width: 100%;
    }
    .vis-misswrapper {
        width: 80%;
    }
    .single-wrapper img {
        width: 40%;
        margin-top: -1px;
    }
    .about-wrapper {
        padding: 30px 0px;
    }
    .black-main .black-wrapp {
     margin-top:0px; 
 }
 .caption-div h4 {
    margin-top: 15px;
    font-size: 15px;
    margin: -55px;
}
.company-content h1 {
    font-size: 18px;
}
.company-content p {
    font-size: 13px;
    width: 85%;
}
.counter {
    left: -76px;
    top: 0px;
}
.people-main h3 {
    width: 50%;
    font-size: 20px;
}
.people-single p {
    font-size: 12px;
}
.en-btn.mt-5 {
    margin-top: 40px !important;
}
.counter .counter-single h1, .counter .counter-single .counter-text span.plus {
    font-size: 15px;
}
.counter .counter-single p {
    font-size: 11px;
}
.company-wrapper .img-wrapper img {
    width: 100%;
    height: 445px;
}
.company-content{
 height: 445px;   
}
.news-wrapper .news-single .news-content h5 {
    font-size: 12px;
}
.news-wrapper .news-single p {
    font-size: 9px;
}
.news-single .news-content .arrow {
   font-size: 11px;
}
.head-img .shape {
    height: 226px;
    top:23px;
}
.head-img img {
    width: 34%;
}
.head-img .shape::before {
    right: -106px;
    bottom: -1px;
    border-left: 108px solid #eff3f4;
    border-top: 121px solid transparent;
    border-bottom: 108px solid transparent;
}
.head-img .shape .shape-text {
    padding: 6px 0px;
    margin-left: 130px;
}
.head-img .shape .shape-text p {
    font-size: 10px; 
}
.head-img .shape .shape-text h4 {
    font-size: 17px; 
}
.head-img .shape .shape-text h5 {
    font-size: 14px;
}
.team-single .text::before {
    height: 46px;
}
.team-single .text {
    position: absolute;
    background-color: #eff3f4;
    width: 90%;
    bottom: -36px;
    padding: 15px;
    transform: skew(-10deg);
    height: 46px;
    margin-left: 6px;
    line-height: 20px;
    cursor: pointer;
}
.team-single .text h5 {
   font-size: 9px;  
}
.team-single .text p {
    transform: skew(10deg);
    font-size: 10px;
    margin-bottom: 0px;
    color: #9a9fa0;
}
.client .text-wrapp img {
    width: 15%;
    left: 43%;
}
.career .container {
    margin-top: 34px;
}
.career .parallax-container {
    height: 370px;
}
.career .parallax {
    height: 370px;
}
.career .parallax .parallax-img {
    width: 88%;
}
.career .parallax p {
    width: 80%;
    margin: auto;
}
header .navbar-brand {
    position: absolute;
    width: 45%;
    left: -67px;
    top: 5px;
}
header:before {
    width: 25%;
}
.caption-left {
    margin-left: 4%;
    width: 65%;
}
.about-wrapper {
    justify-content: center;
    flex-wrap: wrap;
}
.about-content {
    width: 85%;
}
.single-wrapper img {
    margin-left: -39px;
}
.home-about .span-icon img {
    width: 67%;
    margin-left: 48%;
    margin-top: 32px;
}
.single-wrapper.miss {
    left: 9px;
}
.vis-misswrapper {
    width: 100%;
}
.vision-content {
    padding: 29px;
    width: 71%;
    margin-left: 30px;
}
.single-wrapper {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    left: 12px;
}
.future h2 {
    top: 150px;
}
.company-content {
    width: 100%;
    background-color: #2e3192;
    /* height: 550px; */
    padding-left: 39px;
    padding-top: 75px;
    position: relative;
}
.counter {
    display: flex;
    /* flex-wrap: wrap; */
    position: relative;
    /*left: -265px;
    top: 20px;*/
}
.counter .counter-single {
    width: 31%;
    margin-left: 2%;
    padding: 10px;
}
.bottom-footer a, .bottom-footer span {
    font-size: 13px;
}
.footer-wrapp .column p, .footer-wrapp .column a {
    font-size: 13px;
}
.about-main .about-wrapp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
    margin-top: 0px;
    margin-bottom: -27px;
}
.about-main .about-single .about-img img {
    width: 100%;
    margin-bottom: 30px;
}
.about-main .about-wrapp .about-single {
    width: 100%;
    float: left;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: left;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.footer-wrapp .address-box:nth-child(1) img {
    width: 12%;
}
.footer-wrapp .address-box:nth-child(2) img {
    width: 13%;
}
.footer-wrapp .address-box img {
    width: 17%;
}
.strength {
    padding: 0px 0px 50px;
}
.parallax-text h3 {
    line-height: 1.4;
    margin-top: -63px;
    font-size: 22px;
}
.contact-address {
    padding: 30px 0;
}
.vision-mission .mission-box {
    padding: 15px;
    margin-top: -60px;
    margin-left: 40px;
    width: 190px;
    height: 367px;
}
.col-md-1 {
    display: none;
}
.vision-mission .vision-box {
    padding: 17px;
    margin-top: -60px;
    width: 190px;
    height: 365px;
}
.services .container {
    padding: 0px 20px;
}
section.home-about {
    padding: 0px 0px 0px;
}
.company-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.strength .strength-wrapp {
    margin-top: 20px;
    padding: 0px 70px;
}
.strength {
    padding: 37px 0px 37px;
}
.about-single .about-img {
    width: 100%;
}
.about-single .about-text p {
    color: #949797;
    font-size: 13px;
    line-height: 1.8;
    width: 100%;
}
.gallery-wrapp .gallery-single {
    width: 30%;
    margin-bottom: 30px;
    margin-right: -6px;
}
.career h2 {
    margin-top: 80px;
    font-size: 50px;
}
.company-wrapper img {
    height: auto;
}
.parallax-text p {
    font-size: 15px;
    line-height: 1.5;
}
.address-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 25px;
}
.black-main .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 119%;
    justify-content: center;
}
.black-main.services1 .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 107%;
    justify-content: center;
}
.black-main.services1 .common-btn {
    width: 100px;
    height: 39px;
    margin-top: -44px;
}
.caption-div {
    bottom: -13px;
}
.caption-div span {
    font-size: 9px;
    color: #fff;
    opacity: 0;
}
}
/*mobile css start */
@media(max-width: 767px) {
    .mission-sp img{
        margin-left: 58%!important;
        margin-top: 21px!important;
    }
   
    .developed-sp{
        justify-content: center;
    }

    /*navbar toggler*/
    button.navbar-toggler:focus {
        outline: 0px dotted;
        outline: 0px auto -webkit-focus-ring-color;
    }
    .navbar-toggler {
        padding: 0;
        z-index: 3;
        position: absolute;
        top: 17px;
        right: 25px;
    }
    .navbar-toggler .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 0px;
        background-color: #19203d;
        border-color: transparent;
        position: relative;
        margin: 5px 0;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        z-index: 3;
    }
    .navbar-toggler.active .icon-bar.one {
        top: 7px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
    .navbar-toggler.active .icon-bar{
        background-color:  #fff;
        z-index: 3;
    }
    header.shrink .navbar-toggler.active .icon-bar{
        background-color: #fff;
        z-index: 3; 
    }
    .navbar-toggler.active .icon-bar.two {
        transform: translateX(155px);
    }
    .navbar-toggler.active .icon-bar.three {
        top: -7px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
    }
    .navbar-mob {
        background:#0d2954;
        position: fixed !important;
        top: 0 !important;
        right: 0;
        width: 0%;
        height: 100%;
        transition: all 0.3s ease;
        z-index: 2;
    }
    .navbar-mob.open{
        width: 100%; 
    }
    .navbar-mob .navbar-nav{
        padding: 55px 0 0 20px;
        display: block;
    }
    header.shrink .navbar-nav .nav-link, header .navbar-nav .nav-link {
        color: #fff;
        font-size: 14px;
    }
    header .navbar-nav .nav-item:nth-child(7), header .navbar-nav .nav-item:nth-child(8) {
        display: block;
    }
    header.navbar-nav .nav-item:nth-child(8) .nav-link {
        margin-top: 10px;
    }
    header .navbar-brand:before{
        display: none;
    }
    header{
        background: #fff;
    }
    .home-slider .caption-left p,
    .home-slider .common-btn{
        display: none;
    }
    .home-slider .caption {
        position: static;
        width: 100%;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #112d56;
        padding: 15px 0;
        height: 50px;
        padding-top: 25px;
    }
    .home-slider .caption.container{
        max-width: 100%;
    }
    .home-slider .caption-left{
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
    .home-slider .caption-left h1,
    .home-slider .caption-left span {
        font-size: 14px;
        color: #fff;
    }
    .slider-section{
        margin-top: 60px;
    }
    header{
        box-shadow: 0px 2px 10px #00000059;
    }
    header.shrink {
        animation:unset;
        background: #fff;
    }
    .footer-wrapp .column:nth-child(1) img {
        width: 70px;
        display: block;
        margin: 0 auto 20px;
    }
    footer .footer-element{
        display:none;
    }
    .footer-wrapp .column:nth-child(1) {
        width: 100%;
        text-align: center;
    }
    .footer-wrapp .column h1 {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .footer-wrapp {
        padding: 25px 0 20px;
    }
    .footer-wrapp .contact-wrapp {
        margin-right: 0;
        width: 80%;
        float: unset;
    }
    .footer-wrapp .column p br{
        display: none;
    }
    .footer-wrapp .column:nth-child(2) {
        width: 40%;
    }
    .footer-wrapp .column:nth-child(3) {
        width: 60%;
    }
    .footer-wrapp .column:nth-child(4) {
        width: 60%;
        padding-right: 15px;
    }
    .footer-wrapp .column:nth-child(5) {
        width: 55%;
    }
    .footer-wrapp .column:nth-child(4),
    .footer-wrapp .column:nth-child(5) {
        margin-top: 10px;
    }
    .bottom-footer,
    .bottom-footer .right{
        text-align: center;
    }
    .footer-wrapp .column:nth-child(1) .group-of{
        float: left;
    }
    .footer-wrapp .column p, .footer-wrapp .column a {
        font-size: 12px;
        line-height: 1.1;
        margin-bottom: 7px;
    }
    .home-slider .caption-right h1 span {
        display: inline;
        padding: 0px;
    } 
    .home-slider .caption-right h1{
        text-align:center;
    } 

    .home-slider .caption-right h1 span {
        background: transparent;
    }
    .home-slider .owl-nav {
        bottom: 20%;
        display: none;
    }
    .home-slider.owl-theme .owl-nav [class*=owl-]{
        padding: 7px 13px;
        font-size:13px;
    }
    .home-slider .caption-right{
        margin-left: 0;
        width: 100%;
        text-align: center;
        position: static;
    }
    .home-slider .caption-right br {
        display: none;
    }
    header .navbar-brand img {
        width: 90%;
        margin-top: 6%;
        margin-left: 65px;
    }
    .home-slider .owl-item.active .caption-left h1 br {
        display: none;
    }

    .footer-wrapp .column:nth-child(2) h1:nth-of-type(2) {
        margin-top: 20px;
    }
    .footer-wrapp .column:nth-child(2) , .footer-wrapp .column:nth-child(3){
        margin-top: 10px;
    }
    .footer-wrapp .column:nth-child(1) {
        padding-right: 0px;
    }
    .bottom-footer, .bottom-footer .right {
        text-align: center;
    }
    .bottom-footer a, .bottom-footer span {
        font-size: 12px;
    }
    header .navbar-nav .nav-link:before{
        bottom:0px;
    }
    .services .card-body h1 {
        font-size: 20px;
        text-align: center;
    }
    .card-body {
        padding: 20px 0;
    }
    .services .card {
        border: transparent;
        margin-bottom: 10px;
    }
    .services .card-header {
        padding: 0;
    }
    .services .btn-link{
        padding: 10px;
        font-size: 15px;
        background: #0e2954;
        border-radius: 0;
        color: #fff;
        width: 100%;
        text-align: left;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transform: skew(-10deg);
    }
    .services .btn-link span{
        transform: skew(10deg);
    }
    .services .card-body p {
        font-size: 13px;
        text-align: center;
    }
    .tab-content>.tab-pane {
        display: block;
    }
    .services .card-body {
        padding: 15px 20px;
        margin-top: -10px;
    }
    .services .card-body img {
        width: 100% !important;
        margin: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }
    .about-wrapper {
        flex-wrap: wrap;
    }
    .vis-misswrapper {
        width: 100%;
    }
    .single-wrapper img {
        width: 45%;
        margin-left: -37px;
    }
    .home-about {
        padding: 20px 20px;
    }
    .single-wrapper {
        width: 100%;
    }
    .single-wrapper .span-icon {
        font-size: 65px;
        right: 13%;
        top: 20%;
    }
    .about-content {
        width: 100%;
    }
    .black-main .black-wrapp .black-single {
        width: 50%;
    }
    .future .parallax-container {
        height: 300px;
    }
    .future .parallax {
        height: 350px;
    }
    .future h1 {
        top: 100px;
        font-size: 20px;
    }
    .future .future-element {
        position: absolute;
        width: 17%;
    }
    .company-wrapper .img-wrapper {
        width: 100%;
    }
    .company-wrapper .img-wrapper img {
        width: 100%;
        height: auto;
    }
    .company-content {
        height: auto;
        width: 100%;
        padding-left: 30px;
    }
    .mils-run {
        position: absolute;
        top: -19%;
        left: 37%;
    }
    .counter {
        left: 0px;
        top: 0px;
    }
    .company-wrapper {
        flex-wrap: wrap;
        padding-bottom:0px;
    }
    .counter .counter-single{
        margin-bottom:20px;
    }
    .people-main h3 {
        width: 100%;
        font-size: 20px;
        padding: 0px 30px;
    }
    .people-main .container.mt-5 {
        margin-top: 0px !important;
    }
    .people-wrapp {
        padding-top: 20px;
        flex-wrap: wrap;
    }
    .people-single p br {
        display: none;
    }
    .people-main .people-wrapp .people-single {
        width: 39%;
        cursor: pointer;
        padding: 0px 10px;
        position: relative;
    }
    .news .news-wrapper .news-single{
        width: 100%;

    }
    .services .container {
        padding: 0px 20px;
    }
    .contact .container {
        padding: 0px 20px;
    }
    .contact-form h1 {
        font-size: 20px;
    }
    label {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .contact-address h1 {
        font-size: 20px;
    }
    .address-content h2 {
        font-size: 16px;
    }
    .address-content p {
        font-size: 13px;
    }
    .contact-address {
        padding: 15px;
    }
    .address-wrap {
        margin-bottom: 20px;
    }
    .strength-single .shape::before {
        border-left: 26px solid #eff3f4;
        border-top: 35px solid transparent;
        border-bottom: 45px solid transparent;
    }
    .strength .strength-wrapp{
        padding:0px 10px;
    }
    .strength-single .shape::after{
       border-left: 26px solid #fff;
       border-top: 35px solid transparent;
       border-bottom: 45px solid transparent; 
   }
   .caption-heading h2:before {
    width: 14%;
    height: 30px;
}
.caption-div h4 {
    margin-top: 15px;
    font-size: 19px;
    margin-left: 20px !important;
}
.news-wrapper .news-single p {
    font-size: 12px;
}
.news-wrapper .news-single .news-content h5 {
    font-size: 15px;
}
.vision-mission .parallax-container {
    position: static;
    height: auto;
}
.vision-mission .parallax {
    position: static;
    height: auto;
}
.vision-mission .parallax .parallax-img {
    position: static;
    display: none;
}
.vision-mission {
    background-image: url(../images/t20-about-vision-mission-parallax.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 35px 0;
}
.req-main img {
    top: -20px;
    width: 7%;
}
.req-main span {
    font-size: 18px;
}
.sitemap .s-menu {
    font-size: 11px; 
}
.common-pages p {
    font-size: 13px;
}  
.gallery-wrapp {
    width: 100%;
}
.gallery-single p{
    font-size: 11px;
}
.gallery-single .top-gal {
    margin-top: -31px;
}   
.head-img img {
    width: 46%;
    display: block;
    margin:auto;
}
.head-img .shape::before {
    display: none;
}
.head-img {
   display: block;
}
.news .news-wrapper{
    width:50%;
}
.gallery-single .top-gal {
    margin-top: -21px;
}
.team-wrapp {
    width: 95%;   
}
.team-wrapp .team-single {
    width: 49%;   
}
.head-img .shape {
    height: auto;
    width: 100%;
    margin-left: 117px;
}
.head-img .shape .shape-text {
    padding: 10px 15px;
    margin-left: 0px;
}
.team-single .text::before {
    height: 57px;
}
.team-single .text h5 {
    font-size: 13px;
}
.team-single .text p { 
    font-size: 11px; 
}
.client .client-wrapp { 
    width: 100%; 
}
.client .client-wrapp .client-single {
    width: 39%;
    margin: 13px;
}
.client .text-wrapp p {
    width: 100%;
    font-size: 13px;
}
.client .text-wrapp h2 {
   font-size: 25px;
}
.client .text-wrapp img {
    bottom: -10px;
    width: 6%;
}
.safety-single {
    padding-top: 35px;
    flex-wrap: wrap;
}
.safety-wrapper {
    padding: 0px 10px;
}
.safety-single .content {
    padding-left: 0px;
}
.safety-wrapper .content p {
    font-size: 13px;
    padding-left:
}
.safety-single .content.border-section:before {
    width: 90%;
    left: 10px;
    bottom: -10px;
}
.safety-icon .icon{
    padding-left: 15px;
}
.safety img {
    width: 90%;
}
.safety {
    padding: 30px 0px;
}
.caption-div .common-btn {
    width: 115px;
    height: 40px;
}
.safety-single .content {
    position: relative;
    width: 100%;
}
.safety-icon {
    width: 100%;
}
.error-div .error-wrap{
   width: 100%;
}
.job-openings .opening-single {
    width: 100%;   
}
.career-wrapp {
    padding: 0 16px;  
}
.job-openings h2 {
    font-size: 33px;
}
.career .parallax p {
    font-size: 13px;
}
.career .parallax h2 {
    font-size: 40px;
    margin-top: 93px;
}
.career .parallax-container {
    height: 300px;
}
.career .parallax {
    height: 303px;
}
header .navbar-mob {
    right: 0%;
    height: 100vh;
    background: #2e3192;
}
.caption-left h1 {
    font-size: 40px;
    line-height: 45px;
}
.caption-left {
    margin-left: 4%;
    width: 93%;
}
.vision-content {
    padding: 10px 20px;
    width: 80%;
    height: 349px;
}
.single-wrapper {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    left: -6px;
}
.strength {
    padding: 40px 0px 40px;
}
.gallery-main {
    padding: 30px 0px 0px;
}
.contact {
    padding: 0px 0px 8px;
}
.footer-wrapp .address-box p {
    margin-bottom: 17px;
    line-height: 17px;
}
.home-about .span-icon img {
    width: 40%;
    margin-left: 58%;
    margin-top: 64px;
}
.vision-content {
    padding: 29px;
    width: 71%;
    margin-left: 0;
}
.address-content {
    width: 80%;
    padding-left: 15px;
}
.parallax-text h3 {
    line-height: 1.4;
    margin-top: 0px;
    font-size: 25px;
}
.black-main .black-wrapp .black-single {
    width: 51%;
    padding: 0px;
    /*margin-bottom: 7px;*/
}
.company-wrapper img {
    height: auto;
}
.career-popup {
    display: flex;
    flex-wrap: wrap;
}
.career-content {
    width: 100%;
    padding-right: 5px;
}
.opening-form {
    width: 100%;
    padding-left: 10px;
    border-left: 0px;
}
.footer-wrapp .column:nth-child(1) img {
    width: 45%;
    display: block;
    margin: 0 auto 20px;
}
.services .card-body h2 {
    font-size: 20px;
}
.form-control {
    margin-bottom: 17px;
}
.breadcum img {
    height: 180px;
    object-fit: cover;
}
.caption-heading h1 {
    color: #fff;
    font-size: 22px;
    top: 66px;
}
.gallery-wrapp .gallery-single {
    width: 100%;
    margin-bottom: 30px;
    margin-right: 19px;
}
.about-wrapper {
    padding: 25px 0px;
}
.single-wrapper.miss {
    left: -8px;
    margin-bottom: 14px;
}
.black-main.services1 .black-single:hover .caption-div {
    background: rgba(44, 42, 42, 0.61);
    height: 105%;
    justify-content: center;
}
.request .common-btn {
    width: 140px;
    height: 45px;
    margin: 0 auto;
    margin-top: 0px;
}
.request-content {
    display: flex;
    flex-wrap: wrap;
}
}
@media(max-width: 576px) { 

}
@media(max-width: 480px){
    .home-slider .caption-right h1 {
        font-size: 25px;
    }
    .caption-heading h2{
        font-size:17px;
    }
    .caption-heading h2:before {
        width: 10%;
        height: 20px;
        right: 10px;
    }
    .caption-heading h2 br {
        display: none;
    }
    .about-content {
        padding-top: 15px;
    }
    .black-main .black-single:hover .caption-div {
        background: rgba(44, 42, 42, 0.61);
        height: 117%;
        justify-content: center;
    }

}

@media(max-width:450px){

    .single-wrapper.miss {
        left: -8px;
        margin-bottom: 14px;
    }
    .vision-content {
        padding: 10px 20px;
        width: 80%;
        height: auto;
    }
    .vision-content p {
        width: 92%;
    }
    .vision-content {
        padding: 10px 20px;
        width: 80%;
        height: auto;
    }
    .single-wrapper .span-icon {
        font-size: 50px;
        right: 13%;
        top: 20%;
    }
    .single-wrapper img {
        margin-left: -45px;
    }
    .about-content {
        padding-top: 15px;
    }
    .black-main {
        padding: 15px 0px 0px;
    }
    .future h1 .future-heading {
        background-color: #0e2954;
        padding: 10px;
    }
    .counter-single .span-img span {
        font-size: 35px;
    }
    .people-main h3 {
        width: 100%;
        font-size: 18px;
        padding: 0px 19px;
    }
    .people-main h6 {
        font-size: 13px;
    }
    .people-main .people-wrapp .people-single {
        width: 49%;
    }
    .owl-theme .owl-nav {
        margin-top: 10px;
        display: none;
    }
    .people-main h3{
        padding:0px;
    }
    .gallery-single .top-gal {
        margin-top: -20px;
    }
    .career .container {
        margin-top: 24px;
    }
    .future h2 {
        top: 52px !important;
    }
    .future h2 {
        color: #2e3192;
        position: relative;
        line-height: 40px;
        font-size: 30px;
        top: 160px;
    }
    .future h2 .future-heading {
        background-color: #2e3192;
        padding: 10px;
        color: #f04e23;
        margin-top: 10px;
        /* transform: skewX(-10deg); */
        display: inline-block;
    }
    .counter .counter-single {
        width: 31%;
        margin-left: 1% !important;
        padding: 10px;
    }
    .company-content {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .people-main {
        padding: 40px 0px 40px;
    }
    .caption-heading h1 {
        color: #fff;
        font-size: 22px;
        top: 63px;
    }
    .about-single .about-img {
        width: 100%;
        /* float: left; */
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .about-main .about-wrapp {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 0px;
        margin-bottom: 19px;
    }
}


@media(min-width:768px) {
    .nav-tabs {
        display: flex;
        border-bottom: none;
    }    
    .card {
        border: none
    }
    .card .card-header {
        display:none;
    }  
    .card .collapse{
        display:block;
    }
    /*.black-main .black-single:hover .caption-div {
        background: rgba(44, 42, 42, 0.61);
        height: 117%;
        justify-content: center;
    }*/

}
/*  */
@media(max-width:425px) { 
    .team-wrapp .team-single {
        width: 100%;
    }     
    .team-single .text {
        width: 90%;
        bottom: -36px;
        padding: 15px; 
        height: 58px;
        margin-left: 14px;
    }
    .caption-heading h2 {
        font-size: 20px;
        top: 25px;
    }

    .people-main .people-wrapp .people-single {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .people-main h3{
        width: 100%;
        font-size: 20px;
    }
    .black-main .black-wrapp .black-single {
        width: 51%;
    }
    .about-main .about-wrapp .about-single {
        width: 100%;
    }
    .about-single .about-text h2{
        font-size: 22px;
    }
    .about-single .about-text p{
        font-size: 13px;
        width:100%;
    }
    .about-single .about-text{
        text-align: center;
    }
    .vision-mission .container{
        margin-top: 20px;
    }
    .parallax-text h3 {
        line-height: 1.1;
        font-size: 23px;
        text-align: center;
        margin-bottom: 10px;
    }
    .parallax-text p {
        font-size: 13px;
        line-height: 1.1;
        text-align: center;
    }
    .parallax-text .common-btn {
        margin: auto;
        width: 100px;
        height: 40px;
    }
    .vision-mission .vision-box {
        background-color: #fbac11;
        padding: 8px;
        margin:19px;
        margin-top: 10px;
    }
    .vision-mission .mission-box {
        background-color: #fff;
        padding: 8px;
        margin-top: 10px;
        margin:19px;
    }
    .customer .container{
        margin-top: 65px;
    }
    .customer .customer-text h2{
        font-size: 20px;
    }
    .customer .customer-text p{
        font-size: 13px;
    }
    .customer .arrow-img {
        position: absolute;
        left: 39%;
        bottom: 138px;
        width: 25%;
    }
    .customer .parallax-container {

        height: 317px;
    }
    .strength-wrapp .strength-single {
        width: 33%;
    }
    .strength-single h5 {
        font-size: 15px;
    }
    .strength-single .shape span {
        font-size: 70px;
    }
    .strength-single .shape {
        width: 70px;
        height: 80px;
    }
    .strength h3 {
        line-height: 1.4;
        font-weight: 600;
        font-size: 17px;
    }
    .news .news-wrapper{
        width: 100%;
    }
    .req-main {
        margin-left: 0px;
    }
    .req-main .req-btn {
        font-size: 11px;
    }
    .req-main span {
        font-size: 14px;
    }
    .req-main img {
        top: -16px;
        right: 56px;
    }
    .gallery-single p{
        font-size: 9px;
    }
    .gallery-single .top-gal {
        margin-top: -21px;
    }
}
@media (max-width: 414px)
.req-main .req-btn {
    font-size: 12px;
}
/*  */
@media(max-width:375px) { 
    .head-img img {
        width: 53%;
    }
    .req-main span {
        font-size: 13px;
    }
    .req-main .req-btn{
        font-size: 9px;
        
    }
    .req-main img {
        right: 45px;
        top: -6px;
        width: 18px;
    }
    .req-main .req-btn::before {
        height: 22px;
        top: 2px;
    }

    .people-main .people-wrapp .people-single {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .people-main h3{
        width: 100%;
        font-size: 20px;
    }
    .black-main .black-wrapp .black-single {
        width: 50%;
        /* margin: -5px;*/
    }
    .about-main .about-wrapp .about-single {
        width: 100%;
    }
    .about-single .about-text{
        text-align: center;
    }
    .about-single .about-text h2{
        font-size: 22px;
    }
    .about-single .about-text p{
        font-size: 13px;
    }
    .vision-mission .container{
        margin-top: 30px;
    }
    .parallax-text h3 {
        line-height: 1.1;
        font-size: 23px;
        text-align: center;
        margin-top: 0px;
    }
    .parallax-text p {
        font-size: 13px;
        line-height: 1.1;
        text-align: center;
    }
    .parallax-text .common-btn {
        margin: auto;
        width: 100px;
        height: 40px;
    }
    .vision-mission .vision-box {
        background-color: #f04e23;
        padding: 8px;
        margin-top: 10px;
        /* height: 234px; */
        width: 304px;
        height: 227px;
    }
    .vision-mission .mission-box {
        background-color: #fff;
        padding: 8px;
        margin-top: 10px;
        width: 303px;
        height: 237px;
    }
    .customer .container{
        margin-top: 65px;
    }
    .customer .customer-text h1{
        font-size: 25px;
    }
    .customer .customer-text p{
        font-size: 15px;
    }
    .customer .arrow-img{
        position: absolute;
        left: 34%;
        bottom: 98px;
        width: 37%; 
    }
    .strength-wrapp .strength-single {
        width: 100%;
    }
    .strength h3 {
        line-height: 1.4;
        font-weight: 600;
        font-size: 17px;
    }
    .caption-heading h2:before {
        width: 10%;
        height: 25px;
    }
    .gallery-single p{
        font-size: 9px;
    }
    .top-gal {
        margin-top: -24px;
    }
}
@media(max-width: 360px) { 
    .call-us a {
        font-size: 12px;
    }
    .whyus-wrapper .why-single .text-wrapper p {
        font-size: 10px;
    }
}
@media(max-width: 359px) { 
    .footer-wrapp .column p, .footer-wrapp .column a {
        font-size: 11px;
    }
    .footer-wrapp .column:nth-child(5) .social a {
        font-size: 13px;
    }
    .bottom-footer a, .bottom-footer span {
        font-size: 11px;
    }
    .infra-wrapp .infra-single p {
        font-size: 12px;
    }

}
@media(max-width:320px) { 
    .caption-heading h2 {
        font-size: 22px;
        top: 25px;
    }
    .req-main span {
        font-size: 11px;
    }
    .req-main .req-btn{
        font-size: 6px;  
    }
    .req-main img {
        right: 37px;
        top: -4px;
        width: 18px;
    }
    .req-main .req-btn::before {
        height: 18px;
    }

    .home-slider .caption-right h1 {
        font-size: 15px;
    }
    .people-main .people-wrapp .people-single {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .people-main h3{
        width: 100%;
        font-size: 20px;
    }
    .about-main .about-wrapp .about-single {
        width: 100%;
    }
    .about-single .about-text h2{
        font-size: 22px;
    }
    .about-single .about-text p{
        font-size: 13px;
    }
    .about-single .about-text{
        text-align: center;
    }
    .vision-mission .container{
        margin-top: 30px;
    }
    .parallax-text h3 {
        line-height: 1.1;
        font-size: 23px;
        text-align: center;
    }
    .parallax-text p {
        font-size: 13px;
        line-height: 1.1;
        text-align: center;
    }
    .parallax-text .common-btn {
        margin: auto;
        width: 100px;
        height: 40px;
    }
    .vision-mission .vision-box {
        background-color: #fbac11;
        padding: 8px;
        margin-top: 10px;
    }
    .vision-mission .mission-box {
        background-color: #fff;
        padding: 8px;
        margin-top: 10px;
    }
    .customer .container{
        margin-top: 65px;
    }
    .customer .customer-text h1{
        font-size: 25px;
    }
    .customer .customer-text p{
        font-size: 15px;
    }
    .customer .arrow-img{
        position: absolute;
        left: 34%;
        bottom: 98px;
        width: 37%; 
    }
    .strength-wrapp .strength-single {
        width: 33%;
    }
    .strength h3 {
        line-height: 1.4;
        font-weight: 600;
        font-size: 17px;
    }
    .news .news-wrapper .news-single{
        width: 100%;
    }
    .client .client-wrapp .client-single {
        height: 100px;
    }
    .client .text-wrapp img {
        width: 9%;
        left: 43%;
    }
    .career .parallax-container {
        height: 353px;
    }
    .career .parallax {
        height: 351px;
    }

}