.MainSite {
 margin: 0 auto;
}

.MainSite-header {
 background-color: #fff;
}

.MainSite-content {
 padding: 0 1rem;
 background-color: #fff;
}

.MainSite-body {
 background-color: #fff;
}

.MainSite-menu {
 margin: 0;
 padding: 0 4px 0 4px;
 background-color: #f2f2f2;
}

.MainSite-footer {
 background-color: #fdd800;
}

.MainSite-footer {
 font-family: "Open Sans", sans-serif;
 font-weight: normal;
 font-size: 1rem;
 background-color: #333;
 padding-top:2rem;
 padding-bottom: 25px;
 position: relative;
 }
.MainSite-footer .row {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: space-between;
}

.MainSite-footer span {
}

.MainSite-footer .title {
 font-family: "Raleway", sans-serif;
 font-size: 2.5rem;
 font-weight: 900;
 color: #fff;
}

.MainSite-footer .row {
 display: flex;
 flex-direction: row;
 justify-content: center;
}

.MainSite-footer .row:first-child {
 margin-bottom: 0.5rem;
}

.MainSite-footer .row .leftspace {
 flex: 0 1 auto;
}
.MainSite-footer .row .rightspace {
 flex: 0 1 auto;
}

.MainSite-footer .address {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
}

.MainSite-footer .col {
 display: block;
 color: #fff;
}

.MainSite-footer .col.space {
 margin-top: 1rem;
}

.banner1 {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: stretch;
 padding: 0.3rem 0.8rem;
}
.banner1 > .bannerlogo {
 flex: 0 1 auto;
}
.banner1 > .bannerside {
 flex: 1 1 auto;
 display: flex;
 flex-direction: column;
 margin: 0 0 0 1rem;
 justify-content: flex-end;
 align-items: flex-end;
}
.bannerside > .bannersb {
}
.bannersb>form.search {
 display: flex;
 flex-direction: row;
 flex: 1 1 16rem;
 align-items: stretch;
 flex-grow: 2;
 margin: 0 0 0 10%;
 justify-content: flex-end;
}
.bannersb>form.search>input.search_input {
 flex: 1 1 auto;
 max-width: 30ch;
 border: none;
 border-radius: 0.3rem 0 0 0;
 background-color: #eee;
 color: #000;
}
.bannersb>form.search>.action {
 display: inline-block;
 flex: 0 1 auto;
 padding: 0.2rem 0.5rem;
 background-color: #fed600;
 color: #000;
 margin: 0;
 border: none;
}
.bannersb>form.search>.action:hover {
 background-color: #0a0;
 border: none;
 color: #fff;
}

div.bannercartbox {
 margin: 0 0 12px 0;
 min-width: 15rem;
 max-width: 20rem;
}

div.bannercartbox a {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: space-between;
 align-items: baseline;
 font-size: 1rem;
 background-color: #fff;
 padding: 0.5rem 0.5rem;
 color: #000;
 text-decoration: none;
 position: relative;
}
div.bannercartbox a:hover {
 background-color: #faf383;
 text-decoration: none;
}

div.bannercartbox a .cartcount {
 display: inline-block;
 position: absolute;
 top: 2px;
 left: 2rem;
 background-color: #b00;
 color: #fff;
 font-size: 0.75rem;
 padding: 0.15rem 0.4rem;
 border-radius: 1rem;
}

div.bannercartbox a .cartcount.ccempty,
div.bannercartbox a .cartcount.ccempty {
 display: none;
}

div.bannercartbox img.cartimg {
 display: inline-block;
 position: relative;
 top: 0.25rem;
 margin: 0 1rem 0 0;
}

div.bannercartbox .tocarttxt.ccempty {
 display: none;
}

div.gvbox {
 margin: 1rem 1rem;
 box-shadow: 0 0 1px 1px #dda;
 background-color: #ffe;
}

div.gvbox:hover {
 box-shadow: none;
}

div.gvbox div.imgbox {
 display: none;
}

div.gvbox div.name > a {
 color: #222;
 min-width: 5rem;
 padding: 0.5rem 1rem;
 font-size: 1.15rem;
}

div.gvbox div.name > a:hover {
 color: #222;
 background-color: #fdd800;
 border-radius: 0.5rem;
}

