%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/html/shaban/laviva/wp-content/themes/levelup/assets/styl/inc/
Upload File :
Create Path :
Current File : //var/www/html/shaban/laviva/wp-content/themes/levelup/assets/styl/inc/responsive.styl

/*!--------------------------------------------------------------
* 10.0 Responsive
==============================================================*/


.mobile-true
  .fancy-header
    .background-container
      background-attachment: scroll !important
    > video
      display: none


@media screen and (max-width: 1200px) {
  .responsive-h1,
  .wpb_column.responsive-h1i .dropcap,
  .wpb_column.responsive-h1i .wpb_wrapper:before {
    font-size: 75px !important
  }
}
@media screen and (max-width: 991px){
  .responsive-h1,
  .wpb_column.responsive-h1i .dropcap,
  .wpb_column.responsive-h1i .wpb_wrapper:before {
    font-size: 70px !important
  }
}
@media screen and (max-width: 767px){
  .responsive-h1,
  .wpb_column.responsive-h1i .dropcap,
  .wpb_column.responsive-h1i .wpb_wrapper:before {
    font-size: 55px !important
  }
}


@media screen and (max-width: 1200px) {
  .responsive-h2,
  .wpb_column.responsive-h2i .dropcap,
  .wpb_column.responsive-h2i .wpb_wrapper:before {
    font-size: 65px !important
  }
}
@media screen and (max-width: 991px){
  .responsive-h2,
  .wpb_column.responsive-h2i .dropcap,
  .wpb_column.responsive-h2i .wpb_wrapper:before {
    font-size: 60px !important
  }
}
@media screen and (max-width: 767px){
  .responsive-h2,
  .wpb_column.responsive-h2i .dropcap,
  .wpb_column.responsive-h2i .wpb_wrapper:before {
    font-size: 50px !important
  }
}


@media screen and (max-width: 1200px) {
  .responsive-h3,
  .wpb_column.responsive-h3i .dropcap,
  .wpb_column.responsive-h3i .wpb_wrapper:before {
    font-size: 65px !important
  }
}
@media screen and (max-width: 991px){
  .responsive-h3,
  .wpb_column.responsive-h3i .dropcap,
  .wpb_column.responsive-h3i .wpb_wrapper:before {
    font-size: 65px !important
  }
}
@media screen and (max-width: 767px){
  .responsive-h3,
  .wpb_column.responsive-h3i .dropcap,
  .wpb_column.responsive-h3i .wpb_wrapper:before {
    font-size: 45px !important
  }
}


@media screen and (max-width: 1200px) {
  .responsive-h4,
  .wpb_column.responsive-h4i .dropcap,
  .wpb_column.responsive-h4i .wpb_wrapper:before {
    font-size: 50px !important
  }
}
@media screen and (max-width: 991px){
  .responsive-h4,
  .wpb_column.responsive-h4i .dropcap,
  .wpb_column.responsive-h4i .wpb_wrapper:before {
    font-size: 45px !important
  }
}
@media screen and (max-width: 767px){
  .responsive-h4,
  .wpb_column.responsive-h4i .dropcap,
  .wpb_column.responsive-h4i .wpb_wrapper:before {
    font-size: 40px !important
  }
}


@media screen and (max-width: 1200px) {
  .responsive-h5,
  .wpb_column.responsive-h5i .dropcap,
  .wpb_column.responsive-h5i .wpb_wrapper:before {
    font-size: 35px !important
  }
}
@media screen and (max-width: 767px){
  .responsive-h5,
  .wpb_column.responsive-h5i .dropcap,
  .wpb_column.responsive-h5i .wpb_wrapper:before {
    font-size: 30px !important
  }
}


@media screen and (max-width: 1200px) {
  .responsive-h1,
  .responsive-h2,
  .responsive-h3,
  .responsive-h4,
  .responsive-h5 {
    line-height: 120% !important
  }

}


