@font-face {
    font-family: 'josefin_sansregular';
    src: url('../fonts/josefinsans-regular-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'josefin_sanssemibold';
    src: url('../fonts/josefinsans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'JosefinSans-Regular';
  src: url('../fonts/JosefinSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/JosefinSans-Regular.woff') format('woff'), url('../fonts/JosefinSans-Regular.ttf')  format('truetype'), url('../fonts/JosefinSans-Regular.svg#JosefinSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'JosefinSans-Light';
  src: url('../fonts/JosefinSans-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/JosefinSans-Light.woff') format('woff'), url('../fonts/JosefinSans-Light.ttf')  format('truetype'), url('../fonts/JosefinSans-Light.svg#JosefinSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'JosefinSans-Bold';
  src: url('../fonts/JosefinSans-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/JosefinSans-Bold.woff') format('woff'), url('../fonts/JosefinSans-Bold.ttf')  format('truetype'), url('../fonts/JosefinSans-Bold.svg#JosefinSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html { overflow-y: scroll; }

/*dropdown list*/
.mainnav ul.mainlinks li.dropdown ul.dropdown-menu{ left: inherit; right: 0; }
.mainnav ul.mainlinks li.dropdown ul.dropdown-menu li{margin: 0; float: none;}  

.secondary-nav .nav{ text-align: right; }

.page-header{ border:none; margin: 0 0 30px; padding: 0;}
.page-header .col-sm-12{ padding: 0; }
.page-header .page-header-container{ padding-bottom: 27px; border-bottom: 1px solid #414143;}
.page-header .store-selector{ height: 52px; }
.page-header .store-selector-container .logo-link{ float: right; height: 52px; margin-right: 35px;}
.page-header .store-selector-container .logo-link.last{ margin-right: 0; }
.page-header .store-selector-container .logo-link img{opacity: 0.4}
.page-header  .brand-text{font-size: 15px; font-family: 'JosefinSans-Bold'; text-transform: uppercase;}
.page-header .brand-text div {position: relative; height: 52px;  margin-left: -15px;}
.page-header .brand-text p {position: absolute; bottom: 0; margin-bottom: 0; line-height: 13px; color: #000; font-family: 'JosefinSans-Bold'; }
.page-header .store-selector .col-xs-9.col-sm-9{ padding-right: 0; }

.carousel { margin-bottom: 40px; }
.home-slider .carousel-indicators{ bottom: 0px !important; }
.home-slider .carousel-indicators li{ background-color: #e5e5e5; border-color: #e5e5e5; width: 9px; height: 9px; margin-left: 12px;}
.home-slider .carousel-indicators li.active{ background-color: #c0bbbb; border-color: #c0bbbb; width: 9px; height: 9px; 
margin:1px 1px 1px 12px; font-family: 'JosefinSans-Regular';}

.fourbrand{ margin: 55px 19.5% 50px;  width: 61%;  text-align: center;}
.fourbrand h3{ font-size: 17px; font-family: 'JosefinSans-Bold'; color: #000; margin: 0; }
.fourbrand p{ font-size: 13px;  color: #000; margin: 0; }

.main-grid { margin-bottom: 0px; margin-top: 0px; }
.main-grid .grid-box{ margin-bottom: 40px;}



/*basket-page*/
.header-breadcrumb h1{ font-size: 60px; font-family: 'JosefinSans-Bold'; margin: 0; }
.header-breadcrumb ol.breadcrumb{ background-color: transparent !important; padding: 0; }
.header-breadcrumb ol.breadcrumb li a{ color: #959590; }
.header-breadcrumb ol.breadcrumb li.active a{ color: #000; }
.table-section .table, .table-section .total-price{ background: #e5e5e5; font-family: 'josefin_sansregular'; margin: 0;}
.table-section .table th{ background-color: #090909; color: #fff; font-size: 15px; padding: 14px 8px  !important;}
.table-section .table td{ vertical-align: middle !important; font-size: 15px; color: #090909; text-align: left; border:none;}
.table-section .table td img{padding: 5px 8px;}
.table-section .table > tbody > tr:nth-of-type(even){ background-color: #f9f9f9; }
.table-section .table > tbody > tr:nth-of-type(even) td:first-child, .table-section .table > tbody > tr:nth-of-type(even) td:last-child{ background-color: #e5e5e5;}
.table-section .table tr td .quantity a{padding:0 5px;}
.table-section .table-secondry{ width: 100%; }
.table-section .total-price tr.total{border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 10px 0;}
.table-section .total-price{ padding: 20px 0 20px; }
.table-section .total-price tr td{ text-align: right; } 
.cart-btn{ margin-top: 10px; }
.cart-btn .btn{ font-size:15px; padding: 9px 75px; color: #fff;}

.cart-product h1{ margin: 55px 0 30px;  font-size: 26px; }
.cart-product .product{ text-align: center; border-bottom: 1px solid #151615; padding-bottom: 10px;}
.cart-product .product a:hover{ text-decoration: none; color: #333; }
.cart-product .product h2{ font-weight: 500; text-transform: uppercase; line-height: 1.533; color: #020002;
    font-size: 15px; margin: 0; }
.cart-product .product .qty-box{ font-size: 15px;}
.cart-product .product .price-tag{ font-family: 'JosefinSans-Bold'; font-size: 18px; color: #020002; }


/*checkout page*/
.order-header{ background-color: #090909; padding: 10px; color: #fff; font-size: 15px; font-family: 'josefin_sansregular';}
.order-box{ background-color: #e6e6e6; padding: 30px 10px;}
.order-box ul.address{  margin-bottom: 30px;}
.order-box ul.address li{ font-size: 15px; color: #090909; font-family: 'josefin_sansregular'; }
.order-box .form-control{ border-radius: 0; border-color: #020002; }
.order-box .btn{ font-size: 15px; }

/*thankyou-page*/
.thankyou-box { margin: 30px 0 40px;}
.thankyou-box h1{ font-size:32px; font-family: 'JosefinSans-Bold'; margin: 0 0 30px; }
.thankyou-box p{ font-size:15px;  margin: 0 0 30px; }
.thankyou-box ul {margin-bottom: 30px;}
.thankyou-box ul li{ font-size: 15px; font-family: 'josefin_sansregular'; color: #020002;}
.thankyou-box .btn{ padding: 9px 55px; font-size: 15px;}
.address-box{ margin-top: 75px;}
.address-box h2{ margin:0; border-bottom:1px solid #000; padding-bottom: 10px; font-size: 17px; font-family: 'JosefinSans-Bold';}
.address-box ul{ margin: 20px 0 0; }
.address-box ul li{ font-size: 15px; font-family: 'josefin_sansregular';}



/*h2.title:before{ position: absolute; top: 100%; left: 50%; content: ''; width: 170px; margin-left: -85px; border-bottom: 1px #000 solid; }*/
.welcome-box { background: #efefef; }
h1.title{ margin: 20px 0 30px; padding: 0; font-size: 60px; color: #000; font-family: 'JosefinSans-Regular'; text-align: center; text-transform: uppercase; position: relative; }
h1.title:before{ 
	position: absolute;
	top: 58%;
	left: 41%;
	content: '';
	width: 120px;
	margin: auto;
	border-bottom: 2px #000 solid;
}
h1.title.favorite_tittle:before{ 
	border-bottom: none;
}
.welcome-box h1.title { margin-top: 0px; font-size: 60px;  line-height: 604px; vertical-align: middle; }
.grid-box.home-btm-grid img { width: 100%; height: 650px; }
.grid-box.home-btm-grid { margin-bottom: 0px; }
.brand-box {/*background: #efefef;*/ padding: 65px 80px; min-height: 585px; }
.brand-box { text-align: center; }
.brand-box p { margin-top: 30px; font-size: 15px; }
.grid-box.brand-btm-grid { margin-bottom: 0px; }
.grid-box.brand-btm-grid img { width: 100%; height: 630px; }

.brand-small-box {background: #efefef; padding: 80px 25px; text-align: center; }
.brand-small-box h3 { font-weight: bold; margin: 0px; }
.brand-small-box a { margin-top: 30px; padding: 7px 45px; }
.brand-mid-grid img { height: 310px; width: 100%; }
/* responisive */
@media (max-width: 1199px)  {
	.grid-box.home-btm-grid img { height: 500px; }
	.welcome-box h1.title { line-height: 495px; }
	.main-grid .grid-box {margin-bottom: 16px; }
	/*.main-grid .col-xs-5, .main-grid .col-xs-7, .main-grid .col-xs-6, .main-grid .col-xs-3 { padding: 0 10px; }*/
	.main-section-row .col-sm-6, .main-section-row .col-sm-4, .main-section-row .col-sm-8, .main-section-row .col-sm-5{ padding: 0 10px; }
	.main-section .house-docter {margin-bottom: 20px; }
	.main-section ul.product-list > li.item{ width: 18%; }
	.cart-btn .btn { margin-bottom: 5px; padding: 9px 10px; width: 32%;}

}

@media(max-width: 990px){

	.welcome-box h1.title { line-height: 383px; }
	.grid-box.home-btm-grid img { height: 400px; }
	.logo-shop a{ font-size: 22px; }
	.container{ padding: 0 7px}
	/*login-page*/
	/*.create-account{width: 95%; padding:20px; top: 10%; }*/
	/*welcome-page*/
	.mainnav{ margin-bottom: 60px; }
	.mainnav .visible-navbar, .page-header{ display: none; }
	.mainnav .hidden-navbar{ display: block; /*padding: 14px 0;*/}
	.mainnav .hidden-navbar .navbar-collapse.collapse { display: none !important; }
	.mainnav .hidden-navbar .navbar-collapse.collapse.in { display: block !important; }
	.mainnav .hidden-navbar .navbar-header .collapse, .navbar-toggle { display:block !important;}
	.mainnav .hidden-navbar .navbar-header {float:none;}
	/*brand page*/
	.main-section .left-sidebar{ display: none; }
	.main-section .main-section-row .col-md-10{ width: inherit; }
	/*.main-grid .col-xs-5, .main-grid .col-xs-7, .main-grid .col-xs-6, .main-grid .col-xs-3 { padding: 0 8px; }*/
	.main-grid .grid-box {margin-bottom: 12px; }
	.main-section .house-docter {margin-bottom: 19px; }
	body.fixtab .main-section{ margin-top: 0px; }
	.main-section ul.product-list > li.item{ width: 31%; }
	.main-section .tool-bar{ float: left; margin-bottom: 20px; }
	.main-section .product-discription{ margin-right: 0; }
	.table-section .table td .proimg{ width: 50px; }

}
@media (max-width:767px) {
	.brand-small-box {padding: 30px 30px; }
	.brand-small-box h3 { font-weight: bold; margin: 0px; font-size: 20px; }
	.brand-small-box a { margin-top: 10px; }
	.brand-mid-grid img { height: auto; width: 100%; }

	.mainnav .hidden-navbar .navbar-toggle:hover span.icon{background-position: -46px 4px;}
	ul.store-selector li{vertical-align: bottom;  text-align: center; width: 50%; float: left;}
	/*login-page*/
	div.fadeShow-container{ min-height: 600px; }
	div.fadeShow-container div.image.active{ background-size: cover; background-attachment: fixed;}
	.form-login{ width: 310px; }
	/*welcome-page*/
	.main-grid img{ margin: 0 auto; }
	.main-grid .grid-box{ margin-bottom: 15px;}
	.main-grid .col-xs-6{ /*padding: 10px 7px; */}
	.container{ padding: 0 15px; }
	.main-section .house-docter {margin-bottom: 18px; }
	
	.main-section .breadcrumbs{ margin: 0; }
	body.fixtab .pt40{padding-top: 0;}
	.main-section ul.product-list > li.item{ width: 32.5%; margin: 0 0px 20px; }
	.main-section .product-discription .btn{ padding: 5px; display: block; }
	.account-section .col-sm-12{ clear: left; padding-top: 20px; }
	.account-section .account-header h1{ border-bottom: 1px #000 solid; padding-bottom: 10px; margin-bottom: 20px; font-size: 30px; }
	.header-breadcrumb h1, .fav-header h1{ font-size: 30px; }
}
@media(max-width: 667px){
	.brand-box { height: auto; padding: 30px;}
	.brand-small-box { padding: 30px 30px; }
	
	.grid-box.brand-btm-grid img { height: auto; }
	.grid-box.brand-btm-grid img { height: auto; }
	.brand-mid-grid img { height: auto; }
    .main-grid .col-xs-5.full, .main-grid .col-xs-7.full{ width: 100%; }
    .main-grid .grid-box.box-1{ width: 48.5%; display: inline-block; margin: 0 15px 15px 0; }
    .main-grid .grid-box.box-1:nth-child(2){ margin: 0 0px 15px 0; }
}

@media(max-width: 640px){
  .main-grid .grid-box.box-1{ width: 48.4%;}
}
@media(max-width: 568px){
	.top-bar-right .mini-cart .label{ display: none; }
	.main-grid .grid-box.box-1{ width: 48%;}
	.table-section .table th{ display: none;}
	.table-section .table td{ display: block; padding: 0px 10px; text-align: left!important;}
	.table-section .table td[data-rwd-label]::before { content: attr(data-rwd-label) ":"; font-size: 14px; color: #666;}
	.table-responsive{ padding: 10px; }
	.table-section .table td .proimg { float: left; width: 110px; margin-right: 10px;}
	.total-price .full{ width: 100%; }
	.checkoutimg{ float: left; width: 110px; margin-right: 10px; }
	.table-section .table tr{ padding: 10px 0; display: block; }
}
@media(max-width:500px){ 
	.main-grid .grid-box.box-1{ width: 100%; margin-right: 0;}
	.main-grid .fullx{ width: 100%; }
	.main-grid .full{ width: 50%; }
	.footer .full{ width: 50%; }
	.account-section .full{ width: 100%; }
	.account-section .col-sm-12{ padding-top: 1px; }
	.account-section .account-header h1{ font-size: 30px; }
	.account-section .account-header .btn{ padding: 6px; width: 100%;}
	.order-details .table-header td{ vertical-align: top; }
	.fav-header{margin-bottom: 20px;}
	.fav-header .full{ width: 100%; }
	.fav-header .full.text-right{ text-align: left;}
}
@media(max-width:420px){ 
	.top-bar-right .top-search{ min-width: 107px; }
	.footer .full{ width: 100%; }
	.house-docter-row2 .full, .house-docter-row3 .full, .house-docter-row4 .full{ width: 100%!important; text-align: center; }
	.house-docter-row2 .full img, .house-docter-row3 .full img, .house-docter-row4 .full img{ width: 100%!important; }
	.main-section ul.product-list > li.item{ width: 49%; }
	.cart-btn .btn{ width: 100%; }
	.thankyou-box .btn{ padding: 9px; width: 100%; }
	.account-section .form-section {padding: 20px 14px; }
}
@media (max-width:360px) {
	.form-login{ width: 260px;}
	/*.create-account .page-title h1 br{display: none;}*/
	ul.store-selector li{width: 100%;}
	.mainnav .hidden-navbar .navbar-toggle{ text-align: left; }
	div.fadeShow-container {min-height: 770px; }
	.product-price .btn-primary{ font-size: 15px!important; }
}
@media (max-width:320px) {
	.mainnav .hidden-navbar .navbar-toggle{ font-size: 12px; }

}