ul.ulmenu0 li > a.ulmenu {
 color: #222;
}

ul.ulmenu0 li > a.ulmenu:hover {
 background-color: #fdd800;
 color: #000;
}

ul.ulmenu0 li > a.ulmenu > span.bullet {
 padding: 0.25rem 0;
}

ul.ulmenu0 li > a.ulmenu {
 padding: 0.25rem 0.5rem;
}

.cc_table, .cccontainer {
 width: 100%;
}

.ytiedotbox {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: stretch;
}

.ytiedotbox .tiedot {
 flex: 1 1 auto;
 min-width: 300px;
 max-width: 500px;
}

.ytiedotbox .map {
 flex: 1 0 auto;
 margin: 1rem 0 1rem 2rem;
 overflow:hidden;
 padding-bottom:56.25%;
 position:relative;
 height:0;
}
.ytiedotbox .map iframe{
 left:0;
 top:0;
 height:100%;
 width:100%;
 position:absolute;
}

.ytiedotbox .verkkokauppa {
 margin: 2rem 0;
}

div.tyresearchbox {
 margin: 1rem;
 padding: 0.4rem 0.2rem 1rem 0.75rem;
}

div.tyresearchbox > h1 {
 display: block;
 font-family: "Open Sans", sans-serif;
 font-size: 1.5rem;
 color: #000;
 margin: 0 0 1rem 0;
 border-bottom: 1px solid #444;
}

.tsbox {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 align-items: flex-start;
}

.tsbox .tsspinner {
 margin: 2rem 0 0 0;
 align-self: center;
}

.tsbox .alv0 {
 margin-top: 4px;
 color: #333;
 font-size: 0.75rem;
}

.tsterms {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: stretch;
 flex-wrap: wrap;
}

.tsterms3 {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: stretch;
 flex-wrap: nowrap;
}

div.tsterms3 >.tsel,
div.tsterms >.tsel {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 align-items: stretch;
 font-family: "Open Sans", sans-serif;
 font-size: 1.5rem;
 margin-top: 1rem;
}

div.tsterms3 > .tsel.tsep {
 justify-content: flex-end;
}

div.tsterms3 > .tsel > .tssep {
 display: block;
 margin-left: 0.5rem;
 margin-right: 0.5rem;
 margin-bottom: 0.2rem;
 font-size: 1.7rem;
 align-self: flex-end;
}

div.tsterms3 input {
 background-color: #ffc;
 color: #000;
}

div.tsterms select {
 background-color: #fff;
 color: #000;
 font-size: 1.1rem;
 padding: 0.2rem 0.4rem;
}

div.tsterms3 >.tsel.tswidth > input#tswidth{
 width: 3rem;
 font-size: 1.7rem;
}
div.tsterms3 >.tsel.tsprofile > input#tsprofile {
 width: 3rem;
 font-size: 1.7rem;
}
div.tsterms3 >.tsel.tssize {
 margin-right: 2rem;
}
div.tsterms3 >.tsel.tssize >input#tssize {
 width: 3rem;
 font-size: 1.7rem;
}

.tsterms >.tsseason {
 margin-left: 0;
 margin-right: 2rem;
}

div.tsterms .tsel >.tslab {
 font-family: "Open Sans", sans-serif;
 font-size: 1rem;
}

div.tsterms >.tsel.tsep {
 margin: 0 0.3rem;
}

div.tsterms >.tsel.tssend {
 display: flex;
 justify-content: flex-end;
 margin-left: 0;
}

.tyresearchbox .tsresultnum {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: flex-end;
}

div.tyresearchbox .haebutton {
 font-size: 1.2rem;
 background-color: #fbc80f;
 color: #222;
 border-radius: 3px;
 padding: 0.5rem 1rem;
}

div.tyresearchbox .haebutton:hover {
 background-color: #ffcb0f;
 color: #222;
 transform: scale(1.05);
}

.tyrecontainer {
 margin: 0 0 2rem 0;
}

.errormsg {
 border: 2px solid #800000;
 background-color: white;
 color: black;
 padding: 3px;
 width: 550px;
}

