/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// Hamburger Menu /// */

#ax_titles_small {
  display:none;
}

#ax_navigation .ax_onlymobile {
  display:none;
}

#ax_mainnav li span {
 display:none;
}

#ax_header_button {
  float:right;
  display:none;
  width:24px;
  height:24px;
  cursor:pointer;
  margin:.8em 5% .8em 0;
  background:url("/__resources/img/hamburgermenu.png") no-repeat;
}

#ax_header_button:hover {
  background:url("/__resources/img/hamburgermenuhover.png") no-repeat;
}

 
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// Tablet CSS /// */
@media only screen and (min-width : 780px) and (max-width : 1000px)
{
  #ax_header_menu {
    display:none;
  }
  
  #ax_header_inner {
    width:99%;
  }
  
  #ax_titles_big {
    display:none;
  }

  #ax_titles_small {
    display:block;
  }  

  #ax_navigation_inner {
    width:99%;;
  }
  
  #ax_contents {
    width:99%;;
  }

  #ax_sidebar {
    width:23%;
  }
  
  .ax_sideproducts {
    width:100%;
  }
  
  .ax_sideproducts li {
    width:100%;
  }
  
  .ax_subnav li,
  .ax_subnav a {
    width:100%;
  }

  #ax_page {
    width:76%;
  }
  
  #ax_page #ax_mainbuttons li {
    float:left;
    display:inline;
    margin:0 10px 10px 0;
    padding:0;
    width:18%;
    height:50px;
    list-style-type: none;
    background:#999;  
    vertical-align:bottom;
  }
  
  #ax_page #ax_mainbuttons span {
    display:none;
  }

  #ax_page #ax_mainbuttons li {
    margin:0 2% 0 0;
    float:left;
    width:18.4%;
    height:18%;
    border:none;
  }
  
  #ax_page #ax_mainbuttons li.ax_last {
    margin:0;
  }

  #ax_page #ax_mainbuttons li a {
    width:100%;
    height:90px;
    border:none;
    background-size:50% 50%;
  }   

  #ax_promotion {
    display:none;
  }
  
  form.ax_standardform {
    width:100%;
  }

  form.ax_standardform label {
    width:20%;
  }
   
  form.ax_standardform select {
    width:70%;
  }  
  
  #ax_pagetitle {
    width:100%;
  }
  
  #ax_page table {
    border-collapse: collapse; 
    width:100%;
  }
  
  #ax_page table, thead, tbody, th, td, tr { 
		display: block; 
    padding:0;
	}
  
  #ax_page td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding:0; 
    width:100%;
	}
  
  #ax_page table tbody tr td,
  #ax_page table.ax_screenshots tbody tr td {
    padding:.2em 0;
  }
  
  #ax_page table thead th.ax_priceColumn,
  #ax_page table thead th {
    padding:0 0 0 2%;
    text-align:left;
    width:98%;
  }
  
    #ax_page table.ax_download {
    margin:0 0 4em 0;
  }

  #ax_page table.ax_download tbody td.ax_name,
  #ax_page table.ax_download tbody td.ax_size,
  #ax_page table.ax_download tbody td.ax_build,
  #ax_page table.ax_download tbody td.ax_release,
  #ax_page table.ax_download tbody td.ax_download {
    padding:.2em 0;
    width:99%;
    text-align:left;
  }
  
  #ax_page table.ax_download tbody td.ax_download div.ax_box {
    display:block;
    float:left;
    width:100%;
  }
  
    #ax_countrynavigation {
    width:100%;
  }
  
  #ax_countrynavigation ol {
    float:left;
    display:block;
    width:100%;
  }
  
  div.ax_resellersaddress,
  div.ax_resellersdetails {
    width:100%;
    text-align:left;  
    float:left;
  }
  
  .ax_resellers span {
    width:100%;
  }
  
  #ax_countrynavigation {
    width:99%;
  }
  
  #ax_countrynavigation ol li {
    width:100%;
  }

  div.ax_resellers {
    width:90%;
  }
  
  #ax_countrynavigation h3 {
    width:92%;
  }
  
  #ax_countrynavigation span {
    text-align:left;
    width:100%;
  }

  #ax_countrynavigation ol li a,
  #ax_countrynavigation ol li ol li a {
    width:96%;
    padding:2%;
  }

  #ax_page .ax_box_footer {
    display:none;
  }
  .ax_images img {
    width:100%;
  }  
  
  #ax_footer_inner {
    width:100%;
  }
  
  #ax_footer .ax_column {
    width:23%;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// Mobile CSS /// */

