﻿
/** ****************** Default ******************************************************/

	.contentsectionfit{
		display:block;
		padding:0 10px 10px 10px;
		width:100%;
	}

	.mainbanner {
		display:block;
		width:100%;
		/* border-top: 1px solid #ff8000; */
		/* margin-top:42px; */
		/* float:right; */
	}
	.welcome-text {
			font-size: 0.9em;
			line-height:1.3em;
			margin: 0.7em 0;
	 }
	 .welcome-text a{
		text-decoration: none;
		color:#999;
	 }
	 .welcome-text a:hover{
		text-decoration: underline;
		
	 }
	 .welcome-text .bold-text{
		font-weight:bold;
	 }
	 .top-brands {
		padding: 3px 10px;
		margin: 20px 0 20px 0;
		border-bottom: 2px solid #ddd;
		
	 }
	.brand-list-box{
		display: inline-block;
		vertical-align: top;
		width: 110px;
		padding: 12px;
	}
	.brand-list-box img {
		width:100%;
	}

	.upper-header-special-banner{
		display: block;
		width: 100%;
		max-width: 1000px;	
	}

	.home-section-header{
		/* border-bottom: solid 1px #A0A0A0;  */
		font-size:1.3em;
		font-weight:bold;
		text-transform: uppercase;
		margin: 8px 0;
	}
	.home-section-bottom-text {
		padding: 0.6em 0.8em 0 0.8em;
		color: #66f;
	}
	.home-section-bottom-text a {
		text-decoration:none;
		color: #0005e0;
		font-size: 0.9em;
		text-transform: uppercase;
	}
	.home-section-bottom-text a:hover {
		text-decoration: underline;
	}
	.special-deal-box{
		border: 10px solid #ff0000;
		margin-top: 0.5em;
	}
	.special-deal-box img{
		width:100%;
	}
	.home-bestselling-box{
		/*
		border-top: 6px solid #aaa;
		border-bottom: 6px solid #aaa;
		border-left: 1px solid #aaa;
		border-right: 1px solid #aaa;
		*/
		border-bottom: 1px solid #ddd;
	}
	.home-newitem-box{
		/*
		border-top: 6px solid #36aa36;
		border-bottom: 6px solid #36aa36;
		border-left: 1px solid #36aa36;
		border-right: 1px solid #36aa36;
		*/
		border-bottom: 1px solid #ddd;
	}
	.welcome-motto{
		
		/* border-bottom: solid 1px #A0A0A0;  */
		padding: 0.7em;
		margin: 0 0 20px 0;
		color:#555;
		/* background-color:#e5e5e5; */
		border-bottom: solid 1px #DDD; 
	}
	.top-deal-header{
		/* border-bottom: solid 1px #A0A0A0;  */
		padding: 3px 10px;
		color:#fff;
		background-color:#ff0000;
		margin-bottom:0;
	}
	.bestselling-header{
		/* border-bottom: solid 1px #A0A0A0;  */
		padding: 0.7em;
		margin: 0 0 20px 0;
		color:#555;
		/* background-color:#e5e5e5; */
		
		border-bottom: solid 1px #DDD; 
	}
	.bestselling-header-text {
		color:#ff0000;
		font-size:1.4em;
	}
	.new-item-header{
		/* NOT USE border-bottom: solid 1px #A0A0A0;  */
		padding: 0.7em;
		margin: 0 0 20px 0;
		color:#d5d500;
		/* background-color:#007d00; */
		border-bottom: solid 1px #DDD; 
	}
	
	.newitem-header-text {
		color:#007d00;
		font-size:1.4em;
	}
	.authentic-header{
		font-size:1.6em;
		padding: 0.7em;
		margin: 0 0 20px 0;
		/* background-color:#007d00; */
		border-bottom: solid 1px #DDD; 
	}
	.home-section-divider {
		display:block;
		/* NOT USE  border-top: 1px dashed #eeeeee; */
		
		/* margin: 20px 0 50px 0; */
		padding:0;
		height: 0.6em;
		background-color: #CCC;
		margin: 0.8em 0;
	}
	
	.shop-info-header{
		/* border-bottom: solid 1px #A0A0A0;  */
		padding: 3px 10px;
		color:#000;
		background-color:#e5e5e5;
	}
	
	.shop-info-box{
		width:100%;
	
	}

	.shop-info-box .icon {
		display: block;
		width: 80px;
		height: 80px;
		float: left;
	}
	.shop-info-box p{
		font-size:0.8em;
		line-height:1.2em;
	}
	.shop-info-box a{
		color: #000;
		text-decoration:none;
	}
	.shop-info-banner {
		text-align:center;
		margin-bottom:1em;
	}
	.shop-info-banner img{
		width:90%;
	}
	.product-text-list {
		list-style-type: square;
		margin-bottom:0;
	}
	.product-text-list li{
		list-style-type: square;
		font-size: 1.15em;
		margin-left: 2em;
		line-height: 1.7em;
		text-transform: uppercase;
	}
	.product-text-list li a{
		text-decoration:none;
		color: #444;
	}
	.product-text-list li a:hover{
		text-decoration:underline;
	}
    /* * Swiper - Banner *--------------------- */
    .swiper-container {
        width: 100%;
       /* height: 100%;*/
		/* max-width:550px; */
		margin:0;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        /*
		display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		*/
    }
    .swiper-pagination-bullet {
		background-color:#DDD;
		opacity:0.5;
	}
    .swiper-pagination-bullet-active {
		background-color:#ff8000;
		opacity:1;
	}
	.swiper-button-prev,
	.swiper-button-next {
		width: 27px;
	  	height: 22px;
		margin-top: -11px;
		top: 50%;
		margin-left: 3px;
		margin-right: 3px;
		-moz-background-size: 27px 22px;
		-webkit-background-size: 27px 22px;
		background-size: 27px 22px;
	}
	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: 0;
	}
	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right:0;
	}
	
	
