@media only screen and (max-width: 319px) { }

@media only screen and (max-width: 479px) {
	.app2u-eshop > .welcome > div { padding: 0 15px; box-sizing: border-box; } 
	.app2u-eshop > .welcome .big-text { font-size: 5.1vw; }
	.app2u-eshop > .welcome .small-text { font-size: 4.5vw; }
	.app2u-eshop > .welcome .small-text.extra { display: none; }
	.app2u-eshop > .welcome .read-more { transform: scale(0.8); bottom: 20px; }
	
	.app2u-eshop > section { box-sizing: border-box; padding: 60px 10px; }
	.app2u-eshop > section img { width: 100%;  height: auto; }
	
	.why-app2u .answers .answer-subtitle { line-height: 1.1; }
	.why-app2u .answers .answer.answer-special > h6 { line-height: 1; }
	
	.project .project-info { box-sizing: border-box; width: 100%; }
	
	.app2u-contact .contact-title { line-height: 1; }
	.app2u-manager-email > a { color: #000; overflow-wrap: break-word; word-wrap: break-word; }
	.app2u-info .app2u-info-logo > img { width: 100px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.app2u-eshop > .welcome > div { padding: 0 15px; box-sizing: border-box; } 
	.app2u-eshop > .welcome .big-text { font-size: 28px; }
	.app2u-eshop > .welcome .small-text { font-size: 20px; }
	.app2u-eshop > .welcome .small-text.extra { font-size: 18px; }
	.app2u-eshop > .welcome .small-text.extra > .inner { width: 80%; }
	
	.app2u-eshop > section img { width: 100%;  height: auto; }
	
	.why-app2u .answers .answer-subtitle { line-height: 1.1; }
	.why-app2u .answers .answer.answer-special > h6 { line-height: 1; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.app2u-eshop > .welcome .big-text { font-size: 40px; }
	.app2u-eshop > .welcome .small-text { font-size: 23px; }
	.app2u-eshop > .welcome .small-text.extra { line-height: 30px; }
	.app2u-eshop > .welcome .small-text.extra > .inner { width: 75%; }
	
	.app2u-eshop > section { padding: 60px 0px; }
	.app2u-eshop > section img { width: 100%;  height: auto; }
	
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.app2u-eshop > section { padding: 60px 0px; }
	.app2u-eshop > section .container img { width: 100%;  height: auto; }
}

@media only screen and (min-width: 960px) {
    #menu-wrap .container .sixteen.columns {
        width: 940px;
    }
}

/* special for menu only */
@media only screen and (max-width: 960px) {
	.eshop-page .menu-collapser { margin: 13px 0 10px; }
	.eshop-page .menu-collapser .collapse-button { right: 15px; }
	.eshop-page ul.slimmenu.collapsed > li { padding: 0 15px; }
	.eshop-page ul.slimmenu.collapsed > li::after { display: none; }
	
	.eshop-page .cbp-af-header.cbp-af-header-shrink .menu-collapser { margin: 1px 0 0; height: 41px; line-height: 41px; }
}