a:focus {outline:0; text-decoration:none;}

.pagination {padding:0; margin:0 auto 3em; width:100%; text-transform:capitalize; text-align:center; font-size: 12px; color: #161616;}
.custom-pagination {text-align:center;}
.custom-pagination .page-numbers {border:1px solid #161616; padding:3px 8px; margin:0 2px; color:#161616;}
.custom-pagination .page-numbers.current, .custom-pagination .page-numbers:hover {background-color:#161616; color:#fff;}
.custom-pagination .page-num, .custom-pagination .page-num:hover {border-color:transparent; background-color:transparent; color:#161616;}
.pagination li, .pagination li a, .pagination li span, .pagination p.counter {font-size:14px; color:#161616; font-weight:normal; text-transform:capitalize;}
.pagination li a, .pagination li .pagenav {border:1px solid #161616; padding:3px 8px; margin:0 2px; color:#161616;}
.pagination li a:hover {background-color:#161616; color:#fff;}
.pagination ul {display:inline-block; margin-bottom:1em;}
.pagination li .pagenav {background-color:#161616; color:#fff;}
.pagination .pagination-start .pagenav, .pagination .pagination-prev .pagenav, .pagination .pagination-next .pagenav, .pagination .pagination-end .pagenav
{background-color:transparent; border-color:transparent; color:#161616; padding:0;}



@media (max-width:1100px) {
#totop.on {display:none;}
header .container {padding:0;}
.zn_has_sidebar > .row > .span3, .zn_has_sidebar > .row > .span3 {margin-left:0;}
.checkbox label, .radio label {font-size:13px;}
}

@media (min-width: 760px) and (max-width: 1050px){
header#header.style2 nav#main_menu > ul > li > a {font-size:15px;}
nav#main_menu > ul > li {margin: 0 0.7em;}
nav#main_menu {margin-top: 0.8em; padding-bottom: 0.8em;}
.top-links {margin-top: 12px;}
.header-titles h2 {font-size:1.8em; margin:0.15em 0;}
.acc-group.default-style > button::after {right:-4px;}
section#content {margin-top: 2.5em;}
}

@media (min-width: 900px) and (max-width: 1060px){
header#header.style2 #logo a {margin-left:10px; padding:12px 0 0;}
.acc-group.default-style > button {padding-right:15px;}
}

@media screen and (max-width: 980px) and (min-width: 940px){
    .top-header{
        margin-right: 60px;
        margin-top: 7px;
    }
    nav#main_menu.smooth_menu{
        top: 10px;
    }
}

@media (max-width:980px) {

nav#main_menu #menu-header-menu {margin:0; padding: 8px 0 5px 20px;}
nav#main_menu.smooth_menu {display:inline; width:auto; position:absolute; right:8px;}
nav#main_menu.smooth_menu ul {background:rgba(43, 176, 160, 0.8); width:130px; padding-left:20px; text-align:left; border-top:1px dashed #2bb0a0;}
.zn_menu_trigger {padding:8px 0 8px 20px; width:130px; text-align:left; background:rgba(43, 176, 160, 0.8);}
.zn_menu_trigger a, .zn_menu_trigger a:hover {font-size:18px; font-weight:normal; text-decoration:none;}
.zn_menu_trigger a::before {top:26%; height: 0.56em; width:.85em; border-top: 0.35em double #fff;}
.zn_menu_trigger a:focus {outline:0; color:#fff;}
#header nav#main_menu.smooth_menu > ul > li > a {color:#f1f1f1;}
#header nav#main_menu.smooth_menu > ul > li.active > a, #header nav#main_menu.smooth_menu > ul > li > a:hover,
#header nav#main_menu.smooth_menu > ul > li:hover > a, #header nav#main_menu.smooth_menu > ul > li > a {padding:0 0 6px; margin:5px 0; font-weight:normal;}
.home nav#main_menu > ul > li.active > a, .home nav#main_menu > ul > li > a:hover, .home nav#main_menu > ul > li:hover > a,
nav#main_menu > ul > li.active > a, nav#main_menu > ul > li > a:hover, nav#main_menu > ul > li:hover > a {border-color:transparent;}
#header nav#main_menu.smooth_menu > ul > li.active > a, #header nav#main_menu.smooth_menu > ul > li > a:hover,
#header nav#main_menu.smooth_menu > ul > li:hover > a {color:#feae00;}
nav#main_menu.smooth_menu > ul ul {min-width:255px; background:rgb(81, 60, 9);}
header#header nav#main_menu > ul > li ul.sub-menu {width:auto !important;}
nav#main_menu > ul > li ul.sub-menu > li a, nav#main_menu > ul > li ul.sub-menu ul.sub-menu > li a {color:#f1f1f1}
nav#main_menu.smooth_menu > ul ul {left:-125px !important;}
nav#main_menu.smooth_menu > ul ul ul {left:0 !important;}
nav#main_menu.smooth_menu ul li a {padding:5px 5px 0 12px;}
header#header.style2 nav#main_menu > ul > li > a {padding-bottom:6px; line-height:20px; color:#fff;}
header#header.style2 nav#main_menu > ul > li.active > a, header#header.style6 nav#main_menu > ul > li > a:hover,
header#header.style2 nav#main_menu > ul > li:hover > a {color:#fff;}
header#header.style2 nav#main_menu > ul > li > a:focus {outline:0;}
}

@media (max-width:880px) {

.top-links li:last-child {margin-left:0;}
#footer .copyright {float:none;}
.product-list .content-area .title-text {margin-bottom:0;}
.product-list .content-area .text-sec, .product-list .content-area .title-text {font-size:14px;}
.sidebar .acc-group.default-style.tweaked > button {line-height: 20px; padding-right:10px;}
}



@media (min-width: 760px) and (max-width: 880px){
header#header.style2 #logo a {margin-left:7px; padding:10px 0;}
.top-links {margin:5% 33% 0 0; }
nav#main_menu.smooth_menu {right:8px; top:14px;}
.home nav#main_menu.smooth_menu {right:18px;}
section#content {min-height:830px;}
.zn_has_sidebar > .row > .span9, .zn_has_sidebar > .row > .span9 {margin-left:0;}
.zn_has_sidebar > .row > .span3, .zn_has_sidebar > .row > .span3 {width:180px;}



}




@media (max-width:750px) {
#logo {float:left;}
header#header.style2 #logo a {padding:8px 0 8px 12px;}
body.home .row .span3 {margin-bottom:2.7%;}
body.home .row .span3:nth-child(odd) {width:48.5%; float:left;}
body.home .row .span3:nth-child(even) {width:48.5%; float:right;}
.image-boxes .hoverBorder h6 {font-size:1.15em;}
footer#footer .row .span12m, #page_header .span12 {margin-bottom:0;}
section#content {margin:15px 0 5px 0;}
.top-links li {padding-left:28px;}
.top-links .call-icon:before {left:4px; top:3px;}
#page_header .header-titles {text-align:center; padding-top:0;}
.header-titles h2 {font-size:1.8em; margin:0.25em 0;}
footer#footer .row, footer#footer .span12, #page_header .row {margin:0; padding:0;}
.product-list .content-area figure {border:none;}
.zn_has_sidebar.row {padding:0;}
section#content .zn_has_sidebar .zn_has_sidebar {margin-bottom:1.5em;}
#sidebar {width:auto; float:left; min-width:250px;}

.item-image-container {width:130px; margin:0 1em 0.5em 0;}
.item-title-container .page-title {margin-bottom:2px;}
.product-disc-btn {margin:5px 0; float:left;}
.product-disc-btn li a {height:38px;}
.disc-table {padding:8px;}
.product-disc-table td:first-child {padding-right:10px; vertical-align: top;}
.product-disc-table td:last-child {line-height:20px;}
}

@media (min-width: 480px) and (max-width: 750px){
.request-info-text{height:250px;}
header#header.style2 #logo a {padding:12px 0 12px 12px;}
.top-links {margin:7px 8px 0 0;}
nav#main_menu.smooth_menu {top:26px;}
.zn_menu_trigger {padding:4px 0 3px 13px;}

}

@media (min-width:520px) and (max-width:750px){
body.home .hoverBorder {display: block;}
.product-list .span4 {width:31.6239%; margin-left:2.5641%; float:left;}
.product-list .span4:first-child {margin-left:0;}

}


@media (min-width: 460px) and (max-width:480px){
.top-links .mail-icon {padding-left:0;}
.top-links .mail-icon:before {display:none;}
nav#main_menu.smooth_menu {top:;}

}

@media (max-width:500px) {
.sort-search-container .sort-container {float:none; margin-bottom:5px;}
.search-container {float:left;}
.product-disc-btn li {margin:0 8px 10px 0;}
}

@media (max-width:450px) {
.top-header {float:left; margin:0 auto 5px; width:auto; padding-left:18px;}
.top-links {margin-top:0;}
nav#main_menu.smooth_menu {top:4px;}
.product-list .span4 {margin-bottom:10px;}
.product-list .content-area {overflow:hidden;}
.product-list .content-area figure {width:40%; float:left;}
.product-list .content-area .text-sec {padding:7px 0 0; display:inline-block; text-align:left;}
.product-disc-table td:first-child {width:45%;}
}

@media (max-width:1024px){

 .item-image-container{
    margin-right: 5px;
}

}


@media (max-width:768px){

.modal-content{
    padding-top: 35%;
}

.modal{
    z-index: 9999999;
}

.top-header{
    margin-right: 15px;
}

.closebtn{
    z-index: 9999;
}

.item-image-container{
    margin-right: 5px;
}

}


@media (max-width:500px) {
.modal-content{
    padding-top: 10%;
}

.request-info-text h3{
    font-size: 15px;
}
}

@media (max-width:320px) {

 .product-list .content-area figure{
    width: 40.5%;
    float: left;
    margin: 0px;
    padding: 0px;
 }

 .product-list .content-area .text-sec{
    float: right;
 }

  .zn_menu_trigger{
        padding: 2px 10px;
       width: 120px;
  }

  .zn_menu_trigger a::before{
    content: "☰";
    top: 5px;
    height: 10px;
    width: 14px;
    border:none !important;
    line-height: inherit;
    top: -2px;
  }

  nav#main_menu #menu-header-menu{
    width: 120px;
  }
}

@media (max-width:330px) {

.modal-content{
    padding-top: 0px;
}

.top-header{
    margin: 0px;
}

.top-header {float:none; padding-left:0; text-align:center;}
.product-list .content-area figure {width:42.5%;}
.custom-pagination .page-numbers{
    margin: 0 2px 5px 0px;
    display: inline-block;
}

#sidebar{
    width: 100%;
}

.request-info-popup .request-info-text h3{
    font-size: 20px;
}

.request-info-popup .request-info-text{
    padding-top: 40px;
}
}
