@media screen and (max-width: 1200px) {
  .wrap {
    width: 100%;
    padding: 0px 15px 0px 15px;         
  }
  div#stripe {
    height: 180px;
    background-size: 1671px 180px;
  }
}

@media screen and (max-width: 1140px) {
  div#usage {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    background-image: none;
    background-color: #18a33d;
  }
  div#usage div.uses h2 {
     float: left;
     width: 100%;
     text-align: center;
     color: #fff;
  }
  div#usage div.uses div.useicos {
    float: left;
    width: 100%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}

@media screen and (max-width: 1100px) {
  .imgright {
     width: 100%;
     height: auto;
  }
  .imgleft {
     width: 100%;
     height: auto;
  }
  
  div#spaces div.wrap div.col50:first-child {
    padding: 20px 0px 0px 0px;
  }
  
  div.prods div.prod {
    width: calc(33.33% - 20px);
    margin: 0px 10px 20px 10px;
    padding: 10px 20px 130px 20px;
    text-align: center;
    border: 1px solid #d9d9d9;
  }
  div.prod p.cena {
    padding: 0px 0px 30px 0px;
  }
  div.prod p.btncont {
    bottom: 20px;
  }
  div#company div.col50 {
    width: 75%;
  }
  div#company div.col50:last-child {
    width: 25%;
  }
}

@media screen and (max-width: 1060px) {
  nav#mainmenu {
    margin: 66px 0px 0px 50px;
  }
}

@media screen and (max-width: 1024px) {
  div.section { 
    padding: 40px 0px 40px 0px;
  }
  nav#mainmenu {
    margin: 66px 0px 0px 30px;
  }
  nav#mainmenu ul.menu li {
    margin: 0px 20px 0px 0px;
  }
  h1 { 
    font-size: 2.5em;
    margin: 0px 0px 30px 0px;
  }
  h1.sub  {
    padding-top: 30px;  
  }
  div#home { 
    padding: 50px 0px 40px 0px;
  }
  div#home p {
    font-size: 1.05em; 
  }
  div.icos.section {
    padding: 40px 0px 20px 0px;
  }
  div#contact {
    padding: 0px 0px 10px 0px;
  }
  div#contact div.col50 {
    width: 100%;
    padding: 30px 0px 0px 0px;
  }
  div#contact p.addr {
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
  }
  div#contact h4 {
    color: #656565;
    padding: 0px 0px 0px 0px;
  }
  div.section.odd div.col60 {
    padding: 30px;
    margin-top: 20px;    
  }
  div.section.even div.col60 {
    margin-top: 20px;
    padding: 30px;
  }
  div#dispel div.wrap div:last-child {
    padding: 40px 0px 0px 20px;
  }
  div.dopr, div.order {
    padding-right:20px;
  }
  div.trans {
    padding: 10px 20px 20px 20px;
  }
  div.recart {
    padding: 10px 20px 15px 20px;
  }
  div#prodimg {
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  div#proddet {
    padding-left: 10px;
  }
  div#show_size div {
    width: calc(33.33% - 10px);
  }
  div#itemdetial div#proddet h2 {
    font-size: 1.8em;
    padding-top: 10px;
  }
}

