@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 1370px){
	.outer_box{
		width: 1360px;
    float: none;
    margin: 0 auto;
	}
}

@media only screen and (max-width: 1280px){
	.box_wrapper {
	  width: 97%;
	}
	
	.box_group_wrapper {
	  width: 97%;

	}
.Shop_btn {
    border: 1px solid #fff;
    bottom: 97px
	}
}

@media only screen and (max-width: 1120px){
	.box_group_wrapper {
	  width: 100%;
	}
	.topic-two {
    background-image: url("images/heart.png");
    margin-left: 0;
}
.Shop_btn {
    border: 1px solid #fff;
    bottom:40px
	}	
	
}

@media only screen and (max-width: 1024px){
	/*== product page ==*/
	.product .col-md-3 {
    width: 32.6%;
    float: left;
	}
.pic_bg2 {
    float: left;
    height: 185px;
    margin: 0 20px;
    width: 28.4%;
	position: relative;
}	
.topic-two {
    background-image: url("images/heart.png");
    margin-left: 0;
}	
}

@media only screen and (max-width: 1003px){
	.pro_right {
    max-width: calc(60% - 93px);
	}
.navbar-default .navbar-nav > li > a {
     font-size: 13px;
    padding-left: 19px;
    padding-right: 15px;
    text-transform: lowercase;
}	
.navbar-brand {
     height: auto;
    margin-top: 20px;
    padding: 0;
    width: 210px;
}
.navbar-brand img {
    height: auto;
    padding:0px;
    width:100%;
}
.topic-two {
    background-image: url("images/heart.png");
    margin-left: 0;
}	
}

@media only screen and (max-width: 960px){
	.box_1 {
    height: 307px;
	}
	.col-sm-2 {
	  width: 25%;
		margin-bottom: 25px;
	}
.navbar-default .navbar-nav > li > a {
    font-size: 13px;
    padding-left: 19px;
    padding-right: 10px;
    text-transform: lowercase;
}
.box_1	p {
    height: 134px;
    margin: 0 0 10px;
    overflow: hidden;
}
}

@media only screen and (max-width: 800px){
	.col-sm-2 {
	  width: 33.3%;
	}	
	.left_nav{
		display: none;
	}

	/*== wishlist page ==*/
	.right_col{
		width: 100%;
	}

	/*== order page ==*/
	.detail_box .left_col {
    width: 63%;
	}
	.product_detail {
    width: 57%;
  }
	.detail_box .right_col {
    width: 36%;
    margin: 0px 0 0 0px;
	}

}

