@font-face {
    font-family: 'kingthings_printingkitregular';
    src: url('font/Kingthings_Printingkit-webfont.eot');
    src: url('font/Kingthings_Printingkit-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Kingthings_Printingkit-webfont.woff2') format('woff2'),
         url('font/Kingthings_Printingkit-webfont.woff') format('woff'),
         url('font/Kingthings_Printingkit-webfont.ttf') format('truetype'),
         url('font/Kingthings_Printingkit-webfont.svg#kingthings_printingkitregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'Conv_fodo';
	src: url('font/fodo.eot');
	src: local('☺'), url('font/fodo.woff') format('woff'), url('font/fodo.ttf') format('truetype'), url('font/fodo.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{
padding:0px;
margin:0px;
}
#psw{
    font-family: 'kingthings_printingkitregular';
}

.control{
    position: absolute;
    background: #ddd;
    padding: 3px;
    border-radius: 50px;
    height: 40px;
    top: 10px;
    left: 10px;
    z-index:999;
}
.control img{
  height: 100%;  
}
.ss {
    font-family: 'kingthings_printingkitregular';
    margin-bottom: 14px;
    font-size: 40px;
    margin-top: 10px;
}
.sss.ss {
    font-family: 'kingthings_printingkitregular';
    margin-bottom: 14px;
    font-size: 25px;
    margin-top: 10px;
}
.color-box-content{
    display: grid;
    grid-template-columns: auto auto auto auto;
    width: 920px;
    margin: 0px auto;

}
.hyu img {
    margin: 0px auto !important;
    display: table;
}
#remove{
	float:right;
}
#sub{
	 pointer-events: none;
  cursor: pointer;
  opacity:.5;
  
}
#sub.class{
	 pointer-events: inherit;
  cursor: pointer;
  opacity:1;
  
}
.color-select img , .colr1 img{
	width:90%;
}
.color-select{
	position:relative;
}
.color-select input{
	position:absolute;
}
.color-select:nth-child(1) input , .color-select:nth-child(2) input , .color-select:nth-child(3) input , .color-select:nth-child(4) input{
    top: -4px;
    right: 5px;
}
.btm .color-select:nth-child(1) input , .btm .color-select:nth-child(2) input , .btm .color-select:nth-child(4) input , .btm .color-select:nth-child(3) input{
    bottom: 2px;
    right: 5px;
    top: inherit;
}
.color-box {
position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    text-align: center;
}
.color-box button{
padding: 0px;
    background: none;
    border: none;
    height: 60px;
    cursor: pointer;
	 margin-top: 20px;
}
.color-box button img{
	height:100%;
}
.color-box button:disabled img{
	opacity:.5;
	cursor: inherit;
   
}
#third , #fifth , #seventh , #nineth , #ninethh, #nineth1, #nineth2, #nineth3, #nineth4{
    display: none;
    background: url(images/bg2.png) no-repeat;
    position: absolute;
    top: 100px;
    left: 100px;
    width: calc(100% - 200px);
    height: calc(100vh - 200px);
    background-size: cover;
}

body{
padding:0px;
margin:0px;
font-family: sans-serif;
}
.fulldiv{
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: 100vh;
	align-items:center;
	overflow:hidden;
}
.fulldiv.hm11{
 background: url(images/bg.jpg);
    background-size: cover;
}
.fulldiv.hm11 .sec3{

	width:100%;
}
.fulldiv.hm1{
    background-color: #000;
}
.flue-container{
    width: 1140px;
    height: auto;
    margin: 0px auto;
}
.hm1 .hm-box {
width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: grid;
    align-items: center;
}
.hm1 .hm-box a.arro-btn img{
    margin: 0px auto;
    display: block;
		animation-delay:15s;
    -moz-animation: fadein 15s; /* Firefox */
    -webkit-animation: fadein 15s; /* Safari and Chrome */
    -o-animation: fadein 15s;
}
.hm1 .hm-box h3{
    text-align: center;
    color: #000;
    font-family: 'kingthings_printingkitregular';
    margin: 0px;
    padding: 0px;
    font-weight: 400;

    font-size: 40px;
	line-height:41px;
    margin-bottom: 20px;
}
.scn2 video {
    min-height: 100vh;
}
.space{
	width:100%;
    height: 20px;
    display: table;
}
.loading{
    text-align: center;
    font-size: 18px;
    width: 100%;
    height: 100vh;
    align-items: center;
    display: grid;
	transition: max-height 0.15s ease-out;
}
.loading img{
	width:auto !important;
	margin:0px auto;
	-webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
}

