#hinnasto {
 	padding-bottom: 25px;
}
div#wiki h4 {
    padding-top: 20px;
}
.etusivu .suositutpalvelut .suosittu-tuote .teksti .tuotemitta {
  	height: 95px;
}
button#tarkista-verkkolevy {
 	margin-top: -30px !important;
 	margin-left: 0px !important;
 	left: 5px !important;
}
.etusivu .suositutpalvelut .suosittu-tuote a:hover {
 	background-color: #f9fafb;
}
/* iPad, Iphone fix start */
select#domaintld {
	-webkit-appearance: none;
    -webkit-gradient(linear, left top, left bottom, color-stop(1%, #537081), color-stop(100%, #3f5968));
    display: inline-block;
    height: 40px;
    width: 60px;
    box-shadow: inset 1px 1px 0px #9cadb6;
    font-size: 16px;
    color: #fff;
    border: solid 1px #3f5968;
    padding-left: 5px;
    text-decoration: none;
	background: rgba(83,112,129,1);
	background: -moz-linear-gradient(top, rgba(83,112,129,1) 0%, rgba(63,89,104,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(83,112,129,1)), color-stop(100%, rgba(63,89,104,1)));
	background: -webkit-linear-gradient(top, rgba(83,112,129,1) 0%, rgba(63,89,104,1) 100%);
	background: -o-linear-gradient(top, rgba(83,112,129,1) 0%, rgba(63,89,104,1) 100%);
	background: -ms-linear-gradient(top, rgba(83,112,129,1) 0%, rgba(63,89,104,1) 100%);
	background: linear-gradient(to bottom, rgba(83,112,129,1) 0%, rgba(63,89,104,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#537081', endColorstr='#3f5968', GradientType=0 );
}
select#tld {
  	-webkit-appearance: none;
  	height: 31px;
  	width: 50px;
  	padding-left: 5px;
  	font-size: 16px;
}
/* iPad, Iphone fix end */


@media screen and (max-width: 968px) {
	.container {
	  	width: 100%;
	}
	.mainlogo {
	  	padding: 10px;
	}
	.navi-row1 {
	  	display: inline-block;
	}
	.navi-row2 {
	 	display: inline-block;
	}
	#palvelut a.palvelukuvaus {
	  	width: 40%;
	 	margin: 0 auto;
	}
	#showcase {
	 	width: 100% !important;
	 	display: block !important;
	 	height: auto;
	}
	nav#mainnavigation {
	  	height: auto;
	}
	nav#mainnavigation .mainlink {
	 	padding: 14px 0px;
 		margin: 0 0 0 20px;
	}
	nav#mainnavigation .showlogin {
		margin-left: 15px;
		margin-bottom: 5px;
		margin-top: 10px;
	}
	.showcase-content {
	 	width: 100% !important;
	 	height: auto !important;
	}
	.etusivu .yrityksesta {
	 	width: 95%;
	}
	.domainSearchBlock {
	  	height: auto;
	  	display: inline-block;
	  	width: 100%;
	}
	.etusivu .yrityksesta.logot img {
	  	width: 100%;
	  	height: auto;
	}
	.domainSearchBlock .search-inputs {
	  	width: 42%;
	  	margin: 30px 10px 0 0;
	}
	.domainSearchBlock #domainsld {
	 	padding: 12px 0;
	 	font-size: 13px;
	 	width: 62%;
	}
	.domainSearchBlock .domainhaku-tekstit {
	  	width: 55%;
	}
	.fullwidth {
	 	border-radius: 0px;
	}
	footer#mainfooter {
	 	margin-bottom: 20px;
	}
	.palvelu-sivu .reunus table button {
	  	width: 77px;
	  	height: 65px;
	}
	.palvelu-sivu .reunus table tbody tr td {
	  	padding: 10px;
	  	text-align: center;
	}
	#vm_form div {
	    width: 100% !important;
	}
	.virtuaalipalvelimet .sisennys.radius5 {
	    background: #fff !important;
	}
	.fullwidth.verkkolevy.palvelu-sivu .sisennys.radius5 {
	 	width: 95% !important;
	 	float: left !important;
	 	height: 100% !important;
	 	background: #fff;
	}
	.fullwidth.verkkolevy.palvelu-sivu .reunus.radius5 {
	 	width: 95% !important;
	 	height: 100% !important;
	 	display: inline-block;
	}
	.fullwidth.ssl.palvelu-sivu .sisennys.radius5 th {
	 	padding: 5px !important;
	}
	.fullwidth.ssl.palvelu-sivu td {
	 	padding: 5px;
	}
	.loginwrapper {
	 	top: 40px;
	}
	div#palvelut {
	  	padding-bottom: 20px;
	}
	.indent25 li {
	    left: 10px;
	}
	span.button-icon-left {
	 	display: none;
	}
	.default-button {
	 	padding: 7px 5px;
	}
	div#wiki .center img {
	    display: inline-block;
	    float: left;
	}
	div#wiki table {
	    display: inline-block;
	    float: left;
	    width: 100%
	}
	div#wiki #etusivu {
	    font-size: 90%;
	}
	.not-logged-in form input {
	    width: 100%;
	    max-width: 300px;
	}
	.search-inputs .domId {
	 	position: absolute;
	 	right: 74px;
	}
	div#wiki .filehistory td {
	 	float: none;
	}
	div#wiki img {
	    width: 100% !important;
	    height: auto !important;
	    display: inline-block !important;
	}
	a#korilinkki {
	  	position: absolute;
	  	right: 0;
	  	top: 20px;
	}
}

