@charset "utf-8";

body { position: relative; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 18px; line-height: 1.6em; color: #555; background: #FFF; background-position: top left; min-width: 1024px; }
.wrapper { position: relative; width: 90%; padding: 0px 5%; margin: 0px auto; border-top: 1px solid #DDD; }
.wrapper.index { border-top: 0px none; }
.wrapper.with-custom-bg { background: #FFF url(assets/bg-weddings.jpg) repeat top left; background-size: 294px 235px; background-attachment: fixed; }
.wrapper.with-custom-bg .container-wrap, .wrapper.with-custom-bg .container { background: transparent; }

strong.large { color: #666; font-size: 1.3em; font-weight: 700; }
strong.medium { color: #666; font-size: 1.2em; font-weight: 700; }
.italic { font-style: italic; }
.soft-color { color: #999; }
.center { text-align: center; }
.centered { margin: 0px auto; }
.text-transform-none { text-transform: none !important; }

.is-page-form { position: relative; margin-top: 15px; }
.is-page-form iframe { border: 1px solid #CCC !important; }

h1.align-left { text-align: left; }

a { color: #069; }

.page-tiles-wrap { position: relative; width: 100%; padding: 10px 0 0; }
.page-tiles { position: relative; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; }
.page-tile { position: relative; width: calc(50% - 20px); text-align: center; }
.page-tile a { display: block; padding: 20px; border: 1px solid #CCC; background: #FFF; }

.custom-page-banner { position: relative; width: 90%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; padding: 0 0 50px; }
.custom-page-banner img { max-height: 600px; }

/* Header Top Bar */
#portopbar-wrap { position: relative; width: 100%; background: #00675e; border-top: 2px solid #008674; z-index: 1000001; }
#portopbar { position: relative; width: 90%; margin: 0px auto; padding: 10px 0px; }
#portopbar ul { float: right; text-align: right; padding-right: 28px; }
#portopbar ul li { position: relative; display: inline-block; padding: 0px 28px 0px 22px; border-left: 1px solid #CCC; font-size: 16px; line-height: 1; }
#portopbar ul li:first-child { padding-left: 0px; border-left: 0px none; }
#portopbar ul li:last-child { padding-right: 0px; }
#portopbar ul li.nobar { padding: 0px 4px 0px 4px; border-left: none; }
#portopbar ul li.nobar.first { padding: 0px 4px 0px 20px; border-left: 1px solid #CCC; }
#portopbar ul li a { display:block;color:#FFF;text-transform:uppercase;}
#portopbar ul li a:hover { color:#DDD;text-decoration:none;}
#portopbar i { float: left; font-size: 14px; color: #FFF; padding-right: 8px; margin-top: 1px; }
#portopbar ul ul { display:block;position:absolute;right:9999px;width:auto;min-width:220px;margin:0px;padding:11px 0px 0px;}
#portopbar ul ul li{position:relative;display:block;line-height:30px;background:#FFF;background-color:rgba(0, 0, 0, 0.8);border-bottom:1px solid #444;border-left:0px none;padding:0px 28px 0px;}
#portopbar ul ul li:first-child{padding-left:28px;}
#portopbar ul ul li:last-child{border-bottom:0px none;}
#portopbar ul ul li a{display:inline-block;min-width:100%;font-size:12px;font-weight:400;color:#FFF;text-align:left;padding:0px 0px !important;white-space:nowrap;}
#portopbar ul li.dropdown:hover ul{left:-10px;right:auto;}
#portopbar ul li.dropdown.left:hover ul { left:auto;right:0;width:auto;}
#portopbar ul li.dropdown.left:hover ul li { padding:0px 8px 0px 15px;}
#portopbar ul li.dropdown.left:hover ul li a { text-align:right;}
#portopbar ul ul li:hover{background-color:rgba(0, 0, 0, 1);}
#portopbar ul ul li i{position:absolute;top:8px;left:8px;}


/* Header */
#porheader-wrap { position: relative; background: #FFF; width: 100%; min-width: 1024px; padding: 20px 0px 23px; }
#porheader-wrap .header { position: relative; width: 86%; padding: 0px 0px 0px; margin: 0px auto; }
#porheader-wrap .logo { position: relative; float: left; width: 20%; margin: 0px 0px 0px; text-align: left; z-index: 2001; }
#porheader-wrap .logo img { height: 120px; margin-top: 0px; float: left; }
#porheader-wrap .tagline { float: left; color: #666; text-align: center; font-size: 24px; font-style: italic; line-height: 1.2em; margin: 40px 0px 0px 90px; }
#porheader-wrap .tagline span { display: block; }
#porheader-wrap .slogan { position: absolute; top: 20px; right: 10px; font-family: 'Roboto Condensed', sans-serif; color: #999; font-size: 18px; line-height: 1.1; font-style: italic; text-align: left; }
#porheader-wrap .header-pane { position: relative; float: right; width: 80%; margin-top: 10px; z-index: 1001; }
#porheader-wrap .header-social-icons { position: absolute; top: 0; right: 0; }
#porheader-wrap .header-social-icons .facebook i { color: #FFF; background: #3b5998; padding: 6px 10px; border-radius: 50%; }

#porheader-wrap .header-phone { float: right; font-size: 18px; margin-top: 5px; }
#porheader-wrap .header-phone a { color: #666; text-decoration: none; font-size: 24px; }
#porheader-wrap .header-phone a:hover { color: #111; }
#porheader-wrap .header-phone i { color: #999; }

.header-cart { float: right; }

#porheader-wrap .cart-icon img { float: left; width: 23px; height: auto; margin-top: 5px; margin-right: 0px; }

/* Header Links */
.header-links { float: right; margin-left: 40px; margin-top: 5px; font-size: 22px; }
.header-links ul { }
.header-links ul li { display: inline-block; margin: 0px 3px; }
.header-links ul li:first-child { margin-left: 0px; }
.header-links ul li:last-child { margin-right: 0px; }
.header-links ul li a { color: #888; }
.header-links ul li a:hover { color: #444; }
.header-links img { width: auto; height: 20px; }

/* Header Search */
#header-search-wrap { position: relative; float: right; margin: 0px; margin-left: 40px; }
#header-search-wrap span { float: left; margin: 10px 20px 0px 0px; }
#header-search { position: relative; float: right; width: 100%; min-width: 240px; max-width: 240px; background: #FCFCFC; border: 1px solid #EEE; border-radius: 0px; margin: 0px 0px; padding: 0px 8px 0px 0px; padding-right: 0px; color: #666; overflow: hidden; }
#header-search:hover { background: #FFF; }
#header-search-box { float: left; width: 100%; height: 35px; font-size: 16px; background: none transparent; border: 0px; padding: 0px 0px 0px; padding-left: 15px; }
#header-search-box:hover { cursor: pointer; }
#header-search .btn-search { position: absolute; right: 0px; top: 7px; font-family: 'Roboto Condensed', sans-serif; color: #333; font-size: 16px; text-transform: uppercase; padding: 0px 10px 0px 0px; }
#header-search .btn-search:hover { text-decoration: none; }
#header-search .btn-search i { color: #666; font-size: 22px; }
#header-search:hover i { color: #111; }
#header-search .btn-search img { float: left; width: 20px; height: auto; margin-top: 0px !important; }
#header-search input::-webkit-input-placeholder { font-family: 'Raleway', sans-serif; color :#111; font-size: 14px; }
#header-search input::-moz-placeholder { font-family: 'Raleway', sans-serif; color: #111; font-size: 14px; } /* firefox 19+ */
#header-search input:-ms-input-placeholder { font-family: 'Raleway', sans-serif; color: #111; font-size: 14px; } /* ie */
#header-search input:-moz-placeholder { font-family: 'Raleway', sans-serif; color: #111; font-size: 14px; }
#header-search .cart-icon img { width: 25px; height: auto; float: left; margin-top: -8px; margin-right: 0px; }

/* Search Bar */
#search-bar-wrap { display: none; width: 100%; max-width: 400px; background: #F9F9F9; border: 1px solid #EEE; box-shadow: 0 0 15px 1px rgba(0,0,0,0.07); margin: -30px 0px 0px; padding: 0px; } 
#search-bar-wrap.fixed { position: absolute; top: 80px; right: -30px; min-width: 320px; left: auto; z-index: 10000001; }
#search-bar-wrap #search-bar { float: left; width: 100%; max-width: 95%; margin: 0px auto; padding: 0px; }
#search-bar-wrap #search-wrap { position: relative; float: left; width: 96%; background: #F9F9F9; margin: 0px; padding: 7px 2% 0px; height: 68px; /*border: 1px solid #DDD;*/ border-top: 0px none; border-bottom: 0px none; margin-left: 3%; }
#search-bar-wrap #search-bar-logo { position: relative; float: left; width: 17%; }
#search-bar-wrap #search-bar-logo img { float: right; width: auto; height: 100px; margin-top: 10px; padding: 0px 0px; }
#search-bar-wrap #search { position: relative; width: 100%; /* 82.5 */ float: right; background: #FFF; border: 1px solid #BBB; border-radius: 0px; margin: 5px 0px 0px; padding: 0px 0px; color: #666; }
#search-bar-wrap #search:hover { border-color: #CCC; transition: border-color 0.4s ease 0s; }
#search-bar-wrap #search:hover i { color: #111; }
#search-bar-wrap #search-box { width: 95%; height: 48px; background: none transparent; border: 0px; padding: 0px; padding-left: 5%; }
#search-bar-wrap #search-box:hover { cursor: pointer; }
#search-bar-wrap .btn-search { position: absolute; top: 0px; right: 0px; line-height: 48px; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 400; background: #F2F2F2; color: #666; text-transform: uppercase; text-decoration: none !important; border-left: 1px solid #DDD; margin: 0px; padding: 0px 20px; }
#search-bar-wrap .btn-search:hover { }
#search-bar-wrap .btn-search i { color: #666; font-size: 22px; }
#search-bar-wrap .btn-search img { width: 20px; height: 20px; }
#search-bar-wrap input::-webkit-input-placeholder { color :#111; font-size: 16px; }
#search-bar-wrap input::-moz-placeholder { color: #111; font-size: 16px; } /* firefox 19+ */
#search-bar-wrap input:-ms-input-placeholder { color: #111; font-size: 16px; } /* ie */
#search-bar-wrap input:-moz-placeholder { color: #111; font-size: 16px; }

.close-search-bar { position: absolute; right: 15px; top: 25px; }
.close-search-bar a { color: #666; text-decoration: none; }
.close-search-bar i { font-size: 20px; }

/* Navigation */
.navbar-wrap { position: relative; float: right; clear: right; width: 100%; margin: 20px auto 0px; /*background: #fc0500; background: linear-gradient(#b52525,#fc0500);*/ /*border-bottom: 1px solid #DDD;*/ border-left: 0px none; border-right: 0px none; border-radius: 0px; }
.navbar { z-index: 1005; float: right; max-width: 100%; margin: 0px auto; }
.navbar ul { float: right; text-align: right; }
ul.navbar-right { float: right; text-align: right; }
.navbar ul li { position: relative; display: inline-block; vertical-align: middle; text-transform: none; }
.navbar ul li a { display: block; font-family: 'Raleway', sans-serif; font-weight: 400; color: #666; font-size: 20px; padding: 5px 0px 4px; margin: 0px 13px; /*border-bottom: 2px solid #FFF;*/ }
.navbar ul li a:hover { color: #333; cursor: pointer; text-decoration: none; border-bottom-color: #F00; }
.navbar ul li.first a { padding-left: 0px; margin-left: 0px; }
.navbar ul li.last a { padding-right: 0px; margin-right: 0px; background: none; }
.navbar ul li a i { padding-right: 0px; }
.navbar ul li a.icon i { font-size: 14px; padding-right: 0px; vertical-align: top; }
.fixed-navbar .navbar ul li a.sticky-cart i { }
.navbar ul li.cart-icon { }
.navbar ul li.cart-icon a { font-size: 16px; margin-left: 20px; background: #FCFCFC; color: #111; border: 1px solid #EEE; padding: 1px 10px 2px; border-radius: 0px; }
.navbar ul li.cart-icon a:hover { background: #FFF; }
.navbar ul li.cart-icon a i { vertical-align: middle; margin-top: -5px; padding-right: 5px; }
.navbar ul li.cart-icon a img { margin-top: 3px; padding-right: 7px; }
.navbar ul li a.search-icon i { vertical-align: middle; margin-top: -5px; color: #666; font-weight: 400; }

.navbar ul li .hide-search-bar { display: none; }
.navbar ul li .hide-search-bar i { color: #FFF; min-width: 19px; margin-left: 1px; }
.fixed-navbar .navbar ul li .hide-search-bar i { color: #333; }

.show-search-bar-icon i, .hide-search-bar-icon i { width: 20px; }

/* Navigation Submenu */
.navbar ul ul { display: block; position: absolute; right: 9999px; width: auto; min-width: 160px; border-top-width: 0px; border-top-color: #DDD; margin: 0px; padding: 0px; z-index: 2003; box-shadow: 0 0 15px 1px rgba(0,0,0,0.07); }
.navbar ul li.dropdown:hover ul { left: 10px; right: auto; }
.navbar ul li.dropdown.left:hover ul { left: auto; right: 0; width: auto; }
.navbar ul ul li { display: block; line-height: 30px; background: #FFF; border-bottom: 1px solid #CCC; padding: 0px 15px 0px 8px; }
.navbar ul ul li:hover { background: #F9F9F9; }
.navbar ul ul li:last-child { border-bottom: 0px none; }
.navbar ul ul li a { display: inline-block; min-width: 100%; font-size: 18px; font-weight: 400; color: #444; text-align: left; padding: 0px 0px !important; white-space: nowrap; z-index: 2004; }
.navbar ul li.dropdown.left:hover ul li { padding: 0px 8px 0px 15px; }
.navbar ul li.dropdown.left:hover ul li a { text-align: right; }
.navbar ul li.dropdown i { padding-right: 5px; margin-left: -5px; }
.navbar ul ul li a:hover { color: #111; }

/* Sticky Navigation */
.navbar ul li.sticky { display: none; }
.fixed-navbar { position: fixed; width: 100%; top: 0; left: 0; margin-top: 0px; z-index: 1000002; /*opacity: .95; border-bottom: 1px solid #BBB;*/ background: #FFF; background-color: rgba(255, 255, 255, .9); -webkit-box-shadow: 0 6px 4px -4px #999; -moz-box-shadow: 0 6px 4px -4px #999; box-shadow: 0 6px 4px -4px #999; }
.fixed-navbar .navbar-wrap { float: none; clear: none; margin: 0px; }
.fixed-navbar .navbar { float: none; width: 86%; margin: 0px auto; }
.fixed-navbar .navbar ul { width: 100%; }
.fixed-navbar .navbar ul li.sticky { display: inline-block; line-height: 40px; }
.fixed-navbar .navbar ul li a.sticky-search i { font-size: 16px; vertical-align: top; margin: 12px 5px 0px 0px; }
.fixed-navbar .navbar ul li a.sticky-search:hover i { color: #06C; }
.fixed-navbar .navbar ul li.cart-icon a { margin-left: 5px; }
.navbar-wrap.fixed-navbar ul li.sticky-logo, .navbar-wrap.fixed-navbar ul li.sticky-home { float: left !important; margin-right: 10px; }
.navbar-wrap.fixed-navbar ul li.sticky-logo, .navbar-wrap.fixed-navbar ul li.sticky-phone { float: left !important; }
.navbar-wrap.fixed-navbar ul li.sticky-logo { margin-right: 10px; }
.navbar-wrap.fixed-navbar ul li.sticky-logo img { /*background: #FFF;*/ width: auto; max-height: 30px; }
.navbar-wrap.fixed-navbar ul li.sticky-phone a { display: inline-block; margin-left: 5px; }

/* Sticky Navigation Search */
.navbar ul.toggle-search { display: none; left: 0; right: auto; border-color: #CCC; border-top-color: #CCC; }
.navbar ul li.dropdown.left ul.toggle-search { display: none; left: auto; right: 8px; width: auto; }
.navbar ul.toggle-search li { float: left; text-align: left; background: #FFF; padding: 8px 8px !important; }
.navbar ul.toggle-search #search-form { position: relative; background: #FFF; width: 300px; border: 1px solid #DDD; }
.navbar ul.toggle-search #search-form:hover { border: 1px solid #CCC; }
.navbar ul.toggle-search #sticky-search-box { text-align: left; border: 0px none; padding: 4px 5px 5px; margin: 0px; }
.navbar ul.toggle-search #search-form a.btn-search { float: right; }
.navbar ul.toggle-search #search-form a.btn-search i { position: absolute; top: 6px; right: 0; font-size: 16px; color: #666; }

/* Slideshow */
#slideshow-holder { position: relative; width: 100%; /*background: url(images/bg-slideshow.jpg) repeat;*/ background: #FFF; padding: 0px 0px; margin: 0px auto; overflow: hidden; }
#slideshow-wrap { position: relative; width: inherit; max-width: 96%; padding: 0px 0px; margin: 0px auto; border: 0px solid #CCC; border-radius: 0px; overflow: hidden; }
#slider1_container { position: relative; margin: 0 auto; top: 0px; left: 0px; overflow: hidden; }
#slider1_container a { display: block; }
.slideshow-dimensions { width: 1600px; height: 800px; }
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av { background: url(images/b13.png) no-repeat; overflow: hidden; cursor: pointer; }
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn { position: absolute; cursor: pointer; display: block; background: url(images/a16.png) center center no-repeat; overflow: hidden; }
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }
.jssorb21 { position: absolute; bottom: 10px; left: 6px; }
.jssora21l, .jssora21ldn { width: 55px; height: 55px; top: 123px; left: 8px; }
.jssora21r, .jssora21rdn { width: 55px; height: 55px; top: 123px; right: 8px; }
#slider1_container img:hover, .slides .slide-panel:hover { cursor: pointer; }

#slider1_container .slide-content { position: absolute; width: 60%; top: 35%; left: 0; right: 0; text-align: center; background-color: rgba(0, 0, 0, 0.6); border-radius: 6px; padding: 3% 0; margin: 0px auto; }
#slider1_container .slide-text { line-height: 1.6em; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; font-weight: 500; color: #FFF; }
#slider1_container .slide-text span { display: block; font-size: 24px; margin-bottom: 15px; }
#slider1_container .slide-text a { display: block; }
#slider1_container .slide-text a:hover { color: #DDD; text-decoration: none; }
#slider1_container .slide-link a { display: block; width: 160px; margin: 0px auto; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; font-weight: 500; color: #FFF; text-align: center; text-transform: uppercase; background: #de1f26; padding: 15px 20px 17px; margin-top: 30px; border-radius: 5px; overflow: hidden; }
#slider1_container .slide-link a:hover { opacity: 0.9; text-decoration: none; }

/* Slideshow panel */
.slides div { position: relative; }
.slides .slide-panel { position: absolute; top: 7%; left: 0; right: 0; width: 30%; text-align: left; color: #FFF; font-size: 18px; background: url(images/bg-dark.png) repeat; background-position: top; border: 1px solid #999; border-bottom-width: 2px; box-shadow: 0px 0px 4px #000; padding: 20px 30px 30px; margin: 0px auto; overflow: hidden; }
.slides .slide-heading { display: block; font-size: 30px; line-height: 40px; margin-bottom: 10px; }
.slides .slide-heading img { float: right; width: auto; height: 40px; margin: 0px -5px 0px 0px; opacity: .6; }
.slides p { padding-left: 2px; }
.slides ul.button { margin-top: 5px; }
.slides ul.button li { display: inline-block; }
.slides ul.button li a { display: block; float: none; color: #FFF; background: #C33; padding: 8px 15px 9px; margin-right: 10px; }
.slides ul.button li a:hover { color: #DDD; text-decoration: none; }
.slides ul.button li a i { color: #FFF; }

.slideshow-readmore { position: absolute; width: inherit; display: inline-block; bottom: 3%; left: 0; right: 0; margin: 0px auto; padding: 0px 0px 0px; font-size: 20px; text-transform: uppercase; text-align: center; text-shadow: 0px 2px 1px #000; z-index: 2001; }
.slideshow-readmore a { display: inline-block; width: 140px; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; color: #FFF; line-height: 1; text-decoration: none !important; /*background-color: rgba(0, 0, 0, .05);*/ margin: 0px auto; padding: 0px 0px; border-radius: 0px; white-space: nowrap; }
.slideshow-readmore a:hover { color: #FFF; }
.slideshow-readmore a span { display: block; line-height: 1; }
.slideshow-readmore a i { font-size: 20px; }

.slideshow-buttons { position: relative; width:inherit; margin: 0px auto; margin-bottom: 45px; }
.slideshow-buttons ul { text-align: center; }
.slideshow-buttons ul li { display: inline-block; margin: 0px 10px; white-space: nowrap; }
.slideshow-buttons ul li:first-child { margin-left: 0px; }
.slideshow-buttons ul li:last-child { margin-right: 0px; }
.slideshow-buttons a { width: inherit; min-width: 150px; color: #FFF; padding: 15px 25px; border: 2px solid #FFF; font-size: 20px; border-radius: 8px; background-color: rgba(0, 0, 0, .7); }
.slideshow-buttons a:hover { color: #FFF; background-color: rgba(0, 0, 0, .9); }

/* Panels */
.panel-heading { position: relative; width: 100%; font-size: 22px; text-transform: uppercase; text-align: center; background: #F6F6F6; padding: 3% 0px 1%; overflow: hidden; }
.panel.small { position: relative; width: 60%; margin: 0px auto; padding: 0px; }

/* Index Button */
.index-btn { text-align: center; background: #FFF; width: 100%; padding: 0px 0px 40px; overflow: hidden; }
.index-btn.no-bg { background: none; }
.index-btn a { display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; text-transform: uppercase; background: #fc0500; color: #FFF; padding: 15px 25px; }
.index-btn a:hover { background: #333; text-decoration: none; }

/* Container */
.container-wrap { width: 100%; padding: 0; background: #FFF; }
.container-wrap.index { padding: 0px; }
.container { position: relative; width: 95%; margin: 0px auto; padding: 2% 0; background: #FFF; }
.container.index { background: #FFF; padding: 20px 0px 0px; }
.content p.first { margin-top: 5px; }

/* Image Gallery */
.image-gallery-wrap { position: relative; width: 100%; margin: 0px auto; background: #FFF; overflow: hidden; padding: 3% 0px 3%; }
.image-gallery-wrap h3 { text-align: center; font-size: 34px; text-transform: uppercase; margin-bottom: 25px; }
ul.image-gallery { text-align: center; text-transform: uppercase; }
ul.image-gallery img { max-width: inherit; height: auto; max-height: 170px; }
ul.image-gallery span { width: 100%; display: block; margin: 0px auto; margin-top: 10px; }
ul.image-gallery a { color: #333; }
ul.image-gallery a:hover { text-decoration: none; }
ul.image-gallery li {  }

.thumb-gallery-wrap { position: relative; width: 100%; background: #FFF; margin: 0px auto; padding: 2% 0px; overflow: hidden; }
.thumb-gallery-wrap.with-borders { /*border-top: 1px solid #DDD;*/ }
.thumb-gallery-wrap h3 { text-align: center; font-size: 34px; text-transform: uppercase; margin-bottom: 25px; }
.thumb-gallery-wrap ul { position: relative; width: 80%; text-align: center; margin: 0px auto; }
.thumb-gallery-wrap.on-page ul { width: 100%; }
.thumb-gallery-wrap ul li { position: relative; width: 11%; display: inline-block; margin: 0px; padding: 0px 1%; vertical-align: middle; }
.thumb-gallery-wrap.on-page ul li { width: 25%; }
.thumb-gallery-wrap ul li:first-child { margin-left: 0; }
.thumb-gallery-wrap ul li:last-child { margin-right: 0; }
.thumb-gallery-wrap ul li img { width: 100%; height: auto; }

/* Featured Items */
.featured-wrap { position: relative; width: 92%; margin: 0px auto; padding: 3% 0px 0px; }
.featured-wrap ul { width: 100%;; text-align: left; padding: 1% 0px 0px; padding-left: 1.1%; overflow: hidden; }
.featured-wrap ul li { position: relative; display: inline-block; vertical-align: top; width: 14%; text-transform: uppercase; padding: 0px 1%; margin-bottom: 1%; }
.featured-wrap ul li:last-child { }
.featured-wrap ul li span { display: block; margin-top: 5px; text-align: center; }
.featured-wrap ul li a { font-size: 18px; color: #333; text-decoration: none; }
.featured-wrap ul li a:hover { color: #06C; }
.featured-wrap ul li img { width: 100%; height: auto; border-radius: 0px; box-shadow: 0px 0px 3px 1px #333; }
.featured-wrap ul li a:hover img { opacity: .9; }
.featured-wrap h2 { font-size: 20px; text-align: center; }
.featured-wrap p { font-size: 20px; text-align: center; color: #000; text-transform: uppercase; } 

/* Banners Tejas */
.poricons-wrap { position: relative; width: 96%; margin: 0px auto; padding: 60px 0px 75px; border-top: 2px dotted #00675e; }
.poricons-wrap ul { width: 84%; text-align: center; margin: 0px auto; }
.poricons-wrap ul li { position: relative; display: inline-block; width: 25%; vertical-align: top; padding: 0px 2%; margin: 0px 2%; }
.poricons-wrap ul li:first-child { margin-left: 0px; }
.poricons-wrap ul li:last-child { margin-right: 0px; }
.poricons-wrap ul li img { width: 100%; height: auto; border-radius: 8px; overflow: hidden; }
.poricons-wrap ul li a:hover img { opacity: .8; }
.poricons-wrap ul li .icons-content { overflow: hidden; }
.poricons-wrap ul li .icons-content a { }
.poricons-wrap ul li .icons-content h2 { cursive; font-size: 24px; color: #00675e; font-weight: 400; line-height: 1.2em; padding: 0px; margin: 40px 0px 20px; text-transform: none; }
.poricons-wrap ul li .icons-content h2 a { color: #00675e; text-decoration: none; }
.poricons-wrap ul li .icons-content h2 a:hover { color: #909c9c; }
.poricons-wrap ul li div.readmore a { color: #00675e; }
.poricons-wrap ul li div.readmore a:hover { color: #909c9c; }
.poricons-wrap ul div.readmore a:hover { color: #909c9c; }
.poricons-wrap.border-bottom { border-bottom: 40px solid #EEE; }


/* Banners v1 
.poricons { padding: 40px 0px 20px; background: #FFF; border-top: 2px dotted #00675e; }
.poricons ul { clear: both; width: 85%; margin: 0px auto; text-align: center; }
.poricons ul li { position: relative; float: left; width: 26%; padding: 0px 3%; margin-right: 1%; }
.poricons ul li:last-child { margin-right: 0; }
.poricons ul li img { width: auto; height: 250px; margin-bottom: 10px; border-radius: 10px; }
.poricons ul li img:hover { opacity: .9; }
.poricons ul li h2 { font-size: 24px; margin: 10px 0px 0px; }
.poricons ul li h2 a { color: #00675e; text-decoration: none; }
.poricons ul li h2 a:hover { color: #008674; }
.poricons ul li div.readmore { margin-top: 10px; }
.poricons ul li div.readmore a { color: #00675e; }
.poricons ul li div.readmore a:hover { color: #008674; }
.poricons .icons-content h2 { padding-bottom: 5px; }
.poricons p { }
*/

/* Banners original */
.porbanners { position: relative; width: 96%; background: #FFF; margin: 0px auto; padding: 2.5% 0px 4%; }
.porbanners ul { position: relative; text-align: center; width: 100%; margin: 0px auto; }
.porbanners ul li { position: relative; float: left; width: 25%; padding: 0px; margin: 0px; overflow: hidden; }
.porbanners ul li:first-child { }
.porbanners ul li:last-child { }
.porbanners ul li a { color: #FFF !important; line-height: 0; }
.porbanners ul li img { width: 98%; height: auto; float: left; margin-left: 1%; }
.porbanners ul li h3 { position: relative; font-family: 'Roboto Condensed', sans-serif; display: block; color: #FFF; text-transform: uppercase; text-align: center; }

.tile-button, .tile-description { position: absolute; display: block; bottom: 40px; left: 0; right: 0; font-size: 30px; text-align: center; text-transform: uppercase; white-space: nowrap; transition: bottom 0.3s ease 0s; }
.tile-description { font-size: 18px; text-transform: none; bottom: -30px; transition: bottom 0.3s ease 0s; }
.tile-description span::before, .tile-description span::after { content:"\2014"; }
.tile-button a, .tile-description a { text-decoration: none; }
.porbanners ul li:hover .tile-button { bottom: 80px; }
.porbanners ul li:hover .tile-description { bottom: 50px; }

.porbanners ul li h2, .porbanners ul li h3 { padding: 0; }
.porbanners .tile-overlay { position: absolute; bottom: 0; left: 1%; width: 98%; height: 30%; background-color: rgba(0, 0, 0, 0.3); transition: height 0.3s ease 0s; }
.porbanners ul li:hover .tile-overlay { height: 40%; }

/* Buttons */
.porbutton { position: relative; text-align: center; padding: 0px 0px 40px; }
.porbutton a { display: inline-block; width: inherit; color: #666; font-weight: 700; font-size: 20px; text-transform: uppercase; padding: 13px 25px; background: #F9F9F9; border: 1px solid #CCC; border-radius: 0px; }
.porbutton a:hover { background: #FFF; text-decoration: none; }

/* Content */
.content { float: left; width: 75%; padding: 0px 0px; min-height: 500px;}
.content.about hr { margin: 20px 0px; clear: both !important; }
.content.full-width { float: none; width: 100%; margin-left: 0; }
.content.half-width { float: none; width: 60%; margin: 0px auto; }
.content.less-width { float: none; margin: 0px auto; }
.content h1 { margin-top: 5px; }

.page-content { float: left; width: 69%; margin-left: 4%; }

.page-img { position: relative; float: right; margin: 0px 0px 40px 50px; }
.page-img img { display: block; max-width: 450px; margin-bottom: 20px; }
.page-img.small img { max-width: 300px; }
.page-img.inline { float: none; margin: 0px 0px 0px 0px; }
.page-img.inline img { display: inline-block; width: 48%; max-width: inherit; height: auto; }
.page-slogan { clear: both; display: block; text-align: center; font-size: 26px; font-weight: 700; }

/* Catalog */
.catalog { float: left; width: 18%; padding: 0px 1%; margin-top: 0px; margin-right: 4%; border-radius: 0px; overflow: hidden; background: #F8F8F8; }
.catalog .catalog-title { font-family: 'Raleway', sans-serif; color: #444; font-size: 24px; text-transform: uppercase; padding: 10px 0px 5px; margin: 0px 0px 4px; border-bottom: 1px solid #CCC; }
.catalog ul { padding: 0px 0px 10px; margin-top: 10px; }
.catalog ul li { margin-bottom: 4px; text-transform: uppercase; }
.catalog ul li.catalog-text { padding-left: 10px; }
.catalog ul li a { display: block; font-family: 'Raleway', sans-serif; font-weight: 400; color: #444; font-size: 18px; line-height: 1.3em; text-decoration: none; padding: 3px 0px 5px; }
.catalog ul li a:hover { color: #111; text-decoration: underline; }
.catalog ul li.division { font-size: 16px; margin: 15px 0px 5px; }
.catalog ul li.division.first { margin-top: 15px; }
.catalog ul li i { margin: 0px 5px 0px 2px; }

/* Locations */
.store-locations-wrap { position: relative; width: 100%; }
.store-location { position: relative; width: 100%; text-align: center; padding: 0px; }
.store-location .store-info, .store-location .store-map { width: 40%; display: inline-block; vertical-align: middle; margin: 0px 3%; }
.store-location iframe { width: 100%; height: auto; min-height: 400px; }
.feedback { display: block; text-align: center; margin: 35px 0px 10px 0px; font-style: italic; }
.feedback img { padding-right: 12px; }
.store-info h2 { font-size: 22px; color: #111; }
.store-info h3 { font-size: 18px; color: #111; }

/* FAQs */
.faqs h3 { display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 400; color: #333; padding: 5px 10px; line-height: inherit; }
.faqs .faq:nth-child(odd) { background-color: #F2F2F2; }
.faqs h3:hover { cursor: pointer; }
.faqs h3 span.faq-num { border-right: 2px solid #FFF; padding-right: 10px; }
.faqs h3 span.spacer { width: 15px; }
.faqs h3 span.show-faq { font-weight: 700; float: right; }
.faqs ul { background: #FFF; padding: 10px 15px; }
.faqs .faq:nth-child(even) ul { padding-top: 0px; }
.faqs p { background: #FFF; padding: 10px 15px; }
.faqs .faq:nth-child(even) p { padding-top: 0px; }

/* Footer Banner */
.footer-banner { line-height: 0; background: #FFF; padding: 0px 0px 20px; overflow: hidden; }

/* Footer */
.footer-wrap { width: 100%; padding: 35px 0px 15%; /* background: #F6F6F6 url(images/bg-body.jpg) repeat top left; */ }
.footer { position: relative; width: 84%; clear: both; padding: 0px; margin: 0px auto; overflow: hidden; border-top: 2px dotted #00675e; }
.footer ul { width: 100%; text-align: center; }
.footer ul li { display: inline-block; vertical-align: middle; margin: 0px 30px 15px; }
.footer ul li:first-child { margin-left: 0px; }
.footer ul li:last-child { margin-right: 0px; }
.footer a { color: #666; text-decoration: none; }
.footer a:hover { color: #333; }
.footer ul ul li { display: inline-block; }
.footer ul.footer-address { text-align: left; }
.footer ul.footer-address li { margin: 0px 10px; font-size: 18px; }
.footer ul.footer-address li:first-child { margin-left: 0px; }
.footer ul.footer-address li:last-child { margin-right: 0px; }
.footer ul.footer-address i { color: #666; margin-right: 7px; }
.footer li.footer-logo { padding: 0px 0px 0px; }
.footer li.footer-logo img { width: auto; height: 80px; padding: 10px; border-radius: 8px; }
.footer ul.footer-social li { margin: 0px 5px; }
.footer ul.footer-social a { font-size: 20px; }
.footer ul.footer-social li:first-child { margin-left: 0px; }
.footer ul.footer-social li:last-child { margin-right: 0px; }
.footer ul.footer-social i { color: #666; border-radius: 0px; }
.footer ul.footer-social a:hover i { color: #111; }
.footer ul.footer-social a.icon-fix i { padding: 10px 13px; }
.footer ul.footer-social img { width: auto; height: 24px; margin-top: 2px; }
.footer .footer-links ul li { margin: 0px 5px; }
.footer .footer-links ul li:first-child { margin-left: 0px; }
.footer .footer-links ul li:last-child { margin-right: 0px; }
.serving { color: #666; font-size: 14px; text-align: center; margin: 0px 0px 0px; padding: 0px 20px 5px 20px; }
.copyright { display: block; text-align: center; color: #666; font-size: 11px; }
.last-update { display: block; text-align: center; color: #666; font-size: 11px; }

/* Misc */
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.go-to-top { display: none; position: fixed; right: 5px; bottom: -15px; margin: 0px auto; z-index: 6001; transition: bottom 0.4s ease 0s; /* to center uncomment > */ /*left: 50%; transform: translateX(-50%);*/ }
.go-to-top:hover { bottom: -10px; }
.go-to-top a { display: block; line-height: 1; padding-bottom: 20px; background: #444; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.go-to-top a:hover { text-decoration: none; }
.go-to-top i { color: #FFF; font-size: 15px; line-height: 1; border-bottom-width: 0px; /*background-color: rgba(0, 0, 0, 0.5);*/ padding: 0px 5px 0px 10px; }
.go-to-top i:hover { color: #FFF; }
.go-to-top span { color: #FFF; text-align: center; text-transform: uppercase; font-size: 10px; font-weight: 700; padding-right: 13px; }

a.readmore { display: block; color: #444; font-size: 18px; text-transform: uppercase; text-decoration: none; }
a.readmore:hover { color: #06C; }
a.readmore i { padding-right: 4px; vertical-align: top; margin-top: 3px; }

.hideme { opacity: 1; }

/* Backend */
#mainpage, #newitempage { width: inherit; width: 76%; float: left; padding: 0px 0px 40px; margin-top: 0px; min-height: 300px; text-align: left; transition: none; }
#mainpage h1, #newitempage h1 { padding: 0px; margin: 6px 0px 30px; font-size: 40px; text-transform: uppercase; text-align: left; }
#mainpage h1 a, #newitempage h1 a { font-size: 20px; color: #06C; line-height: 0; margin-top: 5px; text-decoration: none; }
#mainpage h1 a:hover, #newitempage h1 a:hover { color: #111; }
#mainpage h2 { text-align: left; padding-bottom: 0px; }
#mainpage h2 a { font-size: 18px; }
#mainpage table tbody tr td h1, #newitempage table tbody tr td h1 { width: 100%; }
#mainpage h3, #newitempage h3 { font-size: 30px; padding: 0px; margin: 0px 0px 30px; }
#mainpage h3 a, #newitempage h3 a { line-height: 0; font-size: 22px; margin-top: 10px; text-decoration: none; }
#mainpage h3 a:hover, #newitempage h3 a:hover { color: #111; }
#mainpage table { width: 100%; text-align: center; margin: 0px auto; }
#mainpage table tbody tr td { }
#mainpage form, #mainpage form table, #mainpage form table td { text-align: left; }
#mainpage form table tbody tr td { padding: 5px 0px; }
#mainpage form table tbody tr td table tbody tr td { vertical-align: top; }
#mainpage ul { list-style: disc; margin: 10px 0px 15px 0px; margin-left: 25px; }
.multicolcell div { float: none !important; padding: 0 !important; }
.multicolcell br { display: none; }
.multicolcell { position: relative; display: inline-block; vertical-align: top; width: 16%; margin: 0 1% 40px; padding: 0; text-align: center; }
/* with orders .multicolcell img { width: auto; max-width: 80%; height: auto; max-height: 120px; margin: 0px auto 10px; } */
.multicolcell img { width: auto; max-width: 100%; height: auto; max-height: 180px; margin: 0px auto 10px; }
.multicolcell a { color: #333; text-decoration: none !important; }
.multicolcell a:hover { color: #06C; }

.multicolheading, .multicoldescr { font-weight: 400; line-height: 1.2; text-transform: uppercase; font-size: 16px; }
.por-item-image-thumbnail-desc { color: #555; text-decoration: none !important; }
.por-item-image-thumbnail-desc:hover { color: #06C; }
.poritem-overview { margin-top: 25px; }
.poritem-overview h2 { text-transform: uppercase; margin-bottom: 10px; }
#mainpage ul, #newitempage ul { margin-left: 20px !important; list-style: disc; }
.poritem-overview ul li { position: relative; }
.por-checkout-total-price-string { display: block; }

#form1 { }
#form1 table tbody tr td { text-align: left !important; padding: 5px 5px; line-height: 1.2; }
#form1 table tbody tr td strong { line-height: 2; }
#form1 input { padding: 7px; line-height: 1; padding: 7px; margin: 10px 0px; }
#form1 p input { margin-top: 10px; }

td.cattitle { padding: 20px 0px; color: #FFF; font-size: 20px !important; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; background: #666; text-transform: uppercase; text-align: center !important; white-space: nowrap; }
td.cattitle b { color: #FFF; }

#mainpage input, #mainpage textarea { border: 1px solid #CCC; background: #F7F7F7; font-size: 16px; }
#form1 input[type="submit"], #form1 input[type="button"] { padding: 15px 25px; margin: 15px 15px 0px 0px; }
#form1 input[type="submit"]:hover, #form1 input[type="button"]:hover { background: #F3F3F3; cursor: pointer; }
input[name="strSearchMethodOther"] { margin: 0px 0px 15px !important; display: block; }
input[name="strPostalCode"] { margin-top: 15px; }

.cycle-slideshow { overflow: hidden; margin-left: 0px !important; }
a.cycle-slide { margin-top: 0px !important; transition: none; }
a.cycle-slide.cycle-slide-active { margin-top: 0px !important; }
.por-item-detail-image { clip-path: inset(10px 20px 30px 40px); }
#adv-custom-pager { text-align: left !important; }
#adv-custom-pager a { display: inline-block; }
#adv-custom-pager img { width: auto !important; height: 50px !important; }
.wrap4 #adv-custom-pager a { margin-right: 10px !important; }
.wrap4 .cycle-slideshow img { max-width: 100% !important; width: auto !important; height: auto !important; max-height: 250px !important; }
.por-item-detail-image { clip-path: inherit !important; }
.detailedimg { margin-top: 20px !important; text-align: left !important; width: inherit !important; }
.detailedimg p { text-align: left !important; font-size: 13px !important; line-height: 1.2 !important; margin-bottom: 5px; }

form[name="customerform"] { position: relative; width: 100%; }
form[name="customerform"] hr { margin: 15px 0px; }
form[name="customerform"] img { margin-top: 20px !important; }
form[name="customerform"] td { text-align: left !important; padding-bottom: 15px; vertical-align: top !important; }

textarea { float: left; }

#mainpageused { position: relative; margin: 0px auto; }
#mainpageused td { padding: 10px 20px; }
#mainpageused a { color: #333; }
#mainpageused h1 { text-align: center; }

form[name="feedbackform"] { position: relative; width: 100%; }
#mainpage form[name="feedbackform"] td { padding: 6px 0px !important; vertical-align: top !important; padding-right: 10px !important; min-width: 120px;  }
form[name="feedbackform"] textarea { float: none !important; }
form[name="feedbackform"] input[type="submit"], form[name="feedbackform"] input[type="reset"] { margin-top: 15px; padding: 15px 25px; border: 1px solid #CCC; background: #F7F7F7; font-size: 18px; line-height: 1; }
form[name="feedbackform"] input[name="code"] { display: block; margin-bottom: 10px; }

.container.full-width #mainpage, .container.full-width #newitempage { float: none; width: 100%; }
.container.full-width #mainpage h1, .container.full-width #newitempage h1 { text-align: center; }
.content.full-width #mainpage, .content.full-width #newitempage { float: none; width: 100%; }
.content.full-width #mainpage h1, .content.full-width #newitempage h1 { text-align: center; }
.container.half-width #mainpage, .container.half-width #newitempage { float: none; width: 100%; }
.container.half-width #mainpage h1, .container.half-width #newitempage h1 { text-align: center; }
.content.half-width #mainpage, .content.half-width #newitempage { float: none; width: 100%; }
.content.half-width #mainpage h1, .content.half-width #newitempage h1 { text-align: center; }

/* Forms - Resources */
.resources { position: relative; float: left; width: 100%; margin: 0px auto; padding: 0px 0px 0px 5px; text-align: center; }
.resources h3 { font-family: 'Roboto Condensed', sans-serif; font-size: 20px; text-transform: uppercase; padding: 0px; margin: 10px 0px 0px; text-align: center; }
.resources h3 a { font-size: 18px; font-weight: bold; text-decoration: none; }
.resources p { padding: 0px 0px 0px 5px; margin: 5px 0px 10px; }
.resources ul { margin: 8px 0px 5px 5px; }
.resources ul li { line-height: 1.6; }
.resources ul li a { background: url(images/bullet-dark.png) no-repeat 0px 7px; padding-left: 12px; }

/* Gallery */
#porgallery { position: relative; width: 100%; text-align: center; }
#porgallery > p:nth-of-type(2) { margin-bottom: 40px; }
#porgallery div { text-align: center !important; float: none !important; }
#porgallery p { width: 100%; line-height: 1.2em; }
#porgallery h1 { text-align: center; }
#porgallery h3 { }
#porgallerythumbnail { position: relative; display: inline-block; vertical-align: top; width: 400px; margin: 0px 1% 0px; }
#porgallerythumbnail h4 { font-size: 30px; color: #e1a98b; text-transform: uppercase; }
#porgallerythumbnail a { text-decoration: none !important; }
#porgallerythumbnail p.clickme { text-align: center; }
#porgallerythumbnail img.porgallerypic { width: 400px; height: auto; border-width: 1px; border-color: #5D5964; margin-bottom: 15px; }
.photogalleryauto { width: 400px; height: auto; vertical-align: top; margin-bottom: 5px; }

div.hr-diamond { width: 95%; text-align: center; border-top: 1px solid #DDD; line-height: 0; margin: 10px auto 20px; }
div.hr-diamond span { background: #FFF; color: #999; padding: 0px 10px; font-size: 34px; font-weight: 300; }

/* Splash */
.splash-wrap { text-align: center; }
.splash-logo { display: block; text-align: center; padding: 40px 0px 30px; }
.splash-logo img { max-height: 140px; }
.splash-tagline { font-family: 'Roboto Condensed', sans-serif; color: #333; font-size: 24px; }
.splash-tagline span { font-size: 20px; display: block; color: #666; margin: 10px 0px 60px; }
.splash-tiles ul { text-align: center; }
.splash-tiles ul li { display: inline-block; width: 35%; position: relative; }
.splash-tiles ul li a { text-decoration: none; }
.splash-tiles ul li img { width: 90%; height: auto; margin: 0px auto; border-radius: 0px; box-shadow: 0px 1px 3px #666; }
.splash-tiles ul li img:hover { opacity: .9; }
.splash-tiles ul li span { display: block; width: 90%; margin: 20px auto 0px; background-image: -webkit-linear-gradient(top, #FFF, #CCC); background-image: -moz-linear-gradient(top, #FFF, #CCC); background-image: -ms-linear-gradient(top, #FFF, #CCC); background-image: -o-linear-gradient(top, #FFF, #CCC); background-image: linear-gradient(to bottom, #FFF, #CCC); font-family: 'Roboto Condensed', sans-serif; color: #111; font-size: 20px; text-transform: uppercase; line-height: 1; padding: 20px 0px 22px; border-radius: 0px; white-space: nowrap; box-shadow: 0px 1px 2px #444; }
.splash-locations {}

ul.buttons { margin-top: 20px; }
ul.buttons li a { display: block; width: 90%; margin: 0px auto; padding: 15px 0px; /*border: 1px solid #DDD;*/ border-radius: 0px; background: #034380; font-family: 'Roboto Condensed', sans-serif; color: #111; text-transform: uppercase; font-size: 18px; }

.splash-panel { display: block; text-align: center; width: 50%; margin: 0px auto; margin-top: 35px; }

.splash-social { text-align: center; margin-top: 35px; }
.splash-social ul { text-align: center; }
.splash-social ul li { display: inline-block; margin-right: 5px; }
.splash-social ul li:last-child { margin-right: 0px; }
.splash-social img { width: 35px; height: auto; }

/* Testimonials */
.testimonial { position: relative; padding: 55px 0px 20px; border-top: 1px solid #EEE; background: url(images/testimonial.png) no-repeat 5px 20px; }
.testimonial span { display: block; text-align: right; }

/* Media */
@media screen and (max-width : 1920px) {
  .catalog { width: 14%; }
  .content { width: 79%; }
  .catalog .catalog-title { font-size: 20px;}
  .catalog ul li a { font-size: 14px; }
  .thumbnailimgtall, .thumbnailimg { max-width: 130px; }

}

@media screen and (max-width : 1910px) {
  .catalog { width: 18%; }
  .content { width: 75%; } 
}

@media screen and (max-width : 1800px) {
  .porbanners .tile-overlay { height: 35%; }
  .porbanners ul li:hover .tile-overlay { height: 50%; }
}

@media screen and (max-width : 1620px) {

  .navbar ul li, .navbar ul li a { font-size: 18px; }
  .fixed-navbar .navbar ul li a { font-size: 18px; }
}

@media screen and (max-width : 1460px) {
  .navbar ul li a { margin: 0px 10px; }
  .fixed-navbar .navbar ul li a { font-size: 16px; }
}

@media screen and (max-width : 1450px) {
  .catalog { width: 23%; }
  #mainpage, #newitempage { width: 70%; }
  .content { width: 70%; }
  .container { width: 96%; }
  .catalog .catalog-title { font-size: 16px;}
  .catalog ul li a { font-size: 13px; }
}

@media screen and (max-width : 1366px) {
  .wrapper { width: 100%; padding: 0px; }
  #porheader-wrap .header { width: 96%; }
  .navbar ul li { font-size: 18px; }
  .navbar ul li a { font-size: 18px; margin: 0px 7px; }
  .content.half-width { width: 90%; }
  .content.less-width { width: 90%; }
  .porbutton { padding: 10px 0px 30px; }
}

@media screen and (max-width : 1280px) {
  .wrapper { width: 100%; }
  .tile-button { font-size: 25px; bottom: 30px; }
  .fixed-navbar .navbar ul li a { font-size: 14px; margin: 0px 8px; }
  .navbar ul li, .navbar ul li a { font-size: 16px; }
  .porbanners .tile-overlay { height: 35%; }
  .porbanners ul li:hover .tile-overlay { height: 60%; }
  .panel.small { width: 80%; }
}

@media screen and (max-width : 1200px) {
  .container { width: 90%; }
  .footer { width: 100%; }
}
@media screen and (max-width : 1100px) {
  .fixed-navbar .navbar ul li a { font-size: 13px; margin: 0px 5px; }
  .cart-icon img { display: none; }
  .navbar ul li.cart-icon a { padding-top: 0px; padding-bottom: 0px; }
  .navbar ul li { font-size: 15px; }
  .navbar ul li a { font-size: 15px; margin: 0px 5px; }
  .porbanners .tile-overlay { height: 35%; }
  .porbanners ul li:hover .tile-overlay { height: 70%; }
  .catalog { width: 23%; }
  #mainpage, #newitempage { width: 70%; }
  .content { width: 70%; }
  .container { width: 96%; }
  .catalog .catalog-title { font-size: 16px;}
  .catalog ul li a { font-size: 13px; }
}

@media screen and (max-width : 1024px) {
  #portopbar ul li { padding: 0px 26px 0px 22px; }
  .go-to-top { right: 4.5%; bottom: 1px; }
}
 
@media screen and (max-width : 980px) {

}

@media screen and (max-width : 800px) {
}

@media screen and (max-width : 360px) {
}

@media screen and (max-width : 1050px) and (orientation: portrait) { 
  .hideme { opacity: 1 !important; }
}