/*--
Author: W3layouts
Author URL: http://w3layouts.com
--*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
html, body{
    font-size: 100%;
	/* font-family: 'Open Sans', sans-serif; */
	font-family: default;
	/* background:#ffffff; */
	background:#000;
	margin: 0;
}








/* swiper */
.swiper-button-next {
	color: #fff;
	background:rgba(0, 0, 0, 1);
	padding: 30px;
	border-radius: 100px;
	--swiper-navigation-size: 25px;
	margin-top: -30px;
}
.swiper-button-prev {
	color: #fff;
	background:rgba(0, 0, 0, 1);
	padding: 30px;
	border-radius: 100px;
	--swiper-navigation-size: 25px;
	margin-top: -30px;
}
@media (max-width: 500px) {
	.swiper-button-next {
		padding: 25px;
		--swiper-navigation-size: 20px;
		margin-top: -20px;
	}
	.swiper-button-prev {
		padding: 25px;
		--swiper-navigation-size: 20px;
		margin-top: -20px;
	}
}
.swiper {
	width: 100%;
	height: 100%;
  }
.swiper-wrapper {
	
}
  .swiper-slide {

  }

  .swiper-slide img {
	width: 100%;
	height: 13vw;
	object-fit: cover;
  }
  @media (min-width: 1800px) {
	.swiper-slide img {
		height: 100%;
	}
  }
  @media (max-width: 1340px) {
	.swiper-slide img {
		height: 100%;
	  }
  }
  @media (max-width: 500px) {
	.swiper-slide img {
		object-fit: fill;
	  }
  }


  .one_swipe {
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .one_swiper_image {
	width: 100% !important;
	height: 100%;
	display: block;
	object-fit: cover;
  }
  @media (max-width: 500px) {
	.one_swiper_image {
		width: 100vw !important;
		height: 41vw !important;
		object-fit: cover !important;
	  }
  }
/* end swiper */

/* splide */
.my-carousel-progress {
	background: #ccc;
  }
  
  .my-carousel-progress-bar {
	background: greenyellow;
	height: 2px;
	transition: width 400ms ease;
	width: 0;
  }
/* end */


.carousel-control-next, .carousel-control-prev {
	opacity: 0.8 !important;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
	opacity: 1 !important;
}
.m_pre {
	/* background-color: #F19021 !important; */
	/* background:rgba(241, 144, 33, 0.75) !important; */
	background:rgba(0, 0, 0, 0.75) !important;
	padding: 15px;
	border-radius: 100px;
}
.m_next {
	background:rgba(0, 0, 0, 0.7) !important;
	padding: 15px;
	border-radius: 100px;
}
.carousel-control-prev-icon {
	display: block !important;
	width: 3rem !important;
	height: 3rem !important;
}
.carousel-control-next-icon {
	display: block !important;
	width: 3rem !important;
	height: 3rem !important;
}
@media (max-width: 850px) {
	.carousel-control-prev-icon {
		width: 2rem !important;
		height: 2rem !important;
	}
	.carousel-control-next-icon {
		width: 2rem !important;
		height: 2rem !important;
	}
}
@media (max-width: 500px) {
	.m_pre {
		padding: 10px;
	}
	.m_next {
		padding: 10px;
	}
	.carousel-control-prev-icon {
		width: 1.5rem !important;
		height: 1.5rem !important;
	}
	.carousel-control-next-icon {
		width: 1.5rem !important;
		height: 1.5rem !important;
	}
}
.carousel img {
	width: 100%;
}
.carousel a {
	position: relative;
}
.effect_image1 {
	width: 23%;
	position: absolute;
	z-index: 1;
	top: -1vw;
	left: 15vw;
}
.effect_image1 img {
	width: 100%;
}
.effect_image11 {
	width: 23%;
	position: absolute;
	z-index: 1;
	top: -1vw;
	left: -8vw;
}
.effect_image11 img {
	width: 100%;
}
.effect_image2 {
	width: 30%;
	position: absolute;
	z-index: 1;
	top: -4.5vw;
	left: 20vw;
}
.effect_image2 img {
	width: 100%;
}
.effect_image22 {
	width: 30%;
	position: absolute;
	z-index: 1;
	top: 1.3vw;
	left: 41vw;
}
.effect_image22 img {
	width: 100%;
}
.effect_image3 {
	width: 32%;
	position: absolute;
	z-index: 1;
	top: 2vw;
	left: -4.7vw;
}
.effect_image3 img {
	width: 100%;
}
.effect_image33 {
	width: 32%;
	position: absolute;
	z-index: 1;
	top: -6.4vw;
	left: 18.1vw;
}
.effect_image33 img {
	width: 100%;
}
.effect_image4 {
	width: 25%;
	position: absolute;
	z-index: 1;
	top: -4vw;
	right: 18.5vw;
}
.effect_image4 img {
	width: 100%;
}
.effect_image44 {
	width: 23%;
	position: absolute;
	z-index: 1;
	top: 3.5vw;
	right: -4.3vw;
}
.effect_image44 img {
	width: 100%;
}
@media (max-width: 499px) {
	.carousel img {
		width: 100%;
		height: 57vw;
		object-fit: cover;
	}
	.effect_image1 {
		width: 30%;
		position: absolute;
		z-index: 1;
		top: -2vw;
		left: 10.3vw;
	}
	.effect_image1 img {
		width: 100%;
		height: 30vw;
	}
	.effect_image11 {
		width: 23%;
		position: absolute;
		z-index: 1;
		top: -2vw;
		left: -9.5vw;
	}
	.effect_image11 img {
		width: 100%;
		height: 30vw;
	}
	.effect_image2 {
		width: 30%;
		position: absolute;
		z-index: 1;
		top: -5vw;
		left: 21vw;
	}
	.effect_image2 img {
		width: 100%;
		height: 30vw;
	}
	.effect_image22 {
		width: 30%;
		position: absolute;
		z-index: 1;
		top: 1.3vw;
		left: 41.5vw;
	}
	.effect_image22 img {
		width: 100%;
		height: 30vw;
	}
	.effect_image3 {
		width: 18%;
		position: absolute;
		z-index: 1;
		top: -3.2vw;
		left: 1.3vw;
	}
	.effect_image3 img {
		width: 100%;
		height: 43vw;
	}
	.effect_image33 {
		width: 18%;
		position: absolute;
		z-index: 1;
		top: -11.5vw;
		left: 26.5vw;
	}
	.effect_image33 img {
		width: 100%;
		height: 43vw;
	}
	.effect_image4 {
		width: 18%;
		position: absolute;
		z-index: 1;
		top: -4vw;
		right: 23vw;
	}
	.effect_image4 img {
		width: 100%;
		height: 30vw;
	}
	.effect_image44 {
		width: 18%;
		position: absolute;
		z-index: 1;
		top: 0.5vw;
		right: -2.1vw;
	}
	.effect_image44 img {
		width: 100%;
		height: 30vw;
	}
}

#lightGallery-action {
    display : none !important;
}
.second_color {
	color: #FF4300 !important;
}
.w3l_footer .findex2 { display: flex;margin-left: auto;margin-right: auto;margin-bottom: 3rem;margin-top: 5vw;width: 70%;justify-content: center; }
.w3l_footer .findex2 .bank_pay { text-wrap: nowrap; }
.w3l_footer .findex2 .bank_pay h6 { font-size: 14px;font-weight: 700 !important;position: relative;color: #ffffff;padding: 1.5vw; }

@media (max-width: 1250px) { 
  .w3l_footer .findex2 { display: block; } 
  .w3l_footer .findex2 .bank_pay h6 { margin-bottom: 30px; } 
}

.w3l_footer .findex2 .bank { display: flex;margin-left: 1vw; }

.w3l_footer .findex2 .bank a { width: 100%;margin-right: 1vw; }
.w3l_footer .findex2 .bank img { width: 100%;; object-fit: cover; }

.w3l_footer .findex2 .bank .wave { margin-top: 0.4vw; }
.w3l_footer .findex2 .bank .agd { margin-top: 0.35vw; }
.w3l_footer .findex2 .bank .abank {  }
/* .w3l_footer .findex2 .bank .mab { margin-top: 0.3vw; } */
.w3l_footer .findex2 .bank .mcb { margin-top: 0.1vw; }


@media (min-width: 1500px) { 
	.w3l_footer .findex2 .bank .agd { margin-top: 0.5vw; }
    .w3l_footer .findex2 .bank .mcb { margin-top: 0.3vw; }
}

@media (max-width: 991px) { 
	.w3l_footer .findex2 { display: block;width: 78%;margin-left: auto;margin-right: auto;margin-top: 3rem;margin-bottom: 2rem; }
	.w3l_footer .findex2 .bank { display: flex;margin-left: 10px;flex-wrap: wrap; }
	.w3l_footer .findex2 .bank a { width: 20%;margin-right: 2.5vw;margin-bottom: 3rem; }
	.w3l_footer .findex2 .bank_pay h6 { font-size: 14px; }

	.w3l_footer .findex2 .bank .agd { margin-top: 1.9vw; }
}

@media (max-width: 780px) {
	.w3l_footer .findex2 .bank a { width: 25%;margin-right: 2.5vw;margin-bottom: 3rem; }
}


@media (max-width: 450px) {
    .w3l_footer .findex2 .bank a { width: 25%;margin-right: 4.5vw; }
    .w3l_footer .findex2 { display: block;width: 100%;margin-left: auto;margin-right: auto;padding-left: 5vw; }
}




.m_header_middle_image {
	width: 10%;
	min-width: 230px;
	max-width: 230px;
	margin-left: 64px;
	margin-right: 50px;
	
	margin-top: -25px;
}
@media (max-width: 1400px) {
	/* .m_header_middle_image {
		margin-left: 64px;
		margin-right: 50px;
	} */
}
.m_header_middle_image .mobile_logo {
	display: none;
}
.m_header_middle_image img {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1199px) {
	.m_header_middle_image {
		width: 50%;
		min-width: auto;
		min-width: 150px;
		margin-left: 40px;
		margin-right: 20px;
		margin-top: -34px;
	}
	.m_header_middle_image .window_logo {
		display: none;
	}
	.m_header_middle_image .mobile_logo {
		display: block;
	}
}
@media (max-width: 500px) {
	.m_header_middle_image {
		width: 50%;
		min-width: auto;
		min-width: 150px;
		margin-left: 20px;
		margin-right: 0;
		margin-top: -8vw;
	}
}
@media (max-width: 300px) {
	.m_header_middle_image {
		width: 50%;
		min-width: auto;
		min-width: 150px;
		margin-left: 0;
		margin-right: 0;

	}
}
/* .mm_gallery {
	display: none;
} */
.mm_gallery2 {
	/* display: none; */
}

/* #mm_home_title {
	display: none;
}
.mm_about {
	display: none;
}
#mm_info {
	display: none;
}
#mm_nav {
	display: none;
} */
#m_header {
	display: none;
}
#m_header2 {
	display: none;
}
#m_footer {
	display: none;
}
#m_footer2 {
	display: none;
}
#m_body {
	display: none;
}
#m_body2 {
	display: none;
}
#m_body3 {
	display: none;
}
#m_body4 {
	display: none;
}
#m_body5 {
	display: none;
}





.live_cat_section {
	background-image: url("../images/lc/m1.webp");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;

	padding-top: 50px;
	padding-bottom: 50px;
}
.live_cat {
	display: flex;
	justify-content: center;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	max-width: 3000px;
}
.live_cat_left {
	width: 22%;
	text-align: center;
}
.live_cat_left h3 {
	color: #fff;
	font-size: 38px;
	font-weight: 700 !important;
}
.live_cat_left p {
	color: #EB8D21;
	font-size: 23px;
	font-weight: 600;
}
.live_cat_mid {
	width: 58%;
	display: flex;
	justify-content: center;
	margin-right: 30px;
}
.live_cat_right {
	width: 20%;
}
.lcr_item {
	
}
.lcr_item h3 {
	font-size: 18px;
	color: #fff;
}
.lcr_item h5 {
	font-size: 11px;
	color: #EB8D21;
	margin-top: -5px;
}
.lcr_item p {
	margin-top: 5px;
	font-size: 11px;
	color: #fff;
}

@media (min-width: 1500px) {
	.lcr_item h3 { font-size: 21px; }
	.lcr_item h5 { font-size: 13.5px; }
	.lcr_item p { font-size: 13.5px; }
}
@media (min-width: 1800px) {
	.lcr_item h3 { font-size: 23px; }
	.lcr_item h5 { font-size: 17px; }
	.lcr_item p { font-size: 17px; }
	.live_cat_left h3 { font-size: 38px; }
	.live_cat_left p { font-size: 28px; }
}
@media (min-width: 2200px) {
	.lcr_item h3 { font-size: 26px; }
	.lcr_item h5 { font-size: 20px; }
	.lcr_item p { font-size: 20px; }
}
@media (min-width: 5000px) {
	.live_cat_section {
		background-size: cover;
	}
	.live_cat {
		width: 85%;
	}
}
@media (max-width: 1280px) {
	.lcr_item h5 {
		font-size: 10px;
	}
	.lcr_item p {
		font-size: 10px;
	}
}

.lc1 {
	padding-top: 145px;
}
.lc2 {
	
	padding-top: 50px;
}
.lc3 {
	
}
.lc4 {
	padding-top: 50px;
}
.lc5 {
	padding-top: 145px;
}