@media screen and (max-width: 1200px) {
  .wpb_text_column .dropcap {
    font-size: 70px !important
    line-height 100% !important
  }
}
@media screen and (max-width: 992px) {
  .wpb_text_column .dropcap {
    font-size: 56px !important
    line-height 100% !important
  }
}
@media screen and (max-width: 768px) {
  .wpb_text_column .dropcap {
    font-size: 42px !important
    line-height 100% !important
  }
}
@media screen and (max-width: 569px) {
  .wpb_text_column .dropcap {
    font-size: 35px !important
    line-height 100% !important
  }
}


@media screen and (max-width: 1200px) {
  .wpb_text_column .wpb_wrapper:before {
    font-size: 100px !important;
    top: -8px !important;
    left: -30px !important;

  }
}
@media screen and (max-width: 992px) {
  .wpb_text_column .wpb_wrapper:before {
    font-size: 80px !important;
    top: -8px !important;
    left: -30px !important;
  }
}
@media screen and (max-width: 768px) {
  .wpb_text_column .wpb_wrapper:before {
    font-size: 60px !important;
    top: -6px !important;
    left: -20px !important;
  }
}
@media screen and (max-width: 569px) {
  .wpb_text_column .wpb_wrapper:before {
    font-size: 50px !important;
    top: -4px !important;
    left: -15px !important;
  }
}


@media screen and (min-width: 992px)
  .container-fluid
    &.site-footer-area
      padding-left: 60px;
      padding-right: 60px;
  .container-fluid
    .copyright
      padding-left: 60px;
      padding-right: 60px;

@media screen and (max-width: 992px)
  .container-fluid
    &.site-footer-area
      padding-left: 30px;
      padding-right: 30px;
  .container-fluid
    .copyright
      padding-left: 30px;
      padding-right: 30px;


@media screen and (min-width: 992px) and (max-width: 1200px)
  .vc_row > .row-container > .row-inner > .wpb_column.vc_column_indent_md > .vc_column-inner
  .vc_row.vc_inner > .wpb_column.vc_column_indent_md > .vc_column-inner
    padding-bottom 30px


@media screen and (min-width: 768px) and (max-width: 991px)
  .vc_row > .row-container > .row-inner > .wpb_column.vc_column_indent_sm > .vc_column-inner
  .vc_row.vc_inner > .wpb_column.vc_column_indent_sm > .vc_column-inner
    padding-bottom 30px

@media screen and (max-width: 767px)
  .vc_row > .row-container > .row-inner > .wpb_column.vc_column_indent_xs > .vc_column-inner
  .vc_row.vc_inner > .wpb_column.vc_column_indent_xs > .vc_column-inner
    padding-bottom 30px


@media screen and (max-width: 767px)
  .site-footer
    &[data-phone-columns="2"]
      .row
        .col
          &:nth-child(1),
          &:nth-child(2)
            margin-top 0 !important


@media screen and (min-width: 768px) and (max-width: 992px)
  .site-footer
    &[data-pad-columns="2"]
      .row
        .col
          &:nth-child(1),
          &:nth-child(2)
            margin-top 0 !important

    &[data-pad-columns="3"]
      .row
        .col
          &:nth-child(1),
          &:nth-child(2),
          &:nth-child(3)
            margin-top 0 !important

    &[data-pad-columns="4"]
      .row
        .col
          &:nth-child(1),
          &:nth-child(2),
          &:nth-child(3),
          &:nth-child(4)
            margin-top 0 !important


@media screen and (max-width: 992px)
  .wpb_text_column.dropcap_hidden_xs
    > .wpb_wrapper:before
      display: none !important

  .scroll-top-main
    display: none !important

  .rdy_instagram
    .owl-nav
      display: none !important

  #bottom-bar
    .copyright
      height: auto !important
      padding-top: 20px;
      padding-bottom: 20px;

    .footer-logo-a
      display: block
      margin-bottom 6px

  .rdy_share:not(.rdy_share-simple) .rdy_share-item
    margin: 0 !important;

  .rdy_share.rdy_share-simple .rdy_share-item
    margin: 0 5px !important;

  .rdy_share.social-align-left .rdy_share-item:first-child
    margin-left: 0 !important;

  .footer-wrapper
    .f-column
      margin-top 40px
      &:first-child
        margin-top 0

      .widget
        margin-bottom: 40px;
        &:last-child
          margin-bottom: 0;
        p
          margin-bottom: 10px;

  .woocommerce
    .page-title-margin-bottom
      height: 20px !important

    &.single-product
      .entry-title
        line-height 120% !important
        margin-bottom: 0 !important;

      .product .offers .price
        margin-top 0 !important

  .list_categories li
    margin-bottom: 8px;
  .list_categories li a
    margin: 0 6px 5px;

