@media (min-width: 1200px) and (max-width : 1570px) {
   
}

@media (max-width : 1399px){
	.slide-51{
		background-position: -170px !important;
	}
}

@media (max-width : 1200px){
	.links a{
		margin-right: 20px;
	}
	.reminder-text{
		left: -85px;
		bottom: -60px;
	}
}

@media (min-width: 992px) and (max-width : 1199px) {
	.logo-hometv {
		width: 300px;
	}
	.devices {
		width: 510px;
	}
	.text-wrapper h2 {
		font-size: 22px;
        font-weight: 800;
        line-height: 1.1;
	}
	.text-wrapper h3 {
		font-size: 20px;
	}
	.text-wrapper h1 {
		line-height: 1.1;
	}
	.mobiles {
		margin-right: -250px;
        margin-top: -100px;
        width: 650px;
	}
	.links img {
		height: 125px;
	}
	.text-wrapper p{
		font-size: 20px;
	}
}

@media (max-width : 991px) {
	.pt-text {
		padding-top: 200px;
		padding-bottom: 75px;
	}
	.slide-4a {
		height: auto;
		position: relative;
		background-size: contain!important;
	}
	/* .slide-4a:after {
		content: '';
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, .25);
		position: absolute;
		z-index: 0;
	} */
	.slide-9 h2 br {
		display: none;
	}
	.text-wrapper h2 span {
		font-size: 21.5px;
	}
	.text-wrapper h3 a{
		margin-top: 20px;
	}
	.slide-1 {
		height: unset;
		padding-bottom: 50px;
		padding-bottom: 20px;
	}
	.slide-51 {
        height: 560px;
        padding: 160px 0 80px;
        background-position: -171px -200px !important;
        background-repeat: no-repeat !important;
        background-color: #000 !important;
    }
	.slide-52 {
		background: url(/custom/hometv-novi/assets/images/section-52-background-mobile-new.jpg);
        padding: 25px 0 50px;
		background-position-y: bottom !important;
        height: 840px;
        background-size: 992px !important;
	}
}

@media (min-width: 768px) and (max-width : 991px) {
	.slide-3a {
		height: 500px;
	}
	.text-wrapper .section-title {
		font-size: 41px;
	}
	.text-wrapper p {
		margin-top: 20px;
	}
	.hajduktv {
		max-width: 50px;
		margin-top: 100px;
		margin-bottom: 10px;
	}
	.nice-box.has-btn{
		padding-bottom: 60px;
	}
	.content {
		padding-top: 76px;
	}
	.logo-hometv {
		margin-top: -20px;
		margin-bottom: -50px;
		width: 300px;
	}
	.text-wrapper h1 {
		font-size: 38px;
	}
	.text-wrapper p {
		font-size: 19px;
	}
	.mobiles {
		margin: 30px 0;
        width: 600px;
	}
	.text-wrapper h2 {
		font-size: 30px;
	}
	.text-wrapper h3 {
		font-size: 16px;
		margin: 20px 0 0;
	}
	.slide-3{
		height: auto;
		padding: 50px 0;
	}
	.devices {
		margin: 170px 0 0 30px;
	}
	.links-box {
		margin-top: 170px;
	}
	.text-wrapper h2 span {
		font-size: 21.5px;
	}
	.slide-10 .mobiles {
		margin-top: 15px;
   	 	margin-bottom: -30px;
    	margin-right: -200px;
    	margin-left: 70px;
	}
	.slide-4{
		padding: 75px 0;
        height: unset;
	}
	.phone-last-image{
		margin-left: -75px;
	}
	.devices-image{
		margin-left: 0;
		width: unset;
	}
	.slide-6, .slide-5{
		height: unset;
		padding: 100px 0;
	}
	.slide-7{
		height: 700px;
	}
	.app-image img{
		max-width: 125px;
	}
	.hajduktv-wrapper .text-wrapper p strong {
		font-size: 20px;
		margin-top: 10px;
	}
}

