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

	div.header{
		padding: 0px 20px 0px 20px;
	}
	div.logo{
		padding-left: 0px;
		width: 92px;
	}
	div.menu-right-c a:first-child {
	    margin-right: 0px;
	}

}



@media only screen and (max-width: 1370px){
	h1 {
	    font-size: 40px;
	    line-height: 40px;
	}
	div.s-txt h2 {
	    font-size: 26px;
	    line-height: 34px;
	}
	div.s-txt p {
	    font-size: 16px;
	    line-height: 20px;
	}
	div.section{
		padding-top:46px;
	}
	div.section.ut{
		padding-top:40px;
	}
	div.section.main-text{
		padding-top:62px;
	}
	div.inner-cont.sm, div.inner-cont.min-fotbollsutveckling.folders{
		padding: 0px 20px 0px 20px;
		max-width: 100%;
	}
	div.footer {
		margin-top: 140px;
	}
	div.cont-l{
		padding-right: 15px;
	}
	div.cont-r{
		padding-left: 15px;
	}

	div.product-c div.prod-left{
		width: 600px;
	}
	div.product-c div.prod-right{
		width: calc(100% - 650px);
	}
	.grid-cont{
		grid-template-columns: repeat(5, 1fr);
	}
}

@media only screen and (max-width: 1320px){
	.min-fotbollsutveckling-cont.chosen-folder{
		max-width: 662px;
		margin: 0 auto;
	}
	.training-content-cont {
	    grid-template-columns: 100%;
	}
	div.yt-links div.yt-title .edit-icon {
	    font-size: 18px;
	    margin: 3px;
	}
	.checklist-txt i {
	    font-size: 18px;
	}

	.folder-header {
	    display: grid;
	    column-gap: 15px;
	    grid-template-columns: 40px calc(100% - 40px);
	}
	.folder-header .edit {
	    grid-column: span 2;
	    padding-left: 0px;
	    padding-top: 0px;
	    padding-bottom: 20px;
	    order:-2;
	}
	.folder-header .clone-icon {
	    grid-column: span 2;
	    padding-left: 0px;
	    padding-top: 0px;
	    padding-bottom: 20px;
	    order:-1;
		max-width: 25px;
	}

}

@media only screen and (max-width: 1200px){
	div.prods-c div.img{
		height: 300px;
	}
	div.product-c div.prod-left{
		width: 550px;
	}
	div.product-c div.prod-right{
		width: calc(100% - 580px);
	}
	div.product-c div.img, div.product-c a.img{
		height: auto;
		max-height: 500px;
		padding: 40px 20px 40px 20px;
	}

}


@media only screen and (max-width: 1050px){
	div.menu-c {
	    width: 550px;
	    padding-left: 47px;
	}
	div.menu-c div.mi {
	    margin-left: 24px;
	    padding-left: 24px;
	}

	div.fcol-1{
		width: 280px;
	}
	div.fcol-2{
		width: 350px;
	}
	div.product-c div.prod-left{
		width: 450px;
	}
	div.product-c div.prod-right{
		width: calc(100% - 480px);
	}
	.grid-cont{
		grid-template-columns: repeat(4, 1fr);
	}
}
@media only screen and (max-width: 1040px){
	div.inner-cont.checkout{
		max-width: 1040px;
		padding: 0px 20px 0px 20px;
	}

	.checktd.sum{
		width:106px;
		padding-left: 0px;
	}
	.checktd.ant {
	    width: 108px;
	    padding-right: 0px;
	    padding-left: 28px;
	    text-align: left;
	}
	.checktd.pris {
	    width: 125px;
	    padding-left: 0px;
	}
	.checktd.ben {
	    padding-right: 0px;
	}

}
@media only screen and (max-width: 1000px){
	div.menu-c {
	    width: 480px;
	    padding-left: 37px;
	}
	div.menu-c div.mi {
	    margin-left: 14px;
	    padding-left: 14px;
	}
	div.prods-c div.img{
		height: 250px;
	}

	div.main-content{
		float: right;
		padding-left: 50px;
	}

	div.player-list-c, div.player-list-c.records{
		grid-template-columns: 80px auto;
	}
	.player-col{
	    align-items: flex-start;
	    flex-direction: column;
	    justify-content: center;
	}
	.player-col.player-club, .player-col.player-country, .player-col.player-record{
    	display: none;
	}
	.player-col br.lbr{
		display: none;
	}
	.player-col .notdesk{
		display: block;
	}
	.player-list-c.records .player-col.player-name span.rekord-rekord-span{
		display: block;
	}
	.player-list-c.records .player-col.player-name span.rekord-rekord-span span{
		display: inline-block;
		font-weight: 700;
	}
	.player-list-c.records .player-col.player-name span.rekord-datum-span{
		display: none;
	}
	.records .player-col.player-name span{
		font-weight: 600;
		font-size: 14px;
	}

	div.filter-c{
		width: 100%;
		grid-template-columns: auto auto 33%;
	}
	div.blue-but.slim{
		width: 100%;
	}
}