.yotto_star {
 color: #800000;
}
.yotto_sephead {
 font-size: 16px;
 font-weight: bold;
}
td.yotto_sephead {
 padding: 1rem 0 0 0;
}
form.yotto span.normaltxt {
 font-weight: normal;
 text-decoration: none;
}

.yotto_send>input {
 padding: 0.5rem 2rem;
 margin: 1rem 0;
 font-size: 16px;
}

form.yotto .laskutustapa {
 display: flex;
 flex-direction: column;
}

form.yotto .laskutusvalinta {
 margin: 0.5rem;
}

form.yotto .radbox {
 display: flex;
 flex-direction: row;
 align-items: center;
}

form.yotto .radbox >input[type="radio"] {
 margin: 0 0.5rem 0 0;
 padding: 0;
}

form.yotto .radadd {
 margin: 0 0 0 2rem;
 display: flex;
 flex-direction: row;
 align-items: center;
}

form.yotto .radadd >input {
 margin: 0 1rem;
}
form.yotto .radadd >input:first-child {
 margin: 0 1rem 0 0;
}

textarea.yotto_input {
 width: 100%;
}

div.pgat {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: stretch;
}

div.pgat div.product {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 align-items: stretch;
 margin: 1.5rem 2rem;
 position: relative;
}

div.pgat div.product div.bottombox {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: space-between;
 align-items: center;
 padding: 0.2rem 0.4rem 0.2rem 0.2rem;
}

div.pgat div.product div.bottombox:hover {
 background-color: #eee;
}

div.pgat div.product div.bottombox .favbox,
div.pgat div.product div.bottombox .seasonbox,
div.pgat div.product div.bottombox .varasto {
 position: static;
 flex: 0 1 auto;
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
}

div.pgat div.product div.bottombox div.favbox a.fav {
 display: block;
 width: 1rem;
 text-decoration: none;
}
div.pgat div.product div.bottombox div.favbox a.fav:hover {
 color: #080;
}

div.pgat div.product div.bottombox div.favbox {
 width: 1rem;
}

div.pgat div.product .tarjoustopbox {
 position: absolute;
 left: -2px;
 top: -2px;
 background-color: #f44336;
 color: #fff;
 font-size: 0.75rem;
 font-family: "Open Sans", sans-serif;
 font-weight: bold;
 padding: 2px 5px;
 border-radius: 2px;
 border-top-left-radius: 4px;
 z-index:10;
}

div.pgat div.product div.imgwrap {
 flex: 0 0 auto;
}
div.pgat div.product div.datawrap {
 flex: 1 0 auto;
 height: auto;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 align-items: stretch;
}

div.pgat div.product div.imgwrap img.empty {
 background-color: #fcfcfc;
}

div.pgat div.product .eulabel-mini {
 text-align: center;
}

div.pgat div.product div.eulabel-mini-empty {
 min-height: 40px;
}
div.pgat div.product div.price {
 position: relative;
 font-family: "Open Sans", sans-serif;
 font-size: 1.3rem;
 left: auto;
 right: auto;
 bottom: auto;
 margin: 0.25rem 0.15rem;
}

div.pgat div.product div.price .rowtarjous {
 display: none;
 position: absolute;
 left: 0.15rem;
 bottom: -0.2rem;
}

div.pgat div.product div.varasto {
 position: absolute;
 bottom: 5px;
 right: 0;
 text-align: center;
 font-family: "Open Sans", sans-serif;
 font-size: 0.75rem;
 color: #333;
 z-index: 10;
}
div.pgat div.product div.varasto i.saldo.green {
 color: #0a0;
}

div.eulabelbig-name {
 margin: 18px 30px 12px 30px;
 width: 654px;
 font-size: 28px;
 color: #000;
 font-family: "Open Sans", sans-serif;
}

div.eulabelbig {
 margin: 18px 30px 12px 30px;
 position: relative;
 background-color: #fff;
 width: 645px;
 height: 997px;
 border: 4px solid #039cde;
}

div.eulabelbig div.energy {
 position: absolute;
 top: 37px;
 left: 37px;
 width: 206px;
 height: 599px;
}

div.eulabelbig div.wet {
 position: absolute;
 top: 37px;
 right: 37px;
 width: 227px;
 height: 599px;
}

