/* ------------------------------ */
/* RESET & NORMALIZE              */
/* ------------------------------ */

/* reset */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, nav ul, nav li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ------------------------------ */
/* UTILITY CLASSES                */
/* ------------------------------ */

a {
    text-decoration: none;
}

.txt-rt { text-align: right; }
.txt-lt { text-align: left; }
.txt-center { text-align: center; }
.float-rt { float: right; }
.float-lt { float: left; }
.clear { clear: both; }
.pos-relative { position: relative; }
.pos-absolute { position: absolute; }
.vertical-base { vertical-align: baseline; }
.vertical-top { vertical-align: top; }
.underline {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
}

nav.vertical ul li { display: block; }
nav.horizontal ul li { display: inline-block; }

img {
    max-width: 100%;
}

/* ------------------------------ */
/* GLOBAL STYLES                  */
/* ------------------------------ */

html {
    height: auto !important;
}

body {
    top: 0 !important;
    position: static !important;
    min-height: 100vh !important;
    font-family: verdana, Helvetica, sans-serif;
    background: url(../images/body_bg3.jpg);
}

.skiptranslate {
    display: none !important;
}

.goog-text-highlight {
    background-color: inherit;
    box-shadow: none;
    box-sizing: inherit;
}

/* ------------------------------ */
/* TABLES                         */
/* ------------------------------ */

.table table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 16px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.table th,
.table td {
    border: 1px solid #fff;
    background-color: #E2E2E2;
    padding: 12px 16px;
    text-align: left;
}

.table th {
    background-color: #000070;
    font-weight: bold;
    color: #fff;
}

.table tr:nth-child(even) {
    background-color: #fafafa;
}

.table tr:hover {
    background-color: #f1f1f1;
}

.table h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #0000ff;
}

.table strong {
    color: #444;
}

.table td[colspan="3"] {
    background-color: #F5F5F5;
    font-style: Verdana, verdana, Helvetica, sans-serif;
}

.notice-cell {
    background: #F5F5FF;
    color: #000;
    font-size: 16px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}

/* ------------------------------ */
/* BASE TABLE STYLES              */
/* ------------------------------ */