.hm2 .flue-container {
    width: 90%;
    height: auto;
    margin: 0px auto;
}
.fadb p{
	margin-bottom:20px;
	font-family: 'kingthings_printingkitregular';
	font-size:37px;
	text-align:center;
	line-height:38px;
		
}
.index{
    height: 100vh;
    display: block;
    align-items: center;
    width: 100%;
    position: relative;
}
.arro-btn0 , .arro-btn , .arro-btn2 , .arro-btn3, .arro-btn4, .arro-btn5, .arro-btn6{
background: url(images/right-arrow.png) center no-repeat;
    width: 100px;
    height: 65px;
    margin: 0px auto;
    display: table;

	opacity:0;
}
.arro-btn0.class , .arro-btn.class , .arro-btn2.class, .arro-btn3.class, .arro-btn4.class, .arro-btn5.class, .arro-btn6.class{
	    animation-delay: 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;
	transform: translateY(0%);
	opacity:1;
}
.arro-btn img , .arro-btn2 img , .arro-btn3 img, .arro-btn4 img, .arro-btn5 img, .arro-btn6 img{
	display:none;
}
.loading.classToadd{
    height:100vh;	
	background:url(images/logo.png) center no-repeat;
	transition: max-height 0.15s ease-out;
	-webkit-transform: scale(.9) rotate(0.01deg);
        transform: scale(.9) rotate(0.01deg);
	-webkit-transition: -webkit-transform .9s;
}
.loading.classToadd.class{
    max-height:45vh;
	-webkit-transform: scale(.9) rotate(0.01deg);
        transform: scale(.9) rotate(0.01deg);
	-webkit-transition: -webkit-transform .9s;
		    animation-delay: 4s;
    -moz-animation: mup 4s;
    -webkit-animation: mup 4s;
    -o-animation: mup 4s;
	transform: translateY(0%);
}
.loading.classToadd.classs{
    max-height:40vh;
}
.loading.classToadd img {
      -webkit-transform: scale(.5) rotate(0.01deg);
        transform: scale(.5) rotate(0.01deg);
	-webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
	    margin: -51px auto 0px;
		opacity:0;
}
#fade{
opacity:0;	
}
#fade.class{
	animation-delay: 4s;
    -moz-animation: fadein 4s;
    -webkit-animation: fadein 4s;
    -o-animation: fadein 4s;
	opacity:1;
}
@keyframes mup {
    from {
		transform: translateY(65%);
    }
    to {
		transform: translateY(0%);
    }
}

@-moz-keyframes mup  { /* Firefox */
    from {
		transform: translateY(65%);
    }
    to {
		transform: translateY(0%);
    }
}
@-webkit-keyframes mup  { /* Safari and Chrome */
    from {
		transform: translateY(65%);
    }
    to {
		transform: translateY(0%);
    }
}
@-o-keyframes mup  { /* Opera */
    from {
		transform: translateY(65%);
    }
    to {
		transform: translateY(0%);
    }
}
@keyframes fadeinmoveup {
    from {
        opacity:0;
		transform: translateY(180%);
    }
    to {
        opacity: 1;
		transform: translateY(0%);
    }
}

@-moz-keyframes fadeinmoveup  { /* Firefox */
    from {
        opacity:0;
		transform: translateY(180%);
    }
    to {
        opacity: 1;
		transform: translateY(0%);
    }
}
@-webkit-keyframes fadeinmoveup  { /* Safari and Chrome */
    from {
        opacity:0;
		transform: translateY(180%);
    }
    to {
        opacity: 1;
		transform: translateY(0%);
    }
}
@-o-keyframes fadeinmoveup  { /* Opera */
    from {
        opacity:0;
		transform: translateY(180%);
    }
    to {
        opacity: 1;
		transform: translateY(0%);
    }
}


