body{ background-color: #000; color: #fff; margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica;}

.sony_contrainer{ width: 100vw; height: 100vh; margin: 0; padding: 0; display: block; position: fixed; overflow-y: scroll;-ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */ scroll-behavior: smooth;  -webkit-overflow-scrolling: touch; scroll-snap-type: mandatory;  scroll-snap-type: y mandatory;}
.sony_contrainer::-webkit-scrollbar { display: none;}
.sony_contrainer .navbar{ width: 94vw; padding: 4vh 3vw; margin: 0; position: fixed; display: table; background-color: #000; z-index: 10; min-width: 1000px; }
.sony_contrainer .navbar img{ width: 18vh;}
.sony_contrainer .navbar .logo{ display: inline-table; vertical-align: middle; width: 15%;}
.sony_contrainer .navbar .button{ display: inline-table; vertical-align: middle; width: 68%; text-align: center;}
.sony_contrainer .navbar .button .btn{ display: inline-table; vertical-align: middle; font-size: 2.4vh; padding: 0 2vw; cursor: pointer;}
.sony_contrainer .navbar .button .btn:hover{ opacity: 0.8;}
.sony_contrainer .navbar .ctl{ text-align: right; float: right;}
.sony_contrainer .navbar .ctl img{ width: 23vh;}

.sony_contrainer .content{ width: 96vw; height: 96vh; padding: 2vh 2vw; text-align: center; scroll-snap-align: start; min-width: 1000px; scroll-behavior: smooth;}
.sony_contrainer .content .section{ font-size: 4vh; font-weight: bold; margin-top: 12vh; }
.sony_contrainer .content hr{ width: 3vw; border: 0; border-top: 0.5vh solid #000; margin: 1vh auto;}
.sony_contrainer .content span.text{ font-size: 3.2vh; font-weight: bolder; margin: 5vh auto 4vh; display: block;}

.sony_contrainer .content_head{ padding: 0; margin: 0; width: 100vw; height: auto; margin-top: 11vh;}


.sony_contrainer .img_head{ background-image: url("../image/sony_banner1.jpeg"); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100vw; height: 60vh; /*margin-top: 11vh;*/ padding: 0;}
.sony_contrainer .about_us{ background-color: #fff; color: #000; }
.sony_contrainer .about_us .about_content{ display: table; width: 100%; text-align: center; }
.sony_contrainer .about_us .about_content .about_box{ display: inline-table; vertical-align: middle; width: 23%; height: 53vh; margin: 0 1%; background-color: #000; color: #fff; padding: 4vh 2.3vw 2vh; text-align: left; border-radius: 5vh;}
.sony_contrainer .about_us .about_content .about_box .head{ display: block; font-size: 3vh; font-weight: bold; margin: 2vh auto 4vh;}
.sony_contrainer .about_us .about_content .about_box:first-child .head{ margin: 5vh auto;}
.sony_contrainer .about_us .about_content .about_box span.content{ font-size: 2.3vh; padding: 0;}


.sony_contrainer .acs{ background-image: linear-gradient(to top, rgba(0,0,0,0.3) 20%,
              rgba(0,0,0,0.3)), url("../image/sony_acs.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.sony_contrainer .acs .section{ text-shadow: 10px 10px 13px rgba(0,0,0,0.75); margin-bottom: 4vh;}
.sony_contrainer .acs hr{ border-top: 0.5vh solid #fff; width: 5vw;}
.sony_contrainer .acs span.text{ font-size: 3.3vh; text-shadow: 10px 10px 13px rgba(0,0,0,0.75); }
.sony_contrainer .acs .sets{ display: table; width: 100%; text-align: center; }
.sony_contrainer .acs .sets span.num{ display: inline-table; padding: 1vh 2vw; border-right: 0.2vh solid #fff; font-size: 2.5vh; font-weight: 600; text-shadow: 10px 10px 10px rgba(0,0,0,0.80); }
.sony_contrainer .acs .sets span.num:last-child{ border: none;}
.sony_contrainer .acs .acs_content{ display: table; width: 100%; text-align: center; margin-top: 3vh;}
.sony_contrainer .acs .acs_content .data{ display: inline-table; width: 30%; padding: 1vh 1%; margin: 1vh auto;}
.sony_contrainer .acs .acs_content .data img{ width: 6.5vh; display: block; margin: 0 auto; filter: drop-shadow(10px 10px 13px black);}
.sony_contrainer .acs .acs_content .data span.data{ width: 100%; display: block; text-shadow: 10px 10px 10px rgba(0,0,0,0.90); margin-top: 1vh; font-size: 2.8vh;}




.sony_contrainer .contact_us{ background-color: #fff; color: #000;}
.sony_contrainer .contact_us .section{ margin-top: 15vh;}
.sony_contrainer .contact_us hr{ width: 5vw; margin-top: 3vh; margin-bottom: 2vh;}
.sony_contrainer .contact_us .contact{ margin-top: 10vh;}
.sony_contrainer .contact_us .address{ display: table; width: 47%; margin: 3vh auto 0; text-align: left;}
.sony_contrainer .contact_us .address .icon{ display: inline-table; vertical-align: middle; width: 5vw; text-align: center; font-size: 1.8vh; margin-right: 2vw;}
.sony_contrainer .contact_us .address:first-child .icon{ vertical-align: top; margin-top: 1.5vh;}
.sony_contrainer .contact_us .address .icon img{ width: 3vh; display: block; margin: 0 auto 1vh;}
.sony_contrainer .contact_us .address .add{ display: inline-table; vertical-align: middle; font-size: 2.7vh; line-height: 5vh;}
.sony_contrainer .contact_us .address .add span{ font-weight: bold; font-size: 2.7vh; display: block;}

.sony_contrainer .navbar_mb{ display: none;}
.sony_contrainer .menu_blackdrop{ display: none;}
.sony_contrainer .acs .sets_mb{ display: none;}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 820px)
and (orientation : portrait)
{
	
	
	.sony_contrainer .navbar{ display: none; min-width: auto; width: 96vw; padding: 1.5vh 2vw; text-align: left;}
	.sony_contrainer .navbar_mb{ display: table !important;}
	.sony_contrainer .navbar img { width: 10vh;}
	.sony_contrainer .navbar .logo{ width: auto; text-align: left; padding: 1vh 2vw;}
	.sony_contrainer .navbar .menu{ float: right; margin-right: 2vw;}
	.sony_contrainer .navbar .menu img{ width: 3.5vh;}
	.sony_contrainer .navbar .ctl{ border:none; border-left: 0.3vh solid #fff; float: none;}
	.sony_contrainer .navbar .ctl img { width: 16vh;}
	
	
	.sony_contrainer .menu_blackdrop{ display: none; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.6); position: fixed; top: 0; z-index: 10; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);}
	.sony_contrainer .menu_blackdrop .menu_tab{ margin-right: 0; margin-left: auto; background-color: #fff; color: #000; width: 70vw; height: 100vh; padding: 2vh 5vw; box-shadow: -5px 5px 8px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: -5px 5px 8px 2px rgba(0,0,0,0.3);
-moz-box-shadow: -5px 5px 8px 2px rgba(0,0,0,0.3);}
	.sony_contrainer .menu_blackdrop .menu_tab .close{ text-align: right; font-size: 3vh; margin-bottom: 3vh; }
	.sony_contrainer .menu_blackdrop .menu_tab .mn{ font-size: 2.5vh; margin: 2vh auto;}
	
	
	.sony_contrainer .content{ min-width: auto;}
	.sony_contrainer .content_head{ margin-top: 0;}
	.sony_contrainer .img_head{ background-position-x: 75%; background-position-y: 4.5vh;}
	.sony_contrainer .content .section{ margin-top: 7vh; font-size: 3vh;}
	.sony_contrainer .content span.text{ margin: 3vh auto 1.5vh; font-size: 2.6vh;}
	.sony_contrainer .about_us .about_content .about_box { display: block; margin: 0 auto 1vh; width: 87%; padding: 2vh 5% 3vh; border-radius: 3vh; height: auto;}
	.sony_contrainer .about_us .about_content .about_box:first-child .head { margin: 1vh auto;}
	.sony_contrainer .about_us .about_content .about_box .head {margin: 1vh auto; font-size: 1.8vh;}
	.sony_contrainer .about_us .about_content .about_box .head br{ display: none;}
	.sony_contrainer .about_us .about_content .about_box span.content{ font-size: 1.5vh; margin-top: 1vh; display: block; text-align: left; width: 100%; height: auto;}
	
	
	.sony_contrainer .acs span.text{ font-size: 2vh;}
	.sony_contrainer .acs .sets span.num{ font-size: 1.3vh;}
	.sony_contrainer .acs .sets{ display: none;}
	.sony_contrainer .acs .sets_mb{ display: table !important;}
	.sony_contrainer .acs .acs_content .data{ width: 50%; padding: 1vh 0; margin: 0vh auto;}
	.sony_contrainer .acs .acs_content .data img{ width: 4vh;}
	.sony_contrainer .acs .acs_content .data span.data{ font-size: 1.5vh;}
	
	
	
	.sony_contrainer .contact_us .address{ width: 100%; margin: 2vh auto 0;}
	.sony_contrainer .contact_us .contact { margin-top: 5vh;}
	.sony_contrainer .contact_us .address .icon{ font-size: 1.2vh; width: 15vw;}
	.sony_contrainer .contact_us .address .add span{ font-size: 1.7vh;}
	.sony_contrainer .contact_us .address .add{ font-size: 1.8vh; width: 80%; line-height: 3vh;}
	.sony_contrainer .contact_us .address .add br{ display: none;}
	.sony_contrainer .contact_us .address:first-child .icon{ margin-top: 1vh;}
	.sony_contrainer .contact_us .address .icon img{ margin-bottom: 0.3vh;}
	
	
}






@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 820px)
and (orientation : landscape)
{
	
	.sony_contrainer .navbar{ min-width: auto;}
	.sony_contrainer .content{ min-width: auto;}
	
	.sony_contrainer .navbar{ padding: 2vh 3vw;}
	.sony_contrainer .navbar .button .btn{ padding: 0; margin: 0 2vw;}
	.sony_contrainer .navbar .button .btn:hover{ opacity: 1; font-weight: bolder;}
	
	
	
	.sony_contrainer .content .section{ margin-top: 8vh;}
	
	.sony_contrainer .content span.text{ margin: 3vh auto 2vh;}
	.sony_contrainer .about_us .about_content .about_box{ padding: 2vh 2.3vw 1vh; height: 46vh;}
	.sony_contrainer .about_us .about_content .about_box .head{ font-size: 2.7vh; margin-bottom: 2vh;}
	.sony_contrainer .about_us .about_content .about_box:first-child .head{ margin: 3.5vh auto;}
	.sony_contrainer .about_us .about_content .about_box span.content{ font-size: 2.2vh;}
	
	
	.sony_contrainer .acs span.text{ font-size: 3vh; }
	.sony_contrainer .acs .sets span.num{ font-size: 2vh;}
	.sony_contrainer .acs .acs_content .data{ margin: 0 auto;}
	.sony_contrainer .acs .acs_content .data img{ font-size: 4vh;}
	.sony_contrainer .acs .acs_content .data span.data{ font-size: 2.2vh; margin-top: 0;}
	
	
	.sony_contrainer .contact_us .section { margin-top: 8vh;}
	
}







/*------Ipad------ portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait){
	
	.sony_contrainer .navbar .menu img { width: 3vh;}
	.sony_contrainer .navbar .ctl{ border-left: 0.1vh solid #fff;}
	
	.sony_contrainer .content .section{ font-size: 3.5vh;}
	.sony_contrainer .content span.text{ font-size: 2.5vh;}
	.sony_contrainer .about_us .about_content .about_box .head{ font-size: 2.2vh;}
	.sony_contrainer .about_us .about_content .about_box span.content{ font-size: 1.8vh;}
	
	
	.sony_contrainer .img_head {background-position-y: 0; top: 0;}
	
	.sony_contrainer .acs span.text{ font-size: 2.5vh;}
	.sony_contrainer .acs .sets span.num { font-size: 1.7vh;}
	.sony_contrainer .acs .acs_content .data img{ margin: 1.5vh auto 0; width: 4.5vh;}
	.sony_contrainer .acs .acs_content .data span.data { font-size: 1.8vh;}
	
	
	.sony_contrainer .contact_us .contact { margin-top: 7vh;}
	.sony_contrainer .contact_us .address{ width: 90%; margin-top: 3vh;}
	.sony_contrainer .contact_us .address .icon{ font-size: 1.5vh;}
	.sony_contrainer .contact_us .address .icon img{ width: 4vh;}
	.sony_contrainer .contact_us .address .add{ width: 70%; font-size: 2vh;}
	.sony_contrainer .contact_us .address .add span{ font-size: 2vh;}
	
	
}



/*------Ipad------ portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape){
	
	.sony_contrainer .navbar{ min-width: auto;}
	.sony_contrainer .content{ min-width: auto;}
	
	.sony_contrainer .navbar{ padding: 3vh 2vw; width: 96vw;}
	.sony_contrainer .navbar img { width: 15vh;}
	.sony_contrainer .navbar .button .btn{ font-size: 2.2vh;}
	.sony_contrainer .navbar .ctl img { width: 19vh;}
	
	.sony_contrainer .content .section{ margin-top: 10vh;}
	.sony_contrainer .about_us .about_content .about_box{ width: 26%; padding: 2vh 2.3vw 1vh;}
	.sony_contrainer .about_us .about_content .about_box:first-child .head { margin: 3vh auto;}
	.sony_contrainer .about_us .about_content .about_box .head{ margin: 1vh auto 1.5vh; font-size: 2.8vh;}
	
	
	.sony_contrainer .acs .sets span.num{ font-size: 2vh;}
	
	.sony_contrainer .contact_us .address{ width: 60%;}
	.sony_contrainer .contact_us .address .icon{ width: 8vw;}
	
	
}