﻿/*
HTML5 Responsive Templates
Author: bkd
*/
body #s4-bodyContainer {
min-width: 300px;
}
/*-------------------------*/
a{color: #006699;text-decoration: none;}
a:hover {text-decoration: none;}

a.button, input.button {	cursor: pointer;	color: #808080;	line-height: 12px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	background: #E4E4E4;	border:1px solid #DFDFDF;}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
input.button {	margin: 0;	border: 0;	height: 24px;	padding: 0px 12px 0px 12px;}
a.button:hover, input.button:hover {background: #006699;color:#ffffff;}


*:focus {outline: 0;}
/*-------------header */
header {height: 110px;width:100%; margin:0; /* background:#000;*/}

header #logo {}

header #logo img {
width: 155px;
height:auto;
}

header #search-box {width: 150px;float: right;padding-right: 45px;padding-top: 20px;}
header #search-form {height: 25px;border: 1px solid #999;overflow: hidden;}
header #search-text {font-size: 10px; color: #ddd;background: transparent;}
header #search-box input[type="text"] {width: 80%;padding: 5px 0 5px 1em;color: #333;outline: none;}
header #search-button {position: absolute;top: 0;right: 0;height: 27px;width: 20px;font-size: 10px;color: #fff;text-align: center;line-height: 26px;background-color: #999;cursor: pointer;border:0px;}


#search_box { 
text-align: right;
float:right;

}

  .gsc-control-cse { 
    font-family: Arial, sans-serif; 
    border-color: #ffffff; 
    background-color: #ffffff; 
  }

#search_box form { 
padding: 0; 
background: url('http://www.hurco.com/SiteAssets/images/search-bar-bg.png') no-repeat!important;
width: 170px!important;
height: 18px!important;
margin-top: 7px!important;
margin-left: 15px!important;
outline-style: none;
display: block;
padding: 0!important;
} 


.gsc-search-box .gsc-input {
padding-right: 0px!important;

}
.gsc-input-box {
border: 0px solid #000!important;
background: #ccc!important;
margin-top: -5px!important;
}

input.gsc-search-button-v2 {
padding: 2px 6px 3px 6px!important;
margin-top: -1px!important;
/* background-image:url('../images/search-btn.png')!important; 
background-repeat:no-repeat;
*/
}  

input.gsc-input {
 font-size:12px!important;
 color:#000;
 background: transparent!important;
}

.gsib_a {
width: 100%;
padding:0 0 0 4px!important;
}
.gsst_a .gscb_a {
color: #fff!important;
font-size: 12px!important;
	margin-top:0px!important;
	}

.cse input.gsc-input,input.gsc-input{background-image:none !important}


  /* ========= END GOOGLE CUSTOM SEARCH STYLES ==============  */
#searchfield { 
	margin-top: 25px;
	height: 20px; 
	width: 128px; 
	padding: 2px 5px; 
	color: #ccc; 
	line-height: 0; 
	background: none; 
	border: 1px solid #fff;
} 

#searchbutton { 
	height: 25px; 
	width: 30px; 
	color: #838383; 
	padding: 0 0 3px 0; 
	margin: 0; 
	cursor: pointer; 
	background: #ccc; 
	border: 1px solid #fff;
	vertical-align: bottom;
}
#country {
padding-right:25px;
padding-top: 20px;
color: #999999;
font-size: 11px;
font-weight: bold;
float:right
}

#country a{color: #999999;outline-style:none;}

#country a:hover{color: #fff;}


#header_links {color: #999999;font-size: 10px; text-align:right; padding-right:82px;}

#header_links a{
outline: none;
}


#distributorlist select {
padding-right: 30px!important;
width:250px;
background-color: #ffcb00;
}

#distributorlist select:hover {
background-color: #efefef;
}


.bg {
position: absolute;
top: 0;
width: 426px;
height: 388px;
background: url(/SiteAssets/js/slider/slider-caption-bg.png) top left no-repeat;
}


.bg a:link {
color: #fff;
text-decoration: none;
}

/*-------------content */
.promotions {width: 2024px;
padding-left: 40px;float: left;
display: inline;}

.block {padding: 10px 0px;background:#ffffff;}

.main-content{}
.main-content article{margin:0;overflow:hidden; position:relative; float: left;}
.main-content .heading h2{ font-size:20px; line-height:25px; letter-spacing:-1px; font-weight:bold;}
.main-content .heading .info{font-size:12px; font-style:italic;}
.main-content .content{margin-left: 5px;    float: left;}
.main-content .content img {
padding-right: 6px;
padding-left: 4px;
}

 .lastcontent {
 display:block;
 margin-left: -15px!important;
}

.main-content .footer{}
.main-content .footer .more{float:right;}
.main-content .footer .more a{ text-decoration:none;}

.leftside {
 position:absolute;
 top: 12%
	}
#hurcobuttons-mx img {
	margin-left:-6px!important;
}