@keyframes move-up {
    transform: translate(0,-350px);
    -webkit-transform: translate(0,-350px);
    -o-transform: translate(0,-350px); 
    -moz-transform: translate(0,-350px);

}


@keyframes fadeinmove-up {
    from {
        opacity:0;
		transform: translateY(100%);
    }
    to {
        opacity: 1;
		transform: translateY(-100%);
    }
}

@-moz-keyframes fadeinmove-up  { /* Firefox */
    from {
        opacity:0;
		transform: translateY(100%);
    }
    to {
        opacity: 1;
		transform: translateY(-100%);
    }
}
@-webkit-keyframes fadeinmove-up  { /* Safari and Chrome */
    from {
        opacity:0;
		transform: translateY(100%);
    }
    to {
        opacity: 1;
		transform: translateY(-100%);
    }
}
@-o-keyframes fadeinmove-up  { /* Opera */
    from {
        opacity:0;
		transform: translateY(100%);
    }
    to {
        opacity: 1;
		transform: translateY(-100%);
    }
}




@keyframes moveup {
    from {
        opacity:0;
		transform: translateY(100%);
    }
    to {
        opacity: 1;
		transform: translateY(0%);
    }
}

@-moz-keyframes moveup  { /* Firefox */
    from {
        opacity:0;
		transform: translateY(100%);
    }
    to {
        opacity: 1;
		transform: translateY(0%);
    }
}
@-webkit-keyframes moveup  { /* Safari and Chrome */
    from {
        opacity:0;
		transform: translateY(100%);
    }
    to {
        opacity: 1;
		transform: translateY(0%);
    }
}
@-o-keyframes moveup  { /* Opera */
    from {
        opacity:0;
		transform: translateY(100%);
    }
    to {
        opacity: 1;
		transform: translateY(0%);
    }
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.scn2 video {
    width: auto !important;
    height: 100%;
    margin: 0px auto 0px;
    display: block;
    align-items: center;
}
.scn5 .color-box{
width:100%;
height:100%;
position:absolute;
top:0%;
left:0%;
background-color:#000000bf;	
}
.scn5 .color-box-content{
width:650px;
height:400px;
position:relative;
top:50%;
left:50%;
transform:translate(-50%, -50%);
background:url(images/texturebg.png) no-repeat;
background-position:center;
background-size:cover;
}
.scn5{
position:relative;	
}
#div1 {
  width: 100%;
  height:90px;
  padding: 0px;
}

.hide {
    position: absolute;
    top: 294px;
    left: 280px;
    width: 810px;
    height: 188px;
    text-align: center;
    background: #000;
}
.hide img {
    width: auto !important;
    height: 100%;
    margin: 0px !important;
}
.over{
    display: grid;
    height: 35vh;
    align-items: center;
}
.over img{
    height:250px;
    width: auto !important;
    margin: 0px auto;
    display: table;
}
.overtext p{
    font-family: 'kingthings_printingkitregular';
    font-size: 40px;
    width: auto;
    display: table;
    padding: 10px 30px;
    border: 3px dashed #000;
    margin: 0px auto 20px;
}
.txtt {
text-align: center;
    font-family: 'kingthings_printingkitregular';
    font-size: 40px;
    margin-top: 70px;
    width: auto;
    margin: 0px auto 40px;
    display: table;
    border: 3px dashed #000;
    padding: 10px 20px;
}
.scroll{
    text-align: center;
    font-family: 'kingthings_printingkitregular';
    font-size: 24px;
    margin: 41px 0px 40px;
    height: 165px;
    /* height: auto; */
    overflow-y: scroll;
}
.scroll span{
    color:#cc0000;
}
.scroll a{
    color:#0563c1;
    text-decoration:none;
}
.scroll{
    padding:0px 50px;
}
.sec30{
    margin: -50px auto;
    display: table;
}
.overtext .arro-btn {
    background: url(images/right-arrow.png) center no-repeat;
    width: 30px;
    height: 30px;
    margin: 0px auto;
    display: table;

    transform: translateY(0%);
    border: 3px #000 solid;
    margin: 20px auto;
    background-size: 18px;
    padding: 10px;
    border-radius: 40px;
	opacity: 1;
}
.copy {
    margin-top: 40px;
    text-align: center;
    font-family: 'kingthings_printingkitregular';
    font-size: 35px;
    line-height: 40px;
}
.hide1 {
  display: none;
}
.hide2 {
  display: none;
}
.hide3 {
  display: none;
}.hide4 {
  display: none;
}.hide5 {
  display: none;
}.hide6 {
  display: none;
}.hide7 {
  display: none;
}.hide8 {
  display: none;
}.hide9 {
  display: none;
}.hide10 {
  display: none;
}.hide11 {
  display: none;
}.hide12 {
  display: none;
}.hide13 {
  display: none;
}.hide14 {
  display: none;
}.hide15 {
  display: none;
}.hide16 {
  display: none;
}.hide17 {
  display: none;
}.hide18 {
  display: none;
}.hide19 {
  display: none;
}.hide20 {
  display: none;
}.hide21 {
  display: none;
}.hide22 {
  display: none;
}.hide23 {
  display: none;
}.hide24 {
  display: none;
}.hide25 {
  display: none;
}.hide26 {
  display: none;
}
	
