/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}


/* Medium Devices, Desktops */
@media only screen and (max-width : 960px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .top-line .time-wrap span {
      padding: 1px;
      margin-right: 1px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .button {
    padding: 10px 20px;
    margin: 5px auto 20px;
  }
  .white-popup-block{
    padding: 10px;
  }
  .header{
    min-height: auto;
  }
  #cart-modal .button{
    margin-bottom: 20px;
  }
  #cart-modal .quantity {
    height: 40px;
    margin-left: 100px;
    margin-top: -16px;
  }

  #cart-modal .wrap_table .woocommerce-Price-amount.amount{
    margin-left: 110px;
    margin-top: -18px;
    display: block;
  }



  #cart-modal .buttons{
    display: block;
  }
  .location .kontakts {

    padding: 15px 15px 10px;
  }
  .form-wrap img{
    display: none;
  }
  .location .wrapper{
    background-position: center center;
  }
  .location .kontakts {

    background-color: rgba(255,255,255,.5);
  }
  .location .kontakts ul li{
    font-size: 16px;
  }
  .excpert-man {
    text-align: center;
  }
  .excpert-man .img-wrap{
    margin-top: 10px;
  }
  .excpert-man .info-block{
    text-align: left;
    margin-bottom: 30px;
    margin-top: 30px
  }
  .form-wrap form img{
    display: none;
  }
  .flowers .item-wrap{
    padding-bottom: 0;
  }
  .flowers .flower{
    margin-top: 75px;
  }
  .cats .categories-title a.woman-button,
  .cats .categories-title a.man-button{
    float: none;
  }
  .cats{
    text-align: center;
  }
  .item-block{
    /*width: 100%;*/
    padding: 10px 30px;
  }
  .top-line .time-wrap .item{
    font-size: 12px;
  }
  .top-line .time-wrap{
    padding: 15px 0;
  }
  .top-line .top-cart a{
    float: right;
  }
  .top-line .time-wrap span {
    padding: 5px;
  }

  .slick-prev {
    left: -10px;
  }
  .slick-next{
    right: -10px;
  }
  .testimonials .head{
    padding: 15px;
  }
  .testimonials .head .item{
    margin-left: 0;
  }
  .testimonials .main-text{
    padding: 50px 50px 10px;
  }

  .location .wrapper{
    /*display: none;*/
  }
  .location{
    padding-bottom: 0;
  }
  .kontakts{
    /*display: none;*/
  }
  #map-canvas{
    position: relative;
  }
  .left-block .feat-item {
    background-position: left center;
    padding-left: 80px;
    text-align: left;
    float: left;
    padding-right: 0;
  }


    /**
    * адаптация таблиц
    ***/


    .wrap_table table {
      width: 100%;
      border-collapse: collapse;
    }
    /* Черно-белые полоски */

    .wrap_table th {
    /*  background: #333;
      color: white; */
      font-weight: normal;
    }

    .wrap_table td, .wrap_table th {
    	font-family: "OpenSansRegular",sans-serif;
    	font-size: 14px;
    	padding: 12px;
    	line-height: 1.3;
    	border: 1px solid #ccc;
    	text-align: left;
    	color:#fff;
    }
    .wrap_table td, .wrap_table th{
      color: #000;
    }
    /* Заставьте таблицу больше не вести себя как таблица */
    .wrap_table table, thead, tbody, th, td, tr {
    	display: block;
    }

    /* Скройте заголовки таблицы (но в целях доступности не с display: none;) */
    .wrap_table thead tr {
    	position: absolute;
    	top: -9999px;
    	left: -9999px;
    	display: none;
    }

    .wrap_table tr {
    	margin-top: 5px;
    	border: 1px solid #ccc; }
  		.wrap_table td {
  	  	/* Поведение как у «строки» */
  	  	border: none;
  	  	border-bottom: 1px solid #eee;
  	  	position: relative;
  	  	padding-left: 50%!important;
  	  	min-height: 30px;
  	    float: none!important;
  	    width: auto!important;
  	  	text-align: left!important;
  	  }

    .wrap_table  td {
    	/* Поведение как у «строки» */
    	border: none;
    	/*border-bottom: 1px solid #eee;*/
    	position: relative;

    	min-height: 30px;
      float: none!important;
      width: auto!important;
    	text-align: left!important;

  		position: relative;
  		padding-left: 25%!important;

  		display: block;
  		margin-left: 17%!important;


    }

  	.wrap_table  td.product_foto {
      display: block;
      float: left;
      position: absolute;
      margin-left: 0!important;
      padding-left: 14px!important;
      width: 30%!important;
      max-width: 120px;
  }
  .wrap_table  td:not([class="product_foto"]) {
      padding-top: 26px;
      padding-right: 32px;
      padding-left: 5px!important;
  }
    .wrap_table td h3{
    	font-size: 18px;
    }
    .wrap_table tr:nth-of-type(odd) {
    	background: rgb(247,247,247)!important;
    }

    .wrap_table td:before {
    	/* Теперь как у заголовка таблицы */
    	position: absolute;
    	/* Значения top/left имитируют отступ */
    	top: 5px;
    	left: 6px;
    	width: 35%;
    	padding-right: 10px;
    	white-space: normal;
    }

    .wrap_table  td:nth-of-type(1):before { content: ""; text-align:left;  white-space: normal;}
    .wrap_table  td:nth-of-type(2):before { content: "Наименование"; text-align:left; white-space: normal; }
    .wrap_table  td:nth-of-type(3):before { content: "Цена"; text-align:left; white-space: normal; }
    /*.wrap_table  td:nth-of-type(4):before { content: "Колличество"; text-align:left; white-space: normal; }*/
    .wrap_table  td:nth-of-type(4):before { content: "Колличество"; text-align:left; white-space: normal; }
    .wrap_table  td:nth-of-type(5):before { content: "Сумма"; text-align:left; white-space: normal; }
.wrap_table tbody tr{
  position: relative;
}
    .wrap_table tbody td:last-child {
        position: absolute;
        top: 5px;
        right: 10px;
        height: 10px;
        border-top: none;
    }
}



