body {font-family: 'Josefin Sans', sans-serif; font-size:17px; font-weight:300; color:#59595b; background-color:#FFFFFF; margin-top: 104px;}
A:link {COLOR: #48adc8; FONT-FAMILY: 'Josefin Sans', sans-serif; FONT-SIZE: 16px; font-weight:300; TEXT-DECORATION: none }
A:visited {COLOR: #7a495d; FONT-FAMILY: 'Josefin Sans', sans-serif; FONT-SIZE: 16px; font-weight:300; TEXT-DECORATION: none }
A:active {COLOR: #1d725c; FONT-FAMILY: 'Josefin Sans', sans-serif; FONT-SIZE: 16px; font-weight:300; TEXT-DECORATION: none }
A:hover {COLOR: #b94b4b; FONT-FAMILY: 'Josefin Sans', sans-serif; FONT-SIZE: 16px; font-weight:300; }
table { border-collapse: collapse; }
th, td { padding:3px; }
h1 {font-family: 'Josefin Sans', sans-serif; font-size: 28px; color:#444444;}
h2 {font-family: 'Josefin Sans', sans-serif; font-size: 25px; color:#444444;}
h3 {font-family: 'Josefin Sans', sans-serif; font-size: 22px; color:#59595b;}
h4 {font-family: 'Josefin Sans', sans-serif; font-size: 19px; color:#59595b;}
.QSNavPad {display:inline-block;display:-moz-inline-box;white-space: nowrap;margin-left:30px;margin-right:30px;}
.QSMenuPic {padding-left:85px;}
hr { height: 1px; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.8), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.8), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.8), transparent); background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.8), transparent); border: 0; }
.QSCarouselTitle {font-family: 'Josefin Sans', sans-serif; font-size: 50px;}
.QSCarouselText {font-family: 'Josefin Sans', sans-serif; font-size: 40px;}
.navbar {border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important;}
.container {max-width: 1200px; margin:0 auto;}
.fixedwrapper {max-width: 1200px; margin:0 auto;}
.qsshopsection {margin-top:30px; min-height:320px;}
.footer {font-family: 'Josefin Sans', sans-serif; font-size:12px; font-weight:300; color:#FFFFFF; background-color: #CCCCCC;}
.hovereffect { overflow: hidden; position: relative; }
.hovereffect img { -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.hovereffect:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
.count-info .label { line-height: 12px; background-color:#54afca; padding: 2px 5px; border-radius: 50%; }
.header { position: absolute; top: 0px; z-index: 1000; color: #fff; width: 100%; display: block; margin-top: 0 !important; position: fixed; height: 104px; background-color:#NANANA;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);}
.navbar-default .navbar-nav > li > a {font-family: 'Josefin Sans', sans-serif; color: #FFFFFF; font-size:15px; font-weight:400; padding-left:10px;padding-right:10px; line-height:40px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #C0C0C0; }
.navbar-brand { color: #FFFFFF !Important;}
.navbar-brand:hover { color: ##C0C0C0 !Important;}
.navbar-default .dropdown-menu > li > a {font-family: 'Josefin Sans', sans-serif; padding-left:10px;padding-right:10px;}
.navbar-default .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > a:focus {font-family: 'Josefin Sans', sans-serif; }
.navbar-default .navbar-toggle { top:10px; }
.nav > li > a {font-family: 'Open Sans', sans-serif; color: #000000; font-size:14px; font-weight:400; padding-left:10px; padding-right:10px;}
.nav > li > a:hover, .nav > li > a:focus { color: #f2634d; }
.panel-primary > .panel-heading {border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important;
 background-color: #666666; border-color: #666666;}
.panel-primary { background-color: #F4F4F4; border-color: #666666;}
.btn-default { border-color:#c0c0c0; background-color:#c0c0c0; color:#FFFFFF !Important; }
.btn-default:hover { border-color:#cccccc; background-color:#cccccc; color:#FFFFFF !Important; }
.btn-primary { border-color:#c0c0c0; background-color:#c0c0c0; color:#FFFFFF !Important; }
.btn-primary:hover { border-color:#cccccc; background-color:#cccccc; color:#FFFFFF !Important; }
.menu-large { position: static !important;border-radius:0px;}
.megamenu { z-index: 1; padding: 10px 10px; width: 100%;border-radius:0px;}
.megamenu > li > ul {padding: 0;margin: 0;}
.megamenu > li > ul > li {list-style: none;}
.megamenu > li > ul > li > a {display: block; padding: 3px 15px;clear: both;font-family: 'Josefin Sans', sans-serif;font-size:15px; font-weight:400;color: #FFFFFF;white-space: normal;}
.megamenu > li ul > li > a:hover,
.megamenu > li ul > li > a:focus {text-decoration: none;}
.label-default { border-color:#c0c0c0; background-color:#c0c0c0; }
.label-primary { border-color:#c0c0c0; background-color:#c0c0c0; }
.pagination > li > span { border-radius: 10% !important; margin: 0 5px; min-width:40px; }
.pagination > li > a { color: #48adc8; border-radius: 10% !important; margin: 0 5px; min-width:40px; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { color:##FFFFFF; border-color:#c0c0c0; background-color:#c0c0c0; }
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1140px)
{ 
body {font-size: 17px;}
A:link {font-size: 16px;}
A:visited {font-size: 16px;}
A:active {font-size: 16px;}
A:hover {font-size: 16px;}
h1 {font-size: 28px;}
h2 {font-size: 25px;}
h3 {font-size: 22px;}
h4 {font-size: 19px;}
.QSCarouselTitle {font-size: 50px;}
.QSCarouselText {font-size: 40px;}
.back-to-top { cursor: pointer; position: fixed; bottom: 125px; right: 20px; display:none; z-index:10; }
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1780px) 
{  
.QSNavPad {padding-left:0px !important;padding-right:0px !important;margin-left:20px !important;margin-right:20px !important;}
.QSMenuPic {padding-left:35px;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1440px) 
{  
.QSNavPad {padding-left:0px !important;padding-right:0px !important;margin-left:0px !important;margin-right:0px !important;}
.QSMenuPic {padding-left:35px;}
}
/* Medium Devices, Desktops */
/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) 
{  
body {font-size: 17px; font-weight:300;}
A:link {font-size: 16px; font-weight:300;}
A:visited {font-size: 16px; font-weight:300;}
A:active {font-size: 16px; font-weight:300;}
A:hover    {font-size: 16px; font-weight:300;}
h1 {font-size: 26px;}
h2 {font-size: 23px;}
h3 {font-size: 20px;}
h4 {font-size: 17px;}
.QSNavPad {padding-left:0px !important;padding-right:0px !important;margin-left:0px !important;margin-right:0px !important;}
.QSMenuPic {padding-left:35px;}
.QSCarouselTitle {font-size: 42px;}
.QSCarouselText {font-size: 34px;}
.back-to-top { cursor: pointer; position: fixed; bottom: 125px; right: 20px; display:none; z-index:10; }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 940px) 
{
body {font-size: 17px; font-weight:300;}
A:link {font-size: 16px; font-weight:300;}
A:visited {font-size: 16px; font-weight:300;}
A:active {font-size: 16px; font-weight:300;}
A:hover    {font-size: 16px; font-weight:300;}
h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
.QSNavPad {padding-left:0px !important;padding-right:0px !important;margin-left:0px !important;margin-right:0px !important;display: inline-block;}
.QSMenuPic {padding-left:15px;}
.QSCarouselTitle {font-size: 36px;}
.QSCarouselText {font-size: 30px;}
.back-to-top { cursor: pointer; position: fixed; bottom: 10px; right: 10px; display:none; z-index:10; }
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 768px) 
{    
body {font-size: 17px; font-weight:300;}
A:link {font-size: 16px; font-weight:300;}
A:visited {font-size: 16px; font-weight:300;}
A:active {font-size: 16px; font-weight:300;}
A:hover    {font-size: 16px; font-weight:300;}
h1 {font-size: 22px;}
h2 {font-size: 21px;}
h3 {font-size: 20px;}
h4 {font-size: 19px;}
.navbar-default .navbar-nav > li > a { line-height: 20px;}
.QSNavPad {display:inline;display:-moz-inline-stack;padding-left:0px !important;padding-right:0px !important;margin-left:0px !important;margin-right:0px !important;}
.navbar-default .navbar-nav > li > a {font-size:13px !important;line-height:24px;}
.QSMenuPic {padding-left:5px;}
.qsshopsection {margin-top:30px; min-height:300px;}
.QSCarouselTitle {font-size: 30px;}
.QSCarouselText {font-size: 24px;}
.back-to-top { cursor: pointer; position: fixed; bottom: 10px; right: 10px; display:none; z-index:10; }
}


/* Brand/category tile grids: the .aligned-row flex container inherits
   Bootstrap's .row clearfix pseudo-elements, which render as flex items
   and can push the first tile onto its own line. Flex needs no clearfix. */
.aligned-row::before,
.aligned-row::after { content: none; }