/* 1. Hires Desktop , Laptops  */

	@media screen and (min-width: 1025px) {

		
		/* Banner */

		.swiper-container {
			width: 100%;
			/* max-width:550px;*/
			/* height: 100%; */
		}	
	}

/* 2. Big Tablet (landscape), Laptops  -------------------------------------------------------------------------------------- */

	@media screen and (min-width: 801px) and (max-width: 1024px) {

		/* Banner */
			.swiper-container {
				width: 100%;
				/* max-width:550px; */
			}


	}
		
/* 3. Tablet (portrait) iPad iPad Mini, Smart phones iPhone 6/6s portrait, Smart phones (landscape) */
	@media screen and (min-width: 600px) and (max-width: 800px) {

		/* Banner */
			.swiper-container {
				width: 100%;
				/* max-width:550px; */
			}
	}

/*  4. Bigger smart phone - iphone 5Portrait - Tablet (portrait), Smart phones (landscape)  */
	@media screen and (min-width: 480px) and (max-width: 599px) {

		/* Banner */
			.swiper-container {
				width: 100%;
				
			}
		.special-deal-box{
			border: 5px solid #ff0000;
		}
		.home-bestselling-box, .home-newitem-box{
			padding-bottom: 0.3em;
		}

	}
	
	
/* 5. Small smart phones - iphone4 Portrait */
	@media screen and (max-width: 479px) {
		
		.contentsection{
			padding: 0 0.5em 0 0.5em;
		}
		.contentsectionfit {
			padding: 0;
		}

		.upper-header-special-banner{  /**   ********************* **/
			margin-top:45px;

		}	
		.upper-header-special-banner.mobileMenu {  /**   ********************* **/
			margin-top:0px;

		}	

		#maincontent {   /*** overide ;  remove top margin only on home page ***/
			margin-top:0px;

		}

		.home-section-divider {
			height: 0.4em;
			background-color: #ccc;
			margin: 0.4em 0;
		}
		.bestselling-header, .new-item-header {
			padding: 0.7em 0.5em;
		}
		.home-section-bottom-text {
			padding: 0.6em 0.8em 0.1em 0.8em;
		}
		.swiper-container {
			/*margin-top:40px;   ----------------*/
		}
		.shop-info-box .icon {
			height: 120px;
			
		}
		.special-deal-box{
			border: 5px solid #ff0000;
		}
		.home-bestselling-box, .home-newitem-box{
			padding-bottom: 0.3em;
		}
		/* Off-Canvas Navigation */

		/* Mobile */
			#sidebar,#nav {

			}
			
			#navPanel, #titleBar {

			}

	}