@media only screen and (max-width: 950px){
	div.fcol-1{
		width: 240px;
	}
	div.fcol-2{
		width: 320px;
	}
	div.footer p, div.footer div.txt {
	    font-size: 18px;
	    line-height: 30px;
	    margin: 0px 0px 30px 0px;
	}
}

@media only screen and (max-width: 900px){
	div.menu-c {
	    width: 420px;
	}
	div.menu-c a, div.menu-c span {
	    font-size: 18px;
	    line-height: 21px;
	}
	div.menu-right-c {
	    width: 180px;
	}
	div.menu-right-c a {
	    margin-right: 30px;
	}
	div.prods-c div.img{
		height: 200px;
	}
	div.product-c div.prod-left{
		width: 350px;
	}
	div.product-c div.prod-right{
		width: calc(100% - 380px);
	}
}

@media only screen and (max-width: 850px){
	div.fcol-1{
		width: 210px;
	}
	div.fcol-2{
		width: 290px;
	}
	div.footer p, div.footer div.txt {
	    font-size: 16px;
	    line-height: 28px;
	    margin: 0px 0px 28px 0px;
	}
	div.product-c div.prod-left{
		width: 320px;
	}
	div.product-c div.prod-right{
		width: calc(100% - 350px);
	}
}


/* Mobile */
@media only screen and (max-width: 767px){

	.onlymob{
		display: block;
	}
	.onlymobspan{
		display: inline;
	}
	.nomob, div.member-section.utveckling div.new-trick-c div.list-c div.list-item.two.nomob, div.member-section.utveckling div.new-trick-c div.list-c div.list-item.thr.nomob, div.member-section.utveckling div.list-item.edit-training-c div.list-c div.list-item.two.nomob, div.member-section.utveckling div.list-item.edit-training-c div.list-c div.list-item.thr.nomob{
		display: none;
	}

	h1 {
	    font-size: 36px;
	    line-height: 36px;
	}
	h2{
		font-size:32px;
		line-height: 40px;
		font-weight:normal;
		margin:0px 0px 5px 0px;
	}
	h3{
		font-size:22px;
		line-height: 27px;
		font-weight:bold;
		margin:0px 0px 5px 0px;
	}
	h4{
		font-size:18px;
		line-height: 24px;
		font-weight:400;
		margin:0px 0px 11px 0px;
	}
	p{
		font-size:20px;
		line-height: 28px;
		margin:0px 0px 27px 0px;
	}

	div.cont{
		overflow-x:hidden;
	}
	div.member-header{
		display: none;
	}
	div.menu-c{
		display: none;
	}
	div.header-c.vis::after{
		display: none;
	}
	div.header-c{

	}
	div.header-c.fixed{
		/*
		height: 100vh;
		overflow: auto;
		*/
		/*
		position: fixed;
	    height: 100vh;
	    overflow: auto;
	    */
	}
	div.header-c.fixed div.header{

	}
	div.header {
	    padding: 0px 18px 0px 20px
	}
	div.menu-right-c {
	    padding-top: 10px;
	    width: auto;
	}
	div.menu-right-c a{
		margin-right: 30px;
		font-size: 12px;
		padding-top: 0px;
		padding-right: 27px;
		font-weight: 400;
		text-align: right;
		background-position: right center;
		height: 22px;
	}
	div.menu-right-c a.kv{
		background-position: right 0px top 0px;
		background-size: 20px;
	}
	div.menu-right-c a.kv:hover{
		background-image: url(/im/kv-b.png);
	}
	div.menu-right-c a.kv.loaded, div.menu-right-c a.kv.loaded:hover{
		background-image: url(/im/kv-loaded.png);
		color:#a2fe93;
	}
	div.menu-right-c a.kv.loaded::before {
	    left: auto;
	    right: -8px;
	    top: -7px;
	    width: 18px;
	    height: 18px;
	    padding-top: 2px;
	    border-radius: 9px;
	    font-size: 10px;
	    line-height: 12px;
	    font-weight: 600;
	    text-align: center;
	    text-indent:-1px;
	}
	div.menu-right-c a.kv.loaded.t::before {
		font-size: 11px;
		padding-top: 3px;
	}

	div.menu-right-c a.member{
		background-image: url(/im/member-w.png);
		background-size: 13px;
		background-position: right 0px top 1px;
		padding-right: 20px;
	}
	div.menu-right-c a.member:hover{
		background-image: url(/im/member-b.png);
	}
	div.menu-right-c a:first-child{
		margin-right: 0px;
	}


	div.menu-but{
		position: relative;
		display: block;
		float: right;
		padding: 40px 9px 0px 0px;
		width: 120px;
		color: #fff;
		cursor: pointer;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-tap-highlight-color: transparent;
	}
	#nav-icon {
	  float:right;
	  outline: none;
	  top: 0px;
	  width: 60px;
	  height: 45px;
	  position: relative;
	  margin: 0px;
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	}


	#nav-icon span {
	  display: block;
	  position: absolute;
	  height: 9px;
	  width: 100%;
	  background-color: #fff;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}


	#nav-icon span:nth-child(1) {
	  top: 0px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}

	#nav-icon span:nth-child(2) {
	  top: 18px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}

	#nav-icon span:nth-child(3) {
	  top: 36px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}

	#nav-icon.open span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: -3px;
	  left: 8px;
	  background-color: #fff;
	}

	#nav-icon.open span:nth-child(2) {
	  width: 0%;
	  opacity: 0;
	  background-color: #fff;
	}

	#nav-icon.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top: 39px;
	  left: 8px;
	  background-color: #fff;
	}



	#nav-icon {
	  width: 40px;
	  height: 23px;
	}
	#nav-icon span {
	  height: 2px;
	}

	#nav-icon span:nth-child(1) {
	  top: 0px;
	  width: 100%;
	}
	#nav-icon span:nth-child(2) {
	  top: 11px;
	  width: 100%;
	}
	#nav-icon span:nth-child(3) {
	  top: 22px;
	  width: 100%;
	}

	#nav-icon:hover span:nth-child(1) {
		width: 100%;
	}
	#nav-icon:hover span:nth-child(2) {
		width: 100%;
	}
	#nav-icon:hover span:nth-child(3) {
		width: 100%;
	}

	#nav-icon.open span:nth-child(1) {
	  width: 78%;
	  top: 0px;
	  left: 9px;
	}
	#nav-icon.open span:nth-child(2) {

	}
	#nav-icon.open span:nth-child(3) {
	  width: 78%;
	  top: 22px;
	  left: 9px;
	}

	div.menu-mob {
	    z-index: 40;
	    display: block;
	    position: absolute;
	    right: -100%;
	    width: 100%;
	    height: auto;
	    padding-top: 140px;
	    padding-bottom: 30px;
	    overflow: hidden;
	    transition: right 0.3s ease-out;
	    text-align: left;
	    background-color: #1c1c1c;
	    color:#fff;
	    overflow: auto;
	}

	div.menu-mob-overlay{
		display: block;
		position: fixed;
		width: 100%;
		height: 100vh;
		right: -100%;
		background-color: #1c1c1c;
		transition: right 0.3s ease-out;
	}
	div.menu-mob-overlay.open{
		right: 0%;
	}

	div.menu-mob.open {
	    right: 0%;
	}
	div.menu-mob a{

	}

	div.menu-mob a, div.menu-mob span.mob-subm-header, div.menu-mob span.mob-subsubm-header{
		display: block;
		color: #fff;
		text-decoration: none;
	    font-size: 24px;
	    line-height: 24px;
	    font-weight: 700;
	    padding: 18px 10px 18px 23px;
	    background-image: none;
	    background-position: left center;
	    background-position: left 10px top 12px;
	    background-repeat: no-repeat;
	    cursor: pointer;
	    text-transform: uppercase;
	}
	div.m-subm-outer{

	}
	div.mob-subm-c{
		display: none;
		padding-bottom: 15px;
	}
	div.mob-subm-c.open{
		display: block;
	}
	div.mob-subsubm-c{
		display: none;
	}
	div.mob-subsubm-c.open{
		display: block;
	}
	div.menu-mob div.mob-subm-c a, div.menu-mob div.mob-subm-c span.mob-subsubm-header {
	    font-size: 16px;
	    line-height: 18px;
	    padding: 8px 10px 8px 53px;
	    background-image: url(/im/arr-w.png);
	    background-position: left center;
	    background-position: left 40px top 12px;
	}
	div.menu-mob div.mob-subm-c a.m, div.menu-mob div.mob-subm-c span.mob-subsubm-header.m {
	    background-image: url(/im/arr-b.png);
	}

	div.menu-mob div.mob-subsubm-c a, div.menu-mob div.mob-subsubm-c a.m{
		background-image: url(/im/arr-w-sm.png);
		font-size: 14px;
		background-position: left 58px top 9px;
		padding: 5px 10px 5px 67px;
	}
	div.menu-mob div.mob-subsubm-c a.m{
		background-image: url(/im/arr-b-sm.png);
	}

	div.menu-mob div.mob-subm-c a.ytbut{
	    background-image: none;
	    padding-left: 40px;
	}

	div.menu-mob a.m{
		color: #44a5d7;
	}

	div.menu-mob span{
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-tap-highlight-color: transparent;
	}

	body.my-pages {
	    background-color: #fff;
	}

	div.s-boxes {
	    flex-direction: column;
	}

	div.section.ut {
    	padding-top: 20px;
	}
	a.s-box {
	    width: 100%;
	    max-width: 100%;
	    margin-top: 42px;
	}
	a.s-box:first-child{
	    margin-top: 0px;
	}

	div.fcol-1, div.fcol-2, div.fcol-3{
		width: 100%;
		padding-top: 20px;
	}
	div.fcol-3 {
	    float: left;
	    text-align: left;
	}
	div.fcol-3::after{
		content: '';
		display: inline-block;
		font-size: 1px;
		line-height: 1px;
		height: 1px;
		clear: both;
	}
	div.soc-med-c{
		float: left;
	}
	div.footer p, div.footer div.txt{
		font-size: 18px;
	}
	div.footer a:hover, div.footer span.subl:hover{
		color:#fff;
	}
	div.footer span.subl{
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-tap-highlight-color: transparent;
	}

	div.cookie-info{
		padding: 12px 5px 15px 5px;
		font-size: 14px;
	}
	div.cookie-info span{
		margin-bottom: 10px;
	}
	div.cookie-info div{
		margin-right: 10px;
		width:120px;
		font-size: 14px;
	}

	div.cont-l{
		width: 100%;
		padding-right: 0px;
	}
	div.cont-r{
		width: 100%;
		padding-left: 0px;
	}

	div.section.main-text{
		padding-top: 42px;
	}

	div.prods-c a.prod-c {
	    max-width: 48%;
	}
	div.prods-c div.img{
		height: 300px;
	}

	div.section.main-text.pp{
		padding-top: 0px;
	}
	div.product-c {
		padding-top: 0px;
	    -webkit-flex-direction: column;
	    flex-direction: column;
	}
	div.product-c div.prod-left{
		width: 100%;
	}
	div.product-c div.prod-right{
		width: 100%;
		padding-top: 15px;
	}
	div.product-c div.prod-top-mobile{
		display: block;
		width: 100%;
	}
	div.prod-left div.img, div.prod-left a.img{
		display: none;
	}

	div.sizes-c select{
		width: 100%;
	}
	div.cart-amount-c{
		width: 60px;
	}
	div.cart-amount-c input{
		width: 100%;
	}
	div.cart-but {
	    margin-left: 10px;
	    width: calc(100% - 70px);
	}
	div.buy-info-c {
	    width: 100%;
	}
	div.description iframe{
		width: 100%;
	}

	div.inner-cont.checkout {
	    padding: 0px 0px 0px 0px;
	}
	div.main-text-checkout{
		padding-left: 10px;
		padding-right: 10px;
	}

	.checktable, .checktable.total{
		display: block;
		padding: 0px;
	    margin: 0px;
	    width: 100%;
	    border: none;
		padding-left: 10px;
		padding-right: 10px;
	}
	.checktr{
		display: block;
		position: relative;
	    border: 1px solid #ccc;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		margin-top:20px;
		padding:10px;
		background-color: #fafafa;
	}
	.checktr.total{
	    border: none;
		margin-top:0px;
		padding:10px 10px 0px 0px;
		background-color: #fff;
	}
	.checktd, .checktd.pris, .checktd.sum{
		display: block;
		border: none;
		width: 100%;
		padding: 5px 10px 5px 10px;
		font-size: 16px;
	}

	.checktr.frifrakt .checktd.pris, .checktr.frifrakt .checktd.ant, .checktr.frifrakt .checktd.sum, .checktr.frifrakt .checktd.rem{
		display: none;
	}


	br.checkbr{
		display: initial;
	}
	.checktr.head{
		display: none;
	}
	.checktd label{
		font-size: 16px;
		display: block;
		font-weight: 400;
	}
	.checktd{
		font-weight: 400;

	}

	.checktd.ben{
		text-align: left;
		font-weight: 400;
		width: calc(100% - 30px);
	}
	.checktd.pris{
		text-align: left;
		font-size: 18px;
	}
	.checktd.ant{
		padding-left:10px;
		text-align: left;
		font-size: 18px;
	}
	.checktd.sum{
		width:100%;
		text-align: left;
		font-size: 18px;
	}
	.checktd.rem, .checktd.rem-tot{
		width:100%;
		text-align: right;
	}
	.checktd.rem{
		position: absolute;
		top: 2px;
		right: 3px;
		width: auto;
		font-size: 22px;
	}
	.checktd.rem-tot{
		border-top:none;
	}
	div.caam.order{
		padding-left:0px;
		text-align: left;
	}

	.checktd.str{
		display: none;
	}
	.checktd.tot{
		font-weight: 400;
	    width: 100%;
	    text-align: right;
	    border-top:none;
	}
	.checktd.tot label{
		display: inline;
	}
	.checktd.tot label.thin{
		font-weight: 400;
		font-size: 14px;
	}
	.checktd.rem-tot{
		display: none;
	}
	div.caam.frfr{
		text-align: left;
	}
	.checktd.tot, .checktd.tot label{
		font-weight: 400;
		letter-spacing: 0em;
		padding-left:0px;
		padding-right:0px;
	}

	div.ch-uppg-cont{
		padding-left: 20px;
		padding-right: 20px;
	}
	div.ch-uppg-l, div.ch-uppg-r{
		width: 100%;
	}
	div.ch-uppg-fie{
		padding-right: 0px;
	}

	div.profpic-l, body.klarad-120-dagarsutmaning .profpic-l{
	    width: 100px;
	}
	div.profpic-r{
	    width: 200px;
	}
	body.klarad-120-dagarsutmaning .profpic-r{
		width: auto;
	}
	div.profile-pic {
	    width: 80px;
	    height: 80px;
	}

	div.list-c div.list-item.item-header{
		display: none;
	}
	div.list-c div.list-item.item-header.newrow, div.list-c div.list-item.item-header.editrow{
		display: block;
	}
	div.dev-section-head-c{
		height: auto;
		min-height: 34px;
	}
	span.training-name{
		font-weight: 700;
	}
	div.section-name-str{
	}
	div.my-section-c{
		margin-top: 15px;
	}

	div.section-name-form {
	    grid-template-columns: 100%;
	    padding-left: 0px;
	    padding-right: 5px;
	    margin-top: -6px;
	}

	div.member-section.utveckling {
	    padding: 12px 10px 7px 10px;
	}
	div.dev-section-head-l.arrows{
		padding-top: 4px;
	}
	.deskt-name-str{
		display: none;
	}
	.mob-name-str{
		display: inline;
	}

	div.member-section.utveckling h3{
		font-size: 18px;
		line-height: 23px;
		margin-top: 3px;
	}

	div.list-c div.list-item.show-more {
	    display: none;
	    grid-column-start: span 6;
	    padding: 10px 10px 20px 12px;
	}

	div.list-c {
	    grid-template-columns: 30px auto 1px 26px 30px;
	}
	div.list-c div.list-item.span-3, div.list-c div.list-item.item-header.one.span-3 {
	    grid-column-start: span 1;
	}
	div.member-section.utveckling div.list-c div.list-item.two, div.member-section.utveckling div.list-c div.list-item.thr{
		display: none;
	}
	div.member-section.utveckling div.list-item.edit-training-c div.list-c div.list-item.two, div.member-section.utveckling div.list-item.edit-training-c div.list-c div.list-item.thr{
		display: block;
		padding-top: 0px;
		text-align: left;
	}

	div.member-section.utveckling div.new-trick-c div.list-c div.list-item.two, div.member-section.utveckling div.new-trick-c div.list-c div.list-item.thr, div.member-section.utveckling div.new-record-c div.list-c div.list-item.two, div.member-section.utveckling div.new-record-c div.list-c div.list-item.thr{
		display: block;
		padding-top: 0px;
		text-align: left;
	}
	div.member-section.utveckling{
		margin-left: 0px;
		margin-right: 0px;
	}

	div.list-c div.list-item.show-more {
	    grid-column-start: span 5;
	}
	div.list-c div.list-item.edit-training-c{
		grid-column-start: span 5;
	}
	div.list-c.nopre {
	    display: block;
	}

	div.yt-links {
	    display: grid;
	    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	    justify-content: space-between;
	}
	div.yt-links div {
	    padding: 10px 0px 10px 0px;
	}
	div.yt-links div img{
		width: 100%;
	}
	.mob-label{
		display: block;
		font-weight: 700;
		font-size: 14px;
	}

	div.member-section.utveckling div.list-c div.list-item.yt{
		padding: 0px;
	}
	div.member-section.utveckling div.list-c div.list-item.yt img{
		display: none;
	}
	div.yt-icon-mob{
		width: 20px;
		padding-bottom: 3px;
	}

	div.my-records-c::before {
	    padding: 5px 0px 0px 0px;
	}

	div.section-name-form div.blue-but{
		width: 100%;
		max-width: 100%;
	}
	div.section-name-form div.section-name-but-c{
		padding: 5px 0px 10px 0px;
	}

	div.section-extra-info{
		padding: 0px 0px 15px 10px;
	}

	div.inner-cont.sm.var-2{
		padding-left: 0px;
		padding-right: 0px;
	}
	div.main-text-c{
		padding-left: 20px;
		padding-right: 20px;
	}

	div.sidebar-cont{
		display: none;
	}
	div.main-content {
	    padding-left: 0px;
	    width: 100%;
	}
	div.filter-c{
		padding-left: 20px;
		padding-right: 20px;
		grid-template-columns: auto 50%;
	}
	.player-col.player-img{
	    border-top-left-radius: 0px;
	    border-bottom-left-radius: 0px;
	}

	div.inner-cont.calendar div.login-c {
	    padding-left: 50px;
	}

	.show-all-120-challenge{
		display: block;
		padding: 0px 0px 20px 0px;
	}
	.show-all-120-challenge a{
		font-size: 18px;
		text-decoration: none;
	}
	.show-all-120-challenge a span{
		font-size: 22px;
		line-height: 22px;
	}
	
	.grid-cont{
		grid-template-columns: repeat(3, 1fr);
	}

	.training-content h2{
		font-size: 26px;
		line-height: 34px;
	}
	.record-grid {
	    width: 100%;
	    grid-template-columns: 50% 50%;
	}
	.record-grid .rekord-fullcol {
	    grid-column: span 3;
	}
	.record-grid.add-record-grid .rekord-fullcol {
	    grid-column: span 2;
	}
	
	.record-grid .rekord-varde.span2 {
	    grid-column: span 1;
	}
	.record-grid .rekord-datum {
	    width: 100%;
	    padding-right: 0px;
	    grid-column: span 2;
	}
	.record-grid.hist .rekord-datum {
	    grid-column: auto;
	}
	.record-grid .rekord-datum.mbfull{
	    width: 100%;
	}
	
	.record-grid .rekord-varde {
	    width: 100%;
	    padding-left: 0px !important;
	    padding-top: 5px;
	    grid-column: span 2;
	}
	.record-grid.hist .rekord-varde {
		grid-column: auto;
	}
	.record-grid .rekord-varde.tid-cont{
		width: 100%;
		grid-column: span 2;
		padding-left: 0px !important;
		padding-top: 5px;
	}
	.record-grid .rekord-submit {
	    padding-left: 0px;
	    padding-top: 10px;
	    width: 100%;
	    grid-column: span 2;
	}
	.training-content input.textinput {
	    width: 100%;
	    font-size: 12px;
	}
	.mfu-fritext-c, .fritext-submit{
	    margin-left: -15px;
	    margin-right: -15px;
	}
	.fritext-submit{
		width: auto;
	}
	.checklist-add-grid {
	    grid-template-columns: 100%;
	}
	.checklist-add-grid .checklist-add-fullcol {
	    grid-column: span 1;
	}
	.checklist-add-punkt {
	    width: auto;
	}
	.checklist-add-grid .checklist-add-submit {
	    width: 100%;
	    padding-left: 0px;
	    padding-top: 10px;
	}
	.hurviktig-add-grid {
	    grid-template-columns: 100%;
	}
	.training-content select.selinput{
	    min-width: 100px;
	}
	.hurviktig-add-grid select.selinput{
		width: 100%;
	}
	.hurviktig-submit {
	    width: 100%;
	    padding-left: 0px;
	    padding-top: 10px;
	}
	.scale-cont {
	    width: 100%;
	}
	.record-grid.hist .rekord-datum, .record-grid.hist .rekord-varde {
	    padding: 5px 10px 5px 10px;
	    width: 100%;
	}
	.record-grid.hist {
	    margin-right: -10px;
	    width: auto;
	}
	.youtube-add-grid {
	    grid-template-columns: 100%;
	}
	.youtube-url {
	    grid-column: span 1;
	}
	.youtube-submit {
	    padding-left: 0px;
	}


	div.yt-links div.yt-link span {
	    right: -5px;
	    top: 5px;
	}

	.blue-but.reset-to-template-but{
		position: absolute;
		top: -30px;
		left: 0px;
		right: auto;
		font-size: 12px;
		padding-top: 6px;
		height: 28px;
		width: 160px;
	}

	.custom-select.active .dropdown.icondropdown{
		max-height: 60vh;
	}

}
/* END 767px */

