/*-----------------------------------------------------------------------------------

    Template Name: Marketshop eCommerce HTML Template
    Author: Harnish Design
    Author URI: http://harnishdesign.net

-----------------------------------------------------------------------------------*/
.visitor {
    display: block;
    margin: 0 auto;
    width: 20%;
    font-size: 25px;
}

li.search {
    display: none;
}
.closemobile {
    display: none;
}
@media (max-width: 1199px) {
/**===== Layout =====**/
.main-wrapper {
padding:0 20px;
}
#column-right .side-item .product-thumb .caption, #column-left .side-item .product-thumb .caption {
width:152px;
}
}
 @media only screen and (min-width:992px) {
/**===== footer =====**/
#footer ul, .left-top {
display:block!important;
}
}
 @media (max-width: 991px) {
body {
-webkit-text-size-adjust: auto;
}
/**===== Layout =====**/
.main-wrapper {
margin:0px;
padding:0 10px;
}
.wrapper-box {
margin:0;
}
/**===== Header =====**/
#header .header-row {
text-align:center;
padding:30px 0;
}
#header #logo a img {
display:inline-block;
}
.table-container .col-table-cell {
float:left;
vertical-align:top;
}
.drop-icon {
width:45px;
height:35px;
line-height:35px;
text-align:center;
font-size:23px;
cursor:pointer;
float:left;
display:inline-block;
color:#fff;
}

.pull-right {
    /* float: left !important; */
}

.left-top {/* min-width: 130px; */background: #2b1671;/* position:absolute; */top: 29px;z-index:99;padding:5px 0;/* width: 100%; */display: block !important;}
.left-top #language, .left-top #currency {
float:none;
border:none!important;
display:block;
}
.left-top #language > .btn-group, #currency > .btn-group {
display:block;
}
#header .links {float: left;border:none;}
#header .links > ul > li {float: left;display:block;border:none!important;line-height:30px;}
#header .links, #language, #currency, #header #top-links {
border:none!important;
}
#header #search {
position:relative;
margin-top:25px;
}
#header #cart {/* margin-top:25px; */text-align:left;}
#header #cart .dropdown-menu {
right:auto;
left:0;
}
#header.style2 #cart {
margin-top:auto;
margin-bottom:15px;
text-align:center;
}
#header.style2 #cart .dropdown-menu {
left: 50%;
margin-left: -210px;
}
#header.style3 #cart {
text-align:left;
}

/**===== Menu =====**/
#menu .navbar-header {
float:none;
}
#menu .navbar-nav {
margin:0px;
}
#menu .navbar-header > span {
text-transform:uppercase;
font-size:16px;
padding:0px 15px 0px 8px;
height:45px;
line-height:45px;
text-align:center;
margin:0;
cursor: pointer;
display:inline-block;
position:relative;
}
#menu .navbar-header > span > b {
display:inline-block;
}
#menu .navbar-header > span > b:after {
clear:both;
content:' ';
display:block;
width:0;
height:0;
border-style:solid;
border-color:#555 transparent transparent transparent;
position:absolute;
border-width:5px 6px 0px 6px;
bottom:48%;
margin:0 0 -6px 0px;
opacity:0.7;
}
#menu .navbar-header > span > b:before {
clear:both;
content:' ';
display:block;
width:0;
height:0;
border-style:solid;
border-color:transparent transparent #555 transparent;
position:absolute;
border-width:0px 6px 5px 6px;
top:49%;
margin:-6px 0 0 0px;
opacity:0.7;
}
#menu {padding:0;float: right;width: 40%;height:auto;text-align: left;}
#menu .navbar-nav {
text-align:left;
}

