.yamm {

    background-position:right center;
    background-repeat:no-repeat;
    width:100%;
    position:absolute;

    z-index:999999999;
       font-size:1.2em;
   font-family: IRANSans !important;
}


.sub-menu-parent { position: relative }



.sub-menu a
{
    color: #444;
    text-decoration: none;
    font-size:0.9em;
    font-weight:normal;
}

.sub-menu-parent:hover .sub-menu {
      visibility: visible; /* shows sub-menu */
      /*opacity: 1;*/
      z-index: 1;
      /*transform: translateY(0%);
      transition-delay: 0s, 0s, 0.3s;*/ /* this removes the transition delay so the menu will be visible while the other styles transition */
}


@media (max-width: 767px) {
   .yamm {
     
    }
}




@media screen and (min-width: 1200px) {
    .yamm li.dropdown{
        padding:3px 40px 0 40px;
    }
    .yamm li.dropdown1{
       /*padding:3px 47px 0 47px;*/
       width:190px;
       padding-top:3px;
       text-align:center;
    }
    .sub-menu { 
        visibility: hidden; /* hides sub-menu */
        /*opacity: 0;*/
        position: absolute;
        top: 100%;
        right: 0;
        width:900PX;
        /*transform: translateY(-2em);
        z-index: -1;
        transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;*/

        padding:30px 20px;
        text-align:center;
        margin:0 auto 0;
        background-color:#fff;
    }
    .R0{
        right:0;
    }
    .R1{
        right:-170px;
        width:850PX;
        padding:20px 0;
        /*background-image: url('Images/MasterPage/software.png');
        background-position:left bottom;
        background-repeat:no-repeat;*/
    }
    .R2{
        right:-370px;
    }
    .R3{
        right:-460px;
    }
    .R4{
        right:-660px;   
    }

}

@media (max-width: 1199px) and (min-width: 992px) {
        .sub-menu { 
        visibility: hidden; /* hides sub-menu */
        /*opacity: 0;*/
        position: absolute;
        top: 100%;
        right: 0;
        width:935PX;
        /*transform: translateY(-2em);
        z-index: -1;
        transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;*/

        padding:30px 20px;
        text-align:center;
        margin:0 auto;
        background-color:#fff;

}
    .navbar-default .navbar-nav>li>a{
       color:#444;
       font-size:0.9em;
       font-weight:normal;
       padding-left:3.5em;
   
       padding-right:3.5em;
    }
   
    .yamm li.dropdown1{
        width:156px;
       padding-top:3px;
       text-align:center;
       /*padding:3px 30px 0 30px;*/
    }
    .R0{
        right:0;
        }
      .R1{
        right:-170px;
        width:785PX;
        padding:20px;
        }
        .R2{
            right:-312px;
        }
        .R3{
            right:-468px;
        }
        .R4{
            right:-624px;   
        }

}
@media (max-width: 991px) and (min-width: 768px) {
    .yamm li.dropdown1{
       /*padding:3px 12px 0 12px;*/
        width:120px;
        padding-top:3px;
       text-align:center;
    }
    .yamm {
       background-color:#2f3b97;
       background-image: url(images/MasterPage/bg-red.gif);
        background-position:right center;
        background-repeat:no-repeat;
        width:100%;
        position:absolute;
        z-index:999999999;
        font-size:0.9em;
       font-family: IRANSans !important;
}
   
        .sub-menu { 
        visibility: hidden; /* hides sub-menu */
        /*opacity: 0;*/
        position: absolute;
        top: 100%;
        right: 0;
        width:719PX;
        /*transform: translateY(-2em);
        z-index: -1;
        transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;*/

        padding:30px 20px;
        text-align:center;
        margin:0 auto;
        background-color:#fff;

}   .R0{
        right:0px;
        }
    .R1{
        right:-120px;
    }
    .R2{
        right:-240px;
    }
    .R3{
        right:-360px;
    }
    .R4{
        right:-480px;   
    }
}
.borderColor.R
{
    border-top:solid 50px #33363a;
}
.borderColor.R0 , .borderColor.RM0 
{
    border-top:solid 50px #33363a;
}
.borderColor.R1 , .borderColor.RM1 
{
   border-top:solid 50px #33363a;
}
.borderColor.R2 , .borderColor.RM2 
{
   border-top:solid 50px #33363a;
}
.borderColor.R3 , .borderColor.RM3 
{
    border-top:solid 50px #33363a;
}
.borderColor.R4 , .borderColor.RM4
{
   border-top:solid 50px #33363a;
}
.borderColor.R5 , .borderColor.RM5 
{
    border-top:solid 50px #33363a;
}

