@media (min-width: 786px) and (max-width : 5300px) {
	.normal-icon img.inactive {
		-webkit-filter: drop-shadow(0px 0px 0px rgba(255,255,255,0.0));
		-webkit-backface-visibility: hidden;
	}
	.normal-icon:hover img.inactive {
		-webkit-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.8));
	}
	.normal-icon img.active, a.btn-sla:hover img {
		-webkit-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.8));
	}
}
@media (min-width: 1200px) and (max-width : 1600px) {
	.uvod {
		height: 500px;
	}
	.poklon .puzzla {
		width: 350px;
	}
	.poklon-img {
		width: 540px;
	}
	.puzzla-home {
		width: 300px;
	}
}

@media (max-width : 1400px) {
	.inner-top {
		padding-left: 50px;
	}
}

@media (max-width : 1199px) {
	.inner-top img{
		max-width: 390px;
	}
}

@media only screen and (max-height : 800px) {
	.home-logo {
		/*width: 250px;*/
		margin-left: 75px;
	}
	.illustration-home h3 {
		font-size: 46px;
		line-height: 49px;
	}
	.illustration-home h2 {
		font-size: 36px;
		line-height: 45px;
		margin-bottom: 0;
	}
}

@media only screen and (max-width : 1199px) and (min-width : 992px) {
	.vrecke {
		transform: scale(.95);
	}
	.top-logo {
		text-align: center;
		margin: 160px 0 0;
	}
	.top-logo img {
		max-width: 600px;
	}
	.mnstr-box.mini {
		margin-left: -120px;
	}
	.toplogo-section {
		margin: 314px 0 50px;
	}
	.illustration-top-box h2.first-one {
		margin: 38px auto 50px auto;
		font-size: 45px;
	}
	.home {
		/* height: 3162px; */
	}
	.zvoni .mnstr-img,  .gigo .mnstr-img,  .zuba .mnstr-img,  .faca .mnstr-img {
		width: 230px;
	}
	.zvoni .mnstr-img {
		width: 290px;
	}
	.gigo .mnstr-img {
		width: 278px;
	}
	.zuba .mnstr-img {
		width: 248px;
	}
	.faca .mnstr-img {
		width: 249px;
		margin-top: -5px;
	}
	.mini .mnstr-ovrl {
		top: -116px;
	}
	.gigo .mnstr-ovrl {
		right: 27px;
	}
	.mini .mnstr-img {
		width: 292px;
        margin-right: -125px;
        margin-top: -6px;
	}
	.mnstr-box.zvoni {
		margin-right: 0;
	}
	.mnstr-box.zuba {
		margin-left: -30px;
	}
	.mnstr-box.faca {
		margin-top: 20px;
	}
	.illustration-home h1 {
		margin: 60px auto 0px;
	}
	.illustration-home h3 {
		font-size: 55px;
		line-height: 55px;
	}
	.illustration-home h2 {
		font-size: 45px;
		line-height: 45px;
		margin-bottom: 20px;
	}
	.uvod {
		height: 450px;
	}
	.poklon .puzzla {
		width: 350px;
		left: 100px;
	}
	.poklon-img {
		width: 540px;
	}
	.prenesi-broj .uvod .style-text h2 {
		font-size: 60px;
		line-height: 65px;
		margin: 0 0 10px;
	}
	.puzzla-home {
		width: 250px;
		right: 75px;
	}
	.mnstr-ovrl h4 strong {
		font-size: 25px;
	}
	.mnstr-ovrl h4 {
		font-size: 22px;
	}
	.mnstr-ovrl img {
		width: 240px;
	}
	.mnstr-ovrl {
		top: -83px;
    	right: -75px;
	}
	.slozi-svoju-slatku-hej-slagalicu {
		
	}
	.top-section-inside {
		height: 550px;
		background-size: cover;
	}
	.aktiviraj-tarifu {
		margin-top: 0;
	}
	.footer-bg {
		margin-top: -265px;
	}
}

