@media (min-width: 320px) and (max-width: 624.98px) {
    .home-top__items--version {
        padding-right: 0;
        justify-content: space-between !important;
    }
    .col-sm-10{
        padding-right: 0px;
    }
    .box {
        width: 70px;
        height: 70px;
        margin: 0px!important;
    }
    .home-top__items--link {
        justify-content: center;
    }
    .chart__items {
        flex-wrap: wrap;
    }
    .chart:after,
    .chart:before {
        display: none;
    }
    .chart {
        margin: 0px 10px 60px;
    }
    .chart__items {
        margin: 0 0 60px;
    }
    .top-block-two__items .chart__items {
        margin: 0 0 60px;
    }
    .concept {
        height: 57vw;
        margin-top: -35vw;
    }
    .reefs-bg {
        height: 500px;
    }
    .chart .label {
        font-size: 16px;
        line-height: 1.2;
    }
    .pdf .empty-box {
        height: 45vw;
    }
    .design:after {
        top: -55px;
    }
    .desktop .tab-content .mac-screen {
        padding: 0 15px;
        height: 48.4vw;
    }
}
@media (max-width: 633.98px) {
    .desktop {
        height: 134vw !important;
    }
}
@media (min-width: 625px) and (max-width: 767.98px) {
    .home-top__items--version {
        padding: 0px;
        padding-left: 0 !important;
        justify-content: space-between;
    }
    .home-top__items--link {
        justify-content: center;
    }
    .concept {
        width: 100%;
        height: 51vw;
        position: relative;
    }
}
@media (min-width: 727px) and (max-width: 767.98px) {
    .desktop .tab-content .mac-screen {
        height: 51vw;
    }
}
@media (min-width: 501px) and (max-width: 727px) {
    .desktop .tab-content .mac-screen {
        height: 51vw;
    }
}
@media (max-width: 970px) {
    .presentation__block--text .heading-3{
        font-size: 24px;
    }
    .presentation__block--text {
        padding: 2rem;
        padding-bottom: 1rem;
    }
    .presentation__block--text ul.list_link.list_underline > li > span:before{
        top: 14px;
    }
    .heading-3 {
        margin-top: 0;
        margin-bottom: 15px !important;
    }
    .list{
        padding-left: 0;
    }
    .list li{
        font-size: 1.5rem;
        line-height: normal;
        margin-top: 0px;
    }
    .list li::before{
        top: 10px;
    }
    .presentation {
        padding-bottom: 6rem;
        padding-top: 5rem;
    }
}
/* max-width: 767.98px */ /* max-width: 767.98px */ /* max-width: 767.98px */ /* max-width: 767.98px */ /* max-width: 767.98px */ /* max-width: 767.98px */
@media (max-width: 767.98px) {
    .presentation__block--text{
        top: 40%;
    }
    .container {
        max-width: 100%;
    }
    .top-block-two__items .chart__items {
        padding: 0;
    }
    #content h2 {
        font-size: 35px;
    }
    #content h3 {
        font-size: 30px;
    }
    #content p,li, a {
        font-size: 15px;
    }
    .pdf p {
        margin-top: 20px;
    }
    .design p {
        margin: 20px 0;
        padding-right: 0;
    }
    .design {
        padding-top: 65px;
    }
    .design .container.container-p0 {
        padding: 0 30px;
    }
    .nav {
        padding-right: 0;
        margin-top: 20px;
    }
    .home-top {
        top: 110px;
    }
    #up_block {
        top: 133px;
    }
    .cloud {
        height: 150px;
    }
    .cloud .dey .cl1,
    .cloud .niht .cl1 {
        top: -10px;
    }
    .cloud .dey .cl2,
    .cloud .niht .cl2 {
        top: 18px;
    }
    .cloud .dey .cl3,
    .cloud .niht .cl3,
    .cloud .niht .cl4,
    .cloud .dey .cl4 {
        display: none;
    }
    #up_block {
        right: 5%;
    }
    #up_block .box--info {
        left: 9%;
    }
    h1.element {
        padding: 0;
        text-align: center;
    }
    .home-top__items--title {
        margin-bottom: 30px;
    }
    .waves-block {
        height: 870px;
    }
    .town {
        top: 570px;
    }
    .about-business,
    .about-business ul.list,
    .about-business.about-business-sec ul.list{
        width: 100%;
        max-width: 100%;
    }
    ul.list.list_underline:not(.list_link) > li:before, ul.list_link.list_underline > li > span:before {
        top: 13px;
    }
    .about-business.about-business-sec {
        width: 100%;
        margin-left: 0;
    }
    .top-block-two__items ul li,
    .top-block-two__items ul li a {
        font-size: 17px;
    }
    .top-block-two__items ul li br,
    .top-block-two__items ul li a br {
        display: none;
    }
    .top-block-two {
        top: 50px;
    }
    .chart__items {
        padding: 0 105px;
        margin: 0 0 100px;
        justify-content: center;
    }
    .waves-block.waves-block-third {
        height: 345px;
    }
    .pdf {
        padding: 20px 30px;
    }
    .empty-box {
        height: 43vw;
    }
    .nav-tabs .nav-item .nav-link {
        font-size: 24px;
    }
    .nav{
        margin-top: 30px !important;
    }
    .mac-screen {
        margin-top: 55px;
    }
    .desktop {
        padding-top: 30px !important;
    }
    .tab-content .mac-screen {
        width: 100%;
        height: 54.4vw;
    }
    .desktop .container {
        padding-right: 30px;
        padding-left: 30px;
    }
    .desktop--info {
        padding-top: 30vw;
    }
    .tab-pane .macbk-screen__items--left p {
        margin: 15px 0 30px;
    }
    .tab-pane .project-link {
        margin-top: 25px !important;
    }
    .macbk-screen__items--left ul li a{
        font-size: 20px;
    }
    .macbk-screen__items {
        flex-direction: column;
    }
    .macbk-screen__items--left,
    .macbk-screen__items--right {
        width: 100%;
        height: auto;
    }
    .macbk-screen__items--right ul {
        text-align: center;
        padding-top: 0;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }
    .macbk-screen__items--right ul li {
        margin-bottom: 30px;
    }
    .macbk-image {
        display: none;
    }
    .macbk-screen__items {
        background-image: none;
    }
    .mac-screen.macbk-screen {
        height: auto;
        margin: 0;
        padding: 0;
        position: relative;
    }
    .two-blocks__items--footer .mob-bg-foot {
        position: relative;
    }
    .two-blocks__items--footer .mob-bg-foot:before {
        content: '';
        width: 160%;
        height: 110%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        opacity: .7;
    }
    .tab-pane .macbk-screen__items {
        padding: 0;
    }
    .macbk-screen__items--right ul li:nth-child(3) {
        padding: 0;
    }
    .empty-box-foot {
        display: none;
    }
    .share-block {
        width: 100%;
        height: 70px;
        margin-top: 35px;
    }
    .macbk-screen__items--left ul {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .macbk-screen__items--left ul li {
        margin: 0;
    }
    .title-mobile {
	    display: block !important;
    }
    .share-block {
	    margin-bottom: 120px;
    }
}
@media (max-width: 625px) {
	.concept {
	    margin-top: -90px;
    }
}
@media (max-width: 529px) {
	.concept {
	    margin-top: -50px;
    }
}
@media (min-width: 768px) and (max-width: 859px) {
    .nav {
        padding-right: 0 !important;
        margin-top: 40px;
    }
    .tab-content .macbk-screen {
        height: 54.4vw !important;
        padding: 0 27px !important;
    }
    .macbk-screen__items .macbk-screen__items--left p {
        margin: 10px 0 20px;
    }
    .macbk-screen__items .macbk-screen__items--left .project-link {
        margin-top: 20px !important;
    }
    .tab-content .macbk-screen__items--left ul li a,
    .tab-content .macbk-screen__items .macbk-screen__items--left .project-link,
    .tab-content .macbk-screen__items .macbk-screen__items--left .project-link a {
        font-size: 18px !important;
    }
    .desktop {
        width: 100%;
        height: 127vw;
    }
}
@media (min-width: 768px) and (max-width: 901px) {
    .mac-screen {
        width: 100%;
        height: 49.5vw !important;
    }
}
@media (min-width: 767px) and (max-width: 831px) {
	h2,
	.title-mod-blue h2 {
    	font-size: 44px !important;
    }
}
/* (min-width: 768px) and (max-width: 991.98px) */ /* (min-width: 768px) and (max-width: 991.98px) */ /* (min-width: 768px) and (max-width: 991.98px) */ /* (min-width: 768px) and (max-width: 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .container {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .home-top__items .home-top__items--version {
        padding: 0 10%;
        margin-bottom: 20px;
    }
    .home-top__items h1 {
        font-size: 60px;
        line-height: 1.1;
    }
    .home-top__items .home-top__items--title {
        margin-bottom: 20px;
        text-align: center;
    }
    .home-top__items .home-top__items--link {
        justify-content: center;
    }
    .top-block-two__items .about-business.about-business-sec {
        margin-left: 0;
    }
    #content h2 {
        font-size: 40px;
    }
    #content h3 {
        font-size: 35px;
    }
    #content p,li, a {
        font-size: 16px;
    }
    .waves-block-ocean {
        height: 1240px;
    }
    .pdf p {
        margin-top: 20px;
    }
    .empty-box {
        height: 40.22vw;
    }
    .design p {
        margin-top: 10px;
        padding-right: 0;
    }
    .design {
        padding-top: 95px;
    }
    .nav {
        padding-right: 18vw;
        margin-top: 40px;
    }
    .mac-screen {
        width: 100%;
        margin-top: 60px !important;
        padding: 0 30px;
        height: 50.4vw;
    }
    .nav-tabs .nav-item .nav-link {
        font-size: 30px;
    }
    .desktop--info {
        padding-top: 30vw;
    }
    .desktop {
        width: 100%;
        height: 125vw;
    }
    .macbk-screen {
        height: 55vw !important;
        padding: 0 30px !important;
    }
    .macbk-screen .macbk-screen__items {
        padding: 25px 25px 0;
    }
    .macbk-screen__items--left p {
        margin: 20px 0 35px;
    }
    .macbk-screen .macbk-screen__items--right ul {
        padding-top: 0;
    }
    .project-link {
        margin-top: 40px !important;
    }
    .macbk-screen__items--left {
        width: 74%;
    }
    .macbk-screen__items--right {
        width: 25%;
    }
    .macbk-screen__items--right ul li:nth-child(3) {
        padding: 10px 0;
    }
    .macbk-screen__items--left ul li a,
    .macbk-screen__items .macbk-screen__items--left .project-link,
    .macbk-screen__items .macbk-screen__items--left .project-link a {
        font-size: 20px !important;
    }
    .macbk-screen__items--right ul li img {
        width: 90%;
        height: auto;
    }
    .macbk-screen__items--right ul li:nth-child(2) {
        padding: 0 30px;
    }
    .macbk-screen__items--right ul li:nth-child(3) {
        padding: 20px 30px;
    }
    .macbk-screen__items--right ul li:nth-child(4) {
        padding: 0 50px;
    }
    .home-top {
        top: 110px;
    }
    #up_block {
        top: 133px;
    }
    .cloud {
        height: 150px;
    }
    .cloud .dey .cl1,
    .cloud .niht .cl1 {
        top: -10px;
    }
    .cloud .dey .cl2,
    .cloud .niht .cl2 {
        top: 18px;
    }
    .cloud .dey .cl3,
    .cloud .niht .cl3,
    .cloud .niht .cl4,
    .cloud .dey .cl4 {
        display: none;
    }
    #up_block {
        right: 5%;
    }
    #up_block .box--info {
        left: 9%;
    }
    .waves-block {
        height: 950px;
    }
    .town {
        top: 620px;
    }
    .mac-screen {
        margin-top: 70px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .container {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1099.98px) {
    .home-top__items .home-top__items--version {
        padding-right: 0;
    }
    .desktop {
        width: 100%;
        height: 129vw;
        padding-top: 60px;
    }
    .desktop--info {
        padding-top: 14vw;
    }
    .macbk-screen {
        height: 55.3vw;
        padding: 0 33px !important;
    }
    .macbk-screen .macbk-screen__items {
        padding: 35px 35px 0;
    }
    .macbk-screen__items--left p {
        margin: 20px 0 35px;
    }
    .macbk-screen .macbk-screen__items--right ul {
        padding-top: 0;
    }
    .project-link {
        margin-top: 40px !important;
    }
    .macbk-screen__items--left {
        width: 70%;
    }
    .macbk-screen__items--right {
        width: 25%;
    }
}
.two-blocks {
    overflow: visible!important;
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (max-width: 1199.98px) {
    .waves-block-ocean .cloud-fish{
        height: 395px;
    }
    .waves-block-ocean .town{
        z-index: 27;
    }
    .waves-block-ocean .reefs-bg {
        bottom: -110px;
    }
    .concept {
        margin-top: 150px;
    }
    .macbk-screen__items--right ul li:nth-child(3) img{
        max-width: 100px;
    }
    .home-top__items {
        padding: 0 30px;
    }
    .top-block-two {
        padding: 0 30px;
    }
    .chart:nth-child(2):after,
    .chart:nth-child(3):after,
    .chart:nth-child(4):after {
        display: none;
    }
    .mac-screen {
        width: 100%;
        padding: 0 30px;
        height: 50.4vw;
    }
    .mac-image {
        top: -5.5%;
        left: 0;
        z-index: 0;
        width: 100%;
        height: auto;
    }
    .desktop {
        width: 100%;
        height: 130vw;
        padding-top: 60px;
    }
    .macbk-image {
        top: -5.6%;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 0;
        width: 124%;
        height: auto;
        pointer-events: none;
    }
    .macbk-screen {
        height: 55.5vw;
        padding: 0 38px;
    }
    .macbk-screen__items--left p {
        margin: 25px 0 40px;
    }
    .macbk-screen__items {
        padding: 55px 65px 0;
    }
    .chart:after, .chart:last-child:before, .title-mod h2:after {
        display: none;
    }
    #up_block {
        right: 10%;
    }
    .home-top__items--logo{
        width: 220px;
    }
    h1{
        font-size: 60px;
    }
    h2, .title-mod h2{
        font-size: 40px !important;
    }
    h1.element{
        height: auto;
    }
    .project-link{
        font-size: 20px;
    }
    ul.list.list_underline.list_hoverbold.list_link.list_dark li, ul.list.list_underline.list_hoverbold.list_link.list_dark li span{
        font-size: 18px;
    }
    p, .chart .label{
        font-size: 16px;
    }
    .box--info{
        font-size: 14px;
    }
    .box{
        width: 70px;
        height: 70px;
    }
    .waves-block{
        height: 800px;
    }
    .waves-block-ocean{
        height: 1100px;
    }
    .home-top__items--title{
        margin-bottom: 50px;
    }
    .top-block-two{
        top: 50px;
    }
    .chart__items{
        margin: 60px 0px 100px;
    }
    .pdf{
        padding: 50px 0px 40px;
    }
    .design{
        padding-top: 100px;
    }
    .waves-block-third{
        height: 375px;
    }
    .two-blocks__items--text{
        padding: 0px;
    }
    .macbk-screen__items--left p{
        margin: 25px 0px!important;
    }
    .macbk-screen__items--right ul li:nth-child(3){
        padding: 15px 0px;
    }
    .macbk-screen{
        padding: 0px 30px;
    }
    .macbk-screen__items--right ul li img{
        max-height: 100px;
    }
    .design--img{
        height: 250px;
    }
    .design p{
        padding-right: 30px;
    }
    .nav{
        margin-top: 40px;
    }
    .desktop{
        height: auto;
        padding-bottom: 50px;
    }
}
@media (max-width: 991.98px) {
    .concept {
        margin-top: 100px;
    }
    .town.reefs {
        top: 350px;
    }
    .mac-screen{
        padding: 0 25px;
    }
    .chart .label{
        width: 100%;
    }
    .pdf-abs{
        bottom: 40px;
    }
    .chart__items{
        padding: 0px;
    }
}
@media (max-width: 830px) {
    .mac-screen{
        padding: 0 20px;
    }
}
@media (max-width: 767.98px) {
    .mac-screen{
        padding: 0 18px;
    }
    .two-blocks__items--text{
        padding-bottom: 50px!important;
    }
    .container {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .chart{
        margin: 0px 15px;
    }
    .chart__items{
        margin-top: 20px!important;
    }
    h1{
        font-size: 40px;
    }
    h2, .title-mod h2{
        font-size: 30px !important;
    }
    .project-link{
        font-size: 18px;
    }
    ul.list.list_underline.list_hoverbold.list_link.list_dark li, ul.list.list_underline.list_hoverbold.list_link.list_dark li span{
        font-size: 16px;
    }
    .chart .label, p{
        font-size: 14px;
    }
    .concept {
        margin-top: 80px;
    }
    .design{
        padding-top: 80px;
    }
    .design p{
        padding-right: 0;
    }
    .home-top__items .row{
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
    }
}

@media (max-width: 670px) {
    .chart__items{
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: -70px!important;
    }
    .chart{
        margin: 0px 4%;
        margin-top: 70px;
    }
    .concept {
        margin-top: 80px;
    }
    .waves-block-ocean {
        height: 1250px;
    }
    .town.reefs {
        top: 480px;
    }
}

@media (max-width: 575.98px) {

    .mac-screen{
        padding: 0 12px!important;
    }
    .home-top__items--version {
        padding-right: 15px;
    }
    .box--info {
        font-size: 11px;
    }
    .box [class*='icon-']:before {
        font-size: 22px;
    }
    .home-top__items--title h1.element {
        line-height: 1.2;
    }
    .desktop .nav-tabs .nav-item .nav-link {
        padding: 0 0 2px;
    }
    #content .desktop {
        height: 136vw !important;
    }
    .box {
        width: 60px;
        height: 60px;
    }
    h1{
        font-size: 34px;
    }
    h2, .title-mod h2{
        font-size: 26px !important;
    }
    .project-link{
        font-size: 16px;
    }
    ul.list.list_underline.list_hoverbold.list_link.list_dark li, ul.list.list_underline.list_hoverbold.list_link.list_dark li span{
        font-size: 14px;
    }
    .home-top__items--logo{
        width: 180px;
    }
    #up_block{
        top: 115px;
        right: 30px;
        width: 60px;
        height: 60px;
    }
    .box {
        width: 50px;
        height: 50px;
    }
    .waves-block {
        height: 720px;
    }
    .waves-block-ocean {
        height: 1250px;
    }
    .share-block{
        margin-top: 30px;
        margin-bottom: 80px;
    }
    .title-block .title-mod{
        padding-bottom: 50px;
    }
    .title-block{
        padding-top: 40px;
    }
    .desktop{
        padding-top: 0px !important;
        height: auto !important;
        padding-bottom: 0 !important;
    }
    .box--info{
    	width: 180%;
    	-webkit-flex-wrap: wrap !important;
    	-moz-flex-wrap: wrap !important;
    	-ms-flex-wrap: wrap !important;
    	-o-flex-wrap: wrap !important;
    	flex-wrap: wrap !important;
    	height: auto;
    	top: 158%;
    	padding-top: 8px;
    	padding-bottom: 8px;
    	line-height: normal !important;
    	text-align: center;
    	font-size: 14px;
    }
}
.desktop--info p{
    z-index: 1;
    position: relative;
}
@media (max-width: 520.98px) {
    #content .desktop {
        height: 147vw !important;
    }
}
@media (max-width: 500.98px) {
    #content .desktop {
        height: 146vw !important;
    }
}

@media (max-width: 501px) {
    .macbk-screen__items .macbk-screen__items--left ul {
        justify-content: center;
        flex-wrap: wrap;
    }
    .macbk-screen__items .macbk-screen__items--left ul li:first-child {
        margin-bottom: 20px;
    }
    .tab-pane .project-link {
        text-align: center;
    }
    .home-top__items {
        padding: 0 15px;
    }
    .home-top__items .box--info{
        width: 200% !important;
    }
    .home-top__items--version .box:first-child .box--info{
        left: 80%;
    }
    .home-top__items--link .box--info{
        left: 20%;
    }
    #up_block {
        top: 127px;
        right: 3%;
    }
    #up_block .box--info {
        display: none;
    }
    .top-block-two {
        padding: 0 15px;
    }
    .design--img {
        height: 270px;
    }
    .desktop .nav-tabs .nav-item .nav-link {
        font-size: 19px;
    }
    .design .container.container-p0,
    .desktop .container {
        padding: 0 15px;
    }
    .desktop .tab-content .mac-screen {
        padding: 0 12px;
        height: 50.4vw;
    }
    .mac-screen {
        margin-top: 30px;
    }
}
@media (max-width: 650px) {
    .presentation__block--text{
        position: relative;
        top: auto;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        display: inline-block;
        width: auto;
        max-width: 100%;
        margin-top: 30px;
        display: inline-block !important;
        opacity: 1 !important;
    }
    .presentation{
        padding-top: 4rem;
        padding-bottom: 5rem;
    }
    .presentation__block--text ul.list_link.list_underline > li > span:before {
        top: 12px;
    }
    .reefs-bg {
        height: 540px;
    }
}
@media (max-width: 470px) {
    .mac-screen{
        padding: 0 8px!important;
    }
    .macbk-screen__items .macbk-screen__items--left ul {
        display: block;
        text-align: center;
    }
    .macbk-screen__items--left ul li a:first-child {
        margin-right: 0;
    }
    .home-top__items .col-sm-2 {
        padding-left: 0px;
    }
}
@media (max-width: 460px) {
    #content .desktop {
        height: 150vw !important;
    }
}
@media (max-width: 440px) {
    #content .desktop {
        height: 155vw !important;
    }
}
@media (max-width: 400px) {
    #content .desktop {
        height: 165vw !important;
    }
    .box {
        width: 50px;
        height: 50px;
    }
    h1{
        font-size: 30px;
    }
    h2, .title-mod h2{
        font-size: 24px !important;
    }
    .desktop .nav-tabs .nav-item .nav-link {
        font-size: 16px;
    }
    .project-link{
        font-size: 14px;
    }
    ul.list.list_underline.list_hoverbold.list_link.list_dark li, ul.list.list_underline.list_hoverbold.list_link.list_dark li span{
        font-size: 13px;
    }
    .chart .label, p{
        font-size: 13px;
    }
    .chart {
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media (max-width: 375px) {
    .home-top__items--version {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .box {
        margin-bottom: 20px;
    }
    .desktop .tab-content .mac-screen {
        padding: 0 7px;
        height: 49.4vw;
    }
    #content .desktop {
        height: 175vw !important;
    }
    .share-block {
        margin-top: 45px;
    }
    .box {
        width: 40px;
        height: 40px;
    }
    .box--info{
		font-size: 11px;
    }
    .mac-screen{
        padding: 0 6px!important;
    }
}
@media (max-width: 359px) {
    #content .desktop {
        height: 185vw !important;
    }
}
@media (max-width: 335px) {
    #content .desktop {
        height: 195vw !important;
    }
    .box {
        width: 38px;
        height: 38px;
        margin: 0 10px;
        margin-bottom: 15px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.macbk-screen__items--right ul li:nth-child(3) {
		padding: 20px 0;
	}
	
}
@media only screen and (min-device-width: 1138px) and (max-device-height: 712px) and (orientation: landscape) {
	.nav {
		padding: 0 100px;
	}
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
	.empty-box {
	    height: 46vw;
	}
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
	.box.active .box--info {
	    opacity: 1;
	}
	.home-top__items--version {
		padding-bottom: 50px;
	}
}
@media (min-width : 768px) and (max-width : 830px) and (orientation: landscape) {
	.share-block {
		margin-bottom: 100px;
	}
	.macbk-screen__items .macbk-screen__items--left p {
		font-size: 16px;
	}
}

.mobile-please-wrap.mobile {
    display: none;
}