/*--------------------------------------
 *Theme Name: NOCO Responsive Theme 2014
 *Description: NOCO Site
 *Author: Smartsites - http://www.smartsites.com/
 *Version: 2.0
---------------------------------------*/
/* =============================
 * Table of contents
 * ============================= */
/* 1. Responsive layout target Device width 1440px to 1700px */
/* 2. Responsive layout target Device width 1440px */
/* 3. Responsive layout target Device width 1025px to 1200px */
/* 4. Responsive layout target Device width 980px to 1024px */
/* 5. Responsive layout target Device width 768px to 979px */
/* 6. Responsive layout target Device width 1024px Tablet (Landscape) */
/* 7. Responsive layout target Device width 900px */
/* 8. Responsive layout target Device width 768px Tablet (Potrait) */
/* 9. Responsive layout target Device width less than 767px */
/* 10. Mobile (Landscape) Note: Design for a width of 480px */
/* 11. Responsive layout target Device width 640px(Samsung Note4) */
/* 12. Responsive layout target Device width 540px */
/* 13. Mobile Portrait Size to Mobile Landscape Size */
/* 14. Responsive layout target Device width 479px */
/* 15. Responsive layout target Device width 360px (Smart Phones Potrait) */
/* 16. Retina Displays */
/* ===================================== */
.show-on-mobile{
    display: none;
    visibility: hidden;
}
.small-screen-overlay{}

#trigger-nav .regional-language strong{
    line-height:1.9;
}
#trigger-nav .user{
    float:right;
}
#trigger-nav .user,
#trigger-nav .my-region-selector .select-lang{
    font-weight: 500;
    font-size: 1.714em;
    line-height:1.9;
    color: #fff;
    display: inline-block;
    text-decoration: none;

}
#trigger-nav .my-region-selector .select-lang{
    cursor: pointer;
    padding-left: 15px;
}
#trigger-nav .language-option,
#trigger-nav .regional-language strong,
#trigger-nav .regional-language:hover{
    display:block;
    background-color:transparent;
}
#trigger-nav .language-option .col strong{
    font-size:1.3em
}
#mobile-slider{
    position: relative;
    margin-bottom: 10px;
}
#mobile-slider ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#main-slider .slideshow-pager,
#mobile-slider .slideshow-pager{
    display: none;
}
#mobile-slider .slideshow-prev,
#mobile-slider .slideshow-next{
    display: inline-block;
    height: 30px;
    width: 25px;
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -10px;
    font-size: 0;
    line-height: 0;
    z-index: 100;
    cursor: pointer;
}
#mobile-slider .slideshow-prev{
    left: 0;
    background: url(../images/prev1.png) no-repeat #000;
    background-size: 10px;
    background-position: center center;
}
#mobile-slider .slideshow-next{
    right: 0;
    background: url(../images/next1.png) no-repeat #000;
    background-size: 10px;
    background-position: center center;
}
/* ============================================================== *
 * 1. Responsive layout target Device width 1440px to 1700px
 * ============================================================== */
@media only screen and (max-width: 1500px) {
     .list-career{
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
    }
    .design-element4,
    .one_fourth_wrapper{
        padding-left: 10px;
    }
}

/* ============================================================== *
 * 2. Responsive layout target Device width 1440px
 * ============================================================== */
