@media only screen and (max-width : 1399px) {
	.section-1, .section-2, .section-3{
		background-size: 150vw !important;
        height: 54vw !important;
	}
	section{
		padding: 0;
	}
	.section-1 img{
		width: 500px;
		margin-top: 100px;
	}
	.section-2 img{
		width: 380px;
		margin-top: 100px;
	}
	.section-4{
		padding-top: 100px;
	}
	.section-5{
		padding-top: 100px;
	}
}

@media only screen and (max-width : 1199px) {
	.section-2 img{
		width: 340px;
        margin-top: 20px;
	}
	.section-3 img{
		width: 480px;
        margin-top: 100px;
	}
	.robot-title{
		font-size: 24px;
	}
	.section-list li{
		font-size: 20px;
	}
	.preorder-btn{
		padding: 8px 100px;
		font-size: 16px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media only screen and (max-width : 991px) {
	.section-1{
		margin-top: 76px;
	}
	.section-1 img{
		width: 360px;
        margin-top: 56px;
	}
	.section-2 img{
		width: 260px;
        margin-top: 20px;
	}
	.section-3 img{
		width: 360px;
        margin-top: 100px;
	}
	.section-4{
		height: 600px !important;
		background-size: cover !important;
		padding-top: 100px;
	}
	.section-4 .left-image{
		width: 240px;
	}
	.section-4 .right-image{
		width: 214px;
	}
	.robot-title{
		font-size: 20px;
	}
	.section-list li{
		font-size: 16px;
	}
}

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

}

@media only screen and (max-width : 767px) {
	.section-1{
		margin-top: 61px;
	}
	.section-2, .section-3{
		background-size: 1100px !important;
        height: 400px !important;
	}
	.section-2{
		background-position: bottom center !important;
		background-size: cover !important;
	}
	.section-2 img{
		width: 360px;
        margin-top: 60px;
	}
	.section-3{
		background-position: bottom center !important;
		background-size: cover !important;
	}
	.section-3 img{
		width: 360px;
        margin-top: 60px;
	}
	.section-4{
		padding: 50px 0;
		height: unset !important;
		background-size: cover !important;
	}
	.section-5{
		height: unset !important;
		padding: 50px 0 !important;
	}
	.section-5 h3{
		font-size: 18px;
		margin-bottom: 50px;
	}
	.section-5 h4{
		font-size: 14px;
	}
	.section-5 a{
		font-size: 12px;
	}
}

@media (min-width: 575px) and (max-width: 768px) {
	.section-1 img{
		width: 300px;
		margin-top: 65px;
		margin-right: -50px;
	}
}

@media only screen and (max-width : 575px) {
	.section-1{
		background: url(/custom/Xiaomi-prednarudzba/assets/images/section1-background-mobile.jpg) no-repeat;
		background-position-x: center !important;
		background-position-y: bottom !important;
		height: 700px !important;
		background-size: cover !important;
	}
	.section-1 img{
		margin-top: 50px;
	}
		.section-2{
		background: url(/custom/Xiaomi-prednarudzba/assets/images/section2-background-mobile.jpg) no-repeat;
		height: 600px !important;
		background-position: left -150px center !important;
	}
	.section-3{
		background: url(/custom/Xiaomi-prednarudzba/assets/images/section3-background-mobile.jpg) no-repeat;
		height: 600px !important;
		background-position: right -200px center !important;
	}
	.preorder-btn{
		margin-top: 240px !important;
	}
}