@media screen and (max-width: 940px) {
  header {
    height: 90px;
  }
  div#home { 
    margin-top: 90px;
  }
  div#subpage {
    margin-top: 90px;
  }
  #logo a {
    margin: 20px 0px 0px 0px;
  }
  div#topinfo {
    margin: 25px 0px 0px 0px;
  }
  div#slidemenu {
  	display: block; 
    float: right;
    width: 32px;
    height: 32px;    
    cursor: pointer;
    margin: 31px 0px 0px 5px; 
  } 
  div#slidemenu a {
  	float: left;
    width: 32px;
    height: 32px;
    color: #24b258;
    font-size: 1.4em;
    text-align: center;
    line-height: 32px;
  }
  div#slidemenu a:hover {
    color: #242424; 
  }
  div#header div.wrap {
    padding: 0px 0px 0px 0px;         
  }
  
  nav#mainmenu {
    float: right;
    padding: 0px 0px 0px 0px;
    margin: 60px 0px 0px 0px;    
  }  
  nav#mainmenu ul.menu {
    display: none; 
    position: absolute;
    top: 88px;
    left: 0px;
    width: 100%;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    z-index: 1000;
    border-bottom: 2px solid #f3f3f3; 
  }
  nav#mainmenu ul.menu li {
    float: left;
    width: 100%;    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #f3f3f3; 
  }
  nav#mainmenu ul.menu li a {
    float: left;
    width: 100%;
    padding: 15px 0px 15px 0px;
    color: #242424;
    font-size: 1.1em;
    text-align: center;
    background: #fff;
    z-index: 2000;
  }
  nav#mainmenu ul.menu li a:hover {
    color: #24b258;
    text-decoration: none;
  }
    
  div#usage div.uses div.useicos div.col {
    //padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
  }
  div#usage div.uses div.useicos div.col:first-child {
    margin: 0px 0px 0px 0px;
    //padding: 10px 0px 10px 0px;
  }
  div#usage div.uses div.useicos div.col h4 {
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
  }
  div#myths div.col40 {
     width: 20%;
  }
  div#myths div.col60 {
     width: 80%;
  }
}

@media screen and (max-width: 900px) {
  h1 { 
    font-size: 2.0em;
  }
  h2 { 
    font-size: 1.6em;
  }
  div.nblogs div.nblog:first-child {
    margin: 0px 10px 0px 0px;
  }
  div.nblogs div.nblog:last-child {
    margin: 0px 0px 0px 10px;
  }
  div.blogcont h3 {
    padding: 10px 20px 0px 20px;
  }
  div.blogcont p {
    padding: 0px 20px 10px 20px;
  }
  div.prods div.prod3 {
    width: calc(50% - 20px);
  }
  div#promo div.prods div.prod:nth-child(3) {
    display: none;
  }
  div#subpage {
    height: 200px;
    background-size: 1273px 200px;
  }
  h1.sub  {
    padding-top: 10px;
    font-size: 2.1em;  
  }
  div#health div.col60 {
    margin-top: 0px;
  }
  div#house div.col60 {
    margin-top: 0px;
  }
  div#plants div.col60 {
    margin-top: 0px;
  }
  div#pets div.col60 {
    margin-top: 0px;
  }
  div#eco div.col60 {
    margin-top: 0px;
  }
  div.owners div.col50 div.col70 { 
    width: 100%;
  }
  div.owners div.col50:first-child div.col70 {
    float: right;
    margin-right: 10px;
  }
  div.owners div.col50:last-child div.col70 {
    float: left;
    margin-left: 10px;
  }
  div#company {
    padding: 50px 0px 40px 0px;
  }
  div#echa div.col100 img.imgright {
    float: none;
  }
  div.hist {
    background-repeat: no-repeat;
    background-position: top 62px left 8px;
  }
  div.hist div div.info {
    width: 90%;
    padding: 10px 0px 10px 0px;
  }
  div.hist div div.link {
    width: 10%;
    background-position: left -292px center;
  }
  div.hist div.even div.link {
    float: left;
    background-position: left -292px center;
    background-image: url('../../images/hist-line-odd.png');
  }
  div.hist div.even div.info, div.hist div.odd div.info {
    float: right;
    margin: 0px;
    padding: 0px 0px 20px 0px;    
  }
  div.hist div.even div.info img {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
  }
  div.hist div.odd div.info img {
    margin-right: 20px;
    margin-left: 20px;
  }
  div.hist div div.info h4 {
    padding: 10px 0px 0px 0px;
  }
  .blogs {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
  }
  .blogs div.col55 {
    float: rigth;
    width: 100%;
  }
  .blogs div.col45 {
    float: left;
    width: 100%;
    margin: 0px; padding: 0px;
  }
  .blogs div.col45 img {
    float: left;
    margin: 0px 0px 20px 0px; padding: 0px;
  }
  div#itemdetial div#proddet {
    width: 60%;
  }
  div#itemdetial div#prodimg {
    width: calc(40% - 10px);
    margin-right: 10px;
  }
  div#accico a {
    width: 50%;
  }
  div.col30.recart {
    width: 40%;
  }
  div.col70.dopr, div.col70.order {
    width: 60%;
    padding-right: 10px;
  }
  
}

