@media (max-width:1920px) {
.headboxcontent p {
	width: 62%
}
.headboxcontent p {
	width: 62%
}
}
.home-h1
	{
	font-size: 40px;
	line-height: 45px

}
@media (max-width:1600px) {
.navbar-nav li a {
	font-size: 15px;
	margin: 0 10px
}
.k-hub h3 {
	font-size: 20px
}
.k-hub p {
	font-size: 15px
}
.headbox {
	height: 400px
}
h2 {
	font-size: 35px;
	line-height: 45px
}
.home-h1
	{
	font-size: 40px;
	line-height: 45px

}
h1 {
	font-size: 60px;
	line-height: 60px;
}
.headboxcontent:hover h1 {
	font-size: 100px
}
.headboxcontent p {
	width: 80%
}
.headboxcontent p:before {
	top: 52%
}
.sol-ser {
	height: 340px
}
.sol-ser:hover p {
	margin-top: 50%
}
.sol-ser p:before {
	top: 4%
}
#carouselExampleIndicators2 .carousel-caption span {
	font-size: 170px;
	line-height: 150px;
	margin-top: -70px
}
}

@media (max-width:1366px) {
h2 {
	font-size: 38px;
}
.home-h1
	 {
	font-size: 38px;
	
}
.comp-head h2 {
	font-size: 32px;
}
}

@media (min-width:1366px) {
footer .container {
	max-width: 90%
}
}

@media (max-width:1280px) {
.navbar-nav li a {
	margin: 0 5px
}
.k-hub p {
	padding: 0 30px
}
h2 {
	font-size: 35px
}
.home-h1
	 {
	font-size: 35px; 
}

.headbox {
	height: 350px
}
.headboxcontent p:before {
	top: 57%
}
.sol-ser {
	height: 300px
}
.sol-ser h1 {
	font-size: 50px;
	line-height: 50px
}
.sol-ser:hover p {
	margin-top: 50%
}
#carouselExampleIndicators2 .carousel-caption h3 {
	font-size: 20px;
	line-height: 25px
}
}

@media (max-width:1024px) {
.logo {
	width: 12%
}
.navbar-nav li a {
	font-size: 13px;
	margin: 0 5px
}
.carousel-caption {
	width: 70%
}
.carousel-caption h2 {
	font-size: 30px;
	line-height: 40px
}
.sticky {
	top: 20%
}
.k-hub {
	height: 130px;
	margin-top: -130px
}
.k-hub h3 {
	font-size: 16px
}
.k-hub p {
	font-size: 13px;
	line-height: 20px;
	padding: 0 0 0 30px
}
h2 {
	font-size: 38px;
	line-height: 35px
}
.home-h1
	 {
	font-size: 38px;
	line-height: 35px
}
h1 {
	font-size: 50px;
	line-height: 55px
}
.headbox {
	height: 300px
}
.headboxcontent p:before {
	top: 60%
}
.headboxcontent h3 {
	margin-bottom: 0
}
.headboxcontent p {
	width: 100%;
	font-size: 22px;
	line-height: 30px
}
.headboxcontent:hover h1 {
	font-size: 80px
}
.headboxcontent:hover p {
	font-size: 22px;
	line-height: 30px
}
.sol-ser {
	height: 250px
}
.sol-ser:hover p {
	margin-top: 30%
}
#carouselExampleIndicators1 .carousel-caption h3 {
	font-size: 40px;
	line-height: 40px
}
#carouselExampleIndicators1 .carousel-caption h2, #carouselExampleIndicators1 .carousel-caption .d1 p {
	font-size: 20px;
	line-height: 20px;
	min-height:unset;
}
#carouselExampleIndicators1 .carousel-caption h3, #carouselExampleIndicators1 .carousel-caption .d1 p {
	margin-bottom: 5px
}
#carouselExampleIndicators1 .cta a {
	font-size: 18px
}
.carousel-indicators {
	bottom: 10px
}
#carouselExampleIndicators2 .carousel-caption span {
	font-size: 120px;
	line-height: 100px;
	margin-top: -70px
}
.h-news-title {
	padding: 25% 10%
}
.my-table2 table, .my-table table {
	width: 1200px;
}
}

