@charset "utf-8";
/* CSS Document */

@media only screen and (min-width:1024px) and (max-width: 1280px) {
 .header-bottom.sticky .navbar ul.menu-manager-menu li a {
padding:0 12px;
}
 .product-category .col-sm-3 {
padding-right:15px;
}
 .categories h3 {
font-size:18px
}
 .cart-table {
 width:100%;
}
 .cart-forms, .cart-totals-wrapper, .crosssell {
 float:left;
 clear: none;
 width: 48.5%;
 padding-left: 0;
}
.cart-totals-wrapper {
float:right
}
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
.header-top div.logo {
max-width:300px;
}
.ht-panel .search .input-text {
max-width:300px;
font-size:15px;
}
.navbar ul.menu-manager-menu li {
width:auto
}
.navbar ul.menu-manager-menu li a {
/*font-size:18px;*/
padding:0 8px;
}
.header-bottom.sticky .brand-logo {
display:none
}
.header-bottom.sticky .navigation {
float:left;
}
.header-bottom.sticky .navbar ul.menu-manager-menu li a {
padding:0 12px;
}
.slider {
	background-size:cover;
min-height:450px;
}
.slider-text{width:40%;}
.slider-text ul li .btn {
padding:10px 20px;
margin-bottom:15px;
}
.slide-txt-right{width:50%; padding-left:50px;}
 .camera_caption {
right:5% !important;
bottom:25% !important
}
.panel1, .panel2, .panel3, .panel4 {
padding:15px 0
}
.panel1 h1, .panel2 h1, .panel3 h1 {
font-size:36px;
padding:10px 0 20px
}
.content_wrap_how .img_w img {
/*height:auto;
margin-top:-8px;*/
}
 .product-category .col-sm-3 {
width:33%
}
.categories h3 {
font-size:18px
}
.product-category .col-sm-9 {
width:66%
}
.category-products .grid-top .grid-box {
width:100%
}
.ad_crt_btn1 h4 {
margin-right:20px
}
 .footer-top .col-sm-3, .footer-top .col-sm-4, .footer-top .col-sm-5 {
width:33.33%;
padding:0 15px;
}
.mail {
padding:0
}
}
 @media only screen and (max-width: 767px) {
	  .mm-toggle {
    display: block;
  }
  .mm-toggle .mm-label {
    margin-left: 3px;
  }  
.skip-link .label{display:none !important }

 .content_resource h2 {
text-align:center;
}
 .content_resource p {
text-align:center;
}
 .img_resource img {
 margin: 0 auto;
 display: block;
 margin-bottom: 10px;
}
 .tbl-responsive {
 overflow-x:auto;
width:100%;
}
 body {
padding-top:50px;
}
 .header-bottom.sticky {
position:relative;
background:none
}
h1 {
font-size:28px;
}
.h2, h2 {
font-size:26px;
}
.page-title h1, .page-title h2, .product-name h1, .product-name .h1 {
text-transform:capitalize !important
}
.header {
height:50px;
width:100%;
float:left;
box-shadow: 0 0 2px #333;
 position:fixed;
top:0;
left:0;
background:#fff;
 z-index: 999;
}
 .header-top ul {
margin-top:0px;
margin-bottom:0
}
 .header-top .sc_icon > ul > li > div > a {
background:url(../images/menu-icon.png) no-repeat center -363px !important;
display: block;
text-indent:-50em;
 height: 50px;
 width: 100%;
}
 .header-top .container {
padding:0
}
.header-top .ht-panel {
position:absolute;
top:0;
left:0;
width:100%;
padding-left:125px;
}
.sc_icon {
float:left;
width:60%;
}
.sc_icon ul {
float:left;
width:100%
}
.header-top ul li {
padding:0;
width:33.33%;
height:50px;
border-left:1px solid #eee;
position:static;
}
.header-top ul li + li:before {
display:none
}
.header-top ul li .skip-link {
border:none !important
}
.header-top ul li a {
height:50px;
display:block
}
.minicart-wrapper p.subtotal {
text-align:right
}
.header-top ul.mini-products-list li {
height:auto;
padding:5px;
}
.header-top ul.mini-products-list li a {
height:auto;
}
.minicart-wrapper .minicart-actions {
float:left;
width:100%
}
.header-top .minicart-wrapper .minicart-actions .btn.btn-default {
display:inline-block;
height:auto;
padding:8px 10px;
font-size:13px;
}
 .skip-cart .icon:hover {
background-position:3px -86px !important;
}
.header-top .ht-panel .skip-link {
padding:0
}
 #header-cart.skip-active {
 background:#fff;
 border: 1px solid #cccccc;
 display: block;
 position: absolute;
 right: 0;
 top: 50px;
 width:280px;
 z-index: 200;
}
 .header-top .search {
display:none
}
.header-top .search-box {
display:block;
width:20%;
}
 .header-top div.logo {
max-width:120px;
padding-left:10px;
position:relative;
z-index:999;
}
.ht-panel .search .input-text {
max-width:300px;
font-size:15px;
}
.ht-panel .sc_icon .my-account {
width:100%;
height:50px;
overflow:hidden;
display:inline-block;
text-indent:50em
}
.ht-panel .sc_icon .account-icon {
display:block;
width:100%;
height:50px;
background:url(../images/menu-icon.png) no-repeat center -80px;
}
 .navigation .navbar-default .navbar-toggle {
margin-top:0;
margin-bottom:0
}
 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
