/*Global Tablet*/
@media (max-width: 979px) {
    .visible-tabletLandscape {
        display: block !important;
    }

    .hidden-tabletLandscape {
        display: none !important;
    }

	.full-width-on-tablet {
	    display: block;
	    width: 100%!important;
		margin-left:0!important;
    }

    /* #Layout
    ================================================== */

    .outerHeader {
        height: 118px;
    }

    .innerHeader {
        box-shadow: 0 8px 5px -5px rgba(0, 0, 0, 0.3);
    }

    /* #Header
    ================================================== */

    .logoContainer h1 {
        margin-top: 19px;
    }

    .logoContainer h1 a img {
        width: 170px;
    }

    .mainMenuContainer  {
        margin:0;
    }

    .mainMenu > ul > li > a {
        font-size: 0.857em;
        padding: 9px 15px 21px;
    }

    .mainMenu > ul > li.active > a > span.blueArrowUp,
    .mainMenu > ul > li.sfHover > a > span.blueArrowUp,
    .mainMenu > ul > li > a:hover > span.blueArrowUp {
        left: 4px;
        top: 11px;
    }

    .mainMenu > ul > li > a > span.menuBorder {
        top: 4px;
    }

    .mainMenu > ul > li > div.sf-mega {
        top:42px;
    }

    .mainMenu > ul > li > div.listMenu .subMenuItem .menuHeadline {
        font-size: 1.071em;
    }

    .mainMenu > ul > li > div.listMenu .subMenuItem ul li a {
        font-size: 0.929em;
    }

    .siteSearch {
        margin: 0 0 0 15px;
    }

    input.searchField[type="text"] {
        width: 100px;
    }

    .fr_fr input.searchField[type="text"],
    .fr_ca input.searchField[type="text"] {
        width: 50px;
    }

    /* #Content
   ================================================== */

    .floatBoxContainer {
        width: 242px;
    }

    .textBoxContainer .textBoxHeadline {
        font-size: 1em;
    }

    .infoBoxContainer {
        width: 242px;
    }

    .infoRow {
        padding: 11px 10px;
    }

    .infoRow h4{
        font-size: 1.071em;
    }

    .infoRow p {
        font-size: 0.857em;
    }

    .infoBoxContent {
        margin-top: 4px;
        width: 140px;
    }

    .mobileInfoBoxContainer ul > li > a {
       /* height: 100%; */
    }

    .mobileInfoBoxContainer ul > li > a:hover {
        background: #01509c;
    }

    .mobileInfoBoxContainer ul > li.grey > a:hover {
        background: #f0f0f0;
    }

    .mobileInfoBoxContainer ul > li.red > a:hover {
        background: #dc1515;
    }


    .mobileInfoBoxContainer ul > li > a .infoRow:hover {
        background: transparent;
    }

    .floatBoxInner h2 {
        font-size: 1.143em;
    }

    section.page .content .contentSection {
        margin-bottom: 25px;
        padding-bottom: 0px;
    }

    section.page aside.sidebar .infoBoxContainer .infoRow h4 {
        font-size: 0.9em;
    }

    section.page .content iframe.right,
    section.page .content iframe.left,
    section.page .content img.left {
        width: 100%;
        margin: 0 0 15px 0;
        height: 300px
    }

    section.page .content .contentSection .floatContent .omega {
        margin:0;
    }
    .nlFinderContainer .nlFinderMap .nlFinderTooltip {
        width:96%;
        left:0 !important;
    }
    .nlFinderContainer .nlFinderMap .nlFinderTooltip ul {width: 100%;display: block;overflow: hidden;clear: both;margin-bottom: 20px;}
    .nlFinderContainer .nlFinderMap .nlFinderTooltip > div {
        width:100% !important;
        float:none;
    }
    .nlFinderContainer .nlFinderMap .nlFinderTooltip ul li {
        float:left;
        width:25%;
        margin: 0 0 8px 0;
    }
    .nlFinderContainer .nlFinderMap .nlFinderTooltip ul li a {font-size: 15px}
    .nlFinderContainer .nlFinderMap .nlFinderTooltip ul li a > span {top:6px;}

    .nlFinderContainer .nlFinderMap .nlFinderTooltip .close {display: block}

    .locationResult .locationImage {
        width: 97%;
        margin:0;
    }

    .locationResult .locationInfo {
        width: 97%;
        margin-top: 15px;
    }

    .imageList ul li {
        width: 100%;
    }

    .jobList .innerJobList > ul > li > a {
        padding:15px 0;
    }

    .jobList .innerJobList > ul > li:hover {
        background: none;
        filter:none;
    }

    .jobList .innerJobList > ul > li:hover span.searchBorder {
        display: none;
    }

    .form .controls-row .control-group.half {
        width: 100%;

    }
    .form .controls-row .control-group.half{
        float:none !important;
        clear: both;
    }
    .form .controls-row .control-group.half input[class*="span"],
    .form .controls-row .control-group.half textarea[class*="span"] {
        float: none;
    }

    .form .dynamic-fields-head {
        display: none;
    }
    .form .dynamic-fields li {
        width:100% !important;
        margin-left:0 !important;
        margin-bottom: 5px;
        text-align: left !important;
        display: block;
    }
    .form .dynamic-fields li label {display: block;}
    .form .dynamic-fields li:first-child label {display: inline}
    .form .dynamic-fields .add-field {margin-left: 0 !important;}

    .form .dynamic-fields .styledCheckbox {
        margin: 0;
    }

    .bannerWithRedLabelItem .redLabel {
        padding: 6px 0px 7px 10px;
    }

    .bannerWithRedLabel .redLabelText {
        font-size: 1.13em;
        margin-left: 6px;
        margin-right: 10px;
    }

    /* Company Address CE
    ================================================== */
    .company-address [class*="span"] {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .company-address [class*="span"].data {
        margin-top: 20px;
    }

    /* #Footer
   ================================================== */

    .bottomFooterContainer {
        height: 33px;
        padding: 4px 0;
    }

    .footerContainer {
        padding: 18px 0;
    }

    .footerBox {
        width: 167px;
    }

    .footerBox.alpha {
        margin-left:0;
    }

    .footerBox.omega {
        margin-right:0;
    }

    .footerBoxHeadline {
        line-height: 1.2em;
    }

    .footerMenu > ul > li > a,
    .copyright {
        font-size: 0.786em;
    }

    .footerBoxInner > ul > li > a,
    .nav.linkBox li a {
        font-size: 0.857em;
    }

	.footerLogos img {
	    max-width: 100px;
	    max-height: 52px;
	}

    /* VCS - Products & References
    ================================================== */
    .vcs .span9,
    .vcs .span3 {
        width: 100%!important;
    }
    section.page .content .withRightBorder {
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
    }

    .vcs .sliderContainer > ul > li,
    section.page .content .contentSection > .teaser3col.reference ul > li {
        width: 49.95%;
    }

    .vcs .reference .sliderContainer .bxSlider .floatBoxInner {
        text-align: center;
    }

    .vcs .reference .sliderContainer .bxSlider .floatBoxInner img {
        display: inline;
    }

    .vcs .reference .sliderContainer .bx-pager {
        margin-left: inherit;
        left: 0px;
        right: 0px;
        text-align: center;
    }

    .vcs .reference .sliderContainer .bx-pager .bx-pager-item{
        float: none;
        display: inline-block;
    }

    /* Slider
    ================================================== */
    .imageGallery .bx-wrapper {
        margin: 0 30px!important;
    }

    .imageGallery .bx-controls-direction a {
        opacity: 1;
    }

    .imageGallery .bx-controls-direction a.bx-prev {
        backgroundc-color: transparent;
        left: -29px;
    }

    .imageGallery .bx-controls-direction a.bx-next {
        backgroundc-color: transparent;
        right: -29px;
    }

    .reference .sliderContainer > ul > li.omega {
        display: none;
    }

	/* Template desing modificators
	================================================== */
	.tmpl-half-width-content section.page > .row-fluid > .span12 > .container.innerContent > .row-fluid.contentContainer {
		width: 485px;
	}

    /* 404
	================================================== */
    .box-404 {
        width: 100%;
    }

    .box-404 > * {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .footerLogosWrapper img {
        margin-right: 4%;
    }
}

/*Tablet*/
@media (max-width: 767px) {
    /* News
    ================================================== */
	.news .news-sorting {
		text-align: left;
	}
}

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

    .visible-tablet {
        display: block !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    /* #Layout
    ================================================== */

    .siteWrapper {
        width: 768px;
        margin:0 auto;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    }

    .innerHeader {
        width: auto;
    }

    .container {
        width: 728px;
    }

    /* #Content
   ================================================== */

    .quoteContainer .oneQuote.alpha {
        top: 358px;
        left:0;
    }

    .quoteContainer .oneQuote.omega {
        right: 0;
        top: 37px;
    }

    section.page .sidebar {
        width: 226px;
    }

    section.page .content {
        width: 502px;
    }

    section.page .content .contentSection .floatBoxInner {
        height: 95%;
    }

    section.fullWidth .content {
        width: 100%;
    }

    .nlFinderSearchContainer {
        width: 393px;
    }

    .locationInfo {
        width: 413px;
    }

    #mainContentWrapper .locationImage {
        margin: 0 20px 0 0;
        width: 200px;
    }

    #mainContentWrapper .locationInfo {
        width: 250px;
    }

    #mainContentWrapper .locationInfo ul li {
        margin-bottom: 0;
    }

    #mainContentWrapper .locationInfo h3 {
        margin-bottom: 5px;
    }

    .locationInfo ul > li > ul > li {
        float: none !important;
        width: 100%;
    }

    .locationInfo ul > li > ul > li > span.blueLocationIcon {
        left: 1px;
    }

    .locationInfo ul > li > ul > li > span.blueArrowIcon {
        left: 4px;
    }

    .nlFinderDetail .halfContainer {
        width: 334px;
    }

    section.rightSidebar .content {
        width: 487px;
    }


    /* #Slider
  ================================================== */

    #uid-1 .container .sliderContainer {
        height:335px!important;
        max-height:335px!important;
    }

    #uid-1 .infoBoxOuter.left.equalHeight.hidden-phone {
        height:335px!important;
        max-height:335px!important;
    }

    .imageGallery ul.bxSlider li {
        margin:0;
    }

    section.page .content .contentSection .sliderContainer > ul {
        width: 503px;
    }
    section.page .content .contentSection .teaser4col .sliderContainer > ul {
        width: 972px;
    }
    section.page .content .contentSection .teaser2col .sliderContainer > ul {
        width: 486px;
    }

    .imageGallery .bx-wrapper {
        min-height: 260px;
    }

    /* VCS - Products & References
    ================================================== */
    .vcs .factboxList li {
        width: 172px;
        vertical-align: top;
    }
    .imageGallery .bx-wrapper {
        margin: 0 30px!important;
    }

	/* News
	=========================================== */
    .single-category-news-list {
        font-size: 0.9em;
    }

    .single-category-news-list .header {
        margin: 5px 0;
    }

    .single-category-news-list .teaser-text p {

        margin-bottom: 5px;
    }

	/* DTT - refernces */
	.dtt #mainContentWrapper .htmlarea-content-body .span4 .contentSection table tr td {
		display: block;
		padding-left: 0 !important
	}
}