@media only screen and (max-width: 700px){
	div.prods-c div.img{
		height: 250px;
	}
}

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

	div.login-c {
	    padding: 0px 10px 0px 10px;
	}
	div.inner-cont.calendar div.login-c {
	    padding-left: 10px;
	}
	div.dayl-c {
		margin-left: 22px;
	}
	div.dayl-c::before {
	    left: -31px;
    }

}

@media only screen and (max-width: 550px){
	div.prods-c div.img{
		height: 200px;
	}
	div.product-c div.prod-top-mobile div.img, div.product-c div.prod-top-mobile a.img{
		max-height: 350px;
	}
	.grid-cont{
		grid-template-columns: repeat(2, 1fr);
	}
	.grid-folder .folder-img {
	    height: 95px;
	}
	.grid-cont .grid-folder {
	    padding: 10px 10px 10px 10px;
	    text-align: center;
	    font-size: 16px;
	    line-height: 20px;
    }
}
@media only screen and (max-width: 450px){
	div.prods-c a.prod-c {
	    max-width: 100%;
	    width: 100%;
	}
	div.prods-c div.img{
		height: 350px;
	}
	div.product-c div.prod-top-mobile div.img, div.product-c div.prod-top-mobile a.img{
		max-height: 320px;
	}
	div.list-c div.list-item {
	    font-size: 14px;
	}
	div.min-fotbollsutveckling-cont h1 {
	    font-size: 35px;
	    line-height: 43px;
    }
}
@media only screen and (max-width: 390px){
	div.prods-c div.img{
		height: 280px;
	}
	div.product-c div.prod-top-mobile div.img, div.product-c div.prod-top-mobile a.img{
		max-height: 280px;
	}
}
@media only screen and (max-width: 388px){
	div.min-fotbollsutveckling-cont h1 {
	    font-size: 30px;
	    line-height: 38px;
    }
}
@media only screen and (max-width: 370px){
	h2.sm{
		font-size:30px;
		line-height: 38px;
	}
}



