@media only screen and (max-width: 1650px){
  
  .home #kompetenzen .av-image-caption-overlay-center p{
    font-size: 17px;
    line-height: 20px;
  }

  .home #kompetenzen .av-image-caption-overlay-center{
    padding: 0 5px;
  }
 
}

@media only screen and (max-width: 1500px){
  .footer-wrap{
    width: 100%;
  }
}

@media only screen and (max-width: 1400px){

  .interaktive-exponate .wonderplugin-gridgallery-item {
    position: static !important;
    width: 40% !important;
    height: auto !important;
    min-height: 450px;
    float: left;
    margin-left: 5% !important;
  }

}


@media only screen and (max-width: 1280px) {

  .home-slider .slider-homepage .ls-layers .ls-wrapper.ls-in-out .caption-link{
    margin-top: 25px;
  }
  

  .footer-wrap h3{
    font-size: 20px;
    white-space: normal;
  }

  .innotruck-slider-caption{
    width: 400px;
    height: 400px;
    padding-top: 45px;
    right: 100px;
  }
  
  .slider-caption-middle{
    padding-left: 20px;
    padding-right: 20px;
    top: -140px;
  }
  .slider-caption-middle h2{
    font-size: 35px;
    margin-left:0;
  }
  .slider-caption-middle p{
    margin-left: 0;
  }
  
  .interaktive-exponate .wonderplugin-gridgallery-item {
    min-height: 400px;
  }
}
@media only screen and (max-width: 1199px){
  .innotruck-slider-caption{
    bottom: -130px;
  }
  
  #veranstaltungen{
    padding-top:0;
  }

  .innotruck-laptop-section .laptop-container{
    width:50% !important;
  }
}
@media only screen and (max-width: 1024px) {
    /* Masonry */
        .av-masonry-container {
              height: auto !important;
        }
        .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer,
        .av-fixed-size .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer {
            padding-bottom: 0% !important;
        }
        .responsive #top .av-masonry-entry {
            width: 100%;
            position: static !important;
            height: auto;
        }
        .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
            position: static !important;
        }
        .av-fixed-size .av-masonry-image-container,
        .av-fixed-size .av-masonry-outerimage-container {
            position: static !important;
            height: 200px !important;
        }
        .av-fixed-size .av-masonry-entry .av-inner-masonry-content,
        .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content,
        .av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
            position: static !important;
        }
        .responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content {
            display: block !important;
        }
}
@media only screen and (max-width: 767px) {

  /*changed height to avoid gaps between the buttons on mobile PM MD 2020-10-07*/
  #csbwfs-social-inner .custom-img-button.csbwfs-sbutton a{
    height: 35px;
  }
  /*fix social button 1 was not getting bigger when hovering PM MD 2020-10-09*/
  #csbwfs-social-inner #csbwfs-sbutton1:hover{
    width: 35px !important;
  }
  #csbwfs-social-inner #csbwfs-sbutton1,
  #csbwfs-social-inner #csbwfs-sbutton1 a{
    height: 35px !important;
  }

    .mobile-pl-0 {
    padding-left: 0px !important;
  }

  .mobile-pb-15 {
    padding-bottom: 15px !important;
  }
  .mobile-p-15 {
    padding: 15px !important;
  }
  .mobile-pt-30 {
    padding-top: 30px !important;
  }
  .mobile-pt-25 {
    padding-top: 25px !important;
  }
  .mobile-pt-20 {
    padding-top: 20px !important;
  }
  .mobile-pt-40 {
    padding-top: 40px !important;
  }
  .mobile-pt-45 {
    padding-top: 45px !important;
  }

 .mobile-pb-15 {
    padding-bottom: 15px !important;
  }
 .mobile-mt-30 {
    margin-top: 30px !important;
  }
  .mobile-mt-25 {
    margin-top: 25px !important;
  }
  .mobile-mt-20 {
    margin-top: 20px !important;
  }
  .mobile-mt-40 {
    margin-top: 40px !important;
  }
  .mobile-mt-45 {
    margin-top: 45px !important;
  }
