/* XL Device :1200px. */
@media (min-width: 1439px) and (max-width: 1700px) {
.about__sp {
	position: absolute;
	right: 0;
	bottom: 30px;
}
    
    
    
    
}




/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {
	.about__sp {
		right: 0%;
		bottom: 30px;
	}
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

	.abodut__wrap {
		/*! flex-direction: column; */
		gap: 50px;
	}
	.about__lf {
		width: 100%;
	}.take__ri {
  width: 49%;
  margin: auto; 
}
.about__lf.take__ri {
  width: 59%;
}
	.about__sp {
		right: 0;
		bottom: 0;
	}
	.about__ri {
		width: 60%;
		margin: auto;
	}
	.overlay {
		top: 70px;
	}
	.take__wrap {
		align-items: center;
		gap: 20px;
	}
	.flag-overlay {
		top: -40px;
		height: 400px;
		width: 400px;
	}
	.widget__four.widget label {
		width: 70%;
	}
	.take__ri h2 {
		font-size: 27px;
		line-height: 36px;
	}
	.take__ri p {
		font-size: 14px;
		line-height: 20px;
	}
.flag__body {
  gap: 30px;
}
.flag__sp {
  max-width: 169px;
}
	.hero__wrap h2 {
		font-size: 40px;
		line-height: 55px;
	}
	.widget p {
		font-size: 16px;
	}
	.footer__credit p {
		font-size: 16px;
	}
	.area-intro h2 {
		margin-bottom: 20px;
	}
	.widget ul li a {
		font-size: 16px;
	}
	.photo__title {
	margin-bottom: 12px;
}
.about__tx__box {
  width: 141px;
  height: 141px;
}
.about__tx__box h2 {
  font-size: 30px;
}

}


/* Tablet Device */

@media (min-width: 992px) and (max-width: 1024px) {

	.header__menu ul li {
		margin: 0px 20px;
	}
	.header__menu ul li a{
		font-size: 16px;
	}


.photo__title {
	margin-bottom: 12px;
}








}

/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.abodut__wrap {
		flex-direction: column;
		gap: 50px;
	}
	.about__lf {
		width: 100%;
	}
	.about__sp {
		right: 0;
		bottom: 0;
	}
	.about__ri {
		width: 60%;
		margin: auto;
	}
	.overlay {
		top: 70px;
	}
	.flag-overlay {
		top: -40px;
		height: 400px;
		width: 400px;
	}
	.widget__four.widget label {
		width: 70%;
	}
	.take__wrap {
		flex-direction: column;
		align-items: center;
	}
	.take__ri {
		width: 90%;
		margin: auto;
		order: 2;
	}
	.take__lf {
		width: 80.2%;
	}
	.flag__body {
		flex-direction: column;
	}
	.flag__content {
		width: 90%;
		order: 2;
	}
	.flag__img {
		width: 80%;
	}
	.feature__fx {
		align-items: center;
		flex-wrap: wrap;
		gap: 20px;
	}
	.feature__single {
		width: 48%;
	}
	.widget {
		width: 60%;
	}
	.widget {
		width: 60%;
		margin-bottom: 50px;
	}
	.challange__box {
		padding: 60px 30px;
	}
	.header__menu ul li a {
		font-size: 16px;
	}
	.header__menu ul li {
		margin: 0px 20px;
	}
	.take__ri h2 {
		font-size: 40px;
		line-height: 55px;
	}
	.take__ri p {
		font-size: 16px;
	}
	.hero__wrap h2 {
		font-size: 40px;
		line-height: 55px;
	}
	.widget p {
		font-size: 16px;
	}
	.footer__credit p {
		font-size: 16px;
	}
	.area-intro h2 {
		margin-bottom: 20px;
	}
	.hero__wrap p {
		font-size: 16px;
		padding: 0 20px;
	}
	.about__tx__box h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.about__tx__box {
		width: 150px;
		height: 150px;
	}
	.flag__content ul li {
		font-size: 16px;
	}
	.widget ul li a {
		font-size: 16px;
	}

	
.owl-item {
  margin: 0;
  opacity: 1;
}
.single__pgoto h3 {
  font-size: 24px;
  bottom: 40px;
  left: 49px;
}
.step__prog {
  width: 49%;
}
.photo__title {
  margin-bottom: 20px;
}
.photo__title h2 {
  font-size: 35px;
}
.bar.d-none {
  display: block !important;
  /*! position: absolute; */
  /*! left: 7px; */
  /*! top: 50%; */
  /*! transform: translateY(-50%); */
}
.header__menu {
  display: none;
}
.header__btn {
  display: none;
}

