@charset "utf-8";
/* CSS Document */

@media screen
 and (max-width: 1000px){
	 body, body * {
		max-height: 1000000px;

	}
	.accMenu{
		display: none;
	}
 	.innerContainer{
		width:100%;
	}
	.mainLogo{
		/* margin-right:20px; */
		/* margin-left:20px; */
		left: 2vw;
		width: 34vw !important;
		top: 1.4vw;
		filter: brightness(12);
	}
	#langbar{
		color: #fff;
		font-size: 4vw;
		top: 5.5vw;
		right: 23vw;
		position: absolute;
	}
	#topMenu{
		height:120px;
		top: 0px !important;
		background-color: rgb(13, 78, 162) !important;
	}
	.vbutton{
		display:block;
		/*margin-right:150px !important;*/
		/*margin-left:150px !important;	*/
		/*margin-top:30px !important;*/
		font-size: 25px !important;
		position: absolute;
		left:130px;
		top:0px;

	}
	.moviebtn{
		width: 252px;
		height: 64px;
		font-size: 32px;
		line-height: 59px;
		float: right;
		left: 0px;
		top: 0px;
	}
	.mainMenu{
		 float: left;
		 top: 20px;
	}
	.menuText{
		    width: 100vw;
	}
	.moviebtn>img {
    	width: 37px;
		top: 13px;
   		right: 11px;
	}
   .mbutton{
		display:none !important;
	}
	#burgerBtn{
		display: block;
	}
	#mainLogo img{
		height: 90px;
	}
	#homepagedemo{
		width: 100%;
		display:none !important;
	}
	#homepagedemo_m{
		width: 100%;
		display:block;
	}
	.textData{
		width: 100%;
	}
	#footerData{
		width: 100%;
		min-width: 100%;
	}
	#playbgvideo{
		display:none;
	}
	video{
		left: 0 !important;
		min-height: 410px;
		height: 410px;
		top: 104px !important;
		width: 100% !important;
	}
	#container_inner{
		/* top: 324px !important; */
	}
	#title_main{
		width: 54%;
		margin-right: 23%;
		margin-left: 23%;
		top: -346px;
	}
	.fullVidBtn{
		top: -76px;
		font-size: 33px;

	}
	#title_main > img{
		width:100%;
	}
	#sandimg{
		display:none !important;
	}
	#textbox_lorry, #textbox_bags, #textbox_silos, #textbox_ships{
		left: 5%;

		background-color: #dedede;
		background-image:none;
	}
	.textbox_hover{
		width: 90% !important;
		 font-size: 40px;
    	font-weight: normal;
		height:auto !important;
	}
	.textbox_hover strong{
		font-size: 70px;
    	font-weight: normal;
	}
	#footerData{
		/*background: url(../images/footer_place_m.png) top center no-repeat;*/
		background-image:none;
		background-size:contain;

		height: auto;
	}
	#textbox_lorry{
		bottom: 721px;
	}
	#textbox_bags{
		bottom: 721px;
	}
	#textbox_silos{
		bottom: 703px;
	}
	#textbox_ships{
		bottom: 703px;
	}

	h2#footer_a, h2#footer_b, h2#footer_c{
			position:relative;
		    font-size: 77px;
			top: 0;
			right: 5%;
			left: 5%;
			background-color: #7f9fca;
			width: 90%;
			padding-right: 2%;
			padding-left: 2%;
			border: solid #08366b;
			margin-top:30px;

			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
	}
	DIV#footer_a, DIV#footer_b ,DIV#footer_c{
		top:0;
		position:relative;
		font-size: 40px;
		width: 90%;
		height:auto;
		right: 5%;
		left: 5%;
		padding-top:2%;
		padding-bottom:2%;
		padding-right: 2%;
		padding-left: 2%;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;

		border: solid #08366b;

		background: #e7e7e7; /* Old browsers */
		background: -moz-linear-gradient(top,  #e7e7e7 1%, #8d8d8d 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #e7e7e7 1%,#8d8d8d 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #e7e7e7 1%,#8d8d8d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#8d8d8d',GradientType=0 ); /* IE6-9 */

	}
	#footerBG{
		background: url(../images/bg_footer_top.jpg) top bottom no-repeat !important;
		background-position-y: bottom;
		padding-bottom: 250px !important;
	}
	.b_all{
		width: 49%;
		height: 49%;
	}
	#b_ship{
		top:0;
		right:50%;
	}
	#b_silos{
		top:0;
		right:0%;
	}
	#b_bags{
		top:50%;
		right:50%;
	}
	#b_lorry{
		top:50%;
		right:0%;
	}
	#pageData{
		    top: 41vw !important;
	}
	#filler{
		background-color: white;
		height: 140px;
		width: 100%;
		top: 300px;
		display: none;
	}
	/**************/
	#footerBBG > img, #footerBBG > div > img{
		right: auto !important;
   		margin-left: -467px !important;
	}
	.socialbtns{
		margin-left: auto !important;
		margin-right: auto !important;
		width:100px;
		height:100px;
	}
	.textData{
		font-size: 40px;
		/* padding-right: 3%; */
		/* padding-left: 3%; */
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding-bottom: 80px;
	}
	h1{
		font-size:70px;
	}
	h2{
		font-size:50px;
	}
	/* slider */
	.slider{
		background-size: cover !important;
		background-repeat: no-repeat !important;
		height: 418px !important;
		top: 119px !important;
	}
	.details{
		width: 341px !important;
    	line-height: 80px !important;
    	font-size: 47px !important;;
	}
	.productbox{
		width: 46.5% !important;
		height: 328px !important;
	}
	#products4 {
    	width: 100% !important;
		height: 818px !important;
	}
	.productbox span {
    	font-size: 32px !important;
	}
	.standards {
    	font-size: 32px !important;
	}
	.productPopup1, .productPopup2, .productPopup3, .productPopup4{
		width:90% !important;
		height:75% !important;
	}
	.productPopup .txt {
		  width: 100%;

	}
	/*popups*/
	.productPopup .txt {
		padding-top: 140px !important;

		padding-right:3px !important;
		width: 93% !important;
	}
	h3{
		font-size: 47px !important;
	}
	#langBar{
		position: relative;
		float:none;
		margin-top: 135px;
		font-size: 55px;
	}
	#langBar > a{
		font-size: 55px;
	}
	.w-1000{
		width: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		 height: auto;
	}
	.footers{
		display: none;
	}

	.contbg{
		height: 100vh;
		background-size: cover;
		background-position-y: -13vh;
	}
	.column49{
		width: 100%;
		line-height: 4.3vw;
	}
	.gbg3{
		/* height: 100vh; */
	}
	.applicationBox2{
		width: 66vw;
		height: 15vw;
		padding-right: 15vw;
	}
	.applicationBox2 img{
		width: 11vw;
	}

	.ti-b{
		font-size: 4.3vw;
		line-height: 4.3vw;
	}
	.ti-s{
		font-size: 4vw;
	}
	.tx-18{
		font-size: 3.5vw !important;
		line-height: 4.3vw !important;
	}
	.tx-b{
		font-size: 4.5vw;
		line-height: 6vw;
	}
	.tx-s{
		font-size: 3.5vw;
	}

	.mob_pad{
		padding-right: 3vw;
		padding-left: 3vw;
		box-sizing: border-box;
	}
	.mob_hide{
		display: none !important;
	}
	.desk_hide{
		display: block;
	}
	.btn-blue{
		font-size: 4.5vw;
		/* padding: 1vw; */
		width: 51vw;
		height: 9vw;
		border-radius: 2vw;
	}

	.home_bullet_b{
		height: auto;
		margin-bottom: 3vw;
	}
	.w-680 {
		width: 97vw;
		/* padding-top: 1vw; */
	}
	#burgerBtn{
		left: auto;
		right: 2vw;
		top: -1vw;
	}
	.circ{
		width: 60vw;
		height: 59vw;
		position: absolute;
	}
	.circ_cut_right{
		right: -31vw;
	}
	.circ_cut_left{
		left: -31vw;
	}
	.circText{
margin: 5vw 31vw 0vw 0vw;
width: 100%;
	}
	.w-800{
		width: 100%;
	}
	.splashBg{
		height: 59vw;
		background-position-x: -16vw;
	}
	.wi-580{
		width: 70vw;
	}
	.gbg2{

	}
	.textData{
		padding-bottom: 0;
	}
	.isylogo{
		width: 50vw !important;
	}
	.isplogo{
		width: 27vw !important;
		left: auto;
		right: 5vw;
	}
	.tx-pr{
		padding: 0;
	}
	#productContainer > img{
		width: 50vw;
	}
	.pbTitle{
		top: 2vw;
		right: 58vw;
	}
	.supportBox {
		position: relative;
		width: 90vw;
		height: auto;
		border: solid 0.2vw #1a5191;
		border-radius: 2vw;
		top: auto;
		left: auto;
		margin-right: 5vw;
		padding: 2vw;
		box-sizing: border-box;
	}
	.applicationBox{
		width: 70vw;
		padding-right: 13vw;
	}
	.applicationBox img{
		width: 10vw;
		height: 10vw;
		width: 100% !important;
		height: 100% !important;
	}
	.applicationBox div{

width: 7vw !important;

height: 7vw !important;

}
	.productBar{
		font-size: 2.9vw;
	}
	.termBoxContainer{
		display: block;
	}
	.termBox img{
		width: 50vw;
	}
	.column495{
		width: 100%;
	}
	form{
		width: 100% !important;
	}
	form input{
		width: 100% !important;
		right: 0 !important;
		font-size: 3.5vw !important;
	}
	form textarea{
		width: 100% !important;
		right: 0 !important;
		font-size: 3.5vw !important;
	}
	.formBtn{

font-size: 4vw;

padding: 1vw 4vw 1vw 4vw !important;

width: 100%;
	}

	#err{
		font-size: 3.5vw !important;
	}

	.mti{
		width: 8vw !important;
		top: 9vw;
		right: 56vw;
	}
	.bt_takanon{
		top: 20.7vw;
		right: 56.9vw;
		font-size: 4vw;
	}

	.footerline{
		width: 100%;
		height: 5vw;
		background-color: #1a5191;
		text-align: center;
		display: block;
	}
	.btnterms, .btnpolicy{
		position: absolute;
		display: inline-block;
		color: white;
		cursor: pointer;
		margin: 0vw;
		font-size: 3vw;
		left: 0;
		right: 0;
		margin: auto;
	}
	.btnterms{
		margin-left: 25vw;
	}
	.btnpolicy{
		margin-right: 25vw;
	}

}