@font-face {
    font-family: 'DejaVu Sans';
    src: url('../font/DejaVuSans.woff2') format('woff2'),
        url('../font/DejaVuSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DejaVu Sans';
    src: url('../font/DejaVuSans-Bold.woff2') format('woff2'),
        url('../font/DejaVuSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'AkzidenzGrotesk';
    src: url('../font/AkzidenzGrotesk-Roman.woff2') format('woff2'),
        url('../font/AkzidenzGrotesk-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Franklin Gothic';
    src: url('../font/FranklinGothic-Medium.woff2') format('woff2'),
        url('../font/FranklinGothic-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Beyond Infinity - Demo';
    src: url('../font/BeyondInfinity.woff2') format('woff2'),
        url('../font/BeyondInfinity.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body,html{
	overflow-x:hidden;
}

body {
	font-family: 'DejaVu Sans';
	color: #000;
	overflow-x:hidden;
	font-size:13px;
}
a:active,a:hover,a:focus {
	outline: 0;  
	text-decoration: none;	  
}
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: 0;
	outline : 0;
}
header{
	text-align: center;
    padding: 4px 0 17px;
    background: #fff;
    position: relative;
    margin-bottom: 5px;
}
.header:before{
	content:"";
	position:absolute;
	bottom:-5px;
	left:0;
	background:url(../img/img01.jpg);
	width: 100%;
	height: 14px;
	background-size: 139px;
	background-repeat: repeat-x;
}
ul{
	margin:0;
	padding:0;
}
#earth-pro-cl .shop1-p{
	background:none;
}
.logo{
	width:200px;
}

header ul li a{
	text-transform:uppercase;
	color:#000;
	font-weight:700;
	font-size:20px;
	margin:0 12em;
}
.roadtrip-br{
	padding:20px 0 40px;
	position:relative;
}
.roadtrip-br img{
	width: 350px;
	border: 3px solid #a22a2f;
	padding: 5px 30px;
}
.roadtrip-br:before{
	content:"";
	position:absolute;
	right:-348px;
	top:40%;
	width:100%;
	height:3px;
	background:#a22a2f;
}
.spring-fes-panel {
    padding: 30px 30px;
}
.spring-fes-col{
	position:relative;
	box-shadow: 6px 6px 7px #787272;
}
.overlay-col{
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 40%;
	color: #fff;
	text-align: center;
	height: 100%;
	background: rgba(3, 13, 64, 0.70);
	display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
h3{
	margin:0;
}
#earth-pro-cl .carousel-control {
    top: 54%;
}
.carousel-control {
    top: 54%;
}		
.shop-btn:focus ,.shop-btn:hover,.shop-btn1:focus, .shop-btn1:hover{
    color: #fff;
    text-decoration: none;
}
.overlay-col h3{
padding: 3px 0;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin-top: 40px;
font-size: 45px;
}
.shop-btn-l {
    margin-top: 40px;
    text-decoration: underline;
    font-size: 16px;
}
.title-h2 h2.spring-h2-01{
	background: #231f20;
	color: #cadb2b;
	display: inline-block;
	padding: 2px 10px;
}
.spring-pr-block2{
	padding:0 0 50px 0;
	position:relative;
	background:url(../img/bg01.jpg) no-repeat;
	background-size:cover;
}
.spring-fes-col::before {
    content: "";
    background: url(../img/ic17.png) no-repeat;
        background-size: auto;
    position: absolute;
    top: -40px;
    left: 3px;
    width: 40px;
    height: 90px;
    background-size: 21px;
}
.col-earh{
	margin-top: 10px;
}
.ability-col{
	padding:70px 0 0;
}
.footer-title{
	margin-bottom: 40px;
}
.ability-col .ablitiy-panel .f-box1 img, .recycled-item-t img{
	width:70px;
}
.ability-col .ablitiy-panel, .recycled-item-t{
	font-size:20px;
	position:relative;
}
#earth-home .spring-fes-col{
	box-shadow: 6px 6px 7px #fff;
}
.f-box1{
	position:absolute;
	top:20%;
	left: 6%;
}

.product-title{
	height: 70px;
}
.padding-right{
	padding-right: 0;
}
.padding-left{
	padding-left: 0;
}
.padding-0{
	padding:0;
}
.img-ability{
	height:120px;
	width:100%;
}
.ability-col h4{
	color:#000;
	font-size:20px;
}
#recycled, #naturally, #solvent{
	color:#000;
}
.ability-text h3{
	margin-bottom:10px;
	font-size: 18px;
}
.ability-col a{
	color:#fff;
}
.ability-col ul{
	padding: 0 0 0 13px;
}
.ability-col .ablitiy-panel{
	overflow:hidden;
}
.ability-col .ablitiy-panel .img-ability{
	transition:0.2s;
}
.ability-col .ablitiy-panel:hover .img-ability{
	transform:scale(1.2);
}
.ability-col .br-l{
	border: 1px solid #444;
	background: rgb(90,113,98);
}
.recycled-item-t{
	margin-bottom:20px;
}
.ability-col .modal-content {
    padding: 40px 110px;
}
.ability-text{
	margin-top: 10px;
	padding: 0 30px;
	color: #fff;
}
.ability-col .carousel-indicators .active{
	background-color: #5a7263;
}
.ability-col .carousel-indicators li{
	border: 1px solid #5a7263;
	margin: 0 5px;
}
.ability-col .carousel-indicators{
    bottom: -35px;
}
.ability-col .carousel-control.right {
    right: -100px;
}
.ability-col .carousel-control.left {
    left: -100px;
}
.shop1-p{
	background:#070772;
	height:89vh;
}
.spring-h{
	text-align:center;
	color:#fff;
	background:rgb(2, 12, 64);
	position: absolute;
	top: 0;
	z-index: 6;
	width: 100%;
	padding:17px 0;
	font-family: 'AkzidenzGrotesk';
}
.spring-h h2{
	margin:0;
	font-weight: bold;
	font-size: 40px;
}
.spring-h span{
	background: #fff;
	padding: 17px 5px;
	color: #a22b31;
	font-weight: normal;
}
.shop-left-img img{
	height:89.7vh;
}
.shop1-product-li, .shop1-product-li01{
	height: 89.7vh;
}
.product-m-bt{
	border:3px solid rgb(161,43,47);
	height:100%;
	width:100%;
	position:absolute;
	top:-20px;
	left:40px;
}
.shop-col-left{
	position:relative;
	overflow:hidden;
}
.product-m-text{
	width:38%;
	border-right: 3px solid rgb(161,43,47);
	padding:5px;
	background:rgba(107, 103, 103, 0.47);
	font-size: 22px;
}
.shop1-p .modal-header .title-h2{
	    color: rgb(161,43,47);
}
.product-m-blnk{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	border-top: 3px solid rgb(161,43,47);
}

.shop-col-left, .shop-col-right{
	width:50%;
	float:left;
}

.shop1-product-li li{
	margin:0 10px;
	position: relative;
}
.shop1-product-li li img{
	width:110px;
}
.shop1-block{
	position:relative;
}
.carousel-control.left, .carousel-control.right{
	background-image:none;
}
.shop-btn{
	border: 2px solid #fff;
color: #fff;
padding: 5px 18px;
display: inline-block;
margin-top: 47px;
font-size: 16px;
margin-bottom: 3px;
}
#naturally-myCarousel .carousel-control, #ability-myCarousel .carousel-control, #solvent-myCarousel .carousel-control{
top: 45%;
height: 125px;
}
.modal-dialog{
	width: 920px;
}
.shop-btn1{
	border: 2px solid #fff;
	color: #fff;
	padding: 5px 43px;
	display: inline-block;
	margin-top: 12px;
	font-size:16px;
	margin-left: -3px;
}
.btn-view{
	display:inline-block;
}
.shop-col .product-name{
	font-weight:600;
	color:#231f20;
	font-size: 14px;
}
#earth-pro-cl .product-name{
	font-weight:600;
	color:#003048;
	font-size: 16px;
}
.carousel-control.left{
	left:-10px;
}
.carousel-control.right{
	right:-10px;
}
.shop1-product-li{
	background:rgb(161,43,47);
}
.h-shop-p{
		display: flex;
	align-items: center;
	justify-content: center;
	padding:20px 0;
}
.shop1-product-li01{
	background:url(../img/img13.jpg) no-repeat;
	background-size:cover;
}