.mobile-mt-10 {
    margin-top: 10px !important;
  }

  li#menu-item-search {
    display: none !important;
  } 
  #header_main .logo {
        margin-top: 25px !important;
        margin-left: -9%;
  }
  .responsive #top #wrap_all #header {
        padding: 0 0 10px;
  }
  .responsive #top .logo {
    width: auto !important;
    height: inherit !important;
  }
  .av-main-nav li {
      float: left;
      position: relative;
      z-index: 20;
/*       top: 0px;
      right: -11px; */
  }
 
  div#csbwfs-social-inner {
      /* margin-left: 30px; */
      position: absolute;
      right: 0%;
      top: -65px;
  }
  a.ls-gui-element.ls-nav-prev, a.ls-gui-element.ls-nav-next {
      display: none !important;
  }
  .csbwfs-social-widget .csbwfs-sbutton {
    width: 35px;
    height: 35px;
  }

  .csbwfs-pin a, .csbwfs-re a, .csbwfs-st a, .csbwfs-ml a {
      background: #ca2027;
  }
  .agentur-video .avia_textblock h1 {
  font-size: 20px;
      top: 0;
      width: 100%;
      position: inherit;
      text-align: center;
      margin-bottom: 0px;
      padding-bottom: 0px;
      line-height: 28px;
  }
  .agentur-video .agentur-caption {
  bottom: -101px;
      padding: 10px;
  }
   .agentur-video .agentur-caption h2 {
      color: #fff;
      font-size: 18px;
  }
  .avia_textblock p {
    font-size: 16px;
      /*text-align: justify;*/
      line-height: 25px;
      margin-top: 25px;
  }   
  .slider-caption-middle p {
    font-size: 0.9em;
    line-height: 1.3em;
    margin-top: 0.85em;
  }
  .below-video-content-agentur {
      padding-bottom: 15px;
  }
  #top #wrap_all #kompetenzen .avia_textblock h2 {
      margin: 0;
      font-size: 20px;
      line-height: 30px;
  }
  #top #wrap_all .main_color h3 {
    font-size: 20px !important;
    text-align: center;
     line-height: 30px;
  }
  .av_promobox {
    margin:0px !important; 
  }
  #top #wrap_all .main_color .future-handlebar-head h2 {
      font-size: 20px;
      margin: 0px;
      text-align: center !important;
  }
  .inner_tooltip h3 {
      font-size: 20px;
      text-align: center;
      margin-bottom: 0px !important;
  }

  .inner_tooltip {
      padding: 0px 15px;

  }
  .avia-tooltip.avia-tt.av-tt-default-width.av-tt-pos-above.av-tt-align-left.main_color.av-tt-hotspot {
      left: 0 !important;
      padding: 10px !important;
      margin-top: -35px;
  }
  .av-tt-hotspot .avia-arrow-wrap {
      bottom: auto;
      bottom: -20px;
      left: 50% !important;
  }
  .inner_tooltip .tooltip-email {
      margin-top: 20px !important;
  }
  .avia_textblock ul li {
      padding: 3px 0;
      margin: 0;
      list-style: none;
      display: inline-block;
      padding: 0px 2px;
      text-align: center;
  }
  #top #wrap_all .main_color .quality-prices-content h3 {
      text-transform: uppercase;
      font-size: 20px;
      font-weight: normal;
      color: #c10a25;
  }
  #top #wrap_all .news-section .avia_textblock h2 {
      font-size: 20px;
  }
  .history-content {
      padding: 0 15px;
  }
  .history-section .avia_textblock p {
      font-size: 16px;
      line-height: 30px;
  }
  .av-special-heading {
    padding-bottom: 0px !important
  }
  #footer .widget {
        margin: 10px 0 0px 0 !important;
  }
  #footer .widget h4 {
    font-size: 20px;
  }
  #footer .widget .widgettitle, .content .widget .widgettitle {
    margin-top: 0px;
  }
  .footer-wrap h3.widgettitle {
      font-size: 20px;
  }
  .footer-wrap .av_one_fifth  {
    margin-bottom: 0px;
  }
  .footer-wrap .copyright-wrap .menu-footercopyrightmenu-container {
     padding-left: 0px !important;
      width: 100%;
      margin: 20px 0px;
  }
  .footer-wrap .copyright-wrap .menu-footercopyrightmenu-container ul li {
      display: block;
      font-size: 17px;
      padding: 0px !important;
      font-weight: 400;
  }
  #top #wrap_all .history-section .av-special-heading{
    padding-left: 0;
    text-align: center;
  }
  .html_av-overlay-full body#top #wrap_all #av-burger-menu-ul li a {
    font-size: 24px;
    line-height: 34px;
  }
  .responsive body#top #wrap_all .container_wrap_first.fullsize .container{
    max-width: 100%;
    width: 100%;
  }
  #top #wrap_all .history-section .av-special-heading h2 {
    font-size: 35px;
    padding-top: 30px;
  }
  .pt-150 {
    padding-top: 50px;
  }
  .pb-80,
  .pb-100 {
    padding-bottom: 30px;
  }
  .innotruck-slider-caption.slider-caption{
    position: inherit;
    bottom: inherit;
    max-width: 100%;
    right: inherit;
  }
  #top #wrap_all .innotruck-below-banner-section .avia_textblock h2{
    font-size: 35px;
  }
  #fotoshooting .avia_textblock.pl-159{
    padding-left: 0;
  }
  .vehicle-design-content{
    padding: 0 !important;
    margin: 0 !important;
  }
  body#top #wrap_all .main_color h3{
    text-align: left;
  }
  body#top #wrap_all .all_colors h4{
    font-size: 20px;
    line-height: normal;
  }
  .post-slider .post-slider-head{
    padding-left: 0;
  }

}
@media only screen and (max-width: 1024px) {

  .footer-wrap .av_one_fifth{
    margin:0;
    width: 32%;
  }  

   li#menu-item-search {
    display: none !important;
  } 
  .av-main-nav li {
      float: left;
      position: relative;
      z-index: 20;
/*       top: 20px;
      right: -11px; */
  }
  .html_header_top.html_bottom_nav_header body #header_main_alternate .main_menu {
    margin-top: 10px;
  }
