@media only screen and (max-width: 480px)
{
	/* mobile first view positioning */
	.brain{
		width: 220px !important;
		margin-top: 36%;
		margin-bottom: 17%;
	}
	.slogan{
		left: 2px;
		top: -9px;
		font-size: 22px;
	}
	.logo{
		font-size: 37px !important;
	}
	.line-1{
		margin-top:11.50% !important;
		padding-bottom: 13%;
		font-size: 24px;
	}
	/*.line-1{
		margin-top:12% !important;
		padding-bottom: 10%;
		font-size: 24px;
	}*/

	/* end positioning*/
	.hide-on-mobile{
		display: none;
	}
	.brain-mobile{		
		top: -27px;
		position: relative;
	}
	.line-1,.line-2,.line-3,.line-4{
		text-align: center;
	}
	.line-2{
		margin-top: 34px;
		font-size: 16.5px;
	}	
	.line-4{

		margin-top: -11px;
	}
	.arrows{
		margin-left: 0px;
		position: relative;
		top:20px;
	}
	
	
	.navigation{
		padding-top: 24px !important;
		padding-bottom: 46px !important;
	}
	.logo:after {
		content: '-----------';
		display: none;
		letter-spacing: -14px;
		position: relative;
		top: -5px;
		font-size: 35px;
		margin-bottom: -82px;
	}
	
	.products-slider{
		display: none;
	}
	.products-mobile{
		position: relative;
		margin-bottom: 35px;
	}
	.products{
		padding-bottom: 50px;
	}
	.product{
		position: relative !important;
		margin-top: 25px !important;
	}
	.p1{
		padding-bottom: 8px;
	}
	.p2{
		padding-bottom: 8px;
	}
	.arrows{
		display: none;
	}
	.list-one {
		margin-left: 15px;
		margin-top: 10px;
		margin-bottom: 20px;
		width: 100%;
	}
	.working-hours
	{
		margin-top: 10px;
	}
	.social{
		margin-top: 40px;
		margin-right: 10px;
		text-align: right;
		float: right;
	}
	.facebook img{
		width: 11.5px ;
		height: 23px !important;
	}
	.instagram img{
		width: 17px !important;
	}
	.linkedin img{
		width: 19px !important;
	}
	.m-text-center{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.p3,.p4{
		width: 240px
	}
	.p5 img{
		padding-bottom: 10px !important;
	}
	.p5 .s3{
		font-size: 13px;
	}
	.slogan{
		display: block;
		margin: 0px;
	}
	.line-4{
		margin-top: 0px !important;
	}
	.location{
		padding-top: 9px;
	}
	.sales-target-line-2{
		font-size:13.7px 
	}
	
}
/* iphone 4 */
@media only screen and (max-width: 320px) and (max-height:480px) 
{
	.brain{
		width: 100px !important;
		margin-bottom: 60px !important;
	}
	.logo{
		font-size: 26px !important;
	}
	.slogan{
		font-size: 18px !important;	
	}
	.line-1{
		font-size: 15px !important;
		margin-top: 60px !important;
		margin-bottom: 100px !important;
	}
}
/* iphone 5 */
@media only screen and (max-width: 320px) and (min-height:491px) 
{
	.brain{
		width: 115px !important;
	}
	.logo{
		font-size: 28px !important;
	}
	.slogan{
		font-size: 20px !important;	
	}
	.line-1{
		font-size: 15px !important;
		margin-top: 90px !important;
		margin-bottom: 100px !important;
	}
}

/* iphone 6, iphone 7 */
@media only screen and (min-width: 360px) and (max-width: 375px)
{	
	
	/*.line-1{
		margin-top:16% !important;
		padding-bottom: 13%;
	}*/
	
}
/* iphone 6 plus, iphone 7 plus*/
@media only screen and (min-width: 376px) and (max-width:420px)
{	
	
	/*.line-1{
		margin-top:32%;
		padding-bottom: 17%;
	}*/
	
}
/* google nexus 4*/
@media only screen and (width: 384px) and (height:640px)
{
	.brain{
		width: 140px !important;
	}	
	.line-1{		
		margin-top: 65px !important;
		margin-bottom: 100px !important;
	}
}
/* tabs */
@media only screen and (min-width: 600px)
{
	.footer{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color:white;	
	padding-bottom: 48px;
	}
	.hide-on-large{
		display: none;
	}	
	.brain{
		position: relative;
		top:121px;
		left:-88px;
		width: 120px !important;
	}
	.mobile-products-text{
		display: none;
	}
	.force-vertical-middle-content{
		display: flex;
		align-items: center;
	}
	.line-1,.line-2,.line-3,.products
	{
		margin-top:60px !important;
	}
	.logo{
		font-size: 45px;
	}
	.brain{
		margin-top: -40px;
		width:190px !important;
	}
	.slogan {
		display: block;
		font-size: 32px;
		margin-left: 0px
	}
	.hide-on-ipad{
		display: none;
	}
	.line-1{
		font-size: 35px;
	}
	.line-2{
		font-size: 20px;
	}
	.line-3{
		font-size: 23px;
	}
	.line-4{
		font-size: 11px;
	}
	.product img{
		width: 36px;
	}
	.product p{
		padding-top: 1%;
		line-height: 13px !important;
	}
	.p1 .s1, .p2 .s2,.p1 .s2, .p2 .s1{
		font-size: 12px;		
	}
	.p7 .s1,.p7 .s2,.p8 .s1,.p8 .s2,.p5 .s2,.p5 .s1,.p4 .s1,.p4 .s2,.p3 .s1,
	.p3 .s2{
		font-size: 11px !important;
		
	}
	.p5 .s3{
		font-size: 10px;
	}
	.p6 p{
		line-height: 16px;
		padding-top: 2.5%;
	}	
	.p6 .s1{
		font-size: 12px;
	}
	.p6 .s2{
		font-size: 9px;
	}
	.p4 img,.p5 img,.p6 img{
		padding-left: 8px;
	}	
	.location{
		font-size: 12px;
	}
	.location span{
		top:7px;
	}
	.location img{
		margin-right: 15px;
		width: 15px
	}
	.skype{
		font-size: 12px;
		margin-top: 20px;
	}
	.skype img{
		margin-right: 17px;
		margin-left: 2px;
		width: 15px
	}
	.skype span{
		top:5px;
	}
	.working-hours{
		font-size: 12px;
		top: 15px;
		float: left;
	}
	.working-hours span{
		top: 3px;
	}
	.working-hours img{
		margin-right: 11px;
		width: 15px
	}
	.list-one{
		margin-left: 15px;
	}
	.mail{
		font-size: 12px;
		float: left;
		padding-top: 11px;
	}
	.mail span{
		top: 3px;
	}
	.mail img{
		margin-right: 14px;
		margin-left: 3px;
		width: 15px;
	}
	.sales-target img{
		margin-left: -100px;
		width: 50px;
	}
	.sales-target p{
		margin-top: -1.5%;
		left: -42px;
		line-height: 15px;
	}
	.sales-target-line-1{
		font-size: 12px;
	}
	.sales-target-line-2{
		font-size: 10px;
		color:white;
	}
	.facebook img{
		width: 14px;
		height: 26px !important;
	}
	.linkedin{
		margin-left: 5px;
		
	}
	.linkedin img{
		width: 12px;
	}
	.instagram{
		margin-left: 5px;
		top: 1.3px;
	}
	.instagram img{
		width:12px
	}
}
@media only screen and (min-width: 1100px)
{
	body{
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.footer{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		color:white;
		padding-bottom: 25px !important;	
	}
	.hide-on-ipad{
		display: inline;
	}
	.mobile-products-text{
		display: none;
	}
	.force-vertical-middle-content{
		display: flex;
		align-items: center;
	}
	.brain{
		position: relative;
		top:121px;
		left:-88px;
		width: 240px !important;
	}
	.mobile-products-text{
		display: none;
	}
	.force-vertical-middle-content{
		display: flex;
		align-items: center;
	}
	.line-1,.line-2,.line-3,.products
	{
		margin-top:25px !important;
	}
	.logo{
		font-size: 40px;
	}
	.brain{
		width:240px;
	}
	
	.slogan {
		font-size: 20px !important;
		margin-left: 36px;
		display: inline;
	}
	.logo:after {
		content: '-------------';
		display: block;
		letter-spacing: -10px;
		font-size: 35px;
	}
	.line-1{
		font-size: 30px;
	}
	.line-2{
		font-size: 20px;
	}
	.line-3{
		font-size: 23px;
	}
	.line-4{
		font-size: 15px;
	}
	.product img{
		width: 50px;
	}
	.product p{
		padding-top: 0.5%;
		line-height: 23px !important;
	}
	.p1 .s1, .p2 .s2,.p1 .s2, .p2 .s1{
		font-size: 17px;		
	}
	.p7 .s1,.p7 .s2,.p8 .s1,.p8 .s2,.p5 .s2,.p5 .s1,.p4 .s1,.p4 .s2,.p3 .s1,
	.p3 .s2{
		font-size: 17px !important;
		
	}
	.p5 .s3{
		font-size: 13px;
	}
	.p6 p{
		line-height: 16px;
		padding-top: 1.3%;
	}	
	.p6 .s1{
		font-size: 17px;
	}
	.p6 .s2{
		font-size: 13px;
	}	
	.location{
		font-size: 15px;
	}
	.location span{
		top:7px;
	}
	.location img{
		margin-right: 15px;
		width: 25px
	}
	.skype{
		font-size: 15px;
	}
	.skype img{
		margin-right: 17px;
		margin-left: 2px;
		width: 20px
	}
	.skype span{
		top:5px;
	}
	.working-hours{
		font-size: 15px;
		margin-top:-13px;
	}
	.working-hours span{
		top: 3px;
	}
	.working-hours img{
		margin-right: 11px;
		width: 25px
	}
	.mail{
		font-size: 15px;
		padding-top: 13px;
	}
	.mail span{
		top: 3px;
	}
	.mail img{
		margin-right: 10px;
		margin-left: 3px;
		width: 25px;
	}
	.sales-target img{
		width: 80px;
	}
	.sales-target p{
		margin-top: 1.9%;
		line-height: 18px;
		margin-left: 33px;
	}
	.sales-target-line-1{
		font-size: 17px;
	}
	.sales-target-line-2{
		font-size: 14px;
		color:white;
	}
	.facebook img{
		width: 14px;
		height: 26px !important;
	}
	.linkedin{
		margin-left: 5px;
		
	}
	.linkedin img{
		width: 12px;
	}
	.instagram{
		margin-left: 5px;
		top: 1.3px;
	}
	.instagram img{
		width:12px
	}

}
@media only screen and (min-width:1440px)
{
	.line-1,.line-2,.line-3,.products
	{
		margin-top:57px !important;
	}
	.logo{
		font-size: 55px;
	}
	.logo:after {
		content: '-------------';
		display: block;
		letter-spacing: -10px;
		font-size: 41px;
	}
	.brain{
		width:300px !important;
	}
	.slogan {
		font-size: 35px !important;
	}
	.line-1{
		font-size: 30px;
	}
	.line-2{
		font-size: 25px;
	}
	.line-3{
		font-size: 28px;
	}
	.line-4{
		font-size: 22px;
	}
	.product img{
		width: 50px;
	}
	.product p{
		padding-top: 1.5%;
	}
	.p1 .s1, .p2 .s2,.p1 .s2, .p2 .s1{
		font-size: 22px;		
	}
	.p7 .s1,.p7 .s2,.p8 .s1,.p8 .s2,.p5 .s2,.p5 .s1,.p4 .s1,.p4 .s2,.p3 .s1,
	.p3 .s2{
		font-size: 18px !important;
	}
	.p5 .s3{
		font-size: 14px;
	}
	.p6 p{
		line-height: 16px;
		padding-top: 2.5%;
	}	
	.p6 .s1{
		font-size: 17px;
	}
	.p6 .s2{
		font-size: 15px;
	}	
	.location{
		font-size: 20px;
	}
	.location span{
		top:7px;
	}
	.location img{
		margin-right: 15px;
		width: 25px
	}
	.skype{
		font-size: 17px;
		margin-top: 20px;
	}
	.skype img{
		margin-right: 17px;
		margin-left: 2px;
		width: 22px
	}
	.skype span{
		top:5px;
	}
	.working-hours{
		font-size: 18px;
		top: 18px;
	}
	.working-hours span{
		top: 3px;
	}
	.working-hours img{
		margin-right: 11px;
		width: 25px
	}
	.mail{
		font-size: 18px;
		margin-top:3px;
	}
	.mail span{
		top: 3px;
	}
	.mail img{
		margin-right: 14px;
		margin-left: 3px;
		width: 25px;
	}
	.sales-target img{
		margin-left: -29px;
		width: 70px;
	}
	.sales-target p{
		margin-top: 0.5%;
		left: 6px;
	}
	.sales-target-line-1{
		font-size: 21px;
	}
	.sales-target-line-2{
		font-size: 15px;
		color:white;
	}
	.facebook img{
		width: 16px;
		height: 30px;
	}
	.linkedin{
		margin-left: 23px;
		
	}
	.linkedin img{
		width: 36.4px;
	}
	.instagram{
		margin-left: 17px;
		top: 1.3px;
	}
	.instagram img{
		width: 30.8px
	}
}
@media only screen and (min-width:1920px)
{
	.line-1,.line-2,.line-3,.products
	{
		margin-top:34.5px !important;
	}
	.logo{
		font-size: 80px;
	}
	.logo:after {
		content: '-------------';
		display: block;
		letter-spacing: -10px;
		font-size: 50px;
	}
	.brain{
		width:370px !important;
	}
	.slogan {
		font-size: 40px !important;
	}
	.line-1{
		font-size: 42px;
	}
	.line-2{
		font-size: 34px;
	}
	.line-3{
		font-size: 37px;
	}
	.line-4{
		font-size: 31px;
	}
	.product img{
		width: 80px;
	}
	.product p{
		padding-top: 3.5%;
	}
	.p1 .s1, .p2 .s2,.p1 .s2, .p2 .s1{
		font-size: 32px;		
	}
	.p7 .s1,.p7 .s2,.p8 .s1,.p8 .s2,.p5 .s2,.p5 .s1,.p4 .s1,.p4 .s2,.p3 .s1,
	.p3 .s2{
		font-size: 28px !important;
	}
	.p5 .s3{
		font-size: 17.934px;
	}
	.p6 p{
		line-height: 28px;
		padding-top: 2.5%;
	}	
	.p6 .s1{
		font-size: 28px;
	}
	.p6 .s2{
		font-size: 21px;
	}	
	.location{
		font-size: 21px;
	}
	.location span{
		top:7px;
	}
	.location img{
		margin-right: 15px;
		width: 42px
	}
	.skype{
		font-size: 21px;
		margin-top: 20px;
	}
	.skype img{
		margin-right: 17px;
		margin-left: 2px;
		width: 36.4px
	}
	.skype span{
		top:5px;
	}
	.working-hours{
		font-size: 20.472px;
		top: 13px;
	}
	.working-hours span{
		top: 3px;
	}
	.working-hours img{
		margin-right: 11px;
		width: 42px
	}
	.mail{
		font-size: 24px;
	}
	.mail span{
		top: 2px;
	}
	.mail img{
		margin-right: 14px;
		margin-left: 3px;
		width: 37.8px;
	}
	.sales-target img{
		margin-left: -29px;
		width: 99.4px;
	}
	.sales-target p{
		margin-top: 2.9%;
		left: 6px;
		line-height: 22px;
	}
	.sales-target-line-1{
		font-size: 25.112px;
	}
	.sales-target-line-2{
		font-size: 19.18px;
		color:white;
	}
	.facebook img{
		width: 15px;
		height: 27px !important;
	}
	.linkedin{
		margin-left: 23px;
		
	}
	.linkedin img{
		width: 36.4px;
	}
	.instagram{
		margin-left: 17px;
		top: 1.3px;
	}
	.instagram img{
		width: 30.8px
	}

}
@media only screen and (min-width:2560px)
{
	.line-1,.line-2,.line-3,.products
	{
		margin-top:93px !important;
	}
	.logo{
		font-size: 100px;
	}
	.logo:after {
		content: '-------------';
		display: block;
		letter-spacing: -10px;
		font-size: 60px;
	}
	.brain{
		width:500px !important;
	}
	.slogan {
		font-size: 52px;
		margin-left: 100px !important;
	}
	.footer{
		padding-bottom: 40px !important;
		padding-top: 35px !important;
	}
	.line-1{
		font-size: 62px;
	}
	.line-2{
		font-size: 45px;
	}
	.line-3{
		font-size: 46px;
	}
	.line-4{
		font-size: 39px;
	}
	.product img{
		width: 100px;
	}
	.product p{
		padding-top: 1.4%;
	}
	.p1 .s1, .p2 .s2,.p1 .s2, .p2 .s1{
		font-size: 40px;		
	}
	.p7 .s1,.p7 .s2,.p8 .s1,.p8 .s2,.p5 .s2,.p5 .s1,.p4 .s1,.p4 .s2,.p3 .s1,
	.p3 .s2{
		font-size: 38px !important;
		line-height: 40px !important;
	}
	.p5 .s3{
		font-size: 27px;
	}
	.p6 p{
		line-height: 28px;
		padding-top: 2.5%;
	}	
	.p6 .s1{
		font-size: 35px;
	}
	.p6 .s2{
		font-size: 28px;
	}	
	.location{
		font-size: 24px !important;
	}
	.location span{
		top:7px;
	}
	.location img{
		margin-right: 15px;
		width: 50px !important;
	}
	.skype{
		font-size: 24px;
		margin-top: 20px;
	}
	.skype img{
		margin-right: 17px;
		margin-left: 2px;
		width: 40px
	}
	.skype span{
		top:5px;
	}
	.working-hours{
		font-size: 24px;
		top: 11px;
	}
	.working-hours span{
		top: 3px;
	}
	.working-hours img{
		margin-right: 11px;
		width: 50px
	}
	.mail{
		font-size: 24px;
	}
	.mail span{
		top: 2px;
	}
	.mail img{
		margin-right: 14px;
		margin-left: 3px;
		width: 50px;
	}
	.sales-target img{
		margin-left: -29px;
		width: 110px;
	}
	.sales-target p{
		margin-top: 2% !important;
		left: 6px;
		line-height: 25px;
	}
	.sales-target-line-1{
		font-size: 27px;
	}
	.sales-target-line-2{
		font-size: 21px;
		color:white;
	}
	.facebook img{
		width: 21px;
		height: 34px !important;
	}
	.linkedin{
		margin-left: 23px;
		
	}
	.linkedin img{
		width: 35px !important;
	}
	.instagram{
		margin-left: 17px;
		top: 1.3px;
	}
	.instagram img{
		width: 35px !important;
	}

}
@media only screen and (max-width: 580px)
{
	.navigation{
		display: none !important;
	}
}