/* Small Mobile */
@media only screen and (max-width: 350px){
	div.menu-right-c a {
	    margin-right: 20px;
	}
	div.menu-right-c a {
	    padding-right: 22px;
	}
	div.menu-right-c a.member {
	    padding-right: 17px;
    }
	h2.sm{
		font-size:28px;
		line-height: 36px;
	}
	div.min-fotbollsutveckling-cont h1 {
	    font-size: 26px;
	    line-height: 36px;
    }
	.record-grid.hist {
	    grid-template-columns: 100px calc(100% - 136px) 36px;
	    font-size: 14px;
	}
}
@media only screen and (max-width: 330px){
	div.prods-c div.img{
		height: 260px;
	}
	h2.sm{
		font-size:26px;
		line-height: 34px;
	}
}
@media only screen and (max-width: 315px){
	div.menu-right-c a {
	    float: none;
	    display: block;
	}
	div.menu-right-c br.clfl{
		display: none;
	}
	div.menu-right-c a.member {
		margin-top: 5px;
	    margin-right: 0px;
	}
	div.menu-but {
		padding: 13px 9px 0px 0px;
	}
	h2.sm{
		font-size:22px;
		line-height: 30px;
	}
}

@media only screen and (max-width: 767px) and (max-height: 580px){
	div.menu-mob a, div.menu-mob span{
	    font-size: 22px;
	    line-height: 22px;
	    padding: 14px 10px 14px 23px;
	}
}
@media only screen and (max-width: 767px) and (max-height: 540px){
	div.menu-mob a, div.menu-mob span{
	    font-size: 20px;
	    line-height: 20px;
	    padding: 6px 10px 6px 23px;
	}
}


@media only screen and (max-height: 580px){

	.add-outer {
	    align-items: flex-start;
	    overflow-y: auto;
	}
	.add-inner {
	    max-height: none;
	}

}