marquee#marquess{
  width: 180px;
}

.laptoprigth {
    position: absolute;
    bottom: 8px;
    right: 16px;
    height:auto;
    width:45%;
}
.warighttop {
    position: absolute;
  top: 90px;
  right: 16px;
  font-size: 18px;
    
}

/*floating button*/
a.float{
	position:fixed;
	width:40px;
	height:40px;
	bottom:60px;
	right:9px;
	background-color: red;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
  margin-left: 10px;
  padding-top: 11px;
  cursor: pointer;
}

i.my-float{
	margin-top:90px;
}

a.float1{
	position:fixed;
	width:40px;
	height:40px;
	bottom:195px;
	right:9px;
	background-color: red;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
    margin-left: 10px;
    padding-top: 11px;
    display: block;
    cursor: pointer;
}

i.my-float1{
	margin-top:90px;
}

a.float2{
	position:fixed;
	width:40px;
	height:40px;
	bottom:150px;
	right:9px;
	background-color: red;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
    margin-left: 10px;
    padding-top: 11px;
    display: block;
    cursor: pointer;
}

i.my-float2{
	margin-top:90px;
}

a.float3{
	position:fixed;
	width:40px;
	height:40px;
	bottom:105px;
	right:9px;
	background-color: red;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
    margin-left: 10px;
    padding-top: 11px;
    display: block;
    cursor: pointer;
}

i.my-float3{
	margin-top:90px;
}
/* slogan */
div#left{
  width:60%;
}
#slogan1{
  color:white;font-weight:700;font-size:50px;
}
#slogan2{
  font-weight:500;font-size:18px;
}
#mulaiklik,#unduhdesktopklik{
  border-radius:12px ;padding-left: 30px;
  padding-right: 30px;font-weight: 700;
  background-color: red;margin-top: 20px;
}
/* tersedia di */
img#keungimage{
  height: auto;
  width: 50%;
}

img#wwlogo{
  height:auto ; width:6%; cursor: pointer;
}
img#windowlogo{
  height:auto ; width:6%; cursor: pointer;
}
img#macoslogo{
  height:auto ; width:6%; cursor: pointer;
}
img#playstorelogo{
  height:auto ; width:19%; cursor: pointer;
}
img#appgallerylogo{
  height:auto ; width:19%; cursor: pointer;
}
img#appstorelogo{
  height:auto ; width:19%; cursor: pointer;
}
/* sub view */
div.subviewtitle{
  height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;
  height: 15%;
}
#padding_textview{
  padding:25px;
}
#text_subview{
  font-weight:500;color: red;
}
div#webapp_konten{
  margin-top: 17px;
  margin-left: 25px;
  margin-right: 25px;
  font-size: large;
}
/*  */
.carousel {
  
  margin: 0 auto;
}

