@media (max-width: 768px) {
    
    #rozprodazh-tab.nav-link,
    #gift-tab.nav-link,
    #hot-tab.nav-link {
        font-size:0.60em;
    }
    
    
.catalog1p img, .catalog2p img {margin-top:2em;}

.catalog2p {margin-top:-2rem;}
    
.capt-in-cat.postil {
	top:4.5rem;
	left:3rem;
	}

.capt-in-cat.tkanyna {
	top:9rem;
	left:2rem;
	}

.capt-in-cat.ryshnyky {
	top:4.5rem;
	left:2rem;
	}

.capt-in-cat.skatertyny {
	bottom:8rem;
	left:2rem;
	} 
      
.capt-in-cat.peljushky {
	top:2.5rem;
	left:2rem;
	}

.capt-in-cat.pidlitkova {
	bottom:1rem;
	left:2rem;
	}

.capt-in-cat.dytjacha {
	bottom:5rem;
	left:2rem;
	}
	
.akcii h5 {margin-top:1em;}
	
}

@media (min-width: 768px) {
    
.foto:hover {filter:brightness(110%);}
  	
.foto {transition: filter 0.5s;}

.capt-in-cat.postil {
	top:15.6rem;
	left:2.5rem;
	}

.capt-in-cat.tkanyna {
	top:9rem;
	left:2rem;
	}

.capt-in-cat.ryshnyky {
	top:0.8rem;
	left:2rem;
	}

.capt-in-cat.skatertyny {
	bottom:2rem;
	left:2rem;
	} 
      
.capt-in-cat.peljushky {
	top:1rem;
	left:2.5rem;
	}

.capt-in-cat.pidlitkova {
	bottom:1rem;
	left:2rem;
	}

.capt-in-cat.dytjacha {
	top:1rem;
	left:2rem;
	}
}

  .capt-in-cat {
  	position:absolute;
    line-height:1.5em;
  }
  
  .capt-in-cat h4 {
  	font-weight:700;
    text-shadow: 2px 2px 4px white, 0 20em white, 0 0 0.2em white;
    font-size:1.1em;
  }
  
  #component-area a {color:steelblue;text-decoration:none;}

#catalog a {color:black;}
  
  .capt-in-cat a {
    text-shadow: 2px 2px 4px white;
  }
  
  .obraty a {text-transform:uppercase;}
  

  
  
  .icon-chevron-sign-right {color:crimson;}
  
  .why-we h4 {
    margin-top:0.5rem;
    margin-bottom:0.5rem;
  }
  
  .why-we h4::after, .my-proponuemo h3::after, .akcii h3::after {
   	width: 80px;
	margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    display: block;
    content: "";
    background: darkcyan;
    height: 2px; 
  }
  
  .why-we p {
   font-size:0.9em;
   margin-top:1rem;
  }
  
  .icon-3x {color:darkcyan;}
  
  .my-proponuemo h5 {
   	background-color: #f5f5f5;
    color: #333;
    font-weight: bold;
    padding: 0.9rem 0rem 0.9rem 2rem;
    transition: color 0.5s; 
  }
  
  .my-proponuemo h5::before {
	float: right;
    font-family: FontAwesome;
    content: "\f054";
    color: #1E69B8;
  }
  
  .akcii-first {background-color:#f8f8f8;}
  
  .akcii h5 {
    text-transform:uppercase;
    font-weight:650;
  }
  
  .akcii p {
    color:#777;
    font-size: 0.85em;
    line-height: 1.9;
  }
  
  .readmore_akcii {margin-top: 2.5em;}
  
  .readmore_akcii a {
    border: 2px solid black;
    border-radius: 2em;
    padding: 0.5em 2em 0.8em 2em;
    font-weight: 600;
  }
  
  .readmore_akcii a::after {
    font-family: FontAwesome;
    content: "\f105";
    margin-left: 1.5em;
  }
  
  .readmore_akcii a:hover {border: 2px solid saddlebrown;}