@charset "UTF-8";

@media only screen and (min-width: 1920px) and (max-width: 2560px){
   .page-title{
	   height:500px;
   }
}

@media only screen and (min-width: 1600px) and (max-width: 2560px){
   .container-lg{
	   width: 1170px;
   }
}


@media only screen and (min-width: 1200px) and (max-width: 2560px){

}
 @media only screen
and (min-device-width : 820px)
and (max-device-width : 1180px)
and (orientation : landscape)
{
	.header-style-1 #navbar > ul > li > a, .header-style-2 #navbar > ul > li > a, .header-style-3 #navbar > ul > li > a, .header-style-4 #navbar > ul > li > a, .header-style-5 #navbar > ul > li > a, .header-style-6 #navbar > ul > li > a {
		font-size: 12px!important;
	}
	.header-style-3 .navigation-holder {margin-right: 130px!important;}
}
@media only screen and (min-width: 768px) and (max-width: 980px)
{

    .offer-grids > .grid:nth-child(1), .offer-grids > .grid:nth-child(2) {
		margin-bottom: 0px;
	}
	.seal-product-top img{
		margin-top:5px;
	}
}

@media only screen and (min-width: 800px) and (max-width: 1024px){
	.section-title1 h3{
		font-size: 23px;
	}
	.numbers .box{
		margin-left: 30px;
	}
	.header-style-3 .site-logo img{
		/*width:270px;*/
		width:200px;
	}
	.hero .hero-slider .slide-caption{
		margin-left:20px;
	}
}
@media only screen and (min-width: 993px) and (max-width: 1100px){
  .site-header #navbar > ul  .sub-menu{
    left: -100px;
  }
}
@media only screen
and (min-device-width : 820px)
and (max-device-width : 1180px)
and (orientation : portrait)
{
	.about-us-video h4 {
    font-size: 13px;
    margin-top: 4px;
    height: 90px;
    line-height: 18px;
    }
}
@media only screen and (max-width: 1024px) {
	.product-carousel-section h3{
		font-size:16px;
	}
	.contact-pg-section .contact-info p{
		font-size:14px;
	}
	.page-title h2{
		/*font-size:2.4rem;*/
		font-size:1.9rem;
	}
  .owl-carousel-industry-dot-container{
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  .mi-sub li a, .mi-sub2 li a{
    border:1px solid transparent;
  }
  .mi-sub li a:hover, .mi-sub2 li a:hover{
    border:1px solid #02657d !important;
    background-color: transparent !important;
  }
  .single-sub-menu a{
    border: 1px solid transparent !important
  }
  .single-sub-menu  a:hover{
    border:1px solid #02657d !important;
    background-color: #01b8e6 !important;
  }
  .st-submenu .mi-sub:last-child{
    width: 33.334%;
  }
  .st-submenu2 .mi-sub:last-child{
    width: 50%;
  }
  .site-header #navbar > ul  .sub-menu.st-submenu{
    background-color: transparent;
  }
  .mi-sub.mi-br li, .mi-sub2.mi-br li{
    border-right: 1px solid #bbbaba;
  }
  .mi-sub li a.color-default, .mi-sub2 li a.color-default{
    cursor:default !important;
    color: #000 !important;
    font-weight: 700;
    padding-top: 0 !important;
    line-height: 1.5;
  }
  .mi-sub li a.color-default:hover, .mi-sub2 li a.color-default:hover{
    border:1px solid transparent !important;
    color: #000 !important;
  }
  .mi-sub li a.color-green, .mi-sub2 li a.color-green{
    background-color: #A9D08E !important;
  }
  .mi-sub li a.color-green:hover, .mi-sub2 li a.color-green:hover{
    background-color: #01b8e6 !important;
  }
  .mi-sub li a.color-purple, .mi-sub2 li a.color-purple{
    background-color: #B4C6E7 !important;
  }
  .mi-sub li a.color-purple:hover, .mi-sub2 li a.color-purple:hover{
    background-color: #01b8e6 !important;
  }
  .mi-sub li a.color-yellow, .mi-sub2 li a.color-yellow{
    background-color: #FFE699 !important;
  }
  .mi-sub li a.color-yellow:hover, .mi-sub2 li a.color-yellow:hover{
    background-color: #01b8e6 !important;
  }
  .mi-sub li a.color-grey, .mi-sub2 li a.color-grey{
    background-color: #DBDBDB !important;
  }
  .mi-sub li a.color-grey:hover, .mi-sub2 li a.color-grey:hover{
    background-color: #01b8e6 !important;
  }
  .mi-sub li a.color-orange, .mi-sub2 li a.color-orange{
    background-color: #F8CBAD !important;
  }
  .mi-sub li a.color-orange:hover, .mi-sub2 li a.color-orange:hover{
    background-color: #01b8e6 !important;
  }
  .mi-sub li a.color-lblue, .mi-sub2 li a.color-lblue{
    background-color: #BDD7EE !important;
  }
  .mi-sub li a.color-lblue:hover, .mi-sub2 li a.color-lblue:hover{
    background-color: #01b8e6 !important;
  }
  .mi-sub li a.color-lblue-2, .mi-sub2 li a.color-lblue-2{
    background-color: #ACB9CA !important;
  }
  .mi-sub li a.color-lblue-2:hover, .mi-sub2 li a.color-lblue-2:hover{
    background-color: #01b8e6 !important;
  }
  .mi-sub li a:hover, .mi-sub2 li a:hover{
    background-color: #01b8e6 !important;
  }

   #sub-top
  {
  margin-top:-300px!important;
  }

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

}