.sidebar {
	}
.sidebar section{margin-bottom: 15px; }
.sidebar .heading{}
.sidebar .content{padding:15px; height: 445px;}
.sidebar .content img{float:left; margin:5px; border:#BDBDBD 5px solid;}

.featured{width:100%; margin-bottom: 20px;}

ul {margin:0; padding:0;list-style-image:none;}
ul.list li {padding:0px 0 5px 12px; line-height:25px; background:url(../images/marker-1.gif) 0 11px no-repeat;}
ul.list li a { font-size:14px; color:#292929; line-height:25px;}
ul.list li a:hover {color:#006699; text-decoration:none;}

/*------------footer */ 
footer {margin-top: 0}
footer .heading{ color:#ffffff; padding-bottom:5px;font-size:20px; font-weight:normal; text-transform:uppercase;}
footer .content{color:#ffffff; padding: 15px 10px; }
footer .content img{float:left; margin:0; border:#ffffff 0px solid;}
footer ul {margin:0; padding:0;list-style-image:none;}
footer ul li { list-style:none;margin-left:12px;margin: 0;
padding: 0 0 5px 15px;
line-height: 0.8em;}
footer ul li a { font-size:10px; color:#ffffff!important;}
footer ul li a:hover {color:#c9dd0a!important; text-decoration:none; cursor:pointer;}


footer ul li:first-child{margin-left:12px;}
footer ul li:nth-child(2){margin-left:6px;}

.isobtn {
padding-bottom:15px;
}
/* -----------------------------Social Media Menu -----------------*/
	#social_nav_horizontal {
float: left;
}

#social_nav_horizontal ul {
	margin: 0;
	padding: 0;

}
#social_nav_horizontal ul li {
	float: left;
	padding: 0;
	margin-left: 0;
	list-style-type: none;


}
#social_nav_horizontal ul li a {
text-indent:-119988px !important;
text-decoration: none !important; 
width: 29px; height: 29px; 
display: inline-block; 
margin-right: 0; 
margin-top: 0;
}
.youtube-icon {
 display:block;
 background: transparent url("../../../images/home/yt-icon.png") no-repeat top left;
}
.facebook {
 display:block;
 background: transparent  url("../../../images/home/fb-icon.png") no-repeat top left;
}

.googleplus {
 display:block;
background: transparent  url("../../../images/home/gp-icon.png") no-repeat top left;
}

.twitter {
 display:block;
background:transparent  url("../../../images/home/tw-icon.png") no-repeat top left;
}
.linkedin {
 display:block;
	background: transparent  url("../../../images/home/in-icon.png") no-repeat top left;
}

/*-------------copyright*/
#copyright{display:inline-block; width:100%; text-align: center; background:url(../images/bg-footer.png);padding:8px 0px;color:#ffffff;}

/* ------------------------------------------
  LEFT NAV
--------------------------------------------- */

.navigation {
  max-width: none;
  background: #000;
  padding: 0;
}

.navigation li {
  float: left;
}

.navigation li a {
  display: block;
  color: #fff;
  padding: 10px;
}
.navigation a:active {
  color: #fff;
  padding-top: 60px;
}


.navigation li a:hover {
  background: #0fcaf2;
}

.navheader { 
  font-size: 12px;
}

.slide-trigger {
  display: none; /* need this */
  border: 1px solid #CCCCCC;
  cursor: pointer;
  margin-left: 15px;
  margin-right: 15px;
}

.slide-trigger span {
  background-image: url("/a/i/dropdown-arrows.png");
  background-position: 0 -14px;
  display: block;
  float: right;
  margin-top: 3px;
  height: 14px;
  width: 32px;
}

@media only screen and (max-width: 560px) {
  .slide-trigger { display: block; }
    .no-js .slide-trigger { display: none; }
  .navigation { display: none; }
    .no-js .navigation { display: block; }
  .navigation { margin: 0 15px; }
  .navigation li { float: none; }
  .navigation li a { border-bottom: 1px solid #fff; }
}
/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css file is loaded in the <head>)
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

/* */


.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}



@media screen and (min-width: 1024px) {
  .nav-collapse li {
    width: 110px;
	border: 0px solid yellow;
	text-align: center;
	/*display: inline-block;*/
height: 62px;
background: transparent url('http://www.hurco.com/SiteAssets/images/home/nav-devider.png');
background-repeat: no-repeat;
background-position: 100%;
  }
   .nav-collapse ul ul a {
    display: none;
  }
  
  .nav-collapse a:active {
    margin-top:-10px!important;
    color:#ffffff!important;  }


.nav-collapse  li:after {

content: "";
color: #00b8e4;

} 

.nav-collapse li:last-child:after {
display: none;
}

.nav-collapse li:last-child {
background: none;
}
  
}/* ============== end media style ========================= */
/* main nav */
.nav-collapse a {
display: block;
z-index: 6;
width:110px;
height:	58px;
padding-top:20px;
padding-bottom:58px;
padding-right: 10px;
font-size: 12px;
text-decoration:none;
color: #00b8e4;
font-weight: normal;
border: 0px solid yellow;
}

.nav-collapse a:hover {
color: #c9dd0a;
}
.nav-collapse a .active {
color: #ffffff;
padding-top: 45px;
}
.nav-collapse li .active {
color: #ffffff;
padding-top: 45px;
}

.nav-collapse ul li .active {
color: #ffffff;
padding-top: 45px;
}


.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 32px;
}


.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 32px;
}



@media screen and (max-width: 1023px) {

/* The mobile dropdown */
.nav-collapse a {
color: #00b8e4;
text-decoration: none;
width: 100%;
border-top: 1px dotted rgba(255,255,255,.35);
padding: 12px 16px;
/* float: left; */
font-size: 20px;}


.nav-collapse a:hover {color: #1a1a1a; background: #fff;}
}/* END MOBILE STYLES */


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
position: absolute;
width: auto;
height: auto;
padding: 7px 10px 8px 10px;
color: #1a1a1a;
font-size: 32px;
text-transform: none;
content: "≡";
text-indent: 0;
text-align: left;
text-transform: uppercase;
speak: none;
top: 12px;
left: 0;
display: inline-block!important;
background: #fff;
border: 1px solid #1a1a1a;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

.nav-toggle:hover {
text-decoration: none;
color: #fff;
background-color: #020305;
border-color: transparent;
}

.nav-toggle.active::before {
  font-size: 28px;
  content:"x";
}


/* ------------------------------------------
  ================= END NAV TOGGLE STYLES
--------------------------------------------- */

/* ------------------------------------------
  ================= responsive dropdown lists
--------------------------------------------- */

.container {
width: 300px;
/* text-align: center; */
padding-left: 10px;
padding-right: 10px;
}
.container > .dropdown {
  margin: 0 20px;
  vertical-align: top;
}


.dropdown {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 28px;
  width: 100%;
  background: #f2f2f2;
  border: 1px solid;
  border-color: white #f7f7f7 whitesmoke;
  border-radius: 3px;
  padding: 10px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}

.dropdown:before, .dropdown:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888888 transparent;
  pointer-events: none;
}

.dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}

.dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

.dropdown-select {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size: 12px;
  color: #62717a;
  text-shadow: 0 1px white;
  background: #f2f2f2; /* Fallback for IE 8 */
  background: rgba(0, 0, 0, 0) !important; /* "transparent" doesn't work with Opera */
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}

.dropdown-select:focus {
  z-index: 3;
  width: 100%;
  color: #394349;
  outline: 2px solid #00b8e4;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;
}

.dropdown-select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */

.lt-ie9 .dropdown {
  z-index: 1;
}

.lt-ie9 .dropdown-select {
  z-index: -1;
}

.lt-ie9 .dropdown-select:focus {
  z-index: 3;
}

/* Dirty fix for Firefox adding padding where it shouldn't. */

@-moz-document url-prefix() {
  .dropdown-select {
    padding-left: 6px;
  }
}

.dropdown-dark {
  background: #444;
  border-color: #111111 #0a0a0a black;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
}

.dropdown-dark:before {
  border-bottom-color: #aaa;
}

.dropdown-dark:after {
  border-top-color: #aaa;
}

.dropdown-dark .dropdown-select {
  color: #aaa;
  text-shadow: 0 1px black;
  background: #444;  /* Fallback for IE 8 */
}

.dropdown-dark .dropdown-select:focus {
  color: #ccc;
}

.dropdown-dark .dropdown-select > option {
  background: #444;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}


       #usdistributors{
 padding-left: 25px;
 padding-right: 25px;
 border:0px solid red;

}



       #usdistributors li {
	margin-bottom: 25px;
	text-indent: 0;
	list-style: none;
}
       #usdistributors li:before {