@media screen and (max-width: 840px) {
  div#home div.col50 {
    width: 100%;
  }
  div#home div.col50:nth-child(2) {
    text-align: center;
  }
  div#home div.col50.lpad {
    padding-left: 0px;
  }
  div#home div.col50:nth-child(2) img {
    float: none;
    max-width: 525px;
    margin: 30px 0px 0px 0px;
  }
  div#spaces div.col50 {
    width: 100%;
  }
  div#spaces div.col50:nth-child(2) {
    text-align: center;
  }
  div#spaces div.col50.lpad {
    padding-left: 0px;
  }
  div#spaces div.col50:nth-child(2) img {
    float: none;
    max-width: 525px;
    margin: 30px 0px 0px 0px;
  }
  div#stripe {
    background-position: left -350px top;
  }
  div.icos div div.hdr, div.uses div div.hdr {
    font-size: 0.9em;
    margin: 0px 0px 5px 0px;
    padding: 10px 0px 10px 0px;
  }
}

@media screen and (max-width: 800px) {
  div.nblogs div.nblog h3 {
    padding: 0px 20px 5px 20px;
    line-height: 1.3em;
  }
  div.nblogs div.nblog p {
    color: #737373;
    font-size: 0.95em;
    padding: 0px 20px 20px 20px;
  }
  div.section.odd div.col60 {
    float: right;
    width: 100%;
    //padding-left: 0px;
  }
  div.section.odd div.col40 {
    float: left;
    width: 100%;
  }
  div.section.even div.col60, div.section.even div.col40 {  
    width: 100%;
  }
  div.section.odd div.col40, div.section.even div.col40 {
    text-align: center; 
  }
  div.section.odd div.col40 img, div.section.even div.col40 img {  
    max-width: 400px;
  }
  div.section.odd div.col40 img, div.section.odd div.col40 img.imgright {
     padding: 0px;
     float: none;
  }
  div.section.even div.col40 img, div.section.even div.col40 img.imgleft {  
    padding: 0px;
    float: none;
  }
  div.section.odd div.col60:after, div.section.odd div.col60:before {
  	display: none;
  }
  div.section.even div.col60:after, div.section.even div.col60:before {
    display: none;
  }
  div#health, div#house, div#plants, div#pets, div#eco {
    margin: 10px 0px 10px 0px; 
    padding: 0px;
  }
  div#health {
    margin: 20px 0px 10px 0px; 
  }
  div#health div.col40, div#plants div.col40, div#eco div.col40 {
    padding: 20px 0px 0px 0px; 
  }
  div#eco {
    margin-bottom: 40px;
  }

  div#ico_serv div.wrap div.col33, div#hawto div.wrap div.col33 {
    padding: 0px 10px 0px 10px;
  }
  div#what, div#support {
    padding: 40px 0px 40px 0px;
  }
  div.col40.recap {
    width: 60%;
  }
  div#cart div.cart input[type=number] {
    height: 40px;
    font-size: 1em;
    margin: 0px;
  }
  div#cart div.cart div.desc p, div.cart div.desc img {
    display: none;
  }
  div#cart div.cart div {
    padding: 8px 0px 0px 0px;
  }
  div#cart div.cart div.count {
    margin: 0px; padding: 0px;
  }
  div#cart div.cart div.delrow {
    padding: 5px 0px 0px 0px;
  }
  div#cart div.cart div.desc h4 {
    padding: 0px 0px 10px 0px;
    margin: 0px;
  }

  div.form label.col30 {
    width: 40%;
  } 
  div.form div.col70 {
    width: 60%;
  }
  div#togg_cats {
    display: block;
    float: left;
    width: 100%;
    color: #fff;
    background: #18a33d;
    padding: 10px;
    margin: -20px 0px 0px 0px; 
    cursor: pointer;
       
  }
  div#show_cats {
    display: none;
  }
  div#show_cats {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: #18a33d;
    
  }
  div#show_cats a {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 0.95em;
    padding: 10px;
    border-bottom: 1px solid #d9d9d9;
  }
  div#show_cats a:first-child {
    border-top: 1px solid #d9d9d9;
  }
  div#show_cats a:hover {
    text-decoration: none;
    color: #fff;
    background: #242424; 
  }
  div#show_cats a.active {
    color: #242424;
  }
  div.prods {
    margin-top: 20px;
  }
  div#itemdetial div#proddet {
    width: 100%;
    padding-left: 0px;
  }
  div#itemdetial div#prodimg {
    width: 100%;
    margin-right: 0px;
  }
  div#values div.col16 {
    width: 33.33%;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 740px) {
  div.col30.recart {
    width: 100%;
    margin-top: 20px;
  }
  div.col70.dopr, div.col70.order {
    width: 100%;
    padding-right: 0px;
  }
  div.cartmenu div.col14 {
    display: none;
  }
  div.cartmenu div.col24 {
    width: 33.33%;
  }
  div.col100.buts {
    padding-top: 20px;
  }
  div.order div.form {
    margin-bottom: 20px;
  }
  div.order div.form:last-child {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 700px) {
  div.section { 
    padding: 30px 0px 40px 0px;
  }
  div#subpage {
    height: 150px;
    background-size: 955px 150px;
  }
  h1.sub  {
    padding-top: 10px;
    font-size: 2.1em;
    padding-top: 0px;  
  }
  div.icos div div.crcl {
    width: 100px;
    height: 100px;
    background-size: 50px 50px;  
  }
  div.pics div.pic {
    width: 33.33%;
    padding-bottom: 20px;
  }
  div#company div.col50 {
    width: 100%;
  }
  div#company div.col50:last-child {
    display: none;
  }
  div.owners div.col50 { 
    float: left;
    width: 100%;
    padding: 0px; margin: 0px;
  }
  div.owners div.col50 div.col70 {
    float: left;
    margin: 110px 0px 0px 0px;
  }
  div.owners div.col50:first-child div.col70 {
    float: left;
    margin-right: 0px;
  }
  div.owners div.col50:last-child div.col70 {
    float: left;
    margin-left: 0px;
  }
  div#managers h2 {
    padding: 0px 0px 10px 0px;
    margin: 1px 0px 10px 0px;
  }
  div#itemdetial .bordered {
    padding: 20px 15px 15px 15px;
  }
  div#proddet div.row.tocart {
    padding: 15px 0px 15px 0px; 
  }
  div#odberatel div.trans, div#dodani div.trans {
    padding: 10px 20px 5px 20px;
  }
  div#usrordr div.cart div.col50 {
    width: 35%
  }
  div#usrordr div.cart div.col15 {
    width: 20%;
  }
  div.col100.buts {
    padding-top: 20px;
  }
  div.col100.buts .col50 {
    width: 100%;
    text-align: center;
  }  
}


