/*!=========================================================*
* Theme Name: Theme Name
* Author:    Nazmul Hussain
* Author URL: http://www.nazmul.info
* Fiverr URL: fiverr.com/nazmul18
* Email: mailatnazmul@gmail.com;
* Description: Interactive website using Bootstrap ,jQuery
* Tags: Accessibility-ready, Sticky-header, Custom-menu
=============================================================*/


/*===========================================================
 Fonts
============================================================*/

@font-face {
    font-family: 'MarkerFeltThin';
    src: url('../fonts/MarkerFeltThin.eot');
    src: url('../fonts/MarkerFeltThin.eot') format('embedded-opentype'),
    url('../fonts/MarkerFeltThin.woff2') format('woff2'),
    url('../fonts/MarkerFeltThin.woff') format('woff'),
    url('../fonts/MarkerFeltThin.ttf') format('truetype'),
    url('../fonts/MarkerFeltThin.svg#MarkerFeltThin') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueRoman';
    src: url('../fonts/HelveticaNeueRoman.eot');
    src: url('../fonts/HelveticaNeueRoman.eot') format('..embedded-opentype'),
    url('../fonts/HelveticaNeueRoman.woff2') format('..woff2'),
    url('../fonts/HelveticaNeueRoman.woff') format('..woff'),
    url('../fonts/HelveticaNeueRoman.ttf') format('..truetype'),
    url('../fonts/HelveticaNeueRoman.svg#HelveticaNeueRoman') format('..svg');
}

@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('../fonts/HelveticaNeue-Light.eot');
    src: url('../fonts/HelveticaNeue-Light.eot') format('..embedded-opentype'),
    url('../fonts/HelveticaNeue-Light.woff2') format('..woff2'),
    url('../fonts/HelveticaNeue-Light.woff') format('..woff'),
    url('../fonts/HelveticaNeue-Light.ttf') format('..truetype'),
    url('../fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('..svg');
}


/*===========================================================
 Common CSS
============================================================*/

body {
    font-size: 13px;
    font-weight: 400;
    font-family: Arial, sans-serif;
    color: #000;
    background: #fff;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

ul {
    padding: 0;
}

label {
    font-size: 11;
}

ul {
    margin: 0;
}

li,
li:hover,
a:hover,
.btn,
.btn:hover {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

a:hover {
    text-decoration: none !important;
}

*:focus {
    outline: none;
}

img {
    max-width: 100%;
}

strong {
    font-weight: 700;
}

u {
    border-bottom: 1px solid #fff;
    line-height: 1;
    text-decoration: unset;
}

.cboth {
    overflow: hidden;
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.tcenter {
    text-align: center;
}

.rtl {
    direction: rtl;
}


/*===========================================================
 Placeholder Style
============================================================*/

::-webkit-input-placeholder {
    color: #030000;
}

:-moz-placeholder {
    color: #030000;
}

::-moz-placeholder {
    color: #000;
    opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: #030000;
}


/*===========================================================
Preloader CSS
============================================================*/

.spinner-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #fff;
}

.spinner {
    background-color: #065e52;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border-radius: 100%;
    -webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 9999999;
}

@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0.0)
    }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}


/*===========================================================
Common
============================================================*/

#wrapper {
    max-width: 100%;
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    margin-left: auto;
    margin-right: auto;
}

.container {
    max-width: 1170px;
}

.dib {
    display: inline-block;
}

.vat {
    vertical-align: top;
}


/*===========================================================
Header
============================================================*/

h1 {
    padding-top:5px;
    margin:0px;
}

.header-area {
    background-color: #ffffff;
    padding: 8px 28px 12px 28px;
    border-bottom:2px solid #000000;
}

.header-left p {
    font-family: Arial, sans-serif;
    color: #000;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.12px;
}

.header-middle {
    margin-top: 4px;
    width: 650px;
    text-align: left;
}