@media (max-width: 1440px) {
    .small-screen-gutter,
    .store_locations{
        padding-left: 20px;
        padding-right: 20px;
    }
    .custom-carousel.standard-dialog-box{
        border: none;
    }
    .cms-home #main-content .wrapper{
        max-width:100%;
    }


 .design-element1.show-overflow .img-holder {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.design-element1.show-overflow .img-holder .img-hide-overflow{
    width: auto;
    left: 0;
    position: relative;
    max-width: 100%;
}

    /*.design-element1.show-overflow {
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .design-element1.show-overflow .img-holder {
        left: 50%;
        margin-left: -5000px;
        position: relative;
        text-align: center;
        width: 10000px;
    }*/
    .download-links .thumbnails img{
        max-width: 100%;
        max-height: 150px;
    }
    .download-section-left .sub-title{
        padding-left: 15px;
    }

    .design-element3.img-align-right,
    .design-element2.img-align-left{
        padding-top: 20px;
        direction: inherit!important;
    }
    .design-element3.img-align-right .img-holder{
        margin-left: 0;
    }
    .store_locations{
        padding: 20px;
    }
    .featured_pr_des_left{
        padding-left: 20px;
    }
    .featured_pr_des_right{
        padding-right: 20px;
    }
    .entry .has-btn{
        padding-bottom: 10px;
    }
    .featured .pr_main_slide_image{
        width: 100%;
    }
    .blog-container{
        max-width: 100%;
    }
    .cart_content_left{
        padding-left: 12px;
    }
    .blog-container .toolbar,
    .blog-container .most_recent_post{
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
    .blog-post-view .most_recent_post{
        padding-bottom: 20px;
    }
    .custom-carousel.standard-dialog-box{
        /*height: 94.5vh*/
    }
    .custom-carousel-thumb{
        max-width: 120px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1340px) {
   .design-element4 .one_fourth,
   .one_fourth_wrapper .one_fourth,
    .cms-index-index .design-element4 .one_fourth{
        width:24.2%;
    }
    .pr_sub_clearll_right{
        float: none;
    }
    .apply-links span, .apply-links a{
        font-size: 0.9em!important;
    }
    .sidebar .btn-style1{
        font-size: 1.2em;
    }
    .product-essential .download-links{
        position: static;
        padding-top: 10px;
        margin-bottom: 0;
    }
    .design-element4,
    .one_fourth_wrapper{
        padding-left: 0;
    }
    .download-links .thumbs a{
        font-size: 10px;
        background-size: 12px!important;
    }

}

/* ============================================================== *
 * 3. Responsive layout target Device width 1025px to 1200px
 * ============================================================== */

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    #footer .footer_menu{
        width: 14.5%;
    }
    .pr_featured_accessories .pr_featured_acc {
        max-width: 159px;
    }
    .apply-links span, .apply-links a{
        font-size: 0.9em!important;
    }
    .sidebar .btn-style1{
        font-size: 1.2em;
    }
    .pr_slide_thumb ul li{
        height: 73px;
    }

}
@media screen and (max-width: 1200px) {
     .cms-index-index .design-element4 .one_fourth,
    .design-element4 .one_fourth{
        width: 49%;
        padding-right: 5px;
        padding-left: 5px;
    }
    .pr_review_block2{
        padding: 5px 10px 0 0;
    }
    #pr_read_review{
        width: 200px;
        font-size: 1.75em;
    }
     .billing-shipping .three-fields .small-size{
        width: 24%;
    }
    .checkout-types li{
        margin-left: 0;
    }
    .checkout-types li img{
        max-width: 100%;
    }
    .styledSelect{
        font-size: 1.4em;
        line-height: 2;
    }
    .careers-desc .sidebar.alignright{
        padding: 10px;
        padding-bottom: 40px;
    }
    .careers-desc .sidebar .seperator{
        margin-left: -10px;
        margin-right: -10px;
    }
    .sidebar .main-title,
    .sidebar h2.main-title{
        font-size: 1.286em;
    }
    #js-cart-popup,
    .popup-cart-description .cart-details{
        max-width: 100%;
        width: 100%;
    }
    .standard .pr_slide_left{
        width: 692px;
    }
    .pr_main_slide_image{
        width: 600px;
    }
    .design-element4,
    .one_fourth_wrapper{
        padding-left: 0;
    }
    .download-links li{
        float: none;
        /*width: 18.5%;*/
        vertical-align: top;
    }
    .download-links .thumbs a{
        font-size: 11px;
        text-align: left;
        background-size: 12px!important;
    }
}
@media screen and (max-width: 1100px) {
 #legacy_footer .sub-title{
        display: block!important;
        margin-top: 5px;
    }
    .ma_signin,
    .acc_create{
        width: 44%
    }
    .product-essential .download-links{
        position: static;
        padding-top: 10px;
        margin-bottom: 0;
    }
    .cart_content_left{
        padding-left: 10px;
    }
}
/* ============================================================== *
 * 4. Responsive layout target Device width 980px to 1024px
 * ============================================================== */
@media screen and (min-width: 980px) and (max-width: 1024px) {
    .sidebar .main-title,
    .sidebar h2.main-title{
        font-size: 1.286em;
    }
    .apply-links .white-text{
        font-size: 1em;
    }
    .apply-links span, .apply-links a{
        font-size: 0.9em;
    }
    .sidebar .btn-style1{
        font-size: 1.2em;
    }

}
/* ============================================================== *
 * 5. Responsive layout target Device width 768px to 979px
 * ============================================================== */
@media screen and (min-width: 768px) and (max-width: 979px) {

    #footer .footer_menu{
        width: 14%!important;
        margin-left: 16px;
    }
    .apply-links .white-text{
        font-size: 1em;
    }
    .apply-links span, .apply-links a{
        font-size: 0.9em;
    }
    .sidebar .btn-style1{
        font-size: 1.2em;
    }
}

/* ============================================================== *
 * 6. Responsive layout target Device width 1024px Tablet (Landscape)
 * ============================================================== */
