@-webkit-keyframes myanimation {
	from {
		left: 0%;
	}
	to {
		left: 50%;
	}
}



/************Global**************/
body, section {
	max-width: 75em;
}

@media (min-width: 40.06rem) {
  .sm-col {
      float: left;
      box-sizing: border-box
  }
  .sm-col-right {
      float: right;
      box-sizing: border-box
  }
  .sm-col-1 {
      width: 8.33333%
  }
  .sm-col-2 {
      width: 16.66667%
  }
  .sm-col-3 {
      width: 25%
  }
  .sm-col-4 {
      width: 33.33333%
  }
  .sm-col-5 {
      width: 41.66667%
  }
  .sm-col-6 {
      width: 50%
  }
  .sm-col-7 {
      width: 58.33333%
  }
  .sm-col-8 {
      width: 66.66667%
  }
  .sm-col-9 {
      width: 75%
  }
  .sm-col-10 {
      width: 83.33333%
  }
  .sm-col-11 {
      width: 91.66667%
  }
  .sm-col-12 {
    width: 100%
  }
	.sm-pl05 {
	  padding-left: .5rem
	}
	.sm-pr05 {
	  padding-right: .5rem
	}
	.sm-pl1 {
	  padding-left: 1rem
	}
	.sm-pr1 {
	  padding-right: 1rem
	}
	.sm-px05 {
	  padding-left: 0.5rem;
	  padding-right: 0.5rem
	}
	.sm-px1 {
	  padding-left: 1rem;
	  padding-right: 1rem
	}
	.sm-p1 {
	  padding: 1rem
	}
	.sm-pr2 {
	  padding-right: 1.5rem
	}
	.sm-p2 {
	  padding: 1.5rem
	}
	.sm-pr2 {
	  padding-right: 1.5rem
	}
	.sm-m0 {
		margin: 0
	}
	.sm-mb0 {
		margin-bottom: 0;
	}
  .sm-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
	.sm-flex-row-reverse {
	  -webkit-flex-direction: row-reverse;
	  -ms-flex-direction: row-reverse;
	  flex-direction: row-reverse
	}
  .sm-absolute {
    position: absolute
  }
	.sm-left {
	  text-align: left
	}
	.sm-font-size-1-3 {
	  font-size: 1.3rem;
	}
	.sm-font-size-2-5 {
	  font-size: 2.5rem;
	}
	.sm-line-height-3-5 {
	  line-height: 3.5rem
	}
}

@media (min-width: 52.06rem) {
  .md-col {
      float: left;
      box-sizing: border-box
  }
  .md-col-right {
      float: right;
      box-sizing: border-box
  }
  .md-col-1 {
      width: 8.33333%
  }
  .md-col-2 {
      width: 16.66667%
  }
  .md-col-3 {
      width: 25%
  }
  .md-col-4 {
      width: 33.33333%
  }
  .md-col-5 {
      width: 41.66667%
  }
  .md-col-6 {
      width: 50%
  }
  .md-col-7 {
      width: 58.33333%
  }
  .md-col-8 {
      width: 66.66667%
  }
  .md-col-9 {
      width: 75%
  }
  .md-col-10 {
      width: 83.33333%
  }
  .md-col-11 {
      width: 91.66667%
  }
  .md-col-12 {
      width: 100%
  }
	.md-pl1 {
	    padding-left: 1rem
	}
	.md-pr1 {
	    padding-right: 1rem
	}
	.md-px1 {
	    padding-left: 1rem;
	    padding-right: 1rem
	}
	.md-pr2 {
	    padding-right: 1.5rem
	}
	.md-pr3 {
	    padding-right: 2rem
	}
	.md-p3 {
	    padding: 2rem
	}
	.md-mt0 {
		margin-top: 0
	}
	.md-ml1 {
		margin-left: 1rem
	}
	.md-mt4 {
	  margin-top: 2.5rem
	}
	.md-block {
		display: block;
	}
  .md-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
	.md-order-last {
	  -webkit-box-ordinal-group: 100000;
	  -ms-flex-order: 99999;
	  order: 99999
	}
}

@media (min-width: 64.06rem) {
  .lg-col {
      float: left;
      box-sizing: border-box
  }
  .lg-col-right {
      float: right;
      box-sizing: border-box
  }
  .lg-col-1 {
      width: 8.33333%
  }
  .lg-col-2 {
      width: 16.66667%
  }
  .lg-col-3 {
      width: 25%
  }
  .lg-col-4 {
      width: 33.33333%
  }
  .lg-col-5 {
      width: 41.66667%
  }
  .lg-col-6 {
      width: 50%
  }
  .lg-col-7 {
      width: 58.33333%
  }
  .lg-col-8 {
      width: 66.66667%
  }
  .lg-col-9 {
      width: 75%
  }
  .lg-col-10 {
      width: 83.33333%
  }
  .lg-col-11 {
      width: 91.66667%
  }
  .lg-col-12 {
      width: 100%
  }
  .lg-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (min-width: 40.06rem) and (max-width: 52rem) {
  .sm-hide {
    display: none
  }
}
@media (min-width: 52.06rem) and (max-width: 64rem) {
  .md-hide {
    display: none
  }
}
@media (min-width: 64.06rem) {
  .lg-hide {
    display: none
  }
}

.large-screen-object {
	display: block;
}
.small-screen-object {
	display: none;
}


/************info-box**************/
	.info-box .message {
	  min-width: 300px;
	  max-width: 600px;
		vertical-align: middle;
	}
	.info-box .icon-cheeky, .info-box .icon-smiley {
		height: 200px;
		width: 200px;
		display: inline-block;
		vertical-align: middle;
	}
/************End info-box**************/

/************End Global**************/


/************right-nav-section**************/
	.right-nav-trigger ~ section#right-nav-section {
		right: -150% !important;
	}
