/* CSS Document */

@charset "utf-8";
.border-box-sizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
@media (max-width: 991px) {
    .header .container { width: 100%; }
	.header.header-top-fixed {
        position: absolute
    }
    .header.header-top-fixed .dis-n {
        display: block
    }
    .header .header-main-fixed {
        height: 150px;
        box-shadow: none
    }
    .header .header-main-fixed .header-main-block1 {
        background-color: rgba(45, 45, 45, .5)
    }
    .header .header-logo.center {
        text-align: center
    }
    .home-category .home-category-block .home-category-title {
        position: relative;
        margin-top: 30px
    }
    .header .header-main .header-main-block1 .top-search-form form input {
        margin-bottom: 15px
    }
    .light.top-header-m-bg {
        height: 100px
    }
    .top-header-m-bg {
        height: 100px
    }
    .light.top-header-bg {
        height: 106px
    }
    .top-header-bg {
        height: 102px
    }
    .second-page-container {
        padding-top: 260px
    }
    .payment-service h3 {
        text-align: center
    }
    .payment-service p {
        text-align: center
    }
    .header .header-bg-fixed {
        height: 150px
    }
    .header #container-fixed {
        margin: 5px 0
    }
    .main-category-block .main-category-list .with-dropdown .dropdown-menu {
        position: relative;
        left: -1px;
        width: 100%
    }
    .block-chess-banners .block-chess .chess-caption-right {
        padding: 30px
    }
    .block-chess-banners .block-chess .chess-caption-left {
        padding: 30px
    }
}
@media (max-width: 767px) {
    .navbar-main .top-icon-block {
        position: absolute;
        top: 0;
        right: 40px
    }
    .nav-justified>li>a {
        margin-bottom: 0
    }
    .menu-inner {
        background: none!important;
        padding-top: 10px
    }
    .header.light .header-main .header-main-block1.with-menu .navbar-main .nav>li>a {
        color: #fff
    }
    .header-main .navbar-collapse {
        z-index: 999;
        position: relative;
        background-color: #f7f7f7;
		margin-top:5px;
    }
    .header-main .navbar-collapse h4 {
        color: rgba(247, 247, 247, .9)
    }
    .header-main .navbar-collapse .dropdown-menu a {
        color: #666;
    }
    .header-main .navbar-collapse .dropdown-menu a:hover {
        color: #006ea5;
        background-color: #f7f7f7;
        padding: 6px
    }
    .yamm .yamm-content .header-menu h4 {
        color: rgba(247, 247, 247, .9);
        font-size: 16px
    }
    .fullwidth-services {
        height: inherit
    }
    .fullwidth-services .fullwidth-service .inner-service {
        position: relative
    }
    .product-image {
        margin-bottom: 30px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 0 10px;
        line-height: 30px
    }
    .header .navbar-main .dropdown-submenu>.dropdown-menu {
        position: relative;
        left: 0;
        padding-left: 30px
    }
    .block-big-product .big-product-inner .big-product-name {
        font-size: 32px
    }
    .fashion-feature .fashion-feature-title h1 {
        font-size: 60px
    }
    h1 {
        font-size: 32px
    }
    h2 {
        font-size: 28px
    }
    h3 {
        font-size: 26px
    }
    h4 {
        font-size: 22px
    }
    .product.list .figure-hover-overlay img {
        width: 100%;
        max-width: none
    }
    .tab-horizantal {
        padding-right: 90px
    }
    .tab-horizantal li {
        float: none
    }
    .tab-horizantal>li+li {
        margin: 0
    }
    .tab-horizantal.center {
        padding-right: 0
    }
    .tab-horizantal.center>li {
        display: block
    }
    .bg-50-r {
        width: 100%;
        left: 0
    }
    .bg-50-l {
        width: 100%
    }
}
@media (max-width: 480px) {
    .second-page-container {
        padding-top: 300px
    }
    .header .header-main .top-search-form {
        width: 100%;
        text-align: right
    }
    .block-big-product .big-product-inner .big-product-name {
        font-size: 28px
    }
    .fashion-feature .fashion-feature-title h1 {
        font-size: 50px
    }
    h1 {
        font-size: 28px
    }
    h2 {
        font-size: 24px
    }
    h3 {
        font-size: 22px
    }
    h4 {
        font-size: 20px
    }
    .light.top-header-bg {
        height: 146px
    }
    .top-header-bg {
        height: 101px
    }
    .light.top-header-m-bg {
        height: 102px
    }
    .top-header-m-bg {
        height: 102px
    }
}