.text-shop1-h{
	padding:0 30px;
}
.h-shop-p h2{
	margin-bottom:30px;
}
.shop-pro-c{
	width:100%;
	position: relative;
}
.shop-pro-c ul{
	width:100%;
	background:#fff;
	padding:0 30px 20px 30px;
	margin-left: 0;
}
.shop-pro-c:before{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:85px;
	background:rgb(2,12,64);
}
.col-festivalgear {
    width: 170px;
    display: inline-block;
    margin: 0px 50px;
    position: relative;
}
.look-heading{
	background:#fff;
	padding:5px 0;
	font-size: 16px;
}
.before-co::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 363px;
    background: #231f20;
}
.col-festivalgear-up{
	position:relative;
}
.before-web:before{
	content:"";
	position:absolute;
	top:-29px;
	left:0;
	width:200px;
	height:364px;
	background:#231f20;
}
.h-shop-p h2{
	color:#fff;
	font-family: 'DejaVu Sans';
	font-weight: bold;
	font-size: 40px;
	margin-bottom: 50px;
}
.h-shop-p h2 span{
	color:#a22b31;
	font-weight: normal;
}
.product-m-earth{
	position: absolute;
	bottom: 37px;
	left: 50%;
	width: 250px;
	margin-left: 15px;
}