@media only screen and (max-width: 980px) {
  .owl-carousel-industry-nav-container {
      top: auto;
      bottom: 0px;
  }
  .owl-carousel-industry-nav-container .owl-nav {
      width: 100px;
      position: absolute;
      top: 45px;
      right: 20px;
  }
  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel-industry-nav-container .owl-nav button.owl-prev, .owl-carousel-industry-nav-container .owl-nav button.owl-next {
      height: 45px;
      width: 45px;
      min-width: 45px;
      font-size: 17px;
  }
  .industry-slider-text {
      margin-top: 10px;
      margin-left: 10px;
  }
	.numbers .box {
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		width: 33.33%;
	}
	.numbers .number-box{
		text-align:center;
	}
	.numbers .text-box p{
		text-align:center;
	}
	.numbers h2{
		text-align:center;
		margin-bottom:20px;
	}
	.page-title h2{
		font-size: 2rem;
	}
	.about-us-video img{
		width: 100%;
	}
	.video-slider{
		right:2%;
	}
	.section-slider center img{
		height:100px;
	}
	.hero .hero-slider .slide-caption > h2{
		font-size:2rem;
	}
	.offer-grids .details {
		padding-left: 0px;
	}
	#carousel{
		overflow:hidden
	}
	.header-style-3 .topbar-style-2{
		display:none;
	}
	.header-style-3 .site-logo {
		margin-top: 12px;
	}
  .mi-sub, .mi-sub2{
    width: 100%;
    float: left;
  }
  .mi-sub li a,  .mi-sub2 li a{
    padding: 8px 15px 8px 65px !important;
  }
  .width300px{
    width: 100% !important;
  }
  .mi-sub li a,  .mi-sub2 li a{
    border:none;
  }
  .mi-sub li a.color-default,  .mi-sub2 li a.color-default{
    font-weight: 700;
    padding: 0px 15px 8px 65px !important;
  }
}
@media only screen and (max-width: 768px) {
	.topbar-style-2{
		display:none;
	}
	.header-style-6 .site-logo {
		margin-top: 0px;
	}
	.numbers h2{
		margin-bottom:40px;
		text-align:center;
	}
	.section-title1 h3{
		font-size: 23px;
	}
	.header-style-6 #navbar > ul > li > a {
		padding: 15px 30px;
	}
	.page-title h2 {
    font-size: 2.4rem;
    font-size: 1.7rem;
   }
    .resp-mob{margin-top: 0px; margin-bottom:12%;}

   .about-us-video h4 {
	  font-size: 13px;
	  margin-top: 45px;
	  height: 90px;
	  line-height: 18px;
	 }
  .about-us-video .image-hover-video {
    top: 12%;
   }

}