.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
.lnkMenu
{
    width:240px;
    text-align:right;
    direction:rtl;
    border-bottom:solid 1px #eeeeee;
    display:inline-block;
   
}
.lnkMenu a
{
     padding:15px 0;
     color:#444;
    text-align:right;
    direction:rtl;
    display:inline-block;
    font-size:0.9em;

}
.lnkMenu a:hover
{
     color:#a30202;

}
li.lnkMenu
{
    text-align:right;
    direction:rtl;
}
li.lnkMenu i
{
    padding:0 5px;
}



    .navWhight {
        color: #000;
        width: auto;
        position: fixed;
        top: 0;
        z-index: 10000000;
        background: rgba(255,255,255,1);
        right: 0;
        left: 0;
        margin: 0;
        padding: 0 ;
        height:85PX;
    }
    .navWhightshadow{
        
        box-shadow: 0 0.3rem 0.7rem 0 rgba(0,0,0,0.23);
    }
    .navWhight .txtIcoMenu{
        color: #444;
    }
    .navWhight .txtIcoMenu:hover{
        color: #000;
    }
    .navWhight  .open .txtIcoMenu {
        color: #fff;
    } 
        .navWhight .txtIcoMenu:hover{
        /*color: #fff;*/
    }
    .navBlack {
        color: #fff;
        width: 100%;
        position: fixed;
        top: 25px;
        z-index: 1000;
    }

/*Navbar Top Changes*/
 .navbar-inverse {
    background-color:transparent;
    border:none;
}

.navbar-inverse .navbar-brand {
    color: #2c2c2c;
    font-weight:bold;
}
.navbar-nav > li > a {
    padding:5px;
}
.navbar-inverse .navbar-nav > li > a
{
    color:#fff;
}
.navbar-inverse .navbar-left> li > a {
    color: #2c2c2c;
     font-size:1em;
}
.navbar-inverse .navbar-left > li  {
     padding:35px 10px;
}

.navbar-inverse .navbar-left > li > a:hover {
    color: #c92a3a;
}
.navbar-brand
{
    padding: 5px;
    margin-top:7px;
}
.txtIcoMenu {
    text-align:center;
    display:inline-block;
    margin:0 20px;
   
}
.menuTop
{
    margin-top:20px;
    font-family: IRANSans !important;
    font-size:1.1em;
    font-weight:bold;
}
@media (max-width: 1099px)  and (min-width: 992px) {
    .txtIcoMenu {
        text-align: center;
        display: inline-block;
        margin: 0 10px;
    }
}
@media (max-width: 991px)  and (min-width: 892px) {
    .txtIcoMenu {
        text-align: center;
        display: inline-block;
        margin: 0 5px;
    }
}

@media (max-width: 891px)  {
    .txtIcoMenu {
        text-align: right;
        display: block;
        width:100%;
        /*color:#444;*/
    }
      .txtIcoMenu:hover {
          /*color:#000;*/
    }
    /*.navWhight .txtIcoMenu:hover {
        color: #eb111c;
    }*/
    .menuTop
    {
        margin-top:20px;
        font-family: IRANSans !important;
        font-size:1em;
        font-weight:bold;
        background-color:#fff;
        width:100%;
        padding:20px;
    }
    .navbar-inverse .navbar-nav > li > a
    {
        color:#444;
    }
    .navbar-inverse .navbar-nav > li > a:hover
    {
        color:#000;
    }
}