padding:0
}
/*ul.menu-manager-menu {
}
ul.menu-manager-menu li {
}
ul.menu-manager-menu li a {
display:block;
padding:5px;
border-bottom:1px solid #e7e7e7;
color:#333;
}
ul.menu-manager-menu li a:hover {
text-decoration:none;
background:#f9f9f9
}*/
 .navbar-header {
float:right;
height:50px;
border-left:1px solid #eee;
border-right:1px solid #eee;
width:20%; display:none
}
.navbar ul.menu-manager-menu ul {
}
.navbar {
margin:0;
min-height:0
}
.navbar-toggle {
margin:0 auto;
float:none;
padding:13px 8px;
width:40px;
height:50px; display:none
}
.navbar-toggle .icon-bar {
background:#333
}
.header-bottom.sticky .navigation {
width:100%;
float:left;
background:#fff
}
.header-bottom.sticky .navbar {
line-height:normal
}
.header-bottom.sticky .navbar ul.menu-manager-menu li a {
padding:5px 15px;
}
.header-bottom.sticky .brand-logo {
display:none
}
.cms-home .header-bottom {
width:100%;
float:left;
position:relative;
z-index:99;
}
.header-bottom {
background:#fff;
}
.slider {
min-height:200px; background:none;
}
.slider img.imgLoaded{display:block}
.slide_cont {
margin-top:20px;
}
.slider-text {
max-width:100%;
position:relative;
top:0;
-webkit-transform:none;
-moz-transform:none;
transform:none;
}
.slider-text ul li {
float:left;
width:100%;
padding:0 10px;
text-align:center
}
.slider-text ul li span {
padding-left:5px;
}
.slider-text ul li .btn {
padding:10px 5px;
margin-bottom:15px;
}
.slider-text ul li img {
}
.slide-txt-right{ max-width:100%; padding:15px; top:0;}

.camera_caption {
display:none !important
}
 .panel1, .panel2, .panel3, .panel4 {
padding:15px 0
}
.panel1 h1, .panel2 h1, .panel3 h1 {
font-size:32px;
padding:10px 0 20px
}
 .panel1 ul li {
min-height:1px;
min-width:1px;
float:left;
width:100%;
margin:0;
padding:0;
}
.strut_in {
border-radius: 22px;
 box-shadow: 3px 4px 8px 2px #bbb;
 height: 100%;
 margin: 0 auto 20px;
 padding: 10px 15px;
 width: 80%;
}
 .panel2-box {
margin-bottom:30px
}
.site-nav {
margin:10px 0
}
.sidebar_container {
min-height:10px;
margin:15px 0 30px 0;
float:left;
width:100%;
}
.categories h3 {
font-size:20px;
margin-top:10px
}
.category-products .grid-top .grid-box {
width:100%
}
 .account-login {
float:left;
width:100%;
}
 .col-sm-6.col-md-6 {
width:100%;
float:left;
}
.cms-contact-us .contact {
margin-bottom:30px;
}
input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], .input-box textarea {
width:100% !important
}
#checkout-step-login .col2-set .col-2 {
padding-left:0px;
border:none;
}
.content_wrap_how {
text-align:center
}
.content_p {
margin-bottom:30px;
}
.col-sm-3 {
float:left;
width:100%;
}
.col-sm-9 {
float:left;
width:100%;
}
.block .actions .button {
width:100%;
margin-bottom:15px
}
 .footer {
padding-top:0
}
.footer-top .col-sm-3, .footer-top .col-sm-4, .footer-top .col-sm-5 {
width:100%;
padding:0 15px;
margin:0 0 30px;
}
.footer-top .col-sm-4 {
padding:0
}
.mail {
padding:0
}
 .footer-top .footer-nav1, .footer-top .footer-nav2 {
float:left;
width:50%
}
.footer-top .footer-nav1 li, .footer-top .footer-nav2 li {
 font-size: 15px;
}
.footer-nav2 {
padding-left:15px !important
}
.contact ul li {
 font-size: 15px;
}
.mail input {
width:100%
}
.footer-bottom p {
 font-size: 15px;
}
.footer-bottom .social li {
 display: inline;
 font-size: 15px;
}
.footer-bottom .social li .fa {
 color: #000;
 font-size: 20px;
}
.mail h3 {
 font-size: 20px;
}
.contact h3 {
 font-size: 20px;
}
.content_wrap_how .img_w:after {
 content: " \2193";
 height: 76px;
 font-size: 72px;
 font-weight: normal;
 position: relative;
 top: -9px;
 left:0px;
 line-height: 83px;
 margin: 0 auto;
 text-align: center;
 display: block !important;
}
.content_wrap_how .head_w{ height:auto; display:block; text-align:center; width:100%; float:left}
.content_wrap_how .head_w h2{display:block}
#checkout-step-billing.step {padding:10px 0}
#checkout-step-billing.step .fieldset{margin:0px;}
#checkout-step-billing.step .form-list li.fields .field{margin-right:0; width:100%; padding:0px;}
#checkout-step-billing.step .form-list li.wide{width:100%; padding:0px;}
.buttons-set{margin:10px 0}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
 .content_resource h2 {
text-align:center;
}

 #checkout-step-login .col2-set .col-2 {
padding-left:0px;
border:none;
}
 .img_resource img {
 margin: 0 auto;
 display: block;
margin-bottom: 10px;
}
 .content_resource p {
text-align:center;
}
 .tbl-responsive {
 overflow-x:auto;
}
 .header-top ul li {
position:relative
}
 .panel1 ul li {
width:50%
}
.panel1 .col-centered ul.first-ul li:nth-child(2n) {
display:none
}
.panel1 .col-centered ul.second-ul li:nth-child(2n+1) {
display:none
}
}

 @media only screen and (max-width: 480px){
 .content_wrap_how .head_w h2{ text-align:center;display:block; margin:0 auto;}
 .content_wrap_how .head_w{display:block;    margin-bottom: 10px; height:auto;}
 }