content: ""!important;
}
.regioncovered {
	display:block;
	background:#666666;
	padding: 10px;
	color:#fff;
	width: 250px;
}

#distributorlist {width:100%;margin-left: 25px;}
#distributorlist input {
	width:100%;
	padding-left: 25px;
}

.720info {width:720px;}


/* -----------------------------flag icons -----------------*/
#flag {
 padding-bottom: 25px;
}


#flag ul li {
	float: left;
	padding-right: 8px;
	margin-left: 0;
	list-style-type: none;
}
#flag ul li a {
text-indent:22px !important;
text-decoration: none !important; 
color: #999999;
font-size: 11px;
}

#flag ul li a:hover {

color: #ffffff;}




	
.flag-us {
 display:block;
 background: transparent url(/SiteAssets/responsive/HurcoResponsive1/images/icon-usa-flag.png) no-repeat top left;
}

.flag-cn {
 display:block;
 background: transparent url(/SiteAssets/responsive/HurcoResponsive1/images/icon-china-flag.png) no-repeat top left;
 
}


.flag-mx {
 display:block;
 background: transparent url(/SiteAssets/responsive/HurcoResponsive1/images/icon-mexico-flag.png) no-repeat top left;
}
/* quick link buttons */

/* Sweep To Bottom */
.hvr-sweep-to-bottom {

  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}