/*   .av-main-nav li{
    top: 0;
  } */
  .slider-caption-middle{
    top: -110px;
    right: 20px;
  }
 
  #top #zukunftsthemen h3.entry-title{
    font-size: 17px !important;
    line-height: 18px;
    margin-top: 5px !important;
  }
}


@media only screen and (max-width: 989px) {
	.av-hamburger-inner, .av-hamburger-inner::before,.av-hamburger-inner::after{
		background-color:#c10a26 !important;
	}
	
	#top .av-small-burger-icon {
    border: 2px solid #c10a26;
}
	
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
	top: 25px;
	right: 50px;
}
	
  #header{
    position: absolute !important;
  }

  .av-burger-overlay-active #header_main .av-logo-container .logo{
    background-position: left center;
    width: 80% !important;
    margin-top:4px;
  }
  .html_burger_menu_active #top #wrap_all #header .av-burger-menu-main > a {
    line-height: 41px !important;
    height: 40px !important;
  }
/*   .js_active.html_burger_menu #avia-menu li.av-small-burger-icon {
    margin-top: 2px;
  } */
  .agentur-video .avia_textblock h1{
    width: 100%;
    font-size: 45px;
    line-height: normal;
    top:-15px;
    left:0;
    right:unset;
  }
/*   .av-main-nav li {
    top: 20px;
  } */
  .csbwfs-social-widget{
    top: 23% !important;
  }
 
  .innotruck-laptop-section .avia-builder-el-33{
    width:65%;
  }

  .innotruck-laptop-section .laptop-container{
    width:40% !important;
  }
  .innotruck-laptop-section h3 a span{
    font-size: 25px;
  }

  .interaktive-exponate .wonderplugin-gridgallery-list{
    width: 75% !important;
    height: auto !important;
  }

  .interaktive-exponate .wonderplugin-gridgallery-item {
    width: 100% !important;
    min-height: 0;
    float: none;
    margin: 25px 0 !important;
  }

  .home #kompetenzen .av-image-caption-overlay-center p{
    font-size: 20px;
    line-height: 20px;
  }
  
}

@media only screen and (max-width: 900px){

  div .first{
    clear:left;
  }

  .responsive #wrap_all .flex_column{
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  .responsive #wrap_all .avia-content-slider .flex_column.av_one_third {
    width: 29.33333333332%;
  }

  .responsive #wrap_all .avia-content-slider .flex_column.av_one_fifth{
    width: 15.2%;
    margin-left:6%;
    margin-bottom: 0;
  }

  .responsive #wrap_all .avia-content-slider .flex_column.av_one_fifth.first{
    margin-left: 0;
  }
  
  .tourmanagement-innotruck{
    padding-left:5%;
    padding-right: 5%;
  }

  .innotruck-on-tour{
    padding:0 !important;
    width: 100% !important;
    display: block !important;
  }

  #top .tourmanagement-innotruck .innotruck-image{
    float:none !important;
    width: 100% !important;
    display: block;
  }
}