div.eulabelbig div.noise {
 position: absolute;
 bottom: 90px;
 right: 37px;
 width: 474px;
 height: 206px;
}

div.eulabelbig div.noisevalue {
 position: absolute;
 bottom: 63px;
 right: 18px;
 color: #fff;
 font-size: 63px;
 font-family: Helvetica, Arial, sans-serif;
 font-weight: bold;
}

div.eulabelbig div.noisevalue>span.db {
 font-size: 36px;
}

@media print {
 div.eulabelbig div.noisevalue {
  color: #fff !important;
  text-shadow: 1px 1px #fff, -1px -1px #fff, -1px 1px #fff, 1px -1px #fff;
 }
 div.eulabelbig div.noisevalue {
  color: #fff !important;
 }
 div.eulabelbig div.noisevalue>span.db {
  color: #fff;
 }
}

div.eulabelbig div.euflag {
 position: absolute;
 bottom: 25px;
 left: 37px;
 width: 78px;
 height: 52px;
}

div.eulabelbig div.text {
 position: absolute;
 bottom: 20px;
 left: 138px;
 font-size: 23px;
 font-family: "Open Sans", sans-serif;
}

div.eulabelmed-name {
 margin: 8px 20px 8px 20px;
 width: 430px;
 font-size: 13px;
 color: #000;
 font-family: "Open Sans", sans-serif;
}

div.eulabelmed {
 margin: 12px 20px 8px 0;
 position: relative;
 width: 212px;
 height: 311px;
 border: 2px solid #039cde;
 background-color: #fff;
}

div.eulabelmed div.energy {
 position: absolute;
 top: 12px;
 left: 12px;
 width: 102px;
 height: 198px;
}

div.eulabelmed div.wet {
 position: absolute;
 top: 12px;
 right: 12px;
 width: 75px;
 height: 198px;
}

div.eulabelmed div.noise {
 position: absolute;
 bottom: 26px;
 right: 12px;
 width: 156px;
 height: 68px;
}

div.eulabelmed div.noisevalue {
 position: absolute;
 bottom: 20px;
 right: 5px;
 color: #fff;
 font-size: 22px;
 font-family: Helvetica, Arial, sans-serif;
 font-weight: bold;
}

div.eulabelmed div.noisevalue>span.db {
 font-size: 14px;
}

div.eulabelmed div.euflag {
 position: absolute;
 bottom: 10px;
 left: 12px;
 width: 25px;
 height: 16px;
}

div.eulabelmed div.text {
 position: absolute;
 bottom: 6px;
 left: 45px;
 font-size: 10px;
 font-family: "Open Sans",sans-serif;
 color: #000;
}

div.eulabelmed-print {
 margin: 8px 20px 8px 0;
}
div.eulabelmed-print a {
 display: block;
 font-size: 0.9rem;
 color: #000;
 font-family: "Open Sans", sans-serif;
 max-width: calc( 212px - 2rem);
 background-color: #dfdee4;
 padding: 0.3rem 1rem 0.3rem 1rem;
 text-align: center;
 margin: 1rem 0;
 text-decoration: none;
 border: 2px solid #dfdee4;
}

div.eulabelmed-print a:hover {
 text-decoration: none;
 background-color: #bdbcc3;
 border: 2px solid #bdbcc3;
}

div.eulabel-mini {
 display: block;
 vertical-align: bottom;
 margin: 0 4px;
 position: relative;
}
div.eulabel-mini >img.ico {
 display: none;
}

div.eulabel-mini>div.eulabel-list {
 display: inline-flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: center;
 padding: 4px 3px 0 4px;
 white-space: nowrap;
}

div.eulabel-mini span.ene,
div.eulabel-mini span.wet,
div.eulabel-mini span.noise {
 display: inline-block;
 border-radius: 3px;
 background-color: #fff;
 padding: 0 4px 0 0;
 margin: 0 2px;
 position: relative;
 width: 25px;
 height: 31px;
 text-align: center;
}

div.eulabel-mini span.ene {
 background-image: url(/images/eulabel/icon-energy-20x20.png);
 background-repeat: no-repeat;
 background-position: top right;
}

