@media (min-width: 992px) and (max-width: 1250px) {
	.content-wrapper{
		max-width:800px;
		width:100%;
	}
}
@media (min-width: 767px) and (max-width:911px) {
	.content .content-wrapper, .footer-contact-form .content-wrapper ,.content-wrapper{
		max-width:100%;
		width:100%;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}	
}
@media (max-width: 767px) {
	.content .content-wrapper, .footer-contact-form .content-wrapper ,.content-wrapper{
		max-width:100%;
		width:100%;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}	
	.mobile-menu-btn{
	    display: block;
	    height: 25px;
	    right: 20px;
	    margin: auto;
	    overflow: hidden;
	    position: absolute;
	    top: 7px;
	    width: 25px;
	    z-index: 100;	
	    cursor:pointer;    
	}
	.mobile-menu-btn div {
	    background: #F27020;
	    height: 3px;
	    margin: auto;
	    transition: all 0.3s ease 0s;
	    width: 25px;
	}
	.mobile-menu-btn div:nth-of-type(1) {
	    position: absolute;
	    top: 3px;
	}
	.mobile-menu-btn div:nth-of-type(2) {
	    bottom: -50%;
	    opacity: 100;
	    position: absolute;
	    top: -50%;
	}
	.mobile-menu-btn div:nth-of-type(3) {
	    bottom: 3px;
	    position: absolute;
	}
	.mobile-menu-btn.active div:nth-of-type(1) {
	    position: absolute;
	    top: 10px;
	    transform: rotate(45deg);
	}
	.mobile-menu-btn.active div:nth-of-type(2) {
	    opacity: 0;
	}
	.mobile-menu-btn.active div:nth-of-type(3) {
	    bottom: 12px;
	    position: absolute;
	    transform: rotate(-45deg);
	}
	h3.title {
	    font-size: 1.5em;
	    margin-bottom: 10px;
	}
	.footer-top .row>div{
		margin-bottom:20px;
	}
	.footer-top .row>div:last-child{
		margin-bottom:0;
	}
	div[class^="menu-bottom"]{
		display: none;
	}
	.copyright {
	    font-size: .86em;
	    text-align: center;
	    position: relative;
	    right: unset;
	    top: unset;
	}
	.desc-box{
		width:100%;
		height:100%;
	}
	.about-charlie-box,.patient-info-box{
		height:200px;
		background-size: cover;
		background-position: center center;
	}
	.profile-list .content-wrapper,header .content-wrapper{
		padding:0;
		width:100%;
	}
	.profile-list .row{
		margin-left:0;
		margin-right:0;
	}
	.profile-list .row>div{
		padding:0;
	}
	.banner{
		height:350px;
	}
	.banner-text {
	    width: 100%;
	    padding-left: 15px;
	    padding-right: 15px;
	    display: table;
	    text-align: center;
	}
	.mobile-logo{
		display: block;
		height:40px;
		margin-left:15px;
	}
	.mobile-logo img{
		height:100%;
		width:auto;
	}
	.logo{
		display: none;
	}
	.language{
		top:10px;
		right:70px;
		position: absolute;
		color:#F27020;
		border-right:1px solid #aaa;
		padding-right:20px;
	}
	header {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	div[class^="menu-top"] {
		position: absolute;
		bottom: unset;
		top: 53px;
		left: 0px;
		right: 0px;
	}
	div[class^="menu-top"] ul{
		flex-direction: column;
		top:0px;
		position: absolute;
		z-index: 1000;
		padding:0;
		width:100%;
		box-shadow: 0;
		box-shadow: 0 2px 2px rgba(0,0,0,.15);
		transform: translateY(-50%) scaleY(0);
		visibility: hidden;
		transition: all .3s linear;
	}
	div[class^="menu-top"] ul.active{
		transform: translateY(0) scaleY(1);
		visibility: visible;
	}
	div[class^="menu-top"] ul li{
		width:100%;
		background:#fafafa;
	}
	div[class^="menu-top"] ul a{
		border-right:0;
		border-bottom:1px solid #ddd;
		width:100%;
		padding-top:15px;
		padding-bottom:15px;
		font-size:1.2em;
		line-height: 1.25em;
	}
	footer .footer-bottom .content-wrapper{
		padding-top:10px;
		padding-bottom:10px;
	}
	.copyright span{
		display: block;
	}
	.banner-text div,.banner-text h3{
	    font-size: 1.8em;
	    line-height: 1.25em;
	}
	.menu li:nth-of-type(2) a::after, .menu li:nth-of-type(3) a::after {
	    content: "®";
	    position: absolute;
	    font-size: .8em;
	    top: 10px;
	}
	.banner{
		background-image:url("../img/mobile-index-banner.jpg");
		margin-bottom:5px;
	}
	.index-bg1{
		background-image:url("../img/mobile-index-bg-1.jpg");
	}
	.index-bg2{
		background-image:url("../img/mobile-index-bg-2.jpg");
	}
	.index-bg1 .row > div {
	    padding-left: 15px;
	}
	.index-bg2 .row > div {
	    padding-right: 15px;
	}
	.product-bottle {
	    width: 200px;
	    height: 350px;
	    left:unset;
	    top: 15%;
	    bottom: unset;
	}
	.index-bg1 .row div{
		width: 100%;
	}
	.index-bg1, .index-bg2 {
	    height: 600px;
	}
	.index-bg2 .row div{
		order:1;
		width: 100%;
	}
	.index-bg2 .row div.flex-box{
		order:2;
	}
	.index-bg1 .row>div.index-box-height,.index-bg2 .row>div.index-box-height{
		height:40%;
	}
	.index-bg1 .row>div.flex-box,.index-bg2 .row>div.flex-box{
		height:60%;
	}
	.index-desc-box {
	    font-size: 1em;
	    padding-left: 15px;
		padding-right: 15px;
	}
	.table-bg {
	    background-image: url("../img/mobile-product-head-bg.jpg");
	    background-position: center center;
	    background-size: cover;
	    height: auto;
	}
	.page-banner-bottle img {
	    margin-top: 0;
	}
	.page-banner.table-bg .row > div{
		height: auto;
	}
	.page-banner.table-bg .row > div:nth-of-type(1){
		order:2;
	}
	.page-banner.table-bg .row > div:nth-of-type(2){
		order:1;
	}
	.product-banner-text{
		position: relative;
		left:unset;
		padding-bottom: 30px;
		padding-top: 30px;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.product-banner-text {
		font-size:1em;
	}
	.product-banner-text h1 {
	    font-size: 2em;
	}
	.page-banner-bottle img{
		width:200px;
	}
	.tick1-icon,.tick2-icon{
		background-size: 25px auto;
		background-position: left top 7px;
		padding-left: 27px;
		margin-bottom: 0;
	}
	.product1-banner, .product2-banner {
	    font-size: 1em;
	}
	.btn-rin,.btn-cog{
		width:auto;
		margin:auto;
		margin-top:10px;
	}
	.product1-bg1 {
	   background-image: unset;
	}
	.h-450 {
	    min-height: auto;
	}
	.h-450 .row > div {
	    min-height: 0;
	}
	h3.title,.rin-title,.cog-title {
	    font-size: 1.5em;
	    margin-bottom: 10px;
	}
	.rin-title,.cog-title {
		text-align: center;
	}
	.home .rin-title,.home .cog-title {
		text-align: left;
	}
	.half-box, .padding-box {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.rin-content h3 {
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.cog-content h3 {
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.small-wrapper hr {
	    margin-top: 20px !important;
	    margin-bottom: 20px !important;
	}
	.half-box img{
		margin-top:15px;
		margin-bottom:15px;
	}
	.ref .content-wrapper,footer .content-wrapper{
		padding-left:30px;
		padding-right:30px;
	}
	.icon-height img{
		height: 80px;
		margin:auto;
		display: block;
		width:auto;
		margin-bottom:30px;
	}
	.icon-list>div{
		margin-bottom:40px;
	}
	.puzzle-bg{
		background-image:unset;
	}
	.contact-page-title{
		height:150px;
	}
	.contact-page-title h1 {
	    font-size: 2em;
	}
	header .current_page_item::after {
	    position: absolute;
	    content: "";
	    bottom: 0;
	    height: 100%;
	    left: 0;
	    right: unset;
	    background: #F37022;
	    top: 0;
	    width: 5px;
	}
}