/*
File Name - responsive.scss
Purpose - Contains styles for making the site mobile friendly, all responsive design classes for existing elements;
Defines device breakpoints:
    Small - 0-599px
    Medium - 600-899px
    Large - 900-1535px
*/
/*Imports*/
/*
File Name - variables.scss
Purpose - All variables for fonts and colors are found here, this file is imported into all SASS style sheets for the site
*/
/*Color Variables*/
/*Font Variables*/
/*Font Setup*/
@font-face {
  font-family: "ClearSans-Regular";
  src: url("../assets/fonts/ClearSans-Regular.woff") format("woff"), url("../assets/fonts/ClearSans-Regular.ttf") format("truetype"), url("../assets/fonts/ClearSans-Regular.eot") format("eot"), url("../assets/fonts/ClearSans-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ClearSans-Bold";
  src: url("../assets/fonts/ClearSans-Bold.woff") format("woff"), url("../assets/fonts/ClearSans-Bold.ttf") format("truetype"), url("../assets/fonts/ClearSans-Bold.eot") format("eot"), url("../assets/fonts/ClearSans-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ClearSans-Light";
  src: url("../assets/fonts/ClearSans-Light.woff") format("woff"), url("../assets/fonts/ClearSans-Light.ttf") format("truetype"), url("../assets/fonts/ClearSans-Light.eot") format("eot"), url("../assets/fonts/ClearSans-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ClearSans-Thin";
  src: url("../assets/fonts/ClearSans-Thin.woff") format("woff"), url("../assets/fonts/ClearSans-Thin.ttf") format("truetype"), url("../assets/fonts/ClearSans-Thin.eot") format("eot"), url("../assets/fonts/ClearSans-Thin.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (max-width: 599px) {
  #background-banner {
    min-width: 0;
    height: 240px;
    height: 300px;
    background-position-y: 50%;
  }
  #footerContentTop {
    padding: 25px;
  }
  #LLU-logo-nav {
    position: relative;
    top: 20px;
  }
  #supportHeader {
    height: 80px;
    box-shadow: 0 3px 4px 0 rgba(3, 29, 70, 0.18);
  }
  #viewAll2 {
    margin-top: 0;
  }
  #llSupportBoxWrap {
    display: none;
  }
  .responsive-wrap {
    display: block;
  }
  .topic-button-home {
    display: none;
  }
  .qsg-link {
    width: 100%;
  }
  .lv-caret:lang(ar) {
    right: 10px;
  }
  .all-button {
    float: left;
    margin-right: 15px;
  }
  .intro:lang(ar) {
    padding-left: 20px;
    padding-right: 0;
  }
  .page-heading {
    font-size: 24px;
    padding-right: 0;
    padding-left: 15px;
  }
  .article-header {
    padding: 15px;
  }
  .help-container {
    padding: 15px;
  }
  .help-box {
    display: block;
  }
  .help-text {
    margin-bottom: 30px;
  }
  .russia-address-container {
    position: relative;
    left: 1em;
  }
  .section {
    padding: 15px;
    margin-bottom: 0;
  }
  .responsive-title {
    display: block;
    padding-left: 20px;
    padding-top: 5px;
  }
  .responsive-title:lang(ar) {
    padding-left: 0;
    padding-right: 20px;
    padding-top: 0;
  }
  .responsive-title:lang(fr) {
    font-size: 14px;
  }
  .responsive-title:lang(nl) {
    font-size: 16px;
  }
  .responsive-title:lang(it) {
    font-size: 15px;
  }
  .lv-hamburger-wrapper {
    display: block;
    margin-right: 20px;
  }
  .lv-hamburger-wrapper:lang(ar) {
    margin-right: 0;
    margin-left: 20px;
  }
  .lv-hamburger {
    display: block;
  }
  .footerWrap {
    left: 0;
    padding-top: 15px;
  }
  .footerWrap:lang(ar) {
    right: 0;
  }
  .about-footer-img {
    right: 30px;
    top: 20px;
    width: 100%;
    background-size: 120%;
  }
  .video-title {
    font-size: 19px;
  }
  .reg-icons {
    width: 140px;
    float: left;
  }
  .reg-icons:lang(ar), .reg-icons:lang(he) {
    margin-right: 0 !important;
    float: none;
  }
  .regulatory-columns {
    margin-bottom: 20px;
    margin-left: 140px;
    display: table;
  }
  #manufacturer-icon, #MDIcon, #CE-2797, #ECREP, #catalogue-icon, #UDIIdentifier, #RegulatoryDates, #REFNumber {
    margin-left: 0;
    margin-right: 15px;
    bottom: 0;
    float: left;
    width: 50px;
  }
  #manufacturer-icon:lang(ar), #manufacturer-icon:lang(he), #MDIcon:lang(ar), #MDIcon:lang(he), #CE-2797:lang(ar), #CE-2797:lang(he), #ECREP:lang(ar), #ECREP:lang(he), #catalogue-icon:lang(ar), #catalogue-icon:lang(he), #UDIIdentifier:lang(ar), #UDIIdentifier:lang(he), #RegulatoryDates:lang(ar), #RegulatoryDates:lang(he), #REFNumber:lang(ar), #REFNumber:lang(he) {
    margin-right: 0;
    float: none;
  }
  #MDIcon {
    margin-left: 0em;
    margin-right: 1em;
    bottom: 0;
  }
  #MDIcon:lang(ar), #MDIcon:lang(he) {
    margin-right: 0 !important;
    float: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  #background-banner {
    min-width: 0;
    height: 240px;
  }
  #footerContentTop {
    padding: 25px;
  }
  #LLU-logo-nav {
    top: 20px;
  }
  #supportHeader {
    height: 80px;
    box-shadow: 0 3px 4px 0 rgba(3, 29, 70, 0.18);
  }
  #viewAll2 {
    margin-top: 0;
  }
  .responsive-wrap {
    display: block;
  }
  .topic-button-home {
    display: none;
  }
  .qsg-link {
    width: 100%;
  }
  .page-heading {
    font-size: 24px;
    padding-right: 0;
  }
  .article-header {
    padding: 15px;
  }
  .help-container {
    padding: 15px;
  }
  .help-box {
    display: block;
  }
  .help-text {
    margin-bottom: 30px;
  }
  .russia-address-container {
    position: relative;
    left: 1em;
  }
  .section {
    padding: 15px;
    margin-bottom: 0;
  }
  .responsive-title {
    display: block;
    padding-left: 20px;
    padding-top: 5px;
  }
  .lv-hamburger-wrapper {
    display: block;
    margin-right: 20px;
  }
  .lv-hamburger {
    display: block;
  }
  .footerWrap {
    left: 0;
    padding-top: 15px;
  }
  .footerWrap:lang(ar) {
    right: 0;
  }
  .about-footer-img {
    right: 0;
    top: 20px;
    width: 100%;
  }
  .video-title {
    font-size: 19px;
  }
  .reg-icons {
    width: 140px;
    margin-top: 20px;
    float: left;
  }
  .reg-icons:lang(ar), .reg-icons:lang(he) {
    margin-right: 0 !important;
    float: none;
  }
  .regulatory-columns {
    margin-bottom: 20px;
    margin-left: 140px;
    display: table;
  }
  #manufacturer-icon, #MDIcon, #CE-2797, #ECREP, #catalogue-icon, #UDIIdentifier, #RegulatoryDates, #REFNumber {
    margin-left: 0;
    margin-right: 25px;
    bottom: 0;
  }
  #manufacturer-icon:lang(ar), #manufacturer-icon:lang(he), #MDIcon:lang(ar), #MDIcon:lang(he), #CE-2797:lang(ar), #CE-2797:lang(he), #ECREP:lang(ar), #ECREP:lang(he), #catalogue-icon:lang(ar), #catalogue-icon:lang(he), #UDIIdentifier:lang(ar), #UDIIdentifier:lang(he), #RegulatoryDates:lang(ar), #RegulatoryDates:lang(he), #REFNumber:lang(ar), #REFNumber:lang(he) {
    margin-right: 0;
    float: none;
  }
  #manufacturer-icon #MDIcon, #MDIcon #MDIcon, #CE-2797 #MDIcon, #ECREP #MDIcon, #catalogue-icon #MDIcon, #UDIIdentifier #MDIcon, #RegulatoryDates #MDIcon, #REFNumber #MDIcon {
    margin-left: 0;
    bottom: 0;
  }
  #manufacturer-icon #MDIcon:lang(ar), #manufacturer-icon #MDIcon:lang(he), #MDIcon #MDIcon:lang(ar), #MDIcon #MDIcon:lang(he), #CE-2797 #MDIcon:lang(ar), #CE-2797 #MDIcon:lang(he), #ECREP #MDIcon:lang(ar), #ECREP #MDIcon:lang(he), #catalogue-icon #MDIcon:lang(ar), #catalogue-icon #MDIcon:lang(he), #UDIIdentifier #MDIcon:lang(ar), #UDIIdentifier #MDIcon:lang(he), #RegulatoryDates #MDIcon:lang(ar), #RegulatoryDates #MDIcon:lang(he), #REFNumber #MDIcon:lang(ar), #REFNumber #MDIcon:lang(he) {
    margin-right: 0 !important;
    float: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 899px) and (min-width: 768px) and (max-width: 899px) {
  #LLU-logo-nav {
    top: 10px;
  }
  #supportHeader {
    display: none;
  }
  #languageText {
    font-size: 15px;
  }
  .lv-hamburger-wrapper {
    display: none;
  }
  .nav-container-resize:lang(es-mx), .nav-container-resize:lang(ru) {
    width: 1400px;
  }
  .subheader:lang(en-GB) {
    font-size: 19px;
    padding-top: 2.5px;
  }
  .subheader:lang(es) {
    font-size: 18px;
    padding-top: 2.5px;
  }
  .subheader:lang(fr) {
    font-size: 16px;
    padding-top: 2.5px;
  }
  #languageSelectWrapperSupportHeader:lang(fr) {
    margin-top: 18px;
  }
  .subheader:lang(de) {
    font-size: 20px;
    padding-top: 2.5px;
  }
  .subheader:lang(it) {
    font-size: 14px;
  }
  .nav-links:lang(it) {
    font-size: 13px;
  }
  #languageSelectWrapperSupportHeader:lang(it) {
    margin-top: 15px;
  }
  .subheader:lang(nl) {
    font-size: 15px;
    padding-top: 2.5px;
  }
  .nav-links:lang(nl) {
    font-size: 14px;
  }
  #languageSelectWrapperSupportHeader:lang(nl) {
    margin-top: 18px;
  }
}
@media screen and (min-width: 900px) and (max-width: 1280px) and (min-width: 900px) and (max-width: 990px) {
  .footerWrap {
    left: 0;
  }
  .footerWrap:lang(ar) {
    right: 0;
  }
  .nav-container-resize:lang(es-mx), .nav-container-resize:lang(ru) {
    width: 1400px;
  }
  #supportHeader {
    display: none;
  }
  .responsive-wrap {
    display: block;
  }
  .topic-button-home {
    display: none;
  }
}
@media screen and (min-width: 900px) and (max-width: 1280px) and (max-width: 1024px) {
  #marketingLinks:lang(es-mx), #marketingLinks:lang(ru) {
    font-size: 12px;
  }
  .subheader:lang(it) {
    font-size: 18px;
  }
  .nav-links:lang(it) {
    font-size: 16px;
  }
}