@media screen and (max-width: 1024px) {
    .cms-home #main-content .wrapper{
        max-width:1024px;
    }
    .six-col-layout .col{
        overflow: hidden;
    }
    .wrapper,
    .wrapper-aligncenter,
    #footer .wrapper,
    .design-element2,
    .design-element3,
    .design-element4,
    .design-element5,
    .blog-container,
    .press-releases,
    .account-create{
        max-width: 100%;
    }

    .featured-image-container img{
        width: 100%;
        display: block;
    }
    .legacy_email_box{
        margin-top: 20px;
    }
     #footer .footer_menu:first-child{
        margin-left: 20px;
    }
    .smartsites-nocopages-page-view .design-element1 img{
        display: block;
        width: 100%;
    }
    #about_company #since1914 {
    font-size: 1.4em;
    line-height: 1;
    }
     #footer .footer_menu{
        width: 14.5%;
    }
    .js-battery-replacement-form textarea.large{
        width: 100%;
    }
     .design-element2 .img-holder,
    .design-element3 .img-holder{
        width: 320px;
    }
    .design-element1.show-overflow .img-holder .img-hide-overflow{
    left: 0;
    margin-left: 0!important;
    max-width: 100%;
    }
    .opc .section .step-title h2{
        font-size: 1.4em;
        line-height: 2.2;
    }
    .select-shipping .border-box .col{
        float: none;
        width: 100%;
        text-align: left;
        padding-top: 0;
    }
    .field.clearfix{
        clear: both;
    }
    .fancybox-inner, .fancybox-opened {
        width: 100% !important;
    }
    .js-vimeo-player iframe{
        width: 100vw;
    }
    .fancybox-inner,
    .fancybox-opened{}
    .border-box .text-note{
        position: static;
        padding-left: 0;
    }
    .custom-carousel.standard-dialog-box{
        max-width: 100%;
        min-width: inherit;
        width: 100%;
    }
    .custom-carousel.standard-dialog-box .custom-viewport{
        max-width: 90%;
    }
    .custom-carousel-thumb{
        display: block;
        overflow: hidden;
        float: none;
        width: auto;
    }
    .standard .pr_slide_left,
    .custom-carousel.standard-dialog-box .custom-viewport{
        float: none;
        display: block;
        width: 100%;
        overflow: hidden;
    }
    .custom-carousel.standard-dialog-box{
        height: 980px;
    }
    .custom-carousel.standard-dialog-box .custom-viewport,
    .custom-carousel.standard-dialog-box .custom-carousel-thumb{
        max-width: 100%;
    }
    .pr_main_slide_image,
    .product-view.standard .product-image,
    .pr_slide_thumb,
    .custom-carousel.standard-dialog-box .custom-carousel-thumb{
        width: 100%;
        float: none;
    }
    .custom-carousel.standard-dialog-box .custom-carousel-thumb{
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        clear: both;
        display: block;
    }
    .pr_slide_thumb ul li,
    .custom-carousel.standard-dialog-box .custom-carousel-thumb ul li{
        display: inline-block;
        float: left;
        width: 12.5%;
    }
    .pr_slide_thumb ul li a,
    .custom-carousel.standard-dialog-box .custom-carousel-thumb ul li a{
        width: 100%;
        height: 100%;
        display: block;
    }
    .pr_slide_thumb ul li img,
    .custom-carousel.standard-dialog-box .custom-carousel-thumb ul li img{
        width: 100%;
        height: auto;
    }
    .custom-carousel.standard-dialog-box .custom-carousel-thumb ul li img{
        max-width: 100%;
    }
    .blog-container .img-align-left .alignleft.img-holder{
        margin-right: 20px;
    }

}
@media screen and (max-width: 980px) {
     .pr_review_block2,
     .pr_review_num{ }
    .custom-viewport li img{
        max-width: 100%;
    }
    .custom-carousel .custom-viewport{
        height: auto;
    }
    #nav > ol > li > a{
        font-size: 1.3em;
        line-height: 2.57;
    }
    .opc .alignleft.has-btn,
    .opc .alignright.has-btns{
        float: none;
        display: block;
        width: 100%;
    }
    .opc .alignleft.has-btn{
        margin-bottom: 20px;
    }
    .opc .has-btn button,
    .opc .has-btns button{
        width: 100%;
    }
    .pr_review_read{
        height: auto;
    }
    .pr_review_read .alignright,
    .pr_review_read .alignright .col{
        float: none;
        display: block;
        text-align: center;
        padding-top: 0;
    }
    .pr_review_block2,
    .pr_review_block1,
    .pr_review_block2 .pr_block2_write{
        display: block;
        float: none;
        text-align: center;
        clear: both;
    }
    #pr_read_review{
        margin: 10px auto 0;
        float: none;
        clear: both;
        display: block;
        width: 100%;
    }
    #pr_read_review:before{
        display: none;
    }
    .pr_review_rate,
    .users-rating,
    .pr_review_num{
        float: none;
    }
    .users-rating{
        margin: 10px auto;
    }
    .pr_review_block2,
    .pr_review_num,
    .pr_block2_write,
    .pr_blcok2_txt{
        display: block;
        margin-left: 0;
    }
    .pr_review_block2,
    .pr_review_block1{
        padding-left:10px;
        /*padding-bottom: 5px;*/
        width: auto;
    }
    .pr_featured_accessories .pr_featured_acc{
        width: 23%;
    }
    .sl_single_details .rs_name{
        clear: both;
    }
    .accordion-panel .download-links > li{
        width: 24.5%;
    }
}
/* ============================================================== *
 * 7. Responsive layout target Device width 900px
 * ============================================================== */
@media screen and (max-width: 900px) {
    .language-option{
        width: auto;
    }
    .ship_addr_add{
        width: 100%;
    }
    .my_product_updates .btn-style1,
    .my_product_updates .btn-style3 {
    font-size: 1.3em;
    min-width: 190px;
    }
    .cart_content_left .keep_shopping{
        width: auto;
        margin-bottom: 15px;
    }
    .pr_sub_clearll_right{
        float: right;
    }
    .download-section-right .main-title,
    #ss_search input[type="submit"]{
        font-size: 1.4em;
    }
    .download-section-right .btn-style1{
        font-size: 1.2em;
    }
    .download-section-left{
        width: 78%;
    }
    .download-section-right{
        width: 22%;
    }
    .cart_content_right .btn-style2,
    .cart_content_right .sub-title,
    .has_border .ct_call span,
    .cart_content_right h2{
        font-size: 1.2em;
    }
    .pagination{
        padding-bottom: 20px;
    }
}

/*============================================================= *
 * 8. Responsive layout target Device width 768px Tablet (Potrait)
 * =========================================================== */