.shop-product-li{
	background:#9bc89d;
	height: 88vh;
}
.shop-product-li li img {
    width: 150px;
}
.product-m-earth{
	color: #003048;
	font-weight: bold;
	font-size: 20px;
	line-height: 32px;
}
#earth-festival-right-img img {
    height: 88vh;
}
.shop-btn-3{
	background: rgba(255, 255, 255, 0.18);
	color: #091d40;
	border: 0;
	padding: 10px 30px;
	display: inline-block;
	margin-top: 20px;
	font-size: 16px;
}
.shop-col .product-name{
	margin-top: 20px;
}
.shop-earth-c{
	position:relative;
}
.shop-earth-c:before{
	content: "";
	position: absolute;
	top: 70px;
	right: -212px;
	width: 460px;
	height: 3px;
	background: #091d40;
}
#earth-pro-cl .shop-earth-c h2{
	margin-bottom: 80px;
	color:#091d40;
	font-size:40px;
}
#earth-pro-cl .shop-earth-c h2 span{
	color:#fff;
}
#earth-pro-cl .shop-earth-c .list-inline > li {
    display: inline-block;
    padding-right: 15px;
    padding-left: 15px;
}
.shop-product-li01{
	background:#003048;
	 height: 88vh;
}
.earthdaycentral-col img{
	width:100%;
}
.earthdaycentral-col{
	width:470px;
	position:relative;
	margin:0 auto;
}
.earth-2-rslide{
	position:absolute;
	top:30px;
	width: 40%;
	left:0;
	font-size:17px;
	color:#093b6a;
}
.shop-btn-4{
	border: 2px solid #093b6a;
	color: #093b6a;
	padding: 5px 25px;
	display: inline-block;
	margin-top: 55px;
	background: rgba(255, 255, 255, 0.44);
}
#earth-pro-cl .clrwht{
	color:#79c89c !important;
	font-weight:bold;
}
#earth-pro-cl .text-shop1-h span{
	color:#fff;
	display: inline-block;
}
#earth-pro-cl .shop-product-li01 h2 {
    color: #fff;
}
.cent-t{
	background:#79c89c;
	padding: 30px 10px;
}
#earth-pro-cl .text-shop1-h h2{
	font-size: 40px;
	font-weight: normal;
	margin: 0px 0 40px;
display: inline-block;
}
.earth-f-h {
   position: absolute;
	bottom: 0;
	right: 20px;
	width: 40%;
	background: rgba(90, 113, 98, 0.70);
	color: #fff;
	text-align: center;
	left: auto;
}
.quick-v-inner{
	padding:20px;
}
.modal-header {
    min-height: auto;
    padding: 0;
    border-bottom: 0px solid #e5e5e5;
}
.modal-content{
	padding: 10px 30px;
}
.quick-v-inner-product{
	background: #fff;
	border: 2px solid #e2e0e0;
	text-align:center;
	padding:30px 0;
}
.color-swatches{
	margin:20px 0 15px;
}
.color-swatches li{
	vertical-align:middle;
}
.color-swatches li a{
	width:20px;
	height:20px;
	display:inline-block;
	border-radius:100px;
}
.color-1{
	background:red;
}
.p-title{
	font-size:24px;
}
.color-2{
	background:blue;
}.color-3{
	background:#000;
}
.add-to-cart-button a {
	margin-bottom: 10px;
    background: #000;
    padding: 12px 30px;
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-align: center;

}
.description-quick-v{
	margin:20px 0;
}
p {
    margin: 0 0 5px;
}
.sizes select{
	width:100px;
	height:30px;
	margin-left:10px;
}
.add-to-cart-button{
	margin-top:20px;
}
.p-title{
	margin-top:0;
}
.zip-in{
	height:35px;
	padding:15px;
	width:150px;
}
.submit-locaion{
	height: 35px;
	background:#000;
	color:#fff;
	border:0;
	padding:0 40px;
	font-weight:500;
}
.product-add-to-cart-btn a{
	background:#000;
	color:#fff;
	padding:6px 15px;
	display:inline-block;
	margin-top:5px;
	font-size: 16px;
}
.shop2-quick-v{
	background:url(../img/img3.jpg) no-repeat fixed;
	background-size:cover;
	padding:70px 0;
}

.shop1-quick-v{
	background:url(../img/img2.jpg) no-repeat fixed;
	background-size:cover;
	padding:70px 0;
}
.shop3-quick-v{
	background:url(../img/img4.jpg) no-repeat fixed;
	background-size:cover;
	padding:70px 0;
}
.title-h2 span{
	display:block;
	font-size:18px;
	margin-top:5px;
	color:#8d8d8d;
}
.complete-look-c{
	padding:0 100px;
}
.complete-look-c img, .quick-v-inner-product-li img{
	margin:0 auto;
	background: #f0f0f0;
	border: 2px solid #e2e0e0;
	margin-bottom:10px;
}

.quick-v-inner-product-li{
	padding: 20px 0;
	margin-bottom:20px;
}
.product-add-to-cart-btn a:hover{
	background:#444;
}
.modal-header .close {
    opacity: 1;
	margin-top: 10px;
    font-size: 23px;
    width: 30px;
    height: 30px;
    line-height: 0;
    color: #5a7263;
	position: absolute;
	right: 10px;
	top:0;
}
.modal-content{
	border-radius:0;
}
.shop-col .shop-left-img img{
	width:100%;
}
a.shop-btn:focus, a.shop-btn1:focus{
	border: 1px solid #444;
}
.earth-center{
	height:67vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
#earth-pro-cl .product-title {
    height: 40px;
}
#earth-festival-right-img.shop-col-left{
	float:right;
}
.ability-col .ability-text a{
	color: #000;
}
.ability-col .ability-text a:hover{
	border-bottom: 1px solid #092c90;
}
.ame-worthy-col h2 span{
	color:#fff;
}
.ame-worthy-col h2 {
	color:#fff;
	font-family: 'AkzidenzGrotesk';
}
.modal-open{
	padding-right: 0px !important;
}
.virtual-section{
	padding:70px 0;
}
.virtual-section h2{
	text-align:center;
	font-weight: bold;
	color:rgb(161,43,47);
	margin-bottom:20px;
}
.footer-lg{
	background:#030d40;
	padding:40px 0;
	text-align:center;
}
.footer-lg img{
	width:250px;
}
 .sus-img-l .sus-col-div03{
	 float:right;
 }
