.clear{clear: both;}
h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html, body{font-family: 'Muli', sans-serif; background:#fff; font-size: 100%;}
body a{transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
.logo {padding: 15px; width: 117px;}
.logo a{color: #000;}
.logo p{float: right; margin-right: -40px; margin-top: -80px;}
.productSelection {padding-bottom: 66px; padding-top: 77px;}
.selection {padding: 20px;}
.navbar-default {background-color: #fff; border-width: 0px 0px 2px 0px; border-color: #000; height: 111px;}
.navbar-default .navbar-brand {color: #777;}
.bottomSelections {border-width: 2px 0px 0px 0px; border-color: #000; border-top-color: #000; border-style: solid;}
.middleLable{text-align: center; color: #fff; background-color: #000; margin: 0px 10px;}
.middleLable h1{font-size: 20px; padding-top:8px; padding-bottom: 7px;}
.product h2 {text-align: center; font-size: 14px;}
.no-gutter > [class*='col-'] {padding-right:0; padding-left:0;}
.tooltip-inner {text-align:center;}
.productSelectionOutline {margin: 0 auto; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 2px solid #000;}
.pageHero {background-color: #F7F7F9;}
.row.pageHero{border-width: 0px 0px 2px 0px; border-color: #000; border-top-color: #000; border-style: solid; margin-top: 95px;}
p.pageHeroHeader{font-size: 15px; padding-bottom: 20px;}
h2.pageHeroHeader{font-size: 17px;}
.editorsChoice{padding-bottom: 30px;}
.headerCoupon{background-color: #000; color: #fff;  float: right;}
.headerCoupon p{font-size: 26px;line-height: 1.1; padding-top: 15px;}
.headerCoupon h1 {font-size: 63px; padding: 7px 7px 0px 7px;}
p.legal{float: left; font-size: 11px; margin-top: -18px;}
/*---------------------------------------------------- LG LARGE DEVICES DESKTOP width: >1200px;------------------------------------------------------*/
@media (min-width: 1170px) {
    }
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    .productSelectionOutline {width: 260px;}
    .menu{margin-top: 16px; margin-left: 33px}
    .heroHeaderTxt{margin-top: 28px; margin-left: -22px;}
    h2.pageHeroHeader{margin-top: -14px;}
    .row {margin-right: -15px; margin-left: -15px;}
    .modelHeroImage{margin-top: 12px;}
    p.pageHeroHeader {font-size: 12px; padding-bottom: 14px;}
    ul.dropdown-menu{margin-left: -71px; width: 215px;}
    .carousel{margin-top: 100px;}
    .headerCoupon p{font-size: 18px;line-height: 1.1; padding-top: 1px; padding-left: 8px;}
    .headerCoupon h1 {font-size: 41px; padding: 0px 5px 3px 7px;}
    p.legal{float: left; font-size: 10px; margin-top: -18px;}
    .headerCoupon{height: 55px;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    .allProducts {padding: 25px; margin-top: 30px;}
    .productCopyBG{margin: 0 auto; padding: 19px 0px 28px 16px; text-align: center; display: inline-flex;}
    .menu{margin-top: 36px; margin-left: 43px;}
    .heroHeaderTxt{margin-top: 25px; margin-left: -38px; padding-left: 20px;}
    .row {margin-right: -15px; margin-left: -15px;}
    h2.pageHeroHeader{font-size: 20px;}
    .heroImg{padding-top: 0px; margin-top: 0px;}
    p.pageHeroHeader {font-size: 16px;}
    .carousel{margin-top: 150px;}
    .headerCoupon{height: 55px; }
    p.legal{float: left; font-size: 10px; margin-top: 1px; margin-left: -171px;}
}
@media only screen and (min-width : 530px) {
    h2.pageHeroHeader{font-size: 30px; margin-top: 11px;}
    heroHeaderTxt{margin-left: -38px;}
    .heroImg{padding-top: 0px; margin-top: 0px;}
    
}
/*------------------------ Small Devices, Tablets XS EXTRA SMALL DEVICES width: <768px; --------------------*/
@media only screen and (min-width : 768px) {
    .productSelection {padding-bottom: 66px; padding-top: 77px;}
    .allProducts{margin: 0 auto;}
    .product {padding:20px; float: left;}
    .menu{margin-top: 35px; margin-left: 47px;}
    .heroHeaderTxt{margin-top: 36px; margin-left: -24px;}
    h2.pageHeroHeader{font-size: 30px; margin-top: 0px;}
    .heroImg{padding-top: 0px; margin-top: 0px;}
    .carousel{margin-top: 40px;}
    .headerCoupon{height: 109px; padding-top: 27px; width: 353px; margin-top: -69px; }
    .row.pageHero {margin-top: 40px;}
    p.legal{float: left; font-size: 10px; margin-top: -18px; padding-left: 176px;}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .productCopyBG{margin: 0 auto;  text-align: center; display: inline-flex;}
    .productSelectionOutline {width: 260px;}
    .product {padding:20px; float: left;}
    .menu {margin-top: 35px; margin-left: 47px;}
    .row {margin-right: -15px; margin-left: -15px;}
    .allProducts {padding: 35px; margin-top: 20px; margin-left: 123px;}
    .heroImg{padding-left: 39px; margin-top: 0px;}
    .heroHeaderTxt{margin-top: 64px; margin-left: -38px;}
    h2.pageHeroHeader{font-size: 30px; margin-top: 0px;}
    .carousel{margin-top: 40px;}
    .headerCoupon p{font-size: 26px;line-height: 1.1; padding-top: 18px; padding-left: 20px;}
    .headerCoupon h1 {font-size: 63px; padding: 7px 7px 0px 7px;}
    p.legal{float: left; font-size: 11px; margin-top: -30px; margin-left: -2px;}
    .headerCoupon{height: 109px; padding: 0px; width: 450px; margin-top: 0px;}
    .row.pageHero {margin-top: 40px;}
}

/*--------------------- Large Devices, Wide Screens LG LARGE DEVICES DESKTOP width: >1200px;----------------------*/
@media only screen and (min-width : 1200px) {
    .menu {margin-left: 47px; margin-top: 35px;}
    .allProducts {padding: 35px; margin-top: 20px; margin-left: 0px;}
    .heroImg{padding-left: 74px;}
    .heroHeaderTxt{margin-top: 64px; margin-left: -31px;}
    h2.pageHeroHeader{font-size: 30px; margin-top: 0px;}
    .container-fluid {padding: 0px;}
    .modelHeroImage{padding-left:168px;}
    .couponHeader{width: 450px; height: 109px; margin-top: 0px;}
    .headerCoupon p{font-size: 26px;line-height: 1.1; padding-top: 19px;}
    .headerCoupon h1 {font-size: 63px; padding: 7px 7px 0px 7px;}
    p.legal{float: left; font-size: 11px; margin-top: 2px; margin-left: -265px;}
    .row.pageHero {margin-top: 40px;}
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {  
}
.pageHeroDD h2{font-family: 'Muli', sans-serif; font-weight: 400;}

/*******************************************MAIN*NAVIGATION***********************************************/
.nav-pills li{background-color: #000; border-radius: 4px; text-transform: uppercase; }
.nav-pills li a{padding: 6px 10px; color: white; }
.nav > li > a:hover, .nav > li > a:focus {background-color: #909090;}
.dropdown-menu{padding: 0px; margin: 0 auto;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color:#3E3E40;}