@media (max-width: 768px) {
    .blog-container .pager .pages {
        padding-top: 10px;
        padding-left: 0;
    }
    .sort-by-switcher.sort-by-switcher--asc {
        display: block;
        margin-top: 10px;
    }
    #about_company #since1914{
     }
     .cms-home #chat-opener{
         top: -182px;
     }
    .six-col-layout .col{
        width: 15.58%;
    }

    .ma_signin.alignleft,
    .divider2,
    .acc_create.alignright{
        max-width: 100%;
        width: 100%;
        float: none;
    }
    .css-label{
        padding-left: 0;
    }
    .divider2{
        padding-top: 10px;
        width: 100%;
        margin-bottom: 20px;
    }
    #send2{
        display: block;
    }
    .my-account .fieldset ul li{
        display: block;
    }
    .form-style-break1 .input-text,
    .form-style-break1 select{
        max-width: inherit;
    }
    .blog-container .most_recent_post{}
    .blog-container .sidebar{}
     #ss_search input[type="submit"]{
        font-size: 1em;
    }
    .product_register_box .gutter-l{
        margin-left: 0!important;
        margin-top: 15px;
    }
    body{
        min-width: inherit;
        overflow-x: hidden;
    }
    .accordion-panel .download-links > li:nth-child(6n+1){
        clear: none;
        padding-left: 10px;
    }
    .featured_pr_des_left{
        clear: both;
        overflow: visible;
    }
    .custom-carousel.standard-dialog-box{
        height: 83.5vh;
    }
}

/*============================================================= *
 * 9. Responsive layout target Device width less than 767px
 * =========================================================== */