#div1 img{
background:#fff;}	

   

#drag1:hover ~ .hide1,#drag2:hover ~ .hide2,#drag3:hover ~ .hide3,#drag4:hover ~ .hide4,#drag5:hover ~ .hide5,#drag6:hover ~ .hide6,#drag7:hover ~ .hide7,#drag8:hover ~ .hide8,#drag9:hover ~ .hide9,#drag10:hover ~ .hide10,#drag11:hover ~ .hide11,#drag12:hover ~ .hide12,#drag13:hover ~ .hide13,#drag14:hover ~ .hide14,#drag15:hover ~ .hide15,#drag16:hover ~ .hide16,#drag17:hover ~ .hide17,#drag18:hover ~ .hide18,#drag19:hover ~ .hide19,#drag20:hover ~ .hide20,#drag21:hover ~ .hide21,#drag22:hover ~ .hide22,#drag23:hover ~ .hide23,#drag24:hover ~ .hide24,#drag25:hover ~ .hide25,#drag26:hover ~ .hide26 {
  display: block;
  color: red;

}

#ninethh {
top: 50%;
    left: 50%;
    height: auto;
    padding-bottom: 20px;
    transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
#ninethh img {
    width: 80px;
    margin: 5px;
}
#ninethh .tbl2{
	width:98%;
	height:80px;
}
#ninethh .tbl2 img {
    width: 80px;
    margin: 0px;
}
#ninethh .ss {
    width: 98%;
    margin: 0 auto 20px;
}
.black{
	background:#000;
}
.page {
        width: 21cm;
        max-height: 29.7cm;
        padding: 0cm;
        background: white;
		overflow: hidden;
    }
	.subpage{
    margin: 1.6cm 1.5cm;
    overflow: hidden;
    height: calc(29.7cm - 3.2cm);
	}
	
	#letter-main li{
width: 15px;
    text-align: center;
    font-family: 'kingthings_printingkitregular';
    font-size: 14pt;
    line-height: 25.7px;
    float: left;	
	}
	.demo2{
	}
	.demo3{
	font-family: 'Conv_fodo' !important;	
	}
	#div1 {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
	    padding-right: 100px;
    width: calc(1100px - 100px) !important;
	padding-top:10px;
}
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.video-controls {
    position: absolute;
    top: 15px;
    left: 55px;
	z-index:999;
}
#third.block, #fifth.block, #seventh.block , #nineth.block , #nineth1.block , #nineth2.block , #nineth3.block , #nineth4.block  {
	   animation-delay: 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;
	display:block;
}
#fde{
	opacity:0;
}
#fde.class{
	animation-delay: 25s;
    -moz-animation: fadein 25s;
    -webkit-animation: fadein 25s;
    -o-animation: fadein 25s;
	opacity:1;
}
#fdee ,#fdee2,#fdee3,#fdee4,#fdee5,#fdee6,#fdee7,#fdee8{
	opacity:0;
}
#fdee.class , #fdee2.class, #fdee3.class, #fdee4.class, #fdee5.class, #fdee6.class, #fdee7.class, #fdee8.class{
	animation-delay: 4s;
    -moz-animation: fadein 4s;
    -webkit-animation: fadein 4s;
    -o-animation: fadein 4s;
	opacity:1;
}
.loading.classToadd.classs {
    opacity: 0;
}
.loading.classToadd.classs.fadeinclass{
	animation-delay: 4s;
    -moz-animation: fadein 4s;
    -webkit-animation: fadein 4s;
    -o-animation: fadein 4s;
	opacity:1;
}
.mute-video{
    background: url(images/mute.png) no-repeat;
    width: 44px;
    height: 30px;
    border: none;
    text-indent: -99999px;
    top: 20px;
    left: 20px;
}
.mute-video.unmute-video{
    background: url(images/unmute.png) no-repeat;
    width: 44px;
    height: 30px;
    border: none;
    text-indent: -99999px;
    top: 20px;
    left: 20px;
}
.fullscreen{
    background: url(images/fullscreen.png) no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    text-indent: -99999px;
    top: 13px;
    left: 10px;
    position: absolute;
	z-index:999;
}
.copy p a{
	color:#000;
	text-decoration:none;
}