@media only screen and (max-width: 768px){
/*.navbar {
    display: none;
    height: 104px;
    position: static;
}*/
	.topics{ width:95%;}
	
	.navbar-brand {
    height: auto;
    padding: 0;
    width: auto;
}
.navbar-inverse {
    float: left;
    margin-bottom: 15px;
    position: absolute;
    right: 50px;
    top: 3px;
    width: 190px;
}	
.navbar-inverse li{
	display: inline-block;
	width: auto;
	}
	
.story .left_col {
    background-image: url("images/story_left-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
}
.story .right_col {
    float: left;
    position: relative;
    width: 100%;
}
.carousel-caption {
    left: 4%;
    padding-bottom: 30px;
    right: 20%;
    top: 10%;
}	
.Shop_btn {
    top: 72%;
	}
	
.pic_bg {
    height: 185px;
    margin: 0 auto;
    width: 50%;
	float: none;
}
	
.detail {
     height: 80px;
    overflow: hidden;
    width: 100%;
}
.pic_bg2 {
    background-repeat: no-repeat;
    float: none;
    height: 185px;
    margin: 25px auto;
    width: 50%;
}
.col-sm-6 {
    width: 100%;
}	
.pic_bg3 {
    background-repeat: no-repeat;
    float: none;
    height: 185px;
    margin: 0 auto;
    width: 50%;
}
	
.thumb {
    display: inline-block;
    height: 247px;
    margin-bottom: 130px;
    margin-right: 25px;
    width: 214px;
}
.main_text {
    color: #fff;
    float: left;
    font-family: "Sacramento",cursive;
    font-size: 35px;
}	
.carousel-caption {
    left: 18%;
    padding-bottom: 30px;
    right: 20%;
    top: 25%;
}
.Shop_btn {
    left: 13%;
    top: 56%;
}
.story .left_col, .story .right_col  {
	height: auto;
}
	
@media only screen and (max-width: 767px){
	.thumb {
    display: inline-block;
    height: 247px;
    margin-bottom: 130px;
    margin-right:18px;
    width: 214px;
}
	
.story .left_col {
    background-image: url("images/story_left-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
}
	.box_1 {
	 /* background-color: #e8e8e8;*/
	  width: 100%;
	}
	.box_2 {
	 /* background-color: #015256;*/
	}
	.box_3{
	 /* background-color: #fbfde8!important;*/
	}
	.col-sm-2 {
	  float: left;
	}
	.footer_panel .container .col-xs-6{
		width: 50%;
		}

	/*== for product detail page ==*/
	.pro_left {
    width: 100%;
	}
	.pro_right {
	  width: 100%;
	  max-width: 100%;
    margin-top: 10px;
	}
}

@media only screen and (max-width: 640px){
	.detail_box .left_col {
    width: 100%;
	}
	.detail_box .right_col {
    width: 100%;
    float: left;
    margin: 10px 0 0 0px;
    padding: 5px 15px;
    background-color: #f9f6e7;
	}
.pic_bg , .pic_bg2, .pic_bg3{
    width: 60%;
}	
.carousel-caption {
    left: 18%;
    padding-bottom: 30px;
    right: 20%;
    top: 10%;
}	
	
}

@media only screen and (max-width: 568px){
	.news {
    display: block;
    height: auto;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}
	.carousel-caption {
    left: 9%;
    padding-bottom: 30px;
    right: 20%;
    top: 20%;
}
.Shop_btn {
    left: 13%;
    top: 77%;
}	
.topic-two {
    margin-left: 0;
}
	.topics{ width: 90%;}	
	.col-sm-2 {
    width: 50%;
	}	
	
.news_div {
    display: inline-block;
    float: none;
    margin: 0 auto;
    width:374px;
}	
.pic_bg, .pic_bg2, .pic_bg3 {
    width: auto;
}	

	/*== wishlist page ==*/
	.item_row .left_box {
    width: 100%;
  }
	.item_row .right_box {
    width: 100%;
  }
	.item_detail {
    width: calc(100% - 134px);
  }
  .left_box{
    margin-bottom: 15px;
  }
	.title_txt {
	  margin-bottom: 10px;
	}

	/*== product page ==*/
	.product .col-md-3 {
    width: 48.6%;
  }

	/*== user_account page ==*/
  .frm_wrap {
    width: 100%;
    min-width: auto; 
  }
  .frm_row .txt {
    width: 74%;
  }

	/*== order page ==*/
	.head_box .rightBtn_col {
	    width: 100%;
	    float: left;
	    margin: 0px 14px 14px;
	    text-align: left;
	}
	.product_detail {
    width: 60%;
  }
}

@media only screen and (max-width: 480px){
	
	.box_1 p{
		 height: 100px;
    overflow: hidden;
    text-align: left;
		
	}
	
	.box_3 p , .box_4 p{
		text-align:right;
		
	}
	
	
.box_3 h3 , .box_4 h3{
  text-align:right !important;

}
	
.box_1 .btn-default {
	float: left;
	margin: 0;
}
	
	
.box_3 .btn-default {
    float: right;
    margin: 0;
}

.box_4 .btn-default {
    float: right;
    margin: 0;
}
	
	.box_1 h3 {
		text-align: left;
}
	.box_1 {
	    background-image: none;
	    text-align: center;
	}
	.footer_panel .container .col-xs-6{
		width: 100%;
	}

	/*== user_account page ==*/
  .frm_row .txt {
    width: 100%;
    margin-top: 8px;
	}
	.frm_row {
	  margin: 10px 0 0;
	}

	/*== order page ==*/
	.detail_box .left_col {
    width: 100%;
  }
	.product_detail {
	  width: 58%;
	}

	/*== wallet page ==*/
	.wallet_box .wllt_right {
    width: 100%;
  }
	.wallet_box .price {
    float: left;
  }
.Shop_btn {
    display: none;
    left: 13%;
    top: 77%;
}
.carousel-caption {
    left: 20%;
    padding-bottom: 30px;
    right: 20%;
    top: 30%;
}	
}

@media only screen and (max-width: 420px){
	.col-sm-2 {
    width: 100%;
	}		
	.ads>.row>div {
	  width: 100%;
	}

	/*== product page ==*/
	.product .col-md-3 {
	  width: 95.6%;
	}

	/*== order page ==*/
	.product_detail {
    width: 100%;
    padding: 0 15px;
    margin: 15px 0 0;
	}

	.product_img {
    width: 92%;
    margin: 0 15px;
    text-align: center;
	}
	.product_box {
    margin: 0 auto;
	}

	/*== for product details page ==*/
	.pro_info .chkFrm {
    width: 100%;
	}
	.pro_info .chkFrm input {
    margin-bottom: 20px; 
	}
	.proDetails_wrap .thumb_img {
	    width: 100%;
	}
	.proDetails_wrap .thumb_img ul li {
	    width: 18.5%;
	    display: inline-block;
    	min-width: 70px;
	}
	.proDetails_wrap .main_img {
	    width: 96.5%;
	    margin: 0 10px;
	}
	.pro_left {
	    min-width: auto;
	     overflow: hidden;
	
	}
	.pro_info .speclist {
	    margin: 20px 0 0px 20px;
	}
	.pro_right {
	    overflow: hidden;
	}
.news_div {
    display: inline-block;
    float: none;
    margin: 0 auto;
    width: 300px;
}
	.main_text {
    color: #fff;
    float: left;
    font-family: "Sacramento",cursive;
    font-size: 20px;
}
}