@media screen and (max-width: 767px) {
    .blog-container{
        padding-left: 0;
        padding-right: 0;
    }
    .blog-container .img-align-left .alignleft.img-holder{
        margin-right: 0;
    }
    .hide-on-mobile{
        display: none;
        visibility: hidden;
    }
    .show-on-mobile{
        display: block;
        visibility: visible;
    }
    .show-on-mobile .img-holder img{
        max-width: 100%;
    }
    .content-inner-wrap{
        min-height: 100%;
        padding-bottom: 30px;
    }
    .cart_content_left,
    .cart_content_right,
    .blog-container .sorter,
    .blog-container .pager {
        width: 100%;
        float: none;
        display: block;
        text-align: center;
    }
    #top_footer{
        height: auto;
    }
    .not-registered .red-text{
        text-align: right;
    }
    #legacy_footer .sub-title{
        margin-bottom: 10px;
    }
    .header-block{
        padding: 18px 5px;
    }
    .header-block h2{
        padding-top: 0;
        white-space: nowrap;
    }
    .header-block.overlay{}
    .regional-language{
        display: none;
    }
    .small-screen-overlay #trigger-nav .regional-language{
        display:inline-block;
    }
    .small-screen-overlay .cart-holder{
        width: 50px;
        margin-right: 46px;
    }
    .nav-bar{
        position:absolute;
        top:0;
        right:0;
    }
    #trigger-nav{
        display: none;
        position: absolute;
        top: 50px;
        right: 0;
        background-color: #000;
        min-width:76%;
        width: 100%;
        min-height:200px;
    }
    #trigger-nav .bg-style1{
        display:block;
        min-height:50px;
        width:100%;
        clear:both;
    }
    #trigger-nav .select-lang,
    .logout-link .down-arrow,
    #trigger-nav .user{
        padding-right: 40px;
        display: inline-block;
        background:url(../images/arrow-down2.svg) no-repeat right center;
        background-size: 40px;
        height: 50px;
    }
    #trigger-nav .sub-links{
        list-style:none;
        display: none;
        clear:both;
        padding:0;
        margin:0 0 10px;
    }
    #trigger-nav .sub-links li{
        display: block;
        padding-right:10px;
        line-height: 2;
    }
    #trigger-nav .sub-links li a{
        display:block;
        color:#ccc;
        text-align:right;
    }
    #trigger-nav .language-option .col{
        float:none;
        display:block;
        margin-left:0;
        max-width:100%;
    }
    #trigger-nav .language-option ul{
        margin:0;
        padding-bottom: 10px;
        list-style: none;
    }
    #trigger-nav #js-lang-close{
        display: none;
    }
    #trigger-nav .nav-primary,
    .nav-inside{
        list-style:none;
        padding:0;
        margin:0;
    }
    #trigger-nav .nav-primary li{
        position: relative;
    }
    #trigger-nav .nav-primary > li a,
    .nav-inside li a{
        padding:10px 15px 0;
    }
    #trigger-nav .nav-primary{
        padding-bottom:10px;
    }
    #trigger-nav .nav-primary > li > a.level0,
    .nav-inside li a{
        display:block;
        color: #808080;
        font-size: 1.857em;
        font-weight: 300;
        text-decoration:none;
    }
    #trigger-nav .nav-primary .parent ul.level0{
        display: none;
        background-color: #2c2d2e;
        list-style: none;
        padding:10px 0;
        margin: 0;
    }
    #trigger-nav .nav-primary .parent ul.level0 ul{
        list-style:none;
        display:none;
    }
    #trigger-nav .nav-primary .down-arrow{
        display: inline-block;
        height: 44px;
        position: absolute;
        right: 0;
        top: 0;
        width: 44px;
        cursor: pointer;
        background: url(../images/arrow-down.svg) no-repeat right center;
        background-size:35px;

    }
    #trigger-nav .nav-primary > li > ul > li a{
        display:block;
        color: #808080;
        font-size: 1.3em;
        font-weight: 300;
        text-decoration:none;
    }
    #trigger-nav .nav-primary > li > ul > li.parent{
        border-bottom: 1px dotted #444;
        padding-bottom:5px;
    }
    #trigger-nav .nav-primary > li > ul > li.parent:last-child{
        padding-bottom:0;
        border-bottom:none;
    }
    #trigger-nav .nav-primary > li > ul > li > ul > li a{
        display:block;
        color: #808080;
        font-size: 1em;
        font-weight: 300;
        text-decoration:none;
    }
    .logout-link{
        list-style:none;
        padding:0;
        margin:0;
    }
    .logout-link ul{
        display:none;
    }
    .design-element4 .one_fourth,
    .cms-index-index .design-element4 .one_fourth,
    .design-element4 .one_fourth:nth-child(4n){
        width:49%;
        text-align:center;
    }
    .design-element4 .one_fourth img{
        width: auto;
        max-width: 100%;
    }
    .design-element4 .of_inner{
        text-align: center;
    }
    .design-element4 .one_fourth .of_inner{
        padding-bottom: 20px;
    }
    .nav-bar{
        background: url(../images/icon-menu.svg) no-repeat center center;
        background-size: 80%;
        height: 51px;
        width: 45px;
        display: inline-block;
        cursor: pointer;
        background-color: #333;
    }
	.nav-bar.nav-close{
	background: url(../images/review_pop_x.png) no-repeat center center #333;
	background-size: 25px;
	}
    #nav{
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 100%;
        z-index: 203;
        background-color: #606061;
    }
    .nav-inside{}
    #collapsible .has-thumbnails li {
        margin: 10px 10px 10px 0;
    }
    .appended-view.view-all-products,
    .appended-view.view-all-brands{
        left: 10px;
    }
    #collapsible .has-thumbnails li
    #collapsible ul li a{
        font-size: 1em;
    }
    #about_company,
    #where_to_buy{
        display: block;
        float: none;
        width: 100%;
        padding: 17px 0;
    }
    #legacy_footer .alignleft,
    #legacy_footer .alignright{
        clear: both;
        float:none;
        width: 100%;
        text-align: center;
    }
    #legacy_footer .alignleft{
         margin-bottom: 20px;
    }

    .legacy_email_box{
        max-width: 70%;
        margin: 0 auto;
    }
    #top_footer.fixed_footer{
        position: relative;
    }
    .support_section_left,
    .support_section_right,
    .download-section-left,
    .download-section-right{
        float: none;
        width: 100%;
    }
    #top_footer{
        padding: 0;
    }
    #s_social{
        text-align: center;
    }
    #socials{
        display: block;
        float: none;
        clear: both;
        width: 100%;
        text-align: center;
        padding: 20px 0;
        margin-right: 0;
        margin-bottom: -17px;
        background-color: #000;
    }
    #socials li,
    #s_social li{
        float: none;
    }

    #socials li .google-plus{
        width: 35px;
        height: 35px;
    }
    #socials li .youtube,
    #socials li .twitter{
        width: 40px;
        height: 40px;
    }
    #s_social li #s_tw{}
    #socials li a{
        width: 30px;
        height: 30px;
    }
     .header-block .alignleft{
        width: 100%;
    }
    .alignright.breadcrumb-image{}
    .review_popup{
        width: 100%;
        min-width: 400px;
        margin-bottom: 0!important;
    }
    #support-popup .alignleft,
    #support-popup .alignright,
    .careers-desc .alignleft,
    .careers-desc .alignright,
    .careers-desc .sidebar.alignright{
        display: block;
        float: none;
        width: 100%;
    }
    #support-popup .alignleft{
        padding-right: 0;
        padding-bottom: 20px;
    }
    .careers-desc .sidebar.alignright{
        min-height: inherit;
    }
    .customer-account .col2-left-layout .col-main,
    .customer-account .col2-left-layout .col-left{
        float: none;
        display: block;
        width: 96%;
        margin: 0 auto 10px;
        padding-left: 0;
    }
    .design-element1 .less-width{
        width: 96%;
    }
    .error-page{
        width: 90%;
        text-align: center;
        padding-left: 0;
    }
    .error-page .callout{
        position: static;
        padding-top: 0;
        margin: 0 auto;
        height: 220px;
    }
    .loc_top_left{
        width: 100%;
        float: none;
        display: block;
    }
    #reseller_text{
        margin-bottom: 10px;
    }
    #footer{
        padding-top: 10px;
    }
    #footer .footer_menu{
        width:96%;
        float: none;
        margin: 0 auto!important;
        display: block;
        position: relative;
    }
    #footer .footer_menu .down-arrow,
    .nav-primary .submenu-arrow{
     position: absolute;
     height: 40px;
     width: 40px;
     content: '';
     display: inline-block;
     right: 0;
     top: 0;
     cursor: pointer;
     background: url(../images/arrow-down.svg) no-repeat center center;
     background-size: 60%;
     z-index: 200;
    }
    .nav-primary .submenu-arrow{
      background: url(../images/arrow-down2.svg) no-repeat;
      background-size: 80%;
    }
    #footer .footer_menu ul{
        display: none;
    }
    #footer .footer_menu ul li{
        border-bottom: 1px solid #333;
        padding: 10px 0;
    }
    #chat-opener{
        position: absolute;
        padding: 10px;
        top: -29px!important;
        right: 0;
        line-height: 1;
        float: right;
        height: 51px;
        background: none #333;
    }
    #chat-opener a{
        display: inline-block;
        padding-left: 40px;
        padding-right: 20px;
        height: 32px;
        background: url(../images/chat1.svg) no-repeat left center;
        background-size: 32px;
    }
    .my_product_box,
    .my_product_image,
    .my_product_info,
    .my_product_updates{
        width: 100%;
        padding-bottom: 10px;
        float: none;
        clear: both;
        text-align: center;
    }
    .mp_close_edit{
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .my_product_updates .mp_close_edit a{
        display: inline-block;
        float: left;
        margin-left: 10px;
    }
    .design-element1 img{
        display: block;
        width: 100%;
    }
    .design-element1.show-overflow .img-holder .img-hide-overflow {
        display: inline;
    }
    .header-block h2 span{
        margin-left: 5px;
    }
    .featured_pr_des_left,
    .featured_pr_des_right{
        float: none;
        clear: both;
        width: auto;
        padding-right: 10px;
    }
    .featured_pr_des_right .add-to-box{
        padding-top: 20px;
    }
    .featured_pr_des_right .pr_sub_clearll_right{
        padding-left: 10px;
    }

    .alignright.breadcrumb-image,
    .cart-holder ul{
        display: none;
    }
    .single_review_right,
    .featured_pr_des_right .pr_sub_clearll_left,
    .single_review_left,
    .refer-form .get-free{
        width: 100%;
        display: block;
        float: none;
        clear: both;
    }
    .refer-form .alignleft{
        max-width: 100%;
        padding-right: 0;
    }
    .refer-form ol li input,
    .confirmation-message .textarea{
        width: 100%;
    }
    .radio_field,
    .refer-form .get-free{
        clear: both;
    }
    .review_pop_btn{
        width: auto;
    }
    .pr_sub_clearll_right{
        display: block;
        text-align: left;
        float: none;
        padding: 0 20px;
    }
    #product_featured_image .product-image-thumbs{
        min-width: 400%;
        display: block;
        white-space: nowrap;
    }
    .hide-on-mobile{
        display: none;
    }
    .show-on-mobile{
    display: block;
    }
    .language-option .close{
        display: inline-block;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 10px;
        right: 10px;
        content: '';
        z-index: 200;
        cursor: pointer;
        background: url(../images/close1.png) no-repeat center center #333;
    }
    .content-inner-wrap .blog-container .content{
        width: 100%;
        clear: both;
        float: none;
    }
    .blog-container .img-align-left .img-holder,
    .blog-container .img-align-right .img-holder{
        max-width: 100%;
    }
    .blog-container .most_recent_post{
       text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }
    .blog-container .sidebar{
        margin-top: 0;
        width: 100%;
        height: auto!important;
        padding-bottom: 10px;
    }
    .legacy_email_box{
        margin-top: 0;
    }
    #legacy_footer .alignleft{
        margin-bottom: 0;
    }
    .loc_top_right,
    .single_reseller_box .rs_no,
    .single_reseller_box .rs_name,
    .single_reseller_box .rs_online_address,
    .single_reseller_box .rs_feature,
    .single_reseller_box .rs_actions,
    .rs_name .rs_single_addr,
    .main-title .rc_date,
    .blog-container .img-align-left .alignleft.img-holder{
        display: block;
        float: none;
        clear: both;
        width: 100%;
        text-align: center;
    }
    .main-title .rc_date{
        font-weight: 300;
    }
    .blog-container .img-align-left .alignleft.img-holder img{
        margin-left: auto;
        margin-right: auto;
    }
    #footer #copyright a.show-on-mobile{
        font-size: 1.89em;
    }

    #f_company{
        display: none;
    }
    #copyright{
        padding: 10px 20px!important;
    }
    .breadcrumbs{
        display: none;
    }
    .checkout-onepage-index .col-main,
    .checkout-onepage-index .col-right,
    .design-element5 .col-1,
    .design-element5 .col-2,
    .pr_sub_clearll_left,
    .in_stock{
        float: none;
        display: block;
        width: 100%;
        clear: both;
    }
    .pr_sub_clearll_right{
        padding: 0;
    }
    .pr_slide_left{
        float: none;
        width: 100%;
        margin-right: 0;
        max-width: 100%;
    }
    .custom-carousel-thumb ul li{
        display: inline-block;
        float: left;
        width: auto;
        max-width: inherit;
    }
    .pr_main_slide_image .bxslider li{}
    .product_slideshow_wrapper .product-image,
    .pr_main_slide_image{
        width: 100%!important;
        min-height: inherit;
    }
    .form-style1 .js-battery-replacement-form .two-col > .col{
        width: 100%;
        float: none;
    }
    .form-style1 .two-col > div:first-child{
        margin-bottom: 15px;
        margin-right: 0;
    }
    .product-img-box .product-image img{
        margin: 0;
        width: 100%;
        max-width: 100%;
    }
    .product_bullet_points{
        display: none;
    }
    .product-essential .download-links{
        position: static;
    }
    .top_review_p1,
    .top_review_p2,
    .top_review_p3{
        float: none;
        margin-right: 0;
        margin-top: 0;
        width: 100%;
        max-width: inherit;
        text-align: center;
    }
    .top_review_p3{
        padding-bottom: 10px
    }

    .cart-holder #cart_items{
        right: 7px;
    }
    ul.account_menu{
        margin-top: 5px;
    }
     .my-account{
        padding-bottom: 20px;
    }
    .radio_field .css-label{
        height: auto;
    }
    .pr_featured_thumb li{
        width: 25%;
    }
    .repeated-block .desc,
    .get-free .desc{
      display: block;
      clear: both;
    }
    .get-free .img-holder.alignleft{
        min-width: 50%;
    }
    .sidebar .main-title,
    .sidebar h2.main-title{
        font-size: 2.286em;
    }
    ul.cc_list li{
        font-size: 1.3em;
    }
    .acc_create .main-title,
    .acc_create h2.main-title,
    .ma_signin .main-title,
    .ma_signin h2.main-title{
        font-size: 1.8em;
    }
    .cart-details #product_qty,
    .cart-details .js-keep-shopping{
        margin-bottom: 10px;
    }
    .cart-accessories > form{
        width: 49%;
    }
    .blog-container .desc{
        padding-left: 0;
    }
    .cart_content_left{
        padding-right: 10px;
    }
    .design-element5.column4-layout .col {
        padding: 0 10px;
        width: 50% !important;
    }
    .design-element5.column1-layout .col {
        padding: 0 20px;
    }
    .design-element5.column1-layout,
    .design-element5.column1-layout .col{
        width: 100% !important;
    }
    .design-element5.column4-layout .col:nth-child(2n+1) {
        clear: left;
    }
    .design-element5 .main-title,
    .design-element5 h2.main-title{
        font-size: 1.6em;
    }
    .design-element5 h2.sub-title,
    .design-element5 h3.sub-title,
    .design-element5 .sub-title{
        font-size: 1.2em;
    }
}
@media screen and (min-width: 720px) and (max-width: 1024px) {
    /*.design-element2.img-align-left.show-overflow .img-holder img,
    .design-element2.img-align-right.show-overflow .img-holder img{
        max-width: 100%;
    }
    */
}
@media screen and (max-width: 720px) {
    .design-element2 .img-holder,
    .design-element3 .img-holder{
        text-align: center;
    }
    .img-align-left .desc,
    .img-align-right .desc{
        padding-top: 20px!important;
    }
    .design-element2 .img-holder,
    .design-element3 .img-holder{
        display: block;
        float: none;
        width: 100%;
    }
    .blog-container .desc{
        clear: both;
        display: block;
        padding-top: 20px;
    }
    .design-element2.img-align-left.show-overflow .img-holder img,
    .design-element3.img-align-right.show-overflow .img-holder img{
        max-width: 100%;
    }
    .img-align-left .desc,
    .img-align-right .desc{
        text-align: center;
    }
    .blog-container .desc{
        padding-left: 20px;
    }
}

