/*Responsive CSS*/
@media screen (max-width:1366px){
	.about-bio-pic img {
    width: 100%;
    height: auto;
    display: block;
}
}
@media screen and (min-width:768px) and (max-width:1023px){
.menu {
	margin: 0;}	

.mysite-logo{
	 max-width: 217px;
	}
	.menu li{
		margin-left: 36px;
	}
	.menu li a{
		padding-top: 67px;
	}
	.our-collection-right{
		padding:20px;
	}
	.our-collection-left{
			padding:20px;
	}
	.our-collection-left h2{
		    letter-spacing: 6px;

	}
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
	.mysite-logo {
    max-width: 222px;
    padding-left: 12px;
}
.logo-pnl{
	    padding-left: 10px;
}
.menu li a {
    padding-top: 0px;
}
ul#menu-header-menu li {
    padding-right: 68px;
}
.menu li {
    margin-left: 25px;
}
.header-nav-top-menu{
	    top: -10px;
}
.menu-primary-container{
	width: 73.5%;
	padding-left: 0;
	padding-right: 0;
	margin-top: 34px;
}	
.mysite-nav.menu-primary-container::before{
	    width: 100%;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
	.mysite-logo {
    max-width: 222px;
    padding-left: 12px;
}
.logo-pnl{
	    padding-left: 10px;
}
.menu li a {
    padding-top: 0px;
}
ul#menu-header-menu li {
    padding-right: 10px;
}
.menu li {
    margin-left: 25px;
}
.header-nav-top-menu{
	    top: -10px;
}
.menu-primary-container{
	width: 67%;
	padding-left: 0;
	padding-right: 0;
	margin-top: 34px;
}
}
@media only screen and (max-width: 767px) {
	.mob-menu-icon {
		position: absolute;
		z-index: 99999999;
		top: 25px;
		right: 0;
		height: 40px;
		width: 66px;
		overflow: hidden;
		color: transparent;
		white-space: nowrap;
		text-indent: 100%;
		background: transparent;
		text-align: right;
	}
	.mob-menu-icon span,
	.mob-menu-icon span::before,
	.mob-menu-icon span::after {
		position: absolute;
		height: 4px;
		width: 36px;
		background: #000;
		border-radius: 5px;
	}
	.mob-menu-icon span {
		top: 50%;
		left: inherit;
		transform: translateY(-50%);
		transition: background .3s;
		right: 15px;
	}
	.mob-menu-icon span::before,
	.mob-menu-icon span::after {
		content: '';
		/*top: 0;*/
		top: -4px;
		left: 0;
		transition: background .3s, transform .3s;
	}
	.mob-menu-icon span::before {
		/*transform: translateY(-10px);*/
		transform: translateY(-2px);
	}
	.mob-menu-icon span::after {
		transform: translateY(10px);
	}
	.mob-menu-icon:hover span,
	.mob-menu-icon:hover span::before,
	.mob-menu-icon:hover span::after {
		background: #000;
	}
	.nav-open .mob-menu-icon span {
		background: transparent;
	}
	.nav-open .mob-menu-icon span::before,
	.nav-open .mob-menu-icon span::after {
		background: #000;
	}
	.nav-open .mob-menu-icon span::before {
		transform: rotate(-45deg);
	}
	.nav-open .mob-menu-icon span::after {
		transform: rotate(45deg);
	}
	.overlay {
		position: fixed;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #1C1D21;
		opacity: 0;
		visibility: hidden;
		transition: opacity .5s, visibility .5s;
	}
	.nav-open .overlay {
		opacity: .6;
		visibility: visible;
	}

	.menu-primary-container {
		position: fixed;
		z-index: 99999;
		top: 0;
		right: 0;
		height: 100%;
		width: 90%;
		max-width: 320px;
		padding: 46px 0;
		background: #fff;
		overflow: auto;
		transform: translateZ(0);
		transform: translateX(100%);
		transition: transform .5s cubic-bezier(.07, .23, .34, 1);
		margin-top:0px;
	}
	.mysite-nav.menu-primary-container::before{
		display:none;
	}
		.menu-primary-container {
    max-width: 232px;
    padding: 57px 0;
}
	.nav-open .menu-primary-container {
		transform: translateX(0);
	}
	.nav-open .menu a {
		animation: slide-in .4s .2s backwards;
	}
	.nav-open .menu li:nth-of-type(2) a {
		animation-delay: .3s;
	}
	.nav-open .menu li:nth-of-type(3) a {
		animation-delay: .4s;
	}
	.nav-open .menu li:nth-of-type(4) a {
		animation-delay: .5s;
	}
	.nav-open .menu li:nth-of-type(5) a {
		animation-delay: .6s;
	}
	.nav-open .menu li:nth-of-type(6) a {
		animation-delay: .7s;
	}
	.nav-open .menu li:nth-of-type(7) a {
		animation-delay: .8s;
	}
	.nav-open .menu li:nth-of-type(8) a {
		animation-delay: .9s;
	}
	.nav-open .menu li:nth-of-type(9) a {
		animation-delay: 1s;
	}
	.nav-open .menu li:nth-of-type(10) a {
		animation-delay: 1.1s;
	}
	.nav-open .menu li:nth-of-type(11) a {
		animation-delay: 1.2s;
	}
	.nav-open .menu li:nth-of-type(12) a {
		animation-delay: 1.3s;
	}
	.nav-open .menu li:nth-of-type(13) a {
		animation-delay: 1.4s;
	}
	.nav-open .mob-menu-icon {
		position: fixed;
		top: 16px;
	}
	
	@keyframes slide-in {
		0% {
			opacity: 0;
			transform: translateX(80px);
		}
		100% {
			opacity: 1;
			transform: translateX(0);
		}
	}
	a.toggle-btn {
		display: inline-block;
	}
	ul#menu-header-menu li a {
    line-height: 40px;
}
	ul#menu-header-menu li {
    display: block;
    padding: 0 15px !important;
    text-align: left;
}
	ul#menu-header-menu li a::before{
		top: 10px;
	}
	ul#menu-header-menu li:hover a::before {
    opacity: 1;
    top: 10px;
    z-index: 9;
    left: 127%;
}
	#toTop {
    right: 0;
    font-size: 11px;
    padding: 0px 8px 0px 8px;
}
	header.site-header {
    position: relative;
    padding-top: 10px;
    font-size: 0px;
		padding-bottom: 10px;
}
	.header-nav-top-menu ul li a {
    font-size: 11px;
    line-height: 35px;
}
	.header-nav-top-menu {
    top: 0px;
    right: 15px;
}
	.header-nav-top-menu ul li::before {
    left: 8px;
    top: -6px;
}
	.header-nav-top-menu ul li {
    display: inline-block;
    padding-left: 18px;
    position: relative;
}
	
