body{overflow: hidden;margin:0;padding:0}
#description1,#description2,#description3,#description4,#description5,#description6,#description7,#description8,#description9,#description10
{
max-width: 600px;margin: 0 auto;background-color: #000000;opacity: .7;color: #ffffff;padding: 0px 0px 0px 10px;
}
#buttonDesc{position: fixed;bottom: 65px;width: 100%;}
#heading{width: 100%;position: absolute;top: 2px;font-size: 13px;color: white;text-align: center;line-height: 2;}
#Control_Panel{position:fixed;top:70px;float: right;right: 4px;width: 112px;text-transform: capitalize;}
#Dimension{position:fixed;top:100px;float: right;right: 4px;width: 112px;text-transform: capitalize;}
#Reset{position:fixed;top:130px;float: right;right: 4px;width: 112px;text-transform: capitalize;}
.modelviewspanel .view{padding: 0!important;margin: 0!important;}
#zoom-buttons{position: fixed;top: 48%;float: right;right: 10px;list-style: none;}
.main-buttons{width:100%;position:absolute;bottom:10px;cursor: pointer;text-align: center;}
.modelviewspanel
{
  position: relative;
  bottom:10px;
  font-family: "Segoe UI",Arial, sans;
  font-size: 12.73px;
  transition: all 0.2s ease;
  margin: 0 auto;

}
#Open_Image{display: none;}
#icon3{font-size:20px;padding: 6px;background-color: #000000;color: #ffffff;opacity: .5;}
#icon6{font-size:20px;padding: 8.4px;background-color: #000000;color: #ffffff;opacity: .5;margin-top:10px}
#icon3:hover{background: #0090C6;opacity: 1!important;cursor: pointer;}
#icon6:hover{background: #0090C6;opacity: 1!important;cursor: pointer;}
.modelviewspanel .view
{
    margin:5px;
    padding:5px;
    bottom:0px;
  display: inline-block;
   /*width:235px;*/
	/*background:rgba(53,55,67,0.2);*/
	color:White;
}
.modelviewspanel .view:hover
{
   /*background:rgba(53,55,67,0.6);*/
}
.modelviewspanel .view h2{
	font-size: 16px;
	font-family: "Segoe UI Semibold","Segoe UI",Tahoma,Helvetica,Sans-Serif;   
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    color:rgba(255,255,255,1.0);
}

.modelviewspanel .NavRightCell {
    float: right;
    /* padding-top:10px; */
    padding-bottom:5px;
}

#control_panel{position:fixed;top:50px;float: right;right: 4px;width: 100px;text-transform: capitalize;}
#dimension{position:fixed;top:100px;float: right;right: 4px;width: 100px;text-transform: capitalize;}
#reset{position:fixed;top:130px;float: right;right: 4px;width: 100px;text-transform: capitalize;}

.modelviewspanel .flatButton{
	font-family: 'Segoe UI SemiBold','Segoe UI', Arial, sans-serif;
	color: white;
	text-decoration: none;
	text-align: center;
	padding: 5px 15px 5px 15px;
	font-size:13.64px;
	background: #000000;
	color: #FFF;
	cursor: pointer;
	opacity:0.3;
}
.modelviewspanel .view:hover .flatButton
{
   opacity:1.0;
}
.modelviewspanel .flatButton:hover {
	background: #0090C6;
	text-decoration: none;	
	color: white;
}
/* #showImage{position:fixed;top:49px;background-color:#000000;color:#ffffff;opacity:0.3;padding:7px 29px 7px 26px;float: right;right: 4px;font-size: 13px;font-weight: 600;} */
#showImage:hover{background-color: #0090C6;opacity: 1;cursor: pointer;}
#showImage{position:fixed;top:70px;color:#ffffff;text-align: center;padding: 5px 15px 5px 15px;font-size: 13.64px;background: #000000;color: #FFF;cursor: pointer;opacity: 0.3;font-family: 'Segoe UI SemiBold','Segoe UI', Arial, sans-serif;float: right;right: 4px;width: 112px;}
#showImg{position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;}

  
  /* @media only screen and (max-width: 700px) {
    #descriptionDiImg {
      width: 650px;
    }
  } */
  #descriptionDiImg{
    position: fixed;
    top: 0;
    left: 0;
    /* transform: translate(-50%, -50%); */
    width: 100%!important;
    height: 100vh;
  }

  #descriptionDiImg img{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
    height: 370px;
  }

    @media only screen and (max-width: 600px) {
    #descriptionDiImg {
      width: 400px;
    }
    #showImg{width: 260px;}
  }