.float-left { float: left!important; } body { background: #fff; color: #000; direction:rtl; font-size:15px !important; font-weight:400; font-family: "Zain", noto kufi arabic, 'Noto Sans' !important ; } .body2 {direction:ltr !important; } /*--------------------------------------------------------------# Header--------------------------------------------------------------*/ #header {height: auto;transition: all 0.5s;z-index: 997;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;z-index: 1030;width: 100%;float: left;}header#header {position: fixed;} #header.header-scrolled,#header.header-pages {height: 60px;padding: 10px 0;} #header .logo h1 {font-size: 36px;margin: 0;padding: 0;line-height: 1;font-weight: 400;letter-spacing: 3px;text-transform: uppercase;} #header .logo h1 a,#header .logo h1 a:hover {color: #00366f;text-decoration: none;} #header .logo img {padding: 0;margin: 0px 0;max-height: 80px; } .main-pages {margin-top: 60px;} /*--------------------------------------------------------------# Intro Section--------------------------------------------------------------*/.main-selection {} .main-selection.trend, .main-selection.promo {height: 250px;} .main-selection.trend {background: #7c4086;margin-bottom: 40px;} .main-selection.promo {background: #deaa30;} .main-selection.winter-sale {background: #567e25;} .main-selection.winter-sale {min-height: 640px;}section#intro {padding-top: 130px;clear:both;} .main-selection p {font-size: 75px;font-weight: 600;text-transform: uppercase;color: #fff;line-height: 1;position: absolute;left: 30px;bottom: 40px;margin: 0;} .main-selection p a{color:#fff} .main-selection {position: relative;} .main-selection.winter-sale {background: url(../images/header-01.jpg) no-repeat top center; width:100%; background-size:cover; } .main-selection.winter-sale p {bottom: auto;top: 30px; text-transform:none;} .main-selection p span {font-weight: 300;} /*--------------------------------------------------------------# 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: right;} .main-nav > ul > li.search {display: none;} .main-nav a {display: block;position: relative;color: #58595b;padding: 11px 30px 0 !important;transition: 0.3s;font-size: 16px;font-family: "Zain", noto kufi arabic,'Open Sans', sans-serif !important;font-weight: 400;text-transform:uppercase;} .main-nav > ul > li a:after {content: "";width: 1px;height: 14px;position: absolute;left: 0;top: 14px;} .main-nav > ul > li:last-child a:after {display:none;}nav.main-nav {margin-top: 28px;} .main-nav a:hover,.main-nav .active > a,.main-nav li:hover > a {color: #BEE034;text-decoration: none;} .main-nav .drop-down ul {display: block;position: absolute;right: 0;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s;} .main-nav .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;} .main-nav .drop-down li {min-width: 140px;position: relative;} .main-nav .drop-down ul a {padding: 6px 20px;font-size: 13px;color: #58595b;text-align: right;} .main-nav .drop-down ul a:hover,.main-nav .drop-down ul .active > a,.main-nav .drop-down ul li:hover > a {color: #BEE034;} .main-nav .drop-down > a:after {/* content: "\f107";font-family: FontAwesome;padding-left: 10px; */} .main-nav .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);} .main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;} .main-nav .drop-down .drop-down > a {padding-right: 35px;} .main-nav .drop-down .drop-down > a:after {content: "\f105";position: absolute;right: 15px;} /* Mobile Navigation */.mobile-nav {position: fixed;top: 0px;bottom: auto;z-index: 99999;overflow-y: auto;left: -260px;width: 260px;padding-top: 7px;background: #fff;transition: 0.4s;} .mobile-nav * {margin: 0;padding: 0;list-style: none;} .mobile-nav a {display: block;position: relative;color: #58595b;padding: 15px 17px;font-weight: 500;text-transform: uppercase;font-family:"Zain", noto kufi arabic, 'Noto Sans'; font-size:15px;} .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; left: 5px; color: #BEE034; } .mobile-nav .active.drop-down > a:after {content: "\f077";} .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: 13px 0px 0 0;color: #BEE034;} .mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(0,0,0,0.2);overflow: hidden;display: none;} .mobile-nav-active {overflow: hidden;} .mobile-nav-active .mobile-nav {right: 0%;width:90%;} .mobile-nav-active .mobile-nav-toggle i {color: #BEE034;} /*--------------------------------------------------------------# Sections--------------------------------------------------------------*//* Sections Header--------------------------------*/ /************************************************************************************/ .banner-bottom-strip {background: #fff;border-bottom: 1px solid #d8d8d8;border-top: 0px solid #d8d8d8;float: left;width: 100%;} .banner-bottom-strip ul {width: 100%;float: left;margin: 0;padding: 15px 0;} .owl-carousel.slider-carousel {direction:ltr !important} .guarantee-txt { font-size: 45px; width: 100%; float: left; text-align: center; color: #BEE034; font-weight: 600; } .banner-bottom-strip.strip2 ul{padding:15px 0;} .banner-bottom-strip ul li{width:33.33%;position:relative;height:86px;display:table; float:right;} .banner-bottom-strip ul li:before{background:url(../images/sprite.png) no-repeat;background-position:0 0;content:"";position:absolute;right:0px !important;top:10px;width:68px;height:65px;} .banner-bottom-strip ul li:first-child:before{background-position:0 -88px;} .banner-bottom-strip ul li:nth-child(2):before{background-position:0 -154px;} .banner-bottom-strip ul li:last-child:before{background-position:0 -219px;} .banner-bottom-strip ul li p{display:table-cell;vertical-align:middle;height:100%;float:none;font-size:20px;font-weight:600;text-transform:uppercase;padding:0 85px 0 0px;text-align: right;color:#000} .strip3.banner-bottom-strip ul li p {display: table-cell; vertical-align: middle; height: 100%; float: none; font-size: 28px; font-weight: normal; text-transform: capitalize; padding: 0 47px 0 0px; text-align: right; color: #6d6e71; width: 69%; line-height: 36px; } .banner-bottom-strip ul li::after {background: #d8d8d8 !important} .banner-bottom-strip ul li p a {color: #000;} .banner-bottom-strip ul li:after{background:#BEE034;content:"";position:absolute;left:30px;top:14px;width:1px;height: 60%;top: 20%;} .banner-bottom-strip ul li:last-child:after{display:none !important;} .banner-bottom-strip.strip2 ul li p {font-weight: 400;text-transform: none;} .banner-bottom-strip.strip2 {background: #f4f4f4;border-color: #f4f4f4;} .banner-bottom-strip.strip2 ul li:first-child:before{background:url(../images/phone.png) no-repeat;background-position:center;content:"";position:absolute;right:40px;top:10px;width:68px;height:65px;background-size: 50px;} .banner-bottom-strip.strip2 ul li:nth-child(2):before{background:url(../images/whatsapp.png) no-repeat;background-position:center;content:"";position:absolute;right:40px;top:10px;width:68px;height:65px;background-size: 50px;} .banner-bottom-strip.strip2 ul li:last-child:before{background:url(../images/email.png) no-repeat;background-position:center;content:"";position:absolute;right:40px;top:10px;width:68px;height:65px;background-size: 50px;} .footer-col.no-border { border: 0 !important; } .footer-col.no-border.social-area { float: left !important; width: 25%;border:0 } .footer-col .social {float: left;} .footer-col .social p { font-size: 21px; color: #fff; font-weight: normal; text-transform: none;border: 0; margin-bottom: 10px; text-transform:capitalize} .footer-col .social { float: left; width: 41%; } footer{float:left;width:100%;padding:36px 0 25px 0;font-family: "Zain", noto kufi arabic, 'Noto Sans' ;} .footer-col-1{padding-left:0 !important;} .footer-col p { font-size: 20px; font-weight: bold; text-transform: uppercase; margin: 0; color: #fff; border-bottom: 1px solid #fff; float:right; margin-bottom:10px; line-height:35px; } .footer-col p a { color:#000; } .footer-col p a:hover {color:#fa9b25;} .footer-col ul{margin:0px 0 0 0 !important;list-style-type: none;padding: 0;} .footer-col ul li{width:100%; float:left} .footer-col ul li a { color: #fff; font-size: 16px; line-height:25px; text-transform: capitalize; font-weight: 500; padding: 0; float: right; } .footer-col ul li a:hover {color:#fff;} .footer-col form input{width:100%;float:left;border:1px solid #e9e9e9;height:40px;padding:0 0 0 20px;margin:0 0 17px 0;} .footer-col form{margin:25px 0 0 0;float:left;width:100%;} .footer-col button{background:transparent;border:none;line-height:1;color:#000;font-size:13px;padding:10px 20px;text-transform:uppercase;font-weight:700;transition:0.5s;position:relative;z-index:9;} .button-wrap{float:left;border-radius:50px;overflow:hidden;background:#BEE034;border:1px solid #FFF;line-height:1;transition:0.5s;position:relative;} .button-wrap:hover{border:1px solid #BEE034;} .button-wrap:before{content:"";background:#fff;border:1px solid #fff;width:50%;height:100%;position:absolute;left:-101%;top:0;transition:0.5s;border-radius: 17px 0px 0 17px;} .button-wrap:hover:before{left:0;transition:0.5s; display:none} .button-wrap:after{content:"";background:#fff;border:1px solid #fff;width:50%;height:100%;position:absolute;right:-101%;top:0;transition:0.5s; border-radius: 0px 17px 17px 0px;} .button-wrap:hover:after{right:0;transition:0.5s; display:none} .copy-txt { float: left; width: 100%; padding: 18px 0 0 0; text-align: center; } .copy-txt a {color:#BEE034} .copy-txt p { font-size: 15px; text-transform: capitalize; color: #6d6e71; font-weight: normal; margin: 0; } .copy-middle{margin:0px auto; /* width:300px; */width:100%;} .brand-d{width: auto; float: left;} .cards { width: 100% !important; float: none; margin-top: 10px; margin-left: 0; text-align: center; display: table !important; margin: 0 auto !important; } .cards img:last-child{} .cards img{float:none !important;margin:0 0 0 4px;display: inline;} .copyright-outer {float: left;width: 100%;padding: 15px 0;} .social{width:auto;float:right; margin-top: 0px;} .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: right;} .social ul li{width:auto;} .social ul li:first-child{margin:0;} .social ul li { width: auto; margin:0 15px 15px 0px; line-height: 1; float: right; border-right: 1px solid #fff; padding-right: 15px;height: 50px; } .social ul li:first-child {border-right:0;} .social ul li a{color:#000;font-size:17px;font-weight:700;margin:5px 0 5px 0;float:left;transition:0.5s;} .social ul li:first-child a:hover {transition:0.5s;color:#475993;} .social ul li:nth-child(2) a:hover {transition:0.5s;color:#1da1f2;} .social ul li:nth-child(3) a:hover {transition:0.5s;color:#0077b7;} .social ul li:nth-child(4) a:hover {transition:0.5s;color:#f61c0d;} section#newsletter {text-align: center;padding: 25px 0 30px;float: left;width: 100%;} #newsletter input[type="text"] {width: 75%;float: right;text-transform: capitalize;background: transparent;border: 2px solid #BEE034;padding: 8px 20px;line-height: 27px;color:#000; font-size:10px;} #newsletter .button-wrap {width: 25%;float: right;border-radius: 0;border: 0;line-height: 27px;} form#clsNewsletter { width: 67%; margin: 0 auto; float: none; } #newsletter .button-wrap button {width: 100%;border: 2px solid #BEE034;background:#BEE034;padding: 8px 10px 9px;border-radius: 0;color:#fff;font-size: 20px;} #newsletter input[type="text"]::placeholder {color: #ccc;} .section-title { font-size: 39px; color: #BEE034; text-align: center; font-weight: 600; position: relative; } section#newsletter h2.section-title {margin-bottom: 5px;text-transform: uppercase;} section#newsletter p {color:#6d6e71;margin-bottom: 20px;font-size: 21px;} span.term {float: left;width: 100%;margin-top: 40px;color: #fff;} .footer-col { width: 25%; padding: 0 2%; padding-left:2% !important; text-align:right} .app-download a span {margin-bottom: 15px;float: right;} .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; float:left;} .right-nav {float: right;} nav.main-nav {margin-top: -15px;float: right !important;} .right-nav ul li:after {content: "";width: 1px;height: 14px;position: absolute;left: -2px;top: 48%;transform: translateY(-50%);} .right-nav ul li {position: relative;padding:0 5px;cursor: pointer;} .right-nav ul li:last-child {padding-right: 0; padding-left:0;} .right-nav ul li:last-child:after {display: none;} li.currency select {border:1px solid #000; font-family:"Zain", noto kufi arabic, 'Noto Sans';padding-left: 25px;background: transparent;cursor: pointer;padding-right:5px;} li.currency:before {/* content: "\f078"; */font-family: FontAwesome;padding-right: 10px;position: absolute;left: 10px;color: #BEE034;} .right-nav ul li.currency {padding-left: 0;background: url(../images/menu-arrow.png) no-repeat 15% center;padding-right:0;} li.language:hover {color: #BEE034;} .right-nav ul li .dropdown-toggle::after {display: none;} .right-nav ul li .badge {position: absolute;background: #BEE034;border-radius: 50%;color: #fff;top: -6px;font-size: 10px;left: 16px; right: 0;margin: 0 auto;width: 12px;height: 12px;line-height: 7px; padding:2px;} .right-nav ul li, .right-nav ul li a {color: #58595b;font-size: 12px;} .right-nav ul li .fa, .right-nav ul li a .fa {font-size: 18px;} .right-nav ul li.wishlist {padding-right:10px;color: red;} .main-nav > ul > li.drop-down ul {background: rgb(255, 255, 255);} .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: #BEE034; left:0; right:0; margin:0 auto} .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-right: 0;margin-right: 20px;border-right: 3px solid #BEE034;} .mobile-nav > ul >li.drop-down.active a:before {display: none;} .mobile-nav > ul >li.drop-down.active li a:before{display:block;background: #BEE034;} .mobile-nav .active.drop-down > a:after {color: #BEE034;} li.phone, li.whatsapp, nav.main-nav li.language, nav.main-nav li.wishlist{display:none;} .main-nav > ul > li:nth-last-child(6) a:after {display: none;} .main-nav > ul > li:nth-last-child(6) a {padding-left: 0;} /**********************************************************/ .my-bag ul { width: 310px !important;left: -10px !important;right: auto !important;top: 30px !important;transform: translateX(0) !important; } .my-bag ul li { padding: 0 !important; border: none !important; } .cart-panel { float: left; width: auto; padding: 10px; background: #fff; border: none; border-top: 0; margin: 0; } .cart-panel p{font-size:14px;font-weight:300;margin:0 0 20px} .cart-panel-in{float:left;width:100%} .images-description-panel {float: right;width:100%;} .hd {float: right;width:100%;font-size:16px;text-align:center;text-transform:uppercase;color:#555;font-weight:700;margin-bottom:10px;} .hd span{color:#BEE034} .cart-item {float: right;width: 100%;border-top: 1px solid #e5e5e5;padding: 10px 0 0 0;margin: 0;position: relative;} .pro-name{float: right;width:100%;font-size:14px;color:#555;margin:0 0 10px;text-align: right;} .cart-img {float: right;margin: 0;width: 55px;margin: 0 0 10px 10px;text-align: center;padding:0px;} .cart-img-disc {float: right;width: 65%;margin: 0 0px 0 0; text-align:right;} .cncl-pro {float: left;position: absolute;left: 0;top: 40%;} .rw1 {float:right;width:100%;margin:2px 0 7px;font-size:14px;color:#555; text-align: right;} .cl1 {float:right;width:auto; padding-left:5px;} .cl2 { float: right; width: 12px; } .cl3 {float:right;width:auto;} .total { float: left; width: 100%; font-size: 16px; color: #555; font-weight: 700; line-height: 1; } .cart-item-wrap {float: right;width: 100%;max-height: 600px; height:auto;overflow: auto;} .bag-buttons.more a{float:right;font-size:12px;text-transform:uppercase;color:#fff;background:rgb(0,0,0,0.6);line-height:1;padding:10px 0px;border-radius:0;width:47%;transition:0.5s;position:relative;overflow:hidden;border: 1px solid rgb(0,0,0,0.6); margin-right:5px} .bag-buttons.more a.view-bag{float:right;font-size:12px;text-transform:uppercase;color:#fff;background:#BEE034;line-height:1;padding:10px 0px;border-radius:0;width:47%;transition:0.5s;position:relative;overflow:hidden;border: 1px solid #BEE034; 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:rgb(0,0,0,0.6);} .bag-buttons.more a.view-bag:hover{color:#BEE034;} .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; left: 10px !important; left:initial; width: 13px; height: 8px; background: url(../images/my-bags-ul-arrow.png) no-repeat center; } .togglesearch{background: #E8E8E4;position: absolute;top: 43px;left: 0;width: 350px;height: auto;line-height: 32px;box-shadow: 0 0 10px rgba(0,0,0,0.5);border-top: 1px solid #BEE034;display: none;z-index: 9;} .togglesearch:before{content: "";position: absolute;top: -28px;left: 13px;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 14px solid transparent;border-bottom: 14px solid #BEE034;} .togglesearch input[type="text"]{width: 70%;padding: 5px 10px;margin-left: 0;border: 1px solid #BEE034;outline: none;} .togglesearch input[type="button"]{width: 30%;padding: 5px 0;background: #BEE034;color: #fff;margin-right: -4px;border: 1px solid #BEE034;outline: none;cursor: pointer;} .mobile-hide {display: none;} .search-label {width: 46px;height: 46px;position: absolute;left: 0;top: 0px;padding: 0;margin: 0;text-align: center;cursor: pointer;line-height: 48px;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: 0 5px 5px 0;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-left: 60px; text-align: center;} .form-group.sb-search-open, .no-js .sb-search-open {width: 100%;} ul.search {width: 100%;float: left;} .sb-search-open .search-label {background: #BEE034;border-radius:5px 0 0 5px;} div#search.form-group.sb-search-open, .no-js .sb-search-open {width: 100%;border: 1px solid #BEE034;border-radius: 5px;} .right-nav > ul {float: right;margin-top: 0px;margin-left: 0;padding-left: 10px;margin-bottom: 0; direction:ltr;font-family: "Zain", noto kufi arabic, 'Noto Sans'; max-width:unset;} div#search {width: 0%;position: relative;width: 0%;min-width: 46px;height: 46px;overflow: hidden;transition: width 1s;top:3px;backface-visibility: hidden;float: right !important; border:1px solid transparent;} form.search-form {width: 100%;} li.search {width: 100%;} .right-nav.hidden-xs {} .right-nav > ul.search {margin-top: 0;margin-right: 0;padding-left: 0;max-width: 350px;margin-right: 0;} div#search.form-group.sb-search-open, .no-js .sb-search-open{width: 62%; } .right-nav ul li.search {padding-right: 0;} .item.slide-1 { background: url(../images/header-01.jpg) no-repeat center; height:625px;background-size: cover; } .item.slide-2 { background: url(../images/header-02.jpg) no-repeat center; height:625px;background-size: cover; } .slider-carousel .owl-prev { background: #00000021 !important; width: 44px; height: 45px; float: left; } .slider-carousel .owl-next { background: #00000021 !important; width: 44px; height: 45px; float: right; } .slider-carousel .owl-nav { width: 100%; float: left; position: absolute; top: 50%; } [type=button], [type=reset], [type=submit], button{cursor:pointer;} footer{float:left;width:100%;padding:36px 0 25px 0;} /*********** Detail page**************/ .bread-crumb{padding:15px 0;text-align:center;color:#000;font-size:15px;text-transform:uppercase;background:#f7f8f8;border-bottom:1px solid #dbdbdb;margin-top: 0px;} .strip3.banner-bottom-strip ul li:last-child p {padding-right: 0px !important;} .right-nav ul li a img { width: 80%; } .right-nav ul li.wishlist img { width: 77%; } .right-nav ul li.wishlist .badge {} li.currency.mobile {display: none;} span.search-label img {max-width: 45% !important;} .mobile-detail {display:none} ::-webkit-input-placeholder { /* Edge */color: #ccc;} :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #ccc;} ::placeholder {color: #ccc;} span.search-label img {max-width: 45% !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;} p.details-description {text-align: right;} .price-p span.title-p {margin-right: -23px !important;} .mobile-block { display:none} .mobile-none { display:block} .right-nav ul li.my-bag .badge { left:15px; right:auto; margin:0} .desktop-social {display:block} .mobile-social {display:none} .right-nav > ul img {display:initial} /*--------------------------------------------------------------# Responsive Media Queries--------------------------------------------------------------*/ .footer-col .social {width:100%; display:flex; flex-flow:column; align-items:flex-start} .footer-col .social p { text-transform:uppercase} section#footer { font-family: "Zain", noto kufi arabic, 'Noto Sans'; } button.mobile-nav-toggle.d-lg-none {display:none} .strip3.banner-bottom-strip ul li::after, .strip2.banner-bottom-strip ul li::after { display:block ; } section#footer { padding-top: 25px; font-family: "Zain", noto kufi arabic, 'Noto Sans'; float: left; width: 100%; margin-top: 25px; border-top: 1px solid #eee; } @media (max-width: 1024px) { #header .container {padding-right: 15px !important;padding-left: 15px !important;} .medical-lens a {font-size: 16px;} .price-wrap p {font-size: 26px;} .model-number {float: right;width: 46%;margin-left: 0;} .model-number p {font-size: 16px;} .review-textcolum {width: 80%;} .slider-img { background-size: auto 100% !important; height: 580px !important; } .logo {max-width: 136px;} .main-selection p {font-size: 53px;} .copy-middle{width:auto} p.product-price span {font-size: 15px;} .right-nav > ul.search { margin-right:250px} div#search { top:-2px} } @media (min-width: 992px) {#testimonials .testimonial-item p {width: 80%;} } @media (max-width: 991px) { button.mobile-nav-toggle.d-lg-none {display:block} li.wishlist img { float: left; margin-top: 0px; } .slider-img { background-size: auto 100% !important; height: 440px !important; } div#search { border-radius:5px; } #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: right;} .main-selection.promo{float:left;} .variety {min-height: 235px;background-size: cover !important;} .banner-bottom-strip ul {float: left;width: 100%;padding:0;margin:0;} .banner-bottom-strip.strip2 ul li:first-child:before, .banner-bottom-strip.strip2 ul li:last-child:before, .banner-bottom-strip.strip2 ul li:nth-child(2):before{left:10px;} .banner-bottom-strip ul li:first-child:before, .banner-bottom-strip ul li:last-child:before, .banner-bottom-strip ul li:nth-child(2):before{left:10px;} .banner-bottom-strip.strip2 ul li {width: 30%;} li.phone, li.whatsapp, .mobile-nav li.language, .mobile-nav li.wishlist{display:block;} .mobile-nav li.language, .mobile-nav li.wishlist {display: inline-block !important;width:auto;float: left;color: #BEE034;padding: 15px;} .mobile-nav li.language {text-align: right;display: none !important;} .mobile-nav li.phone, .mobile-nav li.whatsapp {padding: 15px 0;width: 46%;float: right;background: #f4f4f4;position: relative;text-align: center; margin:5px; border-radius:10px; right:5px;} 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-right: 85px;/* padding: 30px 0 30px 85px; */} .banner-bottom-strip ul li:after {left: 8px;} p.product-price{ font-size: 16px;} .product-image img {display: inline-block;} .product-image {text-align: center;} .social {width: 100%;text-align: center;} .copy-txt, .copy-middle {width: 100%;text-align: center;} .cards {display: inline-block;float: none;} li.wishlist {display: none !important;} li.wishlist .black {color: #000;margin-left: 15px;float: right;} .mobile-nav li.wishlist span.badge {left: 74px;background: #BEE034; color: #fff; position: absolute; width: 15px; border-radius: 50%; height: 15px; line-height: 12px;padding:2px !important} .mobile-nav li {width: 100%;float: right;} .togglesearch {right: -177px;} .togglesearch:before {right: 180px;} .mobile-hide {display: block;} .right-nav > ul.search { display: block; margin-right: 93px; padding:0 } li.phone:before {content: "";position: absolute;right: 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;right: 0;top: 0;width: 40px;height: 100%;background: url(../images/whatsapp.png) no-repeat 15px center;background-size: 20px;} .mobile-nav li.search div#search {width: 100%;} .mobile-nav li.search {padding: 0 15px;} .right-nav ul li.my-bag .badge { left: 15px; right: 0; margin: 0 auto; padding-left: 0; padding-right: 0; } div#search { top:4px} } @media (max-width: 768px) { .mobile-nav .language img { margin-top: 0; } .search-form .form-group input.form-control {text-align: center;} .search-form input { padding-right: 37px !important; padding-left: 60px !important; } nav.mobile-nav.d-lg-none {display:block !important} .desktop-social {display:none !important} .mobile-social {display:block !important} .bread-crumb {margin-top: 0px;} #header { padding: 10px 0; } li.my-account.hidden-xs.dropdown { padding-right:8px; } .details-description-head {font-size: 31px;} .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 !important} .frame-size p {width:49% !important;margin-bottom: 0;float: right;} .detail-page {margin:0px 0 50px 0;} .mobile-nav .drop-down li a {width: 97% !important;padding: 10px 10px;} .right-nav ul li.currency {display:none} li.currency.mobile { margin-right: 9px; /*background: url(../images/menu-arrow.png) no-repeat 85% center;*/ display: block !important; float: right; width: 91px; margin-top: 27px; } section#intro {padding-top: 70px;clear: both;} .footer-col, .footer-col.no-border.social-area {width: 25%;} .back-to-top {bottom: 15px;} .strip3.banner-bottom-strip ul li p { font-size: 25px; line-height: 28px; padding-top: 0; } section#newsletter h2.section-title { font-size: 48px; } .footer-col .social { float: left; width: 100%; } .col-md-12.col-lg-5.col-sm-12.col-xs-12.details-content-wrapp { float: left; padding:0 0 15px 0; width: 100% !important; flex: 78% !important; max-width: 100% !important; border-right: 0;} .right-nav ul li a img { width: 80%;}span.search-label img {max-width:21px !important;max-width: 44% !important} .right-nav ul li:last-child::after { display: block; } .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:41px; height:41px} */ #header .logo img { max-height:54px} .mobile-nav-toggle i { margin: 13px 0px 0 0; color: #BEE034; } .search-form input { padding-right:37px} .right-nav ul li { padding:0 10px} .right-nav > ul { margin-top:-35px; padding-left:0; padding-right:10px} .right-nav > ul.search { display: block; margin-right: 103px; 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 { margin: 0 6px; top: 12px; } .right-nav ul li .badge {position: absolute;background: #BEE034;border-radius: 50%;color: #fff;top: -6px;font-size: 10px;left: 0; right: 0;margin: 0 auto;width: 12px;height: 12px;line-height: 7px; padding:2px;} .price-wrap .title-p { color:#000} .add-price.disc,.frame-size {color:#58595b} .details-content-wrapp { margin-top:0 !important; padding-bottom:15px !important} .quantity-wrap { border-bottom: 1px solid #ccc; margin-bottom:10px} .quantity-wrap .frame-size { width:100%; float:left} .frame-popup a { padding:5px 4px} .add-to-cart-wrap { margin:0 auto} .flex-direction-nav a.flex-next,.flex-direction-nav a.flex-prev {background-size: 15px auto !important;} .owl-carousel.related-carousel .owl-nav button span { color: #BEE034; font-size: 35px } .owl-carousel.related-carousel .owl-nav { margin-top:-73px} .mobile-nav li.phone, .mobile-nav li.whatsapp {background: #BEE034; color:#fff; right:5px;} /*.mobile-nav li.phone:before { background:url(../images/phone-wh.png) no-repeat 0px center;background-size: 20px;} .mobile-nav li.whatsapp:before { background:url(../images/whatsapp-wh.png) no-repeat 5px center;background-size: 20px;} */ .mobile-nav .language { margin-top: 2px; margin-bottom: 6px; float: left; margin-right: 20px; } .mobile-block { display:block} .mobile-none { display:none} .zoom-img {border-bottom: 1px solid #ccc;} .frame-popup { border-bottom: 1px solid #ccc;}footer { background:transparent; padding:10px 0} .footer-col .social p {color:#BEE034} .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 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:14px; font-weight:400; color:#58595b; margin-bottom:15px} .detail-page { margin: 100px 0 15px 0 !important;} .row.portfolio-container.inside-area { padding:30px 0} .special-offer2 { margin-bottom:30px} .add-wish-list-details a i, .share-details a i { font-size:21px} #header .logo img { max-height: 40px;} section#newsletter {padding:10px 0 15px;float: left;width: 100%;background: #BEE034;} section#newsletter h2.section-title { margin-bottom:0;color:#fff}section#newsletter p { margin-bottom:5px;color:#fff} #newsletter input[type="text"] {border: 2px solid #fff; color:rgba(255,255,255,1) } #newsletter input[type="text"]::-webkit-input-placeholder { /* Edge */ color: rgba(255,255,255,0.9);} #newsletter input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255,255,255,0.9); } #newsletter input[type="text"]::placeholder { color: rgba(255,255,255,0.9); } #newsletter .button-wrap button {border: 2px solid #fff;background: #fff;color:#BEE034;font-size:13px} .btm-wrap.btm-wrap2 { position:relative; bottom:auto; } .add-to-cart-wrap { margin:8px auto 0} .footer-col { display:none} .footer-col.no-border.social-area { width:100%; display:flex} .mrf img { max-width: 100%; max-height: 40px; } .footer-col .social p {color:#BEE034; line-height:21px; text-transform:uppercase; font-size:16px; font-weight:600;padding-top: 10px;} .social ul li { border-left:none; margin:0 5px !important; padding:0 !important} .footer-col .social { float: left; width: 100%; display: flex; flex-flow: column; align-items: center; } } @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} .right-nav > ul { margin-top:0} .right-nav > ul.search { float:left} } @media (max-width: 767px) { .right-nav ul li.my-account { display:none !important; } span.search-label img { max-width: 21px !important; max-width: 62% !important; } ul.search.mobile .search{position:unset;left:unset !important} .desktop-social {display:none !important} .mobile-social {display:block !important} .right-nav > ul { margin-top: 0; } section#newsletter {padding: 10px 0 15px;float: left;width: 100%;background: #f7f7f7;} #about .col-lg-4.col-md-4.wow.fadeInUp {margin-bottom: 1px;} footer {display:block} 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 p {padding: 28px 0;padding-right: 42px;font-size: 10px;} .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 {right: 0;background-position: right 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 {right: 0;/* background-position: left center; */top: 50%;transform: translateY(-50%);width: 35px;height: 28px;/* background-size: 20%; *//* background-position: 0 -114px; */background-size: 85px;} .banner-bottom-strip ul li:first-child:before {background-position: 0 -37px;} .banner-bottom-strip ul li:nth-child(2):before {background-position: 0 -66px;} .banner-bottom-strip ul li:last-child:before {background-position: 0 -92px;} .banner-bottom-strip ul li:after {left: 8px;} .footer-col {width: 100%;padding: 0 15px !important;} .footer-col { display: none;} .footer-col.social-area { display:block} .footer-col.download-app{display:block;} .footer-col.download-app p {text-align: center;} .app-download a span {width: 48%;float: right;} .app-download a:last-child span {float: left;} .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;right: 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 20px 0;} .cards img {max-height: 22px;} .copy-txt {display: block;} .social {width: 100%;text-align: center;} .social ul li, .social p, .social ul {float: none;display: inline-block;} .copyright-wrap {width: 100%;float: left;padding-bottom: 0;} #portfolio #portfolio-flters li {margin: 15px;} section#intro .container , section#about .container{width: 100%;padding: 0;float: left;width: 100%;max-width: none;} .mobile-nav-toggle{top: 19px;} .mobile-nav-active .mobile-nav{width:280px;} section#intro{padding-top: 89px;} .main-selection.winter-sale {background-color: #567e25;} #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: 20px; margin-top:5px;} #newsletter input[type="text"] {width: 70%;font-size: 10px;} #newsletter .button-wrap {width: 30%; margin-right:-5px !important;} #newsletter .button-wrap button {font-size: 12px;} section#footer {float: left;width: 100%;overflow: hidden;} section#about {padding: 0;} section {width: 100%;float: left;} li.wishlist {display: none !important;} li.language { display: none; } .logo {max-width: 100px;} .right-nav {margin-left: 39px;} .right-nav ul li, .right-nav ul li a {font-size: 12px;} .right-nav ul li .fa, .right-nav ul li a .fa {font-size: 14px;} .mobile-nav li.wishlist {color:#000} .mobile-nav li.language {text-align: left;} 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;} section#newsletter p {font-size: 12px;margin-bottom: 20px;} .banner-bottom-strip.strip2 {display: none;} .copyright-outer .social {display: block;} .footer-col .social {display: block;} .mobile-nav-active .mobile-nav{width:90%;max-height: 100%;} #header .logo img { max-height:40px} #header { padding:10px 0} section#intro { padding-top: 60px;} .right-nav { margin: 8px 28px 0 0;} .mobile-nav-toggle { right:15px;top: 7px; padding:0} .mobile-nav li.language, .right-nav ul li.currency { display: none !important;} .right-nav ul li { display: inline-block;} .right-nav > ul.search {display: block;display: inline-block;margin: 0;float:left;width: auto;} .search-label { width: auto; height: auto; position: relative; right: 0; top: -15px; 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: 205px; padding-right: 10px; height: 30px; padding: 0 10px; right: 0; padding: 0 25px 0 5px; border-radius: 5px; font-size: 14px; top: -2px; text-align: center;} .mobile-nav .search-form { display:none} .client-carousel .owl-nav button.owl-prev, .client-carousel .owl-nav button.owl-next {top: 50%;} .client-carousel .owl-nav button span {font-size: 43px;} .client-carousel {padding: 0 15px;} p.guarantee-txt { font-size:22px; margin:0 0 15px 0; text-align: center;font-weight: 600; color:#BEE034} .banner-bottom-strip ul { float:left} .banner-bottom-strip ul li::after { height:100%; background:#d1d2d3} .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%;} section#newsletter h2.section-title { margin-bottom:0} section#newsletter p { margin-bottom:5px} section#newsletter {padding:10px 0 15px;float: left;width: 100%;background: #BEE034;} section#newsletter h2.section-title { margin-bottom:0;color:#fff}section#newsletter p { color:#fff; margin:10px 0;} #newsletter input[type="text"] {border: 2px solid #fff; color:rgba(255,255,255,1) } #newsletter input[type="text"]::-webkit-input-placeholder { /* Edge */ color: rgba(255,255,255,0.9);} #newsletter input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255,255,255,0.9); } #newsletter input[type="text"]::placeholder { color: rgba(255,255,255,0.9); } #newsletter .button-wrap button {border: 2px solid #fff;background: #fff;color:#BEE034;font-size:13px} .mobile-nav li.language,.right-nav ul li.currency { display:none !important} .mobile-display-block { display:block !important} .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:15px ;right:38px !important } .banner-bottom-strip ul li:nth-child(2):before {background-position: 0 -86px; top:16px; height:35px;right: 28px !important;} .banner-bottom-strip ul li:last-child:before {background-position: 0 -123px; top:16px; height:35px;right: 34px !important;} #portfolio { display:none; } div#search { border: 0; border-radius: 5px; background: transparent; } .search-label { background: transparent; } .sb-search-open .search-label { background: right; border-radius: 0px 5px 5px 0px; } .right-nav ul li a img { width: 80%;} .right-nav ul li:last-child::after { display: block; } .right-nav ul li { text-align:center} .right-nav ul li a img { width: 80%;} .right-nav ul li:last-child::after {display: block; } .right-nav ul li:first-child::after {} .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: #BEE034;} .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: #BEE034; font-size: 35px } .owl-carousel.related-carousel .owl-nav { margin-top:-73px} .mobile-nav li.phone, .mobile-nav li.whatsapp {background: #BEE034; color:#fff; right:5px;} /*.mobile-nav li.phone:before { background:url(../images/phone-wh.png) no-repeat 0px center;background-size: 20px;} .mobile-nav li.whatsapp:before { background:url(../images/whatsapp-wh.png) no-repeat 5px center;background-size: 20px;} */ .footer-col.no-border.social-area {width:80%;width: 80%;float: none !important;margin: 0 auto;} .strip3.banner-bottom-strip ul li p {font-size:12px;} .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 {right: 35px !important;} .copyright-outer {border:0; padding:10px 0 0 0 ;} .social ul {display:inline-flex; align-items:center;margin-bottom:0 !important; margin-top:0 !important;} .social ul li {margin:0 20px} .footer-col .social { display: flex; flex-flow: column; align-items: center; } .zoom-img { border-bottom:1px solid #ccc} .price-wrap { padding-bottom:10px} .frame-popup a { margin:0 auto 10px auto !important} .frame-popup { border-bottom:1px solid #ccc} .mobile-block { display:block} .mobile-none { display:none} footer { background:transparent; padding:10px 0} .footer-col .social p {color:#BEE034; line-height:21px; text-transform:uppercase; font-size:16px; font-weight:600;padding-top: 13px;} .social ul li { border-left:none; margin:0 5px !important; padding:0 !important;height: auto;} .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} .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% } .container { max-width:100%} .details-description-head { font-size:21px;margin-top:15px} p.details-description { font-size:14px; font-weight:400; color:#58595b; margin-bottom:15px} .detail-page { margin: 110px 0 15px 0 !important} .row.portfolio-container.inside-area { padding:30px 0; margin-bottom:0} .special-offer2 { margin-bottom:30px} .add-wish-list-details a i, .share-details a i { font-size:21px} p.about { display:none} .right-nav ul li.search { padding-right:10px} li.my-account.hidden-xs.dropdown {padding-left: 6px; font-size: 14px;} li.my-account.hidden-xs.dropdown a {font-size: 14px;} .right-nav ul li {padding-left: 8px !important; padding-right: 3px !important;} li.currency.mobile {float: left !important; margin-left: 37px; padding-left: 8px; position:relative;margin-top: 10px;} li.currency.mobile::after { content: ""; width: 1px; height: 14px; position: absolute; left: -2px; /*background: #58595b;*/ top: 50%; transform: translateY(-50%);} .mobile-nav li.wishlist .language.acc {position:relative; margin-right: 12px; padding-right: 0px;} .mobile-nav li.wishlist .language.acc::after { content: ""; width: 1px; height: 14px; position: absolute; right: -2px; top: 8px; transform: translateY(-45%);} .mobile-nav li.wishlist .language.acc img { max-width: 66%; margin-top:-2px; } li.currency select { padding-left: 0; padding-right: 24px; } .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;} .col-md-12.fl-wdth.hidden-xs { padding: 0; } .col-md-12.fl-wdth.hidden-xs .frame-popup { padding: 10px 0px;border-bottom: 0px; } .col-md-12.fl-wdth.hidden-xs .frame-popup a { padding: 10px 2px; font-size: 12px; } } @media (max-width: 574px) {.banner-bottom-strip ul li {height:auto} #intro { padding: 100px 0 0px 0; } .slider-img { background-size: auto 100% !important; height: 440px !important; } .banner-bottom-strip ul li:last-child::before {right:-6px !important} .banner-bottom-strip ul li:nth-child(2)::before {right:-2px !important} form#clsNewsletter {width:90%;} .banner-bottom-strip ul li:first-child::before {right:-2px !important} #newsletter input[type="text"] {height: 35px;} .model-number p, .product-name .content-head {text-align:right;font-size: 16px;} .strip3.banner-bottom-strip ul li {height: 83px;} .strip3.banner-bottom-strip ul li p { padding:48px 33px 0 30px !important; line-height: 16px; font-size: 14px; width: 100%; text-align: center;text-transform: uppercase; } .strip3.banner-bottom-strip ul li::after {top:9% !important;left: 0 !important;} .frame-size p { width:50% !important; font-size:12px} .frame-size b { padding-left:3px} } @media (max-width:480px) { .right-nav ul li:last-child { padding-right: 0; width: auto; padding-left:5px; } .mobile-nav-toggle { right: 15px; top: 7px; padding: 0; margin: 0 !important; } span.search-label img { max-width: 21px !important; max-width: 64% !important; } #search .form-control-submit { padding: 0; margin: 5px 0 0 0; width: 15px; height: 18px; } .product-image { width: 100%; margin: 0 auto; } .special-offer2 { font-size: 25px; } div#search.form-group.sb-search-open, .no-js .sb-search-open {width: auto !important} .banner-bottom-strip {padding:5px 0;} .banner-bottom-strip.strip3 ul li:first-child:before, .banner-bottom-strip.strip3 ul li:last-child:before, .banner-bottom-strip.strip3 ul li:nth-child(2):before {right: 43px !important;top:22px !important;transform: translateY(-50%);background-size: 111px;} .copyright-wrap {padding-bottom: 100px;} .copyright-wrap.copyright-wrap2 {padding-bottom: 20px;} .btm-wrap.btm-wrap2 {position: fixed;bottom: 0;left: 0%;z-index: 99999;} .my-bag ul {right:-35px; left:auto;} .my-bag ul::before { left:40px; } .cncl-pro img {width:auto !important} .cncl-pro {left: 4%;} .model-number p span{color:#BEE034;float: right;} .mobile-detail .model-number.model-number2 p b {font-weight: normal;float: right;margin-right: 30px;} .mobile-detail .model-number p b {font-weight: normal;float: right;margin-right:0px;} .row.portfolio-container.inside-area {margin-top:0 !important} .frame-size p {width:50% !important;margin-bottom: 0;float: right;font-size: 14px;} .frame-size b { padding-left:3px} .row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item {position: static !important; width: 50% !important; max-width: 50% !important; flex: 100% !important;} form.search-form {width:auto;margin:-2px 0px 0 0px !important; float:right;} #carousel.flexslider .slides img {padding:10px 25px 30px 34px !important} .copy-txt p {font-size: 11px;} .medical-lens a, .add-to-cart-details a {font-size: 16px;} .product-name .content-head {font-size:18px;} .model-number p {font-size:15px;} ul.search.mobile { display: block !important; margin:7px 4px 0 0px !important; width: auto !important; float: right;padding-right: 0; } ul.search.desktop {display:none !important} ul.search.mobile input.form-control {position: absolute !important;top: 100px;width: 100% !important;left: 0 !important;height: 41px;border-radius: 0;border:5px solid #eee;} ul.search.mobile div#search.form-group.sb-search-open, ul.search.mobile .no-js .sb-search-open {border:0} ul.search.mobile li {list-style: none;} .search-form .sb-search-open input { display:block;width: 182px; padding-right: 10px; height:30px; padding: 0 10px; left: -8px; padding: 0 0 0 25px; border-radius: 5px; font-size: 14px; top:-2pxp;border: 1px solid #eeee;} .price-wrap p {font-size: 20px;} .detail-area.desktop {display: none !important;} .mobile-detail {margin-top:20px;display: block;} .frame-popup a {width:100% !important;margin-bottom:10px !important} .frame-popup a.btn-orange {width:100% !important;} .right-nav > ul { padding-right: 0; padding-left: 0; margin-bottom: 0; margin-top: 0;margin-left:0;margin-right:0;} .detail-page {margin:0px 0 50px 0;} .mobile-nav .drop-down li a {width: 94% !important;padding: 10px 10px;} .bread-crumb {margin-top: 0px;} .strip3.banner-bottom-strip ul li:last-child p {height: 0;padding-right: 30px !important;width: 100%;float: right;position: static !important;} #newsletter .button-wrap button {padding: 2px;} .cards {margin-right:0 !important} .slider-img { background-size: auto 100% !important; height: 250px !important; } .review-container {padding:20px !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;} 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: 15px; } } @media (max-width:375px) {.frame-size p {font-size: 13px;} } @media (max-width: 370px) {.strip3.banner-bottom-strip ul li p { padding:48px 26px 0 23px !important; line-height: 16px; font-size: 14px; width: 100%; } } @media (max-width: 360px) { .frame-size p {font-size: 13px;} .cncl-pro {left: 0px !important;} ul.search.mobile {display: block !important;margin:10px 0px 0 0px !important;float: right;padding-right: 0;} form.search-form {width:100%;margin:-2px 0 0 0 !important;} .cards img {max-height: 18px;} .right-nav {margin: 12px 28px 0 0;} .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%;width: 80%;float: none !important;margin: 0 auto;} .strip3.banner-bottom-strip ul li p {font-size:12px;} .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 {right: 35px !important;} .social ul { display:inline-flex; align-items:center;} .social ul li {margin:0 20px} } @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 {right: 25px !important;} form#clsNewsletter {width: 87%;} .strip3.banner-bottom-strip ul li p {padding: 48px 10px 0 14px !important;} .strip3.banner-bottom-strip ul li:last-child p {height: 0;padding-right: 10px !important;width: 100%;float: right;position: static !important;} .frame-size p {font-size: 11px;} .footer-col .social p {font-size: 14px;} } .clsDesktop { display:block; } .clsMobile { display:none; } @media only screen and (max-width:767px){ .clsDesktop { display:none !important; } .clsMobile { display:block; } .inside-banner { margin-top:60px !important; } .sorting-wrap { padding-top:10px !important; } .sorting-wrap .view-wrap { margin-top:7px; } .sort-by { float:left !important; width:64% !important; } #input-sort { float:left !important; margin-top:0px; width:100% !important; color:#BEE034 !important; } #input-limit { color:#BEE034; } .sorting-wrap .show { margin-bottom:0px 1important; } .mobile-hide {display: block;} } .clsLBtn .dropdown-menu a::before { content:none !important; } .language1 { float:left; } .language1 a { padding:18px 15px 15px; } .language1 a::before { content:none !important; } .language1 a::after { content: ""; width: 1px; height: 14px; position: absolute; right: -2px; background: #58595b; top: 50%; transform: translateY(-45%); } .inside-banner .inside-banner-txt p { display:none !important; } li.my-account .dropdown-menu { width: auto; padding: 10px; text-align: center; min-width: 200px; left: 0; right: auto; margin-top: 12px; } li.my-account .dropdown-menu a.sign-up { background-color: #BEE034; color: rgb(255, 255, 255); display: inline-block; font-weight: bold; text-transform: uppercase; letter-spacing: 0.2px; margin: 8px 0 30px; padding: 12px 0px; clear: both; float: none; font-size: 14px !important; width: 100%; position: relative; text-align:center; } li.my-account .dropdown-menu p { color: rgb(126, 133, 155); width: 100%; float: left; font-size: 13px; } li.my-account .dropdown-menu a.sign-in { color: #BEE034; font-size: 14px !important; text-align:center; } li.my-account .dropdown-menu i { position: absolute; bottom: 100%; left: 0px; margin-left: 0; width: 54px; height: 12px; overflow: hidden; right:auto; } li.my-account .dropdown-menu a.sign-up::after { content: ""; width: 100%; height: 1px; background: #ddd; position: absolute; bottom: -13px; left: 0; } li.my-account .dropdown-menu i::after { content: ''; position: absolute; width: 12px; height: 12px; left: 15px; transform: translate(-50%,50%) rotate(45deg); background-color: #fff; box-shadow: 0 1px 8px rgba(0,0,0,0.5); } li.clsMobile .dropdown-menu { right: auto !important; left: -5px !important; } li.clsMobile .dropdown-menu i { right:-155px !important; } .clsMobile a::before { background:none !important; } #form-language a { font-family:"Zain", noto kufi arabic, 'Rubik', sans-serif !important } .colors-view { display:none !important; } a { text-decoration:none; } .clsColorsSections { display:none !important; } .add-to-wishlist { display:none !important; } .owl-carousel { direction:rtl !important; } .add-to-wishlist { display:none !important; } @media (max-width:767px) { .clsPadTop { margin-top: 65px !important; } } @media (max-width:767px) { .my-bag { margin-top:3px; } .common-home .my-bag { margin-top:2px !important; } .right-nav ul li.language { padding-right:8px !important; padding-left:8px !important; } .common-home .mobile-nav li.phone, .common-home .mobile-nav li.whatsapp { padding:15px 50px 15px 10px; } .bread-crumb { display:none !important; } .clsPoweredBy { background: rgb(0,0,0,0.1); color: #fff !important; padding-top: 10px !important; padding-bottom: 0 !important; } .clsPoweredBy .copyright-outer { padding-bottom:10px !important; } .clsPoweredBy .copy-txt p { line-height:25px; } .clsPoweredBy .copy-txt p a { color:#BEE034 !important; } } .clsListActive, .clsGridActive { display:none !important; } .selling-product { border:1px solid #fff; } .right-nav > ul img { display:initial; } .insider-opt-in-notification { display:none !important; } .bars { margin-top:-20px; } .bars div { width: 22px; height: 2px; background-color: #000; margin: 6px 0; } .client-carousel .fa { color:#FFC21A; font-size:20px; } .clsHeadcontact { background:none; padding:0 !important; color:#fff !important; } a.clsHeadcontact::before { background:none !important; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background:#BEE034 !important; } .listing-product-pagination ul li a:hover { color:#fff !important; border-color:#BEE034 !important; } @media (max-width:767px) { .clsPaginationSections { margin-top:0 !important; } .clsPaginationSections .listing-product-pagination { float:none !important; width:100% !important; margin:0 auto !important; text-align:center !important; } .clsPaginationSections .pagination { float:none !important; width:auto !important; margin:0 auto; text-align:center; } .clsPaginationSections .clsPaginationResults { float:none !important; text-align:center !important; } .listing-product-pagination ul li a { width:28px !important; line-height:30px !important; font-size:14px !important; } header#header { border-bottom:1px solid #ccc; } } .model-number p span { padding:0 5px; } .clsCartQty { float:right !important; width:auto !important; } .clsCartPrice { float:left !important; width:auto !important; } .right-nav ul li.language:after { } .clsHeadcontact { background:none; padding:0 !important; color:#fff !important; } a.clsHeadcontact::before { background:none !important; } .slider-carousel .fa { color:#fff; font-size:20px; } .clsFilterIcon { float: right; border: 1px solid #ccc; width: auto; padding: 0px 10px; font-size: 21px; margin-left: 10px; text-align: center; color: #BEE034; } .clsFilterIcon .fa { color: #BEE034; } @media (max-width:767px) { select.selectpicker { height:32px !important; padding:5px 20px 5px 12px; } } .bag-buttons.more a:hover { background:#fff !important; border: 1px solid rgb(0,0,0,0.6) !important; } .bag-buttons.more a.view-bag:hover { background:#fff !important; border:1px solid #BEE034 !important; } .clsMyAccount { background:#BEE034 !important; color:#fff !important; text-align:center !important; width:100% !important; border:1px solid #BEE034 !important; float:left !important; line-height:20px !important; padding:5px !important; } .clsMyAccount:hover { color:#BEE034 !important; background:#fff !important; } .clsLogout { background:rgb(0,0,0,0.6) !important; color:#fff !important; text-align:center !important; width:100% !important; border:1px solid rgb(0,0,0,0.6) !important; float:left !important; line-height:20px !important; padding:5px !important; margin-top:10px; } .clsLogout:hover { background:#fff !important; color:rgb(0,0,0,0.6) !important; } @media (max-width:767px) { .right-nav ul li:last-child::after { top:60%; } } @media (min-width:768px) { .main-nav .clsCat1 a { padding-right:3px; } } @media (min-width:768px) and (max-width:1024px) { .right-nav ul li { display: inline-block !important; position: relative; } .right-nav > ul { margin-top:-38px; } .right-nav > ul.search { margin-right:275px; width:auto; } .slider-img { height: 200px !important; } .owl-carousel { margin-bottom:0; } section#newsletter h2.section-title { font-size: 28px; padding: 10px 0; } .social ul li a { margin-top:-6px !important; } .footer-col ul { margin-top:0 !important; } .mobile-nav li.wishlist .language.acc img { max-width:66%; } li.currency.mobile { float:left !important; margin-top:20px !important; } .mobile-nav li.language, .mobile-nav li.wishlist { width:auto !important; } /*#portfolio .portfolio-item { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }*/ .right-nav ul li.wishlist { top:4px !important; } div#search { top:4px !important; } div#search.form-group.sb-search-open, .no-js .sb-search-open { width:85% !important; } .inside-banner { height:150px; margin-top:70px; } .clsFilterIcon { display:block; } .clsCloseFilter, .clsCloseFilter .fa { display: block !important; float: left !important; font-size: 20px; } .listing-content-wrapp { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } .box .box-content.brainyfilter-panel { padding: 15px; } .bf-check-position { height:100%; } .container { padding-right: 0 !important; padding-left: 0 !important; margin-right: auto; margin-left: auto; } .bf-responsive.bf-active.bf-layout-id-34 .bf-check-position { top:0px !important; } .bf-responsive.bf-active { display:none; } .bf-panel-wrapper.bf-responsive.bf-left.bf-layout-id-34.bf-active.bf-opened { display: block; } .product-details .product-name a { font-size:13px !important; } .right-nav { max-width:500px; } .footer-col { min-height: auto !important; } .update-btn > a, .clsSubmit { margin-right:0; } .checkout-col, .chackout-total, .charges-main { width:100%; } .chackout-total-amt, .charge-col3 { float:left; } .clsPadTop { margin-top: 70px !important; } .product-table-col table th { font-size:16px; padding:15px 0; } } @media (max-width:768px) { .mobile-nav-active .bars:after { content:'X'; color:#BEE034; } .mobile-nav-active .bars div { display:none; } } .clsTopNote { background:#BEE034 !important; width:100%; margin-bottom:10px; } .clsTopNote p { text-align:center; width:85%; float:right; margin-top: 5px; padding-right:150px; margin-bottom:5px; } .clsTopNote ul, .clsTopNote ul li { float:left; list-style:none; margin:0; padding:3px; } #form-language a { color:#000 !important; } .clsMainMenubar { margin: 0px 0 20px; border-top: 1px solid #C0E039; padding-top: 20px; } .right-nav { margin-top:15px; } nav.main-nav { margin-right:25%; } .clsLogoSec { width:30%; text-align:center; } #footer { background:#383838; float:left; } #footer a, .copy-txt p { color:#BDDF33 !important; } .banner-bottom-strip.strip2 { background:transparent !important; border-top:1px solid #BDDF33 !important; border-bottom:1px solid #BDDF33 !important; } #form-language { margin-top:5px; } #portfolio .portfolio-item:hover { border:1px solid #BDDF33 !important; } .clsProdcount8 { display:none !important; } .clsLenseImg { width:100%; text-align:center; } .clsLenseImg img { width:100%; } .clsLenseSection { background: url(../images/background_lenses.png) no-repeat center center !important; height:750px; } .clsLenseSection h2 { padding-top:100px; } .clsLenseShopnow p { width: 200px; text-align: center; margin: 30px auto; background: #fff; padding: 5px; font-size: 16px; } .clsLenseSection a { color:#000; } .clsTopNote span { color:#000 !important; padding:0 !important; } @media screen and (max-width:768px) { .clsTopNote p { width:100% !important; padding:0 !important; margin:0 !important; } .clsTopNote ul { display:none !important; } .right-nav { margin-top: 0px !important; } form.search-form { width: auto; margin: -8px 0px 0 0px !important; float: right; } .clsTopNote { margin-bottom:0 !important; } .logo { max-width: 150px; } .mobile-nav-active .bars { margin-top: -80px; } .clsMainMenubar { display:none; } .clsHeadcontact { direction:ltr; } .clsCatBanners { margin:5px !important; } .clsCatBanners .col-md-4 { width:33.3%; padding:5px !important; } .section-title { font-size: 15px; margin-bottom: 10px !important; } .clsLatProductsSection { background:none; } .clsSunglassCont { padding:5px !important; } .clsSunglassCont .col-md-6 { width:50%; padding:5px !important; } .clsLenseSection { background: url(../images/background_lenses_mobile2.png) no-repeat top center !important; height:1000px; } .clsFooterLogo img { width:60%; height:auto; } .clsFooterLogo { margin:20px !important; } .cards img { margin-bottom:10px; } .col-md-4.col-sm-6.col-xs-12.selling-product { width: 47.5%; margin:4px !important; border:1px solid #ccc; } } .mobile-nav li.language { display: block !important; padding: 0; margin: 0; border: none !important; background: none !important; } .mobile-nav li.language a::before { background:none !important; } .mobile-nav #form-language a { color: #000 !important; padding: 10px 0 !important; } .clsRightItems.float-left { width: 35%; margin-top:15px; } .clsWhatsappIcon {background: url(../images/whats_app_icon.png) no-repeat top center; width:100%; background-size:cover; } @media screen and (max-width:768px) { .right-nav { width:82%; margin-bottom:0 !important; } .clsRightItems.float-left { width:auto; } .icofont-search { padding:10px 4px !important; } ul.search.mobile { float:left !important; padding:0 !important; margin-top:12px !important; } .clsRightItems.float-left { margin-top:3px !important; } .clsLogoSec { width: 70%; text-align: center; } .clsApp .mobile-nav-toggle { top: 70px !important; right: 20px; } #header .logo img { max-height: 60px; } .clsApp #header .clsHeaderCont { } .clsLatProductsSection .item { padding:0 !important; } .clsLatProductsSection .owl-nav button.owl-prev { left: -30px; top: -35px; } .clsLatProductsSection .owl-nav button.owl-next { right: -30px; top: -35px; } .clsLenseShopnow p { margin-bottom: 30px !important; } .client-carousel .owl-nav button.owl-prev { left:-5px !important; } .client-carousel .owl-nav button.owl-next { right:-5px !important; } .mobile-footer-link .col-md-6 { width:50%; float:left; } .panel-title { color:#fff !important; border-bottom:1px solid #fff; padding:10px 5px; text-transform: uppercase; } .mobile-footer-link ul { margin:0; padding:10px; } .mobile-footer-link ul li { list-style:none; text-transform: uppercase; } .clsWhatsapplink { display:none !important; } .clsAccordian a { font-size:13px !important; } .mobile-nav-active .bars { margin-top: -70px; margin-right: 0px !important; } .mobile-nav { background:#383838 !important; border-bottom-left-radius: 10px; padding-bottom: 10px; } .mobile-nav a { color:#fff !important; } .common-home li.currency select, li.currency select { color:#fff !important; border:1px solid #fff !important; } .mobile-nav #form-language a { color:#fff !important; margin-top:9px; } .mobile-nav li.wishlist span.badge { left:65px !important; } .related-carousel .product-name a { font-size:12px; } } .clsWhatsIcon { float:left; } .brand-logo { display:none; } .list-product { padding-top:20px; } .row.portfolio-container.inside-area .col-lg-3.col-md-4.portfolio-item .portfolio-wrap { border:1px solid #BDDF33; } .clsDescription2, .clsDescription3 { display:none; } .clsDescription1 { border-bottom:none; } #clsCartMsg { display:none !important; } .clsWhatsapplink { width:260px !important; height:50px; } .social p { font-size:16px !important; } .clsMobPhone i { font-size:20px; padding:0 5px; float:left; } .clsMobPhone a { color:#383838 !important; font-weight:bold; font-size:15px !important; } .clsMobPhone span { float:left; margin-top:3px; } .clsFooterContact { text-align: center; direction: ltr; margin-bottom: 40px; float: left; width: 100%; } #footer .clsFooterContact a { background: #BDDF33 !important; padding: 10px 15px !important; color: #383838 !important; font-size: 20px; border-radius:10px; } #footer .clsFooterContact a span{ font-weight:bold; } #footer .clsFooterContact a i { padding:0 5px; }