/*===========================================================
 * 10. Mobile (Landscape) Note: Design for a width of 480px
 * ========================================================== */
@media screen and (min-width: 480px) and (max-width: 767px) {
}

/*============================================================= *
 * 11. Responsive layout target Device width 640px(Samsung Note4)
 * =========================================================== */
@media screen and (max-width: 640px) {
    .design-element2 .img-holder img,
    .design-element3 .img-holder img{
        display: block;
        width: 100%;
    }
    .accordion-panel .download-links > li{
        width: 31.5%;
    }
    .accordion-panel .download-links > li:nth-child(2n+1){
    }
    .billing-shipping .border-box,
    .ship_addr_add{
        width: 99%;
        float: none;
    }
    .pr_featured_accessories .pr_featured_acc{
        width: 47%;
    }
    .two-col-layout .alignleft,
    .two-col-layout .alignright,
    .two-col-layout .alignright .rs_actions{
        float: none;
        clear: both;
        width: 100%;
    }
    .rs_actions .btn-style1,
    .rs_actions .btn-style2{
        float: none;
    }
    .store_locations h2{
        padding-top: 10px;
    }
}
/*============================================================= *
 * 12. Responsive layout target Device width 540px
 * =========================================================== */
@media screen and (max-width: 540px) {
    .billing-shipping input.medium-size,
    .billing-shipping select.medium-size{
        max-width: 100%;
        margin-right: 0;
    }
    .billing-shipping select{
        padding-top: 10px;
    }
    .billing-shipping .three-fields input.medium-size,
    .billing-shipping .two-fields input.medium-size,
    .two-fields .alignleft{
        margin-bottom: 20px;
        float: none;
    }
    .billing-shipping .three-fields .small-size{
        width: 49%;
        max-width: 100%;
    }
    .two-fields .alignright{
        float: none;
    }
    .billing-shipping select.medium-size{
        width: 100%;
    }
    .product_register_box .gutter-l{
    clear: both;
    display: block;
    margin-left: 0 !important;
    margin-top: 15px;
    }
    .account_contents .desc{
        display: block;
        clear: both;
    }
    .pr_main_slide_image{
        width: 100%;
        margin-right: 0;
    }

    .left_part,
    .right_part{
        float: none;
        display: inline-block;
        width: auto;
    }
    .cart_content_right table{
        width: 100%;
    }
    .accordion-panel .download-links > li:nth-child(6n+1),
    .accordion-panel .download-links > li:nth-child(4n+1){
        clear: none;
        padding-left: 10px;
    }
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    textarea,
    select{
        font-size: 1em;
    }
    .billingandshipping-index-index .col-left-first.sidebar,
    .billingandshipping-address-edit .col-left-first.sidebar{
        min-height: inherit;
    }
    .form-style1 .two-col > div{
        display: block;
        float: none;
        width: 100%;
        padding-right: 0 !important;
    }
    .select-style2,
    .select-style2 .select,
    .form-style1 .fields .alignleft.small,
    .form-style1 .fields .alignright.large{
        width: 100%;
    }
    .form-style1 .fields .alignleft{
        padding-right: 0;
    }
    #region_id,
    .txt-size-md,
    .js-required-entry-cc{
        margin-bottom: 15px;
    }
    .opc .has-btn button,
    .opc .has-btns button{
        font-size: 1.4em;
    }
    .select-style2 .select{
        margin-top: 15px;
    }
    .form-style1 .two-col > div:first-child{
        margin-bottom: 0;
    }
    .has-promo-code{
        font-size: 1em;
    }
    .styledSelect{
        font-size: 1.2em;
        line-height: 2.4;
    }
    .select-style2 .styledSelect{
         min-width: 260px;
         margin-left: -20px;
    }
    .one_fourth_wrapper .one_fourth{
        width: 49%;
    }
    .one_fourth img{
        margin: 0 auto;
        width: 100%;
        max-width: 400px;
    }
    .content-dialog{
        min-width: inherit;
    }
    .pr_slide_thumb ul li {
        width: 25%;
    }
}
/*===========================================================
 * 13. Mobile Portrait Size to Mobile Landscape Size
 * ========================================================== */
