#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu #menu-button { display: none; } #cssmenu { width: auto; font-family: 'Open Sans', Helvetica, sans-serif; z-index:1000; } #cssmenu > ul { margin-top:80px; } #cssmenu.align-right > ul > li { float: right; } #cssmenu > ul > li { float: left; display: inline-block; } #cssmenu.align-center > ul { float: none; text-align: center; } #cssmenu.align-center > ul > li { float: none; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu > ul > li > a { padding: 5px 6px; text-decoration: none; font-size: 13px; color: #d3eced; text-transform: uppercase; } #cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a { color: #c27d00; background: #32a9c3; background: rgba(0, 0, 0, 0.1); } #cssmenu > ul > li .active{ color: #c27d00; } #cssmenu > ul > li.has-sub > a { padding-right: 40px; } #cssmenu > ul > li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #d3eced; right: 17px; top: 9px; } #cssmenu > ul > li.has-sub.active > a::after, #cssmenu > ul > li.has-sub:hover > a { border-top-color: #ffffff; } #cssmenu ul ul { position: absolute; left: -9999px; top: 60px; padding-top: 6px; font-size: 13px; opacity: 0; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -ms-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in; transition: top 0.2s ease, opacity 0.2s ease-in; } #cssmenu.align-right ul ul { text-align: right; } #cssmenu > ul > li > ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #000000; top: -4px; left: 20px; } #cssmenu.align-right > ul > li > ul::after { left: auto; right: 20px; } #cssmenu ul ul ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-right-color: #ffffff; top: 11px; left: -4px; } #cssmenu.align-right ul ul ul::after { border-right-color: transparent; border-left-color: #ffffff; left: auto; right: -4px; } #cssmenu > ul > li > ul { top: 5px; } #cssmenu > ul > li:hover > ul { top: 20px; left: 0; opacity: 1; } #cssmenu.align-right > ul > li:hover > ul { left: auto; right: 0; } #cssmenu ul ul ul { padding-top: 0; padding-left: 6px; } #cssmenu.align-right ul ul ul { padding-right: 6px; } #cssmenu ul ul > li:hover > ul { left: 180px; top: 0; opacity: 1; } #cssmenu.align-right ul ul > li:hover > ul { left: auto; right: 100%; opacity: 1; } #cssmenu ul ul li{ margin-top:1px; } #cssmenu ul ul li a { text-decoration: none; font-weight: 400; padding: 11px 25px; width: 180px; color: #FFFFFF; background: #1f1f1f; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1); } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color: #FFFFFF; background: #b47726; } #cssmenu ul ul li:first-child > a { } #cssmenu ul ul li:last-child > a { } #cssmenu > ul > li > ul::after { position: absolute; display: block; } #cssmenu ul ul li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-left-color: #777777; right: 17px; top: 14px; } #cssmenu.align-right ul ul li.has-sub > a::after { border-left-color: transparent; border-right-color: #777777; right: auto; left: 17px; } #cssmenu ul ul li.has-sub.active > a::after, #cssmenu ul ul li.has-sub:hover > a::after { border-left-color: #333333; } #cssmenu.align-right ul ul li.has-sub.active > a::after, #cssmenu.align-right ul ul li.has-sub:hover > a::after { border-right-color: #333333; border-left-color: transparent; } @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #cssmenu { } #cssmenu > ul{ margin-top:0px; } #cssmenu > ul { display: none; } #cssmenu > ul > li > a{ padding:10px 25px; } #cssmenu > ul.open { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); } #cssmenu.align-right > ul { float: none; } #cssmenu.align-center > ul { text-align: left; } #cssmenu > ul > li, #cssmenu.align-right > ul > li { float: none; display: block; } #cssmenu > ul > li > a { padding: 18px 25px 18px 25px; border-right: 0; } #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { background: rgba(0, 0, 0, 0.1); } #cssmenu #menu-button { display: block; text-decoration: none; font-size: 13px; font-weight: 700; color: #d3eced; padding: 18px 25px 18px 25px; text-transform: uppercase; letter-spacing: 1px; background: url('images/bg.png'); cursor: pointer; } #cssmenu ul ul, #cssmenu ul li:hover > ul, #cssmenu > ul > li > ul, #cssmenu ul ul ul, #cssmenu ul ul li:hover > ul, #cssmenu.align-right ul ul, #cssmenu.align-right ul li:hover > ul, #cssmenu.align-right > ul > li > ul, #cssmenu.align-right ul ul ul, #cssmenu.align-right ul ul li:hover > ul { left: 0; right: auto; top: auto; opacity: 1; width: 100%; padding: 0; position: relative; text-align: left; } #cssmenu ul ul li { width: 100%; } #cssmenu ul ul li a { width: 100%; box-shadow: none; padding-left: 35px; } #cssmenu ul ul ul li a { padding-left: 45px; } #cssmenu ul ul li:first-child > a, #cssmenu ul ul li:last-child > a { border-radius: 0; } #cssmenu #menu-button::after { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #d3eced; border-bottom: 2px solid #d3eced; right: 25px; top: 18px; } #cssmenu #menu-button::before { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #d3eced; right: 25px; top: 28px; } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after { display: none; } } .carousel.carousel-fade .item { -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; opacity:.8; } .carousel.carousel-fade .active.item { -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -ms-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; opacity:1; } .carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right { left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); } .carousel.carousel-fade .next, .carousel.carousel-fade .prev { left: 0; z-index: 1; } .carousel.carousel-fade .carousel-control { z-index: 3; } .navbar-default .navbar-nav > li > .active{ color: #edc659; } .navbar-default .navbar-nav > li > a:hover{ color:#edc659; } img{ max-width:100%; } #change-image { margin-top: 8px; } .main{ background-color:#000000; padding-bottom:40px; } .logo{ padding-top:20px; } .navbar-default .navbar-nav{ margin-top:81px; } .navbar-default .navbar-nav > li > a{ padding:0px 8px; color:#000000; text-transform: uppercase; } .product-box h2{ margin:0px; padding:0px; background: -webkit-linear-gradient(#fff, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#CCCCCC; margin-bottom:20px; font-size:20px; } .product-box .col-sm-3{ border:1px solid #131313; padding:13px; } .product-box p{ font-size:15px; color:#FFFFFF; margin:0px; text-transform:uppercase; margin-top:10px; } .product-box span{ color:#5d5d5d; font-size:12px; text-transform:uppercase; } .view{ border:1px solid #808080; margin-top:10px; height:28px; } .view p{ margin:0px; font-size:11px; } .view p span{ background-color:#808080; padding:7px 5px; color: #1f1f1f; margin-top:-1px; } .view p a{ color:#FFFFFF; padding-left:10px; line-height:28px; } .view p a:hover{ color:#edc659; text-decoration:none; } .mob-logo{ display:none; } .product-box{ margin-bottom:20px; } .add-box p{ background-color:#000000; color:#FFFFFF; text-transform:uppercase; position:absolute; margin-top:-50px; display:block; padding:5px; width:70%; text-align:right; } .add-box{ } .captcha{ vertical-align:middle; margin-top:10px; width:95px; height:30px; } .captcha1{ margin:0px; width:95px; height:30px; } .refresh1{ margin-top:0px !important; } .add-box .col-sm-4{ padding-right:0px; padding-left:0px !important; } .diamond-jewellery{ padding-left:0px !important; } .add-box a{ color:#FFFFFF; } .add-box a:hover p{ color:#edc659; text-decoration:none; } .contact-box{ border:1px solid #262626; padding:14px 53px; height:243px; background-image:url(../img/pattern.png); } .modal-body input{ margin:10px 0px; } .modal-body textarea{ margin:10px 0px; } .modal-body .submit{ background-color:#f0f0f0 !important; } .contact-box h3{ font-size:18px; color:#c27d00; } .contact-box p{ color:#5d5d5d; font-size:16px; } .contact-box span{ color:#5d5d5d; font-size:11px; } .brands-box h4{ margin:20px 0px; padding:0px; background: -webkit-linear-gradient(#fff, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#CCCCCC; font-size:20px; } .brands-box .row{ background-color:#FFFFFF; } .brands-box img{ width:215px; } .brands-box p{ color:#c27d00; margin:20px 0px; font-size:15.5px; } .footer{ background-color:#121212; padding:20px 0px; } .footer a{ color:#5d5d5d; opacity: 1; transition: opacity 0.5s ease-out 5s; } .footer a:hover{ text-decoration:none; color:#efd166; opacity: .5; transition: opacity 0.5s ease-out 0s; } .follow-us h5{ font-size:15px; color:#CCCCCC; margin:15px 0px; text-transform:uppercase; } .follow-us ul{ margin:0px; padding:0px; } .follow-us ul li{ list-style:none; float:left; margin-right:10px; } .follow-us p{ font-size:12px; color:#4c4c4c; margin:20px 0px; } .follow-us p span{ color:#efd166; } .news-and-events h4{ margin:0px; padding:0px; background: -webkit-linear-gradient(#fff, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#CCCCCC; margin-bottom:20px; font-size:18px; text-transform:uppercase; } .news-div{ background:#0d0d0d; border:1px solid #262626; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .news-div img{ float:left; width:70px; height:70px; } .dummy-logo{ position:absolute; opacity:0; } .news-div p{ float:left; padding-left:10px; font-size:16px; color:#666666; padding-top:13px; } .news-div p span{ font-size:12px; } .news-div{ margin-bottom:15px; } .contact-us h4{ margin:0px; padding:0px; background: -webkit-linear-gradient(#fff, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#CCCCCC; margin-bottom:20px; font-size:18px; text-transform:uppercase; } .contact-us p{ color:#5d5d5d; } .online-enquiry h4{ margin:0px; padding:0px; background: -webkit-linear-gradient(#fff, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#CCCCCC; margin-bottom:20px; font-size:18px; text-transform:uppercase; } .promotions .col-sm-4{ } .promotions .col-sm-4:nth-child(1){ padding-left:15px; } .promotions .col-sm-4:nth-child(4){ padding-left:15px; } .promotions-box{ border:1px solid #333333; margin-bottom:15px; } .promotions .col-sm-4 a img{ width:285px; height:425px; } .promotions .col-sm-4 a:hover{ text-decoration:none; } .promotions .col-sm-4 a:focus,button:focus,input:focus,textarea:focus { text-decoration:none; } .promotions .col-sm-4 h3{ color:#FFFFFF; font-size:17px; margin-top:10px; margin-bottom:10px; text-transform:uppercase; text-align:center; } .online-enquiry input{ width:100%; background-color:#121212; border:1px solid #262626; padding:5px 7px; margin-bottom:7px; color:#FFFFFF; font-size:12px; display:block; } .online-enquiry textarea{ width:100%; background-color:#121212; border:1px solid #262626; padding:5px 7px; margin-bottom:7px; color:#5d5d5d; font-size:12px; } .submit{ background-color:#000000 !important; width:100px !important; text-transform:uppercase; border:1px solid #dadada; padding:5px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .submit:hover{ background-color:#edc659 !important; color:#666666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: opacity 0.5s ease-out 5s; } .dropdown { -webkit-font-smoothing:antialiased; } .dropdown a { background: #000000; color: #444; display: block; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .dropdown li:hover a { color:#9e9e9e !important; } .dropdown ul { top: 50px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } nav li:hover ul { opacity: 1; top: 20px; visibility: visible; } .dropdown ul li ul { top: 33px !important; } .dropdown ul li{ display:none; } .dropdown:hover ul li{ display:block; } .dropdown ul li ul{ display:none; } .dropdown ul li:hover ul{ display:block; } .dropdown-mob { display:none !important; } .dropdown a{ -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .dropdown ul{ position:absolute; width:150px; margin:0px; padding:0px; margin-left:10px; z-index:1000; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .dropdown ul li{ margin:2px 0px; } .dropdown ul li a{ background-color:#1f1f1f; padding:5px 10px; display:block; color:#c7c7c7; } .dropdown ul li a:hover{ background-color:#b47726; color:#FFFFFF !important; text-decoration:none; } .dropdown ul li ul{ margin-left:150px; } .carousel-demystified aside { display: none; } .carousel-demystified #primary { margin: 0;} .carousel-demystified h2 { font-size: 1.75em; margin-bottom: 30px; } .carousel-demystified ol li { list-style: decimal; margin: 0 0 5px 50px; line-height: 1.35em; color: #555; } .bx-pager{ display:none; } .slide1{ width:285px !important; border:1px solid #131313; margin-right:38px !important; padding-top:10px; padding-bottom:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .slide1 img{ width:253px; height:211px; } .new-slide img{ width:253px; height:211px; } .new-slide{ border: 1px solid #131313; border-radius: 3px; min-height: 278px; padding: 10px 0; margin: 20px 0px; margin-top:0px; } .new-slide p{ font-size:15px; color:#FFFFFF; margin:0px; text-transform:uppercase; margin-top:10px; } .new-slide span{ color:#5d5d5d; font-size:12px; text-transform:uppercase; } .view{ border:1px solid #808080; margin-top:10px; height:28px; } .view p{ margin:0px; font-size:11px; } .view p span{ background-color:#808080; padding:7px 5px; color: #1f1f1f; margin-top:-1px; } .view p a{ color:#FFFFFF; padding-left:5px; line-height:28px; } .view p a:hover{ color:#edc659; text-decoration:none; } .bx-wrapper{ max-width:1270px !important; } .bx-prev{ font-size:0px; background-image:url(../img/bx-next.jpeg); width:20px; height:21px; display:block; float:right; margin-top:-23%; margin-right:11px; } .bx-next{ font-size:0px; background-image:url(../img/bx-prev.jpeg); width:20px; height:21px; display:block; float:right; margin-top:-23%; margin-right:35px; } .ticker span{ color:#c27d00; margin:20px 0px; font-size:15.5px; } .ticker { margin:20px 0px; } .carousel { width:100%; } .slideshow{ width:100% !important; } .discount-box span{ background-color:#FFFFFF; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; padding:10px; position:absolute; z-index:1000; margin:15px 25px; } .carousel-caption a{ background-color:#edc659; color:#FFFFFF; padding:6px 13px; text-shadow:none; } .carousel-caption a:hover{ color:#666666; text-decoration:none; } .about-box h4{ background: -webkit-linear-gradient(#fff, #eeeeee); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#CCCCCC; margin-bottom:20px; font-size:18px; text-transform:uppercase; margin: 0px; padding: 0px; margin-bottom: 15px; } .about-box h5{ color: #a3651f; font-size: 20px; margin: 0px; padding: 0px; line-height: 25px; margin-top: 30px; } .about-box p{ color: #636363; font-size: 14px; margin-top: 25px; } .about-box a{ background: #c9c9c9; color: #636363; padding: 5px; border-radius: 4px; margin-top: 20px; display: block; width: 170px; text-align: center; } .about-box a:hover{ text-decoration: none; background: #fff; color: #000; } .box2 h4{ background: -webkit-linear-gradient(#fff, #eeeeee); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#CCCCCC; margin-bottom:20px; font-size:18px; text-transform:uppercase; padding: 0px; margin: 25px 0px; } .box2 h5{ font-size:18px; color:#d8d8d8; margin-bottom:0px; margin-top:10px; } .box2 ul { margin: 0px; padding: 0px; } .box2 ul li{ list-style: none; background-image: url(../img/li-icon.png); background-position: left; background-repeat: no-repeat; padding-left: 18px; line-height: 25px; } .box2 ul li a{ font-size: 14px; color: #636363; text-transform: uppercase; } .box2{ color: #636363; } .produ-box h4{ background: -webkit-linear-gradient(#fff, #eeeeee); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color:#CCCCCC; font-size:18px; text-transform:uppercase; margin: 20px 0px; padding: 0px; } .produ-box h4 span{ float:right; } .produ-box h5{ color: #d8d8d8; font-size: 20px; margin: 0px; padding: 0px; line-height: 25px; margin-top: 10px; } .produ-box p{ color: #636363; font-size: 14px; margin-top: 15px; } .produ-box span{ float:right; } .career-box input{ width:100%; background-color:#121212; border:1px solid #262626; padding:5px 7px; margin-bottom:7px; color:#FFFFFF; font-size:12px; margin: 11px 0px; } .career-box select{ width:100%; background-color:#121212; border:1px solid #262626; padding:5px 7px; margin-bottom:7px; color:#FFFFFF; font-size:12px; margin: 10px 0px; } .career-box textarea{ width:100%; background-color:#121212; border:1px solid #262626; padding:5px 7px; margin-bottom:7px; color:#FFFFFF; font-size:12px; margin: 10px 0px; height: 140px; } .carousel-caption-inner{ display:none; } .carousel-caption-inner a{ background-color:#edc659; color:#FFFFFF; padding:6px 13px; text-shadow:none; } .carousel-caption-inner a:hover{ color:#666666; text-decoration:none; } .newsevents{ } .event-box{ border: 1px solid #131313; padding: 10px 0px; border-radius:3px; margin-bottom: 10px; } .event-box h5{ color:#bbbbbb; font-size: 15px; margin: 0px; } .event-box h5 span{ color:#828282; float: right; } .event-box p{ color: #636363; font-size: 14px; margin-top: 15px; } .event-box a{ float:right; background-color: #121212; border: 1px solid #262626; color: #ffffff; display: block; font-size: 12px; padding: 3px 10px; margin-top:7px; } .event-box a:hover{ text-decoration: none; color: #edc659; } .produ-box p img{ padding-right: 15px; width: 250px; height: 200px; } .enqury-box input{ width:100%; background-color:#121212; border:1px solid #262626; padding:5px 7px; margin-bottom:7px; color:#FFFFFF; font-size:12px; } .news-thumb h4{ margin:0px; margin-top:20px; font-size:15px; } .news-thumb img{ width:210px; height:150px; margin:20px 0px; } .enqury-box p{ margin-top: 10px; margin-bottom: 2px; } .enqury-box textarea{ width:100%; background-color:#121212; border:1px solid #262626; padding:5px 7px; margin-bottom:7px; color:#FFFFFF; font-size:12px; } .enqury-box .submit{ margin-bottom: 30px } .contact-div { text-align: left; } .contact-div p{ color: #cdcdcd; } .contact-div h4{ font-size: 18px; color: #cdcdcd; } #bx-pager{ margin-bottom: 25px; text-align: center; } #bx-pager a img{ border: 1px solid #7b7b7b !important; width:69px; height:59px; } .bx-controls-auto{ display:none !important; } .overthrow-content .form-control{ margin-bottom:20px; } .overthrow-content .submit{ border:1px solid #999999; background-color:#FFFFFF !important; } #banner{ margin-bottom:20px; } #banner img{ width:100%; height:auto; } #fade{ } .caption-banner a{ background-color:#edc659; color:#FFFFFF; padding:6px 13px; text-shadow:none; } .caption-banner a:hover{ text-decoration:none; } .caption-banner{ margin-left: 97px; position: relative; top: -190px; z-index: 10000; } .gold_popupbtn{ margin-bottom:20px !important; } .pro_image_div { float: left; width: 100%; padding: 0px; height: 166px; overflow: hidden; margin-bottom: 5px; } .pro_image_div img { width: 100% !important; min-height: 166px !important; height: auto !important; } .right_image_div { float: left; width: 100%; padding: 0px; height: 186px; overflow: hidden; margin-bottom: 5px; } .right_image_div img { width: 100% !important; min-height: 186px !important; height: auto !important; } .promo_image { width: 100%;float: left; height: 150px; overflow: hidden; } .new-prp{ margin-top:-130px; } @media (min-width: 0px) and (max-width: 1200px) { .caption-banner{ top:-146px; margin-left:76px; } .bx-next{ margin-top:20px; margin-left:10px; margin-right:0px; float:left; position:relative; } .bx-prev{ margin-top:20px; margin-left:15px; margin-right:0px; float:left; position:relative; } .navbar-default .navbar-nav > li > a{ padding:5px; } .add-box p{ width:95%; } .contact-box{ padding:18px 26px; } .news-div p{ font-size:14px; text-align:left; } .news-div p span{ font-size:10px !important; } .brands-box p{ font-size:13px; } .carousel-caption{ padding-bottom:90px !important; } } @media (min-width: 0px) and (max-width: 991px) { #slider1 .overview li{ width:150px!important; } #slider1 .overview li img{ width:150px!important; } .caption-banner{ top:-110px; margin-left:50px; } .navbar-default .navbar-nav > li > a{ font-size:11px; padding:4px; } .add-box p{ font-size:11px; } .contact-box{ padding:0 13px; } .contact-box h3{ font-size:15px; } .brands-box p{ font-size:9px; } .carousel-caption{ padding-bottom:50px !important; } #banner img{ width:100%; height:auto !important; } } @media (min-width: 0px) and (max-width: 766px) { .new-prp{ margin-top:0px; } .contact-box{ height:auto; } .bx-viewport{ } .promotions .col-sm-3{ text-align:center; } .bx-wrapper img{ width:100%!important; height:auto!important; } #slider1 .overview li{ width:300px!important; } #slider1 .overview li img{ width:300px!important; } #slider1{ width:300px; margin:0px auto; } .box2{ width:300px; margin:0px auto; } .box2 img{ width:100%; } .box2 h5{ text-align:center; } .about-box h4{ text-align:center; margin-top:20px; } .about-box a{ margin:0px auto; } #slider1 .overview li a h3{ text-align:center!important; } .pc-logo{ display:none; } .mob-logo{ display:block; } .caption-banner{ display:none; } .add-box{ text-align:center; } .add-box p{ text-align:center; } .add-box p{ width:100%; font-size:13px; } .bx-viewport{ width:100% !important; margin:0px auto; } .add-box .col-sm-4{ padding-left:15px; padding-right:15px; } .bx-controls-direction{ width:65px; margin:0px auto; } .product-box h2{ text-align:center; } .contact-box{ margin:10px 0px; text-align:center; } .brands-box h4{ text-align:center; } .brands-box p{ font-size:13px; text-align:center; } .footer{ text-align:center; } .follow-us ul{ width:200px; margin:0px auto; } .navbar-default .navbar-nav > li > a{ font-size:13px; text-align:center; padding:10px 0px; } .navbar-default .navbar-nav{ margin-top:0px; } .logo{ text-align:center; } .carousel-caption{ display:none; } .dropdown ul li a{ text-align:center; } .nav li ul{ position:absolute !important; width:100%; text-align:center; } .slide{ margin-right:0px !important; margin-left:0% !important; } nav li:hover ul{ top:10px; position:relative !important; } nav li ul{ top:20px; } .dropdown ul{ display:none; } .dropdown-mob { display:block !important; } .dropdown-mob a{ text-transform:lowercase !important; font-size:12px !important; } } a:focus,button:focus,input:focus,textarea:focus { outline: 0; }