.ci1 {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
.ci2 {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
.ci3 {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
.ci4 {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
.ci_logo {
	margin: 7px;
	width: 75%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}


.live_cat_section2 {
	display: none;
	background-image: url("../images/lc/m1.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

	padding-top: 58px;
	padding-bottom: 15px;
}
.live_cat2 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.live_cat_left2 {
	text-align: center;
}
.live_cat_left2 h3 {
	color: #fff;
	font-size: 35px;
	font-weight: 700 !important;
}
.live_cat_left2 p {
	color: #EB8D21;
	font-size: 18px;
	font-weight: 600;
}
.live_cat_mid2 {
	margin-top: 35px;
}
.lc_flex {
	display: flex;
	justify-content: center;
	padding-top: 5px;
	padding-left: 5px;
}
.lf {
	margin-right: 5px;
}
.lf_img_logo {
	margin-top: 15px;
	margin-bottom: 15px;
    width: 65%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.lf .lf_img_short {
	width: 43vw;
	height: 30vw;
	display: block;
	cursor: pointer;
}
.lf .lf_img_long {
	width: 43vw;
	height: 53vw;
	display: block;
	cursor: pointer;
}
.lf0 img {
	width: 100%;
	cursor: pointer;
}
.lf0 .lf_img_long {
	width: 100%;
	height: 135vw;
	cursor: pointer;
}
.live_cat_right2 {
	padding-top: 15px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.lcr_item2 {
	margin-bottom: 30px;
}
.lcr_item2 h3 {
	font-size: 1.5em;
	color: #fff;
	text-align: center;
}
.lcr_item2 h5 {
	font-size: 12px;
	letter-spacing: 5px;
	color: #EB8D21;
	text-align: center;
}
.lcr_item2 p {
	margin-top: 15px;
	font-size: 1em;
	color: #fff;
	text-align: justify;
	letter-spacing: normal;
}
@media (max-width: 580px) {
    .lcr_item2 p {
        font-size: 0.8em;
    }
}



@media (max-width: 1200px) {
	.live_cat_section {
		display: none;
	}
	.live_cat_section2 {
		display: block;
	}
}




.key_section {
	background-image: url("../images/lc/km1.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;

	padding-top: 4.5vw;
	padding-bottom: 2.5vw;
}
.key {
	display: flex;
	justify-content: center;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.key_left {
	width: 50%;
	margin-right: 1vw;
}
.key_title {

}
.key_title h3 {
	color: #fff;
	font-size: 2vw;
	font-weight: 700 !important;
}
.key_title p {
	color: #EB8D21;
	font-size: 0.8vw;
}
.key_cat {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.5vw;
}
.key_cat_item {
	display: flex;
	width: 48%;
	margin-right: 0.5vw;
	margin-bottom: 0.5vw;
}
.key_cat_item .key_cat_image {
	width: 20%;
}
.key_cat_item .key_cat_image img {
	width: 100%;
}
.key_cat_item .key_cat_text {
	display: flex;
	align-items: center;

	width: 80%;
	height: 6.5vw;
	background-image: url("../images/lc/km3.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;

	padding: 0.5vw 0.9vw 0 0.8vw;
}
.key_cat_item:nth-child(4) .key_cat_text {
	padding: 0.8vw 0.9vw 0 0.8vw;
}
.key_cat_item:nth-child(8) .key_cat_text {
	padding: 0.7vw 0.9vw 0 0.8vw;
}
@media (min-width: 1500px) {
	.key_cat_item .key_cat_text {
		padding: 0vw 0.9vw 0 0.8vw;
	}
	.key_cat_item:nth-child(4) .key_cat_text {
		padding: 0.8vw 0.9vw 0 0.8vw;
	}
}
@media (min-width: 2000px) {
	.key_cat_item:nth-child(4) .key_cat_text {
		padding: 0.5vw 0.9vw 0 0.8vw;
	}
	.key_cat_item:nth-child(8) .key_cat_text {
		padding: 0.4vw 0.9vw 0 0.8vw;
	}
}
@media (min-width: 3000px) {
	.key_cat_item:nth-child(4) .key_cat_text {
		padding: 0.1vw 0.9vw 0 0.8vw;
	}
	.key_cat_item:nth-child(8) .key_cat_text {
		padding: 0.1vw 0.9vw 0 0.8vw;
	}
}
.key_cat_item .key_cat_text p {
	font-size: 0.65vw;
	color: #fff;
	
}


.key_right {
	width: 50%;
}
.kr_image {

}
.kr_image img {
	width: 100%;
}
.kr_text {
	margin-top: 0.5vw;
}
.kr_text h3 {
	color: #fff;
	font-size: 2vw;
	font-weight: 700 !important;
}
.kr_text p {
	color: #fff;
	font-size: 0.8vw;
}
.kr_icon {
	display: flex;
}
.kr_icon_item {
	display: flex;
	align-items: center;
	width: 25%;
	margin-right: 3vw;
}
.kr_icon_item img {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.kr_icon_item:nth-child(1) {
	display: flex;
	align-items: center;
	width: 13%;
	margin-right: 3vw;
}
.kr_icon_item:nth-child(4) {
	display: flex;
	align-items: center;
	width: 17%;
	margin-right: 3vw;
}
.kr_icon_item:nth-child(4) img {
	position: relative;
	bottom: 0.5vw;
}
@media (max-width: 1200px) {
	.key_section {
		background: none;
		padding-top: 0px;
		padding-bottom: 0px;
		background-color: #000;
	}
	.key {
		display: block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.key_left {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 35px;

		background-image: url("../images/lc/km1.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left;
	}
	.key_title {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.key_title h3 {
		color: #fff;
		font-size: 1.5em;
		font-weight: 700 !important;
	}
	.key_title p {
		color: #EB8D21;
		font-size: 1em;
	}
	.key_cat {
		display: flex;
		flex-wrap: wrap;
		margin-top: 35px;

		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.key_cat_item {
		display: flex;
		width: 48%;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	.key_cat_item .key_cat_image {
		width: 20%;
	}
	.key_cat_item .key_cat_image img {
		width: 100%;
	}
	.key_cat_item .key_cat_text {
		width: 80%;
		height: 154px;
		background-image: url("../images/lc/km3.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
	
		padding: 15px 18px 10px 17px;
	}
	.key_cat_item:nth-child(4) .key_cat_text {
		padding: 15px 18px 10px 17px;
	}
	.key_cat_item:nth-child(8) .key_cat_text {
		padding: 15px 18px 10px 17px;
	}
	.key_cat_item .key_cat_text p {
		font-size: 0.9em;
		color: #fff;
		text-align: justify;
		letter-spacing: normal;
	}
	
	
	.key_right {
		margin-top: 30px;
		width: 100%;

	}
	.kr_image {
		background-image: url("../images/lc/km1.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: right;
	}
	.kr_image img {
		width: 100%;
	}
	.kr_text {
		margin-top: 30px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.kr_text h3 {
		color: #fff;
		font-size: 1.5em;
		font-weight: 700 !important;
	}
	.kr_text p {
		color: #fff;
		font-size: 1em;
		text-align: justify;
		letter-spacing: normal;
	}
	.kr_icon {
		display: flex;
		width: 90%;
		margin-left: auto;
		margin-right: auto;

		padding-top: 15px;
		padding-bottom: 50px;
	}
	.kr_icon_item {
		display: flex;
		align-items: center;
		width: 25%;
		margin-right: 15px;
	}
	.kr_icon_item:nth-child(1) {
		display: flex;
		align-items: center;
		width: 18%;
		margin-right: 15px;
	}
	.kr_icon_item:nth-child(4) {
		display: flex;
		align-items: center;
		width: 18%;
		margin-right: 15px;
	}
	.kr_icon_item:nth-child(4) img {
		position: relative;
		width: 100%;
		bottom: 0.7vw;
	}
	.kr_icon_item img {
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 830px) {
	.key_cat {
		display: flex;
		flex-wrap: wrap;
		margin-top: 35px;

		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.key_cat_item {
		display: flex;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.key_cat_item .key_cat_image {
		width: 20%;
		margin-right: 5px;
	}
	.key_cat_item .key_cat_image img {
		width: 100%;
	}
	.key_cat_item .key_cat_text {
		width: 80%;
		height: 154px;
		background-image: url("../images/lc/km3.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
	
		padding: 18px 23px 12px 21px;
	}
	.key_cat_item:nth-child(4) .key_cat_text {
		padding: 18px 23px 12px 21px;
	}
	.key_cat_item:nth-child(8) .key_cat_text {
		padding: 18px 23px 12px 21px;
	}
	.key_cat_item .key_cat_text p {
		font-size: 0.9em;
		color: #fff;
		text-align: justify;
		letter-spacing: normal;
	}
}
@media (max-width: 500px) {
	.key_cat {
		display: block;
		margin-top: 35px;

		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.key_cat_item {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.key_cat_item .key_cat_image {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.key_cat_item .key_cat_image img {
		width: 21%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.key_cat_item .key_cat_text {
		width: 100%;
		height: 130px;
		background-image: url("../images/lc/km3.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
	
		padding: 18px 23px 7px 18px;
	}
	.key_cat_item:nth-child(4) .key_cat_text {
		padding: 19px 23px 7px 18px;
	}
	.key_cat_item:nth-child(8) .key_cat_text {
		padding: 19px 23px 7px 18px;
	}
	.key_cat_item .key_cat_text p {
		font-size: 0.9em;
		color: #fff;
		text-align: justify;
		letter-spacing: normal;
	}

	.kr_icon {
		display: flex;
		flex-wrap: wrap;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.kr_icon_item {
		display: flex;
		align-items: center;
		width: 45%;
		margin-right: 25px;
		margin-bottom: 23px;
	}
	.kr_icon_item:nth-child(1) {
		display: flex;
		align-items: center;
		width: 25%;
		margin-right: 25px;
	}
	.kr_icon_item:nth-child(4) {
		display: flex;
		align-items: center;
		width: 30%;
		margin-right: 25px;
	}
	.kr_icon_item:nth-child(4) img {
		position: relative;
		width: 100%;
		bottom: 1.4vw;
	}
}
@media (max-width: 321px) {
	.key_cat_item .key_cat_text {
		width: 100%;
		height: 40vw;
		background-image: url("../images/lc/km3.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
	
		padding: 4vw 4.8vw 0vw 4vw;
	}
	.key_cat_item:nth-child(4) .key_cat_text {
		padding: 5.2vw 4.8vw 0vw 4vw;
	}
	.key_cat_item:nth-child(8) .key_cat_text {
		padding: 5.3vw 4.8vw 0vw 4vw;
	}
	.key_cat_item .key_cat_text p {
		font-size: 4.3vw;
		color: #fff;
		text-align: justify;
		letter-spacing: normal;
	}
}




.gc_section {
	background-image: url("../images/gs/m1.webp");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;

	padding-top: 50px;
	padding-bottom: 50px;
}
.gc {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 3000px;
}
@media (min-width: 5000px) {
	.gc_section {
		background-size: cover;
	}
	.gc {
		width: 60%;
	}
}
.gc_top {
	display: flex;
	justify-content: space-between;
	align-items: center;

	padding: 30px 5px 30px 30px;
}
.gc_title {
	position: relative;
	top: 20px;
}
.gc_title h3 {
	text-align: center;
	color: #fff;
	font-size: 38px;
	font-weight: 700 !important;
}
.gc_title p {
	text-align: center;
	color: #EB8D21;
	font-size: 23px;
	font-weight: 600;
}
.gc_logo {
	position: relative;
	bottom: 20px;
}
.gc_logo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 83%;
}
.gc_group {
	display: flex;
	justify-content: center;
}
.gc_item {

}
.gc_item img {
	width: 100%;
	cursor: pointer;
}
@media (max-width: 1000px) {
	.gc_section {
		background-size: cover;
		padding-top: 25px;
		padding-bottom: 35px;
	}
	.gc_title h3 {
		font-size: 35px;
	}
	.gc_title p {
		font-size: 18px;
	}
	.gc_logo img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 83%;
	}
	.gc_group {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.gc_item {
		width: 50%;
	}
	.gc_item img {
		width: 100%;
	}
}
@media (max-width: 650px) {
	.gc_top {
		display: block;
		justify-content: space-between;
		align-items: center;
	
		padding: 15px 5px 30px 5px;
	}
	.gc_logo {
		margin-top: 50px;
		bottom: 5px;
	}
	.gc_logo img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
	}
}



.ga_section {
	background-image: url("../images/gs/g1.webp");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;

	padding-top: 10px;
	padding-bottom: 30px;
}
.ga {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.ga_top {
	width: 95%;
	margin-left: auto;
	margin-right: auto;

	display: flex;
	justify-content: space-between;
	align-items: center;

	/* padding: 1vw 0.5vw 0.5vw 1.5vw; */
	padding: 30px 5px 15px 30px;
}
.ga_title {
	position: relative;
	top: 15px;
}
.ga_title h3 {
	color: #fff;
	/* font-size: 1.979vw; */
	font-size: 38px;
	font-weight: 700 !important;
}
.ga_logo {

}
.ga_logo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 83%;
}
.ga_group {
	display: flex;
	justify-content: center;
}
.ga_left {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 60%;
}
.ga_item {
	width: 32%;
	margin-right: 5px;
	margin-bottom: 5px;

	background-image: url("../images/gs/g3.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;

	padding: 13px 18px 5px 15px;
}
.ga_item_image {
	margin-bottom: 5px;
}
.ga_item_image img {
	width: 35%;
	height: 5vw;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ga_item_text {

}
.ga_item_text p {
	color: #fff;
	font-size: 8.5px;
	text-align: justify;
	letter-spacing: normal;
}
.ga_item_text_p2 {
	margin-top: -8px;
}
@media (min-width: 1500px) {
	.ga_item_text p {
		font-size: 10px;
	}
}
@media (min-width: 1600px) {
	.ga_item_text p {
		font-size: 11px;
	}
	.ga_item {
		padding: 13px 21px 10px 17px;
	}
}
@media (min-width: 1800px) {
	.ga_item_text p {
		font-size: 12px;
	}
}
@media (min-width: 2000px) {
	.ga_item_text p {
		font-size: 13px;
	}
	.ga_item {
		padding: 13px 23px 10px 19px;
	}
}
@media (min-width: 2300px) {
	.ga_item_text p {
		font-size: 0.7vw;
	}
	.ga_item {
		padding: 1vw 1.25vw 0.7vw 1vw;
	}
}
.ga_right {
	width: 40%;
	display: flex;
	align-items: end;
}
.ga_right img {
	width: 100%;
	height: 23vw;
	object-fit: cover;

	position: relative;
	top: 37px;
}
@media (max-width: 1200px) {
	.ga_section {
		background-image: url("../images/gs/g1.webp");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left;

		padding-top: 10px;
		padding-bottom: 0;
	}
	.ga {
		width: 100%;
	}
	.ga_top {
		padding: 30px 5px 30px 30px;
	}
	.ga_group {
		display: block;
	}
	.ga_left {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		
		padding-left: 5px;
		padding-bottom: 50px;
	}
	.ga_item {
		width: 32%;
		margin-right: 5px;
		margin-bottom: 5px;
	
		background-image: url("../images/gs/g3.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
	
		padding: 15px 24px 13px 20px;
	}
	.ga_item_image {
		margin-bottom: 15px;
	}
	.ga_item_image img {
		width: 50%;
		height: 10vw;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.ga_item_text {
	
	}
	.ga_item_text p {
		color: #fff;
		font-size: 0.8em;
		text-align: justify;
		letter-spacing: normal;
	}
	.ga_item_text_p2 {
		margin-top: -8px;
	}
	.ga_right {
		width: 100%;
		display: flex;
		align-items: end;

		background-image: url("../images/gs/g1.webp");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: right;
	}
	.ga_right img {
		width: 100%;
		height: 210px;
	
		position: relative;
		top: 0;
	}
}
@media (max-width: 830px) {
	.ga_section {
		padding-top: 25px;
		padding-bottom: 35px;
	}
	.ga_item {
		width: 48%;
		margin-right: 5px;
		margin-bottom: 5px;
	
		background-image: url("../images/gs/g3.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
	
		padding: 15px 24px 13px 20px;
	}
	.ga_top {
		display: block;
		padding: 15px 5px 30px 5px;;
	}
	.ga_title {
		position: relative;
		top: 15px;
	}
	.ga_title h3 {
		color: #fff;
		text-align: center;
		font-size: 35px;
		font-weight: 700 !important;
	}
	.ga_item_image {
		margin-bottom: 15px;
	}
	.ga_item_image img {
		width: 50%;
		height: 15vw;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.ga_logo {
		margin-top: 50px;
	}
	.ga_logo img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
	}
	.ga_left {
		padding-top: 7px;
	}
}
@media (max-width: 500px) {
	.ga_left {
		padding-left: 4.3px;
	}
	.ga_item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 7px;
	
		background-image: url("../images/gs/g3.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
	
		padding: 15px 24px 13px 20px;
	}
	.ga_item_image {
		margin-bottom: 15px;
	}
	.ga_item_image img {
		width: 50%;
		height: 30vw;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}




.ab_section {
	background-image: url("../images/ab/m1.webp");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;

	padding-top: 3vw;
	padding-bottom: 7.5vw;
}
@media (min-width: 2000px) {

}
.ab {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
}
.ab_left {
	width: 53%;
}
.ab_text_group {

}
.ab_text_group h3 {
	color: #fff;
	font-size: 2.1vw;
	font-weight: 700 !important;
}
.ab_text_group h5 {
    color: #EB8D21;
    font-size: 1vw;
	margin-bottom: 1.7vw;
}
.ab_text_group p {
	color: #fff;
	font-size: 1vw;
	letter-spacing: normal;
	margin-bottom: 0.7vw;
}
.ab_logo_group {
	display: flex;
	justify-content: center;
}
.ab_logo {
	width: 40%;
	display: flex;
	margin-right: 1.3vw;
}
.ab_logo_image {
	width: 35%;
	margin-right: 0.7vw;
	display: flex;
	align-items: center;
}
.ab_logo_image img {
	width: 100%;
}
.ab_logo_text {
	width: 65%;
	display: flex;
	align-items: center;
	padding-top: 1vw;
}
.ab_logo_text p {
	color: #EB8D21;
	font-size: 0.7vw;
	text-align: center;
	letter-spacing: normal;
}



.ab_info_group {
	padding-top: 1.1vw;
	display: flex;
	position: relative;
}
.ab_image {
	width: 15%;
}
.ab_image img {
	position: absolute;
	width: 40%;
	top: 0;
	right: 0;
}
@media (min-width: 2000px) {
	.ab_image img {
		width: 35%;
	}
}
.ab_info {
	width: 81%;
}
.ab_info h3 {
	color: #EB8D21;
	font-size: 1.5vw;
	font-weight: 700 !important;
}
.ab_info p {
	color: #fff;
	font-size: 1.3vw;
	letter-spacing: normal;
}
.ab_right {
	width: 47%;
	display: flex;
	align-items: end;
	padding-left: 7vw;
}
.ab_main_logo {
	width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ab_main_logo img {
	width: 100%;
}
@media (max-width: 1000px) {
	.ab_section {
		background: none;
	
		padding-top: 0;
		padding-bottom: 0;
	}
	.ab {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		justify-content: center;
	}
	.ab_left {
		width: 100%;
		padding-top: 25px;
		padding-bottom: 35px;

		background-image: url("../images/ab/m2.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.ab_text_group {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.ab_text_group h3 {
		color: #fff;
		font-size: 35px;
		font-weight: 700 !important;
	}
	.ab_text_group h5 {
		color: #EB8D21;
		font-size: 18px;
		margin-bottom: 35px;
	}
	.ab_text_group p {
		color: #fff;
		font-size: 1em;
		letter-spacing: normal;
	}
	.ab_logo_group {
		padding-top: 30px;
		padding-left: 15px;
		display: flex;
		justify-content: center;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.ab_logo {
		width: 40%;
		display: block;
		margin-right: 15px;
	}
	.ab_logo_image {
		width: 100%;
		margin-right: 0;
		display: block;
	}
	.ab_logo_image img {
		width: 50%;
		height: 10vw;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.ab_logo_text {
		width: 100%;
		display: block;
		padding-top: 10px;
	}
	.ab_logo_text p {
		color: #EB8D21;
		font-size: 0.8em;
		text-align: center;
		letter-spacing: normal;
	}
	.ab_info_group {
		display: block;
		padding-top: 35px;
		width: 90%;
		margin-left: auto;
		margin-right: auto
	}
	.ab_image {
		width: 100%;
		margin-top: 30px;
	}
	.ab_image img {
		position: relative;
		width: 100%;
		top: 0;
		right: 0;
	}
	@media (min-width: 2000px) {
		.ab_image img {
			width: 35%;
		}
	}
	.ab_info {
		width: 100%;
	}
	.ab_info h3 {
		color: #EB8D21;
		font-size: 25px;
		font-weight: 700 !important;
	}
	.ab_info p {
		color: #fff;
		font-size: 1.3em;
		letter-spacing: normal;
	}
	.ab_right {
		width: 100%;
		height: 90vw;
		display: flex;
		align-items: end;
		padding-left: 15px;
		padding-bottom: 15px;

		background-image: url("../images/ab/m3.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
}
@media (max-width: 700px) {
	.ab_logo_group {
		padding-top: 25px;
		padding-left: 15px;
		display: flex;
		justify-content: center;
		width: 100%;
		margin-left: auto;
		margin-right: auto;

		flex-wrap: wrap;
	}
	.ab_logo {
		width: 42%;
		display: block;
		margin-right: 25px;
		margin-bottom: 25px;
	}
	.ab_logo_image {
		width: 100%;
		margin-right: 0;
		display: block;
	}
	.ab_logo_image img {
		width: 70px;
		height: 57px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.ab_logo_text {
		width: 100%;
		display: block;
		padding-top: 10px;
	}
	.ab_logo_text p {
		color: #EB8D21;
		font-size: 0.8em;
		text-align: center;
		letter-spacing: normal;
	}
	.ab_info_group {
		padding-top: 20px;
	}
}
@media (max-width: 500px) {
	.ab_logo_group {
		padding-top: 25px;
		margin-left: 15px;
		display: blcok;
		width: 100%;
		margin-left: auto;
		margin-right: auto;

		flex-wrap: wrap;
	}
	.ab_logo {
		width: 100%;
		display: flex;
		margin-right: 0;
		margin-bottom: 25px;
	}
	.ab_logo:nth-child(3) {
		margin-bottom: 37px;
	}
	.ab_logo_image {
		width: 20%;
		margin-right: 15px;
		display: block;
	}
	.ab_logo_image img {
		width: 100%;
		height: 57px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.ab_logo_text {
		width: 70%;
		display: flex;
		align-items: center;
		padding-top: 3px;
	}
	/* .ab_logo:nth-child(3) .ab_logo_text {
		padding-top: 15px;
	} */
	.ab_logo_text p {
		color: #EB8D21;
		font-size: 0.8em;
		text-align: justify;
		letter-spacing: normal;
	}
	.ab_info_group {
		padding-top: 30px;
	}
}
@media (max-width: 375px) {
	.ab_logo_image img {
		height: 53px;
	}
}
@media (max-width: 300px) {
	.ab_logo_image img {
		height: auto;
	}
}



.rs_section {
	background-image: url("../images/ab/r1.webp");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;

	padding-top: 5.7vw;
	padding-bottom: 2.5vw;
}

.rs {
	display: flex;
	justify-content: center;

	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.rs_left {
	width: 40%;
	margin-right: 2.3vw;
}
.rs_item {
	margin-bottom: 0.7vw;
}
.rs_item_top {
	display: flex;
	padding-bottom: 0.1vw;
}
.rs_item_top_image {
	width: 11%;
	margin-right: 0.5vw;
}
.rs_item_top_image img {
	width: 100%;
}
.rs_item_top_text {
	width: 80%;
	padding-top: 0.25vw;
	display: flex;
	align-items: center;
}
.rs_item_top_text h3 {
	color: #fff;
	font-size: 2.1vw;
	font-weight: 700 !important;
}
.rs_item_text:nth-child(1) {
	background-image: url("../images/ab/f1.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;

	padding: 1.3vw 1vw 0.3vw 1vw;
	/* padding: 1.5vw 1vw 0.3vw 1vw; for myanmar font */
}
.rs_item_text:nth-child(2) {
	background-image: url("../images/ab/f2.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;

	padding: 1.3vw 1vw 0.3vw 1vw;
}
.rs_item_text:nth-child(3) {
	background-image: url("../images/ab/f3.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;

	padding: 1.3vw 1vw 0.3vw 1vw;
}
@media (min-width: 1600px) {
	.rs_item_text:nth-child(1) {
		padding: 1.2vw 1vw 0.5vw 1vw;
	}
	.rs_item_text:nth-child(2) {
		padding: 1.2vw 1vw 0.5vw 1vw;
	}
	.rs_item_text:nth-child(3) {
		padding: 1.2vw 1vw 0.5vw 1vw;
	}
}
@media (min-width: 2000px) {
	.rs_item_text:nth-child(1) {
		padding: 1.2vw 1vw 0.8vw 1vw;
	}
	.rs_item_text:nth-child(2) {
		padding: 1.2vw 1vw 0.8vw 1vw;
	}
	.rs_item_text:nth-child(3) {
		padding: 1.2vw 1vw 0.8vw 1vw;
	}
}
@media (min-width: 3000px) {
	.rs_item_text:nth-child(1) {
		padding: 1.2vw 1vw 1vw 1vw;
	}
	.rs_item_text:nth-child(2) {
		padding: 1.2vw 1vw 1vw 1vw;
	}
	.rs_item_text:nth-child(3) {
		padding: 1.2vw 1vw 1vw 1vw;
	}
}
@media (min-width: 5000px) {
	.rs_item_text:nth-child(1) {
		padding: 1.2vw 1vw 1.2vw 1vw;
	}
	.rs_item_text:nth-child(2) {
		padding: 1.2vw 1vw 1.2vw 1vw;
	}
	.rs_item_text:nth-child(3) {
		padding: 1.2vw 1vw 1.2vw 1vw;
	}
}
.rs_item_text p {
	color: #fff;
	font-size: 0.9vw;
	letter-spacing: normal;
}
.rs_right {
	width: 60%;
}
.rs_tp {
	display: block;
}
.rs_tp_text {
	
}
.rs_tp_text h3 {
	color: #fff;
	font-size: 2.1vw;
	font-weight: 700 !important;
}
.rs_tp_second {
	display: flex;
	align-items: center;
	margin-top: -1vw;
}
.rs_tp_text h5 {
	width: 50%;
	color: #EB8D21;
    font-size: 1vw;
	padding-top: 0.5vw;
}
.rs_tp_logo {
	width: 50%;
	display: flex;
	align-items: center;
}
.rs_tp_logo_image {
	width: 35%;
	margin-right: 1vw;
}
.rs_tp_logo_image img {
	width: 100%;
	height: auto;
}
.rs_tp_logo_image:nth-child(1) {
	width: 20%;
	margin-right: 0.1vw;
}
.rs_tp_logo_image:nth-child(1) img {
	width: 70%;
	height: 2.7vw;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.rs_tp_logo_image:nth-child(4) {
	width: 20%;
	margin-right: 1vw;
}
.rs_tp_logo_image:nth-child(4) img {
	width: 100%;
	height: auto;
}
.rs_body {
	margin-top: 1.7vw;
	margin-bottom: 5vw;
}
.rs_body p {
	color: #fff;
	font-size: 1vw;
	letter-spacing: normal;
}
.rs_image {

}
.rs_image img {
	width: 100%;
	position: relative;
}

/* .rs_mobile_logo {
	display: none;
} */
@media (max-width: 1000px) {
	/* .rs_window_logo {
		display: none !important;
	}
	.rs_mobile_logo {
		display: flex !important;
	} */

	.rs_section {
		background: none;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.rs {
		display: block;
		width: 100%;
	}
	.rs_left {
		width: 100%;
		padding-top: 25px;
		padding-bottom: 15px;
		margin-right: 0;

		background-image: url("../images/ab/r1.webp");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left;
	}
	.rs_item {
		margin-bottom: 25px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.rs_item_top {
		display: flex;
		padding-bottom: 3px;
	}
	.rs_item_top_image {
		width: 20%;
		margin-right: 10px;
	}
	.rs_item_top_image img {
		width: 100%;
	}
	.rs_item_top_text {
		width: 80%;
		padding-top: 5px;
		display: flex;
		align-items: center;
	}
	.rs_item_top_text h3 {
		color: #fff;
		font-size: 25px;
		font-weight: 700 !important;
	}
	.rs_item_text:nth-child(1) {
		background-image: url("../images/ab/f1.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
	
		padding: 35px 18px 35px 15px;
	}
	.rs_item_text:nth-child(2) {
		background-image: url("../images/ab/f2.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
	
		padding: 35px 18px 35px 15px;
	}
	.rs_item_text:nth-child(3) {
		background-image: url("../images/ab/f3.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center;
	
		padding: 35px 18px 35px 15px;
	}
	.rs_item_text p {
		color: #fff;
		font-size: 0.8em;
		letter-spacing: normal;
		text-align: justify;
	}
	.rs_right {
		width: 100%;
		padding-top: 5px;

		background-image: url("../images/ab/r1.webp");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left;
	}
	.rs_tp {
		display: block;
	}
	.rs_tp_text {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.rs_tp_text h3 {
		color: #fff;
		font-size: 35px;
		font-weight: 700 !important;
	}
	.rs_tp_second {
		display: block;
		align-items: center;
		margin-top: 0;
	}
	.rs_tp_text h5 {
		width: 100%;
		color: #EB8D21;
		font-size: 18px;
		padding-top:0;
	}
	.rs_tp_logo {
		width: 100%;
		display: flex;
		align-items: center;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.rs_tp_logo_image {
		width: 35%;
		margin-right: 15px;
	}
	.rs_tp_logo_image img {
		width: 100%;
		height: auto;
	}
	.rs_tp_logo_image:nth-child(1) {
		width: 20%;
		margin-right: 0;
	}
	.rs_tp_logo_image:nth-child(1) img {
		width: 70%;
		height: 10vw;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.rs_tp_logo_image:nth-child(4) {
		width: 20%;
		margin-right: 0;
	}
	.rs_tp_logo_image:nth-child(4) img {
		width: 100%;
		height: auto;
	}
	.rs_body {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		margin-bottom: 30px;
	}
	.rs_body p {
		color: #fff;
		font-size: 1em;
		letter-spacing: normal;
	}
	.rs_image {
		background-image: url("../images/ab/r3.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;

		height: 50vw;
		display: flex;
		align-items: end;
	}
	.rs_image img {
		width: 100%;
		position: relative;
	}
}
@media (max-width: 500px) {
	.rs_left {
		padding-bottom: 5px;
	}
	.rs_tp_logo {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;

		padding-left: 15px;
		margin-top: 25px;
		margin-bottom: 15px;
	}
	.rs_tp_logo_image {
		width: 35%;
		margin-right: 15px;
		margin-bottom: 10px;
	}
	.rs_tp_logo_image img {
		width: 100%;
		height: auto;
	}
	.rs_tp_logo_image:nth-child(1) {
		width: 35%;
		margin-right: 0;
	}
	.rs_tp_logo_image:nth-child(1) img {
		width: 70%;
		height: 18vw;
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
	.rs_tp_logo_image:nth-child(4) {
		width: 27%;
		margin-right: 0;
		position: relative;
		bottom: 10px;
	}
	.rs_tp_logo_image:nth-child(4) img {
		width: 100%;
		height: auto;
	}
	.rs_body {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 30px;
	}
}


.cc_section {
	background-image: url("../images/ga/m2.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
}
.cc {
	width: 90%;
	max-width: 3000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
.ct {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.ct_text {

}
.ct_text h3 {
	color: #fff;
    font-size: 58px;
    font-weight: 700 !important;
}
.ct_text h5 {
    color: #EB8D21;
    font-size: 18px;
    font-weight: 600;
}
.ct_logo {
	width: 23.5em;
}
.ct_logo img {
	width: 100%;
}
.cc_item {
	margin-bottom: 30px;
}
.cc_item h3 {
	color: #fff;
    font-size: 38px;
    font-weight: 700 !important;
}
.cc_image_group {
	margin-top: 15px;
	display: flex;
	justify-content: center;
}
.cc_image {
	margin-right: 10px;
}
.cc_image img {
	width: 100%;
	cursor: pointer;
}
.cc_image p {
	text-align: center;
	letter-spacing: normal;
	color: #fff;
	font-size: 1em;
	margin-top: 3px;
}
.cb {
	padding-top: 10px;
	padding-bottom: 10px;
}
.cb h3 {
	text-align: center;
	color: #fff;
    font-size: 27px;
    font-weight: 700 !important;
}
.cb h3 span {
	color: #EB8D21;
}
@media (max-width: 1000px) {
	.cc_section {
		background-size: cover;
	}
	.cc_item {
		margin-bottom: 30px;
		padding-left: 10px;
	}
	.cc_item h3 {
		width: 95%;
		margin-left: auto;
		margin-right: auto;

		color: #fff;
		font-size: 35px;
		font-weight: 700 !important;
	}
	.cc_image_group {
		margin-top: 15px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.cc_image {
		width: 46%;
		margin-right: 10px;
	}
	.cc_image img {
		width: 100%;
		cursor: pointer;
	}
	.cc_image p {
		text-align: center;
		letter-spacing: normal;
		color: #fff;
		font-size: 0.7em;
		margin-top: 3px;
	}
	.cb h3 {
		font-size: 18px;
	}
}
@media (max-width: 777px) {
	.cc {
		width: 100%;
	}
	.ct {
		display: block;
		margin-bottom: 50px;
	}
	.ct_text {
		text-align: center;
	}
	.ct_text h3 {
		color: #fff;
		font-size: 35px;
		font-weight: 700 !important;
	}
	.ct_text h5 {
		color: #EB8D21;
		font-size: 18px;
		font-weight: 600;
	}
	.ct_logo {
		width: 19.5em;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.ct_logo img {
		width: 100%;
	}
}
@media (max-width: 500px) {
	.cc_item {
		margin-bottom: 25px;
		padding-left: 10px;
	}
	.ct_logo {
		width: 17.5em;;
	}
}









.mobile_translate {
	display: none;
}
@media (max-width: 568px) {
	.mobile_translate {
		display: flex;
		justify-content: center;
		margin-top: 10px;
	}
}
@media (max-width: 302px) {
	.mobile_translate {
		display: flex;
		justify-content: center;
		margin-top: 10px;
		margin-bottom: 23px;
	}
}

.mobile_translate img {
	margin-top: px;
	width: 40px;
	height: 25px;
	object-fit: fill;
	margin-right: 13px;
	cursor: pointer;
}
.mobile_translate #mobile_english_t {
	width: 40px;
	height: 25px;
	object-fit: contain;
	margin-right: 13px;
	cursor: pointer;
}

.translator {
	display: flex;
}
@media (max-width: 568px) {
	.translator {
		display: none;
	}
}
.translator img {
	width: 50px;
	height: 28px;
	object-fit: fill;
	margin-right: 13px;
	cursor: pointer;
}
.translator #english_t {
	width: 50px;
	height: 28px;
	object-fit: contain;
	margin-right: 13px;
	cursor: pointer;
}
@media (max-width: 1025px){
	.translator {
		margin-top: 25px;
		margin-bottom: 10px;
		justify-content: center;
	}
}


.translate_drop {
	display: none !important;
	width: 75px;
}
.translate_drop .btn {
	padding: 5px 13px 5px 7px;
	border: none;
	color: #fff !important;
}
.translate_drop .btn:focus {
	background-color: #0e0e0e;
	border: none;
}
.translate_drop img {
	width: 80%;
	object-fit: cover;
}
@media (max-width: 1199px) {
	.translate_drop {
		display: block !important;
	}
}
.translator2 {
	padding: 15px 0 0 0 !important;
	background-color: #0c0c0c !important;
}
.translator2 li {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.translator2 #english_t2 img {
	width: 28%;
	margin-left: 10px;
}
.translator2 #myanmar_t2 img {
	width: 50%;
	height: 33px;
	margin-left: -8px;
	background-color: transparent;
}
.translator2 #english_t2 span {
	color: #fff;
	margin-left: 10px;
	margin-bottom: 1px;
	font-size: 14px;
	font-weight: 500;
}
.translator2 #myanmar_t2 span {
	color: #fff;
	margin-left: -5px;
	margin-bottom: 1px;
	font-size: 14px;
	font-weight: 500;
}
.translator2 #english_t3 img {
	width: 28%;
	margin-left: 10px;
}
.translator2 #myanmar_t3 img {
	width: 50%;
	height: 33px;
	margin-left: -8px;
	background-color: transparent;
}
.translator2 #english_t3 span {
	color: #fff;
	margin-left: 10px;
	margin-bottom: 1px;
	font-size: 14px;
	font-weight: 500;
}
.translator2 #myanmar_t3 span {
	color: #fff;
	margin-left: -5px;
	margin-bottom: 1px;
	font-size: 14px;
	font-weight: 500;
}

.game_award img {
	width: 100%;
	object-fit: cover !important;
}
@media (max-width: 700px) {
	.game_award img {
		width: 100%;
		height: 37.5vw;
		object-fit: cover;
	}
}



.m-container {
	width: 98%;
	margin-left: auto;
	margin-right: auto;

	padding: 20px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 7px;
}


#e_header {
	position: relative;
}
.m_header .modal-content {
	
}
.m_header .modal-content .modal-body {
	border-top: 1px solid #b9b9b9;
	margin-top: 30px;
	padding-top: 30px;
}
.m_header .modal-content ul {
	list-style: none;
}
.m_header .modal-content ul li {
	margin-bottom: 28px;
}
.m_header .modal-content ul li a {
	color: #000;
	text-decoration: none;
	font-size: 20px;
}
.m_header .modal-content ul li:nth-child(8) a {
	border: 3px solid #EB8D21;
	padding: 4px 8px 8px 8px;
}

.m_header .modal-content .mobile_header {
	margin-top: 23px;
	display: flex;
	justify-content: center;
}
.m_header .modal-content .mobile_header .btn-close {
	margin-top: 32px;
	margin-left: 13px;
}
@media (max-width: 620px) {
	.m_header .modal-content .mobile_header .btn-close {
		margin-top: 32px;
	}
}
@media (max-width: 302px) {
	.m_header .modal-content .mobile_header {

	}
}


.m_header {
	display: flex;
	align-items: center;
	flex-wrap: nowrap !important;
	justify-content: center !important;
	border-radius: 0;
}
.m_header .m_header_left {
	width: 480px;
	display: flex;
	justify-content: end;
	list-style: none;
}
.m_header .m_header_left li {
	margin-right: 20px;
}
.m_header .m_header_left li a {
	color: #000;
	font-weight: 600;
	text-decoration: none;
	font-size: 17px;
	text-wrap: nowrap;
	white-space: nowrap;
}
.m_header .m_header_right {
	width: 480px;
	display: flex;
	list-style: none;
}
.m_header .m_header_right li {
	margin-right: 20px;
}
.m_header .m_header_right li a {
	color: #000;
	font-weight: 600;
	text-decoration: none;
	font-size: 17px;
	text-wrap: nowrap;
	white-space: nowrap;
}
@media (max-width: 1400px) {
	.m_header .m_header_left {
		width: 410px;
	}
	.m_header .m_header_right {
		width: 410px;
	}
	.m_header .m_header_left li a {
		font-size: 14px;
	}
	.m_header .m_header_right li a {
		font-size: 14px;
	}
}
.m_header .m_header_middle {
	min-width: 300px;
	margin-left: 5px;
	margin-right: 5px;
}

.m_header .m_header_middle h1 a {
	font-size: 0.9em;
	color: #212121;
	text-decoration: none;
	border: 3px solid #FF4300;
	padding: 0.1em .4em;
	font-weight: 400;
	text-transform: uppercase;
	/* font-family: 'Jura', sans-serif; */
}
.mobile_header_setting {
	display: none;
	cursor: pointer;
}
.mobile_header_setting .bi {
	/* color: #212121; */
	color: #fff;
	font-size: 2rem;
}
.mobile_page {
	display: none;
}
#mobile_setting_close {
	display: none;
}
#mobile_setting_close2 {
	display: none;
}

@media (min-width: 1200px) {
	.mobile_page {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.m_header {
		background-color: #fff !important;
	}
}
@media (max-width: 1199px) {
	.header {
		display: none;
	}
	.m_header .m_header_left {
		display: none;
	}
	.m_header .m_header_right {
		display: none;
	}
	.m_header {
		width: 100%;
		z-index: 9999;
		background-color: #000;
		padding-top: 45px !important;
		padding-bottom: 15px !important;
		justify-content: space-between !important;
	}
	.mobile_header_setting {
		display: contents;
	}
	.mobile_header_setting .bi {
		margin-left: 0;
		margin-top: -3px;
	}
	.m-container {
		width: 100% !important;
		padding-top: 0;
		padding-bottom: 0;
	}
	.m_header .m_header_middle {
		min-width: 200px;
	}
	.mobile_page {
		position: absolute;
		width: 100%;
		height: 100vh;
		z-index: 999;
	}
	.mobile_page_right {
		width: 100%;
		height: 100%;
		background-color: rgba(12, 12, 12, 0.7);
	}
	.mobile_page_left {
		background-color: #0c0c0c;
		width: 650px;
		height: 100%;
	}
	.mobile_page_left ul {
		padding-top: 15px;
		padding-bottom: 1px;
		list-style: none;
	}
	.mobile_page_left ul li {
		margin-bottom: 25px;
	}
	.mobile_page_left ul li a {
		text-decoration: none;
		color: #fff;
		font-size: 14px;
	}
}
@media (max-width: 800px) {

}
@media (max-width: 620px) {
	.mobile_header_setting .bi {
		margin-top: -3px;
	}

}
@media (max-width: 500px) {
	.m-container {
		width: 100% !important;
	}
	.m_header .m_header_middle {
		min-width: 200px;
	}
	.mobile_header_setting .bi {
		margin-top: -3px;
	}
}
@media (max-width: 415px) {
	.m-container {
		width: 100% !important;
	}
	.m_header .m_header_middle {
		min-width: 200px;
	}
}
@media (max-width: 330px) {
	.mobile_header_setting .bi {
		
	}
}
@media (max-width: 302px) {
	.m-container {
		padding: 0 !important;
		/* padding-right: 15px !important; */
		margin: 0 !important;
	}
	.m_header .m_header_middle {
		min-width: 120px;
	}
	.m_header {
		min-width: 120px;
		justify-content: space-between !important;
	}
}
@media (max-width: 292px) {
	.m_header .m_header_middle h1 a {
		font-size: 0.8em;
	}
	.mobile_header_setting .bi {

	}
}
@media (max-width: 264px) {
	.m-container {
		min-width: 239px;
	}
	.m_header .m_header_middle h1 a {
		font-size: 0.7em;
	}
	.mobile_header_setting .bi {

	}
}




.navbar-toggle {
	margin-top: 20px;
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
}
.navbar-toggle .bi {
	font-size: 1.3rem;
}
.dropdown-menu-left {
	padding: 13px 0 8px 0;
}
.dropdown-menu-left li {
	margin-bottom: 8px;
	width: 150px;
}
.dropdown-menu-left li a {
	padding-left: 11px;
	width: 150px;
}
.dropdown-menu-left li a:hover {
	background-color: transparent;
}


.read {
	padding: 8px 25px 8px 25px;
	letter-spacing: 1px !important;
}

/* Custom Navbar */
.googleNav
    {  
      position: relative;
      overflow: hidden;
	  width: 40%;
      border-radius: 4px;
      height: 28px;
      left: 0;
      /* background-color: red; */
    }

 .googleNav .goog-te-gadget
{
    width: 100%;
    height: 43px;
    text-align: center;
    color:#000;
    background-color: #ffffff;
}

 .googleNav .goog-te-gadget .goog-te-combo
{
  padding: 0;
  position: relative;
  height: 23px;
  outline: none;
  border: none;
  /* font-family: arial; */
  font-size: 0.7rem;
  color: #000;
  background-color: #ffffff;
}

 .googleNav .goog-te-gadget span
{
  overflow: hidden;
  display: none;
}

.game_about_section {
	background-color: #000000;
}
.content-text {
	padding-top: 20px;
}
.content-text p { margin-top: 20px;margin-bottom: 40px;color: #fff; }
.content-text h1 { color: #fff; }

.content-text-middle { padding-left: 40px;color: #e98b07; }
.content-text-middle ul { margin-left: 20px;margin-top: 35px; }
.content-text-middle ul li { margin-bottom: 20px; }

.context-bottom { display: flex;justify-content: center;margin-top: 50px; }
.context-bottom .context-button { background-color: #d68008;padding: 10px; }
.context-bottom .context-button h3 { color: #fff; }


p,ul li,ol li{
	margin:0;
	font-size:14px;
	letter-spacing: 1px;
}
h1,h2,h3,h4,h5,h6{
	/* font-family: 'Jura', sans-serif; */
	font-weight: 400 !important;
	text-transform:uppercase;
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}
input[type="submit"],input[type="reset"],.w3ls_footer_grid_leftl,.w3ls_footer_grid_leftr h4,.w3l_footer_pos p a,.w3ls_footer_grid_leftr a,.w3layouts_header_right ul li a,.w3ls_social li a,.w3_team_grid1_pos,.w3_team_grid1_pos img{
	transition: .5s ease-in;
	-webkit-transition: .5s ease-in;
	-moz-transition: .5s ease-in;
	-o-transition: .5s ease-in;
	-ms-transition: .5s ease-in;
}
/*-- header --*/
.w3layouts_header_left{
	float:left;
}
.w3layouts_header_left p{
    color: #999;
    line-height: 1.8em;
    float: left;
    margin: 5px 42px 0 0;
}
.w3layouts_header_left a {
	 color: #999;
}
.w3layouts_header_right{
    float: right;
    position: relative;
    width: 23%;
}
.header {
	    padding: 0.6em 3em;
    background: #1d1d1d;
}
.w3layouts_header_right input[type="search"] {
       width: 65%;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    outline: none;
    border: none;
    background: #fff;
    color: #999;
    padding:8px 15px 8px 15px;
    font-size: 13px;
    float: left;
}
.w3layouts_header_right input[type="submit"] {
	     outline: none;
    border: none;
    background: #EB8D21 url(../images/search.png)no-repeat 12px 5px;
    color: #fff;
    padding: 6px 0;
    width: 17%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
}
/*-- nav --*/
.navbar-default {
    background: none;
    border: none;
}
.navbar {
    margin-bottom: 0;
}
.w3_navigation {
    border-top: 1px solid #999;
	position:relative;
}
.navbar-nav {
    float: none;
    margin: 1em 0 1em 0;
}
.navbar-collapse {
    padding: 0;
}
.navbar-right {
    float: none !important;
    margin-right: 0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color:#fa3d03;
    background: none;
}
.navbar-default .navbar-nav > li > .m_drop_div > a {
    color: #212121;
}
.navbar-default .navbar-nav > li > a {
    color: #212121;
}
.navbar-nav > li > label { 
	color: #212121;
	border: none;
}
.navbar-nav > li > .m_drop_div {
	cursor: pointer;
	margin:12.8px 1.8em;
  padding: 0;
  line-height: 1em;
  font-weight: bold;
  text-transform: uppercase;
}
.navbar-nav > li > a {
      margin:1em 1.8em;
    padding: 0;
	line-height: 1em;
	font-weight: bold;
    text-transform: uppercase;
}
.navbar-nav > li > label { 
		margin:1em 1.8em;
    padding: 0;
	line-height: 1em;
	font-weight: bold;
    text-transform: uppercase;
}
.navbar-nav > li:nth-child(3) a {
        margin-right: 34em !important;
}
.navbar-nav > li:nth-child(3) label {
	margin-right: 34em !important;
}
.navbar-nav > li:nth-child(6) a {
        margin-right:0px!important;
}
.w3_navigation_pos {
       position: absolute;
    top: 24%;
    left: 35%;
    z-index: 999;
	padding-bottom: 30px;
}
.w3_navigation_pos h1 a {
     font-size: 1em;
    color: #212121;
    text-decoration: none;
    border: 3px solid #EB8D21;
    padding: 0.1em .4em;
    font-weight: 700;
    text-transform: uppercase;
    /* font-family: 'Jura', sans-serif; */
}
.navbar-default .navbar-nav > li > a:hover{
    color: #fa3d03;
}
.navbar-default .navbar-nav > li > label:hover{
    color: #fa3d03;
}
/* Effect 5: same word slide in */
.cl-effect-5 a {
	overflow: hidden;
	padding: 0 4px;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* Effect 5: same word slide in and border bottom */
/*-- //nav --*/
.fa-cog{
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
}
/*-- //header --*/
/*-- banner --*/
.w3_navigation_pos h1 a i {
    font-size: .6em;
    color: #f83e03;
}
.slider-info {
    position: absolute;
    top: 45%;
    z-index: 1;
	right: 11%;
	width: 30vw;
	text-align: start;
	text-decoration: none;
}
.slider-info h4 {
    font-size: 2.9vw;
    color: #fff;
    text-transform: uppercase;
    font-weight: 200;
}
.slider-info p {
    font-size: 1.5vw;
    text-transform: uppercase;
    color: #EB8D21;
}
.slider-info a {
	font-size:1em;
	/* padding:0.6em 2em; */
	color:#fff;
	}
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  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;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #EB8D21;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -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;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
/*--slider--*/
#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}
.rslides_tabs li:first-child {
  margin-left: 0;
}
.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
}
.events {
  list-style: none;
}
.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
}
.callbacks img {
  position: relative;
  z-index: 1;
  height: auto;
  border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
       bottom: 24%;
    left: 0;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    width:32px;
    height:32px;
    background: transparent url("../images/left.png") no-repeat left top;
}
 .callbacks_nav:hover{
  	opacity: 0.5;
  }
.callbacks_nav.next {
  left: auto;
   background: transparent url("../images/right.png") no-repeat right top;
       left: 51%;
 }
 .callbacks_nav.prev {
	right: auto;
	background-position:left top;
	left: 47%;
}
#slider3-pager a {
  display: inline-block;
}
#slider3-pager span{
  float: left;
}
#slider3-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a {
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a {
  padding: 0;
}
#slider3-pager li{
	display:inline-block;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display:none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li{
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  height: auto;
	border: 0;
	width: 100%;
  }
.callbacks_tabs{
       list-style: none;
    position: absolute;
    bottom: -39%;
    left: 42%;
    padding: 0;
    margin: 0;
    z-index: 990;
    display: block;
    text-align: center;
}
.slider-top span{
	font-weight:600;
}
.callbacks_tabs li{
       display: inline-block;
    margin: 0 7px;
}
/*----*/
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
    content: "\f111";
    font-size: 0;
    /* font-family: FontAwesome; */
    visibility: visible;
    display: block;
    height: 12px;
    width: 12px;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}
.callbacks_here a:after{
	background: #f53753;
    border: 1px solid #f53753;
    height:1px;
    width:40px;
    border-radius: 0;
}
/*-- //banner --*/
/*-- about --*/

.about_bottom_main {
	display: flex;
	margin-top: 50px;
	justify-content: start;
}
.about_bottom_main .about_bottom_cat {
	display: flex;
	min-width: 280px;
	margin-right: 13px;
}
.about_bottom_main .about_bottom_cat img {
	width: 70px;
	height: 50px;
	margin-right: 8px;
}
.about_bottom_main .about_bottom_cat p {
	text-align: center;
	font-size: 0.8em;
		color: #EB8D21;
}
@media (max-width: 1399px) {
	.about_bottom_main {
		margin-top: 45px;
		justify-content: start;
	}
	.about_bottom_main .about_bottom_cat p {
		font-size: 0.8em;
		color: #EB8D21;
	}
	.about_bottom_main .about_bottom_cat {
		min-width: 280px;
		margin-right: 13px;
	}
}
@media (max-width: 1230px) {
	.about_bottom_main .about_bottom_cat {
		display: block;
		min-width: 200px;
		margin-right: 25px;
	}
	.about_bottom_main .about_bottom_cat img {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (max-width: 991px) {
	.about_bottom_main {
		display: block;
	}
	.about_bottom_main .about_bottom_cat {
		display: flex;
		min-width: auto;
		margin-right: 0;
		margin-top: 30px;
	}
	.about_bottom_main .about_bottom_cat .about_image {
		width: 70px;
		height: 50px;
		margin-right: 13px;
	}
	.about_bottom_main .about_bottom_cat img {
		margin-left: 0;
	}
	.about_bottom_main .about_bottom_cat p {
		text-align: start;
		margin-top: 0;
	}
}
@media (max-width: 580px) {
	.about_bottom_main .about_bottom_cat p {
		font-size: 0.75em;
	}
}
@media (max-width: 400px) {
	.about_bottom_main .about_bottom_cat .about_image {
		width: 50px;
		height: 40px;
		margin-right: 13px;
	}
	.about_bottom_main .about_bottom_cat img {
		width: 50px;
		height: 40px;
	}
}
@media (max-width: 340px) {
	.about_bottom_main .about_bottom_cat {
		display: block;
	}
	.about_bottom_main .about_bottom_cat .about_image {
		margin-right: 0;
		margin-bottom: 8px;
	}
}





.about {
	background-image: url("../images/index/Pragmatic\ play\ -\ About\ us\ background.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
}
@media (max-width: 1200px) {
	.about {
		background-size: cover;
	}
}
.about .about_con {
	display: flex;
}
.about .about_con .about_first {
	width: 50%;
}
.about .about_con .about_second {
	width: 50%;
}
.about_image {

}
.about_second .about_image img {
	width: 100%;
	
}
@media (max-width: 1399px) {
	.about .about_con .about_first {
		width: 50%;
	}
	.about .about_con .about_second {
		width: auto;
		padding-top: 80px;
	}
}
@media (max-width: 991px) {
	.about_second .about_image img {
		
	}
}
@media (max-width: 991px) {
	.about {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.about .about_con {
		display: block;
	}
	.about_second .about_image img {
		margin-top: 20px;
		height: auto;
	}
	.about .about_con .about_first {
		width: 100%;
	}
	.about .about_con .about_second {
		width: 100%;
		padding-top: 0;
	}
}
@media (max-width: 400px) {
	.about_second .about_image img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
}
@media (max-width: 300px) {
	.about_second .about_image img {
		height: auto;
	}
}




.about,.services,.team-bottom{
	padding:3em 0;
}
.mail {
	padding-left: 5em;
	padding-right: 5em;
	padding-bottom: 2.5em;
	padding-top: 5em;
	margin-bottom: 5em;
}
.w3l_head{
	font-size: 2.5em;
    font-weight: bold;
    color: #fff;
	letter-spacing: 3px;
}
.black_head { 
	color: #212121; 
}
.w3ls_head_para{
	color:#EB8D21;
	text-transform:uppercase;
	letter-spacing:3px;
}
.mail .mail_rigster_link {
	text-align: center;
	margin-bottom: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.mail .mail_rigster_link a {
	text-decoration: none;
	width: 22%;
	margin-right: 0.5rem;
}
.mail_rigster_link_image {
	width: 7.5%;
	margin-right: 0.5rem;
}
.mail_rigster_link_image img {
	width: 100%;
	filter: invert(23%) sepia(17%) saturate(1507%) hue-rotate(0deg) brightness(95%) contrast(95%);
}
@media (max-width: 800px) {
	.mail .mail_rigster_link {
		text-align: center;
		margin-bottom: 1rem;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: nowrap;
	}
	.mail .mail_rigster_link a {
		text-decoration: none;
		width: 40%;
		margin-right: 0.7rem;
	}
	.mail_rigster_link_image {
		width: 17%;
		margin-right: 0.7rem;
	}
	.mail_rigster_link_image img {
		width: 100%;
	}
}

.m-service-e {
	color:#EB8D21;
	text-transform:uppercase;
	letter-spacing:3px;
	text-align: center;
	/* background-image: linear-gradient(to right, transparent, #8F7268, #D1C5C0, #D1C5C0, #F6F7F8, #D1C5C0, #D1C5C0, #8F7268, transparent); */
	border-radius: 30%;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 305px) {
	.m-service-e {
		width: auto;
	}
}

.agileits_about_right p{
	color:#999;
	line-height:2em;
	margin-bottom:3em;
}
.agileits_about_right p i{
	display:block;
	margin:2em 0 0;
}
.agileits_about_right {
    padding-left: 7em;
}
.agileits_about_right ul li{
	display: block;
    margin-bottom: 1em;
    color: #212121;
    line-height: 1.5em;
    text-transform: capitalize;
    /* font-family: 'Questrial', sans-serif; */
    font-size: 1em;
	font-weight:600;
	letter-spacing:2px;
}
.agileits_about_right ul li i{
	color:#fa3d43;
	padding-right:1em;
}
.agileits_about_right ul li:last-child,.agileinfo_about_bottom_right_wthree ul li:last-child{
	margin-bottom:0;
}
/*-- //about --*/
/*-- about-bottom --*/
.agileits_banner_bottom_grid_l h4{
	/* text-transform:capitalize; */
	font-size:1.8em;
	color:#fff;
	line-height:1.5em;
}
.agileits_banner_bottom_grid_l p{
	font-size: 1em;
	margin:1em 0 0;
	line-height:2em;
	color:#fff;
}
@media (max-width: 580px) {
	.agileits_banner_bottom_grid_l p{
		font-size: 0.8em;
	}
}
.agileits_banner_bottom_grid_l p i{
	    display: block;
    margin-bottom: 1em;
    color: #EB8D21;
    letter-spacing: 4px;
    font-weight: 400;
}
.agileits_banner_bottom_grids{
	margin:6em 0 0;
}
.agileits_banner_btm_grid_r{
	position:relative;
}
.agileits_banner_btm_grid_r_pos{
	position:absolute;
	top: -23%;
    right: -15%;
}
/*-- //about-bottom --*/
/*-- services --*/
/*-- services --*/
.services{
	background:url(../images/index/product_bg.jpg) no-repeat center;
	background-size: 100% 100%;
}
.service_main {
	max-width: 1360px;
	margin-left: auto;
	margin-right: auto;
}
#services h3 {
    text-align: center;
    color: #fff;

}
.services-agile-w3l,.services-gd {
    margin: 0 auto;
    text-align: center;
}
.services-agile-w3l {
	width: 80%;
	display: flex;
	justify-content: center;
    margin-top: 3em;
}
.hi-icon,.hi-icon:after{
	border-radius:0px;
}
.hi-icon:before {
    font-family: inherit;
}

a.hi-icon img {
    margin: 17px 0 0;
}
.hi-icon-wrap {
    padding: 0;
}





.services-gd img {
	width: 100%;
}
.services-gd a {
	text-decoration: none;
}
.services-gd h4 {
	color: #ffffff;
    margin-top: 8px;
    font-size: 1.5em;
    letter-spacing: 2px;
    margin-bottom: 8px;
	background-image: linear-gradient(to right, transparent, #7C2E18, #D54A21, #EE5223, #D54A21, #7C2E18, transparent);
}
.services-gd p {
    color: #fff;
}
@media (min-width: 2400px) {
	.services-gd a img {
		width: 90%;
	}
	.services-agile-w3l {
	    margin-top: 3em;
	}
}
@media (min-width: 2300px) {
	.services{
		background:url(../images/index/product_bg.jpg) no-repeat center;
		background-size: cover;
		background-position: center;
	}
	.services-gd a img {
		width: 70%;
	}
	.services-agile-w3l {
	    margin-top: 3em;
	}
}
@media (min-width: 5000px) {
	.services-agile-w3l {
	    margin-top: 3em;
	}
}
@media (max-width: 1000px) {
	.services-gd a img {
		width: 100%;
	}
	/* .services-agile-w3l {
	    margin-top: 13em;
	} */
	.services-agile-w3l {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: 3em;
	}
}
@media (max-width: 800px) {
	.services{
		background-size:cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
		-moz-background-size: cover;
	}
	.services-gd h4 {
		font-size: 0.9em;
	}
}
@media (max-width: 450px) {
	.services-gd {
		padding: 0;
	}
	.services-gd a img {
		width: 100%;
	}
}
@media (max-width: 340px) {
	.services-gd h4 {
		font-size: 0.8em;
	}
}
@media (max-width: 300px) {
	.services-gd h4 {
		font-size: 0.6em;
	}
}




.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 1em;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
    margin: 0 auto;
	width: 102px;
	height: 102px;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
	    border-radius: 50%;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	/* font-family: 'ecoicon'; */
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

/* Effect 9 */
.hi-icon-effect-9 .hi-icon {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.hi-icon-effect-9 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	    border-radius: 50%;
}

/* Effect 9a */
.hi-icon-effect-9a .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5;
}

.hi-icon-effect-9a .hi-icon:hover {
	box-shadow: 0 0 0 6px #fff;
	color: #fff;
}
/*-- //services --*/
/*-- //services-bottom --*/
/*-- /news --*/
.owl-controls {
	display: none !important;
}
.projects{
	padding:5em 0 0 0;
	background-color: #000;
}
.projects-info{
	text-align:center;
}
.projects-info p{
    color: #999999;
    font-size: .9em;
    margin: 1em auto 0;
    width: 40%;
}
.projects-grids {
  margin: 3em 0 0 0;
}
.mpgc_div {
	margin: 0.5em 0 0 0;
}
#owl-demo {
	margin-top: 60px;
}
#owl-demo .item{
    text-align: center;
	height: 200px;
}
.projects-agile-grid-info{
    position: relative;
    overflow: hidden;	
}
/* .projects-agile-grid-info img{
	width:100%;
	height: 200px;
	object-fit: fill;
} */
@media (min-width: 2400px) {
	#owl-demo .item{
		height: 300px;
	}
	/* .projects-agile-grid-info img{
		height: 300px;
	} */
}
@media (min-width: 3000px) {
	#owl-demo .item{
		height: 400px;
	}
	/* .projects-agile-grid-info img{
		height: 400px;
	} */
}
@media (min-width: 5000px) {
	#owl-demo .item{
		height: 500px;
	}
	/* .projects-agile-grid-info img{
		height: 500px;
	} */
}


i.fa.fa-cutlery {
    color: #FFFFFF;
    font-size: 2em;
}
.projects-grid-caption h4 {
      color: #fff;
    font-size: 1.7em;
    font-weight: 700;
    margin: 2.1em 0 0.5em 0;
    text-transform: uppercase;
    background: hsla(192, 18%, 92%, 0.31);
    padding: 10px;
    letter-spacing: 6px;
}
.projects-grid-caption p {
    color: #fff;
    font-size: 0.95em;
    margin: 0;
    letter-spacing: 12px;
}
.projects-grid-caption {
    background: rgba(0, 0, 0, 0.61);
    /* padding: 8em 1em 1em 1em; */
    position: absolute;
    left: 0;
    bottom: -135%;
    text-align: center;
    width: 100%;
     height: 13.5vw;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
	border: 1px solid #999;
}
.mpgc {
    background: rgba(0, 0, 0, 0.61);
    /* padding: 8em 1em 1em 1em; */
    position: absolute;
    left: 0;
    bottom: -135%;
    text-align: center;
    width: 100%;
     height: 12.5vw;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
	border: 1px solid #999;
}
.projects-agile-grid-info:hover .projects-grid-caption{
    bottom: 0%;
}
@media (min-width: 1800px) {
	.projects-grid-caption {
		bottom: -135%;
		 height: 10.3vw;
	}
	.mpgc {
		bottom: -210%;
		 height: 400px;
	}
}
@media (max-width: 1340px) {
	.projects-grid-caption {
			bottom: -150%;
			height: 16vw;
	}
	.mpgc {
		bottom: -150%;
		 height: 400px;
	}
}
@media (max-width: 999px) {
	.projects-grid-caption {
			bottom: -150%;
			height: 21vw;
	}
	.mpgc {
		bottom: -150%;
		 height: 41vw;
	}
}
@media (max-width: 829px) {
	.projects-grid-caption {
			bottom: -150%;
			height: 43vw;
	}
	.mpgc {
		bottom: -150%;
		 height: 41vw;
	}
}
@media (max-width: 500px) {
	.mpgc {
	    background: rgba(0, 0, 0, 0.61);
		position: absolute;
		left: 0;
		bottom: -45vw;
		text-align: center;
		width: 100%;
		 height: calc(38vw + 3vw);
		-webkit-transition: .5s all;
		transition: .5s all;
		-moz-transition: .5s all;
		border: 1px solid #999;
	}
	.projects-grid-caption h4 {
	  	margin: 11.5vw 0 0.5em 0;
	}
}
/*-- //news --*/




/*-- gallery --*/

/* @media (max-width: 568px) {
	.team-bottom  .gallery_image_mobile {
		display: none;
	}
} */



.index_mobile_version2 {
	display: none;
}


.content-text h1 {
	text-align: center;
	font-family: default !important;
	font-style: normal !important;
	text-transform: uppercase;
}

.content-text p {
	text-align: center;
	font-family: default !important;
	font-style: normal !important;
	font-size: 1em;
}
@media (max-width: 580px) {
	.content-text p {
		font-size: 0.8em;
	}
}

.gallery_text_group_product {
	width: 55%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.gallery_text_group {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	/* margin-bottom: 30px; */
}

.gallery_text_group2 {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	/* margin-bottom: 30px; */
}

.index_window_version2 {
	background-color: #000;
}
.team-bottom {
	background-image: url("../images/index/Pragmatic\ play\ -\ Game\ interface\ screenshot\ background-15.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 0 !important;
	padding-bottom: 0px !important;
}
.team-bottom2 {
	background-image: url("../images/index/Pragmatic\ play\ -\ Game\ interface\ screenshot\ background-15.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.team-bottom-product1 {
	background-image: url("../images/ps/Pragmatic\ play\ -\ slot\ background22.webp");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 0 !important;
	padding-bottom: 40px !important;
}

@media (min-width: 2500px) {
	.gallery_text_group {
		width: 95%;
	}
}
@media (min-width: 3000px) {
	.team-bottom {
		background-size: cover;
		background-position: center;
	}
	.team-bottom-product1 {
		background-size: cover;
		background-position: center;
	}
}
@media (min-width: 5000px) {

}



@media (max-width: 950px) {
	.team-bottom {

	}
	.index_window_version2 {
		display: none;
	}
	.index_mobile_version2 {
		display: contents;
	}
	.gallery_text_group2 {
		width: 90%;
	}
}
@media (max-width: 450px) {
	.gallery_text_group2 {
		width: 90%;
	}
}
@media (max-width: 410px) {

}
@media (max-width: 340px) {

}


.gallery .gallery_info p {
	letter-spacing: normal;
	font-size: 0.95em;
	text-align: justify;
	font-style: normal;
	font-weight: normal;
	color: #fff;
}
.gallery_text_group2 .gallery_info p {
	letter-spacing: normal;
	font-size: 1em;
	text-align: justify;
	font-style: normal;
	font-weight: normal;
	color: #fff;
}
@media (max-width: 580px) {
	.gallery_text_group2 .gallery_info p {
		font-size: 0.8em;
	}
}
.gallery {
	width: 60% !important;
	padding-bottom: 23px;
}
@media (max-width: 950px) {
	.gallery {
		width: 90% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
.gallery p {
	font-size: 1rem;
	letter-spacing: 5px;
	font-weight: 600;
}
.gallery_img_group {
	width: 75% !important;
	margin-left: -15px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0;
}
@media (min-width: 2000px) {
	.gallery_img_group {
		margin-left: 0;
		padding: 0;
	}
}
@media (max-width: 1200px) {
	.gallery_img_group {
		margin-left: -20px;
		padding: 0;
	}
}
@media (max-width: 950px) {
	.gallery_img_group {
		margin-left: -30px;
		padding: 0;
	}
}


.w3l_gallery_grid {
	margin-left: -30px;
}
.w3l_gallery_grid li{
	display: inline-block;
    float: left;
    width: 32.33%;
    padding: 1%;
	padding-bottom: 0;
}
.box {
    position: relative;
    overflow: hidden;
}

.box img {
	width: 100%;
	object-fit: fill;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box .overbox {
	background-color: hsla(0, 0%, 11%, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0;
    width: 100%;
       
}
.box,.box .overbox {
	
}
.box:hover .overbox { opacity: 1; }

.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.box .title {
     font-size: 1.6em;
    text-transform: uppercase;
    opacity: 0;
    transition-delay: 0.1s;
    transition-duration: 0.2s;
    background: rgba(236, 81, 9, 0.72);
    text-align: center;
    padding: 10px;
}

.box:hover .title,
.box:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box .tagline {
	font-size: 13px;
    line-height:1.8em;
	opacity: 0;
	transition-delay: 0.2s;
	transition-duration: 0.2s;
}

.box:hover .tagline,
.box:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}
ul#lightGallery {
    margin-top: 2em;
}
.modal-content  img{
	width:100%;
}
.modal-content h4 {
    color: #0099e5;
    text-align: center;
    font-size: 35px;
    margin-bottom: 15px;
}
.modal-content h5 {
    color: #000;
    padding: 20px 0 6px;
    font-size: 22px;
    margin-left: 0px;
}
.modal-content p {
    color: #676464;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.2px;
    word-spacing: 1px;
}
.modal-header {
    min-height: 16.42857143px;
    padding: 20px 30px;
}
 .modal-dialog {
    width: 600px;
    margin: 109px auto;
}
.agileits_about_left h3 {
    text-align: left;
}
.agileits_about_left p {
    text-align: left;
}
/*-- mail --*/

.mail .info {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.mail .info p {
 font-size: 1rem;
}
.mail .info a {
 font-size: 1.3rem;
 text-decoration: none;
}
.info_link2 {
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center;
	flex-wrap: nowrap;
}
.info_link2 a {
	display: block;
	width: 50%;
	font-size: 11.3rem;
	text-decoration: none;
	margin-right: 0.5rem;
}
.info_link2_image {
	width: 15%;
	margin-right: 0.5rem;
}
.info_link2_image img {
	width: 100%;
	filter: invert(23%) sepia(17%) saturate(1507%) hue-rotate(0deg) brightness(95%) contrast(95%);
}
@media (max-width: 800px) {
	.mail .info {
		width: 80%;
	}
}
@media (max-width: 580px) {
	.mail .info {
		width: 90%;
	}
	.mail .info p {
		font-size: 0.8em;
	}
	.mail .info a {
		font-size: 0.9rem;
	}
	.info_link2 a {
		display: block;
		width: 40%;
		font-size: 11.3rem;
		text-decoration: none;
		margin-right: 0.7rem;
		font-size: 0.9rem;
	}
	.info_link2_image {
		width: 20%;
		margin-right: 0.7rem;
	}
	.info_link2_image img {
		width: 100%;
	}
}



.w3_mail_grids textarea{
	outline: none;
    padding: 10px;
    color: #212121;
    font-size: 14px;
    border: none;
    border-bottom:2px solid #f2f2f2;
    background: none;
    width: 97.3%;
    margin:0 0 3em 1.1em;
    min-height: 150px;
    resize: none;
	font-weight:600;
}
.w3_mail_grids textarea::-webkit-input-placeholder {
	color: #212121 !important;
}
.w3_mail_grids input[type="submit"]{
    outline: none;
    color: #fff;
    letter-spacing: 5px;
    font-size: 1em;
    border: none;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
    background: #111;
    padding: 0.9em;
    margin-top: 2em;
}
.w3_mail_grids input[type="submit"]:hover{
 background:#fa3d03;
}
.w3_mail_grids .mail_register_section{
	margin-top: 2em;
}
.w3_mail_grids .mail_register {
    outline: none;
    border: none;
    width: 100%;
    background: #111;
    padding: 0.9em;
	text-align: center;

	color: #fff;
    text-transform: uppercase;
	letter-spacing: 5px;
    font-size: 0.9em;
    font-weight: 600;
	text-decoration: none;
}
@media (max-width: 1000px) {
	.w3_mail_grids .mail_register {
		font-size: 0.8em;
	}
}
.w3_mail_grids .mail_register a {

}
.w3_mail_grids .mail_register:hover{
 background:#fa3d03;
}
/*-- mail --*/
.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	width: calc(100% - 0em);
	vertical-align: top;
}

.input__field {
	display: block;
	border-radius: 0;
	outline: none;
	width: 100%;
	background: #f5f5f5;
	color: #111;
	padding: 18px;
	font-size: 14px;
	border: 1px solid #e4e4e4;
	font-weight: 600;
	-webkit-appearance: none;
}

.input__field:focus, .w3_agile_mail_grid textarea:focus {
	outline: none;
	background: #fff;
}

.input--ichiro {
	margin-top: 2em;
}

.w3_agile_mail_grid textarea {
    outline: none;
    width: 100%;
    background: #f5f5f5;
    color: #111;
    padding:1em;
    font-size: 14px;
    border: 1px solid #e4e4e4;
     min-height: 239px;
     font-weight: 600;
    margin: 2em 0 0;
}
.w3_agile_mail_grid textarea::-webkit-input-placeholder {
	color: #212121 !important;
}
/*-- //mail --*/
/*-- footer --*/
.viber_logo2 {
	width: 65%;
	position: relative;
	top: 9px;
}
@media (max-width: 1080px) {
	.viber_logo2 {
		top: 6.7px;
	}	
}
.viber_logo {
	width: 90%;
	position: relative;
	top: 11px;
}
@media (max-width: 1080px) {
	.viber_logo {
		top: 8px;
	}	
}
.viber_footer {
	list-style: none;
	margin-left: -30px;
}
.viber_footer li {
	color: #999;
}
.p_footer {
	margin-top: -34px;
}
.w3l_footer{
	    background: #000;
		padding: 6em 0 5em 0;
}
.footer_container {
	padding: 0 !important;
}
.w3l_footer form{
	width: 45%;
    margin: 3em auto 0;
}
.w3ls_footer_grid {
    margin: 0 auto;
    text-align: center;
	display: flex;
	justify-content: center;
	max-width: 1480px;
	margin-left: auto;
	margin-right: auto;
}
.w3ls_footer_grids p.agileits_w3layouts_est{
	color:#fff;
	line-height:2em;
	margin:2em auto 5em;
	width:65%;
	margin-top: 0;
}
.w3ls_footer_grid_leftl{
	float:left;
	width:55px;
	height:55px;
	margin-right: 25px;
	border-radius:50px;
	text-align:center;
	background:#fa3d03;
}
.w3ls_footer_grid_leftl i{
	color: #fff;
    font-size: 1em;
    line-height: 3.4em;
}
.w3ls_footer_grid_leftr{
    width: auto;
    text-align: left;
}
.w3ls_footer_grid_leftr h4{
	font-size: 1.2em;
    color: #fff;
    letter-spacing: 3px;
    margin-bottom: .5em;
}
.w3ls_footer_grid_leftr p{
	color:#999;
	line-height:1.5em;
}
.w3ls_footer_grid_leftr a{
	color:#999;
	text-decoration:none;
	font-size:14px;
}
.w3ls_footer_grid_leftr a:hover{
	color:#fa3d03;
}
.w3l_footer_pos{
      margin-top: 4em;
}
.w3l_footer_pos p{
	text-align:center;
	color:#fff;
	line-height:1.8em;
}
.w3l_footer_pos p a{
	color:#fa3d03;
	text-decoration:underline;
}
.w3l_footer_pos p a:hover{
	color:#fff;
}
.w3ls_footer_grid_left:hover .w3ls_footer_grid_leftl{
	background:#212121;
}
.w3ls_footer_grid_left:hover .w3ls_footer_grid_leftl i{
	/* color:#212121; */
}
.w3ls_footer_grid_left:hover .w3ls_footer_grid_leftr h4{
	color:#fa3d43;
}
.w3ls_footer_grid_left {
    background: #2e2e2e;
    width: 31%;
    margin: 0 10px;
    padding: 30px 10px;
	display: flex;
}
/*-- //footer --*/
.map iframe{
	width:100%;
	min-height:350px;
	margin-top:2em;
	margin-bottom:-6px;
	border:none;
}
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(../images/arrow.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/
/*-- start-responsive-design --*/
@media (max-width:1440px){
	.slider-info {
		position: absolute;
		top: 45%;
	}
}
@media (max-width:1366px){
	.slider-info h4 {
		font-size: 2.8vw;
	}
	.slider-info p {
		font-size: 1.4vw;
	}
	.projects-grid-caption {
		/* padding: 8em 1em 1em 1em;
		position: absolute;
		left: 0;
		bottom: -146%; */
	}
	.projects-grid-caption h4 {
		/* font-size: 1.4em;
		margin: 7.2em 0 0.5em 0; */
	}
}
@media (max-width:1280px){
	.agileits_banner_btm_grid_r_pos {
		position: absolute;
		top: -23%;
		right: -9%;
	}
	.projects-grid-caption {
		/* padding: 14em 1em 1em 1em;
		position: absolute;
		left: 0;
		bottom: -156%; */
	}
}

@media (max-width: 1199px){
	.navbar-default {
		background-color: #ffffff;
	}
	.w3_navigation_pos {
		margin-right: 20px;
	}
	.navbar-nav > li {
		margin: 2em 0.5rem;
		margin-right: 20px;
	}
	.navbar-nav > li > .m_drop_div {
		position: relative;
		margin: 0;
		top: -0.25em;
	}
	.navbar-nav > li > a {
		margin: 0;
	}
}

@media (max-width:1080px){
	.navbar-default {
		background-color: #DFDFDF;
	}
	.w3_navigation_pos {
		left:41%;
	}
	.agileits_about_right {
		padding-left: 4em;
	}
	.w3layouts_header_right {
		float: right;
		position: relative;
		width: 30%;
	}
	.slider-info p {
		font-size: 1.8vw;
	}
	.slider-info h4 {
		font-size: 2.8vw;
	}
	.slider-info {
		position: absolute;
		top: 45%;
		width: 35vw;
		right: 6%;
	}
	.callbacks_nav.prev {
		right: auto;
		background-position: left top;
		left: 45%;
	}
	.navbar-nav > li > .m_drop_div {
		top: -0.37rem;
	}
	.navbar-nav > li > .m_drop_div p {
		font-size: 1em;
	}
	.navbar-nav > li > a {
		font-size: 0.9em;
	}
	.navbar-nav > li > label {
		font-size: 0.9em;
	}
		.w3_navigation_pos h1 a {
       font-size: 0.9em;
	}
	.navbar-nav > li:nth-child(3) a {
		margin-right: 37.1em !important;
	}
	.navbar-nav > li:nth-child(3) label {
		margin-right: 37.1em !important;
	}
	.w3_navigation_pos {
		left: 35%;
	}
	.agileits_banner_bottom_grid_l h4 {
       font-size: 1.6em;
	}
	/* .projects-grid-caption h4 {
		font-size: 1em;
		margin: 7.2em 0 0.5em 0;
	}
	.projects-grid-caption {
		padding: 19em 1em 1em 1em;
		position: absolute;
		left: 0;
		bottom: -179%;
	}
	.projects-grid-caption p {
		font-size: 0.85em;
		margin: 0;
		letter-spacing: 10px;
	} */
	.w3ls_footer_grid_leftl {
		float: left;
		width: 43px;
		height: 43px;
	}
	.w3ls_footer_grid_leftl i {
		font-size: 1em;
		line-height: 2.7em;
	}
	.w3ls_footer_grid_leftr h4 {
		font-size: 1.1em;
		letter-spacing: 2px;
	}
	.box .overbox {
		/* padding: 6em 1em 2em; */
	}
	.box, .box .overbox {
		/* height: 189px; */
	}
}
@media (max-width: 1024px){
	.w3_navigation_pos {
		left:41%;
	}
	.agileits_about_right {
		padding-left: 4em;
	}
	.w3layouts_header_right {
		float: right;
		position: relative;
		width: 36%;
	}
	.callbacks_nav.prev {
		right: auto;
		background-position: left top;
		left: 45%;
	}
	.navbar-nav > li > .m_drop_div {
		top: -6px;
	}
	.navbar-nav > li > .m_drop_div p {
		font-size: 1em;
	}
	.navbar-nav > li > a {
		/* margin: 2em 1em; */
		font-size: 0.9em;
	}
	.navbar-nav > li > label {
		/* margin: 2em 1em; */
		font-size: 0.9em;
	}
		.w3_navigation_pos h1 a {
       font-size: 0.9em;
	}
	.navbar-nav > li:nth-child(3) a {
		margin-right: 37.1em !important;
	}
	.navbar-nav > li:nth-child(3) label {
		margin-right: 37.1em !important;
	}
	.w3_navigation_pos {
		left: 35%;
	}
	/* .projects-grid-caption {
		padding: 19em 1em 1em 1em;
		position: absolute;
		left: 0;
		bottom: -190%;
	}
	.projects-grid-caption h4 {
		font-size: 0.9em;
		margin: 8.2em 0 0.5em 0;
	} */
}	
@media (max-width: 991px){
	.m-container {
		width: 100%;
	}
	.w3_navigation_pos h1 a {
		font-size: 0.7em;
	}
	.navbar-nav > li:nth-child(3) a {
		margin-right: 26em !important;
	}
	.navbar-nav > li:nth-child(3) label {
		margin-right: 26em !important;
	}
	.navbar-nav > li > .m_drop_div {
		top: -6.5px;
	}
	.navbar-nav > li > a {
	   /* margin: 2em 0.5em; */
	}
	.navbar-nav > li > label {
		/* margin: 2em 0.5em; */
	 }
	.w3_navigation_pos {
		top: 28%;
		left: 38.5%;
	}
	.navbar-nav > li > a {
		line-height: 0.8em;
	}
	.navbar-nav > li > label {
		line-height: 0.8em;
	}
	.w3_navigation_pos {
		top: 28%;
		left: 33.5%;
	}
	.w3layouts_header_right {
		float: right;
		position: relative;
		width: 36%;
	}
	.callbacks_nav.prev {
		right: auto;
		background-position: left top;
		left: 45%;
	}
	.agileits_banner_bottom_grids {
		margin: 1em 0 0;
	}
	.agileits_banner_bottom_grid_r {
		margin-top: 6em;
	}
	.agileits_banner_btm_grid_r_pos {
		position: absolute;
		top: -23%;
		right: 0%;
	}
	.services-gd.text-center {
	}
	.w3l_head {
			font-size: 2.3em;
	}
	
	.box .title {
		font-size: 1.2em;
	}
	/* .projects-grid-caption {
		padding: 21em 1em 1em 1em;
		position: absolute;
		left: 0;
		bottom: -248%;
	}
	.projects-grid-caption h4 {
		font-size: 0.9em;
		margin: 9.2em 0 0.5em 0;
	}
	.projects-grid-caption p {
		font-size: 0.8em;
		margin: 0;
		letter-spacing: 7px;
	} */
	.w3ls_footer_grid {
		display: block;
		width: 100%;
		padding: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.w3ls_footer_grid_left {
		float: left;
		width: 98%;
		padding: 20px 30px;
		margin-bottom: 10px;
		display: flex;
	}
	.w3ls_footer_grid_leftl {

	}
	.w3ls_footer_grid_leftr {
		text-align: left;
	}
	.w3l_footer {
		padding: 4em 0 3em 0;
	}
	.about, .services {
		padding: 3em 0;
	}
	.mail {
		padding-left: 3em;
		padding-right: 3em;
		padding-bottom: 3em;
	}
	.w3l_footer_pos {
		margin-top: 2em;
	}
	
}
@media (max-width: 825px) {
	.navbar-nav > li > .m_drop_div {
		top: -8.5px;
	}
	.navbar-nav > li > .m_drop_div p {
		font-size: 1em;
	}
	.navbar-nav > li > a {
		/* margin: 2em 1em; */
		font-size: 0.7em;
	}
	.navbar-nav > li > label {
		/* margin: 2em 1em; */
		font-size: 0.7em;
	}
}
@media (max-width: 800px){
	.w3_navigation_pos {
		left:38.5%;
	}
	.navbar-nav > li:nth-child(3) a {
		margin-right: 26em !important;
	}
	.navbar-nav > li:nth-child(3) label {
		margin-right: 26em !important;
	}
	.w3_navigation_pos h1 a {
		font-size: .75em;
	}
	.w3_navigation_pos {
		left: 34%;
	}
	.navbar-nav {
		float: none;
		margin: 0em 0 0em 0;
	}
	.w3_navigation_pos {
		top: 12%;
		left: 33.5%;
	}
	.w3layouts_header_left p {
		float: left;
		margin: 5px 19px 0 0;
		font-size: 13px;
	}
	.header {
		padding: 0.6em 1em;
	}
	/* .projects-grid-caption h4 {
		font-size: 0.9em;
		margin: 9.2em 0 0.5em 0;
		padding: 8px;
		letter-spacing: 2px;
	}
	.projects-grid-caption p {
		font-size: 0.8em;
		margin: 0;
		letter-spacing: 3px;
	} */
	.callbacks_nav {
		position: absolute;
		bottom: 21%;
	}
	.w3layouts_header_right {
		float: right;
		position: relative;
		width: 40%;
	}
}
@media (max-width: 768px){
	.w3_navigation_pos h1 a {
		font-size: .75em;
	}
	.w3_navigation_pos {
		left: 34%;
	}
	.w3l_head {
		font-size: 2em;
	}
	.agileits_about_right {
		padding-left: 3em;
	}
	.agileinfo_about_bottom_right h2 {
		font-size: 1.7em;
	}
	.w3ls_head_para {
      letter-spacing: 5px;
	}
	/* .projects-grid-caption h4 {
		font-size: 1.1em;
		margin: 1.2em 0 0.5em 0;
		padding: 8px;
		letter-spacing: 2px;
	} */
	.w3_agile_mail_grid textarea {
		outline: none;
		min-height: 191px;
		margin: 2em 0 0;
	}
	.map iframe {
    width: 100%;
    min-height: 250px;
    margin-top: 2em;
	}
	.projects {
		padding: 3em 0 0 0;
	}
}
@media (max-width: 768px){
	.navbar-default {

	}
}
@media (max-width: 767px) {
	.navbar-nav > li > .m_drop_div {
		top: 0;
	}
}
@media (max-width: 1199px){
	.navbar-default {
		background-color: #ffffff;
	}
	.w3_navigation_pos {
		margin-right: 20px;
	}

	.navbar-default .navbar-toggle {
		border-color: #212121;
		margin-right: 10px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #212121;
	}
	.navbar-toggle {
		
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}

	.navbar-nav {
		float: none;
		margin: 0;
		text-align: center;
		background: #ffffff;
	}
	.navbar-nav > li > .m_drop_div {
		/* margin: 2em 0.5rem; */
	}
	.navbar-nav > li > a {
		/* margin: 2em 0.5rem; */
	}
	.navbar-nav > li > label {
		/* margin: 2em 0.5rem; */
	}
	.navbar-nav > li:nth-child(3) a {
		margin-right: auto !important;
	}
	.navbar-nav > li:nth-child(3) label {
		margin-right: auto !important;
	}
	.w3_navigation_pos {
		left: 0;
	}
	.w3_navigation_pos {
		position: inherit;
		float: left;
		margin-top: .9em;
	}
}
@media (max-width: 736px){
	.header {
		padding: 0.6em 1em;
	}
	.map iframe {
		min-height: 300px;
	}
	.w3layouts_header_right {
		float: right;
		position: relative;
		width: 37%;
	}
	.about, .services {
		padding: 2em 0;
	}
	.mail {
		padding-left: 0.3em;
		padding-right: 0.3em;
		padding-bottom: 2em;
	}
	.projects {
		padding: 2em 0 0 0;
	}
}
@media (max-width: 1025px){
	.w3layouts_header_right ul li:last-child {
		margin-left: 1em;
	}
	.box .title {
		font-size: 1em;
	}
	.w3layouts_header_left {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.w3layouts_header_left p{
		float: none;
		margin: 0 auto;
		text-align:center;
		
	}
	.w3layouts_header_right {
		float: none;
		position: relative;
		width: 56%;
	margin: 4px auto 0;
	}
	.w3layouts_header_right input[type="search"] {
      width: 83%;
	}
	.callbacks_nav {
		position: absolute;
		bottom: 14%;
	}
	.callbacks_nav.prev {
		right: auto;
		background-position: left top;
       left: 43%;
	}
}
@media (max-width: 640px){
	.w3l_head {
		font-size: 1.8em;
	}
	.w3ls_head_para {
		letter-spacing: 5px;
		font-size: 12px!important;
	}
	.services-gd.text-center {
		width: 100%;
	}
}
@media (max-width: 600px){
	.slider-info h4 {
		font-size: 3.4vw;
	}
	.slider-info p {
		font-size: 2vw;
	}
	.slider-info {
		width: 40vw;
		top: 47%;
		right: 2%;
	}
}
@media (max-width: 950px){
	.agileits_banner_bottom_grid_l h4 {
		font-size: 1.4em;
	}
	.w3l_gallery_grid li {
		display: inline-block;
		float: left;
		width: 50%;
		padding: 1%;
	}
	/* .projects-grid-caption h4 {
		font-size: 1.1em;
		margin: 5em 0 0.5em 0;
		padding: 8px;
		letter-spacing: 2px;
	} */
	.w3l_footer {
		padding: 2em 0 2em 0;
	}
	.w3l_footer_pos {
		margin-top: 1em;
	}
}
@media (max-width: 480px){

	p, ul li, ol li {
    margin: 0;
    font-size: 13px;
	}
	.w3layouts_header_right {
		float: none;
		position: relative;
		width: 80%;
		margin: 4px auto 0;
	}
	.callbacks_nav {
		position: absolute;
		bottom: 9%;
	}
	.slider-info h4 {
		font-size: 3.4vw;
	}
	.slider-info p {
		font-size: 2.2vw;
	}
	.slider-info {
		width: 40vw;
		top: 47%;
		right: 2%;
	}
	/* .projects-grid-caption h4 {
		font-size: 1.1em;
		margin: 0em 0 0.5em 0;
		padding: 8px;
		letter-spacing: 2px;
	} */
	.w3_agile_mail_grid textarea {
		outline: none;
		min-height: 119px;
		margin: 2em 0 0;
	}
	.w3_agile_mail_grid {
		padding: 0 0px;
	}
}
@media (max-width: 450px) {
	.w3l_gallery_grid li {
		display: inline-block;
		float: left;
		width: 100%;
		padding: 1%;
	}
}
@media (max-width: 414px){
	.navbar-toggle {
		margin-top: 15px;
	}
	.navbar-default {

	}
	.agileits_banner_btm_grid_r_pos {
		position: absolute;
		top: -37%;
		right: 0%;
	}
	.agileits_banner_bottom_grid_l {
		padding: 0 5px;
	}
	.agileits_about_left {
		padding: 0 5px;
	}
	.slider-info h4 {
		font-size: 3.5vw;
	}
	.slider-info p {
		font-size: 2.3vw;
	}
	.slider-info {
		width: 40vw;
		top: 45%;
		right: 1%;
	}
	.w3_navigation_pos {
		position: inherit;
		float: left;
		margin-top: .7em;
	}
	.callbacks_nav.prev {
		right: auto;
		background-position: left top;
		left: 40%;
		background-size: 72%;
	}
	.callbacks_nav.next {
		left: auto;
		background: transparent url(../images/right.png) no-repeat right top;
		left: 51%;
		background-size: 72%;
	}
	.callbacks_nav {
		position: absolute;
		bottom: 5%;
	}
	ul#lightGallery {
		margin-top: 1em;
	}
	
	.slider-img img {
		min-height: 175px;
	}
	.map iframe {
		min-height: 231px;
	}
	.agileits_banner_bottom_grid_l h4 {
		font-size: 1.2em;
	}
	.w3l_head {
		font-size: 1.5em;
	}
	.agileits_banner_btm_grid_r_pos img {
		width: 57%;
	}
	.agileits_banner_btm_grid_r_pos {
		position: absolute;
		top: -28%;
		    right: -3%;
	}
}
@media (max-width: 384px){
	.agileits_banner_btm_grid_r_pos img {
		width: 57%;
	}
	.agileits_banner_btm_grid_r_pos {
		position: absolute;
		top: -28%;
		   right: -3%;
	}
}
@media (max-width: 375px){
	.w3_navigation_pos {
		margin-right: 0;
	}
	.w3layouts_header_right {
		float: none;
		position: relative;
		width: 95%;
		margin: 4px auto 0;
	}
}
@media (max-width: 340px){
	.w3_navigation_pos h1 a {
		font-size: .65em;
	}
	.slider-img img {
		min-height: 151px;
	}
	/* .projects-grid-caption {
		padding: 24em 1em 1em 1em;
		position: absolute;
	} */
	.w3layouts_header_right {
		float: none;
		position: relative;
		width: 100%;
		margin: 4px auto 0;
	}
	#mail {
    padding: 5em 0 2em 0;
}
}
@media (max-width: 310px){
	.slider-info h4 {
		font-size: 2.8vw;
	}
	.slider-info p {
		font-size: 2vw;
	}
	.slider-info {
		width: 35vw;
		top: 45%;
		right: 5%;
	}
	.w3_navigation_pos {
		margin-right: 0;
	}
	.navbar-default {
		padding-bottom: 5px;
	}
	.w3_navigation_pos h1 a {
		font-size: calc(8vw - 3px);
	}
	.navbar-toggle {
		width: auto;
		height: auto;
		margin-top: calc(5vw + 5px);
	}
	.navbar-toggle .bi {
		font-size: calc(8vw - 3px);
	}
}
@media (max-width: 275px){
	.m-container {
		padding-left: 3px;
		padding-right: 3px;
		width: 100%;
	}
	.navbar-toggle {
		margin-top: calc(6vw + 10px);
		margin-right: 0;
	}
	.navbar-toggle .bi {
		font-size: calc(10vw - 10px);
	}
}
@media (max-width: 230px){
	.w3_navigation_pos {
		padding-bottom: 0;
	}
	.w3_navigation_pos h1 a {
		font-size: 1rem;
	}
	.navbar-toggle {
		margin-top: calc(7vw + 10px);
	}
	.navbar-toggle .bi {
		font-size: 0.8rem
	}
}
@media (max-width: 189px) {
	.w3_navigation_pos {
		margin-left: 5%;
		text-wrap: nowrap;
	}
	.navbar-toggle {
		float: left;
		margin-left: 45%;
	}
}