@media only screen and (max-width : 991px) and (min-width : 768px) {
	.aktiviraj-tarifu {
		padding-top: 20px;
	}
	.home {
		max-width: 2286px;
		margin: 0 auto;
		margin: 0 auto;
		position: relative;
		overflow: hidden;

	}
	.title-inner h2 {
		font-size: 27px;
	}
	.aktiviraj-tarifu {
	}
	.inner-top img{
		max-width: 360px;
	}
	.toplogo-section {
		padding: 0px;
	}
	.bg-gradient {
		background-size: 150%;
	}
	.bundeva {
		right: -125px;
	}
	.first-text {
		margin-bottom: 50px;
	}
	.first-text strong {
		font-size: 22px;
	}
	.first-text, .second-text {
		font-size: 18px;
	}
	.home, .aktiviraj-tarifu {
		margin-top: 0px;
	}
	.top-logo {
		text-align: center;
	}
	.top-logo{
		margin: 50px 0 !important;
	}
	.top-logo img {
		width: 80%;
		margin: 0;
	}
	.inner-top {
		padding-left: 30px;
		padding-bottom: 45px;
		padding-right: 30px;
		padding-top: 67px;
	}
	.nap-wrapper {
		background-size: 400%;
	}
	.bg-cookies {
		background-size: cover!important;
		height: 87px;
	}
	.top-section-inside .logo-img {
	    width: 207px;
	}
	.top-section-inside {
		height: 580px;
	}
	.home-logo {
	    margin-top: -30px;
	}
	.illustration-home h1 {
		margin: 0 auto 25px;
	    padding-top: 0;

	}
	.middle-section {
		padding: 26px 0 252px;
	}
	.illustration-top-box h2 {
		font-size: 35px;
	}
	.mnstr-box.zuba {
		margin-top: 23px;
	}
	/*.mnstr-img {
		width: 200px;
	}*/
	/*body {
		background: #703c89 url(/custom/hej-slagalica/assets/images/bg-slatki.jpg) no-repeat center 75px;
	}*/
	/*.mnstr-img.mnstr-size {
		width: 200px;
	}*/
	.snow-mob {
		top: -8px;
	}
	.slozi-svoju-slatku-hej-slagalicu {
		
	}
	.jigsaw .wrapper {
		padding: 20px 20px 90px;
	}
	.puzzla-home {
		width: 300px;
	}
	.poklon h2 {
		font-size: 50px;
		line-height: 50px;
	}
	.uvod, .poklon {
		height: 450px;
	}
	.poklon .puzzla {
		width: 300px;
		left: 50px;
	}
	.poklon-img {
		width: 540px;
	}
	.prenesi-broj .uvod .style-text h2 {
		font-size: 50px;
		line-height: 55px;
		margin: 0 0 10px;
	}
	.prenesi-broj .style-text p {
		font-size: 19px;
	}
	.home-logo {
		width: 100px;
		margin-bottom: 30px;
	}
	.illustration-home h3 {
		font-size: 55px;
		line-height: 55px;
	}
	.illustration-home h2 {
		font-size: 45px;
		line-height: 45px;
		margin-bottom: 20px;
	}
	.home-text h2 {
		font-size: 50px;
		line-height: 50px;
	}
	.home-text p {
		padding: 0 130px;
	}
	.normal-icon img.inactive {
		/*width: 110px;*/
	}
	.third-one.normal-icon img.inactive {
		/*width: 115px;*/
	}
	.second-one {
		left: 108px;
	}
	.third-one {
		left: 212px;
	}
	.fourth-one {
		left: 333px;
	}
	.koliko-megabajta .normal-icon {
	    top: -12px;
	}
	.koliko-poruka .normal-icon {
	    top: 3px;
	}
	.koliko-razgovora .normal-icon {
	    top: 20px;
	}
	.normal-icon img.active {
		/*width: 110px;*/
	}
	.normal-icon.active img.active {
		/*width: 110px;*/
	}
	.normal-icon.fourth-one img.inactive {
		/*width: 115px;*/
	}
	.illustration-home {
		margin-top: 76px;
	}
	.logo a {
		padding: 13px 0;
	}
	.home {
		height: auto;
	}
	.zvoni .mnstr-ovrl {
		right: -78px;
	}
	.zuba .mnstr-ovrl {
		right: -78px;
	}
	.banner-full {
		width: 100%;
	}
	.mnstr-box {
		margin: 0 auto 20px auto;
		width: auto;
	}
	.mnstr-box.zuba {
		margin-right: 0;
	}
	.mnstr-box.zvoni {
		margin-right: 0;
	}
	.mnstr-ovrl {
		/*top: -115px;
		right: -140px;*/
		top: -100px;
		right: -120px;
	}
	.illustration-top-box h2 {
	    margin: 32px 0 -28px 0;
	}
	.option-ovrl {
		width: 100%;
		left: 0;
	}
	.klikni-slozi-img {
		margin-left: 60px;
	}
	.top-section .illustration-top-box {
		padding-top: 40px;
	}
	.mb-200-jesen {
	    margin-left: -4px;
	}
	.mb-600-jesen {
		margin-left: -65px;
	}
	.gb-3-jesen {
		margin-left: -50px;
	}
	.gb-7-jesen {
		margin-left: -95px;
	}
	.min-30-jesen {
		margin-left: -60px;
	}
	.min-80-jesen {
		margin-left: 0px;
	}
	.middle-section .content {
		padding-top: 0;
	}
	.zvoni .mnstr-img {
		width: 270px;
	}
	.mini .mnstr-img {
		width: 289px;
        margin-top: -18px;
	}
	.gigo .mnstr-img {
		width: 284px;
	}
	.faca .mnstr-img {
		width: 265px;
		margin-left: 55px;
		margin-top: -10px;
	}
	.toplogo-section img {
		width: 500px;
	}
}

