.mobile-view-flex,
.mobile-view-block{
	display: none;
}

.desktop-view{
	display: block;
}

.desktop-view-flex{
	display: flex;
}

.menu-mobile{
	display: none;
}

.forScreenFull{
	display: none;
}

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

	.vbg-legacy,
	.vbg-fun{
		left: -20px;
	}
	
	.vbg-integrity,
	.vbg-expert{
		right: 0;
	}
	
	.vbg-legacy:hover{
		left: -25px;
		top: -39px;
		width: 270px;
		height: 270px;
	}

	.vbg-integrity:hover{
		right: -10px;
		top: -39px;
		width: 270px;
		height: 270px;
	}

	.vbg-fun:hover{
		left: -25px;
		bottom: -39px;
		width: 270px;
		height: 270px;
	}

	.vbg-expert:hover{
		right: -10px;
		bottom: -39px;
		width: 270px;
		height: 270px;
	}
	
	a.brand-mobile svg {
    	width: 45%;
	}
	
	.wl-list li a,
	.accord-menu .accordion-button{
		font-size: 22px !important;
	}
	
	.btn-12 span, .btn-12{
		height: 45px;
		font-size: 15px;
		width: 140px;
	}
	
	.changedLang li a{
		color: white;
    	font-size: 22px;
	}
	
	.changedLang{
		margin-top: 4rem !important;
	}
	
	.wrapless-mobile {
	  padding-left: 35px;
	  padding-right: 35px;
	}
	
	.wrapless-mobile .accordion-button::after{
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" fill="none"><path d="M469.68 163.28L435.76 129.36C435.016 128.61 434.131 128.015 433.156 127.608C432.181 127.202 431.136 126.993 430.079 126.993C429.023 126.993 427.978 127.202 427.003 127.608C426.028 128.015 425.143 128.61 424.4 129.36L256.4 297.36L88.3995 129.36C87.6558 128.61 86.771 128.015 85.7961 127.608C84.8213 127.202 83.7756 126.993 82.7195 126.993C81.6634 126.993 80.6178 127.202 79.6429 127.608C78.668 128.015 77.7832 128.61 77.0395 129.36L42.3195 163.28C41.5697 164.023 40.9745 164.908 40.5684 165.883C40.1622 166.858 39.9531 167.903 39.9531 168.96C39.9531 170.016 40.1622 171.061 40.5684 172.036C40.9745 173.011 41.5697 173.896 42.3195 174.64L250.32 382.64C251.063 383.389 251.948 383.985 252.923 384.391C253.898 384.797 254.943 385.006 256 385.006C257.056 385.006 258.101 384.797 259.076 384.391C260.051 383.985 260.936 383.389 261.68 382.64L469.68 174.64C470.429 173.896 471.024 173.011 471.431 172.036C471.837 171.061 472.046 170.016 472.046 168.96C472.046 167.903 471.837 166.858 471.431 165.883C471.024 164.908 470.429 164.023 469.68 163.28Z" fill="white"/></svg>');
	}
}

/*this not for mobile*/
@media screen and (min-width: 661px){
	
  .paper-block .desktop-view,
  .img-bg-banner.desktop-view{
	  display: block !important
  }

  .paper-block .mobile-view-block,
  .img-bg-banner.mobile-view-block{
	  display: none !important;
  }
}

