body{font-family: 'Source Sans Pro', sans-serif;}
.logo{padding-top:0px; padding-bottom:15px;}
.logo img{width:100%; display: block; margin: auto; margin-top: 8px;}
.marquee-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  background: #fff; /* Background color for visibility */
  padding: 0px 0; /* Padding for better appearance */
  margin: 0px 0; /* Space between the running lines */
  font-size: 2em;; color:#ff0000; /* Increase the font size */
}

.marquee, .marquee-second {
  white-space: nowrap;
  box-sizing: border-box;
  width: 100%; /* Ensure it takes full width */
  text-align: center; /* Center text within the marquee */
  animation: marquee 20s linear infinite; /* Adjust the animation duration */
  animation-delay: 0s}

.marquee-second {
  animation-delay: 0s; /* Negative delay to make it start simultaneously */
}

@keyframes marquee {
  0% {
      transform: translateX(100%);
  }
  100% {
      transform: translateX(-100%);
  }
}




.address{margin-top: 60px;}
.address p{font-size:16px; margin-bottom: 20px; color: #000; }
.address i{font-size: 16px; color: #ff0000;padding-right: 7px;}
.phone{margin-top: 66px;}
.phone p{font-size: 16px; margin-bottom: 20px; color: #000; text-align: right;}
.phone i{font-size: 16px; color: #ff0000;padding-right: 7px; }
.phone p:nth-child(1){padding-bottom: 16px;}
.navi .navbar-default{padding:5px 0px; background-color: #313131;  border-radius: 0px;border-top: 1px solid #ff0000;border-bottom: none; border-left: none; border-right:none;margin-bottom: 0px;}
.navi .nav > li > a{font-size: 18px; color:#fff; margin:0px 20px;}
.navi .nav > li > a:hover,.navi .nav > li > a:focus{color:#ff0000;}
.navi .dropdown-menu{position: absolute; top: 108%;}
.navi .dropdown-menu > li > a{padding:6px 20px; font-size: 15px;}
.navi .dropdown-menu > li > a:hover,.navi .dropdown-menu > li > a:focus{color:#ff0000;}
.navi .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background:none;}
.navi .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{color:#fff; }
.navi .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background: none; color: #ff0000;}
.navi .navbar-nav{float: none; margin: auto; text-align: center;}
.navi .navbar-nav > li{display:inline-block; float: none;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#666; }
.navbar-nav .open .dropdown-menu > li > a{padding: 5px 5px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color: #ff0000;}


.banner .carousel-caption h1{font-size:40px; line-height: 100px;}
.banner .carousel-caption{position: absolute; bottom: 200px; background-color: rgba(0,0,0,0.5); right: 25%;left: 25%; padding: 0px; margin-top: 0px;}
.banner .carousel-caption h2{ font-size: 42px; line-height: 80px;}
.banner .carousel-indicators{display: none;}

.design h2{margin-top:0; margin-bottom:30px;}
.design h4{font-size: 18px;
    line-height: 25px;
    color: #666;
    
    text-align: center;}

.company{ padding: 60px; background-color:#df0202;}
.company h2{font-size:48px; color:#fff; margin-top: 0px;}
.company h2::before{content:""; display: block; margin: 20px 0px; background-color:#fff; width: 80px; height: 3px;}
.company p{text-align: right; font-size: 20px; line-height: 45px; padding-top: 3px; color: #fff; letter-spacing: 1px;}

.pic1{background-image: url(../images/what-1.jpg); display: block; background-size: cover;height: 300px; padding: 0px; display: block;}
.pic2{background-image: url(../images/what-2.jpg); display: block; background-size: cover;height: 300px; padding: 0px; display: block;}
.pic3{background-image: url(../images/what-3.jpg); display: block; background-size: cover;height: 300px; padding: 0px; display: block;}
.pic4{background-image: url(../images/what-4.jpg); display: block; background-size: cover;height: 300px; padding: 0px; display: block;}
.pic5{background-image: url(../images/what-6.jpg); display: block; background-size: cover;height: 300px; padding: 0px; display: block;}
.pic6{background-image: url(../images/what-5.jpg); display: block; background-size: cover;height: 300px; padding: 0px; display: block;}

.heading{height:300px; display:block;background-color: rgba(0,0,0,0.5);}
.heading:hover{background:none; transition: all 0.5s ease-in-out 0s;}
.heading h3{display: block; margin-top:0px; padding-top:150px; padding-left:15px; font-size:28px; color: #fff; float: left;}
.heading i{font-size: 28px; padding-left: 15px; color:#ff0000 ;margin-top:152px; }
.photo h3{border: none;}
.heading h3 a{color:#fff;}
.mfp-container::before {content: none !important;}

.about{padding-top: 80px; padding-bottom: 70px; background-image: url(../images/line.jpg); background-size: cover;}
.about h2{font-size:48px; color:#444; margin-top: 0px; margin-top: 0px; padding-bottom: 12px;}
.about h2::before{content:""; display: block; margin: 20px auto; background-color:#ff0000; width:80px; height: 3px;}
.about p{line-height: 26px; color:#666;}
.about img{ width:85%; display:block; margin: auto;box-shadow: -1px 3px 15px #c2bebe; margin-top:30px;}
.about img:hover{transform:scale(1.1); transition: all 0.5s ease-in-out 0s;}
.button{border-radius: 0px; padding:10px;  width:150px; margin-top:50px;font-size: 16px; background: none; border: 1px solid #ff0000; color: #ff0000;}
.button:hover,.button:focus{background-color: #ff0000;color: #fff; transition: all 0.5s ease-in-out 0s;border: 1px solid #ff0000;}

.product{margin-top:0px; background-color:#313131; padding:40px 0px;}
.product h2{font-size:48px; color:#888; margin-top: 0px; margin-top: 0px; padding-bottom: 12px; text-align: center; margin-bottom: 100px;}
.product h2::before{content:""; display: block; margin: 20px auto; background-color:#ff0000; width: 100px; height: 3px;}
.border{border-right:1px solid #666; min-height: 250px; border-bottom:1px solid #666; padding: 0px 25px;}
.border1{border-right:1px solid #666; min-height: 250px;padding: 0px 25px;}
.product img{display: block; margin: auto; margin-top: 30px; width: 30%;}
.product p{color:#777; text-align:center; line-height: 28px; font-size: 16px;}
.product h3{font-size:30px; color: #fff; text-align: center; padding-bottom: 15px; border: none;margin-bottom: 27px;} 
.button{border-radius: 0px; padding:10px;  width:150px; margin-top:50px;font-size: 16px; background: none; border: 1px solid #ff0000; color: #ff0000;}
.button:hover,.button:focus{background-color: #ff0000;color: #fff; transition: all 0.5s ease-in-out 0s;border: 1px solid #ff0000;}

.value{margin-top:80px;}
.value h3{font-size:26px; margin-top: 5px; line-height: 36px; border-bottom: 1px solid #CCC;}
.value i{font-size: 14px;}
.value p{line-height: 30px;
    color: #666;
    font-size: 16px;
    text-align: justify;
    margin-bottom: 10px;}
.value h2{font-size:48px; color:#444; margin-top: 0px; margin-top: 0px; padding-bottom: 12px; text-align: center; margin-bottom: 50px;}
.value h2::before{content:""; display: block; margin: 20px auto; background-color:#ff0000; width: 100px; height: 3px;}
.value img{margin-top: 50px;}
.link{border-radius: 0px; width:100px; margin-top:15px;font-size: 16px; background: none; border: 1px solid #ff0000; color: #ff0000;}
.link:hover,.link:focus{background-color: #ff0000;color: #fff; transition: all 0.5s ease-in-out 0s;border: 1px solid #ff0000;}

.client{ margin-top: 80px;padding-top: 30px; padding-bottom: 32px; background-image: url(../images/back.jpg); background-size: cover; background-attachment: fixed; background-position: center center;}
.client img{width:50%; display: block; margin: auto;}
.client img:hover{transition: all 0.5s ease-in-out 0s; transform:scale(1.1); box-shadow: 0px 0px 5px #fff;}


.footer{padding-top:45px; padding-bottom: 30px; background-color:#313131;}
.footer h4{font-size: 26px; color: #fff; margin-bottom: 30px;}
.footer .form-control{border-radius: 0px; background: none; margin-bottom: 12px;}
.submit{border-radius: 0px; width:100px; margin-top:15px;font-size: 16px; background: none; border: 1px solid #CCC; color: #fff; margin-right:8px;}
.submit:hover,.submit:focus{background-color: #fff;color: #000; transition: all 0.5s ease-in-out 0s;border: 1px solid #fff;}
.footer .info p{padding-bottom: 30px; font-size: 16px; color: #fff; padding-left:25px; }
.footer .info p:nth-child(2)::before{content:"\f041"; font-family:FontAwesome; display: block; position: absolute;left: 15px; }
.footer .info p:nth-child(3)::before{content:"\f0ac"; font-family:FontAwesome; display: block; position: absolute;left: 15px; }
.footer .info p:nth-child(4)::before{content:"\f003"; font-family:FontAwesome; display: block; position: absolute;left: 15px; }
.footer .info p:nth-child(5)::before{content:"\f095"; font-family:FontAwesome; display: block; position: absolute;left: 15px;}


.contact{background:none; margin: 50px 0px;}
.contact h4{font-size: 26px; color: #545454; margin-bottom: 30px;}
.contact .info p{padding-bottom: 20px; font-size: 16px; color: #666;}
.contact .submit{border-radius: 0px; width:100px; margin-top:15px;font-size: 16px; background: none; border: 1px solid #CCC; color: #545454; margin-right:8px;}
.contact .submit:hover,.submit:focus{background-color: #ff0000;color: #fff; transition: all 0.5s ease-in-out 0s;border: 1px solid #fff;}
.contact .form-control{border-radius:0px;  border: 1px solid #CCC; box-shadow: none; background: none; margin-bottom: 12px;}


.copy{background-color: #000; padding:6px 0px;}
.copy p{text-align: center; font-size: 14px; padding-top: 10px; color: #fff;}
.copy a{color: #ff0000;}
.copy a:hover{color:#CCC; text-decoration:none;}


.enquiry{margin: 80px 0px;}
.enquiry .reset{padding: 8px; width: 120px; margin-top: 0px; border-radius: 0px;  margin-top: 8px; margin-right:8px;     color: #fff;
    background-color: #e60000;}
.enquiry .form-control{border-radius: 0px; margin-bottom: 15px;}
.enquiry .reset:hover,.submit:focus{background-color: #ff0000;color: #fff; transition: all 0.5s ease-in-out 0s;border: 1px solid #fff;}

.backlink p{font-size:18px;text-align:center;padding-top: 8px; padding-bottom: 5px; }
.backlink a{color:#e60000;}
.backlink a:hover{text-decoration:none; color:#CCC;}
.backlink{margin: 20px 0px;}
.clients{margin: 20px 0px;}
.clients img{display:block; margin:auto;  border:1px solid #d2cdcd ;margin-bottom: 50px; margin-top: 50px;}

.strength{}
.strength h4{font-weight:bold; font-size:18px; margin-top:20px; color:#666;}
.strength img{ margin-top:30px;margin-bottom:20px; border: 1px solid #cecccc;
    padding: 5px;}
.contant .strength h2{color:#fff;}

.comman img{box-shadow: -1px 9px 13px #d4d1d1;  display: block; margin: auto; margin-bottom: 0px;}
h3{ border-bottom: 1px solid #CCC; padding-bottom: 15px; color: #666}
.welding{margin-bottom: 30px; margin-top:50px;}
.nav-pills > li > a{border-radius: 0px; color: #ffffff;font-size: 16px; padding: 18px 10px;}
.well{border-radius: 0px; background: none; border: none; box-shadow: none; padding-top: 0;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{background-color:#e60000db; }
.nav-pills > li > a{}
.nav>li>a:focus, .nav>li>a:hover{background-color:#e60000db;}
.border-r{border-right:1px dashed #ccc;}
.facilites{padding: 100px 0px;}
.facilites h2{color: #545454;
    padding-bottom: 5px;
    margin-top: 0px;
    margin-bottom: 15px;}
.facilites img{box-shadow: 0px 1px 14px 2px #e0e0e0; display: block; margin: auto; margin-bottom:30px; margin-top: 0; 
border:1px solid #ccc;}
.about-shadow img {box-shadow:none !important; border:none !important; }

.nav-pills {background-color: #6b6b6b; border: 1px solid #ccc;}

.powder p{font-size: 16px; padding: 6px 0px; }
.powder i{font-size: 14px;}

.nav-stacked > li{ border-bottom: 1px solid #ccc; }

/*--------------------------------inner pages--------------------------------------*/
.head{padding: 45px 0px; background-color: #e5e5e5;}
.head h1{font-size: 35px; color:#e60000; text-align: center; margin-top: 0px; font-weight: bolder; text-shadow: 0px 1px 0px #000;}
.contant{margin-top:60px; margin-bottom: 50px;}
.contant h2{color: #545454; padding-bottom: 5px; margin-top: 0px; margin-bottom: 15px;}
.contant p{line-height: 30px; color: #727171;
font-size: 16px;
text-align: justify; }

.staff p::before{content:"\f0da"; position:absolute; left:0; display:block; font-family:fontawesome;}
.staff p{ position:relative; padding-left:20px; margin-top: 20px;}

.began{margin-top:10px; margin-bottom: 50px;}
.began img{ box-shadow:0px 5px 8px #9b9b9b; display: block; margin: auto; }
.summery{background-color: #f5f5f5; margin-top: 30px;}
.summery td{padding: 8px;font-size: 15px;}
.summery p{color: #000;font-size: 15px;}

.color img{ margin-bottom:30px;}

.coreval ul{ padding:0; }
.coreval ul li{list-style-type:none; padding-left:20px; position:relative; font-size: 16px;
    line-height: 30px; color:#727171;}
.coreval ul li::before{content:"\f0da"; display:block; left:0; position:absolute; font-family:fontawesome;}
.coreval h2{margin-bottom: 40px;}


.coreval p{padding-top: 20px; text-align: center;}
.comvision{ overflow:hidden;}

.comvision h2{margin-bottom:20px; color: #fff;text-align: center;}

.componant img{width:80%; display:block; margin:auto;box-shadow:0px 20px 20px #666;}

.about-tab h2{color: #545454;
padding-bottom: 5px;
margin-top: 0px;
margin-bottom: 15px;}



.safty h2{margin-bottom:45px;}
.safty img{margin-bottom:0px; margin-top: 20px; box-shadow:0px 7px 20px #dcdada;}

.Equipment table{margin-top: 30px; width: 100%;background-color:#f5f5f5; border:1px solid #ccc;}
.Equipment th{padding: 10px;} 
.Equipment td{padding: 15px;}

.group table{margin-top: 30px; width: 100%;background-color:#f5f5f5; border:1px solid #ccc;}
.group th{padding: 10px;} 
.group td{padding: 10px;
    padding-top: 5px;}
.group table{margin-bottom: 30px;}

.Infrastructure p{margin-bottom:0px; color: #000;}
.Infrastructure i{padding-right: 5px; color: #999; font-size: 18px;margin-top: 35px;}
.Infrastructure h2{margin-bottom: 0px;}

.team{}
.team h4{font-weight:bold; color:#666;}
.team img{display: block; margin-top: 20px; margin-bottom: 20px; }
.dispatch{}
.dispatch h2{}
.dispatch img{}

.benefits{ margin-bottom: 30px; overflow:hidden;}
.benefits p{margin-bottom:5px; }
.benefits img{width: 80%;display: block; margin: auto; margin-top: 20px;box-shadow:0px 20px 20px #666; } 

.achivments{margin-top:90px;  margin-bottom:80px;}
.achivments img{width:45%; margin-top:30px;box-shadow:0px 20px 20px #000;  display: block; margin: auto;}
.achivments  h2{font-size:25px;}

.awoards{margin-bottom:80px;}
.awoards img{display: block; margin-top: 30px; /*box-shadow:1px 4px 3px #ccc;*/}
.awoards h3{margin-bottom:0px; margin-top: 50px; font-size: 18px; border: none;}


.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #ff0000;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
.carousel-control.right:hover{background:none !important;}
.carousel-control.right{background:none !important;}
.carousel-control.left:hover{background:none !important;}
.carousel-control.left{background:none !important;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
    background: none !important;

}
.carousel-fade .carousel-control {
  z-index: 2;
background: none;
} 
.gallery
{
    display: inline-block;
    margin-top: 20px;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    }
} 
.carousel-caption {
    text-shadow: 0 1px 4px rgba(0,0,0,.9);
  font-size:17px
}
.carousel,
.carousel-inner,
.carousel-inner .item {
      height: 100%;
    width: 100%;
    } 
    .item:nth-child(1) {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    }

    .item:nth-child(2) {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    }

    .item:nth-child(3) {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    }
	
	.gal-container{ }
	.gal-item{
    margin-top: 20px; margin-bottom:20px;}

a:hover{text-decoration: none;}




@media (min-width:320px) and (max-width: 480px) {  
.logo img{width: 90%; margin-top: 25px; margin-bottom: 25px;}
.navi  .navbar-toggle{display: block; margin: auto; position: static; float: none; margin-top: 3px; margin-bottom: 3px;  border-radius: 0px;}
.navi .navbar-collapse{border: none; box-shadow: none;}
.logo{padding-bottom: 0px;}
.navi .navbar-nav{float:none; margin:0px;  margin:0px;}
.navi .navbar-nav > li{display:block; float:none;}
.navi .nav > li > a{margin: 0px;font-size: 16px;}
.navi .dropdown-menu > li > a{font-size: 14px; padding: 5px 3px;}
.navi .dropdown-menu > li > a:hover,.navi .dropdown-menu > li > a:focus{color:#ff0000;}
.company h2{text-align: center;font-size:34px; margin-top:30px;} 
.company h2::before{margin: 20px auto;}
.company {padding: 0px;} 
.company p{text-align: center;font-size:17px; padding-top:15px; line-height: 35px;}   
.about{padding-top: 50px; padding-bottom: 45px;}
.about h2{font-size: 34px;}
.about p{text-align: justify; line-height: 28px;}
.about img{width:80%;}
.about .button{display: block; margin: auto; margin-top: 50px;}
.product h2{font-size: 34px; margin-bottom: 30px; padding-bottom: 0px;}  
.product h3{font-size: 25px;} 
.border{border: none; min-height: 130px;}
.border1{border: none; min-height: 130px;}
.value h2{font-size: 34px;margin-bottom: 35px; }
.value{margin-top: 50px;}
.value h3{margin-bottom: 30px;text-align: center;}
.value p{text-align: justify;}
.value .link{display: block; margin: auto;}
.client img{width: 50%; margin-bottom: 40px;}
.footer .info p{text-align: center;}  
.footer .info p::before{left: 40px;}
.footer .info p:nth-child(2)::before{left: 40px;}
.footer .info p:nth-child(3)::before{left: 40px;}
.footer .info p:nth-child(4)::before{left: 40px;}
.footer .info p:nth-child(5)::before{left: 35px;}
.footer h4{text-align: center;margin-top: 40px;}
.footer{padding-top: 0px; padding-bottom: 45px;}
.banner .carousel-caption{top:-5px; }    
.banner .carousel-caption h1{font-size: 20px;}
.backlink .pull-right{float:none !important;}
.backlink{padding-top: 20px;}
.began{margin-top: 50px;}
.began img{width: 100%;}
.color img{margin-bottom: 30px;}
.strength img{ display: block; margin: auto; margin-bottom: 20px; width: 100%;}
.strength h2{margin-bottom: 30px;}


	
.comvision img{ margin-bottom: 50px; width: 80%;}
.safty img{margin-bottom: 30px; width: 70%;}
.team img{width: 80%; margin-bottom: 50px;}
.dispatch img{width: 80%;}
.benefits img{width: 80%;margin-top: 40px; }
.awoards img{width: 80%;}
.achivments img{width: 80%; margin-bottom: 50px;}
.footer{padding-bottom:0px; padding-bottom: 40px;}
.clients img{width: 40%;}
h3{padding-left: 0px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#999;}
.navbar-nav .open .dropdown-menu > li > a{padding: 5px 5px;}


}
@media (min-width:568px) and (max-width:640px){
.navi .nav > li > a {
    font-size: 15px;
    color: #fff;
    margin: 0px 0px;
}
}

@media (min-width:481px) and (max-width:767px){
	.navi .nav > li > a {
    font-size: 15px;
    color: #fff;
    margin: 0px -7px;
}
  .navi .navbar-nav{float: none; margin: auto; text-align: center; display:block;}
.navi .navbar-nav > li{display:inline-block; float: none;}  
.navi .navbar-nav > li > a{float:none; text-align: center;}  
.logo img{width: 90%; margin-top: 25px; margin-bottom: 25px;}
.navi  .navbar-toggle{display: block; margin: auto; position: static; float: none; margin-top: 3px; margin-bottom: 3px;  border-radius: 0px;}
.navi .navbar-collapse{border: none; box-shadow: none;}
.logo{padding-bottom: 0px;}
.navi .navbar-nav{float:left; margin:0px; text-align: left; margin:0px;}
.navi .dropdown-menu > li > a{font-size: 15px; padding: 8px 5px;}
.navi .dropdown-menu > li > a:hover,.navi .dropdown-menu > li > a:focus{color:#ff0000;}
.banner .carousel-caption{bottom:50px; }    
.banner .carousel-caption h1{font-size:20px; margin:0px;}
.company{padding:0px;}
.company h2{text-align: center;font-size:34px; margin-top:30px;} 
.company h2::before{margin: 20px auto;}
.company p{text-align: center;font-size:16px; padding-top:15px; line-height: 38px; padding-bottom: 8px;} 
.about img{width:60%; margin-bottom: 40px;}
.about{padding-top:50px; padding-bottom: 45px;}
.about .button{display: block; margin: auto; margin-top:20px;}   
.product h2{font-size: 40px; margin-bottom: 30px; padding-bottom: 0px;}  
.product h3{font-size: 27px;} 
.border{border: none; min-height: 200px;}
.border1{border: none; min-height: 200px;}
.value img{width: 70%; display: block; margin: auto; margin-top: 50px;}
.client img{width: 40%; margin-bottom: 40px;}
.footer h4{margin-top: 50px;}
.footer{padding-top: 0px;}
.backlink .pull-right{float:none !important;}
.backlink{padding-top: 20px;}
.began img{width: 60%;}
.began{margin-top: 50px;}
.color img{margin-bottom:40px; width:60%;}
.strength img{width: 45%; display: block; margin: auto; margin-bottom: 30px;}
.strength h2{margin-bottom: 30px;}
.comvision img{ margin-bottom: 50px; width: 50%;}
.safty img{width: 50%; margin-bottom: 30px;}
.team img{width: 50%; margin-bottom: 40px;}
.dispatch img{width: 50%;}
.achivments img{width: 50%; margin-bottom: 50px;}
.clients img{width: 30%;}
.benefits img{ width: 50%;}
.awoards img{width: 50%;}
.comman img{width: 60%;}
 h3{padding-left: 0px;}
}

@media (min-width:320px) and (max-width:767px)
{
.nav-pills{margin-bottom: 30px;}
.about-tab h3{padding-left:0;}

}

@media (min-width:320px) and (max-width:1199px)
{
	
.began img{width:100% !important;}
.color img{width:100% !important;}
.comvision img{width:100% !important;}
.comman img {width: 100% !important;}
.team img{width: 100% !important;}
.awoards img{width: 100% !important;}
}

@media (min-width:768px) and (max-width:991px) {
.logo img{width: 100%; margin-top: 25px; margin-bottom: 25px;}
.logo{padding-bottom: 0px;}
.navi .nav > li > a{margin: 0px 4px; font-size: 17px;}
.banner .carousel-caption{bottom: 80px; }    
.banner .carousel-caption h1{font-size: 26px;}
.company{padding:35px 8px;}
.company p{font-size:15px; padding-top:15px; line-height: 38px; padding-bottom: 8px; padding-top: 17px;}
.company h2{font-size:38px; margin-top:30px;} 
.heading i{margin-top: 147px;}
.heading h3{font-size: 20px;}
.about{margin-top: 0px; padding-bottom: 50px;}
.about h2{font-size: 38px;} 
.about img{width:70%;}
.product h2{font-size: 40px; margin-bottom: 30px; padding-bottom: 0px;}  
.product h3{font-size: 27px;} 
.border{border: none; min-height: 200px;}
.border1{border: none; min-height: 200px; }  
.value img{margin-top: 130px;}
.value h2{font-size:40px;}
.client img{width: 60%;}
.footer h4{margin-top: 50px;}
.footer{padding-top:0px;}
.about .button{display:block; margin:auto; margin-top:70px;} 
.color img{width: 70%; display: block; margin: auto;  margin-bottom: 30px;}
.began img{width: 80%;}
.began{margin-top: 40px;}
.Infrastructure i{margin-top: 20px;}
.strength img{width: 60%; display: block; margin: auto; margin-bottom: 30px;}
.strength h2 { margin-bottom: 40px;} 
.comvision img{width: 60%;}
.clients img{width: 100%;}
.safty img{width:80%; }
.team img{ width:55%;}
.dispatch img{width: 50%;}
.benefits img{width: 100%; margin-top:130px;} 
.backlink{padding: 30px 0px; margin: 0px;}
.backlink p{padding-top: 0px}   
.facilites .nav-pills{margin-bottom:30px;}
}
@media (min-width:992px) and (max-width:1199px) { 
.banner .carousel-caption{bottom: 138px; }
.logo img{width: 90%; margin-top: 25px; margin-bottom: 25px;}  
.logo{padding-bottom: 0px;}
.company{padding:50px 8px;}
.company p{font-size:17px; padding-top:15px; line-height: 38px; padding-bottom: 8px; padding-top: 17px;} 
.heading h3{font-size: 24px;}
.about img{width: 60%;}
.border{border: none; min-height: 200px;}
.border1{border: none; min-height: 200px; }
.product h2{font-size: 40px; margin-bottom: 30px; padding-bottom: 0px;}
.clients img{width: 30%;}
.team img{ width:45%;}
.awoards img{width: 70%;}
.color img{width: 55%; margin-bottom:40px;}
.strength img{width:50%; display: block; margin: auto; margin-top: 30px; margin-bottom: 40px;}
.comvision img{width: 45%;}
.safty img{width:65%; }
.dispatch img{width: 45%;}
.benefits img{width: 90%;}
.backlink{padding: 30px 0px; margin: 0px;}
.backlink p{padding-top: 0px} 
}

@media (min-width: 1200px) { ... }