/* Enter Your Custom CSS Here */

.referents-uus, .referentsidd, .referentsidd ul, .referentsidd ul li{
    list-style: none !important;
}

.referentsidd .col-md-3{
    float: left;
    display: inline-block;
    min-height: 265px;
}

.referentsidd a{
    color: #000;
    font-size: 16px;
    margin-bottom: 5px !important;
    display: block;
    text-transform: uppercase;
}

.products-product-img{
text-align: center;
}

.products-product-img img{
max-width: 200px;
  max-height: 130px;
}

.footer-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-right {
    display: flex;
    align-items: center;
    gap: 8px; /* vahe logo ja teksti vahel */
}

.footer-right img {
    max-height: 40px; /* kohanda vastavalt */
}



#nav{
padding-top: 28px;
}

.kont-vorm{
    width: 100%;
    padding: 10px 30px;
    display: inline-block;
}

.kont-vorm-2{
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
}

.kiri-vasak{
    width: 40%;
    height: 200px;
    float: left;
}

.kiri-parem{
    margin-left: 42%;
    height: 200px;
}

.kast1{
padding: 7px;
    margin-bottom: 15px;
    border: solid 1px #1fb25b;
}

.kast2{
	width: 100%;
    border: solid 1px #1fb25c;
    padding: 7px;
    margin-bottom: 15px;
    height: 189px;
}

.saada-kiri{
    border: solid 2px #1fb25c;
    background: #fff;
    padding: 8px 15px 8px 45px;
    float: right;
    background-image: url(http://asematic.ee/wp-content/uploads/2017/10/email.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-position-x: 13px;
}

.saada-kiri:hover{
border: solid 2px #0c6f35 !important;
}

.vasakul{
float: left !important;
}

.products-product-description{
min-height: 205px;
}


@media screen and (max-width: 991px) {
  .referentsidd .col-md-3{
  width: 100%;
  }
  
   .container .row {
        display: flex;
        flex-wrap: wrap;
    }
    .col-md-9 {
        order: 1;
    }
    .sidebar-menu {
        order: 2;
        width: 100%;
    }
  
}


@media screen and (max-width: 380px) {
.kiri-vasak {
    width: 100%;
    height: auto;
    float: left;
  }
  
  .kiri-parem {
    margin-left: 0%;
    height: auto;
  }
  
  .kast1 {
    padding: 7px;
    margin-bottom: 15px;
    border: solid 1px #1fb25b;
    width: 100%;
  }
  
  .kast2{
      height: 120px;
  }

}

