/*Rest CSS*/
.btn{border:none; outline: none;}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;700;900&display=swap');

@font-face {
  font-family: 'Montserrat', sans-serif;
  /*src: url(../fonts/Montserrat/Montserrat-ExtraLight.TTF);*/
}

*{margin:0px; padding:0px; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; height:auto;}
body{font-family:Arial, Helvetica, sans-serif;/*'Montserrat-Regular'*/ font-size:16px; background:#fff; color:#333;}
section{width:100%; display:inline-block; float:left;}
/*.container{width:100%; max-width:1299px; margin:0 auto;}*/
.clr{clear:both;}
.transition-timer,
.transition-timer:hover{-webkit-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear;}

/*--------------------------------------------------Header-----------------------------------------*/

.header_top{display:inline-block; width:100%; float:left; background:linear-gradient(to right, #424242, #e5591f, #81be34, #41c1e5); display:none;}
.header_top .header_top_list{display:inline-block; float:right;}
.header_top .header_top_list ul{display:inline-block; width:auto;}
.header_top .header_top_list ul li{display:inline-block; list-style-type:none; color:#fff; font-size:14px; margin-right:20px;}
.header_top .header_top_list ul li:last-child{margin-right:0px;}
.header_top .header_top_list ul li a{color:#fff; font-size:14px; text-decoration:none;}
.header_top .header_top_list ul li a i{color:#fff;}
/*.header_top .header_top_list ul li select{width:100%; border:none; outline:none; padding:5px 15px 5px 10px; background:transparent; -webkit-appearance:none !important; -moz-appearance:none !important; -ms-appearance:none !important; -o-appearance:none !important; appearance:none !important; background:url(../img/drop_down.png) no-repeat; background-position:97% center;}
.header_top .header_top_list ul li select option{background:#dd3333; color:#fff;}
*/
.header{display:inline-block; width:100%; float:left; position: relative;}
.header .logo{display:flex; width:100%;align-items: center;}
.header .logo a{display:inline-block; margin-top:0px;}
.header .logo a img{width:100%; max-width:160px;}
.header .fa-bars{background:#dd3333; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:3px 7px; text-align:center; float:right; cursor:pointer; display:none;}
.header .menu_bar{display:inline-block; margin:0px 0px 0px; float: right;}
.header .menu_bar li{display:inline-block; list-style-type:none; margin:0; float: left;}
.header .menu_bar > li{position:relative; z-index:99;}
.header .menu_bar li:first-child{margin-left:0px;}
.header .menu_bar li:last-child{margin-right:0px;}
.header .menu_bar li a{display:inline-block; color:#666; text-decoration:none; padding:20px 15px; font-size:15px; text-transform:capitalize;}
/*.header .menu_bar li a:hover{background:#dd3333; color:#fff;}
.header .menu_bar li a:hover i{color:#fff;
	webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    -ms-animation: toTopFromBottom 0.3s forwards;
    -o-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;	
}
.header .menu_bar li.active a{background:#666; color:#fff;}
.header .menu_bar li.active a i{color:#fff;}*/
.header .menu_bar li a:hover{color: #000;}

.header .menu_bar li .inner{display:inline-block; float:left; display:none; position:absolute; left:0px; top:50px;}
.header .menu_bar li .inner > li{white-space: nowrap; width: 100%;}
.header .menu_bar li .inner li a{padding: 10px 15px; background: #fff; width: 100%; border:1px solid #f7f7f7; border-bottom:none;}
.header .menu_bar li .inner li:last-child a{border-bottom: 1px solid #f7f7f7;}
.header .menu_bar li:hover .inner{display: inline-block;}
.header .menu_bar li .inner li a:hover{background:#f7f7f7;}
.header .menu_bar .inner{display:none;}
.header .menu_bar .view{display: block;}
/*--------------------------------------------------Banner-----------------------------------------*/


/*.banner{background-color: #0d1825;
    background-image: -webkit-gradient(linear, left bottom, right top, from(#6d327c), color-stop(#485DA6), color-stop(#00a1ba), color-stop(#00BF98), to(#36C486));
    background-image: -webkit-linear-gradient(left bottom, #5e2b6b, #384c8e, #077a8c, #03a785, #1c8255);
    background-image: -o-linear-gradient(left bottom, #5e2b6b, #384c8e, #077a8c, #03a785, #1c8255);
    background-image: linear-gradient(to right top, #5e2b6b, #384c8e, #077a8c, #03a785, #1c8255);}

.banner2{
	background: #0d1825 url(../img/banner.jpg) no-repeat;
	background-size: cover;
}
*/
.banner3{
	background-image: url(../img/banner.jpg);
	/*background-image: linear-gradient(to right top, rgba(94,43,107,.5),rgba(56,76,142,.5), rgba(7,122,140,.5), rgba(3,167,133,.5),rgba(28,130,85,.5)), url(../img/banner.png);*/
	background-repeat: no-repeat;
	background-size: cover;
}
  #particles-js{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 8;
  height: 100vh;
}


.banner-text{color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.4); position: relative; z-index: 9;}
.banner-text big{font-size: 48px; line-height: 56px; font-weight: 200;}
.banner-text h1{font-size: 62px; line-height: 78px; font-weight: 900;}
.banner-text p{font-size: 20px; line-height: 28px;}
/*.banner-text button{background: #efa820; color: #fff; font-size: 16px; text-shadow: inherit; position: relative;}*/

/* Rectangle Out */
.btn-zoom-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  /*box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/
 -webkit-box-shadow: 0 10px 8px -8px #000;
     -moz-box-shadow: 0 10px 8px -8px #000;
          box-shadow: 0 10px 8px -8px #000;

  overflow: hidden;
  position: relative;
  background: #efa820;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn-zoom-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e5591f;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-zoom-in:hover, .btn-zoom-in:focus, .btn-zoom-in:active {
  background: #efa820;
  color: white;
  /*-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;*/
}
.btn-zoom-in:hover:before, .btn-zoom-in:focus:before, .btn-zoom-in:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*--------------------------------------------------About Us-----------------------------------------*/

.about-us-banner {background: #0b1a35}
.about-us-banner .aubt{z-index: 99; width: 35%}
.about-us-banner .aubt h2{font-size: 42px; text-transform: uppercase; color: #fff;}
.about-us-banner .aubt p{font-size: 24px; color: #fff;}
.about-us-img{z-index: 2;}
.about-us-working{left: 14%; bottom: 4%; width: 15%; z-index: 9;}
.about-us-pot{right: 14%; bottom: 0%; width: 14%; z-index: 9;}
.about-us-bulb{top: 7%; width: 2%; z-index: 1;}
.about-us-bulb.bulb1{left: 33%;}
.about-us-bulb.bulb2{left: 36%;}
.about-us-bulb.bulb3{left: 39%;}
.about-us-bulb.bulb4{left: 42%;}
.about-us-bulb.bulb5{left: 45%;}
.about-us-bulb.bulb6{left: 48%;}
.about-us-bulb.bulb7{left: 51%;}
.about-us-bulb.bulb8{left: 54%;}
.about-us-bulb.bulb9{left: 57%;}
.about-us-bulb.bulb10{left: 60%;}
.about-us-bulb.bulb11{left: 63%;}
.about-us-bulb.bulb12{left: 66%;}

.about-us{background: #fff;}
.about-us h2{font-size: 42px; color: #435771; font-weight: 700; position: relative;}
.about-us h2:after{
    position: absolute;
    content: '';
    width: 75px;
    height: 10px;
    border-radius: 10px;
    background: #435771;
    bottom: -20px;
    left: 0;
}
.about-us big{font-size: 28px; line-height: 36px; color: #556f91;}
.about-us big{color: #435771;}
.about-us p{font-size: 20px; line-height: 28px; color: #666;}

.our-strength{background: #0b1a35;
-webkit-background: radial-gradient(#0b1a35 30%,#06090d 80%);
-moz-background: radial-gradient(#0b1a35 30%,#06090d 80%);
background: radial-gradient(#0b1a35 30%,#06090d 80%);
}
.our-strength-box{border: 1px solid rgba(255,255,255,0.25);}

/*--------------------------------------------------Our Clients-----------------------------------------*/

.our-client{background: #ecf0f1;}
.our-client h2{font-size: 42px; color: #435771; font-weight: 700;}
.our-client h2 span{display: inline-block; color: #c0392b; /*color: #e5591f;*/ animation: 3.2s infinite beatHeart;}
.our-client p{font-size: 20px; line-height: 28px; color: #697a90;}
@keyframes beatHeart {
  0%,10%,25%, 100% {
    transform: scale(1);
  }
  6.25%,15% {
    transform: scale(1.2);
  }
}

/*.our-client .carousel-control-prev{left: -5%;}
.our-client .carousel-control-next{right: -5%;}
.our-client .carousel-control-next-icon,
.our-client .carousel-control-prev-icon{width: 50px; height: 50px; color: #000; background-image: none; font-size: 32px;}*/
.our-work{
	overflow-x: hidden;
}
.our-work .slick-slide {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
    opacity: .5;
    transition: 1s linear;
}
    .our-work .slick-center {
      -webkit-transform: scale(1.5, 1.5);
      -moz-transform: scale(1.5, 1.5);
      transform: scale(1.5, 1.5);
      opacity: 1;
    }
  .our-work .slide {
    padding: 100px 10px;
  }
  .our-work .slide .img-holder{width: 100%; display: inline-block;}
  .our-work .slide .img-holder img{width: 100%; border-radius: 5px;}
  .our-work .slick-prev:before,
  .our-work .slick-next:before{color: #000; font-family: FontAwesome; font-size: 25px; opacity: .2; -webkit-transition: .5s linear; -moz-transition: .5s linear; transition: .5s linear;}
  .our-work .slick-prev:hover:before, 
  .our-work .slick-next:hover:before{opacity: 1;}
  .our-work .slick-prev:before{content: '\f137';}
  .our-work .slick-next:before{content: '\f138';}

/*------------------------------------Client Need----------------------------------------------*/
.client-need{background: #34495e;}
.client-need *{-webkit-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear;}
.client-need h2{font-size: 42px; /*color: rgba(255,255,255,0.75);*/ color: #ccc; font-weight: 700;
/*text-shadow: 1px 1px 1px rgba(255,255,255,.4);*/
}
.client-need h2 strong{font-weight: 500;}
.client-need .cards{border-radius: 10px; overflow: hidden; background: #e67e22;  /*#e67e22*/
  -webkit-box-shadow: 0 10px 8px -8px #000, 0px 0px 10px 2px inset rgba(0,0,0,0.5);
     -moz-box-shadow: 0 10px 8px -8px #000, 0px 0px 10px 2px inset rgba(0,0,0,0.5);
          box-shadow: 0 10px 8px -8px #000, 0px 0px 10px 2px inset rgba(0,0,0,0.5);
}
/*.client-need .cards:hover{background: #fff;}*/
.client-need .cards figure i{background: #d35400; display: inline-block; width: 10em; height: 10em; border-radius: 50%; box-shadow: 0px 0px 5px 0px inset rgba(0,0,0,0.5);}
.client-need .cards figure i:before{color: #fff; font-size:4em; transition: .5s linear;
}
.client-need .cards:hover figure i:before{ /*color: #fff;*/
  transform: scale(1.25);
  text-shadow: -2px -2px 5px rgba(255,255,255,1),
            3px 3px 5px rgba(0,0,0,0.1);

}

.client-need .cards a{background: rgba(255,255,255,0); border:2px solid #fff; color: #fff; text-transform: capitalize; font-size: 16px;
}

.client-need .cards h4{color: #fff; font-size: 1.5em;}
.client-need .cards p{color: #fff; font-size: 1em;}
/*.client-need .cards:hover h4,
.client-need .cards:hover p,
.client-need .cards:hover a{color: #e67e22; border-color: #e67e22;}*/

.client-need .cards2{background: #3498db;}
.client-need .cards2 figure i{background: #2980b9;}
/*.client-need .cards2:hover h4,
.client-need .cards2:hover p{color: #3498db;}*/

.client-need .cards3{background: #e74c3c;}
.client-need .cards3 figure i{background: #c0392b;}
/*.client-need .cards3:hover h4,
.client-need .cards3:hover p{color: #e74c3c;}*/

.client-need .cards4{background: #9b59b6;}
.client-need .cards4 figure i{background: #8e44ad;}
/*.client-need .cards4:hover h4,
.client-need .cards4:hover p{color: #9b59b6;}*/

.client-need .cards5{background: #fc5c65;}
.client-need .cards5 figure i{background: #eb3b5a;}
/*.client-need .cards5:hover h4,
.client-need .cards5:hover p{color: #fc5c65;}*/

.client-need .cards6{background: #2ecc71;}
.client-need .cards6 figure i{background: #27ae60;}
/*.client-need .cards6:hover h4,
.client-need .cards6:hover p{color: #2ecc71;}*/

/*--------------------------------------------------Technology-----------------------------------------*/

.technology{background: #ecf0f1;}
.technology h2{font-size: 42px; color: #435771; font-weight: 700;}
.technology h2 span{display: inline-block; color: #c0392b; /*color: #e5591f;*/ animation: 3.2s infinite beatHeart;}
.technology .technology-box{background: #ecf0f1; border-radius: 10px;
  box-shadow:/* inset -2px -2px 5px rgba(255,255,255,1),
            inset 3px 3px 5px rgba(0,0,0,0.1),*/
            -2px -2px 5px rgba(255,255,255,1),
            3px 3px 5px rgba(0,0,0,0.1)
          }
.technology .technology-box figure{height: 100px;}
.technology .technology-box figure img{height: 75%; object-fit: scale-down;}

/*--------------------------------------------------Testimonial-----------------------------------------*/
.testimonial{
/*background: #000046;
background: -webkit-linear-gradient(to bottom right, #1CB5E0, #000046);
background: linear-gradient(to bottom right, #1CB5E0, #000046);*/

/*background: #ddc73e;
background: -webkit-linear-gradient(to bottom right, #ddc73e, #7bd25c);
background: linear-gradient(to bottom right, #ddc73e, #7bd25c);*/

background: #ffe14d;
background: -webkit-linear-gradient(to bottom right, #ffe14d, #ff9918);
background: linear-gradient(to bottom right, #ffe14d, #ff9918);
}
.testimonial *{-webkit-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear;}
#canvas1{
  width: 100%;
  height: 100%;
  z-index: 0;
}
.testimonial h2{font-size: 42px; /*color: rgba(255,255,255,0.75);*/ color: #333; font-weight: 200;
}
.testimonial h2 strong{font-weight: 700;}
/*.clients{
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.25);
    background: rgba(255,255,255,0.1);
    padding: 50px;
}*/
.clients{margin: 0px;}
.clients .slide{
/*background: #ddc73e;
background: -webkit-linear-gradient(to bottom right, #ddc73e, #7bd25c);
background: linear-gradient(to bottom right, #ddc73e, #7bd25c);*/
box-shadow: inset 5px 5px 5px rgba(255, 255, 255, .4), inset -5px -5px 5px rgba(0, 0, 0, .4);
background: #ffe14d;
background: -webkit-linear-gradient(to bottom right, #ffe14d, #ff9918);
background: linear-gradient(to bottom right, #ffe14d, #ff9918);

}
.clients .slide .img-holder{width: 100%; display: inline-block;}
.clients .slide .img-holder img{width: 100%; border-radius: 5px;}
.clients .slick-prev{height: 50px; width: 50px; left: -50px;}
.clients .slick-next{height: 50px; width: 50px; right: -50px;}
.clients .slick-prev:before,
.clients .slick-next:before{color: #000; font-family: FontAwesome; font-size: 50px; opacity: .5; -webkit-transition: .5s linear; -moz-transition: .5s linear; transition: .5s linear;}
.clients .slick-prev:hover:before, 
.clients .slick-next:hover:before{opacity: 1;}
.clients .slick-prev:before{content: '\f137';}
.clients .slick-next:before{content: '\f138';}

.clients figure{width: 200px; height: 200px; margin: 0 auto 20px; box-shadow: 0px 0px 5px 0px #333}
.clients h4{color: #333; font-size: 24px; line-height: 36px; position: relative;}
.clients h4:after{position: absolute; content: ''; width: 50px; height: 5px; color: rgba(0,0,0,0.5); z-index: 9; background: #333; left: 50%; right: -50%; bottom: -20px; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); transform: translateX(-50%);}
.clients article{color: #333; font-size: 24px; line-height: 36px; position: relative; padding: 2em 3em;}
.clients article:before{position:absolute; content: '\f10d'; font-family: FontAwesome; font-size: 3em; color: rgba(0,0,0,0.5); left: 0px;}
.clients article:after{position:absolute; content: '\f10e'; font-family: FontAwesome; font-size: 3em; color: rgba(0,0,0,0.5); right: 0px;}

/*--------------------------------------------------Footer-----------------------------------------*/
footer{
/*border-top: 1px solid rgba(255,255,255,0.1);*/
background: #000046;
background: -webkit-linear-gradient(to bottom, #00001a, #000046, #00001a);
background: linear-gradient(to bottom, #00001a, #000046, #00001a);

}
footer *{-webkit-transition: .3s linear; -moz-transition: .3s linear; transition: .3s linear;}
footer h4{color: #fff; font-size: 18px; font-weight: 400;}
footer ul li{float: left; width: 100%; list-style-type: none; font-size: 16px; line-height: 24px;}
footer ul li a{color: #fff; text-decoration: none; display: inline-block;}
footer ul li a:hover{text-decoration: none; color: #fff; text-indent: 10px;}
footer ul.social-media li{font-size: 24px; line-height: 36px; width: auto; margin: 0px 15px 15px 0px;}
footer ul.social-media li a{border: 1px solid #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%;
-webkit-transition: .1s linear; -moz-transition: .1s linear; transition: .1s linear;
}
footer ul.social-media li a:hover{text-indent: 0px;}
footer ul li.facebook a:hover{background: #1877f2;}
footer ul li.whatsapp a:hover{background: #25d366;}
footer ul li.twitter a:hover{background: #1da1f2;}
footer ul li.linkedin a:hover{background: #0093bb;}
footer ul li.youtube-play a:hover{background: #ff0000;}

footer .details{background: #16a085;}
footer .details h4{color: #fff; font-size: 24px;}
footer .details ul li{float: left; width: 100%; color: #fff; font-size: 18px; line-height: 24px; list-style-type: none; position: relative; padding: 0px 0px 10px 25px;}
footer .details ul li i{position: absolute; display: inline-block; left: 0px; top: 0px; color: #fff; font-size: 18px; line-height: 24px;}
footer .details ul li a{color: #fff; font-size: 18px; text-decoration: none;}
footer .details ul li a:hover,
footer .details ul li a:focus,
footer .details ul li a:visited{color: #fff; text-decoration: none;}
footer .details figure img{
  box-shadow: inset 5px 5px 5px rgba(255, 255, 255, .4), inset -5px -5px 5px rgba(0, 0, 0, .4);
}
footer .details p{color: #fff; font-size: 24px; line-height: 36px;}


/*--------------------------------------------------Contact Us-----------------------------------------*/

.contact-us{background: #ebebeb;}
.contact-us .hire-middle .input-group-text{
padding: 0.375rem 1.25rem;
border-radius:0;
font-size: 1.2em;
}
.contact-us .hire-middle .form-control{
  padding: 1.375rem .75rem;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.contact-us .hire-middle textarea{resize: none; min-height: 150px;}

.contact-us .hire-left{background: #16a085;}
.contact-us .hire-left h4{color: #fff; font-size: 24px;}
.contact-us .hire-left ul li{float: left; width: 100%; color: #fff; font-size: 18px; line-height: 24px; list-style-type: none; position: relative; padding: 0px 0px 10px 25px;}
.contact-us .hire-left ul li i{position: absolute; display: inline-block; left: 0px; top: 0px; color: #fff; font-size: 18px; line-height: 24px;}
.contact-us .hire-left ul li a{color: #fff; font-size: 18px; text-decoration: none;}
.contact-us .hire-left ul li a:hover,
.contact-us .hire-left ul li a:focus,
.contact-us .hire-left ul li a:visited{color: #fff; text-decoration: none;}
.contact-us .hire-left figure img{
  /*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);*/
  box-shadow: inset 5px 5px 5px rgba(255, 255, 255, .4), inset -5px -5px 5px rgba(0, 0, 0, .4);
}
.contact-us .hire-left p{color: #fff; font-size: 24px; line-height: 36px;}

.contact-us .hire-right{background: #fff;}
.contact-us .hire-right iframe{width: 100%; height: 100%; border: 1px solid #fff;}
.contact-us h2{font-size: 42px; color: #16a085; font-weight: 300;}
.contact-us h2 span{background: #16a085; color: #fff; padding: 10px; border-radius: 5px; position: relative;}
.contact-us h2 span:after{position: absolute; content: ''; 
   top: 98%;
   right: 10px;
   width: 0;
   height: 0;
   border-left: 10px solid transparent;
   border-top: 20px solid #16a085;
   border-right: 10px solid transparent;
   }
.contact-us h2 strong{font-weight: 700;}

/*--------------------------------------------------Client Login-----------------------------------------*/

.client-login{background: #ebebeb;}
.client-login .login-box{background: rgba(255,255,255,0.5);}
.client-login .login-box .input-group-text{
padding: 0.375rem 1.25rem;
border-radius:0;
font-size: 1.2em;
}
.client-login .login-box .form-control{
  padding: 1.375rem .75rem;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.client-login h2{font-size: 42px; color: #16a085; font-weight: 300;}
.client-login h2 span{background: #16a085; color: #fff; padding: 10px; border-radius: 5px; position: relative;}
.client-login h2 span:after{
  position: absolute; content: ''; 
   top: 98%;
   right: 10px;
   width: 0;
   height: 0;
   border-left: 10px solid transparent;
   border-top: 20px solid #16a085;
   border-right: 10px solid transparent;
   }
.client-login h2 strong{font-weight: 700;}


/*--------------------------------------------------Media Query-----------------------------------------*/

@media only screen and (max-width: 1366px) {
.banner3{background-image: url(../img/1366/banner.jpg);}
}
@media only screen and (max-width: 991px) {
.header{position: relative;}
.header .fa-bars{display:inline-block; position: absolute; right: 15px; top: 22px;}
.header .menu_bar{display: none; width: 100%; margin-bottom: 20px;}
.header .menu_bar li{width:100%; margin:0px;}
.header .menu_bar li a{width:100%; padding:5px 5px;}
.header .menu_bar li .inner{position: static;}
.header .menu_bar li .inner li a{padding-left: 25px; position: relative;}
.header .menu_bar li .inner li a:before{position: absolute; content: '\f105'; font-family: FontAwesome; left: 10px; top: 12px;}
.banner3{background-image: url(../img/991/banner.jpg);}
.order-last, .order-first{display:none;}
}

@media only screen and (max-width: 768px) {
.header_top .header_top_list ul li{margin-right:15px;}
.header_top .header_top_list ul li select{max-width:105px; padding:5px 10px 5px 10px}
.testimonial{display: none;}
}

@media only screen and (max-width: 767px) {
.banner3{background-image: url(../img/767/banner.jpg);}
.banner-text big{font-size: 24px; line-height: 38px;}
.banner-text h1{font-size: 36px; line-height: 48px;}
.banner-text p{font-size: 16px; line-height: 24px;}
.our-client h2,
.client-need h2,
.technology h2{font-size: 24px;}
}

@media only screen and (max-width: 600px)
 {
.banner3{background-image: url(../img/600/banner.jpg);}
.header_top .header_top_list{float:left;}
}

@media only screen and (max-width: 480px) {
.banner3{background-image: url(../img/480/banner.jpg);}
}