.header-menu ul li {
    list-style: none;
    display: inline-block;
    font-size:18px;
}

.header-menu ul li img {
    margin-left: 5px;
    margin-top: -6px;
}

.saerch-form {
    width: 154px;
    position: relative;
    direction: rtl;
}

.saerch-form:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 7px;
    z-index: 10;
    background: url("../img/arrow.png");
    left: 5px;
    top: 6px;
}

.saerch-form input {
    border: 1px solid #58595b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 19px;
    width: 100%;
    padding-right: 5px;
}

.header-right {
    float: right;
}

.header-right li {
    margin: 0 5px;
}

.header-right li a {
    color: #000;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    line-height: 1;
    font-family: "Helvetica Neue", sans-serif;
}

.header-right li a span {
    font-family: Arial, sans-serif;
}

.slogen {
    font-size:24px;
    color:#000000;
    margin-top:3px;

}

.main-text {
    font-size:24px;
    direction:rtl;
    text-align:center;
    background-color:#000000;
    color:#ffffff;
    height:40px;
}

.whybotto {
    background-color:#d9d7d6;
    direction:rtl;
    height:100%;
    min-height:360px;
    font-size:20px;
    padding:5px; 
    
}

.homepage-box {
    border:1px solid #555555;
}

.homepage-box-title {
    text-align:right;
    font-weight:bold;
    border-bottom:1px solid #555555;
    padding-bottom:5px;
}

.homepage-box-margin {
    margin-bottom:15px;
}
/*===========================================================

============================================================*/

.main-menu-area {
    background-color: #fff;
}
.main-menu ul li{
    font-size:20px;
}
.main-menu ul li ul li{
    font-size:18px;
}
nav {}

nav ul {
    /*float:right;*/
    direction:rtl;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal
}

nav ul li {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    text-align: center
}

nav ul li ul li {
    text-align: right;
}

nav a {
    display: block;
    padding: 0 10px;
    color: #231f20;
    line-height: 40px;
    text-decoration: none;
    font-family: Arial, sans-serif;
}

nav a:hover {
    background-color: #000;
    color: #fff;
}

nav li.active {
    background: #000;
}

nav li.active>a {
    color: #fff;
}


/* Hide Dropdowns by Default */

nav ul ul {
    display: none;
    position: absolute;
    top: 40px;
    z-index: 99;
    padding-top: 10px;
    padding-bottom: 10px;
    background: rgba(255, 255, 255, .8);
    right: 0;
}

nav li ul li a {
    line-height: 25px;
}


/* Display Dropdowns on Hover */

nav ul li:hover>ul {
    display: inherit;
}


/* Fisrt Tier Dropdown */

nav ul ul li {
    width:230px;
    float: none;
    display: list-item;
    position: relative;
}

nav ul li.current a {
    color: #ed1c24;
}


/* Second, Third and more Tiers */

nav ul ul ul li {
    position: relative;
    top: -40px;
    left: 170px;
}


/* =========================  Banner ======================== */

.banner-area {
    height: 74vh;
    min-height: 480px;
    background: url("../img/banner1.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;

}

.banner {
    max-width: 310px;
    float: right;
    text-align: center;
}

.banner-top {
    margin-top: 70px;
}

.banner-top h2 {
    font-family: 'HelveticaNeueRoman', sans-serif;
    color: #ffffff;
    font-size: 27px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0;
}

.banner-bottom {
    margin-left: auto;
    margin-right: auto;
    width: 156px;
    height: 156px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, .55);
    margin-top: 30px;
}

.banner-bottom h2 {
    font-family: 'MarkerFeltThin', sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding-top: 22px;
}

.banner-bottom p {
    text-align: center;
    font-size: 24px;
    font-family: 'HelveticaNeueRoman', sans-serif;
}

    .hide-non-desktop {
        display:block;
    }
    .hide-desktop {
        display:none;
    }