@media only screen and (max-width: 767px) {
	#home-whychoose-row
	{margin-top: -21px;
	}
	.about-us-video .image-hover-video {
    top: 19%;
   }
		.about-us-video h4{
	height: 77px;
	margin-top: 25%;
	}
	.resp-mob {
    margin-top: 0px;
    margin-bottom: 27%;
   }
    .certificate-gutter{
		padding-left:15px;
		padding-right:15px;
		margin-bottom:20px;
	}
	.seal-product-top{
		/*display:none;*/

	}
  .seal-product-top img
  {
    margin-top:-10px;
  }

	.page-title h2 {
		font-size: 1.5rem;
	}
	.slick-prev {
		left: -10px;
		z-index: 1;
	}
	.slick-next {
		right: -10px;
		z-index: 1;
	}
	.product-carousel-section{
		min-height:230px;
	}
	.our-reach{
		margin-top:1em;
	}
	.video-slider{
		display:none;
	}
	.home-video-mobile{
		display:block;
	}
}

@media only screen and (max-width: 640px) {
	.welcome-area .welcome-content .title{
		width:100%;
	}
	.welcome-area .welcome-content .title, .welcome-area .welcome-content .text{
		display:block;
	}
	.welcome-area .welcome-content .title{
		text-align: center;
		border-right:none;
		padding-right: 0px;
		padding-top: 12px;
		padding-bottom: 18px;
	}
	.numbers .text-box p{
		text-align:center;
		line-height:22px;
	}
	.header-style-6 #navbar > ul > li > a{
		padding: 15px 30px !important;
	}
}

@media only screen and (max-width: 480px) {
	.hero-bg{
		background-position:67%;
	}
	.welcome-area .welcome-content .text {
		padding-left: 0px;
	}
	.numbers .box{
		float:none;
		width:100%;
		margin-bottom:20px;
	}
	.about-image-col{
		margin:1.5em 0;
	}
	.about-image-col img{
		width:100%;
	}
	.section-slider center img{
		height:auto;
		width:auto;
		margin-bottom: 5px;
	}
	.skills-info li{
		padding: 5px;
		font-size:13px;
	}
}

@media only screen and (max-width: 320px) {

}
@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
and (orientation : landscape) {
	.about-us-video .image-hover-video {
    top: 51%;
  }
  	.about-us-video h4
	{
		margin-top: 17%;
	}
	.about-us-video .image-hover-video {
    top: 48%!important;
}
}
@media only screen
and (min-device-width : 412px)
and (max-device-width : 846px)
and (orientation : landscape) {
	.about-us-video .image-hover-video {
    top: 6%;
   }
	.header-style-6 .topbar-style-2{
		display:none;
	}
	.header-style-6 .site-logo {
		margin-top: 0px;
	}
}
 @media only screen
and (min-device-width : 820px)
and (max-device-width : 1180px)
and (orientation : landscape)
{
	.about-us-video h4 {
    font-size: 13px;
    margin-top: 45px;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	#other-des
  {
    display: none;!important;
  }
    .about-us-video h4{
    font-size: 13px;margin-top: 45px;
  }
}

@media only screen
and (min-device-width : 1280px)
and (max-device-width : 2560px)
and (orientation : landscape) {
	#other-des
  {
    display: none;!important;
  }
}

@media only screen
and (min-device-width : 600px)
and (max-device-width : 767px)
and (orientation : landscape) {
	.column2-landscape{
		width:50%;
	}
}