
#side_nav_wrap .side-nav-button {
    display:none;
}

.nav_floating div#site_wrap div#side_nav_wrap {
  position: fixed;
  z-index: 999;
  background: #FFFFFF;
  border-top: 1px solid #696969;
  border-bottom: 1px solid #696969;
  top: 50%;
  width: 188px;
  margin: 0;
  height:auto !important;
  padding:0 !important;
}
.nav_floating div#site_wrap div#side_nav_wrap ul {
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
}
.nav_floating div#site_wrap div#side_nav_wrap ul li a {
  width: auto;
}
.nav_floating div#site_wrap.vert_nav_left div#side_nav_wrap {
  left: -200px;
  border-right: 1px solid #000;
}
.nav_floating div#site_wrap.vert_nav_right div#side_nav_wrap {
  border-left: 1px solid #000;
  right: -200px;
}

.nav_floating div#site_wrap div#side_nav_wrap div.side-nav-button {
    height: 50px;
    margin-top: -25px;
    width: 25px;
    background: #CCCCCC;
    position: absolute;
    top: 50%;
    cursor: pointer;
    color:#fff;
    opacity: 0.7;
}
.nav_floating div#site_wrap div#side_nav_wrap div.side-nav-button {
    display:block;
}
.nav_floating div#site_wrap div#side_nav_wrap div.side-nav-button:after {
  display: inline-block;
  transition: all 0.5s ease;
}
.nav_floating div#site_wrap div#side_nav_wrap div.side-nav-button.open:after {
  transform: rotate(180deg);
}
.nav_floating div#site_wrap.vert_nav_left div#side_nav_wrap div.side-nav-button {
  right: -25px;
}
.nav_floating div#site_wrap.vert_nav_left div#side_nav_wrap div.side-nav-button:after {
  line-height: 50px;
  content: "\f054";
  left: 8px;
  position: relative;
}
.nav_floating div#site_wrap.vert_nav_right div#side_nav_wrap div.side-nav-button {
  left: -25px;
}
.nav_floating div#site_wrap.vert_nav_right div#side_nav_wrap div.side-nav-button:after {
  line-height: 50px;
  content: "\f053";
  left: 6px;
  position: relative;
}

.nav_floating #content_wrap {
    display:block;
    margin:auto;
	float: none;
}

.skyscraper-bottom {
    position:static !important;
    width:auto !important;
    margin-top:20px;
    clear:both;
}

.skyscrapers-hidden #container_01,
.skyscrapers-hidden #container_02,
.skyscrapers-hidden #container_03,
.skyscrapers-hidden #container_04 {
    padding-left:20px !important;
    padding-right:20px !important;
}

.skyscrapers-hidden #skyscraper_left,
.skyscrapers-hidden #skyscraper_right {
    display:none;
}

.page-item-type-media .page-item-content>iframe {
    max-width:100%;
}

/* Desktops and laptops */

@media screen and (max-width: 730px) {
    div#cookie_alert {
      min-width: 0;
      position: fixed !important;
      bottom: 0;
      top: auto;
    }
    div#cookie_alert span {
      height: auto;
      width: auto;
    }
}
@media screen and (max-width: 702px) {

    div#top_nav_wrap {
        padding-left:0;
        padding-right:0;
    }

    div#site_wrap,
    div#container_01,
    div#container_02,
    div#container_03,
    div#container_04,
    div#content_wrap,
    div#top_navigation1,
    div#footer_text,
    div#bannav_wrap {
        width: auto !important;
        overflow: visible;
    }

    body.body892 div#site_wrap,
    body.body892 div#container_01,
    body.body892 div#container_02,
    body.body892 div#container_03,
    body.body892 div#container_04,
    body.body892 div#top_navigation1,
    body.body892 div#footer_text,
    body.body892 div#bannav_wrap {
        max-width: 892px;
    }

    body.body702 div#site_wrap,
    body.body702 div#container_01,
    body.body702 div#container_02,
    body.body702 div#container_03,
    body.body702 div#container_04,
    body.body702 div#top_navigation1,
    body.body702 div#footer_text,
    body.body702 div#bannav_wrap {
        max-width: 702px;
    }

    div#container_01, div#container_02, div#container_04 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    div#content_wrap {
      max-width: 686px;
      width: auto !important;
      display:block;
    }

    div#footer_text {
        height:auto;
    }

    div#skyscraper_left, div#skyscraper_right {
      display: none;
    }

    div#content_wrap,
    div.expand-menu,
    div.expand-menu ul {
        float: none;
        width: 100%;
    }

    /* Large Banner & Logo */

    div#banner_wrap.large {
      height: 0% !important;
    }
    div#logo_above_banner_wrap.large {
      height: 0 !important;
      padding-bottom: 0% !important;
    }
    div#banner_wrap.large div, div#logo_above_banner_wrap.large div {
      margin: 0 !important;
    }
    div#banner_wrap.large div img, div#banner_wrap.large img,
    div#logo_above_banner_wrap.large div img {
      height: 100%;
      width: 100%;
    }

    
    /* Small Banner & Logo */
	
    div#banner_wrap.small  {
      height: 0% !important;
    }
    div#logo_above_banner_wrap.small {
      height: 0 !important;
      padding-bottom:  0% !important;
    }
    div#banner_wrap.small div, div#logo_above_banner_wrap.small div {
      margin: 0 !important;
    }
    div#banner_wrap.small div img, div#banner_wrap.small img,
    div#logo_above_banner_wrap.small div img {
      height: 100%;
      width: 100%;
    }
	
    	


    /* Standard page */
    div.page-section {
      max-width: 686px;
    }

	
}