@media (max-width:990px) {
.navbar {
	padding: 0
}
.navbar-nav {
	background-color: #fff;
	margin: -1px 0 0
}
.navbar-nav li a {
	padding: 15px 10px;
	font-size: 15px;
	display: block
}
.navbar-nav li a:hover {
	background-color: #ccc
}
.navbar-toggler {
	position: absolute;
	left: 0;
	top: 20px
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}
.logo {
	width: 50%;
	margin-left: 15%
}
#lang {
	position: absolute;
	top: 30px;
	right: 10px
}
#lang .dropdown-menu {
	min-width: 8rem;
	margin-top: 10px
}
#lang .dropdown-item {
	background-color: #fff;
	padding: 5px 10px!important
}
.dropdown:hover>.dropdown-menu {
	display: none
}
.dropdown .dropdown-menu.show {
	display: block
}
.search-form-wrapper {
	margin-top: 0!important
}
.dropdown-menu {
	margin: 0;
	padding: 0!important
}
.dropdown-item {
	background-color: #f1f1f1;
	padding: 10px!important
}
.carousel-caption {
	top: 15%
}
.k-hub {
	height: auto;
	margin-top: 0;
	background-color: #1e1e1e
}
.k-hub h3 {
	font-size: 25px;
	margin-top: 0
}
.k-hub p {
	border: none;
	padding: 0
}
.headnum {
	margin-top: 0
}
.headboxcontent h3 {
	font-size: 50px;
	line-height: 60px;
	margin-top: 90%
}
.headboxcontent p {
	font-size: 18px;
	line-height: 25px
}
.headboxcontent:hover h1 {
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 0;
	margin-top: 50%
}
.headboxcontent:hover p {
	font-size: 20px;
	line-height: 25px
}
.headboxcontent p:before {
	top: 50%
}
.cta a {
	padding: 10px 15px
}
.sol-ser {
	height: 190px
}
.sol-ser h1 {
	font-size: 30px;
	line-height: 30px
}
.sol-ser p:before {
	top: 30%
}
#carouselExampleIndicators1 .carousel-caption h3 {
	font-size: 40px;
	line-height: 40px
}
#carouselExampleIndicators1 .carousel-caption h2, #carouselExampleIndicators1 .carousel-caption .d1 p {
	font-size: 20px;
	line-height: 20px
}
#carouselExampleIndicators1 .carousel-caption h2 {
	margin-bottom: 20px
}
#carouselExampleIndicators1 .cta a {
	font-size: 18px
}
#carouselExampleIndicators1 .carousel-caption .d1 {
	margin-bottom: 30px
}
h2 {
	font-size: 25px;
	line-height: 30px
}
.home-h1
	 {
	font-size: 25px;
	line-height: 30px
}

h1 {
	font-size: 40px;
	line-height: 35px
}
.h-say .owl-carousel .owl-item img {
	width: 60%;
	float: left;
	margin-bottom: 20px
}
#carouselExampleIndicators2 .carousel-caption p:after {
	margin-top: 5px
}
#carouselExampleIndicators2 .carousel-caption h3, #carouselExampleIndicators2 .carousel-caption p {
	font-size: 14px;
	line-height: 20px
}
.h-news {
	margin: 7% 10% 2%
}
.h-news-main {
	background-color: #ebebeb;
	padding-bottom: 5%
}
.h-news-title {
	padding: 5% 10% 0;
	text-align: center
}
.left, .right {
	text-align: center
}
.footerbtm .right {
	margin-top: 20px
}
}

@media (max-width:767px) {
.safety-mob {
	display: block
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}
.sticky {
	top: 30%
}
.sticky img {
	width: 100%
}
.sticky li a, .s-icons, .s-icons .navbar-nav li a {
	width: 40px;
	height: 40px
}
.s-icons .navbar-nav.show li:nth-child(1) {
	top: 40px
}
.s-icons .navbar-nav.show li:nth-child(2) {
	top: 80px
}
.s-icons .navbar-nav.show li:nth-child(3) {
	top: 120px
}
.s-icons .navbar-nav li a {
	font-size: 15px;
	padding: 10px
}
.headbox {
	padding: 2% 15%;
	height: auto;
	border-bottom: solid 1px #ccc
}
.headbox h2 {
	text-align: center;
	margin-top: 20px
}
.headboxcontent h3 {
	margin-top: 15%
}
.headboxcontent:hover h1 {
	margin-top: 5%
}
.headboxcontent p:before {
	top: 55%
}
.sol-ser {
	height: 124px;
}
.sol-ser h1 {
	font-size: 50px;
	line-height: 50px
}
.sol-ser p {
	margin-top: 5%;
}
.sol-ser:hover p {
	margin-top: 10%
}
.sol-ser p:before {
	top: 45%
}
.sol-ser1, .sol-ser2, .sol-ser3 {
	background-position: center center;
	margin-bottom: 1px
}
#carouselExampleIndicators1 .carousel-caption h3{
	font-size: 30px;
	line-height: 30px
}
#carouselExampleIndicators1 .carousel-caption .d1 p {
	font-size: 18px;
	line-height: 20px
}
#carouselExampleIndicators1 .carousel-caption h2 {
	font-size: 28px;
	line-height: 30px;
	color: white;
	margin-bottom: 40px;
	text-transform: capitalize;
}
#carouselExampleIndicators1 .carousel-caption .d1 p:before, #carouselExampleIndicators1 .carousel-caption .d1 p:after {
	width: 14%
}
#carouselExampleIndicators1 .carousel-caption .d1 p:nth-child(2):before, #carouselExampleIndicators1 .carousel-caption .d1 p:nth-child(2):after {
	width: 22%
}
.carousel-indicators {
	bottom: 40px
}
.h-investors-title, .h-say {
	padding: 15%
}
.h-client-title h2, .h-investors-title h2, .h-say h2, .h-news-title h2 {
	text-align: center;
	font-size: 28px
}
.h-client-title .cta {
	text-align: center!important
}
.h-say .owl-carousel .owl-item img {
	width: 100%
}
.h-say .owl-carousel {
	margin-top: 20px
}
#carouselExampleIndicators2 .carousel-item {
	height: 675px
}
#carouselExampleIndicators2 h2{
	left: 0%;font-size:28px;
}
#carouselExampleIndicators2 .carousel-caption {
	width: 100%;
	top: 20%
}
#carouselExampleIndicators2 .carousel-caption h3 {
	font-size: 25px;
	line-height: 30px;
	position: static;
    text-align: left;
}
#carouselExampleIndicators2 .carousel-caption p {
	font-size: 14px;
	line-height: 20px
}
#carouselExampleIndicators2 .carousel-caption span {
	text-align: left;
	margin-bottom: 100px;
	margin-top: -157px !important;
}
#carouselExampleIndicators2 .carousel-indicators {
	bottom: 30px;
	left: 10%
}
.footerbtm li {
	margin: 0 5px
}
    .k-hub h3 {
   text-align:center;
   font-size: 28px;
}
.k-hub p {
    text-align:center;
}
.k-hub1 a{
    text-align:center;
    display:block !important;
}
.headbox {
     text-align: center;
   }
}

