body{ 
    margin:0px; 
    font-family:'Poppins', sans-serif;
    font-size:14px; 
    background-color:#f2f2f2; 
    box-sizing: border-box; 
    -webkit-box-sizing: 
    border-box; 
    -moz-box-sizing: border-box;
    padding: 20px;
}
.main { background: #ffffff; }
.main-content{ margin: 0px auto; position:relative; float: left; width: 100%;}
.header-top {
    float: left; 
    width: 100%;
    padding: 40px 0;
    text-align: center;    
}
.header{
	float: left;
    position: relative;
    width: 100%;
    z-index: 2;
	padding: 0 0 65px;    
}
.header_content {
    
    width: 100%;
    height: 630px;
    background: url("../demo_image/header-bg.jpg") no-repeat center;
    display: inline-block; 
}
.header_content {
    margin: 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
   
}
.content { 
	margin:0 auto;	
	clear:both;
	overflow: hidden;
	width: 1200px;
}
.header-content {
    margin:0 auto;  
    clear:both;
    overflow: hidden;
    width: 1400px;
}
.bottom-logo {
	background: url("../demo_image/inner.png") no-repeat scroll center center;
	height: 50px;
	width: 100%;
	margin: 30px 0;
}
.footer_container {
	margin:0 auto;	
	clear:both;
	overflow: hidden;
}
.them-area-outer {
    text-align: center;
}
.theme-area{  
	margin:0px auto; 
	padding:0px; 
	clear: both;
	padding: 0 0 30px;
	display: inline-block;
	vertical-align: middle;
	width: 1200px;
}
#spinner {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url("../demo_image/ajax-loader.gif") 50% 50% no-repeat #fff;
}
.footer{
	height: auto;
	padding: 0px 0 0px;
    text-align: center;
	margin-top:0px;
	background: #000000;
    clear: both;
}
.footer_inner1_text {
    font-size: 30px;
    line-height: 42px;
}
.theme-1, .theme-2, .theme-3 {
    box-sizing: border-box;
    float: left;
    margin: 60px 0 0;
    position: relative;
    width: 100%;
}
.first_part {
    position: relative;
	width: 570px;
    float: right;
    padding: 10px;
}
.theme-2 .first_part { float: left; }
.third_part {
    color: #ffffff;
    background: #f78c24;
    font-size: 18px;
	display:block;
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 999;
	opacity: 0;
}
.theme-1 .third_part {
	border-width: 1px 2px 1px 0;
	border-style: solid;
	border-color: #f78c24;
    margin: 0 0 -2px -1px;
}
}
.button {
    bottom: 25px;
	position:relative;
    color: #fff;
    font-size: 13px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99;
}
.third_part .button {    
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    float: right;
	background: #000000;
    border: 1px solid #000000;
    color: #fff;
    margin: 8px 17px;
    padding: 8px 22px;
    bottom: 0;
    opacity: 1;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}
.third_part .button:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #000000;
}
.banner {
    float: left;    
    font-size: 38px;
    font-weight: 300;
    letter-spacing: 0.51px;    
    text-transform: capitalize;
    width: 100%;
    opacity: 1;
    margin-bottom: 45px;
    line-height: 45px;
}
.banner span{
    font-weight: 600;
}
.button-outer {
	display: block;
	opacity: 1;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
    float: left;
    width: 100%;
}
.feature-block {
    background: #f2f2f2;
}
.feature-block .them-area-outer {
    overflow: hidden;
    position: relative;
    padding: 0 20px;
    width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
}
.feature-item {
    float: left;
    width: 33.33%;
	min-height:370px;
	padding-top:30px;
}
.feature-description {
    margin: 0 80px;
	color:#acacac;
}