#box video {
    width: auto !important;
    height: 100% !important;
    left: 50% !important;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
#bd-1, #bd0, #bd1, #bd2, #bd3, #bd4, #bd5, #bd6, #bd7, #bd8, #bd9, #bd10{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100vh;
	overflow:hidden;
}
#bd-1{
	z-index:12;
}
#bd0{
	z-index:11;
}
#bd1{
	z-index:10;
}
#bd2{
	z-index:9;
}
#bd3{
	z-index:8;
}
#bd4{
	z-index:7;
}
#bd5{
	z-index:6;
}
#bd6{
	z-index:5;
}
#bd7{
	z-index:4;
}
#bd8{
	z-index:3;
}
#bd9{
	z-index:2;
}
#bd10{
	z-index:1;
}
#bd1 , #bd2, #bd3, #bd4, #bd5, #bd6, #bd7, #bd8, #bd9, #bd10{
    background: #000;	
}
@media screen and (max-width:2560px){
   #ninethh {

    width: calc(100% - 1190px);
} 
}
@media screen and (max-width:1920px){
   #ninethh {

    width: calc(100% - 550px);
} 
}
@media screen and (max-width:1800px){
#ninethh img {
    width: 68px;
    margin: 5px;
}
#div1 {
    width: calc(1100px - 230px) !important;
}
.hm2 .fadb.class img {
    height: 20px;
}	
.hide {
    position: absolute;
    top: 259px;
    left: 246px;
    width: 703px;
    height: 165px;
    text-align: center;
    background: #000;
}
.yy{
    width: 10px !important;
}
#div1 {
    height: 75px;
}
#ninethh .tbl2 img {
    width: 60px;
}
}
@media screen and (max-width:1680px){
	.fadb p {
    margin-bottom: 20px;
    font-family: 'kingthings_printingkitregular';
    font-size: 30px;
    text-align: center;
    line-height: 34px;
}
	#ninethh {
    top: 50%;
    left: 50%;
    width: calc(100% - 385px);
    height: auto;
    padding-bottom: 20px;
    transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.scn2 video {
    width: 100% !important;
    height: auto;
    margin: 0px auto 0px;
}

#ninethh img {
    width: 75px;
}
.hide {
    top: 279px;
    left: 268px;
    width: 765px;
    height: 178px;
}
#ninethh .tbl2 img {
    width: 75px;
}	
.scroll {
    margin: 40px 0px;
}
.hm1 .hm-box h3 {
    font-size: 35px;
    line-height: 37px;
}
.arro-btn img {
    height: 40px;
}
.arro-btn {
    width: 32px;
    height: 40px;
    background-size: contain;
}
#ninethh img {
    width: 68px;
    margin: 5px;
}
#div1 {
    width: calc(1100px - 230px) !important;
}
.hm2 .fadb.class img{
    height: 20px;
}
}
@media screen and (max-width:1600px){
	
	#ninethh {
    top: 50%;
    left: 50%;
    width: calc(100% - 460px);
    height: auto;
    padding-bottom: 20px;
    transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.scn2 video {
    width: 100% !important;
    height: auto;
    margin: 0px auto 0px;
}

#ninethh img {
    width: 65px;
}
.hide {
    top: 248px;
    left: 233px;
    width: 675px;
    height: 160px;
}
#ninethh .tbl2 img {
    width: 75px;
}	
.scroll {
    margin: 40px 0px;
}
#div1 {
    width: calc(1100px - 300px) !important;

}
#ninethh img {
    width: 60px;
    margin: 5px;
}
#div1 {
    width: calc(1100px - 330px) !important;
}
.hide {
    top: 234px;
    left: 223px;
    width: 629px;
    height: 148px;
}
#div1 {
    height: 60px;
}
#ninethh .tbl2 img {
    width: 47px;
}
.copy {
    margin-top: 70px;
}
}
@media screen and (max-width:1440px){
.fadb p {
    margin-bottom: 20px;
    font-family: 'kingthings_printingkitregular';
    font-size: 28px;
    text-align: center;
    line-height: 34px;
}

.hide {
    top: 249px;
    left: 238px;
    width: 675px;
    height: 159px;
}
.fulldiv.hm1 table .hide img {
    width: auto;
}
	.fulldiv.hm1 table {
    width: 82%;
}
.fulldiv.hm1 table img {
    width: 63px;
}
#div1 {
    width: 798px !important;
}
#ninethh {
    top: 50%;
    left: 50%;
    width: calc(100% - 290px);
    height: auto;
    padding-bottom: 20px;
    transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