/*this for mobile*/
@media screen and (max-width: 660px){

	section.compro{
	    padding-bottom: 0;
	    padding-top: 145px;
		height: auto !important;
	}

	.compro-thumbnail{
		width: 94%;
		margin: 0 auto;
	}

	.vx-box{
		width: 100%;
		padding-left: 15px;
        padding-right: 15px;
        padding-top: 40px;
        font-size: 15px;
	}
	
	.vx-title {
		font-size: 32px;
		font-weight: 600;
		margin-bottom: 26px;
	}

	img.co-tm{
		height: 280px !important;
	    object-position: center;
	}

	.vx-box, iframe.vx-compro, img.co-tm {
    	height: auto;
	}


	/**/
	.wrapper-cta{
		height: 177px;
	}


	.circle-circular{
		transform: scale(64%);
	}
	
	.enkai-lightgray{
		background-color: #f5f5f5;
	}

	.libre-section{
		align-items: flex-start;
	}

	a.swip-link.imgHolder{
    	position: relative;
	}

	.desc-finder {
		margin-bottom: 1rem;
		font-size: 14px;
		height: 228px;
		overflow-y: auto;
		padding-right: 10px;
	}


	/* width */
	.desc-finder::-webkit-scrollbar {
		width: 3px;
	}

	  /* Track */
	.desc-finder::-webkit-scrollbar-track {
		background: none;
	}

	  /* Handle */
	.desc-finder::-webkit-scrollbar-thumb {
		background: #888;
	}

	#staticBackdrop{
		z-index: 99991;
	}
	
	#staticBackdrop .modal-body{
		display: flex;
		flex-direction: column;
		row-gap: 20px;
	}

	#staticBackdrop .modal-body select{
		border-radius: 100px;
		font-size: 15px;
		border: 1px solid var(--oh-blue-variant);
		padding: 11px 20px;
	}

	#staticBackdrop .put-search.searching{
		width: 100%;
		font-size: 15px;
	}

	#staticBackdrop .put-search.searching svg{
		height: 20px;
		width: 20px;
		margin-top: -3px;
	}

	.block-info{
		margin-bottom: 0;
	}
	
	a.extend-label {
	  font-weight: 600;
	  color: #F26A21!important;
	  display: block;
	  margin-bottom: 10px;
	  margin-top: 18px;
	  padding: 0;
	}
	
	.enkai-space{
		height: 90px;
	}
	
	.bb-pragraph.scrolled{
		overflow-y: auto !important;
	}

	.gh-totr{
		font-size: 20px !important;	
	}
	
	.img-graped{
		height: 200px !important;
	}

	svg.ic-galery {
	  height: 12px;
	  width: 18px;
	  margin-top: -3px;
	}
	
	.crosside{
		font-size: 12px !important;
	}
	
	.tobrun{
		top: 87px !important;
	}
	.fn-mobile{
		height: auto;
		padding-top: 180px;
	}

	.octo-m{
		top: 114px  !important;
    	left: 12px !important;
	}

	.btn-vjob{
		font-size: 13px;
	}

	.oth-article{
		margin-bottom:45px;
	}

	.era-detail-news{
		margin-bottom: 10px;
	}

	.news-article-detail {
    	padding-top: 30px !important;
	}

	.sp-detail{
		padding-top: 88px !important;
	}

	.noc-paginate a.active,
	.noc-paginate a{
		font-size: 13px;
	}

	.vbg-expert .vs-detail p,
	.vbg-fun .vs-detail p{
	   margin-bottom: 0;
	}

	.title-mils{
		margin-bottom: 3rem;
	}
	
	.vs-detail h5{
		font-size: 20px;
	}
	
	section.awards {
	  padding-top: 10px;
	  padding-bottom: 10px;
	}

   .footbar .logo-brand .oh-logo{
   	width: 48% !important;
    filter: unset !important;
    margin-bottom: 14px;
   }
   
   nav.nav-menus{
   	 display: none !important;
   }

	.h-109{
		height: auto;
	}
	
	.benefit-box{
		height: 621px;
	}
	
	.hot-break {
    	margin-bottom: 62px;
	}
	
	.hot-author{
		position: absolute;
    	bottom: 31px;
	}
	
	.news-article-swiper .hot-hilie{
		flex-direction: column;
		justify-content: flex-start;
	}
	
	.img-hhilie{
		margin-right: 0;
	  	width: 100%;
	  	margin-bottom: 28px;
		height: 15rem;
	}

	.wg-title-section{
		font-size: 27px;
	}

	.big-price{
		font-size: 15px;
	}

	.octopus.brunch-jb {
	  left: 15px;
	  right: 15px;
	}
	
	.octopus.brunch-jb ul{
		align-items: center;
	}

	.btn-location{
		font-size: 12px;
	}
	
	.btn-location svg {
		height: 17px;
		width: 15px;
	}

	.paper-block .desktop-view,
	.img-bg-banner.desktop-view{
		display: none !important
	}
	
	.paper-block .mobile-view-block,
	.img-bg-banner.mobile-view-block{
		display: block !important;
	}
	
	.wg-center img{
		width: 100% !important;
	}
	
	.indeep-container{
		width: 100%;
	}

	.overlay-darker-mobile {
	box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
	}
	   .oh-slider img{
	   	  opacity: 0;
		  height: 62vh !important;
	   }

	  .parallax-window{
		background-attachment: scroll; /* Atau atur nilai lain sesuai kebutuhan */
	  }
	  
	.m-ls-head{
		margin-top: 0;
		transform: unset;
	}


	.vbg-legacy:hover .vs-detail,
	  .vbg-integrity:hover .vs-detail,
	  .vbg-fun:hover .vs-detail,
	  .vbg-expert:hover .vs-detail{
		  animation-name: unset;
	}

	.vbg-legacy:hover{
		left: 2px;
		top: 0;
		width: 200px;
		height: 200px;
		transition: unset;
	}

	.vbg-integrity:hover{
		right: 2px;
		top: 0;
		width: 200px;
		height: 200px;
		transition: unset;
	}

	.vbg-fun:hover{
		left: 2px;
		bottom: 0;
		width: 200px;
		height: 200px;
		transition: unset;
	}

	.vbg-expert:hover {
		right: 2px;
		bottom: 0;
		width: 200px;
		height: 200px;
		transition: unset;
	}
	
	.vs-detail p{
		font-size: 11px;
	}

	.vs-letter{
		display: none;
	}
	
	.vbg-legacy .vs-detail,
	.vbg-fun .vs-detail{
		right: 0;
		padding: 16px;
	}
	
	.vbg-integrity .vs-detail,
	.vbg-expert .vs-detail{
		left: 0;
	}
	
	.vs-middle{
		width: 130px;
		height: 130px;
		font-size: 17px;
	}

	.most-wrap{
		height: auto;
	}

	.vs-grand{
		width: 200px;
    	height: 200px;
	}
	
	.vbg-legacy,
	.vbg-fun{
		left: 2px;
	}
	
	.vbg-integrity,
	.vbg-expert{
		right: 2px;
	}
	
	.vbg-expert,
	.vbg-fun{
	    top: 190px;
	}

	.img-bg-milestone{
		height: 100vh;
		object-fit: cover;
	}

	.moride-title, .moride-title button{
		font-size: 32px;
	}

	.resulties{
		padding-top: 58px;
	}

	.resulties .search-finder{
		position: relative;
		bottom: 0;
		width: 100%;
	}

	.mailing, .nomax,
	.wrapper-built-future{
		width: 100%;
	}

	.oh-wood-head,
	.woo-mobile{
		height: 100vh;
	}
	
	.woo-mobile{
		opacity: 0;
	}

	.still-round,
	.no-points{
		height: 380px;
	}

	.no-points{
		margin-bottom: 2.5rem;
	}

	.hors-flex ul li{
		width: 47%;
	}

	.bl-news-group{
		width: 93%;
    margin: 0 auto;
    margin-bottom: 2rem;
	}

	.built-future .hors-init{
		margin-bottom: 2.2rem;
    margin-top: 3rem;
	}

	.article-news .we-height{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.changedLang{
		padding: 0;
		margin: 0;
		margin-bottom: 15px;
		margin-top: 50px;
	}

	.changedLang li{
		display: inline-block;
		margin-right: 10px;
	}

	.changedLang li a{
		text-decoration: none;
		font-size: 4.2vw;
		color: white;
	}

	.menu-mobile.show{
		display: block;
	}

	.mobile-view-flex{
		display: flex;
	}

	.mobile-view-block{
		display: block;
	}

	.desktop-view,
	.desktop-view-flex{
		display: none;
	}

	.oh-mini-container{
		padding-right: var(--bs-gutter-x, 6vw);
		padding-left: var(--bs-gutter-x, 6vw);
	}

	.oh-nav{
		display: none;
	}

	.oh-wrapper h1{
		font-size: 8vw;
	}

	.oh-wrapper .oh-sindex p{
		font-size: 3.5vw;
		line-height: 25px;
	}

	.oh-banner-slide .swiper-slide{
		background-position: center center !important;
		display: flex;
		align-items: center;
		padding-top: unset;
		/*padding-bottom: 60%;*/
	}

	.hang-fix{
		bottom: 26px;
        right: 11px;
        transform: scale(80%) !important;
	}

	.oh-fixma{
		justify-content: flex-start;
	}

	.oh-child-head,
	.oh-child-head p{
		font-size: 7vw;
	}

	button.oh-conrow{
		font-size: 17px;
	}

	.oh-ls-head li, .oh-ledhead li{
		margin-bottom: 5px;
	}

	.oh-haku,
	.oh-haku-m{
		font-size: 17px;
		width: 100%;
		margin-bottom: 37px;
    	margin-top: 0;
	}

	.oh-text-sustaind h1,
	.oh-wood-head h1,
	.oh-child-head p{
		font-size: 7vw !important;
	}
	
	.oh-wood{
		background: white;
	}

	.insightFormation{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	/*	footer*/
	footer{
		overflow: hidden;
		z-index: 99;
		padding-top: 3rem;
	}

	.oh-logo {
    	width: 185px;
	}

	.layer-heading{
		display: none;
	}

	.logo-brand{
    	margin-bottom: 1.2rem;
	}

	.oh-list-temp{
		margin-bottom: 3.2rem;
	}

	.oh-belongs{
		display: grid;
		grid-template-columns: 50% 50%;
		grid-gap: 10px;
	}

	.oh-belongs .tif-block{
		width: 100%;
	}

	.listed-tif li {
    	margin-bottom: 20px;
	}

	.foot-weekned .d-flex{
		flex-direction: column;
    	row-gap: 8px;
	}

	.cab-list li{
		margin-right: 0;
		display: block;
    	text-align: center;
		margin-top: 12px;
	}

	/*	heading all*/

	.mix-title{
		font-size: 7.5vw;
	}

	/*	pargraph size*/
	.mix-named p,
	.hors-graph p{
		font-size: 3.9vw;
	}

	/*	Living First*/

	.hors-init{
		font-size: 7.5vw;
	}

	.short-desc-see{
		width: 100%;
	}

	.wg-nowpromotion{
		width: 100%;
		margin: 2.5rem auto 0;
	}

	.swiperPromoEvents img{
		height: 30vh;
	}

	.swiperPromoEventsThumbs img{
		height: 11vh;
	}

	/*	sustainability*/

	.mix-named{
		width: 90%;
    	margin: 0 auto;
	}

	section.program-intiative{
		padding-top: 55px;
		padding-bottom: 25px;
	}

	.hors-flex ul,
	.hors-pills{
		width: 100%;
	}

	.hors-flex li button{
		height: 5.5vh;
		font-size: 3.2vw;
	}

	div.bb-bookblock{
		height: 14rem;
	}

	.title-news{
		font-size: 4.4vw;
	}

	.breadcrumb-news{
		font-size: 2.3vw;
	}

	.short-desc-news{
		font-size: 3.7vw;
		padding-right: 0;
	}

	.date-news{
		font-size: 3.5vw;
		margin-bottom: 10px;
    	margin-top: 0.5rem;
	}

	button.de-more{
		font-size: 3.5vw;
	}

	.news-hot-img{
		height: 23vh;
	}

	.hors-flex li button.nav-link.active {
    background-color: #085CA1 !important;
    color: white !important;
	}

	.wg-splinter .oh-mini-container{
		padding-left: 15px  !important;
		padding-right: 15px !important;
	}

	.news-read{
		font-size: 3.5vw;
	}

	.hang-fix img.living-logo {
		height: 17vw;
	}

	.built-future{
		padding-top: 25px;
		z-index: 999;
	}

	.head-wgls{
		font-size: 7.5vw;
		font-weight: 600;
		margin-bottom: 0;
		text-align: center;
	}

	.wg-center{
		padding: 0 25px;
	}

	.wg-center p{
		font-size: 3.5vw;
    	font-weight: 400;
	}

	.wg-full{
/*		align-items: flex-end;*/
		padding-bottom: 0;
	}

	.vision-mission{
		padding-top: 65px;
		padding-bottom: 0px;
		align-items: start
	}

	.moride-title{
		font-size: 5.4vw;
		margin-bottom: 13px !important;
	}

	.menbox{
		margin-bottom: 43px;
		text-align: center;
	}

	.menbox p{
		font-size: 3.6vw;
		font-weight: 400;
	}

	.rid-line:after{
		width: 100%;
		height: 1px;
		right: unset;
		top: unset;
		bottom: 20px;
		left: 0;
	}

	.corela-core{
		margin-top: 2rem;
	}

	.corela-core .moride-title{
		margin-bottom: 2rem !important;
	}

	.box-mark{
		margin-bottom: 2rem;
	}

	#our-milestone{
		background: #f5f5f5;
	}

	.swi-glanding.swiper-button-prev{
		left: 25px;
	}

	.swi-glanding.swiper-button-next{
		right: 25px;
	}

	.mog-side{
		line-height: unset;
		font-size: 14vw;
	}

	.swi-glanding{
		top: 50%;
	}

	.milestoneSwiper .queloren{
		width: 90%;
	    font-size: 15px;
	    margin: 0 auto;
	    margin-top: 24px;
	}

	.swi-glanding{
		width: 45px;
    	height: 45px;
	}

	.br-tabs{
		flex-direction: column;
		row-gap: 5px;
	}

	.br-tabs,
	.boclas{
		font-size: 5.4vw;
	}

	.de-desc-commis{
		width: 100%;
		font-size: 3.8vw;
		margin-top: 36px;
	}

	.boclas.active:after{
		height: 4px;
	}

	.boclas{
		width: 75%;
    	margin: 0 auto;
	}

	.medium-carousel{
		width: 100%;
	}

	.paper-block img,
	.owl-querta .owl-item.active.center .paper-block img, .owl-querta .owl-item.centeride .paper-block img{
		width: 100%;
	}

	.owl-querta .owl-item.active.center{
		padding-bottom: 68px;
	}

	.board-commision{
		padding-top: 0;
		padding-bottom: 0;
	}

	.col-half {
    	margin-bottom: 25px;
	}

	.develop-partner{
		padding-bottom: 85px;
	}

	.board-color{
		height: 33px;
		bottom: 0px;
	}

	.boardname {
		text-align: center;
		width: 100%;
		position: absolute;
		top: unset;
		left: 0;
		color: #2B2B2B;
		line-height: 22px;
		bottom: -80px;
		z-index: 999;
	}

	.owl-querta .owl-nav button.owl-prev,
	.owl-querta .owl-nav button.owl-next{
		top: 34%;
	}

	.owl-querta .owl-stage-outer{
		padding-bottom: 20px;
	}

	.owl-querta .owl-nav button{
		height: 10vw;
    	width: 10vw;
	}

	.owl-querta .owl-nav button span{
		font-size: 8.7vw;
	}

	.paper-block{
		position: relative;
	}

	.owl-item.centeride .boardname{
		bottom: -77px;
	}

	.owl-item.centeride .board-color{
		bottom: 0;
	}

	.mtable {
		overflow-y: auto;
		width: 100%;
	}

	.neo-table{
		width: 600px;
	}


	.mtable::-webkit-scrollbar {
		height: 3px;
	}

	/* Track */
	.mtable::-webkit-scrollbar-track {
		background: none;
	}

	/* Handle */
	.mtable::-webkit-scrollbar-thumb {
		background: #D8D4D4;
	}

	.digitalization {
		padding-left: 20px;
		padding-right: 20px;
		background-position: center center !important;
	}

	.roud-digi{
		flex-direction: column;
	}

	.do-detail {
    	width: 100%;
	}

	.do-detail-x{
		font-size: 3.7vw;
		padding-right: 0;
	}

	.do-digital,
	.do-tour{
    	width: 100%;
	}

	.do-title-digi,
	.do-title-cleo{
		font-size: 6.4vw;
	}

	.do-navg:after{
		width: 72%;
	}


	#imageContainer {
      position: relative;
      width: 100%;
    }
    #fullscreenImg {
      width: 100%;
      height: auto;
      object-fit: contain;
    }

	.more-control{
		position: relative;
		display: flex;
	    align-items: center;
	    justify-content: center;
	}

	.btn-fullzoom{
		position: absolute;
		width: 55px;
		height: 55px;
		color: white;
		font-size: 5vw;
		border-radius: 100px;
		background-color: rgba(0, 0, 0, 0.69); 
		border: 0;
	}

	.title-mils{
		font-size: 5.5vw;
	}

	.wg-splinter .bread.crumb{
		margin-left: 0 !important;
	}

	.container-eight{
		width: 100% !important;
	}

	.container-eight h1{
		font-size: 6vw;
	}

	.container-eight p{
		text-align: justify;
	}

	.brightgroup{
		padding-bottom: 0;
		margin-bottom: 50px
	}

	.bl-to-img{
		height: 195px;
	}

	.residentbruck{
		background-color: var(--oh-light-structure);
		padding: 45px 18px;
	}

	.residentbruck .row:first-child .col-12:first-child .box-egg{
		padding-top: 30px;
	}

	.box-egg {
		border-bottom: 1px solid #AFAFAF;
		padding-bottom: 55px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		row-gap: 27px;
	}

	img.egg-img {
		filter: invert(0) grayscale(1);
		height: 18vh;
		width: 65%;
		object-fit: contain;
		margin: 20px 0;
	}

	.egg-title {
		font-weight: 700;
		color: #3D3D3D;
		font-size: 5.6vw;
		margin-bottom: 3px;
	}

	.egg-desc{
		font-weight: 500;
		color: #3D3D3D;
		font-size: 4.5vw;
	}

	.egg-card{
		background: none;
		border: 0;
	}

	.egg-trully .wg-center img{
		width: 95%;
	}

	.egg-trully .wg-center p{
		font-size: 3.9vw;
	}

	.egg-trully .head-wgls{
		font-size: 6.8vw;
		margin-bottom: 18px;
    	text-align: center;
	}

	.hot-xiu{
		padding: 0;
	}

	.hot-news-wrapp{
		width: 100%;
	}

	.hot-title-news{
		font-size: 4.4vw;
	}

	.hot-short-news{
		font-size: 3.8vw;
	}

	.news-article-swiper{
		padding-bottom: 30px;
	}

	.news-article-swiper .swiper-pagination{
		bottom: -2px;
	}

	.news-article-swiper .swiper-pagination .swiper-pagination-bullet-active{
		background-color: var(--oh-blue-variant);
	}

	.news-article-swiper .nanav{
		display: none;
	}

	section.banner-news .mix-title {
		font-size: 7.5vw;
	}

	.noc-title-news{
		font-size: 3.98vw;
	}

	.noc-bl-short{
		font-size: 3.5vw;
	}

	.elipsing{
		margin-bottom: 20px;
	}

	.bul-stripbanner {
		width: 100%;
		text-align: center;
		padding: 0px 15px;
	}

	.bul-stripbanner .head-wgls{
		margin-bottom: 17px;
	}

	.contacts{
		top: unset;
		bottom: 17%;
	}

	.btn-contact{
		height: 35px;
    	width: 35px;
    	font-size: 4vw;
	}

	.swap-lines,
	.widthlys{
		width: 92%;
	}

	.swipeOurCore {
    	padding: 0;
	}

	.swipeOurCore .nanav{
		display: none;

	}

	.swipeOurCore .swiper-pagination{
		bottom: -6px;
	}

	.swipeOurCore .swiper-pagination .swiper-pagination-bullet-active{
		background-color: var(--oh-blue-variant);
	}

	.exprax-np{
		width: 103px;
	}

	.exprax-np .nanav{
		height: 45px;
    	width: 45px;
	}

	.swiperBenefit {
		padding-left: 8.3vw;
	}

	.widthlys{
		flex-direction: column;
		margin-bottom: 1.5rem;
	}

	.widthlys h1 p{
		line-height: 42px;
	}

	.bb-title{
		font-size: 5.1vw;
	}

	.bb-pragraph{
		font-size: 3.8vw;
	}

	.title-to-feel{
		font-size: 5.8vw;
		margin-bottom: 3rem;
	}

	.life-at{
		padding-top: 22px;
	}

	.swipe-mini {
    	width: 100%;
	}

	.ast-count .col{
		width: 88%;
		max-width: 88%;
    	flex: 1;
    	margin: 0 auto;	
	}

	#counterSection.ast-count{
		height: auto;
		padding-bottom: 50px;
		background-position: center center !important;
	}

	#counterSection.ast-count .row{
		flex-direction: column;
		row-gap: 25px;
	}

	.gof-counted{
		font-size: 8.3vw;
	}

	.gof-construct{
		font-size: 3.6vw;
	}

	.mobile-navbar{
		padding: 12px 0;
		transition: .3s ease-in-out;
		z-index: 99991;
	}

	#nav-icon3{
		width: 31px;
    	height: 18px;
		position: relative;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	#nav-icon3 span{
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: white;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}


	#nav-icon3 span:nth-child(1) {
		top: 0px;
	}

	#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
		top: 7px;
	}

	#nav-icon3 span:nth-child(4) {
		top: 15px;
	}

	#nav-icon3.open span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	#nav-icon3.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#nav-icon3.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#nav-icon3.open span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	.brand-logo{
		width: 83%;
    	height: 47px;
	}

	.colored-mobile.mobile-navbar,
	.nine-destination.mobile-navbar{
		transition: 0.3s ease-in-out;
		background-color: white;
		padding: 5px 0 !important;
		background: rgba(255, 255, 255, 0.80);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}

	.brand-logo._logo-color{
		display: none;
	}

	.colored-mobile.mobile-navbar .brand-logo._logo-white,
	.nine-destination.mobile-navbar .brand-logo._logo-white{
		display: none;
	}

	.colored-mobile.mobile-navbar .brand-logo._logo-color,
	.nine-destination.mobile-navbar .brand-logo._logo-color{
		display: block;
	}

	.colored-mobile.mobile-navbar #nav-icon3 span,
	.nine-destination.mobile-navbar #nav-icon3 span{
		background: var(--oh-blue-variant);
	}

	.colored-mobile.mobile-navbar{
		padding: 5px 0;
		transition: .3s ease-in-out;
	}

	.menu-mobile {
	  position: fixed;
	  background: var(--oh-blue-variant);
	  bottom: 0;
	  top: 0;
	  left: 0;
	  right: 0;
	  z-index: 9991;
	  padding: 100px 25px;
	  display: none;
	  overflow-y: auto;
	}
	
	.menu-mobile::-webkit-scrollbar {
	  width: 4px;
	}
	/* Track */
	.menu-mobile::-webkit-scrollbar-track {
	  background: #085ca1; 
	}
	/* Handle */
	.menu-mobile::-webkit-scrollbar-thumb {
	  background: #085ca1; 
	}
	/* Handle on hover */
	.menu-mobile::-webkit-scrollbar-thumb:hover {
	  background: #085ca1; 
	}

	.finder-mobile{
		padding-left: 13px;
		margin-top: 35px;
	}

	.accord-menu .accordion-button{
		padding: 10px 0;
		border: 0;
		border-radius: 0 !important;
		background: none;
		box-shadow: none;
		color: white;
		font-size: 4.2vw;
    font-weight: 500;
	}

	.accord-menu .accordion-item{
		background-color: transparent;
		border: 0;
	}

	.accord-menu .accordion-body{
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
	}

	.accord-menu .accordion-body ul{
		padding: 0;
	}

	.accord-menu .accordion-body ul li{
		list-style: none;
		margin-bottom: 10px;
	}

	.accord-menu .accordion-body ul li a{
		text-decoration: none;
		color: white;
		font-size: 3.8vw;
	}

	.wl-list{
		padding: 0;
		margin-top: 10px;
	}

	.wl-list li{
		list-style: none;
		margin-bottom: 16px;
	}

	.wl-list li a{
		text-decoration: none;
		font-size: 4.2vw;
		font-weight: 500;
		color: white;
	}

	.asto-job img{
		width: 100%;
    height: 32vh;
    object-fit: cover;
    border-radius: 10px;
	}

	.astro-short{
		width: 100%;
	}

	.noc-paginate{
		width: fit-content;
		margin-top: 0;
    	margin-bottom: 0;
	}

	.noc-paginate a,
	.noc-paginate strong{
		font-size: 13px;
	}

	.asto-job{
		width: 100%;
		display: flex;
    flex-direction: column;
    row-gap: 15px;
	}

	.asto-title{
		font-size: 4.6vw;
		margin-bottom: 5px;
	}

	.astro-date{
		font-size: 3.8vw;
		margin-bottom: 0;
	}

	.astro-desc{
		font-size: 3.8vw;
    margin-top: 11px;
	}

	.sub-head .sub-had,
	button.to-clear{
		font-size: 5vw;
	}

	.sub-cordion .accordion-button{
		font-size: 3.88vw;
	}

	.sub-cordion .accordion-button::after{
		background-size: 15px;
		width: 18px;
		height: 14px;
	}

	input.sub-search,
	.sub-checklist,
	.sub-locator input,
	button.btn-job-src,
	.sub-shower,
	select.sorty,
	.octopus.breadcrumb,
	.jb-to-title,
	.jb-detail p, .jb-detail ul li, .jb-detail span,
	.jb-list li,
	.btn-to-apply,
	.relate-title,
	.jm-head,
	.crosside,
	h5.title-gh,
	.garden-body .molid-text,
	.street-gh,
	.spec-gh li,
	.gld-residence-name,
	.link-residence,
	.st-price,
	.choir-facilities li,
	.deal-price,
	.book-vwa, .contus,
	.soshare,
	.bo-shared{
		font-size: 3.5vw;
	}

	.sub-finder-wrapper {
    margin-top: 2rem;
	}

	.group-input{
		flex-direction: column;
    row-gap: 10px;
	}

	.sbs-med, .sub-locator {
    width: 100%;
	}

	.sbs-med:after{
		content: unset;
	}

	.sub-locator svg{
		left: 9px;
	}

	.sub-locator input{
		padding-left: 18px;
	}

	button.btn-job-src{
		width: 100%;
		padding: 13px 21px;
	}

	.sbs-med{
		padding-right: 0;
	}

	.octopus ul li,
	.octopus ul li a,
	.xorex-midd span{
		font-size: 13px !important;
	}

	.job-detail .octopus.breadcrumb{
		left: 20px;
		right: 20px;
		padding: 11px 20px;
	}

	.jb-title{
		font-size: 4.5vw;
	}

	section.job-detail{
		padding-left: 10px;
    padding-right: 10px;
	}

	.jb-list{
		flex-direction: column;
		align-items: flex-start;
    text-align: left;
	}

	.jb-add-data,
	.jm-pref svg,
	.street-gh svg,
	.spec-gh li svg,
	.choir-facilities li svg,
	.link-residence svg,
	.book-vwa svg, .contus svg,
	.bo-shared svg{
		height: 3.8vw;
		width: 3.8vw;
	}

	.jb-list li{
		margin-bottom: 8px;
	}

	.jm-mini-head,
	.jm-pref,
	.jm-to,
	.share-job{
		font-size: 3.4vw;
	}

	.jm-to{
		height: 8.3vw;
	}

	.finder-slide,
	.finder-desc{
		width: 100%;
	}

	.desc-finder{
		margin-bottom: 1rem;
	}

	.swipeSlide{
		padding-left: 0;
		margin-top: -326px;
	}

	.swipnes{
		z-index: 999;
	}

	.promotion-event{
		padding-top: 58px !important;
	}

	.tab-finder{
		width: 100%;
		column-gap: 13px;
	}

	.tab-finder li button{
		height: 56px;
		font-size: 13px;
	}

	.tabing-menu-finder{
		padding-top: 45px;
    padding-bottom: 45px;
	}

	.fn-group-imge .breadcrumb ul li a{
		font-size: 3.2vw !important;
	}

	._big-img {
		height: 30vh;
	}

	.progweight{
		margin-bottom: 30px;
	}

	.swip-link{
		margin-bottom: 30px;
	}

	.gld-img-residence{
		height: 12vw;
    width: 12vw;
	}

	.soshare{
		width: 7vw;
    height: 7vw;
	}

	.search-finder {
	  background: white;
	  width: 95%;
	  border-radius: 100px;
	  padding: 10px 10px;
	  margin: 0 auto;
	  position: absolute;
	      bottom: 220px;
	  column-gap: 12px;
	  z-index: 9;
	}

	button.put-search,
	.btn-shorted{
		width: 50px;
    height: 50px;
	}

	button.put-search svg,
	.btn-shorted svg{
		margin-right: 0;
	}

	.btn-shorted{
		border: 0;
		background-color: var(--oh-blue-variant);
		border-radius: 100px;	
	}

	.form-group.sb-form{
		width: 67%;
		border: 0;
	}

	.mo-blood select{
		border-radius: 100px;
		height: 48px;
		border-radius: 100px;
		font-size: 3.5vw;
		padding: 0 20px;
	}

	.mo-blood {
		display: flex;
		flex-direction: column;
		row-gap: 15px;
		margin-bottom: 17px;
	}

	input.form-control.sc-form{
		height: 48px;
	}

	.mo-blood .put-search.searching{
		width: 100%;
	}

	.dov-form-search {
		width: 97%;
	}

	.dov-xmax{
		justify-content: flex-start;
		margin-top: 12px;
	}

	.dov-xmax button{
		width: 100%;
	}

	button.dov-btn-dov{
		width: 14%;
	}

	.oh-slider {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
/*		background-color: #053862;*/
	}
	
	.oh-multiflex .oh-slider{
		bottom: -30px;
	}

	.oh-wood-head:after{
		bottom: -164px;
	}

	.thumdex{
		width: 100% !important;
	}

	.thumbAwards {
    padding: 0;
    padding-left: 33px;
    padding-right: 33px;
	}

	.thumbAwards .swiper-wrapper {
		column-gap: unset;
		padding: unset;
	}

	.mancer-neward{
		height: 30px;
		width: 30px;
		top: 63%;
	}

	.mugenmage{
		width: 90%;
    margin: 0 auto;
	}

	.mugenmage p{
		text-align: justify;
	}
	
	.forScreenFull img{
		width: 100%;
		transform: scale3d(2, 2, 1.5) rotate(90deg);
	}
	
	button.time-exit{
	  background-color: #2b3d80;
	  border: 0;
	  height: 30px;
	  width: 30px;
	  border-radius: 100px;
	  position: absolute;
	  bottom: 20px;
	  right: 25px;
	  color: white;
  	}
	
	h1.block-info {
	  font-size: 6vw;
	  padding: 0;
	  margin-left: 21px;
   }
   
   .oh-navigates{
   	  height: 40px;
      width: 40px;
   }
   
   .oh-navigates.swiper-button-next {
   	   left: 55px;	
   }
   
   .oh-wrapvigation:after{
   		top: 52px;
		left: 107px;
   }
   
   .oh-insight{
   		padding-top: 53px;
    	padding-bottom: 53px;
   }
   
   .oh-migbold{
   		border-radius: 15px;
   }
   
   .wrapless-mobile .accordion-button::after{
   		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" fill="none"><path d="M469.68 163.28L435.76 129.36C435.016 128.61 434.131 128.015 433.156 127.608C432.181 127.202 431.136 126.993 430.079 126.993C429.023 126.993 427.978 127.202 427.003 127.608C426.028 128.015 425.143 128.61 424.4 129.36L256.4 297.36L88.3995 129.36C87.6558 128.61 86.771 128.015 85.7961 127.608C84.8213 127.202 83.7756 126.993 82.7195 126.993C81.6634 126.993 80.6178 127.202 79.6429 127.608C78.668 128.015 77.7832 128.61 77.0395 129.36L42.3195 163.28C41.5697 164.023 40.9745 164.908 40.5684 165.883C40.1622 166.858 39.9531 167.903 39.9531 168.96C39.9531 170.016 40.1622 171.061 40.5684 172.036C40.9745 173.011 41.5697 173.896 42.3195 174.64L250.32 382.64C251.063 383.389 251.948 383.985 252.923 384.391C253.898 384.797 254.943 385.006 256 385.006C257.056 385.006 258.101 384.797 259.076 384.391C260.051 383.985 260.936 383.389 261.68 382.64L469.68 174.64C470.429 173.896 471.024 173.011 471.431 172.036C471.837 171.061 472.046 170.016 472.046 168.96C472.046 167.903 471.837 166.858 471.431 165.883C471.024 164.908 470.429 164.023 469.68 163.28Z" fill="white"/></svg>');
		width: 12px;
    	height: 12px;
		background-size: 12px
   }
   
   .mobile-navbar.whrChanged{
   	background-color: transparent;
		padding: 12px 0 !important;
		z-index: 9992;
   }
   
   .mobile-navbar.whrChanged ._logo-color{
   		display: none !important;
   }
   
   .mobile-navbar.whrChanged ._logo-white{
   		display: block !important;
   }
   
   .mobile-navbar.whrChanged #nav-icon3 span{
   		background: white !important;
   }
   
   .wg-splinter{
   		padding-top: 45px;
   }

   .article-news .col-md-4{
   	padding-left: 0 !important;
   	padding-right: 0 !important;
   }
   .finder-block {
    display: block;
	height:666px;
}
   .swipnes{
   	height: 40px;
   	width: 40px;
   	top: 716px;
   }
   .wrapper-distort {
    padding: 0 0px; 
	}
   .swipeSlide .swiper-slide {
    padding: 40px;
	}
   .swiper-button-next.swipnes{
   		right: 30px;
   }
   
   .swiper-button-prev.swipnes{
   		left: 30px;
   }
	.swipto {
     position: static;
	}
  section.sector-wondering {
    padding-top: 0;
	}

	.box-vid-ouklen{
		padding-left: 0;
    padding-right: 0;
	}

	.box-vid-ouklen iframe {
    height: 15rem;
	}

	.b-title{
		width: 100%;
		margin-top: 10px;
	}

	.vidNext, .vidPrev{
		width: 40px;
		height: 40px;
		top: unset;
		bottom: 10px;
	}

	.vidPrev{
    right: 58px !important;
    left: unset !important;
	}

	.CareerVideo{
		padding-bottom: 60px;
		margin-bottom: 6rem;
	}

	img.wom-cols {
	    width: 100%;
	    height: 14rem;
	    object-fit: cover;
	    margin-bottom: 25px;
	    border-radius: 10px;
	}

	.exprax-title{
		font-size: 5.8vw;
    width: 100%;
	}

	.exprax-title p{
		line-height: 34px !important;
	}
	
	div.lb-dataContainer{
		padding-top: 18px;
	}
	
	
	div.lb-data .lb-close{
		position: unset;
		width: 18px;
    	height: 18px;
		background-positon: center center;
		background-size: cover;
	}

}

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

	.tab-finder{
		 column-gap: 4px;
	}
	
	.finder-block{
		height: auto;
		min-height: 666px;
	}
	
	.swipeSlide {
		margin-top: -355px;
	}
	
	.img-graped{
		height: 100%;
	}
	.swipnes{
   	height: 40px;
   	width: 40px;
   	top: 716px;
   }
   
   .swipeSlide .swiper-slide {
    padding: 50px;
	}
   .swiper-button-next.swipnes{
   		right: 30px;
   }
   
   .swiper-button-prev.swipnes{
   		left: 30px;
   }
   
     .wrapper-vs {
    	margin-bottom: 0;
   }
   
   .menbox{
   		margin-bottom: 24px;
   }
   
   .vs-grand,
   .vbg-integrity:hover,
   .vbg-legacy:hover,
   .vbg-fun:hover,
   .vbg-expert:hover{
	  width: 170px;
	  height: 170px;
   }
   
   .vs-middle {
	  width: 110px;
	  height: 110px;
	  font-size: 17px;
	  top: 138px;
	}

	.vbg-legacy,
	.vbg-integrity,
	.vbg-legacy:hover,
	.vbg-integrity:hover{
		top: 33px;
	}

	.vbg-legacy,
	.vbg-fun,
	.vbg-fun:hover,
	.vbg-legacy:hover{
		left: 10px;
	}
	
	.vs-detail h5 {
	    font-size: 18px;
	}

	.vs-detail p {
		font-size: 10px;
	}
	
	.vbg-integrity .vs-detail, .vbg-expert .vs-detail{
    padding: 25px;
    text-align: center;
	}

	.vbg-expert .vs-detail p,
	.vbg-fun .vs-detail p{
	   margin-bottom: 0;
	}
	
	.vision-mission{
		height: 104vh;
	}
   
}

 @media screen and (orientation:landscape) {
 	button.time-exit{
	  background-color: #2b3d80;
	  border: 0;
	  height: 30px;
	  width: 30px;
	  border-radius: 100px;
	  position: absolute;
	  top: 25px;
	  right: 25px;
	  color: white;
  	}
	
	.forScreenFull.mobile-view-flex{
		display: flex;
	}
	
	body.rotates{
		transform: rotate(90deg);
	}

	.changedLang{
		padding: 0;
		margin: 0;
		margin-bottom: 15px;
	}

	.changedLang li{
		display: inline-block;
		margin-right: 10px;
	}

	.changedLang li a{
		text-decoration: none;
	}
	

 }

