@import "fonts.css";

.fblue{
    color:#3c3e93;
    font-family: 'IRANYekanBold';
}
.product  {
    text-align: center;
    font-family: 'yekan';
    margin:50px 0px;
    
}
.product figcaption{
    color: grey;
    padding:10px;
    font-family: 'IRANYekan';

}
.product figcaption h5{
    color: #000;
    padding: 10px;
    padding-bottom: 20px;
    font-family: 'IRANYekanLight';
    line-height: 2em;
}
.product img{

transition: all 0.5s;
-webkit-transition: all 0.5s;


}
.product img:hover{

transform: translateY(-20px);
-webkit-transform: translateY(-20px);
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 640px) {

    .product img{
        -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
        filter: grayscale(0%);

    }   
    #products-BG{
        min-height: 490px;
        opacity: 0.7;
        background: url('../img/products-BG-mobile.png') no-repeat ;
    }
    #products-BG div{
        
        color: #fa9c05;;
        text-align: center;
        
    }
    
    #CTA-title h1{
        color:#000;
        line-height: 1.5em;
    }
    #CTA-cer {
        margin-top: 50px;
    }
    
        
    #products-list{
        background: url('../img/cow-skin.png') ;
    }
}














/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 641px) and (max-width:1023px) {
    #products-BG{
        min-height: 490px;
        background: url('../img/products-BG.png')  center  no-repeat;
    }
    #products-BG div{
        margin-top:0px;
        color: #fa9c05;;
        text-align: right;
        
    }
    #products-BG div h1{
        line-height: 1.5em;
    }
    #CTA-cer{
        margin-top: 50px;
    }
        
    #products-list{
        background: url('../img/cow-skin.png') ;
    }
} 



@media only screen and (min-width: 1024px) and (max-width:1279px) {
    #products-BG{
        min-height: 490px;
        background: url('../img/products-BG.png')  no-repeat;
    }
    #products-BG div{
        margin-top:0px;
        color: #fa9c05;;
        text-align: right;
        
    }
    #products-BG div h1{
        line-height: 1.5em;
    }
    #CTA-cer{
        margin-top: 50px;
    }
        
    #products-list{
        background: url('../img/cow-skin.png') ;
    }
} 






/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1280px) and (max-width:1599px) {

    #products-BG{
        min-height: 490px;
        background: url('../img/products-BG.png')  no-repeat;
    }
    #products-BG div{
        margin-top:20px;
        color: #fa9c05;;
        text-align: right;
        
    }
    #products-BG div h1{
        line-height: 1.5em;
    }
    #CTA-cer{
        margin-top: 50px;
    }
        
    #products-list{
        background: url('../img/cow-skin.png') ;
    }


}

@media only screen and (min-width: 1600px) {
  
  
  
  
  #products-BG{
        min-height: 490px;
        background: url('../img/products-BG-lg.png')  no-repeat;
    }
    #products-BG div{
        margin-top:20px;
        color: #fa9c05;;
        text-align: right;
        
    }
    #products-BG div h1{
        line-height: 1.5em;
    }
    #CTA-cer{
        margin-top: 50px;
    }
        
    #products-list{
        background: url('../img/cow-skin.png') ;
    }
  
  
  
    
}