/*
Theme Name: VFaktor Theme
Description: Custom Theme für VFaktor.at
Version: 1.0
Author: simplefox
Author URI: https://simplefox.de/


/* ================================= */
/* :::::::::: 9. Mobile :::::::::::: */
/* ================================= */

@media (min-width: 1200px) {
  .container {
    max-width: 1190px;
  }
  .large-wrapper{
    margin-left: -85px !important;
    margin-right: -85px !important;
  }
}

@media (min-width: 1350px) {
  .container {
    max-width: 1350px;
  }
    section > .vc_row {
    max-width: 1350px;
    margin: 0 auto;
    }
    section {
    width: 100%;
    margin: 0 auto !important;
    }
}


@media screen and (max-width: 767px) {
div.py-large, section.py-large{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
div.pt-0, section.pt-0{
    padding-top: 0 !important;
}
div.pb-0, section.pb-0{
    padding-bottom: 0 !important;
}
div.px-large, section.px-large{
    padding-left: 30px !important;
    padding-right: 30px !important; 
}
  .large-wrapper{
max-width: 100%;
margin-left: auto !important;
    margin-right: auto !important;
  }
.px-inner-large .vc_column-inner{
    padding-left: 30px !important;
    padding-right: 30px !important; 
}
.py-inner-large .vc_column-inner{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.px-inner-small .vc_column-inner{
    padding-left: 15px !important;
    padding-right: 15px !important; 
}
.py-inner-small .vc_column-inner{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.my-small .vc_column-inner{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.mb-mobile-0{
    margin-bottom: 0 !important;
}
div.mb-mobile-small{
    margin-bottom: 35px !important;
}
h1, .banner-wrapper h2 {
font-size: 1.8rem;
line-height: 2.25rem;
}
h2, .heading-text h2 {
font-size: 1.45rem;
    line-height: 2.25rem;
}
h3 {
 font-size: 1.3rem;
  line-height: 1.65rem;
}
h4 {
  font-size: 1rem;
}
/*h5 {
  font-size: 0.85rem;
}*/
p, .testimonial p {
    margin-bottom: 1rem;
/*    font-size: 1rem;
    line-height: 1.5rem;*/
}

.border-heading-text h2, .border-heading-text.small h2, .large-heading-text h2, .large-heading-text.small h2 {
    font-size: 40px;
    line-height: 1;
    -webkit-text-stroke-width: 1px;
    word-break: break-word;
}
.stroke-divider:after{
    display: none;
}
.nav-container .image-brand {
    max-width: 200px;
}
.testimonial{
  text-align: center;
}
div.testimonial-wrapper{
  border-radius: 0 !important;
}
.testimonial .vc_btn3-container{
  text-align: center;
  display: block;
}
.btn, .vc_btn3.vc_btn3-size-md {
    font-size: 0.85rem !important;
    line-height: 1.25rem !important;
    font-weight: 500 !important;
padding: 0.4rem 1.2rem !important;
    min-width: auto;
}
.banner-wrapper, .banner-wrapper.inner-banner, .single .banner-wrapper.inner-banner{
    min-height: 435px;;
/*min-height: 100vh;*/
}
.single .featured-box {
    height: 200px;
}
.middle-banner {
    min-height: 200px;
    background-position: center;
}
.banner-wrapper .sx-cover h2 {
    margin-bottom: 1rem;
    display: none;
}
.banner-wrapper .sx-cover{
  text-align: left;    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
}
.banner-wrapper.inner-banner .sx-cover{
text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 9rem;
    padding-bottom: 0;
}
.banner-wrapper .sx-cover .btn{
  margin-bottom: 10px;
}
.grid-box {

    padding: 1rem 1.375rem;
    width: auto;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
}
.vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev {
    
    width: 25px !important;
    height: 25px !important;
    font-size: 22px !important;
}
.vc_images_carousel .vc_carousel-control .icon-next:before, .vc_images_carousel .vc_carousel-control .icon-prev:before {
    top: -2px !important;
}
.vc_images_carousel .vc_left.vc_carousel-control {
    left: -50px !important;
}
.vc_images_carousel .vc_right.vc_carousel-control {
    right: -50px !important;
}
.footer-standard .widget-title {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #414141;
    margin-top: 15px;
}
.footer-standard ul li, .footer{

    line-height: 1.75rem;
}
.footer .footer-standard ul.social {
            max-width: 100%;
}
.footer .footer-standard {
    padding-left: 5px;
    padding-right: 5px;
}
.middle-img img{
  max-height: 300px;
}
.vc_images_carousel .vc_carousel-indicators{
    bottom: -40px !important;
    margin: 0 auto !important;
    left: auto !important;
    width: 100% !important;
}
.service-tabs .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body{
  padding: 20px !important;
}
.grey-box > .vc_column-inner > .wpb_wrapper{
  padding: 20px;
  margin-bottom: 10px;
}

.solution-gallery .vc_images_carousel .vc_left.vc_carousel-control {
    left: -50px !important;
}
.solution-gallery .vc_images_carousel .vc_right.vc_carousel-control {
    right: -39px !important;
}
.titlewrapper{
  width: 250px;
}
.pp_gallery ul, .pp_gallery, .pp_hoverContainer{
  display: none !important;
}
.image-box-wrapper {
    padding-left: 0 !important;
}
.image-box-wrapper .image-box-caption {
    position: relative;
    left: auto;
    margin: 20px 0;
    top: auto;
}
.image-box-wrapper .image-box-caption p {
    font-size: 22px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
div.py-large, section.py-large{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
div.px-large, section.px-large{
    padding-left: 40px !important;
    padding-right: 40px !important; 
}
.px-inner-large .vc_column-inner{
    padding-left: 40px !important;
    padding-right: 40px !important; 
}
.py-inner-large .vc_column-inner{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.my-small .vc_column-inner{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.px-inner-small .vc_column-inner{
    padding-left: 15px !important;
    padding-right: 15px !important; 
}
.py-inner-small .vc_column-inner{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.mb-mobile-0{
    margin-bottom: 0 !important;
}
div.mb-mobile-small{
    margin-bottom: 40px !important;
}
.banner-wrapper, .banner-wrapper.inner-banner{
 /* min-height: 350px;*/
 min-height: 516px;
}
.middle-banner {
    min-height: 250px;
    background-position: center;
}
.banner-wrapper .sx-cover h2 {
    margin-bottom: 1rem;
}
.banner-wrapper .sx-cover{
 display: flex;
    align-items: center;
    padding: 0;
}
.banner-wrapper .sx-cover .btn{
  margin-bottom: 10px;
}
.grid-box {

    padding: 1rem 1.375rem;
    width: auto;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
}
.middle-box .vc_col-sm-3, .middle-box .vc_col-sm-6 {
    width: 100%;
  
}
.middle-box .vc_col-sm-3 .vc_column-inner, .middle-box .vc_col-sm-6 .vc_column-inner{
padding: 0 15px !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0.5rem 0.75rem !important;
    font-size: 1rem !important;
}
.vc_images_carousel .vc_carousel-indicators{
  bottom: -15px !important;
}
.two-col .vc_col-sm-3{
    width: 50%;
}
.grey-box > .vc_column-inner > .wpb_wrapper{
  padding: 30px;
  margin-bottom: 20px;
}
h1, .banner-wrapper h2 {
    font-size: 2.25rem;
}

    .banner-area:after, .inner-banner:after{
        height: 75px;
    max-width: 42%;
    background-position: left top;
    }
}
@media (min-width: 1024px) and (max-width: 1367px) {
  .grid-box {

    padding: 1rem 1.375rem;
    width: 20rem;
}
.grid-box.grid-box-middle-left {
    left: -50px;
}
.vc_images_carousel .vc_right.vc_carousel-control {
    right: -30px !important;
}
.vc_images_carousel .vc_left.vc_carousel-control {
    left: -60px !important;
}

.solution-gallery .vc_images_carousel .vc_left.vc_carousel-control {
    left: -45px !important;
}
.solution-gallery .vc_images_carousel .vc_right.vc_carousel-control {
    right: -45px !important;
}
.large-heading-text h2 {
    font-size: 150px;
    }
.bottom-text-overlapping .vc_column-inner {
    margin-top: -65px;
}
}

@media screen and (max-width: 991px) {
    .subnav-container {
    display: none !important;
  }
  .current_page_item {
    color: rgba(var(--main-color), 1);
  }
  .navbar-expand-lg .navbar-nav{
    margin-top: 1rem;
    background: #D1D1D1;
    padding: 10px 20px;
  }
  .navbar-expand-lg .navbar-nav .nav-link{
    padding: 0.35rem 0 !important;
    font-size: 1rem !important;
/*    line-height: 1 !important;*/
    display: inline-block;
  }
  .navbar-expand-lg .navbar-nav .menu-item .nav-link{
        color: #3B3B3B;
  }
  .navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu .nav-link {
    padding: 0.35rem 0 !important;
     font-size: 1rem !important; 
    /* line-height: 1 !important; */
    display: inline-block;
  }
  .navbar-expand-lg .navbar-nav li.dropdown:after {
    top: 8px;
    font-size: 14px;
    width: 20px;
    height: 20px;
    font-weight: 700;
    color: #3b3b3b;
}

  .navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu li {
    display: block; 
    padding: 0 0 !important;
/*    border-color: #3b3b3b;*/
    border: none;
  }
  .navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu .nav-link {
    border: none;
  }
  .navbar-expand-lg .navbar-nav .menu-item-has-children .dropdown-menu{
    width: 100%;
    background: rgba(0, 0, 0, 0) !important;
    height: 0;
    position: relative !important;
    overflow: hidden;
    transition: all 0.3s;
    padding: 0 15px !important;
  }
  .navbar-expand-lg .navbar-nav .menu-item-has-children:hover .dropdown-menu.sumenu_show{
    height: auto;
  }

.solution-gallery .vc_inner img{
  height: auto !important;
}
}
@media(min-width: 992px){
  .navbar-expand-lg .navbar-nav .dropdown-toggle:after, .navbar-expand-lg .navbar-nav li.dropdown:after{
    display: none;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
   .pp_pic_holder{ left: 50% !important; width: 400px !important;  margin-left: -200px !important; }
   div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; }
   .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; }
   div.pp_default .pp_content_container .pp_details {margin-top: 20px !important;     width: 370px !important;}
   div.pp_default .pp_expand{
    display: none !important;
   }
}

@media only screen and (max-width: 479px) {
   .pp_pic_holder{ left: 50% !important; width: 300px !important;  margin-left: -150px !important; }
   div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; }
   .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; }
   div.pp_default .pp_content_container .pp_details {margin-top: 20px !important;     width: 270px !important;}
div.pp_default .pp_expand{
    display: none !important;
   }
}