/* Extra large screens */
@media only screen and (min-width: 2500px){
   .m_cta_union{
        max-width:100vw;
    }
}

/* large screens */
@media only screen and (min-width: 1361px){
   .m_textpagetxt{
       max-width:566px;
   }
}

@media (min-width: 1200px) {

    body header nav:first-child {
        padding: 0 0 0 80px;
    }

    body header nav:last-child {
        padding: 0 80px 0 0;
    }
}

/* medium screens */
@media only screen and (min-width: 1061px) and (max-width:1366px){
   body header {
        padding: 0 20px;
    }
    body header nav ul > li {
        margin: 0 14px 0 0;
    }
    
    .m_cta_union{
        max-width:18vw;
    }
     footer .main div{
	    float:left;
	    width:100%;
	    margin-bottom:32px;
    }
        .m_showtestimonials {
        padding: 76px 76px;
    }
    
     .fixed-nav__menu {
        display: none;
        right: 100%;
        position: fixed;
        overflow: auto;
        right: -440px;
        width: 80% !important;
        top: 82px !important;
        bottom: 0;
        padding: 32px;
        transition: right 4.3s linear;
        -webkit-transition: 4.3s right linear;
        z-index: 10;
        transition: 1s;
        border-left: 1px solid #f1f1f1;
    }
    .m_cta_full {
        padding: 15px;
    }
}

/* in between screens */
@media only screen and (max-width:1199px){
    .m_middelsections .m_grid {
        display: unset;
    }
    .m_middelsections {
        padding: 0 0;
    }
    .m_middelsections h1 {
        margin: 0 0 32px 20px;
    }
    .m_middelsections .m_panel {
        float: left;
        width:100%;
    }
    .m_middelsections img {
            max-width: 100%;
            height: 480px;
    }
    .m_selectedproducts .m_grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .m_selectedproducts .m_grid .m_product {
        max-width: 100%;
        margin:0 20px;
    }
    .m_selectedproducts .m_abovegrid {
        margin:0 20px 12px 20px;
    }
    .m_selectedproducts .m_belowgrid {
        margin:12px 20px 0 20px;
    } 
     .m_absolute{
      position:relative;  
    }
    .m_topsection .m_panel {
        position: unset;
        left: unset;
        bottom: unset;
        width: 100%;
        float: left;
    }
    .m_topsection .m_panel h1 {
        margin: 60px auto 12px 20px;
        font-size: 38px;
    }
    .m_topsection .m_panel p {
        margin: 0 auto 12px 20px;
    }
    .m_topsection .m_panel a {
        margin: 0 auto 0 20px;
    }
    
    .m_middelsections .m_msection_1, .m_middelsections .m_msection_2 {
         margin-bottom: 48px;
    }
    .m_showtestimonials {
        padding: 76px 76px;
    }
    .m_bannerlink{
        padding:18px 20px;
    }

    .m_productlist .options {
        margin: 0;
        justify-self: center;
        padding: 32px;
        border-bottom: 2px solid var(--orange-500);
        position: absolute;
        z-index: 9999999;
        top: 0;
        background: var(--grey-00);
        width: 100%;
        height: 100vh;
        overflow: auto;
    }
    
}

/* iPad, tablets generel */
@media only screen and (max-width:1060px){
    body header {
        height: 84px;
        grid-template-columns: 80px 1fr 80px;
        padding: 0 20px !important;
    }
    body header nav{
        display:none;
    }
    
    .visible-sm{
        display:block !important;
    }
    .grid-sm-12 {
        grid-column: span 12;
    }
   
   #nav-icon-mobile{
        display:block;
        float: left;
        height: 20px;
    }
    .m-t-120{
        margin-top:60px;
    } 
    .m-b-120{
      margin-bottom:60px;  
    }
    .l_mobcart{
        display:block;
    }
    .l_mobcart li{
        list-style:none;
    }
    .m_topsection img {
        float: left;
        height: unset;
    }
    .m_ctaheadline p {
         text-transform: uppercase;
        font-size: var(--h400);
    }
    
   .fixed-nav__menu {
        display: none;
        right: 100%;
        position: fixed;
        overflow: auto;
        right: -440px;
        width: 80% !important;
        top: 83px !important;
        bottom: 0;
        padding: 32px;
        transition: right 4.3s linear;
        -webkit-transition: 4.3s right linear;
        z-index: 10;
        transition: 1s;
        border-left: 1px solid #f1f1f1;
    }
    
    .m_productlist .options {
        margin: 0 !important;
    }
    
    .m_product_picture img {
        max-width: 100%;
    }
    
    .m_product_grid_picture {
        width: 100%;
    }
    
    a.control_prev, a.control_next {
        top: 45%;
        padding: 2% 1%;
        background: var(--grey-900);
        opacity: 0.5;
    }

   

    .m_showresultsiderbarfilter {       
        margin: 12px 0 96px 0;     
    }


    .s_search{
        margin-top:48px;
        position:relative;
    }