#ninethh img {
    width: 68px;
    margin: 5px;
}
#div1 {
    width: calc(1100px - 230px) !important;
}
}
@media screen and (max-width:1400px){

.scn2 video {
    width: auto !important;
    height: 100%;
    margin: 0px auto 0px;
}
.hide {
    top: 249px;
    left: 233px;
    width: 675px;
    height: 159px;
}
.fulldiv.hm1 table .hide img {
    width: auto;
}
	.fulldiv.hm1 table {
    width: 82%;
}
.fulldiv.hm1 table img {
    width: 63px;
}
#div1 {
    width: 798px !important;
}
#ninethh {
    top: 50%;
    left: 50%;
    width: calc(100% - 260px);
    height: auto;
    padding-bottom: 20px;
    transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
}
@media screen and (max-width:1366px){
.scn2 video {
    width: 100% !important;
    height: auto;
    margin: 0px auto 0px;
}
#ninethh {
    top: 50%;
    left: 50%;
    width: calc(100% - 430px);
    height: auto;
    padding-bottom: 20px;
    transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
#div1 {
    width: 670px !important;
}
#ninethh img {
    width: 55px;
    margin: 3px;
}
#ninethh tr{
	height:50px;
}
.fulldiv.hm1 table {
    width: 82%;
    height: auto;
}
#div1 {
    height: 70px;
    padding-top: 5px;
}
.sss.ss {
    font-size: 20px;
}
#ninethh .tbl2 img {
    width: 55px;
}
.hide {
    top: 207px;
    left: 194px;
    width: 548px;
    height: 130px;
}
}
@media screen and (max-width:1280px){
.scn2 video {
    width: auto !important;
    height: 100%;
    margin: 0px auto 0px;
}
#ninethh {
    top: 50%;
    left: 50%;
    width: calc(100% - 340px);
    height: auto;
    padding-bottom: 20px;
    transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.hide {
    top: 207px;
    left: 198px;
    width: 547px;
    height: 130px;
}
.scn2.srr video {
    width: 100% !important;
    height: auto;
    margin: 0px auto 0px;
}
}
@media screen and (max-width:1100px){

#ninethh img {
    width: 43px;
    margin: 3px;
}
#div1 {
    width: 500px !important;
	height: 50px;
}
#ninethh .tbl2 {
    height: 50px;
}
#ninethh .tbl2 img {
    width: 40px;
}
.sss.ss {
    font-size: 16px;
    margin-bottom: 7px !important;
}
.hide {
top: 171px;
    left: 159px;
    width: 440px;
    height: 106px;
}
.yy{
    width: 10px !important;
}
}
@media screen and (max-width:414px){
#ninethh table{
display: table-cell;
    height: auto;
}	
#ninethh {
    top: 20px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100vh - 40px);
}
.fulldiv.hm1 table img {
    width: 25px;
}

}