@media (max-width:480px) {
    #carouselExampleIndicators2 h2 {
	font-size: 28px;
	width:100%;
	text-align:center;
}
#carouselExampleIndicators2 .carousel-caption span {
	
margin-top: -102px !important;
}

.carousel-caption {
	left: 0;/* top: 24% !important; */
	width: 100%;
	padding: 20px 31px;
}
.carousel-caption h2 {
	font-size: 25px;
	line-height: 30px;
	min-height: 126px
}
.carousel-control-next-icon {
	bottom: 50px;
	position: absolute;
	right: 40px
}
.carousel-control-prev-icon {
	bottom: 50px;
	position: absolute;
	left: 40px
}
.carousel-control-next-icon:after, .carousel-control-prev-icon:after {
	background-size: 50%
}
.carousel-control-next .sr-only {
	margin: -10px 0 0 -70px;
	display: none
}
.carousel-control-prev .sr-only {
	margin: -50px 0 0 10px;
	display: none
}
.carousel-control-prev-icon:after {
	top: -20px
}
.carousel-control-next .sr-only, .carousel-control-prev .sr-only {
	bottom: 55px;
	font-size: .7rem
}
.headbox {
	padding: 2% 15%;
	height: auto;
	text-align:center;
	border-bottom: solid 1px #ccc
}

.headbox h2 {
	text-align: center;
	margin-top: 20px;
	font-size: 28px
}
.headboxcontent h3 {
	margin-top: 10%;
	line-height: 60px
}
.headboxcontent:hover h1 {
	font-size: 80px;
	line-height: 60px
}
.headboxcontent p:before {
	width: 10%;
	top: 75%
}
.sol-ser {/* height:300px */
}
.sol-ser h1 {
	font-size: 50px;
	line-height: 50px
}
.sol-ser p {
	margin-top: 9%;
}
.sol-ser:hover p {/* margin-top:30% */
}
.sol-ser p:before {
	top: 45%
}
}

@media (max-width:375px) {
#carouselExampleIndicators2 .carousel-caption span {
	text-align: left;
	margin-bottom: 40px
}
.footerbtm, .footerbtm li a {
	font-size: 11px
}
}

@media (max-width:360px) {
.carousel-caption {
	top: 40%
}
.carousel-caption h2 {
	font-size: 25px;
	line-height: 25px
}
.sticky {
	top: 23%
}
.logo {
	width: 45%;
	margin-top: 20px
}
#lang a {
	font-size: 12px
}
.sol-ser {/* height:270px */
}
.sol-ser p:before {
	top: 40%
}
#carouselExampleIndicators1 .carousel-caption .d1 p:before, #carouselExampleIndicators1 .carousel-caption .d1 p:after {
	width: 5%
}
#carouselExampleIndicators1 .carousel-caption .d1 p:nth-child(2):before, #carouselExampleIndicators1 .carousel-caption .d1 p:nth-child(2):after {
	width: 10%
}
#carouselExampleIndicators2 .carousel-caption h3 {
	font-size: 20px;
	line-height: 25px
}

}

@media (max-width:320px) {
#carouselExampleIndicators2 .carousel-caption {
	padding: 20px 50px
}
#carouselExampleIndicators2 .carousel-caption span {
	text-align: left;
	margin-bottom: 20px
}
}