@media (min-width: 1024px) and (max-width: 1100px) {
.navbar-main a.navbar-brand { height:65px; width:180px; }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .product-image {
        margin-bottom: 30px
    }
    .modal-dialog {
        width: 750px
    }
	.header .container { width: 90%; }
	
}
@media (min-width: 1200px) {
    .modal-dialog {
        width: 1024px
    }
	
}

@media (min-width: 769px) and (max-width: 1050px) { 
	
}

@media (min-width: 1051px) and (max-width: 1200px) { 
  .navbar-nav.navbar-center { margin-left:12%;  }
  .navbar-main .nav > li > a { font-size: 14px; padding:8px; }
  .navbar-main .nav > .dropdown > a {  padding: 8px 15px 15px 8px; }
	.navbar-main .nav > li > a i { right:8px; }
}

/* Added on April 21 2017 - SA */
@media (min-width: 769px) and (max-width: 799px) { 
	.header .container { width: 100%; }
	.navbar-nav.navbar-center { margin-left:5%; margin-top: 22px;  }
	
	.navbar-main .nav > li > a { font-size:12px; padding:8px; }
	.navbar-main .nav > .dropdown > a {  padding: 8px 15px 15px 8px; }
	.navbar-main .nav > li > a i { right:8px; }
	.navbar-main a.navbar-brand { height:64px; width:126px; }
	.header .login a { margin-right:10px; }
	
	.header .login a.account-link, .header .login a.logoff-link, .header .login a.chat-link, .header .login a.cart-link {
		
		background: rgba(0, 0, 0, 0) url("../img/top-icons.svg") repeat-x scroll 0 top / 140px auto;
		
	}
	
	.header .login a.chat-link { width:35px; }
	.header .login a.account-link { background-position: 70px center; width:35px; }
	.header .login a.cart-link { background-position: 105px center; width:35px; }
	.header .login a.logoff-link { background-position: 35px center; width:35px; }
	
	.header .login a span { margin-top: 35px; }
	
	.header #account-menu a.account-link { background: rgba(0, 0, 0, 0) url("../img/top-icons.svg") repeat-x scroll 72px top / 140px auto; width:35px; }
	.header #account-menu a.account-link span { margin-top: 32px; }
	
}
@media (min-width: 800px) and (max-width: 1024px) { 
	.header .container { width: 100%; }
	.navbar-main .nav > li > a { font-size:12px; }
	.navbar-main .nav > .dropdown > a {  }
	.navbar-main .nav > li > a i { right:4px; }
	.navbar-main a.navbar-brand { height:64px; width:155px; background-position:center; }
	.navbar-main .top-icon-block { margin-top:3px; margin-left:8px; height:40px; }
	
	.navbar-nav.navbar-center { margin-top: 40px; }
	
	.header .login a span { margin-top:35px; }
	.header .login a { margin-right:10px; }
	
	.header .login a.account-link, .header .login a.logoff-link, .header .login a.chat-link, .header .login a.cart-link {
		
		background: rgba(0, 0, 0, 0) url("../img/top-icons.svg") repeat-x scroll 0 top / 140px auto;
		
	}
	
	.header .login a.chat-link {  width:35px; }
	.header .login a.account-link { background-position: 70px center; width:35px; }
	.header .login a.cart-link { background-position: 106px center; width:35px; }
	.header .login a.logoff-link { background-position: 36px center; width:35px; }
	
	.header #account-menu a.account-link { background: rgba(0, 0, 0, 0) url("../img/top-icons.svg") repeat-x scroll 72px top / 140px auto; width:35px; }
	.header #account-menu a.account-link span { margin-top: 32px; }
	
	.header .v-line { width:8px; }
}

