@media only screen and (max-width: 767px) {
	h2.mainTitleKviz{
		font-size: 44px;
	}	
	h2.odigraj{
		font-size: 22px !important;
		text-align: center;
		line-height: 22px;
		padding-top: 20px;
	}
}

@media only screen and (max-width: 767px) {
	h2.odigraj{
		font-size: 28px;
		text-align: center;
		line-height: 28px;
		padding-top: 50px;
	}
	p.napomena{
		text-align: center;
	}
	h2.mainTitleKviz{
		font-size: 50px;
	    line-height: 8px;
	    color: white;
	    font-family: 'geometr415';
	    font-weight: 900;
	    text-align: center;
	    margin: 0 0 20px 0;	    
	    float: none;
	}
	a.gumbIgraj {
		font-size: 28px!important;
		padding: 10px 40px!important;
	}
	.share-this a img {
		width: 50px!important;
		height: 50px!important;
	}
	.share-this h2 {
		font-size: 20px!important;
		margin-bottom: 10px!important;
	}
	.share-this {
	    margin: 30px 0 90px!important;
	}
	img.mainIlustr {
		margin-top: 10px!important;
	}
	.final h1 {
		font-size: 60px!important;
		margin-bottom: 0!important;
	}
	.final p.sher-opis {
		font-size: 15px!important;
		line-height: 17px!important;
	}
	.quiz h1 {
		font-size: 31px!important;
		line-height: 33px!important;
	}
}