div.eulabel-mini span.wet {
 background-image: url(/images/eulabel/icon-wet-20x20.png);
 background-repeat: no-repeat;
 background-position: top right;
}

div.eulabel-mini span.noise {
 width: 42px;
 padding: 0;
}

div.eulabel-mini span.ene span.it,
div.eulabel-mini span.wet span.it,
div.eulabel-mini span.noise span.it {
 position: absolute;
 display: block;
 bottom: 0px;
 left: 2px;
 font-family: Helvetica,sans-serif;
 font-size: 14px; font-weight: bold;
 padding: 4px 3px;
 line-height: 12px;
 border-radius: 2px;
}

div.eulabel-mini span.noise span.it {
 bottom: 5px;
}

div.eulabel-mini img.waveico {
 position: absolute;
 top: 0px;
 right: 1px;
}

.eulabel-bgcol-A {
 background-color: rgba(0, 166, 80, 0.8);
}
.eulabel-bgcol-B {
 background-color: rgba(77, 189, 56, 0.8);
}
.eulabel-bgcol-C {
 background-color: rgba(179, 219, 24, 0.8);
}

.eulabel-bgcol-D {
 background-color: rgba(255, 242, 0, 0.8);
}
.eulabel-bgcol-E {
 background-color: rgba(250, 178, 11, 0.8);
}
.eulabel-bgcol-F {
 background-color: rgba(242, 92, 25, 0.8 );
}
.eulabel-bgcol-G {
 background-color: rgba(237, 28, 36, 0.8 );
}


.eulabel2 {
 position: relative;
 padding: 8px;
 border: 1px solid #ccc;
}

.eulabel2med {
 width: fit-content;
}

.eulabel2 .titlebox {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: flex-start;
 margin-bottom: 4px;
}

.eulabel2 .modelbox,
.eulabel2 .sizebox
{
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: flex-start;
 padding: 0 0 4px 0;
 border-bottom: 1px solid #555;
 margin-bottom: 4px;
 font-family: sans-serif;
 font-size: 0.75rem;
}

.eulabel2 .ewbox {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 border-bottom: 1px solid #555;
 padding: 0 0 8px 0;
}
.eulabel2 .ewbox .energy {
 margin: 0 12px 0 0;
 padding: 0 12px 0 0;
 border-right: 1px solid #555;
}

.eulabel2 .ewbox .wet {
 margin: 0;
 padding: 0;
}

.eulabel2 .btmbox {
 display: flex;
 flex-direction: row;
 justify-content: space-evenly;
 flex-wrap: nowrap;
 margin: 8px 0;
}
.eulabel2med .btmbox {
 min-height: 48px;
}

.eulabel2 .noise {
 position: relative;
}
.eulabel2med .noise .noisevalue {
 position: absolute;
 top: 20px;
 left: 30px;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 13px;
}

.eulabel2 .text {
 position: absolute;
 right: 4px;
 bottom: 4px;
 text-orientation: mixed;
 writing-mode: vertical-rl;
 font-size: 8px;
 color: #555;
 font-family: Helvetica, Arial, sans-serif;
}

.p_table_header,
.p_table_header_box h1,
.p_table_header_box h2.group,
.gvheader h1,
.gvheader h1 > a,
.p_table_header > a,
.p_table_header_box h1 > a,
.p_table_header_box h1 > .pgroupitem > a,
.p_table_header_box h2.group,
.p_table_header_box h2 > a,
.p_table_header_box h2 > .pgroupitem > a,
.p_table_header_box h2 > span {
 font-size: 1.4rem;
}

.viewmodebox {
 display: flex;
 flex-direction: row;
 justify-content: flex-end;
 margin: 0 0.5rem 2rem 0;
}

table.p_list>tbody>tr>td,
table.p_list>thead>tr>th
{
 margin-left: 0.5rem;
}

table.p_list>thead>tr>th {
 text-align: left;
}

th.p_list_title_name {
 padding-left: 1rem;
}
.p_list_name {
 font-weight: normal;
}

.p_list_dot {
}
.p_list .p_saldo {
 text-align: right;
 padding-left: 0.5rem;
}