@media screen and (max-width: 767px)
  .wpb_row
    margin-bottom: 0;

  .rdy-clients-shortcode
    margin 0 !important

  .vc_row .wpb_column
    //width: 100%;
    margin-right: 0!important;
    margin-left: 0;

  .rdy-post-nav
    .col-table
      width 100px
      text-align center

    .rdy-post-next
      border-left: 1px solid #d6d6d6
      .col-table
        margin-right 0
        margin-left auto

    .rdy-post-prev
      border-right: 1px solid #d6d6d6
      .col-table
        margin-right auto
        margin-left 0

    .rdy-nav-title
      display: none

    .gi.gi-xs
      font-size: 60px
      color: #c1c1c1
      padding-bottom: 20px

    .rdy-post-next .col-table,
    .rdy-post-prev .col-table
      height: 160px;

      p
        color #aaa
        font-size 13px

@media screen and (max-width: 767px)
  .vc_separator
    .vc_custom_heading
      text-align center

  .vc_custom_heading
    &.mobile_align_left > *
      text-align left !important
    &.mobile_align_center > *
      text-align center !important
    &.mobile_align_right > *
      text-align right !important


@media screen and (max-width: 768px) {
  .wpb_column[data-mobile-hide-border="xs"] div[class*=vc_custom_]{
    border-left-width: 0 !important;
    border-right-width: 0 !important;
  }
}

@media screen and (max-width: 992px) {
  .wpb_column[data-mobile-hide-border="sm"] div[class*=vc_custom_]{
    border-left-width: 0 !important;
    border-right-width: 0 !important;
  }
}


@media screen and (max-width: 992px) {
  .main-logo .logo-holder {
    max-height 40px !important
    line-height 40px
  }
}


//@media screen and (max-width: 767px)
//  .vc_row > .inner > .wpb_column > .vc_column-inner
//    padding-right 0 !important
//    padding-left 0 !important


body.page.with-sidebar
body.single.with-sidebar
  .site-main
    .row_section
      &.container
        padding-left: 0;
        padding-right: 0;
        width 100%

  .entry-content.row
    margin-left 0
    margin-right 0

@media screen and (max-width: 992px)
  body.page.with-sidebar
  body.single.with-sidebar
    .site-main
      .container-main
        padding-left 0 !important
        padding-right 0 !important

body.single.with-sidebar
  .entry-content.row
    margin-left 0
    margin-right 0


.with-mobile-logo
  .mobile-logo
    display none


@media screen and (min-width: 992px)
  #header.boxed .menu-right-side
    right: -5px !important;


@media screen and (max-width: 992px)
  .with-mobile-logo
    .mobile-logo
      display block

  .with-mobile-logo
    .starting-logo
      display none

  .site-footer .footer-wrapper.columns-divider .f-column
    border none !important
  .site-footer .footer-wrapper.equal-height .f-row,
  .site-footer .footer-wrapper.equal-height .f-row > .col:not(.f-column)
    display: block !important

  body > .body-wrapper
    position relative
    overflow hidden

  #header > .container
    width 100% !important

  #sidebar
    margin-top 30px

  body
    &.page
    &.single
      #sidebar
        padding-left 45px
        padding-right 45px

    &.page
    &.single
      &.with-sidebar
        .comments-wrapper
          padding-left 30px
          padding-right 30px

Zerion Mini Shell 1.0