/*Tablet Mini*/
@media (min-width: 640px) and (max-width: 767px) {


    /* #Layout
    ================================================== */

    .hidden-small-tablet {
        display: none !important;
    }

    .visible-phone {
        display: none !important;
    }

    .visible-small-tablet {
        display: block !important;
    }

    aside.sidebar {
        display: block !important;
    }

    .breadcrumbContainer {
        display: block !important;
    }

    aside.sidebar .infoBox li.hidden-phone {
        display: block !important;
    }

    .infoBoxOuter.hidden-phone {
        display: block !important;
    }

    .siteWrapper {
        width: 640px;
        margin:0 auto;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    }

    .innerHeader {
        width: auto;
    }

    .container {
        width: 600px;
    }

    .siteSearch,
    .nlFinderBackButton,
    .doppelmayrWorldWide {
        display: none !important;
    }

    .mobileMenuContainer.mobileSearchContainer {
        display: block !important;
    }

    /* #Header
   ================================================== */

    .outerHeader {
        height: 108px;
    }

    .mainMenuContainer {
        display: none !important;
    }

    .bottomMenus {
        margin: 22px 0 0;
    }

    input.searchField[type="text"] {
        width: 140px;
    }

    .fr_fr input.searchField[type="text"],
    .fr_ca input.searchField[type="text"] {
        width: 70px;
    }

    section.page .mobileMainMenu {
        margin-top: 137px;
    }


    .logoContainer h1 {
        margin-top: 14px;
    }

    .mobileSearch input.searchField[type="text"] {
        width: 250px;
    }

    /* #Content
    ================================================== */

    .quoteContainer .oneQuote.alpha {
        top: 322px;
        left:0;
    }

    .quoteContainer .oneQuote.omega {
        right: 0;
        top: 37px;
    }
    .textBoxContainer {
        padding-right: 0;
        border-right: 0;
        margin-bottom: 15px;
    }
    .textBoxContainer.omega {margin-bottom: 0}

    .mobileMainMenu {
        display: block !important;
        margin: 385px 0 0;
    }

    .floatBoxContainer {
        width: 200px;
    }

    .infoBoxContainer {
        width: 200px;
    }

    .infoRow {
        padding: 9px;
    }

    .infoRow p,
    .infoRow h4 {
        font-size: 0.8em;
    }

    .infoBoxContent {
        margin-top: 6px;
        max-width:130px;
    }

    .floatBoxInner {
        padding: 12px 10px 0;
    }


    .floatBoxInner h2 {
        font-size: 0.9em;
    }

    .floatBoxInner p {
        font-size: 0.786em;
    }

    section.page .sidebar {
        width: 226px;
    }

    section.page .content {
        width: 374px;
    }

    section.page .content .contentSection > .reference .floatBoxInner  h2 {
        font-size: 1em;
    }

    section.fullWidth .content {
        width: 100%;
    }

    .nlFinderInfo {
        width: 100%;
    }

    .nlFinderSearchContainer {
        width: 300px;
    }


    .nlFinderSelectContainer {
        width: 224px;
    }

    .locationImage {
        margin: 0 15px 0 0;
        width: 243px;
    }

    .locationInfo {
        width: 312px;
    }

    .locationInfo ul > li > ul > li {
        float: none !important;
        width: 100%;
    }

    .locationInfo ul > li > ul > li > span.blueLocationIcon {
        left: 1px;
    }

    .locationInfo ul > li > ul > li > span.blueArrowIcon {
        left: 4px;
    }

    .nlFinderDetail .halfContainer {
        width: 100%;
    }

    .nlFinderDetail #gmap {
        height: 250px;
        margin-bottom: 33px;
    }

    .nlFinderDetail .nlFinderMap {
        height: 100% !important;
    }

	#mainContentWrapper .nlFinderContainer .nlFinderMap .nlFinderTooltip h2 {
		font-size: 1em;
		margin-bottom: 8px;
	}
	#mainContentWrapper .nlFinderContainer .nlFinderMap .nlFinderTooltip ul li {
		width: 25%;
		margin-bottom: 5px
	}
	#mainContentWrapper .nlFinderContainer .nlFinderMap .nlFinderTooltip ul li a {
		font-size: 13px;
		padding-left: 0
	}
	#mainContentWrapper .nlFinderContainer .nlFinderMap .nlFinderTooltip ul li a > span {
		display: none!important;
	}
	#mainContentWrapper .nlFinderContainer .nlFinderMap .nlFinderTooltip ul {
		margin-bottom: 5px;
	}

    .form .halfContainer  {
        margin-bottom: 10px;
    }

    .form .halfContainer:last-child {
        margin-bottom: 0;
    }

    .locationResult .locationImage {
        width: 96%;
    }

    .locationResult .locationInfo {
        width: 96%;
    }

    .bannerWithRedLabelItem .redLabel {
        padding: 6px 0px 7px 10px;
    }

    .bannerWithRedLabel .redLabelText {
        font-size: 1em;
        margin-left: 0;
        margin-right: 5px;
    }

    .bannerWithRedLabelItem .whiteArrowUp {
        background-position: -263px -60px;
        width: 15px;
        height: 13px;
    }

    /* #Slider
   ================================================== */

    section.page .content .contentSection .sliderContainer > ul {
        width: 375px;
    }

    #uid-1 .container .sliderContainer {
        height:300px!important;
        max-height:300px!important;
    }

    #uid-1 .infoBoxOuter.left.equalHeight.hidden-phone {
        height:300px!important;
        max-height:300px!important;
    }

    /* #Footer
    ================================================== */

    .footerMenu {
        display: none !important;
    }

    .footerBox {
        width: 135px;
    }

    /* VCS - Products & References
    ================================================== */
    section.page .content .withRightBorder {
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
    }
    .vcs ul.factboxList li {
        padding-bottom: 5px;
    }

    section.page .content .contentSection .teaser4col .sliderContainer > ul {
        width: 802px;
    }
    section.page .content .contentSection .teaser2col .sliderContainer > ul {
        width: 402px;
    }

	/* Template desing modificators
	================================================== */
	.tmpl-half-width-content  section.page > .row-fluid > .span12 > .container.innerContent > .row-fluid.contentContainer {
		width: 402px;
	}

    /* News
    ================================================== */
	.news .news-sorting a {
		margin-top: 10px;
	}

}