@media only screen and (max-width: 991px) {
	h2.mainTitleKviz{
		font-size: 43px;
	}	
	h3.headerSen{
		margin-left: 258px;
		font-size: 18px;
	}
	h2.odigraj{
		font-size: 37px;
	}
	.text.prenesi {
		width: 720px;
	}
	.bg-home {
		background:#d7d7d7 url(/assets/images/bg-home.jpg) no-repeat top center;
		background-size: 1500px 1000px;
	}
	.top-text h1 {
		padding: 80px 0 40px;
		font-size: 50px;
		line-height: 50px;
	}
	a.scroll {
		margin-bottom: 393px;
		font-size: 19px;
	}
	a.scroll i {
		font-size: 61px;
		margin-top: 13px;
	}
	.circle.savrsena-tarifa {
		margin: 0px 0px 0 0;
	}
	.circle.zaigraj-i-osvoji {
		margin: 10px 200px 0 0;
	}
	.share-this {
		margin:120px 0 120px;
	}
	.share-this h2 {
		font-size: 30px;
		margin: 0 0 30px;
	}
	.share-this a img {
		width: 100px;
		height:100px;
	}
	.share-this a {
		margin: 0 5px;
	}
	#footer .share-this a {
		margin: 0 3px;
	}
	.circle a {
		width: 295px;
		height: 326px;
		padding: 70px 25px 0;
		background-size: 295px 326px;
	}
	.circle a h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.circle a p {
		font-size: 14px;
		line-height: 20px;
	}
	.circle.savrseni-telefon {
		margin: -55px 0 0 120px;
	}
	.circle.savrseni-telefon.n {
		margin: -5px 0 0 0px;
	}
	.circle.savrseni-telefon a {
		padding: 70px 30px 0;
	}
	.circle.savrseni-telefon a span.more {
		left: -25px;
		bottom: -55px;
	}
	.circle.savrseni-telefon.n a span.more {
		bottom:-35px;
	}
	span.bonus {
		top: 25px;
		left: -253px;
	}
	span.bonus img {
		max-width: 267px;
	}
	span.samsung {
		right: -290px;
		bottom: 0px;
	}
	span.samsung img {
		max-height: 416px;
	}
	span.samsung-mob {
		right: -309px;
		bottom: 0px;
	}
	span.samsung-mob img {
		max-height: 416px;
	}
	.circle a span.more {
		width: 176px;
		height: 150px;
		background-size: 176px 150px;
		bottom: -45px;
		right: -45px;
		font-size: 24px;
		padding-top: 35px;
		line-height: 28px;
	}
	.circle a span.more strong {
		font-size: 29px;
		line-height: 29px;
	}
	.circle.savrsena-tarifa a span.more {
		background-size:176px 150px; 
	}

	.circle.savrseni-telefon a span.more {
		background-size:176px 150px; 
	}

	.circle.savrseni-telefon.n a span.more {
		background-size:176px 150px;
	}

	.circle.zaigraj-i-osvoji a span.more {
		background-size:176px 150px; 
	}
	.samsung-logo {
		margin: 180px 0 20px;
		max-width: 344px;
	}
	#slide-3-s {
		height: 545px;
		background:url(/assets/images/prenesi-broj-3.jpg) no-repeat;
		background-position: -650px center;
		background-size: 1920px 492px;
		padding-bottom: 0;
	}
	#slide-3-s.samsung {
		background:url(/assets/images/samsung3.jpg) no-repeat;
		padding-bottom: 0;
		height: 492px;
		padding: 50px 0 ;
	}
	#slide-3-s.dodatni {
		background:url(/assets/images/dodatni-3.jpg) no-repeat;
		height: 587px;
		background-size: 1920px 587px;
		background-position: -780px 0;
	}
	#slide-5-s {
		height: 768px;
		padding-bottom: 0;
		background:url(/assets/images/samsung-5.jpg) no-repeat;
		background-position: -510px center;
		background-size: 1920px 768px;
	}
	.other-text h1 {
		font-size: 32px;
		line-height: 40px;
		margin: 0 0 30px;
	}
	.other-text.white-color p {
		font-size: 23px;
		line-height: 36px;
	}
	.other-text p.bigger {
		font-size: 27px;
		line-height: 40px;
		margin-top: 75px;
	}
	.teh-specs td {
		font-size: 13px;
	}
	.teh-specs td.first-title {
		font-size: 15px;
	}
	#footer .share-this {
		margin:100px 0 100px;
	}
	#footer .share-this a img {
		width: 75px;
		height: 75px;
	}
	.share-this h2 {
		font-size: 21px;
		margin: 0 0 20px;
	}
	a.go-to-top {
		margin-top: 190px;
		font-size: 24px;
	}
	#slide-1-s {
		background-position: top center;
		height: 775px;
		background:url(/assets/images/prenesi-broj-1.jpg) no-repeat top center;
	}
	#slide-1-s.dodatni {
		background:url(/assets/images/dodatni-1.jpg) no-repeat top center;
	}
	#slide-1-p {
		background-position: top center;
		height: 550px;
		background:#ecedf1 url(/assets/images/pitalica-1.jpg) no-repeat top center;
	}
	#slide-1-p.n {
		background-position: top center;
		height: 550px;
		background:#ecedf1 url(/assets/images/pitalica-1-n.jpg) no-repeat top center;
	}
	#slide-1-p h1 {
		font-size: 44px;
		margin-top: 90px;
		text-align: left;
	}
	#slide-1-s p {
		font-size: 23px;
		line-height: 37px;
		margin: 0;
		text-align: left;
	}
	a.scroll {
		margin-bottom: 392px;
	}
	#slide-1-s a.scroll {
		margin-bottom: 240px;
	}
	.text {
		width: 600px;
		font-size: 35px;
		padding: 0;
		height: 160px;
		line-height: 41px;
	}
	.text.prenesi {
		width: 720px;
		text-align: right;
		color: #e32028;
		font-size: 50px;
		height: 100px;
		line-height: 60px;
	}
	#slide-2-s {
		height: 655px;
		background-size: 1920px 655px;
	}
	#slide-2-s.dodatni {
		height: 657px;
		background-size: 1920px 657px;
	}
	#slide-2-p {
		padding: 100px 0 80px;
	}
	#slide-2-p.n {
		height: 576px;
		background-size: 2137px 576px;
	}
	#slide-3-p {
		padding: 120px 0;
		height: 519px;
	}
	#slide-3-p.n {
		height: 522px;
	}
	#slide-1-s a.scroll {
		padding: 80px 0;
	}
	.other-text, .other-text.white-color {
		padding: 80px 0 0;
	}
	#slide-7-s.dodatni {
		padding-top: 30px;
	}
	.other-text.big-one {
		padding: 160px 0 0;
	}
	.other-text p {
		font-size: 22px;
		line-height: 32px;
	}
	.other-text p.big-one {
		font-size: 33px;
		line-height: 42px;
	}
	#slide-4-s {
		height: 570px;
		padding-bottom: 0;
		background:url(/assets/images/prenesi-broj-4.jpg) no-repeat center center;
	}
	#slide-4-s.samsung {
		background:url(/assets/images/samsung4.jpg) no-repeat center center;
	}
	#slide-4-s.dodatni {
		height: 601px;
		padding-bottom: 0;
		background:url(/assets/images/dodatni-4.jpg) no-repeat center center;
	}
	#slide-7-s, #slide-8-s {
		padding: 120px 0;
	}
	#slide-8-s {
		padding: 120px 0 0;
	}
	.results {
		padding: 60px 0;
	}
	#slide-7-s h1,  #slide-8-s h1, .results h1 {
		font-size: 45px;
		margin-bottom: 50px;
	}
	#slide-8-s h1 {
		margin-bottom: 20px;
	}
	.buy a {
		margin: 0 10px;
	}
	#slide-7-s .buy a {
		-webkit-border-radius: 140px;
		-moz-border-radius: 140px;
		border-radius: 140px;
		width: 280px;
		height: 280px;
		font-size: 18px;
		padding: 70px 45px 0;
		margin-bottom: 0;
	}
	#slide-7-s .buy a strong {
		font-size: 33px;
		line-height: 40px;
	}
	#footer .share-this h2 {
		font-size: 21px;
	}
	.box10 {
		margin: 0 0 0 60px;
	}
	.bottom-side {
		width: 185px;
		bottom: 75px;
	}
	.box20 {
		width: 185px;
		margin-right: 0;
	}
	p.quote {
		font-size: 25px;
		line-height: 31px;
	}
	.box-wrapper h2 {
		font-size: 30px;
		line-height: 23px;
	}
	.box-wrapper p {
		font-size: 19px;
		line-height: 28px;
	}
	.box-wrapper {
		background-position: 214px top;
		min-height: 411px;
		margin: 100px 0 0;
	}
	.box-wrapper .box10 .bottom-side {
		width: 160px;
	}
	.box10 {
		width: 160px;
	}
	.box-wrapper .box10 h2 {
		font-size: 23px;
		line-height: 18px;
	}
	.box-wrapper .box10 p {
		font-size: 15px;
		line-height: 19px;
	}
	.other ul li {
		font-size: 16px;
		line-height: 35px;
	}
	.other h1 {
		font-size: 34px;
		line-height: 40px;
	}
	.other h1, .other ul {
		margin-top: 70px;
	}
	.other ul {
		margin-bottom: 0;
	}
	.links a {
		display: inline;
		margin-bottom: 0;
	}
	.tabs a {
		-webkit-border-radius: 150px;
		-moz-border-radius: 150px;
		border-radius: 150px;
		width: 300px;
		height: 300px;
		font-size: 39px;
		margin: 0 20px 0 20px;
		line-height: 41px;
		padding: 50px 30px 0;
	}
	.tabs a span {
		font-size: 22px;
		margin-top:-7px;
	}
	.tabs a strong {
		margin-bottom: -5px;
	}
	.tabs {
		margin:  0 0 100px;
	}
	.how hr {
		margin: 80px 0 65px;
	}
	#slide-1, #slide-2, #slide-3, #slide-4, #slide-5 {
		height: 511px;
	}
	#slide-4 {
		height: 377px;
	}
	#slide-5 {
		height: 505px;
		background:url(/assets/images/tarifa-5.jpg) no-repeat -390px top;
	}
	#slide-6 {
		padding: 100px 0;
	}
	#slide-1 {
		background:url(/assets/images/tarifa-1.jpg) no-repeat -375px top;
	}
	#slide-3 {
		background:url(/assets/images/tarifa-3.jpg) no-repeat top center;
	}
	.add-padding-right {
		padding-right: 20px;
	}
	#slide-2 {
		background-size: 1920px 519px;
		background-position: top center;
	}
	.how h1 {
		font-size: 43px;
		line-height: 47px;
		margin-bottom: 50px;
	}
	.how h2 {
		font-size: 30px;
	}
	.how ul li {
		font-size: 17px;
	}
	.how ul {
		margin: 20px 0 0;
	}
	.how p {
		font-size: 17px;
		line-height: 31px;
		margin-bottom: 30px;
	}
	.links a:last-child {
		margin-bottom: 0;
	}
	a.hej-ba {
		float: right;
		font-size: 16px;
		padding-left: 0;
	}
	#slide-2-p img {
		max-height: 310px;
		margin: 0 2px;
	}
	a.play-now {
		width: 420px;
		height: 100px;
		font-size: 40px;
	}
	#slide-4-p {
		padding: 100px 0;
	}
	.quiz {
		
	}
	.quiz h1 {
		font-size: 50px;
		margin-bottom: 40px;
		color: #363233;
	}
	.question-number {
		padding-top: 25px;
	}
	a.answer {
		padding: 40px;
		font-size: 25px;
	}
	.final {
		margin: 120px auto 100px;
		max-width: 450px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding: 40px;
	}
	.final h1 {
		font-size: 91px;
		line-height: 90px;
		margin-bottom: 10px;

	}
	.final p {
		font-size: 19px;
		line-height: 25px;
	}
	.final p.second {
	    font-size: 35px;
	    margin-bottom: 25px;
	    line-height: 37px;
	}
	.final p:last-child {
		font-size: 20px;
		line-height: 23px;
	}
	.alert-him {
		margin-bottom: 100px;
	}
	#slide-4-p a {
		margin: 0 20px;
		display: inline;;
	}
	.login {
		margin: 0 0 30px;
		padding: 30px;
	}
	.login p  {
		font-size: 15px;
		line-height: 21px;
	}
	.margin-top-bottom {
		margin-top: 80px;
		margin-bottom: 50px;
	}
	.login h1  {
		font-size: 30px;
	}
	.login a.btn {
		font-size: 16px;
		/*padding: 10px 50px;*/
	}
	.toolboxWindow {
		width: 100%/*500px*/;
	}
	.toolboxWindow h1 {
		font-size: 30px;
	}
	.toolboxWindow label {
		font-size: 14px;
	}
	.modal-body h2 {
		font-size: 18px;
	}
	h1.big-one {
		font-size: 60px;
		margin: 190px 0 0;
		text-align: left;
	}
	#slide-1-s a.scroll, #slide-1-p a.scroll {
		margin-bottom: 150px;
	}
	a.gumbIgraj{
	    font-size: 50px;
		padding: 30px;
		/*width: 600px;*/
	}
	a.gumbIgrajSmall{
	    font-size: 19px;
		padding: 10px;
		width: 300px;
		margin-top: 20px;
	}
	.fail-msg a.gumbIgrajSmall {
		width: 400px;
		font-size: 25px;
	}
	a.gumbIgraj:hover{
		background: white;
		color:black;
		text-decoration: none;
	}
}