@media screen and (max-width: 950px) {
	nav#mainnavigation .mainlink {
	    padding: 17px 0px;
	  	margin: 0 0 0 20px;
	}
	nav#mainnavigation .mainlogo {
	  	width: 100%;
	  	height: 33px;
	  	padding-bottom: 0;
	}
	.etusivu .ajankohtaista, .etusivu .esittely {
	  	width: 42%;
	}
	.facebook-tykkaa {
	  	top: 3px;
	  	left: 100px;
	  	position: absolute;
	}
	.navi-row1 {
	  	display: inline-block;
	  	/*width: 250px;*/
	}
	.navi-row2 {
	  	display: inline-block;
	  	/*width: 395px;*/
	  	position: absolute;
	  	right: 0;
	  	top: 0;
	}
	div#wiki {
	  	word-wrap: break-word;
	  	display: block;
	  	width: 100%;
	}
	div#wiki ul {
	    word-wrap: break-word;
	    width: 95%;
	}
	div#wiki pre {
	  	width: 90%;
	  	white-space: normal;
	}
	div#wiki img {
	 	width: 90%;
	 	height: auto;
	 	float: right;
	 	padding-left: 20px;
	 	padding-bottom: 20px;
	 	max-width: 90%;
	}
	div#wiki ol {
	 	width: 85%;
	}
	nav#mainnavigation #webmaillogin {
	 	border-left: 0;
	}
	a#korilinkki {
	 	position: absolute;
	 	right: 0;
	 	top: 14px;
	}
	#cart {
	 	border-radius: 5px;
	 	border-bottom-right-radius: 0;
	 	border-top-right-radius: 0;
	 	border: 0;
	 	box-shadow: none;
	 	border-bottom-left-radius: 0;
	}
}

@media screen and (max-width: 900px) {
	#footer_sitemap {
	 	width: 50%;
	 	margin-left: 25px;
	}
	#footer-yhteystiedot {
	 	width: 35%;
	 	margin-right: 20px;
	}
	.asiakassivu .otsikko .logout-box {
	 	position: absolute;
	 	right: 0;
	}
	#palvelut a.palvelukuvaus {
	 	height: 100%;
	 	min-height: 140px;
	}
}