table {
    font-family: Verdana, verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background: white;
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

table h3 {
    color: #800000;
    font-size: 1em;
    text-indent: 20px;
    font-family: verdana, verdana, helvetica, helve, sans-serif;
}

th {
    font-weight: normal;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #800000;
    padding: 1px 8px;
    background: #e7e7e7;
}

tr:hover td {
    color: #000;
}

td {
    border-bottom: 2px solid #e7e7e7;
    color: #000;
    padding: 5px 8px;
    transition: .3s linear;
}

/* ------------------------------ */
/* LAYOUT & WRAPPER               */
/* ------------------------------ */

.wrap {
    width: 78%;
    margin: 0 auto;
    padding: 0 1%;
    background: #FFF;
}

.header {
    background: #FFF;
}

.header_top {
    padding: 0px 0;
}

/* ------------------------------ */
/* HEADER TOP RIGHT               */
/* ------------------------------ */

.header_top_right {
    float: right;
    margin-top: 5px;
}

/* Buttons */
button.grey, .search button.grey {
    border: 1px solid #303030;
    background: #3f4040;
    background: -moz-linear-gradient(top, #3f4040 0%, #303131 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4040), color-stop(100%,#303131));
    background: -webkit-linear-gradient(top, #3f4040 0%,#303131 100%);
    background: -o-linear-gradient(top, #3f4040 0%,#303131 100%);
    background: -ms-linear-gradient(top, #3f4040 0%,#303131 100%);
    background: linear-gradient(top, #3f4040 0%,#303131 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f4040', endColorstr='#303131',GradientType=0);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

button.grey:hover, .search button.grey:hover {
    border: 1px solid #303030;
    background: #525252;
    background: -moz-linear-gradient(top, #525252 0%, #454646 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#454646));
    background: -webkit-linear-gradient(top, #525252 0%,#454646 100%);
    background: -o-linear-gradient(top, #525252 0%,#454646 100%);
    background: -ms-linear-gradient(top, #525252 0%,#454646 100%);
    background: linear-gradient(top, #525252 0%,#454646 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#525252', endColorstr='#454646',GradientType=0);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

/* ------------------------------ */
/* DROPDOWN (LANGUAGE/CURRENCY)   */
/* ------------------------------ */

.wrapper-dropdown {
    float: left;
    width: 61px;
    height: 38px;
    position: relative;
    margin-left: 10px;
    padding: 0 0 0 12px;
    background: url(../images/gradient_light-1.png) 0 0 repeat-x;
    font: bold 13px/36px "verdana";
    color: #4F4F4F;
    border: 1px solid #CECECE;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown .opencart {
    width: 7px;
    height: 5px;
    display: block;
    background: url(../images/header_arrow.png) 0 0 no-repeat;
    position: absolute;
    right: 11px;
    top: 16px;
}

.wrapper-dropdown .dropdown {
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    transition: all 0.3s ease-out;
    max-height: 0;
    overflow: hidden;
}

.wrapper-dropdown .dropdown li a {
    font-size: 13px;
    color: #FFF;
    font-weight: bold;
    padding: 10px 23px;
    border-bottom: 1px solid #7D60AA;
    text-align: center;
}

.wrapper-dropdown .dropdown li a span.lang {
    font-size: 13px;
    color: #FFF;
    font-weight: bold;
    padding: 0px 0px;
}

.wrapper-dropdown .dropdown li a span.lang:hover {
    color: #DD0F0E;
}

.wrapper-dropdown .dropdown li a span img {
    padding-right: 5px;
    margin-bottom: -8px;
}

.wrapper-dropdown .dropdown li a span {
    padding-right: 5px;
}

.wrapper-dropdown .dropdown li:last-of-type a {
    border: none;
}

.wrapper-dropdown .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

.wrapper-dropdown .dropdown li:hover a {
    color: #DD0F0E;
}

.wrapper-dropdown.active {
    border-radius: 5px 5px 0 0;
    box-shadow: none;
    border-bottom: none;
}

.wrapper-dropdown.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
    width: 95px;
    z-index: 1;
    background: #70389C;
}

.wrapper-dropdown.active .languges {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
    width: 135px;
    z-index: 999;
    background: #70389C;
}

/* ------------------------------ */
/* MAIN MENU (HORIZONTAL)         */
/* ------------------------------ */

.h_menu {
    position: relative;
    background: #800000;
    background: -moz-linear-gradient(top, #800000 55%, #2f2e33 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#800000), color-stop(100%,#2f2e33));
    background: -webkit-linear-gradient(top, #800000 55%,#2f2e33 100%);
    background: -o-linear-gradient(top, #800000 55%,#2f2e33 100%);
    background: -ms-linear-gradient(top, #800000 55%,#2f2e33 100%);
    background: linear-gradient(to bottom, #800000 55%, #2f2e33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#2f2e33',GradientType=0);
    box-shadow: inset 0px 1px 8px #222;
}

.nav-drop {
    float: left;
    width: 25%;
}

ul.menu.list-unstyled li a {
    color: #fff;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 12px;
    padding: 15px 32px;
    text-decoration: none;
    position: relative;
    background: #800000;
    background: -moz-linear-gradient(top, #800000 55%, #2f2e33 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#800000), color-stop(100%,#2f2e33));
    background: -webkit-linear-gradient(top, #800000 55%,#2f2e33 100%);
    background: -o-linear-gradient(top, #800000 55%,#2f2e33 100%);
    background: -ms-linear-gradient(top, #800000 55%,#2f2e33 100%);
    background: linear-gradient(to bottom, #800000 55%, #2f2e33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#2f2e33',GradientType=0);
    box-shadow: inset 0px 1px 8px #222;
    text-transform: uppercase;
    font-family: verdana, sans-serif;
    border-left: 2px groove #fff;
}

ul.menu.list-unstyled li a:hover {
    color: #FFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70389c',endColorstr='#602d8d');
    background: -webkit-gradient(linear, left top, left bottom, from(#70389C), to(#602D8D));
    background: -moz-linear-gradient(top, #70389C, #602D8D);
    background: -o-linear-gradient(top, #70389C, #602D8D);
    background: -ms-linear-gradient(top, #70389C, #602D8D);
}

nav {
    display: block;
}

.menu {
    display: block;
}

.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
    float: left;
}

.menu li:first-child { margin-left: 0; }

.menu li a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    padding: 10px 24px;
    display: block;
    color: #ffffff;
    transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover,
.menu li:hover > a {
    color: #ffffff;
    background: #ff0000;
}

/* Submenu */
.menu ul {
    display: none;
    margin: 0;
    padding: 0;
    width: 520px;
    position: absolute;
    top: 42px;
    left: 0px;
    background: #ffffff;
}

.menu ul li {
    display: block;
    float: none;
    background: none;
    margin: 0;
    padding: 0;
}

.menu ul li a {
    font-size: 13px;
    font-weight: normal;
    display: block;
    color: #ffffff;
    border-left: 3px solid #C03C35;
    background: #E2534B;
    padding: 10px 20px;
}

.menu ul li a:hover,
.menu ul li:hover > a {
    background: #f0f0f0;
    border-left: 3px solid #62A29E;
    color: #797979;
    box-shadow: none;
    border-radius: 0px;
}

.menu li:hover > ul {
    display: block;
}

.menu ul ul {
    left: 132px;
    top: 0px;
}

/* Mobile menu toggle */
.mobile-menu {
    display: none;
    width: 100%;
    padding: 12px;
    position: relative;
    background: #800000;
    background: -moz-linear-gradient(top, #800000 55%, #2f2e33 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#800000), color-stop(100%,#2f2e33));
    background: -webkit-linear-gradient(top, #800000 55%,#2f2e33 100%);
    background: -o-linear-gradient(top, #800000 55%,#2f2e33 100%);
    background: -ms-linear-gradient(top, #800000 55%,#2f2e33 100%);
    background: linear-gradient(to bottom, #800000 55%, #2f2e33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#2f2e33',GradientType=0);
    box-shadow: inset 0px 1px 8px #222;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
}

.mobile-menu:hover {
    background: #800000;
    color: #ffffff;
    text-decoration: none;
}

/* Custom submenu overrides */
.nag-mother-list {
    padding: 1em 1em !important;
    background: #F0F0F0 !important;
    position: absolute !important;
    top: 19px !important;
    width: 90%;
}

.navg-drop-main {
    background: #F0F0F0 !important;
    padding: 0;
}

.nav-drop li a {
    font-size: 0.75em !important;
    background: none !important;
    border-left: none !important;
    padding: 9px 10px !important;
    color: #000 !important;
}

ul.sub-menu.list-unstyled.sub-menu2 {
    width: 100%;
    background: #F0F0F0 !important;
    position: absolute;
    top: 60px !important;
}

ul.sub-menu.list-unstyled.sub-menu3 {
    position: absolute !important;
    top: 60px !important;
}

.nav-drop.nav-top-brand {
    width: 100%;
}

/* ------------------------------ */
/* HEADER BOTTOM (IMAGES/LISTS)   */
/* ------------------------------ */

.header_bottom_left {
    float: left;
    width: 60%;
    padding-top: 6px;
}

.header_bottom_img {
    float: left;
    width: 46.2%;
}

.pic {
    float: left;
    width: 46.2%;
}

.header_bottom_img2 {
    float: left;
    width: 46.2%;
    margin-left: 1.6%;
}

.header_bottom_left_images {
    position: relative;
    margin-top: 10px;
    box-shadow: 0px 0px 3px rgb(150, 150, 150);
}

/* Grid & List View */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
}

.listview_1_of_2 {
    display: block;
    float: left;
    margin: 1.4% 0 0% 1.6%;
    box-shadow: 0px 0px 3px rgb(150, 150, 150);
}

.listimg {
    text-align: center;
    float: left;
}

.text {
    display: block;
    float: left;
    margin: 2% 0 0% 3.6%;
}

.listview_1_of_2:first-child { margin-left: 0; }

.images_1_of_2 {
    width: 46.2%;
    padding: 1.5%;
}

.listimg_2_of_1 { width: 48.2%; }
.list_2_of_1 { width: 48.2%; }

.images_1_of_2 img { max-width: 100%; }

.list_2_of_1 h2 {
    color: #800000;
    font-size: 1.05em;
    font-family: verdana, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.list_2_of_1 p {
    font-size: 1em;
    color: #000;
    line-height: 1.6em;
    font-family: verdana, verdana, helvetica, helve, sans-serif;
    padding: 0;
}

.list_2_of_1 h3 {
    color: #800000;
    font-size: 1em;
    font-family: verdana, verdana, helvetica, helve, sans-serif;
}

.list_2_of_1 h4 {
    color: #0000ff;
    font-size: 1em;
    font-family: verdana, verdana, helvetica, helve, sans-serif;
}

.list_2_of_1 .button {
    line-height: 1.9em;
    margin-top: 0.5em;
}

.list_2_of_1 .button a {
    padding: 3px 10px;
    font-size: 0.8em;
    font-family: verdana, "Helvetica Neue", "Helvetica", Tahoma, Verdana, sans-serif;
    border: 1px solid rgba(0,0,0,0.1);
    background: #800000 url(../images/large-button-overlay.png);
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.list_2_of_1 .button a:hover {
    border: 1px solid #4D00A0;
    background: #70389C;
    text-decoration: none;
}

.header_bottom_right_images {
    float: left;
    width: 38%;
    margin-left: 1%;
    padding-top: 15px;
}

/* ------------------------------ */
/* MAIN CONTENT                   */
/* ------------------------------ */

.content {
    padding: 20px 0;
    background: #FFF;
}

.content h2 {
    font-size: 16px;
    color: #800000;
    font-family: verdana, sans-serif;
}

.content h3 {
    font-size: 13px;
    color: #800000;
    font-family: verdana, sans-serif;
    font-weight: bold;
}

.content_top {
    padding: 15px 20px;
    border: 1px solid #EBE8E8;
    border-radius: 3px;
}

.content_bottom {
    padding: 15px 20px;
    border: 1px solid #EBE8E8;
    border-radius: 3px;
    margin-top: 2.6%;
}

.heading {
    float: left;
    margin-right: 10%;
}

.heading h3 {
    font-family: verdana, sans-serif;
    font-size: 22px;
    color: #602D8D;
    text-transform: uppercase;
}

.sort, .show {
    float: left;
    width: 14%;
    margin-left: 1.6%;
    padding-top: 5px;
}

.sort p, .show p {
    display: inline;
    font-size: 1em;
    color: #000;
}

.sort select, .show select {
    display: inline;
    font-size: 1.1em;
    color: #333;
    margin-left: 2px;
}

.page-no {
    float: right;
    padding-top: 5px;
}

.page-no p {
    display: inline;
    font-size: 0.8125em;
    padding: 0.3em 0;
    color: #333;
}

.page-no ul { display: inline; }
.page-no li { display: inline; }

.page-no li a {
    font-size: 0.8125em;
    color: #333;
    line-height: 1.6em;
    font-family: verdana, verdana, helvetica, helve, sans-serif;
    padding: 5px 5px;
}

.page-no li a:hover,
.page-no li.active {
    color: #602D8D;
    text-decoration: underline;
}

/* ------------------------------ */
/* PRODUCT GRID (1/4)             */
/* ------------------------------ */

.grid_1_of_4 {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
    box-shadow: 0px 0px 3px rgb(150, 150, 150);
}

.grid_1_of_4:first-child { margin-left: 0; }

.images_1_of_4 {
    width: 20.8%;
    padding: 1.5%;
    text-align: center;
    position: relative;
}

.images_1_of_4 img { max-width: 100%; }

.discount {
    background: url(../images/discount-img.png) no-repeat 0 0;
    position: absolute;
    top: 30px;
    width: 42px;
    height: 42px;
}

.discount span.percentage {
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    line-height: 40px;
}

.images_1_of_4 h2 {
    color: #800000;
    font-size: 1.05em;
    font-family: verdana, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.images_1_of_4 p {
    font-size: 1em;
    color: #000;
    line-height: 1.6em;
    font-family: verdana, verdana, helvetica, helve, sans-serif;
    padding: 0;
}

.images_1_of_4 p span.strike {
    font-size: 18px;
    font-family: verdana, sans-serif;
    color: #444;
    text-decoration: line-through;
}

.images_1_of_4 p span.price {
    font-size: 18px;
    font-family: verdana, sans-serif;
    color: #800000;
    margin-left: 15px;
}

.images_1_of_4 .button {
    line-height: 1.9em;
    margin-top: 0.5em;
}

.images_1_of_4 .button a {
    padding: 3px 10px;
    font-size: 0.8em;
    font-family: verdana, "Helvetica Neue", "Helvetica", Tahoma, Verdana, sans-serif;
    border: 1px solid rgba(0,0,0,0.1);
    background: #800000 url(../images/large-button-overlay.png);
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.images_1_of_4 .button a:hover {
    border: 1px solid #4D00A0;
    background: #70389C;
    text-decoration: none;
}

.images_1_of_4 .button a.cart-button {
    padding: 7px 5px 7px 38px;
}

/* ------------------------------ */
/* FOOTER                         */
/* ------------------------------ */

.wrapper {
    width: 78%;
    margin: 0 auto;
    padding: 0 1%;
}

.footer {
    position: relative;
    background: #800000;
    background: -moz-linear-gradient(top, #800000 55%, #2f2e33 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,#800000), color-stop(100%,#2f2e33));
    background: -webkit-linear-gradient(top, #800000 55%,#2f2e33 100%);
    background: -o-linear-gradient(top, #800000 55%,#2f2e33 100%);
    background: -ms-linear-gradient(top, #800000 55%,#2f2e33 100%);
    background: linear-gradient(to bottom, #800000 55%, #2f2e33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#2f2e33',GradientType=0);
    box-shadow: inset 0px 1px 8px #222;
}

.col_1_of_4 {
    display: block;
    float: left;
    margin: 0% 0 1% 1.6%;
    border-right: 2px groove #555;
}

.col_1_of_4:first-child { margin-left: 0; }
.col_1_of_4:last-child { border: none; }

.span_1_of_4 {
    width: 20.5%;
    padding: 1.5%;
}

.span_1_of_4 h4 {
    color: #ccc;
    margin-bottom: .5em;
    font-size: 1.2em;
    line-height: 1.2;
    font-family: var(--font-heading);
    font-weight: normal;
    margin-top: 0px;
    letter-spacing: -1px;
    text-transform: uppercase;
    border-bottom: 1px solid #474747;
    padding-bottom: 0.5em;
}

.span_1_of_4 li a {
    font-size: 0.8125em;
    padding: 0.4em 0;
    color: #979797;
    font-family: verdana, Helvetica, sans-serif;
    display: block;
}

.span_1_of_4 li a:hover,
.span_1_of_4 li span:hover {
    color: #BBB7B7;
}

.span_1_of_4 li span {
    font-size: 1.2em;
    padding: 0.2em 0;
    color: #979797;
    display: block;
    cursor: pointer;
}

/* Social Icons */
.social-icons { padding-top: 8%; }
.social-icons li {
    width: 30px;
    height: 30px;
    padding: 0px 0 0 5px;
    margin: 0;
    display: inline-block;
    cursor: pointer;
}

.social-icons li.facebook { background: url(../images/icon-2.png) no-repeat 0px -29px; }
.social-icons li.facebook:hover { background: url(../images/icon-2.png) no-repeat 0px 0px; }
.social-icons li.twitter { background: url(../images/icon-3.png) no-repeat 0px -29px; }
.social-icons li.twitter:hover { background: url(../images/icon-3.png) no-repeat 0px 0px; }
.social-icons li.googleplus { background: url(../images/icon-4.png) no-repeat 0px -29px; }
.social-icons li.googleplus:hover { background: url(../images/icon-4.png) no-repeat 0px 0px; }
.social-icons li.contact { background: url(../images/icon-1.png) no-repeat 0px -29px; }
.social-icons li.contact:hover { background: url(../images/icon-1.png) no-repeat 0px 0px; }

.copy_right {
    text-align: center;
    padding: 15px 0;
}

.copy_right p {
    font-size: 12px;
    color: #fff;
}

.copy_right p a {
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
}

.copy_right p a:hover {
    color: #fff;
    text-decoration: none;
}

/* ------------------------------ */
/* BACK TO TOP BUTTON             */
/* ------------------------------ */

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 48px;
    height: 48px;
    border: none;
    text-indent: 100%;
    background: url(../images/arrow_up.png) no-repeat right top;
}

#toTopHover {
    width: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

#toTop:active, #toTop:focus { outline: none; }

/* ------------------------------ */
/* PRODUCT DETAIL PAGE (PREVIEW)  */
/* ------------------------------ */

.back-links {
    float: left;
    padding-top: 5px;
    width: 20%;
}

.back-links p {
    font-size: 0.8125em;
    color: #333;
}

.back-links p a {
    font-size: 0.9em;
    padding: 0 1.3%;
    color: #333;
}

.back-links p a:hover,
.back-links p a:active {
    color: #70389C;
}

.image {
    clear: both;
    padding: 0px;
    margin: 0px;
    background: #F0F0F0;
    padding: 1.5%;
}

.cont-desc {
    display: block;
    float: left;
    clear: both;
}

.rightsidebar {
    display: block;
    float: left;
    margin: 0% 0 0% 1.6%;
}

.cont-desc:first-child { margin-left: 0; }

.desc {
    display: block;
    float: left;
    margin: 0% 0 0% 2.6%;
}

.span_1_of_2 {
    width: 67.1%;
    padding: 1.5%;
}

.images_3_of_2 {
    width: 44.2%;
    float: left;
    text-align: center;
}

.detail-gallery { overflow: hidden; }
.detail-gallery .images_3_of_2 {
    width: 48%;
    float: left;
    margin: 0 4% 20px 0;
    text-align: center;
    box-sizing: border-box;
}
.detail-gallery .images_3_of_2:nth-child(2n) { margin-right: 0; }
.detail-gallery .images_3_of_2 p { margin: 0; padding: 0; }
.detail-gallery .images_3_of_2 img { display: block; max-width: 100%; }

.span_3_of_2 { width: 53.2%; }
.span_3_of_1 {
    width: 25.2%;
    padding: 1.5%;
}

.images_3_of_2 img { max-width: 100%; }

.span_3_of_2 h2 {
    font-family: verdana, sans-serif;
    font-size: 1.05em;
    color: #800000;
    font-weight: bold;
    margin-top: 0px;
    text-transform: uppercase;
}

.span_3_of_2 h3 {
    text-indent: 20px;
    font-size: 0.95em;
    color: #000;
    font-weight: bold;
    padding: 0.3em 0;
    border-bottom: 1px solid #E0E0E0;
}

.span_3_of_2 p {
    font-size: 1em;
    padding: 0.3em 0;
    color: #000;
    line-height: 1.6em;
    font-family: verdana, verdana, helvetica, helve, sans-serif;
}

.price p {
    font-size: 0.8125em;
    padding: 1.5% 1%;
    color: #666;
    vertical-align: top;
}

.price p span {
    font-size: 1.5em;
    font-family: verdana, sans-serif;
    color: #800000;
}

.available {
    padding: 10px 0;
    border-top: 1px solid #E0E0E0;
}

.available p {
    font-size: 0.95em;
    color: #000;
    font-weight: bold;
    padding-bottom: 10px;
}

.available li {
    display: inline;
    font-size: 0.95em;
    font-weight: bold;
    padding: 1.5% 2%;
    color: #000;
}

.available li select {
    display: inline;
    font-size: 0.95em;
    font-weight: bold;
    color: #000;
    margin-left: 3px;
}

.share p {
    padding-top: 10px;
    font-size: 0.9em;
    color: #000;
    font-weight: bold;
}

.share li { display: inline-block; margin: 5px 6px; }
.add-cart { padding-top: 15px; }
.rating { float: left; }

.rating p {
    padding-top: 10px;
    font-size: 0.9em;
    color: #333;
    font-weight: bold;
}

.rating p span {
    font-size: 0.8125em;
    color: #666;
    font-weight: normal;
}

.rating p img {
    vertical-align: top;
    padding-left: 5px;
}

.product-desc, .product-tags {
    clear: both;
    padding-top: 20px;
}

.product-desc h2, .product-tags h2 {
    padding: 8px 20px;
    background: #602D8D;
    border: 1px solid #EBE8E8;
    border-radius: 5px;
    font-family: verdana, sans-serif;
    font-size: 1.2em;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: 0 1px 5px rgba(34, 34, 34, 0.17);
}

.product-desc p {
    font-size: 0.8em;
    padding: 0.3em 0;
    color: #969696;
    line-height: 1.6em;
    font-family: verdana, verdana, helvetica, helve, sans-serif;
}

.product-tags h4 {
    padding: 10px 0;
    font-size: 0.9em;
    color: #333;
    font-weight: bold;
}

.input-box {
    background: url(../images/tag.png) no-repeat 0 8px;
    padding-left: 35px;
}

.input-box input[type="text"] {
    padding: 8px;
    display: block;
    width: 95%;
    background: #fcfcfc;
    border: none;
    outline: none;
    color: #464646;
    font-size: 0.8125em;
    font-family: verdana, Helvetica, sans-serif;
    box-shadow: inset 0px 0px 3px #999;
    -webkit-appearance: none;
}

.product-tags .button { margin-top: 15px; line-height: 3em; }
.span_3_of_2 .button {
    float: right;
    margin-top: 1%;
    line-height: 2em;
}

.span_3_of_2 .button a,
.product-tags .button a {
    padding: 12px 20px;
    font-size: 1em;
    font-weight: bold;
    font-family: verdana, "Helvetica Neue", "Helvetica", Tahoma, Verdana, sans-serif;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
    background: #3f4040;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
    box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    transition: all 0.5s ease;
}

.span_3_of_2 .button a:hover,
.product-tags .button a:hover {
    border: 1px solid #303030;
    background: #525252;
    text-decoration: none;
}

.span_3_of_1 li a {
    font-size: 0.95em;
    padding: 0.42em 8%;
    color: #000070;
    text-transform: uppercase;
    display: block;
    line-height: 1.6em;
    font-family: verdana, Helvetica, sans-serif;
    border-bottom: 1px dashed #CCC;
    background: url(../images/drop_arrow.png) no-repeat 5px 11px;
}

.span_3_of_1 li a:hover {
    background: url(../images/drop_arrow-hover.png) no-repeat 5px 11px;
    color: #602D8D;
}

.subscribe { padding-top: 20px; }
.subscribe p {
    font-size: 12px;
    color: #444;
    padding: 5px 0;
}

.signup {
    border-radius: 0.2em;
    margin-top: 5px;
    background: #E7E7E7;
    box-shadow: inset 0px 2px 5px #707070;
}

.signup input[type="text"] {
    border: none;
    background: none;
    padding: 5px;
    outline: none;
    width: 215px;
    font-size: 12px;
    color: #7c7c7c;
}

.signup input[type="submit"] {
    border: 1px solid #5C5655;
    padding: 8px 20px;
    font-size: 12px;
    margin: 0;
    font-weight: bold;
    cursor: pointer;
    background: #565656;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#565656');
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.signup input[type="submit"]:hover {
    background: #5e5e5e;
    background: -moz-linear-gradient(top, #5e5e5e 0%, #404040 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e5e), color-stop(100%,#404040));
    background: -webkit-linear-gradient(top, #5e5e5e 0%,#404040 100%);
    background: -o-linear-gradient(top, #5e5e5e 0%,#404040 100%);
    background: -ms-linear-gradient(top, #5e5e5e 0%,#404040 100%);
    background: linear-gradient(top, #5e5e5e 0%, #404040 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#404040',GradientType=0);
    box-shadow: 1px 1px 0 0 #414141 inset, -1px -1px 0 0 #414141 inset, 0 1px 2px -1px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 0 0 #414141 inset, -1px -1px 0 0 #414141 inset, 0 1px 2px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: 1px 1px 0 0 #414141 inset, -1px -1px 0 0 #414141 inset, 0 1px 2px -1px rgba(0,0,0,0.15);
}

.community-poll { padding-top: 5%; }
.community-poll p {
    color: #C94848;
    font-size: 0.8em;
    font-weight: normal;
    padding: 2% 0;
}

.poll li { padding: 3px 0px 9px 0; }
.poll input.radio {
    float: left;
    margin: 2px 0 0 0;
}
.poll .label {
    display: block;
    margin-left: 20px;
}
.poll label {
    font-size: 0.8125em;
    padding: 0.42em 1%;
    color: #666;
    font-family: verdana, Helvetica, sans-serif;
}

/* ------------------------------ */
/* ABOUT PAGE                     */
/* ------------------------------ */

.col_1_of_3 {
    display: block;
    float: left;
    margin: 0% 0 0% 1.6%;
}
.col_1_of_3:first-child { margin-left: 0; }

.span_1_of_3 {
    width: 29.2%;
    padding: 1.5%;
}

.span_1_of_3 img {
    border: 1px solid #DDD;
    max-width: 100%;
}

.span_1_of_3 h3 {
    color: #6C6C6C;
    margin-bottom: 0.5em;
    font-size: 1.2em;
    line-height: 1.2;
    font-family: verdana, sans-serif;
    font-weight: normal;
    margin-top: 0px;
    text-transform: uppercase;
}

.span_1_of_3 p {
    font-size: 0.8125em;
    padding: 0.5em 0;
    color: #747474;
    line-height: 1.6em;
    font-family: verdana, Helvetica, sans-serif;
}

.span_1_of_3 li a {
    font-size: 0.95em;
    padding: 0.42em 8%;
    color: #000070;
    text-transform: uppercase;
    display: block;
    line-height: 1.6em;
    font-family: verdana, Helvetica, sans-serif;
    border-bottom: 1px dashed #CCC;
    background: url(../images/drop_arrow.png) no-repeat 5px 11px;
}

.span_1_of_3 li a:hover {
    background: url(../images/drop_arrow-hover.png) no-repeat 5px 11px;
    color: #800000;
}

.year {
    float: left;
    width: 15%;
}
.year p {
    color: #70389C;
    font-size: 0.95em;
}

.span_1_of_3 p.history {
    float: left;
    width: 85%;
    font-size: 0.8125em;
    color: #747474;
    line-height: 1.6em;
}

.span_1_of_3 .list li a {
    font-size: 0.82em;
    padding: 0.35em 1.2em;
    color: #602D8D;
    background: url(../images/drop_arrow-hover.png) no-repeat 0px 10px;
    display: block;
}
.span_1_of_3 .list li a:hover { color: #747474; }

/* Team */
.grid_1_of_5 {
    display: block;
    float: left;
    margin: 1% 0 0% 1.6%;
}
.grid_1_of_5:first-child { margin-left: 0; }

.images_1_of_5 {
    width: 15.72%;
    padding: 1.5%;
}
.images_1_of_5 img {
    max-width: 100%;
    display: block;
}
.images_1_of_5 h3 {
    color: #C94848;
    margin-top: 0.2em;
    font-size: 1em;
    font-family: verdana, sans-serif;
    font-weight: normal;
}
.images_1_of_5 p {
    font-size: 0.8125em;
    padding: 0.2em 0;
    color: #333;
    line-height: 1.6em;
}

/* ------------------------------ */
/* FAQ PAGE                       */
/* ------------------------------ */

.questions { margin: 20px 0 10px 0; }
.questions h4 {
    color: #70389C;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: normal;
}
.questions p {
    color: #444;
    font-size: 13px;
    line-height: 1.8em;
    margin-bottom: 5px;
}

/* ------------------------------ */
/* CONTACT PAGE                   */
/* ------------------------------ */

.support { padding: 1.5%; }
.support_desc {
    float: left;
    width: 75%;
}
.support_desc h3 {
    font-size: 30px;
    color: #6C6C6C;
    padding: 5px 0;
    font-family: verdana, sans-serif;
}
.support_desc p span { font-size: 15px; color: #666; }
.support_desc p {
    font-size: 12px;
    color: #777;
    line-height: 1.8em;
    padding: 5px 0;
}
.support img {
    float: left;
    margin-left: 4%;
    margin-top: 0px;
}

.col {
    display: block;
    float: left;
    margin: 0% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

.span_2_of_3 {
    width: 63.1%;
    padding: 1.5%;
}

.span_2_of_3 h2,
.span_1_of_3 h2 {
    margin-bottom: 0.5em;
    line-height: 1.05;
    font-family: verdana, sans-serif;
    font-weight: bold;
    margin-top: 0px;
}

.contact-form { position: relative; padding-bottom: 30px; }
.contact-form div { padding: 5px 0; }
.contact-form span {
    display: block;
    font-size: 0.95em;
    color: #757575;
    padding-bottom: 5px;
    font-family: verdana, verdana, helvetica, helve, sans-serif;
}
.contact-form input[type="text"],
.contact-form textarea {
    padding: 8px;
    display: block;
    width: 98%;
    background: #fcfcfc;
    border: none;
    outline: none;
    color: #464646;
    font-size: 0.95em;
    font-family: verdana, Helvetica, sans-serif;
    box-shadow: inset 0px 0px 3px #999;
    -webkit-appearance: none;
}
.contact-form textarea {
    resize: none;
    height: 120px;
}
.contact-form input[type="submit"] {
    padding: 7px 25px;
    cursor: pointer;
    background: #FFF url(../images/large-button-overlay.png);
    font-family: verdana, Helvetica, sans-serif;
    position: absolute;
    right: 0;
    border: 1px solid #ccc;
    color: #555 !important;
    font-size: 1em;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}
.contact-form input[type="submit"]:hover {
    background-color: #EEE;
    border-color: #B8B5B5;
    color: #444 !important;
}
.contact-form input[type="submit"]:active { background-color: #FFF; }

.company_address p {
    font-size: 1em;
    color: #000;
    line-height: 1.6em;
    font-family: verdana, verdana, helvetica, helve, sans-serif;
    padding: 0;
}
.company_address p span,
.company_address p span a {
    text-decoration: underline;
    color: #444;
    cursor: pointer;
}
.map {
    border: 1px solid #C7C7C7;
    margin-bottom: 15px;
}

/* ------------------------------ */
/* SPA PRICE LIST                 */
/* ------------------------------ */

.spa-price-list { margin: 20px 0 30px; }
.spa-service-block { margin: 0 0 24px; }
.spa-service-title {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
    padding: 0 0 10px;
    margin: 0 0 2px;
    border-bottom: 2px solid #b33b3b;
}
.spa-service-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 6px 0 6px;
    border-bottom: 1px solid #e3e3e3;
}
.spa-service-label {
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    color: #111;
}
.spa-service-price {
    flex: 0 0 auto;
    min-width: 120px;
    text-align: right;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    color: #111;
    white-space: nowrap;
}

/* ------------------------------ */
/* ROOM PAGE STYLES               */
/* ------------------------------ */

.room-main-image {
    width: 100%;
    display: block;
}
.room-price-box {
    border-top: 1px solid #b44;
    margin-top: 1px;
    padding: 6px 0 0 0;
    text-align: center;
}
.room-price-icons {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 4px;
}
.room-price-icon { width: 33%; text-align: center; }
.room-price-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 18px 2px 18px;
    font-weight: bold;
    font-size: 18px;
    color: #000;
}
.room-price-label { color: #000; }
.room-price-value { color: #000; }
.room-page-title {
    color: #8b0000;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 6px;
}
.room-page-subtitle {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
}
.room-page-description {
    font-size: 18px;
    line-height: 1.5;
}
.room-page-status { margin-top: 22px; }
.room-page-status p {
    font-size: 18px;
    font-weight: bold;
}
.room-status-free { color: green; }
.room-status-busy { color: red; }

/* ------------------------------ */
/* SIDEBAR CONTACT BLOCK          */
/* ------------------------------ */

.contact-side-menu ul { margin: 0; padding: 0; list-style: none; }
.contact-side-menu li { margin: 0 0 8px; }
.contact-side-menu li:last-child { margin-bottom: 0; }
.contact-map-card { margin: 6px 0 8px; max-width: 240px; }
.contact-map-card img {
    display: block;
    width: 100%;
    max-width: 240px;
    height: auto;
    border: 1px solid #9a4b4b;
}
.contact-company-card { padding-top: 2px; }
.contact-company-card p { margin: 0 0 5px; line-height: 1.28; }
.contact-company-card h4 {
    margin: 0 0 8px;
    font-size: 17px;
    line-height: 1.28;
}
.contact-company-card a { word-break: break-word; }
.contact-company-card .contact-block-phone {
    margin: 0 0 10px;
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 700;
    color: #8a0000;
}
.contact-company-card .contact-block-phone a {
    color: inherit !important;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration: none;
}
.contact-company-card .contact-block-line {
    margin: 0 0 8px;
    font-size: 17px !important;
    line-height: 1.28 !important;
    font-weight: normal;
}

/* ------------------------------ */
/* TOP LANGUAGE SWITCHER          */
/* ------------------------------ */

.top-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: 6px 0;
}
.top-link {
    display: inline-block;
    padding: 2px 3px;
    border: 1px solid #000;
    background: #800000;
    color: #fff !important;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    text-shadow: none;
}
.top-link:hover,
.top-link:focus {
    background: #155ea7;
    color: #fff !important;
    text-decoration: none;
}
.lang-link.active {
    background: #007500;
    border-color: #000;
}
.admin-link {
    margin-left: 8px;
    background: #0b5aa2;
    border-color: #0b5aa2;
}

/* ------------------------------ */
/* PRINT STYLES                   */
/* ------------------------------ */

@media print {
    body {
        margin: 0;
        font-size: 12pt;
        background: #fff;
    }
    .header, .h_menu, .contact_info, .company_address,
    .wrap > .footer, #toTop, script, button,
    .col.span_1_of_3, .currency, .language-selector, .mobile-menu {
        display: none !important;
    }
    table {
        width: 100%;
        border-collapse: collapse;
    }
    th, td {
        border: 1px solid #000;
        padding: 6px;
        text-align: left;
    }
    h2 {
        text-align: center;
        margin-bottom: 20px;
    }
}

/* ------------------------------ */
/* RESPONSIVE MEDIA QUERIES       */
/* ------------------------------ */

/* 1440px */
@media only screen and (max-width: 1440px) {
    .header_top_right { width: 75% !important; }
    .logo { width: 25% !important; }
    .sort, .show { width: 20%; }
    .wrap { width: 84%; }
}

/* 1366px */
@media only screen and (max-width: 1366px) {
    .images_1_of_4 .button a.cart-button { padding: 7px 2px 7px 35px; }
}

/* 1280px */
@media only screen and (max-width: 1280px) {
    .search_box { width: 44%; }
    .images_1_of_4 { width: 21.8%; padding: 1%; }
    .images_1_of_4 .button { width: 50%; }
}

/* 1080px */
@media only screen and (max-width: 1080px) {
    .login { width: 45px; }
    .wrap { width: 90%; }
    .search_box { width: 40%; }
    ul.menu.list-unstyled li a { padding: 20px 28px; }
    .heading { margin-right: 5%; }
    .images_1_of_4 .button { width: 60%; margin-left: 20%; }
    .images_1_of_4 .button a.cart-button { padding: 7px 2px 7px 40px; }
}

/* 1024px */
@media only screen and (max-width: 1024px) {
    .wrap { width: 90%; padding: 0 2%; }
    .search_box form input[type="text"] { width: 143px; }
    .shopping_cart { width: 170px; }
    .shopping_cart, .currencies, .languages, .login { margin-left: 5px; }
    .wrapper-dropdown { width: 50px; padding: 0 0 0 5px; }
    .list_2_of_1 .button a { padding: 5px 10px; }
    .heading { margin-right: 2%; }
    .sort, .show { width: 20%; }
    .listview_1_of_2 { margin: 2.4% 0 0% 1.6%; }
    .images_1_of_4 .button { width: 100%; margin-top: 0.5em; margin-left: 0; }
    .register_account { width: 60%; padding: 10px; }
    .register_account form input[type="text"] { width: 240px; }
    .register_account form select { width: 260px; }
    .register_account form input[type="text"].code { width: 15%; }
    .register_account form input[type="text"].number { width: 63.99%; }
    .login_panel { width: 30%; padding: 10px; }
    .img_list li a { font-size: 11px; margin: 0 8px; }
    .domain_search input[type="text"] {
        background: url(../images/text_box_2.png) no-repeat;
        margin: 0;
        width: 51.6%;
    }
    .domain_search select { width: 17.7%; }
    p.terms { padding: 15px 0 0 15px; width: 68%; }
    .wrapper { width: 95%; }
    .available li { padding: 1.5% 0%; }
    .available li select { margin-left: 0; }
    .span_3_of_2 .button { margin-top: 5%; }
    .signup input[type="text"] { width: 152px; }
    .signup input[type="submit"] { padding: 8px 10px; }
    .images_1_of_5 p { padding: 0; line-height: 1.4em; }
    .year { width: 18%; }
    .span_1_of_3 p.history { width: 80%; }
    .support_desc { width: 70%; }
    .support img { margin-left: 3%; }
    ul.menu.list-unstyled li a { font-size: 13px; padding: 20px 29px; }
}

/* 991px */
@media only screen and (max-width: 991px) {
    ul.menu.list-unstyled li a { padding: 20px 27px; }
    .show { width: 16%; }
    .content h2 { font-size: 21px; }
}

/* 900px */
@media only screen and (max-width: 900px) {
    ul.menu.list-unstyled li a { padding: 20px 22px; }
    .heading h3 { font-size: 19px; }
    .show select { width: 30%; }
    .sort { width: 22%; }
    .show { width: 14%; }
    .content h2 { font-size: 16px; }
    .register_account form input[type="text"] { width: 220px; }
    .register_account form select { width: 240px; }
    .register_account form input[type="text"].number { width: 61.99%; }
    p.terms { width: 64%; }
}

/* 800px */
@media only screen and (max-width: 800px) {
    .wrap { width: 90%; padding: 0 2%; }
    .search_box form input[type="text"] { width: 183px; }
    .shopping_cart { width: 180px; margin-left: 5px; }
    .wrapper-dropdown { margin-left: 5px; margin-top: 5px; width: 55px; }
    .login { margin-left: 5px; margin-top: 5px; }
    .list_2_of_1 .button a { padding: 5px 10px; }
    .heading { margin-right: 0%; }
    .sort, .show { width: 24%; }
    .header_bottom_left, .header_bottom_right_images { float: inherit; width: 100%; }
    .header_bottom_right_images { margin-left: 0; }
    .listview_1_of_2 { margin: 1.4% 0 0% 1.6%; }
    .images_1_of_4 .button { width: 100%; margin-top: 0.5em; }
    .content_top { padding: 15px 5px; }
    .images_1_of_4 h2 { font-size: 0.8em; letter-spacing: 0; }
    .images_1_of_4 p span.strike, .images_1_of_4 p span.price { font-size: 18px; }
    .wrapper { width: 95%; }
    .span_1_of_4 h4 { font-size: 1em; letter-spacing: 0; }
    .social-icons li { padding: 0 0 0 4px; }
    .span_1_of_2 { float: inherit; width: 97%; padding: 1.5%; }
    .span_3_of_1 { float: inherit; width: 97%; }
    .rightsidebar { margin-left: 0; }
    .span_3_of_1 li a {
        font-size: 1em;
        padding: 0.42em 3%;
        background: url(../images/drop_arrow.png) no-repeat 5px 15px;
    }
    .span_3_of_1 li a:hover { background: url(../images/drop_arrow-hover.png) no-repeat 5px 15px; }
    .available li { padding: 1.5% 1%; }
    .available li select { margin-left: 0; }
    .span_3_of_2 .button { margin-top: 5%; }
    .signup input[type="text"] { width: 80%; }
    .signup input[type="submit"] { padding: 8px 10px; width: 18.5%; }
    .span_1_of_4 li span { font-size: 1em; }
    .images_1_of_5 p { padding: 0; line-height: 1.4em; }
    .year { width: 8%; }
    .images_1_of_5 h3 { font-size: 0.8em; }
    .span_1_of_3 p.history { width: 92%; }
    .span_2_of_3 { width: 96%; padding: 2% 0; }
    .col_1_of_3 { margin: 0% 0 0% 0%; }
    .span_1_of_3 { width: 96%; padding: 2% 0; }
    .support_desc { width: 70%; }
    .support img { width: 25%; margin-left: 3%; }
    .register_account { width: 60%; padding: 10px; }
    .register_account form input[type="text"] { width: 200px; }
    .register_account form select { width: 220px; }
    .register_account form input[type="text"].code { width: 15%; }
    .register_account form input[type="text"].number { width: 60.8%; }
    .login_panel { width: 30%; padding: 10px; }
    .img_list li a { font-size: 11px; margin: 0 8px; }
    .domain_search input[type="text"] {
        background: url(../images/text_box_2.png) no-repeat;
        margin: 0;
        width: 51.6%;
    }
    .domain_search select { width: 17.7%; }
    p.terms { padding: 12px 0 10px 15px; width: 58%; }
    .tld-box { margin-left: 2%; }
    .rfloat { width: 70%; }
    .check_domain input[type="text"] {
        background: url(../images/text_box_reg2.png) no-repeat;
        width: 80%;
    }
    .support_desc h3, .plans h3, .domain_registration h3 { font-size: 25px; }
    .support_desc { width: 70%; }
    .support img { margin-left: 3%; }
    .features_list-1, .features_list-2 { float: left; width: 48%; }
    .features_list-3 { display: none; }
    .plans_table thead th.plans-list h3 { font-size: 15px; }
    .plans_table thead th.plans-list h4 { font-size: 18px; }
    .plans_table tbody td { padding: 5px; }
    .feedback form input[type="text"].number { width: 70%; }
    .feedback form select { width: 100%; }
    .register_account, .login_panel { float: inherit; width: 96%; padding: 10px; }
    .login_panel { margin: 0 0 3% 0; }
    .login_panel form { margin: 0; }
    .register_account form input[type="text"] { width: 300px; }
    .register_account form select { width: 320px; }
    .register_account form input[type="text"].code { width: 15%; }
    .register_account form input[type="text"].number { width: 68%; }
    .login_panel input[type="text"], .login_panel input[type="password"] { width: 95%; }
    ul.menu.list-unstyled li a { font-size: 11px; padding: 15px 18px; }
    ul.sub-menu.list-unstyled.sub-menu3 { position: absolute !important; top: 48px !important; width: 430px; }
    .nag-mother-list { top: 10px !important; }
    .navg-drop-main { background: #F0F0F0 !important; padding: 0.5em 0.3em; }
    ul.sub-menu.list-unstyled.sub-menu2 { top: 46px !important; }
    .search_box { width: 70%; }
    .shopping_cart { width: 190px; margin-top: 1em; }
    .cart { padding: 0 0 0 25px; }
    .wrapper-dropdown, .login { margin-top: 15px; width: 55px; }
    .logo { width: 35% !important; }
    .header_top_right { width: 65% !important; margin-top: 10px; }
    ul.menu.list-unstyled li a { font-size: 11px; padding: 15px 21px; }
    .images_1_of_4 { width: 46.8%; padding: 1%; }
    .grid_1_of_4:nth-child(3) { margin-left: 0; }
    .images_1_of_4 .button { width: 48%; margin-bottom: 0.5em; margin-left: 2%; }
    .sort { margin-left: 26%; }
    .page-no { padding-top: 25px; padding-right: 50px; }
    .show { width: 17%; }
    .images_1_of_5 { width: 29%; padding: 1.5%; }
    .images_1_of_5 h3 { font-size: 1.1em; }
    .images_1_of_5 p { padding-top: 10px; line-height: 1.8em; }
}

/* 768px */
@media only screen and (max-width: 768px) {
    ul.menu.list-unstyled li a { padding: 15px 19px; }
    .sort, .show { width: 26%; }
    .sort { margin-left: 15%; }
    .span_1_of_4 { width: 45.5%; padding: 3.5% 1.5%; }
    .col_1_of_4:nth-child(3) { margin-left: 0; }
    .col_1_of_4, .col_1_of_4:nth-child(4) { border-bottom: 2px groove #555; border-right: 2px groove #555; }
    .social-icons { padding-top: 3%; }
}

/* 736px */
@media only screen and (max-width: 736px) {
    ul.menu.list-unstyled li a { padding: 15px 17.5px; }
    .nag-mother-list { top: 45px !important; width: 520px; }
    .header_top { padding: 20px 0 0; }
    .register_account form input[type="text"] { width: 270px; }
    .register_account form select { width: 292px; }
    .register_account form input[type="text"].number { width: 66%; }
}

/* 667px */
@media only screen and (max-width: 667px) {
    ul.menu.list-unstyled li a { padding: 15px 13.6px; }
    .back-links { width: 30%; }
    .sort, .show { width: 30%; }
    .sort { margin-left: 4%; }
    .signup input[type="text"] { width: 79.6%; }
    .images_1_of_5 h3 { font-size: 1em; }
    .register_account form input[type="text"] { width: 250px; }
    .register_account form select { width: 270px; }
    .register_account form input[type="text"].number { width: 64%; }
}

/* 640px */
@media only screen and (max-width: 640px) {
    .wrap { width: 90%; }
    .search_box { width: 98%; }
    .shopping_cart { width: 48.66%; }
    .menu li:hover > ul, ul.sub-menu.list-unstyled.sub-menu2, ul.sub-menu.list-unstyled.sub-menu3 { display: none; }
    .search_box form input[type="text"] { width: 78.5%; }
    .cart { padding: 0 0 0 15px; }
    .wrapper-dropdown { margin-left: 5px; margin-top: 15px; width: 55px; }
    .login { margin-left: 5px; margin-top: 15px; }
    .list_2_of_1 .button a { padding: 5px 10px; }
    .text { text-align: center; float: inherit; margin: 2% 0 0% 0%; }
    .content_top { padding: 15px 10px; }
    .heading { margin-right: 0%; width: 100%; }
    .sort { width: 31%; margin-left: 0; padding-top: 10px; }
    .show { width: 23%; padding-top: 10px; }
    .sort select, .show select { font-size: 1em; }
    .page-no { padding-top: 10px; }
    .page-no li a { padding: 5px 3px; }
    .header_bottom_left, .header_bottom_right_images { float: inherit; width: 100%; }
    .header_bottom_right_images { margin-left: 0; }
    .listview_1_of_2 { margin: 1.4% 0 0% 1.6%; }
    .images_1_of_4 .button { width: 100%; margin-top: 0.5em; }
    .images_1_of_4 h2 { font-size: 1.05em; letter-spacing: 0; }
    .images_1_of_4 p span.strike, .images_1_of_4 p span.price { font-size: 2em; }
    .wrapper { width: 95%; }
    .span_1_of_4 h4 { font-size: .8em; letter-spacing: 0; padding-top: 5px; }
    .social-icons li { padding: 0 0 0 8px; }
    .span_1_of_2 { float: inherit; width: 97%; padding: 1.5%; }
    .span_3_of_1 { float: inherit; width: 97%; }
    .rightsidebar { margin-left: 0; }
    .span_3_of_1 li a {
        font-size: 1em;
        padding: 0.42em 3%;
        background: url(../images/drop_arrow.png) no-repeat 5px 15px;
    }
    .span_3_of_1 li a:hover { background: url(../images/drop_arrow-hover.png) no-repeat 5px 15px; }
    .available li { padding: 1.5% 1%; }
    .available li select { margin-left: 0; }
    .span_3_of_2 .button { margin-top: 5%; }
    .signup input[type="text"] { width: 79.5%; }
    .signup input[type="submit"] { padding: 8px 10px; width: 18.5%; }
    .span_1_of_4 li span { font-size: 1em; }
    .span_2_of_3 { width: 96%; padding: 2% 0; }
    .col_1_of_3 { margin: 0% 0 0% 0%; }
    .span_1_of_3 { width: 96%; padding: 2% 0; }
    .grid_1_of_4 { margin: 2% 0 2% 0%; }
    .images_1_of_4 { width: 94%; padding: 3%; }
    .span_2_of_3 { width: 100%; padding: 3% 0; }
    .col { margin: 0% 0 0% 0%; }
    .span_1_of_3 { width: 100%; padding: 3% 0; }
    .contact-form input[type="text"], .contact-form textarea { width: 97%; }
    .register_account form input[type="text"] { width: 235px; }
    .register_account form select { width: 255px; }
    .register_account form input[type="text"].code { width: 10%; }
    .register_account form input[type="text"].number { width: 68.5%; }
    .register_account, .login_panel { float: inherit; width: 96%; padding: 10px; }
    .login_panel { margin: 0 0 3% 0; }
    .login_panel button { font-size: 15px; }
    .grid { margin: 0; }
    .cont-desc { margin: 2% 0 2% 0%; }
    .rightsidebar { margin: 0; }
    .image { padding: 3%; }
    .desc { margin: 0; }
    .span_1_of_2 { width: 94%; padding: 3%; }
    .span_3_of_2 { width: 100%; }
    .images_3_of_2 { width: 100%; }
    .span_3_of_1 { width: 94%; padding: 3%; }
    .grid_1_of_5 { margin: 0% 0 0% 0%; }
    .images_1_of_5 { width: 44%; padding: 3%; }
    .images_1_of_5 p { padding: 0; line-height: 1.4em; }
    .year { width: 8%; }
    .images_1_of_5 h3 { font-size: 1.2em; }
    .span_1_of_3 p.history { width: 92%; }
    ul.menu.list-unstyled li a {
        font-size: 11px;
        padding: 11px 0px;
        width: 100%;
        display: block;
        text-align: center;
    }
    .menu li { float: none; }
    .images_1_of_4 .button { width: 45%; }
    .page-no { padding-right: 5px; }
    
    /* Spa responsive */
    .spa-service-row { gap: 12px; align-items: flex-start; }
    .spa-service-title { font-size: 14px; }
    .spa-service-label, .spa-service-price { font-size: 14px; line-height: 1.3; }
    .spa-service-price { min-width: 90px; }
    
    /* Top actions responsive */
    .top-actions { justify-content: center; }
    .admin-link { margin-left: 0; }
}

/* 568px */
@media only screen and (max-width: 568px) {
    .logo { width: 100% !important; float: inherit; text-align: center; }
    .header_top_right { width: 100% !important; }
    .search_box { width: 86%; }
    .sort { width: 34%; }
    .page-no { padding-right: 0px; float: left; }
    .register_account form input[type="text"] { width: 220px; }
    .register_account form select { width: 240px; }
    .register_account form input[type="text"].number { width: 67%; }
}

/* 480px */
@media only screen and (max-width: 480px) {
    .wrap { width: 90%; }
    .logo { float: inherit; width: 100%; text-align: center; }
    .header_top_right { float: inherit; width: 100%; margin-top: 20px; }
    .search_box { float: inherit; width: 100%; }
    .search_box form input[type="text"] { width: 77.5%; }
    .search_box form input[type="submit"] { width: 18.5%; }
    .shopping_cart { width: 55.55%; margin-left: 0px; margin-top: 8px; }
    .wrapper-dropdown { margin-left: 5px; margin-top: 8px; width: 55px; }
    .login { margin-left: 5px; margin-top: 8px; }
    .list_2_of_1 .button a { padding: 5px 10px; }
    .listview_1_of_2 { margin: 0% 0 0% 0%; }
    .images_1_of_2 { width: 92%; padding: 4%; }
    .listimg_2_of_1 { width: 100%; }
    .list_2_of_1 { width: 100%; }
    .content_top { padding: 15px 10px; }
    .heading { margin-right: 0%; width: 100%; }
    .sort { width: 25%; margin-left: 0; padding-top: 10px; }
    .show { width: 21%; padding-top: 10px; }
    .sort select, .show select { font-size: 1em; }
    .page-no { padding-top: 25px; }
    .page-no li a { padding: 5px 3px; }
    .header_bottom_left, .header_bottom_right_images { float: inherit; width: 100%; }
    .header_bottom_right_images { margin-left: 0; }
    .listview_1_of_2 { margin: 2% 0 0% 0%; }
    .images_1_of_4 h2 { font-size: 1.05em; letter-spacing: 0; }
    .images_1_of_4 p span.strike, .images_1_of_4 p span.price { font-size: 2em; }
    .wrapper { width: 90%; }
    .col_1_of_4 { margin: 1% 0 1% 0%; }
    .span_1_of_4 { width: 95%; padding: 0 2.5%; border: none; }
    .span_1_of_4 h4 { font-size: 1em; letter-spacing: 0; padding-top: 5px; }
    .social-icons { padding-top: 3%; }
    .back-links { width: 100%; }
    .social-icons li { padding: 0 0 0 8px; }
    .span_1_of_2 { float: inherit; width: 97%; padding: 1.5%; }
    .span_3_of_1 { float: inherit; width: 97%; }
    .rightsidebar { margin-left: 0; }
    .span_3_of_1 li a {
        font-size: 1em;
        padding: 0.42em 5%;
        background: url(../images/drop_arrow.png) no-repeat 5px 15px;
    }
    .span_3_of_1 li a:hover { background: url(../images/drop_arrow-hover.png) no-repeat 5px 15px; }
    .available li { padding: 1.5% 1%; }
    .available li select { margin-left: 0; }
    .span_3_of_2 .button { margin-top: 1%; }
    .signup input[type="text"] { width: 78.5%; }
    .signup input[type="submit"] { padding: 8px 10px; width: 18.88%; }
    .span_1_of_4 li span { font-size: 1em; }
    .span_2_of_3 { width: 96%; padding: 2% 0; }
    .col_1_of_3 { margin: 0% 0 0% 0%; }
    .span_1_of_3 { width: 96%; padding: 2% 0; }
    .grid_1_of_4 { margin: 2% 0 2% 0%; }
    .images_1_of_4 { width: 94%; padding: 3%; }
    .span_2_of_3 { width: 95%; padding: 2.5%; }
    .col { margin: 0% 0 0% 0%; }
    .span_1_of_3 { width: 95%; padding: 2.5%; }
    .contact-form input[type="text"], .contact-form textarea { width: 92%; }
    .span_1_of_3 li a {
        font-size: 1em;
        padding: 0.42em 3%;
        background: url(../images/drop_arrow.png) no-repeat 5px 15px;
    }
    .span_1_of_3 li a:hover { background: url(../images/drop_arrow-hover.png) no-repeat 5px 15px; }
    .register_account table { width: 100%; }
    .register_account table td { display: block; }
    .register_account form input[type="text"] { width: 95%; }
    .register_account form select { width: 100%; }
    .register_account form input[type="text"].code { width: 10%; }
    .register_account form input[type="text"].number { width: 76%; }
    .register_account, .login_panel { float: inherit; width: 96%; padding: 10px; }
    .login_panel { margin: 0 0 3% 0; }
    .login_panel button { font-size: 15px; }
    .grid { margin: 0; }
    .cont-desc { margin: 2% 0 2% 0%; }
    .rightsidebar { margin: 0; }
    .image { padding: 3%; }
    .desc { margin: 0; }
    .span_1_of_2 { width: 94%; padding: 3%; }
    .span_3_of_2 { width: 100%; }
    .images_3_of_2 { width: 100%; }
    .span_3_of_1 { width: 94%; padding: 3%; }
    .grid_1_of_5 { margin: 0% 0 0% 0%; }
    .images_1_of_5 { width: 94%; padding: 3%; }
    .images_1_of_5 p { padding: 0; line-height: 1.4em; }
    .year { width: 12%; }
    .images_1_of_5 h3 { font-size: 1.2em; }
    .span_1_of_3 p.history { width: 88%; }
    .col_1_of_3 { margin: 0% 0 0% 0%; }
    .span_1_of_3 { width: 95%; padding: 2.5%; }
    .grid_1_of_4 { margin: 0% 0 0% 0%; }
    .images_1_of_4 { width: 95%; padding: 2.5%; }
}

/* 480px (additional) */
@media only screen and (max-width: 480px) {
    .cont-desc { margin: 2% 0 2% 0%; }
    .rightsidebar { margin: 0; }
    .grid { margin: 0; }
    .image { padding: 4%; }
    .desc { margin: 0; }
    .span_1_of_2 { width: 92%; padding: 4%; }
    .span_3_of_2 { width: 100%; }
    .images_3_of_2 { width: 100%; }
    .span_3_of_1 { width: 92%; padding: 4%; }
    .grid_1_of_5 { margin: 0% 0 0% 0%; }
    .images_1_of_5 { width: 92%; padding: 4%; }
    .sort { width: 50%; }
    .col_1_of_4, .col_1_of_4:nth-child(4) { border: none; }
}

/* 440px */
@media only screen and (max-width: 440px) {
    .register_account form input[type="text"].number { width: 75%; }
}

/* 414px */
@media only screen and (max-width: 414px) {
    .search_box form input[type="submit"] { width: 22.5%; }
    .shopping_cart { width: 49%; }
    .support_desc { width: 100%; }
    .register_account form input[type="text"].number { width: 74%; }
    p.terms { width: 90%; }
}

/* 384px */
@media only screen and (max-width: 384px) {
    .cart { padding: 0 0 0 5px; }
    .shopping_cart { width: 45%; }
    .available li select { width: 18%; }
    .span_3_of_2 .button { float: none; margin-top: 2%; }
    .register_account form input[type="text"].number { width: 72.5%; }
}

/* 375px */
@media only screen and (max-width: 375px) {
    .login { width: 48px; }
    .sort { width: 60%; }
    .available li { padding: 1.5% 0%; }
    .register_account form input[type="text"].number { width: 71.5%; }
}

/* 320px */
@media only screen and (max-width: 320px) {
    .shopping_cart { width: 85%; margin-left: 1em; }
    .wrapper-dropdown { margin-left: 11px; }
    .search_box form input[type="submit"] { width: 32%; }
    .search_box form input[type="text"] { width: 62.5%; }
    .sort { width: 68%; }
    .show { width: 30%; }
    .images_1_of_4 .button { width: 48%; }
    .images_1_of_4 p span.strike, .images_1_of_4 p span.price { font-size: 1.2em; }
    .available li select { width: 30%; }
    .signup input[type="text"] { width: 70%; }
    .signup input[type="submit"] { width: 26%; }
    .register_account, .login_panel { width: 92%; }
    .register_account form input[type="text"] { width: 92%; }
    .register_account form input[type="text"].number { width: 68%; }
}