@media only screen and (max-width: 767px){
/* 	#top .ls-z{
		position: static !important;
		width: 100% !important;
		height: auto !important;
	} */
	
	.innotruck-slider-caption{
		background-color:#c10a26 !important;
	}
	
	
	.av-hamburger-inner, .av-hamburger-inner::before,.av-hamburger-inner::after{
		background-color:#c10a26 !important;
	}
	
  .home-slider .slider-homepage{
    margin-bottom: 40% !important;
  }
	
	.middile-banner-content{
		background-color:#c10a25;
	}
	
  .home-slider .slider-homepage .ls-layers .ls-wrapper.ls-in-out,.home-slider .slider-homepage .ls-layers .ls-slide-backgrounds{
    position: absolute !important;
	top:100% !important;
	 left: 0 !important;
    margin:0 !important;
    width: 100% !important;
  }
	
  .home-slider .slider-homepage .ls-layers .ls-wrapper.ls-in-out .middile-banner-content{
    width: 100% !important;
    margin:0 !important;
    height: auto !important;
  } 
  
  .home-slider .slider-caption-middle{
    padding-top: 20px;
  }
  .home-slider .slider-homepage .ls-layers .ls-wrapper.ls-in-out .middile-banner-content .caption-video{
    display: none;
  }
  .home-slider .slider-homepage .ls-layers .ls-wrapper.ls-in-out .middile-banner-content h2{
    font-size: 30px !important;
  }
  .home-slider .slider-homepage .ls-layers .ls-wrapper.ls-in-out .middile-banner-content p{
    font-size: 18px;
/*     padding-bottom: 65px; */
	  padding-bottom:5px;
  }
  .home-slider .slider-homepage .ls-layers .ls-wrapper.ls-in-out .caption-link a{
    right:unset;
    left: 20px;
    bottom: 20px;
    font-size: 18px;
  }
  .home-slider .slider-homepage .ls-layers .ls-wrapper.ls-in-out .caption-link a::after{
    top:-10px;
    width:26px;
    height: 25px;
    background-size: 18px;
  }
  .responsive #top #wrap_all .main_menu {
      z-index: 9999;
      position: fixed;
/*       right: 30px;
      top: 0; */
  }
  .responsive #top #wrap_all #header {
    z-index: 999999;
  }
  .csbwfs-social-widget {
      top: 43% !important;
  }
  .av-burger-overlay-active #header_main .av-logo-container .logo {
    background-image: none;
    margin-left: -9%;
    background-color: #fff;
    width: auto !important;
  }
  .av-burger-overlay-active #header_main .av-logo-container .logo img {
    display: block;
  }
  .innotruck-slider-caption{
    position: static !important;
    max-width: 100%;
    width:100%;
    height:auto;
    padding-right: 50px;
  }

  .post-entry-1232 .avia_textblock.innotruck-slider-caption{
    margin-top: -7px;
  } 

  .innotruck-slider-caption .slider-caption-middle.slider-caption-bottom p:first-child{
    margin-top:0;
  }

  .js_active.html_burger_menu #avia-menu li.av-small-burger-icon {
    margin-top: -3px;
  }

  #veranstaltungen .avia_textblock {
    padding-left:0;
  }
 
  #veranstaltungen.pt-150{
    padding-top: 0;
    padding-bottom: 0;
  }

  #veranstaltungen.pb-150{
    padding-bottom: 0;
  }

  #veranstaltungen.pb-80{
    padding-bottom: 0;
  }

  #veranstaltungen.pb-80 .avia-builder-el-first{
    padding-top: 0;
  }

  #veranstaltungen .avia-builder-el-last{
    padding-top:0;
  }

  #zukunftsthemen{
    padding-top:50px;
  }

   #awards .slide-entry-excerpt.entry-content{
    text-align: center;
  }

  .quality-prices-content{
    padding-bottom: 50px;
  }

  #pressearbeit.avia-builder-el-21{
    padding-top: 0px;
    padding-bottom: 75px;
  }

  .innotruck-laptop-section .laptop-container{
    width: 100% !important;
  }

  #tourmanagement .avia-builder-el-58{
    padding-right: 0 !important;
  }

  #tourmanagement .avia-builder-el-62{
    padding-bottom: 0 !important;
  }
  #tourmanagement.avia-builder-el-59{
    padding-bottom: 0 !important;
  }

  body#top .innotruck-laptop-section h3{
    text-align: center !important;
  }

  #bildungsmarketing .flex_column{
    padding-top: 0 !important;
  } 

  #top .interaktive-exponate .content{
    padding-bottom: 0;
  }

  .industry-tourmanagement{
    padding:0 !important;
    margin-top:50px !important;
  }

  .industry-tourmanagement + .flex_column{
    padding-top: 0 !important;
  } 

  #tourmanagement .on-tour{
    padding-bottom: 0 !important;
  }

  #tourmanagement{
    padding-bottom: 0 !important;
  }

  #top .fullwidth-mobile .avia-image-container{
    margin-right:0;
  }

  .threesixty .flex_column {
    padding-left:0 !important;
  }

  .nanotruck-gallery{
    padding-bottom: 100px;
  }

  .interaktive-exponate .wonderplugin-gridgallery-item-container{
    text-align: left !important;
  }

  .industry-after-slider .avia_textblock{
    padding-top:40px;
  }

  .industry-after-slider .av_one_full{
    margin-bottom: 0 !important;
  }

  .contains-roadshow-industry{
    padding-top:0;
  }
}