@media screen and (max-width: 875px) {
	.etusivu .suositutpalvelut .suosittu-tuote {
	 	width: 50%;
	}
	.etusivu .suositutpalvelut .suosittu-tuote .teksti .tuotemitta {
	 	height: 100%;
	}
	.etusivu .suositutpalvelut .suosittu-tuote .teksti {
	 	font-size: 14px;
	}
	.etusivu .suosittu-tuote {
	 	height: 295px;
	}
}

@media screen and (max-width: 850px) {
	.domainSearchBlock .domainhaku-tekstit {
	 	width: 52%;
	}
	.domainSearchBlock {
	  	height: 215px;
	  	background-size: 100% 100%;
	}
	.domainSearchBlock .domainhaku-tekstit .nuoli {
	 	position: absolute;
	 	bottom: 13px;
	 	left: 21px;
	}
	.domainSearchBlock .domainhaku-tekstit .www {
	 	position: absolute;
	 	left: 76px;
	 	bottom: 23px;
	}
	.domainSearchBlock .search-inputs {
	 	position: absolute;
	 	left: 142px;
	 	margin-top: 155px;
	 	width: 345px;
	}
	.bannerikuva_default {
	 	display: inline-block;
	 	background-size: 50% auto !important;
	 	top: 110px;
	 	right: 70px;
	 	height: 130px;
	}
	.hotelli_header {
		background-size: 40% auto !important;
		height: 86px;
	}
	.hotelli_header img {
		max-width:100%;
	}
	#etusivunbanneri {
	 	height: 250px;
	}
	.search-inputs .domId {
	    position: absolute;
	    right: 50px;
	}
	.asiakassivu .otsikko .info {
	  	display: inline-block;
	  	float: left;
	  	padding: 240px 0px 25px 50px;
	  	width: 89%;
	}
	.service-legend .legend {
	    width: 100%;
	}
	.service-legend .legend .text {
	    width: 100%;
	}
	table.oKori {
	  	overflow: scroll !important;
	  	display: inline-block;
	}
	.domainSearchBlock .domainhaku-tekstit p {
	    font-size: 14px;
	}
	table#dataTable_yhteenveto {
	 	width: 100% !important;
	}
	#dataTable_yhteenveto td {
	 	width: 20%;
	}
}

@media screen and (max-width: 815px) {
	.etusivu .esittely {
	 	background-size: auto 50% !important;
	}
	.fullwidth.ssl.palvelu-sivu .sisennys.radius5 {
	 	padding: 10px;
	}
	.fullwidth.ssl.palvelu-sivu .sisennys.radius5 th {
	  	font-size: 10px;
	}
	.fullwidth.ssl.palvelu-sivu td {
		font-size: 10px;
		padding: 3px;
	}
}

@media screen and (max-width: 800px) {
	#palvelut a.palvelukuvaus {
	  width: 35%;
	}
}

@media screen and (max-width: 750px) {
	.bannerikuva_default {
	 	right: 0px;
  		height: 120px;
  		width: 192px;
  		top: 152px;
 	}
	div#wiki ul {
	 	width: 85%;
	}
	#palvelut a.palvelukuvaus {
	 	min-height: 165px;
	}
	.reunus .domainhakutd {
	 	width: 200px;
	 	display: inline-block;
	}
}

