@charset "utf-8";
@font-face {
	font-family: 'samsung400';
	src: url('../fonts/samsungonearabic-400-v1-0.eot');
	src: local('?'), url('../fonts/samsungonearabic-400-v1-0.woff') format('woff'), url('../fonts/samsungonearabic-400-v1-0.ttf') format('truetype'), url('../fonts/samsungonearabic-400-v1-0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'samsung600';
	src: url('../fonts/samsungonearabic-600-v1-0.eot');
	src: local('?'), url('../fonts/samsungonearabic-600-v1-0.woff') format('woff'), url('../fonts/samsungonearabic-600-v1-0.ttf') format('truetype'), url('../fonts/samsungonearabic-600-v1-0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html { scroll-behavior: smooth; }

[dir=rtl] * {
	font-weight: inherit !important;
}

[dir=rtl] .h1,
[dir=rtl] .h2,
[dir=rtl] .h3,
[dir=rtl] .h4,
[dir=rtl] .h5,
[dir=rtl] .h6,
[dir=rtl] h1,
[dir=rtl] h2,
[dir=rtl] h3,
[dir=rtl] h4,
[dir=rtl] h5,
[dir=rtl] h6 {
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.1 !important;
}

[lang=ar] [dir=rtl] h1,
[lang=ar] [dir=rtl] h2,
[lang=ar] [dir=rtl] h3,
[lang=ar] [dir=rtl] h4,
[lang=ar] [dir=rtl] h5,
[lang=ar] [dir=rtl] h6 {
	text-align: inherit !important;
}

.footer {
	margin-top: 0 !important;
}

.cq-placeholder,
.new {
	height: auto !important;
}

p {
	margin-top: 16px;
	margin-bottom: 16px;
}

.installment.disclaimer p {
	margin-top: 12px;
	margin-bottom: 12px;
}

.video-wrapper {
	position: inherit !important;
	width: auto !important;
}

body {
	font-family: 'samsung400' !important;
	line-height: normal !important;
	font-size: 16px;
	color: inherit;
}
.mega-menu-navbar-default {
	z-index: inherit !important;
}

button:focus {
	background-color: transparent !important;
}

img {
	min-height: auto !important;
	vertical-align: revert !important;
}




.clear { clear: both; }
* { box-sizing:border-box; }
.main-container { width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden; }
.work-container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0; }
.grey-bg{ background-color: #f4f4f4; }
.black-bg{ background-color: #000000; color: #ffffff; }
.display_desktop { display: block; }
.display_mobile { display: none; }

.section1 { width: 100%; margin: 0; padding: 0; text-align: center; }
.section2 { width: 100%; margin: 0; padding: 80px 0; text-align: center; }
.section3 { width: 100%; margin: 0; padding: 0 0 80px; text-align: center; }
.section4 { width: 100%; margin: 0; padding: 0 0 80px; text-align: center; }
.section5 { width: 100%; margin: 0; padding: 0 0 80px; text-align: center; }
.section6 { width: 100%; margin: 0; padding: 0 0 80px; text-align: center; }
.section7 { width: 100%; margin: 0; padding: 80px 0; text-align: center; }
.section8 { width: 100%; margin: 0; padding: 80px 0; text-align: center; }
.disclaimer { width: 100%; margin: 0; padding: 50px 0; }

.main_kv { width: 100%; margin: 0; padding: 150px 0 0; }
.main_kv_title { width: 100%; margin: 0; padding: 0 0 40px; font-family: 'samsung600'; font-weight: 800 !important; font-size: 42px; }
.main_kv_cta { width: 100%; margin: 0; padding: 0; }
.main_kv_cta a { display: inline-block; font-weight: 600; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #000000; border: 1px solid #000000; border-radius: 7px; padding: 15px 40px; }
.main_kv_cta a:hover, .main_kv_cta a:focus { background: #000000; color: #ffffff; }
.main_kv_img { width: 100%; margin: 0; padding: 50px 0 0; }
.main_kv_img img { max-width: 100%; max-height: 100%; }

.main_title { width: 100%; margin: 0; padding: 0 0 40px; font-family: 'samsung600'; font-weight: 800 !important; font-size: 70px; }
.copy_content { width: 100%; margin: 0; padding: 0 0 40px; font-size: 20px; font-weight: 400; }
.vm_guide { width: 45%; margin: 0 auto; padding: 30px 0 100px; list-style: none; overflow: hidden; }
.vm_guide li { width: 33.33%; float: right; margin: 0; padding: 0; font-family: 'samsung600'; font-weight: 800 !important; font-size: 24px; }
.vm_guide li span { font-size: 34px; }

.device_sizes { width: 50%; margin: 0 auto; padding: 0; position: relative; }
.device_size_img { width: 100%; margin: 0; padding: 0; position: relative; z-index: 20; }
.device_size_img img { max-width: 100%; max-height: 100%; }
.device_size_copy_s8ultra, .device_size_copy_s8plus, .device_size_copy_s8 { width: 20%; margin: 0; padding: 0; position: absolute; z-index: 50; text-align: right; }
.device_size_copy_s8ultra { top: 300px; left: -130px; }
.device_size_copy_s8plus { top: 510px; left: -130px; }
.device_size_copy_s8 { top: 710px; left: -130px; }
.device_name { width: 100%; margin: 0; padding: 0 0 10px; font-family: 'samsung600'; font-weight: 800 !important; font-size: 20px; }
.device_size { width: 100%; margin: 0; padding: 0; font-family: 'samsung600'; font-weight: 800 !important; font-size: 32px; }

.sub_title { width: 100%; margin: 0; padding: 0 0 40px; font-family: 'samsung600'; font-weight: 800 !important; font-size: 40px; }
.autoframe { width: 100%; margin: 0; padding: 0; }
.autoframe img { max-width: 100%; max-height: 100%; }
.note_copy { width: 100%; margin: 0; padding: 30px 0; font-size: 12px; font-weight: 800 !important; color: #999999; }

.video_calling { width: 100%; margin: 0; padding: 0; }
.video_calling img { max-width: 100%; max-height: 100%; }

.spen { width: 100%; margin: 0; padding: 0; }
.spen img { max-width: 100%; max-height: 100%; }

.compare_chart { width: 70%; margin: 0 auto; padding: 50px 0 0; list-style: none; overflow: hidden; }
.compare_chart li { width: 33.33%; float: right; margin: 0; padding: 0 20px; }
.prod_name { width: 100%; margin: 0; padding: 0; font-family: 'samsung600'; font-weight: 800 !important; font-size: 30px; }
.prod_img { width: 100%; margin: 0; padding: 20px 0; }
.prod_img img { max-width: 100%; max-height: 100%; }
.prod_color { width: 60%; margin: 0 auto; padding: 0 0 70px; text-align: right; min-height: 180px; }
.prod_color .color_box { width: 100%; margin: 0; padding: 0 0 10px; font-weight: 400; font-size: 20px; }
.prod_color .color_box span { width: 20px; height: 20px; display: inline-block; border-radius: 50px; margin: 0 5px 0 0; padding: 0; position: relative; top: 3px; }
.prod_color .color_box.graphite span { background: #535255; }
.prod_color .color_box.silver span { background: #c9c9c8; }
.prod_color .color_box.pink_gold span { background: #dabeba; }
.spec_table_title { width: 100%; margin: 0; padding: 0 0 30px; font-family: 'samsung600'; font-weight: 800 !important; font-size: 26px; text-align: right; }
.spec_table { width: 100%; margin: 0; padding: 0 0 40px; }
.spec_big { width: 100%; margin: 0; padding: 0; font-family: 'samsung600'; font-weight: 800 !important; font-size: 30px; }
.spec_small { width: 100%; margin: 0; padding: 0; font-weight: 400; font-size: 18px; }
.spec_big img { max-width: 100%; max-height: 100%; }

.ecosystem { width: 100%; margin: 0; padding: 0; }
.ecosystem img { max-width: 100%; max-height: 100%; }

.in_the_box { width: 100%; margin: 0; padding: 0; }
.in_the_box img { max-width: 100%; max-height: 100%; }
.number_sequence { width: 40%; margin: 0 auto; padding: 50px 0 20px; list-style: none; overflow: hidden; text-align: right; }
.number_sequence li { width: 50%; float: right; margin: 0; padding: 0 0 10px; font-weight: 400; font-size: 20px; }

.disclaimer_list { width: 100%; margin: 0; padding: 0; list-style: none; }
.disclaimer_list li { font-size: 12px; font-weight: 400; margin: 0; padding: 0 0 5px; }



@media (min-width: 1025px) and (max-width: 1400px) {
	.disclaimer { padding: 50px 15px; }
	.device_size_copy_s8ultra { top: 240px; left: -110px; }
	.device_size_copy_s8plus { top: 420px; left: -110px; }
	.device_size_copy_s8 { top: 590px; left: -110px; }
	.device_size { font-size: 28px; }
	.copy_content { padding: 0 15px 40px; }
}
@media (min-width: 991px) and (max-width: 1024px) {
	.main_kv { padding: 100px 0 0; }
	.main_kv_title { font-size: 32px; }
	.main_title { font-size: 50px; }
	.copy_content { font-size: 18px; padding: 0 15px 40px; }
	.vm_guide { width: 60%; }
	.vm_guide li { font-size: 20px; }
	.vm_guide li span { font-size: 26px; }
	.device_sizes { width: 60%; }
	.device_size_copy_s8ultra { top: 250px; left: -110px; }
	.device_size_copy_s8plus { top: 440px; left: -110px; }
	.device_size_copy_s8 { top: 610px; left: -110px; }
	.device_size { font-size: 30px; }
	.sub_title { font-size: 26px; }
	.disclaimer { padding: 50px 15px; }
	.compare_chart { width: 80%; }
}
@media (min-width: 768px) and (max-width: 990px) {
	.main_kv { padding: 100px 0 0; }
	.main_kv_title { font-size: 32px; }
	.main_title { font-size: 50px; }
	.copy_content { font-size: 18px; padding: 0 15px 40px; }
	.vm_guide { width: 70%; }
	.vm_guide li { font-size: 20px; }
	.vm_guide li span { font-size: 26px; }
	.device_sizes { width: 70%; }
	.device_size_copy_s8ultra { top: 220px; left: -100px; }
	.device_size_copy_s8plus { top: 380px; left: -100px; }
	.device_size_copy_s8 { top: 530px; left: -100px; }
	.device_name { font-size: 16px; }
	.device_size { font-size: 24px; }
	.sub_title { font-size: 26px; }
	.disclaimer { padding: 50px 15px; }
	.compare_chart { width: 100%; }
	.video_calling { padding: 0 15px; }
	.ecosystem { padding: 0 15px; }
	.in_the_box { padding: 0 15px; }
	.number_sequence { width: 60%; }
}
@media (max-width: 767px) {
	.display_desktop { display: none; }
	.display_mobile { display: block; }
	
	.section2 { padding: 50px 0; }
	.section3 { padding: 0 0 50px; }
	.section4 { padding: 0 0 50px; }
	.section5 { padding: 0 0 50px; }
	.section6 { padding: 0 0 50px; }
	.section7 { padding: 50px 0; }
	.section8 { padding: 50px 0; }
	
	.main_kv { padding: 50px 0; }
	.main_kv_title { font-size: 28px; padding: 0 15px 30px; }
	
	.main_title { font-size: 32px; padding: 0 15px 30px; }
	.main_title br { display: none; }
	
	.copy_content { font-size: 16px; padding: 0 15px 30px; }
	/*.copy_content br { display: none; }*/
	
	.vm_guide { width: 100%; padding: 30px 15px 60px; }
	.vm_guide li { font-size: 18px; }
	.vm_guide li span { font-size: 30px; }
	.device_sizes { width: 100%; }
	
	.device_size_copy_s8ultra { top: 230px; left: -10px; }
	.device_name { font-size: 14px; }
	.device_size { font-size: 24px; }
	.device_size_copy_s8plus { top: 425px; left: -10px; }
	.device_size_copy_s8 { top: 600px; left: -10px; }
	
	.sub_title { font-size: 22px; padding: 0 15px 30px; }
	
	.video_calling { padding: 0 15px; }
	.ecosystem { padding: 0 15px; }
	.in_the_box { padding: 0 15px; }
	
	.number_sequence { width: 100%; padding: 50px 15px 20px; }
	.number_sequence li { font-size: 16px; }
	
	.note_copy { padding: 30px 15px; }
	
	.disclaimer { padding: 50px 15px; }
	
	.compare_chart { width: 100%; padding: 30px 0 0; }
	.compare_chart li { padding: 0 15px; }
	.prod_name { font-size: 18px; min-height: 70px; }
	.prod_color { width: 100%; min-height: 105px; padding: 0 0 30px; }
	.prod_color .color_box { font-size: 16px; padding: 0 0 5px; }
	.prod_color .color_box span { width: 15px; height: 15px; }
	.spec_table_title { font-size: 14px; }
	.spec_table { padding: 0 0 30px; }
	.spec_big { font-size: 16px; }
	.spec_small { font-size: 14px; }
}
@media (max-width: 414px) {
	.device_size_copy_s8ultra { top: 270px; left: 0; }
	.device_size_copy_s8plus { top: 490px; left: 0; }
	.device_size_copy_s8 { top: 700px; left: 0; }
}
@media (max-width: 390px) {
	.device_size_copy_s8ultra { top: 250px; left: 0; }
	.device_size_copy_s8plus { top: 460px; left: 0; }
	.device_size_copy_s8 { top: 660px; left: 0; }
}
@media (max-width: 375px) {
	.device_size_copy_s8ultra { top: 245px; left: 0; }
	.device_size_copy_s8plus { top: 450px; left: 0; }
	.device_size_copy_s8 { top: 640px; left: 0; }
	.device_name { font-size: 12px; }
}
@media (max-width: 360px) {
	.device_size_copy_s8ultra { top: 235px; left: 0; }
	.device_size_copy_s8plus { top: 425px; left: 0; }
	.device_size_copy_s8 { top: 610px; left: 0; }
}