/*SMARTPHONE RESPONSIVE*/

/*360x640*/
@media screen and (max-width: 739px){
	ul.topnav li:not(:first-child){display:none;}
	ul.topnav li.icon{
		float:right;
		display:inline-block;
	}
	ul.topnav.responsive {position: absolute;}
	ul.topnav.responsive li.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	ul.topnav.responsive li {
		float: none;
		display: inline;
	}
	ul.topnav.responsive li a {
		display: block;
		text-align: left;
	}
	#ponuda{
		width:100%;
		top:120px;
	}
	#BACK1{
		visibility: hidden;
	}
	#footer{
		visibility: hidden;
	}
	#copyright{
		visibility:hidden;
	}
}

@media screen and (min-height: 320px) and (max-height: 350px){
	#footerMobile{
		visibility: visible;
		position:absolute;
		top:470%;
	}
}
@media screen and (min-height: 360px) and (max-height: 380px){
	#footerMobile{
		visibility: visible;
		position:absolute;
		top:420%;
	}
}
@media screen and (min-height: 400px) and (max-height: 420px){
	#footerMobile{
		visibility: visible;
		position:absolute;
		top:365%;
	}
}
@media screen and (min-height: 450px) and (max-height:500px){
	#footerMobile{
		visibility: visible;
		position:absolute;
		top:270%;
	}
}
@media screen and (min-height: 560px) and (max-height: 580px){
	#footerMobile{
		visibility: visible;
		position:absolute;
		top:260%;
	}
}
@media screen and (min-height: 640px) and (max-height: 680px){
	#footerMobile{
		visibility: visible;
		position:absolute;
		top:230%;
	}
}
@media screen and (min-height: 700px) and (max-height: 750px){
	#footerMobile{
		visibility: visible;
		position:absolute;
		top:210%;
	}
}
@media screen and (min-height: 800px and max-width: 900px){
	#footerMobile{
		visibility: visible;
		position:absolute;
		top:185%;
	}
}

@media screen and (min-width: 740px) and (max-width: 780px){
	ul.topnav li:not(:first-child){display:none;}
	ul.topnav li.icon{
		float:right;
		display:inline-block;
	}
	ul.topnav.responsive {position: absolute;}
	ul.topnav.responsive li.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	ul.topnav.responsive li {
		float: none;
		display: inline;
	}
	ul.topnav.responsive li a {
		display: block;
		text-align: left;
	}
	#ponuda{
		width:100%;
		top:120px;
	}
	#BACK1{
		visibility: hidden;
	}
	#footer{
		visibility: hidden;
	}
	#copyright{
		visibility:hidden;
	}
	#footerMobile{
		visibility: visible;
		position:absolute;
		top:150%;
	}
}
@media screen and (min-width: 800px) and (max-width: 900px){
	ul.topnav li:not(:first-child){display:none;}
	ul.topnav li.icon{
		float:right;
		display:inline-block;
	}
	ul.topnav.responsive {position: absolute;}
	ul.topnav.responsive li.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	ul.topnav.responsive li {
		float: none;
		display: inline;
	}
	ul.topnav.responsive li a {
		display: block;
		text-align: left;
	}
	#ponuda{
		width:100%;
		top:120px;
	}
	#BACK1{
		visibility: hidden;
	}
	#footer{
		visibility: hidden;
	}
	#copyright{
		visibility:hidden;
	}
	#footerMobile{
		visibility: visible;
		position:absolute;
		top:250%;
	}
}
@media screen and (min-width: 950px) and (max-width: 1200px){
	#footer{
		top:130%;
	}
	#copyright{
		top:165%;
	}
}
@media screen and (min-width: 1100px) and (min-height: 700px){
	#footer{
		top:110%;
	}
	#copyright{
		top:145%;
	}
	#footerMobile{
		visibility: hidden;
	}
}