@media screen and (max-width: 735px) {
	body {
		font-size: 90%;
	}
	nav#mainnavigation {
    	font-size: 80%;
	}
	.etusivu .suosittu-tuote {
	 	height: 310px;
	}
	nav#mainnavigation {
	  	position: relative;
	  	height: 91px;
	}
	.showcase-content-container {
	 	height: 165px !important;
	}
	#maincontent {
  		padding-top: 0;
	}
	.etusivu .esittely {
	 	background-size: auto 40% !important;
	 	background-position: 15px center;
	}
	.etusivu .ajankohtaista,.etusivu .esittely {
	 	width: 41%;
	}
	nav#mainnavigation .mainlogo {
	 	width: 80%;
	}
	textarea {
	    width: 100%;
	}
	.login-help {
	    width: 100% !important;
	}
	.etusivu .yrityksesta p {
	    font-size: 13px;
	}
	.mainlogo a {
	    background-size: 137px 24px;
	}
	.palvelu-header img {
	 	margin-bottom: 15px;
	}
	.etusivu .yrityksesta .luelisaa,.etusivu .yrityksesta .luelisaa a {
	 	font-size: 14px;
	}
	a#korilinkki {
	  	top: 10px;
	}
	.domainit-ja-palvelut .right {
	 	width: 95%;
	}
	.dns-asetus-rivi .kohde {
	    width: 100% !important;
	}
	.valid {
	    width: 100%;
	}
	.nsdata.cname {
	    width: 100% !important;
	}
	.tieto-rivi select {
	    width: 100%;
	}
	.fullwidth.domainit-ja-palvelut h1 {
	    float: left;
	}
}