@media screen and (max-width: 600px) {
  .wrap {
    padding: 0px 10px 0px 10px;         
  }  
  div#usage div.uses div.useicos div.col {
    width: 33.33%;
  }
  div#usage div.uses div.useicos div.col:first-child {
   width: 33.33%;
  }
  div#usage div.uses div.useicos div.col:nth-child(5) {
    width: 33.33%;
  }
  
  div.prods div.prod {
    width: 100%;
    margin: 0px 0px 15px 0px;
  }
  div#myths div.col40 {
     display: none;
  }
  div#myths div.col60 {
     width: 100%;
  }
  div.nblogs div.nblog {
    width: 100%;
    padding: 0px 0px 50px 0px;
    margin: 0px 0px 20px 0px;
  }
  div.nblogs div.nblog:first-child {
    margin: 0px 0px 20px 0px;
  }
  div.nblogs div.nblog:last-child {
    margin: 0px 0px 20px 0px;
  }
  div.copy p {
    width: 80%;
    text-align: left;
  }
  div#dispel div.col40, div#dispel div.col60 {
    width: 100%;
  }
  div#dispel div.col40 img {
    max-width: 460px;
  }
  div.col40.recap {
    width: 100%;
  }
  div.cart div.desc {
    width: 100%;
  }
  div.cart div.cenaks, div.cart div.cenarow, div.cart div.count {
     width: 30%;
  }
  div#resume div.cart div.cenarow {
     width: 40%;
  }
  div.cart div.delrow {
     width: 10%;
  }
  div.cart div.desc img {
    display: none;
  }
  div.form label.col30, div.form label.col40 {
    width: 100%;
    height: auto;
    padding-top: 5px;
  } 
  div.form div.col70, div.form div.col60 {
    width: 100%;
  }
  div.bordered.form {
    padding: 15px;
  }
  div#odberatel {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 10px;
  }
  div#dodani {
    width: 100%;
  }
  div#doprpl div.col50 {
    width: 100%;
  }
  div.cart div.cenaks {
    padding: 10px 0px 0px 0px;
  }
  div.cart div.cenarow {
    padding: 11px 0px 0px 0px;
  }
  div.cart div.count {
    margin: 0px auto 0px auto;  
  }
  div#resume div.cart div.count {
    padding: 10px 0px 0px 0px;
  }
}