@media screen and (max-width: 720px) {

    /* Shop bar */
    div#search_container {
		display: table;
        height: auto;
        float: none;
        border:0 none;
    }
    div#search_container select,
    div#search_container input,
	#search_terms_container {
        margin-bottom: 5px;
        display: block;
        width: 100%;
        max-width: none;
        box-sizing: border-box;
        height: 30px;
    }
	#search_form {
		display: table-caption; /* top */
		padding: 5px 5px 0 5px;
		background: #F6F6F6;
	}
	#sort_order_form {
		float: none;
		display: table-header-group; /* middle */
	}
	#search_terms_container,
	#search_terms,
    #search_terms + .placeholder {
        display: block;
    }
    #show_category,
    #show_subcategory,
    #sort_order,
    #search_terms {
        font-size: 16px;
    }
    #trolley_button {
		display: table-footer-group; /* bottom */
        width: 100%;
		border: 1px solid #CCC;
		margin: 0 0 5px 0;
		height: 50px;
		box-sizing: border-box;
		box-shadow: 0px 5px 7px -5px rgba(0, 0, 0, 0.2)
    }
    #trolley_icon {
		margin: 14px 0 0 0;
    }
	#trolley_count_container {
		font-size: 12px;
		line-height: 30px;
		height: 30px;
		top: -1px;
		right: -1px;
		padding: 0 10px;
	}
    div#shop_bar_container {
        height: auto;
    }

    .skyscrapers-hidden #container_01,
    .skyscrapers-hidden #container_02,
    .skyscrapers-hidden #container_03,
    .skyscrapers-hidden #container_04 {
        padding-left:0px !important;
        padding-right:0px !important;
    }


    /* Standard2 pages */
    /*div.page-item-type-image, div.page-item-type-image div.page-item-inner, div.page-item-type-image div.page-item-inner div.page-item-content,
    div.page-item-type-media, div.page-item-type-media div.page-item-inner, div.page-item-type-media div.page-item-inner div.page-item-content {
      width: auto !important;
      display: inline;
      margin: 5px;
    }
    div.page-item-type-image div.page-item-inner div.page-item-content img {
    }*/

    div.page-item {
        width:100% !important;
    }

    div.page-item-content {
        height:auto !important;
    }

    .page-item-type-image .page-item-type-image-placeholder {
        height:200px;
    }

    .page-item-type-media .page-item-content {
        text-align:center;
    }

    /* Shop pages */
	.table {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.table-header {
		display: table-header-group; /* middle */
	}
	.table-footer {
		display: table-footer-group; /* bottom */
	}
    .shop-description-outer {
		float: left;
		clear: both;
		text-align:left;
    }
	.shop-image-outer {
		width: auto;
	}
	.image_container_large a {
		width: 180px;
		height: 136px;
	}
	.variation_col {
		min-width: 120px;
	}
	
    /* Gallery */
    div.gallery-original-grid {
      width: auto;
    }
    div.gallery-original-grid div.gallery-item {

    }

    .gallery-static-grid {
        max-width:100%;
    }

    .gallery-static-grid .gallery-item {
        float:none;
        text-align:center;
    }

    .gallery-static-grid .gallery-item > a {
        display:inline-block;
    }
    .gallery-static-grid .gallery-item > img {
        max-width:100%;
    }

    .gallery-captions-row {
        display:table;
        width:100% !important;
        box-sizing:border-box;
        padding:8px 0;
    }
    .gallery-captions-row > .gallery-item {
        display:table-header-group;
        float:none !important;
        text-align:center;
        padding:10px;
    }
    .gallery-captions-row > .gallery-item > a{
        display:inline;
    }
    .gallery-captions-row > .gallery-item .gallery-item-image {
        padding:10px 0;
    }
    .gallery-captions-row > .gallery-item .gallery-item-image img {
        max-width:100%;
    }
    .gallery-captions-row > .gallery-caption {
        float:none !important;
        width:auto !important;
        padding:10px;
    }

    #slideshow_section_main,
    #slideshow_main_image {
        width:auto !important;
        float:none !important;
    }

    .slideshow_section_left,
    .slideshow_section_right {
        width:auto !important;
        float:none !important;

    }

    #slideshow_thumbnail_pages {
        width:auto !important;
    }

    #slideshow_thumbnails {
        height:auto !important;
        width:auto !important;
    }

    #slideshow_thumbnails #slideshow_slide_frame {
        height:100% !important;
        position:relative;
    }

    #slideshow_slide_frame {
        max-width:100% !important;
        max-height:100% !important;
        margin-top:0 !important;
    }

    #slideshow_slide_frame > img {
        max-width:100% !important;
        max-height:100% !important;
        margin-top:0 !important;
        position:relative;
        top:50%;
        left:50%;
        transform:translateY(-50%) translateX(-50%);
    }

    #slideshow_toggle_icons div {
        margin:0 5px 10px !important;
    }

    #slideshow_thumbnails {
        width:auto !important;
    }

    /* Availability Calendar */
    div.month_view {
      max-width: 343px;
      margin: 0 auto 0 auto;
    }
    div.month_view a {
      position: static;
      display: block;
    }
    div.month_view a.next_month {
      float: right;
    }
    div.month_view a.prev_month {
      float: left;
    }
    div.month_view a.prev_month_3 {
      clear: both;
      float: left;
    }
    div.month_view a.next_month_3 {
      float: right;
    }
    div.month_view div.month_scroller {
      top: 50px;
    }

    div.month_key {
      width: 100%;
    }

    .ip-comment-name,
    .ip-comment-website {
        display:block !important;
        padding:0 !important;
    }

    .blog-filter {
        float:none;
    }
    .blog-filter > form {
        margin-bottom:20px;
    }

    .gallery-static-grid {
        text-align:center;
    }

    .gallery-static-grid .gallery-item {
        display:inline-block;

    }

    .gallery-static-grid .gallery-heading {
        text-align:left;
    }

    #footer_text iframe,
    .page-intro iframe,
    .blog-content iframe,
    .page-standard-original iframe,
    .page-item-type-content iframe {
        max-width:100%;
    }

    #footer_text img,
    .page-intro img,
    .blog-content img,
    .page-standard-original img,
    .page-item-type-content img {
        max-width:100%;
        height:auto;
    }

    #footer_text video,
    .page-intro video,
    .blog-content video,
    .page-standard-original video,
    .page-item-type-content video {
        max-width:100%;
        height:auto;
    }

    #footer_text audio,
    .page-intro audio,
    .blog-content audio,
    .page-standard-original audio,
    .page-item-type-content audio {
        max-width:100%;
        height:auto;
    }

    .original-table-layout {
        max-width:100%;
    }

    .original-table-layout td.original-table-cell {
        display:block;
        width:100% !important;
        padding-left:0;
        padding-right:0;
    }

    .original-table-layout td.original-table-cell-image {
        text-align:center;
    }

    .original-table-layout td.original-table-cell-image img {
        display:inline-block;
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0;
    }

    :not(td) td {
    }

    #footer_text p,
    .page-standard-original p {
        clear:both;
        word-wrap:break-word;
    }

    body #footer_text {
        height:auto;
    }

    input, input.custom-font,
    select, select.custom-font,
    textarea, textarea.custom-font {
        font-size:16px;
    }

    .schedule table,
    .schedule tbody,
    .schedule tr,
    .schedule td {
        display:block;
        box-sizing:border-box;
        width:100% !important;
    }

    .schedule td.scheduled-date {
        line-height:24px;
        padding:5px !important;
    }

    .schedule td.scheduled-time {
        padding:10px !important;
        font-size:16px !important;
        line-height:1.2 !important;
    }

    .schedule td.schedule-text {
        padding:10px !important;
    }

    .schedule .schedule-content,
    .schedule .scheduled-item-description {
        font-size:16px !important;
        line-height:1.2 !important;
    }
    .schedule style + table tr:first-child {
        display:none;
    }

    .cycle-links td {
        font-size:16px !important;
        padding:10px;
    }
}

