/* Responsive styles */


/* Small device portrait */

@media (max-width:479px) {
	html {
		position: inherit;
	}
	header {
		position: relative;
		padding-bottom: 15px;
	}
	.logo {
		width: 75%;
	}
	header .menu-burger {
		display: block;
	}
	.main_content {
		position: inherit;
		z-index: 1;
		box-shadow: none;
	}
	.main_content ul {
		margin: 0;
		padding: 0;
	}
	#mainpage_wellcome_text {
		padding: 25px 0;
	}
	#mainpage_wellcome_text h3, #mainpage_wellcome_text p {
		padding-left: 0;
	}
	#mainpage_wellcome_text h3 {
		font-size: 25px;
	}
	#mainpage_wellcome_text p {
		font-size: 13px;
	}
	#productdemo {
		padding: 25px 0;
	}
	blockquote {
		margin: 1.5em 0 1.5em 0;
	}
	blockquote:before {
		margin-right: 0;
	}
	.leaflets_pict, .leaflets_desc {
		width: 50%;
	}
	.leaflets_desc {
		padding-left: 15px;
	}
	.leaflets_desc p {
		font-size: 11px;
		margin: 20px 0;
	}
	.btn__rounded {
		padding: 7px 15px 8px;
	}
	.section_leaflets .col-xs-12 {
		margin-bottom: 30px;
	}
	.section_leaflets .col-xs-12:last-child {
		margin-bottom: 0;
	}
	.verification_container__text, .verification_container__img {
		width: 100%;
	}
	.verification_container__text p {
		font-size: 12px;
	}
	.verification_container__img img {
		padding-top: 0;
	}
	.info .info_wrapper > div {
		margin-right: 0;
	}
	.info i {
		font-size: 60px;
	}
	.info h4 {
		font-size: 18px;
		padding: 18px 0 0;
	}
	.info span {
		font-size: 13px;
		font-weight: 400;
		margin: 0;
		padding: 15px 0 0;
		display: block;
	}
	.footer_top .col-xs-12 {
		margin-bottom: 30px;
	}
	.footer_top .col-xs-12:last-child {
		margin-bottom: 0;
	}
	.footer_top p.pad {
		padding: 0;
	}
	.footer_bottom .right {
		float: none;
	}
	ul#footer_bottom__menu {
		float: none;
	}
	ul#footer_bottom__menu li {
		display: block;
		text-align: left;
		margin-right: 20px;
	}
	#head_text {
		margin-top: 0;
	}
	.head_text__t h2 {
		padding: 0;
	}
	#subpage_text table td:empty {
		display: none;
	}
	#subpage_text table th {
		display: block;
		width: 100%;
	}
	#subpage_text table td:not(:empty) {
		border-bottom: 1px solid #ddd;
	}
	#subpage_text p, #subpage_text li {
		font-size: 12px;
		line-height: 1.5em;
	}
	#subpage_text li {
		margin-bottom: 5px;
	}
	.cikkek .cikkek_item p{
		font-size: 12px;
	}
	.cikkek .cikkek_item span{
		font-size: 12px;
	}
	#subpage_text .leaflets_wrapper {
		margin-bottom: 30px;
	}
	#subpage_text .leaflets_pict {
		width: 20%;
	}
	#subpage_text .leaflets_pict img {
		position: absolute;
		left: -50%;
	}
	#subpage_text .leaflets_desc {
		width: 100%;
		padding-left: 25%;
	}
}

/* Small device landscape*/