@media screen and (max-width: 655px) {
	.navi-row2 {
	 	top: 40px;
	 	left: 0px;
	 	/*width: 352px;*/
	}
	.navi-row1 {
	 	margin-top: 45px;
	}
	nav#mainnavigation .showlogin{
	 	margin-left: 0;
	}
	.etusivu .ajankohtaista,.etusivu .esittely {
	 	width: 43%;
	}
	.etusivu .ajankohtaista, .etusivu .esittely {
	 	padding: 15px;
	}
	#footer-yhteystiedot {
	 	margin: 25px;
	 	width: 90%;
	 	margin-top: 0;
	 	margin-left: 0;
	}
	#footer_sitemap {
	 	width: 85%;
	 	margin-left: 25px;
	}
	footer dl {
	 	width: 23%;
	 	height: 225px;
	}
	.etusivu .yrityksesta {
	 	width: 90%;
	}
	nav#mainnavigation .mainlink {
	    padding: 10px 0px;
	    font-size: 13px;
	}
	.yrityksesta img {
	    padding-bottom: 0;
	    padding-left: 15px;
	}
	.etusivu .yrityksesta.logot img {
		padding-left: 0;
	}
	.sisennys.radius5 img {
	  	height: auto;
	  	max-width: 150px;
	}
	#hinnasto {
	 	padding-left: 0;
	 	padding-right: 0;
	}
	.palvelu-header {
	  margin: 0;
	}
	#hinnasto .sisennys {
	 	padding: 0;
	 	border: 0;
	}
	.palvelu-sivu .reunus table tbody tr td {
	  	padding: 5px;
	  	padding-left: 2px;
	  	padding-right: 2px;
	}
	.palvelu-sivu .reunus table thead tr th, #dataTable_yhteenveto thead tr th {
	 	padding: 5px;
	}
	.palvelu-sivu .reunus table, #dataTable_yhteenveto {
	    background: #fff;
	}
	.radius5 {
	  	border-radius: 0px;
	}
	#hinnasto {
	 	padding-bottom: 0;
	}
	div#wiki td {
	    display: inline-block;
	    float: left;
	    height: auto;
	}
	.palvelu-sivu .reunus table thead tr th, #dataTable_yhteenveto thead tr th {
	 	font-size: 10px;
	}
	.fullwidth.webhotellit.palvelu-sivu {
	 	padding-left: 0;
	 	padding-right: 0;
	}
	.palvelu-sivu .reunus, .reunus {
	 	padding: 5px;
	}
	.webhotellit .palvelu-header {
	  	margin: 20px;
	}
	.palvelu-sivu .reunus table button {
	 	width: 65px;
	 	height: 50px;
	}
	.default-button {
	 	font-size: 10px;
	 	margin-bottom: 5px;
	}
	.webhotellit td {
		width: 20%;
	}
	.webhotellit .sisennys.radius5 {
	  	border: 0;
	  	padding: 0 0 10px;
	  	background: transparent;
	}
	.fullwidth.virtuaalipalvelimet.palvelu-sivu {
	 	padding-bottom: 20px;
	}
	.fullwidth.virtuaalipalvelimet.palvelu-sivu .sisennys.radius5 {
	 	padding: 15px;
	}
	.fullwidth.verkkolevy.palvelu-sivu .sisennys.radius5 {
	    padding: 11px;
	    width: 92% !important;
	}
	.fullwidth.domainit.palvelu-sivu .sisennys.radius5 {
	  	background: #fff;
	  	padding: 15px;
	}
	.fullwidth.lisapalvelut.palvelu-sivu .sisennys.radius5 {
	  	background: #fff;
	 	padding: 10px;
	}
	.fullwidth.verkkokaupat.palvelu-sivu .sisennys.radius5 {
	 	background: #fff;
	 	padding: 10px;
	 	padding-right: 20px;
	}
	.fullwidth.ssl.palvelu-sivu .sisennys.radius5, .fullwidth.webhotellit.palvelu-sivu .sisennys.radius5 {
	  	overflow: scroll;
	  	background: #fff;
	}
	.fullwidth.ssl.palvelu-sivu {
	    padding-bottom: 15px;
	}
	.palvelun-valinta-otsikko.floatleft {
	  	padding: 10px !important;
	}
	.loginwrapper.asiakaslogin {
	  	top: 80px;
	  	left: 20px;
	}
	.loginwrapper.plesklogin {
	  	right: 0;
	  	top: 80px;
	  	left: 20px;
	}
	.loginwrapper.webmaillogin {
	 	left: 20px;
	 	top: 80px;
	}
	.loginwrapper.webmaillogin .loginarrow {
		left: 30px;
	}
	.loginarrow.loginarrow_plesk {
	 	left: 120px;
	}
	div#ajankohtaista .sisennys.radius5 {
	  	padding: 3px;
	}
	#hinnasto .sisennys.radius5 {
	  	background: transparent;
	}
	.palvelu-sivu p {
	    padding-bottom: 10px;
	}
	.fullwidth.lisapalvelut.palvelu-sivu table.esittely td {
	    padding: 10px;
	}
	.palvelu-sivu {
	  	font-size: 14px;
	}
	div#wiki #etusivu {
	 	top: 0;
	}
	#footer_copyright {
	    padding: 20px 35px 10px;
	}
	#domainhauntulokset {
	 	width: 100%;
	}
	.domainhaunSeloste {
		width: 100%;
	}
	.jatka.default-button.continue {
	    position: relative !important;
	}
	div#wiki td {
	    min-width: 100%;
	}
	.wikitable.filehistory {
	    float: none !important;
	    overflow: scroll;
	}
	.login {
	    width: 100% !important;
	}
	.asiakassivu.omat-tiedot .osoite-rivi {
	    width: 100%;
	}
	.loginarrow {
	    left: 215px;
	}
	.loginwrapper {
	    width: 275px;
	}
	a#korilinkki {
	  	top: 44px;
	}
	nav#mainnavigation {
	  	height: 126px;
	}
	.reunus table.oKori thead tr th {
	 	padding: 5px !important;
	}
	.reunus table.oKori tbody tr td {
	 	padding: 5px !important;
	}
	.banneriteksti_default p {
	 	width: 40%;
	}
	.banneriteksti_default .luelisaa {
	    margin: 15px 0 0 20px;
	}
}