@media (max-width: 1350px) { 
	.home-block .container { width: 90%; padding:0 10px; }
	.top-content-bg { height:20px; }
	.banner-block {
        width: 95%;
        /*padding-top: 20px;*/
    }
}

@media (min-width: 1351px ) and (max-width: 1460px) { .banner-block {  width: 92%; } }

@media (min-width: 1201px) {
    /*.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
	margin-top:20px;
  }*/
    
   .navbar-nav.navbar-center {
        margin-left: 6%;
    }
}


@media (max-width: 767px) {
	
	.navbar-main .top-icon-block {
        margin-top: 10px; margin-left:0px;
    }
	
	.navbar-nav.navbar-center { margin-top:5px; }
	.navbar-main .navbar-collapse { border:1px solid #006ea5; }
	.navbar-main .nav > li > a { color:#000; padding:10px; }
	.navbar-main .nav > li > a:hover { color:#006ea5; }
	
    .header .login a {
        padding: 0 8px;
    }
    .header .login a.chat-link {
        background: rgba(0, 0, 0, 0) url("../img/top-icons.svg") repeat-x scroll 0 top / 90px auto;
    }
    .header .login a.account-link {
        background: rgba(0, 0, 0, 0) url("../img/top-icons.svg") repeat-x scroll 45px top / 90px auto;
    }
    .navbar-main .top-icon-block .header-mini-cart {
        background: rgba(0, 0, 0, 0) url("../img/top-icons.svg") repeat-x scroll 68px top / 90px auto;
    }
    .header .login a.logoff-link {
        background: rgba(0, 0, 0, 0) url("../img/top-icons.svg") repeat-x scroll 22px top / 90px auto;
    }
    .header #account-menu a.account-link {
        background: rgba(0, 0, 0, 0) url("../img/top-icons.svg") repeat-x scroll 45px top / 90px auto;
    }
    .header .login a.cart-link {
        background: rgba(0, 0, 0, 0) url("../img/top-icons.svg") repeat-x scroll 68px top / 90px auto;
    }
    .header .v-line {
        height: 28px;
    }
    .header #account-menu {
        margin-right: 0px;
    }
    .header .login a.chat-link,
    .header .login a.cart-link,
    .header .login a.account-link,
    .navbar-main .top-icon-block .header-mini-cart,
    .header .login a.logoff-link,
    .header #account-menu a.account-link {
        width: 22px;
        height: 50px;
        margin-right: 10px;
    }
    /*
	.header .login a.login-link:before {
		content: "\f090";
		font-family: FontAwesome;
		font-size: 15px;
	}
	.header .login a.logoff-link:before {
		content: "\f08b";
		font-family: FontAwesome;
		font-size: 15px;
	}
	.header .login a.register-link:before {
		content: "\f007";
		font-family: FontAwesome;
		font-size: 15px;
	}*/
    
    .banner-block {
        width: 100%;
    }
	
	.navbar-main a.navbar-brand {
        height: 50px;
        width: 155px;
		background-position:center;
    }
    .yamm .yamm-content div.header-menu a {
        padding: 6px;
    }
    .yamm .yamm-content div > a {
        padding: 6px;
        border-bottom: none;
    }
	
	
	#help-icons { margin:5px 0px; padding:3px; }#help-icons i { font-size:30px; }ul#help-icons li {display:inline-block;}
	
	
}

@media (max-width: 320px) { 
	.navbar-main a.navbar-brand {
	width: 90px;
	}
}