@media screen and (max-width: 1024px){
	.forScreenFull{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: white;
		z-index: 9999;
		padding: 25px;
		align-items: center;
	}
}

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

	a.extend-label{
		margin-top: 30px;
		display: block;
		width: fit-content;
		margin-bottom: 9px;
		color: #F26A21!important;
	}
	
	ul.parent-menu {
	  margin-bottom: 38px;
	  margin-top: -10px;
	}

	.oh-mini-container {
    padding-right: var(--bs-gutter-x, 5vw);
    padding-left: var(--bs-gutter-x, 5vw);
	}

		#nav-icon3{
		width: 31px;
    	height: 18px;
		position: relative;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	#nav-icon3 span{
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: white;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}


	#nav-icon3 span:nth-child(1) {
		top: 0px;
	}

	#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
		top: 7px;
	}

	#nav-icon3 span:nth-child(4) {
		top: 15px;
	}

	#nav-icon3.open span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	#nav-icon3.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#nav-icon3.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#nav-icon3.open span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
	
	.oh-nav{
		display: none;
	}

	.mobile-navbar{
		display: flex;
	}

	.oh-child-head{
		font-size: 2.6vw;
		line-height: 34px;
	}

	button.oh-conrow,
	.oh-haku{
		font-size: 1.6vw;
	}

	.oh-wood-head{
		padding-top: 5rem;
	}

	.insightFormation,
	.block-info{
		width: 90%;
	}

	.oh-navigates{
		height: 40px;
    width: 40px;
	}

	.oh-navigates.swiper-button-next {
    left: 55px;
	}

	.oh-wrapvigation:after{
		top: 53px;
    left: 114px;
	}

	.hang-fix img{
		height: 9vw;
	}

	.oh-head-mig,
	.oh-head-mig img{
		height: 174px;
	}

	.mobile-navbar .container{
		max-width: 90%;
	}

	.oh-wrapper .oh-sindex p{
		font-size: 1.7vw;
    line-height: 24px;
	}

	.menbox p,
	.head-mark p,
	.queloren p,
	.de-desc-commis p,
	.egg-trully .wg-center p
	.egg-desc,
	.egg-short-desc p{
		font-size: 1.5vw;
	}

	.head-mark p span{
		background-color: transparent !important;
	}

	.moride-title,
	.head-mark h4,
	.br-tabs,
	.br-tabs a,
	.egg-title{
		font-size: 2.5vw;
	}

	.box-mark{
		height: 45vh;
	}

	.mark-life{
		height: 7vw;
	}

	.head-mark p{
		line-height: 21px;
	}

	.milestoneSwiper .queloren{
		height: 65px;
	}

	.board-commision, .organize-structure{
		padding: 57px 0;
	}

	.board-title{
		font-size: 11px;
	}

	.board-names{
		font-size: 17px;
	}

	.board-profession{
		font-size: 12px;
	}

	.boardname{
		width: 87%;
		top: 35%;
		left: -121px;
	}

	.owl-querta .owl-nav button{
		height: 4.8vw;
    width: 4.8vw;
	}

	.owl-querta .owl-nav button.owl-next,
	.owl-querta .owl-nav button.owl-prev{
		top: 38%;
	}

	.owl-querta .owl-nav button span{
		font-size: 3.7vw;
	}

	.col-half{
		width: 30%;
	}

	.do-navg:after{
		width: 80%;
	}

	.wg-splinter{
		display: none;
	}

	.residentbruck{
		display: block;
	}

	.residentbruck .col-12{
		width: 50%;
	}

	.residentbruck{
		background-color: var(--oh-light-structure);
		padding: 45px 18px;
	}

	.box-egg {
		border-bottom: 1px solid #AFAFAF;
		padding-bottom: 55px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		row-gap: 27px;
	}

	img.egg-img {
		filter: invert(0) grayscale(1);
		height: 18vh;
		width: 65%;
		object-fit: contain;
		margin: 20px 0;
	}

	.egg-title {
		font-weight: 700;
		color: #3D3D3D;
		margin-bottom: 3px;
	}

	.egg-desc{
		font-weight: 500;
		color: #3D3D3D;
	}

	.egg-card{
		background: none;
		border: 0;
	}

	.egg-trully .wg-center img{
		width: 41%;
	}

	.egg-trully .head-wgls{
		font-size: 6.8vw;
		margin-bottom: 18px;
    	text-align: center;
	}

	.wg-nowpromotion{
		width: 88%;
	}

	.wom-cols {
		margin-bottom: 20px;
		border-radius: 11px;
	}

	.colored-mobile.mobile-navbar,
	.nine-destination.mobile-navbar{
		background-color: white;
	}

	.brand-logo._logo-color{
		display: none;
	}

	.colored-mobile.mobile-navbar .brand-logo._logo-white,
	.nine-destination.mobile-navbar .brand-logo._logo-white{
		display: none;
	}

	.colored-mobile.mobile-navbar .brand-logo._logo-color,
	.nine-destination.mobile-navbar .brand-logo._logo-color{
		display: block;
	}

	.colored-mobile.mobile-navbar #nav-icon3 span,
	.nine-destination.mobile-navbar #nav-icon3 span{
		background: var(--oh-blue-variant);
	}

	.colored-mobile.mobile-navbar{
		padding: 5px 0;
		transition: .3s ease-in-out;
	}

	.menu-mobile {
	  position: fixed;
	  background: var(--oh-blue-variant);
	  bottom: 0;
	  top: 0;
	  left: 0;
	  right: 0;
	  z-index: 9991;
	  padding: 100px 25px;
	  display: none;
	  overflow-y: auto;
	  padding-top: 150px;
	}
	
	.menu-mobile::-webkit-scrollbar {
	  width: 4px;
	}
	/* Track */
	.menu-mobile::-webkit-scrollbar-track {
	  background: #085ca1; 
	}
	/* Handle */
	.menu-mobile::-webkit-scrollbar-thumb {
	  background: #085ca1; 
	}
	/* Handle on hover */
	.menu-mobile::-webkit-scrollbar-thumb:hover {
	  background: #085ca1; 
	}

	.finder-mobile{
		padding-left: 13px;
		margin-top: 35px;
	}

	.accord-menu .accordion-button{
		padding: 10px 0;
		border: 0;
		border-radius: 0 !important;
		background: none;
		box-shadow: none;
		color: white;
		font-size: 4.2vw;
    font-weight: 500;
	}

	.accord-menu .accordion-item{
		background-color: transparent;
		border: 0;
	}

	.accord-menu .accordion-body{
		padding-top: 0;
		padding-bottom: 0;
	}

	.accord-menu .accordion-body ul{
		padding: 0;
	}

	.accord-menu .accordion-body ul li{
		list-style: none;
		margin-bottom: 10px;
	}

	.accord-menu .accordion-body ul li a{
		text-decoration: none;
		color: white;
		font-size: 21px;
	}

	.wl-list{
		padding: 0;
		margin-top: 10px;
	}

	.wl-list li{
		list-style: none;
		margin-bottom: 16px;
	}

	.wl-list li a{
		text-decoration: none;
		font-size: 4.2vw;
		font-weight: 500;
		color: white;
	}
	.mobile-navbar.whrChanged{
   	background-color: #085ca1;
		padding: 12px 0 !important;
		z-index: 9992;
   }
   
   .mobile-navbar.whrChanged ._logo-color{
   		display: none !important;
   }
   
   .mobile-navbar.whrChanged ._logo-white{
   		display: block !important;
   }
   
   .mobile-navbar.whrChanged #nav-icon3 span{
   		background: white !important;
   }

   .menu-mobile.show{
   	display: block;
   }

   .mobile-navbar{
   	padding: 12px 0;
   	transition: .3s ease-in-out;
   	z-index: 9992;
   }
   
}
@media screen and (max-height: 600px) {
    .search-finder2 {
        bottom: 171px;
    }
	.mix-title2{
		top: 10px;
    	position: relative;
	}
}