.bar.d-none a svg {
  width: 19px;
}

}
 

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {

	.abodut__wrap {
		flex-direction: column;
		gap: 50px;
	}
	.about__lf {
		width: 100%;
	}
	.about__sp {
		right: 0;
		bottom: 0;
		display: none;
	}
	.about__ri {
		width: 100%;
		margin: auto;
	}.abodut__wrap.wd .about__ri {
	width: 320px;
}
	.overlay {
		top: 70px;
	}
	.flag-overlay {
		top: -40px;
		height: 400px;
		width: 400px;
	}
	.widget__four.widget label {
		width: 70%;
	}
	.take__wrap {
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
	.take__ri {
		width: 90%;
		position: relative;
		z-index: 9999;
		order: 2;
		margin: auto;
	}
.take__ri p {
  font-size: 14px;
  line-height: 20px;
}
.feature__area {
  padding-bottom: 50px;
}
.challange__txt.take__ri.text-center {
  width: 97%;
}
	.take__lf {
		width: 100%;
	}
	.flag__body {
		flex-direction: column;
	}
	.flag__content {
		width: 100%;
	}
	.flag__img {
		width: 100%;
	}
	.feature__fx {
		flex-direction: column;
		align-items: center;
	}
	.feature__single {
		width: 100%;
	}
	.widget {
		width: 60%;
	}
	.widget {
		width: 100%;
		margin-bottom: 40px;
	}
	.challange__box {
		padding: 30px 10px;
	}
	.hero__wrap h2 {
		margin-bottom: 16px;
	}
	.hero__wrap a {
		font-size: 15px;
	}
	.hero__wrap h2 {
		margin-bottom: 5px;
		font-size: 28px;
	}
	.hero__area {
		padding-top: 230px;
		padding-bottom: 160px;
	}
	.about__lf h2 {
		font-size: 28px;
		line-height: 40px;
	}
	.take__ri h2 {
		font-size: 25px;
		line-height: 30px;
	}
	.flag__content h2 {
		font-size: 28px;
		line-height: 40px;
		margin-top: 0px;
	}
	.challange__txt h2 {
		font-size: 22px;
		line-height: 30px;
	}
	.footer__credit {
		align-items: start;
		flex-direction: column;
		gap: 25px;
		margin-top: auto;
	}
	.big__img{
		display: none;
	}
	.take__area {
		overflow: hidden;
	}
	.feature__sp {
		display: none;
	}
	.header__area {
		overflow: hidden;
	}
	.about__tx__box h2 {
		font-size: 20px;
		line-height: 20px;
	}
	.about__tx__box span {
		font-size: 16px;
	}
	.about__tx__box {
		width: 100px;
		height: 100px;
	}
	.take__area {
		padding: 50px 10px;
	}
	.flag__sp {
		top: -30px;
	}
	.flag__sp img {
		width: 60%;
	}
	.small__img {
		display: none;
	}
	.challange__txt p {
		font-size: 14px;
		line-height: 20px;
	}
	.widget ul li a {
		font-size: 16px;
	}
	.widget p {
		font-size: 16px;
	}
	.widget__four.widget label {
		width: 90%;
	}



	
.owl-item {
  margin: 0;
  opacity: 1;
}
.single__pgoto h3 {
  font-size: 24px;
  bottom: 40px;
  left: 49px;
}
.step__prog {
  width: 100%;
  margin: 20px 0;
}
.photo__title {
  margin-bottom: 20px;
}
.photo__title h2 {
  font-size: 23px;
}
.challenge__box {
  padding: 20px;
}
.step__flag {
  padding: 0;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.step__time {
  width: 100%;
}
.time__flex {
  display: flex;
  justify-content: center;
}
.challenge__top-single--box h3 {
  margin-bottom: 10px !important;
}
.challenge__top-single--box {
  text-align: left !important;
}
.bar.d-none {
  display: block !important;

}

.header__menu {
  display: none;
}
.header__btn {
  display: none;
}
.bar.d-none a svg {
  width: 19px;
}

}





/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.widget__four.widget label {
		width: 60%;
	}
 
}