body { color: #696969; font-family: 'Istok Web',Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; letter-spacing: 0.6px; } :focus{outline:none !important;} h1, h2, h3, h4, h5, h6 { color: #444; } /* default font size */ .fa { font-size: 14px; } .fa-stack{width:9px;} .fa-stack .fa{font-size:13px;} /* Override the bootstrap defaults */ h1 { font-size: 33px; } h2 { font-size: 27px; } h3 { font-size: 21px; } h4 { font-size: 15px; } h5 { font-size: 12px; } h6 { font-size: 10.2px; } a { color: #fff; } a:hover { text-decoration: none;color:#be1622; } legend { font-size: 18px; padding: 7px 0px } label { font-size: 14px; font-weight: normal; } select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control { font-size: 14px; } .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover { font-size: 12px; } .input-group .input-group-addon { font-size: 12px; height: 30px; } /* Fix some bootstrap issues */ span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } .nav-tabs { margin-bottom: 15px; } div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } /* Gradent to all drop down menus */ .dropdown-menu li > a:hover { text-decoration: none; color: #be1622 !important; background-color: #fff !important; } /* top */ #top { padding:0; min-height: 40px; background-color:#be1622; } #top .container { padding:0px; } #top #form-currency .currency-select { text-align: left; width:100%; } #top #form-currency .currency-select:hover { text-shadow: none; } #form-language .btn, #form-currency .btn { padding: 4px 2px; } #top .language-menu .language-select{color: #fff; width: 100%; padding: 2px 10px; text-align: left;} #top .language-menu .language-select:hover{color: #ffffff; background-color: #be1622;} #form-currency .dropdown-menu, #form-language .dropdown-menu ,.affiliate-dropmenu .dropdown-menu{right:auto;left:0; background-color:#1f70ae;padding:10px; border:0 none; border-top:1px solid #31373c; margin-top:3px;} .myaccount .dropdown-menu{right:auto;left:0;background-color:#be1622;padding:10px;margin:9px 0 0; border:0 none;border-top:1px solid #31373c; z-index: 999;} .nav.pull-left {padding-top: 6px;} #form-language .btn.btn-link.dropdown-toggle{margin-right:10px;} .myaccount .caret{vertical-align:2px;} #form-language .dropdown-menu > li > a {padding: 2px 10px; text-align: left;} #form-currency .dropdown-menu .btn { padding:2px 10px !important;color:#fff;border:0 none;} #form-language .dropdown-menu > li > a:hover {color:#FFFFFF;} #top .btn-link, #top-links li, #top-links a { color: #fff; text-decoration: none; } #form-language .dropdown-menu > li > a,#form-currency .dropdown-menu > li > a,#top-links .myaccount .dropdown-menu > li > a,.affiliate-dropmenu .dropdown-menu li a{color:#fff;} #top-links li{padding:0 4px 0 0;} #top-links .myaccount-menu li{padding:0;} #top-links li+li{background:url("../image/megnor/header_top_links_pipe.jpg") no-repeat scroll left 2px transparent; padding:0 4px 0 9px;} #top-links .myaccount-menu li + li{background:none;padding:0;} #top-links a .fa{padding:5px 5px;} #top .btn-link:hover, #top-links a:hover {color: #fff;} #form-currency .dropdown-menu.currency-menu li:hover .btn, #form-language .dropdown-menu > li:hover > a,.myaccount .dropdown-menu > li:hover > a ,.affiliate-dropmenu .dropdown-menu li:hover > a{ background-color: #074f89; color: #ffffff;} #form-currency .dropdown-menu .btn:hover, #form-language .dropdown-menu > li > a:hover,.myaccount .dropdown-menu > li > a:hover{} #top-links .dropdown-menu a ,.affiliate-dropmenu .dropdown-menu li a { text-shadow: none; padding:2px 10px;text-align:left; } #top-links .dropdown-menu a:hover,#top-links .dropdown-menu a:focus { color: #be1622; } #top .btn-link strong { font-size: 14px; font-weight: normal; } #top-links { padding-top: 10px; } #top-links .list-inline{margin:1px 0 0;} #top-links a + a { margin-left: 15px; } #top .fa-caret-down{vertical-align:-2px;} .swiper-viewport {box-shadow: none !important;float: left;margin: 0 0 25px !important;border:none !important;} .swiper-viewport #banner0 .swiper-pagination.swiper-pagination-bullets { display: none; } #column-left .swiper-viewport #banner0 { width: 100%;transition: all 1s ease 0s; } #column-left .swiper-viewport #banner0.single-banner div img {transition: all 1s ease 0s;} , #column-left .swiper-viewport #banner0.single-banner div:hover img {transition: all 1s ease 0s;} /* Header */ header{ background:#fff;} .header.container { height: 120px; padding:0; position:relative; } /* logo */ .header-logo{float:left;} .header-search { position: absolute; right: 15px; top: 132px; width: 345px; } .header-cart{float:right;} #logo { margin:40px 0 0 0; display:inline-block; } /* search */ #search { margin-bottom:0px; } #search .input-lg { background: none repeat scroll 0 0 #ffffff; border-radius: 0; -webkit-border-radius:0px; -khtml-border-radius:0px; -moz-border-radius:0px; /* box-shadow: 1px 1px 5px #acacac inset;*/ float: left; height: auto; margin: 0; padding: 8.3px 10px; vertical-align: middle; width: 257px; } #search .btn-lg { background:#fdd922; border: medium none; border-radius: 0; -webkit-border-radius:0px; -khtml-border-radius:0px; -moz-border-radius:0px; color: #ffffff; cursor: pointer; float: left; font-size: 14px; margin: 0; padding:9px 16px 8px; text-transform: uppercase; z-index: 9; color:#0a3151; } #search .btn-lg:hover{color:#0a3151 !important;} /* cart */ .header-right {float: right;} #cart-total{ background: none repeat scroll 0 0 #ffffff; border-radius: 50%; -webkit-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; clear: both; color: #be1622; font-size: 13px; font-weight: 500; height: 20px; line-height: 21px; position: absolute; right: -2px; text-align: center; top: -2px; width: 20px; } #cart #cart-total .fa.fa-shopping-cart{display:none;} #cart { margin: 35px 0 0; float:right; } #cart > .btn { background: url("../image/megnor/cart_white.png") no-repeat scroll center center #be1622; border-radius: 50%; -webkit-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; color: #ffffff; display: block; float: left; font-size: 11px; font-weight: 700; height: 52px; position: relative; text-align: center; text-transform: uppercase; top: -4px; width: 52px; margin-left:20px; z-index: 0; } #cart.open > .btn { } #cart.open > .btn:hover { color: #444; } #cart .dropdown-menu { background: #fff; z-index: 1001; } #cart .dropdown-menu { width: 350px; padding:10px; } #cart .button-container { width: auto; float:right; } #cart .dropdown-menu table { margin-bottom: 10px; } #cart .dropdown-menu .text-center { padding: 8px 0 !important; } #cart .dropdown-menu table.table-striped { border-bottom: 1px solid #efefef; } .cart-menu .table-bordered tr > td, .cart-menu .table-bordered { border: medium none; padding: 4px 5px; } #cart table.table-striped .btn-danger.btn-xs { background: none repeat scroll 0 0 transparent; box-shadow: none; box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow:none; margin: 0; padding: 0 0 0 5px; border:0 none; color:#000; } #cart table.table-striped .btn-danger:hover{color:#000 !important;} #cart .dropdown-menu table td{border:none;background:none;} #cart .dropdown-menu li > div { } #cart .dropdown-menu li p { margin:20px 0;} .content_headercms_top { float:left; margin-top: 37px;} .header-tele-cms { display: inline-block; position: relative; } .header-tele-cms .telephone { background: url("../image/megnor/phone.png") no-repeat scroll center center transparent; float: left; height: 44px; width: 40px; } .cms-data { border-right: 1px solid #be1622; display: inline-block; margin: 0 0 0 15px; padding-right: 20px; } .call { float: left; font-family: "Archivo Narrow",sans-serif; font-size: 18px; text-transform: uppercase; color:#be1622; line-height: 22px; font-weight: 600; } .call-no { clear: both; float: left; color:#be1622; } /* menu */ .nav-inner { } .nav-header { background: none repeat scroll 0 0 #be1622; } .nav-header .container { background-color: #be1622; height:62px; margin: 0 auto; } .nav-responsive { display:none;} .responsive-menu { background: #545F61; height: 42px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 0px 5px; /*overflow:hidden; HIDE CATEGORIES THOSE ARE OUT OF MANU. */ } .main-menu ul { list-style: none; margin: 0; padding: 0; background-color: #be1622; } .main-menu ul > li { background-color: rgba(0, 0, 0, 0); display: inline-block; float: none; } .static-menu { padding: 0 10px; } .main-menu ul > li > a, .hiden_menu li > a { color: #ffffff; display: block; font-family: "Archivo Narrow",sans-serif; font-size: 18px; font-weight: 400; margin-bottom: 0; padding: 21px 15px; position: relative; text-transform: uppercase; z-index: 6; } .main-menu ul > li:hover , .hiden_menu li:hover{ background-color: #be1622; } .main-menu > ul > li:hover { } .nav-responsive span, .main-menu > ul > li > a { color: #ffffff; display: block; font-family: "Archivo Narrow",sans-serif; font-size: 18px; font-weight: 400; margin-bottom: 0; padding:21px 15px; position: relative; text-transform: uppercase; z-index: 6; } .main-menu a:hover { text-decoration:none} .main-menu > ul > li:hover > a { background: none repeat scroll 0 0 #646464; } .main-menu > ul > li > ul , .responsive-menu .main-navigation{ display: none; background: #be1622; position: absolute; z-index: 5; padding: 5px; } .main-menu > ul > li:hover > ul { display: inline-grid; } .main-menu > ul > li ul > li > ul { display: none; background: #be1622; position: absolute; z-index: 5; padding: 5px; margin-left:-66px; } .main-menu > ul > li ul > li:hover > ul { display: block; top: 0px; left: 242px; } .img-responsive.hover-image{ display: none; } .main-menu > ul > li > ul > ul { /*display: table-cell;*/ } .main-menu > ul > li ul + ul { /*padding-left: 20px;*/ } .main-menu > ul > li ul > li > a{ padding: 8px; color: #FFFFFF; display: block; white-space: nowrap; } .responsive-menu .main-navigation li a { color: #cecece; display: block; padding: 8px 12px; white-space: nowrap; } .main-menu > ul > li ul > li > a{min-width: 160px;} .main-menu > ul > li ul > li > a:hover{ color:#333; background-color:#fff; } .responsive-menu .main-navigation li a:hover { background-color: transparent;color: #fff; } .main-menu > ul > li ul > li > a.activSub { background-image:url(../image/megnor/cat_arrow_hover.png) ; background-repeat:no-repeat; background-position: right center; } .main-menu > ul > li > ul > ul > li > a { color: #FFFFFF; } @media (min-width: 768px) { #menu .dropdown:hover .dropdown-menu { display: block; } } @media (max-width: 767px) { .icon_col_div{ border-right: none!important; } #menu { } #menu div.dropdown-inner > ul.list-unstyled { display: block; } #menu div.dropdown-menu { margin-left: 0 !important; padding-bottom: 10px; background-color: rgba(0, 0, 0, 0.1); } #menu .dropdown-inner { display: block; } #menu .dropdown-inner a { width: 100%; color: #fff; } #menu .dropdown-menu a:hover, #menu .dropdown-menu ul li a:hover { background: rgba(0, 0, 0, 0.1); } #menu .see-all { margin-top: 0; border: none; border-radius: 0; color: #fff; } } /* 1-col layout */ #column-left{ width:25%; } #column-right{ width:25%; } .layout-1 #content{ } #column-left .swiper-viewport { overflow: hidden;border: none; } /* 2-col layout */ .layout-2.left-col #column-left{ width:24%;padding:0 20px 0 15px; margin: 0 -5px 0 0; } .layout-2.right-col #column-right{ width:23.6%; } .layout-2 #content{ width:76%;padding:0 10px; margin-bottom: 25px; } .layout-2 .content-bottom #content{width:100%;margin-bottom:25px;padding:0;} .layout-2.left-col #content { } .layout-2.right-col #content { } /* 3-col layout */ .layout-3 #column-left{ width:25%; } .layout-3 #column-right{ width:25%; } .layout-3 #content{ width:50%; } .layout-3 .content-bottom #content{width:100%;} /* Content-top */ .slider-banner { float: left; width: 100%; } .slider-banner .slide { float: left; width: 25%; } .slider-banner .slide a { background:#be1622; cursor: pointer; display: block; height: 100%; transition: background 0.2s ease 0s; -webkit-transition: background 0.2s ease 0s; -moz-transition: background 0.2s ease 0s; -ms-transition: background 0.2s ease 0s; -o-transition:background 0.2s ease 0s; width: 100%; border-top: 4px solid #fff; } .slider-banner .slide:hover a{background:#be1622;} .cms-title { border-color: #fff; border-style: solid; border-width: 0 1px; padding: 15px 20px; text-align: center; } .slidebanner1 .cms-title{border-left:0 none;} .slidebanner4 .cms-title{border-right:0 none;} .slider-banner .slide:hover a{ border-top:4px solid #fff; } .text1 { font-family: archivo narrow; color: #fff; text-transform: uppercase; font-size: 17px; font-weight: 600; } .text2 { color: #fff; font-family: "Archivo Narrow",sans-serif; font-size: 15px; font-weight: 500; } .owl-buttons { display: none; } /*Megnor category */ ul.dropmenu{ display: block; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; margin: 0; padding: 1px 0 0; position: relative; z-index: 9; } .dropmenu li{ position: relative; list-style: none; margin: 0px; display: block; cursor: pointer; padding-bottom: 1px; } .dropmenu li:hover{ /*background-color:#f5f5f5;*/ } .dropmenu li a{ display: block; cursor: pointer; text-decoration: none; font-weight: bold; -moz-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; } .dropmenu li a:hover{ } .dropmenu li span{ display: block; float: right; height: 10px; width: 6px; position: absolute; top: 18px; right: 10px; } .dropmenu li:hover ul, .dropmenu li:hover div{ display: block; } .dropmenu ul, .dropmenu div{ position: absolute; display: none; width: 197px; left: 182px; top: 0px; margin: 0px; padding: 0px; } .dropmenu li div ul{ border: none; background: none; position: relative; display: block; left: 0px; } .dropmenu ul li{ border: 1px solid #efefef; float: none; } .dropmenu div ul{ position: relative; display: block; } .dropmenu li div{ background-color: #cccccc; padding: 5px; display: none; position: absolute; } .dropmenu .submenu {background-color: #efefef;} .box .box-content ul , #content .content ul { padding:0px; margin:0px; list-style:none; } .box .box-content ul li:last-child a ,.box .box-content ul li ul li a{ border-bottom:0 none;} .box .box-content ul li a{ border-bottom: 1px solid #e3e3e3;} #content .content ul li { line-height:22px; padding:5px; } .box .box-content ul li ul li + li{border-top:medium none;} .box .box-content ul li a , #content .content ul li a{ color: #696969; font-family: "Istok Web",sans-serif; font-size: 14px; font-weight: normal; padding: 9px 0 9px 2px; position: relative; } .panel-footer.text-right { text-align: left; padding: 10px 0; } .box .box-content ul li a + a , .box .box-content ul li a + a:hover{ background:none; padding-left:0; } .box .box-content ul li a:hover , #content .content ul li a:hover{ color:#be1622; } #column-left div.list-group-item { padding: 0px 5px 10px; } .box .box-content ul ul{ background: none repeat scroll 0 0 #f5f5f5; margin-left:66px; width: 100%; z-index: 99; border: 1px solid #efefef; border-left:0 none; } .box .box-content ul li ul li a { padding: 8px 0 8px 10px; } .box.sidebar-category .box-content ul li ul li a.activSub::before { right: 3px; top: 10px; } .box.sidebar-category .box-content ul li{padding:0 12px 0 0;} .box .box-content ul li ul li a.activSub:before, .box .box-content ul li a.activSub:before { content:"\f105"; font-family:'FontAwesome'; position: absolute; right:6px; font-size:13px; color:#aba9a9; } .box .box-content ul li ul li a { padding: 8px 0 8px 10px; } .box .box-content ul li ul li:hover > a.activSub, .box .box-content ul li:hover > a.activSub { background: rgba(0, 0, 0, 0) url("../image/megnor/menu-hover-arrow.jpg") no-repeat scroll 209px 1px; margin-right: -12px; } .box.sidebar-category .box-content ul li ul li a.activSub:before{top:10px;right:3px;} .box .box-content ul li ul li:hover > a.activSub:before, .box .box-content ul li:hover > a.activSub:before{color:#be1622; content:none;} .box .box-content ul ul li ul {display:none; margin-left:21px;} .box .box-content ul ul li:hover ul { display: block; top: -1px; left: 225px; } .product-block-inner a img{vertical-align:middle;} .box .box-category-heading { background: url("../image/megnor/category1.jpeg") no-repeat scroll 0px 0 #be1622; color: #ffffff; font-family: "Archivo Narrow",sans-serif; font-size: 16px; padding: 10px 0; text-transform: uppercase; font-weight: 600; } .heading-img { margin-right: 16px; padding: 10px 24px; } /* content */ .content-top #content { min-height:495px;margin-bottom:3px; } #content { min-height:400px; } .single-banner { } .content-bottom #banner2, .content-bottom #banner1, .content-bottom #banner0 {width: 31.92%;} .content-bottom #banner1 { margin: 0 25px; float:left; } .content-bottom #banner0{float:left;} .content-bottom #banner2{float:right;} .inner-cms { background-color: #ffffff; height: 81px; margin: 15px auto; position: relative; } .first-content { float: left; padding: 18px 0; position: relative; width: 32%; } .second-content { float: left; padding: 18px 0; position: relative; width: 35%; } .third-content { float: left; padding: 18px 0; position: relative; width:33%; } .box-cms-content .content { padding: 18px 3px; } .icon-left1 { background: url("../image/megnor/sprite.png") no-repeat scroll 0 -279px transparent; float: left; padding: 10px; } .first-content .service-content{ border-right: 1px solid #efefef;} .second-content .service-content { border-right: 1px solid #efefef; padding: 0 0 0 35px; width: auto; } .third-content .service-content { padding: 0 0 0 35px; width: auto; } .icon-left3 { background: url("../image/megnor/sprite.png") no-repeat scroll 0 -392px transparent; float: left; padding: 12px; } .icon-left2 { background: url("../image/megnor/sprite.png") no-repeat scroll -3px -335px transparent; float: left; padding: 10px; } .service-right{overflow:hidden;padding-left:8px;text-align:left;} .service-right .title { color: #4e4e4e; font-size: 15px; font-weight: bold;font-family:"Archivo Narrow",sans-serif;} .service-right .sub-title { color: #a5a5a5;} /* Content Bottom*/ .tabfeatured_default_width{ width:185px;} .tabbestseller_default_width{ width:240px;} .tablatest_default_width{ width:240px;} .tabspecial_default_width{ width:240px;} .htabs { height: 48px; line-height: 16px; border-bottom: 1px solid #efefef; } .etabs { display: inline-block; float: none; margin: 0; padding: 0; text-align: center; } .htabs .etabs li { display: inline-block; float: left; line-height: 17px; list-style: outside none none; position: relative; text-align: center; } .htabs a { background-color: #ffffff; color: #002c4e; float: left; font-family: "Archivo Narrow",sans-serif; font-size: 18px; font-weight: 600; margin-right: 3px; padding:15px 20px; text-align: center; text-transform: uppercase; } .htabs a.selected, .htabs a:hover{ background:#be1622; color: #fff; } .hometab .tab-content { position:relative; padding:0; z-index: 0; overflow: visible; margin-bottom:0px; } .tab-content .tab { display: none; } .hometab { clear: both; padding-top:25px; margin-bottom:25px; } .box.featured{clear:both;padding-top:25px;} .cms-banner-left { float: left; } .cms-banner-right{ float: left; } .cms-banner2 ,.cms-banner3 { float: left; overflow:hidden; } .cms-subbanner2 { margin-top: 3px; } .cms-banner2 {margin:0 3px;} .post-content-top { padding:15px 0 10px; overflow:hidden; color:#b3b3b3; font-size:13px; font-style:italic; font-weight:500; } .post_comment{float:right;} .post_comment a{color:#b3b3b3;} .byadmin{float:left;} .post-title { margin-bottom:5px; text-transform:uppercase; color:#313131; font-size:17px; } .post-title a{ color: #1b1b1b;font-family:"Archivo Narrow",sans-serif;} .post-description{color:#838383;} .post-image { height: 198px;overflow: hidden;position: relative; width: 353px; } .post-date { position: absolute; right:4.5%; top: 0; background-color:#be1622; height:85px; min-width:55px; padding:12px; text-align:center; } .post-image-hover { height: 100%; position: absolute; top: 0; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; width: 100%; } .post-date .date{font-size:25px;color:#fff;font-weight:bold;} .post-date .month{font-size:12px;color:#fff; display: block;} #testimonialblog { margin-top: 25px; } #testimonial-blog .single-post { margin: 0 23px; overflow: hidden; position: relative; } #testimonial-blog .single-post:hover .post-image-hover{opacity:0.35;-khtml-opacity: 0.35;-webkit-opacity: 0.35;-moz-opacity:0.35; background-color:#313131;} .post-image img{ transition: all 1s ease 0s; -webkit-transition: all 500ms ease; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; max-width: 100%;} #testimonial-blog .single-post:hover .post-image img { transform: scale(1.08); -webkit-transform:scale(1.08); -ms-transform:scale(1.08); -o-transform:scale(1.08); -moz-transform:scale(1.08); } #testimonial-blog .single-post:hover .zoom{opacity:1;-khtml-opacity:1;-webkit-opacity:1;-moz-opacity:1;} .single-post .zoom { background: url("../image/megnor/blog-link.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 50px; left: 0; right:0; margin:auto; opacity: 0; -khtml-opacity: 0;-webkit-opacity: 0;-moz-opacity:0; padding: 18px 25px; position: absolute; top:0px; bottom:0; transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -ms-transition:all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; width: 52px; z-index: 10; } #testimonial-blog .single-post p{margin:0;} #testimonial-blog.products{margin:50px 0;} .single-banner div:hover img{transform: scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);opacity: 0.98;-khtml-opacity:0.98;-webkit-opacity: 0.98;-moz-opacity:0.98;} .cms-banner-left .cms-subbanner1 img ,.cms-banner-left .cms-subbanner2 img ,.cms-banner-right .single-banner img { transition: all 1s ease 0s; vertical-align: middle; } .cms-banner1.single-banner div{border:0 none;overflow:hidden;} .cms-banner-left .cms-subbanner1:hover img ,.cms-banner-left .cms-subbanner2:hover img ,.cms-banner-right .single-banner:hover img {transform: scale(1.08);-webkit-transform: scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08); -moz-transform:scale(1.08); opacity:1;-khtml-opacity: 1;-webkit-opacity: 1;-moz-opacity:1;} .content-bottom #content .swiper-viewport { border: medium none; box-shadow: none; float: none; margin: 0 !important; } .swiper-viewport #banner0.single-banner.swiper-container-fade .swiper-slide { border: 0;transition: all 1s ease 0s;} .content-bottom .swiper-viewport #banner0.single-banner.swiper-container-fade .swiper-slide {border:6px solid #efefef;} .single-banner.swiper-container-fade .swiper-slide{border:6px solid #efefef;overflow:hidden;} .common-home .single-banner .img-responsive { transition: all 1s ease 0s; } #slideshow0 .swiper-wrapper { direction: ltr !important; } .content-bottom .swiper-pagination-bullet.swiper-pagination-bullet-active { display: none; } /* footer */ .content_footer_top { background-color: #be1622; height: 90px; } footer {color: #fff;} .home-about-me.container{padding:0;} .social { float: left; height: 90px; text-align: left; width:25%; } .social > ul { display: inline-block; list-style: outside none none; margin: 0 auto; padding: 32px 0px; width: auto; } .social ul li { display: inline-block; } .social ul li{display:inline-block;} .twitter a { background: url("../image/megnor/social_sprite.png") no-repeat scroll 2px -46px transparent; float: left; padding: 0 9px; } .twitter a:hover { background-position: 2px -235px; } .rss a { background: url("../image/megnor/social_sprite.png") no-repeat scroll 0 -140px transparent; float: left; padding: 0 7px; } .rss a:hover { background-position: 0 -329px; } .google-plus a { background: url("../image/megnor/social_sprite.png") no-repeat scroll 0 -93px transparent; float: left; padding: 0 8px; } .google-plus a:hover { background-position: 0 -281px; } .facebook a { background: url("../image/megnor/social_sprite.png") no-repeat scroll -4px 0 transparent; float: left; padding: 0 5px; } .facebook a:hover { background-position: -4px -189px; } .rss a, .google-plus a, .facebook a { margin: 0 12px;} .twitter a{margin:0 10px} .footer-top-right { float: right; height: 90px; width: 75%; } .tm-about-text:before{ content:"\f087"; font-family:'FontAwesome'; font-size:45px; color:#b3cbdd; float:left; margin-top: 10px; } .tm-about-text { border-left: 2px solid #044374; float: left; margin: 23px 0; padding: 0 0 0 40px; width: 76%; } .content-wrap { float: left; margin-left: 30px; } .footer-top .home-about-me .footer-top-right .tm-about-text h2 { margin:0 0 5px; } .footer-top-right .tm-about-description { color: #ffffff; } .tm-about-description { font-weight: 500;clear:both; } .tm-about-description p{margin:0;} .aboutme-read-more { float: right; position: relative; width: 12%; } .aboutme-read-more { margin: 37px 0 0 0; position: relative; text-align: center; text-transform: uppercase; width: 150px;; } .aboutme-read-more a{ color: #002c4e; font-weight:bold; background-color: #fdd922; font-weight: bold; height: 44px; padding: 12px; } .aboutme-read-more a:hover { background-color: #ffffff; color: #be1622; transition-duration:500ms; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration:500ms; -o-transition-duration: 500ms; } .aboutme-read-more:hover a{color:#be1622;} .footer-top-right .title1 { color: #ffffff; font-family: "Archivo Narrow",sans-serif; font-size: 22px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } #footer{clear: both; line-height: 27px; min-height: 100px; overflow: hidden; padding:70px 0; background-color:#262934; } #footer .column { float: left; padding-left:40px; width:25%; } #footer .col-sm-3.column.first { margin: 0 !important; padding: 0 25px 0 0; } #footer #footer_cms_block { float: left; line-height: 23px; margin-left: 12px; padding-right: 20px; } .col-sm-3.column.second, .col-sm-3.column.third { border-left: 1px solid #fff; padding: 0; width:21%; } .col-sm-3.column.third {border-right: 1px solid #fff;} #footer .col-sm-3.column.fourth { padding: 0 0 0 40px; } .tm-about-logo { margin-bottom: 15px; } .tm-about-logo a img {} footer a{color:#fff;} footer a:hover ,#footer .column li:hover a:before,#footer .column li:hover a , #footer .column li a:focus{color:#fdd922;} footer hr { border-top: none; border-bottom: 1px solid #666; } #footer .column li a:before { font-family:'FontAwesome'; content:'\f0da'; font-size:14px; padding-right:8px; color:#ccdde7; } #footer .column li.email a::before{content:none;} #footer .column ul { list-style: outside none none; margin: 0; padding-left: 0; } #footer #contact .address::before { content: "\f041"; font-family: "FontAwesome"; font-size: 14px; padding: 0 7px 0 0; vertical-align: top; padding:5px 8px; margin-right: 10px; color:#ccdde7; border: 1px solid #ccdde7; border-radius: 20px; } #footer #contact .ph-no::before { content: "\f10b"; font-family: "FontAwesome"; font-size: 17px; padding: 0 11px 0 0; vertical-align: top; padding:4px 9px; margin-right: 10px; color:#ccdde7; border: 1px solid #ccdde7; border-radius: 20px; } #footer #contact .email::before { content: "\f0e0"; font-family: "FontAwesome"; font-size: 11px; padding: 0 7px 0 0; vertical-align: top; padding:7px 8px; margin-right: 10px; color:#ccdde7; border: 1px solid #ccdde7; border-radius: 20px; } #footer #contact .address, #footer #contact .ph-no, #footer #contact .email{padding:0} #footer #contact ul li { padding: 0 0 0 35px; } #footer #contact .email ,#footer #contact .ph-no{ line-height: 32px;} footer h5 { color: #fff; font-size: 18px; text-transform: uppercase; line-height: 26px; background: none; padding: 0; font-family: "Archivo Narrow",sans-serif; font-weight: 600; position: relative; } .copyright-container.container { background-color: #262934; padding: 20px 0; } .copyright-container { background-color: #262934; padding:20px 0; width: 100%; float: left; } .content_footer_bottom { float: right; } .footer-container { float: left; } .footer-payment { margin: 0 auto; padding: 10px 0; text-align: center; } .payment-block > ul { list-style: outside none none; margin: 0; padding: 0; } .payment-block > ul > li { display: inline; } .visa a { background: url("../image/megnor/payment1.png") no-repeat scroll center; padding: 2px 18px; } .paypal a { background: url("../image/megnor/payment2.png") no-repeat scroll center; margin-left: 10px; padding: 2px 18px; } .discover a { background: url("../image/megnor/payment3.png") no-repeat scroll center; margin-left: 10px; padding: 2px 18px; } .mastercard a { background: url("../image/megnor/payment4.png") no-repeat scroll center; margin-left: 10px; padding: 2px 18px; } .footer-bottom { background-color: #be1622; } #bottomfooter { clear: both; float: left; margin: 0px 0 3px; text-align: left; width: 100%; } #bottomfooter > ul { list-style: outside none none; margin: 0; padding: 0; } #bottomfooter > ul > li { background: url("../image/megnor/header_top_links_pipe.jpg") no-repeat scroll right 13px transparent; display: inline; font-size: 13px; padding: 10px 8px 3px 1px; } #bottomfooter > ul > li a{color:#fff;} #bottomfooter > ul > li a:hover{color:#fdd922;} #bottomfooter > ul .last { background: none repeat scroll 0 0 transparent; } .powered { clear: both; font-size: 13px; text-align:left; color:#fff; } .powered a{color:#ccdde7;} .powered a:hover{color:#fdd922;} /* Category PAge */ .category_description {margin-top: 5px;} .category_img .img-thumbnail { border: medium none; border: medium none; border-radius: 0; padding: 0;} .refine-search{ font-size: 14px;font-weight: 600;margin-bottom: 10px;} .copy-right { border-top: 1px solid #444; padding: 10px 0; text-align:center; } #content .category_list { margin-bottom: 8px; } #content .category_list ul { list-style: outside none none; margin: 0; padding: 0; position: relative; width: 100%; } @media (max-width: 979px) { #footer .column ul { display: none; } #footer .column { width: 100%; } } /* alert */ .alert { padding: 8px 14px 8px 14px; } /* breadcrumb */ .breadcrumb { margin: 0 0 20px 0; padding: 8px 0; border: 1px solid #efefef; } .breadcrumb i { font-size: 15px; } .breadcrumb > li { position: relative; white-space: nowrap; } .breadcrumb > li + li:before { content: ''; padding: 0; } .breadcrumb > li:after {} .pagination { margin: 0; } /* buttons */ .buttons { margin: 1em 0; display: inline-block; margin: 10px 0 0; width: 100%; } .btn { padding: 6px 12px; font-size: 14px; border: 1px solid #cccccc; border-radius:0px; -webkit-border-radius:0px; -khtml-border-radius:0px; -moz-border-radius:0px; } .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 10px 16px; font-size: 15px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover, .dropdown-menu.myaccount-menu, #form-currency .dropdown-menu .btn-link{ font-size:14px; } .btn-group > .btn-xs { font-size: 9px; } .btn-group > .btn-sm { font-size: 10.2px; } .btn-group > .btn-lg { font-size: 15px; } .btn-primary,#cart .text-right .addtocart,#cart .text-right .checkout ,.btn-default,#button-cart ,.button.aboutus,.btn-info { background:#be1622; border: medium none; color: #ffffff; display: inline-block; font-size: 14px; font-weight: normal; padding:10px 12px; text-transform: uppercase; width: auto; height:auto; border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; line-height: normal; } .btn-primary:hover ,#cart .text-right .addtocart:hover,#cart .text-right .checkout:hover ,.btn-default:hover ,#button-cart:hover ,.button.aboutus:hover ,.btn-info:hover{ background-color: #f30000; color: #fff !important; transition-duration: 500ms; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; } .btn-danger{ font-size: 14px; font-weight: normal; padding:10px 12px; border:none; text-transform: uppercase; } #cart .text-right .addtocart strong, #cart .text-right .checkout strong{font-weight:normal;} .btn-warning { color: #ffffff; background-color: #faa732; background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-success { color: #ffffff; background-color: #5bb75b; background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-link { border-color: transparent; cursor: pointer; color: #23A1D1; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: rgba(0,0,0,0); background-image: none; box-shadow: none; } .btn-inverse { color: #ffffff; background: #363636; border:none; } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222222; background-image: linear-gradient(to bottom, #333333, #111111); } /* list group */ .filterbox .list-group a { display: block; font-weight: bold; padding: 0; border:0 none; background:none; } .filterbox .list-group-item { padding: 0 5px; } .filterbox .list-group-item .checkbox { line-height: 22px; } #column-left .list-group, #column-right .list-group { background: none repeat scroll 0 0 #ffffff; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; border-radius: 0; -webkit-border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; border-right: 1px solid #efefef; margin-bottom: 25px; padding: 10px; } #column-left .list-group a, #column-right .list-group a{ border-top: 1px solid #f5f5f5; } #column-left .list-group a, #column-right .list-group a { border-color: #f5f5f5 currentcolor #000080; border-style: solid none none; border-width: 1px medium medium; } #column-left .list-group a:first-child,#column-right .list-group a:first-child, #column-left .filterbox .list-group a, #column-right .filterbox .list-group a { border-top: medium none; } .list-group a { border-top: 1px solid #f5f5f5; color: #888888; padding: 8px 5px; background: none repeat scroll 0 0 #fff; } .list-group a.active, .list-group a.active:hover, .list-group a:hover { } .list-group a:hover{color:#be1622;} .filterbox .list-group a:hover{color:#555555;} /* carousel */ .carousel-caption { color: #FFFFFF; } .carousel-control .icon-prev:before { content: '\f053'; font-family: FontAwesome; } .carousel-control .icon-next:before { content: '\f054'; font-family: FontAwesome; } /* product list */ .product-thumb { margin-bottom: 20px; overflow: hidden;; } .product-thumb .image { text-align: center; position:relative; overflow: hidden; } .product-thumb .image a { display: block; } .product-thumb .image a:hover { } .product-thumb .image img { margin-left: auto; margin-right: auto; } .product-grid .product-thumb .image { float: none; } @media (min-width: 767px) { .product-list .product-thumb .image { float: left; padding: 20px; border-right: 1px solid #efefef; width: 28%; } } .product-thumb h4 { color: #696969; font-family: "Istok Web",sans-serif; font-weight: normal; margin: 5px 0 7px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: auto; } .product-thumb h4 a{color: #696969;} .product-thumb .caption { padding:8px 0 0 0; } @media (max-width: 767px) { .product-list .product-thumb .caption { min-height: 0; margin-left: 0; padding: 0 10px; } .product-grid .product-thumb .caption { min-height: 0; } } .product-thumb .rating { padding-bottom:0px; clear:both; } .write-review .fa.fa-pencil { margin-right: 6px; } .rating .fa-stack,#review .fa-stack{ font-size: 8px; } .rating-wrapper .fa-star-o, #review .fa-star-o, .rating .fa-star-o, #review .fa-star-o { color: #cccccc; font-size: 13px; } .rating .fa-star, #review .fa-star { color: #f9a90c; font-size: 13px; } .fa-star-o::before { content: "\f005"; } .rating-wrapper .fa-star + .fa-star-o, .rating .fa-star + .fa-star-o, #review .fa-star + .fa-star-o{ color: #f9a90c; } h2.price { margin: 0; } .product-thumb .price { color: #313131; font-family:"Archivo Narrow",sans-serif; font-size:20px; font-weight:600; float:left; margin-bottom:5px; } .product-layout.product-grid .product-thumb .rating{} .product-thumb .price-new {} .product-thumb .price-old { color: #acacac; text-decoration: line-through; margin-right:3px; font-size:18px; font-weight:600; } .product-thumb .price-tax { color: #999; display: inline-block; font-size: 12px; width: 100%; } .product-thumb .button-group { overflow: hidden; } .product-list .product-thumb .button-group{overflow:visible;} .product-block .button-group { opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; margin: 5px 10px 0; clear: both; width: 100%; float: left; transform: translateX(-230px); -webkit-transform: translateX(-230px); -ms-transform: translateX(-230px); -o-transform: translateX(-230px); -moz-transform: translateX(-230px); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .box-product .product-block:hover .button-group, .product-grid .product-thumb:hover .button-group, .product-list .product-thumb:hover .button-group { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -moz-transform: translateX(0); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .box-product .product-block:hover .button-group, .product-grid .product-thumb:hover .button-group, .product-list .product-thumb:hover .button-group{opacity:1;-khtml-opacity: 1;-webkit-opacity: 1;-moz-opacity:1;transition:all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;} .product-grid .btn-wish-compare, .product-grid .list-right, .product-list .btn-list-grid{display:none;} #content .product-grid .product-details .caption .button-group { display: none; } @media (max-width: 768px) { .product-list .product-thumb .button-group { border-left: none; } } .product-thumb .button-group .addtocart { background: #f2f0f1; border: 0 none; float: left; height: 35px; width: 35px; transition-duration: 0ms; -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; -ms-transition-duration: 0ms; -o-transition-duration: 0ms; /* font-size: 0; */ margin: 0 6px 0 0; color: #000; } .product-thumb .button-group button:hover { color: #fff; background: #be1622; text-decoration: none; cursor: pointer; } .quickview-button a { float: left; height: 35px; width: 35px; color: #000; } .quickview-button { background: #f2f0f1; border: 0 none; float: left; height: 35px; width: 35px; margin: 0 5px 0 0; text-align: center; line-height: 35px; color: #000; } .quickview-button:hover { background: #be1622; color: #fff; } .product-thumb .quickview-button:hover a { color: #fff !important; } .product-thumb .button-group .wishlist { background: #f2f0f1; border: 0 none; float: left; margin-top: 0; height: 35px; width: 35px; transition-duration: 0ms; -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; -ms-transition-duration: 0ms; -o-transition-duration: 0ms; font-size: 0; margin: 0 6px 0 0; line-height: 3px !important; color: #000; } .product-thumb .button-group .compare { background: #f2f0f1; border: 0 none; float: left; margin-top: 0; height: 35px; width: 35px; transition-duration: 0ms; -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; -ms-transition-duration: 0ms; -o-transition-duration: 0ms; font-size: 0; line-height: 3px !important; color: #000; } #cart .dropdown-menu .img-thumbnail{width:auto; max-width:none;} #cart .text-right .addtocart{margin:0 -10px 0 0;} .product-thumb .button-group button + button { width: 20%; border-left: 1px solid #efefef; } .product-list .caption { margin: 38px 0; padding: 0 10px; float:left; } .product-list .caption .desc { margin-bottom: 5px; } .product-list .price { margin: 0 0 6px; text-align: center; } .product-list .product-thumb .rating { margin-bottom: 10px; padding: 0; } .product-list .btn-wish-compare { margin-top: 5px; } #content .product-list .button-group { opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;-moz-opacity:1; } .product-list .product-thumb .sale { left: 0; opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;-moz-opacity:1; right: auto; } .product-list .list-right { border-left: 1px solid #efefef; float: left; margin: 38px 0; padding: 0 10px 0 30px; width:27%; } .product-list .price { margin: 0 0 6px; text-align: left; } .product-list .product-thumb .price-tax { color: #999999; } .list-buttoncart { padding-left: 0; } .swiper-container-fade .swiper-slide { width: 100% !important; } #content .product-list .button-group { display: none; } #content .product-list .product-details .caption .button-group { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; transform: none; display: block; margin: 5px 0; } .product-list .product-thumb .sale { left: 0; opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; right: auto; top: 0; } body[class^="product-quick_view"] .copyright-container { display: none; } .blog-left .blog-image img { border: none; padding: 0; position: relative; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .blog-item .blog-left .blog-image .post_hover ,.blog-left-content .blog-image .post_hover { bottom: 0; display: inline-block; height: 44px; left: 0; margin: auto; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; position: absolute; right: 0; text-align: center; top: 0px; width: 100px; } .blog-item:hover .product-block .blog-left .post_hover , .blog-left-content:hover .blog-image .post_hover{ opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -kkhtml-opacity: 1; transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; -ms-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; } .blog-item .blog-left .blog-image .zoom , .blog-left-content .blog-image .zoom { background:rgba(0, 0, 0, 0.3); border: 2px solid #FFFFFF; border-radius: 50%; color: #fff; display: inline-block; margin-right: 10px; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; padding: 8px 12px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; z-index: 10; position: absolute; left: 30px; } .blog-item .blog-left .blog-image .readmore_link , .blog-left-content .blog-image .readmore_link{ background: rgba(0, 0, 0, 0.3); border: 2px solid #FFFFFF; border-radius: 50%; color: #fff; display: inline-block; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; padding: 8px 12px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; z-index: 10; position: absolute; right: 27px; } .blog-item:hover .product-block .blog-left .readmore_link , .blog-left-content:hover .blog-image .readmore_link { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -kkhtml-opacity: 1; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; right: 0; } .blog-item:hover .product-block .blog-left .zoom , .blog-left-content:hover .blog-image .zoom{ opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -kkhtml-opacity: 1; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; left: 0; } .blog-item .blog-left .blog-image .zoom:hover, .blog-item .blog-left .blog-image .readmore_link:hover , .blog-left-content .blog-image .zoom:hover , .blog-left-content .blog-image .readmore_link:hover{ background:rgba(0, 0, 0, 0.8); } .blog-left .blog-image { position: relative; overflow: hidden; } #content .box.Blog .blog-item .product-block {border: none;padding: 0 15px;} #content #blog-carousel .owl-pagination {text-align: center;display: none;} .owl-carousel .owl-buttons div i { font-size: 20px !important; line-height: 30px; width: 30px; height: 30px; position: absolute; margin: 0 !important; background: #ebebeb !important; } #content .box.Blog .box-content { margin: 0 -15px; } .owl-carousel .owl-buttons div.owl-prev:hover i{background: #be1622 !important;color: #fff; } .owl-carousel .owl-buttons div.owl-next:hover i{background: #be1622 !important;color: #fff;} .owl-carousel .owl-buttons div i { font-size: 20px !important; line-height: 30px; } .owl-carousel .owl-buttons div i { display: block !important; } .Blog .owl-buttons{display: block;} .Blog .box-content .owl-carousel .owl-buttons div { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } #content .Blog .box-product{overflow: visible;} .blog-right h4 { font-size: 17px; margin: 20px 0 0; clear: both; font-family: "Archivo Narrow",sans-serif; text-transform: uppercase; color: #1b1b1b; } .blog-right h4 a{color: #1b1b1b;} .single-blog .blog-desc { float: left; width: 100%; margin: 20px 0; line-height: 24px; } .blog-desc { width: 100%; float: left; margin: 10px 0 0; line-height: 24px; } .owl-carousel .owl-buttons .owl-prev ,.owl-carousel .owl-buttons .owl-next {top: -13.5% !important;} .owl-carousel .owl-buttons .owl-prev ,.owl-carousel:hover .owl-buttons .owl-prev {right: 85px !important;left: auto !important;} .owl-carousel .owl-buttons .owl-next,.owl-carousel:hover .owl-buttons .owl-next{right: 45px !important;} .Blog .owl-carousel .owl-buttons div { font-size: 20px; color: #a8a8a8; text-align: center; line-height: 30px; } #content .special-price, #content .old-price { color: #313131; font-family: "Archivo Narrow",sans-serif; font-size: 18px; font-weight: 600; } #content .old-price{color: #acacac;} .date-time , .blog-left-content .blog-image .date-time { color: #fff; font-size: 16px; text-transform: uppercase; position: absolute; right: 5%; top: 0; text-align: center; background: #be1622; width: 55px; height: 70px; padding: 4px 0 0; } .blog-left-content .blog-image .date-time {right: 5%;top: 0;} .panel-default .blog-right-content h5 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 0 0 10px; } .all-blog .blog-right-content h5 a { text-transform: capitalize; text-align: left; font-size: 16px; font-weight: 500; color: #000; letter-spacing: 0.4px; line-height: normal; margin: 0; } .all-blog .read-more { float: left; padding: 11px 0px; } .read-more a { background-color: #be1622; color: #fff; text-transform: uppercase; white-space: normal; padding: 10px 17px; font-weight: 400; letter-spacing: 0.6px; line-height: 20px; font-size: 14px; } .all-blog .blog-desc { margin-top: 0; float: left; width: 100%; font-size: 14px; font-weight: 400; line-height: 24px; margin-bottom: 10px; } .read-more a:hover, .read-more a:focus { background: #be1622; color: #fff; } .newsletter .box-heading { font-size: 24px; font-weight: 600; color: #fff; background: url("../image/megnor/msg.png") no-repeat scroll 0 5px transparent; line-height: 25px; padding: 0 0 22px 60px; text-transform: uppercase; font-family: "Archivo Narrow",sans-serif; } .newsletter::before { position: absolute; content: ""; width: 2px; height: 35px; background: #fff; left: -30px; top: 26px; } .newsletter { width: 75%;float: left;padding: 20px 20px;position: relative; } .newsletter .subtitle { color: #ffffff; font-size: 14px; padding: 0 0 0 60px; margin-top: -17px; } .newsletter1 {width: 100%;float: left;} .newsletter .box-left {float: left;} .newsletter .box-right{width: 50%;float: right;padding: 2px 0 0;} .newsletter .input-news { float: right; width: 74.9%; border-radius: 0; } .newsletter .input-lg{border-radius: 0;} .subscribe-btn .btn-default { float: right; background: #fdd922; color: #000; border-radius: 0; font-size: 14px; padding: 13px; } .subscribe-btn .btn-default:hover { background: #be1622; color: #fff; } .newsletter .text-danger { color: #e48280; position: absolute; } #content h3 { letter-spacing: 0; line-height: 24px; margin-bottom: 0px; color: #696969; font-family: "Archivo Narrow"; font-size: 20px; text-transform: capitalize; padding: 0 0 10px; } #content h3.product-title { /*padding: 0 0;*/ } .quickview-model #content ul.list-unstyled { border: none; padding: 0; margin-bottom: 0; } #content ul.list-unstyled li { line-height: 22px; padding: 4px 0; } .productpage-quickview ul li a { color: #575757; } .product-right h4 { color: #313131; font-family: "Archivo Narrow",sans-serif; font-size: 18px; font-weight: 600; } .productpage-quickview #product2 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; font-size: 14px; font-weight: 600; margin: 0 0 10px; padding: 0; text-transform: none; color: #333333; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #efefef; } #content.productpage h3 { margin-top: 0; color: #313131; font-family: "Archivo Narrow",sans-serif; font-size: 18px; font-weight: 600; } #product .form-group #input-quantity, .quickview-model #input-quantity { width: 60px; height: 38px; display: inline; padding: 8px; margin: 0 3px; text-align: center; margin-right: 10px; margin-top: 20px; } .quickview-model .btn-group.wish-comp .btn.btn-default.wishlist, .quickview-model .btn-group.wish-comp .btn.btn-default.compare { margin: 7px 0 7px 7px; } .quickview-model .product-right .btn-group .wishlist .fa, .quickview-model .product-right .btn-group .compare .fa { margin-right: 0; } .left.product-image.thumbnails { overflow: visible; } .productpage-quickview .product-info .image { width: 100%; } .productpage-quickview .image .thumbnail { padding: 0; border: none; border-radius: 0; } body[class^="product-quick_view"] .footer-container { display: none; } .quickview-model .col-sm-6.product-right { padding: 20px 20px 0 0; } .quickview-model #button-upload222 { margin: 10px 0 0; } .product-block .product-block-inner .image .hover-image, #column-right .bx-viewport .image .hover-image, #column-left .bx-viewport .image .hover-image { position: absolute; right: 0; text-align: left; top: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); -ms-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); visibility: hidden; text-align: center; left: 0; } .product-block .product-block-inner .image:hover .hover-image, #column-right .bx-viewport .image:hover .hover-image, #column-left .bx-viewport .image:hover .hover-image { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; overflow: hidden; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); visibility: visible; } .status_stock { position: absolute; top: 40%; width: 100%; left: 0; background: #fff; padding: 10px 0; font-size: 16px; box-shadow: 0px 0px 0px #bbb; text-transform: uppercase; font-weight: 500; color: #010101; text-align: center; z-index: 10; } .status_stock .wishlist_button { background: none; border: none; position: absolute; left: auto; right: 0; top: 10px; } .content-top-breadcum { padding: 8px 0; /*display: inline-block;*/ width: 100%; height: 74px; } .content-top-breadcum .row { padding: 0 15px; } .content-top-breadcum .breadcrumb { float: right; padding: 0; } .content-top-breadcum .page-title , #title-content h1 { float: left; font-size: 24px; margin: 0; font-weight: bold; display: inline-block; text-transform: uppercase; font-family: 'Istok Web', Arial, Helvetica, sans-serif; color: #000; } #title-content { width: 100%; float: left; padding: 23px 0; } .breadcrumb i:hover{color: #be1622;} .breadcrumb a { color: #000; } .breadcrumb a:hover {color: #be1622;} #column-left .status_stock , #column-right .status_stock { font-size: 9px; letter-spacing: 0; line-height: 14px; padding: 3px 0; top: 30%; } #column-left .status_stock .wishlist_button , #column-right .status_stock .wishlist_button{display: none;} .contact-form-design .left { float: left; width: 28%; margin-right: 30px; background: #be1622; padding: 34px 20px; color: #fff; position: relative; z-index: 9; } .contact-form { padding: 20px 30px 35px 0; } .breadcrumb.product-page { float: left; } .contact-form-design { width: 100%; float: left; background: #f5f5f5; margin: 0 0 50px; } .information-contact .panel.panel-default { border-radius: 0; box-shadow: none; border: none; margin: 0 0 30px; } .contact-form-design .address-detail { padding: 0 0 15px; border-bottom: none; } .contact-form-design .address-detail, .contact-form-design .address-detail1, .contact-form-design .telephone, .contact-form-design .fax, .contact-form-design .time { float: left; width: 100%; padding: 4px 0 10px; border-bottom: 1px solid #fff; } .contact-form-design .left .image { width: 45px; height: 45px; float: left; background: url("../image/megnor/cms-sprite.png") no-repeat scroll -3px -240px transparent; margin: 15px 10px 0 0px; border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .contact-form-design .address-detail1 strong { padding: 5px 0 0 0; height: 28px; margin: 10px 0; float: left; font-weight: 600; } .contact-form-design .address-detail1 address { margin: -15px 0 20px 55px; } .contact-form-design .left .btn.btn-info { float: left; clear: both; display: block; padding: 25px 0 0; width: 100%; text-align: left; background: transparent; border: none; border-top: 1px solid #fff; font-weight: 600; font-size: 14px; text-transform: capitalize; } .contact-form-design .left .fa.fa-map-marker { font-size: 32px; width: 45px; height: 45px; float: left; margin: -10px 10px 0px -1px; border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; line-height: 43px; text-align: center; } .contact-form-design .left .telephone .image { width: 45px; height: 45px; float: left; background: url("../image/megnor/cms-sprite.png") no-repeat scroll -4px -368px transparent; margin: 10px 10px 0 0px; border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .contact-form-design .telephone strong { padding: 0; margin: 10px 0 0; height: 28px; float: left; font-weight: 600; } .contact-form-design address { display: inline-block; margin: -15px 0 6px 55px; float: left; clear: both; width: auto; } .contact-form-design .left .fax .image { width: 45px; height: 45px; float: left; background: url("../image/megnor/cms-sprite.png") no-repeat scroll -4px -302px transparent; margin: 10px 10px 0 0px; border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .contact-form-design .fax strong { padding: 0; margin: 10px 0 0; height: 28px; float: left; font-weight: 600; } .contact-form-design .left .time .image { width: 45px; height: 45px; float: left; background: url("../image/megnor/cms-sprite.png") no-repeat scroll -3px -433px transparent; margin: 10px 10px 0 0px; border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .contact-form-design .time strong { padding: 0; margin: 10px 0 0; height: 28px; float: left; font-weight: 600; } .contact-form-design .left .comment .image { width: 45px; height: 45px; float: left; background: url("../image/megnor/cms-sprite.png") no-repeat scroll -3px -498px transparent; margin: 10px 10px 0 0px; border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .contact-form-design .comment strong { padding: 0; margin: 10px 0 0; height: 28px; float: left; font-weight: 600; } .contact-form .buttons { margin: 0 0 0; display: inline-block; width: 100%; position: absolute; right: 0; background: #f5f5f5; padding: 0 30px; } .btn.btn-primary.captcha-btn { position: absolute; right: 30px; bottom: -20px; } .contact-form fieldset > fieldset legend { display: none; } .common-home .content-top-breadcum{display: none;} #cart .table-striped > tbody > tr:nth-of-type(2n+1){background-color: transparent;} .serch-txt { font-weight: 600; font-size: 20px; line-height: 40px; margin: 0 0 30px; } .newsletter .form-group { margin: 0; } .input-group-btn .btn.btn-default { padding: 7px 12px; } .all-blog .blog-left-content { float: left; text-align: center; position: relative; margin-bottom: 20px; margin-right: auto; width: auto; overflow: hidden; } .all-blog .panel .blog-left-content .blog-image img { -webkit-filter: grayscale(50%); -o-filter: grayscale(50%); filter: grayscale(50%); } .blog-left-content:hover .post-image-hover { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; transition: all 0.5s ease-out 0s; bottom: 0; } .post-image-hover { height: 100%; position: absolute; bottom: 0; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; width: 100%; top: auto; } .product-thumb .image.outstock { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.7; } .product-right .desc { min-width: 180px; width: 180px; float: left; } .blog-right { width: 100%; float: left; position: relative; z-index: 9; } .quickview-model .product-rightinfo { border-top: 1px solid #efefef; } .quickview-model #content ul.list-unstyled li.price-tax{padding: 0 0 15px;} .checkout-cart .alert-danger{position: relative;} #content .product-carousel .product-block .img-border, #content .box-product .product-block .img-border , .product-layout.product-grid .product-block .img-border{ border-right: 1px solid #efefef; width: 100%; float: left; padding: 10px; } #content .box-product .product-items.last_item_tm .product-block .img-border { border-right: none; } #content .box-product .product-items:last-child .product-block .img-border { border: none; } #content .box-product .slider-item.last_item_tm .product-block .img-border , .product-layout.product-grid .product-block:last-child .img-border{border-right: none;} body[class^="product-quick_view"] .copyright-container.container { display: none; } #cart .dropdown-menu li:first-child { max-height: 300px; overflow-y: auto; overflow-x: hidden; } @media (max-width: 1250px) { .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } } @media (max-width: 767px) { .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } } .thumbnails { overflow: hidden; clear: both; list-style: none; padding: 0; margin: 0; } .thumbnails > li { } .thumbnails { } .thumbnails > img { width: 100%; } .image-additional a { margin-bottom:0px; padding: 0px; display: block; border: 1px solid #efefef; } .image-additional { } .thumbnails .image-additional { float: left; } @media (min-width: 1200px) { #content .col-lg-2:nth-child(6n+1), #content .col-lg-2:nth-child(6n+1), #content .col-lg-3:nth-child(4n+1), #content .col-lg-4:nth-child(3n+1), #content .col-lg-6:nth-child(2n+1) { clear:left; } } @media (min-width: 992px) and (max-width: 1199px) { #content .col-md-2:nth-child(6n+1), #content .col-md-2:nth-child(6n+1), #content .col-md-3:nth-child(4n+1), #content .col-md-4:nth-child(3n+1), #content .col-md-6:nth-child(2n+1) { clear:left; } } @media (min-width: 768px) and (max-width: 991px) { #content .col-sm-2:nth-child(6n+1), #content .col-sm-2:nth-child(6n+1), #content .col-sm-3:nth-child(4n+1), #content .col-sm-4:nth-child(3n+1), #content .col-sm-6:nth-child(2n+1) { clear:left; } } #input-captcha, #input-payment-captcha { margin-bottom: 10px; } /* Megnor www.templatemela.com - Start */ /* box */ .box { margin-bottom:12px; clear: both; } .box .box-heading { font-size: 16px; font-weight: 600; margin: 0; padding: 10px 15px; font-family: "Archivo Narrow",sans-serif; background: #efefef; text-transform: uppercase; cursor: pointer; border-left: 5px solid #be1622; color: #be1622; } .box .box-content { background: none repeat scroll 0 0 #ffffff; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; border-right: 1px solid #efefef; padding: 10px 0 10px 10px; } .sidebar-category .box-content {min-height:458px;background-color:#efefef;border:0 none;} #content .box .box-heading,.box-heading.side-box-heading { background: #fff; border-bottom: 1px solid #efefef; border-left: medium none; color: #313131; font-family: "Archivo Narrow",sans-serif; font-size: 20px; padding: 10px 0 15px; text-transform: uppercase; } #content .box .box-content { background: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; border:none; padding:10px 0; } .box .box-content ul , #content .content ul { padding:0px; margin:0px; list-style:none; } .box .box-content ul li , #content .content ul li { line-height: 20px; padding: 0; } .box .box-content ul li a + a , .box .box-content ul li a + a:hover{ background:none; padding-left:0; } .box .box-content ul li a:hover , #content .content ul li a:hover{ } /* Product Grid Start */ /*.product-grid-list { }*/ #content .box-product/*, .product-grid-list ul*/{ list-style-type: none; position:relative; width: 100%; padding:0px; margin:0px; list-style: none; overflow: hidden; } /*.product-grid-list ul li,*/ #content .box-product .product-items { margin-bottom: 14px; padding: 0; margin:0; position:relative; overflow: hidden; } .product-grid li, #content .box-product .product-items, #content .product-carousel .slider-item { width:240px; float:left; display: inline-block; } .ie7 .product-grid li{ width:192px !important; } #content .image-additional .slider-item{ display: inline-block; float: left; } .product-block-inner {position: relative;} .grid_default_width { width:250px;} .featured_default_width{ width:240px;} .module_default_width{ width:210px;} .latest_default_width{ width:240px;} .special_default_width{ width:240px;} .related_default_width{ width:220px;} .bestseller_default_width{ width:240px;} .additional_default_width{ width:120px;} .testimonial_default_width{width:350px;} .banners-slider-carousel .product-block-inner{text-align:center;} #content .product-carousel .product-block, #content .box-product .product-block/*, .product-layout.product-grid .product-block*/{ background: none repeat scroll 0 0 #ffffff; margin:15px 0; clear: both; padding:0 ; overflow: hidden; } .product-layout.product-grid .product-block{} .product-layout.product-grid.last-item {border-right:0 none;} .product-layout.product-grid .product-block-inner{ border-right: 1px solid #efefef; width: 100%; float: left; padding: 10px; } .product-layout.product-grid {margin:10px 0;padding: 0;} .product-listgrid .product-grid:last-child {border-right:0 none;} .product-layout.product-grid.last-item .product-block-inner { border-right: none; } .product-layout.product-list .product-block{ border-top: 1px solid #efefef; margin-bottom: 30px; border-bottom: 1px solid #efefef; } #content .banners-slider-carousel .product-carousel .product-block{border-right:0 none; margin:0;padding:0;} #content .box-product .last_item_tm .product-block{border-right:0 none;} #content .product-carousel .product-block:hover, #content .box-product .product-block:hover { overflow:hidden; clear:both; } #content .product-carousel .product-block:hover h4 a, #content .box-product .product-block:hover h4 a,#content .product-layout .product-block:hover h4 a{ color:#be1622;} .ie7 #content .product-carousel .product-block, /*.ie7 #content .product-grid-list .product-block,*/ .ie7 #content .box-product .product-block {border:1px solid #efefef;} .ie7 #content .product-carousel .product-block:hover, /*.ie7 #content .product-grid-list .product-block:hover,*/ .ie7 #content .box-product .product-block:hover {border:1px solid #efefef;} .product-grid .product-thumb .desc,.product-grid .product-thumb .price-tax,.product-carousel .product-thumb .price-tax,.box-product .product-thumb .price-tax{display:none;} .product-list .product-details{overflow:hidden;} #content .product-carousel .product-block-inner, #content .box-product .product-block-inner{ /*padding:10px;*/ overflow:hidden; position:relative; margin:0;} body[class^="product-quick_view"] .nav-header .container {display: none;} .old-price { color: #acacac; font-size: 18px; font-weight: 600; } .quickview-model #content h3.product-title { color: #000; } .banners-slider-carousel { margin-bottom:0px; position: relative; width: 100%; margin: 0 0 40px; } .sale { background: url("../image/megnor/sale.png") no-repeat scroll 0 0 transparent; font-size: 0; height: 64px; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; position: absolute; right: -30px; top: 0px; width: 24px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } #content .product-grid .product-thumb:hover .sale { right: 0; } #content .box-product .product-block:hover .sale, #content .product-grid .product-thumb:hover .sale,#content .product-list .product-thumb:hover .sale{opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;-moz-opacity:1;} /* box products for Left Column and Right Column */ #column-left .box-product, #column-right .box-product { width: 100%; overflow: hidden; } #column-left .box-product > div, #column-right .box-product > div { display:block; vertical-align: top; margin-right:0px; margin-bottom:15px; width:100%; } #column-left .box .box-content div.product-items:last-child > div, #column-right .box .box-content div.product-items:last-child > div, #column-left .box .box-content div.slider-item:last-child > div, #column-right .box .box-content div.slider-item:last-child > div { border: 0 none; } #column-left .product-thumb h4 a:hover{color:#be1622;} #column-left .box-product .image, #column-right .box-product .image { display: block; margin-bottom: 0px; float:left; margin-right:10px; border:1px solid #efefef;padding:0; } #column-left .product-items .product-details, #column-right .product-items .product-details{ float:left; width:65%; /* specify width as per your requirement */ } #column-left .product-thumb .caption, #column-right .product-thumb .caption { padding: 0; overflow: hidden; } #column-left .box-product .price, #column-right .box-product .price { color: #313131; font-size: 16px; font-weight: 600; } #column-left .product-thumb .price-new,#column-right .product-thumb .price-new { color: #313131; font-weight: 600; margin-right:0px; } #column-left .product-thumb .price-old,#column-right .product-thumb .price-old{font-size:16px;} #column-left .box-product .product-thumb h4, #column-right .box-product .product-thumb h4 {font-weight:normal; font-size:14px; margin: 0px;} #column-left .box-product .name, #column-right .box-product .name { display: block; } #column-left .box-product .cart, #column-right .box-product .cart { display: block; } #column-left .box-product .cart .button, #column-right .box-product .cart .button{ padding:0; background:none; box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow:none; height:auto; font-weight:normal; border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; color:#555; display:block; text-align:left; } #column-left .box-product .cart .button:hover, #column-right .box-product .cart .button:hover {text-decoration:underline;} #column-left .box-product .image img, #column-right .box-product .image img { width:48px;} #column-left .box-product .rating, #column-right .box-product .rating, #column-left .box-product .name, #column-right .box-product .name, #column-left .box-product .price, #column-right .box-product .price, #column-left .box-product .cart, #column-right .box-product .cart {margin-bottom:4px; } #column-left .box .box-content, #column-right .box .box-content, #column-left .box .filterbox, #column-right .box .filterbox {margin-bottom:20px;} #column-left .box-product .rating, #column-right .box-product .rating { display: block; margin-bottom:4px; } #column-left .product-thumb, #column-right .product-thumb { margin-bottom: 5px; } #column-left .sale, #column-left .price-tax, #column-left .wishlist , #column-left .compare, #column-right .sale, #column-right .price-tax, #column-right .wishlist , #column-right .compare {display:none !important;} #column-left .product-thumb .button-group button, #column-right .product-thumb .button-group button { background: none repeat scroll 0 0 transparent; padding: 0; width: auto; line-height: 28px; } #column-left .product-thumb .button-group button, #column-right .product-thumb .button-group button { background: none repeat scroll 0 0 transparent; font-size: 14px; line-height: 20px; padding: 0; width: auto; height:auto; text-transform:uppercase; text-align:left; margin-right:0; } #column-left .product-thumb .button-group button:hover, #column-right .product-thumb .button-group button:hover{color:#be1622;} #column-left .product-block .button-group,#column-right .product-block .button-group{display: none;} .top_button { background: url("../image/megnor/top_arrow_red.png") no-repeat scroll 0 0 transparent; height: 34px; width:34px; right: 14px; bottom: 11px; display: none; position: fixed; z-index: 95; font-size:0; } .manufacturer-list { border: 1px solid #dbdee1; margin-bottom: 20px; padding: 5px; } .manufacturer-heading { background: none repeat scroll 0 0 #f8f8f8; font-size: 15px; font-weight: bold; margin-bottom: 6px; padding: 5px 8px; } .manufacturer-content { padding: 8px; } .manufacturer-list ul { float: left; list-style: outside none none; margin: 0 0 10px; padding: 0; width: 25%; } .category_filter .sort .form-control {cursor:pointer;} .productpage .box {margin-top:20px;} .tab-content { padding: 10px; overflow:hidden; } .col-sm-4.total_amount { margin-top: 70px;} .product-tag{margin:5px 0;} #content .aboutus { clear: both; } .aboutus .content{margin-bottom:15px;overflow:hidden;} .image1 { background: url("../image/megnor/cms-sprite.png") no-repeat scroll 7px -165px; float: left; height: 50px; width: 60px; } .image2 { background: url("../image/megnor/cms-sprite.png") no-repeat scroll 7px -116px; float: left; height: 50px; width: 60px; } .image3 { background: url("../image/megnor/cms-sprite.png") no-repeat scroll 7px -52px; float: left; height: 50px; width: 60px; } .image4 { background: url("../image/megnor/cms-sprite.png") no-repeat scroll 7px 6px; float: left; height: 50px; width: 60px; } .aboutus h2{clear:both;font-size:20px;} .about-content{overflow:hidden;} .information-information .right{float:right;} .category_filter .btn-list-grid .btn-group .grid:hover, .category_filter .btn-list-grid .btn-group .grid.active{ background: url("../image/megnor/sprite.png") no-repeat scroll 0px -138px transparent; } .category_filter .btn-list-grid .btn-group .list{ background: url("../image/megnor/sprite.png") no-repeat scroll -35px -173px transparent; border: medium none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow:none; display: block; float: left; height: 27px; text-decoration: none; text-indent: -9999px; width: 31px; } .category_filter .btn-list-grid .btn-group .list:hover, .category_filter .btn-list-grid .btn-group .list.active{ background: url("../image/megnor/sprite.png") no-repeat scroll -35px -138px transparent; } .category_filter .btn-list-grid .btn-group .grid{ background: url("../image/megnor/sprite.png") no-repeat scroll 0px -173px transparent; border: medium none; box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow:none; display: block; float: left; height: 27px; text-decoration: none; text-indent: -9999px; width: 31px; } .category_filter .btn-list-grid {float: left; margin: 2px 0 0; padding: 0; width: auto;} .compare-total {float: left; margin:5px 0 0 15px;} .pagination-right { float: right;margin:0; width: auto;} .category_filter .sort-by {float: left;margin:5px 10px 0 0; width: auto;padding:0;} .category_filter .sort-by label,.category_filter .show label{font-weight:normal;font-size:14px;} .category_filter .show { float: left; margin: 5px 5px 0 0px; padding: 0;} .sort-by-wrapper { margin-right: 10px; } .category_filter .sort { float: left; height: 24px; margin: 1px 0 0; padding: 0; width: 180px;} .category_filter .limit { float: right; height: 24px; margin: 1px 0 0; padding: 0; width: 80px;} .sort-by-wrapper,.show-wrapper{ float: left; } .category_filter .form-control { padding: 3px 7px !important; } .category_thumb .category_img, .category_thumb .category_description { float: left; width: 100%; } .refine-search ul{padding:0;} .refine-search ul li{list-style:none;} #content .category_list ul li a { border: 1px solid #efefef; display: block; padding: 5px 8px; } #content .category_list ul li a:hover { border-color: #be1622; color: #be1622; } .category_list li a:hover { } #content .category_list li { float: left; margin: 0 7px 7px 0; overflow: auto; padding: 0; position: relative; } .category_filter { border-radius: 0; -webkit-border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; color: #666666; display: inline-block; margin-bottom: 10px; width: 100%; } .pagination-wrapper{clear: both; float: left; margin: 8px 0 0; width: 100%;} .pagination-wrapper .page-link { float: right; padding: 0; width: auto; } .pagination-wrapper .page-result { float: left; padding: 0; width: auto; margin: 2px 0 0; } /* Product Page*/ .productpage .product-left{ width: 43%;} .productpage .product-right{ padding: 0 15px 0 10px; width: 57%; } .product-info .image { display: block; margin-bottom: 15px; text-align: center; } #tabs_info.product-tab.col-sm-12 { padding-top: 50px; } .productpage h3 {margin-top:0;} .product-info .zoomContainer{ z-index:9; } /* It need for ie7 */ .product-info .additional-carousel{ position:relative;} .product-info .image-additional { clear: both; float: none; margin: 0 auto; overflow: hidden; padding-left: 10px; padding-right: 10px; width: 376px; } .product-info .image-additional img { display: block; height: auto; margin-left: auto; margin-right: auto; width: 100%; position: relative;} .product-info .image-additional a { display: block; } .product-right .btn-group .wishlist .fa,.product-right .btn-group .compare .fa{margin-right:5px;} #content .image-additional .slider-item .product-block{ background: none repeat scroll 0 0 #ffffff; clear: both; margin: 4px 3px; overflow: hidden; padding:0; border-right:0 none; } #content .image-additional .slider-item .product-block:hover { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } .product-info .product-image .additional-carousel:hover .customNavigation span.prev, .product-info .product-image .additional-carousel:hover .customNavigation span.next { display: block; } #product #button-upload222.btn-default, #content.return .input-group.date .btn-default {padding: 10px 12px;} #content ul.list-unstyled { line-height: 22px; margin-bottom: 0; padding: 5px 0; } #content ul.list-unstyled li { color: #444444; line-height: 22px; padding: 2px 6px 2px 0; } #content ul.list-unstyled.price li { display: inline-block; } #content ul.list-unstyled li span.price-old { color: #acacac; text-decoration: line-through; margin-right: 3px; font-size: 18px; font-weight: 600; font-family: "Archivo Narrow",sans-serif; } #content ul.list-unstyled li span.special-price{ color: #313131; font-family: "Ubuntu",sans-serif; font-weight: 500; margin-bottom: 0; } #content .list-unstyled.price li.price-tax { color: #acacac; display: inline-block; font-size: 12px; } #content ul.list-unstyled.price li.points, #content ul.list-unstyled.price li.discount { color: #4d4d4d; display: block; font-size: 12px; font-weight: normal; padding: 0; } #product h3.product-option { padding-top: 10px; } #content ul.list-unstyled.price { border-bottom: 1px solid #efefef; } #product .form-group.cart .form-control { display: inline-block; text-align: center; width: auto; } #product #input-quantity{padding:6px 10px;} #product .btn-group .wishlist, #product .btn-group .compare { background: none repeat scroll 0 0 transparent; border: medium none; display: block !important; padding: 0; text-transform: none; color: #000; margin: 15px 15px 0 0; } #product .btn-group .wishlist:hover, #product .btn-group .compare:hover { color: #be1622 !important; } #product .cart span { color: #999999; } #product .alert { margin-bottom: 10px; } .productpage .rating-star { border-bottom: 1px solid #e7e7e7; padding: 0 0 10px; } .productpage .rating-wrapper .addthis_toolbox.addthis_default_style { padding: 15px 0 10px; } #content.productpage .list-unstyled.price li h2 { margin-bottom: 0; } .button.aboutus{float:right;} /* Contact us PAge*/ .contact-info .left { float: left; width: 50%; } .contact-info .right { float: right; width: 100%; text-align:right; } .row.contact-info { padding: 0 15px; } .information-contact .panel-body{padding:0px;} .contact-info{color:#666;} .contact-info .address-detail strong { background: url("../image/megnor/cms-sprite.png") no-repeat scroll -6px -235px transparent; padding: 5px 0 0 35px; height:28px; margin:10px 0; float:left; clear:both; } .contact-info .address-detail,.contact-info .telephone,.contact-info .fax{float:left;width:100%;} .contact-info .telephone strong{ background: url("../image/megnor/cms-sprite.png") no-repeat scroll -5px -314px transparent; padding: 5px 0 0 35px; margin:10px 0; height:28px; float:left; clear:both; } .contact-info .fax strong{ background: url("../image/megnor/cms-sprite.png") no-repeat scroll -5px -272px transparent; padding: 5px 0 0 35px; height:28px; margin:10px 0; float:left; clear:both; } .contact-info address { display: inline-block; margin: 0 0 0 36px; float:left; clear:both; } #spinner { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 98; background: url("../image/megnor/ajax-loader.gif") 50% 50% no-repeat #fff; } .main-slider { position: relative; } .main-slider .swiper-pager { display: none; } .main-slider .swiper-pagination { bottom: 10px; } .main-slider .swiper-viewport { border: medium none; box-shadow: none; margin-bottom: 0 !important; } .main-slider .swiper-slide.text-center { margin-right: 0 !important; } .information-sitemap .sitge-map ul{padding:0 0 0 20px;} .forget-password {margin: 5px 0 0;} .product-compare .btn-primary{margin:5px 0 5px;} .productpage .write-review,.productpage .review-count{margin: 0 10px;} .productpage .rating-wrapper, .quickview-model .rating { padding: 0 0 10px 0; border-bottom: 1px solid #efefef; margin: 0 0 10px; } .checkout-cart .hasCustomSelect{width: 95% !important;} .page-title{} .page-title,.product-title,.product-option ,.aboutus h1 ,.affiliate-success h1{ font-family: "Archivo Narrow",sans-serif; font-size: 18px; font-weight: normal; margin-bottom: 15px; margin-top: 0; text-shadow: 0 0 1px rgba(0, 0, 0, 0.01); text-transform: uppercase; } .affiliate-account h2{font-size:16px;} .affiliate-account .btn-primary .list-group-item,.affiliate-account .btn-primary .list-group-item:hover{padding:0; background:none; color:#fff;} #content .affiliate-logout {} .shopping-cart .img-thumbnail{max-width:none;} #accordion label.col-sm-2.control-label{margin:7px 0 0; padding:0 15px 0 0;width:20%;} #accordion #collapse-shipping label.col-sm-2.control-label{padding:0 15px;} .checkout-cart .input-group-btn:last-child > .btn, .checkout-cart .input-group-btn:last-child > .btn-group{margin-left:5px; font-size:14px;} .col-sm-3.search_subcategory {width: auto; margin-top:7px;} #button-search{float:right;} .product-search h2{clear:both;} .checkout-cart .input-group.btn-block .form-control { padding: 6px 5px; text-align: center; width: 40px; } .table.table-bordered .input-group-btn { float: left; } #accordion .panel-title > a { color: inherit; display: inline-block; width: 100%; } #accordion .panel-title{ padding:10px;} #accordion .panel-heading .fa.fa-caret-down {float: right; margin-top:3px;} #accordion .col-sm-10 {width: 75%;} #accordion .form-horizontal .control-label {text-align:left;} #content .well h2 { font-family: "Istok Web",sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; } #collapse-checkout-option .panel-body h2, #collapse-checkout-option .form-group label ,.account-account #content h2 ,.account-download h2,.account-address h2,.affiliate-account h2{ color: #696969; font-family: "Istok Web",sans-serif; font-size: 14px; font-weight: 700; margin: 5px 0; text-transform: capitalize; } .product-search h2 { font-family: "Archivo Narrow",sans-serif; font-size:16px; font-weight: normal; margin-bottom: 15px; margin-top: 0; text-shadow: 0 0 1px rgba(0, 0, 0, 0.01); text-transform: uppercase; } .form-horizontal .control-label { width: 20%;} .form-horizontal .col-sm-10 { width: 80%;} .account-address .table-hover > tbody > tr > td {vertical-align: middle;} #input-country, #input-zone {padding: 13px 0;} .checkout-cart .hasCustomSelect { width: 95% !important;} #accordion .panel-body { padding: 15px 10px;} #collapse-payment-address label{margin:5px 0;} .checkout-checkout #accordion label.col-sm-2.control-label{padding:0 15px;} .row.site-map { margin: 0; padding: 10px 0;} .account-wishlist .btn-primary,.account-wishlist .btn-danger { margin-bottom: 2px; } .slider-item.first_item_tm{margin-right:0;} #tab-review .form-horizontal .control-label { font-weight: bold; width: auto;} .product-compare .table-bordered tbody tr td + td { border-left: 1px solid #efefef; text-align: center; } .product-compare .table-bordered tr td:first-child { font-weight: bold; text-align: right; } .product-compare .table-bordered thead tr td:first-child { background-color: #f7f7f7; text-align: left; } .productpage .prod-desc { margin-top:30px;} .product-search .search-checkbox { margin: 10px 0 0;} .product-search .subcategory { width: auto;} .product-search .sortcat { width: 35%;} .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td span.active { background-color: #be1622 !important; color: #ffffff !important; } .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover ,.bootstrap-datetimepicker-widget td span:hover { background-color:#002c4e !important; color: #ffffff !important; } .account-transaction table td.text-right, .affiliate-transaction table td.text-right { border-right: 1px solid #efefef; } .account-wishlist .text-center img { border: 1px solid #efefef; } @media (max-width: 1250px) { .product-info .image-additional { width: 100%;} #column-left .fa-shopping-cart:before, #column-right .fa-shopping-cart:before {display:none;} #column-left .hidden-xs, #column-left .hidden-sm, #column-left .hidden-md {display:block !important; text-transform: capitalize; font-weight:normal; margin-top: -25px;} .col-sm-4.total_amount { margin-top: 88px;} .content-bottom #banner2, .content-bottom #banner1,.content-bottom #banner0 {width: 31.9%;} .sidebar-category .box-content {min-height: 447px;} .cms-banner-left{width: 27%;} .cms-banner-right{width:73%;} #top .container,.header.container{padding:0 15px;} .copyright-container.container{padding:20px 15px;} .single-banner {width: 31.9%;} .cms-banner img{max-width:100%;} .cms-banner .cms-banner-left .single-banner{width:100%;} .cms-banner-right .cms-banner2.single-banner{width:56%;} .cms-banner-right .cms-banner3.single-banner{width:37.1%;} .box .box-content ul ul{ margin-left: 37px;} .box .box-content ul li ul li:hover > a.activSub, .box .box-content ul li:hover > a.activSub { background-position:178px 1px; margin-right: -12px; } .box .box-content ul ul li ul{ margin-left: 15px;} .post-image{width:100%;height:100%;} #top .container, .header.container{padding:0 15px;} .main-menu.container{padding:0;} .main-menu.container{width:1170px;padding:0;} .newsletter .input-news {width: 74.2%;} .box.Blog .container {width: 100%;float: left;} .banners-slider-carousel {float: left;} .header-search {right: 20px;} } @media (max-width:1199px) { .header-search{left:0;right:25px;margin:0 auto;top:40px;} .text1{font-size:15px;} #top-links .dropdown.myaccount {text-align: right; float: right;} #logo {margin: 33px 0 0 0;} .sidebar-category .box-content {min-height: 439px;} .content-bottom #banner2, .content-bottom #banner1, .content-bottom #banner0 {width: 31.5%;} .main-menu.container,.header.container, #top .container,.container{padding:0 15px;} #footer .container{padding:0} .main-menu.container{width:940px;padding:0;} .single-banner{width:31.5%;} .cms-banner-right .cms-banner2.single-banner{ width: 55%;} .box .box-content ul ul li ul {margin-left: -41px;} #footer .column{width:24%;padding-left:15px;} .box .box-content ul ul { margin-left: 16px;} #column-left .product-items .product-details, #column-right .product-items .product-details{ width:53%;} .product-list .caption{ } .product-list .list-right{ width: 37%;} #product .form-group.cart .btn-group { clear: both;padding: 10px 0 0 !important;} .tm-about-text{width: 76%;} .slider-banner .slide{width:50%;} .title1{font-size:18px;} #column-left .box .box-content, #column-right .box .box-content{padding:10px;} #column-left .sidebar-category .box-content{padding:10px 0 10px 10px;} #column-left .product-items .product-details, #column-right .product-items .product-details{width:64%;} .footer-top-right .title1{font-size:19px;} .tm-about-text { width: 77%;} .header-search{width:341px;} .second-content .service-content{padding:0 20px 0 45px;} #footer .col-sm-3.column.fourth{width:27%;} #footer .column { width: 24%;} .col-sm-3.search_subcategory { padding: 0 18px;} .box .box-content ul li ul li:hover > a.activSub, .box .box-content ul li:hover > a.activSub {background-position: 158px 1px;} .cms-banner-left {width: 26.7%;} .cms-banner-right {width: 73.3%;} .cms-banner-right .cms-banner2.single-banner {width: 55.5%;} .cms-banner-right .cms-banner3.single-banner {width: 36.9%;} .featured_default_width{ width:220px;} .latest_default_width{ width:220px;} .special_default_width{ width:220px;} .related_default_width{ width:220px;} .bestseller_default_width{ width:220px;} .tabbestseller_default_width{ width:220px;} .tablatest_default_width{ width:220px;} .tabspecial_default_width{ width:220px;} .social {width: 23%;} .newsletter {width: 77%;padding: 15px;} .newsletter .box-heading {font-size: 20px;padding: 0 0 22px 50px;} .newsletter .subtitle {padding: 0 0 0 50px;} .newsletter .input-news {width: 60%;float: right;} .newsletter::before {left: -20px;} } @media only screen and (min-width: 768px) and (max-width: 980px){ .layout-2.left-col #column-left,.layout-2.right-col #column-right{width:25%;} .layout-2 #content{width:75%;} } @media (max-width: 979px) { /* css for responsive menu */ .static-menu { padding: 0 10px; display: none; } .main-menu ul > li:hover, .hiden_menu li:hover {background-color: transparent;color: #fdd922;} .content-top #content .swiper-viewport {float: left !important;} .responsive-menu .main-navigation ul { padding: 10px 10px 0; width: 100%; float: left; } #res-menu { display: block; } #menu .responsive-menu .main-navigation { position: absolute; z-index: 999; display: none; margin-top: 0px; width: 100%; list-style: none; border-radius: 0 0 5px 5px; top: 61px; max-height: 320px; overflow-y: auto; } .main-menu ul > li { display: inline-block; width: 100%; } #nav-one li ul > li > a, .responsive-menu .main-navigation li a { float: left; min-width: 200px; font-size: 14px; font-weight: 500; color: #fff; text-transform: capitalize; font-family: "Raleway",verdana,Helvetica,sans-serif; } .main-menu ul > li { display: inline-block; width: 100%; } #column-left .swiper-viewport { display: none; } .responsive-menu .top_level {padding: 0;width: 100%;} .nav.navbar-nav{display:none;} .nav-inner { display: block; background-color: #999; margin-bottom: 15px; } .responsive-menu .nav.navbar-nav {height:300px;overflow-y:scroll; border-top: 1px solid #787878; padding: 12px 10px; background:#1f70ae none repeat scroll 0 0; position: absolute; width: 100%; z-index: 999;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);left:0;right:0;margin:0 auto;} #menu.responsive-menu ul li a.mobile_togglemenu { right:0;background:none;margin-top:0;float: right; width: 33px;height:33px;} .responsive-menu li.toggle { box-shadow:none;padding:0;float:left;width:100%; margin:5px 0;} .top_level.home.home_first { display: none;} #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li > a { float: left;} #menu.responsive-menu .dropdown:hover .dropdown-menu { display: none;} #menu.responsive-menu .dropdown .dropdown-menu {background:none;border: medium none; box-shadow: none; padding: 0; position: relative; width: 100%; margin-left:0 !important;} #menu.responsive-menu ul li > a:hover, #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li > a:hover { background-color: #074f89; border-left: 5px solid #ffe35f; color: #ffffff; padding: 5px;} #menu.responsive-menu ul li a , #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li > a{ color: #ffffff; display: block; font-family: "Raleway",verdana,Helvetica,sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 24px; padding: 5px; text-transform: capitalize;float:left;width:100%;border:none;border-left:5px solid transparent;} #menu.responsive-menu ul li > a.mobile_togglemenu:hover, #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li > a.mobile_togglemenu:hover , #menu.responsive-menu ul li > a.mobile_togglemenu, #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li > a.mobile_togglemenu { border: medium none; padding: 0;} #menu.responsive-menu ul li a.mobile_togglemenu , #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li > a.mobile_togglemenu { right:10px;background:none;margin-top:0;float: right; width: 33px;height:33px;} #menu.responsive-menu .top_level.dropdown.toggle { margin: 0;} #menu.responsive-menu ul.nav li .megamenu.column1 ul.childs_1 { padding: 0 15px 20px; float:left;width:100%;} .responsive-menu ul li .mobile_togglemenu:hover { background-color: rgba(0, 0, 0, 0);} #menu.responsive-menu ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown:hover > .dropdown-menu { display: none;} #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled > li.dropdown .dropdown-menu {width:100%;float:left;border: medium none; left: 0; position: relative; top: 0;} #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li > a{ color: #fff;} .top_level.home { display: none;} #menu.responsive-menu .toggle .mobile_togglemenu:before, #menu.responsive-menu ul.nav li .megamenu.column1 ul.list-unstyled li.toggle > a.mobile_togglemenu:before , #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li.toggle > a.mobile_togglemenu:before { color: #ffffff; content: "\f067"; font-family: "FontAwesome"; font-size: 12px; left: auto; line-height: 33px; position: absolute; right: 0; } #menu.responsive-menu .toggle.active .mobile_togglemenu:before, #menu.responsive-menu ul.nav li .megamenu.column1 ul.list-unstyled li.toggle.active > a.mobile_togglemenu:before , #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li.toggle.active > a.mobile_togglemenu:before { color: #fff; content: "\f068"; font-family: "FontAwesome"; font-size: 12px; left: auto; line-height: 33px; position: absolute; right: 0; } #menu ul.nav li .megamenu.column1 ul.list-unstyled li.dropdown > a::after{content:"";} #menu ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown .dropdown-menu { padding: 10px 0 3px 20px;} #menu.responsive-menu ul.nav li .megamenu ul.childs_1 { display: block; float: left; padding: 0; width: 100%;} .text1 {font-size: 13px;} #menu.responsive-menu .list-unstyled.childs_1 > li{padding:0;} /* end css for responsive menu */ .navbar-nav > li.level0 { width: 100%;} .dropdown.myaccount { float: right;} .myaccount .dropdown-menu{left:-64px;} .content-top #column-left .sidebar-category{display:none;} .layout-2 .content-top #content{width:100%;min-height:0;padding:0 15px;} .layout-2 #content{width: 70%;} .layout-2.left-col #column-left, .layout-2.right-col #column-right{ width: 30%;} .slider-banner .slide{width:25%;} .box .box-content ul ul { margin-left: -12px;} .box .box-content ul ul li ul { margin-left: -56px;} .nav-inner {display: block; background-color:transparent;margin-bottom:15px;} .main-menu.container { display: none;} .responsive-menu { background-color: transparent; height: 62px;border-radius:0;-webkit-border-radius:0; -khtml-border-radius:0;-moz-border-radius:0;} .responsive-menu .main-navigation { background: #be1622;} #column-left .box-product .image, #column-right .box-product .image {margin-right:7px;padding:0;} .col-md-4.btn-list-grid {margin-bottom: 10px;} .pagination-right { clear: both; float: left; margin: 5px 0; } .content-bottom #banner2, .content-bottom #banner1, .content-bottom #banner0 {width: 30.9%;} .product-compare .table-bordered{ width:100%; float:left; overflow:auto; display:inline; } .layout-2 #content{width:100%;} .layout-2.left-col #column-left, .layout-2.right-col #column-right{padding:0;width:100%;float: left;} .layout-2.left-col #column-left .toggle .mobile_togglemenu , .layout-2.right-col #column-right .toggle .mobile_togglemenu{left:-12px;margin-top:-22px;} #column-left .box .box-content, #column-right .box .box-content , #column-left .list-group, #column-right .list-group{display:none;} #footer .col-sm-3.column {padding:0; width: 100%;} .box.sidebar-category { display: none;} .slider-banner .slide { width: 25%;} #accordion .form-horizontal .control-label{width:100%;} .header-search{top:95px;right:16px;left:auto;} .header.container{height:150px;} .content_headercms_bottom{display:none;} .single-banner { width: 30.9%;} .cms-banner-right .cms-banner2.single-banner{width: 56.7%;margin:0 15px;} .cms-banner-right .cms-banner3.single-banner{width:37.3%;} .cms-subbanner2 { margin-top: 15px;} #banner1 {margin: 0 19px;} #logo{margin: 40px 0 0;} .content_footer_top {height: auto;} #footer .column ,#footer .col-sm-3.column.fourth{ padding-left: 0; width: 100%;} .col-sm-3.column.second, .col-sm-3.column.third,#footer .col-sm-3.column.fourth {border-left:0 none;} .col-sm-3.column.third{border-right:0 none;} #footer #footer_cms_block{padding:0;margin:0 0 10px 0;} .product-list .product-details{float:left;width: 100%;} .product-list .list-right{ width: 37%; padding: 0 10px 0 20px;} .product-block .button-group { opacity:1;-khtml-opacity: 1;-webkit-opacity: 1;-moz-opacity:1;} .productpage .product-info .product-image .customNavigation span.prev,.productpage .product-info .product-image .customNavigation span.next{display:block;} .productpage .product-right{ width: 50%;} .productpage .product-left {width:50%;} .checkout-cart .table.table-bordered .input-group-btn {clear: both; margin: 5px 0 0; float: left;} #accordion label.col-sm-2.control-label{width:100%;} .checkout-cart .input-group-btn:last-child > .btn, .checkout-cart .input-group-btn:last-child > .btn-group { margin-left: 0 !important;margin-right: 3px !important;} .checkout-cart #accordion .input-group-btn:last-child > .btn, .checkout-cart #accordion .input-group-btn:last-child > .btn-group {margin-left: 3px !important;} #accordion .col-sm-10 {width: 100%;} .form-horizontal .control-label { width: 22%;} .form-horizontal .col-sm-10 { width: 78%; } .product-layout.product-list .caption{ margin: 10px 0; padding:0 10px 0 0;} #footer .col-sm-3.column.first{padding:0;} .social { float: none; height:auto;text-align: center; width: 100%;} .footer-top{height:auto;} .tm-about-text{border-left:0 none;} .footer-top-right{width:100%;} .social > ul{ padding: 20px 10px 13px;} .newsletter::before {content: none;} .newsletter {width: 100%;padding: 0 0 20px;float: left;} .product-search .sortcat { width: 60%;} #column-left .product-items .product-details, #column-right .product-items .product-details{width:63%;} #column-left .product-thumb .price-new, #column-right .product-thumb .price-new {display:block;margin-top:2px;} #top .container, .header.container{padding:0 15px;} #bottomfooter ,.powered {text-align: center;} .footer-container {float: left;width: 100%;} .content_footer_bottom {float: right;width: 100%;padding: 8px 0 0;} #footer{padding:70px 0 58px;} .productpage .product-info .product-image .customNavigation span.next,.productpage .product-info .product-image .customNavigation span.prev{top:38px;} .productpage .rating-star{display:inline-block;width:100%;} #content.return .input-group.date .form-control{width:auto;} .contact-info .left,.contact-info .right{width:100%;} .contact-info .right{float:left;text-align:left;clear:both;} .product-list .product-thumb .image{border:none;} .contact-form { padding: 20px 15px; width: 100%; float: left; } .contact-form-design .left { float: left; width: 100%; margin-right: auto; } .btn.btn-primary.captcha-btn { position: relative; right: 0; bottom: 0; } .contact-form .buttons {position: relative;} } @media (max-width: 767px) { .nav-responsive span, .main-menu > ul > li > a {padding: 21px 0;} #column-left .swiper-viewport #banner0 {display: none;margin: 0 auto !important;} #column-left .swiper-viewport{margin: 0 !important;} .nav-responsive div, .responsive-menu .hitarea {margin-right: 0 !important;} .layout-2.left-col #column-left, .layout-2.right-col #column-right{display:block !important;padding:0 15px;} .layout-2 #content,.layout-3 #content{width:100%;} .rating-wrapper .fa.fa-stack { margin-right: 5px;} .productpage .rating-wrapper{float:left;width:100%;} .productpage .write-review { clear: none; margin: 0;} .rating-wrapper .fa.fa-stack{font-size:10px;} .product-info .image-additional {width: 100%;} .product-info .image-additional a {padding: 1px;} .header-logo,.header-search{display:inline-block;float:none;width:100%;} .header-logo{text-align:center;} .layout-2 #content{padding:0 15px;} .header-logo > div{display:inline-block;} .btn-info {margin-bottom:3px;} #input-search {margin-bottom: 8px;} #logo .img-responsive { margin: 0 auto 15px;} .col-sm-4.total_amount {margin-top: 20px;} #cart{float:none;} #cart .dropdown-menu {right: -89px;width: 350px;} .checkout-cart .btn.btn-danger { margin-top: -2px !important;} .button_class {clear:both;} .product-block .button-group{transform:none;} .show-wrapper{clear:both;margin:10px 0 0;} .category_filter .show {float: left; margin: 8px 10px 0 0;} .product-compare .table-bordered{float:left;width:100%;overflow:auto;display:inline;} .product-info .image, .product-info .additional-carousel { margin: 0 auto; width: 300px;} .addthis_toolbox.addthis_default_style{margin: 10px 0;} #content .category_list .filterbox{border:1px solid #efefef;margin:10px 0;} #content .category_list .filterbox .list-group a{border:none;} .layout-2.left-col #column-left .toggle .mobile_togglemenu, .layout-2.right-col #column-right .toggle .mobile_togglemenu {left: -25px;margin-top: -22px;} #logo{ margin: 25px 0 0;} .header-search{padding:0 15px;right:0;top:174px;} #search .input-lg{width:100%;} .header.container { height: 230px;} .header-right { display: inline-block; float: none; text-align: center; width: 100%;} .content_headercms_top{float:none;margin-top:10px;display:inline-block;} .header-cart{float:none;display:inline-block;} #cart{margin-top:-27px;} .content-top #content{min-height:0;} .container.content-bottom{margin-top:25px;} #footer{padding:60px 15px;} .social,.footer-top-right { width: 100%;height:auto;} .post-image {width: 100%;} .text2{font-size:12px;} .text1{font-size:10px;} #banner1{ display: inline-block; margin: 0 2.3%;} .single-banner{width:31.8%;} .cms-title{padding:15px 6px;} .post-image img{width:100%;} #testimonial-blog .slider-item.last_item_tm .single-post,#testimonial-blog .slider-item.first_item_tm .single-post{margin: 0 20px !important} .cms-banner-right .cms-banner2.single-banner{width: 55%} .cms-banner-left { width: 26%;} .cms-banner-right {width: 74%; } .cms-banner-right .cms-banner3.single-banner { width: 36.1%;} .cms-banner-right .cms-banner2.single-banner { width: 54.8%;} .footer-container ,.content_footer_bottom{ float: none;} #bottomfooter,.powered{text-align:center;} #content .category_list .filterbox{clear:both;} .filterbox .list-group{padding:10px;}.product-list .list-right{ padding: 0 10px 0 18px;} .pagination-wrapper{margin-bottom:25px;} .productpage .product-left{width:100%;} .productpage .product-right{width:100%;padding:35px 15px;} .form-horizontal .col-sm-10,.form-horizontal .control-label{width:100%;} #form-language .btn span, #form-currency .btn span{display:none;} .tm-about-text{background:none;padding:0 15px 0;} .tm-about-text{width:65%;} .content-wrap{margin-left:0;} .aboutme-read-more{margin:37px 15px 30px 0;} .product-search .sortcat{width: 100%;} #top .container, .header.container{padding:0 15px;} .sale{opacity:1;-khtml-opacity: 1;-webkit-opacity: 1;-moz-opacity:1;} .banners-slider-carousel .product-block-inner > img{max-width:100%;} .product-list .product-thumb .image{float:left;} .account-address .table-bordered .text-right .btn-info,.account-order-info .table-bordered .text-right .btn-primary{margin-bottom:0;} #content.return .input-group.date .form-control{width:100%;} .tm-about-text::before{content:none;} .newsletter .box-left {float: left;width: 100%;padding: 0 0 15px;} .newsletter .box-right {width: 100%;float: right;padding: 0;} .newsletter .input-news {width: 76%;float: left;} } @media only screen and (max-width: 543px) { .content-bottom #banner2, .content-bottom #banner1, .content-bottom #banner0 {width: 100%;} .content-bottom #banner1 {margin: 15px 0;} .content-bottom #banner2 .img-responsive, .content-bottom #banner1 .img-responsive, .content-bottom #banner0 .img-responsive {width: 100%;} } @media only screen and (max-width: 479px) { .product-info .image-additional a{float:none; text-align:center; padding: 1px;} .table{ float: left; margin-bottom: 20px; overflow: scroll; width: 100%; } .product-layout.product-grid{width:100% !important;} .shopping-cart .input-group .form-control{width:100%;padding:0;text-align:center;} .account-wishlist .table-bordered{float:left;width:100%;overflow:auto;display:inline;} #cart .dropdown-menu table {display: inline-block;} .flex-direction-nav a:before {font-size:27px !important;} #cart .dropdown-menu {right: -68px; width: 290px;} .dropdown-menu.pull-right {width: 100%;} #cart .dropdown-menu li > div {min-width:100%;} .category_filter .limit {float: left;} .contact-info .left,.contact-info .right{width:100%;} .product-info .image, .product-info .additional-carousel {width: 100%;} .nav-tabs > li{width:100%;} .nav-tabs > li > a{margin:0 0 2px;} .pagination-wrapper .page-link{float:left;} .pagination-wrapper .page-result{float:left;clear:both;} .checkout-cart .buttons .pull-right {clear: both;float: left; margin: 10px 0;} .bootstrap-datetimepicker-widget.dropdown-menu{width:auto;} .checkout-cart #accordion .input-group-btn {float: left; margin: 5px 0 0;} .single-banner { width: 100%; text-align: center;} .single-banner div ,.cms-banner-right .single-banner{} #banner1{margin:15px 0;} .cms-banner-left ,.cms-banner-right{ width: 100%;} .cms-subbanner1 ,.cms-banner .cms-banner-left .cms-subbanner2.single-banner{width:100%;margin:0 0 15px;} #top-links .list-inline { margin: 10px 0 0;} .cms-banner-right .cms-banner2.single-banner { width:100%;margin:0 0 15px;} .cms-banner-right .cms-banner3.single-banner { width: 100%;} .single-banner div img, .cms-banner-right .single-banner img ,.cms-banner-left .cms-subbanner1:hover img, .cms-banner-left .cms-subbanner2:hover img, .cms-banner-right .single-banner:hover img{transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none; display:inline;} .single-banner div:hover img, .cms-banner-right .single-banner:hover img,.cms-banner-left .cms-subbanner1:hover img, .cms-banner-left .cms-subbanner2:hover img, .cms-banner-right .single-banner:hover img{transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;-moz-transform:none;} .slider-banner{display:none;} .container.content-bottom { margin-top: 0;} .content-top #content{margin-bottom:15px;} .htabs .etabs li { display: block; float: none; margin-top: 3px; width: 100%;} .etabs, .nav-tabs > li { width: 100%;} .htabs { height: auto;} .htabs a { display: block !important; float: none; margin: 3px 0 0; width: auto; background-color: #efefef; border-bottom: 2px solid #efefef;} .hometab .customNavigation a{ top: -25px;} #content .hometab .box .box-content{padding:28px 0 0;} .owl-pagination { display: none;} .product-list .caption{width:100%;} .product-list .list-right { clear: both; width: 100%;padding:0 10px;} .product-list .list-right{margin:0 0 10px;border-left:0 none;padding:0;} .product-list .caption{ margin: 15px 0;} .productpage .nav-tabs > li > a { background-color: #efefef; border-bottom: 2px solid #ffffff; display: block !important; float: none; margin: 3px 0 0; width: auto;} .etabs, .nav-tabs > li { width: 100%;} .nav .pull-left { display: inline-block; float: none;} .nav.pull-right { float: none;} .nav.pull-left { float: none;} #top .container{text-align:center;} #cart{margin-top:10px;} .content_headercms_top ,.header-cart{display:block;} .cms-data{border-right:0 none;} .header.container {height: 265px;} .header-search{top:222px;} .content_headercms_top{margin-top:0;} .header-tele-cms{right:0;} .cms-data{padding-right:0;} #cart > .btn{margin-right:0; margin-left:0;} #cart .dropdown-menu{right:-119px;} .checkout-cart #accordion .input-group-btn:last-child > .btn, .checkout-cart #accordion .input-group-btn:last-child > .btn-group { margin: 0 !important;} .list-buttoncart{clear:both;} .tm-about-text { width: 100%;padding:0 0 15px ;margin-bottom:0;text-align:center;} .aboutme-read-more{ margin:10px 0 25px 0; width:100%;} .product-search .sortcat{width: 100%;} #cart > .btn{margin-left:0;} #top-links{padding-top:0; padding-bottom: 6px;} .box.related .box-heading{width:77%;} .row.site-map{overflow:auto;} .contact-info .right{text-align:center;} .customNavigation a {display: none;} #content .product-carousel .product-block .img-border, #content .box-product .product-block .img-border, .product-layout.product-grid .product-block .img-border {border:none;} .newsletter .box-heading {font-size: 18px;} .newsletter .subtitle {margin-top: -22px;} .subscribe-btn .btn-default {padding: 13px 8px;} .newsletter .input-news {width: 66.2%;} .main-slider .swiper-viewport { margin-bottom: 25px !important; } } @media only screen and (max-width: 319px){ .product-info .product-image .customNavigation{ width:196px; margin:0 auto; position: relative; } .product-info .additional-carousel {width:196px; margin:0 auto;} .header-logo .img-responsive { width: 100%;} .btn-primary {margin-bottom:2px;} .compare-total {clear: both; margin: 8px 10px 10px 0;} #cart .dropdown-menu { right: -79px;width: 210px;} #cart .dropdown-menu{width:210px;} #cart .text-right .addtocart{margin:0 0 5px;} #cart .text-right .checkout{margin:0;} #footer .column #contact ul{ overflow: auto; width: 100%;} .post-date{min-width:45px;} .compare-total{margin-left:5px;} #product #input-quantity{margin-bottom:5px;} .newsletter .input-news {width: 66%;} .account-address .table-bordered .text-right .btn-danger,account-order-info .table-bordered .text-right .btn-danger{float:left;clear:both;margin-top:2px;} .account-address .table-bordered .text-right .btn-info, .account-order-info .table-bordered .text-right .btn-primary{float:left;} } #footer_cms_block img{max-width: 140px!important;} /* Megnor www.templatemela.com - End */.alert.alert-success.animated.fadeInDown{width:100%;text-align:center;margin:0 -5px;} .product-compare .btn-block + .btn-block { margin-top: 0;} .p_cater{display:none!important;} .img-responsive{width: 100%; } @media only screen and (min-width: 1300px) { .cms-banner-left{ width: 29.5%;} .cms-banner-right{ width: 70.5%; } .cms-banner-left .cms-subbanner1{ width: 100%;} .cms-banner-left .cms-subbanner2{ width: 100%;} .cms-banner-right .cms-banner2{ width: 59.8%;} .cms-banner-right .cms-banner3{ width: 39.4%;} .cms-banner-left .cms-subbanner1 img, .cms-banner-left .cms-subbanner2 img, .cms-banner-right .cms-banner2 img, .cms-banner-right .cms-banner3 img{ width: 100%; } } .blog-image .date-time{ display: none; } .breadcrumb li{ font-size: 20px; font-weight: bold; } @media only screen and (max-width: 1500px) and (min-width: 1400px) { .container { width: 1250px!important; } } @media only screen and (max-width: 1600px) and (min-width: 1500px) { .container { width: 1350px!important; } } @media only screen and (max-width: 1700px) and (min-width: 1600px) { .container { width: 1450px!important; } } @media only screen and (max-width: 1800px) and (min-width: 1700px) { .container { width: 1550px!important; } } @media only screen and (max-width: 1900px) and (min-width: 1800px) { .container { width: 1650px!important; } } @media only screen and (max-width: 2000px) and (min-width: 1900px) { .container { width: 1750px!important; } } @media only screen and (max-width: 2100px) and (min-width: 2000px) { .container { width: 1850px!important; } } .container.content-top{ width: 100%; } #featured-carousel .product-block{ box-shadow: 0 0 60px rgb(0 0 0 / 10%) !important; background: #fff !important; border-radius: 10px;} #tablatest-carousel .product-block{ box-shadow: 0 0 60px rgb(0 0 0 / 10%) !important; background: #fff !important; border-radius: 10px;} #tabspecial-carousel .product-block{ box-shadow: 0 0 60px rgb(0 0 0 / 10%) !important; background: #fff !important; border-radius: 10px;} #tabbestseller-grid .product-block{ box-shadow: 0 0 60px rgb(0 0 0 / 10%) !important; background: #fff !important; border-radius: 10px;} .product-layout.product-grid .product-block{ box-shadow: 0 0 60px rgb(0 0 0 / 10%) !important; background: #fff !important; border-radius: 10px;} .product-layout.product-grid{ padding: 10px; } #featured-carousel .slider-item, #tablatest-carousel .slider-item{ padding: 10px; } .blog-left-content{ width: 40% !important; float: left!important; } .blog-right-content{ width: 60%; float: left; padding-left: 25px; } .container.content-bottom .box.Blog{ margin-top: 50px; } .product-thumb .image{ margin-top: 0px !important; } .table.table-bordered.shopping-cart .img-thumbnail{ border:none; } @media only screen and (max-width: 767px) { .breadcrumb li{ font-size: 12px; } .page-title{ font-size: 20px !important; } .blog-left-content{ width: 100% !important; } .blog-right-content{ width: 100%; float: left; padding-left:0px; } .feature_icon h3{margin-top: 10px !important; margin-bottom: 30px!important;} .feature_icon .col-md-3{ border-right: unset !important; } }