*{margin:0; padding:0;}
body{font-family: 'Lato', sans-serif !important; color:#647f8e !important;}
.product-detail-price-container .open-social {
	background: #647f8e;
	float: left;
	color: #fff;
	border: 0px;
	font-size: 15px;
	padding: 6px 10px;
	border-radius: 3px;
	margin: 15px 0 0 0;cursor: pointer;
}
.add-to-cart-btn {
	background: #000;
	color: #fff;
	padding: 10px 15px;
	border: 0px;
	border-radius: 3px;
}
#st-1 {
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left !important;
}
#u_0_4_sT {
	color: #fff !important;
}
#u_0_4_B\/ span {
	color: #fff !important;
}
.fb-like.fb_iframe_widget {
	margin: 0 0 10px 0 !important;
}
.shoping-cart-bg {
	float: left;
	width: auto;
	margin: 20px 15px 0 0;
	padding: 0;
}
.col-md-4.insta-class .img-responsive {
	width: 100%;
}
.col-md-4.insta-class {
	padding: 3px;
}
.col-6.col-md-2.col-sm-2.col-2.cart-icon {
	width: 7%;
}
.col-6.col-md-10.col-sm-10.col-10.logo {
	width: 93%;
}
a{color:#647f8e}
a:hover{color:#7f8a5d}
.btn-check:focus + .btn-success, .btn-success:focus {box-shadow: none;}
footer .col-md-4{flex:auto !important; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); max-width: 33.333333%;}
p{font-size: 18px; font-weight: bold; letter-spacing: .5px; line-height: 25px; margin: 0}
.shop-button{background: #647f8e; text-align: center; color: #faf1ec; font-size: 27px !important; font-weight: 900; text-transform: capitalize; padding: 14px 0 19px; line-height: 24px; border-radius: 4px; width: 255px; margin: 0 auto; text-decoration: none;}
.img-thumbnail{padding: 0; background-color: transparent; border: 0; border-radius: 0;}
.header{padding: 35px 0 44px; position: fixed; left: 0; right: 0; z-index: 999; background-color: #fff; max-width: 100% !important; top: 0;}
.first-sec{margin: 137px auto 0;padding-right: 0px;padding-left: 0px;}
.header .row{width: 1520px !important; margin: 0 auto;}
.header h1{font-size: 40px; color: #647f8e; letter-spacing: .8px; font-weight: bold; margin: 0; line-height: 44px; float: left;}
.header h3{font-size: 16px; color: #3c3732; letter-spacing: .5px; font-weight: bold; margin: 0; line-height: 14px; clear: both; float: left;}
.header .logo a{text-decoration:none;}
#main .openbtn{outline: 0; margin: 20px 0 0; padding: 11px 0;}
#main span{width: 41px; height: 5px; background: #0f0f0f; display: block; position:relative;}
#main span:before{content:''; position:absolute; width: 41px; height: 5px; background: #0f0f0f; top: -10px; left: 0px;}
#main span:after{content:''; position:absolute; width: 41px; height: 5px; background: #0f0f0f; top: 10px; left: 0px;}
#main:hover span{background: #7f8a5d;}
#main:hover span:before{background: #7f8a5d;}
#main:hover span:after{background: #7f8a5d;}
/* .carousel-inner{background-image:url(../images/shadow.png); background-repeat:no-repeat; background-position:bottom -6px center; padding-bottom: 37px;} */
.sidebar {height: 100%; width: 0; position: fixed; z-index: 9; top: 0; right: 1px; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
.sidebar a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #fff; display: block; transition: 0.3s;}
.sidebar a:hover {color: #7f8a5d;}
.sidebar .closebtn {position: absolute; top: 0; left: 0; font-size: 36px; margin-left: -24px; z-index: -1;}
.openbtn {font-size: 20px; background: transparent;; cursor: pointer; color: #000; padding: 0; border: none; float: right;}
.shop-button:hover{background: #7f8a5d; color:#fff;}
section.primery-color {background-color: #faf1ec;margin-bottom: 0px;padding: 34px 0 50px;overflow: hidden;float: left;width: 100%;}
section.primery-color a.read-more{color:#7f8a5d; font-weight:900; text-decoration: none; margin: 20px 0 0; display: block; font-size: 18px;}
a.read-more:hover{color:#7f8a5d !important;}
#carouselExampleSlidesOnly{padding:0; background-color: #faf1ec;}
section.primery-color h4 {color: #647f8e; font-size: 32px; font-weight: 900; letter-spacing: .2px; line-height: 60px; margin: 0 0 19px; text-transform: capitalize;}
section.primery-color h3{color:#647f8e; font-size:28px; font-weight:900; letter-spacing:.2px; line-height: 32px; margin: -18px 0 19px; text-transform: capitalize;}
a { text-decoration:none;}
.primery-color h4{color:#647f8e; font-size:50px; font-weight:900; letter-spacing:.2px; line-height: 32px; margin: 0 0 19px; text-transform: capitalize;}

.text-bottom {justify-content: center; align-items: flex-end;}
.new-works a{font-size: 18px; text-decoration: none;}
.new-works h5{margin: 13px 0 0; line-height: 18px; text-align: right; font-size: 18px;}
.new-works  .col-3{width: 332px; margin: 0 24px 30px;}
.new-works .row{justify-content: space-between;}
.new-works .row.text-center{justify-content: center !important; margin: 36px 0 0;}
.our-products .col-2{width:272px; overflow: hidden; position:relative; padding: 0; margin: 0 12px 22px; cursor: pointer;}
.col-4.text-bottom p{margin-top:50px;}
.our-products .col-2 img{width:100%; opacity: 1;}
.our-products .col-2 figure.effect-sophie:hover img{opacity:1;}
.our-products .col-2 figure figcaption, .grid figure figcaption > a {position: absolute; top: 0;left: 0; width: 100%; height: 100%;}
.our-products .col-2 .tile-10.effect-sophie{width:100%; background-color:transparent; margin: 0;}
.our-products .col-2 .effect-sophie:hover img {transform: scale(1);}
.our-products .row{justify-content: space-between; margin: 21px 0 0;}
.our-products .row .shop-button{font-size: 24px !important;}
.price-detail{bottom: 0; left: 0; right: 0; position:absolute; text-align: center; width: 100%; z-index: 99;}
.our-products .col-2 .tile-10.effect-sophie .price-detail h2{background: rgba(255,255,255,0.5); color: #0f0f0f; padding: 10.5px; margin: 0; font-size: 22px; line-height: 22px; margin: 0; font-weight: bold;}
.our-products .col-2 .tile-10.effect-sophie .price-detail h2 strong{font-size: 16px; margin: 10px 0 0; line-height: 16px; font-weight: bold; display: block;}
.our-products .col-2 .tile-10.effect-sophie .price-detail p{padding:0;}
.our-products .col-2 .tile-10.effect-sophie .price-detail a{background-color: #7e8a5e; color: #fff; width: 100%; display: block; text-decoration: none; line-height: 20px; padding: 14px 0 17px; font-size: 20px; letter-spacing: .5px; border-radius:0;}
.our-products .col-2 .tile-10.effect-sophie .price-detail a:hover {background-color: #647f8e;}
.our-products .col-2 :hover + .price-detail{display:block;}
.story img{margin-bottom:38px;}
.story p{margin-bottom:28px;}
.story p:last-child{margin-bottom:0}
.champions-gallery{--bs-gutter-x: 0;}
.champions-gallery .col-2{width:282px; padding:0; margin:0 12px 12px 0;}
.champions-gallery .col-2 img{margin:0;}
.blogs {margin: 35px 0 0;justify-content: space-between;float: left;width: 100%;}
/*.blogs .row{justify-content: space-between;}*/
.blogs .col-2{width: 282px; padding: 0; text-align:center; margin: 0 10px 28px 0;}
.col-2.filterDiv.show {display: block;}
.col-2.filterDiv {display: none;}
#myBtnContainer {
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
}
#myBtnContainer .btn {
	color: #647f8e;
	font-weight: bold;
	font-size: 20px;
	padding: 11px 44px;
	line-height: 19px;
	background-color: #eae8e7;
	border-radius: 0;
	margin: 0 6px 0 0 !important;position: relative;
}
#myBtnContainer .btn.active{
	background-color: #647f8e;
	color: #fff;
}
#myBtnContainer .btn.active::after {
	position: absolute;
	top: 38px;
	left: 0;
	right: 0;
	content: '';
	width: 0;
	height: 0;
	border-top: solid 10px #647f8e;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
	margin: 0 auto;
}
.btn-check:focus + .btn, .btn:focus {outline: 0;box-shadow: none;}
.blogs .col-2 img{width:100%;}
.blogs .col-2 a{text-decoration:none;}
.blogs .col-2 a span{font-size: 20px; color: #faf1ec; background-color: #7f8a5d; font-weight: bold; text-transform: initial; line-height: 31px; padding: 9px 0; margin: 0; display: block; text-decoration: none; line-height: 32px; overflow: hidden;}
.filter-gallery .col-md-3.grid-item .artist-name{position:absolute; top:0; width: 96.6%; height: 100%; display: flex; justify-content: center; align-items: center;}
.filter-gallery .col-md-3.grid-item .artist-name:hover{background-color: rgba(100,127,142,0.4);}
.filter-gallery .col-md-3.grid-item .artist-name h3{color:#fff; font-size:30px; font-weight: bold; margin: 0; opacity:0; text-transform: inherit;}
.filter-gallery .grid-item:hover .artist-name h3{opacity:1;}
.grid-item{padding:0px 7px !important;}
.grid-item img{margin:0; width:100%;}
.btn-group.btn-group-justified.filter-button-group{width:100%; text-align: center; display: block; margin: 0 0 46px;}
.filter-button-group .btn.btn-default{color: #647f8e; font-weight: bold; font-size: 20px; padding: 11px 44px; line-height: 19px; background-color: #eae8e7; border-radius: 0; margin:0 6px !important;}
.filter-button-group .btn.btn-default:focus{box-shadow:none;}
.filter-button-group .btn.btn-default.is-checked{background-color:#647f8e; color:#fff;}
.filter-button-group .btn.btn-default.is-checked:after{position: absolute; top: 38px; left: 0; right: 0; content: ''; width: 0; height: 0; border-top: solid 10px #647f8e; border-left: solid 10px transparent; border-right: solid 10px transparent; margin: 0 auto;}
.blogs .col-2 a span:hover{background-color:#647f8e;}
.price-detail .detail-price{background: rgba(255,255,255,0.5); color:#0f0f0f; padding: 10.5px;}
.price-detail .detail-price h5{font-size: 22px; line-height: 22px; margin: 0; font-weight: bold;}
.price-detail .detail-price h6{font-size: 16px; margin: 10px 0 0; line-height: 16px; font-weight: bold;}
.price-detail a{background-color:#7e8a5e; color: #fff; width: 100%; display: block; text-decoration: none; line-height: 20px; padding: 14px 0 17px; font-size: 20px; letter-spacing: .5px;}
.price-detail a:hover{background-color:#647f8e;}
.carousel-control-prev-icon{background-image:url(../images/left-arrow.png); background-repeat:no-repeat; width: 19px; height: 24px;}
.carousel-control-next-icon{background-image:url(../images/right-arrow.png); background-repeat:no-repeat; width: 19px; height: 24px;}
.detail-carousel .carousel-inner{background-image:none; padding:0;}
.detail-carousel .carousel.slide{margin:0 0 41px;}
.detail-carousel p{margin:0 0 33px;}
.detail-carousel ul{margin:0; width: 62%;}
.carousel-control-next, .carousel-control-prev{width: 3.5%; background-color: rgba(255,255,255,0.8); height: 85px; top: 41%; opacity:1; box-shadow: -1px 0px 6px 0px #000;}
.carousel-control-prev{margin-left: 2px;}
.carousel-control-next{margin-right: 2px;}
.detail-carousel ul li{font-size: 18px; font-weight: bold; letter-spacing: .5px; line-height: 25px; margin: 0 0 16px;}
.detail-carousel ul li:last-child{margin: 0;}
.our-gallery {margin: 0 auto 47px;}
.tile-10.effect-sophie p a{color: #647f8e; text-decoration: none; background-color: #faf1ec; padding: 8px 54px 10px; border-radius: 5px; display: inline-block; font-size: 18px; font-weight: bold; line-height: 20px;}
.tile-10.effect-sophie p a:hover{color: #faf1ec; background-color: #647f8e;}
.effect-sophie {position: relative; overflow: hidden;}
.effect-sophie img {max-width: 100%; transition: all 1s; display: block; width: 100%; height: auto; transform: scale(1);}
.effect-sophie:hover img {transform: scale(1.3); transition: all 1.3s;}
.our-gallery .button.is-checked:after{position: absolute; top: 38px; left: 0; right: 0; content: ''; width: 0; height: 0; border-top: solid 10px #647f8e; border-left: solid 10px transparent; border-right: solid 10px transparent; margin: 0 auto;}
.filters ul{display: flex; justify-content: center; list-style: none; margin: 30px 15px}
.filters ul li{font-size: 20px; color: #647f8e; font-weight: bold; background-color: #eae8e7; border: 0; line-height: 31px; padding: 5px 46px; display: inlnie-block; text-align: center; margin-right: 13px; cursor: pointer; position: relative; margin-bottom: -2px; transition: 0.3s;}
.filters ul li.is-checked{background-color:#647f8e; color:#fff; position:relative;}
.filters ul li.is-checked:after{position: absolute; top: 38px; left: 0; right: 0; content: ''; width: 0; height: 0; border-top: solid 10px #647f8e; border-left: solid 10px transparent; border-right: solid 10px transparent; margin: 0 auto;}
.filters ul li:last-child{margin-right: 0;}
.grid .grid-item h1{background: #EEEEEE; height: 150px; line-height: 150px; color: white; font-size: 3em; text-align: center; margin-bottom: 30px;
}
.filter-gallery .col-md-3 img{width:100%;}
.filter-gallery .col-md-3{margin-bottom: 15px;}
.grid {position: relative; overflow: hidden; list-style: none; text-align: center;}
figure {position: relative; overflow: hidden; width: 500px; text-align: center;  cursor: pointer;}
@media screen and (max-width: 50em) {
  figure {display: inline-block; float: none; margin: 10px auto; width: 100%;}
}
figure img {position: relative; display: block; height: 100%; width: 100%; opacity: 0.8;}
figure figcaption {-webkit-backface-visibility: hidden; backface-visibility: hidden;}
figure figcaption:after {pointer-events: none;}
figure figcaption:before {pointer-events: none;}
figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
figure h2 {letter-spacing: .8px;font-weight: bold;margin: 0;font-size: 31px;color: #fff;margin: 0 0 10px;}
figure h2 span { font-weight: 800;  margin: 0;}
figure p {margin: 0;letter-spacing: 1px;  color: #fff; font-weight: 300; font-size: 16px; text-align: center;}
.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

figure.effect-lily {
  background: #3085a3;
}
figure.effect-lily img {
  max-width: none;
  width: -webkit-calc(100% + 50px);
  width: calc(100% + 50px);
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}
figure.effect-lily figcaption {
  text-align: left;
  width: 90%;
  padding: 1em;
  top: 50%;
}
figure.effect-lily h2, figure.effect-lily p {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}
figure.effect-lily h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
figure.effect-lily p {
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  margin: 10px 0 100px 0;
}
figure.effect-lily:hover p {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}
figure.effect-lily:hover img, figure.effect-lily:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-lily:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-sadie figcaption:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  content: '';
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
}
figure.effect-sadie h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
figure.effect-sadie figcaption:before, figure.effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
  color: #fff;
  padding: 2em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 87%;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
figure.effect-sadie:hover h2 {
  color: #fff;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
}
figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-honey {
  background: #4a3753;
}
figure.effect-honey img {
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.effect-honey:hover img {
  opacity: 0.5;
}
figure.effect-honey h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1em 1.5em;
  width: 100%;
  text-align: left;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}
figure.effect-honey h2 i {
  font-style: normal;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}

figure.effect-honey figcaption::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: #fff;
  content: '';
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}

figure.effect-honey figcaption::before,
figure.effect-honey h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-layla {
  background: #CDB38B;
}
figure.effect-layla img {
  height: 390px;
}
figure.effect-layla h2 {
  padding-top: 26%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
figure.effect-layla p {
  color: #fff;
  padding: 0.5em 2em;
  text-transform: none;
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
figure.effect-layla img, figure.effect-layla h2 {
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}
figure.effect-layla figcaption:before, figure.effect-layla figcaption:after {
  position: absolute;
  content: '';
  opacity: 0;
}
figure.effect-layla figcaption:before {
  top: 50px;
  right: 30px;
  bottom: 50px;
  left: 30px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
figure.effect-layla figcaption:after {
  top: 30px;
  right: 50px;
  bottom: 30px;
  left: 50px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
  opacity: 0.7;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

figure.effect-zoe {
  background: #3085a3;
}
figure.effect-zoe figcaption {
  top: auto;
  bottom: 0;
  width: 90%;
  height: 1.4em;
  padding: 1em;
  background: #fff;
  color: #3c4a50;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
figure.effect-zoe h2 {
  float: left;
  display: inline-block;
}
figure.effect-zoe p.icon-links a {
  float: right;
  color: #3c4a50;
  font-size: 1.4em;
}
figure.effect-zoe p.icon-links a:hover, figure.effect-zoe p.icon-links a:focus {
  color: #252d31;
}
figure.effect-zoe p.description {
  position: absolute;
  bottom: 12em;
  width: 90%;
  padding: 0;
  color: #fff;
  text-transform: none;
  font-size: 18px;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-backface-visibility: hidden;
  /* Fix for Chrome 37.0.2062.120 (Mac) */
}
figure.effect-zoe h2, figure.effect-zoe p.icon-links a {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
}
figure.effect-zoe p.icon-links a span::before {
  display: inline-block;
  padding: 8px 10px;
  font-family: 'feathericons';
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
figure.effect-zoe .icon-eye::before {
  content: '\e000';
}
figure.effect-zoe .icon-paper-clip::before {
  content: '\e001';
}
figure.effect-zoe .icon-heart::before {
  content: '\e024';
}
figure.effect-zoe:hover p.description {
  opacity: 1;
}
figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2, figure.effect-zoe:hover p.icon-links a {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-zoe:hover h2 {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
figure.effect-zoe:hover p.icon-links a:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
figure.effect-zoe:hover p.icon-links a:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
figure.effect-zoe:hover p.icon-links a:first-child {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

figure.effect-oscar {
  background: #553445;
}
figure.effect-oscar img {
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.effect-oscar figcaption {
  background-color: rgba(85, 52, 69, 0.5);
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
}
figure.effect-oscar figcaption:before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
}
figure.effect-oscar p {
  color: #fff;
  padding: 0 40px;
}
figure.effect-oscar h2 {
  margin: 27% 0 10px 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
figure.effect-oscar figcaption:before, figure.effect-oscar p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
figure.effect-oscar:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #fff;
}
figure.effect-oscar:hover figcaption:before, figure.effect-oscar:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  color: #fff;
}
figure.effect-oscar:hover figcaption {
  background-color: rgba(58, 52, 42, 0);
}
figure.effect-oscar:hover img {
  opacity: 0.4;
}

figure.effect-marley {
  background: #3085a3;
}
figure.effect-marley figcaption {
  text-align: right;
}
figure.effect-marley h2, figure.effect-marley p {
  position: absolute;
  right: 30px;
  left: 30px;
  padding: 10px 0;
}
figure.effect-marley p {
  color: #fff;
  bottom: 30px;
  line-height: 1.5;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
figure.effect-marley h2 {
  top: 30px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
figure.effect-marley:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-marley h2:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4px;
  background: #fff;
  content: '';
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}
figure.effect-marley h2:after, figure.effect-marley p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
figure.effect-marley:hover h2::after, figure.effect-marley:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-ruby {
  background-color: #17819c;
}
figure.effect-ruby figcaption {
  padding: 0 2em;
  width: 80%;
}
figure.effect-ruby img {
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
figure.effect-ruby:hover img {
  opacity: 0.5;
  -webkit-transform: scale(1);
  transform: scale(1);
}
figure.effect-ruby h2 {
  margin-top: 20%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
figure.effect-ruby p {
  color: #fff;
  margin: 1em 0 0;
  padding: 3em;
  border: 1px solid #fff;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
  transform: translate3d(0, 20px, 0) scale(1.1);
}
figure.effect-ruby:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-ruby:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

figure.effect-roxy {
  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
}
figure.effect-roxy img {
  max-width: none;
  width: -webkit-calc(100% + 60px);
  width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50px, 0, 0);
  transform: translate3d(-50px, 0, 0);
}
figure.effect-roxy figcaption {
  padding: 0 3em;
  width: 70%;
  text-align: left;
}
figure.effect-roxy figcaption:before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}
figure.effect-roxy h2 {
  padding: 40% 0 10px 0;
}
figure.effect-roxy p {
  color: #fff;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
figure.effect-roxy:hover img {
  opacity: 0.7;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-roxy:hover figcaption:before, figure.effect-roxy:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-sophie {
  background-color: #647f8e;
}
figure.effect-sophie img {
  opacity: 0.7;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.effect-sophie:hover img {
  opacity: 0.4;
}
figure.effect-sophie figcaption:before, figure.effect-sophie figcaption:after {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sophie h2 {
	text-transform: initial;
  padding-top: 40%;
 opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
figure.effect-sophie p {
  color: #fff;
  padding: 0px 2.5em;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
figure.effect-sophie:hover figcaption::before, figure.effect-sophie:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
figure.effect-sophie:hover h2, figure.effect-sophie:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-romeo {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  background: #3085a3;
}
figure.effect-romeo img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 0, 300px);
  transform: translate3d(0, 0, 300px);
}
figure.effect-romeo:hover img {
  opacity: 0.6;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-romeo figcaption:before, figure.effect-romeo figcaption:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 1px;
  background: #fff;
  content: '';
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
figure.effect-romeo:hover figcaption::before {
  opacity: 0.5;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
figure.effect-romeo:hover figcaption::after {
  opacity: 0.5;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
figure.effect-romeo h2, figure.effect-romeo p {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
figure.effect-romeo h2 {
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
}
figure.effect-romeo p {
  color: #fff;
  padding: 0.25em 0;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
}
figure.effect-romeo:hover h2 {
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
}
figure.effect-romeo:hover p {
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
}

figure.effect-dexter {
  background: -webkit-linear-gradient(top, #258dc8 0%, #683c13 100%);
  background: linear-gradient(to bottom, #258dc8 0%, #683c13 100%);
}
figure.effect-dexter img {
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.effect-dexter:hover img {
  opacity: 0.4;
}
figure.effect-dexter figcaption {
  width: 71%;
  height: 217px;
  padding: 3em;
  text-align: left;
}
figure.effect-dexter figcaption:after {
  position: absolute;
  right: 30px;
  bottom: 30px;
  left: 30px;
  height: -webkit-calc(45% - 30px);
  height: calc(45% - 30px);
  border: 7px solid #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
figure.effect-dexter:hover figcaption::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-dexter p {
  color: #fff;
  position: absolute;
  right: 60px;
  bottom: 60px;
  left: 60px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0);
}
figure.effect-dexter:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-sarah {
  background: #42b078;
}
figure.effect-sarah img {
  max-width: none;
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
figure.effect-sarah :hover img {
  opacity: 0.4;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-sarah figcaption {
  padding: 2em;
  width: 80%;
  text-align: left;
}
figure.effect-sarah h2 {
  position: relative;
  overflow: hidden;
  padding: 0.5em 0;
}
figure.effect-sarah h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
figure.effect-sarah:hover h2:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-sarah p {
  color: #fff;
  padding: 1em 0;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
figure.effect-sarah:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-chico {
  background: #3085a3;
}
figure.effect-chico img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}
figure.effect-chico:hover img {
  opacity: 0.5;
  -webkit-transform: scale(1);
  transform: scale(1);
}
figure.effect-chico figcaption {
  padding: 3em;
  width: 70%;
  height: 217px;
}
figure.effect-chico figcaption:before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
figure.effect-chico figcaption:before, figure.effect-chico p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico h2 {
  padding: 20% 0 20px 0;
}
figure.effect-chico p {
  margin: 0 auto;
  color: #fff;
  max-width: 200px;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
figure.effect-milo {
  background: #2e5d5a;
}
figure.effect-milo img {
  max-width: none;
  width: -webkit-calc(100% + 60px);
  width: calc(100% + 60px);
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
  transform: translate3d(-30px, 0, 0) scale(1.12);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
figure.effect-milo:hover img {
  opacity: 0.5;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
figure.effect-milo figcaption {
  padding: 2em;
  width: 80%;
  height: 73%;
}
figure.effect-milo h2 {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1em 1.2em;
}
figure.effect-milo p {
  color: #fff;
  padding: 0 10px 0 0;
  width: 50%;
  border-right: 1px solid #fff;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}
figure.effect-milo:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.usage-wrapper {
  margin: 0 auto 100px auto;
  padding: 20px;
  background: #CCC;
}
.usage-wrapper h2, .usage-wrapper ol, .usage-wrapper p{
  color: #2F3238;
}
.usage-wrapper h2 {
  margin: 10px 0 20px 0;
}
.usage-wrapper ol {
  margin-left: 10px;
  line-height: 1.5em;
}
.usage-wrapper p {
    margin: 0;
}

.content {
  margin: 0 auto;
  max-width: 1000px;
}
.grid {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  list-style: none;
  text-align: center;
}

figure {
  float: left;
  width: 366px;
  margin: 0 7px 9px 0;
  background: #3085a3;
}
figure.last {
  margin: 0;
}

.example-wrapper {
  float: left;
  margin: 30px 0 0 0;
  width: 50%;
}
.example-wrapper h3 {
  font-weight: 800;
  margin: 0 0 15px 0;
  color: #74777B;
  text-align: left;
}
.example-wrapper pre, .example-wrapper code {
  color: #74777B;
  font-size: 16px;
  line-height: 0.8em;
  float: left;
  text-align: left;
  direction: ltr;
  margin: 0;
  padding: 0;
}

.options-wrapper {
  float: left;
  margin: 30px 0 0 0;
  width: 50%;
}
.options-wrapper h3, .options-wrapper td {
  color: #74777B;
  text-align: left;
}
.options-wrapper h3 {
  font-weight: 800;
  margin: 0 0 15px 0;
}
.options-wrapper td {
  font-size: 16px;
  margin: 0 0 5px 0;
  padding: 5px;
}
footer {background-color: #0f0f0f;color: #fff;padding: 28px 0 0;height: auto;overflow: hidden;font-family: 'Rubik', sans-serif;float: left;width: 100%;}
footer a{text-decoration:none; color:#fff; font-size: 18px;}
.footer-nav{border-top:1px solid #323232; border-bottom:1px solid #323232; margin: 0; padding: 0; margin: 26px 0 36px;}
footer h3{font-size: 34px; text-transform: capitalize; letter-spacing: .8px; line-height: 26px; margin: 0 0 23px; font-weight: 400;}
.footer-nav ul{margin: 0; padding:20px 0; list-style: none; display: flex; justify-content: center;}
.footer-nav ul li a{color: #fff; text-decoration: none; margin: 0 40px; font-size: 18px; letter-spacing: .3px; line-height: 31px;}
.footer-nav ul li a:hover{color:#7f8a5d}
footer h6{font-size: 21px; line-height: 31px; font-weight: normal; margin: 0;}
footer p{font-weight: normal; font-size: 18px; line-height: 29px;}
footer .time p{margin-bottom:28px;}
.contact-us ul{margin: 0 0 20px; padding: 0; list-style: none;}
.contact-us ul li a{color:#fff; text-decoration: none;}
.contact-us ul li a:hover{color:#7f8a5d;}
footer address{margin: 20px 0 0; font-size: 18px;}
.col-4.time{padding-left: 118px;}
.col-4.time img{width:217px;}
.col-4.contact-us{padding-left: 176px; word-wrap: break-word;}
.subscribe-form{margin: 49px 0 0;}
.subscribe-form h3{margin:0 0 28px;}
.subscribe-form input[type=email]{border: 1px solid #515151; background-color: transparent; color:#fff; padding: 18px 0px 18px 13px; width: 272px; border-top-left-radius: 5px; border-top-right-radius: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 0px; font-size: 13px;}
.subscribe-form form#mc-embedded-subscribe-form { display: flex; flex-wrap: wrap;}
div#mce-responses { width: 100%; margin: 10px 0 0; }
div#mce-success-response{color: #218721; }
div#mce-error-response{color: red; }
.subscribe-form form#mc-embedded-subscribe-form input#mc-embedded-subscribe { margin: 0;}

.sale-badge{background-color:#d68961; color:#fff; font-size: 15px; font-weight: bold; position: absolute; padding: 2px 21px; left: 0; z-index: 99;}
.subscribe-form ::placeholder{opacity:10;}
.payment-types ul{list-style:none; padding:0; margin:0; display: flex;}
.payment-types ul li{margin-right:22px;}
.copyright-text{text-align:right;}
.copyright-text p{font-size:14px;}
.subscribe-form input[type=submit]{font-size: 17px; padding: 13px 17px 16px; border-top-right-radius: 3px; border-top-left-radius: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0px; border: 1px solid #fff; background-color: #fff; color: #0f0f0f;}
.copyright{border-top:1px solid #323232; margin: 55px 0 0; padding:23px 0;}

/*product detail page css*/
.product-detail-page-bg {width: 100%;float: left;margin: 0 0 40px 0;padding: 0;}
.product-detail-page-left-side {width: 32%;float: left;margin: 0 50px 0 0;text-align: center;}
.product-detail-page-left-side .product-img {width: 100%;}
.product-detail-page-right-side {float: left;margin: 0;padding: 0;width: 64.6%;}
.product-detail-price-container {width: 455px;float: left;margin: 10px 0 0 0;padding: 15px 17px;background: #f6f5f5;border: 1px solid #ededed;}
.product-detail-price-container .product-detail-price-box {font-size: 25px;float: left;margin: 0 0 18px 0;padding: 0;width: 100%;color: #ba3a1b;line-height: 23px;}
.product-detail-price-container .availability-box {float: left;margin: 0 0 18px 0;padding: 0;font-size: 21px;color: #000;line-height: 21px;}
.product-detail-price-container .qty-box {width: 100%;float: left;margin: 0;padding: 0;}
.product-detail-price-container .qty-box p {float: left;margin: 9px 5px 0 0;padding: 0;color: #000;font-size: 17px;text-align: left;width: auto;line-height: 17px;}
.product-detail-price-container .input-group {width: auto;float: left;margin: 0;padding: 0;}
.product-detail-price-container #productQty {float: left;height: 34px;border: 1px solid #ccc;text-align: center;width: 70px;font-size: 18px;color: #000;}
.product-detail-price-container .cart-btn-container {width: 100%;float: left;margin: 18px 0 0 0;padding: 0;}
.product-detail-price-container .add-to-cart {width: auto;float: left;margin: 0 15px 0 0;padding: 0;}
.product-detail-price-container .add-to-cart a {float: left;margin: 0;padding: 17px 55px;width: auto;font-size: 19px;color: #fff;background: #647f8e;line-height: 19px;border-radius: 3px; text-decoration:none;}
.product-detail-price-container .add-to-cart a:hover { background:#7f8a5d;}
.product-poplate-images {width: 100%;float: left;margin: 15px 0 0 0;padding: 6px;border: 1px solid #e4e4e4;}
.product-poplate-images img {width: 86px;border: 1px solid #e4e4e4;float: left;margin: 0 6px 0 0;padding: 0px; cursor:pointer;height: 86px;}

.product-detail-page-left-side .product-img:hover { transform: scale(1.3);transition: all 1.3s;}
.large-div {width: 100%;float: left;margin: 0;padding: 0;overflow: hidden;}

/*cart page css*/
.cart-bg {width: 100%;float: left;margin: 0 0 20px 0;padding: 0;}
.cart-data-bg{width: 100%;float: left;margin: 0;padding: 0;}
.shopping-cart{width: 100%;float: left;margin: 0;padding: 0;}
.cart-top-heading-bg{width: 100%;float: left;margin: 0;padding: 10px 0;border-bottom: 1px solid #e4e4e4;}
.cart-product {float: left;margin: 0;padding: 0;width: 59%;}
.cart__row-price {float: left;margin: 0 20px 0 0;padding: 0;width: 15%;}
.cart-qty {float: left;margin: 0 114px 0 0;padding: 0;width: 6%;}
.cart-total {float: left;margin: 0;padding: 0;width: 11%;}
.cart-bottom-data-bg {width: 100%;float: left;margin: 20px 0 0 0;padding: 0 0 20px 0;border-bottom: 1px solid #e4e4e4;}
.cart-bottom-data-bg .cart-product {padding-right: 20px;}
.cart-bottom-data-bg .cart-product .cart__image {width: 150px;height: 150px; float:left; margin: 0 15px 0 0;}
.cart-bottom-data-bg .cart-product .pro-name {float: left;margin: 0;padding: 0;font-size: 16px;}
.cart-bottom-data-bg .cart-product .pro-name:hover { color:#7f8a5d;}
.cart__remove.hidden-xs {width: 72%;float: left;margin: 0;padding: 0;line-height: 14px;}
.cart__remove.hidden-xs .text-link.text-link--accent {font-size: 14px; cursor:pointer;}
.cart-bottom-data-bg .cart__row-price {font-size: 17px;font-weight: bold;}
.cart-bottom-data-bg .cart-total{font-size: 17px;font-weight: bold;}
.cart-bottom-data-bg .cart-qty input[type="number"] {border: 1px solid #D2D2D2;line-height: 28px;padding: 0;text-align: center;font-size: 15px;border-radius: 2px;margin: 0 3px;float: left;display: block;width: 70px;}
.subtotal-box-bg {width: 500px;float: right;margin: 20px 0 0 0;padding: 0 85px 0 0;}
.subtotal-box-bg .subtotal-data-bg {width: 100%;float: left;margin: 0;padding: 0;}
.subtotal-box-bg .subtotal-data-bg strong {float: left;margin: 0 25px 0 0;padding: 0;width: 74%;text-align: right;font-size: 20px;}
.subtotal-box-bg .subtotal-data-bg p {float: left;}
.subtotal-box-bg .subtotal-data-bg p strong {font-size: 17px;}
.padT0 {float: left;margin: 10px 0 15px 0;padding: 0;width: 100%;text-align: right;}
.subtotal-box-bg .btn.btn-success.W-auto {float: right;margin: 0;padding: 17px 55px;width: auto;font-size: 19px;color: #fff;background: #647f8e;line-height: 19px;border-radius: 3px;text-decoration: none;border: 0px;}
.subtotal-box-bg .btn.btn-success.W-auto:hover { background:#7f8a5d}
#exampleModal-1 h2 {float: left;margin: 0 0 0px 0;padding: 0;width: 100%;text-align: center;font-size: 27px;line-height: 27px;color: #647f8e;}

/*checkout page css*/
.checkout-box-bg {width: 100%;float: left;margin: 0 0 40px 0;padding: 0;}
.checkout-left-side {width: 63%;float: left;margin: 0 21px 0 0;padding: 0;}
.checkout-right-side {width: 35.5%;float: left;margin: 0;padding: 0;}
.customer-details-bg {width: 100%;float: left;margin: 0;padding: 0;}
.customer-details-bg h2.cheak-heading {float: left;margin: 0 0 10px 0;padding: 0;width: 100%;font-size: 21px;font-weight: bold;}
.customer-form-field-email {width: 97.8%;float: left;margin: 0 0 15px 0;padding: 0;}
.customer-form-field-email .form-control {float: left;margin: 0;padding: 0 10px;width: 100%;height: 40px;border-radius: 3px;border: 1px solid #ccc;color: #647f8e;font-size: 16px;}
.customer-details-bg .customer-form-field {width: 48.1%;float: left;margin: 0 15px 15px 0;padding: 0;}
.customer-form-field.last-child {margin-right: 0px;}
.customer-details-bg .customer-form-field .form-control {float: left;margin: 0;padding: 0 10px;width: 100%;height: 40px;border-radius: 3px;border: 1px solid #ccc;color: #647f8e;font-size: 16px;}
.customer-details-bg .already-account {width: auto;float: left;margin: 0 5px 0 0;padding: 0;}
.customer-details-bg a {width: auto;float: left;margin: 0;padding: 0;color: #2098D1;font-size: 14px;text-decoration: none;}
.billing-detail-bg {width: 100%;float: left;margin: 15px 0 0 0;padding: 0;}
.billing-detail-bg h2.cheak-heading {float: left;margin: 0 0 10px 0;padding: 0;width: 100%;font-size: 21px;font-weight: bold;}
.billing-form-field-email{width: 97.8%;float: left;margin: 0 0 15px 0;padding: 0;}
.billing-form-field-email .form-control {float: left;margin: 0;padding: 0 10px;width: 100%;height: 40px;border-radius: 3px;border: 1px solid #ccc;color: #647f8e;font-size: 16px;}
.billing-form-field {width: 31.5%;float: left;margin: 0 15px 0 0;padding: 0;}
.billing-form-field:nth-child (3) { margin-right:0px;}
.billing-form-field .form-control {float: left;margin: 0;padding: 0 10px;width: 100%;height: 40px;border-radius: 3px;border: 1px solid #ccc;color: #647f8e;font-size: 16px;}
#shippingAddrtwo {width: 100%;float: left;margin: 15px 0;padding: 0;}
#shippingAddrtwo .customcheck {float: left;margin: 0;padding: 0;font-size: 14px;}
#shippingAddrtwo .customcheck #same_as_billing {float: left;margin: 3px 0 0 0;}
.shipping-detail-bg {width: 100%;float: left;margin: 0 0 15px 0;padding: 0;}
.shipping-detail-bg h2.cheak-heading {float: left;margin: 0 0 10px 0;padding: 0;width: 100%;font-size: 21px;font-weight: bold;}
.payment-detail-bg {width: 100%;float: left;margin: 0;padding: 0;}
.payment-detail-bg h2.cheak-heading {float: left;margin: 0 0 10px 0;padding: 0;width: 100%;font-size: 21px;font-weight: bold;}
.paypal-bg {width: 100%;float: left;margin: 0;padding: 0;}
.brd.clearfix.form-group.paypal.pay-box {width: 97.9%;float: left;margin: 20px 0;padding: 0;border: 1px solid #ddd;}
.brd.clearfix.form-group.paypal.pay-box p.text-center {float: left;margin: 0;padding: 5px 0;width: 100%;font-size: 14px;line-height: 20px;}
.stripe-bg {width: 100%;float: left;margin: 0;padding: 0;}
.stripe-bg .check-box {float: left;margin: 0;padding: 0;width: 100%;font-weight: bold;}
.stripe-bg .check-box .payment-option {margin: 4px 5px 0 0;float: left;}
.stripe-data-bg {width: 100%;float: left;margin: 15px 0 0 0;padding: 0;}
.order-instructions-bg {width: 100%;float: left;margin: 20px 0 0 0;padding: 0;}
.stripe-card-name {width: 48.2%;float: left;margin: 0 15px 15px 0;padding: 0;}
.stripe-card-name .form-control {float: left;margin: 0;padding: 0 10px;width: 100%;height: 40px;border-radius: 3px;border: 1px solid #ccc;color: #647f8e;font-size: 16px;}
.stripe-card-date {float: left;margin: 0 15px 0 0;padding: 0;width: 31.6%;}
.stripe-card-date .form-control {float: left;margin: 0;padding: 0 10px;width: 100%;height: 40px;border-radius: 3px;border: 1px solid #ccc;color: #647f8e;font-size: 16px;}
.order-instructions-form-field .order-instructions {width: 100%;float: left;margin: 0 0 5px 0;padding: 0;font-size: 17px;}
.order-instructions-form-field .form-control {float: left;margin: 0;padding: 0 10px;width: 97.8%;height: 40px;border-radius: 3px;border: 1px solid #ccc;color: #647f8e;font-size: 16px;}
.checkout-right-side h2.cheak-heading {float: left;margin: 0 0 10px 0;padding: 0;width: 100%;font-size: 21px;font-weight: bold;}
.checkout-summary-bg {width: 100%;float: left;margin: 0;padding: 10px;border: 1px solid #ccc;}
.checkout-summary-box {width: 100%;float: left;margin: 0 0 10px 0;padding: 0 0 10px 0;border-bottom: 1px solid #ccc;}
.checkout-summary-name-box {width: 79%;float: left;margin: 0 10px 0 0;padding: 0;}
.checkout-summary-name-box .cart__image {width: 100px;height: 100px;float: left;margin: 0 10px 0 0;border: 1px solid #ccc;}
.checkout-summary-name-box p {float: left;margin: 10px 0 0 0;padding: 0;font-size: 14px;width: 60.2%;line-height: 19px;}
.checkout-summary-Price-box {width: 19%;float: right;margin: 10px 0 0 0;padding: 0;text-align: right;}
.checkout-subtotal {width: 100%;float: left;margin: 0;padding: 0;text-align: right;}
.checkout-subtotal p strong {float: left;width: 100%;margin: 10px 0;padding: 0;}
.checkout-btn-bg {text-align: center;margin: 20px 0 0 0;padding: 0;width: 100%;float: left;}
.checkout-btn-bg .btn.btn-success.W-auto.btn-lg {margin: 0;padding: 17px 55px;background: #647f8e;font-size: 19px;line-height: 19px;border-radius: 3px;border: 0px;}
.checkout-btn-bg .btn.btn-success.W-auto.btn-lg:hover {background: #7f8a5d;}
/*login popup css*/
.secure-zone-bg h2 {float: left;margin: 0 0 20px 0;padding: 0;width: 100%;text-align: center;font-size: 21px;font-weight: bold;color: #647f8e;}
.secure-zone-login-box {width: 48.7%;float: left;margin: 0 10px 0 0;padding: 0;}
.secure-zone-login-box.last-child { margin-right:0px;}
.secure-zone-login-box .type-input {float: left;margin: 0;padding: 0 10px;width: 100%;height: 40px;border-radius: 3px;border: 1px solid #ccc;color: #647f8e;font-size: 16px;}
.secure-zone-login-box-btn {width: 100%;float: left;margin: 15px 0 0 0;padding: 0;}
.secure-zone-login-box-btn .login-btn {float: left;margin: 0;padding: 9px 20px;background: #647f8e;border: 0px;color: #fff;font-size: 17px;border-radius: 3px;}
.secure-zone-login-box-btn .login-btn:hover {background: #7f8a5d;}
.secure-zone-login-box-btn .lost-password {float: left;width: auto;clear: both;text-decoration: none;font-size: 14px;margin: 10px 0 0 0;padding: 0;}
/*detail page pop up css*/
.modal-header h3 {float: left;margin: 0 0 0px 0;padding: 0;width: 100%;text-align: center;font-size: 27px;line-height: 27px;color: #647f8e;}
.pop-body {width: 100%;float: left;margin: 0px 0 0 0;padding: 0;}
.modal-dialog {max-width: 700px;}
.pop-left-side {float: left;margin: 0 30px 0 0;padding: 0;width: 69%;}
.pop-left-side .pro-image {float: left;margin: 0 22px 0 0;padding: 3px;width: 50%;border: 1px solid #ededed;text-align: center;}
.product-data {width: 45%;float: left;margin: 0;padding: 0;}
.pop-left-side span.pro-name {float: left;margin: 0;padding: 0;width: 100%;font-size: 20px;}
.pop-left-side span.pro-name {float: left;margin: 0;padding: 0;width: 100%;font-size: 20px;}
.pop-left-side span.pro-price {float: left;margin: 5px 0 0 0;padding: 0;width: 100%;font-size: 21px;color: #233872;font-weight: normal;}
.pop-btn {width: 100%;float: left;margin: 10px 0 0 0;padding: 0;}
.pop-btn a.continue-shppping {float: left;margin: 0 0 10px 0;padding: 11px 0;width: 100%;background: #647f8e;color: #fff;font-size: 18px;text-align: center;border-radius: 3px; text-decoration:none;}
.pop-btn a.view-cart {float: left;margin: 0 0 10px 0;padding: 11px 0;width: 100%;background: #7f8a5d;color: #fff;font-size: 18px;text-align: center;border-radius: 3px; text-decoration:none;}
.pop-left-side .pro-image img {width: 187px;}
.pop-right-side {width: 26%;float: left;margin: 0;padding: 0;}
.pop-right-side .previewCartCheckout-subtotal {border: 1px dashed #003e2a;border-radius: 3px;background: #b5ecfa;padding: 10px !important;text-transform: uppercase;float: left;width: 100%;margin: 0 0 10px 0;}
.pop-right-side .previewCartCheckout-subtotal p {width: 100%;float: left;margin: 0;padding: 0;text-align: center;font-size: 17px;color: #000;}
span#totalPrice {color: #c53b32;width: 100%;float: left;font-weight: bold;font-size: 20px;}
.pop-btn a.checkout {float: left;margin: 0 0 10px 0;padding: 11px 0;width: 100%;background: #7f8a5d;color: #fff;font-size: 18px;text-align: center;border-radius: 3px;text-decoration:none;}
.pop-right-side p.total-price {float: left;margin: 0px 0;padding: 0;width: 100%;font-size: 14px;font-weight: normal;}
#exampleModal .modal-dialog {width: 1000px;max-width: 1000px;}
.pop-btn a.continue-shppping:hover { background:#7f8a5d;}
.pop-btn a.view-cart:hover { background:#647f8e;}
.pop-btn a.checkout:hover { background:#647f8e;}

.artist-bio {width: 100%;float: left;margin: 0 0 10px 0;padding: 0;}
.artist-bio-left {width: 300px;float: left;margin: 0 20px 0 0;padding: 0;}
.artist-bio-left img {width: 100%;float: left;margin: 0;padding: 0;}
.artist-bio-right {width: 78.6%;float: left;margin: 0;padding: 0;}

.primery-color.detail-carousel.first-sec .card-header {text-align: center;font-size: 23px;color: #647f8e;}
.primery-color.detail-carousel.first-sec .form-group.row {margin: 0 0 10px 0;}

.col-md-6.offset-md-4 .btn.btn-primary {
	background: #647f8e;
	text-align: center;
	color: #faf1ec;
	font-size: 20px !important;
	font-weight: 900;
	text-transform: capitalize;
	padding: 13px 0;
	line-height: 24px;
	border-radius: 4px;
	width: 160px;
	margin: 0 auto;
	text-decoration: none;
}
.btn.btn-primary {
	background: #647f8e;
	text-align: center;
	color: #faf1ec;
	font-size: 20px !important;
	font-weight: 900;
	text-transform: capitalize;
	padding: 13px 0;
	line-height: 24px;
	border-radius: 4px;
	width: 160px;
	margin: 0 auto;
	text-decoration: none;
}




@media only screen and (min-width:1501px) and (max-width:1519px){
.artist-bio-left {margin: 0px 16px 0 0;}
}

@media only screen and (min-width:1501px) and (max-width:1515px){
.cart-qty {margin: 0 112px 0 0;}
}

@media only screen and (min-width:1401px) and (max-width:1500px){
.product-detail-page-left-side {margin: 0 46px 0 0;}
.checkout-left-side {margin: 0 20px 0 0;}
.checkout-summary-name-box {margin: 0 9px 0 0;}
.cart-qty {margin: 0 91px 0 0;}
.artist-bio-left {width: 274px;}
.col-6.col-md-10.col-sm-10.col-10.logo {
	width: 92%;
}
.col-6.col-md-2.col-sm-2.col-2.cart-icon {
	width: 8%;
}
}
@media only screen and (min-width:1301px) and (max-width:1400px){
.checkout-left-side {margin: 0 19px 0 0;}
.checkout-summary-name-box {margin: 0 8px 0 0;}
.subtotal-box-bg {padding: 0 63px 0 0;}
.cart__row-price {width: 13%;}
.artist-bio-left {width: 253px;}
.col-6.col-md-10.col-sm-10.col-10.logo {
	width: 91%;
}
.col-6.col-md-2.col-sm-2.col-2.cart-icon {
	width: 9%;
}
}
@media only screen and (min-width:1201px) and (max-width:1300px){
.checkout-left-side {margin: 0 17px 0 0;}
.checkout-summary-name-box {margin: 0 7px 0 0;}
.billing-form-field {width: 31.3%;}
.stripe-card-name {width: 47.9%;}
.stripe-card-date {width: 31.2%;}
.subtotal-box-bg {padding: 0 50px 0 0;}
.cart__row-price {width: 12%;}
.artist-bio-left {width: 253px;}
.artist-bio-right {width: 76.8%;}
.col-6.col-md-10.col-sm-10.col-10.logo {
	width: 91%;
}
.col-6.col-md-2.col-sm-2.col-2.cart-icon {
	width: 9%;
}
}
@media only screen and (min-width:1201px) and (max-width:1400px){
.product-detail-page-left-side {margin: 0 40px 0 0;}
}
@media only screen and (min-width:1101px) and (max-width:1200px){
.checkout-left-side {margin: 0 16px 0 0;}	
.checkout-summary-name-box {margin: 0 7px 0 0;}
.checkout-summary-name-box .cart__image {margin: 0 5px 0 0;}
.subtotal-box-bg {padding: 0 32px 0 0;}
.cart__row-price {width: 11%;}
.artist-bio-left {width: 253px;}
.artist-bio-right {width: 74.6%;}
.col-6.col-md-10.col-sm-10.col-10.logo {
	width: 90%;
}
.col-6.col-md-2.col-sm-2.col-2.cart-icon {
	width: 10%;
}
}
@media only screen and (min-width:1025px) and (max-width:1100px){
.checkout-left-side {width: 60%;margin: 0 15px 0 0;}
.checkout-right-side {width: 38.5%;}
.checkout-summary-name-box {margin: 0 7px 0 0;}
.customer-form-field-email {width: 97.8%;}
.billing-form-field-email {width: 97.5%;}
.billing-form-field {width: 30.8%;}
.customer-details-bg .customer-form-field {width: 47.5%;}
.stripe-card-name {width: 47.5%;}
.stripe-card-date {width: 30.8%;}
.cart__row-price {width: 10%;}
.subtotal-box-bg {padding: 0 21px 0 0;}
.artist-bio-right {width: 78%;}
.artist-bio-left {width: 200px;}
.col-6.col-md-10.col-sm-10.col-10.logo {
	width: 89%;
}
.col-6.col-md-2.col-sm-2.col-2.cart-icon {
	width: 11%;
}
}
@media only screen and (min-width:1025px) and (max-width:1200px){
.product-detail-page-left-side {margin: 0 34px 0 0;}
}
@media only screen and (min-width:992px) and (max-width:1024px){
.product-detail-page-left-side {margin: 0 32px 0 0;}
.checkout-left-side {width: 60%;margin: 0 14px 0 0;}
.checkout-right-side {width: 38.5%;}
.checkout-summary-name-box {margin: 0 7px 0 0;}
.customer-form-field-email {width: 97.8%;}
.billing-form-field-email {width: 97.5%;}
.billing-form-field {width: 30.7%;}
.customer-details-bg .customer-form-field {width: 47.5%;}
.stripe-card-name {width: 47.4%;}
.stripe-card-date {width: 30.7%;}
.cart-qty {margin: 0 86px 0 0;}
.cart__row-price {width: 13%;}
.cart__remove.hidden-xs {width: 70%;}
.subtotal-box-bg {padding: 0 10px 0 0;}
.subtotal-box-bg .subtotal-data-bg p strong {margin-right: 0px;}
#exampleModal .modal-dialog {max-width: 950px;}
.artist-bio-right {width: 78.3%;}
.artist-bio-left {width: 200px;margin: 0 10px 0 0;}
#myBtnContainer .btn {font-size: 16px;padding: 8px 9px;}
#myBtnContainer .btn.active::after {top: 34px;}
.col-6.col-md-10.col-sm-10.col-10.logo {
	width: 89%;
}
.col-6.col-md-2.col-sm-2.col-2.cart-icon {
	width: 11%;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.product-poplate-images img {width: 52px;margin: 0 4px 0 0;height: 52px;}
.product-detail-page-left-side {margin: 0 25px 0 0;}
.product-detail-page-right-side p {font-size: 15px;margin-bottom: 10px;}
.product-detail-page-right-side h4 {font-size: 23px !important;line-height: 25px !important;}
.checkout-left-side {width: 60%;margin: 0 11px 0 0;}
.checkout-right-side {width: 38.5%;}
.checkout-summary-name-box {margin: 0 7px 0 0;width: 78%;}
.customer-form-field-email {width: 97.8%;}
.billing-form-field-email {width: 97.5%;}
.billing-form-field {width: 31%;margin: 0 10px 0 0;}
.customer-details-bg .customer-form-field {width: 47%;}
.stripe-card-name {width: 47.7%;margin: 0 10px 10px 0;}
.stripe-card-date {width: 31%;margin: 0 10px 0 0;}
.checkout-summary-name-box .cart__image {width: 60px;height: 60px;}
.checkout-summary-name-box p {margin: 3px 0 0 0;font-size: 11px;width: 66%;line-height: 16px;}
.checkout-summary-Price-box {margin: 4px 0 0 0;font-size: 11px;}
.checkout-btn-bg .btn.btn-success.W-auto.btn-lg {padding: 11px 32px;font-size: 16px;line-height: 16px;}

.cart-product {width: 57.2%;}
.cart-qty {margin: 0 60px 0 0;}
.cart-bottom-data-bg .cart-product .cart__image {width: 70px;height: 70px;margin: 0 10px 0 0;}
.cart-bottom-data-bg .cart-product .pro-name {font-size: 14px;}
.subtotal-box-bg .subtotal-data-bg strong {width: 79%;}
.subtotal-box-bg .subtotal-data-bg p strong {margin-right: 0px;}
.subtotal-box-bg {padding: 0 0 0 0;}
.cart-total {float: right;width: 82px;}
#exampleModal .modal-dialog {max-width: 750px;}
.pop-left-side {margin: 0 28px 0 0;}
.pop-left-side .pro-image {margin: 0 22px 0 0;}
.artist-bio-right {width: 78.4%;}
.artist-bio-left {width: 150px;margin: 0 10px 0 0;}
#myBtnContainer .btn {font-size: 16px;padding: 8px 9px;}
#myBtnContainer .btn.active::after {top: 34px;}
.col-6.col-md-10.col-sm-10.col-10.logo {
	width: 86%;
}
.col-6.col-md-2.col-sm-2.col-2.cart-icon {
	width: 14%;
}
.shoping-cart-bg {margin: 13px 15px 0 0;}
}
@media only screen and (min-width:701px) and (max-width:767px){
.product-poplate-images img {width: 52px;margin: 0 4px 0 0;height: 52px;}
.product-detail-page-left-side {margin: 0 23px 0 0;}
.product-detail-page-right-side p {font-size: 15px;margin-bottom: 10px;}
.product-detail-page-right-side h4 {font-size: 23px !important;line-height: 25px !important;}
.product-detail-price-container {width: 305px;}

.checkout-left-side {width: 59%;margin: 0 11px 0 0;}
.checkout-right-side {width: 38.5%;}
.checkout-summary-name-box {margin: 0 7px 0 0;width: 78%;}
.customer-form-field-email {width: 97.8%;}
.billing-form-field-email {width: 97.5%;}
.billing-form-field {width: 30.8%;margin: 0 10px 0 0;}
.customer-details-bg .customer-form-field {width: 47%;}
.stripe-card-name {width: 47.4%;margin: 0 10px 10px 0;}
.stripe-card-date {width: 30.8%;margin: 0 10px 0 0;}
.checkout-summary-name-box .cart__image {width: 60px;height: 60px;}
.checkout-summary-name-box p {margin: 3px 0 0 0;font-size: 11px !important;width: 62.4%;line-height: 16px !important;}
.checkout-summary-Price-box {margin: 4px 0 0 0;font-size: 11px;}
.checkout-btn-bg .btn.btn-success.W-auto.btn-lg {padding: 11px 32px;font-size: 16px;line-height: 16px;}

.cart-product {width: 55%;}
.cart-qty {margin: 0 60px 0 0;}
.cart-bottom-data-bg .cart-product .cart__image {width: 60px;height: 60px;margin: 0 10px 0 0;}
.cart-bottom-data-bg .cart-product .pro-name {font-size: 13px;line-height: 21px;}
.subtotal-box-bg .subtotal-data-bg strong {width: 79%;}
.subtotal-box-bg .subtotal-data-bg p strong {margin-right: 0px;}
.subtotal-box-bg {padding: 0 0 0 0;}
.cart-total {float: right;width: 82px;}
.cart-bottom-data-bg .cart__row-price {font-size: 16px;}
.cart-bottom-data-bg .cart-total {font-size: 16px;}

#exampleModal .modal-dialog {max-width: 690px;}
.pop-left-side {margin: 0 26px 0 0;width: 65%;}
.pop-left-side .pro-image {margin: 0px 10px 0 0;width: 44%;}
.pop-right-side {width: 31%;}
.pop-left-side .pro-image img {width: 100%;}
.product-data {width: 53.6%;}
.pop-left-side span.pro-name {font-size: 19px;}
.artist-bio-left {width: 150px;margin: 0 10px 0 0;}
.artist-bio-right {width: 76.3%;}
#myBtnContainer .btn {font-size: 16px;padding: 8px 9px;}
#myBtnContainer .btn.active::after {top: 34px;}
.col-6.col-md-10.col-sm-10.col-10.logo {
	width: 85%;
}
.col-6.col-md-2.col-sm-2.col-2.cart-icon {
	width: 15%;
}
.shoping-cart-bg {margin: 13px 15px 0 0;}
.col-md-4.insta-class {
	padding: 3px;
	width: 33.3%;
}
}
@media only screen and (min-width:601px) and (max-width:700px){
.product-poplate-images img {width: 47px;margin: 0 4px 0 0;height: 47px;}
.product-detail-page-left-side {margin: 0 15px 0 0;width: 38%;}
.product-detail-page-right-side p {font-size: 15px;margin-bottom: 10px;}
.product-detail-page-right-side h4 {font-size: 23px !important;line-height: 25px !important;}
.product-detail-page-right-side {width: 59.4%;}
.product-detail-price-container {width: 305px;}

.checkout-left-side {width: 55%;margin: 0 11px 0 0;}
.checkout-right-side {width: 43%;}
.checkout-summary-name-box {margin: 0 7px 0 0;width: 77%;}
.customer-form-field-email {width: 97.8%;}
.billing-form-field-email {width: 97.5%;}
.billing-form-field {width: 46.8%;margin: 0 10px 10px 0;}
.customer-details-bg .customer-form-field {width: 47.1%;margin: 0 9px 15px 0;}
.stripe-card-name {width: 46.8%;margin: 0 10px 10px 0;}
.stripe-card-date {width: 30%;margin: 0 10px 0 0;}
.checkout-summary-name-box .cart__image {width: 50px;height: 50px;margin: 0 5px 0 0;}
.checkout-summary-name-box p {margin: 3px 0 0 0;font-size: 11px !important;width: 62.4%;line-height: 16px !important;}
.checkout-summary-Price-box {margin: 4px 0 0 0;font-size: 11px;}
.checkout-btn-bg .btn.btn-success.W-auto.btn-lg {padding: 11px 32px;font-size: 16px;line-height: 16px;}
#shippingAddrtwo {margin: 5px 0 15px 0;}
.brd.clearfix.form-group.paypal.pay-box p.text-center {font-size: 12px !important;line-height: 20px !important;}
.product-detail-price-container .product-detail-price-box {font-size: 25px !important;}

.cart-product {width: 66%;}
.cart-qty {margin: 0 60px 0 0;}
.cart-bottom-data-bg .cart-product .cart__image {width: 60px;height: 60px;margin: 0 10px 0 0;}
.cart-bottom-data-bg .cart-product .pro-name {font-size: 13px;line-height: 21px;}
.subtotal-box-bg .subtotal-data-bg strong {width: 79%;}
.subtotal-box-bg .subtotal-data-bg p strong {margin-right: 0px;}
.subtotal-box-bg {padding: 0 0 0 0;}
.cart-total {float: right;width: 82px;}
.cart-bottom-data-bg .cart__row-price {font-size: 16px;}
.cart-bottom-data-bg .cart-total {font-size: 16px;}
.cart__row-price {display: none;}

#exampleModal .modal-dialog {max-width: 100%;}
.pop-left-side {margin: 0 22px 0 0;width: 65%;}
.pop-left-side .pro-image {margin: 0px 10px 0 0;width: 44%;}
.pop-right-side {width: 31%;}
.pop-left-side .pro-image img {width: 100%;}
.product-data {width: 53.2%;}
.pop-left-side span.pro-name {font-size: 17px;}
.artist-bio-left {width: 150px;margin: 0 10px 0 0;}
.artist-bio-right {width: 72.2%;}
#myBtnContainer .btn {font-size: 16px;padding: 8px 9px;}
#myBtnContainer .btn.active::after {top: 34px;}
.col-6.col-md-10.col-sm-10.col-10.logo {
	width: 82%;
}
.col-6.col-md-2.col-sm-2.col-2.cart-icon {
	width: 18%;
}
.shoping-cart-bg {margin: 6px 0 0 0;}
.col-md-4.insta-class {
	padding: 3px;
	width: 33.3%;
}
}
@media only screen and (min-width:501px) and (max-width:600px){
.product-poplate-images img {width: 51px;margin: 0 4px 4px 0;height: 51px;}
.product-detail-page-left-side {margin: 0 15px 0 0;width: 38%;}
.product-detail-page-right-side p {font-size: 15px;margin-bottom: 10px;}
.product-detail-page-right-side h4 {font-size: 23px !important;line-height: 25px !important;}
.product-detail-page-right-side {width: 58.8%;}
.product-detail-price-container {width: 272px;}
.checkout-right-side {width: 100%;}
.checkout-summary-name-box {width: 78%;}
.checkout-left-side {width: 100%;margin: 0 0 20px 0;}
.billing-form-field {width: 31.2%;margin: 0 10px 0 0;}
.customer-details-bg .customer-form-field {width: 47.5%;}
.stripe-card-name {width: 47.9%;margin: 0 10px 15px 0;}
.stripe-card-date {margin: 0 10px 0 0;width: 31.2%;}
.product-detail-price-container .product-detail-price-box {font-size: 20px !important;}

.cart-product {width: 64%;}
.cart-qty {margin: 0 60px 0 0;}
.cart-bottom-data-bg .cart-product .cart__image {width: 60px;height: 60px;margin: 0 10px 0 0;display: none;}
.cart-bottom-data-bg .cart-product .pro-name {font-size: 13px;line-height: 21px;}
.subtotal-box-bg .subtotal-data-bg strong {width: 79%;}
.subtotal-box-bg .subtotal-data-bg p strong {margin-right: 0px;}
.subtotal-box-bg {padding: 0 0 0 0;}
.cart-total {float: right;width: 82px;}
.cart-bottom-data-bg .cart__row-price {font-size: 16px;}
.cart-bottom-data-bg .cart-total {font-size: 16px;}
.cart__row-price {display: none;}

#exampleModal .modal-dialog {max-width: 97%;}
.pop-left-side {margin: 0 18px 0 0;width: 65%;}
.pop-left-side .pro-image {margin: 0px 10px 0 0;width: 34%;}
.pop-right-side {width: 31%;}
.pop-left-side .pro-image img {width: 100%;}
.product-data {width: 62%;}
.pop-left-side span.pro-name {font-size: 17px;}
.pop-btn a.continue-shppping {font-size: 16px;}
.pop-btn a.view-cart {font-size: 16px;}
.pop-btn a.checkout {font-size: 16px;}	
.pop-right-side p.total-price {font-size: 11px !important;}
.modal-header h3 {font-size: 20px;line-height: 20px;}
.artist-bio-left {width: 150px;margin: 0 10px 0 0;}
.artist-bio-right {width: 66.4%;}
#myBtnContainer .btn {font-size: 16px;padding: 8px 9px;}
#myBtnContainer .btn.active::after {top: 34px;}
.col-6.col-md-10.col-sm-10.col-10.logo {
	width: 79%;
}
.col-6.col-md-2.col-sm-2.col-2.cart-icon {
	max-width: 43% !important;
	float: left;
	width: 21% !important;
}
.shoping-cart-bg {margin: 5px 0 0 0;}
.col-md-4.insta-class {
	padding: 3px;
	width: 33.3%;
}
}

@media only screen and (min-width:401px) and (max-width:500px){
.col-6.col-md-10.col-sm-10.col-10.logo {
	width: 75%;
}
.col-6.col-md-2.col-sm-2.col-2.cart-icon {
	max-width: 25% !important;
	width: 25% !important;
}
.shoping-cart-bg {margin: 3px 0 0 0;}
.col-md-4.insta-class {
	padding: 3px;
	width: 33.3%;
}
}
@media only screen and (min-width:320px) and (max-width:400px){
.col-6.col-md-10.col-sm-10.col-10.logo {
	width: 67%;
}
.col-6.col-md-2.col-sm-2.col-2.cart-icon {
	max-width: 33% !important;
	width: 33% !important;
}
.shoping-cart-bg {margin: 3px 0 0 0;}
.col-md-4.insta-class {
	padding: 3px;
	width: 33.3%;
}
}
@media only screen and (min-width:320px) and (max-width:500px){
.product-detail-page-left-side {width: 100%;margin: 0 0 20px 0;}
.product-poplate-images img {width: 65px;margin: 0 5px 5px 0;height: 65px;}
.product-detail-page-right-side {width: 100%;}
.product-detail-price-container {width: 285px;}
.product-detail-page-right-side p {font-size: 15px;margin-bottom: 10px;}
.product-detail-page-right-side h4 {font-size: 23px !important;line-height: 25px !important;}
#exampleModal-1 h2 {font-size: 22px;}
.checkout-right-side {width: 100%;}
.checkout-summary-name-box {width: 77%;}
.checkout-left-side {width: 100%;margin: 0 0 20px 0;}
.billing-form-field {width: 47.8%;margin: 0 6px 10px 0;}
.customer-details-bg .customer-form-field {width: 47.2%;margin: 0 8px 10px 0;}
.stripe-card-name {width: 47.9%;margin: 0 6px 10px 0;}
.stripe-card-date {margin: 0 6px 0 0;width: 31.3%;}
#shippingAddrtwo {margin: 5px 0 15px 0;}
.checkout-summary-name-box p {margin: 5px 0 0 0;font-size: 11px !important;width: 73%;line-height: 15px !important;}
.checkout-summary-name-box .cart__image {width: 50px;height: 50px;margin: 0 5px 0 0;}
.checkout-summary-Price-box {margin: 7px 0 0 0;font-size: 11px;}
.customer-details-bg h2.cheak-heading {font-size: 17px;}
.billing-detail-bg h2.cheak-heading {font-size: 17px;}
.payment-detail-bg h2.cheak-heading {font-size: 17px;}
.checkout-right-side h2.cheak-heading {font-size: 17px;}
#inline1 {width: 100% !important;}
.secure-zone-bg {width: 100%;float: left;margin: 0;padding: 0;}
.secure-zone-bg h2 {font-size: 16px;}
.secure-zone-login-box {width: 100%;margin: 0 0 10px 0;}
.fancybox-outer, .fancybox-inner {height: auto !important;}
.secure-zone-login-box-btn {margin: 5px 0 0 0;}
.shipping-detail-bg h2.cheak-heading {font-size: 17px;}
.product-detail-price-container .product-detail-price-box {font-size: 20px !important;}

#exampleModal .modal-dialog {max-width: 97%;}
.pop-left-side {margin: 0 18px 0 0;width: 100%;}
.pop-left-side .pro-image {margin: 0px 10px 0 0;width: 34%;}
.pop-right-side {width: 100%;}
.pop-left-side .pro-image img {width: 100%;}
.product-data {width: 62%;}
.pop-left-side span.pro-name {font-size: 17px;}
.pop-btn a.continue-shppping {font-size: 16px;}
.pop-btn a.view-cart {font-size: 16px;}
.pop-btn a.checkout {font-size: 16px;}	
.pop-right-side p.total-price {font-size: 11px !important;}
.modal-header h3 {font-size: 18px;line-height: 18px;}

.cart-product {width: 55%;}
.cart-qty {margin: 0 0px 0 0;width: 18%;}
.cart-bottom-data-bg .cart-product .cart__image {width: 60px;height: 60px;margin: 0 10px 0 0;display: none;}
.cart-bottom-data-bg .cart-product .pro-name {font-size: 13px;line-height: 21px;}
.subtotal-box-bg .subtotal-data-bg strong {width: 79.2%;font-size: 18px;}
.subtotal-box-bg .subtotal-data-bg p strong {margin-right: 0px;}
.subtotal-box-bg {padding: 0 0 0 0;}
.cart-total {float: right;width: 72px;}
.cart-bottom-data-bg .cart__row-price {font-size: 16px;}
.cart-bottom-data-bg .cart-total {font-size: 16px;}
.cart__row-price {display: none;}
.cart-bottom-data-bg .cart-qty input[type="number"] {width: 50px;}
.cart-bottom-data-bg {margin: 10px 0 0 0;padding: 0 0 10px 0;}
.subtotal-box-bg .btn.btn-success.W-auto {padding: 10px 22px;font-size: 15px;line-height: 17px;}
.artist-bio-left {width: 100%;margin: 0 0 10px 0;}
.artist-bio-right {width: 100%;}
#myBtnContainer .btn {font-size: 14px;padding: 8px 9px;margin: 0 5px 15px 0 !important;}
#myBtnContainer .btn.active::after {top: 34px;}

}


@media only screen and (min-width:320px) and (max-width:1540px){
.header .row{width: 100% !important;}
}
@media only screen and (min-width:991px) and (max-width:1519px){
.new-works .col-3 {margin: 0 2px 30px; width: 321px;}	
.new-works .row {justify-content: space-evenly;}
}
@media only screen and (min-width:1425px) and (max-width:1503px){
.our-products .row {justify-content: space-around;}	
.our-products .col-2 {width: 23%;}
}
@media only screen and (min-width:1326px) and (max-width:1516px){
figure{width: 24%; margin: 0 6px 9px;}
.champions-gallery .col-2{width:19%;}
}
@media only screen and (min-width:1326px) and (max-width:1467px){
.blogs .col-2{width: 19%;}
}
@media only screen and (min-width:992px) and (max-width:1325px){
.blogs .col-2{width: 24%; margin: 0 4px 22px;}
.blogs .row {justify-content: left;}
figure{width: 32%; margin: 0 6px 9px;}
.champions-gallery .col-2{width:23%;}
.filter-button-group .btn.btn-default{padding: 11px 33px; margin: 0 0 15px !important;}
}
@media only screen and (min-width:1326px) and (max-width:1424px){
.our-products .row {justify-content: left;}
.our-products .col-2{width: 23.8%; margin: 0 5px 30px;}
}
@media only screen and (min-width:992px) and (max-width:1327px){
.new-works .col-3 {width: 25%; margin: 0 0px 30px;}
.new-works .row.text-center{margin: 6px 0 0;}
.our-products .row {justify-content: left;}
.our-products .col-2{width: 23.8%; margin: 0 5px 30px;}
.our-products .col-2 .tile-10.effect-sophie .price-detail a{line-height: 13px; padding: 13px 0 16px; font-size: 18px;}	
.our-products .col-2 .tile-10.effect-sophie .price-detail h2 {font-size: 20px; line-height: 20px; padding: 6.5px;}
.filter-gallery .col-md-3.grid-item .artist-name h3{font-size: 24px;}
.filter-gallery .col-md-3.grid-item .artist-name{width: 97%}
}
@media only screen and (min-width:992px) and (max-width:1234px){
.col-4.contact-us {padding-left: 76px;}
.col-4.time {padding-left: 76px;}
.subscribe-form input[type="email"]{padding: 18px 0px 18px 6px; width: 191px;}
.sm-fullwidth{width:100%;}
.col-4.text-bottom p {margin-top: 24px;}

section.primery-color h4 {font-size: 39px; margin: 0 0 13px; line-height: 41px;}
#carouselExampleSlidesOnly {padding: 0 0 7px;}
section.primery-color h3 {margin: -9px 0 19px;}
.sm-fullwidth{margin: 0 0 22px;}
section.primery-color {padding:19px 0;}
}

@media only screen and (min-width:750px) and (max-width:992px){
.carousel-inner{background-size: 92%; background-position: bottom 4px center;}
}

@media only screen and (min-width:750px) and (max-width:991px){
.new-works .col-3 {width: 25%; margin: 0 0px 30px;}	
.new-works h5 {margin: 8px 0 0; font-size: 15px;}
.new-works .row.text-center{margin: 6px 0 0;}
.our-products .col-2 {width: 32%; margin: 0 4px 30px;}
.our-products .row {justify-content: left;}
.footer-nav ul li a {margin: 0 20px;}
footer .col-4.col-md-4{width:49%; max-width: 49%; flex: auto !important;}
.col-4.col-md-4.contact-us{width:100%; margin:20px 0 0; padding: 11px 11px 0;}
.subscribe-form input[type="email"]{width: 226px}
.subscribe-form {margin: 29px 0 0;}
footer h3{margin: 0 0 12px;}
footer .time p {margin-bottom: 8px;}
.copyright{margin: 32px 0 0; padding: 17px 0;}
.payment-types ul li{margin: 0px 11px !important;}
.copyright .row{display:block;}
.copyright .col-6{width:100%; text-align: center; margin: 10px 0; max-width: 100%;}
.payment-types ul{justify-content: center;}
.blogs .col-2{width: 24%; margin: 0 3px 22px;}
.blogs .row {justify-content: left;}
.blogs .col-2 a span{line-height: 23px; font-size: 18px;}
.sm-fullwidth{width:100%;}
.col-4.text-bottom p {margin-top: 24px;}
figure{width: 31.6%; margin: 0 6px 9px;}
.tile-10.effect-sophie p a{padding: 8px 26px 10px; font-size: 17px;}
figure h2 {font-size: 23px;}
.champions-gallery .col-2{width:31.6%;}
.filter-gallery .col-md-3.grid-item .artist-name h3{font-size: 24px;}
.filter-gallery .col-md-3.grid-item .artist-name{width: 97%}
.filter-button-group .btn.btn-default{padding: 11px 33px; margin: 0 0 15px !important; font-size: 18px;}
.sidebar a {padding: 5px 8px 5px 32px; font-size: 18px;}

section.primery-color h4 {font-size: 35px; margin: 0 0 13px; line-height: 36px;}
#carouselExampleSlidesOnly {padding: 0;}
section.primery-color h3 {margin: -11px 0 19px; font-size: 24px;}
.sm-fullwidth{margin: 0 0 22px;}
section.primery-color {padding:22px 0 0;}
}

@media only screen and (min-width:480px) and (max-width:767px){
p{font-size: 15px !important; line-height: 22px !important;}
.
.footer-nav ul li {font-size: 15px !important; line-height: 22px !important; margin: 0 !important;}
footer address{font-size: 15px; line-height: 21px; margin: 15px 0 0;}
footer a{font-size: 15px; line-height: 21px;}
.col-4.text-bottom p {margin-top: 15px;}
section.primery-color h3{font-size: 24px; line-height: 31px; margin: -12px 0 19px;}
section.primery-color{padding: 16px 0 10px;}
section.primery-color a.read-more{margin: 11px 0 0; font-size: 15px;}
.shop-button{font-size: 20px !important; padding: 9px 0 13px; width: 200px;}
.our-products .row .shop-button {font-size: 20px !important;}

section.primery-color h4 {font-size: 29px; margin: 0 0 13px; line-height: 35px;}

}
@media only screen and (min-width:320px) and (max-width:749px){
.copyright{margin: 32px 0 0; padding: 17px 0;}
.payment-types ul li{margin: 0px 5px !important;}
.copyright .row{display:block;}
.copyright .col-6{width:100%; text-align: center; margin: 10px 0; max-width: 100%;}
.payment-types ul{justify-content: center;}

.sm-fullwidth{width:100%; margin: 0 0 14px;}
.col-4.text-bottom p {margin-top: 24px;}
}
@media only screen and (min-width:640px) and (max-width:749px){
.sidebar a {padding: 5px 8px 5px 32px; font-size: 18px;}
.carousel-inner{background-size: 92%; background-position: bottom 8px center;}
.new-works .col-3 {width: 25%; margin: 0 0px 30px;}	
.new-works h5 {margin: 8px 0 0; font-size: 14px;}
.new-works .row.text-center{margin:0;}
.our-products .col-2 {width: 32%; margin: 0 4px 16px;}
.our-products .row {justify-content: left;}
.footer-nav ul li a {margin: 0 20px; line-height: 35px;}
.footer-nav{display:block;}
.footer-nav ul{display:block; padding: 10px 0;}
footer .col-4.col-md-4{width:49%; max-width:49%; flex: auto;}
.col-4.col-md-4.contact-us{width:100%; margin:20px 0 0; padding: 11px 11px 0; max-width: 100%;}
.subscribe-form input[type="email"]{width: 174px}
.subscribe-form {margin: 29px 0 0;}
footer h3{margin: 0 0 12px; font-size: 30px;}
footer .time p {margin-bottom: 8px;}
.col-4.time {padding-left: 75px;}
.subscribe-form h3 {margin: 0 0 17px;}
.blogs .col-2{width: 32.3%; margin: 0 3px 22px;}
.blogs .row {justify-content: left;}
.blogs .col-2 a span{line-height: 23px; font-size: 18px;}
.story img {margin-bottom: 18px;}
figure {width: 47.7%; margin: 0 7px 9px;}
.tile-10.effect-sophie p a {padding: 8px 26px 10px; font-size: 17px;}
figure h2 {font-size: 23px;}
.champions-gallery .col-2{width:31.3%;}
.btn-group.btn-group-justified.filter-button-group{margin: 0 0 36px;}
.filter-gallery .col-md-3.grid-item .artist-name h3{font-size: 22px;}
.filter-gallery .col-md-3.grid-item .artist-name{width: 97%}
.filter-button-group .btn.btn-default{padding: 11px 22px; margin: 0 0 15px !important; font-size: 18px;}
}
@media only screen and (min-width:640px) and (max-width:1399px){
.container.header{width:100%; max-width:100%;}
.container{width:100% !important; max-width:100% !important;}
.detail-carousel ul{width:100%;}
}
@media only screen and (min-width:640px) and (max-width:992px){
.header {padding: 22px 0;}
.first-sec {margin: 106px auto 0;}
.detail-carousel p {margin: 0 0 25px;}
.detail-carousel .carousel.slide {margin: 0 0 25px;}
.carousel-control-next, .carousel-control-prev {top: 41%; width: 31px; height: 42px;}
.carousel-control-prev-icon {width: 12px; height: 17px;}
.carousel-control-next-icon {width: 12px; height: 17px;}
}
@media only screen and (min-width:640px) and (max-width:1100px){
.carousel-inner{padding-bottom: 29px;}
}

@media only screen and (min-width:640px) and (max-width:860px){
.header h1 {font-size: 31px; line-height: 33px;}
#main span{width: 32px; height: 4px;}
#main span::before {width: 32px; top: -9px; height: 4px;}
#main span::after {width: 32px; top: 9px; height: 4px;}
.header h3{line-height: 20px;}
#main .openbtn {margin: 13px 0 0;}
.story p {margin-bottom: 16px;}
}
@media only screen and (min-width:320px) and (max-width:575px){
.header .logo{width: 83.3333333333%;}	
.header .col-6.col-md-2.col-sm-2.col-2{width: 16.6666666667%; max-width: 16.6666666667%;}
.filter-gallery .col-md-3{right:0;}
}
@media only screen and (min-width:480px) and (max-width:639px){
.sidebar a {padding: 5px 8px 5px 32px; font-size: 16px;}
.header {padding: 25px 0 !important;}
.header h1{font-size: 24px; line-height: 26px;}
.header h3 {line-height: 15px; font-size: 12px;}
.first-sec {margin: 94px auto 0;}
#main span{width: 32px; height: 4px;}
#main span::before {width: 32px; top: -9px; height: 4px;}
#main span::after {width: 32px; top: 9px; height: 4px;}
.carousel-inner{background-size: 92%; background-position: bottom 21px center;}
#carouselExampleSlidesOnly {margin: 0;}
.new-works .col-3 {width: 33%; margin: 0 0px 20px;}	
.new-works h5 {margin: 8px 0 0; font-size: 14px;}
.our-products .col-2 {width: 47.3%; margin: 0 6px 20px;}
.our-products .row {justify-content: left;}
.blogs .col-2{width: 32%; margin: 0 3px 22px;}
.blogs .row {justify-content: left;}
.blogs .col-2 a span{line-height: 23px; font-size: 18px;}
.blogs {margin: 20px 0 0;}
.carousel-control-next, .carousel-control-prev {top: 37%; width: 31px; height: 42px;}
.carousel-control-prev-icon {width: 12px; height: 17px;}
.carousel-control-next-icon {width: 12px; height: 17px;}
.detail-carousel p {margin: 0 0 25px;}
figure {width: 46.9%; margin: 0 7px 9px;}
.tile-10.effect-sophie p a {padding: 5px 26px 9px; font-size: 17px;}
figure h2 {font-size: 21px; line-height:21px;}
.champions-gallery .col-2{width:48%; margin: 0 9px 12px 0;}
.filter-button-group .btn.btn-default {padding: 11px 15px; margin: 0 0 15px !important;font-size: 18px;}
.filter-gallery .col-md-3.grid-item .artist-name h3 {font-size: 25px;}
}
@media only screen and (min-width:600px) and (max-width:639px){
footer .col-4.col-md-4{width:49%; max-width:49%; flex: auto !important;}
.col-4.col-md-4.contact-us{width:100%; margin:20px 0 0; padding: 11px 11px 0;}
.subscribe-form input[type="email"]{width: 100%; text-align: center; border-radius: 0; padding: 18px 10px;}
.subscribe-form input[type="submit"]{width: 100%; border-radius: 0;}
.subscribe-form {margin: 29px 0 0;}
footer h3{margin: 0 0 12px; font-size: 30px;}
footer .time p {margin-bottom: 8px;}
.col-4.time {padding-left: 75px;}
.subscribe-form h3 {margin: 0 0 17px;}
.subscribe-form form#mc-embedded-subscribe-form { flex-wrap: wrap;}
.subscribe-form form#mc-embedded-subscribe-form input#mc-embedded-subscribe { margin: 0; width: 100%;}



}
@media only screen and (min-width:320px) and (max-width:599px){
footer .col-4.col-md-4{width:100%; max-width:100%; flex: auto !important;}

.col-4.col-md-4.time{margin: 25px 0 0;}
.col-4.col-md-4.contact-us{width:100%; margin:13px 0 0; padding: 11px 11px 0;}
.subscribe-form input[type="email"]{width: 100%; text-align: center; border-radius: 0; padding: 18px 10px;}
.subscribe-form input[type="submit"]{width: 100%; border-radius: 0;}
.subscribe-form {margin: 16px 0 0;}
footer h3{margin: 0 0 12px; font-size: 30px;}
footer .time p {margin-bottom: 8px;}
.col-4.time {padding-left: 2%;}
.subscribe-form h3 {margin: 0 0 17px;}	
.detail-carousel p {margin: 0 0 15px;}
.subscribe-form form#mc-embedded-subscribe-form { flex-wrap: wrap;}
.subscribe-form form#mc-embedded-subscribe-form input#mc-embedded-subscribe { margin: 0; width: 100%;}


}

@media only screen and (min-width:349px) and (max-width:479px){
section.primery-color h4 {font-size: 25px; margin: 0 0 9px; line-height: 29px;}
.sidebar{padding-top: 43px;}
.sidebar .closebtn{font-size: 26px;}
.sidebar a {padding: 5px 8px 5px 32px; font-size: 15px;}
.header h1{font-size: 19px; line-height: 26px;}
.header h3 {line-height: 12px; font-size: 12px;}
p{font-size: 15px; line-height: 22px;}
.col-4.text-bottom p {margin-top: 15px;}
section.primery-color a.read-more {margin: 11px 0 0; font-size: 15px;}
.header {padding: 21px 0 !important;}
.first-sec {margin: 79px auto 0;}
#main span{width: 27px; height: 3px;}
#main span::before {width: 27px; top: -7px; height: 3px;}
#main span::after {width: 27px; top: 7px; height: 3px;}
.carousel-inner{background-size: 100%; background-position: bottom 3px center; padding-bottom: 15px;}
#carouselExampleSlidesOnly {margin: 0;}
section.primery-color h3 {font-size: 21px; line-height: 28px; margin: -8px 0 8px;}
section.primery-color {padding: 16px 0 4px;}
.new-works .col-3 {width: 50%; margin: 0 0px 20px;}
.new-works h5 {margin: 8px 0 0; font-size: 16px;}
.shop-button {font-size: 20px !important; padding: 9px 0 13px; width: 200px;}
.our-products .row .shop-button {font-size: 20px !important;}
.our-products .col-2 {width: 47.3%; margin: 0 4px 20px;}
.our-products .col-2 .tile-10.effect-sophie .price-detail a {padding:11px 0 14px;}
.our-products .col-2 .tile-10.effect-sophie .price-detail h2{padding: 5.5px;}
p{font-size: 15px !important; line-height: 22px !important;}
footer address{font-size: 15px; line-height: 21px;}
footer a{font-size: 15px; line-height: 21px;}
.col-4.text-bottom p {margin-top: 15px;}
.blogs {margin: 20px 0 0;}
.blogs .col-2{width: 46.3%; margin: 0 6px 22px;}
.blogs .row {justify-content: left;}
.blogs .col-2 a span{line-height: 23px; font-size: 18px;}
.carousel-control-next, .carousel-control-prev {top: 35%; width: 23px; height: 33px;}
.carousel-control-prev-icon {width: 10px; height: 15px;}
.carousel-control-next-icon {width: 10px; height: 15px;}
.detail-carousel p {margin: 0 0 25px;}
.footer-nav ul li {font-size: 15px !important; line-height: 22px !important; margin: 0 !important;}
figure {width: 97%; margin: 0 7px 19px;}
.tile-10.effect-sophie p a {padding: 12px 34px 15px; font-size: 22px;}
figure h2 {font-size: 28px; line-height:28px;}
.champions-gallery .col-2{width:47%; margin: 0 9px 12px 0;}
.filter-gallery .col-md-3.grid-item .artist-name h3 {font-size: 22px;}
.filter-button-group .btn.btn-default {padding: 11px 22px; margin: 0 0 15px !important; font-size: 18px;}
}
@media only screen and (min-width:320px) and (max-width:348px){
section.primery-color h4 {font-size: 27px; margin: 0 0 13px; line-height: 29px;}
section.primery-color h3 {font-size: 23px; line-height: 28px;  margin: -9px 0 16px;}	
.sidebar{padding-top: 43px;}
.sidebar .closebtn{font-size: 26px;}
.sidebar a {padding: 5px 8px 5px 32px; font-size: 15px;}
.header h1{font-size: 17px; line-height: 26px;}
.header h3 {line-height: 7px; font-size: 10px;}
p{font-size: 15px; line-height: 22px;}
.col-4.text-bottom p {margin-top: 15px;}
section.primery-color a.read-more {margin: 11px 0 0; font-size: 15px;}
.header {padding: 21px 0 !important;}
.first-sec {margin: 75px auto 0;}
#main span{width: 27px; height: 3px;}
#main span::before {width: 27px; top: -7px; height: 3px;}
#main span::after {width: 27px; top: 7px; height: 3px;}
.carousel-inner{background-size: 444px; background-position: bottom 2px center; padding-bottom: 15px;}
#carouselExampleSlidesOnly {margin: 0 0 7px;}
section.primery-color h3 {font-size: 32px; line-height: 32px;}
section.primery-color {padding: 16px 0 22px;}
.new-works .col-3 {width: 95%; margin: 0 auto 20px;}
.new-works h5 {margin: 8px 0 0; font-size: 18px;}
.shop-button {font-size: 20px !important; padding: 9px 0 13px; width: 200px;}
.our-products .row .shop-button {font-size: 20px !important;}
.our-products .col-2 {width: 100%; margin: 0 0 20px;}
.our-products .col-2 .tile-10.effect-sophie .price-detail a {padding:11px 0 14px;}
.our-products .col-2 .tile-10.effect-sophie .price-detail h2{padding: 5.5px;}
p{font-size: 15px !important; line-height: 22px !important;}
footer address{font-size: 15px; line-height: 21px;}
footer a{font-size: 15px; line-height: 21px;}
.col-4.text-bottom p {margin-top: 15px;}
.blogs {margin: 20px 0 0;}
.blogs .col-2{width: 96%; margin: 0 auto 22px;}
.blogs .row {justify-content: left;}
.blogs .col-2 a span{line-height: 23px; font-size: 18px;}
.carousel-control-next, .carousel-control-prev {top: 35%; width: 23px; height: 33px;}
.carousel-control-prev-icon {width: 10px; height: 13px;}
.carousel-control-next-icon {width: 10px; height: 13px;}
.detail-carousel p {margin: 0 0 17px;}
.footer-nav ul li {font-size: 15px !important; line-height: 22px !important; margin: 0 !important;}
figure {width: 97%; margin: 0 7px 19px;}
.tile-10.effect-sophie p a {padding: 10px 34px 13px; font-size: 19px;}
figure h2 {font-size: 28px; line-height:28px;}
.filter-gallery .col-md-3.grid-item .artist-name h3 {font-size: 22px;}
.champions-gallery .col-2{width:87%; margin: 0 auto 12px;}
.filter-button-group .btn.btn-default {padding: 11px 22px; margin: 0 0 15px !important; font-size: 18px;}
}
@media only screen and (min-width:320px) and (max-width:639px){
.footer-nav ul li a {margin: 0 20px; line-height: 35px;}
.footer-nav{display:block;}
.footer-nav ul{display:block; padding: 10px 0;}
.new-works .row {justify-content: left;}
.sm-fullwidth{width:100%;}	
.new-works .row.text-center{margin: 6px 0 0;}
.container.header{width:100%; max-width:100%;}
.container{width:100% !important; max-width:100% !important;}
.our-gallery .container{padding:0;}
.btn-group.btn-group-justified.filter-button-group{margin: 0 0 20px;}
.header .col-6.col-md-4.col-sm-4.col-4{width: 33.3333333333%;}
.new-works .row.text-center{margin:0;}
#main .openbtn {margin: 4px 0 0;}
.contact-us ul {margin: 0 0 15px;}
.detail-carousel ul{width:100%;}
.detail-carousel .carousel.slide {margin: 0 0 17px;}
.story img {margin-bottom: 18px;}
.story p {margin-bottom: 16px;}
}