@media only screen and (max-width: 767px) {
    .m-page-bar.f-sticky.f-show>div:first-child {
        height: auto;
    }
    .m-page-bar.f-sticky.f-show>div>div {
        float: left;
    }
}

@media only screen and (max-width: 400px){
	.m-page-bar>div:first-child {
    width: 55% !important;
}
}

@media only screen and (max-width: 330px){
.m-page-bar .context-menu .c-heading-6{
    font-size: 14px;
    line-height: 18px;
}
}

.c-dialog.x-lightbox-video {
    z-index: 1000;
}

div[id^="wdgweb-CanonicalUpdate"],
div[id^="wdgweb-custommwf"] {
    min-height: 0px;
}

@media only screen and (min-width: 767px) and (max-width: 1399px) {
    .highlight-tech-specs .spec-val.c-heading-2 {
        font-size: 34px;
    }
}

@media only screen and (min-width: 540px) {
    .hero-with-slide-up .slide-up-text-container>.text-box>div p {
        line-height: 20px;
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 540px) and (max-width: 585px) {
    html[lang=fr-ca] .hero-with-slide-up .slide-up-text-container>.text-box>div p,
    html[lang=pl-pl] .hero-with-slide-up .slide-up-text-container>.text-box>div p,
    html[lang=ms-my] .hero-with-slide-up .slide-up-text-container>.text-box>div p,
    html[lang=sv-se] .hero-with-slide-up .slide-up-text-container>.text-box>div p,
    html[lang=ro-ro] .hero-with-slide-up .slide-up-text-container>.text-box>div p,
    html[lang=hu-hu] .hero-with-slide-up .slide-up-text-container>.text-box>div p {
        line-height: 18px !important;
        padding-bottom: 12px !important;
    }
}

@media only screen and (max-width: 767px) {
    .hero-with-slide-up .slide-up-text-container {
        padding-top: 0px;
    }
    .hero-with-slide-up .slide-up-text-container>.text-box>div p {
        line-height: 20px;
        padding-bottom: 15px;
    }
}


@media only screen and (min-width: 1084px) and (max-width: 1245px) {
    html[lang=fr-ca] div.shieldheightadjust .c-feature>div .c-heading,
    html[lang=ms-my] div.shieldheightadjust .c-feature>div .c-heading,
    html[lang=pl-pl] div.shieldheightadjust .c-feature>div .c-heading,
    html[lang=pt-pt] div.shieldheightadjust .c-feature>div .c-heading,
    html[lang=el-gr] div.shieldheightadjust .c-feature>div .c-heading,
    html[lang=fr-fr] div.shieldheightadjust .c-feature>div .c-heading {
        font-size: 20px !important;
        line-height: 24px !important;
    }
}


@media only screen and (min-width: 1084px) {
    html[lang=fr-ca] div.shieldhtadjust .c-feature>div .c-heading
    {
        font-size: 20px !important;
        line-height: 24px !important;
    }
}


@media only screen and (min-width: 768px) and (max-width: 946px) {
    html[lang=fr-ca] div.shieldheightadjust .c-feature.f-feature-small>div,
    html[lang=ms-my] div.shieldheightadjust .c-feature.f-feature-small>div,
    html[lang=pl-pl] div.shieldheightadjust .c-feature.f-feature-small>div,
    html[lang=pt-pt] div.shieldheightadjust .c-feature.f-feature-small>div,
    html[lang=el-gr] div.shieldheightadjust .c-feature.f-feature-small>div,
    html[lang=fr-fr] div.shieldheightadjust .c-feature.f-feature-small>div {
        padding-left: 40px !important;
        padding-right: 20px !important;
    }
    html[lang=fr-ca] div.shieldheightadjust .c-feature>div .c-heading,
    html[lang=ms-my] div.shieldheightadjust .c-feature>div .c-heading,
    html[lang=pl-pl] div.shieldheightadjust .c-feature>div .c-heading,
    html[lang=pt-pt] div.shieldheightadjust .c-feature>div .c-heading,
    html[lang=el-gr] div.shieldheightadjust .c-feature>div .c-heading,
    html[lang=fr-fr] div.shieldheightadjust .c-feature>div .c-heading {
        font-size: 18px !important;
        line-height: 22px !important;
    }
    html[lang=fr-ca] div.shieldheightadjust .c-feature>div .c-paragraph,
    html[lang=ms-my] div.shieldheightadjust .c-feature>div .c-paragraph,
    html[lang=pl-pl] div.shieldheightadjust .c-feature>div .c-paragraph,
    html[lang=pt-pt] div.shieldheightadjust .c-feature>div .c-paragraph,
    html[lang=el-gr] div.shieldheightadjust .c-feature>div .c-paragraph,
    html[lang=fr-fr] div.shieldheightadjust .c-feature>div .c-paragraph {
        line-height: 18px !important;
    }
}

@media only screen and (min-width: 540px) and (max-width: 700px) {
    html[lang=el-gr] .c-mosaic-placement .c-subheading,
    html[lang=hu-hu] .c-mosaic-placement .c-subheading {
        line-height: 20px !important;
        font-size: 18px !important; 
    }
}


@media only screen and (min-width: 768px) and (max-width: 860px) {
    html[lang=fr-fr] div.shieldheightadjust .c-feature.f-feature-small>div a{
        display: table !important;
    }
}
 
@media only screen and (min-width: 768px) and (max-width: 780px) {
    html[lang=el-gr] div.shieldheightadjust .c-feature.f-feature-small>div{
  
        padding-left: 40px !important;
        padding-right: 18px !important;
    }
  
}

div.techspecspadding .m-expansion-panel {
    padding-top: 72px !important;
}

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

div.techspecspadding .m-expansion-panel {
    padding-top: 72px !important;
    }
  
}

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

    .spinarabiccta .spin-carousel .hs-mobile__link::after {

     display: inline-block !important;
   }
}

