@media only screen and (min-width: 0px) and (max-width: 1169px) {
	.mobile {display:block}
	.desktop {display:none !important}
	header, .limit, .mycontainer, footer {width:100% !important}
	.mycontainer .limit, footer .limit {padding:0 10px; background:none}
}

@media only screen and (min-width: 800px) and (max-width: 1169px) {
	.hampshire {background-size:100% 100%}
	.programs {padding-bottom:20px}
	.programs .item, .programs .item:first-child {width:50%; margin:0 0 30px}
	.programs .item img {margin:0 auto}
	.tabs .tab-content {float:none; width:unset; margin-left:270px}
	.tabs .tab-pane .floatl {margin:0 0 15px}
	.tabs .tab-pane .floatr {float:left}

	.next_in .item:first-child {padding:35px 20px}
	.next_in .item:nth-child(2) {display:flex; flex-wrap:wrap; align-items:center}
	.next_in .item .todownload, .next_in .item .todownload:first-child {margin:5px}
	.next_in .item .call {font-size:40px; padding:15px 0 15px 73px; display:inline-block}
	footer .floatl, footer .floatr {width:49%}
}

@media only screen and (min-width: 0px) and (max-width: 799px) {
.mb50 {margin-bottom:5px}
	.mb70 {margin-bottom:30px}
	.p25 {padding:0}
	hr {margin:30px 0}
	.header {padding:10px; min-height:unset}
	.header .logo {float:none; margin:0 0 10px}
	.logo .f33 {font-size:30px}
	.header .call {float:none; padding:11px 35px 11px 100px; display:inline-block}
	.header .call .f33 {font-size:22px}
	.index header {background-position:0 35px}
	header .limit.white {min-height:unset}
	.slogan1 {font-size:30px}
	.slogan2 {padding-top:30px}
	.slogan2:before {font-size:18px; top:10px; width:unset}
	.slogan2 .opacitybg {font-size:36px; padding:30px 10px 10px 70px; background-size:40px auto; background-position:15px 30px}
	.hampshire {font-size:18px; position:static; margin:0; padding:15px}	
	.bebas.f52 {font-size:30px}
	.programs .item {float:none; margin:15px auto 0}
	.programs .item:first-child {margin:0 auto}
	.tabs .nav-tabs, .tabs .tab-content, .tabs .tab-pane .floatl, .tabs .tab-pane .floatr {width:auto; float:none}
	.tabs .tab-pane .floatl {margin:0 0 15px}
	.tabs .nav-tabs > li {float:left; width:50%; margin:0 0 30px}
	.tabs .nav-tabs > li a {padding:10px; text-align:center}
	.tabs .nav-tabs > li.active:after {left:50%; top:unset; bottom:0; margin:0 0 -14px -9px; transform:rotate(90deg) translate(0, 0); right:unset}
	.lists .item, .lists .item:first-child {float:none; width:unset; border:0 none; padding:0; margin:0}
	.lists .item:first-child {margin:0 0 15px}
	.recommendations {padding:30px 0 10px}
	.next {padding:30px 0}
	.next .next_in .item {float:none; border:0 none; padding:10px; width:unset; text-align:center}
	.next .next_in .item .todownload {float:none; margin:0 auto 10px}
	.next .next_in .item .f22 {font-size:18px}
	.next_in .item .call {font-size:28px; padding:10px 0 10px 73px; display:inline-block}
	footer .floatl, footer .floatr {float:none; width:unset}
	footer .floatl {margin:0 0 15px}
}

@media only screen and (min-width: 640px) and (max-width: 799px) {
	.header .logo {float:left; margin:0}
	.header .call {float:right; padding-left:79px}
	.programs .item, .programs .item:first-child {float:left; width:50%; margin:0}
	.programs .item:first-child, .programs .item:nth-child(2) {margin:0 0 30px}
	.programs .item img {margin:0 auto}
}