/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

	.main-collage-online {
		height:630px;
	}	
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
 	.wrapper, .wwide {
		min-width: 100%;
	}
	#header {
		height:inherit;
	}
	.box-collage, .shadlr {
		margin: 0px 5px;
	}	
	.shadlr {
		width:auto;
	}
	.quick-guide {
		padding: 15px 0px 0px;
		text-align: center;
	}	
	.startWork {
		display: block;
		margin: 0 0 10px 0;
		font-size: 1.5em;
		line-height: 23pt;
		padding: 5px 40px;
	}
	.showVideoButton {
		width: 49%;
		margin: 0 0 5px;
		display: inline-block;
		font-size: 1.1em;
	}	
	.info-top h1 {
		font-size: 1.3em;
		text-align: center;
	}	
	.examples-top h2 {
		font-size: 1.7em;
	}
	.block-examples a {
		padding: 5px;
	}
	.block-examples img.examples {
		width: 160px;
	}	
	.oftenQuestions {
		text-align: center;
	}
	.main-collage-online {
		height: 710px;
	}	
	#footmenu .dpad {
		height:inherit;
	}
	#footmenu ul {
		margin: 10px 0 10px 0px;
	}
	#footer {
		padding: 12px 0 0 0;
	}	
	.maincont iframe {
		width: 100%!important;
		max-width: 600px;
	}
	#midside img {
		width:100%;
	}
	.top-start-collage {
		height:auto;
	}
	.top-start-collage .exStart {
		font-size: 1.2em;
	}	
	.to-max-size {
		display:block;
	}
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
	.wrapper, .wwide {
		min-width: 100%;
	}
	#header {
		height:inherit;
	}
	.box-collage, .shadlr {
		margin: 0px 5px;
	}	
	.shadlr {
		width:auto;
	}
	.quick-guide {
		padding: 15px 0px 0px;
		text-align: center;
	}	
	.startWork {
		display: block;
		margin: 0 0 10px 0;
		font-size: 1.5em;
		line-height: 23pt;
		padding: 10px 40px;
	}
	.showVideoButton {
		width: 100%;
		margin: 0 0 5px;
		display: block;
		font-size: 1.2em;
	}	
	.info-top h1 {
		font-size: 1.3em;
		text-align: center;
	}	
	.examples-top h2 {
		font-size: 1.7em;
	}
	.block-examples a {
		padding: 5px;
	}
	.block-examples img.examples {
		width: 128px;
	}	
	.oftenQuestions {
		text-align: center;
	}
	.main-collage-online {
		height:630px;
	}	
	#footmenu .dpad {
		height:inherit;
	}
	#footmenu ul {
		margin: 10px 0 10px 0px;
	}
	#footer {
		padding: 12px 0 0 0;
	}	
	.maincont iframe {
		width: 100%!important;
		max-width: 600px;
	}
	#midside img {
		width:100%;
	}
	.top-start-collage {
		height:auto;
	}
	.top-start-collage .exStart {
		font-size: 1.2em;
	}	
	.to-max-size {
		display:block;
	}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

	.wrapper, .wwide {
		min-width: 100%;
	}
	#header {
		height:inherit;
	}
	.logo-block .logo-text:before {
		content: "";
	}
	.logo-block .logo-text {
		font-size: 12pt;
		color: #0f0f0e;
		letter-spacing: 0.7pt;
	}
	.tg-float a {
		content: "";
	}
	.examples-top .block-examples {
		padding:10px 0;
	}
	.box-collage, .shadlr  {
		margin: 0px 5px;
	}	
	.shadlr {
		width:auto;
	}
	.quick-guide {
		padding: 15px 0px 0px;
		text-align: center;
	}	
	.startWork {
		display: block;
		margin: 0 0 10px 0;
		font-size: 1.5em;
		line-height: 23pt;
		padding: 10px 40px;
	}
	.showVideoButton {
		width: 100%;
		margin: 0 0 5px;
		display: block;
		font-size: 1.2em;
	}
	.info-top h1 {
		font-size: 1.6em;
		text-align: center;
	}	
	.examples-top h2 {
		font-size: 1.5em;
	}
	.block-examples a {
		padding: 5px;
	}
	.block-examples img.examples {
		width: 120px;
	}	
	.oftenQuestions {
		text-align: center;
	}
	.main-collage-online {
		height:460px;
	}
	#footmenu .dpad {
		height:inherit;
	}
	#footmenu ul {
		margin: 10px 0 10px 0px;
	}
	#footer {
		padding: 12px 0 0 0;
	}
	.maincont iframe {
		width: 100%!important;
		max-width: 600px;
	}
	#midside img {
		width:100%;
	}
	.top-start-collage {
		height:auto;
	}
	.top-start-collage .exStart {
		font-size: 1.2em;
	}
	.to-max-size {
		display:block;
	}

	
}