div.loginokbox .loginok_fp>a {
 display: inline-block;
 font-family: sans-serif;
 text-decoration: none;
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 font-size: 1.15rem;
 font-weight: bold;
 background-color: #27c2ff;
 background-color: #1d97c3;
 border: none;
 border-radius: 0.4rem;
 padding: 0.8rem 2rem;
 margin: 1rem;
}
div.loginokbox .loginok_fp>a:hover {
 background-color: #21a9da;
}
.xnlogininfo {
 background-color: #eee;
}

.xnlogininfo > .xnuserinfobox > .uibasic > .uithead {
 border-bottom: 1px solid #888;
}

div.alamainokset {
 display: flex;
 flex-direction: row;
 justify-content:space-around;
 justify-content:space-evenly;
}

div.alamainosleft {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
}
div.alamainosright {
 display: flex;
 flex-direction: row;
 justify-content: flex-end;
}

div.alamainos {
 display: inline-block;
 margin: 10px 30px 10px 0;
}
div.alamainos a {
 font-size: 12px;
 color: #303070;
}

div.alamainos a:hover{
 color: #006;
}

div.alamainos a.esitetxt {
 display: block;
 font-size: 12px;
 color: #303070;
 margin: 4px 0 0 0;
}

div.alamainos a.esitetxt:hover {
 color: #006;
}

.alamainos.alahi:hover img {
 box-shadow: 0 0 1rem #aa0;
}

div.thalamainokset {
 display: flex;
 flex-direction: row;
 justify-content: space-around;
 flex-wrap: wrap;
 margin: 0 0 1rem 0;
}

div.thalamainokset.right {
 justify-content: flex-end;
}

div.thalamainokset > div.alamainos{
 width: 126px;
 margin: 0;
}

div.thalamainokset+.thala2 {
 justify-content: flex-end;
 justify-content: space-between;
 justify-content: space-evenly;
}

div.thalamainokset+.thala2>div.alamainos {
 width: auto;
 margin: 0.5rem 0 0 2rem;
}
.thylabox {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: space-evenly;
 margin: 2rem 0 0;
}

.thylabox .tarjousbox {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
}

.thylabox .tarjousbox .voimassa {
 font-size: 0.8rem;
 color: #444;
}

.thesitebox {
 display: flex;
 flex-direction: row;
 align-items: flex-start;
 margin: 2rem 0 0 0;
 justify-content: space-evenly;
}

.thesitebox .thesite {
 display: flex;
 flex-direction: column;
 margin: 0 1rem 2rem 1rem;
}
.thesitebox .thesite > a{
 display: block;
}
.thmainosbox {
 display: block;
 margin: 2rem 0 0 0;
}

.ethinnastot {
 margin: 2rem 0 1rem 0;
 padding: 1rem 1rem;
 background-color: #f8f8f8;
 border-radius: 0.25rem;
}
.ethinnastot h2 {
 font-size: 1.25rem;
 margin: 0 0 1rem 0;
}
.ethinnastot .hinnastobox {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}
.ethinnastot .hinnastobox>a {
 font-size: 1.2rem;
 min-width: 15rem;
 padding: 0.25rem 0.75rem;
}
.ethinnastot .hinnastobox>a:hover {
 background-color: #ff8;
 text-decoration: none;
}
.ethinnastot .hinnastobox>a:after {
 display: inline-block;
 content: '\f1c1';
 color: #600;
 font-size: 1rem;
 text-decoration:none;
 font-family: FontAwesome;
 font-weight: normal;
 font-style: normal;
 margin: 0 0 0 0.5rem;
}

.tmlogo {
 padding: 0 1rem 0 0;
}

@media screen and (max-width: 1024px) {
 .ytiedotbox {
  flex-direction: column;
 }
}

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

.banner1 > .bannerlogo {
  max-width: 50%;
}
.banner1 > .bannersb input {
  max-height: 80%;
  min-height: 60%;
}
.cc_table {width: 95%;}

}

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

.banner1 > .bannerlogo {
  max-width: 50%;
}

.bannersb > form.search > input.search_input {
 max-width: 12ch;
}

div.pgat div.product {width: 150px;margin: 0.5rem 0.6rem;}
div.pgat div.product div.imgwrap {width: 150px;height: 150px;}

.cc_table {width: 100%;}

}