@font-face {
    font-family: 'saudi-riyal'; /*a name to be used later*/
    src: url('../fonts/saudi-riyal.ttf'); /*URL to font*/
}
.clsSaudiRiyal
{
  font-family: 'saudi-riyal' !important;
  color:#BDDF33;
  padding:0 5px;
}

body {background: #fff;color: #000;  font-family: 'Noto Sans' ; font-size:14px; font-weight:400}a {color: #BADB33;transition: 0.5s;}a:hover,a:active,a:focus {color: #0b6bd3;outline: none;text-decoration: none;}p {padding: 0;margin: 0 0 30px 0;}h1,h2,h3,h4,h5,h6 {font-family: 'Noto Sans' ;font-weight: 400;margin: 0 0 20px 0;padding: 0;}img {max-width: 100%;}
/* Back to top button */.back-to-top {position: fixed;display: none;background: #007bff;color: #fff;width: 44px;height: 44px;text-align: center;line-height: 1;font-size: 16px;border-radius: 50%;right: 15px;bottom: 15px;transition: background 0.5s;z-index: 11;}
.back-to-top i {padding-top: 12px;color: #fff;}
/* Prelaoder */#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;overflow: hidden;background: #fff;}
#preloader:before {content: "";position: fixed;top: calc(50% - 30px);left: calc(50% - 30px);border: 6px solid #BDDF33;border-top: 6px solid rgb(0,0,0,0.6);border-radius: 50%;width: 60px;height: 60px;-webkit-animation: animate-preloader 1s linear infinite;animation: animate-preloader 1s linear infinite;}
@-webkit-keyframes animate-preloader {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes animate-preloader {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
/*--------------------------------------------------------------# Header--------------------------------------------------------------*/
#header {height: auto;transition: all 0.5s;z-index: 997;transition: all 0.5s;padding:0px 0;background: #fff;/* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */position: static;top: 0;right: 0;left: 0;z-index: 1030;width: 100%;float: left;}header#header {position: fixed;}
#header.header-scrolled,#header.header-pages {height: 60px;padding: 10px 0;}
#header .logo h1 {font-size: 36px;margin: 0;padding: 0;line-height: 1;font-weight: 400;letter-spacing: 3px;text-transform: uppercase;}
#header .logo h1 a,#header .logo h1 a:hover {color: #00366f;text-decoration: none;}
#header .logo img {padding: 0;margin: 0px 0;max-height: 80px;}
.main-pages {margin-top: 60px;}
/*--------------------------------------------------------------# Intro Section--------------------------------------------------------------*/.main-selection {}
.main-selection.trend, .main-selection.promo {height: 250px;}
.main-selection.trend {background: #7c4086;margin-bottom: 40px;}
.main-selection.promo {background: #deaa30;}
.main-selection.winter-sale {background: #567e25;}
.main-selection.winter-sale {min-height: 640px;}section#intro {padding-top: 110px;clear:both;}
.main-selection p {font-size: 75px;font-weight: 600;text-transform: uppercase;color: #fff;line-height: 1;position: absolute;left: 30px;bottom: 40px;margin: 0;}
.main-selection p a{color:#fff}
.main-selection {position: relative;}
.main-selection.winter-sale {background: url(../images/header-01.jpg) no-repeat top center; width:100%; background-size:cover; }
.main-selection.winter-sale p {bottom: auto;top: 30px; text-transform:none;}
.main-selection p span {font-weight: 300;}
/************************************************************/.client-carousel .owl-nav button {position: absolute;}
.client-carousel .owl-nav button.owl-prev {left: 20px;top: 50%;}
.client-carousel .owl-nav button.owl-next {right: 20px;top: 50%;}
.client-carousel .owl-nav button.owl-prev, .client-carousel .owl-nav button.owl-next {transform: translateY(-50%);}
.client-carousel {padding: 0 50px;}
.client-carousel .owl-nav button span {color: #deaa30;font-size: 56px;}
#clients {padding: 60px 0 0;}
.variety {min-height: auto;}

/* .variety.kids {background: url(../images/variety-kids.jpg) no-repeat center bottom;}
.variety.women {background: url(../images/variety-women.jpg) no-repeat center bottom;}
.variety.men {background: url(../images/variety-men.jpg) no-repeat center bottom;} */

p.about {font-size: 25px;font-weight: 600;color: #58595b;text-transform: uppercase;margin-top: 20px;}p.about a{color:#58595b}
/*--------------------------------------------------------------# Navigation Menu--------------------------------------------------------------*//* Desktop Navigation */.main-nav {/* Drop Down *//* Deep Drop Down */}
.main-nav,.main-nav * {margin: 0;padding: 0;list-style: none;}
.main-nav > ul > li {position: relative;white-space: nowrap;float: left;}
.main-nav > ul > li.search {display: none;}
.main-nav a {display: block;position: relative;color: #58595b;padding: 10px 30px 0;transition: 0.3s;font-size: 13px;font-family: 'Noto Sans';font-weight: 400;text-transform:uppercase;}
.main-nav > ul > li a:after {content: "";width: 1px;height: 14px;position: absolute;right: 0;/*background: #58595b;*/top: 14px;}
.main-nav > ul > li:last-child a:after {display:none;}nav.main-nav {margin-top: 28px;}
.main-nav a:hover,.main-nav .active > a,.main-nav li:hover > a {color: #BADB33;text-decoration: none;}
.main-nav .drop-down ul {display: block;position: absolute;left: 0;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.main-nav .drop-down li {min-width: 140px;position: relative;}
.main-nav .drop-down ul a {padding: 6px 20px;font-size: 13px;color: #58595b;}
.main-nav .drop-down ul a:hover,.main-nav .drop-down ul .active > a,.main-nav .drop-down ul li:hover > a {color: #BADB33;}
.main-nav .drop-down > a:after {/*  content: "\f107";font-family: FontAwesome;padding-left: 10px; */}
.main-nav .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105";position: absolute;right: 15px;}
/* Mobile Navigation */.mobile-nav {position: fixed;top: -22px;bottom: auto;z-index: 99999;overflow-y: auto;left: -260px;width: 260px;padding-top: 27px;background: #fff;transition: 0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display: block;position: relative;color: #58595b;padding: 15px 15px;font-weight: 500;text-transform: uppercase;}
.mobile-nav a:hover,.mobile-nav .active > a,.mobile-nav li:hover > a {color: #58595b;text-decoration: none;}
.mobile-nav .drop-down > a:after {content: "\f078";font-family: FontAwesome;padding-left: 10px;position: absolute;right: 15px;color:#BADB33;}
.mobile-nav .active.drop-down > a:after {content: "\f077";}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle {position: fixed;right: 10px;top: 0;z-index: 999999999;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
.mobile-nav-toggle i {margin: 15px 0px 0 0;color: #BADB33;}
.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(0,0,0,0.2);overflow: hidden;display: none;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0%;width:90%;}
.mobile-nav-active .mobile-nav-toggle i {color: #BADB33;}
/*--------------------------------------------------------------# Sections--------------------------------------------------------------*//* Sections Header--------------------------------*/
.section-title {font-size: 30px;color: #000;text-align: center;font-weight: 600;position: relative; margin-top:0 !important; margin-bottom:20px;}
.section-title.white{color:#BADB33;}
.section-header p {text-align: center;margin: auto;font-size: 15px;padding-bottom: 60px;color: #556877;width: 50%;}
/* Section with background--------------------------------*/.section-bg {background: #ecf5ff;}
/* About Us Section--------------------------------*/#about {background: #fff;padding:0 0 60px 0;}
#about .about-container .background {margin: 20px 0;}
#about .about-container .content {background: #fff;}
#about .about-container .title {color: #333;font-weight: 700;font-size: 32px;}
#about .about-container p {line-height: 26px; text-align:center;}
#about .about-container p:last-child {margin-bottom: 0;}
#about .about-container .icon-box {background: #fff;background-size: cover;padding: 0 0 30px 0;}
#about .about-container .icon-box .icon {float: left;background: #fff;width: 64px;height: 64px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;text-align: center;border-radius: 50%;border: 2px solid #007bff;transition: all 0.3s ease-in-out;}
#about .about-container .icon-box .icon i {color: #007bff;font-size: 24px;}
#about .about-container .icon-box:hover .icon {background: #007bff;}
#about .about-container .icon-box:hover .icon i {color: #fff;}
#about .about-container .icon-box .title {margin-left: 80px;font-weight: 600;margin-bottom: 5px;font-size: 18px;}
#about .about-container .icon-box .title a {color: #283d50;}
#about .about-container .icon-box .description {margin-left: 80px;line-height: 24px;font-size: 14px;}
#about .about-extra {padding-top: 60px;}
#about .about-extra h4 {font-weight: 600;font-size: 24px;}
/* Services Section--------------------------------*/#services {padding: 60px 0 40px 0;box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);}
#services .box {padding: 30px;position: relative;overflow: hidden;border-radius: 10px;margin: 0 10px 40px 10px;background: #fff;box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);transition: all 0.3s ease-in-out;}
#services .box:hover {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
#services .icon {position: absolute;left: -10px;top: calc(50% - 32px);}
#services .icon i {font-size: 64px;line-height: 1;transition: 0.5s;}
#services .title {margin-left: 40px;font-weight: 700;margin-bottom: 15px;font-size: 18px;}
#services .title a {color: #111;}
#services .box:hover .title a {color: #007bff;}
#services .description {font-size: 14px;margin-left: 40px;line-height: 24px;margin-bottom: 0;}
#why-us {padding: 60px 0;background: #004a99;}
#why-us .section-header h3,#why-us .section-header p {color: #fff;}
#why-us .card {background: #00458f;border-color: #00458f;border-radius: 10px;margin: 0 15px;padding: 15px 0;text-align: center;color: #fff;transition: 0.3s ease-in-out;height: 100%;}
#why-us .card:hover {background: #003b7a;border-color: #003b7a;}
#why-us .card i {font-size: 48px;padding-top: 15px;color: #bfddfe;}
#why-us .card h5 {font-size: 22px;font-weight: 600;}
#why-us .card p {font-size: 15px;color: #d8eafe;}
#why-us .card .readmore {color: #fff;font-weight: 600;display: inline-block;transition: 0.3s ease-in-out;border-bottom: #00458f solid 2px;}
#why-us .card .readmore:hover {border-bottom: #fff solid 2px;}
#why-us .counters {padding-top: 40px;}
#why-us .counters span {font-family: 'Noto Sans' ;font-weight: bold;font-size: 48px;display: block;color: #fff;}
#why-us .counters p {padding: 0;margin: 0 0 20px 0;font-family: 'Noto Sans' ;font-size: 14px;color: #cce5ff;}
/* Portfolio Section--------------------------------*/#portfolio {padding:0px 0 30px;}
#portfolio #portfolio-flters {padding: 0;margin: 5px 0 35px 0;list-style: none;text-align: center;}
#portfolio #portfolio-flters li {cursor: pointer;margin: 15px 50px 15px 0;display: inline-block;padding: 3px 3px;font-size: 13px;line-height: 20px;color: #000;border-radius: 0;text-transform: uppercase;background: #fff;margin-bottom: 5px;transition: all 0.3s ease-in-out;border-top: 1px solid #000;border-bottom: 1px solid #000;}
#portfolio #portfolio-flters li:hover,#portfolio #portfolio-flters li.filter-active {background: #BDDF33;color: #fff;border-color: #BDDF33;padding: 3px 3px;}
#portfolio #portfolio-flters li:last-child {margin-right: 0;}
#portfolio .portfolio-item {position: relative;overflow: hidden;margin-bottom: 30px;}
#portfolio .portfolio-item .portfolio-wrap {overflow: hidden;position: relative;border-radius: 0;margin: 0;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;text-align: center;opacity: 0;transition: 0.2s linear;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 {font-size: 22px;line-height: 1px;font-weight: 700;margin-bottom: 14px;padding-bottom: 0;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a {color: #fff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a:hover {color: #007bff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info p {padding: 0;margin: 0;color: #e2effe;font-weight: 500;font-size: 14px;text-transform: uppercase;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details {display: inline-block;line-height: 1;text-align: center;width: 36px;height: 36px;background: #007bff;border-radius: 50%;margin: 10px 4px 0 4px;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview i,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details i {padding-top: 6px;font-size: 22px;color: #fff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover {background: #3395ff;}
#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover i,#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover i {color: #fff;}
#portfolio .portfolio-item .portfolio-wrap:hover .portfolio-info {opacity: 1;}
/* Testimonials Section--------------------------------*/#testimonials {padding: 60px 0;box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);}
#testimonials .section-header {margin-bottom: 40px;}
#testimonials .testimonial-item .testimonial-img {width: 120px;border-radius: 50%;border: 4px solid #fff;float: left;}
#testimonials .testimonial-item h3 {font-size: 20px;font-weight: bold;margin: 10px 0 5px 0;color: #111;margin-left: 140px;}
#testimonials .testimonial-item h4 {font-size: 14px;color: #999;margin: 0 0 15px 0;margin-left: 140px;}
#testimonials .testimonial-item p {font-style: italic;margin: 0 0 15px 140px;}
#testimonials .owl-nav,#testimonials .owl-dots {margin-top: 5px;text-align: center;}
#testimonials .owl-dot {display: inline-block;margin: 0 5px;width: 12px;height: 12px;border-radius: 50%;background-color: #ddd;}
#testimonials .owl-dot.active {background-color: #007bff;}
/* Team Section--------------------------------*/#team {background: #fff;padding: 60px 0;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);}
#team .member {text-align: center;margin-bottom: 20px;position: relative;border-radius: 50%;overflow: hidden;}
#team .member .member-info {opacity: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;position: absolute;bottom: 0;top: 0;left: 0;right: 0;transition: 0.2s;}
#team .member .member-info-content {margin-top: 50px;transition: margin 0.2s;}
#team .member:hover .member-info {background: rgba(0, 62, 128, 0.7);opacity: 1;transition: 0.4s;}
#team .member:hover .member-info-content {margin-top: 0;transition: margin 0.4s;}
#team .member h4 {font-weight: 700;margin-bottom: 2px;font-size: 18px;color: #fff;}
#team .member span {font-style: italic;display: block;font-size: 13px;color: #fff;}
#team .member .social {margin-top: 15px;}
#team .member .social a {transition: none;color: #fff;}
#team .member .social a:hover {color: #007bff;}
#team .member .social i {font-size: 18px;margin: 0 2px;}
/* Clients Section--------------------------------*/#clients {padding:20px 0 40px 0;}
#clients .clients-wrap {border-top: 1px solid #d6eaff;border-left: 1px solid #d6eaff;margin-bottom: 30px;}
#clients .client-logo {padding: 64px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;border-right: 1px solid #d6eaff;border-bottom: 1px solid #d6eaff;overflow: hidden;background: #fff;height: 160px;}
#clients .client-logo:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);}
#clients img {transition: all 0.4s ease-in-out;}
/* Contact Section--------------------------------*/#contact {box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);padding: 60px 0;overflow: hidden;}
#contact .section-header {padding-bottom: 30px;}
#contact .contact-about h3 {font-size: 36px;margin: 0 0 10px 0;padding: 0;line-height: 1;font-family: 'Noto Sans' ;font-weight: 300;letter-spacing: 3px;text-transform: uppercase;color: #007bff;}
#contact .contact-about p {font-size: 14px;line-height: 24px;font-family: 'Noto Sans' ;color: #888;}
#contact .social-links {padding-bottom: 20px;}
#contact .social-links a {font-size: 18px;display: inline-block;background: #fff;color: #007bff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;border: 1px solid #007bff;}
#contact .social-links a:hover {background: #007bff;color: #fff;}
#contact .info {color: #283d50;}
#contact .info i {font-size: 32px;color: #007bff;float: left;line-height: 1;}
#contact .info p {padding: 0 0 10px 36px;line-height: 28px;font-size: 14px;}
#contact .form #sendmessage {color: #007bff;border: 1px solid #007bff;display: none;text-align: center;padding: 15px;font-weight: 600;margin-bottom: 15px;}
#contact .form #errormessage {color: red;display: none;border: 1px solid red;text-align: center;padding: 15px;font-weight: 600;margin-bottom: 15px;}
#contact .form #sendmessage.show,#contact .form #errormessage.show,#contact .form .show {display: block;}
#contact .form .validation {color: red;display: none;margin: 0 0 20px;font-weight: 400;font-size: 13px;}
#contact .form input,#contact .form textarea {border-radius: 0;box-shadow: none;font-size: 14px;}
#contact .form button[type="submit"] {background: #007bff;border: 0;border-radius: 20px;padding: 8px 30px;color: #fff;transition: 0.3s;}
#contact .form button[type="submit"]:hover {background: #0067d5;cursor: pointer;}
/*******************************************************************//*******************************************************************/.special-offer {background: #BDDF33;padding: 8px 10px;color: #fff;font-weight: bold;text-align: center;position: absolute;z-index: 9;top: 0px;left: 0px;}
.new-tag {right: 15px;background-color: rgb(0,0,0,0.6);color: #fff;text-align: center;font-weight: bold;width: 70px;bottom: 10px;position: absolute;padding: 8px 10px;}
.list-product {position: relative;}
.list-product {font-size: 12px;padding: 80px 15px 15px 15px;}
.brand-logo img {width: 100px !important;text-align: center !important;margin: 0 auto !important;}
.brand-logo {position: absolute;top: 45px !important;left: 34% !important;width: 100% !important;right: 0 !important;left: 0 !important;text-align: center;}
.add-to-wishlist {position: absolute;width: 33px;height: 33px;background: #BDDF33;border-radius: 50%;right: 20px;text-align: center;top: 0px;transition: 0.5s;transform: scale(1);border: 1px solid #BDDF33;}
.add-to-wishlist:hover {background: #000;border-color: #000;}
.add-to-wishlist .fa {font-size: 19px;line-height: 33px;font-weight: 600;color:#fff;}
.colors-view p, .colors-view img {display: inline-block;}
.colors-view p {margin-right: 30px;text-transform: uppercase;/* float: left; */font-weight: 600;font-size: 14px;margin-bottom: 0;}
.colors-view img {border-radius: 50%;width: 20px;}
.colors-view {padding: 8px 0;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;margin: 17px 0;}
p.product-name, p.product-name a {color: rgb(0,0,0,0.6);font-size: 11px;font-weight: 700;text-align: center;text-transform: uppercase;margin-bottom: 5px; text-decoration:none; line-height:15px; padding-bottom:0px; height:70px;}
p.product-price {text-align: center;font-size: 19px;font-weight: 700;text-align: center;color: #000;text-transform: uppercase;line-height: 14px;}span.price-new {}span.price-old {text-decoration: line-through;color: #d0d0d0;padding: 0 5px;}
/************************************************************************************/.banner-bottom-strip {background: #fff;border-bottom: 1px solid #d8d8d8;border-top: 0px solid #d8d8d8;float: left;width: 100%;}
.banner-bottom-strip ul {width: 100%;float: left;margin: 0;padding: 15px 0;}
.banner-bottom-strip.strip2 ul{padding:15px 0;}
.banner-bottom-strip ul li{width:33.33%;position:relative;height:86px;display:table; float:left;}
.banner-bottom-strip ul li:before{background:url(../images/sprite.png) no-repeat;background-position:0 0;content:"";position:absolute;left:0px !important;top:10px;width:68px;height:65px;}
.banner-bottom-strip ul li:first-child:before{background-position:0 -88px;}
.banner-bottom-strip ul li:nth-child(2):before{background-position:0 -154px;}
.banner-bottom-strip ul li:last-child:before{background-position:0 -219px;}
.banner-bottom-strip ul li p{display:table-cell;vertical-align:middle;height:100%;float:none;font-size:25px;font-weight:600;text-transform:uppercase;padding:0 0 0 85px;color:#000}
.strip3.banner-bottom-strip ul li p { display: table-cell; vertical-align: middle; height: 100%; float: none; font-size: 36px; font-weight: normal; text-transform: uppercase; padding: 0 0 0 85px; color: #6d6e71; line-height: 36px; width: 50%; float: left; }
.banner-bottom-strip ul li p a {color: #000;}
.strip3.banner-bottom-strip ul li:after{background:#d8d8d8 !important;top: 7% !important;}
.strip2.banner-bottom-strip ul li:after{background:#BADB33;content:"";position:absolute;right:30px;top:14px;width:1px;height: 60%;top:14%;}
.banner-bottom-strip ul li:after{background:#BADB33;content:"";position:absolute;right:30px;top:14px;width:1px;height: 60%;top:18%;}
.banner-bottom-strip ul li:last-child:after{display:none;}
.banner-bottom-strip.strip2 ul li p {font-weight: 400;text-transform: none;}
.banner-bottom-strip.strip2 {background: #f4f4f4;border-color: #f4f4f4;}
.banner-bottom-strip.strip2 ul li:first-child:before{background:url(../images/phone.png) no-repeat;background-position:center;content:"";position:absolute;left:40px;top:10px;width:68px;height:65px;background-size: 50px;}
.banner-bottom-strip.strip2 ul li:nth-child(2):before{background:url(../images/whatsapp.png) no-repeat;background-position:center;content:"";position:absolute;left:40px;top:10px;width:68px;height:65px;background-size: 50px;}
.banner-bottom-strip.strip2 ul li:last-child:before{background:url(../images/email.png) no-repeat;background-position:center;content:"";position:absolute;left:40px;top:10px;width:68px;height:65px;background-size: 50px;}
footer{float:left;width:100%;padding:36px 0 25px 0;background:#383838;}
.footer-col-1{padding-left:0 !important;}
.footer-col p { font-size: 16px; font-weight: bold; margin-bottom:10px; text-transform: uppercase; margin: 0; color: #fff; border-bottom: 1px solid #fff; line-height:35px; }
.footer-col p a { color:#000; }
.footer-col p a:hover {color:#fa9b25;}
.footer-col ul{margin:15px 0 0 0 !important;list-style-type: none;padding: 0;}
.footer-col ul li{width:100%; float:left}
.footer-col ul li a { color: #fff; font-size: 14px; line-height:25px; text-transform: capitalize; font-weight: 500; padding: 0; float: left; }
.footer-col ul li a:hover {color:#fff;}
.footer-col form input{width:100%;float:left;border:1px solid #e9e9e9;height:40px;padding:0 0 0 20px;margin:0 0 17px 0;}
.footer-col form{margin:25px 0 0 0;float:left;width:100%;}
.footer-col button{background:transparent;border:none;line-height:1;color:#000;font-size:13px;padding:10px 20px;text-transform:uppercase;font-weight:700;transition:0.5s;position:relative;z-index:9;}
.button-wrap{float:left;border-radius:50px;overflow:hidden;background:#BADB33;border:1px solid #FFF;line-height:1;transition:0.5s;position:relative;}
.button-wrap:hover{border:1px solid #BADB33;}
.button-wrap:before{content:"";background:#fff;border:1px solid #fff;width:50%;height:100%;position:absolute;left:-101%;top:0;transition:0.5s;border-radius: 17px 0px 0 17px;}
.button-wrap:hover:before{left:0;transition:0.5s; display:none}
.button-wrap:after{content:"";background:#fff;border:1px solid #fff;width:50%;height:100%;position:absolute;right:-101%;top:0;transition:0.5s; border-radius: 0px 17px 17px 0px;}
.button-wrap:hover:after{right:0;transition:0.5s; display:none}
.copy-txt { float: left; width: 100%; padding: 18px 0 0 0; text-align: center; }
.copy-txt p { font-size: 15px; text-transform: capitalize; color: #6d6e71; font-weight: normal; margin: 0; }
.copy-middle{margin:0px auto; /* width:300px; */width:auto;}
.brand-d{width: auto; float: left;}
.cards { width: 100%; float: none; margin-top: 10px; margin-left: 0; text-align: center; display: table; margin: 0 auto; }
.cards img:last-child{}
.cards img{margin:0 7px 0 0;}
.copyright-outer {float: left;width: 100%;padding: 0px 0 20px;}
.social{width:auto;float:right;    margin-top: 0px;}
.footer-col .social {float: left;}
.footer-col .social p { font-size: 21px; color: #fff; font-weight: normal; text-transform: none;border: 0; margin-bottom: 10px;}
.copyright-outer .social {display: none;}
.social p{width:auto;font-size:13px;text-transform:uppercase;color:#000;font-weight:600;margin:0;padding:0px 15px 0 0;}
.social ul{width:auto;list-style-type: none;padding: 0;float: left;}
.social ul li{width:auto;}
.social ul li:last-child{margin:0;}
.social ul li { width: auto; margin: 0 15px 0 0; line-height: 1; float: left; border-right: 1px solid #fff; padding-right: 15px;height: 50px; }
.social ul li:last-child {border-right:0;}
.social ul li a{color:#000;font-size:17px;font-weight:700;margin:5px 0 5px 0;float:left;transition:0.5s;}
.social ul li:first-child a:hover {transition:0.5s;color:#475993;}
.social ul li:nth-child(2) a:hover {transition:0.5s;color:#1da1f2;}
.social ul li:nth-child(3) a:hover {transition:0.5s;color:#0077b7;}
.social ul li:nth-child(4) a:hover {transition:0.5s;color:#f61c0d;}section#newsletter {text-align: center;padding: 25px 0 30px;float: left;width: 100%;}
#newsletter input[type="text"] {width: 75%;float: left;text-transform: capitalize;background: transparent;border: 2px solid #BADB33;padding: 8px 20px;line-height: 27px;color:#000; font-size:10px;}
#newsletter .button-wrap {width: 25%;float: left;border-radius: 0;border: 0;line-height: 27px;}form#clsNewsletter { width: 67%; margin: 0 auto; float: none; }
#newsletter .button-wrap button {width: 100%;border: 2px solid #BADB33;background:#BADB33;padding: 8px 10px;border-radius: 0;color:#fff;font-size: 20px;}
#newsletter input[type="text"]::placeholder {color:#ccc;}section#newsletter h2.section-title {margin-bottom: 5px;text-transform: uppercase;}section#newsletter p {color:#6d6e71;margin-bottom: 20px;font-size: 21px;}span.term {float: left;width: 100%;margin-top: 40px;color: #fff;}
.footer-col {width: 25%;padding: 0 2%;}
.app-download a span {margin-bottom: 15px;float: left;}
.app-download {margin-top: 10px;}
.app-download a:last-child span{margin-bottom: 0;}
.right-nav ul {list-style-type: none;padding: 0;}
.right-nav ul li {display: inline-block;}
.right-nav {float: right;}nav.main-nav {margin-top: -15px;float: right !important;}
.right-nav ul li:after {content: "";width: 1px;height: 14px;position: absolute;left: -2px; /*background: #58595b;*/ top: 48%;transform: translateY(-50%);}
.right-nav ul li {position: relative;padding:0 5px;cursor: pointer;}
.right-nav ul li:last-child {padding-right: 0; padding-left:0;}
.right-nav ul li:last-child:after {display: none;}li.currency select { /*font-family: 'Noto Sans';*/padding-right: 25px;background: transparent;cursor: pointer;padding-left:8px;}li.currency:before {/* content: "\f078"; */font-family: FontAwesome;padding-left: 10px;position: absolute;right: 10px;color: #BADB33;}
.right-nav ul li.currency {padding-right: 0;background: url(../images/menu-arrow.png) no-repeat 84% center;padding-left:0;}li.language:hover {color: #BADB33;}
.right-nav ul li .dropdown-toggle::after {display: none;}
.right-nav ul li .badge {position: absolute;background: #BADB33;border-radius: 50%;color: #fff;top: -6px;font-size: 10px;left: 3px;
right: 0;margin: 0 auto;width: 12px;height: 12px;line-height: 7px; padding:2px;}
.right-nav ul li, .right-nav ul li a {color: #58595b;font-size: 12px;}
.right-nav ul li .fa, .right-nav ul li a .fa {font-size: 18px;}
.right-nav ul li.wishlist {padding-right:10px;color: red;}
.main-nav > ul > li.drop-down ul { /*border-left: 5px solid #BADB33;*/ background: rgba(255,255,255,0.8);}
.main-nav > ul > li > li a:after {width: 100%;height: 1px;}
.main-nav > ul > li li a:after {width: 100px;height: 1px;bottom: 0;top: auto;left: 15px;background: #BADB33;}
.main-nav > ul > li li:last-child a:after {display: none;}
.main-nav > ul > li:last-child a {padding-right: 0;}
.mobile-nav a:before {content: "";height: 1px;position: absolute;left: 10px;right: 10px;bottom: 0;background: rgba(88, 89, 91, 0.5);}
.mobile-nav .drop-down li {padding-left: 0;margin-left: 20px;border-left: 3px solid #BADB33;}
.mobile-nav > ul >li.drop-down.active a:before {display: none;}
.mobile-nav > ul >li.drop-down.active li a:before{display:block;background: #BADB33;}
.mobile-nav .active.drop-down > a:after {color: #BADB33;}li.phone, li.whatsapp, nav.main-nav li.language, nav.main-nav li.wishlist{display:none;}
.main-nav > ul > li:nth-last-child(6) a:after {display: none;}
.main-nav > ul > li:nth-last-child(6) a {/*padding-right: 0;*/}
/**********************************************************/
.my-bag ul { width: 310px !important;left: -20px; !important;right: auto !important;top: 25px !important;transform: translateX(0) !important; }
.my-bag ul li { padding: 0 !important; border: none !important; }
.cart-panel { float: left; width: auto; padding: 10px; background: #fff; border: none; border-top: 0; margin: 0; }
.cart-panel p{font-size:14px;font-weight:300;margin:0 0 20px}
.cart-panel-in{float:left;width:100%}
.images-description-panel {float:left;width:100%;}
.hd {float:left;width:100%;font-size:16px;text-align:center;text-transform:uppercase;color:#555;font-weight:700;margin-bottom:10px;}
.hd span{color:#BADB33}
.cart-item { float: left; width: 100%; border-top: 1px solid #e5e5e5; padding: 10px 0 0 0; margin: 0; position: relative; }
.pro-name{float:left;width:100%;font-size:14px;color:#555;margin:0 0 10px;}
.cart-img { float: left; margin: 0; width: 55px; margin: 0 10px 10px 0; text-align: center; padding:0px; }
.cart-img-disc { float: left; width: 65%; margin: 0 0 0 0px; }
.cncl-pro { float: right; position: absolute; right: 0; top: 40%; }
.rw1 {float:left;width:100%;margin:2px 0 7px;font-size:14px;color:#555;}
.cl1 {float:left;width:auto; padding-right:5px;}
.cl2 { float: left; width: 12px; }
.cl3 {float:left;width:auto;}
.total { float: left; width: 100%; font-size: 16px; color: #555; font-weight: 700; line-height: 1; }
.cart-item-wrap { float: left; width: 100%; max-height: 301px; height:auto; overflow: auto; }
.bag-buttons.more a{float:left;font-size:14px;text-transform:uppercase;color:#fff;background:rgb(0,0,0,0.6);line-height:1;padding:10px 0px;border-radius:0;width:48%;transition:0.5s;position:relative;overflow:hidden;border: 1px solid rgb(0,0,0,0.6); margin-right:5px}
.bag-buttons.more a.view-bag{float:left;font-size:15px;text-transform:uppercase;color:#fff;background:#BDDF33;line-height:1;padding:10px 0px;border-radius:0;width:48%;transition:0.5s;position:relative;overflow:hidden;border: 1px solid #BADB33; margin-right:0px}
.bag-buttons.more a span{position:relative;z-index:1;background: none; padding:0 25px}
.bag-buttons.more a span:before {display:none;}
.bag-buttons.more a:hover{color:rgb(0,0,0,0.6);}
.bag-buttons.more a.view-bag:hover{color:#BADB33;}

.bag-buttons.more a:before{width:100%;background:#fff;position:absolute;left:-100%;top:0;height:100%;content:"";transition:0.5s;}
.bag-buttons.more a:after{width:100%;background:#fff;position:absolute;right:-100%;top:0;height:100%;content:"";transition:0.5s;}

/*.bag-buttons.more a:hover:before{left:0;transition:0.5s;}
.bag-buttons.more a:hover:after{right:0;transition:0.5s;}*/

.bag-buttons.more { float: left; width: 100%; text-align: center; margin: 20px 0 0 0; }
.dropdown.my-bag { padding-bottom:0px; }
.my-bag ul:before { content: ""; position: absolute; top: -8px; left: 20px; right:initial; width: 13px; height: 8px; background: url(../images/my-bags-ul-arrow.png) no-repeat center; }
.togglesearch{background: #E8E8E4;position: absolute;top: 43px;right: 0;width: 350px;height: auto;line-height: 32px;box-shadow: 0 0 10px rgba(0,0,0,0.5);border-top: 1px solid #BADB33;display: none;z-index: 9;}
.togglesearch:before{content: "";position: absolute;top: -28px;right: 13px;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 14px solid transparent;border-bottom: 14px solid #BADB33;}
.togglesearch input[type="text"]{width: 70%;padding: 5px 10px;margin-left: 0;border: 1px solid #BADB33;outline: none;}
.togglesearch input[type="button"]{width: 30%;padding: 5px 0;background: #BADB33;color: #fff;margin-left: -4px;border: 1px solid #BADB33;outline: none;cursor: pointer;}
.mobile-hide {display: none;}
.search-label {width: auto;height: auto;position: absolute;right: 0;top: 0;padding: 0;margin: 0;text-align: center;cursor: pointer;line-height: 46px;background: transparent;z-index: 90;}
.form-control-submit {background: #fff;opacity: 0;color: transparent;border: none;outline: none;z-index: -1;}
.search-form input {float: left;width: 75%;line-height: 1.5;color: #000;border:  1px solid #fff;border-radius: 5px;font-size: 13px;font-weight: 400; }
.search-form input {position: absolute;top: 0;left: 0;outline: none;width: 100%;height: 46px;margin: 0;z-index: 10;padding-right: 60px; text-align: center; }
.sb-search-open .search-label { background:#cccaca; border-radius:0px 5px 5px 0px; }
.sb-search-open .search-form input {  border: 1px solid #BADB33; }
.form-group.sb-search-open, .no-js .sb-search-open {width: 100%;}ul.search {width: 100%;float: right;}
.right-nav > ul {float: right;margin-top: 0;margin-left: 0px;max-width: unset;padding-right:0px;margin-bottom: 0;}
div#search {width: 0%;position: relative;width: 0%;min-width: 46px;height: 46px;overflow: hidden;transition: width 1s;top: 5px;backface-visibility: hidden;float:right !important;  border:1px solid transparent;}
form.search-form {width: 100%;}li.search {width: 100%;}
.right-nav.hidden-xs {}
.right-nav > ul.search {margin-top: 0;margin-left: 0;padding-right: 0;max-width: 350px;margin-right:0;}div#search.form-group.sb-search-open, .no-js .sb-search-open { width: 100%; border: 1px solid #BADB33; border-radius: 5px;	}
.right-nav ul li.search {padding-right: 0;padding-left: 0;}
[type=button], [type=reset], [type=submit], button{cursor:pointer;}
.mobile-display-block { display:none !important}
#my-carousel-1 { margin-left: -5px; margin-right: -5px; }
.item.slide-1 { /*background: url(../images/header-01.jpg) no-repeat center;*/ height:625px;background-size: cover; }
.item.slide-2 { /*background: url(../images/header-02.jpg) no-repeat center; */ height:625px;background-size: cover; }
.item .slide-2 .tagline-box { width: 300px; right: 0; left: auto; }
.item .slide-2 .tagline-box  .tagline-1 { color:#fff; }
.item .slide-2 .tagline-box  .tagline-2 { color:#fef32c;  font-size:80px; line-height: 1; }
.banner .slide-2 .tagline-box  .tagline-2 sup { color:#b1d92e;  font-size:40px; }
.banner .slide-2 .tagline-box  .tagline-3 { color:#fff; font-size:24px; float: left; width: 100%;}
.banner .slide-2 .tagline-box a {color: #fff !important; background: transparent; border: 1px solid #fff;}
.banner .slide-2 .tagline-box a:hover {background: #fff;color: #000 !important;}
.footer-col.no-border { border: 0; }
.footer-col.no-border.social-area { float: right !important; width: 25%; }
.footer-col .social { float: right; width: 50%; }
.guarantee-txt { font-size: 45px; width: 100%; float: left; text-align: center; color: #BADB33; font-weight: 600; }
.details-description-head { color: #BADB33; text-align: center !important; width: 100%; float: left; margin-top: 22px; font-size: 33px; text-transform: uppercase; margin-bottom: 0; }
.details-description-wrap.fl-wdth:last-child {border: 0;}
.details-description-wrap { border-bottom: 1px solid #c0c1c2; }
.content-head{margin:0;text-align:center;position:relative;font-size:40px;color:#000;padding:0 0 17px 0;}
.content-head:before{position:absolute;left:46.5%;bottom:0;content:"";background:#000;width:7%;height:1px;}
.content-head:after{position:absolute;left:48.25%;bottom:-6px;content:"";background:#000;width:3.5%;height:1px;}
.review-container { float: left; width: 100%; border: 1px solid #dfdfdf; padding: 30px 80px 0;padding-top: 40px;margin-top: 50px;}
.review-container .container { padding: 0 100px; }
.review-colum {width:100%;float:left;margin-bottom: 50px;}
.review-imgcolum {float:left;width:80px;}
.review-textcolum {float:right;width:860px;}
.review-title { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 5px; }
.review-title-2 { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 5px; }
.review-container .login-leftarea{ width: 100%;border-right:none;    padding: 0 0 30px 0px;}
.review-container .login-leftarea .form-area {     margin: 0 auto;    float: none;}
/* Ratings widget */.rate { display: inline-block; border: 0; float: left; margin-right: 10px; }
/* Hide radio */.rate > input { display: none; }
/* Order correctly by floating highest to the right */.rate > label { float: right; color: #e8e8e8; }
/* The star of the show */.rate > label:before { display: inline-block; font-size:13px; padding: .3rem .2rem; margin: 0; cursor: pointer; font-family: FontAwesome; content: "\f005 "; /* full star */ }
.rate2 > label:before {font-size:15px;}
/* Half star trick */ .rate .half:before { content: "\f089 "; /* half star no outline */ position: absolute; padding-right: 0; }
/* Click + hover color */.rate input:checked ~ label, /* color current and previous stars on checked */.rate label:hover, label:hover ~ label { color: #BADB33 !important  }
/* color previous stars on hover *//* Hover highlights */.rate input:checked + label:hover, .rate input:checked ~ label:hover, /* highlight current and previous stars */.rate input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */.rate label:hover ~ input:checked ~ label /* highlight previous selected stars */ { color: #ff002e;  }
.review-content { float: left; width: 100%; color: #000; font-size: 14px; }
.review-textcolum { float: right; width: 840px; }
.review-rating { float: left; width: 100%; }
.review-content { float: left; width: 100%; color: #000; }
.month-area { color: #b0b0b0; }
.review-comment {float:left;width:100%;margin-bottom: 40px;}
.review-comment textarea { border: 1px solid #e0e0e0; width: 100%; border-radius: 10px; height: 100px; padding: 13px; color: #b0b0b0; }
.review-btn {background: #BADB33; width: 160px; float: right; font-size: 16px; color: #000; text-align: center; border: 0; padding: 6px 0; margin: 15px 0 20px 0; border-radius: 50px; clear: both; -webkit-transition: 0.5s; text-transform: uppercase; color: #fff; text-transform: capitalize; font-size: 24px; font-weight: 600; padding: 5px 20px 8px; border-radius: 0; position: relative; border: 1px solid #BADB33}
.review-btn:hover { background: #fff !important;border:1px solid #BADB33;color:#BADB33;cu }
.review-comment fieldset.rate { float: right; margin-top: 18px; }
.profile-col2 { float: left; width: 100%; padding-left: 0%; }
.profile-col2 .log-reg-input{width:100%;padding: 0 0 5%;border-bottom: 1px dashed #c6c6c6;}
.profile-col2 .log-reg-input:last-child{width:100%;padding: 0 0 5%;border-bottom: none;}
::-webkit-input-placeholder { /* Edge */color: #ccc;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #ccc;}
::placeholder {color: #ccc;}
/*********** Detail page**************/.bread-crumb a{color:#000;}
.bread-crumb p{margin:0;}
#slider{padding:25px 25px 10px 25px; position:relative;}
#slider .flex-direction-nav{top:auto !important; bottom:32px !important;right: 10px;width:90%;}
.detail-page { margin: 150px 0 50px 0; }
.product-name .content-head{text-align:left;font-size:16px;margin:15px 0 0 0; line-height:30px;}
.product-name .content-head:before{left:0;width:80px;display:none}
.product-name .content-head:after{left:0;width:40px;display:none}
.fl-wdth { float: left; width: 100%; }
.zoom-img.col-md-12.col-lg-7.col-sm-12.col-xs-12 { float: left; }
.col-md-12.col-lg-5.col-sm-12.col-xs-12.details-content-wrapp { float: left; padding-left: 3%; width: 78% !important; flex: 78% !important; max-width: 40% !important; border-left: 1px solid #dfe0e1;padding-right: 0 !important;padding-bottom: 32px;}
.detail-area { float: left; width: 100%; }
.brand-logo.fl-wdth { position: static; width: 100% !important; }
.brand-logo.fl-wdth img {width:150px !important}
.product-name .content-head { text-align: left; font-size: 16px; margin: 15px 0 0 0; color: #BADB33;padding:0 !important; line-height:30px;}
.model-number.model-number2 { float: left; }
.model-number p { font-size: 16px; text-transform: capitalize; color: #5a5b5d; font-weight: normal;margin-bottom: 0;}
.model-number p span{color:#BADB33;}
.model-number{float:left;width:100%;}
.model-color{float:left;width:60%;}
.model-color p.fav-color { padding:10px 0 0; color:#FF0000;  text-transform: capitalize; }
.model-color p{font-size:15px;text-transform:uppercase;color:#000;font-weight:600;width:auto;margin:0 5px 0 0;}
.model-color span img{float:left;margin:-4px 5px 0 0;}
.model-details{margin-bottom:0px;}
.model-color span{float:left;font-size:15px;text-transform:uppercase;color:#000;font-weight:600;margin:-4px 0 0 0;}
.add-to-cart-wrap{margin:8px auto 0;padding:0;border-top:0px solid #e9e9e9;border-bottom:0px solid #e9e9e9; float: left; width: 100%;  }
.add-to-cart-details{float:left; margin:0; width: 100%; }
.add-to-cart-details a { background: #BADB33 !important; color: #fff; text-transform: capitalize; font-size: 20px; font-weight: normal; padding: 10px 20px; border-radius: 0; position: relative; float: left; width: 59%; text-align: center; width: 100%; border:1px solid transparent}
.add-to-cart-details a:hover{color:#BADB33;background:#fff !important;border:1px solid #BADB33}
.try-glass-details{float:left;margin:0 20px 0 0;}
.medical-lens a { background: #58595b; color: #fff; text-transform: capitalize; font-size: 20px; font-weight: normal; padding: 10px 20px; border-radius: 0; position: relative;float: left; width: 59%; text-align: center; width: 100%;border:1px solid transparent }
.medical-lens a:hover{color:#58595b;background:#fff !important;border:1px solid #58595b}
.medical-lens a:before{content:"";position:absolute; background:none;transition:0.5s;}
.rating-share { margin: 10px 0 0px 0; float: left; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.rating-share ul { margin: 0 !important; padding: 0 !important; display:none; }
.rating-share ul li{width:auto;list-style:none;float:left}
.rating-share ul li span{float:left;width:20px;height:18px;background:url(../images/sprite.png) no-repeat -132px 0;}
.rating-share ul li span.star-fill{background-position:-111px 0;}
.rating-share ul li p{width:auto;margin:4px 0 0 14px;font-size:13px;text-transform:uppercase;color:#5a5b5d;}
.rating-share ul li i{margin:0;float:left;font-size:24px;color:#000;}
.price-wrap p{font-size:22px;color:#BADB33;font-weight:bold;margin:0 0px 0 0;width:auto;}
.price-wrap p.price-p-old{color:#d0d0d0;margin:0;text-decoration:line-through;}
.price-quantity .wish-list-wrap{width:42px;height:42px;background:#f1f2f2;border-radius:50%;position:relative;top:9px;margin:0 25px 0 0;}
.price-quantity .wish-list-wrap:before{background:url(../images/sprite.png) no-repeat;background-position:-19px -1px;position:absolute;left:11px;top:13px;content:"";width:21px;height:18px;}
.frame-size p { margin-bottom: 0; }
.title-p { color: #5a5b5d; }
.add-price.disc {margin: 0 22px;color: #5a5b5d;}
.price-wrap.fl-wdth {border-bottom:1px solid #ccc;}
.frame-size { margin: 10px 0;color: #5a5b5d;}
.frame-size b { font-weight: normal; color: #BADB33; text-transform:uppercase }
.frame-popup a.btn-orange { background: #fff; margin-left: 10px; border: solid 1px #ccc; }
.frame-popup a.btn-orange:hover{ background: #FFF; color:#000; }
.frame-popup a.btn-orange:before{background: url(../images/frame-guide-img-orange.png) no-repeat center;background-position: 0 -12px;}
.frame-popup a.btn-orange:hover:before{background: url(../images/frame-guide-img-orange.png) no-repeat center;background-position: 0 0;  transition: .5s;}
.frame-popup a { display: block; padding: 10px 4px; float: left; border: solid 1px #ccc; border-radius: 0; line-height: 15px; font-size: 14px; font-family: 'Source Sans Pro', sans-serif; font-weight: normal; color: #BADB33; background-color: #fff; transition: 0.5s; position: relative; width: 48%; text-align: center; text-transform: uppercase; }
.frame-popup a:hover{color:#000;background:#fff;transition:0.5s;  border:solid 1px #e4e5e6;  }
.add-wish-list-details { float: left; margin-right: 25px;margin-top: 13px; }
.add-wish-list-details a, .share-details a { color: #58595b !important; font-size: 14px; }
.add-wish-list-details a i, .share-details a i { color: #BADB33; margin-right: 9px; font-size: 26px !important; float: left; }
.add-to-cart-wrap.add-to-cart-wrap2 { width: 270px; margin: 0 auto; float: none; clear: both; }
.share-details {margin-top: 13px;float: left;}
.flex-direction-nav a.flex-prev {background: url(../images/left-arrow.jpg) no-repeat left center !important;width:35px;height:53px;}
.flex-direction-nav a.flex-next {background: url(../images/right-arrow.jpg) no-repeat right center !important;width:35px;height:53px;}
.review-comment input { width: 100%; margin-bottom: 20px; border: 1px solid #e0e0e0; width: 100%; border-radius: 10px; height: 40px; padding: 13px; color: #b0b0b0; }
.comment-title { font-size: 27px; margin-bottom: 10px; }
.review-btn { width: auto !important; padding: 0 20px !important; color: #fff !important; font-size: 22px; border: 0 !important; 	border-bottom-color: currentcolor; 	border-bottom-style: none; 	border-bottom-width: 0px; border-bottom: 0 !important; font-weight: normal; border-radius:0 !important;margin-top: 0 !important;}
.review-btn:hover {background:#fff !important;border:1px solid #BADB33 !important;color:#BADB33 !important}
.owl-carousel, .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{width:100%;z-index:1}
.owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden;}
.owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0);}
.owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-item img{display:block;width:100%}
.owl-dots.disabled,.owl-nav.disabled{display:block}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-dot,.owl-nav .owl-next,.owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.animated{animation-duration:1s;animation-fill-mode:both}
.owl-animated-in{z-index:0}
.owl-animated-out{z-index:1}
#demos { float: left; width: 100%; }
.slider-carousel .owl-nav { width: 100%; float: left; position: absolute; top: 40%; }
.slider-carousel .owl-prev { background: #00000021 !important; width: 44px; height: 45px; float:left }
.slider-carousel .owl-prev span {font-size: 47px;color: #fff;line-height: 37px;}
.slider-carousel .owl-next { background: #00000021 !important; width: 44px; height: 45px; float:right}
.slider-carousel .owl-next span {font-size: 47px;color: #fff;line-height: 37px;}
.owl-carousel.related-carousel.wow.fadeInUp.owl-loaded.owl-drag { float: left; width: 100%; }
.product-name { text-align: center; font-size: 14px; }
.owl-carousel.related-carousel .owl-nav button.owl-prev,.client-carousel .owl-nav button.owl-next {top:50%}
.owl-carousel.related-carousel .owl-nav button span {font-size:43px}
.owl-carousel.related-carousel  .owl-nav button span { color: #c0c0c0; font-size: 56px; }
.owl-carousel.related-	carousel  .owl-nav button.owl-prev {left: 0;top: 50%;}
.owl-carousel.related-carousel  .owl-nav button.owl-next {right: 0;top: 50%;}
.owl-carousel.related-carousel .item {text-align:center}
.client-img2 {width: 82% !important;display:initial !important;}
.owl-carousel.related-carousel .owl-prev {float:left;margin-left: -10px !important;}
.owl-carousel.related-carousel .owl-next {float:right;margin-right: -10px !important;}
.owl-carousel.related-carousel .owl-nav { margin-top: -120px; float: left; width: 100%; }
.right-nav ul li a img { width: 85%; }
.right-nav ul li.wishlist img { width: 77%; }
/* .right-nav ul li.wishlist .badge {right: 3px;} */
li.currency.mobile {display: none;}span.search-label img {max-width: 42% !important;}ul.search.mobile {display:none !important}ul.search.desktop {display:block !important}
.row.portfolio-container.inside-area {float: left;width: 100%;margin:0px 0 40px 0;background: #f6f6f67d;padding: 50px 0;height: auto !important;}
.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item {position:static !important;}
.special-offer2 { width: 100%; float: left; text-align: center; margin-bottom: 50px; font-size: 33px; font-weight: 600; text-transform: capitalize; }
.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item .portfolio-wrap {background: #fff;padding: 10px !important;}
.mobile-detail {display:none}
.mobile-block { display:none}
.mobile-none { display:block}
.right-nav ul li.my-bag .badge { left:6px; right:auto; margin:0}
/*--------------------------------------------------------------# Responsive Media Queries--------------------------------------------------------------*/
.footer-col .social {width:100%; display:flex; flex-flow:column; align-items:flex-start}
.footer-col .social p { text-transform:uppercase}
.right-nav ul li.language { font-size:18px}

/* li.my-account.hidden-xs.dropdown {
    padding-right: 0;
} */

.desktop-social {display:block}
.mobile-social {display:none}

@media (max-width: 1024px) {.review-textcolum {width: 80%;}
.medical-lens a {font-size: 16px;}
.price-wrap p {font-size: 26px;}
.model-number p {font-size: 18px;}
.slider-img { background-size: auto 100% !important; height: 580px !important; }
.logo {max-width: 136px;}
.main-selection p {font-size: 53px;}
.copy-middle{width:auto}p.product-price span {font-size: 15px;}
/* 	 */
div#search { top:-2px}
}
@media (min-width: 992px) {#testimonials .testimonial-item p {width: 80%;  }
}
@media (max-width: 991px) {
li.my-account.hidden-xs.dropdown {
    padding-right: 8px;
}
.slider-img { background-size: auto 100% !important; height: 440px !important; }
#header .logo h1 {font-size: 28px;padding: 8px 0;}
#intro .intro-img {width: 80%;float: none;margin: 0 auto 25px auto;}
#intro .intro-info {width: 80%;float: none;margin: auto;text-align: center;}
#why-us .card {margin: 0;}
.main-selection.trend, .main-selection.promo {margin-bottom: 30px;width: 48%;float: left;}
.main-selection.promo{float:right;}
.variety {min-height: auto;background-size: cover !important;}
.banner-bottom-strip ul {float: left;width: 100%;padding:0;margin:0;}
.banner-bottom-strip.strip2 ul li:first-child:before, .banner-bottom-strip.strip2 ul li:last-child:before, .banner-bottom-strip.strip2 ul li:nth-child(2):before{left:10px;}
.banner-bottom-strip ul li:first-child:before, .banner-bottom-strip ul li:last-child:before, .banner-bottom-strip ul li:nth-child(2):before{left:10px;}
.banner-bottom-strip.strip2 ul li {width: 30%;}li.phone, li.whatsapp, .mobile-nav li.language, .mobile-nav li.wishlist{display:block;}
.mobile-nav li.language, .mobile-nav li.wishlist {display: inline-block !important;width: 50%;float: left;color: #BADB33;padding: 15px;    margin-top: 7px;}
.mobile-nav li.language {text-align: right;}
.mobile-nav li.phone, .mobile-nav li.whatsapp {padding: 15px 0;width: 46%;float: left;background: #BADB33;position: relative; margin:5px; border-radius:10px; text-align:center;}li.phone:before {content: "";position: absolute;left: 0;top: 0;width: 40px;height: 100%;background: url(../images/phone.png) no-repeat 15px center;background-size: 20px;}li.whatsapp:before {content: "";position: absolute;left: 0;top: 0;width: 40px;height: 100%;background: url(../images/whatsapp.png) no-repeat 15px center;background-size: 20px;}
.right-nav { margin-right: 0; margin-top:0; }
.app-download span img {max-width: 100%;}
.banner-bottom-strip ul li p {padding: 22px 0;padding-left: 85px;/* padding: 30px 0 30px 85px; */}
.banner-bottom-strip ul li:after {right: 8px;}p.product-price{    font-size: 16px;}
.product-image img {display: inline-block;}
.product-image {text-align: center;}
.social {width: 100%;text-align: center;}
.social ul li, .social p, .social ul {float: none;display: inline-block;}
.copy-txt, .copy-middle {width: 100%;text-align: center;}
.cards {display: inline-block;float: none;}li.wishlist {display: none !important;}li.wishlist .black {color: #000;margin-left: 15px;}
.mobile-nav li.wishlist span.badge {background: #BADB33;color: #fff;position: absolute;width: 15px;border-radius: 50%;height: 15px;line-height: 12px; padding:2px;left: 74px;}
.mobile-nav li {width: 100%;float: left;}
.togglesearch {right: -177px;}
.togglesearch:before {right: 180px;}
.mobile-hide {display: block;}
.mobile-nav li.search div#search {width: 100%;}
.mobile-nav li.search {padding: 0 15px;}
.right-nav > ul.search { display: block; margin-right: 93px; }
.main-nav > ul > li.search {display: none;}section#intro {padding-top: 114px;}
#header .logo img {max-height:40px}
#header { padding:10px 0}div#search {border-radius:5px;  }
.right-nav ul li.my-bag .badge { left:2px; right:0; margin:0 auto}
div#search { top:0}
}
@media (max-width: 768px) {.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item {position: static !important; width: 50% !important; max-width: 50% !important; flex: 50% !important;}
div#search {margin-bottom: 0 !importan}
.frame-size p {width:100% !important;margin-bottom: 0;float: left;}
.detail-page {margin:30px 0 50px 0;}
.mobile-nav .drop-down li a {width: 97% !important;padding: 10px 10px;}
.right-nav ul li.currency {display:none}
li.currency.mobile {margin-right: 13px;/*background: url(../images/menu-arrow.png) no-repeat 85% center;*/display: block !important;float: right;width: auto;margin-top: 26px;}
section#intro {padding-top: 70px;clear: both;}
.details-description-head {font-size: 31px;}
.review-container {padding-top:0}
.col-md-12.col-lg-5.col-sm-12.col-xs-12.details-content-wrapp { max-width: 100% !important; padding-left: 0; border: 0; margin-top: 30px; width: 100% !important; }
.banner-bottom-strip ul li p {padding-left: 69px;font-size: 19px;}
section#newsletter h2.section-title {font-size: 48px;}
.strip3.banner-bottom-strip ul li p {font-size: 20px;line-height: 28px;padding-top:20px;}
.back-to-top {bottom: 15px;}
.footer-col {width:25%;}
.footer-col.no-border.social-area {width:25%;}
.footer-col .social {width:100%;}
.mobile-nav li.phone, .mobile-nav li.whatsapp {background: #BADB33; color:#fff}

/*.mobile-nav li.phone:before { background:url(../images/phone-wh.png) no-repeat 15px center;background-size: 20px;}
.mobile-nav li.whatsapp:before { background:url(../images/whatsapp-wh.png) no-repeat 15px center;background-size: 20px;} */

.right-nav ul li.my-account {display: none;}
.right-nav ul li.my-account { display:none}
.right-nav ul li a img { width: 85%;}span.search-label img {max-width:21px !important;}
.right-nav ul li:first-child::after {  }
.right-nav ul li.search:after { }
.right-nav ul li { text-align:center}
.right-nav ul li::after { left:-2px}
.search-label { width:auto; line-height:50px; height:auto}
#header .logo img { max-height:54px}
.right-nav > ul { margin-top:-35px; padding-left:0; padding-right:10px}
.right-nav > ul.search { display: block; margin-right: 111px; padding:0 }
.right-nav ul li.search { padding-right: 0; padding-left: 0; } 
.search-label { left:auto; right:0}
.search-form input { padding-right: 37px; }
div#search {margin-bottom:0 !important}
.mobile-nav-toggle { top:11px}
#header {padding: 10px 0;}
.right-nav ul li .badge {position: absolute;background: #BADB33;border-radius: 50%;color: #fff;top: -6px;font-size: 10px;left: 3px;
right: 0;margin: 0 auto;width: 12px;height: 12px;line-height: 7px; padding:2px;}
.price-wrap .title-p { color:#000}
.add-price.disc,.frame-size {color:#58595b}
.details-content-wrapp { margin-top:0 !important; padding-bottom:15px !important}
.quantity-wrap {    border-bottom: 1px solid #ccc; margin-bottom:10px}
.quantity-wrap .frame-size { width:100%; float:left}
.frame-popup a { padding:5px 4px}
.add-to-cart-wrap { margin:0 auto}
.flex-direction-nav a.flex-next,.flex-direction-nav a.flex-prev {background-size: 15px auto !important;}
.owl-carousel.related-carousel  .owl-nav button span { color: #BADB33; font-size: 35px }
.owl-carousel.related-carousel .owl-nav { margin-top:-120px}
.mobile-nav li.phone, .mobile-nav li.whatsapp {background: #BADB33; color:#fff}

/*.mobile-nav li.phone:before { background:url(../images/phone-wh.png) no-repeat 15px center;background-size: 20px;}
.mobile-nav li.whatsapp:before { background:url(../images/whatsapp-wh.png) no-repeat 15px center;background-size: 20px;} */

.mobile-nav .language { margin-top: 0px; margin-bottom: 6px; float: left; margin-right: 20px; } 
.mobile-block { display:block}
.mobile-none { display:none}
.zoom-img {border-bottom: 1px solid #ccc;}
.frame-popup { border-bottom: 1px solid #ccc;}footer { background:transparent; padding:10px 0}
.footer-col .social p {color:#BADB33}
.social ul li { border-right:1px solid #ccc; padding:0 15px; margin:0}
/* .footer-col .social ul { margin-bottom:10px !important} */
.social ul li:first-child {}
.price-wrap,.quantity-wrap,.frame-popup { padding:0 20px}
.frame-popup { padding:10px 20px}
.product-name a { color:#58595b}
.add-price.disc { margin:0 8px}
.quantity-wrap { margin-bottom:0}
.frame-popup a.btn-orange { margin-bottom:0 !important}
.social ul li { border:none; margin:0 8px !important; padding:0 !important}
.mrf img { max-width:100%}
.frame-size p { width:100% !important; font-size:12px}
.frame-size b { padding-left:3px}
.frame-popup a { font-size:13px}
.btm-wrap.btm-wrap2 { position: fixed; bottom: 0; left: 0%; z-index: 99999; width:100% }
.details-description-head { font-size:21px;margin-top:15px}
p.details-description { font-size:14px; font-weight:400; color:#58595b; margin-bottom:15px}
.detail-page { margin: 70px 0 15px 0 !important;}
.row.portfolio-container.inside-area { padding:30px 0}
.special-offer2 { margin-bottom:30px}
.add-wish-list-details a i, .share-details a i { font-size:21px}
#header .logo img { max-height: 40px;}
section#newsletter {padding:10px 0 15px;float: left;width: 100%;background: #BADB33;}
section#newsletter h2.section-title { margin-bottom:0;color:#fff}section#newsletter p { margin-bottom:5px;color:#fff}
#newsletter input[type="text"] {border: 2px solid #fff; color:rgba(255,255,255,1) }
#newsletter input[type="text"]::-webkit-input-placeholder { /* Edge */  color: rgba(255,255,255,0.9);}
#newsletter input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */   color: rgba(255,255,255,0.9); }
#newsletter input[type="text"]::placeholder {   color: rgba(255,255,255,0.9); }
#newsletter .button-wrap button {border: 2px solid #fff;background: #fff;color:#BADB33;font-size:13px}
.btm-wrap.btm-wrap2 { position:relative; bottom:auto; }
.add-to-cart-wrap { margin:8px auto 0}
.footer-col { display:none}
.footer-col.no-border.social-area { width:100%; display:flex}
.mrf img { max-width: 100%; max-height:40px; } 
.footer-col .social p { color: #BADB33; line-height: 21px; text-transform: uppercase; font-size: 20px; font-weight: 600; padding-top: 10px; padding-right: 0; } 
.social ul li { border-left:none; margin:0 5px !important; padding:0 !important;float: left;}
.footer-col .social { float: left; width: 100%; display: flex; flex-flow: column; align-items: center; }
.desktop-social {display:none !important}
.mobile-social {display:block !important}
}
@media (max-width: 767px) and (min-width: 600px) {#portfolio .portfolio-item {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.banner-bottom-strip ul li:after {left: 0;margin-left: 0;}
.variety{min-height:auto;}
.frame-popup { padding-top:15px; padding-bottom:15px}
.right-nav ul li.search:last-child::after { display:none}
}
@media (max-width: 767px) {
.desktop-social {display:none !important}
.mobile-social {display:block !important}	
#about .col-lg-4.col-md-4.wow.fadeInUp {margin-bottom:1px;}footer {display:block}
.content-head {font-size: 29px;}
.flex-direction-nav a.flex-next {right:-36px;}
.container {max-width: 100%;}
.copyright-outer {border:0; padding:10px 0 0 0; }
.footer-col .social ul { float: none; display: inline-flex; align-items: center; margin-bottom: 15px;clear: both;justify-content: center; margin:0 !important;}
.footer-col .social p {width: 100%; text-transform: capitalize; line-height: 21px; text-transform: uppercase; font-size: 16px; font-weight: 600; margin-top: 8px; margin-right: 0; padding-right: 0;}
.footer-col.no-border.social-area { width: 62%; margin: 0 auto; }
.footer-col .social {display: flex!important; flex-flow: column; align-items: center;}
.copyright-outer .social {display: none !important;}
.banner-bottom-strip ul li {height: 55px;}
.strip3.banner-bottom-strip ul li::after { background: #d8d8d8 !important; top: 7% !important; right: 0; left: auto; }
.strip3.banner-bottom-strip ul li p { font-size: 17px; line-height: 25px; padding-top: 20px; padding-left: 62px; }
.strip3.banner-bottom-strip ul li p {padding-top: 0;}
section#about .container .row {margin: 0;}section#about .container .row .col-lg-4{padding:0;}
#intro .intro-info {width: 100%;}
#intro .intro-info h2 {font-size: 34px;margin-bottom: 30px;}
.section-header p {width: 100%;}
#testimonials .testimonial-item {text-align: center;}
#testimonials .testimonial-item .testimonial-img {float: none;margin: auto;}
#testimonials .testimonial-item h3,#testimonials .testimonial-item h4,#testimonials .testimonial-item p {margin-left: 0;}
.banner-bottom-strip ul li, .banner-bottom-strip ul, .banner-bottom-strip.strip2 ul li, .banner-bottom-strip.strip2 ul {display: inline-block;}
.banner-bottom-strip ul li p {padding: 28px 0;padding-left: 42px;font-size: 10px; padding:40px 15px 0;font-size: 12px;padding: 40px 15px 0;text-align: center;}
.banner-bottom-strip.strip2 ul li:first-child:before, .banner-bottom-strip.strip2 ul li:last-child:before, .banner-bottom-strip.strip2 ul li:nth-child(2):before {left: 0;background-position: left center;top: 50%;transform: translateY(-50%);}
.banner-bottom-strip ul li:first-child:before, .banner-bottom-strip ul li:last-child:before, .banner-bottom-strip ul li:nth-child(2):before {left: 0;left: 0;/* background-position: left center; */top: 50%;transform: translateY(-50%);width:40px;height: 40px;/* background-size: 20%; *//* background-position: 0 -114px; */background-size:109px;}
.banner-bottom-strip ul li:first-child:before {background-position: 0 -45px; top:22px ; left:11px !important }
.banner-bottom-strip ul li:nth-child(2):before {background-position: 0 -86px; top:25px; height:35px;left:16px !important;}
.banner-bottom-strip ul li:last-child:before {background-position: 0 -123px; top:30px; height:35px;left: 14px  !important;}
.footer-col {width: 100%;padding: 0 15px !important;}
.footer-col {   display: none;}
.footer-col.download-app {display: block;}
.app-download a span {width: 48%;float: left;}
.app-download a:last-child span {float: right;}
.footer-col.download-app p {text-align: center;}
.footer-col .social {display: none;}
.copyright-outer .social {display: block;}
.main-selection.promo, .main-selection.trend {display: none;}
.main-selection.winter-sale {min-height: 200px;background: url(../images/winter-sale-mobile.jpg) no-repeat right 0px;}
.main-selection p {font-size: 27px;}

/*.variety.kids {background: url(../images/variety-kids-mobile.jpg) no-repeat center bottom;background-color: #de1923;}
.variety.women {background: url(../images/variety-women-mobile.jpg) no-repeat center bottom;background-color: #3e96a4;}
.variety.men {background: url(../images/variety-men-mobile.jpg) no-repeat center bottom;background-color: #e2a500;} */

.variety.men, .variety.women, .variety.kids {background-position: right bottom;margin-bottom:0;}
p.about {font-size: 12px;color: #000; margin-top:10px;}p.about a{color:#fff}
.variety {min-height: auto;}
.section-title {font-size: 28px;}
.client-carousel {max-width: 100%;margin: 0;}
#clients {padding: 5px 0 10px 0;}
.cards img {max-height: 22px;margin: 0 4px 0 0;}
.copy-txt {display: block;}
.social {width: 100%;text-align: center;}
.social ul li, .social p, .social ul {float: none;display: inline-block;}
.copyright-wrap {width: 100%;float: left;padding-bottom: 40px;}
#portfolio #portfolio-flters li {margin: 15px;}section#intro .container , section#about .container{width: 100%;padding: 0;float: left;width: 100%;max-width: none;}
.mobile-nav-toggle{right:15px;top:4px; padding:0}
.mobile-nav-active .mobile-nav{width:90%;max-height: 100%;}
#header{padding:10px 0;}section#intro{padding-top:60px;}
.main-selection.winter-sale {background-color: #567e25; min-height:253px}
.mobile-nav li.search div#search {width: 100%;}
.mobile-nav li.search {padding: 0 15px; display:none}
.right-nav > ul.search {display: block;display: inline-block;margin: 0;float:left;width: auto;}
.search-label { width: auto; height: auto; position: relative; right: -5px; top: -19px; padding: 0; margin: 0; text-align: center; cursor: pointer; line-height: 24px; background: none; z-index: 90; border: none;}div#search { height:27px; min-width:inherit;position:inherit; margin:0; width:100%}
#search .form-control-submit {padding: 0;margin:-1px 0 0 0; width: 15px; height: 18px;}
.search-form input { width:100%; padding-right:0; height:24px; display:none}
.search-form .sb-search-open  input { display:block;width: 142px; padding-right: 10px; height:30px; padding: 0 10px; left: -8px; padding: 0 0 0 25px; border-radius: 5px; font-size: 14px; top:-2px}
.main-nav > ul > li.search {display: none;}
.right-nav > ul {margin-top: 0px;margin-left: 0;max-width: unset; padding-right:0}section#about {padding: 0;}
.banner-bottom-strip.strip2 {display: none;}
#intro .col-lg-8{padding-left:0; padding-right:0}
#intro .row{margin-left:0; margin-right:0}section#newsletter h2.section-title {font-size: 19px;}section#newsletter p {font-size: 11px; padding:10px 0; margin-bottom: 20px;}
#newsletter input[type="text"] {width: 70%;font-size: 10px; padding:2px 12px}
#newsletter .button-wrap {width: 30%;}
#newsletter .button-wrap button {font-size: 12px; padding:2px 10px}section#footer {float: left;width: 100%;overflow: hidden;}section {width: 100%;float: left;}li.wishlist {display: none !important;}
.right-nav ul li.search { position:inherit}
.logo {max-width: 100px;}
.right-nav {margin-right: 39px; position:relative}
.right-nav ul li, .right-nav ul li a {font-size: 12px;}
.right-nav ul li .fa, .right-nav ul li a .fa {font-size: 14px;}
.mobile-nav li.language, .mobile-nav li.wishlist {display: inline-block !important;width:auto;float: left;color: #BADB33;}
.mobile-nav li.wishlist {color:#000}
.mobile-nav li.language {text-align: right;}li.phone, li.whatsapp {padding: 15px 15px 15px 40px;width: 50%;float: left;background: #f4f4f4;position:relative;}li.phone:before {content: "";position: absolute;left: 0;top: 0;width: 40px;height: 100%;background: url(../images/phone.png) no-repeat 15px center;background-size: 20px;}li.whatsapp:before {content: "";position: absolute;left: 0;top: 0;width: 40px;height: 100%;background: url(../images/whatsapp.png) no-repeat 15px center;background-size: 20px;}
.my-bag ul {right: -20px !important;}
.my-bag ul::before {
 right:26px !important;
}
.right-nav { margin:8px 22px 0 0;}li.currency select { padding-left:0; padding-right:5px}
.client-carousel .owl-nav button.owl-prev,.client-carousel .owl-nav button.owl-next {top:50%}
.client-carousel .owl-nav button span {font-size:43px}
.client-carousel { padding: 0 15px;}p.guarantee-txt { font-size:22px; margin:0 0 15px 0; text-align: center;font-weight: 600; color:#BADB33}
.banner-bottom-strip ul { float:left}
.banner-bottom-strip ul li::after { height:100%; background:#d8d8d8}
.banner-bottom-strip ul li::after { top:-3px}
.banner-bottom-strip ul { margin-bottom:15px}
section#newsletter {padding:10px 0 15px;float: left;width: 100%;background: #BADB33;}
section#newsletter h2.section-title { margin-bottom:0;color:#fff}section#newsletter p { margin-bottom:5px;color:#fff}
#newsletter input[type="text"] {border: 2px solid #fff; color:rgba(255,255,255,1);border-radius: 0 !important;}
#newsletter input[type="text"]::-webkit-input-placeholder { /* Edge */  color: rgba(255,255,255,0.9);}
#newsletter input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */   color: rgba(255,255,255,0.9); }
#newsletter input[type="text"]::placeholder {   color: rgba(255,255,255,0.9); }
#newsletter .button-wrap button {border: 2px solid #fff;background: #fff;color:#BADB33;font-size:13px}
.mobile-nav li.language,.right-nav ul li.currency { display:none !important}
.mobile-display-block { display:block !important}
#portfolio { display:none; }
.search-label { background: #a5a5a5; }div#search { border: 0; border-radius: 5px; background: transparent; }
.search-label { background: transparent; }
.sb-search-open .search-label { background: right; border-radius: 0px 5px 5px 0px; }
.right-nav ul li.my-account { display:none}
.right-nav ul li a img { width: 85%;}span.search-label img {max-width: 66% !important;}
.right-nav ul li:last-child::after {display: block;  }
.right-nav ul li:first-child::after {  margin-top:2px; }
.right-nav ul li { text-align:center}
.right-nav ul li::after { left:-2px}
.brand-logo.fl-wdth img { max-width:55%}
.model-number p { color:#58595b}
.model-number p span { color: #BADB33;}
.rating-share ul li span { width:16px; height:15px;background-position:-172px 0 !important}
.rating-share ul li span.star-fill {background-position:-155px 0 !important}
.rating-share ul li p { font-size:11px}
.price-wrap .title-p { color:#000}
.add-price.disc,.frame-size {color:#58595b}
.details-content-wrapp { margin-top:0 !important; padding-bottom:15px !important}
.quantity-wrap {    border-bottom: 1px solid #ccc; margin-bottom:10px}
.quantity-wrap .frame-size { width:100%; float:left}
.frame-popup a { padding:5px 4px}
.add-to-cart-wrap { margin:0 auto}
.flex-direction-nav a.flex-next,.flex-direction-nav a.flex-prev {background-size: 15px auto !important;}
.owl-carousel.related-carousel  .owl-nav button span { color: #BADB33; font-size: 35px }
.owl-carousel.related-carousel .owl-nav { margin-top:-120px}
.mobile-nav li.phone, .mobile-nav li.whatsapp {background: #BADB33; color:#fff; left:5px;}

/*.mobile-nav li.phone:before { background:url(../images/phone-wh.png) no-repeat 15px center;background-size: 20px;}
.mobile-nav li.whatsapp:before { background:url(../images/whatsapp-wh.png) no-repeat 20px center;background-size: 20px;} */

.mobile-block { display:block}
.mobile-none { display:none}
.zoom-img {border-bottom: 1px solid #ccc;}
.frame-popup { border-bottom: 1px solid #ccc;}footer { background:transparent; padding:10px 0}
.footer-col .social p {color:#BADB33}
.social ul li { border-right:1px solid #ccc; padding:0 15px; margin:0}
/* .footer-col .social ul { margin-bottom:10px !important} */
.social ul li:first-child {}
.price-wrap,.quantity-wrap,.frame-popup { padding:0 20px}
.frame-popup { padding:10px 20px}
.product-name a { color:#58595b}
.add-price.disc { margin:0 12px}
.quantity-wrap { margin-bottom:0}
.frame-popup a.btn-orange { margin-bottom:0 !important}
.social ul li { border:none; margin:0 5px !important; padding:0 !important;height: auto;}
.mrf img { max-width:92%;max-height: initial !important;}
.frame-size p { width:100% !important; font-size:12px}
.frame-size b { padding-left:3px}
.frame-popup a { font-size:13px}
.btm-wrap.btm-wrap2 { position: fixed; bottom: 0; left: 0%; z-index: 99999; width:100% }
.details-description-head { font-size:21px;margin-top:15px}
p.details-description { font-size:14px; font-weight:400; color:#58595b; margin-bottom:15px}
.detail-page { margin: 70px 0 15px 0 !important;}
.row.portfolio-container.inside-area { padding:30px 0}
.special-offer2 { margin-bottom:30px}
.add-wish-list-details a i, .share-details a i { font-size:21px}
#header .logo img { max-height: 40px;}

.right-nav ul li.search { padding-right:10px}
.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item {margin-bottom: 15px;}
.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item .portfolio-wrap { padding: 15px !important; width:100%}

li.my-account.hidden-xs.dropdown {padding-left: 6px; padding-right: 5px; font-size: 14px;}
li.my-account.hidden-xs.dropdown a {font-size: 14px;}
.right-nav ul li {padding-left: 8px !important; padding-right: 8px !important;}
li.currency.mobile {float: left !important; margin-left: 10px; margin-right:25px !important; padding-left: 7px; position:relative;}
li.currency.mobile::after { content: ""; width: 1px; height: 14px; position: absolute; left: -2px; /*background: #58595b;*/ top: 50%; transform: translateY(-50%);} 
.mobile-nav li.wishlist .language.acc {position:relative; margin-right: 12px; padding-right: 0px;}
.mobile-nav li.wishlist .language.acc::after { content: ""; width: 1px; height: 14px; position: absolute; right: -2px;  top: 55%; transform: translateY(-45%);}
.mobile-nav li.wishlist .language.acc img { max-width: 66%; margin-top:-2px; }

.col-md-12.fl-wdth.hidden-xs { padding: 0; }
.col-md-12.fl-wdth.hidden-xs .frame-popup { padding: 10px 0px;border-bottom: 0px; }
.col-md-12.fl-wdth.hidden-xs .frame-popup a { padding: 10px 2px; font-size: 12px; width:48% !important; }
.clsAnc2.btn-orange{ float:right; }
}


@media (max-width: 574px) {#intro {padding: 100px 0 0px 0;}
.strip3.banner-bottom-strip ul li {height: 83px;}
.strip3.banner-bottom-strip ul li p { padding:48px 30px 0 23px !important ;line-height: 16px;font-size: 14px;width: 100%;}
.strip3.banner-bottom-strip ul li::after {top:9% !important;}footer {padding:5px 0 4px 0;}
.footer-col.no-border.social-area {width: 70%;}
.slider-img { background-size: auto 100% !important; height: 440px !important; }
form#clsNewsletter {width:91%;}
}
@media (max-width:480px) {
.mobile-nav li.language, .mobile-nav li.wishlist {margin-top: 0;}	
.product-image {width: 100%;margin: 0 auto;}	
.special-offer2 {font-size:25px;}
.banner-bottom-strip {padding:5px 0;}
.banner-bottom-strip.strip3 ul li:first-child:before, .banner-bottom-strip.strip3 ul li:last-child:before, .banner-bottom-strip.strip3 ul li:nth-child(2):before {left: 42px !important;top:22px !important;transform: translateY(-50%);background-size: 111px;}
.copyright-wrap {padding-bottom: 100px;}
.copyright-wrap.copyright-wrap2 {padding-bottom: 20px;}
.btm-wrap.btm-wrap2 {position: fixed;bottom: 0;left: 0%;z-index: 99999;}
.medical-lens a, .add-to-cart-details a {font-size: 16px;}
.cncl-pro {right: 4%;}
.row.portfolio-container.inside-area {margin-top:0 !important;margin-bottom: 0 !important;}
.frame-size p {width:50% !important;margin-bottom: 0;float: left;font-size: 12px; line-height:25px;}
.frame-size b { padding-left:3px}
.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item {position: static !important; width: 50% !important; max-width: 50% !important; flex: 100% !important;}
#carousel.flexslider .slides img {padding:10px 25px 30px 34px !important}
.copy-txt p {font-size: 11px;}
.product-name .content-head {font-size:16px;}
.model-number p {font-size:12px;}
ul.search.mobile { display: block !important; margin:12px 4px 0 0px !important; width: auto !important; float: right; }
ul.search.desktop {display:none  !important}ul.search.mobile input.form-control {position: absolute !important;top: 95px;width: 96.4% !important;left: 0 !important;height: 41px;border-radius: 0;border:5px solid #eee;}ul.search.mobile div#search.form-group.sb-search-open, ul.search.mobile .no-js .sb-search-open {border:0}ul.search.mobile li {list-style: none;}
.search-form .sb-search-open  input { display:block;width: 182px; padding-right: 10px; height:30px; padding: 0 10px; left: -8px; padding: 0 0 0 25px; border-radius: 5px; font-size: 14px; top:-2pxp;border: 1px solid #eeee;}
.price-wrap p {font-size: 18px;}
.detail-area.desktop {display: none;}
.mobile-detail {margin-top: 20px;display: block;}
.frame-popup a {width:100% !important;margin-bottom:0px !important}
.frame-popup a.btn-orange {width:100% !important;margin-left: 0 !important;	}
.detail-page {margin:70px 0 50px 0;}
span.search-label img {max-width:66% !important;}
.mobile-nav .drop-down li a {width: 94% !important;padding: 10px 10px;}
li.currency.mobile {margin-right: 13px; /*background: url(../images/menu-arrow.png) no-repeat 85% center; */ display: block !important;float: right;width: 70px;margin-top: 15px;	}
.slider-img { background-size: auto 100% !important; height: 300px !important; }
.review-container {padding-top: 0;padding: 0 !important;}
.review-textcolum {width: 72%;}
.review-comment {float: left;width: 100%;margin-bottom: 40px;padding: 9%;}
/*#carousel.flexslider li  {width:60px !important}
*/#carousel.flexslider .slides img {  padding: 10px 0 10px 0 !important;}
}
@media (max-width:375px) {.frame-size p {font-size: 12px;}	}
@media (max-width: 370px) {.strip3.banner-bottom-strip ul li p { padding: 48px 17px 0 23px !important; line-height: 16px; font-size: 14px; width: 100%; }
}
@media (max-width: 360px) {
.frame-size p {font-size: 12px;}
.cards img {max-height: 18px;}
.right-nav {margin: 5px 30px 0 0;}
ul.search.mobile {padding:0 !important;}
.strip3.banner-bottom-strip ul li p {padding-left: 48px;}
.banner-bottom-strip ul li:first-child:before {background-position: 0 -45px; top:22px ; left:8px !important }
.banner-bottom-strip ul li:nth-child(2):before {background-position: 0 -86px; top:25px; height:35px;left:8px !important;}
.banner-bottom-strip ul li:last-child:before {background-position: 0 -123px; top:30px; height:35px;left:8px !important;}
#newsletter .button-wrap button {padding: 2px 1px;}
.footer-col.no-border.social-area {width:80%;float: none !important;margin: 0 auto;}
.strip3.banner-bottom-strip ul li p {font-size:12px;}
}
@media (max-width: 320px) {.banner-bottom-strip.strip3 ul li:first-child::before, .banner-bottom-strip.strip3 ul li:last-child::before, .banner-bottom-strip.strip3 ul li:nth-child(2)::before {left: 33px !important;}
form#clsNewsletter {width: 87%;}
.frame-size p {font-size: 11px;}
.strip3.banner-bottom-strip ul li p {padding: 48px 16px 0 14px !important;}
.footer-col .social p {font-size: 14px;}
}



.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity: 1;
}

@media only screen and (min-width:768px){
	.clsDesktop
	{
	 display:block !important;
	}
	.clsMobile
	{
	 display:none !important;
	}
}
@media only screen and (max-width:767px){
    .clsDesktop
	{
	 display:none !important;
	}
	.clsMobile
	{
	 display:block !important;
	}
}


li.my-account .dropdown-menu {
    width: auto;
    padding: 10px;
    text-align: center;
    min-width: 200px;
    right: auto;
    left: 0;
    margin-top: 12px;
}

li.my-account .dropdown-menu a.sign-up {
    background-color: #BADB33;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    
    margin: 8px 0 20px;
    padding: 10px 50px;
    clear: both;
    float: none;
    font-size: 15px !important;
    width: auto;
    position: relative;
}
li.my-account .dropdown-menu p {
    color: rgb(126, 133, 155);
    width: 100%;
    float: left;
    font-size: 13px;
}
li.my-account .dropdown-menu a.sign-in {
    color: #BADB33;
    font-size: 14px !important;
}
li.my-account .dropdown-menu i {
    position: absolute;
    bottom: 100%;
    left: 5px;
    margin-left: 0;
    width: 54px;
    height: 12px;
    overflow: hidden;
}

li.my-account .dropdown-menu a.sign-up::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    bottom: -13px;
    left: 0;
}

li.my-account .dropdown-menu i::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    right: 15px;
    transform: translate(-50%,50%) rotate(45deg);
    background-color: #fff;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
}


li.clsMobile .dropdown-menu
{
  right: auto !important;
  left: -5px !important;
}

li.clsMobile .dropdown-menu i
{
  left:-10px !important;
}

.clsMobile a::before
{
 background:none !important;
}

#form-language a
{
 /*font-family:noto kufi arabic, 'Rubik', sans-serif !important*/
}


.colors-view
{
 display:none !important;
}

a
{
 text-decoration:none;
}

.selling-product {
    margin-bottom: 10px !important;
}

.clsColorsSections
{
 display:none !important;
}

.add-to-wishlist
{
 display:none !important;
}


@media (max-width:767px) {
 .clsPadTop {
    margin-top: 65px !important;
 }
  
}

@media (min-width:768px) { 
  .slider-img {
    height: 490px !important;
  }
}



.common-home li.currency select
{
  padding-right:21px !important;
  padding:3px;
  border:1px solid #000;
  font-size:12px;
}

.common-home .mobile-nav-toggle i
{
 margin-top:15px;
}

@media (max-width:767px) { 
	.my-bag 
	{
	 margin-top:0px;
	}
	.common-home .my-bag 
	{
	}
	.right-nav ul li.language
	{
	 
	}
	
	.common-home .mobile-nav li.phone, .common-home .mobile-nav li.whatsapp
	{
	 padding:15px 0;
	}
	.bread-crumb
	{
	 display:none !important;
	}
	.clsPoweredBy
	{
	  background: rgb(0,0,0,0.1);
   	  color: #fff !important;
	  padding-top: 10px !important;
	  padding-bottom: 0 !important;
	}
	.clsPoweredBy .copyright-outer
	{
	 padding-bottom:10px !important;
	}
	.clsPoweredBy .copy-txt p
	{
	  
	  line-height:25px;
	}
	.clsPoweredBy .copy-txt p a
	{
	 color:#BADB33 !important;
	}
	.owl-dots
	{
	 display:none;
	}
	.my-account img
	{
	 width:100% !important;
	}
}

.selling-product
{
 border:1px solid #fff;
}

.my-account
{
 /*padding-right:5px !important;*/
}
.my-account img
{
 
}



.insider-opt-in-notification
{
 display:none !important;
}

.bars
{
 margin-top:-20px;
}
.bars div {
  width: 22px;
  height: 2px;
  background-color: #000;
  margin: 6px 0;
}

.client-carousel .fa
{
  color:#BDDF33;
  font-size:30px;
}


.client-carousel .item::after{
  content: '';
  position: absolute;
  top: 25%;
  right: -6px;
  height: 60%;
  width: 1px;
  
}


.right-nav ul li.language:after
{
margin-top:2px; 
}

.clsHeadcontact
{
 background:none;
 padding:0 !important;
 color:#fff !important;
}

a.clsHeadcontact::before
{
 background:none !important;
}

.slider-carousel .fa
{
  color:#fff;
  font-size:20px;
}



.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{
 background:#BADB33 !important;
}

.listing-product-pagination ul li a:hover
{
 color:#fff !important;
 border-color:#BADB33 !important;
}


@media (max-width:767px) { 
	.clsPaginationSections .listing-product-pagination
	{
	 float:none !important;
	}
	.clsPaginationSections .clsPaginationResults
	{
	 float:none !important;
	 text-align:center !important;
	}
	.listing-product-pagination ul li a
	{
	 width:28px !important;
	 line-height:30px !important;
	 font-size:14px !important;
	}
	.model-number2
	{
	 float:left !important;
	}
	.model-number2 p
	{
	text-align:left !important;
	float:left !important;
	}
	header#header
	{
	 border-bottom:1px solid #ccc;
	}
}


/*.flexslider .slides li::after, .flexslider .slides li::before, .flexslider .slides img::after
{
  content: '';
  position: absolute;
  top: 5px;
  right: -6px;
  height: 15px;
  width: 1px;
  border-right: 1px solid #d8d8d8;
}*/


.clsCartQty
{
 float:left !important;
 width:auto !important;
}

.clsCartPrice
{
 float:right !important;
 width:auto !important;
}


.clsFilterIcon {
    float: left;
    border: 1px solid #ccc;
    width: auto;
    padding: 0px 10px;
    font-size: 21px;
    margin-right: 10px;
    text-align: center;
    color: #BDDF33;
}
.clsFilterIcon .fa
{
  color: #BDDF33;
}




.bag-buttons.more a:hover
{
   background:#fff !important;
   border: 1px solid rgb(0,0,0,0.6) !important;
}
.bag-buttons.more a.view-bag:hover
{
  background:#fff !important;
  border:1px solid #BDDF33 !important;
}


.clsMyAccount
{
 background:#BADB33 !important;
 color:#fff !important;
 text-align:center !important;
 width:100% !important;
 border:1px solid #BADB33 !important;
 float:left !important;
 line-height:20px !important;
 padding:5px !important;
}
.clsMyAccount:hover
{
  color:#BADB33 !important;
  background:#fff !important;
}
.clsLogout
{
  background:rgb(0,0,0,0.6) !important;
  color:#fff !important;
  text-align:center !important;
  width:100% !important;
  border:1px solid rgb(0,0,0,0.6) !important;
  float:left !important;
 line-height:20px !important;
 padding:5px !important;
  margin-top:10px;
}
.clsLogout:hover
{
 background:#fff !important;
 color:rgb(0,0,0,0.6) !important;
}


@media (max-width:767px) { 
	
	.owl-carousel.slider-carousel
	{
	 margin-bottom:15px;
	}
}

@media (min-width:768px) and (max-width:1024px) 
{
   .right-nav ul li {    
    display: inline-block !important;
    position: relative;
  }
  .right-nav > ul
  {
    /*margin-top:-38px;*/
  }
  .right-nav > ul.search
  {
     margin-right:265px;
  }
  .slider-img {
    height: 200px !important;
  }
  .owl-carousel
  {
     margin-bottom:0;
  }
  section#newsletter h2.section-title {
    font-size: 28px;
    padding: 10px 0;
  }
  .social ul li a
  {
     margin-top:-6px !important;
  }
  .footer-col ul
  {
    margin-top:0 !important;
  }
  .mobile-nav li.wishlist .language.acc img
  {
    max-width:66%;
  }
  li.currency.mobile
  {
     float:left !important;
     margin-top:20px !important;
  }
  .mobile-nav li.language, .mobile-nav li.wishlist
  {
     width:auto !important;
  }
  /*#portfolio .portfolio-item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }*/
  .clsPadTop {
    margin-top: 70px !important;
  }
  .frame-popup a {
    padding: 10px 4px;
  } 
}





.mobile-footer-link
{
   display:none;
}

@media (max-width:768px)
{
  .mobile-footer-link {
    background: #f1f2f2;
    width: 100%;
    float: left;
    padding: 20px 0;
  } 
  .mobile-footer-link
  {
   display:block;
  }
  .accordion {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  .target-fix {
    display: block;
    top: 0;
    left: 0;
    position: fixed;
  }
  .acc1 {
    border-bottom: 1px solid #fff;
  } 
  .target-fix {
    display: block;
    top: 0;
    left: 0;
    position: fixed;
  }
  [id*="open-accordion"], [id*="close-accordion"] {
    background: #00a486;
    border-bottom: 1px solid #fff;
    line-height: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 99%;
  }
  .accordion span:target ~ [id*="open-accordion"] {
    display: none;
  }
  .accordion a {
      color: #58595b;
      font-size: 16px;
      font-weight: 600;
      padding-left: 0;
      background: none;
      text-transform: uppercase;
      text-decoration: none;
      text-shadow: none;
      border: 0;
  }
  
  [id*="open-accordion"]::after, [id*="close-accordion"]::after {
      content: "";
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #808285;
      position: absolute;
      right: 5px;
      top: 15px;
      z-index: 999;
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
  }
  .accordion span:target ~ [id*="close-accordion"]::after {
    border-top: 6px solid #BDDF33;
    transform: rotate(0deg);
    -webkit-transform: rotate(-180deg);
  }
  
  .accordion-content {
      background: #fff;
      height: 0;
      margin: -1px auto 0;
      padding: 0;
          padding-top: 0px;
          padding-bottom: 0px;
      position: relative;
      overflow: hidden;
      width: 100%;
      transition: all 0.1s ease;
      -webkit-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
  }
  .accordion span:target ~ .accordion-content {
    display: block;
    height: auto;
    background: none !important;
    padding-bottom: 25px;
    padding-top: 10px;
  }
  .accordion-content ul {
    margin: 0 0 0 10px;
    padding: 0 0 0 12px;
    border-left: 3px solid #BDDF33;
  }
  .accordion-content ul li {
    list-style: none;
  }
  
  .accordion a {
      color: #58595b;
      font-size: 16px;
      font-weight: 600;
      padding-left: 0;
      background: none;
      text-transform: uppercase;
      text-decoration: none;
      text-shadow: none;
      border: 0;
  }
  .accordion-content ul li a {
    list-style: none;
    font-weight: normal;
  }
  .accordion span:target ~ [id*="open-accordion"] {
    display: none;
  }
  .clsAccordian
  {
     float:none !important;
     background:none !important;
     border:none !important;
  }
  .clsAccordian .panel-heading
  {
     background:none !important;
     border:none !important;
  }
  .clsAccordian a
  {
    color:#58595b !important;
  }
  .clsAccordian .panel-default
  {
     background:none !important;
     border:none !important;
     border-bottom:1px solid #fff !important;
     margin:0 !important;
  }
  .clsAccordian .glyphicon 
  {
     float:right;
  }
  .clsAccordian .accordion-content
  {     
      background:none !important;      
  }
  .clsAccordian .collapse.in .accordion-content
  {
     height:auto !important;
     margin:10px 0 20px;
  }
  .clsAccordian .panel-heading
  {  
    padding:10px 0 !important;
  }
  .clsAccordian .glyphicon-triangle-bottom
  {
     font-size:10px;
  }
  .clsAccordian .glyphicon-triangle-top
  {
     color:#BDDF33 !important;
     font-size:10px !important;
  }
  .clsAccordian a
  {
     font-size:14px;
     line-height:20px;
  }
}
.clsLatProductsSection
{
  clear:both;
  float:left;
  width:100%;
  
}
.clsLatProducts
{
   width:33%;
  float:left;
  padding:10px;
}

.clsLatProductsSection  .owl-nav
{
   display:block !important;
}
.clsLatProductsSection  .owl-nav button.owl-prev, .clsLatProductsSection  .owl-nav button.owl-next
{
   top:45%;
   position:absolute;
}
.clsLatProductsSection  .owl-nav button.owl-prev
{
  left:-30px;
  color:#555;
}
.clsLatProductsSection  .owl-nav button.owl-next
{
  right:-30px;
  color:#555;
}

.clsBestTitle
{
  text-align:center;
}

@media (max-width:768px)
{
  .slider-carousel.clsMobile .owl-nav
  {
    
  }
}


.footer-col .social .clsMobileApp .ios-app-down {
    margin-top: 20px;
    float: left;
    transition: 0.3s ease all;
    background: #6f7279;
    color: #fff;
    width: 154px;
    height: 46px;
    border-radius: 10px;
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    margin-right: 10px;
}

.footer-col .social .clsMobileApp .ios-app-down .fa {
    font-size: 30px;
    padding-right: 10px;
    float: left;
}
.footer-col .social .clsMobileApp .ios-app-down p {
    font-size: 8px !important;
    margin: 0px !important;
    padding: 0px !important;
    text-align: center;
    line-height:20px;
}
.footer-col .social .clsMobileApp .ios-app-down span {
    font-size: 12px;
    font-weight: normal;
}

.clsTry1
{
   margin-left:15px;
}
.clsTry1 img
{
   display:inline;
}
.clsTry2
{
   height:20px;
}

.selling-product
{
  padding-bottom:10px !important;
}

@media (max-width:768px)
{
  .mobile-nav-active .bars:after
  {
     content:'X';
     color:#BADB33;
  }
  .mobile-nav-active .bars div
  {
     display:none;
  }
}







.clsMobileApp .ios-app-down {
    margin-top: 20px;
    float: left;
    transition: 0.3s ease all;
    background: #6f7279;
    color: #fff;
    width: 154px;
    height: 46px;
    border-radius: 10px;
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration:none;
    cursor:pointer;
    margin-right:10px;
}

.clsMobileApp .ios-app-down:hover
{
   background:#ED1C24;
}
.clsMobileApp .ios-app-down img {
    padding-right: 10px;
    float: left;
}
.clsMobileApp .ios-app-down .fa
{
   font-size:30px;
   padding-right:10px;
   float:left;
}
.clsMobileApp .ios-app-down p {
    font-size: 10px;
    margin: 0px;
    padding: 0px;
}
.clsMobileApp .ios-app-down span {
    font-size: 16px;
    font-weight: normal;
}

@media screen and (min-width:768px)
{
   .clsAppnotification
   {
      display:none;
   }
}
@media screen and (max-width:767px)
{
  .clsAppnotification a.clsAppClose {
    margin: 5px 0 0 5px !important;
    float: right;
    line-height: 10px;
    background: #3A4A42 !important;
    padding: 4px 5px 6px 5px !important;
  }
  .clsAppnotification
  {
      background:#BADB33;
      color:#fff;
      padding:10px;
      line-height:25px;
      text-align:center;
      display:block ;
  }

  .clsAppnotification a
  { 
      background: #4a4c4e !important;
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0 10px;
    text-decoration:none !important;
    font-size:12px;
  }
}  
  
 @media (max-width: 767px)
{
    .clsApp .mobile-nav-toggle
    {
       top:70px !important; 
    }
    .clsApp #header
    {
        padding:0 !important; 
    }
    .clsApp #header .container
    {
        padding-top:10px !important;
        padding-bottom:10px !important;
    }
}



@media (max-width: 767px)
{
    .clsApp section#intro
    {
         padding-top:94px !important;
    }
}

.clsTopNote
{
    background:#BEE034 !important;
    width:100%;
    margin-bottom:10px;
}

.clsTopNote p
{
    text-align:center;
    width:85%;
    float:left;
    margin-top: 5px;
    padding-left:150px;
    margin-bottom:5px;
}
.clsTopNote ul
{
    float:right;
    list-style:none;
    margin:0;
    padding:0px;
}
.clsTopNote ul li
{
    float:right;
    list-style:none;
    margin:0;
    padding:5px;
}
#form-language a
{
    color:#000 !important;
    font-size:12px;
}

.clsMainMenubar {
    margin: 0px 0 20px;
    border-top: 1px solid #C0E039;
    padding-top: 20px;
}
.right-nav
{
    margin-top:10px;
    margin-bottom:10px;
}
nav.main-nav
{
    margin-right:21%;
}

.clsLogoSec
{
    width:30%;
    text-align:center;
}
#footer
{
    background:#383838;
    float:left;
}
#footer a, .copy-txt p
{
    color:#BDDF33 !important;
}

.banner-bottom-strip.strip2
{
    background:transparent !important;
    border-top:1px solid #BDDF33 !important;
    border-bottom:1px solid #BDDF33 !important;
}
#form-language
{
    margin-top:2px;
}

#portfolio .portfolio-item:hover
{
    border:1px solid #BDDF33 !important;
}

.clsProdcount8
{
    display:none !important;
}
.clsLenseImg
{
    width:100%;
    text-align:center;
}
.clsLenseImg img
{
    width:100%;
}
.clsLenseSection
{
    background: url(../images/background_lenses.png) no-repeat center center !important;
    height:750px;
}
.clsLenseSection h2
{
    padding-top:100px;
}
.clsLenseShopnow p
{
    width: 200px;
  text-align: center;
  margin: 30px auto;
  background: #fff;
  padding: 5px;
  font-size: 16px;
}
.clsLenseSection a
{
    color:#000;
}
.clsTopNote span
{
    color:#000 !important;
    padding:0 !important;
}
#column-left .box-heading
{
 background: #BDDF33 !important;   
}

 


@media screen and (max-width:768px)
{
    .clsTopNote p
    {
        width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }
    .clsTopNote ul
    {
        display:none !important;
    }
    .right-nav {
      margin-top: 0px !important;
    }
    form.search-form {
        width: auto;
        margin: -8px 0px 0 0px !important;
        float: right;
      }
    .clsTopNote
    {
        margin-bottom:0 !important;
    }
     .logo {
        max-width: 150px;
      }
    .mobile-nav-active .bars {
      margin-top: -80px;
    }   
    .clsMainMenubar
    {
        display:none;
    }
    .clsHeadcontact
    {
        direction:ltr;
    }
    .clsCatBanners
    {
        margin:5px !important;
    }
    .clsCatBanners .col-md-4
    {
        width:33.3%;
        padding:5px !important;
    }
    .section-title {
      font-size: 15px;
      margin-bottom: 10px !important;
    }
    .clsLatProductsSection
    {
        background:none;
    }
    .clsSunglassCont
    {
        padding:5px !important;
    }
    .clsSunglassCont .col-md-6
    {
        width:50%;
        padding:5px !important;
    }
    .clsLenseSection
    {
        background: url(../images/background_lenses_mobile2.png) no-repeat top center !important;
        height:880px;
    }
    .mobile-footer-link
    {
        background:transparent;
    }
    .clsFooterLogo img
    {
        width:60%;
        height:auto;
    }
    .clsFooterLogo
    {
        margin:20px !important;
    }
    .cards img
    {
        margin-bottom:10px;
    }
}

  .mobile-nav li.language {
    display: block !important;
    padding: 0;
    margin: 0;
    border: none !important;
    background: none !important;
  }
  
  .mobile-nav li.language a::before
  {
      background:none !important;
  }
  .mobile-nav #form-language a {
    color: #000 !important;
    padding: 10px 0 !important;
  }
  .clsThumb .col-md-6
  {
      width:50% !important;
      float:left !important;
  }
  .clsThumb .col-md-6 img
 {
     text-align:center !important;
     margin:0 auto !important;
     padding:30px;
 }
 
 .right-nav
 {
     width:100%;
 }
 .clsRightItems.float-left {
  width: 35%;
  margin-top:15px;
}
.owl-carousel i
{
    font-size:30px;
    color:#BADB33 !important;
}
.clsLatProductsSection .item
{
   border:1px solid #BADB33 !important;   
   padding:10px;
}

.client-carousel .item
{
    border:1px solid #BADB33 !important;   
    border-radius:10px;
    padding: 20px 10px;
}


.clsWhatsappIcon {background: url(../images/whats_app_icon.png) no-repeat top center; width:100%; background-size:cover; }


@media screen and (max-width:768px)
{
   .right-nav
   {
      width:81%;   
      margin-bottom:0 !important;
   }
   .clsRightItems.float-left
   {
       width:auto;
   }
   .icofont-search
   {
       padding:10px 4px !important;
   }
   ul.search.mobile
   {
       float:left !important;
       padding:0 !important;
       margin-top:17px !important;
   }
   .clsRightItems.float-left
   {
       margin-top:3px !important;
   }
   .clsLogoSec {
      width: 70%;
      text-align: center;
   }
    .clsApp .mobile-nav-toggle {
    top: 70px !important;
    right: 20px;
  }
  #header .logo img {
    max-height: 60px;
  }
  .clsApp #header .clsHeaderCont
  {
      padding-bottom:5px !important;
  }
  .clsLatProductsSection .item
  {
      padding:0 !important;
  }
  .clsLatProductsSection .owl-nav button.owl-prev {
      left: 0px;
      top: -35px;
    }
  .clsLatProductsSection .owl-nav button.owl-next {
      right: 0px;
      top: -35px;
    }     
    .clsLenseShopnow p {
      margin-bottom: 30px !important;
      margin-top: 15px !important;
    }
    .client-carousel .owl-nav button.owl-prev
    {
        left:-5px !important;
    }
    .client-carousel .owl-nav button.owl-next
    {
        right:-5px !important;
    }
    .mobile-footer-link .col-md-6
    {
        width:50%;
        float:left;
    }
    .panel-title
    {
        color:#fff !important;
        border-bottom:1px solid #fff;
        padding:10px 5px;
        text-transform: uppercase;
    }
    .mobile-footer-link ul
    {
        margin:0;
        padding:10px;
    }
    .mobile-footer-link ul li
    {
        list-style:none;
        text-transform: uppercase;
    }
    .clsWhatsapplink 
    {
        display:none !important;
    }
    .clsAccordian a
    {
        font-size:13px !important;
    }
    .mobile-nav-active .bars {
        margin-top: -70px;
        margin-right: 35px !important;
    }
    .mobile-nav
    {
        background:#383838 !important;
        padding-bottom: 10px;
      border-bottom-right-radius: 10px;
    }
    .mobile-nav a
    {
        color:#fff !important;
    }
    .common-home li.currency select
    {
        color:#fff !important;
        border:1px solid #fff !important;
    }
    .mobile-nav #form-language a
    {
        color:#fff !important;
        margin-top:9px;
    }
    .mobile-nav li.wishlist span.badge
    {
        left:65px !important;
    }
}   
.clsWhatsIcon
{
    float:left;
}
.brand-logo
{
    display:none;
}
.list-product
{
    padding-top:20px;
}
.row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item .portfolio-wrap
{
    border:1px solid #BDDF33;
}
.clsDescription2, .clsDescription3
{
    display:none;
}
.clsDescription1
{
    border-bottom:none;
}


#clsCartMsg
{
    display:none !important;
}

#product .brand-logo
{
    display:block;
    margin-top:20px;
}

.clsMobPhone i
{
    font-size:20px;
    padding:0 5px;
    float:left;
}
.clsMobPhone a
{
    color:#383838 !important;
    font-weight:bold;
}
.clsMobPhone span
{
  float:left;   
  margin-top:0px;
}


.clsFooterContact {
  text-align: center;
  direction: ltr;
  margin-bottom: 40px;
  float: left;
  width: 100%;
}

#footer .clsFooterContact a {
  background: #BDDF33 !important;
  padding: 10px 15px !important;
  color: #383838 !important;
  font-size: 17px;
  border-radius:10px;
}
#footer .clsFooterContact a span{
    font-weight:bold;
}
#footer .clsFooterContact a i {
 
  padding:0 5px;
}