@media (max-device-width: 640px) and (orientation: portrait) {
/* UNIVERSAL */
.h1 {
    font-family: Atom700;
    font-size: 24px;
    line-height: 100%;
    text-transform: uppercase;
}

.h2 {
    font-size: 24px;
    line-height: 31px;
}

.h3 {
    font-size: 20px;
    line-height: 26px;
}

.h4 {
    font-size: 18px;
    line-height: 23px;
    font-size: 16px;
    line-height: 21px;
}

.t18amob {
    font-family: Atom700;
    font-size: 18px;
    line-height: 140%;
}

.t16mob {
    font-family: Atom700;
    font-size: 16px;
    line-height: 140%;
}

.t15 {
    font-family: Atom400;
    font-size: 15px;
    line-height: 140%;
}

.t15mob {
    font-family: Atom400;
    font-size: 15px;
    line-height: 140%;
}

.centerrowmcol {
    flex-direction: column;
}

.rowmcol, .rowtcol {
    display: flex;
    flex-direction: column;
}

.srow {
    flex-direction: column;
}

.sec {
    padding: 50px 16px 50px 16px;
}

.desknone_mobflex { display: flex; }
.desknone_mobblock { display: block; }
.deskblock_mobnone { display: none; }

.desktoponlyblock { display: none; }
.mobileandtabblock { display: block; }

.mob-fd-cr {
    flex-direction: column-reverse;
}

.redbutton_22 {
    height: 40px;

    font-family: Atom700;
    font-size: 20px;
    line-height: 26px;
}

.mpadside16 {
    padding-left: 16px;
    padding-right: 16px;
}

.mlr50m0 {
    margin-left: 50px;
    margin-right: 50px;
}

.mobmb0 { margin-bottom: 0px; } .mobmb5 { margin-bottom: 5px; } .mobmb10 { margin-bottom: 10px; } .mobmb15 { margin-bottom: 15px; } .mobmb20 { margin-bottom: 20px; } .mobmb25 { margin-bottom: 25px; } .mobmb30 { margin-bottom: 30px; } .mobmb35 { margin-bottom: 35px; } .mobmb40 { margin-bottom: 40px; } .mobmb45 { margin-bottom: 45px; } .mobmb50 { margin-bottom: 50px; } .mobmb55 { margin-bottom: 55px; } .mobmb60 { margin-bottom: 60px; } .mobmb65 { margin-bottom: 65px; } .mobmb70 { margin-bottom: 70px; } .mobmb75 { margin-bottom: 75px; } .mobmb80 { margin-bottom: 80px; } .mobmb85 { margin-bottom: 85px; } .mobmb90 { margin-bottom: 90px; } .mobmb95 { margin-bottom: 95px; } .mobmb100 { margin-bottom: 100px; } .mobmb105 { margin-bottom: 105px; } .mobmb110 { margin-bottom: 110px; } .mobmb115 { margin-bottom: 115px; } .mobmb120 { margin-bottom: 120px; } .mobmb135 { margin-bottom: 135px; } .mobmb170 { margin-bottom: 170px; } .mobmb185 { margin-bottom: 185px; }  .mobmb210 { margin-bottom: 210px; }  .mobmb215 { margin-bottom: 215px; }  .mobmb225 { margin-bottom: 225px; }


.s-smaller-frame {
    margin-left: 16px;
    margin-right: 16px;
}

/* END OF UNIVERSAL */

.s1-1 {
    position: absolute;
    top: unset;
    bottom: 30px;
    z-index: 1000;
    left: 2.375%;
    width: 144px;
}

#s2_22 {
    background-image: url(./imgs/main-texture-mob.jpg);
    padding: 100px 16px 0px;
    padding: 100px 0px 0px;
}

.infobox {
    margin-left: unset;
    margin-right: unset;
    width: 100%;
}

.infobox > div:nth-child(2) {
    margin-left: unset;
    margin-right: unset;
    width: 100%;

    padding-top: 55px;
    padding-left: 16px;
    padding-right: 16px;
}

.infobox > div:nth-child(2) div:nth-child(1) {
    font-size: 22px;
}

.infobox > div:nth-child(2) div:nth-child(2) {
    font-size: 15px;
}

#sr1_22 {
    padding-top: 100px;
}