.linktruncation a 
{
     padding-left: 3px !important;
}


.video-gallery .media-selector__content .feature-header .feature-button .chevron-wrapper{
white-space :normal;
}

@media only screen and (min-width: 1084px) and (max-width: 1120px){
    html[lang=ro-ro] .shieldtexttruncate .c-feature >div, 
    html[lang=hu-hu] .shieldtexttruncate .c-feature >div,
html[lang=de-de] .shieldtexttruncate .c-feature >div,
html[lang=fr-ca] .shieldtexttruncate .c-feature >div,
html[lang=en-us] .shieldtexttruncate .c-feature >div,
html[lang=en-ca] .shieldtexttruncate .c-feature >div,
html[lang=en-gb] .shieldtexttruncate .c-feature >div,
html[lang=en-au] .shieldtexttruncate .c-feature >div
    {
        width: 53% !important;
    }
}



@media only screen and (min-width: 1240px) and (max-width: 1399px){
    html[lang=fr-fr] .shieldheightadjust .c-feature.f-align-left>div
    {
        width: 60% !important;
    }
}

@media only screen and (min-width: 1084px) and (max-width: 1150px) {
    .heropadding .w-heropivot .c-heading-3, .heropadding .w-heropivot .c-paragraph-2, .heropadding .w-heropivot .c-badge{
        
margin-right: 30px !important;
   
    }
}


@media only screen and (min-width: 768px) and (max-width: 870px) {
.m-page-bar>div:first-child {
    width: 70% !important;
}
}


@media only screen and (min-width: 1084px) and (max-width: 1267px){

 .warrantyheightadjust .c-feature.f-align-left>div
    {
        width: 60% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1083px){

    .warrantyheightadjust .c-feature.f-align-left>div
    {
        width: 70% !important;
        padding-left: 78px !important;        
    }

	.warrantyheightadjust .c-feature.f-feature-small picture
    {
        width: 36% !important;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media only screen and (min-width: 1084px){
    .herotabsposition .m-hero-item.f-y-center>div>div {
        top: calc(46%) !important;
    }

    .herotabsposition .m-hero-item>div>div {
        max-width: 445px !important;
    }
}

@media only screen and (max-width: 868px){
    #wdgweb-heropivot-iv0jzpe {
        margin-top: -1px !important;
    }
}


@media only screen and (min-width: 1221px) {

.auto-play-carousel.container-margin-bottom {
    margin-bottom: 100px !important;
   
}

}