#menu .navbar-nav img {
display:none;
}
#menu .nav {
padding:0;
text-align:left;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
}
#menu .nav > li {float:none;padding:0px;display:block;height:auto;border-top: 1px solid                   #ababab;}
#menu .nav > li > a {
line-height:35px;
}
#menu .nav > li > div {
position:relative;
}
#menu .nav > li > div > ul {
display:block;
width:auto;
}
#menu .nav > li ul + ul {
padding-left:0px;
}
#menu .nav > li > .dropdown-menu ul > li {
position:relative;
}
#menu .nav > li.mega-menu > div {
width:100%;
}
#menu .nav > li.mega-menu.dropdown {
position: relative;
}
#menu .nav > li div > ul > li > a > span {
display:none;
}
span.submore:after {display: block;position: absolute;right: 0;top: 38px;width: 30px;height:32px;line-height:32px;font-size:22px;text-align:center;cursor:pointer;z-index:1010;content:'+';font-family:Arial, Helvetica, sans-serif;color: #fff;/* opacity:0.6; */}
span.submore.plus:after {
content:'-';
}
#menu .nav > li.menu_brands.dropdown {
position:relative;
}
#menu .nav > li.mega-menu > div {
min-width:inherit;
position:relative;
}
#menu .nav > li.mega-menu > div > .column {
width:auto;
display:block;
margin:0;
}
#menu .nav > li.mega-menu > div > .column > div {
display:none;
position:relative;
}
#menu .nav > li.mega-menu > div > .column > div ul {
display:block;
}
#menu .nav > li.mega-menu > div > .column a, #menu .nav > li > div > ul li a, #menu .nav > li.mega-menu > div > .column > div > ul > li > a {
width:auto;
padding:7px 0;
margin:0;
}
#menu .nav > li.sub:hover > a:after {
display:none;
}
#menu .nav > li.custom-link-right {
float:none;
}
#menu .nav > li > .dropdown-menu, #menu .nav > li > .dropdown-menu li .dropdown-menu {
box-shadow:none;
float:none;
width:100%;
position:relative;
min-width:inherit;
margin-top:0px;
left:auto;
border:0px none;
}
#menu .nav > li .dropdown-menu ul {
display:block;
margin:0 10px;
}

/**===== Product Item for Left and Right Panel =====**/
#column-right .side-item .product-thumb .caption, #column-left .side-item .product-thumb .caption {
max-width:98px;
}

/**===== Fotter =====**/
#footer .fpart-first {
padding-top:30px;
padding-bottom:10px;
}
#footer .column, #footer .contact, #footer .about_details {
margin-bottom:20px;
}
#footer .contact ul li {
float:left;
width:30%;
}
#footer .contact ul li + li {
margin:0 0 0 4%;
}
#footer .powered_text, #footer .social {
float:none!important;
}
#footer .social {
text-align:center;
padding:12px 0 0;
margin:0px!important;
}
#footer .social a {
float:none;
display:inline-block;
}
#powered {
text-align:center;
width:100%;
line-height:normal;
padding-top:10px;
height:auto;
}
#custom_side_block, #facebook, #twitter_footer, #video_box {
display:none;
}

/**===== Product Page =====**/
.product-list .left {
width:auto;
float:none;
}
.product-info > .left {
float:none;
margin-right:0px;
}
.product-info > .left + .right {
margin-left:auto;
}
.product-info .image {
float:none;
}
.mousetrap {
width:99%!important;
}
#cloud-zoom-big {
width:99%!important;
}
#wrap #zoom1 img {
display:inline-block!important;
}
.product-info .image-additional {
width:auto;
margin-bottom:10px;
max-width:none;
}
.product-info .image-additional a {
display:inline-block;
float:none;
}

/**===== Tabs =====**/
#container .category-module h3 {
padding:0 0 30px 0;
text-align:center;
}
.category-module .tabs {
left:5px;
padding:0;
right:auto;
}
.category-module .tabs li a {
font-size:11px;
padding:0 5px;
}
.category-module .tabs li a.selected {
padding:0 5px;
}
.category-module .tabs li.active a {
padding-bottom:2px;
line-height:22px;
}
.table-container .col-table-cell {
padding:0px;
}
}
 @media (max-width: 767px) {

.modal-dialog {
    width: 95% !important;
    margin: 30px auto;
}

.mobileview {
    background: #f4f4f4;
    height: 95px;
    padding-top: 5px;
}

img.pdbr {
    width: 100%;
    margin-bottom: 0 !important;
}

h2, .h2 {
    font-size: 18px !important;
}

#header #search input {
    background: #FFF;
    padding: 0 36px 0 8px;
    height: 36px;
    font-size: 13px;
    color: #333;
    outline: none;
    display: block;
border-radius: 0px;}
footer#footer {
    padding-top: 25px;
}
.imgpopup {
    display: none !important;
    position: relative;
    width: 10%;
    z-index: 999999;
    height: 100%;
    margin: 0 auto;
}