@media screen and (max-width: 600px) {
    #container_01 .expand-menu ul li a {
        padding-top:14px;
        padding-bottom:14px;
    }
}

@media screen and (max-width: 540px) {

    /* Shop */
    .shop-description-outer {
		width: 100%;
    }

	.is_trolley {
		margin: 0;
	}
	
	.shop-price {
		float: left;
		clear: both !important;
	}

	.shop-price.no-offer {
		line-height: inherit;
	}

	.is_add_button {
		margin: 0 0 15px 0;
	}
	
	.offer_status {
		display: inline;
		vertical-align: text-top;	
		line-height: 14px;
		margin-left: 5px;
	}

	.select-container, .select-container select.quantity_select, .select-container select.variation_select, #add_to_trolley_button {
		width: 100%;
		max-width: none;
	}
	
    select#quantity_0, select#quantity_0 option {
        width: 40px;
    }
	
	#delivery_service {
		width: 100%;
	}

	#form1 .shop-title {
		max-width: none;
	}
	
    div.shop-buttons {
		display: table;
		margin: 15px 0 0 0;
	}
	
	div.shop-buttons div {
		float: none !important;
        width: 100%;
    }
	
	div.shop-buttons div input {
		width: 100%;
		margin: 0 0 15px 0;
	}

	div.shop-buttons div input,
	#add_to_trolley_button,
    #update_voucher {
        font-size: 16px;
        text-transform: capitalize;
    }

    #update_voucher {
        padding:0 5px;
    }

    #variation,
    #quantity,
    #delivery_service {
        font-size:16px;
    }

	.variation_col {
		min-width: inherit;
	}

    /* Standard2 pages */
    div.page-item {
        float: none;
        width: 100% !important;
    }

    select.custom-font {
        width: 100%;
    }

    .month_view .month_scroller td>div {
        width: 40px !important;
        height: 40px !important;
    }
    .month_view .month_scroller td div h1, .example_ampm h1 {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
    }
    .month_view .month_scroller td div div + div {
        border-top-width:0 !important;
        border-right-width:0 !important;
        border-bottom-width: 40px !important;
        border-left-width: 40px !important;
    }
    .month_view .month_scroller td div div {
        border-top-width: 40px !important;
        border-right-width: 40px !important;
    }
    .month_view .month_scroller td div img {
        max-width: 100%;
    }

    div.month_view {
        max-width: 300px;
    }

    #slideshow_overlayed_controls {
        display:none !important;
    }

    .schedule .scheduled-item-description {
        word-wrap:break-word;
    }
    .schedule .note {
        word-wrap:break-word;
    }

    .schedule-container {
        border:0 none !important;
    }

    .schedule-tabs > .ui-tabs-panel {
        padding:0 !important;
    }

    .help_outer {
        display:none;
    }

    .fa.fa-info-circle {
        display:none;
    }

    #trolley_form td div a {
        word-break:break-all;
    }
}

@media screen and (max-width: 350px) {
    .captcha .form-required {
        display:none;
    }

    .gallery-original-grid .gallery-item {
        box-sizing: border-box;
        max-width: 50%;
        border: 0 none;
        margin:0 0 4px;
    }

    .gallery-original-grid .gallery-item-image img {
        max-width:100%;
    }

    .gallery-original-grid .gallery-item-caption {
        margin:0 5px !important;
    }

    .gallery-static-grid .gallery-item-image img{
        max-width:100%;
    }
}

div#content_wrap {
    min-height:650px;
}

@media screen and (max-height: 1000px) {
    div#content_wrap {
        min-height:550px;
    }
}

@media screen and (max-height: 950px) {
    div#content_wrap {
        min-height:450px;
    }
}

@media screen and (max-height: 780px) {
    div#content_wrap {
        min-height:380px;
    }
}

@media screen and (max-height: 500px) {
    div#content_wrap {
        min-height:300px;
    }
}

@media screen and (max-height: 400px) {
    div#content_wrap {
        min-height:200px;
    }
}
