@media screen and (min-width: 1910px){
	.mod-megamenu{
    	/*width: 42rem;*/
    }
}

@media screen and (min-width: 1280px) and (max-width: 1537px){
	.oh-wood-head, .woo-mobile{
    	padding-top: 5rem;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1930px){

	/*.wrl-grows.tpaddingRight{
    	padding-right: 80px;
    }
    
    .wrl-grows.tpaddingLeft{
    	padding-left: 150px;
    }*/

	/*real size in px 48px*/
    .oh-wood-head h1, .oh-text-sustaind h1, .block-info, .oh-child-head,
    .oh-text-sustaind h1 p{
    	font-size: 2.500vw;
        font-weight: 600;
    }
    
    /*real size in px 16px*/
    /*.redefine-sec .oh-haku,
    .oh-text-sustaind p{
    	font-size: 0.833vw;
    }*/
    
    /*real size in px 15px*/
    /*button.oh-conrow{
    	font-size: 0.781vw;
    }*/
}

@media screen and (min-width: 1279px) and (max-width: 1700px){
	.mod-megamenu{
    	width: 44rem;
    }
    
    .mouse .mod-megamenu {
    	width: 47rem;
	}
}

@media screen and (min-width: 1279px) and (max-width: 1620px){
	.mod-megamenu{
    	width: 44.3rem;
    }
}

@media screen and (min-width: 1279px) and (max-width: 1580px){
	.mod-megamenu{
    	width: 44.7rem;
    }
    
    .mouse .mod-megamenu {
    	width: 47.8rem;
	}
}

@media screen and (min-width: 1279px) and (max-width: 1506px){
	.mod-megamenu{
    	width: 45rem;
    }
}

@media screen and (min-width: 1279px) and (max-width: 1477px){
	.mod-megamenu{
    	width: 45.5rem;
    }
    
    .mouse .mod-megamenu {
    	width: 48.5rem;
	}
}

@media screen and (min-width: 1279px) and (max-width: 1450px){
  .box-vid-ouklen {
      padding-left: 0;
      padding-right: 0;
  }
  
  .b-title{
  	 width: 90%;
  }
  
  .box-vid-ouklen iframe{
  	 height: 31rem;
  }
}

@media screen and (min-width: 1279px) and (max-width: 1400px){
	.mod-megamenu{
    	width: 45.8rem;
    }
    
    .oh-container {
      padding-right: var(--bs-gutter-x, 2rem) !important;
      padding-left: var(--bs-gutter-x, 2rem) !important;
	}
}

@media screen and (min-width: 1279px) and (max-width: 1370px){
	.mod-megamenu{
    	width: 46.5rem;
    }
    
    .mouse .mod-megamenu {
    	width: 49rem;
	}
}

@media screen and (min-width: 1280px) and (max-width: 1399px){
	.vbg-integrity,
    .vbg-expert{
    	right: 0;
    }
    
    .vbg-integrity:hover{
    	right: -38px;
    }
    
    .vbg-expert:hover{
    	right: -11px;
    }
    
    .vbg-legacy,
    .vbg-fun{
    	left: 49px;
    }
    
    .vbg-legacy:hover{
    	left: 1px;
    }
    
    .vbg-fun:hover{
    	left: -1px;
    }
    
    .vs-middle{
    	right: 170px;
    	top: 160px;
    }
    
    .vs-detail h5 {
      font-size: 26px;
	}
    
    .vs-detail p{
    	font-size: 13px;
    }
    
    a.btn.btn-ohtrue{
    	font-size: 13px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1601px) {
    :root {
        --head-size: 12px;
    }

    .oh-container {
        padding-right: var(--bs-gutter-x, 4rem);
        padding-left: var(--bs-gutter-x, 4rem);
    }
    
    .oh-list-menu li a{
    	font-size: 12px;
    }
    
    .oh-wrapper .oh-sindex p{
    	font-size: 15px;
    }
    
    .big-price{
    	font-size: 15px;
    }
    
    .btn-12 span,
    .btn-12{
        height: 2.8vw;
    }

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

    .oh-ls-head li a,
    .oh-haku{
        /*font-size: 1.2vw;*/
        font-size: 15px;
    }
    
    .oh-dartlite p,
    a.btn.btn-readmore{
        font-size: 1vw;
    }

    .wg-list li a{
        font-size: 1vw;
    }

    .wg-nowpromotion{
        width: 60%;
    }

    button.oh-conrow{
        /*font-size: 1.1vw;*/
        font-size: 13px;
    }

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

    .oh-dedate{
        font-size: .9vw;
    }

    .menbox p{
        font-size: 1vw;
    }

    .head-mark p{
        font-size: 1vw;
        line-height: 24px;
    }

    .head-mark h4{
        font-size: 1.45vw;
    }

    .mark-life{
        height: 14vh
    }

    .milestoneSwiper .queloren{
        font-size: 0.99vw;
    }
    
    .checkmark{
    	height: 18px;
    	width: 18px;
    }

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

    .block-mugen{
        font-size: .7vw;
    }

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

    .hot-au-dt h5{
        font-size: .96vw;
    }

    .hot-date{
        font-size: .93vw;
    }

    .hot-author img{
        height: 3vw;
        width: 3vw;
    }

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

    .dov-group label,
    select.dov-form-control,
    .dov-control-search{
        font-size: 1vw;
    }

    a.news-read{
        font-size: .98vw;
    }

    .book-vwa,
    .contus{
        margin-bottom: 11px;
    }

    .wg-midd{
        padding-right: 21px
    }
    
    .wrapper-built-future{
    	width: 90%;
    }
    
    .hors-init{
    	font-size: 38px;
    }
    
    .wg-splinter h1{
    	font-size: 38px;
    }
    
    .head-wgls,
    .exprax-title, .exprax-title p,
    .title-to-feel{
    	font-size: 35px;
    }
}

@media screen and (min-width: 1270px) and (max-width: 1681px){
	.exprax-title, .exprax-title p,
    .title-to-feel{
    	font-size: 1.963vw;
    }
    
    .head-wgls{
    	font-size: 40px;
    }
    
    .life-at{
    	padding-top: 150px;
    }
    
    .desc-finder{
    	height: 150px;
        overflow-y: auto;
        padding-right: 10px;
    }
    
    .desc-finder::-webkit-scrollbar {
      width: 3px;
    }

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

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

@media screen and (min-width: 1280px) and (max-width: 1593px){
	.wrl-grows.tpaddingRight{
    	padding-right: 13%;
    }
    
    .wrl-grows.tpaddingLeft{
    	padding-left: 15%;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1545px){
	
   	.wrl-grows.tpaddingRight{
    	padding-right: 18%;
    }
    
   	.wrl-grows.tpaddingLeft{
    	padding-left: 18%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1535px){
    .board-title{
        font-size: .8vw;
    }

    .board-names{
        font-size: 1.1vw;
    }

    .board-profession {
        font-size: .9vw;
    }

    .br-tabs{
        font-size: 2.6vw;
    }

    .boardname{
        line-height: 20px;
    }

    .de-desc-commis{
        font-size: 1.1vw;
    }

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

    .wg-break{
        width: 20rem;
        height: 19rem;
    }

    .wrl-grows:hover .wg-midd{
        width: 24vw;
    }

    .wrl-grows:hover .wg-midd-nutra{
        width: 30vw;
    }

   /* .wrl-grows.wl-left,
    .wrl-grows.tpaddingLeft{
        margin-left: 355px;
    }

    .wrl-grows.wl-right,
    .wrl-grows.tpaddingRight{
        margin-right: 355px;
    }*/

    .searcbox{
        height: 89px;
        /*width: 88%;*/
        padding: 23px 33px;
    }

    .searcbox .form-select{
        width: 18%;
        font-size: .99vw;
        background-size: 0.89vw;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1478px){

   	.wrl-grows.tpaddingLeft{
    	padding-left: 24%;
    }
    
}


@media screen and (min-width: 1280px) and (max-width: 1408px){

   	.wrl-grows.tpaddingLeft{
    	padding-left: 30%;
    }
    
    .wrl-grows.tpaddingRight{
    	padding-right: 26%;
    }
    
}

@media screen and (min-width: 1024px) and (max-width: 1440px){
    .wg-maginer {
        margin-top: 6%;
    }

    .wg-notex p{
        font-size: .96vw;
    }

    .moride-title{
        font-weight: 700;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1400px){
	.wrapper-built-future {
    	width: 96%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1450px){
	button.btn-job-src{
    	width: 25%;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1360px){

   	.wrl-grows.tpaddingLeft{
    	padding-left: 36%;
    }
    
    .wrl-grows.tpaddingRight{
    	padding-right: 34%;
    }
    
}

@media screen and (min-width: 1280px) and (max-width: 1306px){

   	.wrl-grows.tpaddingLeft{
    	padding-left: 40%;
    }
    
    .wrl-grows.tpaddingRight{
    	padding-right: 37%;
    }
    
}

@media screen and (min-width: 1280px) and (max-width: 1353px){
	.branded-for a,
    .branded-for a .oh-logo{
    	width: 13vw;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1336px){
	.branded-for a,
    .branded-for a .oh-logo{
    	width: 10vw;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px){
    
    .oh-insight .swiper-slide{
        width: 285px;
    }

}

@media screen and (min-height: 500px) and (max-height: 880px){
	div.bb-bookblock{
    	height: 29.8rem;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1460px){
	.oh-list-menu li a,
    select.lang{
    	font-size: 11px;
	}
}

@media only screen and (max-width :767px){
  .do-hover {
      justify-content: center;
      width: 100%;
  }
}

@media screen and (max-height: 900px){
	.finder-block{
    	height: 85vh;
    }
    
    button.btn-morfo,
    .desc-finder{
    	font-size: 14px;
    }
    
    .swipto{
    	margin: 0 29px 0 auto;
        margin-bottom: 42px;
    }
}

@media screen and (max-height: 800px){
	.finder-block {
    	height: 95vh;
	}
    
    .finder-desc{
    	width: 34%;
    }

}

@media screen and (max-height: 650px){
	.swipto {
    	margin: 0 29px 65px auto;
        margin-bottom: 42px;
	}
    
    .finder-desc {
    	width: 44%;
        margin-bottom: 0;
	}
    
    .swipeSlide{
    	margin-top: -350px;
    }
    
    .img-graped{
    	height: 25vh;
    }
    
    .oh-wood-head{
    	padding-top: 3rem;
    }
}

@media screen and (max-width: 1440px) and (max-height: 750px){
	.oh-wood-head{
    	padding-top: 4rem;
    }
    
    .oh-wood-head h1, .oh-text-sustaind h1, .block-info, .oh-child-head, .oh-text-sustaind h1 p{
    	font-size: 2.300vw
    }
}

@media screen and (max-width: 1440px) and (max-height: 780px){
	.oh-wood-head{
    	padding-top: 5rem;
    }
    
    .oh-wood-head h1, .oh-text-sustaind h1, .block-info, .oh-child-head, .oh-text-sustaind h1 p{
    	font-size: 2.400vw
    }
}

@media screen and (max-width: 1440px) and (max-height: 650px){
	.oh-wood-head{
    	padding-top: 3rem;
    }
    
    .oh-wood-head h1, .oh-text-sustaind h1, .block-info, .oh-child-head, .oh-text-sustaind h1 p{
    	font-size: 2.300vw
    }
}

@media screen and (max-width: 1500px) and (max-height: 555px){
	.oh-wood-head{
    	padding-top: 5rem;
    }
    
    .oh-multiflex:before {
        content: "";
        background: linear-gradient(180deg, #FFF 24.9%, rgba(255, 255, 255, 0.00) 43.87%);
        width: 100%;
        height: 200px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9;
    }
}

@media screen and (max-width: 1440px){
    .oh-wood{
    	 /*height: 720px !important;*/
    }
    
    .oh-slider img{
    	 /*height: 650px;*/
    }
}