/*Banner-List*/

.banner-list {
    background-color: rgb(217, 215, 214, .6);
    padding: 27px 0;
    position: absolute;
    bottom: 45px;
    left: 0;
    width: 100%;
    z-index: 10;
}

.banner-list ul {}

.banner-list ul li {
    width: 33%;
    float: left;
    text-align: center;
    list-style: none;
}

.banner-list ul li a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}
/*===========================================================
signin-area
============================================================*/
.signin-area{
	float:left;
	width:100%;
	padding-bottom:150px;
}
.signin-area h2 {
    float: left;
    width: 100%;
    text-align: left;
    font-family: 'HelveticaNeue-Light', sans-serif;
    text-transform: uppercase;
    color: #7b0046;
    font-size: 24px;
}
.signin-area h3{
	float:left;
	width:100%;
	text-align:right;
	font-size:22px;
	margin-bottom:0;
}
.signin-area h4{
	float:left;
	width:100%;
	direction:rtl;
	font-size:12px;
	margin-bottom:5px;
	font-weight:bold;
}
.signin-area p{
	float:left;
	width:100%;
	direction:rtl;
	font-size:12px;
	margin:0 0 5px 0;
}
.btn-link, .btn-link2{
	float:right;
	background:#da163d;
	color:#fff;
	text-align:center;
	padding:0px 45px;
	font-size:20px;
	border:1px solid #6d6e71;
    height:40px;
}
.btn-link2{
	padding:0px 80px;
}
/*.btn-link:hover, .btn-link2:hover{
	background:#fff;
	border:1px solid #6d6e71;
	color:#6d6e71;
	text-decoration:none;
}*/
.signin-left-col h3{
	font-size:16px;
	font-weight:bold;
	float:left;
	width:100%;	
}
.signin-left-col p{
	font-size:12px;
	margin:10px 0 20px 0 !important;
	float:left;
	width:100%;
}
.f-right{
	text-align:right;
}
.signin-right-col h3{
	font-size:16px;
	font-weight:bold;
	float:left;
	width:100%;	
}
.signin-right-col h1{
	font-size:18px;
	font-weight:bold;
	float:left;
	width:100%;
	margin:15px 0;
    color:#58595b;
}
.signin-right-col p{
	font-size:12px;
	margin:10px 0 20px 0 !important;
	float:left;
	width:100%;
}
.form-control{
	border-radius:0 !important;
}
.text-r{
	text-align:right;
    direction:rtl;
}
.policy-link{
	margin-right:40px;
	font-size:14px;
	color:#333;
	text-decoration:underline;
	position:relative;
	top:5px;
}
.policy-link:hover{
	color:#333;
	text-decoration:underline;
}
.checkbox label, .radio label {
   font-size:14px;
   font-weight:bold;
}
input[type="checkbox"] {
    margin: 4px 0px 0 13px !important;
	background-color: #fafafa;	
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox]{
    position: relative !important;
	top:4px;
}
.w-300{
	width:300px;
}
/*===========================================================
shopping bag
============================================================*/
.shopping-menu{
    display:none;
	float:left;
	width:100%;
}
.shopping-nav-left {
    float: left;
    width: 100%;
	margin-top:20px;
}
.shopping-nav-left ul{
    float: left;
    width: 100%;
	list-style:none;
}
.shopping-nav-left ul li{
	float:left;
	width:25%;
	text-align:center;
	border-right: 1px solid #333;
}
.shopping-nav-left ul li:last-child{
	border-right:none;
}
.shopping-nav-left ul li a{
	font-size:14px;
	color:#333;
	float:left;
	width:100%;
	padding: 5px 0;
    font-weight:bold;
}
.shop-nav-active{
	background:#ffffff;
	color:#000000 !important;
    font-weight:bold;
    border:1px solid #000000;
}
.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    background:#fff url(../img/arrow-down.png) no-repeat 10% 50%;
}