@media screen and (max-width: 610px) {
	.etusivu .suosittu-tuote {
	 	height: 330px;
	}
	.etusivu .ajankohtaista,.etusivu .esittely {
	 	width: 47%;
	}
	.etusivu .ajankohtaista,.etusivu .esittely {
	 	padding: 10px;
	 	padding-right: 0;
	 	padding-left: 5px;
	 	padding-bottom: 25px;
	}
	.etusivu .ajankohtaista {
	 	padding-left: 15px;
	}
	.etusivu .esittely {
	 	background-size: auto 35% !important;
	 	background-position: 10px center;
	}
	div#vm_form_price {
	  	width: 100% !important;
	  	height: auto !important;
	  	position: relative !important;
	  	margin-left: 30px !important;
	  	float: left !important;
	  	margin-top: 10px !important;
	}
	.asiakassivu .otsikko .info {
		width: 80%;
	}
	.asiakassivu a.toiminto {
	  	width: 70%;
	}
}

@media screen and (max-width: 550px) {
	#palvelut a.palvelukuvaus {
	    height: auto;
	    padding: 65px 7% 10px 25px;
	    width: 83%;
	    min-height: 100%;
	}
	.showcase-content-container {
	 	height: 190px !important;
	}
	.product-slider-icon {
	 	margin: 0 5px;
	}
	.etusivu .esittely {
		background-size: auto 30% !important;
		background-position: 5px center;
	}
	.etusivu .ajankohtaista .rivit table td, .etusivu .ajankohtaista .rivit table td a {
	 	padding: 1px 5px 5px 0;
	}
	.domainSearchBlock {
	 	height: 250px;
	 	background-size: 100% 100%;
	}
	.domainSearchBlock .search-inputs {
	 	left: 33px;
	 	margin-top: 186px;
	 	width: 84%;
	}
	.domainSearchBlock .domainhaku-tekstit .nuoli {
	 	bottom: 64px;
	}
	.domainSearchBlock .domainhaku-tekstit .www {
	 	bottom: 76px;
	}
	.floatleft.domId {
	 	position: absolute;
	 	right: 50px;
	}
	.etusivu .suositutpalvelut .suosittu-tuote {
	 	width: 100%;
	 	height: auto;
	}
	.etusivu .suositutpalvelut .suosittu-tuote .teksti {
	  	font-size: 15px;
	  	font-weight: 300;
	}
	.etusivu .suositutpalvelut h1 {
	 	margin-bottom: 25px;
	}
	.etusivu .suositutpalvelut .suosittu-tuote .teksti .luelisaa a {
	 	font-size: 14px;
	}
	.domainSearchBlock .domainhaku-tekstit .nuoli {
		background-size: 70% auto;
	}
	a#korilinkki {
	  	top: 87px;
	}
	#cart {
	  border-bottom-right-radius: 0;
	  border-top-right-radius: 0;
	  border-bottom-left-radius: 5px;
	  border-top-left-radius: 0;
	}
}

@media screen and (max-width: 525px) {
	.showcase-content-container {
	  	height: 210px !important;
	}
}

@media screen and (max-width: 500px) {
	.showcase-content-container {
	  	height: 230px !important;
	}
	#footer-yhteystiedot {
	 	width: 85%;
	 	float: left;
	 	margin: 15px;
	}
	footer dl {
	 	width: 35%;
	 	margin: 15px;
	 	margin-bottom: 0;
	}
	footer#mainfooter {
	    margin-bottom: 10px;
	}
	.etusivu .ajankohtaista, .etusivu .esittely {
	  	width: 80%;
	  	margin: 15px;
	 	float: left;
	}
	.etusivu .ajankohtaista .rivit table td, .etusivu .ajankohtaista .rivit table td a {
	 	padding: 5px 5px 5px 0;
	}
	.etusivu .ajankohtaista,.etusivu .esittely {
	 	padding: 20px;
	}
	.etusivu .esittely {
	 	background-size: auto 50% !important;
	 	background-position: 60px center;
	}
	#ajankohtaista table {
	 	font-size: 80%;
	}
	#ok {
	  	padding: 0px;
	  	background: transparent;
	  	border: 0;
	}
}