.sus-img-l .sus-col-div01, .sus-img-l .sus-col-div02{
	float:left;
	vertical-align:bottom;
}
.sus-col-div02{
	margin: 0 27px;
}
.sus-col-div01{
	width:49.8%;
}
.sus-col-div02{
	width:23%;
}
.sus-col-div03{
	width:23%;
}
.sus-img01,.sus-img02, .sus-img03{
	width:100%;
	height:243px;
}

.sus-img-l ul{
	padding: 0;
}
.ability-col .container-fluid{
	background: #231f20;
padding: 160px 0 40px;
margin-top: -120px;
}
.sustain-h3-m{
	text-align:center;
	margin-bottom:20px;
	font-size:20px;
	position:relative;
}
.sustain-h3-m h3{
	display: inline-block;
	padding: 0 60px;
	background: #231f20;
	color: #fff;
	position:relative;
	font-weight:bold;
	font-family: 'AkzidenzGrotesk';
}
.sustain-h3-m:before{
	content:"";
	position:absolute;
	top:12px;
	left:0;
	width:100%;
	background:#fff;
	height:2px;
}
.footer-title h3{
	font-family: 'Franklin Gothic';
	font-size:40px;
}
.micro-title{
position: absolute;
top: 20px;
left: 50%;
font-family: 'Beyond Infinity - Demo';
font-size: 50px;
margin-left: -220px;
font-weight: bold;
color: rgb(161,43,47);
}
.micro-moment{
	position:relative;
}
.micro-moment:before{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    background: url(../img/img01.jpg);
    width: 100%;
    height: 14px;
    background-size: 139px;
    background-repeat: repeat-x;
}
.ready-lg{
	padding:40px 0;
}
.ready-lg img{
	width:350px;
}
.v-img1{
	width: 40%;
display: inline-block;;
}
.virtual-img{
	text-align: center;
}
.virtual-img .v-img1{
	margin: 0 50px;
	position:relative;	
}
.v-panel{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height:100%;  
}
.virtual-img .v-img1 h2{
	font-size:40px;
	color:#fff;
}
/*--------------------------------
Responsive css**/
@media(min-width:1550px){
	.spring-pr-block2 .container{
		width: auto;
		padding-right: 15px;
		padding-left: 15px;
	}
	.spring-fes-col img{
		width:100%;
	}
	.ability-col h3{
		font-size:30px;
	}
	.img-ability {
		height: 270px;
		width: 100%;
	}
	.f-box1 {
		top: 39%;
	}
}
@media(min-width:1330px) and (max-width:1340px){
	.product-m-earth{
		font-size: 18px;
		line-height: 29px;
		width: 228px;
	}
	.virtual-img .v-img1{
		margin: 0 40px;
	}
	.virtual-img .v-img1 h2 {
		font-size: 30px;
	}
	.sus-col-div02{
		margin:0 26.6px 0;
	}
	.sus-col-div03{
		margin:0px 0px 0;
	}
}
@media(min-width:1300px) and (max-width:1329px){
	.product-m-earth{
		font-size: 18px;
		line-height: 29px;
		width: 228px;
	}
	.virtual-img .v-img1{
		margin: 0 40px;
	}
	.virtual-img .v-img1 h2 {
		font-size: 30px;
	}
	.sus-col-div02{
		margin:0px 26px 0;
	}
	.sus-col-div03{
		margin:0px 0px 0;
	}
}
@media(min-width:1290px) and (max-width:1299px){
	.sus-col-div02{
		margin:0px 25.8px 0;
	}
	.sus-col-div03{
		margin:0px 0px 0;
	}
}
@media(min-width:1280px) and (max-width:1289px){
	.sus-col-div02{
		margin:0px 25.0px 0;
	}

	.sus-col-div03{
		margin:0px 0px 0;
	}}