.s_search label {
    opacity: 1;
    /* transform: scale(.8); */
    cursor: pointer;
    pointer-events: all;
    position: absolute;
   left: 20px;
    top: unset;
    width: auto;
}

.m_navigateback {
    margin-top: 20px;
    margin-bottom: 15px;
}
    
    .m_cta {
        position: relative;
        float: left;
        width: 100%;
        padding: 64px 20px;
        min-height: auto;
    }
    
    .m_cta_union{
        display:none;
    }
  
    ul.m_pagercontrol {
        margin-top: -35px;
        position: relative;
    }


    footer {
        padding: 72px 20px;
    }

    footer .main {
        display: grid;
        grid-template-columns: minmax(100%, auto);
        grid-column-gap: 2vw;
    }
    
    footer .sub-main {
        grid-template-columns: 1fr;
    }  
    
    footer .main div{ 
        float:left;
        width:80%;
        margin-bottom:32px;
    }
    
     footer .main div h5{ 
        margin-bottom:6px;
    }
    
    footer .sub-main div:last-child {
        justify-self: left;
    }
    
    footer .socialtags {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    footer .copyright {
        margin-bottom:32px;
    }
    
    .m_selectedproducts .m_grid {
        grid-template-columns: repeat(1, 1fr);
        overflow-x: hidden;
    }
    .m_getcalled, .m_showtestimonials {
        padding:48px 24px;
    }
    img.m_smallcallimg{
        width:33%;
    }
    .m_cta_full {
        padding: 64px 15px 64px 15px;
        min-height: auto;
    }
}

/* iPad, tablets portrait */
@media only screen and (min-width: 768px) and (max-width:1024px) and (orientation: portrait){
    .m_productlist .options {
        margin: 26px;
    }
}

/* iPad, tablets landscape */
@media only screen and (min-width: 768px) and (max-width:1024px) and (orientation: landscape){
   .m_productlist .options {
     margin: 15px;   
    }
}

/* phones */
@media only screen and (max-width:767px) {
    body main {
        padding: 0;
        margin: 0;
        overflow: hidden;
    }
     body header {
        padding: 0 10px !important;
    }
.m_handelbetlink{
   margin-left: 15px;
 }
 
 .m_sidecart-line {
    grid-template-columns: 2.5fr .5fr;
}
   .m_sidecart-line .m_quantity button {
        padding: 0 !important; 
        font-size: 25px;
    }
    .m_noflexmob{
     display:block !important;
 }
 .m_h3mobcheckout{
     margin-top:32px;
 }
 .m_faqwrapper span{
        width:52%;
    }
    .m_expertbanner {
        text-align:center;
    }
    
    .m_bannerlink {
        flaot:left;
        width:100%;
        margin-top:12px;
    }
    .m_faqwrapper{
        text-align:center;
    }
    .m_faqwrapper span {
        width:100%;
        margin-bottom:12px;
    }
    .m_faqwrapper a {
        float:left !important; 
        width:100%;
    }
    .m_faqcontent {
     border-top: 0px solid var(--grey-900);
     text-align:left;
    }
    .m_langflag {
        margin-left: 6px;
    }
    .m_siden404 {
        height: 72vh !important;
    }
    
    .m_gotofront404{
        width:100%;
        margin-bottom:24px;
    }

    .m_gotoproduct404{
        width:100%;
    }
    .m_404txt p {
        font-size: var(--h300);
        line-height: 30px;
        margin-bottom: 48px;
    }
    .m_resetsearch {
        right: 45px;
    }

    #m_navicontroller {
        position: relative;       
    }
    
}