.select-style select {
    padding: 5px 10px 5px 10px !important;
    width: 101%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
			direction:rtl;
			height:32px;
}

.select-style select:focus {
    outline: none;
}
.padd-r{
	padding-left:0;
}
.padd-l{
	padding-right:0;
}
.shop-link{
	color:#000;
	text-decoration:underline;
	position: relative;
	top: 10px;	
}
.shop-link:hover{
	color:#333;
	text-decoration:underline;	
}
.form-control::-moz-placeholder {
    color: #333 !important;
}
.shop-main-link{
	color:#000;
	text-decoration:underline;
	position: relative;
	top: 10px;
	font-size:16px;
	font-weight:bold;
}
.shop-main-link:hover{
	color:#333;
	text-decoration:underline;	
}
.m-0{
	margin:0 !important;
}
.sub-btn{
	float:right;
	background:#7b0046;
	color:#fff;
	text-align:center;
	padding:0px 80px;
	font-size:17px;
	border:1px solid #7b0046;
	margin-top: 30px;
}
.cart-img {
    width:80px; 
    height:80px;
}
.cart-empty {
    font-size:16px;
    direction:rtl;
    text-align:center;
    padding-top:40px;
}
/*===========================================================
product area
============================================================*/
.product-area{
	float:left;
	width:100%;
    min-height:400px;
}
.border-bottom{
	border-bottom:1px solid #ccc;
}
.product-area h2{
	direction:rtl;
	float:left;
	width:100%;
	text-align:center;
	font-weight:bold;
	margin: 10px 0 0 0;
    display:block;
    background-color:#000000; 
    color:white; 
    height:36px; 
    font-size:24px; 
    padding-top:5px;
}
.product-area h2 span{
	text-transform:uppercase;
	font-family: 'HelveticaNeue-Light' , sans-serif;
	color:#6d6e72;
	font-weight:normal;
}
.product-symbol{
    direction:rtl;
    float:right;
}
.product-symbol-text{
    direction:rtl;
    float:right;
    height:150px;
    padding-top:20px;
    font-size:24px;
}
.product-symbol img{
    width:70%;
    height:70%;
}
.btn-primary {
    background:#03697b;
}
.btn-primary:hover {
    background:#da163d;
}
.product_adv {
    line-height:20px;
}
/*===========================================================
jutin1-2 page
============================================================*/
.product-menu{
	float:left;
	width:100%;
	border-bottom:1px solid #ccc;
}
.underline {
    float:left;
	width:100%;
	border-bottom:1px solid #ccc;
}
.pro-menu-left{
	float:left;
	width:100%;
}
.pro-menu-right{
	float:left;
	width:100%;
}
.pro-menu-left ul{
	float:left;
	width:100%;
	list-style:none;
}
.pro-menu-left ul li{
	float:left;
}
.pro-menu-left ul li a{
	float:left;
	color:#6d6e72;
	margin-right:5px;
}
.pro-active-menu{
	color:#000 !important;
}
.option-left{
	float:left;
	width:100%;
	direction:rtl;
}
.option-right{
	float:left;
	width:100%;
	direction:rtl;
}
.option-left span, .option-right span{
	color:#6d6e72;
}
.product-main{
	float:left;
	width:100%;
}
.product-item{
	float:left;
	width:100%;
}
.product-category{
	float:left;
	width:100%;
}
.product-category ul{
	float:left;
	width:100%;
	list-style:none;
	direction:rtl;
}
.product-category ul li{
	float:left;
	width:100%;
	margin-top:15px;
}	
.product-category ul li a{
	font-weight:bold;
	color:#000;
}
.product-category ul li ul{
	float:left;
	width:100%;
}
.product-category ul li ul li{
	margin:0 !important;
}
.product-category ul li ul li a{
	color:#6e6f73;
	font-weight:normal;
}
.item-row{
	float:left;
	width:100%;
}
.item-box{
	float:left;
	width:100%;
	margin-top:20px;
}
.img-box{
	float:left;
	width:100%;
	text-align:center;
	border-right:1px solid #ccc;
    border-left:1px solid #ccc;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:50px;
}
.description-box{
	float:left;
    text-align:center;
	width:100%;
	direction:rtl;
	padding-top:20px;
	padding-right:30px;
}
.description-box h3{
	margin-bottom:0;
	font-size:16px;
	font-weight:bold;
}
.description-box p{
	margin:0;
	font-size:11px;
}
.border-b{
	background:url(../img/border.png) repeat-x;
	height:4px;
	background-position:bottom center;
	float:left;
	width:100%;
	padding:10px 0;
}
.img-box img {
    width: 280px;
    height: 280px;
    object-fit: cover;
}
.img-box-examples img {
    width: 300px;
    height: 223px;
    object-fit: cover;
    border:1px solid #555555;
}
.pagination{
    display:none;
	float:left;
	width:100%;
	padding:20px 0 20px 0;
}
.pagi-left ul{
	float:left;
	width:100%;
	list-style:none;
}
.pagi-left ul li{
	float:left;
}
.pagi-left ul li a{
	float:left;
	color:#000;
	padding:0 5px;
}
.pagi-right ul{
	float:right;
	width:100%;
	list-style:none;
}
.pagi-right ul li{
	float:left;
}
.pagi-right ul li a{
	float:left;
	color:#000;
	padding:0 5px;
}
.pagi-right {
    float: right;
}
.shop-table th {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

.shop-detail {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.shop-table th:last-child{
	background:#fff;
}
.shop-table td:last-child{
	background:#fff;
}
.shop-table th:first-child{
	text-align:left
}
.shop-table  th{
	text-align:center;
}
.shop-table  td{
	text-align:center;
    font-size:16px;
}
.shop-table  td p{
    font-size:16px;
}
.shop-table td:nth-child(7n){
	text-align:right;
}
.shop-table th:nth-child(7n){
	text-align:right;
}
.shop-table td:first-child{
	text-align:left;
}
.table-striped > tbody > tr {
    background-color: #d9d7d6 !important;
	border-bottom:1px solid #fff;
}
.table-striped > tbody > tr > td{
    vertical-align:middle;
}
.image-shop{
	float:left;
	width:100%;
	margin-top:60px;
}
.pading-r-0{
	padding-right:0;
}
.pading-l-0{
	padding-left:0;
	padding-right: 67px;
}
.promo-btn{
	float:left;
	width:100%;
	background:#6d6e71;
	color:#fff;
	border:none;
	font-size:17px;
	padding:5px 0;
}
.promo-privacy{
	float:left;
	width:100%;
}
.promo-privacy-main{
	border:1px solid #b2b2b2;
	float:left;
	width:100%;
	padding:10px 10px;
	margin-top:20px;
}
.pading-rght-67{
	padding-right:67px;
}
.chk-promo {
    float: right;
    margin-top: 0;
}
.promo-privacy-main p{
	font-size:14px;
	padding-right:35px;
}
.promo-confirm-area{
	float:left;
	width:100%;
	margin-top:15px;
}
.promo-btn-1 a{
	float:left;
	width:100%;
    height:40px;
	background:#da163d;
	color:#fff;
	text-align:center;
	padding:5px 0;
	font-size:20px;
    border:1px solid #6d6e71;
}
.promo-btn-2 a{
	float:left;
	width:100%;
    height:40px;
	background:#6d6e71;
	color:#fff;
	text-align:center;
	padding:5px 0;
	font-size:20px;
}
.promo-code-area {
    float: left;
    width: 100%;
}
.product-item a{
	color:#000;
}
.description-box p {
    margin: 0;
    font-size: 16px;
    text-decoration: none;
    font-weight:bold;
}
.description-box h3 {
    text-decoration: none;
    padding-bottom:10px;

}
.single-item-area{
	float:left;
	width:100%;
	padding-bottom:50px;
}
.detail-single-item {
    float: left;
    width: 100%;
    direction: rtl;
}
.detail-single-item h2{
	color:#555555;
	font-size:24px;
	text-transform:uppercase;
	font-family: 'HelveticaNeue-Light' , sans-serif;
	margin-bottom:0;
}
.detail-single-item p{
	margin-top:5px;
	font-size:20px;
	
}
.quantity-item{
	float:left;
	width:100%;
	margin-top:20px;
}
.q-heading{
	position:relative;
	top:6px;
}
.q-small-text{
	float:left;
	width:100%;
	font-size:10px;
	margin-top:5px;
	padding-right:28px;
	direction:rtl;
}
.qty-btn-2 a{
	float:left;
	width:100%;
    height:40px;
	background:#000000;
	color:#fff;
	text-align:center;
	padding:6px 0;
	font-size:20px;
}
.qty-btn-2 a:hover {
    background:#da163d;
}
.qty-btn-1 a{
	float:left;
	width:100%;
	background:#dedfe1;
	color:#000;
	text-align:center;
	padding:3px 0;
	font-size:17px;
}
.qty-p-r{
	padding-right:0;
}
.qty-p-l{
	padding-left:0;
}
.qty-notes{
	float:left;
	width:100%;
	background:#f4f2f3 url(../img/qty-arrow.png) no-repeat;
	background-position: right center;
	margin-top:40px;
}
.qty-notes p{
	direction:rtl;
	font-weight:bold;
	padding:7px 20px 7px 0;
	font-size:16px;
	margin:0;
}
.size-box{
	float:right;
	width:100%;
}
.size-box h2{
	float:left;
	width:100%;
	font-size:16px;
	direction:rtl;
	padding-right:20px;
	border-bottom: 1px solid #ccc;
	padding-bottom:10px;
}
.size-box ul {

    float: left;
    width: 100%;
    direction: rtl;
    padding-right: 32px;
	margin-top:7px;

}
.size-box ul li{
	float:left;
	width:100%;
}
.size-box ul li a{
	float:left;
	width:100%;
	color:#000;
}
.size-box h3{
    float: left;
    width: 100%;
    direction: rtl;
	padding-right: 20px;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0;
}
.size-box p{
    float: left;
    width: 100%;
    direction: rtl;
	padding-right: 20px;
	font-size:12px;
}
.like-box{
	float:left;
	width:100%;
	margin-top:20px;
}
.fb-like {
    float: right;
}
.fb-like a{
	background:#e7f4fa;
	color:#3358c0;
	text-transform:uppercase;
	font-weight:bold;
	padding:7px;
	font-size:11px;
}
.print a{
	color:#000;
}
.print-p-0 {
    padding-left: 50px;
    padding-right: 0;
}
.qty-pagi ul{
	float:right;
	line-height:none;
	list-style:none;
	margin-right:5px;
	margin-top:20px;

}
.qty-pagi ul li{
	float:left;
}
.qty-pagi ul li a {
    color: #000;
    padding: 2px;

}
.print {

    float: right;

}
.royalSlider {
  width: 100%;
  height: 300px;
}
.slide-thumb ul{
	float:left;
	width:100%;
	list-style:none;
}
.slide-thumb ul li{
	float:left;
	width:100%;
	border:1px solid #f4f4f4;
	text-align:center;
}
.slide-thumb ul li a img {
    float: left;
    width: 100%;
    height: 110px;
    object-fit: contain;
}
.slide-thumb ul li a{
}
.slide-box{
	float:left;
	width:100%;
	margin-top:20px;
	border:1px solid #ccc;
}
.main-img-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.more-box{
	float:left;
	width:100%;
}
.more-box h3{
	float:left;
	width:100%;
	background:#f4f2f3;
	padding:5px 5px 5px 0;
	direction:rtl;
	font-size:12px;
	margin-bottom:0;
}
.more-box ul{
	float:left;
	width:100%;
	list-style:none;
}
.more-box ul li{
	float:left;
	width:25%;
	border-left:1px solid #f4f4f4;
	border-right:1px solid #f4f4f4;
}

.modal-title {
    direction:rtl;
    font-size:16px;
    font-weight:bold;
}
.modal-close {
    float:left;
}
.modal-body {
    font-size:20px;
    direction:rtl;
}
.modal-footer {
    text-align:left;
}
.modal-button {
    width:140px;
    font-size:16px;
    font-weight:bold;
}
.takanon-topic {
    font-size:16px;
    font-weight:bold;
}
/*===========================================================
Footer
============================================================*/

.footer-area {
    padding: 50px 0;
}

.footer-social {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
}

.footer-social li {
    display: inline-block;
    margin-right: 9px;
}

.footer-menu {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-top: 5px;
}

.footer-menu li {
    float: right;
    list-style: none;
    padding: 0 10px;
}

.footer-menu li a {
    color: #58595b;
    font-family: Arial;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.1px;
    text-transform: uppercase;
}

.footer-menu li form input {
    width: 154px;
    height: 19px;
    border: 1px solid #58595b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 5px;
}

.footer-menu li {
    position: relative;
}

.footer-menu li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '|';
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #58595b;
}

.footer-menu li:last-child:before {
    content: '';
}

.footer-menu li form {
    direction: rtl;
    display: inline-block;
}

.footer-menu li form button {
    border: 0;
    padding: 0;
    background: transparent;
}

.footer-menu form {
    position: relative;
}

.inp-icon {
    position: relative;
}

.inp-icon:before {
    position: absolute;
    top: 6px;
    left: 10px;
    content: '';
    z-index: 1;
    background: url('../img/arrow.png');
    width: 6px;
    height: 7px;
}

.footer-menu form input {
    padding: 0 10px 0 15px;
    direction: ltr;
}

.footer-menu .en {
    font-size: 12px;
}

.gray {
    color: #58595b;
}


/*===========================================================
 Scroll To Top
============================================================*/

.go-top {
    bottom: 20px;
    display: none;
    position: fixed;
    right: 30px;
    z-index: 999;
}

.go-top span {
    background-color: #4285F4;
    color: rgba(255, 255, 255, .6);
    cursor: pointer;
    float: right;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding: 5px 10px;
}

.go-top span:hover {
    color: #fff;
}

.thank-you
{
    font-size:20px;
    direction:rtl;
    margin-top:20px;
}

.visible-desktop {
    display:block;
}
/* RESPONSIVE DESIGN*/

@media screen and (max-width: 1199px) {
    .header-right li {
        margin: 0 1px;
    }

    

    .header-area .container {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1050px) {
    

    .header {
        text-align: center;
    }

    
    .header-left.dib {
        float: none;
        display: block;
    }
}


@media screen and (max-width: 991px) {
	.qty-p-r {
		padding-right: 15px;
		
	}
	.qty-p-l {
		padding-left: 15px;
		margin-bottom:10px;
	}
	.q-small-text{
	padding-right:0;
	}
	.m-dis-none{
	display:none;
	}
	.signin-area h2 {
	text-align:right;
	}
	.promo-btn-2 a{
	margin-top:10px;
	}
	.pading-l-0 {
		padding-right: 14px;
	}
	.pading-rght-67 {
    padding-right: 13px;
    }
	.pro-menu-left {
		float: right;
		margin-right: -5px;
		margin-top: 10px;
		margin-bottom: 10px;
		width:auto;
	}
	.pagi-left ul li a, .pagi-right ul li a{
	font-size:11px;
	}
	.img-box{
	border:none;
	}
	.item-box{
	border:0px solid #f4f4f4;
	padding-bottom:10px;
	}
	.pagi-left {

    float: right;
    margin-bottom: 5px;
     }
	.option-left,.option-right{
	margin:0 !important;
	}
	.select-style {
		background:#fff url(../img/arrow-down.png) no-repeat 5% 50%;
	}
	.select-style{
	margin-bottom:10px;
	}
    .footer-area .col-xs-12 {
        text-align: center;
    }
    .footer {
        display: inline-block;
    }
    .footer-social {
        width: 80px;
        padding-bottom: 10px;
    }
    .footer-social ul {
        margin-top: 10px;
    }
    .footer-menu {
        max-width: 480px;
        padding-bottom: 10px;
        text-align: center;
        /*padding-left: 80px;*/
        /*margin-top: -30px;*/
    }
}

@media screen and (min-width: 768px) {
  
    .visible-mobile{
        display: none;
    }
    
}
@media screen and (max-width: 768px) {
  
    .visible-desktop{
        display: none;
    }
    
}
@media screen and (min-width: 300px) {
   .banner-area {
        background-position: top center;
    }

}

@media screen and (max-width: 767px) {
    .cookcodesmenu_menu {
        background: #ffffff;
        border-bottom: 1px solid #555555;
    }
	.print-p-0{
	padding-left:0;
	}
	.img-box img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    }
	.p-lr-5{
	padding-left:5px;
	padding-right:5px;
	}
	.p-lr-0{
	padding:0;
	}
	.border-b{
	display:none;
	}
	.table-responsive:hover {
    border: 1px solid #ccc;
    }
	.pading-l-0 {
    padding-right: 14px;
    }  
	.visible-cell{
	display:block
	}
	.shopping-nav-left ul li {
    float: left;
    width: 25%;
    margin-bottom: 10px;
    }
	.shopping-nav-left ul li a {
		font-size: 10.5px;
		padding: 5px 5px;
	}
	.pd-lr-0{
	padding:0 !important;
	}
	.sub-btn{
	width:100%;
   	}
    .main-menu-area {
        display: none;
    }
    .cookcodesmenu_brand img {
        height: 45px;
    }
/*
    .cookcodesmenu_nav .cookcodesmenu_arrow,
    .cookcodesmenu_nav a,
    .cookcodesmenu_menu .cookcodesmenu_menutxt {
        color: #000;
    }
    .cookcodesmenu_menu .cookcodesmenu_icon-bar {
        background: #000;
    }*/
    .cookcodesmenu_brand {
        padding: 4px 12px;
    }
    /*#wrapper{*/
    /*padding-top: 51px;*/
    /*}*/
    .header-middle {
        display: none;
    }
    .cookcodesmenu_nav{
        direction: rtl;
    }
    .header-menu{
        display: none;
    }

    .cart-mobile{
        position: absolute;
        top: 15px;
        right: 130px;
        z-index: 9999;
    }
    .cart-mobile a {
        font-size:16px;
        text-decoration:none;
        color:#000000;
    }
    .btn-link, .btn-link2{
	float:left;
	width:100%;
	}

    .hide-non-desktop {
        display:none;
    }
    .hide-desktop {
        display:block;
    }
}

@media screen and (max-width: 450px) {
    .gray {
        /*display: inline-block;*/
    }
    .footer-menu li form {
        width: 154px;
    }
    .banner-list ul li {
        width: 100%;
        margin: 3px 0;
    }
    .banner-list {
        padding: 10px 0;
        bottom: 15px;
    }
	.header-left p{
	display:none;
	}
	.saerch-form{
	width:100%;
	}
	.dib {
    float: left;
    width: 100%;
	}
	.btn-link, .btn-link2{
	float:left;
	width:100%;
	}
	.policy-link{
	margin-right:0;
	}
	.shopping-nav-left ul li {
    float: left;
    width:auto;
    margin-bottom: 10px;
    }

}