@media only screen and (max-width: 992px) {
	#slide-3-s.dodatni {
		background-position: 0 0 ;
	}
	.text.prenesi {
		width: 920px;
	}
	.login h1  {
		font-size: 36px;
	}
	.login p  {
		font-size: 17px;
		line-height: 22px;
	}
	a.play-now {
		padding-top: 22px;
	}
	.question-number {
		padding-top: 24px;
	}
	.final {
		max-width: 500px;
	}
	.final h1 {
		font-size: 103px;
		margin-bottom: 15px;
	}
	.final p {
		font-size: 24px;
		line-height: 30px;
	}
	.final p.second {
	    font-size: 40px;
	    margin-bottom: 25px;
	    line-height: 40px;
	}
	#slide-2-p img {
		max-height: 401px;
		margin: 0 10px;
	}
	#slide-1-p h1 {
		font-size: 55px;
	}
	.other h1, .other ul {
		margin-top: 90px;
	}
	.bg-home {
		background-size: 1920px 1280px;
	}
	.top-text h1 {
		font-size: 73px;
		line-height: 69px;
		padding: 160px 0 80px;
	}
	a.scroll {
		margin-bottom: 470px;
	}
	.circle.savrsena-tarifa {
		margin: -207px -65px 0 0;
	}
	.circle.zaigraj-i-osvoji {
		margin: -195px 150px 0 0;
	}
	.share-this {
		margin:80px 0 180px;
	}
	.share-this h2 {
		font-size: 30px;
		margin: 0 0 40px;
	}
	#footer .share-this h2 {
		font-size: 25px;
		margin: 0 0 20px;
	}
	.share-this a img {
		width: 153px;
		height:153px;
	}
	#footer .share-this a img {
		width: 75px;
		height:75px;
	}
	.samsung-logo {
		margin: 180px 0 20px;
	}
	#slide-3-s {
		background-position: -650px center;
		height: 530px;
	}
	#slide-5-s {
		background-position: -475px center;
	}
	.other-text h1 {
		font-size: 46px;
		line-height: 56px;
	}
	.other-text.white-color p {
		font-size: 32px;
		line-height: 42px;
	}
	.other-text p.bigger {
		font-size: 32px;
		line-height: 42px;
	}
	.teh-specs {
		margin: 60px 0 60px;
	}
	.table-responsive > .full-specs.table {
		margin: 90px 0 120px;
	}
	.teh-specs td {
		font-size: 15px;
	}
	.teh-specs td.first-title {
		font-size: 17px;
	}
	a.go-to-top {
		margin-top: 195px;
	}
	.box10 {
		margin: 0 0 0 120px;
	}
	.bottom-side {
		width: 230px;
	}
	.box20 {
		width: 230px;
	}
	.box-wrapper h2 {
		font-size: 43px;
		line-height: 29px;
	}
	.box-wrapper p {
		font-size: 24px;
		line-height: 31px;
	}
	.box-wrapper {
		background-position:  283px top;
	}
	.box-wrapper .box10 .bottom-side {
		width: 170px;
	}
	.box10 {
		width: 170px;
	}
	.box-wrapper .box10 h2 {
		font-size: 29px;
		line-height: 20px;
	}
	.box-wrapper .box10 p {
		font-size: 18px;
		line-height: 21px;
	}
	.other ul li {
		font-size: 20px;
		line-height: 40px;
	}
	.other h1 {
		font-size: 43px;
		line-height: 47px;
	}
	.tabs a {
		-webkit-border-radius: 175px;
		-moz-border-radius: 175px;
		border-radius: 175px;
		width: 350px;
		height: 350px;
		padding: 60px 30px 0;
		font-size: 46px;
		line-height: 48px;
	}
	#slide-1 {
		background:url(/assets/images/tarifa-1.jpg) no-repeat top center;
	}
	#slide-5 {
		background:url(/assets/images/tarifa-5.jpg) no-repeat top center;
	}
}