@media only screen and (max-width : 991px) {
	.tanjuri-img{
		margin-bottom: 100px;
	}
	.leaves {
		position: absolute;
		top: 25px;
		left: -120px;
		width: 132%;
	}
	.vrecke {
		margin-left: 50px;
	}
	.toplogo-section {
		margin: 275px 0 27px;
	}
	.top-logo {
		margin: 35px 0 0;
		text-align: left;
	}
	.illustration-home h1 {
		font-size: 35px;
	}
	.illustration-home {
		margin-bottom: 30px;
	}
	.illustration-top-box h2 span {
		font-size: 50px;
	}
	.mini-img {
		margin-right: 0
	}
	.gigo-img {
		margin-left: 0;
	}

	.zuba-img {
	 margin-right: 0;
	 margin-top: -25px;
	 width: 255px;
	}

	.faca-img {
		margin-left: 0;
	}
	.top-section-inside {
		background-position: 40% 100%;
	}
	.bottom-section-inside  {
		background-size: cover!important;
	}
	.top-section-inside {
		background-size: cover!important;
	}
	.home, .aktiviraj-tarifu {
		/*background: url('/custom/hej-slagalica/assets/images/hej-slagalica-background-ljeto-mobile.jpg') top center / cover no-repeat;*/
		margin-top: 76px;
	}
	.mini-title-img {
		margin: 0;
	}
	.top-section-inside {
		position: relative;
		margin-top: 75px;
	}
	.snow-mob {
		position: absolute;
		width: 100%;
	}
	.options-wrapper {
		padding-top: 0;
	}
	.tarifa-wrapper .koliko-razgovora .mejn {
		width: 680px;
	}
	.tarifa-wrapper .koliko-poruka .mejn {
		width: 680px;
	}
	.tarifa-wrapper .koliko-megabajta .mejn {
		width: 815px;
	}
	.wrapper-icons {
		left: 285px;
	}
	.send-it span {
		font-size: 22px;
		line-height: 29px;
	}
	.send-it span.size-wrapper {
		margin: 4px 0;
	}
	.send-it {
		font-size: 16px;
		line-height: 20px;
		padding-top: 5px;
	}
	.final-text {
		font-size: 18px;
		line-height: 18px;
	}
	.final-text .kockica {
	    margin: 0 13px 0 0;
	    padding: 3px 3px 1px;
	    font-size: 10px;
	    line-height: 10px;
	}
	.final-text img {
		width: 18px;
	}
	.final-price span {
		font-size: 74px;
		line-height: 52px;
	}
	.final-price strong {
		font-size: 18px;
		line-height: 22px;
	}
	.push-right {
		padding-left: 0;
	}
	.content.inner {
	    padding-top: 70px;
	}
	.illustration-home {
		background: none;
	}
	.illustration-top-box.second {
		padding-top: 0;
	}
	.option-ovrl {
		top: 0;
		height: 100%;
	}
	.elk-and-snowman-img {
		margin-top: 30px;
		position: unset;
		transform: unset;
	}
	.content-top .col-xs-12:last-child .mnstr-box  {
		margin-bottom: 0;
	}
	.content {
		padding: 0 0 20px;
	}
}