@media (min-width:480px) and (max-width:767px) {
	html {
		position: inherit;
	}
	header {
		position: inherit;
		padding-bottom: 15px;
	}
	header.sticky {
		position: fixed;
		top: 0;
	}
	.logo {
		width: 55%;
	}
	header .menu-burger {
		display: block;
	}
	header .menu-items.fs ul li {
		margin-top: 10px;
	}
	header .menu-items {
		margin-top: 20px;
	}
	.main_content {
		position: inherit;
		z-index: 1;
		box-shadow: none;
	}
	.main_content ul {
		margin: 0;
		padding: 0;
	}
	#mainpage_wellcome_text {
		padding: 25px 0;
	}
	#mainpage_wellcome_text h3, #mainpage_wellcome_text p {
		padding-left: 0;
	}
	#mainpage_wellcome_text h3 {
		font-size: 25px;
	}
	#mainpage_wellcome_text p {
		font-size: 13px;
	}
	#productdemo {
		padding: 25px 0;
	}
	blockquote {
		margin: 1.5em 0 1.5em 0;
	}
	blockquote:before {
		margin-right: 0;
	}
	.leaflets_pict {
		width: 40%;
	}
	.leaflets_desc {
		width: 50%;
	}
	.leaflets_pict img {
		width: 90%;
	}
	.leaflets_desc {
		padding-left: 15px;
	}
	.leaflets_desc p {
		font-size: 11px;
		margin: 20px 0;
	}
	.btn__rounded {
		padding: 7px 15px 8px;
	}
	.section_leaflets .col-xs-12 {
		margin-bottom: 30px;
	}
	.section_leaflets .col-xs-12:last-child {
		margin-bottom: 0;
	}
	.verification_container__text{
		width: 60%;
	} 
	
	.verification_container__img {
		width: 40%;
		float: left;
	}
	.verification_container__text p {
		font-size: 12px;
	}
	.verification_container__text h4 {
		margin-top: 0;
		padding-top: 0;
	}
	.verification_container__img img {
		padding-top: 0;
	}
	.info .info_wrapper > div {
		margin-right: 0;
		width: 70%;
	}
	.info .info_wrapper > div:first-child {
		width: 20%;
		padding-bottom: 20px;
	}
	.info i {
		font-size: 60px;
	}
	.info h4 {
		font-size: 18px;
		padding: 0;
	}
	.info span {
		font-size: 13px;
		font-weight: 400;
		margin: 0;
		padding: 15px 0 0;
		display: block;
	}
	.footer_top .col-xs-12 {
		margin-bottom: 30px;
		width: 50%;
	}
	.footer_top .col-xs-12:last-child {
		width: 100%;
	}
	.footer_top .col-xs-12:last-child {
		margin-bottom: 0;
	}
	.footer_top p.pad {
		padding: 0;
	}
	.footer_bottom.mobilelandscape .col-xs-12 {
		width: 50%;
	}
	.footer_bottom .right {
		float: right;
	}
	ul#footer_bottom__menu {
		float: right;
	}
	ul#footer_bottom__menu li {
		display: inline-block;
		text-align: left;
		margin-right: 20px;
	}
	#totop {
		bottom: 102px;
	}
	#subpage_text table td:not(:empty) {
		border-bottom: 1px solid #ddd;
	}
}


/* Tablet portrait */

@media (min-width:768px) and (max-width:991px) {
	.wellcome_screen {
		margin-top: 140px;
	}
	#mainpage_wellcome_text h3, #mainpage_wellcome_text p {
		padding-left: 0;
	}
	blockquote {
		margin: 1.5em 0 1.5em 0;
	}
	blockquote:before {
		margin-right: 0;
	}
	.info h4 {
		padding-top: 5px;
	}
	.info .info_wrapper > div:first-child {
		margin-right: 30px;
	}
	.verification_container__text {
		width: 60%;
	}
	.verification_container__img {
		width: 40%;
	}
	.verification_container__img img {
		width: 100%;
	}
	.section_leaflets .col-xs-12 {
		margin-bottom: 30px;
	}
	.section_leaflets .col-xs-12:last-child {
		margin-bottom: 0;
	}
	.leaflets_desc p {
		font-size: 15px;
	}
}

/* Tablet landscape */
@media (max-device-width: 1024px) and (orientation: landscape) { 
	.info h4 {
		padding-top: 5px;
	}
}
