/*Sliding Text and Icon Menu Style*/
.sti-menu {
    width:100%;
    position: relative;
    margin:auto 0;
    float:none;
    height:100%;
    font-family: 'yekan';
}
.sti-menu.prd
{
   float:right;
}
    .sti-menu li {
           float: right;
    width: Calc(20% - 2px);
    height: 100%;
    margin: 1px;
    }
        .sti-menu li a {
            display: block;
            overflow: hidden;
            background: #fff;
            text-align: center;
            height: 100%;
            width: 100%;
            direction:rtl;
            line-height:1.5em;
            position: relative;
            -moz-box-shadow: 1px 1px 2px #ddd;
            -webkit-box-shadow: 1px 1px 2px #ddd;
            box-shadow: 1px 1px 2px #ddd;          
        }
        /*.sti-menu li a:hover
        {
            background-color:#bc2e2d;

        }*/
            .sti-menu li a h2 {
                color: #bc2e2d;
                text-transform: uppercase;
                position: absolute;
                padding: 0px;
                width: auto;
                top: 10px;
                    font-size: 0.9rem;
                right:70px;
            }
            .sti-menu li a h3 {
                color: #bc2e2d;
                position: absolute;
                font-size: 1.3rem;
                width: calc(100% - 20px);
                top: 140px;                
                padding: 0px 10px;
            }
.sti-icon {
    width: 60px;
    height:60px;
    position: absolute;
    background-position: top right;
    background-repeat: no-repeat;
    background-color: transparent;
    right:5px;
    top: 5px;
}
.sti-icon-1{
	background-image:url(../../../images/imgnews/1.png);
}
.sti-icon-2{
	background-image:url(../../../images/imgnews/2.png);
}
.sti-icon-3{
	background-image:url(../../../images/imgnews/3.png);
}
.sti-icon-4{
	background-image:url(../../../images/imgnews/4.png);
}
.sti-icon-5{
	background-image:url(../../../images/imgnews/5.png);
}


@media (min-width: 40em) {
    .sti-menu li a h2 {
        font-size: 1.1rem;
    }
}
@media (min-width: 56.25em) {
   .sti-menu li a h2
   {
           top: 15px;
           right:70px;
           line-height:1.5em;
           font-size: 1.1rem;
   }
}
@media (min-width: 68.75em) {
   .sti-menu li a h2
   {
           top: 15px;
           right:80px;
           font-size: 1.4rem;
   }
}
@media (min-width: 78.32em) {
   .sti-menu li a h2
   {
           top: 15px;
           font-size: 1.4rem;
   }
}
@media (min-width: 93.98em) {
    .sti-menu li a h2
   {
           top: 20px;
           font-size: 1.6rem;
   }
}