.row {
    width: calc( clamp( 150px, 100vw, 1700px ) - 30px );
}

header#tora_video_header {
    background-color: var(--yellow);
    padding: 0;
}


nav#nav {
    display: none;
}

nav#mobile-nav {
    display: block;
}

ul.mobile-menu {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    background-color: var(--light_gary_01);
    top: 48px;
    opacity: 0;
    pointer-events: none;
    transition: all .4s;
    list-style: none;
    padding: 0;
    margin: 0;
}
nav#mobile-nav {
    order: 1;
}
nav#share {
    order: 2;
}
#tora_video_header .row #logo {
    order: 3;
    margin-right: auto;
}
#tora_video_header .row #logo img.logo_img {
    max-height: 35px;
    padding: 5px 0px;
}


/* nav#share {
    position: fixed;
    top: 140px;
    right: 0;
} */

nav#share svg {
    display: none;
}

button.share {
    padding: 7px 8px;
}

button.share::before {
    display: none;
}

nav#share button.share span.text {
    color: var(--light_gary_01);
    fill: var(--light_gary_01);
}




svg.ham.hamRotate.ham8.active + ul.mobile-menu {
    opacity: 1;
    pointer-events: all;
}

li.nav-item {
    padding: 10px 30px;
}



.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hamRotate.active {
    transform: rotate(45deg);
}
svg.ham.hamRotate.ham8 {
    width: 70px;
    margin: -30px 0;
}
.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: var(--black);
    stroke-width: 5.5;
    stroke-linecap: round;
}

.ham8 .top {
    stroke-dasharray: 40 160;
}

.ham8 .middle {
    stroke-dasharray: 40 142;
    transform-origin: 50%;
    transition: transform 400ms;
}

.ham8 .bottom {
    stroke-dasharray: 40 85;
    transform-origin: 50%;
    transition: transform 400ms, stroke-dashoffset 400ms;
}

.ham8.active .top {
    stroke-dashoffset: -64px;
}

.ham8.active .middle {
    transform: rotate(90deg);
}

.ham8.active .bottom {
    stroke-dashoffset: -64px;
}



main#tora_video_container {
    margin-top: 20px;
}



#tora_video_container .row {
    display: flex;
    flex-direction: column;
    max-height: unset;
}

.area_01 {
    order: 1;
}

.area_02 {
    order: 3;
}

.area_03 {
    order: 2;
    display: flex;
    flex-direction: column-reverse;
}

p.main_video_fancybox_text {
    right: 20px;
    top: 10px;
    font-size: 1.2rem;
    max-width: 60%;
}

div#small_videos {
    max-height: 70vh;
}


div#share-content {
    padding: 10px;
}

.share-content-inner {
    width: 280px;
}



@media screen and (max-height:440px) {



    div#small_videos {
        max-height: unset;
    }


    
}

/* a.main_video_fancybox {
    height: clamp(150px, 40vh, 400px);
} */

a.main_video_fancybox,
iframe#main_video_iframe {
    height: 194px;
}

#mobile_video_info_btn,
#mobile_video_info_section {
    display: block;
}

button#mobile_video_info_btn {
    background: var(--yellow);
    margin: 0.6em auto 0;
    background-color: var(--yellow);
    padding: 5px 15px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    border-radius: var(--border-radius);
    text-align: center;
    border: none;
    display: flex;
}

button#mobile_video_info_btn i.flaticon {
    font-size: 120%;
    line-height: 1;
    padding: 0 2px 0 0;
    height: 1em;
    margin-top: -1px;
}

div#mobile_video_info_section {
    padding: 10px 10px 0;
    display: none;
}
.video_info_left {
    display: none;
}

.video_info_right {
    flex: 1 0 100%;
}

.video_info {
    margin: 0;
}

.quotes_wraper {
    display: block;
    text-align: center;
}

.quotes_wraper #quotes_slider {
    max-width: 100%;
    width: 100%;
    flex: 1 0 100%;
}

.area_03:after {
    display: none;
}
/*
div#small_videos:after {
    content: "";
    height: 10vh;
    position: absolute;
    bottom: 77px;
    z-index: 9;
    width: 100%;
    background: var(--light_gary_01);
    background: linear-gradient(0deg, var(--light_gary_01) 0%, #ebebeb00 100%);
    pointer-events: none;
}
*/

.area_03 h2.left_title {
    margin: 0.8em 0 0;
}

.swiper-slide.small_video_wraper_outer {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.swiper-slide.small_video_wraper_outer .small_video_wraper {
    flex: 0 0 calc(50% - 10px);
    display: block;
    margin: 0 0 10px;
    height: unset !important;
}

.swiper-slide.small_video_wraper_outer .small_video_wraper p.text {
    display: none;
}

.area_03 .small_video_wraper .small_video_image {
    flex: 1 0 50%;
    margin: 0;
}

.area_03 .small_video_wraper .small_video_text {
    position: absolute;
    bottom: 7px;
    padding: 20px 5px 5px;
    background: rgba(0, 0, 0, 0);
    background: linear-gradient(0deg, #ffffffe3 50%, #ebebeb00 100%);
}

.area_03 .small_video_wraper .small_video_text h3.title {
    margin: 0;
}

#small_videos .swiper-wrapper {
    flex-direction: row;
}

div#small_videos .swiper-pagination {
    bottom: 68px;
    right: 0;
}


div#small_videos + div#small_videos_btuns  {
    display: flex !important;
    order: -1;
    margin: -10px 0;
    justify-content: center;
    transform: scale(-1, 1);
    
}

.area_03 h2.left_title {
    order: -1;
}

button.small_videos_btuns_right,
button.small_videos_btuns_left {
    border: 0;
    background: none;
    font-size: 2.4rem;
    padding: 0;
    flex: 0 0 20%;
    line-height: 0;
}



.swiper-button-next, .swiper-button-prev {
    filter: brightness(0);
    top: unset;
    width: 30px;
    height: 28px;
    background-size: contain;
    top: calc( 100% - 52px );
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: calc( 50% - 20px );
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    right: calc( 50% + 20px );
}


.swiper-button-next, .swiper-button-prev {
    position: static;
    display: block;
    width: 50px;
    margin: 0 auto;
    display: none;
}