.carousel-inner>.item>img {
  margin: 0 auto;
}
#text_unduhskrg{
  font-weight: 500;font-size: xx-large;text-align: justify;
}
/* responsive */
@media only screen and (max-width: 450px) {
  marquee#marquess{
    width: 120px;
  }
  .laptoprigth {
    position: absolute;
    bottom: 8px;
    right: 16px;
    height:auto;
    width:75%;
    
  }
  /* slogan */
  div#left{
    width:70%;
  }
  #slogan1{
    color:white;font-weight:700;font-size:40px;
  }
  #slogan2{
    font-weight:500;font-size:14px;
  }
  #mulaiklik,#unduhdesktopklik{
    border-radius:12px ;padding-left: 30px;
    padding-right: 30px;font-weight: 700;
    background-color: red;margin-top: 20px;
    font-size: small;
  }
  
  /* tersedia di */
  img#wwlogo{
    height:auto ; width:16%;
  }
  img#windowlogo{
    height:auto ; width:16%;
  }
  img#macoslogo{
    height:auto ; width:16%;
  }
  img#playstorelogo{
    height:auto ; width:35%;
  }
  img#appgallerylogo{
    height:auto ; width:35%;margin-top: 5px;
  }
  img#appstorelogo{
    height:auto ; width:35%;margin-top: 5px;
  }
  /* sub view */
  div.subviewtitle{
    height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;
    height: 5%;
  }
  #padding_textview{
    padding:12px;
  }
  #text_subview{
    font-weight:500;color: red;font-size: medium;
  }

  img#keungimage{
    height: auto;width: 100%;
  }
  div#webapp_konten{
    margin-top: 17px;
    font-size: small;
    margin-left: auto;
    margin-right: auto;
  }
  #text_unduhskrg{
    font-weight: 500;font-size: larger;text-align: justify;
  }
}
@media only screen and (device-width: 412px)  {/*galaxy ultra*/
  .laptoprigth {
    position: absolute;
    bottom: 8px;
    right: 16px;
    height:auto;
    width:75%;
  }
  /* slogan */
  div#left{
    width:70%;
  }
  #slogan1{
    color:white;font-weight:700;font-size:40px;
  }
  #slogan2{
    font-weight:500;font-size:14px;
  }
  #mulaiklik,#unduhdesktopklik{
    border-radius:12px ;padding-left: 30px;
    padding-right: 30px;font-weight: 700;
    background-color: red;margin-top: 20px;
    font-size: small;
  }
  /* tersedia di */
  img#wwlogo{
    height:auto ; width:16%;
  }
  img#windowlogo{
    height:auto ; width:16%;
  }
  img#macoslogo{
    height:auto ; width:16%;
  }
  img#playstorelogo{
    height:auto ; width:50%;margin-top: 5px;
  }
  img#appgallerylogo{
    height:auto ; width:50%;margin-top: 5px;
  }
  img#appstorelogo{
    height:auto ; width:50%;margin-top: 5px;
  }

  /* sub view */
  div.subviewtitle{
    height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;
    height: 5%;
  }
  #padding_textview{
    padding:15px;
  }
  #text_subview{
    font-weight:500;color: red;font-size: medium;
  }

  img#keungimage{
    height: auto;width: 100%;
  }
  #text_unduhskrg{
    font-weight: 500;font-size: larger;text-align: justify;
  }
}
@media only screen and (device-width: 280px)  {/*fold*/
  marquee#marquess{
    width: 90px;
  }
  .laptoprigth {
    position: absolute;
    bottom: 8px;
    right: 16px;
    height:auto;
    width:70%;
    display: none;
  }
  /* slogan */
  div#left{
    width:80%;
  }
  #slogan1{
    color:white;font-weight:700;font-size:30px;
  }
  #slogan2{
    font-weight:500;font-size:11px;
  }
  #mulaiklik,#unduhdesktopklik{
    border-radius:12px ;padding-left: 30px;
    padding-right: 30px;font-weight: 700;
    background-color: red;margin-top: 20px;
    font-size: x-small;
  }
  /* tersedia di */
  img#wwlogo{
    height:auto ; width:13%;
  }
  img#windowlogo{
    height:auto ; width:13%;
  }
  img#macoslogo{
    height:auto ; width:13%;
  }
  img#playstorelogo{
    height:auto ; width:50%;margin-top: 5px;
  }
  img#appgallerylogo{
    height:auto ; width:50%;margin-top: 5px;
  }
  img#appstorelogo{
    height:auto ; width:50%;margin-top: 5px;
  }
  /* sub view */
  div.subviewtitle{
    height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;
    height: 5%;
  }
  #padding_textview{
    padding:8px;
  }
  #text_subview{
    font-weight:500;color: red;font-size: medium;
  }

  img#keungimage{
    height: auto;width: 100%;
  }
  #text_unduhskrg{
    font-weight: 500;font-size: medium;text-align: justify;
  }
}
@media only screen and (max-width: 360px) {
  marquee#marquess{
    width: 120px;
  }
  .laptoprigth {
    position: absolute;
    bottom: 8px;
    right: 16px;
    height:auto;
    width:55%;
  }
  /* slogan */
  div#left{
    width:70%;
  }
  #slogan1{
    color:white;font-weight:700;font-size:40px;
  }
  #slogan2{
    font-weight:500;font-size:14px;
  }
  #mulaiklik,#unduhdesktopklik{
    border-radius:12px ;padding-left: 30px;
    padding-right: 30px;font-weight: 700;
    background-color: red;margin-top: 20px;
    font-size: small;
  }
  
  /* tersedia di */
  img#wwlogo{
    height:auto ; width:16%;
  }
  img#windowlogo{
    height:auto ; width:16%;
  }
  img#macoslogo{
    height:auto ; width:16%;
  }
  img#playstorelogo{
    height:auto ; width:50%;margin-top: 5px;
  }
  img#appgallerylogo{
    height:auto ; width:50%;margin-top: 5px;
  }
  img#appstorelogo{
    height:auto ; width:50%;margin-top: 5px;
  }
  /* sub view */
  div.subviewtitle{
    height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;
    height: 5%;
  }
  #padding_textview{
    padding:12px;
  }
  #text_subview{
    font-weight:500;color: red;font-size: medium;
  }

  img#keungimage{
    height: auto;width: 100%;
  }
  div#webapp_konten{
    margin-top: 17px;
    font-size: small;
    margin-left: auto;
    margin-right: auto;
  }
  #text_unduhskrg{
    font-weight: 500;font-size: larger;text-align: justify;
  }
}
@media only screen and (device-width: 375px)  {/*iphoneSE*/
  .laptoprigth {
    position: absolute;
    bottom: 8px;
    right: 16px;
    height:auto;
    width:65%;
  }
  /* slogan */
  div#left{
    width:85%;
  }
  #slogan1{
    color:white;font-weight:700;font-size:40px;
  }
  #slogan2{
    font-weight:500;font-size:14px;
  }
  #mulaiklik,#unduhdesktopklik{
    border-radius:12px ;padding-left: 30px;
    padding-right: 30px;font-weight: 700;
    background-color: red;margin-top: 20px;
    font-size: small;
  }
  /* tersedia di */
  img#wwlogo{
    height:auto ; width:12%;
  }
  img#windowlogo{
    height:auto ; width:12%;
  }
  img#macoslogo{
    height:auto ; width:12%;
  }
  img#playstorelogo{
    height:auto ; width:35%;
  }
  img#appgallerylogo{
    height:auto ; width:35%;margin-top: 5px;
  }
  img#appstorelogo{
    height:auto ; width:35%;margin-top: 5px;
  }
  /* sub view */
  div.subviewtitle{
    height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;
    height: 7%;
  }
  #padding_textview{
    padding:15px;
  }
  #text_subview{
    font-weight:500;color: red;font-size: large;
  }

  img#keungimage{
    height: auto;width: 100%;
  }
  div#webapp_konten{
    margin-top: 17px;
    font-size: small;
    margin-left: auto;
    margin-right: auto;
  }
  #text_unduhskrg{
    font-weight: 500;font-size: large;text-align: justify;
  }
}
@media only screen and (min-device-width: 768px) and (max-width: 770px) {/*ipadmini*/
  .laptoprigth {
    position: absolute;
    bottom: 8px;
    right: 16px;
    height:auto;
    width:75%;
  }
  /* slogan */
  div#left{
    width:60%;
  }
  #slogan1{
    color:white;font-weight:700;font-size:50px;
  }
  #slogan2{
    font-weight:500;font-size:18px;
  }
  #mulaiklik,#unduhdesktopklik{
    border-radius:12px ;padding-left: 30px;
    padding-right: 30px;font-weight: 700;
    background-color: red;margin-top: 20px;
    font-size: large;
  }
  /* tersedia di */
  img#wwlogo{
    height:auto ; width:13%;
  }
  img#windowlogo{
    height:auto ; width:13%;
  }
  img#macoslogo{
    height:auto ; width:13%;
  }
  img#playstorelogo{
    height:auto ; width:45%;
  }
  img#appgallerylogo{
    height:auto ; width:45%;margin-top: 5px;
  }
  img#appstorelogo{
    height:auto ; width:45%;margin-top: 5px;
  }
  /* sub view */
  div.subviewtitle{
    height: 100vh;background-position: center;background-repeat: no-repeat;background-size: cover;
    height: 8%;
  }
  #padding_textview{
    padding:20px;
  }
  #text_subview{
    font-weight:500;color: red;font-size: xx-large;
  }

  img#keungimage{
    height: auto;width: 100%;
  }
  #text_unduhskrg{
    font-weight: 500;font-size: larger;text-align: justify;
  }
}
@media only screen and (device-width: 820px)  {/*ipadair*/}
@media only screen and (device-width: 540px)  {/*surfaceduo*/}
@media only screen and (device-width: 912px) {/*surfacepro*/}
/*  */