@media (max-width : 767px) {
	.hajduktv-wrapper .text-wrapper p strong { 
		font-size: 20px;
	}
	.text-wrapper p {
		margin-top: 20px;
		font-size: 16px;
	}
	.pt-text {
		padding-top: 125px;
		padding-bottom: 65px;
	}
	.slide-3a {
		background: url(/custom/hometv-novi/assets/images/section3a-mob.jpg);
		padding: 36vw 40px 0;
		background-position: bottom center !important;
		min-height: 153vw;
	}
	.slide-52 {
        background: url(/custom/hometv-novi/assets/images/section-52-background-mobile-new.jpg);
        padding: 20px 0 50px;
        height: 640px;
        background-position-y: bottom !important;
		background-size: 767px !important;
    }
	.slide-51{
		height: 500px;
		padding: 200px 0 80px;
		background-position: -240px -200px !important;
		background-repeat: no-repeat !important;
		background-color: #000 !important;
	}
	.app-text h2{
		font-size: 1.5rem;
	}
	.text-wrapper .undertitle{
		font-size: 23px;
	}
	.text-wrapper .subtitle-p{
		font-size: 17px;
	}
	.phone-last-image{
		width: 500px;
		margin-left: -25px;
		margin-top: 50px;
	}
	.devices-image{
		margin-left: 0;
		width: 480px;
	}
	.nice-wrapper .nice-box{
		width: 40%;
		margin-bottom: 20px;
	}
	.slide-7 .text-wrapper h2, .slide-7 .text-wrapper h3{
		color: #000;
	}
	.text-wrapper h2 span {
		font-size: 17px;
	}
	.slide-4 {
		height: unset;
		position: relative;
		padding: 50px 0;
	}
	.slide-4:before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(0, 0, 0, .2);
	}
	.logo-hometv {
		margin-top: -20px;
    	margin-bottom: -30px;
		width: 200px;
	}
	.slide-5, .slide-6, .slide-7 {
		height: unset;
		padding: 50px 0;
	}
	.content {
		padding-top: 61.05px;
	}
	.text-wrapper h1 {
		font-size: 26px;
	}
	.text-wrapper p {
		font-size: 18px;
	}
	.recorder-text{
		color: #fff;
	}
	.mobiles {
		margin: 0 0 50px;
		width: 480px;
	}
	.arrow {
		width: 40px;
	}
	.h-80 {
		height: 85%!important;
	}
	.arrow {
		width: 50px;
	}
	.text-wrapper h2 {
		font-size: 25px;
	}
	.text-wrapper h2 br {
		display: none;
	}
	.text-wrapper ul {
		margin: 20px 0 0 20px;
	}
	.text-wrapper h3 {
		font-size: 15px;
		margin: 15px 0 0;
	}
	.devices {
		width: 100%;
		margin-top: 100px;
	}
	.slide-3 {
		padding: 50px 0 0;
		height: auto;
	}
	.slide-8 {
		padding: 50px 0 0;
		background-position: bottom left!important;
		height: 980px;
	}
	.text-wrapper ul li {
		font-size: 15px;
	}
	.slide-9 {
		padding: 60px 0;
		height: auto;
	}
	.links-box {
		margin-top: 75px;
	}
	.links-box img {
		max-width: 150px;
	}
	p.note {
		font-size: 12px;
	}
	.links img {
		max-height: 30px;
	}
	.under-links {
		font-size: 18px;
	}
	.content .float-menu {
		min-height: auto;
		padding: 5px 0;
		display: block;
	}
	.h-80 {
		height: 80%!important;
	}
	.app-image img{
		max-width: 100px;
	}
	.text-wrapper .section-title{
		font-size: 33px;
	}
	.text-wrapper .section-title.last{
		font-size: 26px;
	}
	.app-text{
		font-size: 1rem;
	}
	.text-wrapper .smaller-text-p{
		font-size: 1rem;
	}
}

@media (max-width : 575px) {
	.nice-wrapper .nice-box{
		width: 100%;
		margin: 0 0 15px;
	}
	.slide-52{
		background-size: 575px !important;
        height: 550px;
		padding: 10px 0 50px;
	}
}