@media(min-width:1270px) and (max-width:1279px){
	.sus-col-div02{
		margin:0px 25.0px 0;
	}
	.sus-col-div03{
		margin:0px 0px 0;
	}
}
@media(min-width:1261px) and (max-width:1269px){
	.sus-col-div02{
		margin:0px 25.2px 0;
	}
}
@media(min-width:1200px) and (max-width:1260px){
	.product-m-earth{
		font-size: 18px;
		line-height: 29px;
		width: 228px;
	}
	.virtual-img .v-img1{
		margin: 0 40px;
	}
	.virtual-img .v-img1 h2 {
		font-size: 30px;
	}
	.sus-col-div02{
		margin:0px 24px 0;
	}
	.sus-col-div03{
		margin:0px 0px 0;
	}
}
@media(min-width:1161px) and (max-width:1199px){
	header ul li a{
		margin: 0 8em;
	}
	.sus-col-div02 {
    margin: 0 23px;
}
	
	#naturally .modal-body{
		width: 730px;
		margin:0 auto;
	}
	.ability-text{
		margin-top: 55px;
		padding: 0 10px 0 0;
	}
	.product-m-earth{
		font-size: 21px;
		line-height: 34px;
		width: 230px;
	}
	.shop1-product-li li img {
		width: 150px;
	}
	.shop-col-left, .shop-col-right{
		
	}
	.modal-dialog {
		width: 96%;
		margin: 10px auto;
	}
	.modal-content, .quick-v-inner-product {
		padding: 0;
	}
	.quick-v-inner-product img{
		width:100%;
	}
	.shop1-product-li li {
		margin: 0;
	}
	.zip-in{
		width: 100px;
	}
	.quick-v-inner-description{
		margin-top:15px;
	}
	.modal-header .close{
		margin: 10px;
	}
}
@media(min-width:1024px) and (max-width:1100px){
	.shop-left-img img {
		height: auto
	}	
}
@media(min-width:1100px) and (max-width:1160px){
	#earth-festival-right-img img {
		height: auto;
	}
}
@media(min-width:1024px) and (max-width:1160px){
	.virtual-img .v-img1{
		margin: 0 40px;
	}
	.virtual-img .v-img1 h2 {
		font-size: 30px;
	}
	.sus-col-div02{
		margin:0px 19px 0;
	}
	.sus-col-div03{
		margin:0px 0px 0;
	}
	header ul li a{
		margin: 0 4em;
	}
	#earth-festival-right-img img {
		height: auto;
	}
	.shop1-product-li li img {
		width: 150px;
	}
	.earth-center{
		height: 410px;
	}
	.shop-col-left, .shop-col-right{
		width:100%;
	}
	.product-m-text{
		width: 28%;
	}
	.shop1-product-li, .shop1-product-li01 {
		height: 600px;
	}
	.modal-dialog {
		width: 96%;
		margin: 10px auto;
	}
	.modal-content, .quick-v-inner-product {
		padding: 0;
	}
	.quick-v-inner-product img{
		width:100%;
	}
	.shop1-product-li li {
		margin: 0;
	}
	.zip-in{
		width: 100px;
	}
	.quick-v-inner-description{
		margin-top:15px;
	}
	.text-shop1-h {
		padding: 0 50px;
	}
	.col-festivalgear {
		width: 130px;
		margin: 0px 30px;
	}

	.before-co::before {
	width: 150px;
	height: 296px;
	}
	.shop-btn1 {
		padding: 5px 24px;
	}
	.before-web::before {
	height: 300px;
	width: 150px;
	top: -20px;
	}
	.h-shop-p h2{
		font-size: 25px;
	}
	.product-m-earth {
		font-size: 30px;
		width: 386px;
		line-height: 40px;
	}
	.shop-btn-3 {
		padding: 5px 30px;
		margin-top: 0px;
		font-size: 14px;
	}
	.shop-btn-4 {
		padding: 5px 20px;
		margin-top: 60px;
	}
	.earth-2-rslide{
		top: 17px;
		font-size: 20px;
	}
	#earth-pro-cl .shop-earth-c .list-inline > li{
		width:30%;
		margin-bottom:10px;
	}
	#earth-pro-cl .shop-earth-c .list-inline > li img{
		width:100%;
	}
	#earth-pro-cl .text-shop1-h h2, #earth-pro-cl .shop-earth-c h2 {
		font-size: 30px;
	}
	.shop-product-li01, .shop-product-li{
		height: 600px;
	}
	.shop-earth-c::before {
		content: "";
		position: absolute;
		top: 70px;
		right: 50%;
		width: 820px;
		height: 3px;
		background: #091d40;
		margin-right: -840px;
	}
	#earth-festival-right-img{
		border-top: 2px solid #fff;
	}
	.spring-fes-panel {
		padding: 40px 0px;
	}
	.ability-col {
		padding: 60px 0;
	}
	.home-pageblock2{
		padding: 0 0px;
	}
	.spring-fes-col img{
		width: 100%;
	}
	#naturally .modal-body{
		width: 730px;
		margin:0 auto;
	}
	.ability-text{
		margin-top: 25px;
		padding: 0 10px 0 0;
	}
}
@media(min-width:992px) and (max-width:1023px){
	.virtual-img .v-img1{
		margin: 0 40px;
	}
	.virtual-img .v-img1 h2 {
		font-size: 30px;
	}
	.sus-col-div02{
		margin:0px 19px 0;
	}
	.sus-col-div03{
		margin:0px 0px 0;
	}
	.sus-img01, .sus-img02, .sus-img03 {
    width: 100%;
    height: 193px;
}
	header ul li a{
		margin: 0 4em;
	}
	.shop-btn-3{
		margin-top: 10px;
	}
	.shop-col-left{
		float:left;
	}
	.home-pageblock2{
		padding: 0 0px;
	}
	.shop1-product-li li img {
		width: 150px;
	}
	.spring-fes-panel {
		padding: 40px 40px;
	}
	.shop-col-left, .shop-col-right{
		
	}
	.modal-dialog {
		width: 96%;
		margin: 10px auto;
	}
	.modal-content, .quick-v-inner-product {
		padding: 0;
	}
	.product-m-earth{
		font-size: 18px;
		width: 197px;
		line-height: 27px;
	}
	.quick-v-inner-product img{
		width:100%;
	}
	.shop1-product-li li {
		margin: 0;
	}
	.zip-in{
		width: 100px;
	}
	.quick-v-inner-description{
		margin-top:15px;
	}
	.modal-header .close{
		margin: 10px;
	}
	.ability-text {
		margin-top: 10px;
		padding: 0 0px;
	}	
	.col-festivalgear {
		width: 90px;
		margin: 0px 30px;
	}

	.before-co::before {
		width: 120px;
		height: 210px;
	}
	.shop-btn1 {
		padding: 5px 5px;
	}
	.before-web::before {
		height: 250px;
		width: 120px;
	}
	.earthdaycentral-col {
		width: 92%;
		margin: 0 auto 10px;
	}
	.shop-btn-4 {
		padding: 1px 5px;
		margin-top: 5px;
	}
	.earth-2-rslide{
		top: 17px;
		font-size: 14px;
	}
	.ability-col {
		padding: 30px 0;
	}
	#earth-pro-cl .shop-earth-c .list-inline > li{
		width:40%;
		margin-bottom:10px;
	}
	#earth-pro-cl .shop-earth-c .list-inline > li img{
		width:100%;
	}
	#earth-pro-cl .text-shop1-h h2, #earth-pro-cl .shop-earth-c h2 {
		font-size: 30px;
	}
	.shop-left-img img {
		height: 78vh;
	}
	#earth-festival-right-img{
		border-top: 2px solid #fff;
	}
	.ability-col .ablitiy-panel {
		padding: 3px;
	}
	.spring-fes-col img{
		width:100%;
	}
	#naturally .modal-body{
		width: 530px;
		margin:0 auto;
	}
	.ability-text{
		margin-top: 15px;
		padding: 0 10px 0 0;
	}
}

