.mobileonly{
	display:none
}

.desktoponly{
	display:block
}

.mobiletable{
	display:flex
}

.displayPrevNext {
	width:100%; 
	display:flex;
}

.displayPrevNextLinks
{
margin-left:auto;
margin-right:0px;
}

.main-top-logo-red-mobile {
display:none
}

/*  GO FULL WIDTH BELOW 500 PIXELS */
@media only screen and (max-width: 500px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
/*----------------------------------------------------------------------------------*/
	
	.flex-container {
  	display: flex;
  	flex-direction: column;
  	margin-top: 15px;
	}
	
	.flex-container-footer{
	display: contents;
	}
	
	.flex-container-copyright {
  	flex-direction: column;  
  	width: 100%;
    text-align: center;
	}
	
	.flex-container-copyright > div {
    text-align: center;
	}
	
	.flex-container-legal {
  	width: 100%;
    text-align: center;
	}
	.flex-container-legal > div {
    display: block;
	}
	
	.flex-container_cam_sdk {
    display: block;
    flex-direction: row;
    justify-content: center;
    text-align: center;
	}
    
    .flex-container_cam_sdk > div {
    margin-left: 0px;
    margin-bottom: 10px;
	}
	
	body {
    margin: 0px;
    background: #ffffff;
	}
	
	.main-frame {  
	width: unset;	
    max-width: unset;
    min-width: unset;
    margin: unset;
    padding-bottom: unset;
    -moz-box-sizing: unset;
    -webkit-box-sizing: unset;
    box-sizing: unset;
    border: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    border-radius: unset;
    background: unset;
    background-color: white;
    background-repeat: unset;
    background-size: unset;
    -webkit-box-shadow: unset;
    -ms-box-shadow: unset;
    box-shadow: unset;
    min-height: unset;
	}
	
	#menu {
    display: grid;
    height: unset;
    border-top: 1px solid;
    border-bottom: 1px solid;
	}
	
	.main-top {
    height: 300px;   
    width: 100%;
    margin: unset;
	}
	
	.main-bottom {
    margin: 20px auto 0px;
    width: 100%;
	}
	.read-more{
	display: none;
	}
	
	li.top-menu-home {    
    display: none;
   }
   
   h2 {    
    font-size: 30px;
    text-align: center;
    color: white;
    background: #003493;
    border-top: 1px solid;
    border-color: red;
    padding-top: 8px;
    padding-bottom: 8px;    
    margin-left: 5px;
    margin-right: 5px;
    margin-block-start: 0px;   
    
   }
   
    h2 a:link {color: white;}    
	h2 a:visited {color: white;} 
	h2 a:hover {color: white;}   
	h2 a:active {color: white;}

		
	.tabs-menu-div {    
    margin-top: -10px;
    }
    
    .tablinks-text {
     display: none;
	}

	.tabcontent {    
    padding: 6px 0px;
    }
    
    .td-text-DownloadButton {
    margin-top: 30px;
    width: 100%;
    text-align: center;
	}
	
	.flex-container-tab-table > div {
      padding-right: 0px;
      text-align: unset;
    }
    
    .main-top-logo-text {   
    margin-top: 3px;
    margin-left: 2px;
    float: left;
    border: 1px;
	}
	
	.main-top-logo-red-mobile {
    display: block;
    color: red;
    font-weight:bold;
    font-size: 55px;
    line-height: 45px;
    margin-top:10px;
	}
	
	.main-top-logo-red {
    display: none;
	}
	
	.main-top-logo-black {
    display: none;
	}
	
	
	.main-top-logo-subtitle{
    display: none;
	}
	
	.main-top-right-mobile {
    float: right;
    display: block;
    margin-top: 0px;
    width: 30px;
	margin-right: 5px;
	}
	
	.mobile-menu-button {
    width: 35px;
    position: relative;    
    padding: 20px 0px 0px 0px;
    margin-left: -5px;
    margin: 0px 0px 0 -5px;
	}
	
	.main-top-productname {
    float: left;
    margin-top: 5px;
    margin-left: 0px;
	width: unset;
	}
	
	.w300 {
    text-align: center;
	}
	
	.likeitbutton
	{
 	margin-left: 30px;
	}
	
	#mobile-menu:checked ~ .main-container-content {
    float: unset;
    display: inline-block;
    
	} 	
	
	figure {
    margin-inline-start: unset;
    margin-inline-end: unset;
	}
	
	.video::after {
    display: none;
	}
	
	.mobiletable{
	display:contents
	}
	
	.OzekiRobotMiddle {
    margin-bottom: 10px; 
     margin-left: 0px;
     width: unset; 
	}

	.OzekiRobotMiddleLeft {
    width: 100%;
    float: unset; 
	}

	.OzekiRobotMiddleRight {
    margin-left: 0px;
    width: 100%;
    float: unset;
	}

	OzekiRobotMiddle-top{
    display: contents;
	}
	
		
	.OzekiRobotMiddleRightRow {
     display: flex;
	}
	
	.OzekiRobotMiddleRightRowLeft {
     float: unset; 
     }
     
	.OzekiRobotMiddleRightRowRight {
    float: unset;
    text-align: unset; 
    width: unset;
    margin-left: 0px;
	}
	
	.displayPrevNext{
	padding-top: 5px;
	display:flex;
	flex-direction:column;
	}

	.displayPrevNextLinks
	{
	margin-left:0px;
	margin-right:auto;
	}
	
	pre {    
    white-space: pre-wrap;
	}	
	
	.syntaxhighlighter .line {
    white-space: pre-wrap !important;
	}

	.syntaxhighlighter .gutter {
    display: none !important;
	}
	
	.contact-left {
    min-width: unset;    
	}
	
	
}



/*  GO FULL WIDTH BELOW 785 PIXELS */
@media only screen and (max-width: 785px) {
	.main-container {
    width: unset;	  
    margin: 0px 0px; 
    display: block;
	}	

	.flex-container-tab-table {   
    flex-direction: column;
	}
	
	.flex-container-tab-table > div {
      padding-right: 0px;
      text-align: center;
    }
    
    .screenshot {
    width: 100%;
	}
	
	video {
    width: 100%;
    height: 100%;
	}
	
	iframe {
    width: 100%;    
	}
	
	.preview img {    
    width: 100%;
	}
	
	.mobileonly{
	display:contents
	}
	
	.desktoponly{
	display:none
}
}


/*  GO FULL WIDTH BELOW 374 PIXELS */
@media only screen and (max-width: 374px) {
	
	
	.td-image-image{
	width: 75%;
	}
}