#sr1_22_ibs .infobox > div:nth-child(2) {
    padding-top: 65px;
    height: 190px;
}

#sr1_22_ibs .infobox:first-child > div:nth-child(2) {
    padding-top: 45px;
}

.reckavo {
    height: 47px;
}

#hochesh {
    background-image: url('./imgs/hochesh_m.png');
    background-position: center;
    background-size: contain;
    width: 100vw;
    height: 100vh;
}

#etapi {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
}

.etap {
    font-size: 18px;
    line-height: 23px;
    width: unset;
}

.etap > span {
    margin-top: 20px;
    max-width: 256px;
}

.etapml {
    transform: translateX(-30px);
}

.etapmr {
    transform: translateX(30px);
}

.etaparrow {
    width: 60px;
    height: 30px;
    transform: translateX(-30px) rotate(90deg) scaleY(-1);
    margin: 10%;
}

.etaparrowflip {
    width: 60px;
    height: 30px;
    transform: translateX(30px) rotate(90deg);
    margin: 10%;
}

#ic-lamp {
    width: 56px;
    height: 79px;
    margin-left: unset;
    margin-right: unset;
    flex: unset;
}

#s3_22 {
    background-image: url(./imgs/s3m.png);
    height: 165vw;
    margin-bottom: 70px;
}


#s3_title0 {
    width: 70px;
    height: 67px;
    width: 21.87vw;
    height: 20.93vw;
    top: calc(-25.93vw - 20.93vw);
}

#s3_title1 {
    font-size: 24px;
    line-height: 31px;
    font-size: 7.5vw;
    line-height: 9.68vw;
    top: calc(-13.12vw - 9.68vw);
}

#s3_title2 {
    font-size: 5vw;
    line-height: 140%;

    /* высота сторки + растояние от кнопки, только в минус */
    top: calc(-6.25vw - 1.4 * 5vw);
}


#s3content button {
    font-size: 18px;
    line-height: 23px;
    font-size: 5.62vw;
    line-height: 7.18vw;

    font-size: 4vw;
    line-height: 6vw;
}

.tracks {
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
}

.track {
    margin-top: 60px;
    margin-bottom: 20px;

    display: flex;
    flex-direction: column;
    align-items: center;

}

.track > img:first-child {
    margin-left: 0px;
    margin-right: 0px;
}

.track > span {
    padding-left: 16px;
    padding-right: 16px;
}

.membersbox {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 10px;
}

.acc_head {
    box-sizing: border-box;
    padding: 20px 34px;
    width: 100vw;
}

.acc_head_show > img {
    transform: rotateZ(180deg);
}

.acc_hide { display: none; }
.acc_show {
    display: flex;
}

.trackdetails {
    width: 100vw;
}

.trackdetails > div:nth-child(1), .acc_show > div:nth-child(2) {
    width: 100vw;
    margin: 1px 0px;
}

#s4_22 > h1:first-child {
    margin-bottom: 0px;
}


#s5_22 {
    background-image: url(./imgs/main-texture-mob.jpg);
    padding: 0px 16px 16px 16px;
    padding: 0px 0px 0px 0px;
}


#podarki-oblako {
    background-image: url(./imgs/kontur-oblaka.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;

    width: 100vw;
    height: 115.62vw;
    margin-left: -16px;
    margin-right: -16px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

    padding-top: 10px;
    padding-bottom: 10px;
}

#podarki-oblako > span {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

#podarki-list {

}


#icebreakerimg {
    margin: unset;
    width: 110vw;
}

.s5_22_1_1 {
    padding: 30px 20px;
    max-width: 525px;
}

.s5_22_1_1 > span:first-child {
    /* margin-top: 33px; */
}

.s5_22_1_1 > h1 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.s5_22_1_1 > button {
    margin-top: 40px;
}


.s5_22_1 {
    padding: unset;
    border: 2px solid #6CACE4;
    margin: unset;
}

.podarki-item {
    padding-bottom: 80px;
}

.podarki-item > span:first-child {
    padding-bottom: 5px;
}

.podarki-item > img {
    padding-top: 15px;
    padding-bottom: 15px;
}

#sr1_22 {
    padding: 100px 16px 80px 16px;
    padding: 100px 0px 80px 0px;
}

