/*Needed for shopping cart icon in heeader*/
@font-face{
	font-family: 'WooCommerce';
	src: url(../../plugins/woocommerce/assets/fonts/WooCommerce.eot);
	src:
	url(../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),
	url(../../plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),
	url(../../plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype"),
	url(../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce) format("svg");
}

body {
	margin: unset !important;
	font: 100 18px "Open Sans", sans-serif !important;
	font-family: JumpingGiraffe;
	font-size: 18px !important;
	font-weight: 100 !important;
	-webkit-font-smoothing: antialiased !important;
	color: #5a5a5a !important;
	background: #fff !important;

	font-family: "Open Sans", sans-serif;/*TESTING!!!*/
  
}

/*Declaring variables */
:root {
	--text_colour: #5a5a5a;
	--text_colour_light: #d2d2d2;
	--a_colour: #feed01;
	--a_colour_hover: #fff;
	--field_background_colour: #1f1f1f;
	--field_background_colour: #262626;
	--border_colour: #a7a7a7;
	--button_colour: #feed01;/*yellow*/
	--button_orange: #fe7404 ;/*orange*/
	--button_colour_hover: #21b724;/*Green old 368B38*/ 
	--rigol_yellow: #feed01;
	--colour_red: #ff0000;/*Old red (nice) E02222*/
}

h1 {margin: unset; text-align: center; color: var(--button_colour); background-color: #262626;}
h1::before {color: red;}
h2 {margin: unset; text-align: center;}
h3 {color: var(--colour_red); font-size: 20px; text-align: center; font-weight: bold;}/*old - .woocommerce .woorelated-title, .woocommerce .woocommerce-Tabs-panel */
h4 {font-size: 18px; text-align: center;}
h5 {font-size: 18px; text-align: left;}
a {text-decoration: none; color: #6d6d6d;}
a:hover, a:hover p, a h2:hover {color: var(--a_colour_hover);}
p {color: var(--text_colour) !important;}
p a {color: var(--a_colour); color: #feed01; background-color: #000; padding: 1px 8px;}
p a:hover {color: #000; background-color: #feed01; font-weight: 600; border: 1px solid #000; padding: 0px 7px;}

input, select {height: 30px; background-color: var(--field_background_colour); background-color: #1f1f1f; border: 1px solid #000; font-size: 18px; color: #fff; font: 100 18px "Open Sans", sans-serif !important;}
input[type="checkbox"], input[type="radio"] {width: 18px !important; float: left; margin: 7px 5px 0 0 !important; height: 18px !important; outline: unset !important;}
figure {margin: 0;}/*Used in Product page*/

ul, ol {list-style-type: none;}/*Remove bullet points*/
textarea {font-family: "Open Sans", sans-serif; font-size: 18px; background-color: var(--field_background_colour); background-color: #1f1f1f; border: 1px solid #000; color: #fff;}
::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder {color:red !important;}
button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .product .woocommerce-Tabs-panel .tab_add_to_basket, .woocommerce .woocommerce-message a, .JG_checkout .woocommerce .woocommerce-info a {
	color: #000 !important;
    background-color: var(--button_colour) !important;
    text-transform: capitalize !important;
    padding: 5px 10px !important;
	border: 2px solid #262626 !important;
    font-size: 18px !important;
    font-family: "Open Sans", sans-serif !important;
	font-weight: 100!important;
    cursor: pointer !important;
	line-height: 1.2em !important;
}
button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce .woocommerce-message a:hover, .JG_checkout .woocommerce .woocommerce-info a:hover {color: #fff !important; background-color: var(--button_colour_hover) !important;  background-color: #21b724 !important;}
table {width: 100%; border-collapse: collapse;}
table td, table th {border: 1px solid #969696; text-align: center;}

.product_regular_price {text-decoration: line-through; /*color: #f76565;*/ font-size: 15px;}
.product_sale_price {text-decoration: underline; font-weight: bold; color: #ff0000; font-size: 15px;}
.product_price_container {width: 100%; display: block; position: absolute; bottom: 0;}
.product_videos {width: 32%; float: left; margin: 0 1% 20px 0; border: 1px solid var(--border_colour); background-color: var(--field_background_colour); height: 320px;}
.product_videos_caption {float: left; width: 100%; text-align: center;  padding: 5px 0; color: #fff;}
.product_videos img {max-height: 280px;}
.product_videos iframe {width: 100%; margin-right: 1%; float: left;}

#sidebar {display: none;}/*Hides the sidebar in category pages*/

.meta {display: none;}/*Posted by and date*/
#reviews .meta {display: initial;}/*Review names and dates*/

.container {width: 100%; background: #fff;}
.topmenu_container {width: 100%; text-align: right; min-height: 20px;}
.topmenu_container a, .topmenu_container .telephone {color: var(--text_colour); font-size: 15px; float: right; margin-right: 5px; padding: 0 5px;}
.topmenu_container a:hover {color: #feed01; background-color: #262626;}
.topmenu_container a img {height: 20px; width: 20px;}
.topmenu_container a img:hover {filter: invert(89%) sepia(24%) saturate(2669%) hue-rotate(359deg) brightness(105%) contrast(103%);}
.header_main {height: 125px; border-top: 1px solid var(--border_colour); background-color: #262626;}
.header_main .header_search {width: 200px; float: left;}
.header_main .header_search form {width: 200px; margin: 20px 0 0 0;}
.header_main .header_search form ::placeholder {color: #fff; opacity: 1;}
.header_main .header_search form :-ms-input-placeholder {color: #fff;}
.header_main .header_search form ::-ms-input-placeholder {color: #fff;}
.header_main .header_logo {width: 550px; float: left; margin-left: 90px;}
.header_main .header_cart {width: 200px; float: right; margin-top: 20px;}
.header_main_right {float: right; width: 200px; margin-right: 25px;}
.header_nqa {float: right; width: 170px; margin-top: 8px;}

.logo {background-image: url(/img/logos/rigol-logo.png);	background-repeat: no-repeat; height: 120px; width: 542px; margin: 0 auto;}

/*START - Cart logo */
.cart-contents:before {font-family:WooCommerce; content: "\e01d"; font-size:28px; margin-top:10px; font-style:normal; font-weight:400; padding-right:5px; vertical-align: bottom;}
.cart-contents:hover {text-decoration: none; color: var(--button_colour)}
.cart-contents-count {color: #000; background-color: var(--rigol_yellow); font-weight: bold; border-radius: 10px; padding: 1px 6px; line-height: 1; font-family: Arial, Helvetica, sans-serif; vertical-align: top;}
/*END - Cart logo */

/*START - Navigation Menu*/
.menu_mobile {display: none;}

/*GRID*/
.JG_menu {display: grid; grid-template-columns: repeat(9, 1fr); text-align: center; text-transform: uppercase; font-size: 0.9vw; background-color: #feed01;}
.JG_menu .sub-menu {display: grid; grid-template-columns: repeat(6, 1fr); text-transform: capitalize;}
.JG_menu .menu_title {grid-column: 1 / -1;}

.JG_menu a {text-decoration: none; color: #000; padding: 0 15px; display:inline-block; font-weight: bold; min-height: 40px;}
.JG_menu ul {display: inline; margin: 0; padding: 0;}
.JG_menu ul li {display: inline-block;/* min-width: 12%*/; cursor: pointer; width: 100%;}
.JG_menu ul li:hover ul {display: block; background-color: #feed01; width: 96%; z-index: 10000; border: 2px solid #191c4e;}
.JG_menu ul li ul {position: absolute; display: none; left: 2%;/* margin-top: -1px;*/}
.JG_menu ul li ul li a {display:block !important;} 
.JG_menu ul li ul li a:hover {color: #feed01; background-color: #262626;} 
.JG_menu ul li ul li img {max-width: 130px; max-height: 70px; width: 130px; height: 70px;}
.JG_menu .sub-menu {text-transform: capitalize;}
.JG_menu .menu_button {background-color: #feed01; display: inherit;}
.JG_menu .menu_button a {align-items: center; display: flex; line-height: 14px;}
.JG_menu .menu_title a {color: #000; min-height: 30px;}
.JG_menu .menu_button a:hover, .JG_menu .menu_title a:hover {color: #feed01; background-color: #262626;}
.JG_menu .menu_cell {min-height: 220px;}
.JG_menu .menu_cell_title {font-size: 12px;} 
.JG_menu .menu_cell_desc {font-size: 10px;} 
.JG_menu .menu_cell_desc p {color: unset !important;} 
.JG_menu_mobile {display: none;}

/*END - Navigation Menu*/

.page_sidebar {width: 20%; float: left; height: 700px; padding: 0 1%; margin-top: 10px; border-right: 1px solid var(--border_colour);}
.page_sidebar h2 {text-align: left; width: 80%; margin: 0 auto;}
.page_sidebar ul {width: 70%; margin: 0 auto;}
.page_sidebar li {list-style-type: none;}
.page_sidebar li a:hover, .woocommerce-MyAccount-navigation-link a:hover {color: var(--a_colour_hover);}
.page_sidebar li a:active {color: red;}
.page_container {width: 73%; float: left; padding: 0 2%; margin-top: 10px;}
.page_container .post .entry ul, ol {list-style-type: initial;}/*Needed in pages*/

.woocommerce .content-area .site-main {max-width: 90%; margin: 0 auto;}/* The main container area */

/*START Blog*/
.alignright {float: right; padding-left: 10px;}/*WP command which isn't working*/
.alignleft {float: left; padding-right: 10px;}/*WP command which isn't working*/
.JG_WP_blog .videoLeft {padding-right: 10px; float: left;}
.JG_WP_blog .videoRight {padding-left: 10px; float: right;}
.JG_WP_blog .post .entry ul, ol {list-style-type: initial;}

.JG_WP_blogCat .navigation {margin: 0 30px; padding-top: 20px;}
.JG_WP_blogCat .navigation .next-posts {float: left;}
.JG_WP_blogCat .navigation .prev-posts {float: right;}
.JG_WP_blogCat .navigation .next-posts a, .JG_WP_blogCat .navigation .prev-posts a {color: #feed01; padding: 5px 10px; background-color: #000; border: 1px solid #000;}
.JG_WP_blogCat .navigation .next-posts a:hover, .JG_WP_blogCat .navigation .prev-posts a:hover {color: #000; background-color: #feed01;}
.JG_WP_blogCat .post {min-height: 270px; border-bottom: 1px solid #cccccc; padding: 20px 0;}
.JG_WP_blogCat .post a:hover, .JG_WP_blogCat .post h2:hover {color: #000;}
.JG_WP_blogCat .entry, .JG_WP_blogCat .JG_cat_desc {padding: 0 10px;}
.JG_WP_blogCat .entry img {float: left; padding: 0 20px;}

	/*START - Video Plugin*/
.JG_WP_blog .container_1 ul {margin: 0 !important;}
.JG_WP_blog .container_1 figcaption {background: #2d3387; min-height: 47px !important;}
.JG_WP_blog .container_1 figcaption  h3, .JG_WP_blog .iframecontainer figure h3 {font-family: "Open Sans", sans-serif !important; font-size: 16px; color: #fff !important; border-bottom: 0 !important;}
.JG_WP_blog .iframecontainer figure {background-color: #2d3387 !important; padding: 5px !important; min-height: 270px !important;}
.JG_WP_blog .container_1  nav span.nav-prev, .JG_WP_blog .container_1 nav span.nav-next {color: #2d3387 !important;}
	/*END - Video Plugin*/
	
	/*START - Image Carousel*/
	.JG_product .SCcarousel {padding: 30px 0;}
	.JG_product .SCcarousel img {max-width: 70%;}
	.SCcarousel_img {text-align: center;}
	.JG_product .SCcarousel .owl-wrapper-outer {padding: 25px 0; border-top: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a;}
	/*END - Image Carousel*/
/*END blog*/

/*START - Search Page*/
.page .search_result, .post .search_result, .product .search_result {min-height: 270px; border-bottom: 1px solid #cccccc; padding: 20px 0;}
.page .search_result a:hover, .page .search_result h2:hover, .post .search_result a:hover, .post .search_result h2:hover, .product .search_result a:hover, .product .search_result h2:hover {color: #000;}
.search_result .entry {padding: 0 10px;}
.search_result .entry img {float: left; padding: 0 20px;}
/*END - Search Page*/

/*START - Shop & Products*/
.woocommerce .woocommerce-breadcrumb {font-size: 15px !important;}
.add_to_cart_button {width: 95%; padding: 0;}
.woocommerce div.product div.images {margin-bottom: 0!important;}
.woocommerce p.stars span {background-color: #000; padding: 2px 10px;}
.woocommerce p.stars a {background-color: initial; top: 3px; padding: 0; border: initial;}
.woocommerce p.stars a:hover {color: #feed01;}
.woocommerce .comment-form-email {margin-left: 5px!important;}
.woocommerce .woocommerce-message {text-align: center; margin-bottom: 10px; color: #fff !important; background-color:  var(--field_background_colour) !important; border-top-color: var(--button_colour_hover) !important;}
.woocommerce .woocommerce-message::before {color: var(--button_colour_hover) !important;}
.woocommerce .woocommerce-invalid #terms, .woocommerce form .form-row.woocommerce-invalid label {color: #a7a7a7 !important;}
.woocommerce form .form-row label .woocommerce-terms-and-conditions-checkbox-text a::before {color: #fff !important;}
.woocommerce .woocommerce-Tabs-panel ul, .woocommerce .woocommerce-products-header ul {list-style-type: initial;}/*Add bullet points. woocommerce-products-header is for cat pages*/
.woocommerce .woocommerce-Tabs-panel ul .type-product {list-style-type: none;}/*Remove bullet points for products listed*/
.woocommerce .woocommerce-Tabs-panel ol, .woocommerce .woocommerce-products-header ol {list-style-type: decimal;}/*Add bullet points. woocommerce-products-header is for cat pages*/

.woocommerce img, .woocommerce-page img {margin: 0 auto; display: block;}
.woocommerce-product-gallery__image.flex-active-slide a img {width: auto; height: 350px;}/*Set the product image size*/
.woocommerce #reviews #comments ol.commentlist {padding: 0;}
.woocommerce #reviews #comments ol.commentlist li img.avatar {display: none;}
.woocommerce #reviews #comments ol.commentlist li .comment-text {float: left; width: 98%; margin: 0 !important; padding: 1em 1% 0 !important;}
.woocommerce #reviews #review_form {margin-top: 20px;}
.woocommerce .star-rating {background-color: #000; height: 20px !important; float: right !important;}
.woocommerce .star-rating span {color: #feed01;}
.woocommerce .woocommerce-product-rating a:hover {color: #feed01; background-color: #000;}

.woocommerce .flex-control-nav img {width: 110px !important; float: left; margin: 0 10px !important;}
.woocommerce .zoomImg {background-color: #fff !important;}/*Background for zoom img, without you can see the small version of the img*/
.woocommerce img.emoji {width: 30px !important; height: 30px !important; padding-top: 10px !important;}/*Zoom mag icon*/

.woocommerce .woocommerce-tabs {padding-top: 20px;}

.woocommerce-page ul.products {margin-top: 0; padding: 0 5px !important;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 21% !important; min-height: 400px; margin: 0 3.8% 1em 0 !important;}/*Make 4 products in a line in tabs*/
.woocommerce ul.products li.product img {/*height: 22vh;*/ max-height: 22vh; width: initial !important; margin: 0 auto !important; min-height: 210px;}/*Images in tabs to reduce their height*/
.woocommerce .product .woocommerce-loop-product__title {width: 100%; float: left; font-size: 18px; color: var(--a_colour);}/*Can not align center as affects product price*/
.woocommerce .product .price {width: 100%; font-size: 18px; color: #ff0000 !important; font-weight: bold;}
.product .in-stock {color: #ff0000 !important;}
.woocommerce .product .text_under_price {color: var(--colour_red);}
.woocommerce .product .button, .woocommerce .product .woocommerce-Tabs-panel .tab_add_to_basket {margin-top: 15px; float: left; background-color: #21b724 !important; color: #fff !important; width: 100%; text-align: center;}
.woocommerce .product .button:hover, .woocommerce .product .woocommerce-Tabs-panel .tab_add_to_basket:hover {background-color: #fe7404 !important; color: #fff;}
.woocommerce .archive_product .product .text_under_price {font-size: 15px;}

	/*START Product Category Page*/
.woocommerce-ordering {width: 100%;}
.woocommerce-ordering .orderby {float: right;}
	/*END Product Category Page*/

.woocommerce .product .added_to_cart {color: var(--text_colour); color: #fe7404; float: left; width: 100%; text-align: center;}
.woocommerce .product .added_to_cart:hover {color: var(--a_colour_hover);}
.woocommerce .product .onsale {color: var(--colour_red); font-size: 26px; background-color: transparent; top: 20px;}/*top to make way for heart*/
.woocommerce ul.products li.product .onsale {color: var(--colour_red); font-size: 26px; background-color: #262626; right: -63px !important; top: 22px !important; border-radius: initial; padding: 5px; margin: 0 !important; min-width: fit-content; min-height: initial; height: 26px; line-height: 25px;}
.woocommerce .product .itsnew {color: var(--button_colour_hover); font-size: 26px; margin-right: 10px; /*background-color: #000;*/ right: -65px !important;}/*310819 removed BG as wrong colour in related products section*/
.woocommerce ul.products li.product.sale a {text-align: center; display: block;}
.woocommerce ul.products li.product.sale a.added_to_cart {color: var(--button_colour); background-color: #000;}
.woocommerce ul.products li.product.sale a.added_to_cart:hover {color: var(--button_colour_hover);}
.woocommerce-page ul.products li.product.product-type-variation, .woocommerce-page ul.products li.product.product-type-variable, .woocommerce-page ul.products li.product.product-type-simple {width: 20%; margin: 0 3.8% 0 0; min-height: 450px;}/*Size of Related products*/
.woocommerce .woocommerce-Tabs-panel--description, .woocommerce .woocommerce-Tabs-panel--additional_information, .woocommerce .woocommerce-Tabs-panel--reviews {margin-bottom: 80px;}
.woocommerce .upsells, .woocommerce .related, .woocommerce .woocommerce-Tabs-panel--Standard, .woocommerce .woocommerce-Tabs-panel--Optional {border: 1px solid var(--border_colour); background-color: var(--field_background_colour); margin-bottom: 30px; float: left; margin: 30px 0; width: 99%; padding: 0 5px !important;}
.woocommerce .woorelated-title, .woocommerce .woocommerce-Tabs-panel h2, .woocommerce .related h2 {color: var(--button_colour); float: left; width: 100%; text-transform: capitalize; background-color: #262626; margin-bottom: 10px;}
.related .product_delivery_van {display: none;}
.woocommerce-page ul.products li.product.product-type-simple p {display: none;}/*Category page, hide as added stock level*/
.woocommerce-page ul.products li.product.product-type-simple .stock {display: block; font-size: 15px;}/*Category page, display stock level*/

.woocommerce .woocommerce-ordering select {color: var(--text_colour); color: #a7a7a7;}

/*.woocommerce ul.products, .woocommerce-page ul.products {list-style-type: none;}/*Remove bullet points*/
.woocommerce-info {border-top-color: var(--border_colour);}
.woocommerce .woocommerce-info, .woocommerce .woocommerce-error {padding: 10px; background-color: var(--field_background_colour); border: 1px solid var(--border_colour); margin-top: 20px; color: #fff !important; width: 70%; float: left; height: 24px;}/*060420 float and height needed for videos on cat pages*/
.woocommerce .woocommerce-error {padding: 10px; background-color: var(--field_background_colour); border: 1px solid var(--border_colour); margin-top: 20px; color: #fff; width: 70%; float: left;}
.woocommerce .woocommerce-error {background-color: red; height: 100%;}
.woocommerce-notices-wrapper {color: #2fce33;}
.woocommerce-message, .woocommerce-info {margin-bottom: 30px;}
.woocommerce-message::before, .woocommerce-info::before {color: #feed01;}
.woocommerce .woocommerce-info::before, .woocommerce .woocommerce-error::before {display: none;}
.page_container .woocommerce .products li {text-align: center; background: #2d2d2d;}
.page_container .woocommerce .products li img {border: none !important;}
.page_container .woocommerce .orderby {width: 200px; height: 30px; margin-right: 20px; background-color: var(--field_background_colour); border: 1px solid #000; color: #fff;}
.tabs {border-bottom: 1px solid var(--border_colour); border-bottom: 1px solid #a7a7a7;}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {font-size: 27px; background-color: var(--field_background_colour) !important; background-color: #262626 !important; color: #fff !important; padding: 0 10px !important; border: unset !important; position: unset !important; margin: unset !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus {color: #feed01 !important;}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {background-color: #fff;}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a {color: #fff!important; text-transform: capitalize; padding: 0 !important; font-weight: 100 !important;}
.woocommerce .select2-container--default .select2-selection--single {background-color: var(--field_background_colour);}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {color: #fff;}
.woocommerce form .quantity input {width: 60px; text-align: center;}
.woocommerce .product_meta {float: left; width: 100%; font-size: 16px;}

.mandatory-accessories.products, .optional-accessories.products{display: none;}
.woocommerce .woocommerce-product-attributes-item--attribute_pa_datasheets {display: none;}/*Hide the attributes as using functions.php to display them*/
.woocommerce .product_datasheets {margin-top: 30px;}
.woocommerce .product_datasheets h3 {float: left; width: 100%;}
.woocommerce .product_datasheets img {width: 70px; float: left; margin-right: 20px;}

.SC_video_container {width: 100%; height: 350px;}
.SC_video_container .videoContainer {position: relative; width: 32%; margin-right: 1%; float: left;}
.SC_video_container .videoContainer img {width: 100%;}
.SC_video_container .youtubePlayButton {position: absolute; background: url(https://www.telonic.co.uk/v/img/youtube-play-button.png) no-repeat; width: 70px; height: 49px; left: 50%; top: 45%; transform: translate(-50%, -40%);}
.SC_video_container .SC_video_text {text-align: center; height: 45px;}
.woocommerce .JG_product table {background-color: #262626; color: #fff; border: 1px solid var(--border_colour); margin: 30px 0; line-height: 30px; border-collapse: collapse;}
.woocommerce .JG_product table th {background-color: #feed01; color: #000; text-transform: uppercase;}
.woocommerce .JG_product table td, table th {border-right: 1px solid; border-bottom: 1px solid; }
.woocommerce .JG_product table td:last-child, table th:last-child {border-right: 0;}

.woocommerce .product_delivery_van {width: 100%; height: 35px;}
.woocommerce .product_delivery_van img {float: left;}
.woocommerce .product_delivery_van_time {position: relative; left: -70px; font-size: 13px; color: #feed01;}
.woocommerce .product_delivery_van_text {position: relative; left: -88px; font-size: 13px; color: #feed01;}
.woocommerce .product_delivery_van_when {position: relative; left: 3px; font-size: 16px; color: #000}
/*.woocommerce .product_cat-hardware .product_delivery_van, .woocommerce .product_cat-optional-accessories .product_delivery_van {display: none;}/*Hide the icon in the cat list on the product page - 160621 Commented out as it was stopping accessories products from displaying the icons, new version below.*/
.woocommerce .up-sells .product_delivery_van, .woocommerce .cross-sells .product_delivery_van {display: none;}/*Hide the icon in the cat list on the product page*/

.woocommerce .archive_product .product .woocommerce-loop-product__title {color: #262626;}/*H2*/
.woocommerce .archive_product .product .button {width: 100%; margin-top: 0;}
.woocommerce .archive_product .product_delivery_van {display: none;}/*Category pages*/

	/*START - Accounts*/
.woocommerce .woocommerce-MyAccount-navigation ul {background-color: #000; padding: 10px 0 10px 40px;}
.woocommerce .woocommerce-MyAccount-navigation li a {color: #feed01;}
.woocommerce .woocommerce-MyAccount-navigation li a:hover {color: #fff;}
	/*END - Accounts*/
/*END - Shop & Products*/

/*START - Checkout*/
.JG_checkout .woocommerce textarea {color: #fff;}
.full_container .woocommerce .input-text {width: 200px; height: 30px; margin-right: 20px; background-color: var(--field_background_colour); border: 1px solid #000; color: #fff;}
.JG_checkout .woocommerce form.checkout_coupon {width: 100%; padding: 0 10px; background-color: var(--field_background_colour); border-radius: 0 !important;}
.JG_checkout .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {border: 1px solid var(--border_colour) !important; margin-bottom: 30px !important;}
.woocommerce-checkout-review-order {width: 75%;}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {margin-top: 20px;}/*Ship to different address heading */
.woocommerce .col2-set .col-1 {width: 60% !important;}
.woocommerce .col2-set .col-2 {width: 60% !important; float: left !important;}
.JG_checkout .woocommerce .woocommerce-billing-fields, .JG_checkout .woocommerce .woocommerce-shipping-fields {background-color: var(--field_background_colour); padding: 10px;}
.JG_checkout .woocommerce .woocommerce-billing-fields h3, .JG_checkout .woocommerce .woocommerce-billing-fields p, .JG_checkout .woocommerce .woocommerce-shipping-fields h3, .JG_checkout .woocommerce .woocommerce-shipping-fields p, .JG_checkout .woocommerce .woocommerce-checkout-payment h3, .JG_checkout .woocommerce .woocommerce-checkout-payment label, .JG_checkout .woocommerce .woocommerce-checkout-payment p {margin: 0; color: #fff !important;}
.woocommerce #billing_address_1_field {padding: 0; margin-bottom: 5px;}
.woocommerce .woocommerce-checkout #payment {border: 1px solid var(--border_colour); background-color: #000 !important; margin-bottom: 20px; width: 80%;}
.JG_checkout .woocommerce .woocommerce-checkout #payment ul.payment_methods li.payment_method_stripe label {position: relative; top: -5px; color: #a7a7a7 !important;}
.JG_checkout .woocommerce .woocommerce-checkout #payment ul.payment_methods li img.stripe-visa-icon, .JG_checkout .woocommerce .woocommerce-checkout #payment ul.payment_methods li img.stripe-amex-icon, .JG_checkout .woocommerce .woocommerce-checkout #payment ul.payment_methods li img.stripe-mastercard-icon {display: inline-block; position: relative; top: 5px; height: 25px;}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {padding: 0 !important;}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {background-color: var(--field_background_colour); background-color: #1f1f1f !important; color: var(--text_colour_light) !important; font-weight: bold;}
.woocommerce .form-row {margin: 0 0 20px 0;}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {width: 45%;}
.woocommerce form .form-row .required {text-decoration: none; color: #fe7404 !important;}
.woocommerce .payment_method_paypal img, .woocommerce .payment_method_paypal p {display: none !important;}

.JG_checkout .woocommerce table.shop_table {width: 30% !important; position: fixed; top: 120px; right: 0; background-color: var(--field_background_colour); border: 1px solid var(--border_colour); color: #fff;}/* Shopping list */
.JG_checkout .woocommerce table.shop_table dd {margin: 0;}
.JG_checkout .woocommerce table.shop_table ul, .JG_checkout .woocommerce table.shop_table dl {margin: 0; padding: 0;}
.JG_checkout .woocommerce table.shop_table .product-total {width: 200px; text-align: left;}
.JG_checkout .woocommerce table.shop_table thead th {padding: 2px 12px; text-decoration: underline; font-size: 20px;}
.JG_checkout .woocommerce table.shop_table tbody tr {font-size: 14px;}
.JG_checkout .woocommerce table.shop_table tfoot {text-align: left; font-size: 14px;}
	/*START - PayPal (braintree)*/
.JG_checkout .woocommerce .woocommerce-checkout #payment div.payment_box iframe {margin-top: 0;}/*Move the placeholder into field*/
	/*END - PayPal (braintree)*/
/*END - Checkout*/

/*START - Basket*/
.JG_basket .woocommerce a.remove {color: #a7a7a7 !important; font-weight: 100 !important; font-size: 36px !important;}
.JG_basket .woocommerce a.remove:hover {color: #fff !important; background: transparent !important;}
.JG_basket .woocommerce table.shop_table {width: 100%; margin-bottom: 50px; background-color: var(--field_background_colour); color: #fff;}
.JG_basket .woocommerce .woocommerce-cart-form {/*width: 70%; float: left;*/}
.JG_basket .woocommerce table.shop_table dd {margin: 0;}
.JG_basket .woocommerce .product-remove {width: 40px; font-size: 36px; text-align: center;}
.JG_basket .woocommerce .product-thumbnail {width: 160px;}
.JG_basket .woocommerce .product-thumbnail img {width: 100px; margin: 0 30px;}
.JG_basket .woocommerce .product-name {width: 400px;}
.JG_basket .woocommerce .product-price {text-align: center;}
.JG_basket .woocommerce .product-quantity, .JG_basket .woocommerce .product-quantity input {width: 60px; text-align: center;}
.JG_basket .woocommerce .product-subtotal {text-align: center;}
.JG_basket .woocommerce .product-remove, .JG_basket .woocommerce .product-thumbnail, .JG_basket .woocommerce .product-name, .JG_basket .woocommerce .product-price, .JG_basket .woocommerce .product-quantity, .JG_basket .woocommerce .product-subtotal {border-bottom: 1px solid var(--border_colour); border-bottom: 1px solid #a7a7a7;}
.JG_basket .woocommerce .woocommerce-cart-form__cart-item {height: 140px;}
.JG_basket .woocommerce .coupon #coupon_code {width: 200px;}

.JG_basket .woocommerce .shop_table tbody th {border-top: 1px solid #a7a7a7 !important;}
.JG_basket .woocommerce .cross-sells .product {width: 100%;}
.JG_basket .woocommerce .cart_totals table.shop_table {background-color: var(--field_background_colour); padding: 10px;}
.JG_basket .woocommerce .cart-collaterals {/*width: 30%; float: left;*/}
.JG_basket .woocommerce .cart_totals  {/*width: 100% !important;*/}/*in basket didnt want the totals 100%*/
.JG_basket .woocommerce .cart_totals tbody td {text-align: right; border-top: 1px solid #a7a7a7 !important;}
.JG_basket .woocommerce .cart_totals .wc-proceed-to-checkout {float: right;}

.woo_pp_cart_buttons_div {display: none;}/*Hide PayPal button*/
.JG_basket .woocommerce .woocommerce-terms-and-conditions-checkbox-text a {font-size: 12px;}
.JG_basket .woocommerce .product .woocommerce-loop-product__title {color: #5a5a5a !important;}
.woocommerce-page .JG_basket ul.products li.product {width: 40% !important; padding: 0 3.8% 1em 0 !important;}
/*END - Basket*/

/*START - Request Quote - Wish list*/
.woocommerce .woocommerce-error {background-color: red; height: 100%; display: none;}/*210621 Hide this error msg as couldn't find reason for it*/

.tinv-wishlist a:hover, .tinv-wishlist a:hover p, .tinv-wishlist a h2:hover, .tinv-wishlist a img {color: #000;}
.tinv-wishlist .woocommerce .JG_product table td:last-child, table th:last-child {border-right: 1px solid;}
.requestQuote_button {color: var(--button_orange) !important;}
.requestQuote_button:hover {color: #21b724 !important;}
.tinv-wishlist.woocommerce table.tinvwl-table-manage-list {width: 98%; margin: 0 auto;}
.ftinvwl {font-size: 26px; position: relative; top: -6px; }
.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button {width: 100%; background-color: #21b724; color: #fff; border: 2px solid #262626; height: 35px; text-align: center; line-height: 1.2em; border-radius: 3px; vertical-align: middle; padding: 3px 10px;}
.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button:before {top: -1px; position: relative; font-size: 25px !important;}/*heart*/
.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button:hover {background-color: #fe7404;}
.tinv-wishlist.woocommerce .woocommerce-info, .tinv-wishlist.woocommerce .woocommerce-error {height: 46px; margin: 0 auto; width: 80%; float: unset;}
.request_quote_linkedin_icon {filter: invert(47%) sepia(41%) saturate(0%) hue-rotate(284deg) brightness(93%) contrast(93%);}
.request_quote_linkedin_icon:hover {filter: invert(0%) sepia(98%) saturate(7%) hue-rotate(207deg) brightness(99%) contrast(101%);}
.woocommerce ul.products li.product .button	{/*ATC button in category page is wider than container, this brings it within the width. */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.tinv-wishlist tfoot .tinvwl-to-left+.tinvwl-to-right {float: right;}
.post .tinv-wishlist.woocommerce table .quantity .qty {text-align: center;}/*center text in quantity*/
.tinv-wishlist tfoot .tinvwl-to-right button.tinvwl-button {visibility: hidden;}/*Update Quote button in Request Quote*/
.tinv-wishlist tfoot .tinvwl-to-right button.tinvwl-button:before {content: "Update Quote"; visibility: visible; border-radius: 3px; color: #fff; background-color: var(--button_orange); text-transform: capitalize; padding: 5px 10px; border: 2px solid #262626;}/*Update Quote button in Request Quote*/
/*END - Request Quote - Wish list*/

/*START - Homepage*/
.full_container {width: 100%; float: left;}
.full_container_margins {width: 86%; float: left; margin: 0 7%;}
.tile_container {width: 98%; padding: 0 1%; float: left; margin: 40px 0;}
.tile_container h2 {text-align: center;}
.tile, .tile:hover {cursor: initial !important;}
.tile_3 {width: 31%; float: left; margin: 30px 1%;}
.tile_3 a {width: 100%; text-align: center;}
.tile_3 a img {margin: 0 auto 50px; display: block; padding-top: 20px;}
.tile_4 {width: 24%; float: left; margin: 10px 3px; height: 300px; /*border: 1px solid grey;*/}
.tile_4 a {width: 100%; text-align: center;}
.tile_4 a img {width: 300px; margin: 0 auto; display: block;}
.tile:hover {background-color: #262626;}
.tile .tile_innerA h2:hover {color: #000;}
.tile .tile_innerA:hover {filter: invert(89%) sepia(24%) saturate(2669%) hue-rotate(359deg) brightness(105%) contrast(103%); color: #000;}

.tile_container .tile_text {padding-bottom: 20px; font-weight: 500;}
.hp_text {margin: 10px 20%; text-align: center;}

/*START - Homepage Slider*/
.slider_container {width: 100%; height: 500px;}
.da-slider{width: 100%;	min-width: 520px; height: 100%;	position: relative; overflow: hidden;
	/*background: transparent url(//www.rigol-uk.co.uk/img/rigol-default-slider-background.gif) repeat 0% 0%;/*Backup if img not selected*/
	/*border-top: 8px solid var(--rigol_yellow);*/ border-bottom: 8px solid var(--rigol_yellow); -webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
}
.da-slide{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; text-align: left;}
.da-slide-current{/*z-index: 1000;*/}
.da-slider-fb .da-slide{left: 100%;}
.da-slider-fb  .da-slide.da-slide-current{left: 0px;}
.da-slide h2, .da-slide p, .da-slide .da-link, .da-slide .da-img{position: absolute; opacity: 0; left: 110%;}
.da-slider-fb .da-slide h2, .da-slider-fb .da-slide p, .da-slider-fb .da-slide .da-link{left: 10%; opacity: 1;}
.da-slider-fb .da-slide .da-img{left: 60%; opacity: 1;}
.da-slide h2{color: var(--rigol_yellow); font-size: 36px; width: 50%; top: 25px; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: 'Economica', Arial, sans-serif;	font-weight: 700; word-wrap: break-word; text-align: left; line-height: 35px;}
.da-slide p{width: 54%;	top: 120px;	color: #fff !important;	font-size: 18px; line-height: 26px;	overflow: hidden; font-family: 'Economica', Arial, sans-serif; font-weight: 400;}
.da-slide .da-img{text-align: center; top: 70px; line-height: 320px; left: 110%;}
.da-slide .da-link{
	top: 385px; /*depends on p height*/
	color: #000;
	border: 2px solid #000;
	padding: 2px 20px 0px;
	font-size: 18px;
	line-height: 30px;
	width: 200px;
	text-align: center;
	background: var(--button_colour);
	z-index: 2000;
}
.da-slide .da-link:hover{background: var(--button_colour_hover);}
.da-dots{width: 100%; position: absolute; text-align: center; left: 0px; bottom: 20px; z-index: 2000; -moz-user-select: none; -webkit-user-select: none;}
.da-dots span{display: inline-block; position: relative; width: 12px; height: 12px;	border-radius: 50%;	background: #e4b42d; margin: 3px; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);}
.da-dots span.da-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{-moz-user-select: none; -webkit-user-select: none;}
.da-arrows span{
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #e4b42d;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
	-webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out-out 0.2s;
	transition: opacity 0.4s ease-in-out-out 0.2s;
}
.da-slider:hover .da-arrows span{opacity: 1;}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background: transparent url(/img/homepage/arrows.png) no-repeat top left;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{box-shadow: 1px 1px 4px rgba(0,0,0,0.3);}
.da-arrows span:active:after{box-shadow: 1px 1px 1px rgba(255,255,255,0.1);}
.da-arrows span.da-arrows-next:after{background-position: top right;}
.da-arrows span.da-arrows-prev{left: 15px;}
.da-arrows span.da-arrows-next{right: 15px;}

.da-slide-current h2, .da-slide-current p, .da-slide-current .da-link{left: 5%; opacity: 1;}
.da-slide-current .da-img{left: 60%; opacity: 1;}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{-webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; 	-ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; animation: fromRightAnim1 0.6s ease-in-out 0.8s both;}
.da-slide-fromright p{-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; -o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; -ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; animation: fromRightAnim2 0.6s ease-in-out 0.8s both;}
.da-slide-fromright .da-link{-webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; animation: fromRightAnim3 0.4s ease-in-out 1.2s both;}
.da-slide-fromright .da-img{-webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; -o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; -ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; animation: fromRightAnim4 0.6s ease-in-out 0.8s both;}
@-webkit-keyframes fromRightAnim1{0%{ left: 110%; opacity: 0; }	100%{ left: 10%; opacity: 1; }}
@-webkit-keyframes fromRightAnim2{0%{ left: 110%; opacity: 0; }	100%{ left: 10%; opacity: 1; }}
@-webkit-keyframes fromRightAnim3{0%{ left: 110%; opacity: 0; }	1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-webkit-keyframes fromRightAnim4{0%{ left: 110%; opacity: 0; }	100%{ left: 60%; opacity: 1; }}

@-moz-keyframes fromRightAnim1{0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-moz-keyframes fromRightAnim2{0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-moz-keyframes fromRightAnim3{0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-moz-keyframes fromRightAnim4{0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; }}

@-o-keyframes fromRightAnim1{0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-o-keyframes fromRightAnim2{0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-o-keyframes fromRightAnim3{0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; }	100%{ left: 10%; opacity: 1; }}
@-o-keyframes fromRightAnim4{0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; }}

@-ms-keyframes fromRightAnim1{0%{ left: 110%; opacity: 0; }	100%{ left: 10%; opacity: 1; }}
@-ms-keyframes fromRightAnim2{0%{ left: 110%; opacity: 0; }	100%{ left: 10%; opacity: 1; }}
@-ms-keyframes fromRightAnim3{0%{ left: 110%; opacity: 0; }	1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-ms-keyframes fromRightAnim4{0%{ left: 110%; opacity: 0; }	100%{ left: 60%; opacity: 1; }}

@keyframes fromRightAnim1{0%{ left: 110%; opacity: 0; }	100%{ left: 10%; opacity: 1; }}
@keyframes fromRightAnim2{0%{ left: 110%; opacity: 0; }	100%{ left: 10%; opacity: 1; }}
@keyframes fromRightAnim3{0%{ left: 110%; opacity: 0; }	1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@keyframes fromRightAnim4{0%{ left: 110%; opacity: 0; }	100%{ left: 60%; opacity: 1; }}
/* Slide in from the left*/
.da-slide-fromleft h2{
	-webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft p{
	-webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{0%{ left: -110%; opacity: 0; }	100%{ left: 10%; opacity: 1; }}
@-webkit-keyframes fromLeftAnim2{0%{ left: -110%; opacity: 0; }	100%{ left: 10%; opacity: 1; }}
@-webkit-keyframes fromLeftAnim3{0%{ left: -110%; opacity: 0; }	1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-webkit-keyframes fromLeftAnim4{0%{ left: -110%; opacity: 0; }	100%{ left: 60%; opacity: 1; }}

@-moz-keyframes fromLeftAnim1{0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-moz-keyframes fromLeftAnim2{0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-moz-keyframes fromLeftAnim3{0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-moz-keyframes fromLeftAnim4{0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; }}

@-o-keyframes fromLeftAnim1{0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-o-keyframes fromLeftAnim2{0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-o-keyframes fromLeftAnim3{0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; }	100%{ left: 10%; opacity: 1; }}
@-o-keyframes fromLeftAnim4{0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; }}

@-ms-keyframes fromLeftAnim1{0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-ms-keyframes fromLeftAnim2{0%{ left: -110%; opacity: 0; }	100%{ left: 10%; opacity: 1; }}
@-ms-keyframes fromLeftAnim3{0%{ left: -110%; opacity: 0; }	1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@-ms-keyframes fromLeftAnim4{0%{ left: -110%; opacity: 0; }	100%{ left: 60%; opacity: 1; }}

@keyframes fromLeftAnim1{0%{ left: -110%; opacity: 0; }	100%{ left: 10%; opacity: 1; }}
@keyframes fromLeftAnim2{0%{ left: -110%; opacity: 0; }	100%{ left: 10%; opacity: 1; }}
@keyframes fromLeftAnim3{0%{ left: -110%; opacity: 0; }	1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; }}
@keyframes fromLeftAnim4{0%{ left: -110%; opacity: 0; }	100%{ left: 60%; opacity: 1; }}
/* Slide out to the right */
.da-slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
	animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright p{
	-webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
	animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in-out both;
	-moz-animation: toRightAnim3 0.4s ease-in-out both;
	-o-animation: toRightAnim3 0.4s ease-in-out both;
	-ms-animation: toRightAnim3 0.4s ease-in-out both;
	animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in-out both;
	-moz-animation: toRightAnim4 0.6s ease-in-out both;
	-o-animation: toRightAnim4 0.6s ease-in-out both;
	-ms-animation: toRightAnim4 0.6s ease-in-out both;
	animation: toRightAnim4 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{0%{ left: 10%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}
@-webkit-keyframes toRightAnim2{0%{ left: 10%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}
@-webkit-keyframes toRightAnim3{0%{ left: 10%;  opacity: 1; } 99%{ left: 10%; opacity: 0; }	100%{ left: 100%; opacity: 0; }}
@-webkit-keyframes toRightAnim4{0%{ left: 60%;  opacity: 1; } 30%{ left: 55%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}

@-moz-keyframes toRightAnim1{0%{ left: 10%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}
@-moz-keyframes toRightAnim2{0%{ left: 10%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}
@-moz-keyframes toRightAnim3{0%{ left: 10%;  opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; }}
@-moz-keyframes toRightAnim4{0%{ left: 60%;  opacity: 1; } 30%{ left: 55%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}

@-o-keyframes toRightAnim1{0%{ left: 10%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}
@-o-keyframes toRightAnim2{0%{ left: 10%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}
@-o-keyframes toRightAnim3{0%{ left: 10%;  opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; }}
@-o-keyframes toRightAnim4{0%{ left: 60%;  opacity: 1; } 30%{ left: 55%;  opacity: 1; }	100%{ left: 100%; opacity: 0; }}

@-ms-keyframes toRightAnim1{0%{ left: 10%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}
@-ms-keyframes toRightAnim2{0%{ left: 10%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}
@-ms-keyframes toRightAnim3{0%{ left: 10%;  opacity: 1; } 99%{ left: 10%; opacity: 0; }	100%{ left: 100%; opacity: 0; }}
@-ms-keyframes toRightAnim4{0%{ left: 60%;  opacity: 1; } 30%{ left: 55%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}

@keyframes toRightAnim1{0%{ left: 10%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}
@keyframes toRightAnim2{0%{ left: 10%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}
@keyframes toRightAnim3{0%{ left: 10%;  opacity: 1; } 99%{ left: 10%; opacity: 0; }	100%{ left: 100%; opacity: 0; }}
@keyframes toRightAnim4{0%{ left: 60%;  opacity: 1; } 30%{ left: 55%;  opacity: 1; } 100%{ left: 100%; opacity: 0; }}
/* Slide out to the left*/
.da-slide-toleft h2{
	-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
	-moz-animation: toLeftAnim1 0.6s ease-in-out both;
	-o-animation: toLeftAnim1 0.6s ease-in-out both;
	-ms-animation: toLeftAnim1 0.6s ease-in-out both;
	animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
	animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
	animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1{0%{ left: 10%;  opacity: 1; } 30%{ left: 15%;  opacity: 1; } 100%{ left: -50%; opacity: 0; }}
@-webkit-keyframes toLeftAnim2{0%{ left: 10%;  opacity: 1; } 30%{ left: 15%;  opacity: 1; } 100%{ left: -50%; opacity: 0; }}
@-webkit-keyframes toLeftAnim3{0%{ left: 10%;  opacity: 1; } 100%{ left: -50%; opacity: 0; }}
@-webkit-keyframes toLeftAnim4{0%{ left: 60%;  opacity: 1; } 70%{ left: 30%;  opacity: 0; }	100%{ left: -50%; opacity: 0; }}

@-moz-keyframes toLeftAnim1{0%{ left: 10%;  opacity: 1; } 30%{ left: 15%;  opacity: 1; } 100%{ left: -50%; opacity: 0; }}
@-moz-keyframes toLeftAnim2{0%{ left: 10%;  opacity: 1; } 30%{ left: 15%;  opacity: 1; }100%{ left: -50%; opacity: 0; }}
@-moz-keyframes toLeftAnim3{0%{ left: 10%;  opacity: 1; } 100%{ left: -50%; opacity: 0; }}
@-moz-keyframes toLeftAnim4{0%{ left: 60%;  opacity: 1; } 70%{ left: 30%;  opacity: 0; } 100%{ left: -50%; opacity: 0; }}

@-o-keyframes toLeftAnim1{0%{ left: 10%;  opacity: 1; } 30%{ left: 15%;  opacity: 1; } 100%{ left: -50%; opacity: 0; }}
@-o-keyframes toLeftAnim2{0%{ left: 10%;  opacity: 1; }	30%{ left: 15%;  opacity: 1; } 100%{ left: -50%; opacity: 0; }}
@-o-keyframes toLeftAnim3{0%{ left: 10%;  opacity: 1; } 100%{ left: -50%; opacity: 0; }}
@-o-keyframes toLeftAnim4{0%{ left: 60%;  opacity: 1; }	70%{ left: 30%;  opacity: 0; } 100%{ left: -50%; opacity: 0; }}

@-ms-keyframes toLeftAnim1{0%{ left: 10%;  opacity: 1; } 30%{ left: 15%;  opacity: 1; }	100%{ left: -50%; opacity: 0; }}
@-ms-keyframes toLeftAnim2{0%{ left: 10%;  opacity: 1; } 30%{ left: 15%;  opacity: 1; }	100%{ left: -50%; opacity: 0; }}
@-ms-keyframes toLeftAnim3{0%{ left: 10%;  opacity: 1; } 100%{ left: -50%; opacity: 0; }}
@-ms-keyframes toLeftAnim4{0%{ left: 60%;  opacity: 1; } 70%{ left: 30%;  opacity: 0; }	100%{ left: -50%; opacity: 0; }}

@keyframes toLeftAnim1{0%{ left: 10%;  opacity: 1; } 30%{ left: 15%;  opacity: 1; }	100%{ left: -50%; opacity: 0; }}
@keyframes toLeftAnim2{0%{ left: 10%;  opacity: 1; } 30%{ left: 15%;  opacity: 1; }	100%{ left: -50%; opacity: 0; }}
@keyframes toLeftAnim3{0%{ left: 10%;  opacity: 1; } 100%{ left: -50%; opacity: 0; }}
@keyframes toLeftAnim4{0%{ left: 60%;  opacity: 1; } 70%{ left: 30%;  opacity: 0; }	100%{ left: -50%; opacity: 0; }}
/*END - Homepage Slider*/
.hp_category_buttons {display: none;}
/*END - Homepage*/

/*START of Contact Form*/
.contact_left {width: 70%; float: left;}
.contact_right {width: 30%; float: left; padding-top: 20px;}
.contact_map {width: 100%; float: left; margin-top: 20px;}
.form {width: 70%; margin-left: auto; margin-right: auto; margin-top: 20px;}
.form input {width: 100%; font-size: 18px; color: #006599; border: 1px solid #006599; background-color: #ececec; margin-bottom: 10px; cursor: pointer;}
.form input:hover {background-color: #d4d2d2;}

.form textarea {
	font-family: sans-serif !important;
	font-size: 1em;
	width: 100%;
    padding: 8px 0;
    font-size: 18px;
    color: #006599;
    border: 1px solid #006599;
    background-color: #ececec;
	margin-bottom: 10px;
	cursor: pointer;
}
.form textarea:hover {background-color: #d4d2d2;}

.submitButton {text-transform: inherit !important;}

.success_message {color: #ff0000;}
/*END of Contact Form*/

/*START of RMA Form*/
.RMA_field1 {width: 32%; float:left; text-align: center; margin-right:2%;}
.RMA_field2 {width:32%; float:left; text-align: center;}
.RMA_field3 {width:32%; float:right; text-align: center;}
/*END of RMA Form*/

/*START Category Pages*/
.page_table {padding: 0 0 10px 0; list-style-type: none; width: 100%;}
.page_table a {color: var(--button_colour);}
.page_table a:hover {color: var(--a_colour_hover);}
.page_table table {width: 100%; border-collapse: collapse; color: #fff;}
.page_table tbody {background-color: #444444;}
/* Zebra striping */
.page_table tr:nth-of-type(odd) {background-color: var(--field_background_colour);}
.page_table th {background-color: var(--rigol_yellow); background-color: #feed01; color: #000; text-align: center;}
.SC_product_table2 .page_table td, .SC_product_table2 .page_table th {padding: 6px; /*text-align: left;*/}
.category_grid_menu {display: none;}
/*END Category Pages*/

/*START - Footer*/
.footer .footer_links a {color: var(--text_colour_light); color: #d2d2d2;}
.footer {background-color: #262626;	text-align: center;	padding-top: 10px; color: #fff;	width: 100%; float: left; margin-top: 70px;}
.footer_links {margin: 0 10%;}
.footer_links_1, .footer_links_2, .footer_links_3 {width: 33%; float: left;}
.footer_links_1 h3, .footer_links_2 h3, .footer_links_3 h3 {margin: 5px;}
.footer_links_1 a:hover, .footer_links_2 a:hover, .footer_links_3 a:hover {color: #fff;}
.footer_copyright {font-size: 15px; width: 100%; float: left; margin-top: 50px; line-height: 0px;}
.footer_jumping_giraffe {font-size: 12px; float: left; width: 100%; display: none;}/*Stu hidden for now, link to Fast websites JG?*/
.mobile_bottom_buttons {display: none;}
/*END - Footer*/

/*START - Cookie message*/
.cookieConsentContainer {
	z-index: 999;
	width: 350px;
	min-height: 20px;
	box-sizing: border-box;
	padding: 30px 30px 30px 30px;
	background: #232323;
	overflow: hidden;
	position: fixed;
    bottom: 30px;
	right: 30px;
	display: none;
}
.cookieConsentContainer .cookieTitle a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 22px;
	line-height: 20px;
	display: block;
}
.cookieConsentContainer .cookieDesc p {
	margin: 0;
	padding: 0;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	display: block;
	margin-top: 10px;
} .cookieConsentContainer .cookieDesc a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	text-decoration: underline;
}
.cookieConsentContainer .cookieButton a {
	display: inline-block;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
	background: #000000;
	box-sizing: border-box; 
	padding: 15px 24px;
	text-align: center;
	transition: background 0.3s;
}
.cookieConsentContainer .cookieButton a:hover { 
	cursor: pointer;
	background: #3E9B67;
}

@media (max-width: 980px) {
	.cookieConsentContainer {
		bottom: 0px !important;
		left: 0px !important;
		width: 100%  !important;
	}
}
/*END cookie message*/

/*Internet Explorer code*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	h1 {color: #fe7404;}
	a {color: #a7a7a7;}
	a:hover, a:hover p, a h2:hover {color: #fff;}
	p {color: #a7a7a7 !important;}
	p a {color: #a7a7a7; background-color: #1f1f1f; padding: 1px;}
	p a:hover {color: #fff;}
	input, select {background-color: #1f1f1f;}
	textarea {background-color: #1f1f1f;}

	.menu a:hover {color: #fe7404;}
	.menu li a:hover {color: #fe7404;}

	.woocommerce .col2-set .col-1 {width: 100% !important;}
	.woocommerce-checkout-review-order {width: 100%;}
	.woocommerce .product .itsnew {color: #21b724;}
	.JG_checkout .woocommerce table.shop_table {right: 0; background-color: #1f1f1f; border: 1px solid #a7a7a7; width: 100% !important; top: auto; position: inherit;}/* Shopping list */
	.woocommerce .woocommerce-info, .woocommerce .woocommerce-error {background-color: #1f1f1f; border: 1px solid #a7a7a7; color: #fff;}
	.woocommerce .select2-container--default .select2-selection--single {background-color: #1f1f1f;}

	button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .product .woocommerce-Tabs-panel .tab_add_to_basket, .woocommerce .woocommerce-message a, .JG_checkout .woocommerce .woocommerce-info a {background-color: #fe7404 !important;}
	button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce .woocommerce-message a:hover, .JG_checkout .woocommerce .woocommerce-info a:hover {background-color: #21b724) !important;}

	.alg-wc-wl-notification-link {background-color: #fe7404;}
	.alg-wc-wl-notification-link:hover {background-color: #21b724;}
	.alg-wc-wl-izitoast {border: 1px solid #a7a7a7;}
	.alg-wc-wl-btn.remove i.fa:first-child {color: #fe7404 !important;}

	.da-slide h2{color: #feed01;}
	.da-slide .da-link{background: #fe7404;}
	.da-slide .da-link:hover{background: #21b724;}

}
@media (min-width: 1472px) {
	.menu li {margin-right: 40px;}
}

@media (min-width: 1800px) {
	.menu li {margin-right: 90px;}
}

@media (max-width: 1370px) {

	.menu a {padding: 0 0 5px 0;}
	.page_sidebar {padding: 0;}
	.page_sidebar h2 {font-size: 20px; margin-bottom: 10px;}
	.page_sidebar ul li a {font-size: 16px;}
	
	/*START Homepage*/
	.da-slide h2, .da-slide p, .da-slide .da-link {left: 10%;}
	.da-slide h2, .da-slide p {width: 52%;}
	.da-slide .da-img {top: 120px;}
	.da-slide .da-img img {max-width: 450px;}
	.hp_text {margin: 10px 2%;}
	.tile_4 a img {width: 265px;}
	/*END Homepage*/
	
	/*START Product*/
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li {font-size: 22px; padding: 0 10px;}
	/*END Product*/
}

@media (max-width: 1150px) {/*Tablet Landscape*/

	.header_main, .header_main_right {height: 75px;}
	.header_main .header_search {width: 25%; top: -15px; position: relative;}
	.header_main .header_search #s {font-size: 14px;}
	.header_main .header_logo {width: 45%;}
	.logo {background-image: url(/img/rigol-logo-330-73.png); height: 70px; width: 330px;}
	.cart-contents:before {font-size: 20px;}
	.cart-contents-count {font-size: 15px;}
	.header_main .header_search #s, .header_main .header_cart {margin: 5px 0 0; top: -15px; position: relative;}
	.header_nqa, .header_nqa img {display: none;}

	.page_sidebar ul {width: 85%; padding: 0;}

	.da-slide h2 {width: 50%; font-size: 35px; line-height: 37px;}
	.da-slide p {width: 50%; top: 140px; font-size: 15px; line-height: 19px;}
	.tile_4 a img {width: 220px;}
	.da-slide-current .da-img {left: 64%;}

	.woocommerce-page div.product .woocommerce-tabs ul.tabs {padding: 0;}

	/*START Product*/
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li {font-size: 20px;}
	.product_videos {width: 48%;}
	.woocommerce .product .woocommerce-loop-product__title {font-size: 14px !important;}
	/*END Product*/
}

@media (max-width: 960px) {/*Tablet*/

	iframe {width: 48%;}

	.JG_menu {display: none;}
	.menu_mobile {display: block; background-color: var(--rigol_yellow);}
	.nav_hamburger_line {width: 35px; height: 5px; background-color: #000; margin: 6px 0;}
	.menuMobileDropdown .menuMobileDropbtn {cursor: pointer; border: none; outline: none; background-color: inherit; font-family: inherit; margin: 0 10px; display: block;}
	.menuMobileDropdown_content {display: none; position: absolute; background-color: #000; min-width: 100%; z-index: 3000; border-bottom: 1px solid #009eef;}
	.menuMobileDropdown_content a {float: none; color: var(--rigol_yellow); padding: 12px 25px; text-decoration: none; display: block; text-align: left; text-transform: uppercase;}
	.menuMobileDropdown_content a:hover {background-color: var(--rigol_yellow); color: #000;}
	.JSmobileMenuShow {display: block;}
	.menuMobile_title {padding: 12px 15px; color: var(--rigol_yellow); text-decoration: underline; font-weight: bold;}
	.page_sidebar {display: none;}/*Page sidebars*/
	.page_container {width: 96%;}
	
	.da-slider {border-top: 0;}
	.slider_container {height: 400px;}
	.da-slide h2 {width: 50%; font-size: 28px; line-height: 28px;}
	.da-slide p {width: 50%; top: 100px; font-size: 15px; line-height: 19px;}
	.da-slide .da-link {top: 310px;}
	.da-slide-current .da-img {top: 110px; left: 76%;}

	.woocommerce .woocommerce-breadcrumb {font-size: 12px !important;}
	.woocommerce ul.products, .woocommerce-page ul.columns-4 {padding: 0 !important; width: 100%;}
	.woocommerce-page ul.products li.product.product-type-simple {width: 21%;}
	.tile_container.hp_products {height: 700px;}
	.tile_4 {width: 48%;}
	.tile_4 a img {width: initial;}
	.woocommerce .upsells, .woocommerce .related, .woocommerce .woocommerce-Tabs-panel--Standard, .woocommerce .woocommerce-Tabs-panel--Optional {width: 97% !important;}

	/*START Product*/
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li {font-size: 16px;}
	.product_videos	{height: 270px;}
	.product_videos iframe {height: 200px;}
	/*END Product*/
	
	/*START Basket*/
	.JG_basket .full_container_margins {width: 96%; margin: 0 2%;}
	.JG_basket .woocommerce .product-thumbnail img {margin: 0;}
	/*END Basket*/
	
	.page_table {display: none;}/*Hide category tables*/
	
}
@media (max-width: 768px) {
	
	body {/*color: #e8e8e8 !important;*/}/*200520 text too white on product page*/
	p, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error {/*color: var(--text_colour_light) !important;*/ font-weight: bold; width: initial; height: initial; color: #b2b2b2 !important;}
	#add_payment_method .cart-collaterals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button {color: #b2b2b2 !important; font-weight: 700;}
	button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .product .woocommerce-Tabs-panel .tab_add_to_basket, .woocommerce .woocommerce-message a, .JG_checkout .woocommerce .woocommerce-info a {font-weight: bold !important;}
	.tabs {padding: 0 !important;}
	.social_buttons, .account_buttons {display: none;}
	
	.da-slide h2 {width: 85%; top: 15px; font-size: 22px;}
	.da-slide p {top: 60px;}

	.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {color: #fff !important;}/*Hide breadcrumbs for cleaner look*/
	.woocommerce div.product div.summary, .woocommerce-page div.product div.summary {float: left !important;}
	.woocommerce .product.type-product {width: 100% !important;}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 100% !important; margin: initial !important;}/*Make 1 products in a line in tabs*/
	.woocommerce .product .button {width: 100%;}
	.woocommerce .product .price {text-align: center; font-size: 20px !important;}
	.woocommerce ul.products li.product .onsale {right: initial !important; left: 0 !important; top: 25px !important;}
	
	.woocommerce .category_image_css {display: none;}/*Product Cat page*/
	.woocommerce .term-description {max-width: 100%; padding-right: 0;}/*Product Cat page*/

	.JG_basket a {color: #000;}
	.JG_basket .terms-and-conditions a {color: #feed01;}
	.JG_basket .woocommerce .woocommerce-cart-form__cart-item {margin-bottom: 20px; height: 300px;}
/*	.JG_basket .woocommerce .product-remove {width: 3%; float: left; border-bottom: none;}*/
	.JG_basket .woocommerce .product-remove {width: 36px; float: left; border: none; padding: 5px 0 0 0;}
/*	.JG_basket .woocommerce .product-name {width: 94%; float: left;}*/
	.JG_basket .woocommerce .product-name {width: initial;}
	.JG_basket .woocommerce .product-price {width: 96%; float: left;}
	.JG_basket .woocommerce .product-quantity {width: 96%; float: left;}
	.JG_basket .woocommerce .product-subtotal {width: 96%; float: left;}
	.JG_basket .woocommerce .coupon #coupon_code {width: 48%; height: 31px;}
	.woocommerce-cart .JG_basket table.cart .product-thumbnail, .woocommerce-checkout .JG_basket table.cart .product-thumbnail {dis1play: block;}
	.JG_basket .woocommerce table.shop_table_responsive tr.shipping td::before {width: 100%;}
	.JG_basket .woocommerce .cart_totals .wc-proceed-to-checkout {width: 100%;}
	.JG_basket ul.wc_braintree_cart_gateways {width: 100% !important;}
	.woocommerce-cart .JG_basket .braintree_cart_gateway_active .wc-proceed-to-checkout .checkout-button, .braintree_cart_gateway_active .checkout-button {float: revert;}/*Make Proceed to checkout full width*/
	.JG_basket .woocommerce .woocommerce-terms-and-conditions-checkbox-text a {font-size: initial;}
	
	.JG_checkout input[type="checkbox"], .JG_checkout input[type="radio"] {margin: 5px 5px 0 0 !important;}
	.JG_checkout .woocommerce .col2-set .col-1, .JG_checkout .woocommerce .col2-set .col-2 {width: 100% !important;}
	.woocommerce-checkout-review-order {width: 100%;}
	.JG_checkout .woocommerce table.shop_table {width: 100% !important; position: initial; margin-bottom: 25px;}	
	.woocommerce .woocommerce-checkout #payment {width: 100%;}
	.woocommerce .woocommerce-checkout #payment .wc_payment_methods {padding: 0;}
	.woocommerce .woocommerce-checkout #payment .wc_payment_methods p {padding: 0 5px;}
	.JG_checkout .woocommerce .woocommerce-info, .JG_checkout .woocommerce .woocommerce-error {width: 95%;}
	.JG_checkout .woocommerce .woocommerce-info a {width: 70%; float: left; margin-top: 5px; text-align: center;}
	.JG_checkout .woocommerce form.checkout_coupon {width: 95%;}
	
	.request_quote_button {width: 100%; top: auto; bottom: 0; text-align: center;}

	.contact_left {width: 100%;}
	.contact_right {width: 100%; padding: 20px 15% 0 15%;}
	.contact_map {width: 100%;}

	/*START Product*/
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li {font-size: 20px; width: 100%; text-align: center; margin-bottom: 5px !important; border-radius: 0 !important;}
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {color: #fff !important; font-weight: bold !important;}
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {color: var(--button_colour) !important;}
	/*END Product*/
	
	.alg-wc-wl-view-table.shop_table_responsive tr td p a {text-align: center;}
	.alg-wc-wl-view-table.shop_table_responsive tr td {color: #000;}
	.alg-wc-wl-view-table.shop_table_responsive tr td.product-thumbnail {display: none;}
	.alg-wc-wl-view-table.shop_table_responsive .add_to_cart_button {width: initial; float: right; top: -27px; position: relative;}

	.footer_links {margin: 0;}

}
@media (max-width: 644px) {
	
	a {color: #000;}
	iframe {width: 100%; margin-right: 0; margin-top: 20px; }
	.nodisplay {display: none;}
	
	.header_main .header_search #s {display: none;}
	.header_main .header_search {width: 100px; float: initial;}
	.header_main .header_logo {width: 100%; margin-left: auto; margin-right: auto;}
	.header_main .header_main_right {margin: 8px 0 0 10px; height: 44px;}
	.header_main .header_search input {width: 100px; float: right;}
	.header_main .header_cart {width: 70px;}
	
	.slider_container {display: none;}
	.full_container {font-size: 16px;}
	.tile_container {margin: 30px 0;}
	.tile_container.hp_products {height: 1320px;}
	.tile_3 {width: 60%; margin: 10px auto; float: none;}
	.tile_3 a img {margin: 0 auto 10px;}
	.tile_4 {width: 98%;}

	.hp_category_buttons {display: block; width: 98%; height: 320px; padding: 0 0 0 2%; float: left;}
	.hp_category_buttons h1 {font-size: 26px; margin: 10px auto;}
	.hp_category_button_text {font-size: 18px; padding-top: 2px; font-family: arial;}
	.hp_category_button_cell {width: 48%; padding-right: 2%; float: left; margin-bottom: 10px;}
	.hp_category_button_cell:hover {top: 5px; position: relative;}
	.hp_category_button {float: left; height: 115px; border: 1px solid  var(--button_colour); text-align: center; width: 100%; padding-top: 10px;}
	.hp_category_button img {max-wdith: 130px; max-height: 75px;}

	.category_grid_menu {display: block; width: 98%; height: 320px; padding: 0 0 0 2%;}
	.category_grid_menu_text {font-size: 18px; padding-top: 2px; font-family: arial;}
	.category_grid_menu_desc {font-size: 14px; font-family: arial; word-break: break-word;}
	.category_grid_menu_cell {width: 48%; padding-right: 2%; float: left; margin-bottom: 10px;}
	.category_grid_menu_cell:hover {top: 5px; position: relative;}
	.category_grid_menu_button {float: left; height: 200px; border: 1px solid  var(--button_colour); text-align: center; width: 100%;}
	.category_grid_menu_button img {height: 136px !important;}

	.woocommerce-cart .JG_basket table.cart a {color: #fff;}
	
	.footer_links_1, .footer_links_2, .footer_links_3 {width: 100%;}
	.footer_copyright {font-size: 12px;}
	.mobile_bottom_buttons {
		background: #000;
		width: 100%;
		height: 50px;
		bottom: 0;
		display: block;
		position: fixed;
		border-top: 1px solid #feed01;	
		color: #feed01;
		z-index: 1000;
	}
	.mobile_bottom_buttons_left {
		width: 49%;
		height: 100%;
		float: left;
		font-size: 17px;
		line-height: 5px;
		padding: 10px 0 0 0px;
		text-align: center;
		border-right: 1px solid;
	}	
	.mobile_bottom_buttons_left_icon {
		background: url(/img/icons/telephone-icon-bottom-25x25.png) no-repeat left center;
		display: inline-block;
		width: 25px;
		height: 25px;
		top: -4px;
		position: relative;
		left: -10px;
	}	
	.mobile_bottom_buttons_left a {
		color: #ffffff;
	}	
	.mobile_bottom_buttons_right {
		width: 50%;
		height: 100%;
		float: left;
		font-size: 17px;
		line-height: 15px;
		padding: 15px 0 0 0px;
		text-align: center;
		top: -10px;
		position: relative;
	}	
	.mobile_bottom_buttons_right_icon {
		background: url(/img/icons/message-icon-bottom-25x25.png) no-repeat left center;
		display: inline-block;
		width: 25px;
		height: 25px;
		top: 5px;
		position: relative;
		left: -10px;
	}
	.mobile_bottom_buttons_right a {
		color: #ffffff;
		top: -2px;
		position: relative;
	}

	.RMA form {font-size: 15px;}
	
	/*START Blog*/
	.JG_WP_blogCat .entry img, .search_result .entry img {width: 100%; height: unset; padding: 0;}
	/*END blog*/
	
}
@media (max-width: 480px) {
	
	.topmenu_container .newsletter {display: none;}
	.header_main, .header_main .header_main_right {height: 45px;}
	.logo {background-image: url(/img/rigol-logo-200x44.png); height: 44px; width: 200px;}
	.slider_container {display: none;}
	
}
@media (max-width: 360px) {
}