/*-----------------------*/
/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
/** CHECKOUT BY STEP */
/**************** Home 4 *****************/
#columns .container {
  background: #f8f8f8;
}

#index #columns .container {
  background: white;
}

#slideshow .ApRow .block .title_block {
  font-size: 30px;
  padding-bottom: 0px;
  position: relative;
}
#slideshow .ApRow .block .title_block:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  background-color: black;
}
.rtl #slideshow .ApRow .block .title_block:after {
  right: 0;
  left: auto;
}

.html-abouts {
  padding: 55px 0px 0px 100px;
  line-height: 24px;
}
.rtl .html-abouts {
  padding: 55px 100px 0px 0px;
}
@media (max-width: 1835px) {
  .html-abouts {
    padding: 30px 0px 0px 30px;
  }
  .rtl .html-abouts {
    padding: 30px 30px 0px 0px;
  }
}
.html-abouts p {
  text-align: justify;
  padding-right: 525px;
}
.rtl .html-abouts p {
  padding-left: 525px;
  padding-right: inherit;
}
@media (max-width: 1835px) {
  .html-abouts p {
    padding-right: 30px;
  }
  .rtl .html-abouts p {
    padding-left: 30px;
    padding-right: inherit;
  }
}
@media (max-width: 768px) {
  .html-abouts {
    padding: 50px;
  }
}

@media screen and (min-device-width: 1023px) and (max-device-width: 1024px) {
  .contentBotoom .col-md-3 {
    width: 50%;
  }
}
@media (max-width: 640px){
#ju-cat-desc{
display: none;
}
}