@media screen and (max-width: 550px) {
  div#icos_use div.col20 {
    width: 33.33%;
    margin-bottom: 15px;
  }
  div#icos_use div.col20:nth-child(4) {
    margin-left: 16.66%;
  }
  nav#mainmenu {
    margin: 31px 0px 0px 5px;
  }
  div#stripe {
    height: 120px;
    background-size: 1114px 120px;
    background-position: left -150px top;
  }
  div#topinfo div.esh h3.prc {
    display: none;
  }
  div#contact div.addr div {
    width: 100%;
    padding: 20px 0px 0px 0px;
  }
  div#contact div.addr div.col40 p.addr {
    float: left;
    padding: 0px 20px 0px 0px;
  }
  div#contact div.addr div.col40 p.addr i {
    width: 25px;
  }
  div.pics div.pic {
    width: 50%;
  }
  div#what div.col60, div#support div.col50 {
    width: 100%;
  }
  div#what div.col40, div#support div.col50.rpad {
    display: none;
  }
  div.hist div div.info h4, div.hist div div.info p {
    float: left;
    width: 100%;
    padding-left: 20px;
  }
  p, .section ul li, .section ol li {
    font-size: 0.95em;
  }
  div.cartmenu div h3 {
    font-size: 0.9em;
    height: 30px;
    padding: 0px 3px 0px 3px;
  }
  div.col100.head {
    display: none;
  }
  div.col100.cart {
    border-top: 1px solid #e7e7e7;
  }
  div#usrordr div.cart div.col5 {
    width: 10%;
  }
  div#usrordr div.cart div.col50 {
    width: 90%;
  }
  div#usrordr div.cart div.col15 {
    width: 33.33%;
  }  
}

