.img-15{ border-left:1px solid #fff; padding-left:15px; display:inline-block;}
.img-15 img{ width:60px;}


/*warehousing*/
.zigzag6 { background:url(warehouse/zigzag6.png) no-repeat; overflow:hidden; background-position:center 50px; background-size:contain; margin-left:100px; margin-right:100px;}
.zig-cover img{ width:70%;}
.zig-title{ display:inline-block; font-weight:600; color:#000; font-size:15px; line-height:30px; background:url(warehouse/zig-border.png) bottom left no-repeat;
            margin-top:50px;}
.zig-cover:nth-child(2n+2){ margin-top:80px;}


/* ===== Client Speek Css of Home Page ===== */
/*.client-speek-main{ width:100%; height:auto; text-align:center; padding-top:80px;}
.client-content{ font-size:16px; color:#5a5a5a; line-height:20px; padding:0px 80px;}
.client-content p{ padding:0px 10px;}
.client-content span.coma{ text-align:left; display:block; overflow:hidden;}
.client-content span.coma img{ width:28px; height:auto; margin-bottom:20px; float:left;}
.client-content span.degi{ display:block; font-size:13px; color:#050505; font-weight:bold; line-height:20px; margin-top:20px;}
.client-content span.brand{ display:block; font-size:15px; color:#ff5e59; line-height:20px; font-weight:bold;}
.client-content span.star{ display:block; font-size:16px; color:#ffe03e; margin-top:10px;}
.client-content span.star i{ margin:0px 3px;}
.degi1{ margin-top:80px !important;}
.degi2{ margin-top:60px !important;}
@media screen and (max-width :600px) {
    .degi1{ margin-top:20px !important;}
    .degi2{ margin-top:20px !important;}
}*/







@media screen and (max-width :1131px) {
    .zig-title{ font-size:14px; line-height:20px; background:url(warehouse/zig-border.png) bottom center no-repeat;}
    .zigzag6 { background:url(warehouse/zigzag6.png) no-repeat; overflow:hidden; background-position:center 40px; background-size:contain;}
    .zig-cover:nth-child(2n+2){ margin-top:70px;}
}

@media screen and (max-width :991px) {
    .zig-title{ font-size:14px; line-height:20px; background:url(warehouse/zig-border.png) bottom center no-repeat;}
    .zigzag6 { background:url(warehouse/zigzag6.png) no-repeat; overflow:hidden; background-position:center 35px; background-size:contain;}
    .zig-cover:nth-child(2n+2){ margin-top:50px;}
}
@media screen and (max-width :767px) {
    .zigzag6 { background:none; margin-left:0px; margin-right:0px;}
}
@media screen and (max-width :767px) {
    .zig-title{ font-size:15px; line-height:30px; background:url(warehouse/zig-border.png) bottom left no-repeat; margin-top:15px; margin-bottom:50px;}
    .zigzag6 { background:none;}
    .zig-cover img{ width:50%;}
    .zig-cover:nth-child(2n+2){ margin-top:0px;}
}
@media screen and (max-width :575px) {
    .zig-cover img{ width:40%;}
}


/*transpotation*/
.zigzag5 { background:url(transpo/zigzag5.png) no-repeat; overflow:hidden; background-position:center 60px; background-size:contain;}
.zig-cover5 img{ width:55%;}
.zig-title{ display:inline-block; font-weight:600; color:#000; font-size:15px; line-height:30px; background:url(transpo/zig-border.png) bottom left no-repeat;
            margin-top:40px;}
.zig-cover5:nth-child(2n+1){ margin-top:100px;}


@media screen and (max-width :1131px) {
    .zig-title{ font-size:14px; line-height:20px; background:url(transpo/zig-border.png) bottom center no-repeat;}
    .zigzag5 { background:url(transpo/zigzag5.png) no-repeat; overflow:hidden; background-position:center 40px; background-size:contain;}
    .zig-cover5:nth-child(2n+1){ margin-top:70px;}
}
@media screen and (max-width :1130px) {
    .zigzag5 { background:url(transpo/zigzag5.png) no-repeat; overflow:hidden; background-position:center 40px; background-size:contain;}
}
@media screen and (max-width :767px) {
    .zig-title{ font-size:15px; line-height:30px; background:url(transpo/zig-border.png) bottom left no-repeat; margin-top:15px; margin-bottom:50px;}
    .zigzag5 { background:none;}
    .zig-cover5 img{ width:50%;}
    .zig-cover5:nth-child(2n+1){ margin-top:0px;}
    .zig5{ display:none;}
}
@media screen and (max-width :575px) {
    .zig-cover5 img{ width:25%;}
}



/*Home Page*/

.home-bnn-text{}
.home-bnn-text h1{ color: #fff;
    font-weight: 800;
    font-size: 3em;
    font-family: 'Raleway' !important;
    padding: 14px 0px!important;
    letter-spacing: 2px; line-height:50px; padding-bottom:0px !important;
}
    
.home-bnn-text h6{ color: #fff;
    font-weight: normal;
    font-family: 'Raleway' !important;
    font-size: 21px !important;}

@media screen and (min-width :320px) and (max-width :767px) {
    .respo-title-left{ display:block; padding-left:10px; padding-right:10px; line-height:26px; text-transform:uppercase;}
    .respo-title-right{ display:none;}

    .mobile-tech-margin{ margin-bottom:0px !important;}

    /*footer{ margin-top:0px !important;}*/
}
@media screen and (min-width :768px) and (max-width :2000px) {
    .respo-title-left{ display:none;}
    .respo-title-right{ display:block; text-transform:uppercase; font-size:31px;}
}
@media screen and (min-width :320px) and (max-width :980px) {
    .btn-respo{ margin-left:0px; padding: 2px 15px !important; margin-top:20px; margin-bottom:20px; line-height:34px;}
}
@media screen and (min-width :981px) and (max-width :2000px) {
    .btn-respo{ margin-left: 3.5em; padding: 7px 15px;}
}


/*Logo and nav baar and navigation*/
@media screen and (max-width :991px) {
    .img-15 img{ width:50px !important;}

    .nav-toggle::before { display:none;}
    .nav-toggle{ padding:0px 0px 0px;}
    .nav-toggle i{ font-size:24px; color:#fff;}
}
@media screen and (max-width :768px) {
    .img-15 img{ width:40px !important;}
}
@media screen and (max-width :575px) {
    .img-15 img{ width:40px !important;}
}


/*banners
@media screen and (max-width :991px) {
    .innerhheadser-img{ background-size:cover;}

}*/


/*Banner orange strip*/
@media screen and (max-width :991px) {
    .fourcolumn{ bottom:-15px;}
}
@media screen and (max-width :768px) {
    .fc-col{ margin-bottom:20px !important;}
    .fc-col:nth-child(2n+2){ border-right:none;}
    .text-block{ top:30%;}
}
@media screen and (max-width :601px) {
    .fourcolumn{ position:static; margin-top:20px;}
    .text-block{ top:10%;}
}
@media screen and (max-width :576px) {
    .fc-col{ width:50%; margin-top:10px; margin-bottom:10px;}
}



/*Our Key Offerings*/
@media screen and (max-width :1200px) {
    .boxaa, .boxbb, .boxcc, .boxdd { height: 180px; }
}
@media screen and (max-width :992px) {
    .boxaa, .boxbb, .boxcc, .boxdd { height: 127px; }
}
@media screen and (max-width :768px) {
    .boxaa, .boxbb, .boxcc, .boxdd { height: 180px; }
}
@media screen and (max-width :575px) {
    .boxaa, .boxbb, .boxcc, .boxdd { height: 268px; width:300px; margin:0px auto; }
}


/*Better Technology*/

.bet-tech-cover { background:#F15B40;}
.tech-left-img{}
.tech-left-img img{ width:100%;}
.text-left.sec-right{ padding:0px 200px 0px 40px !important; background:#F15B40;}

@media screen and (max-width :1300px) {
    .bet-tech-cover { background:#F15B40; padding:30px 0px; margin-right:0px; margin-left:0px;}
    .text-left.sec-right{ padding:0px 100px 0px 40px !important; background:#F15B40;}
}
@media screen and (max-width :980px) {
    .bet-tech-cover { margin-top:50px;}
    .text-left.sec-right{ padding:0px 40px 0px 40px !important; background:#F15B40;}
}
@media screen and (max-width :768px) {
    .tech-left-img{}
    .tech-left-img img{ width:80%; margin:0px auto; margin-bottom:20px;}

    .blog-respo{ margin-top:20px;}
}
@media screen and (max-width :575px) {
    .tech-left-img{}
    .tech-left-img img{ width:95%;}
}


/*Footer*/
.footer-main{ height:166px; background-image:url(bgg.png); height:166px; width:100%; background-color:#000;}
.social{ float: right;margin-top: 10px;}
@media screen and (max-width :1300px) {}
@media screen and (max-width :980px) {}
@media screen and (max-width :768px) {}
@media screen and (max-width :601px) {
    .footer-left{ text-align:center;}

    .footer-right ul.content{ text-align:center;}
    .footer-right ul.content li{ float:none;}

    .social ul{ text-align:center;}
}



/*About Page*/

/*About page banner*/
.about-bnn-img-respo{ display:none;}
.text-block h1{ line-height:60px;}

.text-block img{ width:180px; margin-bottom:10px;}

@media screen and ( max-width :1200px) {
    .innerhhead-img { height:auto !important; background-size:cover !important;}
    .innerhheadser-img2 { height:auto !important; background-size:cover !important;}
}
@media screen and ( max-width:992px) {
    .text-block { top:30% !important;}
    .text-block h1{ line-height:36px !important; font-size:30px;}
    .text-block img{ width:auto; margin-bottom:10px; height:35px;}
}
@media screen and ( max-width:768px) {
    .text-block img{ width:auto; margin-bottom:10px; height:30px;}
    .about-bnn-img{ display:none;}
    .about-bnn-img-respo{ display:block; text-align:center;}
    .about-bnn-img-respo img{ top:5%; float:none; margin-top: 5%; padding:20px; margin:0px auto;}
    .about-bnn-text{ margin-top:20% !important;}
}
@media screen and (max-width :601px) {
    .innerhhead-img { height:230px !important;}
    .innerhheadser-img2{ height:300px !important;}
    .text-block { top:-5% !important;}
    .text-block h1{ line-height:26px; font-size:20px !important;}
    .text-block img{ width:auto; margin-bottom:10px; height:20px;}
    .text-block h6 { font-size:15px !important;}
}


/*Inner page tabing*/
.tabset{ margin-top:40px; padding-bottom:0px;}
.tabset label{ margin:10px; font-weight:600; color:#000000; font-size:15px;}
@media screen and (max-width :601px) {
    .tabset label{ margin:0px; font-weight:600; color:#000000; font-size:15px;}
}
@media screen and (max-width :992px) {
    .tabset label{ margin:0px;}
    .tabset > label{ padding: 15px 15px 15px;}
    .tab-panel{ margin-top:30px;}
}
@media screen and (max-width :768px) {
.tabset label{ margin:0px;  font-size:12px;}
    .tabset > label{ padding: 15px 8px 15px;}
}



/*Services Page*/
.serv-tab-cover{ margin:-50px 0px 60px 0px;}
@media screen and ( max-width :1200px) {
    .innerhheadser-img { height:auto !important; background-size:cover !important;}
    
    .logo1a { height:208px;}
    .logo1b { height:208px;}
    .logo1c { height:208px;}
    .logo1d { height:208px;}
}
@media screen and ( max-width :992px) {    
    .logo1a { height:154px;}
    .logo1b { height:154px;}
    .logo1c { height:154px;}
    .logo1d { height:154px;}
}
@media screen and ( max-width :768px) {    
    .logo1a { height:114px;}
    .logo1b { height:114px;}
    .logo1c { height:114px;}
    .logo1d { height:114px;}
}

@media screen and ( max-width :600px) {    
    .logo1a { height:114px;}
    .logo1b { height:114px;}
    .logo1c { height:114px;}
    .logo1d { height:114px;}

    .serv-tab-cover .tabs{ align-items:flex-start !important;}
    /*.serv-tab-cover .tabs .tab{ width:49%; float:left;}

    .tab-respo-container{ background:#ccc; margin-top:400px !important;}*/
}
@media screen and ( max-width :500px) {    
    .logo1a { height:100px;}
    .logo1b { height:100px;}
    .logo1c { height:100px;}
    .logo1d { height:100px;}
}
@media screen and ( max-width :450px) {    
    .logo1a { height:80px;}
    .logo1b { height:80px;}
    .logo1c { height:80px;}
    .logo1d { height:80px;}
}


/*Key Feature section*/
@media screen and ( max-width :601px) {    
    .key-respo{ width:50%;}    
    .key-respo2{ width:33.33%;}
}
@media screen and ( max-width :550px) {    
    .key-respo2{ width:50%;}
}



/*Technology Page*/
.show-respo{ display:none;}
.hide-respo{}
.hide-respo img{ width:80% !important;}
.hide-tech-right img{ float:right;}
@media screen and (max-width :768px) {
    .inner-title-respo{ font-size:22px !important; line-height:40px; text-align:center; margin-top:0px !important;}
}
@media screen and (max-width :766px) {
    .show-respo{ display:block; margin-bottom:20px; overflow:hidden; text-align:center;}
    .show-respo img{ width:70%; text-align:center; float:none;}
    .hide-respo{ display:none;}
}

@media screen and (max-width :768px) {
    .tech-title-respo{ text-align:center !important;}
}








/*Location Page*/
    .map-cover{ top:30px;}
    .network-box{background: #f15b40;
    text-align: center;
    font-weight: 500;
    border-radius: 0px;
    color: #fff; font-family:roboto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 180px;
    margin-bottom: 1em;
    resize: vertical;
    width: 180px;
    font-size: 35px;}
    .network-box p{ color:#fff;padding-bottom:0; font-size:18px;}
    .loca-aum{ position:absolute; right:220px;}
    .corp-office{ background-color:#f0f0f0; margin-top:-300px; z-index:-1;}
@media screen and ( max-width :1200px) {    
    .network-box{ width:150px !important; height:150px !important; font-size:28px;}
    .network-box p{ font-size:16px; line-height:22px;}
    .loca-aum{ position:absolute; right:180px;}

    .map-dot{ width:18px !important; height:18px !important; border:5px solid #ff7b64 !important; }
    .map-green{ border:5px solid #7ca56b !important;}
    .map-yellow{ border:5px solid #fae274 !important;}
}
@media screen and ( max-width :992px) {   
    .network-box{ width:120px !important; height:120px !important; font-size:24px !important;}
    .network-box p{ font-size:14px; line-height:20px;}
    .loca-aum{ position:absolute; right:140px;}
     
}
@media screen and ( max-width :768px) { 
    .map-cover{ top:0px !important;}
      
    .network-box{ width:120px !important; height:120px !important; font-size:24px;}
    .network-box p{ font-size:14px; line-height:20px;}
    .loca-aum{ position:static; right:140px;}

    .corp-office{ background-color:#f0f0f0 !important; margin-top:-450px; z-index:-1; padding-top:0px !important;}
    .img-fluid{ float:right;}
     
}
@media screen and ( max-width :601px) {   
    .network-box{ width:120px !important; height:120px !important; font-size:24px;}
    .network-box p{ font-size:14px; line-height:20px;}
    .loca-aum{ position:static !important; right:140px;}

    .corp-office{ background-color:#f0f0f0 !important; margin-top:-350px !important; z-index:-1; padding-top:0px !important; display:inherit !important; flex-direction:unset !important; }
    .corp-office img{ width:50%;}
    .img-fluid{ float:right;}

    .map-dot{ width:14px !important; height:14px !important; border:4px solid #ff7b64 !important; }
    .map-green{ border:4px solid #7ca56b !important;}
    .map-yellow{ border:4px solid #fae274 !important;}
    
    .map-dot:hover span{ font-weight:normal; font-size:12px;}
     
}
 @media screen and ( max-width :576px) {   
    .network-box{ width:100px !important; height:100px !important; font-size:20px; margin:0px auto;}
    .network-box p{ font-size:12px; line-height:16px;}
    .loca-aum{ position:static !important; right:140px;}

    .corp-office{ background-color:#f0f0f0 !important; margin-top:-290px !important; z-index:-1; padding-top:0px !important; display:inherit !important; flex-direction:unset !important;}
    .corp-office img{ background:#f00 !important; width:40%;}
    .img-fluid{ float:right;}

    .network-respo{ width:33.33%; margin-bottom:30px;}
}




 /*Career page form*/
.apply-title{ font-weight:600; color:#F15B40; font-size:2.5em; font-weight:800; text-align:center;}
@media screen and (max-width :992px) {
    .apply-title{ font-weight:600; color:#F15B40; font-size:2em;}
}
@media screen and (max-width :600px) {
    .apply-title{ font-weight:600; color:#F15B40; font-size:1.5em;}
}
@media screen and (max-width :768px) {

}



/*Enquir (contact us) page  banner form*/
.contact-form-respo{ display:none;}
.contact-form{}
@media screen and (max-width :767px) {
    .contact-form-respo{ display:block; margin-top:5% !important; box-shadow:0px 0px 20px 7px #ccc;}
    .contact-form{ display:none;}
}
@media screen and (max-width :600px) {

}
@media screen and (max-width :768px) {

}



/*Industry*/
.indu-respo{ text-align:center;}
.indu-respo img{ width:100px; margin:0px auto; }
.indu-respo p{ display:block; text-align:center; float:left; width:100%;}
@media screen and (max-width :768px) {
    .indu-respo{ width:50% !important;}
    .indu-last{ width:100% !important;}
}
@media screen and (max-width :600px) {
}
@media screen and (max-width :768px) {

}