@media only screen and (max-width : 767px) {
	.toplogo-section {
        margin: 116px 0 0px;
    }
	.mini-img {
		margin-top: -14px;
	}
	.top-logo {
		background: none;
		height: auto;
		margin: 50px 0 !important;
	}
	.bundeva {
		position: absolute;
		top: -125px;
		right: -21px;
		width: 100px;
	}
	.top-logo img {
		margin-top: 0;
        width: 80%;
        margin-left: 0;
	}
	.illustration-home small {
		margin: 52px 0 0 0;
	}
	.mini .mnstr-ovrl {
		top: -81px;
		right: -22px;
	}
	.zvoni .mnstr-ovrl {
		top: -78px;
		right: -19px;
	}
	.inner-top img{
		max-width: 200px;
	}
	.inner-top-bonus {
		height: 104px;
	}
	.middle-section {
		max-width: 1600px;
		margin: 10px auto 0;
	}
	.toplogo-section {
		padding: 0px 0 32px;
	}
	.toplogo-section img {
		width: 287px;
	}
	.home {
		max-width: 2286px;
    margin: 0 auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
	margin-top: 61px;

	}
	.aktiviraj-tarifu {
		margin-top: 61px;
		padding-top: 0;
	}
	.inner-top {
		padding: 35px 18px 0px;
		max-width: 1600px;
		margin: 0 auto;
	}
	.bg-cookies {
		background-size: cover!important;
		height: 57px;
	}
	.title-inner {
		margin: 32px 0 25px;
	}
	.title-inner h2 {
		font-size: 16.5px;
	}
	.title-inner h2 small {
		font-size: 15px;
		margin-top: 9px;
	}
	.home-logo {
		width: 75px;
	}
	.head-paper {
		background-size: 100%;
		width: 100%;
		background-repeat: no-repeat;
		padding: 21px 0 0;
		height: 94px;
	}
	.head-paper-blue {
	    width: 100%;
	    height: 107px;
	    padding: 35px 0 0;
	    background-size: 100%;
	    background-repeat: no-repeat;
	}
	.head-paper-purple {
	    width: 100%;
	    height: 109px;
	    padding: 38px 0 0;
	    background-size: 100%;
	    background-repeat: no-repeat;
	}
	.top-section-inside {
		height: 42vh;
	}
	.top-section-inside .logo-img {
	    width: 90px;
	}
	.home {
	    /* background: #040430 url(/custom/hej-slagalica-ljeto/assets/images/ljeto/bg.jpg) no-repeat top center / cover; */
	}
	.illustration-home h1 {
		width: 100%;
		background-size: 100%;
	    padding-top: 24px;
	}
	.illustration-top-box h2.first-one {
		width: 100%;
		background-size: 100%;
		padding-top: 0;
		left: 0;
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 22px;
		font-size: 22px;
	}
	.illustration-top-box h2 strong {
		display: inline;
	}
	.lisce-top {
		width: 465px;
	}
	.lisce-bottom {
		top: 85px;
    	width: 600px;
	}
	.snow-mob {
		top: -3px;
	}
	.mb-200-jesen  {
		margin-left: 5px;
	}
	.bag-img.mb-600-jesen {
		margin-left: -48px;
	}
	.bag-img.gb-3-jesen {
		height: 200px;
	}
	.top-section, .middle-section, .bottom-section, .bottom-section-inside {
		background-size: 320%;
	}
	.illustration-home {
		min-height: 100%;
	}
	.top-section .illustration-top-box {
		padding-top: 25px;
	}
	.superman-pic.active {
		right: 0;
		left: 0;
		margin: auto;
	}
	.logo a {
		padding: 6px 0 3px 0;
	}
	.puzzla-home {
		width: 200px;
		bottom: -35px;
		right: -94px;
	}
	.illustration-home {
		padding: 0;
	}
	.home-logo {
		width: 75px;
		margin-top: 0;
		margin-bottom: 25px;
	}
	.illustration-home h1 {
		font-size: 25px;
        margin: 25px 0 0 0;
	}
	.illustration-home h1 span {
		font-size: 28px;
	}
	.illustration-top-box {
		width: 100%;
    	margin: 0 auto 0 auto;
	}
	.illustration-home h3 {
		font-size: 43px;
		line-height: 43px;
		margin: 40px 0 0 5px;

	}
	.illustration-home h2 {
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.home-text h2 {
		font-size: 25px;
		line-height: 25px;
	}
	.home-text p {
		padding: 0;
	}
	.content {
		padding: 10px 0 35px;
	}
	.home-icons {
		margin: 25px auto 0;
		width: 55%;
	}
	.babls .custom-row {
		margin-left: -5px;
		margin-right: -5px;
	}
	.babls .custom-col {
		padding-left: 5px;
		padding-right: 5px;
	}
	a.babl h2 {
		font-size: 20px;
		line-height: 20px;
	}
	a.babl h2 span {
		font-size: 13px;
		line-height: 15px;
	}
	a.babl strong {
		font-size: 9px;
		margin: 10px 0 0;
	}
	a.babl .pos-abs {
		padding: 0 30px;
	}
	.share-it {
	    padding: 40px 0;
	    margin-top: 0;
	}
	.prenesi-broj .share-it {
		padding: 40px 0 40px;
	}
	.share-it .wrapper img {
		width: 60px;
	}
	.share-it .wrapper  a {
		padding: 0 1px;
	}
	.share-it h3 {
		font-size: 16px;
		line-height: 16px;
		margin: 0 0 10px;
	}
	.banner-footer {
		margin-bottom: 40px;
	}
	.babls {
		margin-top: 55px;
	}
	a.arrow, a.arrow:active, a.arrow:focus, a.arrow:visited {
		padding-bottom: 0px;
	}
	.home-btn {
		font-size: 26px;
		line-height: 29px;
		padding: 15px 15px 15px 15px;
	}
	.home-btn em {
		font-size: 17px;
	}
	.custom-icon {
		margin: 75px auto 0px;
   		width: 20%;
	}
	.tarifa-wrapper .mejn {
		display: none;
		height: 90px;
	}
	.wrapper-icons {
		left: 0;
		position: relative;
		height: 80px;
		padding: 0 8px 0;
	}
	.koliko-razgovora, .koliko-poruka, .koliko-megabajta {
		height: 100%;
		position: relative;
	}
	.headline-tarife {
		padding: 0px 8px 2px;
		margin: 0;
	}
	.koliko-razgovora {
		margin: 10px 0;
	}
	.slozi-svoju-slatku-hej-slagalicu {
	    margin: 0;
	    max-width: 45%;
	}
	.headline-tarife img {
		float: left;
		width: 16px;
		margin: 0 4px 0 0;
	}
	.koliko-poruka .headline-tarife img {
		margin-top: 1px;
	}
	.koliko-megabajta .headline-tarife span {
		margin-top: 5px;
	}
	.headline-tarife span {
		display: block;
		font-size: 14px;
		line-height: 1;
		margin-top: 0;
	}
	.headline-tarife {
		font-size: 22px;
		line-height: 1;
	}
	.normal-icon img {
		width: 80px;
	}
	.normal-icon img.inactive {
		width: 80px;
	}
	.aktiviraj-tarifu .style-text h4 {
		font-size: 15px;
		line-height: 17px;
		padding: 0;
	}
	.aktiviraj-tarifu .style-text h2 {
		font-size: 12px;
		line-height: 12px;
		font-weight: 400;
		margin: 3px 0 10px;
	}
	.aktiviraj-tarifu .style-text h3 {
		font-size: 13px;
	}
	.nr {
	    width: 40px;
		height: 40px;
		border-radius: 20px;
		font-size: 65px;
		line-height: 65px;
		margin: 0 9px 20px 0;
		padding: 2px 0 0;
		border: none;
	}
	h1.logo {
		top: 9px;
	}
	
	#main-header {
		height: auto;
		position: fixed;
		width: 100%;
		z-index: 50;
	}
	.content.inner {
	    padding-top: 80px;
	}
	.second-nap {
	    margin: 15px 20px 0;
	    padding: 17px 15px 6px;
	}
	.first-one {
		left: 27px;
	}
	.second-one {
		left: 95px;
	}
	.third-one {
		left: 162px;
	}
	.fourth-one {
		left: 237px;
	}
	.koliko-megabajta .normal-icon, .koliko-poruka .normal-icon, .koliko-razgovora .normal-icon {
	    top: 0px;
	}
	.koliko-poruka {
		margin: 3px 0;
	}
	.koliko-megabajta .normal-icon, .koliko-razgovora .normal-icon, .koliko-poruka .normal-icon {
		width: 80px;
		height: 80px;
	}
	.koliko-megabajta .normal-icon.fourth-one {
		top: 2px;
	}
	.send-it {
		font-size: 11px;
		line-height: 11px;
		padding: 0;
		color: #fff;
	}
	.mnstr-box.zvoni {
		margin-right: 0;
	}
	.home {
		height: auto;
	}
	.mini .mnstr-img.mnstr-size {
		width: 200px;
	}
	.mnstr-box.zuba {
		margin-right: 0;
	}
	.mnstr-box.faca {
		margin-left: 0;
	}
	.send-it span {
		font-size: 24px;
		line-height: 15px;
		margin-top: 6px;
	}
	.jigsaw .wrapper {
		padding: 15px 10px 85px;
	}
	.final-text {
		font-size: 12px;
		line-height: 12px;
		font-stretch: normal;
		width: 100%;
	}
	.final-text .kockica {
	    margin: -4px 7px 0 0;
	    padding: 3px 4px 0px;
	    font-size: 7px;
	    line-height: 7px;
	}
	.final-text img {
		width: 13px;
	}
	.final-text img {
		margin: -1px 10px 0 5px;
	}
	.poruke-final.final-text img {
		width: 12px;
		margin: 0 10px 0 5px;
	}
	.internet-final.final-text img {
		margin-top: -2px;
	}
	.gigo .mnstr-ovrl {
		right: -38px;
    	top: -79px;
	}
	.final-price {
		line-height: 10px;
		padding-left: 10px;
		width: 60px;
	}
	.final-price span {
		font-size: 35px;
		line-height: 35px;
		margin: 0;
	}
	.final-price strong {
		font-size: 12px;
		line-height: 10px;
	}
	.final-text.razgovori-final {
		margin-top: 7px;
		padding-top: 15px;
		border-top: 1px solid #fff;
	}
	.send-it span.size-wrapper {
	    margin: 10px 0 7px;
	}
	a[href^=tel] {
		color: #fff;
	}
	.hej-ba {
		float: none;
		font-size: 13px;
		line-height: 13px;
		padding: 10px 0 10px 15px;
	}
	.uvod {
		height: 205px;
		margin-top: 40px;
	}
	.prenesi-broj .uvod .style-text h2 {
		font-size: 25px;
		line-height: 25px;
		margin: 0 0 5px;
	}
	.prenesi-broj .style-text p {
		font-size: 12px;
		line-height: 14px;
		padding-right: 40px;
		margin: 0 0 15px;
	}
	.poklon .puzzla {
	    left: 25px;
	    top: -40px;
	    width: 110px;
	}
	.poklon h2 {
		font-size: 23px;
		line-height: 25px;
	}
	.poklon {
		height: 220px;
	}
	.prenesi-broj .content.inner {
		padding-top: 20px;
	}
	.prenesi-broj .style-text h2 {
		font-size: 22px;
		line-height: 25px;
		margin: 0 0 5px;
		padding-right: 30px;
	}
	.prenesi-broj .style-text p {
	    font-size: 13px;
	    line-height: 20px;
	    padding-right: 0;
	}
	.poklon-img {
		width: 250px;
		margin-left: 30px;
	}
	.tarifa-wrapper {
		margin-bottom: 20px;
	}
	.nap {
		font-size: 12px;
	}
	a.arrow span {
		font-size: 40px;
		line-height: 40px;
		margin: 5px 0 0;
	}
	.cool {
	    font-size: 15px;
	    line-height: 18px;
	    margin: 20px 0 10px;
	    padding: 11px 20px 9px;
	    border-radius: 6px;
	}
	.prenesi-broj .style-text h3 {
		font-size: 15px;
		line-height: 19px;
	}
	.prenesi-broj .style-text ul {
		margin-bottom: 10px;
	}
	.prenesi-broj .style-text ul li {
	    font-size: 13px;
	    line-height: 20px;
	    margin: 0 0 5px;
	}
	.fix-width {
		max-width: 380px;
		margin: 0 auto;
	}
	.nr {
		color: #fff;
	}
	.illustration-home {
		margin-top: 3px;
        margin-bottom: 3px;
	}
	.illustration-home h1 strong {
		font-size: 18px;
		margin-top: 2px;
	}
	.first-text strong {
		font-size: 16px;
	}
	.first-text, .second-text {
		font-size: 18px;
		text-align: center!important;
	}
	.first-text {
		margin-top: 25px;
		margin-bottom: 10px;
		text-align: center!important;
		font-size: 17px!important;
	}
	.second-text small {
		font-size: 13px;
		font-weight: 700;
	}
	.share-mob {
		padding:  15px 15px 0;
	}
	.share-mob a {
		display: inline-block;
		padding: 0 2px 0 0;
	}
	.share-mob a img {
		width: 30px;
	}
	.mejn {
		display: none;
	}
	@keyframes jump { 0% { bottom: -15px; } 50% { bottom: 10px; } 100% { bottom: -15px; } } 
	.superman-pic {
		display: block;
		width: 240px;
		margin: 20px auto 0 auto;
	}
	.cloud-mob-box {
		max-width: 320px;
    	margin: 0 auto;
	}
	.cloud-1 {
		width: 110px;
	}
	.cloud-2 {
		width: 170px;
	}
	/* --------- Slagalica 07-2020  ----------*/
	.mnstr-ovrl img {
		width: 150px;
	}
	.mnstr-ovrl h4 {
		top: 15px;
    	font-size: 13px;
	}
	.mnstr-ovrl h4 strong {
		font-size: 16px;
		margin-bottom: 4px;
	}
	.mnstr-img.mnstr-size{
		width: 170px;
	}
	.middle-section {
		padding-top: 15px;
	}
	.leaves {
		position: absolute;
		top: 60px;
		left: -36px;
		width: 184%;
	}
	.leave-1, .leave-2 {
		width: 15%;
	}
	.mnstr-img.mnstr-size.gigo-img {
		width: 167px;
	}
	.mnstr-img.mnstr-size.zuba-img {
		width: 158px;
    	margin-top: -70px;
	}
	.mnstr-img.mnstr-size.faca-img {
		width: 158px;
		margin: 0;
	}
	.mini-title-img {
		width: 190px;
	}
	.mnstr-ovrl {
		top: -80px;
		right: -30px;
	}
	.mnstr-box {
		width: auto;
		margin: 0 auto 15px auto;
	}
	.illustration-top-box img.klikni-slozi-img {
		width: 400px;
	}
	.bags-box {
		width: auto;
		margin: 0 auto 10px auto;
		transform: translateX(30px);
	}
	.middle-section {
		padding-bottom: 170px;
	}
	.footer-bg {
		height: 220px;
		/* background: url(/custom/hej-slagalica-akcija/assets/images/2024/bg-footer.jpg) bottom center / cover no-repeat; */
		background-size: 100%;
	}
	.bags-box.bag-4 {
		margin: 0 auto 25px auto!important;
	}
	.bags-box.bag-5 {
		margin: 0 auto 15px auto!important;
	}
	.bags-box.bag-mob-mb-0 {
		margin: 0 auto;
	}
	.illustration-top-box h2 {
		font-size: 16px;
		margin: 0;
	}
	.illustration-top-box h2 strong {
		font-size: 18px;
		margin-top: 3px;
	}
	.illustration-top-box h2 span {
		font-size: 25px;
    	margin: 15px 0 20px 0;
	} 
	.illustration-top-box h2.first-one span {
		/* color: #fff; */
	}
	.banner-full {
		width: 100%;
	}
	.home-logo {
		margin-left:0!important;
	}
	.footer-section {
	    margin: 40px auto 0;
	    /* background: url(/custom/hej-slagalica/assets/images/rodendan/bg-text3.png) no-repeat top center / cover; */
	}
	.zuba .mnstr-ovrl {
		top: -149px;
    	right: -33px;
	}
	.mnstr-box.zvoni {
		z-index: 2;
	}
	.faca .mnstr-ovrl {
		top: -42px;
	}
	.illustration-top-box.top-box-bottom h2 span {
		margin: 10px 0 0 0;
	}
	.bag-img {
		/*width: 240px;*/
		height: 194px;
	}
	.bag-img.mb-600-jesen {
		height: 210px;
	}
	.fleka-img {
		width: 175px;
	}
	.bag-ovrl {
		position: absolute;
		bottom: -50px;
		left: auto;
		right: 145px;
	}
	.content-top {
		padding-bottom: 0!important;
	}
	.bottom-section {
		margin-bottom: 0;
	}
	.bag-ovrl h4 {
		bottom: 75px;
		font-size: 15px;
	}
	.bag-ovrl h4 strong {
		font-size: 20px;
	}
	.option-ovrl h4 strong {
		font-size: 35px;
	}
	.klikni-slozi-img {
		width: 115%;
	}
	a.btn-sla {
		padding: 10px 0 0px;
	}
	.top-section-inside {
		margin-top:60px;
		padding: 40px 0 25px 0;
		position: relative;
	}
	.top-section-inside:before {
		background: rgba(0,0,0,0.35);
	}
	.tarifa-wrapper-custom.aktiviraj-tarifu-wrapper {
		padding-top: 0px;
	}
	.nap {
		padding: 0 15px 210px 15px;
	}
	.bottom-section {
		padding: 0;
	}
	.illustration-top-box .text-mb-100 {
		margin-bottom: 50px;
	}
	.top-section-inside {
		background-position: 30% 100%;
		align-items: flex-start;
	}
	@media screen and (orientation:landscape) {
		.inner-top {
			padding: 30px 40px 30px 80px;
		}
		.toplogo-section {
			padding: 75px 0 340px;
		}
		.illustration-top-box img.klikni-slozi-img {
			width: 130%;
			margin: 0 0 -120px -80px;
		}
	}
}

@media only screen and (max-width : 340px) {
	.illustration-home h1 span, .illustration-top-box h2 span {
		font-size: 26px;
	}
	.superman-pic {
		display: block;
		width: 180px;
		margin: 20px auto 0 auto;
	}
	.cloud-mob-box {
		max-width: 250px;
		margin: 0 auto;
	}
	.cloud-1 {
		width: 80px;
	}
	
	.cloud-2 {
		width: 140px;
	}
	.koliko-megabajta .normal-icon, .koliko-razgovora .normal-icon, .koliko-poruka .normal-icon {
		width: 70px;
		height: 80px;
	}
	.normal-icon img {
		width: 70px;
	}
	.normal-icon img.inactive {
		width: 70px;
	}
	/* --------- Slagalica 07-2020 ----------- */
	.mnstr-ovrl img {
		width: 170px;
	}
	.mnstr-box, .bags-box {
		width: 250px;
	}
	.bag-ovrl {
		right: -30px;
	}
	.mnstr-ovrl {
		top: -65px;
		right: -40px;
	}
	.mnstr-ovrl h4 {
		top: 20px;
	}
	.mini-title-img {
		width: 160px;
	}
}