@media screen and (max-width: 480px) {
    #about_company #since1914 {
        font-size: 1.3em;
    }
    .btn-style1.alignright{
        float: none;
        margin: 10px auto;
        display: block;
    }
    .find_store_loc .aligncenter{
        width: 96%;
    }
    .careers-desc .tbl-style1{
        font-size: 0.75em;
    }
    .careers-desc .tbl-style1 td span{
         font-size: 1.25em;
    }
    .js-support-question-btn{
        font-size: 1.2em;
    }

    .js-battery-replacement-form .btn-style1{
        font-size: 1.17em;
    }
    .accordion-panel .download-links > li{
        width: 48%;
    }
    .pr_featured_thumb img{
        height: 60px;
    }

}
/*============================================================= *
 * 14. Responsive layout target Device width 479px
 * =========================================================== */
@media screen and (max-width: 479px) {
.regional-language strong.select-lang{
    font-size: 1.3em;
    height: 51px;
    line-height: 2.7;
    padding: 0 10px;
}
.my_cart > ul{}
.cart-holder:hover{
    background: none;
}
#logo{
    width: 130px;
}
#logo a{
    width: auto;
}
#logo a img{
    width: 100%;
    margin-top: 7px;
}
.cart-holder{
    width: auto;
}
.cart-holder ul li a.user{
    font-size: 0;
    line-height: 0;
    width: 40px;
    height: 51px;
    display: inline-block;
    float: left;
    padding-left: 0;
    background: url(../images/user.svg)  no-repeat center center;
    background-size: 93%;
}
.cart-holder ul li:hover a.user{
    background: url(../images/user2.svg)  no-repeat center center #000;
}
.cart-icon{
    display: inline-block;
    float: right;
    width: 40px;
    height: 51px;
    padding: 0 5px;
    position: relative;
}
.cart-holder #cart_items{
    right: 8px;
    background-size: 93% auto;
    width: 33px;
}
.cart-icon:hover{
    background-color: transparent;
}
  .repeated-block .alignleft,
  .repeated-block .alignright{
      float:none;
      width: 98%;
      clear: both;
      display: block;
      padding-right: 20px;
  }
  .review_popup{
      min-width: inherit;
  }
  .pr_featured_accessories .pr_featured_acc{
      width: 49%;
      margin: 0 0 10px;
  }
  .find_store_loc h2{
        font-size: 1.4em;
    }
    .direction-dialogbox .get-direction{
        text-align: center;
    }
    .direction-dialogbox .get-direction input[type="text"]{
        width: 100%;
        margin-top: 10px;
        margin-bottom: 15px;
    }
}
/*=================================================================== *
 * 15. Responsive layout target Device width 360px (Smart Phones Potrait)
 * ================================================================ */