/* Custom, iPhone Retina */
@media only screen and (max-width : 480px) {
  .testimonials .head{
    margin-left: 0;
    margin-right: 0;
  }
  .product-thumbnail img{
    width: 85px;
    height: auto;
  }
  .wrap_table  td{
    margin-left: 33%!important;
  }

  .testimonials p{
    font-size: 12px;
  }
  .footer .wrapper-circle::after {
    height: 100%;
  }
  .cats .categories-title a{
    font-size: 20px;
  }
  .excpert-man .info-block {
    padding: 28px 28px;
  }
  .excpert-man .info-block p{
    text-indent: 20px;
    text-align: justify;
  }

  .see-more{
    max-width: 300px;
  }
  .features .feat-item{
    max-width: 100%;
    padding-right: 15px;
  }
  .item-block {
    padding: 5px 22px;
    font-size: 16px;
    /*margin-left: -32px;
    margin-right: -30px;*/
  }
  .w100{
    width: 100%;
  }
  .popularity-cat .button_cat {
    margin-bottom: 20px;
    display: block;
    margin: 10px auto;
    text-align: center;
  }

  .right-block {
    padding: 10px 0;
  }
  .form-wrap {
    padding: 30px;
    margin: 0 5px 30px;
  }
  .form-wrap form img{
    display: none;
  }
  .flowers .item-wrap{
    padding: 0;
    margin-top: 50px;
  }
  .dont-find .info-block .h3{
    line-height: 1.4;
  }
  .h2{
    font-size: 26px;
  }
  .features .wrapper{
    margin: 10px 0;
  }
  .enjoy {
    min-height: 500px;
  }
  .enjoy .h2{
    font-size: 24px;
  }
  .enjoy .love {
    padding: 15px;
    max-width: 280px;
  }
  .enjoy .love img {
    padding: 0 0;
    width: 30px;
    height: 30px;
    margin: 0 5px;
  }

  .county-production{
    padding-bottom: 0;
  }
  .excpert-man{
    text-align: center;
  }

  .excpert-man .info-block {
    /*padding: 10px;*/
    margin-top: 10px 24px;
    text-align: left;
  }

  .county-production .product-item{
    margin: 10px 0;
    text-align: left;
  }


  .flowers .flower img{
    max-width: 100%;
  }

  .header{
    /*min-height: 650px;*/
  }
  .header p{
    font-size: 14px;
    margin: 8px auto;
    padding: 18px;
  }
  .header .h2, .header .h3{
    margin-top: 10px;
    line-height: 1.3;
  }

  .header .item-block.bottom{
    padding: 5px 42px;
  }

  .footer .item-block{
    margin-left: -15px;
    margin-right: -15px;
  }
  .footer .h3, .footer .h2{
    line-height: 1.3;
  }
  .footer .categories-title a {
    margin-bottom: 20px;
    margin-right: 0;
  }

}


/* Custom, iPhone Retina */
@media only screen and (max-width : 380px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}