@media screen and (max-width: 500px) {
  div#usracc div.cart div.col55 {
    width: 95%;
  }
  div#usracc div.cart div.col20 {
    width: 50%;
  }
  div.row.prc p.sklad {
    font-size: 1.0em;
  }
  div#breads p span {
    float: left;
    width: 100%;
  }
  div#breads p span em {
  padding: 2px 20px 0px 0px;
}
}

@media screen and (max-width: 440px) {
   div#proddet .btn.buy {
     margin-left: 0px; 
     margin-top: 10px; 
   }
   div.row input[type=number] {
     float: left;
     width: 80%;
   }
   div#logo a {
    width: 150px;
    height: 35px;
    margin: 30px 0px 0px 0px;
  }
  div#logo img {
    width: 150px;
    height: 35px;
  }
  div.section.odd div.col60 {
    padding: 20px 20px 0px 20px;
  }
  div.section.even div.col60 {
    padding: 20px 20px 0px 20px;
  }
  div#ico_serv div.col33, div#hawto div.col33 {
    width: 50%;
    margin-bottom: 15px;
  }
  div#ico_serv div.col33:last-child, div#hawto div.col33:last-child {
    margin-left: 25%;
  }
  div.owners div.col50 div.col70 { 
    padding: 0px 20px 10px 20px;
  }
  form#contactform div.long div.fleft {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 20px;
  }
  form#contactform div.long div.fright {
    width: 100%;
    padding-left: 0px;    
  }
  div.bloginfo ul, div.bloginfo ul.social, div#breads ul.social {
    float: left;
    width: 100%;
  }
  div.bloginfo ul.social li {
    float: left;
    padding: 0px 20px 10px 0px;
  }
  div#breads ul.social {
    float: left;
    padding: 0px; margin: 10px 0px 0px 0px;
  }
  div#breads ul.social li {
    float: left;
    padding: 0px 20px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
  .btn {
     float: left;
     width: 100%;
     font-size: 0.9em;
     margin-bottom: 10px; 
   }
  div.tocart button.toright {
    float: left;
    margin-top: 10px;
  }
  div#proddet div.row div.col1 {
    width: 50%;
  }

  div#proddet div.row div.col2 {
    width: 50%;
  }
  div.cartbtns {
    text-align: left;
    padding: 30px 0px 0px 0px;
  } 
   div.cartbtns div.col50 {
    width: 100%;
  }
  div#show_size div {
    width: calc(33.33% - 10px); 
  }
  div.col100.buts div.col50 {
    width: 100%;
  }
  div#show_size div {
    width: calc(50% - 10px);
  }
  div#values div.col16 {
    width: 50%;
    padding-bottom: 10px;
  }
  div.row.prc div.col40, div.row.prc div.col60 {
    width: 100%;
  }
  div.prod p.btncont {
    bottom: 5px;
  }
  div.prod .btn {
     margin-bottom: 0px; 
   }
}

@media screen and (max-width: 400px) {
  div.icos div div.hdr {
    padding: 0px 10px 0px 10px;
  }
  div.icos div.rndico img {
    width: 80px;
    height: 80px;
    border-radius: 40px;
  }
  div#accico a {
    width: 100%;
    padding: 10px 0px 0px 0px;
  }
  div.recap {
    font-size: 1.1em;
  }
  div.cart {
    font-size: 0.9em;
  }
  div.cart input[type=number] {
    font-size: 1.4em;
    height: 30px;
    margin-top: 5px;
  }
  div#breads p a {
    float: right;
    width: calc(100% - 20px);
  }
  div#breads p a:first-child {
    float: left;
    width: 100%;
  }
  div#breads p em {
    float: left;
    width: 20px;
    padding: 4px 0px 0px 0px;
  }
}

@media screen and (max-width: 360px) {
  div.pics div.pic {
    width: 100%;
  }
  div#show_size div img {
    width: 80px;
    height: 80px; 
  }
  div#usracc div.cart div.col55 {
    width: 90%;
  }
  div#usracc div.cart div.col5 {
    width: 10%;
  }
}