/************End right-nav-section**************/

/************logo-section**************/
.header-top div.header-button {
	padding-top: 0.4rem;
}
.header-top div.header-button .text {
	font-size: 0.8rem;
	display: block
}
section#logo-section {
	display: block;
  position: relative;
  float: left;
  width: 100%;
  background-image: url(https://cdn.fabricwallstickers.com/images/logo-box-bg.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  height: 10em;
	transition: all 2s linear;
	-webkit-transition: all 2s linear;
	-moz-transition: all 2s linear;
}
/************End logo-section**************/


/************nav-section**************/
.main-menu {
  height: 3em;
}
.main-menu > ul > li:hover {
  background-color: #f9fdf8;
  border-left: 1px solid #88b782;
  border-right: 1px solid #88b782;
}
.main-menu .dropdown-menu {
	display: none;
	background-color: #f9fdf8;
	padding: 10px 10px 15px 10px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 4;
  border: 1px solid #88b782;
	border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	-moz-border-radius: 0px 5px 5px 5px;
}
.main-menu li:hover .dropdown-menu {
  display: flex;
}
.main-menu .dropdown-menu a {
  border-bottom: 1px solid transparent
}
.main-menu .dropdown-menu a:hover {
	border-bottom: 1px solid;
}
.main-menu .dropdown-menu li a {
	color: #6b6b6b;
}
.main-menu .dropdown-menu ul li {
	padding: 0.5em 0;
}
.main-menu .dropdown-menu.aboutus {
	width: unset;
	left: -1px;
}
.main-menu > ul > li {
  display: inline-block;
  float: left;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  text-align: center;
}

/************End nav-section**************/


/************announcement-section**************/
section#promotion-section {
	padding: 0.2em 1em;
	font-size: 1em;
}
section#promotion-section .promotion-code {
	font-size: 1.1em;
}
section#promotion-section .shop-now {
	font-size: 1.1em;
}
/************End announcement-section**************/


/************category.php**************/
	.category-page .category-details {
		padding: 0 0 1em 1.5em;
	}
	.category-page .btn-category-trigger {
		display: none;
	}
	.category-page #category-trigger ~.category-tabs {
		display: block;
	}
	@media screen and (min-width: 56em) {
		.category-page .category-album .frame {
			width: 30%;
	    margin-right: 1.5%;
	    margin-left: 1%;
		}
	}
/************End category.php**************/

/************product.php**************/
	.product-custom .css-tabs-nav label {
		padding: 0.6em 1em;
	}
	.product-page .css-slider input#switch_zoomin:checked ~ .frame {
    transform: scale(1.5);
    transform-origin: top left;
    z-index: 1;
	}
	@media (min-width: 52.06rem) {
		.product-page .product-photos .css-slider .slider-active {
    	padding: 0;
    }
		.product-page .product-photos .css-slider .slider-active label {
			width: 80%;
			margin: 0 0 0 -5%;
		}
	}
	.product-page .desc-panel {
		max-height: none;
	}
	.product-page .desc-panel .read-more {
		display: none;
	}
	.product-page .preview-panel-left {
		position: -webkit-sticky;
		position: sticky;
    top: 30%
	}
	.product-page .product-extra-tabs .content-tab {
		width: 48%;
		margin: 1em 1%;
	}
/************End product.php**************/


/************shoppingCart.php**************/
	table.cart th:nth-child(1) {
		display: table-cell;
	}
	table.cart th:nth-child(2) {
		width: auto;
	}
	table.cart th:nth-child(3) {
		width: 5em;
	}
	table.cart th:nth-child(4) {
		width: 5em;
	}
	table.cart td:nth-child(1) {
		display: table-cell;
	}
/************End shoppingCart.php**************/


/************checkout.php**************/
  .checkout-page ul.checkout-progress-bar li {
    width: 25%;
  }
  .checkout-page ul.checkout-progress-bar li:before {
    /*left: 40%;*/
  }
 	.checkout-page input[name=show-order-summary] ~ div#order-summary {
 		display: block;
	}
 	.checkout-page input[name=show-order-summary] ~ div#order-summary-switch {
 		display: none;
	}
/************End checkout.php**************/


/************payment.php**************/
	.payment-page .invoice-number {
		float: right;
	}
/************End payment.php**************/

/************footer**************/
	#footer .toy-box {
		background: url(https://cdn.fabricwallstickers.com/images/hourse-img.png) no-repeat left top;
		background-size: 100%;
		top: -4em;
	}
	#footer .contact-details {
		padding: 1.7em 1em 0 4em;
	}
/************end footer**************/



/************Other Pages**************/
.faq-page .row .row-col-8,
.contactus-page .row .row-col-8 {
	padding-right: 2em;
}
/*
.group-offers-page .row .row-col-6:first-child,
.sitemap-page .row .row-col-6:first-child,
.fundraising-page .row .row-col-6:first-child {
	padding-right: 1em;
}
*/
.sitemap-page .row .row-col-6:last-child {
	padding-left: 1em;
}
/************End Other Pages**************/