@media(min-width:768px) and (max-width:991px){
	header ul li a{
		margin: 0 4em;
	}
	.sus-col-div02{
		margin: 0px 15px 0;
	}
	.sus-img01, .sus-img02, .sus-img03 {
    width: 100%;
    height: 150px;
}
	.ability-col .container-fluid {
		padding: 90px 0 40px;
		margin-top: -65px;
	}
	.virtual-img .v-img1{
		margin: 0 30px;
	}
	.virtual-img .v-img1 h2 {
		font-size: 26px;
	}
	.ability-col .modal-content {
		padding: 40px 70px;
	}
	.ability-col .carousel-control.left {
		left: -80px;
	}
	.ability-col .carousel-control.right {
		right: -80px;
	}
	.earth-center{
		height: 500px;
	}
	.ability-col {
		padding: 20px 0;
	 }
	.shop-product-li01, .shop-product-li{
		height:700px;
	}
	.shop1-product-li li {
		margin: 0;
		width: 30%;
	}
	.home-pageblock2{
		padding:0 0px;
		box-sizing: border-box;
	}
	.shop-earth-c::before {
		content: "";
		position: absolute;
		top: 70px;
		right: 50%;
		width: 820px;
		height: 3px;
		background: #091d40;
		margin-right: -840px;
	}

	#earth-festival-right-img img{
		height:auto;
	}

	.shop-col-left, .shop-col-right {
		width: 100%;
	}
	.shop1-product-li, .shop1-product-li01 {
		height: 580px;
	}
	.shop-btn{
		padding: 5px 20px;
	}
	.shop-col .product-name{
		font-size: 14px;
	}
	.h-shop-p h2{
		font-size: 27px;
	}
	.spring-h h2 {
		font-size: 30px;
	}
	.shop1-product-li li img {
		width: 80px;
	}
	.shop-col-left, .shop-col-right{
		
	}
	.product-m-earth{
		width: 310px;
		font-size: 28px;
		line-height: 35px;
		bottom: 50px;
	}
	.modal-dialog {
		width: 96%;
		margin: 10px auto;
	}
	.modal-content, .quick-v-inner-product {
		padding: 0;
	}
	.quick-v-inner-product img{
		width:100%;
	}

	.zip-in{
		width: 100px;
	}
	.quick-v-inner-description{
		margin-top:15px;
	}

	.text-shop1-h {
		padding: 0 0px;
	}
	.spring-fes-panel {
		padding: 40px 10px;
	}
	.f-box1{
		font-size: 16px;
	}
	.ability-text {
		margin-top: 10px;
		padding: 0 0px;
	}
	.col-festivalgear {
		width: 180px;
		margin: 0px 30px;
	}
	.before-co::before {
		width: 210px;
		height: 108%;
	}
	.shop-btn1 {
		padding: 5px 48px;
	}
	.before-web::before {
		height: 108.3%;
		width: 210px;
	}
	.earthdaycentral-col {
		width: 500px;
		margin: 0 auto 10px;
	}
	.shop-btn-4 {
		padding: 5px 25px;
		margin-top: 55px;
	}
	.earth-2-rslide{
		top: 17px;
		font-size: 20px;
	}
	#earth-pro-cl .shop-earth-c .list-inline > li{
		width:30%;
		margin-bottom:10px;
	}
	#earth-pro-cl .shop-earth-c .list-inline > li img{
		width:100%;
	}
	#earth-pro-cl .text-shop1-h h2, #earth-pro-cl .shop-earth-c h2 {
		font-size: 30px;
	}
	.shop-btn-3{
		padding: 10px 10px;
	}
	.product-m-text{
		width: 28%;
	}
	.shop-left-img img {
		height: auto;
	}
	#earth-festival-right-img{
		border-top: 2px solid #fff;
	}
	#naturally .modal-body{
		width: 530px;
		margin:0 auto;
	}
	.micro-title{
		top: 3px;
		margin-left: -297px;
	}
	.ability-text{
		margin-top: 15px;
		padding: 0 10px 0 0;
	}
	.spring-h{
		position:relative;
	}
}
@media(max-width:767px){
	.shop-col-left, .shop-col-right {
		width: 100%;
		float: none;
	}
	.sus-img01,.sus-img02, .sus-img03{
	height:auto;
}
	.sustain-h3-m h3{
		padding: 0 10px;
		font-size: 14px;
	}
	.sustain-h3-m::before {
		top: 15px;
	}
	.spring-h{
		position:relative;
	}
	.shop1-block .carousel-control{
		top: 51%;
	}
	.shop-col .product-name{
		font-size: 13px;
	}
	.ability-text{
		padding: 0 20px;
	}
	.f-box1{
	position:absolute;
	top:20%;
	left: 50%;
	margin-left: -125px;
}
	.padding-right-l{
		padding:0 0;
	}
	.footer-title h3{
		font-size:28px;
	}
	.overlay-col h3{
		font-size:23px;
		margin-top: 50px;
	}
	.micro-title {
		top: 8px;
		font-size: 28px;
		margin-left: -123px;
	}
	.sus-col-div01, .sus-col-div02, .sus-col-div03{
		width:100%;
	}
	.sus-col-div02, .sus-col-div03, .virtual-img .v-img1{
		margin:0;
	}
	.v-img1{
		    width: 100%;
	}
	.virtual-img .v-img1 h2 {
		font-size: 30px;
	}
	.ability-col .carousel-control img{
		width: 30px;
	}
	.ready-lg img {
		width: 260px;
	}
    #myCarousel .carousel-control img {
    width: 20px !important;
}
	#naturally-myCarousel .carousel-control, #ability-myCarousel .carousel-control, #solvent-myCarousel .carousel-control {
		top: 50%;
		height:55px;
		margin-top:20px;
	}
	.ability-col .carousel-control.left {
		left: 0;
	}
	.ability-col .carousel-control.right{
		right: 0;
	}
	.ability-text {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.ability-col .container-fluid{
		padding-right: 0;
		padding-left: 0;
	}
	.ability-col .ablitiy-panel{
		padding: 0;
	}
	.shop-col .product-name {
		margin-top: 0px;
		
	}
	#earth-pro-cl .product-name{
		font-size: 13px;
	}
	.shop-product-li, .shop-product-li01{
	   height: 550px;
	}
	.earth-center {
	   height: 350px;
	}
	#earth-festival-right-img{
		border-top: 2px solid #fff;
	}
	.earthdaycentral-col img {
		width: 300px;
		margin: 0 auto;
	}
	.shop-btn:hover{
		color:#000 !important;
	}
	.h-shop-p h2{
		font-size: 20px;
	}
	.shop-earth-c::before {
		right: 50%;
		width: 580px;
		height: 3px;
		background: #091d40;
		margin-right: -592px;
	}
	.shop1-product-li li{
		width:45%;
	}
	.shop1-product-li li img{
		width:100%;
	}
	#earth-pro-cl .text-shop1-h h2, #earth-pro-cl .shop-earth-c h2 {
		font-size: 24px;
	}
	header ul li a{
		font-size: 18px;
		margin: 25px;
	}
	.earthdaycentral-col {
		width: 290px;
		margin: 30px auto 30px;
	}
	.shop-btn-4 {
		padding: 1px 5px;
		margin-top: 25px;
	}
	.earth-2-rslide{
		top: 10px;
		font-size: 14px;
		width: 120px;
		left: 0px;
	}
	#earth-pro-cl .shop-earth-c .list-inline > li{
		width:40%;
		margin-bottom:10px;
	}
	#earth-pro-cl .shop-earth-c .list-inline > li img{
		width:100%;
	}
	#earth-pro-cl .text-shop1-h h2 {
		margin-top: 0;
	}
	.shop-btn-3 {
		padding: 5px 10px;
		margin-top: 10px;
	}
	.text-shop1-h{
		padding:0;
	}
	.modal-dialog {
		width: 310px;
		margin: 10px auto;
	}
	.modal-content, .quick-v-inner-product {
		padding: 0;
	}
	.quick-v-inner-product img{
		width:100%;
	}
	.shop1-product-li li {
		margin: 0;
	}
	.zip-in{
		width: 100px;
	}
	.quick-v-inner-description{
		margin-top:15px;
	}
	.modal-header .close{
		margin: 10px;
		right: -4px;
	top: -4px;
	}
	h2{
		font-size:20px;
	}
	.complete-look-c {
		padding: 0 0px;
	}
	.submit-locaion{
		padding: 0 20px;
	}
	.p-title{
		font-size:20px;
	}
	.btn-view{
		margin-left: -5px;
	}
	.quick-v-inner, .quick-v-inner-product-li{
		padding: 0;
	}
	.roadtrip-br img{
		width:100%;
	}
	.roadtrip-br::before {
		content: none;
	}
	.spring-fes-panel {
		padding: 0;
		margin-bottom: 15px;
	}
	.padding-right {
		padding-right: 15px;
	}
	.padding-left {
		padding-left: 15px;
	}
	.padding-0 {
		padding-right: 15px;
		padding-left: 15px;
	}
	.ability-col .modal-content {
		padding: 30px 0;
	}
	.shop1-product-li li{
		background:#fff;
		margin-bottom:5px;
	}
	.shop-pro-c ul {
		width: 100%;
		background: #fff;
		padding: 0 0 20px 0;
	}
	.spring-h h2{
		font-size: 24px;
	}
	.shop-pro-c::before {
		content: none;
	}
	.shop-btn {
		border: 1px solid #000;
		color: #000;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.before-co::before {
		width: 145px;
		height: 285px;
		background: #231f20;
	}
	.before-web::before {
		width: 145px;
		height: 285px;
		background: #231f20;
		top: 0;
	}
	.shop-left-img img, #earth-festival-right-img img {
		height: auto;
	}
	.shop-pro-c {
		width: 300px;
	 }
	.col-festivalgear {
		width: 127px;
		display: block;
		position: relative;
		margin:0 76px 40px auto

	}
	.shop-btn1{
		padding: 2px 19px;
	}
	.product-m-earth {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		margin-left: 0;
		background: rgba(255, 255, 255, 0.53);
		font-size: 18px;
		line-height: 25px;
		padding: 20px;
	}
	#earth-pro-cl .text-shop1-h h2{
		position: static;
	}
	.product-m-text{
		width: 68%;
	}
	.shop1-product-li, .shop1-product-li01{
		height: 780px;
	}
	.shop-btn{
		padding: 5px 11px;
	}
}


