/* Menu Mobile */
@media (max-width:1024px){#g-header .size-13{padding-top:0;text-align:center}#g-header img{max-width:200px}.jf_panel_tools>li .jf_panel_btn{padding:0 1rem 15px!important}#g-header .mod-languages{margin-top:0px}}

@media (max-width:768px){#g-header .size-13{padding-top:0;text-align:center}#g-header img{max-width:200px;margin-right: 5px;    margin-left: 5px;}.jf_panel_tools>li .jf_panel_btn{padding:0 1rem 15px!important}#g-header .mod-languages{margin-top:-45px}}





/* services footer */

.jf_footer_recent_work_footer {
    width: 33.3%;
    display: inline-block;
    float: left;
    line-height: 0;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/* TeleYemen Logo */


/* TeleYemen News Arabic */

.dir-rtl .pull-left {
    float: left !important;
}

.jf_j_article_title h2
{
  font-size: 20px;
  background-color: #011a4db3;
  /* text-align: center; */
  border-block-end-width: 100%;
  margin-left: 20px;
  text-align: center;
  margin-right: 20px;
}



/* Partiner */


.jf_flip_box .deep-purple {
    background-color: #0b56a9;
   
}
.jf_btn.fab.deep-purple {
    background-color: #0b56a9;

}

/* Arabic Tap */

body.dir-rtl .jf_tab_wrap .jf_tab ul li{float:right}


/* IDD countries code */

/* Tariffs Table 1 */

#myInput {
  background-image: url('/images/images/searchicon.png');
  background-position: 10px 15px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  height: 50px;
}

#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 18px;
}

#myTable th, #myTable td {
  text-align: left;
  padding: 12px;
}

#myTable tr {
  border-bottom: 1px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
  background-color: #0b56a9;
  color:#fff;
}

#myInput2 {
  background-image: url('/images/images/searchicon.png');
  background-position: 10px 15px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  height: 50px;
}

#myTable2 {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 18px;
}

#myTable2 th, #myTable2 td {
  text-align: left;
  padding: 12px;
}

#myTable2 tr {
  border-bottom: 1px solid #ddd;
}

#myTable2 tr.header, #myTable2 tr:hover {
  background-color: #0b56a9;
  color:#fff;
}


#myInput_ar {
  background-image: url('/images/images/searchicon.png');
  background-position: 10px 15px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  height: 50px;
}

#myTable_ar {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 18px;
}

#myTable_ar th, #myTable_ar td {

  
  padding: 12px;
}

#myTable_ar tr {
  border-bottom: 1px solid #ddd;
}

#myTable_ar tr.header, #myTable_ar tr:hover {
  background-color: #0b56a9;
  color:#fff;
}



#myInput_ar_2 {
  background-image: url('/images/images/searchicon.png');
  background-position: 10px 15px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  height: 50px;
}

#myTable_ar_2 {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 18px;
}

#myTable_ar_2 th, #myTable_ar_2 td {

  padding: 12px;
}

#myTable_ar_2 tr {
  border-bottom: 1px solid #ddd;
}

#myTable_ar_2 tr.header, #myTable_ar_2 tr:hover {
  background-color: #0b56a9;
  color:#fff;
}



/* TeleYemen services main page */

.jf_col_fluid .col-1-3 {
 
     height: 496px; 
    
}


/* TeleYemen Up button  */


#jf_scrollTop {
  
  color:#ffffff !important;
  background-color: #0b56a9 !important;
}


/* Arabic menu alignment  */
.g-main-nav .g-standard .g-dropdown.g-dropdown-right {
  
    right: -25px;
}




/* Yahclik table Style    */


#yahclickstyle {
   
width: 80%;
border-collapse: separate;
border-spacing: 3px;
  border:0 0 0 0;


}

#yahclickstyle th, td {
    text-align: left;
    padding: 10px;
  
   border-radius: 10px;
}

#yahclickstyle tr{
background-color: #c3db00;

}
#yahclickstyle tr:hover {background-color: #dce597;}

#yahclickstyle th {
    background-color: #124734;
    color: white;
}



/*  Tab  Style    */

.jf_tab_wrap.dark.deep-purple .jf_tab {
    background-color: #0b56a9 !important;
}

/*  YahClick Price Style    */

.jf_pricing.deep-purple .col>div .cell.pricing, .jf_pricing.deep-purple .col>div .cell.heading {
    background-color: #0b56a9 !important;
   
}

/*  Brief History (about us page) Style    */

.jf_process.deep-purple ul li .bar:before {
    background: #0b56a9 !important;
}

/*  To Help You (about us page) Style    */

.jf_icon_box.filled.deep-purple:before {
    background: #0b56a9 !important;
}

/* News Blog Articles - Always keep image inside card box */
.blog .items-leading > div,
.blog [class*="leading-"],
.blog .item,
.blog-featured .items-leading > div,
.blog-featured [class*="leading-"],
.blog-featured .item {
    display: flow-root !important;
    position: relative;
    min-height: 100%;
}

.blog .items-leading > div::after,
.blog [class*="leading-"]::after,
.blog .item::after,
.blog-featured .items-leading > div::after,
.blog-featured [class*="leading-"]::after,
.blog-featured .item::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

.blog .pull-left.item-image,
.blog .pull-right.item-image {
    max-width: 45%;
    margin-bottom: 15px;
    margin-left: 5px;
}

.blog .pull-left.item-image img,
.blog .pull-right.item-image img,
.blog .pull-none.item-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .blog .pull-left.item-image,
    .blog .pull-right.item-image {
        float: none !important;
        max-width: 100%;
        margin: -20px -20px 20px -20px;
    }
}