#sr1_22_btimgs > img:first-child {
    width: 100vw;
}


#sr2_22 {
    padding: 60px 16px;
    padding: 60px 0px;
}


#sr2_numberinfos {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.numberinfo {
    margin-bottom: 60px;
    margin-right: 0px;
}

.numberinfo > span:first-child {
    font-size: 64px;
    line-height: 100%;
}

/* .numberinfo > span:last-child {
    font-size: 15px;
} */


#vazhno-cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}


#vazhno {
    margin-bottom: 60px;
    margin-right: 0px;
    font-size: 64px;
}

#sr3_22 {
    padding: 80px 16px 80px 16px;
    padding: 80px 0px 80px 0px;
}

#sr3_3themes {
    margin-right: 0px;
}

.sr_title {
    margin-bottom: 30px;
}

.tabletitle {
    font-family: Atom700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.tabletitle img {
    width: 50px;
    height: 50px;
}

.tracks_table_desk {
    display: none;
}

.tracks_tables_mob td {
    padding: 16px;
}

.tracks_tables_mob td img {
    margin: 5px;
    max-width: 50px;
    max-height: 50px;
}

#sr3_22_descr > div:first-child > div {
    margin-bottom: 30px;
}

#sr3_22_descr > div:first-child > div:last-child {
    margin-bottom: 60px;
}

#sr3_22_descr > div:last-child {
    margin-bottom: 80px;
}

#sr4_22 {
    padding-left: 16px;
    padding-right: 16px;
    padding-left: 0px;
    padding-right: 0px;
}

#sr4_22_rules_details {
    padding: 8px;
    margin-left: 8px;
    margin-right: 8px;
}

#sr4_22 > div:first-child > div:first-child > div:first-child {
    align-items: flex-start;
    justify-content: flex-start;
}

#sr5_22 {
    padding: 0px 16px 80px 16px;
    padding: 0px 0px 80px 0px;
}

#se1 {
    padding: 100px 0px 0px 0px;
}

#se1 > div:first-child {
    padding-left: 16px;
    padding-right: 16px;
}

#se1_1 {
    background-image: url(./imgs/hbbhhh1m.png);
    width: 100vw;
    height: 181.87vw;

    padding-top: 120px;
}

#se1_1 > div {
    width: 289px;
}

#se2 {
    /* padding-left: 16px;
    padding-right: 16px; */
}

#se2 > div:first-child {
    width: unset;
}

#se3 {
    padding: 80px 0px;
}

#se3 aside {
    padding: 13px 18px;
}

.se3_1 {
    padding: unset;
}

.se3-1-1-1 {
    display: none;
}

.se3-1-1-2 {
	display: flex;
	flex-direction: row;
	align-self: center;
	margin-top: 30px;
}

.se3-1 {
	margin-left: 16px;
	margin-right: 16px;
	padding-left: 0px;
}

.s3-1-1 {
    width: 63vw;
    max-width: 735px;
    transition: margin 1s ease;
    margin-right: 17px;
}

.se3-1-1-1 {
	display: none;
}

.se3-1-1-2 {
	display: flex;
	flex-direction: row;
	align-self: center;
	margin-top: 30px;
}

.se3-1-1-2 div:first-child {
	margin-bottom: 20px;
}

#icebreakerimg_e {
    background-image: url(./imgs/icebreacker-hover-mob.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px -16px 0 -16px;
    width: 100vw;
    height: 148.75vw;
}


#about_capitans {
}


#about_capitans > div {
    margin-bottom: 80px;
    align-items: flex-start;
}

.captimg-cont {
    width: 90.31vw;
    height: 69.37vw;


    width: 289px;
    height: 222px;

    margin: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.icethickness {
    height: 30vw;
    width: 70vw;
    margin-bottom: 60px;
    margin-right: 0px;
}

#seawaybox {
    padding: 60px 16px;
}

#seawaybox > img {
    width: 80vw;
    height: 42.5vw;
    margin-top: 40px;
}

#aflot {
    margin: 60px 0px;
}

#aflot > img {
    width: 90vw;
    height: 62.81vw;
}

.exp1img {
    max-width: 288px;
    max-height: 201px;
    max-width: 90vw;
    max-height: 62.81vw;
}

}