@media only screen and (max-width : 1199px) and (min-width : 992px){
	h1 {
		font-size: 95px;
	}
	h1 span {
		font-size: 80px;
	}
	.ball-img {
		width: 250px;
		padding-bottom: 140px;
	}
	.info-box {
		min-height: 530px;
	}
}
@media only screen and (max-width : 991px) and (min-width : 768px){
	h1 {
		font-size: 80px;
		padding-top: 115px;
	}
	h1 span {
		font-size: 60px;
	}
	.arrow1 {
		padding: 20px 0 420px 0;
	}
	.arrow i {
		font-size: 60px;
	}
	.arrow2 {
		padding: 40px 0 50px 0;
	}
	.button-img {
		width: 300px;
	}
	.ball-img {
		width: 170px;
		padding-bottom: 100px;
	}
	.info-box {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width : 991px) {
	.main.trio-super {
		background: url('/custom/trio-ljetna-ponuda/assets/images/trio-ljetna-background-mobile.jpg') top center no-repeat;
	}
	.info-box {
		min-height: auto;
	}
}


@media only screen and (max-width : 767px) {
	.main.trio-super {
		background: url(/custom/trio-ljetna-ponuda/assets/images/trio-ljetna-background-mobile.jpg) 52% 13% no-repeat;
	}
	h1 {
		font-size: 40px;
		padding-top: 90px;
		line-height: 1.2;
	}
	h1 span {
		font-size: 33px;
	}
	.arrow1 {
		padding: 15px 0 320px 0;
	}
	.arrow2 {
		padding: 20px 0 50px 0;
	}
	.arrow i {
		font-size: 45px;
	}
	.button-img {
		margin-top: 40px;
		width: 230px;
	}
	.ball-img {
		width: 70px;
	}
	.ball-img {
		padding-bottom: 50px;
	}
	.animateBounce {
		-webkit-animation-duration: 0.8s;
		animation-duration: 0.8s;
	}
	.info-box {
		margin-bottom: 15px;
	}
	.info-box h2 {
		font-size: 21px;
	}
	.info-box h3, .info-box p, .info-box ul li {
		font-size: 16px;
	}
	.info-box .net-speed-text {
		font-size: 25px;
	}
	.bottom-info-text {
		font-size: 18px;
		margin: 30px auto 0 auto;
	}
	.info-box.info-box-2 p:first-child {
		margin-bottom: 25px;
	}
	.offers-bottom .products-img {
		margin-left: -20px;
	}
	.bottom-content {
		padding-bottom: 100px;
	}
}


@media only screen and (max-width : 340px) {
	h1 {
		font-size: 33px;
	}
	h1 span {
		font-size: 27px;
	}
}