/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00b8e4;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
[class^="hvr-"] {
    font-family: 'Arial', sans-serif;
}

[class^="hvr-"] {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  /* margin: .4em; */
  padding: 1em;
  cursor: pointer;
  background: #e1e1e1;
  text-decoration: none;
  color: #666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
		
.featureletter {
 font-size: 14px; font-weight:bold; color:#1a1a1a;
 padding-right: 8px;
}

#usedmachine {
	float: left; display:block; border-bottom:1px solid #ccc; width:100%; padding-bottom: 25px;}
	
#usedmachine h1 {
	width:100%!important;
	background:rgb(26,26,26)!important;
	color:rgb(0,184,228);
	padding-bottom:4px!important;
	text-align:left;
	padding-top:4px!important;
	padding-left:4px;
	padding-right:4px;
}

#usedmachine p {
 font-size:15px!important;
  margin:0;
}

	
#usedmachine h5 {
	color:red!important;
	font-weight:bold;
	margin-bottom:0;
}
#usedmachine h6 {
	color:#ff6418!important;
	 font-style:italic;
	  margin:0;
	  font-size:12px;
}

#usedmachine ul li {
	padding: 0;!important;
	font-size:12px!important;
}
	

	
#PromoBanner {
	display:block;
	padding-top: 30px;
	padding-left: 45px;
}

.SlidePromo {
display: block;
overflow: auto;
}

figure {
	border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}

figcaption { 
    display: block;
      text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

.figure {
	border: thin silver solid;
	margin: 10px;
  padding: 10px;
}

.figcaption { 

    display: block;
      text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

.figure img {
display:block;
border:0;
margin:0 auto!important;
}

.right {
	float:right;
}
.left {
	float:left;
}


/* #maxcontainer {visibility: hidden;display: none!important;} */
#maxcontainer {

background: transparent url(http://www.hurco.com/SiteAssets/countdown/countdown-bg-imts.jpg) no-repeat 0px 4px;
height: 70px;
padding-bottom: 20px;
display:none!important;

}
#maxcountdown {
    padding: 12px 0 0 0;
}

#webpromo {
    padding: 0;
    max-width:1024px;
    margin: 0 auto;
  /*  display:none; */
}

#webpromo img {
   width:100%!important;
 }


#countdowntitle {
display:block;
float: left;
font-family: Arial;
color: #ffcb00;
font-size: 22px;
font-weight: bold;
padding: 28px 10px 0 80px;
}

#clockdiv {
    font-family: sans-serif;
    color: #ffcb00;
    display: block;
    float: left;
    font-weight: 100;
    text-align: center;
    font-size: 20px;
    padding-top: 8px;
  
}

#clockdiv > div {
    padding: 4px;
    /* border-radius: 3px; */
    background: transparent;
    display: inline-block;
    border-right: 1px solid #ccc;
}

#clockdiv div > span {
    padding: 4px;
    border-radius: 0;
    display: inline-block;
    font-weight: 700;
}

#latestmachines {
}

#latestmachines a {
     display: block; 
 }
#latestmachines a:before { 
  display: block; 
  content: " "; 
  margin-top: -385px; 
  height: 385px; 
  visibility: hidden; 
}

#latestmachines img { border: 0px solid #ccc; float:left; margin-right:10px; max-width:120px; }
#latestmachines hr { display:block; width:100%; margin-top:15px; margin-bottom:25px;}
#latestmachines li { font-size:11px!important; display:block; width:100%; float:left;margin-bottom: 8px;  }

@media screen and (max-width: 460px) {
  #latestmachines img { float:none; width:100%; }
}