@media only screen and (min-width : 150px) and (max-width : 780px)
{
  #ax_header_menu {
    display:none;
  }

  #ax_page p {
    line-height:190%;
  }
  
  #ax_navigation .ax_onlymobile {
    display:inline;
  }
  
  ul#ax_mainnav {
    display:none;
    float:left;
    width:100%;
    border-bottom:1px solid #fff;
  }

  #ax_mainnav li {
    width:100%;
    padding:.5em 0;
    font-size:1.2em;
    vertical-align:middle;
    border-top:1px solid #fff;
  }
  
  #ax_mainnav li a {
    float:left;
    width:75%;
    margin:0 5%;
    padding:.2em 0;
  }

  #ax_mainnav li span {
    display:inline;
    float:left;
    margin:0 5% 0 0;
    width:10%;
    background:url("../img/arrowdown_white.png") no-repeat 90% 60%;
    cursor:pointer;
  }
  
  #ax_mainnav li span:hover {
    float:left;
    margin:0 5% 0 0;
    width:10%;
    height:1em;
    background:url("../img/arrowdown_gray.png") no-repeat 90% 60%;
  }  
  
  #ax_mainnav li ul {
    display:block;
    margin:0 auto;
    width:100%;
    z-index: 999;
    height:100%;
    padding:0;
    float:left;  
    border:none;  
  }

  #ax_mainnav li ul li {
    float:left;
    width:90%;
    margin:0 5%;
    padding:0;
    background:none;
  }

  #ax_mainnav li ul li a {
    margin:0;
    font-size:.8em;
    padding:.3em 0;
    width:100%;
  }
  
  #ax_header_button {
    float:right;
    display:inline;
    background:url("/__resources/img/hamburgermenu.png") no-repeat;
    cursor:pointer;
  }

  #ax_branding {
    float:left;
    width:79%;
    height:24px;
  }
  
  #ax_branding a {
    width:100%;
    margin:1em 5%;
    height:20px;
    background:url("/__resources/img/activexperts_logo-v3-small.png") no-repeat;
  }
  
  ul#ax_language {
    width:100%;
    margin:0 5% 1em 0;
    padding:0;
    text-align:left;
    width:154px;
  }
  
  #ax_language li {
    margin:0 0 0 4px;
    float:left;
  }
  
  #ax_header {
    height:100%;
  }
  
  #ax_header_inner {
    width:100%;
  }

  #ax_navigation_inner {
    width:100%;;
  }

  #ax_contents {
    width:90%;
    border:none;
  }

  #ax_sidebar {
    display:none;
    width:100%;
  }
  
  .ax_sideproducts {
    width:100%;
  }
  
  .ax_sideproducts li {
    width:100%;
  }
  
  .ax_subnav li,
  .ax_subnav a {
    width:98%;
  }
  
  .ax_subnav li li,
  .ax_subnav li li a {
    width:90%;
  }
  
  #ax_page #ax_mainbuttons li {
    margin:0 2% 0 0;
    float:left;
    width:18.4%;
    height:18%;
    border:none;
  }
  
  #ax_page #ax_mainbuttons li.ax_last {
    margin:0;
  }

  #ax_page #ax_mainbuttons li a {
    width:100%;
    height:64px;
    border:none;
    background-size:50% 50%;
  }

  #ax_page #ax_mainbuttons span {
    display:none;
  }  
  
  #ax_promotion {
    display:none;
  }

  #ax_page {
    width:100%;
  }

  #ax_page .ax_row .ax_product {
    margin: 0 0 2.5em 0;
  }
  
  #ax_page_content .ax_row .ax_product p.ax_homepagelinks {
    margin:1.2em 0 0 0;
  }
  
  table#ax_purchasenote {
    float:left;
    display:block;
    margin:1em 0;
    background:#c00;
  }
  
  #ax_page table#ax_purchasenote td {
    border:none;
  }
  
  #ax_page .ax_downloadheaderimage div {
    float:left;
    width:100%;
    margin:0 0 2em 0;
  }

  
  #ax_page table {
    border-collapse: collapse; 
    width:99%;
  }
  
  #ax_page table, thead, tbody, th, td, tr { 
		display: block; 
    padding:0;
	}
  
  #ax_page td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding:0; 
    width:100%;
	}
  
  #ax_page table tbody tr td,
  #ax_page table.ax_screenshots tbody tr td {
    padding:.2em 0;
  }
  
  #ax_page table thead th.ax_priceColumn,
  #ax_page table thead th {
    padding:0 0 0 2%;
    text-align:left;
    width:98%;
  }

  form.ax_standardform {
    width:100%;
  }

  form.ax_standardform label {
    margin:0 3% 0 0;
    width:20%;
  }

  form.ax_standardform select {
    width:70%;
  }     
  
  #ax_page pre {
    width:95%;
  }
  
  #ax_pagetitle {
    float:left;
    width:100%;
  }

  #ax_pagetitle img {
    max-width:100%;
  }
  
  #ax_page  .ax_row .ax_product {
    width:100%;
  }
  
  #ax_titles_big {
    display:none;
  }

  #ax_titles_small {
    display:block;
  }
  
  .ax_images img {
    width:100%;
  }
  
  .ax_sms_buttons {
    width:100%;
  }
    
  #ax_page .ax_sms_buttons li {
    float:left;
    width:100%;
  }
  
  #ax_page .ax_sms_buttons a,
  #ax_page .ax_sms_buttons .ax_plus p,
  #ax_page .ax_sms_buttons .ax_is p {
    margin:0 auto;
  }
  
  .cboxElement img {
    max-width:100%;
  }
  
  #ax_countrynavigation {
    width:100%;
  }
  
  #ax_countrynavigation ol {
    float:left;
    display:block;
    width:100%;
  }
  
  div.ax_resellersaddress,
  div.ax_resellersdetails {
    width:100%;
    text-align:left;  
    float:left;
  }
  
  .ax_resellers span {
    width:100%;
  }
  
  #ax_countrynavigation {
    width:99%;
  }
  
  #ax_countrynavigation ol li {
    width:100%;
  }

  div.ax_resellers {
    width:90%;
  }
  
  #ax_countrynavigation h3 {
    width:92%;
  }
  
  #ax_countrynavigation span {
    text-align:left;
    width:100%;
  }

  #ax_countrynavigation ol li a,
  #ax_countrynavigation ol li ol li a {
    width:96%;
    padding:2%;
  }

  
  #ax_page .ax_gallery ul li {
    margin:0 auto 1em auto;
    padding:3%;
    width:92%;
    height:100%;
    text-align:center;
  }
  
  #ax_page .ax_gallery ul li div {
    margin: 0 auto;
    text-align:center;
  }
    
  #ax_page .ax_gallery ul li img {
    margin:0 auto;
  }
  
  #ax_page table.ax_casestudies {
    width:98%;
  }
  
  #ax_page #ax_contact li {
    padding:2%;
    width:94%;
  }
  
  #ax_page img {
    max-width:100%;
  }

  
  #ax_page table.ax_download {
    margin:0 0 4em 0;
  }

  #ax_page table.ax_download tbody td.ax_name,
  #ax_page table.ax_download tbody td.ax_size,
  #ax_page table.ax_download tbody td.ax_build,
  #ax_page table.ax_download tbody td.ax_release,
  #ax_page table.ax_download tbody td.ax_download {
    padding:.2em 0;
    width:100%;
    text-align:left;
  }
  
  #ax_page table.ax_download tbody td.ax_download div.ax_box {
    display:block;
    float:left;
    width:100%;
  }
  
  
  
#ax_page .ax_box_body {
  position:relative;
  float:left;
  width:100%;
  min-height:90px;
}

#ax_page .ax_box_footer {
  width:100%;
  display:block;
  float:left;
  display:none;
  }
  
  
  form.ax_standardform input,
  form.ax_standardform select, 
  form.ax_standardform textarea {
    margin:0;
    width:70%;
  }
  
  #ax_footer {
    height:100%;
    padding:0;
  }
  
  #ax_footer_inner {
   width:100%;
  }

  #ax_footer_content {
    float:none;
    height:100%;
    width:90%;
    margin:0 auto;
    background:#c00;
  }

  #ax_footer_menu {
    margin:0 auto;
    float:none;
    width:90%;
  }

  #ax_footer_menu ul {
    margin:2em 0 0 0;
    border-top:1px solid #999;
    width:100%;
  }
  
  #ax_footer_menu li {
    margin:0;
    padding:.7em 0 .7em 0;
    text-align:left;
    float:left;
    width:100%;
    background:none;
  }
  
  #ax_footer_menu li.ax_last {
    margin:0 0 0 -.8em;
  }
  
  #ax_footer .ax_column {
    float:left;
    margin:0;
    padding:0;
    width:100%;
  }
}