@media(min-width:520px) and (max-width:767px){
	.shop1-product-li li {
		width: 27%;
	}
	
	.shop-pro-c {
		width: auto;
	}
	.shop-pro-c::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 65px;
		background: #231f20;
	}
	.shop-pro-c ul {
	   padding: 0 0 00px 0;
	}
	.col-festivalgear {
		width: 120px;
		display: inline-block;
		position: relative;
		margin: 0 50px 40px;
		right: 10px;
	}
	.shop1-product-li, .shop1-product-li01 {
		height: 550px;
	}
	.shop1-product-li li {
		background: none;
		margin-bottom: 5px;
	}
	.shop-btn {
		border: 2px solid #fff;
		color: #fff;
		margin-top: 40px;
		margin-bottom: 10px;
	}
	.shop-btn:hover {
		color: #fff !important;
	}
	.shop-product-li, .shop-product-li01 {
		height: 650px;
	}
	.earthdaycentral-col {
		width: 500px;
	}
	.earthdaycentral-col img {
		width: 500px;
		margin: 0 auto;
	}
	.earth-2-rslide {
	top: 20px;
	font-size: 20px;
	left: 11px;
	width: 180px;
	}
	.shop-btn-4 {
		padding: 4px 25px;
		margin-top: 55px;
	}
	.product-m-earth{
		position: absolute;
		bottom: 21px;
		left: 50%;
		width: 43%;
		margin-left: 0;
		background: no-repeat;
		font-size: 16px;
		line-height: 25px;
		padding: 20px;
	}
	.before-web::before {
		height: 284px;
	}
	.btn-view {
		margin-left: 2px;
	}
	.product-m-text {
		width: 38%;
	}
	#earth-pro-cl .shop-earth-c .list-inline > li {
		width: 30%;
	}
	.earth-center {
		margin-top: 60px;
	}
	
}
@media(min-width:620px) and (max-width:767px){
	.product-m-earth{
		position: absolute;
		bottom: 21px;
		left: 50%;
		width: 43%;
		margin-left: 0;
		background: no-repeat;
		font-size: 22px;
		line-height: 32px;
		padding: 20px;
	}

}
@media(min-width:520px) and (max-width:767px){
	.responsive-xs-t{
		width:50%;
	}	
	.modal-dialog{
		width:100%;
	}
	.ability-text{
		padding: 0 5px;
	}
	.ability-text h3 {
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: bold;
	}
	#naturally-myCarousel .carousel-control, #ability-myCarousel .carousel-control, #solvent-myCarousel .carousel-control {
    top: 50%;
	
}
	.ability-col .carousel-control.left {
		left: -20px;
	}
		.ability-col .carousel-control.right {
		right: -20px;
	}
}