.feature-block h2 {
    font-weight: 400;
    font-size: 50px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
	line-height:50px;
	margin-bottom:0;
}
.feature-image img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.feature-image {
    box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 5px 8px 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:0 5px 8px 1px rgba(0, 0, 0, 0.15);
    display: inline-block;
    transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	margin-bottom:20px;
}
.theme_part:hover .feature-image {
    transform: translate3d(0px, -6px, 0px);
	-webkit-transform: stranslate3d(0px, -6px, 0px);
	-ms-transform:translate3d(0px, -6px, 0px);
	-o-transform:translate3d(0px, -6px, 0px);
	-moz-transform:translate3d(0px, -6px, 0px);
    transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	box-shadow:0 18px 45px 18px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 18px 45px 18px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:0 18px 45px 18px rgba(0, 0, 0, 0.15);

}
.title-feature{font-size:20px; overflow-wrap:break-word; margin:10px 0;}
.feature-block .them-area-outer .title {padding: 60px 0 18px;}
.them-area-outer .title {	
	font-size: 40px;
	line-height: 40px;
	text-transform: uppercase;
    color: #000000;
    margin: 0;
    padding: 30px 0 18px;
	letter-spacing: 1px;
	font-weight: 600;
}
.theme_parts{min-height:645px;}
.theme-1 .theme_parts .second_part .button:hover{ 
    background-color: #000000;
    color: #ffffff;
    border: 2px solid #000000;
}
.theme-2 .theme_parts .second_part .button:hover{
    background-color: #000000;
    color: #ffffff;
    border: 2px solid #000000;
}
.theme-3 .theme_parts .second_part .button:hover{
    background-color: #969696;
    border: 2px solid #969696;
}
.theme_parts:hover .first_part .image-shop-scroll > img{opacity: 1;}
.second_part .button {
	display: inline-block;
	text-decoration: none;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
    line-height: 24px;
    letter-spacing: 1.2px;
    padding: 9px 25px;
    border: 2px solid #2fad4a;
    border-radius: 5px;
    background : #2fad4a;
}
.theme-2 .second_part .button { background: #af996b; border: 2px solid #af996b; }
.theme-3 .second_part .button { background: #3d3d3d; border: 2px solid #3d3d3d; }
.second_part .button-outer-2 .button:hover{background: #ffffff;color: #000000;border-color:#000000;}
.third_part .versions {
    color: #acacac;
    font-size: 14px;
    margin-bottom: 15px;
	opacity:1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	 transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}
.second_part img {
    left: 0;
    position: absolute;
    top: 0;
	right:0;
	margin-left:auto;
	margin-right:auto;
    transition-duration: 5s;
	-webkit-transition-duration: 5s;
	-moz-transition-duration: 5s;
	-ms-transition-duration: 5s;
	-o-transition-duration: 5s;
	max-width: 100%;
}
.second-wrapper{
	display: block;
	position: relative;
	border: 1px solid #efefef;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.second_part {
    display: block;
    vertical-align: middle;
    width: 35%;
    bottom: 0;
    height: 100%;
    float: left; 
}
.second-content { 
    float: left; 
    position: absolute; 
    bottom: 40%; 
    left: 10%; 
}
.theme-1 .second-content, .theme-3 .second-content {
    text-align: left;
}
.theme-2 .second-content {
    text-align: right;
}
.theme-2 .second-content { float: left; position: absolute; bottom: 35%; left: unset; right: 10%;}
.image-shop-scroll {
    min-height: 642px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    box-shadow: 0px 1px 10px 3px rgba(0,0,0,0.1);
}
.image-shop-scroll > img{  
	left: 0;
	right: 0px;
    margin: 0 auto;
    padding:0;
    position: absolute;
    text-align: center;
    top: 0;
    /*transition-duration:10s;*/
    box-sizing: border-box;
}
.fix-image .image-shop-scroll {
    background-color: #ffffff;
    background-position: center 0;
    background-repeat: no-repeat;
	display:block;
}
.fix-image .image-shop-scroll {
    transition: all 5s ease-out 0s;
	-webkit-transition: all 5s ease-out 0s;
	-moz-transition: all 5s ease-out 0s;
	-ms-transition: all 5s ease-out 0s;
	-o-transition: all 5s ease-out 0s;
}
.title {
   	color: #000000;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 50px;
    margin: 0;
    padding: 46px 0;
    text-transform: capitalize;
    display: block;
}
.container-width{width:1180px; margin:0 auto; }
.second_outer {
    position: relative.content-left .second.content-left .second	width:100%;
    width: 100%;
    float: left;
	text-align:center;
    padding: 0 50px;
    margin-top: 70px;
    box-sizing: border-box;
}
.second_content.container-width{text-align:center;}
.media-img{position: relative;margin-bottom:70px;}

.content-left .first, .categories .first {
    font-size: 50px;
    line-height: 66px;
    text-transform: capitalize;
    margin-bottom: 15px;
    letter-spacing: 0.1px;
    font-weight: 200;
	color: #000000;
}
.content-left .first { margin-top: 60px; margin-bottom: 20px; }
.content-left .first span{
    font-weight: 500;
}
.content-left .second {
    width: 100%;
    float: left;
    margin-top: 65px;
	font-size: 32px;
    line-height: 38px;
    font-weight: 800;
	text-transform: capitalize;
	letter-spacing: -0.24px;	
	color: #000000;
}
.content-button {
    display: block;
    margin: 35px 0 25px;
    position: relative;
    float: left;
    width: 100%;
}
.about-author {
    width: 100%;
    float: left;
    margin: 20px 0;
}
.about-author span {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.2px;
    color: #000;
    font-weight: 400;
    text-transform: capitalize;
    padding-top: 8px;
    padding-bottom: 8px;
}
.button_purchase{ margin: 20px 0; }
.responsive-img{ position: relative; }
.heading-text { 
	padding: 100px 0px 40px;  
    box-sizing:border-box;
}
.heading-text .first {	
    font-size: 34px;
    line-height: 40px;
    text-transform: uppercase;    
    letter-spacing: 1.4px;
    font-weight: 300;
}
.heading-text .first::before{
    background: url("../demo_image/header-divider.png") no-repeat scroll center center;
    content: "";
    height: 40px;
    left: 33%;
    position: absolute;
    right: auto;
    width: 79px;
    z-index: 7;
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
} 
.heading-text .first::after{
    background: url("../demo_image/header-divider.png") no-repeat scroll center center;
    content: "";
    height: 40px;
    left: auto;
    position: absolute;
    right: 33%;
    width: 79px;
    z-index: 7;
}
.footer_inner {
    font-size: 13px;    
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 24px;
    padding-top: 16px;
    padding-bottom: 18px;
    position: relative;
	color:#ffffff;
	text-transform: capitalize;
}
.footer_inner span{text-transform:uppercase; }
.footer_inner > a{
	font-size: 13px;
    letter-spacing: 1.2px;
    line-height: 24px;
    position: relative;
    font-weight: 400;
	color:#ffffff;
	text-decoration:none;	
}
.footer_inner > a:hover, .footer_inner > a:focus{
	color: #2fad4a;
}
.button_purchase a{
    background: #2fad4a;
    color: #ffffff;
    padding: 9px 25px;
	text-transform: uppercase;
	border: 2px solid #2fad4a;	
	font-size: 12px;
    line-height: 24px;
	font-weight: 600;
	letter-spacing: 1.2px;
	text-decoration:none;
	display: inline-block;
    border-radius: 5px;
}
.button_purchase a:hover {
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}
.theme-area-outer{overflow:hidden; text-align:center;}
.theme_desc{text-align:center; margin:50px 0px 0px;}
.theme_desc p {
    color: #000;    
    font-size: 21px;
    letter-spacing: 2px;
    margin: 5px 0 0;
    text-transform: uppercase;
	font-weight:300;
}
.theme_desc h3 {
    color: #000;
    font-size:34px;
    letter-spacing: 3px;
    margin: 0;
    text-transform: uppercase;
}
.categories {
    border-top: 1px solid #e1e1e1;
    margin: 0 0 57px;
    padding-top: 60px;
    position: relative;
}
.content-review-text .bottom{ 
	width: 100%; 
	text-align: center;
	font-size: "Open Sans";
	font-size: 28px;
	color: #000000;
}
.content-review-text > a { 
	width: 100%; 
	float: left; 
	text-align: center; 
	text-decoration: none; 
	padding-bottom: 50px; 
	margin-bottom: 40px; 
	background: url("../demo_image/Star.png") no-repeat scroll center 40px;
}
/*------------------------------------------------------Bestselling block starts here---------------------------------------------------------------*/
.best-selling {
	text-align: center;
	margin-bottom: 80px;
	margin-top: 30px;
}
.content-bottom-slider { float: left; width: 100%; background: #f5f5f5; padding: 20px 0 50px 0;position: relative;margin-top: 150px;}
.bestseller-slider{position:relative;padding-top:0;padding-bottom: 0; }
.bestseller-slider-inner{max-width: 1600px;margin:0 auto;}
.best-selling-img{position: absolute;top:0;}
.best-selling-img img{float: left;}
.best-selling-title {font-size: 34px; line-height: 40px; text-transform: uppercase; letter-spacing: 1.4px; font-weight: 300;}
.owl-dots .owl-dot > span{display: none;}
.owl-next > span, .owl-prev > span{font-size: 55px;}
.owl-dots{counter-reset: number;}
.owl-dots>.owl-dot{counter-increment: number;}
.owl-dots::after {content: counter(number);margin-left:9px;}
.owl-dot.active:before{content:counter(number)" ""of";position: relative;display: inline-block;color: #000;}
.owl-dot.active:before,.owl-dots::after {font-size: 22px;font-weight: 600;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span,.owl-theme .owl-dots .owl-dot span{background-color: transparent;width: 0;height: 0;margin:0;}
.owl-theme .owl-nav [class*=owl-]:hover{background: transparent;color :#000000;}
.owl-theme .owl-dots .owl-dot{position: relative;}
.owl-theme .owl-nav{position: relative;margin-top: 30px;}
.owl-carousel .owl-nav button.owl-prev{left: 40%;}
.owl-carousel .owl-nav button.owl-next{right: 40%;}
.owl-carousel .owl-nav button[class^="owl-"]{position: absolute;top:-30px;}
.owl-stage-outer .item{padding: 10px;}
.sale-content span.sale {display: inline-block;}
.sale-content,.sale-content span.sales-title,.sale-content span.sales-price,.new-content{position: absolute;}
.sale-content{top: 0;right:15%;z-index: 1;}
.sale-content span.sales-title,.sale-content span.sales-price{
	position: absolute;
    z-index: 100000000;
    line-height: 46px;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
}
.sale-content span.sales-title {
	left: -120px;
	top: 39px;
	transform: rotate(-10deg);
}
.sale-content span.sales-price {
	left: -111px;
	top: 58px;
	transform: rotate(-11deg);
}
.sale-content-inner{position: relative;}
.sale {
	background-image: url('../../demo/demo_image/sale.png');
	color: #ff0000;
	height: 110px;
	position: absolute;
	right: 40px;
	top: 0px;
	width: 115px;
	z-index: 100000;
}
.purchase-now-shop a {
    display: inline-block;
    text-decoration: none;
    position: absolute;
    top: 45%;
    left: 0;
    right:0;
    margin:0 auto;
    width: 60px;
    padding: 10px 20px;
    background-color: #2fad4a;
    border: 2px solid #2fad4a;
    border-radius: 5px;
    color: #ffffff;
    opacity: 0;
}
.purchase-now-shop a:hover{background-color: #000000; border-color: #000000;}
.owl-stage-outer .item .slide-image{position: relative; box-shadow: 0px 1px 8px 4px rgba(0,0,0,0.1); padding: 10px;}
.purchase-now-shop{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.owl-stage-outer .item .slide-image:hover .purchase-now-shop{background-color: rgba(0,0,0,0.5);}
.owl-stage-outer .item .slide-image:hover .purchase-now-shop a{opacity: 1;}
.item .title-box{display: inline-block;width: 100%;padding:10px 0;margin-top: 10px;display: none;}
.new-content{z-index: 1;top: 10px;left: 9px;width: 17%;}
.collection-btn{text-align: center;margin-top: 30px;}
.collection-btn>div{display: inline-block;}
.collection-btn a{
    text-decoration: none;
    padding: 10px;
    display: block;
    border-radius: 5px;
    border: 2px solid #2fad4a;
    color: #ffffff;
    background: #2fad4a;
    font-size: 12px;
    font-weight: 600;
    padding: 9px 25px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    line-height: 24px;
}
.collection-btn a:hover{background: #000000; color: #ffffff; border-color: #000000;}
/*------------------------------------------------------Bestselling block Ends here---------------------------------------------------------------*/
@media (min-width: 1600px) and (max-width: 1799px){	
	.bestseller-slider-inner{max-width: 1450px;}
	.best-selling-img img{width: 170px;}
}
@media only screen and (max-width: 1599px){
	.feature-block .them-area-outer{width:100%;}
	.item .title-box{text-align:center;}
	.shop-title{font-size:15px; width:100%; float:none;}	
}
@media (min-width: 1241px) and (max-width: 1599px){
    .header-content{width: 1200px;}
	.content, .theme-area, .bestseller-slider-inner { width: 1150px; }
	.first_part{ background-size: contain;}
	.image-shop-scroll{ margin: 0; width:100%;}
	.image-shop-scroll > img { width: 100%;}
    .theme-1, .theme-2, .theme-3 { margin: 50px 0 0; }
	.button-outer{top:43%;}
	.best-selling-img img{width: 170px;}
	.sale-content{width: 100px;}
	.sale-content span.sales-title, .sale-content span.sales-price{font-size: 15px}
	.sale-content span.sales-title{left: 33px;top: 32px;}
	.sale-content span.sales-price{left: 43px;top: 46px;}
    .new-content{top: 11px;left: 10px;}    
    .second-content { left: 5%; }
    .theme-2 .second-content { right:  5%; }
    .heading-text .first::before{display: none;}
    .heading-text .first::after{display: none;}
}
@media (min-width: 992px) and (max-width: 1240px){
    .header-content{width: 960px;}
	.content, .theme-area, .bestseller-slider-inner { width: 960px; }
    .second_content.container-width { width: auto; }
    .header_content { height: 500px; }
    .second_outer { margin-top: 0px; }
    .content-left .first { margin-top: 35px; margin-bottom: 15px; }
    .content-button { margin: 25px 0; }
    .button_purchase { margin: 20px 0 10px; }
    .header { margin: 0; padding: 0;}
    .first_part, .second_part { width: 100%; float: left; }    
    .second-content, .theme-2 .second-content { position: relative; width :100%; right: 0; left: 0; float: left; margin: 30px 0 0 0; }
    .theme-1 .second-content, .theme-3 .second-content{text-align: center;}
    .theme-2 .second-content{text-align: center;}
    .banner { margin-bottom: 20px; }
    .image-shop-scroll { width: 570px; }
    .heading-text{ padding: 60px 0 0;}
    .heading-text .first::before{display: none;}
    .heading-text .first::after{display: none;}
    .content-bottom-slider{margin-top: 30px;}    
}
@media (min-width: 768px) and (max-width: 991px){
    .header-content{width: 730px;}
	.theme-area, .container-width, .content {width:730px;}
    .bestseller-slider-inner { max-width: 740px; }
    .header_content { height: 450px; }
    .header { margin: 0; padding: 0;}
    .theme-1, .theme-2, .theme-3 { margin: 40px 0 0; }
    .theme-area { box-sizing: border-box; padding: 0 20px; }
    .first_part, .second_part { width: 100%; float: left; padding: 0;}    
    .second-content, .theme-2 .second-content { position: relative; width :100%; right: 0; left: 0; float: left; margin: 50px 0 0 0; }
    .theme-1 .second-content, .theme-3 .second-content{text-align: center;}
    .theme-2 .second-content{text-align: center;}    
    .image-shop-scroll > img { width: 100%; }
    .owl-carousel .owl-nav button[class^="owl-"] { top: -34px; }
    .owl-carousel .owl-nav button.owl-next { right: 36%; }
    .owl-carousel .owl-nav button.owl-prev { left: 36%; }
    .owl-stage-outer .item { padding: 10px; }
    .second_outer { padding: 0; margin-top: 0; }
    .content-left .first { margin-top: 40px; margin-bottom: 10px; font-size: 45px; }
    .content-left .second{font-size: 28px; line-height: 30px; margin-top: 45px;}
    .content-button { margin: 20px 0; }
    .button_purchase { margin: 10px 0; }
    .heading-text{ padding: 40px 0 0;}
    .content-bottom-slider { margin-top: 50px; }
    .heading-text .first::before{display: none;}
    .heading-text .first::after{display: none;}
    .banner{font-size: 30px; line-height: 38px; margin-bottom: 25px;}    
}
@media (min-width: 641px) and (max-width: 767px){
    .header-content{width: auto;}
    .content, .theme-area, .container-width { width: auto; }
    .bestseller-slider-inner { max-width: 640px; }
    .theme-area { display: block; }
	.header .bg { height: 400px; }
    .header_content { height: 380px; }
    .header { margin: 0; padding: 0;}
    .theme-1, .theme-2, .theme-3 { margin: 40px 0 0; }
    .theme-area { box-sizing: border-box; padding: 0 20px; }
    .first_part, .second_part { width: 100%; float: left; padding: 0;}    
    .second-content, .theme-2 .second-content { position: relative; width :100%; right: 0; left: 0; float: left; margin: 30px 0 0 0; }
    .theme-1 .second-content, .theme-3 .second-content{text-align: center;}
    .theme-2 .second-content{text-align: center;}    
    .image-shop-scroll > img { width: 100%; }
    .image-shop-scroll { min-height: 500px; }
    .owl-carousel .owl-nav button[class^="owl-"] { top: -34px; }
    .owl-carousel .owl-nav button.owl-next { right: 33%; }
    .owl-carousel .owl-nav button.owl-prev { left: 33%; }
    .owl-stage-outer .item { padding: 24px 20px 30px; }
    .second_outer { padding: 0; margin: 0; }
    .content-left .first { margin-top: 30px; margin-bottom: 10px; font-size: 38px; line-height: 50px; }
    .content-left .second { font-size: 20px; line-height: 24px; margin-top: 25px;}
    .content-button { margin: 35px 0; }
    .button_purchase { margin: 0; }
    .heading-text .first { font-size: 35px; line-height: 40px; }
    .heading-text{ padding: 25px 0 0;}
    .theme-1 { margin: 25px 0 0 0; }
    .theme-2, .theme-3 { margin: 50px 0 0 0; }
    .banner { font-size: 30px; line-height: 40px; margin-bottom:  20px; }
    .second_part .button { line-height: 20px; }    
    .new-content { left: 19px; top: 23px; }
    .best-selling { margin-bottom: 30px; } 
    .best-selling-title{font-size: 24px;}
    .content-bottom-slider{margin-top: 30px;}   
    .heading-text .first::before{display: none;}
    .heading-text .first::after{display: none;}    
}
@media (min-width: 481px) and (max-width: 640px){
    .header-content{width: auto;}
    .content, .theme-area, .container-width { width: auto; }
    .theme-area { display: block; }
    .header .bg { height: 400px; }
    .header_content { height: 380px; }
    .header { margin: 0; padding: 0;}
    .theme_parts{min-height: 575px;}
    .theme-1, .theme-2, .theme-3 { margin: 40px 0 0; }
    .theme-area { box-sizing: border-box; padding: 0 20px; }
    .first_part, .second_part { width: 100%; float: left; padding: 0;}    
    .second-content, .theme-2 .second-content { position: relative; width :100%; right: 0; left: 0; float: left; margin: 30px 0 0 0; }
    .theme-1 .second-content, .theme-3 .second-content{text-align: center;}
    .theme-2 .second-content{text-align: center;}    
    .image-shop-scroll > img { width: 100%; }
    .image-shop-scroll { min-height: 400px; }
    .owl-carousel .owl-nav button[class^="owl-"] { top: -34px; }
    .owl-carousel .owl-nav button.owl-next { right: 25%; }
    .owl-carousel .owl-nav button.owl-prev { left: 25%; }
    .owl-stage-outer .item { padding: 24px 20px 30px; }
    .second_outer { padding: 0; margin-top: 0; margin: 35px 0; }
    .content-left .first { margin-top: 20px; margin-bottom: 10px; font-size: 28px; line-height: 35px; }
    .content-left .second { font-size: 18px; line-height: 24px; margin-top: 25px;}
    .content-button { margin: 25px 0; }
    .button_purchase { margin: 0; }
    .heading-text .first { font-size: 30px; line-height: 40px; margin-bottom: 0; }
    .heading-text{ padding: 25px 0 0;}
    .theme-1, .theme-2, .theme-3 { margin: 25px 0 0 0; }
    .banner { font-size: 35px; line-height: 35px; margin-bottom:  30px; }
    .second_part .button { line-height: 20px; }
    .new-content { left: 19px; top: 24px; }    
    .best-selling { margin-bottom: 0; margin-top: 0; }
    .best-selling-img img{width: 110px;}
    .best-selling-title{font-size: 20px;}
    .owl-theme .owl-nav { margin-top: 0; }
    .content-bottom-slider{margin-top: 30px;}
    .heading-text .first::before{display: none;}
    .heading-text .first::after{display: none;}   
}
@media only screen and (max-width: 480px){
    .header-content{width: auto;}
    .content, .theme-area, .container-width { width: auto; }
    .theme-area { display: block; }
    .header .bg { height: 400px; }
    .header_content { height: 360px; }
    .header { margin: 0; padding: 0;}
    .theme-1, .theme-2, .theme-3 { margin: 40px 0 0; }
    .theme-area { box-sizing: border-box; padding: 0 20px; }
    .first_part, .second_part { width: 100%; float: left; padding: 0;}    
    .second-content, .theme-2 .second-content { position: relative; width :100%; right: 0; left: 0; float: left; margin: 30px 0 0 0; }
    .theme-1 .second-content, .theme-3 .second-content{text-align: center;}
    .theme-2 .second-content{text-align: center;}    
    .image-shop-scroll > img { width: 100%; }
    .image-shop-scroll { min-height: 300px; }
    .owl-carousel .owl-nav button[class^="owl-"] { top: -34px; }
    .owl-carousel .owl-nav button.owl-next { right: 15%; }
    .owl-carousel .owl-nav button.owl-prev { left: 15%; }
    .owl-stage-outer .item { padding: 24px 20px 30px; }
    .second_outer { padding: 0; margin-top: 0; margin: 28px 0;}
    .content-left .first { margin-top: 12px; margin-bottom: 10px; font-size: 25px; line-height: 40px; }
    .content-left .second { font-size: 15px; line-height: 20px; margin-top: 20px;}
    .content-button { margin: 20px 0; }
    .button_purchase { margin: 0; }
    .heading-text .first { font-size: 20px; line-height: 28px; margin-bottom: 0; }
    .heading-text{ padding: 25px 0 0;}
    .theme-1, .theme-2, .theme-3 { margin: 25px 0 0 0; }
    .banner { font-size: 20px; line-height: 28px; margin-bottom:  20px; }
    .second_part .button { line-height: 20px; }    
    .button_purchase a { line-height: 18px; }
    .theme_parts { min-height: 450px; }
    .content-bottom-slider { margin-top: 20px; }
    .best-selling { margin-bottom: 30px; margin-top: 30px; }
    .best-selling-img img{width: 100px;}
    .best-selling-title{font-size: 15px;}
    .new-content { top: 24px; left: 19px; }
    .owl-theme .owl-nav { margin-top: 0; }
    .heading-text .first::before{display: none;}
    .heading-text .first::after{display: none;}
}