.banner-pnl {
    padding: 10px 0;
}
.logo-pnl {
    max-width: 286px;
    padding-left: 15px;
}
	.banner-bx-001 {
    height: auto;
    float: left;
    width: 100%;
}
	.banner-bx-002 {
    height: auto;
    float: left;
    width: 100%;
    margin: 15px 0;
}
	.yellow-bg {
		padding: 100px 0;
	}
	.donate-pnl {
    padding: 47px 0 0;
    text-align: center;
}
	footer.site-ftr {
    padding-top: 35px;
}
	.ftr-lft-pic img {
    max-width: 195px;
    margin-left: -113px;
}
	.ftr-lft {
    width: 100%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
	.ftr-lft-pic {
    width: 100%;
    float: left;
    margin-left: 0;
    text-align: center;
}
	.frt-cnt {
    width: 100%;
    float: right;
    padding-left: 0;
    padding-top: 28px;
    text-align: center;
}
	.info ul li:last-child, .social ul li:last-child {
    padding-right: 0px;
}
	.ftr-rit {
    width: 100%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding-top: 20px;
    padding-right: 0;
}
	.frt-subscribe p {
		text-align: center;
	}
	.ftr-frm-pnl {
    position: relative;
    max-width: 336px;
    width: 100%;
    margin: 0 auto 11px;
}
	.yellow-bg.about-pg {
    margin-top: 10px;
}
	.mission-pnl.about-pg {
    padding: 40px 0 00px;
}
	.post-pnl {
    padding-bottom: 22px;
    position: relative;
    padding-top: 0;
    margin-bottom: 30px;
}
	.post-cnt {
    padding: 20px 0 0;
	    text-align: center;
}
	.share-pnl {
    margin-top: 15px;
    position: relative;
    display: inline-block;
}
	.more-pst {
    text-align: center;
    padding-top: 41px;
}
	ul#menu-header-menu li.current-menu-item a::before {
    top: 10px;
		left: 127%;
	}
	.shop-col a {
    display: block;
}
.shop-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
}
	.shop-picture img {
    width: 100%;
}
	.yellow-bg.blg-pg {
    margin-top: 10px;
    padding: 80px 0 80px;
}
	.blgtp-lft h1{
		text-align:center;
	}
	.single-pnl.blg-sngl .post-pnl {
    padding-bottom: 22px;
    position: relative;
    padding-top: 30px;
    margin-bottom: 0;
}
	.cnt-left {
    width: 100%;
    float: left;
}
.cnt-rgt {
    width: 100%;
    float: right;
    padding-left: 0;
    text-align: center;
    padding-top: 30px;
}
	.cnt-rgt #wpcf7-f42-p18-o1 {
    margin-top: 26px;
    text-align: center;
    padding-right: 0;
}
	

.contact-pnl {
    padding: 10px 0;
}
.blgtp-rgt {
    max-width: 428px;
    float: none;
    width: 100%;
    padding-top: 16px;
    margin: 0 auto;
}
p{
	text-align: center;
}
.donate-pnl ul li a {
	font-size: 22px;
}
.donate-pnl ul li{
    padding: 37px 7px 0;
}
.connect{
	padding: 30px 0;
}
.connect h2 {
	padding-bottom: 0;
}
.mission-pnl.about-pg-story {
    padding: 40px 0 40px;
}
.abu-bg-pnl {
    padding: 40px 0 0 0;
}
a.glb-button{
	    margin-top: 5px;
}
.mission-pnl.shop-pg {
    padding: 40px 0 12px;
}
.shop-pnl a.glb-button {
    margin-top: 30px;
}
.shop-pnl {
    padding-bottom: 60px;
}
.blgtp-lft {
    max-width: 470px;
    float: inherit;
    margin: 0 auto;
}
}
@media only screen and (max-width: 575px){
	.logo-pnl {
    max-width: 220px;
    padding-top: 10px;}
}