.loading-image {
    position: absolute;
    top: 20%;
    left: 30%;
    z-index: 10;
}     
     
.mobileorder {
    background-color: #16243b;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #d7d7d7;
    
    bottom: 0;
    left: 0;
    width: 50%;
    z-index: 9999;
}
.mobileinquiry {
    padding: 11px 15px;
    text-transform: uppercase;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 50%;
    z-index: 9999;
}



element.style {
}
.subtitle {
font-size: 16px;
}

.title {
font-size: 18px;
}
#header .header-row {
    text-align: center;
    padding: 10px 0 0 0;
}

#header #logo a img {
    max-width: 100%;
}


div#logo {
    float: left;
    width: 50%;
    z-index: 999999;
    /* padding-top: 25px; */
    margin-bottom: 10px;
}

#menu .navbar-header {
    float: right;
    width: 50%;
    text-align: right;
    margin-top: 9px;
}   

#menu .navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
    width: 87%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 99999999;
    background: #2b1671;
    float: left;
    position: fixed;
    text-align: left;
}
#menu .navbar-header > span {
    text-transform: uppercase;
    font-size: 24px;
    padding-right: 5px;
    height: 42px;
    line-height: 43px;
    text-align: right;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #2b1671;
}
     
.searchmobile {
    position: fixed;
    top: 0;
    left: 0;
   display: none !important; 
    background: #16243b;
    height: 100%;
    z-index: 99999 !important;
}

.closemobile {
    display: block;
}

#header #search {
    position: relative;
    margin: 0px auto;
    /* width: 80%; */
}
     
     li.search {
    display: block;
}


/**===== Header =====**/
#header #cart, #header.style2 #cart, #header.style3 #cart {text-align:center;}
#header #cart .dropdown-menu {
left:50%;
margin-left:-210px;
}
/**===== Tabs =====**/
#container .category-module .owl-theme .owl-controls .owl-buttons div {
top:-75px;
}
/**===== Footer =====**/
#footer .contact ul li {
float:none;
width:auto;
}
#footer .contact ul li + li {
margin:12px 0 0 0;
}
#footer h5 {
margin:0px 0px 5px;
}
/**===== Forms =====**/
.input-group.quantity .form-control {
float:none;
}
.input-group.quantity .input-group-btn, .input-group.quantity .form-control {
display:block
}
}
 @media screen and (max-width:480px) {
/**===== header =====**/
#header #cart .dropdown-menu, #header.style2 #cart .dropdown-menu {
left:50%;
margin-left:-155px;
width:310px;
}

#menunew .nav > li > a {
    border: 1px solid #dcdcdc;
    font-size: 11px !important;
    color: #2b1671;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0px 6px 0px 6px;
    z-index: 1009;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 3px;
    font-weight: 600;
    background-color: #f7f7f7;
    margin-bottom: 4px;
}
/**===== Product Page =====**/
.product-info .cart {
text-align:center;
}
.product-info .cart div {float: left;}
.product-info .cart > div {
margin-bottom:10px;
}
.product-info .cart div .qty {
float:none;
display:inline-block;
}
/**===== Tabs =====**/
.htabs {
padding-left:0;
}
.htabs a, .nav > li > a {
font-size:11px;
padding:7px 5px 6px 5px;
}
.category-module .tabs li {
line-height:26px;
}
}

/**===== Five Grid Columns =====**/
@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left;
}
#header #search input {
    background: #FFF;
    padding: 0 36px 0 8px;
    height: 36px;
    font-size: 13px;
    color: #333;
    outline: none;
    display: block;
border-radius: 0px;}

}
@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}

#menunew .nav > li > a {
    border: 1px solid #0296de;
    font-size: 12px !important;
    color: #2b1671;
    line-height: 34px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0px 11px 0px 10px;
    z-index: 1009;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 11px;
    font-weight: 600;
    background-color: #f7f7f7;
    border-radius: 8px;
}

}
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
}