@media screen and (max-width: 400px) {
    .find_store_loc .js-user-location{
        float: none;
        margin-bottom: 10px;
    }
    .legacy_email_box{
        max-width: 96%;
    }
    #legacy_footer .main-title{
        font-size: 2em;
    }
    #legacy_footer .sub-title{
        font-size: 1.4em;
    }
    .cms-home #chat-opener{
    }
     #where_to_buy span{
         float: left;
         margin-left: 20px;
     }
     #ss_search input[type="submit"]{
         font-size: 0.8em;
     }
     .review_popup{
       min-width: 255px;
    }
    .cart-holder > ul > li a{
        padding-left: 10px;
        font-size: 0.95em;
    }
    #footer-logo{
        padding-left: 0;
    }
    #f_company{
        clear: left;
    }
    #where_to_buy .link{
    left: 175px;
    margin-left: 0;
    position: absolute;
    top: -26px;
    }
    #about_company #since1914{
        font-size: 1.714em;
    }
    #about_company span a,
    #where_to_buy span a{
        font-size: 1.2em;
    }
    #about_company,
    #where_to_buy{
        clear: both;
    }
    .pd_box_left,
    .pd_box_right{
        display: block;
        width: 100%;
        clear: both;
        float: none;
    }
    .pd_box_right .pd_stock .stock_top a{
        position: absolute;
        top: 10px;
        right: 10px;
    }
    #socials{
        margin-top: -7px;
    }
    #chat-opener{
        top: -36px!important;
        width: 50px;
        font-size: 0;
        line-height: 0;
    }
     .one_fourth img{
        max-width: 300px;
    }
    .other_login,
    .icon-paypal{
        font-size: 1.5em;
    }
    .opc .section .step-title .number{
        top: 20px;
    }
    .opc .section .step-title h2{
        line-height: 1.2;
    }
   .opc #opc-billing .number.red-text{
        top: 18px;
    }
    .store_locations h1{
        font-size: 2em;
    }
    .custom-carousel.standard-dialog-box {
        height: 63.5vh;
    }
}
@media screen and (max-width: 320px) {
    .custom-carousel.standard-dialog-box {
        height: 74.5vh;
    }
}

/* ============================================ *
 * 16. Retina Displays
 * ============================================ */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .design-element1 > .img-holder img{
        max-width: 100%;
        width: 100%;
    }
    .design-element3.img-align-right.show-overflow .img-holder img{
        max-width: 100%;
    }
    .pr_featured_acc img{
        max-width: 100%;
    }
}
.hidden{
    display:none;
}

.cms-home h1 {
    display: none;
}