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

	#logo{
		position:relative !important;
		margin-top:5px !important;
		margin-left:-10px !important;
	}
	.navbar-toggler{
		display:inline-block !important;
		position:relative !important;
		margin-top:10px;
		margin-right:-10px !important;
		float:right !important;
	}

	.navbar{
		/*top:80px !important;*/
		left:0px !important;
	    width:100% !important;
	    padding:0px !important;
	}

	.navbar-collapse {
	    background-color: #111 !important;
	    padding:0px 20px 0px 20px;
	    margin:0px -20px 0px -20px !important;
	}


	#shopping_cart_div{
		max-width:300px;
	    position:fixed;
	    top:75px;
	    right:20px;
		opacity:1;
		z-index:6;
	}

	#cart_contents{
		height: calc(100vh - 200px);
		overflow-y: scroll !important;
	}

	#toplangdiv{
		position:fixed;
		display:inline-block;
		top:10px;
		margin:10px auto 10px auto;
		z-index:7;
	}
    #rotatephone {
    	width:100%;
    	height:100vh;
        display: block;
        position: fixed;
        z-index:7;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin:0px;
		outline:none;
		background: rgba(0,0,0,0.8) url("../img/rotate_screen.png") no-repeat center center;
    }

	#rotate_screen_please{
		color:white;
		position:relative;
		font-size:1.5rem;
		top: 68%;
		left: 0;
		width:100vw;
		margin:0 auto;
	}

	.swal2-header{
		padding:0px !important;
		line-height: 80% !important;
	}

	.swal2-content{
		padding:0px !important;
		line-height: 80% !important;
	}

	.swal2-popup{
		padding:0px !important;
		line-height: 80% !important;
	}
}

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

	#shopping_cart_div{
		max-width:800px;
	    position:fixed;
	    /*top:75px;*/
	    right:20px;
		opacity:1;
		z-index:8;
	}

	#itemlist{
		height: calc(100vh - 200px);
		overflow-y: scroll !important;
	}
}

@media (min-width: 1024px) {
	#hero {
		background-attachment: fixed;
	}

/*	#treatment_form{
		width:80%;
		margin:0px auto 0px auto;
	}*/
}
/*All media stuff down here*/

@media (min-width: 300px){
	.center{
		margin:0px auto 0px auto !important;
	}
}

@media screen and (max-width: 1024px) {
	.inner-content{
		padding:0px;
	}
	.enrollment_form{
		width:100%;
	}
	.flexwrapper{
		overflow:column wrap;
		flex-wrap: wrap;
	}
	#hero h1 {
		font-size: 28px;
		line-height: 36px;
	}
	#hero h2 {
		font-size: 24px;
		line-height: 26px;
		margin-bottom: 30px;
	}
	#hero h2 .rotating {
		display: block;
	}
	#header {
		height: 80px;
	}
	#header #logo h1 {
		font-size: 26px;
	}
	#mobile-nav-toggle {
		display: inline;
	}
	#about .about-img {
		height: auto;
	}
	#about .about-img{
		margin-left: 0;
		padding-bottom: 30px;
	}
	#client .client-img {
		height: auto;
	}
	#client .client-img{
		margin-left: 0;
		padding-bottom: 30px;
	}
	#founder .founder-img {
		height: auto;
	}
	#founder .founder-img{
		margin-left: 0;
		padding-bottom: 30px;
	}
	#top_video.is-sticky {
		max-width: 280px;
		max-height: 158px;
		width: 280px;
		height: 158px;
		transform: translateX(-70%);
	}
	#logo-img{
		opacity:1;
	}
}