@media only screen and (max-width : 1199px) and (min-width : 992px) {
	.top-illustration {
		background-position: -190px top!important;
	}
}

@media only screen and (max-width : 991px) and (min-width : 768px) {
	.mobiles-wrapper .product-box a figure, .mobiles-wrapper .product-box figure {
		height: 360px;
	}
	.middle-text h2 {
		font-size: 38px;
		line-height: 43px;
	}
	.top-illustration {
		height: 70vh!important;
		background-position: 0px 73px!important;
	}
	.text-bottom {
	    top: 70%!important;
	}
}

@media only screen and (max-width : 1199px){
	.prenesi-broj-smart-illustration{
		background-position: center !important;
		background-size: cover !important;
		height: 65vw !important;
	}
}

@media only screen and (max-width : 991px) {
	.prenesi-broj-smart-illustration{
		margin-top: 76px;
	}
	.top-illustration {
		height: 100vh;
	}
	.text-bottom {
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
	}
}

@media only screen and (max-width : 767px) {
	.prenesi-broj-smart-illustration{
		margin-top: 61px;
	}
	.text-bottom h1 strong {
		font-size: 28px;
		line-height: 34px;
	}
	.text-bottom h1 {
		font-size: 23px;
		line-height: 25px;
	}
	a.custom-btn.bigger {
	    font-size: 13px;
		padding: 10px 20px;
		margin: 5px 2px 0;
	}
	.middle-text h2 {
		font-size: 22px;
		line-height: 28px;
	}
	 .middle-text h3 {
		font-size: 18px;
		line-height: 24px;
	}
	.middle-text h3 strong {
		display: inline;
	}
	.middle-text {
		width: 100%;
	}
	.tripple .nice-box {
		width: 100%;
		margin: 0 0 15px 0;
	}
	.questions-wrapper h3 {
		font-size: 18px;
	}
	.quest-box {
		font-size: 16px;
		line-height: 20px;
		padding: 0 10px;
	}
	.middle-text {
		margin: 0 auto 30px;
	}
	.hr-gray {
		margin: 30px 0 20px;
	}
	.section-wrapper {
		padding: 30px 0 0;
	}
	.mobiles-wrapper .product-box {
		margin: 0;
	}
	#sliderMobiles {
		margin: -20px 0 40px;
	}
	.mobiles-wrapper .carousel-control-next, .carousel-control-prev {
		color: #000;
		opacity: 1;
	}
	.mobiles-wrapper .product-box a h2, .mobiles-wrapper .product-box h2 {
		font-size: 22px;
		line-height: 25px;
	}
}