@font-face {
    font-family: 'LatoBold';
    src: url('../fonts/Lato-Bold.eot');
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Bold.woff') format('woff'),
         url('../fonts/Lato-Bold.ttf') format('truetype'),
         url('../fonts/Lato-Bold.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Regular.woff') format('woff'),
         url('../fonts/Lato-Regular.ttf') format('truetype'),
         url('../fonts/Lato-Regular.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'LatoLight';
    src: url('../fonts/Lato-Light.eot');
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Light.woff') format('woff'),
         url('../fonts/Lato-Light.ttf') format('truetype'),
         url('../fonts/Lato-Light.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* CSS Global Reset by Victor */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video {margin: 0; padding: 0;border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {line-height: 1.15;-webkit-text-size-adjust: 100%;-moz-tab-size: 4;tab-size: 4;scroll-behavior: smooth;}
body {font-family: 'LatoRegular';background-color: #000000;color: #ffffff;text-rendering: optimizeSpeed;line-height: 1.3; font-size:18px;}
h1 { color: #ffffff;font-weight:normal; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);font-family: 'LatoBold';}
p {color: #ffffff;margin-top: 10px;}

.lato-light{ font-family: 'LatoLight' !important;}
.lato-bold{ font-family: 'LatoBold' !important; font-weight:normal;}
.lato-regular{ font-family: 'LatoRegular' !important;}
.font-size-14{ font-size:14px !important;}
.font-size-20{ font-size:20px !important;}
.font-size-24{ font-size:24px !important;}
.font-size-26{ font-size:26px !important;}
.font-size-32{ font-size:32px !important;}
.font-size-40{ font-size:40px !important;}
.font-size-56{ font-size:56px !important;}

/* Call-to-Action Button */
a.cta-style-1 {display: block; padding: 0 24px; background-color: #E11B29; color: #ffffff; text-decoration: none; font-weight: normal;
font-size:20px; border-radius: 30px;margin-top: 15px;transition: 0.3s ease-in-out; font-family: 'LatoBold';width:100%;max-width:215px;height:53px; 	 line-height:55px; margin:20px auto 0; cursor:pointer;}
a.cta-style-1:hover {background-color: #333333;}

.section-1 {display: flex; justify-content: center; align-items: center; height: 100vh; position: relative;overflow: hidden;}
.section-1-bg-wrap {display: flex; justify-content: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.section-1-text {position: absolute;z-index: 2;width: 100%;text-align: center;top: 50%;transform: translateY(-50%);padding: 20px;}
.section-1 .logo-white {padding-bottom:25px; display: block;}
.section-2 { position: relative; height: 250vh; } 
.section-2-wrap { position: sticky; top: 0; height: 100vh; display: flex; justify-content: center; align-items: center; } 
.section-2 .iphone-frame { position: relative; z-index: 2; width: 371px; height: 754px; overflow: hidden; } 
.section-2 .iphone-video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;  transition: transform 1.5s ease-in-out;} 
.section-2 .video3 {  transform: translateY(100%); } 
.section-2 .video3.active { transform: translateY(0); }  
.section-2 .text-content { position: absolute; z-index: 3; display: flex; opacity:0; justify-content: space-around; width: 100%; padding: 0 20px; transition: opacity 1.5s ease-in-out; } 
.section-2 .text-content.visible {opacity:1;} 
.section-2 .left-text, .section-2 .right-text { color: #ffffff; font-size: 24px; max-width:470px;}
.section-2 .left-text strong, .section-2 .right-text strong { display:block; font-weight:normal;}

.section-3 { position: relative; height: 200vh;}
.section-3-base { position: relative; height: 1117px; z-index: 1; }
.section-3-base.sticky { position: sticky; top: 0; }
.section-3-bg-wrap { display: flex; justify-content: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.section-3-text { position: absolute; z-index: 2; width: 100%; text-align: center; padding: 20px; opacity: 0; transform: translateY(50px); transition: opacity 0.5s ease-out, transform 0.5s ease-out; }
.section-3-text.visible { opacity: 1; transform: translateY(0); }
.section-3 .iphone-frame { position: absolute; z-index: 2; width: 280px; height: 569px; overflow: hidden; z-index:10} 

.section-4 {position: relative;height: 200vh; width: 90%;max-width: 1350px;margin: 0 auto;}
.section-4-wrap { position: sticky; top: 50px; height: 100vh; display: flex; justify-content: start; align-items: center; } 
.section-4 .iphone-frame { position: relative; z-index: 2; width: 371px; height: 754px; overflow: hidden; } 
.section-4 .iphone-video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;  transition: transform 1.5s ease-in-out;} 
.section-4 .video3 {  transform: translateY(100%); } 
.section-4 .video3.active { transform: translateY(0); }  
.section-4 .text-content { position: absolute; z-index: 3; display: flex; opacity:0; justify-content: end; width: 100%; padding: 0; transition: opacity 1.5s ease-in-out; } 
.section-4 .text-content.visible {opacity:1;} 
.section-4 .left-text, .section-4 .right-text { color: #ffffff; font-size: 24px; max-width:825px;}
.section-4 .left-text strong, .section-4 .right-text strong { display:block; font-weight:normal;}
.section-4 .text-content2 { position: absolute; z-index: 3; display: flex; opacity:0; justify-content: start; width: 100%; padding: 0 20px; transition: opacity 1.5s ease-in-out;  bottom: 235px; left:200px} 
.section-4 .text-content2.visible {opacity:1;} 

.section-5 {display: flex;justify-content: start; height: 100vh;position: relative;flex-direction: column; background: url(../images/megic5-main-bg.jpg); background-size: cover;width: 100%; background-position:center bottom}
.section-5-text {z-index: 2;width: 100%; text-align: center;padding: 20px;width: 94%;max-width: 650px ;margin:80px auto 0;}
.section-5-base {height: 449px; width: 94%;max-width: 1179px; margin: 0 auto ; align-items: end; display: flex;   position: absolute;bottom: 0;  left: 50%;transform: translateX(-50%);}
.section-5 a.cta-style-2{color:#ffffff; text-decoration:none; padding:15px 0; display:block; cursor:pointer}
.section-5-bg1{height:459px;}
 
.section-6 { height: 100vh;width: 100%;padding: 100px 35px;display: flex;justify-content: center;align-items: center;}
.section-6 nav ul {list-style: none;margin-top: 20px;}
.section-6 nav ul li {padding: 10px 0;font-size: 18px;}
.section-6 .video-wrap2 { position: relative; z-index: 2; width: 630px; height: 754px; } 
.section-6 .iphone-video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: auto; right:0; transition: transform 1.5s ease-in-out;border-radius:10px;} 
.section-6 .video3 {  transform: translateY(100%);  border-radius:10px;} 
.section-6 .video3.active { transform: translateY(0);  border-radius:10px;}  
.section-6 .activity-filter-v {position: absolute;right: -78px;bottom: 10px;}
.section-6 .video-container {position: relative;width: 100%; }
.section-6-wrap {display: flex;justify-content: space-between;width: 100%;max-width: 1270px;}
.section-6 .sidebar {width: 30%;max-width: 300px;padding: 0;display: flex;flex-direction: column;align-items: start; position:relative;}
.section-6 .middle-col {width: 70%; padding: 0;display: flex;flex-direction: column;align-items: center;}
.section-6 .logo-wrap {display: flex;justify-content: space-between;width: 100%;border-bottom: 1px solid #404243;padding-bottom: 20px;margin-bottom: 20px;
}
.section-6  a.cta-style-1 {font-size:18px; font-family:LatoRegular; text-align:center; margin:0; }
.section-6 .sidebar-nav i{margin-right:10px;}
.section-6 .sidebar-nav .active a, .section-6 .sidebar-nav .active i{color:#E31E24;}
.section-6 .sidebar-nav a{cursor:pointer; margin-bottom:25px; font-size:24px; text-decoration:none; color:#ffffff}
.section-6 .sidebar-nav a:hover{color:#E31E24;}
.section-6 .bottom-sidebar-nav {position:absolute; bottom:0; left:0}
.section-6 .bottom-sidebar-nav li{margin:0 0 10px 0; padding:0; color:#7B7B7B; font-size:13px; text-decoration:none; }
.section-6 .bottom-sidebar-nav a{color:#7B7B7B; font-size:12px; text-decoration:none; margin:0; padding:0;}
.section-6 .bottom-sidebar-nav a:hover{color:#ffffff;}
.section-6 a.back_to_gallery {font-size:24px;margin-top:20px; text-decoration:none; display:block; width:100%; text-align:left; color:#ffffff}
.section-6 a.back_to_gallery i{color:#E31E24;margin-right: 8px;}
.section-6 .for-you-section {position:relative; left:-78px;}

.section-7 { height: 100vh;width: 100%;padding: 100px 35px;display: flex;justify-content: center;align-items: center;}
.section-7 nav ul {list-style: none;margin-top: 20px;}
.section-7 nav ul li {padding: 10px 0;font-size: 18px;}
.section-7 .video-wrap2 {position: relative; z-index: 2; width: 630px; height: 754px; overflow: hidden; border-radius: 10px;}
.section-7 .iphone-video {width: 100%; height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;transition: transform 1.5s ease-in-out;}
.section-7 .video3 {transform: translateY(100%);}
.section-7 .video3.active {transform: translateY(0);}
.section-7 .activity-filter-v {position: absolute;right: 0;bottom: 10px;}
.section-7 .video-container {position: relative;width: 100%;padding-right: 78px;}
.section-7-wrap {display: flex;justify-content: space-between;width: 100%;max-width: 1270px;}
.section-7 .logo-wrap {display: flex;justify-content: space-between;width: 100%;border-bottom: 1px solid #404243;padding-bottom: 20px;margin-bottom:20px;}
.section-7 a.cta-style-1 {font-size: 18px;font-family: LatoRegular;text-align: center;margin: 0;}
.section-7 .sidebar-nav i {margin-right: 10px;}
.section-7 .sidebar-nav .active a, .section-7 .sidebar-nav .active i {color: #E31E24;}
.section-7 .sidebar-nav a {cursor: pointer;margin-bottom: 25px;font-size: 24px;text-decoration: none;color: #ffffff;}
.section-7 .sidebar-nav a:hover {color: #E31E24;}
.section-7 .bottom-sidebar-nav {position: absolute;bottom: 0;left: 0;}
.section-7 .bottom-sidebar-nav li {margin: 0 0 10px 0;padding: 0;color: #7B7B7B;font-size: 13px;text-decoration: none;}
.section-7 .bottom-sidebar-nav a {color: #7B7B7B;font-size: 12px;text-decoration: none;margin: 0;padding: 0;}
.section-7 .bottom-sidebar-nav a:hover {color: #ffffff;}
.section-7 .explore-you-section {display: flex;flex-wrap: wrap;gap: 20px;}
.section-7 .thumb-container {flex: 1 1 calc(33.333% - 20px);box-sizing: border-box;position: relative;margin-bottom: 20px; cursor:pointer}
.section-7 .like-v, .section-7 .profile-v {position: absolute;color: white;font-size: 14px; z-index:77}
.section-7 .like-v {top:auto;left: 10px; bottom:15px;}
.section-7 .profile-v {bottom: 10px;left: 10px;}
.section-7 .like-v img {max-width:29px; position:relative; top:4px; padding-right:5px;}
.section-7 .profile-v {bottom: -28px;left: 10px;white-space: nowrap;height: 29px;}
.section-7 .profile-v img {max-width:24px; position:relative; top:4px; padding-right:5px;}
.section-7 .sidebar {width: 25%; max-width: 300px;padding: 0;display: flex;flex-direction: column;align-items: start;position: relative;}
.section-7 .middle-col {width: 65%;padding: 0 30px 20px 30px;display: flex;flex-direction: column;align-items: center;}
.section-7 .right-col {max-width:221px; width: 20%;}
.section-7 .right-col img{width:100%;}
.section-7 .video-thumbnail {width:100%}
.section-7 .video-thumbnail img {width:100%; width: 100%; border-radius:18px; transition: filter 0.3s ease;}
.section-7 .video-thumbnail img:hover{ filter: grayscale(100%);}

.section-8 {height: 100vh;width: 100%;padding: 100px 35px;display: flex;justify-content: center;align-items: center;}
.section-8 nav ul {list-style: none;margin-top: 20px;}
.section-8 nav ul li {padding: 10px 0;font-size: 18px;}
.section-8 .video-wrap2 { position: relative; z-index: 2; width: 630px; height: 754px; overflow: hidden; border-radius:10px;} 
.section-8 .iphone-video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;  transition: transform 1.5s ease-in-out;} 
.section-8 .video3 {  transform: translateY(100%); } 
.section-8 .video3.active { transform: translateY(0); }  
.section-8 .activity-filter-v {position:absolute; right:0; bottom:10px;}
.section-8 .video-container {position: relative;width: 100%;padding-right: 78px;}
.section-8-wrap {display: flex;justify-content: space-between;width: 100%;max-width: 1270px;}
.section-8 .sidebar {width: 25%;max-width: 300px;padding: 0;display: flex;flex-direction: column;align-items: start; position:relative;}
.section-8 .middle-col {width: 75%; padding: 0 20px 20px 20px;display: flex;flex-direction: column;align-items: center;}
.section-8 .logo-wrap {display: flex;justify-content: space-between;width: 100%;border-bottom: 1px solid #404243;padding-bottom: 20px;margin-bottom: 20px;}
.section-8  a.cta-style-1 {font-size:18px; font-family:LatoRegular; text-align:center; margin:0; }
.section-8 .sidebar-nav i{margin-right:10px;}
.section-8 .sidebar-nav .active a, .section-8 .sidebar-nav .active i{color:#E31E24;}
.section-8 .sidebar-nav a{cursor:pointer; margin-bottom:25px; font-size:24px; text-decoration:none; color:#ffffff}
.section-8 .sidebar-nav a:hover{color:#E31E24;}
.section-8 .bottom-sidebar-nav {position:absolute; bottom:0; left:0}
.section-8 .bottom-sidebar-nav li{margin:0 0 10px 0; padding:0; color:#7B7B7B; font-size:13px; text-decoration:none; }
.section-8 .bottom-sidebar-nav a{color:#7B7B7B; font-size:12px; text-decoration:none; margin:0; padding:0;}
.section-8 .bottom-sidebar-nav a:hover{color:#ffffff;}
.section-8 .follwing-section {display: flex; flex-wrap: wrap;gap: 20px;}
.section-8 .follwing-section .thumb-container img{width:100%; max-width:213px;}
.section-8 .follwing-section > a:hover img { filter: grayscale(100%);}

#login-btn{cursor:pointer;}
#login-modal.modal {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
#login-modal .modal-content {background-color: white;margin: 10% auto;padding: 30px;border-radius: 10px;width:100%; max-width: 800px;text-align: center;}
#login-modal .close {float: right;font-size: 17px;font-weight: bold;cursor: pointer;color: #010002;border: solid 2px #010002;border-radius: 100px; height: 30px;width: 30px;text-align: center;padding: 0;line-height: 29px;}
#login-modal .close:hover {color: #E31E24;border: solid 2px #E31E24;}
#login-modal .download-links {display:flex; gap:20;}
#login-modal .download-links {margin: 50px 0 60px;display: flex;justify-content: space-evenly;}
#login-modal .download-btn {width:100%; max-width:177px; text-align:center; cursor:pointer;}
#login-modal .download-btn img{width:100%; max-width:100%;}
#login-modal h2{color:#010002; font-size:40px; padding:70px 0 5px;}
#login-modal .modal-content p{color:#010002; font-size:24px;}
#login-modal .download-links a {text-decoration:none; color:#010002; font-size:24px;}
#login-modal .download-links a:hover {opacity:0.5;}
#login-modal .login-modal-btn {cursor:pointer;}
.section-9 .bottom-sidebar-nav.bottom-sidebar-nav-mobile{display:none;}

@media (max-width: 1850px) {
.section-2 .text-content {justify-content: space-between; padding: 0 25px;}
}

@media (max-width: 1400px) {
.section-4 .left-text, .section-4 .right-text {max-width: 690px;}
.section-2 .left-text, .section-2 .right-text {font-size: 22px;max-width: 368px;}
.font-size-40 {font-size: 35px !important;}
}

@media (max-width: 1300px) {
.section-2 .left-text, .section-2 .right-text {color: #ffffff;font-size: 20px;}
.font-size-40 {font-size: 30px !important;}
}

@media (max-width: 1270px) {
.section-6 .sidebar,.section-7 .sidebar, .section-8 .sidebar {width: 30%;}
.section-4 .left-text, .section-4 .right-text {max-width: 600px;}
}

@media (max-width: 1180px) {
.section-2 .text-content {justify-content: center;padding: 0 25px;background: rgba(0,0,0,0.8);padding: 100px 35px;height: 100vh;flex-direction: column;}
.section-2 .left-text, .section-2 .right-text {	margin: 0 auto 40px; text-align: center; max-width: 538px;}
.section-4 .left-text, .section-4 .right-text {	max-width: 490px;}
.section-6 .video-wrap2 {width: 449px;}
.section-8 .follwing-section .thumb-container img {	max-width: 198px;}
.section-7 .sidebar{width: 35%;}
}

@media (max-width: 1020px) {
.section-4-wrap {justify-content: center;align-items: center;flex-direction: column; }
.section-4 .left-text, .section-4 .right-text {max-width: 90%;margin-top:40px; text-align:center}
.section-4 .text-content {background: rgba(0,0,0,0.8); padding:100px 35px; height: 100vh; position: absolute;z-index: 3;display: flex;opacity: 0;
justify-content: center;width: 100%;padding: 0;transition: opacity 1.5s ease-in-out;align-items: center;}
.section-6 .video-wrap2 {position: relative;z-index: 2;width: 630px;height: 519px;}
.section-6 .for-you-section {position: relative;left: 0;}
.section-6 .activity-filter-v {position: absolute;right: 7px;bottom: 10px;}
.section-7 .right-col {max-width: 221px;width: 20%;display: none;}
.section-6 .sidebar, .section-7 .sidebar, .section-8 .sidebar {	width: 40%;}
.section-8 .follwing-section .thumb-container img {max-width: 170px;}
.section-7 .middle-col, .section-8 .middle-col {width: 60%;}
.section-6 .video-wrap2 {position: relative;z-index: 2;width: 395px;height: 519px;}
.section-6 .middle-col {width: 60%;padding: 0;display: flex;flex-direction: column;align-items: end;}
}

@media (max-width: 768px) {
.section-1-bg-wrap img{width:100%; }
.section-1-bg-wrap {min-height: 600px;}
.section-1, .section-2, .section-3, .section-2-wrap, .section-4-wrap, .section-5, .section-6, .section-7, .section-8,.section-2 .text-content,.section-4, .section-4 .text-content { height: 100%; position:relative; }
.section-1-bg-wrap {position:relative;}
.section-2-wrap {align-items: start;}
.section-2 {height: auto;width: 100%;display: inline-block;}
.section-2 .iphone-frame {position: relative;z-index: 2;width: 100%;height: 690px;margin: 0 auto;}
.section-2 .text-content {opacity:1; padding: 70px 35px 10px;}
.section-2-wrap {align-items: start;flex-direction: column;}
.section-3 .section-3-bg1 img, .section-5 .section-5-bg1 img{width:100%;} 
.section-3-base {	position: relative;	height: auto;	z-index: 1;}
.section-3 .section-3-text, .section-4 .text-content, .section-4 .text-content2 {opacity:1; position:relative; height:auto;}
.section-4 .section-4-bg1{display:none;}
.section-4 .text-content2 {display:none;}
.section-6 .bottom-sidebar-nav, .section-7 .bottom-sidebar-nav, .section-8 .bottom-sidebar-nav {position: relative;bottom: 0;left: 0;}
.section-6, .section-7, .section-8 { padding: 50px 12px;}
.section-6-wrap, .section-7-wrap, .section-8-wrap {flex-direction: column;}
.section-6 .sidebar, .section-7 .sidebar, .section-8 .sidebar {width: 100%;}
.section-6 .middle-col, .section-7 .middle-col, .section-8 .middle-col {width: 100%;}
.section-2 .section-2-bg1, .section-2 .iphone-video.video3 {display:none;}
.section-3 .section-3-text {min-height: 320px;background: rgba(0,0,0,.7);transform:none; padding:70px 25px}
.font-size-56 {font-size: 36px !important;}
.font-size-32 {font-size: 28px !important;}
.section-5-base, .section-5-bg1 {position: relative;transform: none;height: auto; }
.section-6 .sidebar, .section-7 .sidebar, .section-7 .sidebar {width: 100%; max-width: 100%;}
.section-6 .sidebar-nav nav ul, .section-7 .sidebar-nav nav ul, .section-8 .sidebar-nav nav ul {display: flex;	justify-content: space-evenly;}
.section-6, .section-7, .section-8 {padding: 50px 25px;}
.section-6 .middle-col,.section-7 .middle-col,.section-8 .middle-col {width: 100%; align-items: center;}
.section-6 .sidebar-nav a, .section-7 .sidebar-nav a, .section-8 .sidebar-nav a {font-size:14px;}
.section-6 .sidebar-nav, .section-7 .sidebar-nav, .section-8 .sidebar-nav {width:100%; padding-bottom:20px;}
.section-6 .bottom-sidebar-nav, .section-7 .bottom-sidebar-nav, .section-8 .bottom-sidebar-nav {display:none;}
.section-8 .sidebar {max-width:100%;}
.section-9  .bottom-sidebar-nav.bottom-sidebar-nav-mobile {display:block; position:relative; margin-bottom:40px; border-top:1px solid #333333; padding-top:40px;}
.bottom-sidebar-nav.bottom-sidebar-nav-mobile ul{text-align:center}
.bottom-sidebar-nav.bottom-sidebar-nav-mobile li{margin:0 0 10px 0; padding:0; color:#7B7B7B; font-size:13px; text-decoration:none; }
.bottom-sidebar-nav.bottom-sidebar-nav-mobile a{color:#7B7B7B; font-size:12px; text-decoration:none; margin:0; padding:0;}
.bottom-sidebar-nav.bottom-sidebar-nav-mobile a:hover{color:#ffffff;}
.section-8 .follwing-section {justify-content: center;}
.section-4 .iphone-video {border-radius: 10px;}
.section-5-base, .section-5-bg1 {position: relative;transform: none;height: auto;left: auto;position: relative;	bottom: -3px;}
.section-6 .logo-wrap a, .section-7 .logo-wrap a, .section-8 .logo-wrap a{padding-right:15px;}
.section-6 .sidebar-nav i,.section-7 .sidebar-nav i,.section-8 .sidebar-nav i {margin-right: 3px;}
.section-7 .thumb-container {flex: 1 1 calc(100% - 20px); max-width: 286px; margin: 0 auto;}

.section-6 .activity-filter-v {right: 15px;}
.section-6 a.back_to_gallery {text-align: center;}
#login-modal .download-links {margin: 50px 0 60px;display: flex;justify-content: center;flex-direction: column;align-items: center;}
#login-modal .download-btn {margin-bottom: 60px;}
.section-3-text { position: absolute; z-index: 200; width: 100%; text-align: center; padding: 20px; opacity:1; transform: translateY(50px); transition: opacity 0.5s ease-out, transform 0.5s ease-out; }
.section-7 .profile-v {bottom: -30px;}
.font-size-40 {font-size: 28px !important;}
.font-size-26 {font-size: 24px !important;}
}

@media (max-width: 479px) {
#login-modal h2 {font-size: 35px;}
.section-8 .follwing-section .thumb-container img {
	max-width: 100%;
}
}