@media screen and (max-width: 475px) {

.referee-box{
	float:left;
	border:1px solid #a8c9dd;
	overflow: hidden;
	margin:0px 10px;
	background: #e5f3fb;
	width:340px;
	top:0px;
	text-align:left;

}

	form#palvelun-tilaus input {
	  	width: 40% !important;
	}
	.fullwidth.domainit-ja-palvelut {
	    padding: 5px;
	}
	#dataTable_yhteenveto td {
	    font-size: 10px !important;
	    padding: 2px;
	    width: 20%;
	}
}

@media screen and (max-width: 450px) {

.referee-box{
	float:left;
	border:1px solid #a8c9dd;
	overflow: hidden;
	margin:0px 10px;
	background: #e5f3fb;
	width:330px;
	top:0px;
	text-align:left;

}

	.etusivu .suosittu-tuote {
	 	height: 315px;
	}
	.showcase-content-container {
	  	height: 250px !important;
	}
	.domainSearchBlock #domainsld{
	 	font-size: 12px;
	}
	.bannerikuva_default {
	 	top: 150px;
	 	width: 100px;
	}
	.banneriteksti_default h1 {
	    padding: 10px 20px;
	}
	.palvelu-sivu table {
	  	font-size: 10px;
	}
	.etusivu .esittely {
	  	background-size: auto 50% !important;
	  	background-position: 30px center;
	}
	.reunus table.oKori tbody .domain, .preconfform .domain {
	 	font-size: 14px;
	}
	.reunus table.oKori thead tr th {
	    font-size: 12px !important;
	}
	.reunus table.oKori tbody tr td {
	 	font-size: 12px !important;
	}
	.reunus table.oKori tbody .selite {
	 	font-size: 12px;
	}
	div#fancybox-wrap {
	 	width: 85% !important;
	 	left: 0 !important;
	}
	div#fancybox-content {
	 	width: 100% !important;
	}
	div#login {
	 	width: 85% !important;
	}
	.vanha-asiakas > form {
	    width: 100% !important;
	}
	#fancybox-content div {
	    width: 85% !important;
	}
}

@media screen and (max-width: 430px) {

.referee-box{
	float:left;
	border:1px solid #a8c9dd;
	overflow: hidden;
	margin:0px 10px;
	background: #e5f3fb;
	width:300px;
	top:0px;
	text-align:left;

}

	.showcase-content-container {
	    height: 300px !important;
	}
}

@media screen and (max-width: 400px) {

.referee-box{
	float:left;
	border:1px solid #a8c9dd;
	overflow: hidden;
	margin:0px 10px;
	background: #e5f3fb;
	width:300px;
	top:0px;
	text-align:left;
}

	.showcase-content-container {
	    height: 335px !important;
	}
	.etusivu .suosittu-tuote {
	  height: 325px;
	}
	.etusivu .esittely {
	    background-size: auto 35% !important;
	    background-position: 15px center;
	}
	.domainSearchBlock #domainsld {
	    font-family: arial;
	    font-size: 10px;
	    font-weight: bold;
	    padding: 15px 3px;
	}
	.navi-row2 {
	    /*width: 395px;*/
	}
	nav#mainnavigation .showlogin a {
	    font-size: 12px;
	    padding: 10px 12px;
	}
	.sisennys.radius5 img {
	  	max-width: 100px;
	}
	#ok img {
	  	max-width: 25px;
	}
	footer dl {
	    height: 245px;
	}
	.fullwidth.lisapalvelut.palvelu-sivu .sisennys.radius5 {
	    width: 90%;
	}
	.fullwidth.sahkopostit.palvelu-sivu .sisennys.radius5 {
	    padding: 10px;
	}
	#webmaillogin {
	    border-left: 0 none !important;
	}
	button#tarkista-verkkolevy {
	    left: 0 !important;
	    margin-left: 0 !important;
	    margin-top: 5px !important;
	}
}

