/* CSS Document */ @font-face{font-family:Founders Grotesk;font-weight:300;font-style:normal;font-display:swap;src:url('../fonts/FoundersGroteskWeb-Light.woff2') format('woff2'),url('../fonts/FoundersGroteskWeb-Light.woff') format('woff');} @font-face{font-family:Founders Grotesk;font-weight:300;font-style:italic;font-display:swap;src:url('../fonts/FoundersGroteskWeb-LightItalic.woff2') format('woff2'),url('../fonts/FoundersGroteskWeb-LightItalic.woff') format('woff');} @font-face{font-family:Founders Grotesk;font-weight:400;font-style:normal;font-display:swap;src:url('../fonts/FoundersGroteskWeb-Regular.woff2') format('woff2'),url('../fonts/FoundersGroteskWeb-Regular.woff') format('woff');} @font-face{font-family:Founders Grotesk;font-weight:400;font-style:italic;font-display:swap;src:url('../fonts/FoundersGroteskWeb-RegularItalic.woff2') format('woff2'),url('../fonts/FoundersGroteskWeb-RegularItalic.woff') format('woff');} @font-face{font-family:Founders Grotesk;font-weight:500;font-style:normal;font-display:swap;src:url('../fonts/FoundersGroteskWeb-Medium.woff2') format('woff2'),url('../fonts/FoundersGroteskWeb-Medium.woff') format('woff');} @font-face{font-family:Founders Grotesk;font-weight:500;font-style:italic;font-display:swap;src:url('../fonts/FoundersGroteskWeb-MediumItalic.woff2') format('woff2'),url('../fonts/FoundersGroteskWeb-MediumItalic.woff') format('woff');} @font-face{font-family:Founders Grotesk;font-weight:600;font-style:normal;font-display:swap;src:url('../fonts/FoundersGroteskWeb-Semibold.woff2') format('woff2'),url('../fonts/FoundersGroteskWeb-Semibold.woff') format('woff');} @font-face{font-family:Founders Grotesk;font-weight:600;font-style:italic;font-display:swap;src:url('../fonts/FoundersGroteskWeb-SemiboldItalic.woff2') format('woff2'),url('../fonts/FoundersGroteskWeb-SemiboldItalic.woff') format('woff');} @font-face{font-family:Founders Grotesk;font-weight:700;font-style:normal;font-display:swap;src:url('../fonts/FoundersGroteskWeb-Bold.woff2') format('woff2'),url('../fonts/FoundersGroteskWeb-Bold.woff') format('woff');} @font-face{font-family:Founders Grotesk;font-weight:700;font-style:italic;font-display:swap;src:url('../fonts/FoundersGroteskWeb-BoldItalic.woff2') format('woff2'),url('../fonts/FoundersGroteskWeb-BoldItalic.woff') format('woff');} body {background: #fff;color: #000;font-family: 'Founders Grotesk', 'Poppins', sans-serif; font-size:16px; } a {color:#8c6e4a;transition: 0.5s;} a:hover,a:active,a:focus {color:#8c6e4a !important;outline: none;text-decoration: none;} p {padding: 0;margin: 0 0 30px 0;} h1,h2,h3,h4,h5,h6 { ;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 #f6b618;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: 186px;transition: all 0.5s;z-index: 999;transition: all 0.5s;padding:0;background: #fff;/* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); */position: static;top: 0;right: 0;left: 0;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: auto;} .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: 186px; clear: both; height: auto; margin-bottom: 20px; float: left; width: 100%; } .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: 0;top: 50%;} .client-carousel .owl-nav button.owl-next {right: 0;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:#8c6e4a;font-size: 56px;} #clients {padding: 60px 0 0;} .variety {min-height: 365px;} .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: 42px;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 { display: inline-block; float: none; } .main-nav > ul > li.search {display: none;} .main-nav a { display: block; position: relative; color: #fff; padding:9px 9px 9px; transition: 0.3s; font-size:16px; font-weight: 400; text-transform: capitalize; } .main-nav a:hover::after { width: 100%; } .main-nav a::after { content: ''; display: block; width: 0; height: 1px; background: #fff; transition: width .3s; } nav.main-nav {margin-top:0px;width:100%;float:left;} .main-nav a:hover, .main-nav a:focus, .main-nav .active > a, .main-nav li:hover > a{color: #fff !important;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: 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 5px;font-size: 13px;color: #58595b;text-align: left;} .main-nav .drop-down ul a:hover,.main-nav .drop-down ul .active > a,.main-nav .drop-down ul li:hover > a {color: #8c6e4a !important;} .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;} .main-nav > ul > li.drop-down.last-menu ul { left: auto; right: -20px; } /* Mobile Navigation */.mobile-nav {position: fixed;top: 0px;bottom: auto;z-index: 99999;overflow-y: auto;right: -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: 10px 20px;font-weight: 300;} .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:#8c6e4a} .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:0;color: #8c6e4a;} .mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;right: 0;position: fixed;background: rgba(0,0,0,0.2);overflow: hidden;display: none;} .mobile-nav-active {overflow: hidden;} .mobile-nav-active .mobile-nav {right: 0;/* transform: translateX(-50%); */width:100%;} /*--------------------------------------------------------------# Sections--------------------------------------------------------------*//* Sections Header--------------------------------*/ .section-title { font-size: 40px; color: #16284c; text-align: center; font-weight: 300; position: relative; float: left; width: 100%; margin-bottom: 30px; } .shopby-container .section-title { margin-bottom: 60px; } .section-title.white{color:#f7b81d;} .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;} #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:16px;} #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:16px;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-weight: bold;font-size: 48px;display: block;color: #fff;} #why-us .counters p {padding: 0;margin: 0 0 20px 0;font-size:16px;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: #f6b618;color: #fff;border-color: #f6b618;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:16px;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:16px;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; width: auto !important; max-width: unset !important; } /* 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-weight: 300;letter-spacing: 3px;text-transform: uppercase;color: #007bff;} #contact .contact-about p {font-size:16px;line-height: 24px;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:16px;} #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:16px;} #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: #f6b618;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;z-index: 0;} .list-product {font-size: 12px;padding: 0;} .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: #f6b618;border-radius: 50%;right: 20px;text-align: center;top: 0px;transition: 0.5s;transform: scale(1);border: 1px solid #f6b618;} .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:16px;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: #000; font-size: 16px; font-weight: 300; text-align: center; text-transform: capitalize !important; margin: 10px 0 0 0;} p.product-price { text-align: center; font-size: 16px; font-weight: 300; text-align: center; color: #8c6e49; text-transform: uppercase; line-height: 14px; } span.price-old, .price-old label {text-decoration: line-through;color:#820805;padding: 0 5px;} /************************************************************************************/ .banner-bottom-strip {background: #fff;float: left;width: 100%;} .banner-bottom-strip ul {width: 100%;float: left;margin: 0;padding:35px 0 35px 0;} .banner-bottom-strip.strip2 ul{padding:15px 0;} .banner-bottom-strip ul li { width: 25%; position: relative; height: 86px; display: table; float: left; text-align: center; } .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;} .banner-bottom-strip ul li::after { background: #d4c9bb; content: ""; position: absolute; right: 0px; top: 14px; width: 1px; height:88%; top: 9%; } .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;} .footer-col-1{padding-left:0 !important;} .footer-col p { font-size:16px; font-weight: 600; text-transform: capitalize; margin:0 0 10px 0; color: #000; } .footer-col p a { color:#000; } .footer-col p a:hover {color:#fa9b25;} .footer-col ul{margin:0 !important;list-style-type: none;padding: 0;} .footer-col ul li{width:100%; float:left} .footer-col ul li a { color:#000; font-size: 13px; text-transform: capitalize; font-weight: normal; padding:0 0 7px 0; float: left; } .footer-col ul li a:hover::after { width: 100%; } .footer-col ul li a::after { content: ''; display: block; width: 0; height: 1px; background:#040404; transition: width .3s; } .footer-col ul li a:hover {color:#fff;} .footer-col form input{width:100%;float:left;border:1px solid #947855;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: #947855; font-size:16px; padding: 0; text-transform: uppercase; font-weight: 600; transition: 0.5s; position: relative; z-index: 9; float: right; margin-top: -45px; } .button-wrap{float:left;border-radius:50px;overflow:hidden;border:1px solid #FFF;line-height:1;transition:0.5s;position:relative;} .button-wrap:hover{border:1px solid #f7b81d;} .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;display:none;} .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;display:none;} .button-wrap:hover:after{right:0;transition:0.5s; display:none} .copy-txt { float: left; width: auto; padding: 0; text-align: center; margin-left: 40px;} .country-select { width: auto; float: left; margin-left: 15px; position: fixed; left: 10px; bottom: 10px; z-index:99999; } .country-select ul { margin: 0; padding: 0; list-style-type: none; background: #fff; border: 1px solid #ccc; padding: 0 5px; } .country-select ul li img { max-width: 30px; margin-left: 8px; } .select ul li.option { z-index: 1; padding: 5px; display: none; padding-right: 40px; background-repeat: no-repeat !important; background-position: right center !important; background-size: auto 15px !important; } /*.select ul li:first-child { display: block; }*/ .select ul li { cursor: default; } .copy-txt p { font-size: 13px; text-transform: capitalize; color: #000; font-weight: normal; margin:5px 0 0px 0; text-align: left; } .copy-middle{margin:0px auto; /* width:300px; */width:auto;} .brand-d{width: auto; float: left;} .cards { width: 45%; float: right; margin-top: 10px; margin-left: 0; text-align: right; display: table; margin: 0 auto; } .cards img:last-child{margin:0;} .cards img{margin:0 7px 0 0;} .copyright-outer {float: left;width: 100%;padding:10px 0;} .social{width:auto;float:right; margin-top: 0px;} .footer-col .social {float: left;} .footer-col .social p {font-size:16px; font-weight: 600; text-transform: capitalize; margin: 0 0 10px 0; color: #000;} .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 0 6px 0; line-height: 1; float: left;padding-right: 15px; height: auto; font-size: 13px; line-height: 20px; } .social ul li:last-child {border-right:0;} .social ul li a{color:#000;font-size:17px;font-weight:700;margin:5px 0 0 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 35px;float: left;width: 100%;} #newsletter input[type="text"] {padding: 0; line-height: 27px; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important;background: none;} #newsletter .button-wrap {width: 25%;float: right;border-radius: 0;border: 0;line-height: 27px;} form#newsletter { width:100%; margin:15px 0 0 0; float: none; } #newsletter .button-wrap button {width: 100%;border: 2px solid #f7b81d;background:#f7b81d;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: 30px;font-size: 21px;} span.term {float: left;width: 100%;margin-top: 40px;color: #fff;} .footer-col {width:18%;padding: 0;float: left;} .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: 0px;float: right !important;} nav.main-nav ul { text-align: center; } .right-nav ul li {position: relative;padding:0 10px 0 16px;cursor: pointer;} .right-nav ul li:last-child:after {display: none;} li.currency select {border: 0;-webkit-appearance: none;padding-right: 25px;background: transparent;cursor: pointer;padding-left:8px;font-size:18px;color: #3c4246;} li.currency:before {/* content: "\f078"; */font-family: FontAwesome;padding-left: 10px;position: absolute;right: 10px;color: #f7b81d;} .right-nav ul li.currency { padding: 5px; background: url(../images/globe.svg) no-repeat 5px center; padding-left: 0; font-size: 18px; color: #3c4246; padding-left: 39px; } li.language:hover {color: #f7b81d;} .right-nav ul li .dropdown-toggle::after {display: none;} .right-nav ul li .badge {position: absolute;background:#8c6e49;border-radius: 50%;color: #fff;top:-4px;font-size: 10px;left: 0;right: 0;margin: 0 auto;width: 13px;height: 13px;line-height: 7px;font-weight: normal;} .right-nav ul li, .right-nav ul li a {color: #58595b;font-size:16px;} .right-nav ul li .fa, .right-nav ul li a .fa {font-size: 18px;} .right-nav ul li.wishlist {padding-right:0px;color: red;} .main-nav > ul > li.drop-down ul {border-left: 5px solid #16284c; background: rgba(253, 253, 253, 1) !important; min-width: 450px;} .main-nav > ul > li.drop-down ul li { width: 50%; float: left; line-height: 1.5; padding: 8px 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; } .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: transparent;} .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 #8c6e4a;} .mobile-nav > ul >li.drop-down.active a:before {display: none;} .mobile-nav > ul >li.drop-down.active li a:before{display:block;} .mobile-nav .active.drop-down > a:after {color: #f7b81d;}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;} /**********************************************************/ .my-bag ul { width: 310px !important;right: 0 !important;left: auto !important;top: 16px !important;transform: translateX(0) !important; } .my-bag ul li { padding: 0 !important; border: none !important; } .cart-panel { float: left; width: 307px; padding: 20px; background: #fff; border: none; border-top: 0; margin: 0; } .cart-panel p{font-size:16px;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:#8c6e49} .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:16px;color:#555;margin:0 0 10px;} .cart-img { float: left; margin: 0; width: 65px; margin: 0 20px 0px 0; text-align: center; padding:0px; } .cart-img-disc { float: left; width: 50%; margin: 0 0 0 10px; } .cncl-pro { float: right; position: absolute; right: 0; top: 40%; } .rw1 {float:left;width:100%;margin:0 0 7px;font-size:16px;color:#555;} .cl1 {float:left;width:70px;} .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%; height:auto; max-height: 301px; overflow: auto; } .bag-buttons.more a{float:left;font-size:14px;text-transform:uppercase;color:#fff;background:#16284c;line-height:1;padding:10px 0px;border-radius:25px; width:auto;transition:0.5s;position:relative;overflow:hidden;border: 1px solid #16284c; margin-right:5px;height: 40px !important;} .bag-buttons.more a.view-bag{float:left;font-size:14px;text-transform:uppercase;color:#fff;background:#8c6e4a;line-height:1;padding:10px 0px;border-radius:25px;width:auto;transition:0.5s;position:relative;overflow:hidden;border: 1px solid #8c6e4a; margin-right:5px} .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:#16284c !important;} .bag-buttons.more a.view-bag:hover{color:#f7b81d;} .bag-buttons.more a:before{width:50%;background:#fff;position:absolute;left:-101%;top:0;height:100%;content:"";transition:0.5s;} .bag-buttons.more a:after{width:50%;background:#fff;position:absolute;right:-101%;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; right: 5px; left: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 #f7b81d;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 #f7b81d;} .togglesearch input[type="text"]{width: 70%;padding: 5px 10px;margin-left: 0;border: 1px solid #f7b81d;outline: none;} .togglesearch input[type="button"]{width: 30%;padding: 5px 0;background: #f7b81d;color: #fff;margin-left: -4px;border: 1px solid #f7b81d;outline: none;cursor: pointer;} .main-nav > ul > li.mobile-hide {display: none;} .search-label {width: 52px;height: 46px;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: 16px;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:#d2ab7c; border-radius:0px 5px 5px 0px; } .sb-search-open .search-form input { border: 1px solid #f7b81d; } .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:-34px;margin-left: 0px;max-width: unset;padding-right:0px;margin-bottom: 0;} div#search {width: 0%;position: relative;width: 0%;min-width: 46px;height: 45px;overflow: hidden;transition: width 1s;top: 19px;backface-visibility: hidden;float:right; } .search-form .form-group::before { display: none !important; } .search-form .form-group input { border: 0 !important; text-align: left; font-size:16px; box-shadow:none !important} form.search-form {width: 100%;} li.search {width: 100%;} li.currency select option { font-size: 15px; } .right-nav > ul.search {margin-top: 0;margin-left: 0;padding-right: 0;max-width: 350px;margin-right:110px;} div#search.form-group.sb-search-open, .no-js .sb-search-open { width: 100%; border: 1px solid #8c6e4a !important; 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 top; height:564px;} .item.slide-2 { background: url(../images/header-02.jpg) no-repeat center top; height:564px;} .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: 28%; } .footer-col .social { float: right; width: 50%; } .guarantee-txt { font-size: 45px; width: 100%; float: left; text-align: center; color: #f7b81d; font-weight: 600; } .details-description-head { color: #f7b81d; text-align: center; 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: #8c6e49 !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: #8c6e49; } .review-content { float: left; width: 100%; color: #000; font-size:16px; } .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: #f7b81d; 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 #f7b81d} .review-btn:hover { background: #fff !important;border:1px solid #f7b81d;color:#f7b81d;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;} /*********** Detail page**************/.bread-crumb a{color:#000;} .bread-crumb p{margin:0;} #slider{padding:25px 25px 10px 25px; position:relative;background: #f4f5f7;margin-bottom: 0 !important;} #slider .flex-direction-nav{top:auto !important; bottom:32px !important;right: 10px;width:90%;} .detail-page { margin:40px 0 70px 0; } .product-name .content-head{text-align:left;font-size:20px;margin:0;} .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;text-align: left;margin-bottom: 17px;} .brand-logo.fl-wdth img {width:auto !important} .product-name .content-head { text-align: left; font-size: 35px; margin: 0; color: #000; padding: 0 !important; font-weight: 300;line-height: 35px;float: left; } .model-number.model-number2 { float: right; } .model-number p { font-size: 22px; text-transform: capitalize; color: #5a5b5d; font-weight: normal;margin-bottom: 0;} .model-number p span{color:#f7b81d;} .model-number{float:left;width:46%;} .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:0 0 0 10px;padding:0;border-top:0px solid #e9e9e9;border-bottom:0px solid #e9e9e9; float: left; width:auto; } .add-to-cart-details{float:left; margin:0; width:auto; } .add-to-cart-details a { background: #16284c !important; color: #fff; text-transform: uppercase; font-size:16px; font-weight: normal; padding:8px 0px; 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:#f7b81d;background:#fff !important;border:1px solid #8c6e4a !important} .try-glass-details{float:left;margin:0 20px 0 0;} .medical-lens a { background: #8c6e48; color: #fff; text-transform: uppercase; font-size:16px; font-weight: normal; padding:8px 0px; 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:0; padding-bottom: 10px; } .rating-share ul { margin: 0 !important; padding: 0 !important; } .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:0 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:30px;color:#f7b81d;font-weight:normal;margin:0 25px 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: #f7b81d; text-transform:uppercase } .frame-popup a.btn-orange { background: #fff; margin-left: 10px; border: solid 1px #6d6e71; } .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 #58595b; border-radius: 0; line-height: 15px; font-size:16px; font-family: 'Source Sans Pro', sans-serif; font-weight: normal; color: #f7b81d; 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; } .btm-wrap.btm-wrap2 { margin: 10px 0 0 0; } .add-wish-list-details { float: left; margin-right: 20px;margin-top: 13px; } .add-wish-list-details a, .share-details a { color: #000; font-size:16px; } .add-wish-list-details a i, .share-details a i { color: #000; margin-right: 9px; font-size: 20px !important; float: left; } .add-to-cart-wrap.add-to-cart-wrap2 { width: 230px; 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.png) no-repeat left center !important;width:35px;height:53px;font-size: 0 !important;} .flex-direction-nav a.flex-next {background: url(../images/right-arrow.png) no-repeat right center !important;width:35px;height:53px;font-size: 0 !important;} .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 #f7b81d !important;color:#f7b81d !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%; } #testimonial-slides .owl-nav { width: 100%; float: left; position: absolute; top: 35%; display: block !important;} #testimonial-slides .owl-prev { background: #00000021 !important; width: 44px; height: 45px; float:left } #testimonial-slides .owl-prev span {font-size: 47px;color: #fff;line-height: 37px;} #testimonial-slides .owl-next { background: #00000021 !important; width: 44px; height: 45px; float:right} #testimonial-slides .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%; visibility: visible !important; animation-name: none !important; } .owl-carousel.related-carousel .owl-carousel .owl-item {float:none !important} .product-name { text-align: center; font-size:16px; } .owl-carousel.related-carousel .owl-nav button.owl-prev,.client-carousel .owl-nav button.owl-next {top:41%} .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;position: relative;} .owl-carousel.related-carousel .owl-next {float:right;margin-right: 10px !important;position: relative;} .owl-carousel.related-carousel .owl-nav { margin-top: -120px; float: left; width: 100%; } /* .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:17px; right:auto; margin:0;padding-left: 0 !important;padding-right: 0 !important;} /*--------------------------------------------------------------# Responsive Media Queries--------------------------------------------------------------*/ .footer-col .social1 {width:100%; display:flex; flex-flow:column; align-items:flex-start} .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} .top-area { width: 100%; float: left; border-bottom: 1px solid #eeeeee;background:#16284c;height: 40px; } .contact-details { width:33.3%;float: left;} .contact-details ul { margin: 0; padding: 0; } .contact-details li { margin: 0; padding: 0;list-style:none;float:left; } .contact-details li a { color: #fff; font-size: 13px; margin:12px 0 14px 0 !important; float: left; border-right: 1px solid #fff; line-height: 14px; padding-left: 7px; padding-right: 7px; } .contact-details li a:hover {color:#fff !important} .contact-details li a:hover::after { width: 100%; } .contact-details li a::after { content: ''; display: block; width: 0; height: 1px; background: #fff; transition: width .3s; } .contact-details li:last-child a { border: 0; } .offer-area { width: 33.3%; float: left; color: #fff; text-align: center; padding-top: 10px; font-size: 13px; font-weight:600; } .offer-area a { color: #fff !important; text-decoration: none; border-bottom: 1px solid #b7bcc8; } .social-area {width:33.3%;float: left;} .social-icon a { /* background: #fff; */ /* color: #16284c; */ width: 22px !important; float: left; text-align: center; border-radius: 50px; margin-left: 8px;line-height: 21px;} .social-icon a:hover img, .footer-col .social-icon a:hover img { background: #8c6e4a; border-radius: 50%; } .social-icon a.insta { background:transparent !important; padding:1px 0; } .social-icon a.insta:hover img { background:transparent; } .social-icon { text-align: right; float: right; padding-top: 7px; } .contact-details li:first-child a { padding-left: 0; } .top-area .container { max-width: 1170px; padding: 0 !important; } .menu-area { float: left; width: 100%; background: #8c6e4a; } .right-nav.right-nav2.hidden-xs { width: 33%; float: left; } .right-nav.right-nav2.hidden-xs ul { margin: 0; padding: 4px 0px; float: left; border: 0px solid #f5f5f5; } .logo.float-left { width: 33.3%; text-align: center;float: left; } .right-nav.hidden-xs { width: 33.3%; } .logo-container { float: left; width: 100%; padding:10px 0 11px 0; } .right-nav.right-nav2.hidden-xs ul { margin:24px 0 0 0; padding:2px 0px; float: left; } .logo-container .container { padding: 0; } .caption { width: 570px; margin: 0 auto; font-size: 65px; color: #fff; text-transform: none; text-align: center; line-height: 67px; padding-top: 170px; font-weight: 300; } .explore { margin: 27px auto 0 auto; width: 146px; } .explore-link { color: #fff; font-size: 18px; background: #16284c; border: 0; font-weight: 500; width: 100%; float: left; line-height: 40px; height: 40px; text-transform: uppercase;border:1px solid transparent } .explore-link:hover {background:none;border:1px solid #fff;color: #fff !important;} .explore-link h1 { color: #fff; font-size: 17px; background: #16284c; border: 0; font-weight: 500; width: 100%; float: left; } .section-title span { width: 100px; position: static; content: ''; background: #8c6e49; height: 5px; text-align: center; clear: both; margin: 0 auto;display: block; } .section-title h1, .section-title h2 { margin-bottom: 8px;font-weight: 300;font-size: 30px; color: #16284c;} .price-new {position: relative;line-height: 8px; padding-right: 15px; margin-right: 7px; } .price-new::before { background: #8c6e49; position: absolute; width: 3px; height: 17px; content: ''; right: 0; top: 3px; left: auto !important;} .rating { border: none; float: none; width: 90px; margin: auto; } .rating-area { width: 100%; float: left; text-align: center; } .rating > input { display: none; } .rating > label:before { margin: 3px; font-size:12px; font-family: FontAwesome; display: inline-block; content: "\f005"; } .rating > .half:before { content: "\f089"; position: absolute; left:auto !important} .rating > label { color:#16284c; float: right; } /***** CSS Magic to Highlight Stars on Hover *****/ .product-container { float: left; width: 100%; } .product-container .container { padding:0} .rating > input:checked ~ label, /* show gold star when clicked */ .rating:not(:checked) > label:hover, /* hover current star */ .rating:not(:checked) > label:hover ~ label { color:#8c6e4a; } /* hover previous stars in list */ .rating > input:checked + label:hover, /* hover current star when changing rating */ .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ .rating > input:checked ~ label:hover ~ label { color:#8c6e4a; } .portfolio-item {padding:0 !important} .about-container {background:#f2f7fa;float: left; width: 100%;padding: 60px 0;margin-bottom: 60px;} .about-img { padding-left: 0; text-align: left; } .about-text { text-align: left; float: left; } .about-text .section-title { text-align: left; padding-top: 55px;margin-bottom: 0; } .about-text .section-title h2 { font-size: 40px !important;margin-bottom: 25px;} .about-text p { font-size: 16px; line-height: 30px;margin-bottom: 35px;width: 94%;} .counter-part {width: 100%;margin: 0px auto;clear:both;display:block;} .counter-icon-part {float:left;width: 46px;text-align:center;} .counter-icon-part img {max-width:100%;/* margin-top:10px; *//* vertical-align: top; */} .counter-text-part {width: 200px;float:left;min-height:70px;} .counter-number { float:left; width:100%; } .counter-text { float:left; width:100%; color:#8c6e49;line-height:1;float:left;} .plus-icon { font-size: 53px; font-weight: 600; line-height: 1; margin-top: -1px; float: left; color: #8c6e49; } .count { color: #8c6e49; font-size: 55px; font-weight: 600; float: left;line-height: 55px; } .counter-text p { text-transform: uppercase; font-weight: 400; } .counter-item { padding-left: 0 !important; width: 30% !important; flex: 30% !important; max-width: 29% !important; } .counter-item.counter-item2 { padding-left: 0 !important;max-width: 30% !important; } .button { background: #16284c; color: #fff; text-transform: uppercase; width: 145px !important; float: left; text-align: center; padding: 13px 0; border: 1px solid transparent; font-weight: 600; font-size: 16px; } .button:hover{ background:none; color: #16284c;border:1px solid #16284c } .Thumbs .swiper-slide { height: 85px !important; } .shopby-container { float: left; width: 100%;margin-bottom: 60px; } .shopby-container .container {padding: 0 !important;} .shopby-container .row {margin: 0 !important;} .row.first-row, .row.second-row { float: left; width: 100%; height: 373px;} .row.first-row {margin-bottom:32px !important;} .shopbby-title {font-size:40px;} .shopbby-link {font-size:16px;} .bg1 {background: url(../images/home-hallway-img.png) no-repeat left top;height: 373px !important;float: left;} .bg2 {background: url(../images/home-living-room.jpg) no-repeat right top;padding-left: 30px;height: 373px !important;float: left;} .bg3 {background: url(../images/home-bedroom-img.jpg) no-repeat right top;padding-left: 30px;height: 373px !important;float: left;} .bg4 {background: url(../images/home-dining-room.jpg) no-repeat left top;height: 373px !important;float: left;} .room-name { font-size: 40px; font-weight: 300; float: left; width: auto; line-height: 33px; color:#fff; } .room-link { clear: both; float: left; margin-top: 10px; color:#fff; } .room-link a { color: #fff; font-weight: 600; } .shopbby-link { font-size: 16px; padding: 32px 0 0 16px; } .news-container {background:#fbfaf5;float: left; width: 100%;padding:60px 0 20px 0;margin-bottom: 50px;} .news-col { padding-left: 0; } .news-right { padding-right: 0; } .news-img { float: left; } .news-text { float: left; margin: 65px 0 0 30px;width: 42%;} .news-container .section-title { margin-bottom: 45px; } .news-date { font-size: 45px; font-weight: 700; color: #16284c;line-height: 35px;} .news-date span { font-size: 17px; font-weight: 600; color: #8c6e49; text-transform: uppercase; } .news-title a { font-size: 18px; color: #000; font-weight: 600; line-height: 25px; width: 100%; float: left; } .news-title { float: left; width: 100%; } .news-title span { width: 43px; height: 3px; background: #000; float: left; margin: 10px 0; } .news-content { float: left; width: 100%; } .news-content p { font-size:16px; margin-bottom: 7px; float: left; width: 100%; line-height: 25px; } .news-read { float: left; width: 100%; } .news-read a { color: #8c6e49; transition: 0.5s; } .news-read a:after { content: ">>"; transition: 0.5s; line-height: 1.5; display: inline-block; vertical-align: middle; margin-left: 4px; } .news-read a:hover:after { margin-left: 10px; } .news-read a:hover { color: #16284c !important; transition: 0.5s; } .news-container .row.first-row { margin-bottom: 0 !important; } .news-img { float: left; width: 50%;overflow: hidden; } .brand-container { float: left; width: 100%; padding: 0 0 60px 0 !important;} .brand-container .row.justify-content-center { float: left; width: 100%; } .brand-container .section-title {margin-bottom: 60px;} .searchcity-container { float: left; width: 100%; padding: 0 0 60px 0 !important; background: url(../images/searchcity-bg.jpg) no-repeat center bottom;height: 550px;background-attachment: fixed; background-size: contain;} .searchcity-container .row {display: inherit;} .searchcity-title { font-size: 45px; color: #fff; float: left; line-height: 45px; font-weight: 300; text-shadow: 0px 1px 1px #16284c; } .searchbox-area {float:right;width:377px;margin-top: 220px;} .searchcity-searchbox { width: 377px; height: 45px; float: left; margin-top: 30px; } .searchcity-searchbox input { width: 100%; background: #fff; font-size: 16px; border: 0; height: 46px; padding-left: 10px; } .searchcity-btn a { background: #16284c; color: #fff; text-transform: uppercase; width: 147px !important; float: left; text-align: center; padding: 13px 0; border: 1px solid transparent; font-weight: 600; font-size: 16px; } .searchcity-btn a:hover {color:#fff !important;background:none;border: 1px solid #fff; } .shipping-icon, .shipping-title, .shipping-title2 { width: 100%; text-align: center; float: left; } .shipping-title { font-weight: 600; font-size: 16px; margin: 10px 0 2px 0; } .shipping-title2 { color: #6a6a6a; } footer { float: left; width: 100%; height: 212px;background: url(../images/footer-bg.jpg) repeat center top;padding-top: 37px;} .copyright-wrap.copyright-wrap2.fl-wdth { background: #d3e3ed; } .copyright-wrap.copyright-wrap2.fl-wdth .container { padding: 0; } .footer-col.newsletter { float: right !important; width: 23% !important; margin-left: 50px; } .footer-col.newsletter li { font-size: 13px; } .footer-col .social-icon a { /* background: #16284c !important; */ /* color: #fff !important; */ width: 24px !important; margin-right: 7px; line-height: 16px !important; padding:4px 0 4px 0; font-size:16px;margin-right: 0; } .footer-col .social-icon {padding-top: 0;float:left} .footer-col .social1 li { margin-bottom:8px !important; font-size: 13px; } .searchcity-btn { float: left; margin-top: 20px; } .fadeIn-bottom{ top: 89% !important; } .portfolio-wrap .content-overlay {background: url(../images/overlay-bg.png) repeat left top; position: absolute; height:100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .portfolio-wrap:hover .content-overlay { opacity: 1; } .content-image{ width: 100%; } .content-details { position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .portfolio-wrap:hover .product-details{ top: 50%; left: 50%; opacity: 1; } .content-details li a { width: 40px; height: 40px; float: left; text-align: center; border-radius: 50px; line-height: 40px !important;transition: 0.5s; } .content-details ul { margin: 0 auto; padding: 0; display: table; } .content-details li { list-style: none; margin-right: 10px !important; float: left; } .content-details ul li a { margin: 0; padding: 0;display: initial !important; } .content-details ul li a img { width: auto !important; float: none !important; display: initial !important; } .content-details li:last-child { margin-right: 0 !important; } .portfolio-wrap:hover .content-details { z-index: 99999; opacity: 1; } .zoom-img { padding: 0; float: left; } #carousel li { width: 111px !important; margin-right: 12px !important; } .btm-wrap3 { float: left; width: 100%; text-align: left; margin-top: 5px;} .btm-wrap3 .add-to-cart-wrap.add-to-cart-wrap2 { margin:0 !important; width: auto !important;} .btm-wrap3 .share-details img { margin-right: 10px; } .add-wish-list-details img { float: left; margin-right: 8px; } .description-container { background: #f8f8f8; float: left; width: 100%; padding:30px 0;margin-top: 40px;} .related-container {float:left;width:100%;margin-top:62px;} .related-title { width: 100%; text-align: center; float: left; font-size: 40px;color:#16284c;font-weight: 300;} .related-container .row { float: left;margin-bottom: 30px; } .related-container .section-title { margin-bottom: 45px; } .head-text { float: left; width: 100%; font-size: 17px; font-weight: 500; margin-bottom: 20px; } .form-group { width:50%; float: left; position: relative; } .form-label { font-size:16px; width: 100%; float: left; } .form-label.right { font-size:16px; width: 100%; float: right; } .form-group.right input { width: 100%; } .form-group input { background: none; border: 0; border-bottom: 1px solid #8c6e49; width: 90%;padding-bottom: 10px; } .form-group textarea { background: none; border: 0; border-bottom: 1px solid #8c6e49; width:100%;padding-bottom: 10px; } #submit-btn { background: #8c6e49; color: #fff; float: left; width: auto !important; border-radius: 0; width: 144px !important; line-height: 38px; padding: 0; height: 38px;border:1px solid transparent;font-size:16px;text-transform:uppercase;font-weight:600; } #submit-btn:hover { background:none; color: #8c6e49; border:1px solid #8c6e49} .form-group.w-100 { margin-bottom: 30px; } .form-group::before { content: ''; position: absolute; left: 0; background: #8c6e49; width: 1px; height: 8px; bottom: 0; } /* .form-group.w-100::before { bottom: 7px; } */.drop-down.first-menu a { padding-left: 0 !important; } .last-menu a { padding-right: 0 !important; } #intro .owl-dots { display: none; } #clients .owl-nav { display: none; } .copy-txt a { border-bottom: 1px solid #8c6e4a;color: #8c6e4a !important;} .footer-col .social-icon a::after { display: none; } .selling-product-wrap .rating > label {position:relative;} .selling-product-wrap .rating > .half::before { content: "\f089"; position: absolute; left: 6px !important; } .detail-area.desktop .rating > label { position: relative; } .detail-area.desktop .rating > .half::before { content: "\f089"; position: absolute; left:5px !important; } .related-container .rating > label {position:relative;} .related-container .rating > .half::before { content: "\f089"; position: absolute; left: 6px !important; } .outofstock { color: #ff0000; width: 123px; float: left; text-align: left; font-size: 15px; padding-left: 8px; padding:8px 0 8px 21px; margin-left: 10px; position: relative; background: url(../images/boxbg.png) no-repeat left top; } .cart1 {background: url(../images/cart-icon.svg) no-repeat center 10px #fff ;width:20px;height:20px} .fav1 {background: url(../images/favorite-icon.svg) no-repeat center 10px #fff ;width:20px;height:20px} .share1 {background: url(../images/share-icon.svg) no-repeat center 10px #fff ;width:20px;height:20px} .view1 {background: url(../images/view-icon.svg) no-repeat center 10px #fff ;width:20px;height:20px} .cart1:hover {background: url(../images/cart-icon-hover.svg) no-repeat center 10px #16284c ;} .fav1:hover {background: url(../images/favorite-icon-hover.svg) no-repeat center 10px #16284c ;} .share1:hover {background: url(../images/share-icon-hover.svg) no-repeat center 10px #16284c ;} .view1:hover {background: url(../images/view-icon-hover.svg) no-repeat center 10px #16284c ;} #search3 input { border-top: 0; border-left: 0; border-right: 0; background: none; padding: 0; } .search-label { background: transparent; } .wrapper { height: auto; display: flex; flex-direction: row; width: 570px; position: relative; } .swiper-slide img { display: block; height: 100%; width: 100%; margin: 0 auto; -o-object-fit: cover; object-fit: cover; } .Thumbs .swiper-slide { opacity: 0.4; } .Thumbs .swiper-slide-active { opacity: 1; } .Gallery { float: right; width: 68%; margin: 0 0 0 130px; } .Thumbs { float: left; position: absolute; left: 0; width: 112px; height: 470px; } .product-tbl span.tbl-prod-name { line-height: 20px; font-size: 15px;font-weight: 500;} .cart-images .product-tbl span.tbl-prod-name { line-height: 47px; font-size: 15px;} .cart-images .total-price {padding: 0;} .cart-images .total-price-main { margin-top: -8px !important; float: left; } .order-table span.tbl-prod-name { line-height: 47px;text-align: left;font-size: 15px;} #myDIV { display: none; width: 100%; float: left; padding: 0; z-index: 1; margin-top: 13px; font-size: 13px; } .third-col .charges-main .charge-col1 button { background: none; border: 0; width:100%; text-align: left; padding: 0; } .third-col .charges-main .charge-col1 { font-size:16px; width: 100%; text-align: left; } .dropbtn1 { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } /* The container
- needed to position the dropdown content */ .dropdown1 { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content1 { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /* Links inside the dropdown */ .dropdown-content1 a { color: black; padding: 12px 16px; text-decoration: none; display: block; } /* Change color of dropdown links on hover */ .dropdown-content1 a:hover {background-color: #f1f1f1} /* Show the dropdown menu on hover */ .dropdown1:hover .dropdown-content1 { display: block; } /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown1:hover .dropbtn1 { background-color: #3e8e41; } .prof-bill-col-r.full-width { width: 100%; } .intro2 {padding: 0 !important;} #testimonial-slides3 .owl-nav { display: none; } #intro2 { float: left; width: 100%; } #testimonial-slides3 .owl-dots { display: block !important;text-align: center;margin-top: 40px;margin-bottom: 40px; } #testimonial-slides3 .owl-dots span { width: 25px !important; height: 2px !important; background:#8c6e4a; float: left; margin: 0 3px; } #testimonial-slides3 .owl-dot.active span{background:#59462f; } .mobile-nav-toggle.d-lg-none {display:none} .scrtabs-tab-scroll-arrow span { display: none !important; font-size: 0 !important; } #search { float: right !important; border: 0 !important; box-shadow: none !important; } .container1 { width: 100%; margin: 0 auto; padding: 0 15px; } .desktop-filter .check-box-wrap input { margin-top: 4px; } .wishlist a { padding: 0; float: left; background: none !important; border: 0; } .wishlist a:before {display:none} .listing-content-wrapp .selling-product-wrap .rating > .half::before {left: 5px !important;} .listing-products-wrap .frame-colors .check-box-wrap input { margin-top: 0; cursor: pointer; } .listing-products-wrap .frame-colors .check-box-wrap.active {border: 1x solid #eee !important; } .listing-products-wrap .frame-colors .check-box-wrap.active input { margin-top: 0; cursor: pointer;border: 2px solid #fff !important; } .menu1 .frame-colors .check-box-wrap.active {border: 1x solid #eee !important; } .menu1 .frame-colors .check-box-wrap.active input { margin-top: 0; cursor: pointer;border: 2px solid #fff !important; } .forget-new-reg-panel.form-group2.signup-text label { font-size:16px; } .forget-new-reg-panel.form-group2.signup-text label::before {top: -2px;} .forget-new-reg-panel.form-group2 input:checked + label::after {top:2px} @media (max-width: 1280px) { .copy-txt { margin-left: 70px; } } @media (max-width: 1024px) { .sku-area { float: left; margin-top: 0; margin-bottom: 20px; } .product-quantity {margin-right: 4px;} .add-to-cart-wrap {margin: 0 0 0 3px;} .material-area { float: left; margin: 24px 0 0 0; } .colo-area .filter-content.frame-colors { padding: 20px 0 0 0 !important; width: auto; } .product-price-area .product-price .price-new, .product-price-area .product-price span.price-old {font-size: 29px;} .details-content-wrapp { position: relative; float: right; width: 45% !important; z-index: 0;padding-right: 0; } .product-name .content-head {font-size: 30px;} section#intro { clear: both; height: auto; } .footer-col {width: 16%;} .footer-col.newsletter { width: 29% !important; } .searchbox-area {margin-top: 100px;} .searchcity-container {background-size:auto 100%;height: 300px;} div#search.form-group.sb-search-open, .no-js .sb-search-open {width: 70%;} .caption {font-size: 46px;line-height: 46px;padding-top: 60px;} .main-nav a {padding: 9px } .top-area .container {padding:0 15px !important;} .zoom { background-size: auto 100%; height: 305px !important; } .row.first-row, .row.second-row {height: 306px;} .counter-item {padding-right: 0;} .count {font-size: 45px;} .about-text .section-title {padding-top: 23px;} .news-img img { float: left; width: 100%; } .news-text {margin: 30px 0 0 30px;} .review-textcolum {width: 80%;} .price-wrap p {font-size: 26px;} .model-number p {font-size: 18px;} .slider-img { background-size: auto 100% !important; height: 250px !important; } .main-selection p {font-size: 53px;} .copy-middle{width:auto;display: initial;} p.product-price span {font-size: 15px;} .copyright-outer {padding: 10px 0 0 0;} } @media (min-width: 992px) {#testimonials .testimonial-item p {width: 80%; } } @media (max-width: 991px) { li.my-account.hidden-xs.dropdown { padding-right: 8px; } .mobile-nav-toggle.d-lg-none {display:block} .menu-area {display:none} .slider-img { background-size: auto 100% !important; height:250px !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: 235px;background-size: cover !important;} .banner-bottom-strip ul {float: left;width: 100%;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: #f7b81d;padding: 15px; margin-top: 7px;} .mobile-nav li.language {text-align: right;} .mobile-nav li.phone, .mobile-nav li.whatsapp {padding: 15px 15px 15px 40px;width: 50%;float: left;background: #f7b81d;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;} .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;margin-left: 0;} .cards { width: 100%; float: left; text-align: center;margin-top: 10px; } li.wishlist .black {color: #000;margin-left: 15px;} .mobile-nav li.wishlist span.badge {background: #000;color: #fff;position: absolute;width: 15px;border-radius: 50%;height: 15px;line-height: 15px;left: 74px;} .mobile-nav li {width: 100%;float: left;} .togglesearch {right: -177px;} .togglesearch:before {right: 180px;} .main-nav > ul > li.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: 144px;} #header .logo img {max-height:40px} #header { padding:10px 0}div#search {border-radius:5px; } div#search { top:14px} } @media (max-width: 768px) { .colo-area .frame-colors .check-box-wrap {height: 29px;} .outofstock {padding: 7px 0 10px 21px;} .order-table span.tbl-prod-name { line-height: 20px; width: 92px; } .material-area {margin:24px;} .sku-area {margin-top:15px} .bread-crumb {padding: 166px 0 27px 0;} .drop-down.first-menu a { padding-left: 20px !important; } .drop-down.last-menu a { padding-left: 20px !important; } li.currency select option { font-size: 12px; line-height: 9px !important; } .copyright-outer { padding: 10px 0 10px 0; } .copy-txt p {text-align: center;} .shopby-container .container { padding: 0 15px !important; } .row.first-row, .row.second-row { height: auto; } .about-container .container { width: 96% !important; margin: 0 auto; } .rating {position: relative;} .rating > .half::before { content: "\f089"; position: absolute; left: 6px !important; } .zoom-img { padding: 0; float: none; width: 66%; margin: 0 auto; } .details-content-wrapp { width:100% !important; } .inside-content-wrap.detail-page.fl-wdth .container {padding:0 15px} .second-box:after {display:none;} .copyright-wrap.copyright-wrap2.fl-wdth .container {padding:0 15px} .footer-col.newsletter { width: 49% !important; margin-left: 0 !important; margin-top: 21px;float: left !important; } .footer-col { width: 33.3%; } footer {background:#f1f6f9 !important;height:auto !important;padding:20px 15px;} .banner-bottom-strip ul li {width: 50%;margin-bottom:20px;} .searchbox-area {margin-right: 20px;} .product-container .owl-carousel.related-carousel .owl-nav { margin-top: -293px; } .product-container .container { padding:0 15px} li.wishlist {display: none !important;} .right-nav.right-nav2.hidden-xs {padding-left: 15px;margin-right: 0 !important;} .right-nav.right-nav2.hidden-xs ul li { display: block !important; margin-left: 0; float: left; } .social-area {width: 26.3%;} .offer-area {width: 40.3%;} .about-text .section-title { padding-top: 0; } .zoom { background-size: auto 100%; height: 228px !important; } .room-name {font-size: 25px;line-height: 18px;} .shopbby-link {padding: 21px 0 0 5px;} .count { font-size: 30px; } .plus-icon {font-size: 37px;margin-top: 5px;} .about-text p { font-size: 16px; line-height: 23px; margin-bottom: 5px; } .counter-text p {font-weight: 400;} #counter { margin-bottom: 10px; } .news-img {width: 46%; } .news-text { margin:0px 0 0 20px; width: 47%; } .news-col { padding-left: 0; padding-right: 0; } .container { max-width: 100%; } .news-col2 { padding-right: 0 !important; } .news-container .row.first-row {margin-left:0px;} .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:49% !important;margin-bottom: 0;float: left;} .detail-page {margin:0px 0 50px 0;} .mobile-nav .drop-down li a {width: 97% !important;padding: 4px 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 {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%;height: 150px;} .footer-col.no-border.social-area {width:25%;} .footer-col .social {width:100%;} .mobile-nav li.phone, .mobile-nav li.whatsapp {background: #f7b81d; 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.language {display: none;} .right-nav ul li.language { display:none} span.search-label img {max-width:21px !important;} .right-nav ul li:first-child::after {display: none; } .right-nav ul li.search:after { display:none} .right-nav ul li { text-align:center} .right-nav ul li::after { left:-2px} .search-label { width:33px; line-height:50px; height:45px} #header .logo img { max-height:54px} .right-nav > ul { margin-top:-25px; padding-left:0; padding-right:44px} .right-nav > ul.search { display: block; margin-right: 80px; 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: 74px; } #header {padding: 0;height: 146px;} .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} .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:#8c6e4a; font-size: 35px } .owl-carousel.related-carousel .owl-nav { margin-top:-73px} .mobile-nav li.phone, .mobile-nav li.whatsapp {background: #f7b81d; 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} .frame-popup { border-bottom: 1px solid #ccc;} .footer-col .social p {color:#f7b81d} .social ul li {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 8px !important; padding:0 !important} .mrf img { max-width:100%} .frame-size p { width:50% !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:16px; font-weight:400; color:#58595b; margin-bottom:15px} .detail-page { margin: 30px 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: unset !important;} section#newsletter {padding:10px 0 15px;float: left;width: 100%;background: #f7b81d;} section#newsletter h2.section-title { margin-bottom:0;color:#fff} section#newsletter p { margin-bottom:5px;color:#fff} #newsletter input[type="text"] {color:#ccc} #newsletter .button-wrap button {border: 2px solid #fff;background: #fff;color:#f7b81d;font-size:13px} .btm-wrap.btm-wrap2 { position:relative; bottom:auto; } .footer-col.no-border.social-area { width:100%; display:flex} .mrf img { max-width: 100%; max-height:40px; } .footer-col .social p { color: #f7b81d; 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;} .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:305px;} .frame-popup { padding-top:15px; padding-bottom:15px} .right-nav ul li.search:last-child::after { display:none} } @media (max-width: 767px) { .mobile .my-bag .badge { left: 17px; right: auto; margin: 0; padding-left: 0 !important; padding-right: 0 !important; top: -13px; position: absolute; background:#8c6e49; } .country-select { z-index:99; } .footer-col {width: 25%;height: auto; } .wrapper {width: 100%;} .flexslider {margin-bottom:0 !important } .zoom-img { padding: 0; float: none; width: 79%; margin: 0 auto; } .searchbox-area {width: 277px;margin-top: 50px;} .searchcity-searchbox { width: 100%; height: 45px; float: left; margin-top: 10px; } .searchcity-title {font-size: 36px;line-height: 36px;} .offer-area {width: 50%;} .social-area { width: 50%; } .contact-details {display:none;} .shopby-container .container { padding:0 15px !important; } .about-container .container { padding:0 15px !important; } .zoom { background-size: auto 100%; height: 228px !important; } .row.first-row, .row.second-row { height:auto !important ; } .product-container .owl-carousel.related-carousel .owl-nav {margin-top: -233px;} .news-col2 {padding-right: 0 !important;padding-left: 0 !important;margin-top: 40px; } .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} .footer-col .social ul { float: none; display: inline-flex; align-items: center; margin-bottom: 15px;clear: both;justify-content: center;} .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;} .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.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 {position: absolute;top: 30px;left: 30px;font-size: 30px;color: #fff;}p.about a{color:#fff} .variety {min-height: 160px;} .section-title {font-size: 28px;} .client-carousel {max-width: 100%;margin: 0;} #clients {padding: 5px 0 32px 0;} .cards img {max-height: 22px;margin: 0 4px 0 0;} .copy-txt {display: block;margin-left: 0;} .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-active .mobile-nav{width:100%;max-height: 100%;} #header{padding:0;}section#intro{padding-top:60px;} section#intro { padding-top: 150px; height: auto; } .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:16px; top:-2px} .main-nav > ul > li.search {display: none;} .right-nav > ul {margin-top: 0;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: 22px;}section#newsletter p {font-size: 12px;margin-bottom: 20px;} #newsletter input[type="text"] {width: 100%;font-size: 12px; 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} .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:16px;} .mobile-nav li.language, .mobile-nav li.wishlist {display: inline-block !important;width:auto;float: left;color: #3c4246; padding: 10px; } .mobile-nav li.wishlist {color:#000} .mobile-nav li.language {text-align: right; padding: 9px; background: url(../images/globe.svg) no-repeat 5px center; padding-left: 0; font-size: 18px; color: #3c4246; padding-left: 39px;} 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: -35px !important;} .right-nav { margin:8px 38px 0 0;} li.currency select { padding-left:0; padding-right:12px} .client-carousel .owl-nav button.owl-prev,.client-carousel .owl-nav button.owl-next {top:41%} .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:#f7b81d} .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: #f7b81d;} section#newsletter h2.section-title { margin-bottom:0;color:#fff}section#newsletter p { margin-bottom:5px;color:#fff} .button-wrap1 { float: left; width: 100%; } #newsletter .button-wrap button {border: 2px solid #fff;background: #fff;color:#f7b81d;font-size:13px} .mobile-display-block { display:block !important} #portfolio { display:none; } .search-label, .sb-search-open .search-label { background: none; } div#search { border: 0; border-radius: 5px; background: transparent; } .sb-search-open .search-label {border-radius: 0px 5px 5px 0px; } .right-nav ul li.language { display:none} span.search-label img {max-width: 66% !important;} .right-nav ul li:last-child::after {display: block; } .right-nav ul li:first-child::after {display: none; } .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: #f7b81d;} .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:#8c6e49; font-size: 35px } .owl-carousel.related-carousel .owl-nav { margin-top:-73px} .mobile-nav li.phone, .mobile-nav li.whatsapp {background: #f7b81d; 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-block { display:block} .mobile-none { display:none} .frame-popup { border-bottom: 1px solid #ccc;} .footer-col .social p {color:#f7b81d} .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:50% !important; font-size:12px} .frame-size b { padding-left:3px} .frame-popup a { font-size:13px} .details-description-head { font-size:21px;margin-top:15px} p.details-description { font-size:16px; font-weight:400; color:#58595b; margin-bottom:15px} .detail-page { margin: 30px 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;} p.about { display:none} .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;} li.my-account.hidden-xs.dropdown {padding-left: 6px; padding-right: 5px; font-size:16px;} li.my-account.hidden-xs.dropdown a {font-size:16px;} .right-nav ul li {padding-left: 4px; padding-right: 4px;} li.currency.mobile {float: left !important; margin-left: 7px; 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;} .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: 5px 2px; font-size: 12px; } } @media (max-width: 574px) { .divdr { float: left; margin: 14px 5px; display: none; } .zoom-img { padding: 0; float: none; width: 100%; margin: 0 auto; } .related-container .owl-nav { margin-top: -340px !important; } .add-to-cart-wrap { margin: 0px auto 0 auto; } .add-to-cart-details { float: left; margin: 0px 10px 0 0; width: auto; clear: both; } .material-area { float: left; margin: 24px 0 0 0; } .product-price-area .product-price .price-new::before { height: 17px; top: 8px; } .product-price-area .product-price .price-new, .product-price-area .product-price span.price-old {font-size: 22px;} .product-price-area .product-price {text-align:left;} .brand-logo.fl-wdth {margin-top: 17px;} .about-img {padding-left:15px;} #intro {padding: 100px 0 0px 0;} .strip3.banner-bottom-strip ul li {height: 140px;} .strip3.banner-bottom-strip ul li p { padding:48px 30px 0 23px !important ;line-height: 16px;font-size:16px;width: 100%;} .strip3.banner-bottom-strip ul li::after {top:9% !important;} footer {padding:30px 0 20px 0;} .footer-col.no-border.social-area {width: 70%;} .slider-img { background-size: auto 100% !important; height: 300px !important; } form#newsletter {width:91%;} .about-text {margin-top: 20px; } } @media (max-width:480px) { .check-box-wrap input {margin-top: 0px; } .frame-colors .check-box-wrap.active { width: 9%; margin:0 7px 0 0; } .Gallery { float: right; width: 68%; margin: 0 0 0 77px; } .Thumbs .swiper-slide { height: 61px !important; width: 61px; } .logo.float-left {margin-left: 10px;} #testimonial-slides4 { float: left; width: 100%; } .cart-images .product-tbl span.tbl-prod-name { line-height: 28px; font-size: 15px; width: 100%; } .order-table span.tbl-prod-name { font-size:16px; line-height: 20px; width: 152px; text-align: right; } .Thumbs .swiper-slide {height:auto !important} .Thumbs {height: 305px;} .order-txt > p { font-size: 15px; line-height: 30px; margin: 0; text-align: center; font-weight: 400; } .my-bag ul:before {right: 45px;} .my-bag ul { right: -49px !important;top: 36px !important; } #clients .col-lg-12 { padding: 0 !important; } .brand-container .row.justify-content-center { float: none; width: 100%; margin: 0 auto; } .scrtabs-tabs-fixed-container ul.nav-tabs > li { white-space: nowrap; padding: 0 30px; } .bread-crumb { padding: 176px 0 17px 0; } .banner-bottom-strip ul { margin: 0; padding: 15px 0; } .shipping-title2 { color: #6a6a6a; padding: 0 20px; } .counter-text p { font-size: 13px; line-height: 16px; } .count { font-size: 24px; } .plus-icon { font-size: 28px; margin-top: 13px; } .counter-item { padding-right: 0; margin-right: 11px !important; } section#intro { padding-top: 180px; height: auto; } .detail-page .flex-direction-nav a.flex-next {top: 191px;} .detail-page .flex-direction-nav a.flex-prev {top: 191px;} .mobile-nav-active .mobile-nav-toggle.d-lg-none { top: 45px; } .caption { font-size: 28px; line-height: 28px; padding-top: 60px; } .caption {width:100%;} section#intro { padding-top: 145px; } li.currency select {padding-left: 10px; padding-right: 12px; width: 90px; } div#search.form-group.sb-search-open, .no-js .sb-search-open { width: 100% !important;border: 0 !important; } .right-nav.right-nav2.hidden-xs { margin-top: 0 !important; } .right-nav.hidden-xs { width:7.3%; margin-right: 50px; margin-top: 26px; float: right; } .mobile-nav-toggle { top: 80px; } #header {height:auto} .social-icon { text-align: right; float: none; padding-top: 7px; width: 100px; margin: 0 auto; } .social-area { width: 100%; margin: 0 auto !important; text-align: center; } .top-area{height:auto;padding-bottom: 10px;} .form-group {width:100%} .form-group input {width: 100% !important;} .product-quantity {margin-bottom: 10px;} .material-area { float: left; margin: 14px 0 10px 0; } .size-area { float: left; margin-left: 0; margin-top: 11px; width: 100%; } .colo-area .filter-content.frame-colors { padding: 10px 0 !important; width: auto; } .footer-col.newsletter {width: 100% !important;} .footer-col {width: 100%;padding: 0 15px !important;margin-bottom: 20px;} .searchcity-btn {margin:0 auto;clear: both;float: none;width: 150px;} .searchcity-searchbox {margin-bottom:20px;} .searchbox-area { width: 90%; margin-top: 170px; margin-left:0; margin-right:0; width:100%; text-align: center; } .searchcity-title { font-size: 25px; line-height: 40px; width: 100%; } .searchcity-container { background-size: 110%; height: 255px; background-color: #66646f; background-position: center top; background-attachment: unset; } .product-container .owl-carousel.related-carousel .owl-nav { margin-top: -343px; } .offer-area {width:100%;} .brand-container .owl-item { width: auto !important; } .news-img {width:100%;} .news-text { margin: 20px 0 0 0px; width: 100%; } .mob-count { width:30% !important; float: left; } .bg2, .bg4 {height: 390px !important;width: 100% !important;padding-left: 15px !important;} .bg1, .bg4 { margin-bottom: 32px !important; } .bag-buttons.more .bg1 { margin-bottom: 15px !important; } .bag-buttons.more a.view-bag { width:132px; } .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:19px 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: 45px !important;top:22px !important;transform: translateY(-50%);background-size: 111px;} .copyright-wrap {padding-bottom: 10px;} .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:16px;} .frame-size b { padding-left:3px} .row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item {position: static !important; width: 100% !important; max-width: 100% !important; flex: 100% !important;} #carousel.flexslider .slides img {padding:10px 25px 30px 34px !important} .copy-txt p {font-size: 13px;} .product-name .content-head {font-size:18px;} .model-number p {font-size:15px;} ul.search.mobile { display: block !important; margin: 30px 58px 0 0px !important; width: 85px !important; float: right; padding: 0 !important; } .cart-panel { float: left; width: 297px; } ul.search.desktop {display:none !important} ul.search.mobile input.form-control { position: absolute !important; top: 155px; width: 100% !important; left: 0 !important; height: 41px; border-radius: 0; border: 2px solid #eee !important;background: #fff !important; } 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; float: left; width:auto; margin: 0 0 0 10px; } .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:16px; top:-2pxp;border: 1px solid #eeee;} .price-wrap p {font-size: 22px;} .mobile-detail {margin-top: 50px;display: block;} .frame-popup a {width:100% !important;margin-bottom:10px !important} .frame-popup a.btn-orange {width:100% !important;margin-left: 0 !important; } .detail-page {margin:30px 0 50px 0;} span.search-label img {max-width:90% !important;} .badge { min-width: 20px; } .mobile-nav .drop-down li a {width: 94% !important;padding: 4px 10px;} li.currency.mobile {margin-right: 13px;background: url(../images/menu-arrow.png) no-repeat 85% center;display: block !important;float: right;width: 60px;margin-top: 16px; } .slider-img { background-size: auto 100% !important; height: 190px !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) { .Thumbs { float: left; position: absolute; left: 0; width: auto; height: 258px; } .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:16px; width: 100%; } } @media (max-width: 360px) { .frame-size p {font-size: 12px;} .cards img {max-height: 19px;} .right-nav {margin: 8px 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#newsletter {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:16px;} .Thumbs { float: left; position: absolute; left: 0; width: 80px; height: 195px; } } .clsLang { font-size:18px !important; color:#000 !important; } .language .clsLang { padding:0 !important; } .language .clsLang:before { background:none !important; } .at-icon-wrapper { visibility:0; } .addthis_button_compact.share1 { width: 40px !important; height: 40px !important; } #form-currency .option.current { display: block !important; } .form-group1 { position: relative; display: inline-block; height: auto; } .form-group1 label.error { visibility: visible; background-color: #dd1212; color: #fff; padding: 5px 10px !important; border-radius: 6px; bottom: 0; position: absolute; z-index: 1; display: block; margin-bottom: -15px !important; margin-right: 5px; font-size:11px; font-weight:normal; } .form-group1 .error::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #dd1212 transparent; } label.error { width: auto; text-align: center; left: 0; } .newsletterresponse { position:absolute; } .form-group.form-group1 label.error { margin-bottom:-30px !important; } .at-icon-wrapper { display:none !important; } .rating > label { position:relative; } .rating > .half::before { left:5px !important; } .pagination li, .pagination li a { background-image:none !important; } .pagination .active span { background: #8c6e49 !important; border: none; border-radius: 50% !important; width: 40px; height: 40px; line-height: 30px; font-size: 16px; } .clsNav a { font-size: 30px; line-height: 20px !important; } .search-form .form-group input { font-size:0; } .search-form .sb-search-open.form-group input { font-size:13px !important; padding:10px 15px; z-index: 9999999999999; background: #fff; width: 293px; } .clsCartOpt { clear:both !important; margin:0 !important; text-align:left !important; padding-bottom:5px !important; } .clscheckoutpage .panel-group .panel { float:left !important; width:100% !important; border-radius:0 !important; } .clscheckoutpage .panel-default > .panel-heading { border:none !important; border-radius:0 !important; } .clscheckoutpage .panel-collapse { padding:0; } .clscheckoutpage .btn { border-radius:0 !important; } #payment-existing select, #shipping-existing select { width:100%; padding:10px; margin:10px 0; } #payment-new .control-label, #shipping-new .control-label { text-align:left !important; width:100% !important; padding:0 !important; margin-bottom:10px !important; } #payment-new .col-sm-10, #shipping-new .col-sm-10 { text-align:left !important; width:100% !important; padding:0 !important; } #payment-new .form-group, #shipping-new .form-group { margin:10px 0 !important; } #payment-new select, #shipping-new select { padding:5px; width:90%; } .review-payment-col .review-payment-col-l p { clear:both; margin-left:0; margin-right:0; width:100%; } .clscheckoutpage .accordion-toggle { width:100%; float:left; } .clscheckoutpage .accordion-toggle .fa { float:right; } .xform-form input[type="checkbox"] { width:auto !important; } .xform-checkboxes:before, .xform-submit:before { background:none !important; } div.bootstrap-xform { font-family: 'Founders Grotesk', 'Poppins', sans-serif !important; font-size:16px !important; } .rating-area { display:none !important; } .product-details .product-name { margin-bottom:15px !important; } .clstopsocial a { background:#fff; border-radius:50%; color:#16284C; width: 25px !important; height: 25px !important; } .clstopsocial a:hover { color:#8C6E4A; } .clstopsocial a i { font-size:15px !important; padding:5px !important; } .social-icon.clsFooterSocial a { background:#16284C; border-radius:50%; color:#fff !important; width: 27px !important; height: 27px !important; } .social-icon.clsFooterSocial a:hover { color:#8C6E4A !important; } .social-icon.clsFooterSocial a i { font-size:15px !important; padding:2px !important; } @media screen and (max-width:767px){ .offer-area { display:none !important; } .social-icon { float:left !important; width:auto; } .social-icon a { float:right !important; } #testimonial-slides { display:block !important; } .clsDesktop { display:none !important; } .contact-details { width:auto !important; } .social-area { width:60px !important; float:right !important; } .mob-counter span.menu2-title a { color:#fff !important; } .mobile-nav-toggle.d-lg-none { z-index:999999 !important; } } .clsgroupoda7 { display:none !important; } @media screen and (min-width:768px){ .badge.cart-total { left: 14px !important; padding-left: 0 !important; right: auto !important; margin: 0 !important; padding-right: 0 !important; } } @media screen and (max-width:767px){ .bag-buttons.more a.view-bag { width:auto !important; } .hd { font-size:13px !important; } .bag-buttons.more a { font-size:12px !important; } .badge.cart-total { padding:3px 5px !important; font-size:10px !important; left: 14px !important; } } @media screen and (max-width:480px){ .badge { min-width: 15px !important; font-weight:normal !important; } } .caption { position:absolute; bottom:30px; width:100%; padding:0; } .clsMobile, .clsFilterContainer { display:none; } @media screen and (max-width:767px){ .clsMobile, .clsFilterContainer { display:block; clear:both; } .clsFilterContainer { padding:10px; } .clsFilterSec { background:#16284c; color:#fff; text-align:center; padding:7px; width: 160px; margin: 10px auto; text-transform: uppercase; } .social-area { width:100px !important; } ul.search.mobile { margin-right:50px !important; } .mobile-nav-toggle.d-lg-none { margin-top:13px; margin-left:10px; margin-right:0; } .mobile-nav-active .mobile-nav-toggle.d-lg-none { top:30px; } span.search-label img { margin-right: 5px; } .social-icon.clsFooterSocial a { margin:0 !important; } .page-title.fl-wdth h2 { font-size:22px !important; } .modal-open .modal { margin-top:80px !important; z-index:999999999; } .modal-header .close { margin-top:-50px !important; } } @media screen and (min-width:768px){ .search-label { line-height:38px !important; } div#search { top:24px !important; } } .dropdown-backdrop { display:none !important; } .about-panel a { text-decoration:none !important; color:#8C6E4A !important; } .about-panel ol { list-style:disc !important; } p.product-name, p.product-name a { color:#000 !important; } .footer-col .social-icon.clsFooterSocial a { margin-right:10px !important; } #choosegift label { display:none !important; } .review-payment-tbl .tbl-prod-name { padding-top:0 !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 170px !important; display: inline-block; } #choosegift legend { padding-top: 10px !important; } @media screen and (max-width:767px){ .wishlist.clsWishIcon { display:block !important; } ul.search.mobile { width:150px !important; } } .clsOfferNote { width:100%; clear:both; text-align:center; float:left; margin:0 auto; } .clsOfferNote p { color:#820805; text-align:center; margin: 10px 0; padding:0; font-size:16px; line-height:25px; } .clsOfferNote p span { font-size:14px; } .clsOffNote1 { margin-top:10px; } @media screen and (max-width:480px){ .clsOfferNote p { font-size:14px; line-height:20px; } .clsOfferNote p span { font-size: 12px; margin-top: 10px; float: left; text-align: center; width: 100%; } } #testimonial-slides .item.slider-img { background-position:center center !important; } #header .logo img { width:125px !important; height: auto !important; max-height: 100% !important; } @media screen and (max-width:767px){ #header .logo img { width:110px !important; } } @media screen and (min-width:768px) and (max-width: 991px) { #header { padding:0 !important; height:150px !important; } .mobile-nav-toggle { top:77px !important; } .contact-details { width:auto !important; } .social-area { width:auto !important; float:right !important; } .top-area .container { width:100% !important; max-width:100% !important; } .social-icon { width:auto !important; } .social-icon a:last-child { padding-right: 0 !important; margin-right: 0 !important; } .main-nav a { padding:9px 9px 9px !important; } .news-text { margin: 30px 0px 0 30px; } .container { width:95% !important; } .right-nav > ul { margin-right:40px !important; margin-left:auto !important; } .right-nav > ul.search { margin-right: 150px !important; } .col-xs-9.clsvoutext { width: 50%; } .bread-crumb { padding-top:170px !important; } .footer-col .social-icon.clsFooterSocial a { margin-right:0 !important; } .listing-content-wrapp { width:75% !important; } .selling-product-wrap.fl-wdth .portfolio-item { width:45% !important; } } @media screen and (min-width:992px) and (max-width: 1194px) { .social-icon a:last-child { padding-right: 0 !important; margin-right: 0 !important; } .main-nav a { padding:9px 9px 9px !important; } .container { width:95% !important; } .selling-product-wrap.fl-wdth .portfolio-item { width:30% !important; } } .clsShipNote { font-size:12px; text-align:center; } .xform-form .btn { font-weight:normal !important; } @media screen and (max-width:767px){ .clsOfferNote p { padding:0 30px !important; } } #choosegift .giftCardsSection label#paperimage { display:block !important; } .clsAssistance { clear: both; margin-top: 20px !important; float: left; margin-bottom: 0; } .clsThreed { width: 85.5% !important; clear: both; float: left; margin: 10px 0 0 0 !important; } .clsThreed .add-to-cart-details { width: 100% !important; clear: both; float: left; margin: 0px; } .clsThreed .add-to-cart-details a { width: 100% !important; clear: both; float: left; margin: 0px; } .shopby-container .row.clsProfessionalHome { margin-bottom: 30px !important; } .clsProfessionalHome h3 { text-align: center; margin: 0; padding: 15px; background: #9D8B73; color: #fff; } .clsB2b { margin-right:40px; } @media (max-width: 768px) { .wishlist a { margin-left: 10px; } } @media (min-width: 769px) { .contact-details li a { padding-left:14px; padding-right:14px; } ul.search.desktop.clsLoggedSearch { margin-right:150px; } } .clsPerformaNote ul { margin: 0 15px; padding: 0; } .clsTotalProject { float:right; margin: 10px 0; }