/***************************************************
  Mixins Themes 
/***************************************************/
/* Mixin Normal*/
/* Mixin Clear */
/* Mixin Border */
/*background RGBA
============================================*/
/***************************************************
  Mixins RTL Themes 
/***************************************************/
/************************************ 
	Override Bootstrap 
*************************************/
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
.header-top {
  background: #FFFFFF; }

.box-top-header {
  margin-left: 0px;
  margin-right: 0px;
  position: relative; }
  @media (min-width: 992px) {
    .box-top-header {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; } }
  .box-top-header > [class*="col-"] {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center; }
  .box-top-header .left-top-header {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start; }
    @media (min-width: 992px) {
      .box-top-header .left-top-header {
        padding-left: 65px; }
        .rtl .box-top-header .left-top-header {
          padding-right: 65px;
          padding-left: inherit; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .box-top-header .left-top-header {
        padding-left: 30px; }
        .rtl .box-top-header .left-top-header {
          padding-right: 30px;
          padding-left: inherit; } }
    @media (max-width: 991px) {
      .box-top-header .left-top-header {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; } }
  .box-top-header .center-top-header {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    @media (max-width: 991px) {
      .box-top-header .center-top-header {
        position: static;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start; } }
  .box-top-header .right-top-header {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end; }
    @media (min-width: 992px) {
      .box-top-header .right-top-header {
        padding-right: 65px; }
        .rtl .box-top-header .right-top-header {
          padding-left: 65px;
          padding-right: inherit; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      .box-top-header .right-top-header {
        padding-right: 30px; }
        .rtl .box-top-header .right-top-header {
          padding-left: 30px;
          padding-right: inherit; } }
  .box-top-header .logo {
    padding: 32px 0;
    display: inline-block; }
    @media (max-width: 991px) {
      .box-top-header .logo {
        padding: 25px 0; } }
  @media (max-width: 575px) {
    .box-top-header .search-widget {
      position: static; }
      .box-top-header .search-widget .popup-content {
        width: auto;
        right: 15px;
        left: auto; }
        .rtl .box-top-header .search-widget .popup-content {
          right: auto;
          left: 15px; } }

body.layout-boxed-md .box-top-header .left-top-header {
  padding-left: 30px; }
  .rtl body.layout-boxed-md .box-top-header .left-top-header {
    padding-right: 30px;
    padding-left: inherit; }
body.layout-boxed-md .box-top-header .right-top-header {
  padding-right: 30px; }
  .rtl body.layout-boxed-md .box-top-header .right-top-header {
    padding-left: 30px;
    padding-right: inherit; }