@media only screen and (max-width: 640px) {
		.av-hamburger-inner, .av-hamburger-inner::before,.av-hamburger-inner::after{
		background-color:#c10a26 !important;
	}
	
	
  .pl-100,
  .pl-140 {
    padding-left: 0;
  }
  .ml-25 {
    margin-left: 0px !important;
  }

  #top #av-burger-menu-ul{
    width: 70%;
  }

  #top #av-burger-menu-ul li a span{
    font-size: 20px;
  }

  #av-burger-menu-ul ul.sub-menu{
    margin-left: 40px;
  }

  #top #av-burger-menu-ul ul.sub-menu li a span{
    font-size: 18px;
  }

  .audiofiles{
    width: 100%;
    float:none;
  }

  .audiofiles + .contentright{
    float: none;
    width:100%;
    padding-left: 0;
    margin-top:35px;
  }

  .interaktive-exponate .wonderplugin-gridgallery-list{
    width: 90% !important;
  }
}

@media (max-width:599px){

  
  .wonderplugin-gridgallery-list{
    height: auto !important;
  }

 .wonderplugin-gridgallery-item{
    position: static !important;
    width: 100% !important;
    height: auto !important;
  }

}

@media only screen and (max-width: 480px) {
	
	#top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after{
		background-color:#c10a26 !important;
	}
	
	#header_main .logo a{
	background-image: url(/wp-content/uploads/2023/04/logo-flad-kommunikationsagentur-small.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
	width:190px !important
	}
	

	  .home-slider .slider-homepage .ls-layers .ls-wrapper.ls-in-out .middile-banner-content h2{
    font-size: 20px !important;
  }
	
  h2{
    font-size: 25px !important;
  }

  p{
    font-size: 18px !important;
  }

  .home-slider .slider-homepage{
    margin-bottom: 50% !important;
  }

  #awards .avia-logo-element-container{
    padding: 30px 0;
  }
  #top #awards .avia-smallarrow-slider .avia-slideshow-arrows a{
    width: 19px;
    font-size: 25px;
    left: 0;
  }
  #top #awards .avia-content-slider .avia-slideshow-arrows a.next-slide{
    right: 0;
  }
  #kompetenzen .avia-image-container-inner .av-image-caption-overlay p{
    font-size: 16px;
  }
   .agentur-video .avia_textblock h1{
    font-size: 35px;
    line-height: normal;
  }

  .entry-content-wrapper div li{
    display: block;
    text-align: left;
  }

  .footer-wrap p{
    font-size: 14px !important;
  }

  #zukunftsthemen article.slide-entry{
    margin-bottom:20px !important;
  }
  
}

@media only screen and (max-width: 400px){

  .home-slider .slider-homepage{
    margin-bottom: 280px !important;
	margin-top: 21%;
  }

  .html_av-submenu-hidden .av-submenu-indicator{
    right: -5px !important;
  }

  .avia-button-wrap, .avia-button{
    width: 100%;
  }
}


@media only screen and (max-width: 350px){
  .responsive #top .logo{
    width: 190px !important;
  }

  div#csbwfs-social-inner{
    top: -40px;
  }
}