@media screen and (max-width: 395px) {

.referee-box{
	float:left;
	border:1px solid #a8c9dd;
	overflow: hidden;
	margin:0px 10px;
	background: #e5f3fb;
	width:280px;
	top:0px;
	text-align:left;
}


	.palvelu-sivu .reunus, .reunus {
	    padding: 5px;
	}
	.palvelu-sivu .reunus table thead tr th, #dataTable_yhteenveto thead tr th {
	    font-size: 10px;
	}
	#hinnasto table tr td {
	    font-size: 10px;
	}
	.button-icon-left {
		background: transparent;
	 }
	.palvelu-sivu .reunus table button {
	    width: 55px !important;
	    height: 50px;
	    font-size: 9px;
	}
	#pienennys {
	    font-size: 8px;
	}
	.palvelu-sivu .reunus table tbody tr td {
	    padding: 5px 1px;
	}
	.asiakassivu .otsikko {
	    margin-top: 55px;
	}
	.asiakassivu .otsikko .logout-box {
	    top: 115px;
	}
	.fullwidth.domainit-ja-palvelut h1 {
	    float: left;
	    padding-bottom: 10px;
	    padding-left: 15px;
	}
}

@media screen and (max-width: 375px) {

.referee-box{
	float:left;
	border:1px solid #a8c9dd;
	overflow: hidden;
	margin:0px 10px;
	background: #e5f3fb;
	width:240px;
	top:0px;
	text-align:left;
}

	.showcase-content-container {
	    height: 375px !important;
	}
	.domainSearchBlock .domainhaku-tekstit .nuoli {
	    bottom: 60px;
	}
	.domainSearchBlock .domainhaku-tekstit .www {
	    bottom: 73px;
	}
	.domainSearchBlock .domainhaku-tekstit .nuoli {
		background-size: 50% auto;
		width: 60px;
	}
}

@media screen and (max-width: 350px) {

.referee-box{
	float:left;
	border:1px solid #a8c9dd;
	overflow: hidden;
	margin:0px 10px;
	background: #e5f3fb;
	width:200px;
	top:0px;
	text-align:left;
}


	.etusivu .suosittu-tuote {
	    height: 400px;
	}
	.domainSearchBlock #domainsld {
	    font-size: 9px;
	    padding: 15px 0;
	}
	.domainSearchBlock .search-inputs {
	    left: 24px;
	}
	.domainSearchBlock .domainhaku-tekstit p {
	    width: 250px;
	}
	#footer_sitemap {
	    width: 80%;
	    margin-left: 25px;
	}
	#pienennys {
	    word-break: break-all;
	}
	#ajankohtaista {
	    padding: 5px;
	}
	#ajankohtaista table tr {
	    float: left;
	    padding-bottom: 5px;
	}
	#ajankohtaista table td {
	    float: left;
	}
	.etusivu .esittely {
	    background-size: auto 28% !important;
	}
	.palvelun-valinta-otsikko.floatleft {
	    height: auto !important;
	}
	.showcase-content-container {
	    height: 410px !important;
	}
	.domainSearchBlock {
	    height: 275px;
	}
	.domainSearchBlock .search-inputs {
	    left: 20px;
	    margin-top: 218px;
	    width: 84%;
	}
	.domainSearchBlock .domainhaku-tekstit .nuoli {
	    bottom: 55px;
	}
	.domainSearchBlock .domainhaku-tekstit .www {
	    bottom: 68px;
	}
	.reunus table.oKori tbody .domain, .preconfform .domain {
	 	font-size: 12px;
	}
	.reunus table.oKori thead tr th {
	    font-size: 10px !important;
	}
	.reunus table.oKori tbody tr td {
	 	font-size: 10px !important;
	}
	.reunus table.oKori tbody .selite {
	 	font-size: 10px;
	}
}