.mobile-only{
	display: none !important;
}

@media all and (max-width: 1100px) {
	html, body {overflow-x: hidden;}
	.container {margin: 0 30px;}
	header {
		padding: 35px 0;
	}

	.container {width: calc(100% - 60px)!important;}
	.mainBanner .mainText h3, .itemCarousel .blockHead h2, h2.pageTile {
		font-size: 36px;
		line-height: 50px;
	}
	.bannerZoomEffect .textImage, .meetTheTeam .bannerTeam, .bannerZoomEffect .animatedImage, .bannerZoomEffect .animatedImage {
		/*background-size: contain;*/
		background-size: cover;
}
		
	.callToActionHolder .half .halfContainer, .aboutUs .headBlock {
		width: 100%;
	}
	.callToActionHolder .half .halfContainer {
		padding-left: 33px;
	}
	.projectIntro, .memberListing, .relatedProjects, .whiteBox, .copyRight, footer .container .siteMap{
		padding: 30px 0;
	}
	.productInfo {
		padding: 30px!important;
	}
	.greyBox, .imageAndText {
		padding: 60px 30px;
	}
	.hiddenMobile {
		display: none;
	}
	.inquire {
		float: right;
	}
	.meetTheTeam {
		height: 465px;
	}
	.bannerZoomEffect .textImage {
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-o-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}
	.meetTheTeam a {
		bottom: 20px;
	}
	.imageAndText .container h3 {
		margin-bottom: 45px;
	}
	.imageAndText img {
		max-width: 100%;
	}
	.subHeader{margin-bottom: 30px;}
	.memberListing .container ul li {
		padding: 0 30px;
		margin-bottom: 30px;
	}
	.memberListing .container ul{
		margin: 0;
		margin-left: -15px;
		margin-right: -15px;
	}
	.pageNavigation{padding: 0 20px;}
	.teamMemberDescription .imageFull{
		width: 50%!important;
		height: 500px!important;  
		/*height: auto !important;*/
	}
	.teamMemberDescription .col-md-10{width: 50%;}
	.historyListing .container ul li .historyItem .historyDate{font-size: 40px;}
 	h3{font-size: 35px;}
	.greyBox.marginBot60{margin-bottom: 0;}
	.relatedProjects .projectItem .projectInfo h3{font-size: 26px;}
	.anchoHolder .anchorNavigation li a{padding: 10px; font-size: 14px;}
	.anchoHolder{margin-top: -25px;}
	.anchorNavigation  .container {width: calc(100% - 60px)!important;}
	.values-w{text-align: center;}
	.values-w li {width: 18.75%;}
	img {max-width: 100%;}
	header .mainMenu ul li{padding-right: 35px;}
	.imageAndText .container{padding: 0;}
	.mainBanner.parallax-window{margin-bottom: 0;}
	.contact-form-w input, .contact-form-w textarea, .contact-form-w select{
		-webkit-border-radius: 0;
	}
	.contact-form-w input, .contact-form-w select{
		height: 45px!important;
	}
	.main-btn, .contact-form-w .wpcf7-submit{-webkit-appearance: none;}

	.fullscreen-bg__video {
		background: url(https://www.mitsulift.com/wp-content/themes/mitsulift/assets/img/fullscreen-img.png) center center no-repeat;
    background-size: contain;
	}
	.fullscreen-bg__video iframe{
		display: none !important;
	}
	



.productInfo{
    padding:0 !important;
}

}
@media all and (max-width: 992px){
	.fullScreenImageText .imageFull{
		/*background-size: contain;*/
		/*background-repeat: no-repeat;*/
		background-position: center;
	}
	header h1 a{width: 140px;}
	header .mainMenu ul li {
		padding-right: 20px;
	}
	
	.mainBanner .mainText{top:175px;}
	.services .topText, .services .bottomText{
		width: 300px;
		margin-left: -150px;
	}
	.services .topText {
		height: 100px;
		top: 61px;
	}
	.services .banner{height: 350px;}
	 .services .bottomText{bottom: -120px;}
	.services{padding: 160px 0 50px;margin-bottom: 0;}
	.services .viewAll{bottom: 0;}
	.mainBanner .mainText h3, .itemCarousel .blockHead h2, h2.pageTile,
	.itemCarousel .blockBody .floatRight h3 a, h3, .teamMemberDescription .col-md-10 table td h3{
		font-size: 25px;
		line-height: 32px;
	}
	 .aboutUs .headBlock h3, .memberListing .container h3, .historyListing .container ul li .historyItem .historyDate{font-size: 32px;}
	.memberListing .container ul li .memberInfo h4{font-size: 20px;}
	.itemCarousel .blockBody .floatRight .readMore{min-width: auto;}
	.bannerZoomEffect, .meetTheTeam {height: 300px;}
	.callToActionHolder .half .halfContainer{
		padding:20px;
	}
	.fullScreenImageText .col-md-5 .contentText, .memberListing .container ul li .memberInfo .memberPosition{font-size: 16px;}
	.fullScreenImageText .imageFull{width: 50%!important;}
	.fullScreenImageText .imageFull img {max-width: 100%;}
	.fullScreenImageText .col-md-5{padding-left: 0;}
	.teamMemberDescription .col-md-10 table td .memberPosition {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.page-careers .values-w h3{margin-bottom: 30px;}
	.historyListing .container ul li {margin-bottom: 20px;}
	.fullScreenImageText .imageFull {height: 340px;}
	.fullScreenImageText {min-height: 340px;}
	.projectIntros .imageHolder img{height: 400px;}
	.mrgb20{margin-bottom: 30px;}
	.page-template-template-products .productInfo h3 {margin-bottom: 10px;}
	.anchoHolder .anchorNavigation li{margin: 0;}
	.halfImageText .productInfo .col-md-6 .learnMore{margin-top: 10px;}
	.halfImageText, .fullScreenImageText, .centeredTitle.greyBox, .mapHolder{margin-bottom: 45px;}
	.productInfo {padding: 20px!important;}
	.anchorNavigation .container{width: 100%!important; margin: 0; padding: 0;}
	.halfImageText .productInfo .col-md-6 .highlightedText{font-size: 25px;}
	.anchoHolder{margin-bottom: 30px;}
	h2.pageTile{margin: 0 auto 30px; font-size: 32px;} 
	.greyBox, .imageAndText {padding:  30px;}
	.centeredTitle.greyBox h2.pageTile{font-size: 32px;}
	#principles-w span.text{min-width: 200px;}
	.vacancy .meta-w{padding: 40px;}
	.vacancy .meta-w .row > div:nth-child(3n + 1){clear: none;}
	.vacancy .meta-w .row > div:nth-child(2n + 1){clear: both;}
	.contact-form-w{margin-top: 30px;}
	.localtionList .container li {margin-bottom: 40px;}
	.greyBox .contact-form-w{margin-top: 60px;}

	.facts-w .row > div:nth-child(4n + 1){
		float: left;
		clear: none;
	}
	
	.facts-w .row > div:nth-child(3n + 1){
		clear: both;
	}

	.bannerZoomEffect .textImage, .meetTheTeam .bannerTeam, .bannerZoomEffect .animatedImage, .bannerZoomEffect .animatedImage{
		background-size: calc(100% - 10px);
	}
	.fullscreen-bg__video {
		position: absolute;
		top: 50%;
		left: 50%;
		padding-bottom: 0;
		min-height: 100%;
		min-width: 100%;

		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		/*background: url(https://www.mitsulift.com/wp-content/themes/mitsulift/assets/img/fullscreen-img.png) center center no-repeat;*/
    /*background-size: contain;*/
	}
	/*.fullscreen-bg__video iframe{
		display: none !important;
	}*/
}
@media all and (max-width: 767px) {
	.single-service .halfImageText {
	height: 740px !important;
}

	.mobile-only{
		display: initial !important;
	}
	.hidden-mobile{
		display: none !important;
	}
	header {
		position: relative;
	}
	header .floatRight{
		position: inherit;
	}
	.mainMenu ul {
		position: absolute;
		background: #000;
		top: 100%;
		height: 0;
		right:0;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		width: 100%;
		overflow: hidden;
	}
	body.has-subheader .mainMenu ul{
		top: 170%;
	}
	body.has-subheader .mainMenu ul.active {
	  top: 334%;
	}
	body.page-template-template-projects .mainMenu ul.active {
	  top: 253%;
	}
	body.page-template-template-products .mainMenu ul.active {
	  top: 375%;
	}
	body.service-template-default .mainMenu ul.active {
	  top: 290%;
	}
	.mainMenu.open ul {   z-index: 10;height: 280px;}
	.responsiveMenu{margin-left: 20px;font-size: 30px;}
	.mainMenu ul li {display: block;width: 100%;padding-top: 20px;padding-left: 20px;}
	.mainMenu ul li a {color: #FFF;}
	header .mainMenu{margin-top: 8px;}
	header .searchHolder .searchInput{top: 20px;}
	header {
		padding: 20px 0;
		position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #ffffff;
	}
	.subHeader{
		position: fixed;
		top: 91px;
		left: 0;
		width: 100%;
		z-index: 99999;
	}
	body{
		padding-top: 116px;
	}
	body.has-subheader{
		padding-top: 180px;
	}
	header h1 a{height: 51px;}
	header .searchHolder .searchInput input {
		width: calc(100% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	} 
	span.search-icon{left: 30px;}
	header .searchHolder .searchInput .closeSearch{right: 30px;}
	.fullscreen-bg__video{display: block; background-size: cover;}
	.mainBanner .mainText{
		/*top: 5px;*/
		top: 50%;
		width: 80%;
		-webkit-transform: translate(-50%,-50%) !important;
		-moz-transform: translate(-50%,-50%) !important;
		transform: translate(-50%,-50%) !important;
	} 
	header .searchHolder {margin-top: 16px;}
	.mainBanner .mainText a{font-size: 16px;}
	.fullscreen-bg__video video{display:none;}
	.services .banner{height: 300px;}
	.services .topText, .services .bottomText {
		/*width: 200px;*/
		width: 250px;
		height: 200px;
		margin-left: -125px;
	} 
	.services .viewAll {
		bottom: 20px;
		right: 20px;
		font-size: 14px;
	}
	.itemCarousel .blockHead, .itemCarousel .blockBody{width: 100%;}
	.mainBanner .mainText h3, .itemCarousel .blockHead h2, h2.pageTile, .itemCarousel .blockBody .floatRight h3 a, h3, .teamMemberDescription .col-md-10 table td h3{
		/*font-size: 20px;*/
		font-size: 32px;
	}
	.mainBanner .mainText h3, .itemCarousel .blockHead h2, h2.pageTile, .itemCarousel .blockBody .floatRight h3 a, h3, .teamMemberDescription .col-md-10 table td h3{
		/*line-height: 25px;*/
		line-height: 38px;
	}
	.itemCarousel .blockHead h2, .itemCarousel .blockHead .sideLinks a{margin-bottom: 15px;}
	.itemCarousel .blockBody .floatRight .readMore{
		font-size: 14px;
		padding: 15px;
	}
	.bannerZoomEffect .animatedImage{
		height: 250px;
	}
	.bannerZoomEffect .textImage{
		/*height: 250px;*/
		background-size: calc(100% - 10px);
	}
	.bannerZoomEffect, .meetTheTeam {
		/*height: 162px;*/
		height: 280px;
		margin-bottom: 30px;
	}
.bannerZoomEffect {
    height: auto;
    padding-bottom: 48%;
}.bannerZoomEffect .textImage { 
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
}
	.aboutUs .headBlock h3, .memberListing .container h3, .historyListing .container ul li .historyItem .historyDate{font-size: 25px;}
	.aboutUs .headBlock{margin: 0 10px; width: calc(100% - 20px);}
	.aboutUs .headBlock h3{margin-bottom: 10px; font-size: 32px;}
	.aboutUs {padding-bottom: 30px;}
	.callToActionHolder .half{width: 100%; float: none;border-right: none;border-bottom: 0.5px solid black;}
	.callToActionHolder .half:last-child .halfContainer{padding-left: 20px;}
	.callToActionHolder .half.joinTeam .halfContainer:after{top: 50%; margin-top: -9px;}
	footer .container .siteMap ul li, .siteMap ul,.teamMemberDescription .imageFull{margin-bottom: 15px;}
	.fullScreenImageText .imageFull, .teamMemberDescription .imageFull, .smallhalfImageText .imageFull {width: 100%!important;position: relative;} 
	.teamMemberDescription .col-md-10{width: 100%; padding-left: 0!important;}
	.fullScreenImageText.inverted .col-md-5{padding-right: 0;padding-left: 0;}
	.greyBox .container{margin: 0;width: 100%!important;} 
	.greyBox {padding: 20px;}
	.imageAndText{padding: 0;}
	.contentText{font-size: 15px;margin-bottom: 15px;}
	.meetTheTeam + .projectIntro{padding-top: 0;}
	.projectIntro .col-sm-6 {margin-bottom: 20px;}
	.memberListing .container h3{margin-bottom: 30px;}
	.memberListing .container ul li {padding: 0 20px;}
	.teamMemberDescription .container{
		  margin: 0 20px; width: calc(100% - 40px)
	}
	.subHeader li a:hover, .subHeader li a{border: none;}
	.subHeader .container{
		width: 100%!important;
		margin: 0!important;
	}
	.teamMemberDescription{margin-bottom: 45px;}
	.teamMemberDescription .col-md-10 .contentText{font-size: 15px;}
	.callToActionHolder .half{font-size: 18px;}
	/*.subHeader{position: relative;}*/
	.switchLink ul, .anchorNavigation ul {
		display: none;   
		position: absolute;
		width: 100%;
		z-index: 10;
		left: 0;
		top: 65px;
		background-color: #e6e6e6;}
	.switchLink ul li, .anchorNavigation li {
		display: block;
		border: none!important;
		border-bottom: 1px solid #d0d0d0!important;
	}
	.meetTheTeam .bannerTeam{height: 280px;}
	.subHeader{padding: 20px;    height: auto;}
	.greyBox h3 br {display: none;}
	.imageAndText .container h3 {
		margin-bottom: 20px;
	}
	.switchLink a, .fakeDrpAnchor {font-size: 20px;}
	.memberListing .container ul li{text-align: center;}
	.pageNavigation, .backNavigation{margin-bottom: 30px;}
	.pageNavigation .container, .backNavigation .container {
		width: 100%!important;
		margin: 0!important;
	}
	.historyListing .container ul li .historyItem .historyDate:after{
		height: 40px;
		top: 60px;
	}
	.historyListing .container ul li .historyItem .historyDate {
		margin-bottom: 40px;
		font-size: 32px;
	}
	.historyListing .container ul li .historyItem .historyInfo .historyContent .contentText{display: none;}
	.historyListing .container ul li .historyItem .historyInfo .historyContent table{min-height: 60px;}
	.historyListing .container ul li {margin-bottom: 0;}
	.fullScreenImageText .imageFull {height: 200px;}
	.halfImageText, .fullScreenImageText, .centeredTitle.greyBox, .mapHolder {margin-bottom: 60px;}
	.fullScreenImageText  h3 {margin-bottom: 0;}
	.fullScreenImageText .col-md-5 .readMore {
		position: relative;width: 100%;
	}
	.fullScreenImageText .col-md-5{
		padding-top: 10px;
	}
	.projectIntros .imageHolder,.projectIntros .contentHolder{max-width: 100%; float: none;}
	.projectIntros .contentHolder table {height: auto;}
	.projectIntros .contentHolder{padding-left: 0; margin-top: 15px;}
	h3 {margin-bottom: 10px;}
	.projectIntros {margin-bottom: 0;}
	.single-project .container, .twoImages {
		margin: 0 20px;
		width: calc(100% - 40px)!important;
	}
	.single-project .greyBox  .container {
		margin: 0;
		width: 100%!important;
	}
	.projectSpecs ul li .title{font-size: 22px;}
	.projectSpecs ul li{ margin-bottom: 15px;/*text-align: center;*/} 
	/*.projectSpecs ul li:nth-child(3){text-align: center;width: 100%;}*/
	
	.single-project .smallImage, .single-project .twoImages {
		margin-bottom: 25px;
		width: 100%;
	}
	.twoImages .half{
		width: 100%;margin-bottom: 25px;
	}
	.twoImages .half:last-child{margin-bottom: 0;}
	.relatedProjects{margin-top: 0;padding: 20px 0;}
	.relatedProjects h2{font-size: 30px;line-height: 30px;}
	.relatedProjects .projectItem{margin-bottom: 35px;}
	/*.page-template-template-project-map-php h2.pageTile {display: none;}*/
	.gm-style .gm-style-iw{width: 100%!important;    left: 0!important;padding: 10px;}
	.subHeader.anchorNavigation.fixed {
		    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
	}
	.halfImageText .imageFull{
		position: relative;
		height: 400px;
		width: 100%!important;
	}
	.subHeader.fixed li a{border: none!important;}
	.halfImageText .productInfo, .smallhalfImageText .productInfo{padding:20px 0 0!important; }
	.halfImageText .productInfo .col-md-6 {margin-bottom: 0;}
	.halfImageText .productInfo .col-md-6{float: none;}
	.halfImageText,.halfImageText .productInfo{
		height: auto;
		min-height: 250px;
	}
	.centeredTitle.greyBox h2.pageTile, .smallhalfImageText .productInfo .col-md-6 .highlightedText{font-size: 24px;}
	.single-service .productInfo {min-height: inherit;}
	.halfImageText .productInfo table, .smallhalfImageText .productInfo table {height: auto;min-height: inherit;}
	.imageFull {height: 350px!important;width: 100%!important; position: relative!important;background-size: contain; background-position: center;}
	.smallhalfImageText {height: auto;}
	.smallhalfImageText{margin-bottom: 45px;}
	.single-service .contact-text {
		font-size: 16px;
		max-width: 100%;
		margin-bottom: 45px;
	}
	.page-template-template-careers .mainBanner .mainText {/*width: 220px;*/top: 150px;}
	.page-template-template-careers .mainBanner .mainText h2 {
       font-size: 30px;
    line-height: 30px;
	}
	.whiteBox .container{
		margin: 0 20px!important;
		width: calc(100% - 40px)!important
	}
	.values-w li{width: 49%;}
	.page-careers .side-image-text-w{padding: 20px;}
	.page-careers .side-image-text-w p{
		margin-top: 20px;
		font-size: 18px;
		margin-bottom: 30px;
	}
	.quote-w .quote{font-size: 18px;line-height: 18px;}
	.principles-w h4,#principles-w span.text{font-size: 16px;}
	.vacancy .title{font-size: 20px;}
	.contact-form-w > div{
		min-width: inherit;
		width: 100%;
	}
	.mapHolder .container .locationInfo{
		padding: 15px;
		font-size: 16px;
	}
	.localtionList .container li .locationInfo{padding: 20px;}
	.contact-form-w .wpcf7-submit, .vacancy .apply{width: 100%;}
	.vacancy .popup-trigger{top: -10px; float: none;}

	.home .newsItem{
		flex-direction: column;
	}

	.itemCarousel .blockBody .floatLeft,
	.itemCarousel .blockBody .floatRight{
		width: 100%;
		padding-right: 0;
	}

	.itemCarousel.inverted .blockBody .owl-nav{
		right: 0;
		left: unset;
	}

	.itemCarousel .newsTitle{
		margin-top: 10px;
	}

	.teamMemberDescription .col-md-10 table td{
		display: block;
	}

	.teamMemberDescription,
	.teamMemberDescription .col-md-10 table{
		min-height: auto;
	}

	.relatedProjects .projectItem .projectImage img{
		width: 100%;
	}

	.relatedProjects .projectItem .projectImage{
		max-width: none;
		max-height: none;
	}

	.halfImageText .productInfo .learnMore{
		margin-bottom: 0;
	}

	.page-products .mrgb20{
		margin-bottom: 0;
	}
	.productListing .container .productItem .productDocumentation li{
		width: 100%;
		float: none;
	}
	.productListing .container .productItem .imageHolder{
		margin-bottom: 0;
	}
	.productInfo{
		padding: 0 !important;
		margin-top: 10px;
	}
	.page-careers .mainBanner h2::before{
		bottom: 20px;
	}
	.page-careers .mainBanner h2::after{
		top: 20px;
	}
	.page-careers .mainBanner{
		height: 50vh;
	}
	.page-careers .top-text .column-text{
		margin-top: 0;
		margin-bottom: 40px;
	}
	.page-careers .halfImageText{
		height: auto;
	}
	.mitsubishi-logo-w{
		margin: 20px 0 30px 0;
	}
	.facts-w .row > div:nth-child(3n + 1){
		float: left;
		clear: none;
	}
	.facts-w .row > div:nth-child(2n + 1){
		clear: both;
	}
	.home .itemCarousel{
		padding-top: 120px;
	}
	.home .aboutUs .bannerZoomEffect .animatedImage{
		background-position-x: 64%;
	}
	.page-products .halfImageText .productInfo .highlightedText{
		font-size: 24px;
	}
	header .searchHolder{
		float: none;
	}
	.home .mainBanner .mainText h3{
		line-height: 26px;
		font-size: 24px;
		margin-bottom: 15px;
	}.mainBanner {
padding-bottom:0;		height: calc(100vh - 250px); 
	}
.fullscreen-bg__video{
      top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    transform: none;
     -moz-transform: none;
    -webkit-transform:none;
    -o-transform: none;
    -ms-transform:  none;
    width: auto;}
}
@media all and (max-width: 500px) {
	.single-service .halfImageText {
	height: 880px !important;
}
}