@charset "utf-8";
/* CSS Document for Ecommerce Templates Responsive Design Indoors */

/* Main settings and resets */
*{
padding:0px;
margin:0px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* Added September 30th, 2024 for text size on Super Sale page  */
.SuperSale {font:Verdana, Geneva, sans-serif;
  text-align: center;
  font-size: 60px;
  margin-top: 0px;
}
.SuperSale2{ font-family:Arial; font-size:12px; text-shadow: 2px 2px #FF0000; line-height:15px; text-decoration:none; color:#4f4f4f;}

/* Added Dec 6th, 2017 to remove bullet point beside description title on product details page, this will apply to all UL lists on site */
ul{ list-style-type: none; } 

/* Added October 6th, 2017 to indent ordered HTML list in paragraphs */
ul.a {
    list-style-position: inside;
}

ul.b {
    list-style-position: outside; padding-left: 15px;
	text-indent:-15px; 
	margin-left:20px;
}

ul.c {
    list-style-position: outside; padding-left: 30px;
	text-indent:-15px;
	margin-left:20px;
}

ul.d {
	list-style-type:inherit;
    list-style-position: outside; padding-left: 15px;
	text-indent:0px;
}

img black-dot{
	height: 25px;
	width: 25px;
	background-color: #000000;
	border-radius: 50%;
	display: inline-block;
}

img white-dot{
	height: 25px;
	width: 25px;
	background-color: #ffffff;
	border-radius: 50%;
	display: inline-block;
}

img yellow-dot{
	height: 25px;
	width: 25px;
	background-color: #ffff00;
	border-radius: 50%;
	display: inline-block;
}

img red-dot{
	height: 25px;
	width: 25px;
	background-color: #ff0000;
	border-radius: 50%;
	display: inline-block;
}

img green-dot{
	height: 25px;
	width: 25px;
	background-color: #009900;
	border-radius: 50%;
	display: inline-block;
}

img blue-dot{
	height: 25px;
	width: 25px;
	background-color: #0033ff;
	border-radius: 50%;
	display: inline-block;
}

img tan-dot{
	height: 25px;
	width: 25px;
	background-color: #ffcc99;
	border-radius: 50%;
	display: inline-block;
}

/*Added on April 24, 2024 to reduce "In Stock" font */
div.detailinstock {
margin: 5px !important;
font-size: 1.0em !important;
color: #666 !important;
}

/*Added to turn off includes file instock and then format the Custom CSS Product Admin Quick Entry for instock display per item */
.detailinstock, .prodinstock, .qbuywrapper .prodinstock {
display:none;
}
.showstock .detailinstock, .showstock .prodinstock, .showstock .qbuywrapper .prodinstock {
display:block;
}

/*Changed on June 12, 2023 to allow for longer option text */
div.detailoption{
float:left;
width:90% !important;
}

/*Added on June 14, 2023 as per Vince recommendation to fix option text alinement */
div.rcoption {
  display: flex;
  align-items: center;
}

/*Added September 7th, 2016 to fit image in cart */
.cartimage {width:100%;} 

/* ERROR / WARNING FORMATTING added to highlight background - June 9, 2020 */
div.ectwarning{
	color: black;
	background-color: #FFFF00;
}

body{
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	font-size: 13px;
	font-family: FontAwesome, sans-serif
}
div, ul, li{
padding:0px;
margin:0px;
}
img{
padding:4px;
margin:0px;
border:none;
}
img a{
padding:0px;
margin:0px;
border:none;
}
input, select, textarea{
padding:3px;
margin:4px;
}
.clear
{
clear:both;
}

p{padding-bottom:2px;} /* Reduced to 2px from 20px to fit Holiday Message correctly */

/*link properties*/
a:link {
	color: #ff3333;
	text-decoration: none;
}

a:visited {
	color: #ff3333;
	text-decoration: none;
}

a:active {
	color: #ff3333;
	text-decoration: none;
}

a:hover {
	color: #666;
	text-decoration: none;
}

/* Header section */

.header_top{ background:url(../images/header_bg.jpg) repeat-x;}
/*.main{ width:1000px; margin:0px auto;}*/ /*Changed width:1000px to 96% to get full monitor width May 12, 2020*/
.main{ width:96%; margin:0px auto;}

/*.toplogin{float:left;width:50%;margin-top:8px}*/ /*Changed margin-top:8px to fit Blue Login button in frame August 17, 2021*/
.toplogin{float:left;width:50%;margin-top:2px}

/*.toplogin2 added so Proudly Canadian since 1954 is in the middle March 11, 2025*/
.toplogin2{width:20%;margin-top:2px}

/* Social media icons */
.connect_flow{ clear:right;float:left;width:50%;height:35px; text-align:right; padding-top:4px; font-family:Arial; font-size:12px; line-height:24px; text-transform:uppercase;}
.connect_flow img{ float:right; padding-left:6px;}
img.t{ margin-left:6px;}

.header_middle{ padding-top:6px; padding-bottom:6px; min-height:75px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit - Peter added padding-bottom:6px and lowered padding-top from 16px */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;
clear:both;
}
div.catnavcheckout{
	display:none;
}
div.topmenuhamburger{
	float:right;
}
.header_middle_left{ width:45%; float:left; padding-top:0px;min-height:75px;} /*changed padding-top:25px to 0px to fit CCI Logo better */
.header_middle_left img{ max-width:100%;}
.header_middle_right{ width:55%; float:left;padding-top:20px;}

/* Top search */
.search_bg{ float: left;border:1px solid #d9d8dd; padding:2px 10px; width:65%; background:#FFF; height:35px; position:relative;}
.search_text{ width:100%; float:left; border:0px; padding-right:20px; font-family:Arial; font-size:14px; color:#9f9f9f;}
.search_button{ background:url(../images/search_icon.jpg) no-repeat; width:16px; height:16px; position:absolute; right:10px; border:0px; cursor:pointer;}

/* School search */
input.search {margin:15 px; float:left;}

/* School skusearch 3 column layout - added April 13th, 2018 */
.skuleft_contain{ width:20%; float:left; padding-right:9px;}
.skumiddle_contain{ width:60%; float:left;}
.skuright_contain{ width:20%; float:left; padding-left:10px;}

.skuright_contain{ margin-top:-10px;}
.skuleft_contain_main{ padding-bottom:10px;padding-top:10px; }
.skuleft_contain_top{ background:url(../images/categories_left_top.jpg) no-repeat; padding:10px 10px 0 10px; border:1px solid #dfdfdf; border-bottom:0px;border-radius:5px 5px 0 0;}
.skuleft_contain_top h1{font-family: 'Exo 2', Arial, Helvetica, sans-serif;font-size:15px ; font-weight:normal; color:#000000; text-decoration:none; }
.skuleft_text{ padding-top:20px;}
.skuleft_text ul{ list-style-type:none;}
.skuleft_text ul li{  background:  url(../images/left_arrow.jpg) no-repeat left 5px; padding:0 0 17px 15px; color:#CCC; text-decoration:none; font-family: 'Exo 2', sans-serif; font-size:13px; }
.skuleft_text ul li a{ color:#333333; text-decoration:none;}
.skuleft_text ul li a:hover{ color:#ff3333 ; text-decoration:none;}
.skuleft_contain_bottom{background:url(../images/categories_left_bottom.jpg) no-repeat bottom left; padding:0 0 10px 10px; border:1px solid #dfdfdf; border-top:0px;border-radius:0 0 5px 5px; }
.skuleft_text ul li:last-child{ padding-bottom:0px; }

.skumiddle_contain_top{ background:url(../images/mid_categories.jpg) no-repeat; padding:10px 10px 1px 10px; border:1px solid #dfdfdf; border-bottom:0px;border-radius:5px 5px 0 0;}
.skumiddle_contain_top h1{font-family: 'Exo 2', Arial, Helvetica, sans-serif;font-size:19px; font-weight:normal; color:#333; text-decoration:none; }
.skumid_contain_bottom{background:url(../images/mid_categories_bottom.jpg) no-repeat bottom left; padding:0 0 10px 10px; border:1px solid #dfdfdf; border-top:0px;border-radius:0 0 5px 5px;margin-bottom:21px; }
.skumiddle_contain_main{ padding:0 12px 0 8px;}
.skumiddle_product{ padding-top:20px;}
.skumiddle_product1 ul{ list-style-type:none;}
.skumiddle_product1 ul li{ width:33%; float:left; padding-bottom:28px;}
.skumiddle_product_image{ text-align:center;}
.skumiddle_product_image img{ max-width:100%;}
.skuproduct_text{ padding-top:17px;font-family: 'Exo 2', sans-serif; font-size:14px; color:#242424; text-decoration:none; text-align:center;} /*Changed font from 14px to 12px to correct graphic layout issues */
.skuproduct_price{ padding-top:15px;font-family: 'Exo 2', sans-serif; font-size:14px; color:#242424; text-decoration:none; text-align:center; font-weight:bold;}
.skuproduct_price b{ color:#ff9400; text-decoration:none; }
.skuright_t{ text-align:center; position:relative;}
.skuright_t_text{ background:url(../images/right_img.png) repeat-x; position:absolute; padding:10px; bottom:6px; width:100%;}
.skuright_t_text_top{ font-family: 'Exo 2', sans-serif; font-size:24px; line-height:28px; text-align:center; text-transform:uppercase; color:#FFF;}
.skuright_t_text_bottom{ font-family: 'Exo 2', sans-serif; font-size:20px; line-height:24px; text-align:center; text-transform:uppercase; color:#FFF; font-style:italic;}
.skuright_t_text_bottom b{ font-style:normal; font-weight:normal; color:#ff3333; text-transform:capitalize;}
.skubest_image{ text-align:center; padding:10px 0;}
.skubest_image img{ max-width:100%; }
.skubest_text h2{ font-family:Arial; font-size:15px; text-decoration:none; color:#9f9f11;}
.skubest_text p{ font-family:Arial; font-size:12px; line-height:15px; text-decoration:none; color:#4f4f4f;}
.skuright_img{ padding-top:25px;}
.skuright_img img{ max-width:100%;}

/* Shopping cart icon and link */
.shopping_cart_bg{ width:30%; float: right; text-align:left; padding:6px 7px;line-height:26px; color:#575757; text-decoration:none;}

/* ECT Menu */
li.ectmenuhassub1 > a{
	display:block;
	clear:both;
}
li.ectmenuhassub1 > a:after{
	content:"+";
	float:right;
}

.menu-mobile {
    padding: 10px;
    color: #FFF !important;
}

/* Button Colors */
input.ectbutton, button.ectbutton{
background:#cf1b1b !important;
}

input.ectbutton:hover, button.ectbutton:hover{
background:#cccccc !important;
color:#000;
}

input.qbuybutton{
background:#420532 !important; /* Changed from Orange #E97D19 to Purple #420532 Feb-17-2021*/
}

/* Top sub-menu settings */
.top_nav_scroll{ /* background:#fff;*/ 
background-color:#cf1b1b;
border-top:1px solid #ccc;
width: 100%;
margin: 0 auto;
text-align: center;
color:#ffffff;
padding: 0px 0px;
font-family: 'Exo 2', Arial, Helvetica, sans-serif;
font-size: 1.1em;
}

.top_nav{ /* background:#fff;*/ background-color:#cf1b1b; border-top:1px solid #ccc}
div.menu > ul > li,div.menu-container{background-color:#cf1b1b}
div.menu > ul > li a{
color:#FFF;
}
.topnav1 {overflow: hidden;text-align:center;/* background:#cf1b1b; */ background-color:#FFF; font-family: 'Exo 2', Arial, Helvetica, sans-serif;}
.topnav1 a {display: inline-block;color:#000;text-align: center;padding: 7px 9px;text-decoration: none;font-size: 13px;}
.topnav1 a:hover {background-color: #ddd;color: black;}
.topnav1 .icon {display: none;}

/* Main content */
.body_contain{ padding:10px 10px;} /* Changed from {padding:10px 0px;} to allow for full width container spacing left and right - February 22, 2023 */

/* Home page top layout */
.bannner{display:none;} /* Turned off on all pages except home page */
.bannner{ padding-bottom:8px;}
.bannner_left{ width:100%; float:left;} /* Changed width:68% to 100% to make slider full width - May 12, 2020 */
.bannner_left img{ max-width:100%;}
.bannner_right{ width:32%; float: right; padding:0 4px;}
.bannner_right img{ max-width:100%;}
.bannner_right_top{ margin-bottom:0px;}
.r_image_border{ border:1px solid #c2c2c2;}
.r_image_border img{ max-width:100%;}
.main_contain{}

/* 3 column layout */
.left_contain{ width:20%; float:left; padding-right:9px;}
.middle_contain{ width:60%; float:left;}
.right_contain{ width:20%; float:left; padding-left:10px;}

.right_contain{ margin-top:-10px;}
.left_contain_main{ padding-bottom:10px;padding-top:10px; }
.left_contain_top{ background:url(../images/categories_left_top.jpg) no-repeat; background-size:100%; padding:10px 10px 0 10px; border:1px solid #dfdfdf; border-bottom:0px;border-radius:5px 5px 0 0;}
.left_contain_top h1{font-family: 'Exo 2', Arial, Helvetica, sans-serif;font-size:15px ; font-weight:normal; color:#000000; text-decoration:none; }
.left_text{ padding-top:20px;}
.left_text ul{ list-style-type:none;}
.left_text ul li{  background:  url(../images/left_arrow.jpg) no-repeat left 5px; padding:0 0 17px 15px; color:#CCC; text-decoration:none; font-family: 'Exo 2', sans-serif; font-size:13px; }
.left_text ul li a{ color:#333333; text-decoration:none;}
.left_text ul li a:hover{ color:#ff3333 ; text-decoration:none;}
.left_contain_bottom{background:url(../images/categories_left_bottom.jpg) no-repeat bottom left; padding:0 0 10px 10px; border:1px solid #dfdfdf; border-top:0px;border-radius:0 0 5px 5px; }
.left_text ul li:last-child{ padding-bottom:0px; }

.middle_contain_top{ background:url(../images/mid_categories.jpg) no-repeat; background-size:100%; padding:10px 10px 0 10px; border:1px solid #dfdfdf; border-bottom:0px;border-radius:5px 5px 0 0;}
.middle_contain_top h1{font-family: 'Exo 2', Arial, Helvetica, sans-serif;font-size:19px; font-weight:normal; color:#333; text-decoration:none; }
.mid_contain_bottom{background:url(../images/mid_categories_bottom.jpg) no-repeat bottom left; background-size:100%; padding:0 0 10px 10px; border:1px solid #dfdfdf; border-top:0px;border-radius:0 0 5px 5px;margin-bottom:21px; }
.middle_contain_main{ padding:0 12px 0 8px;}
.middle_product{ padding-top:20px;}
.middle_product1 ul{ list-style-type:none;}
.middle_product1 ul li{ width:24%; float:left; padding-bottom:28px;}
.middle_product_image{ text-align:center;} /* Peter - fixed midle_produt_image to be middle_product_image */
.middle_product_image img{ max-width:100%;} /* Peter - fixed midle_produt_image to be middle_product_image */
.product_text{ padding-top:17px;font-family: 'Exo 2', sans-serif; font-size:14px; color:#242424; text-decoration:none; text-align:center;}
.product_text_2nd_line{	padding-top: 4px;	font-family: 'Exo 2', sans-serif;	font-size: 12px;	color: #000000;	text-decoration: none;	text-align:center; font-weight:bold;}
.product_price{ padding-top:2px;font-family: 'Exo 2', sans-serif; font-size:14px; color:#242424; text-decoration:none; text-align:center; font-weight:bold;}/* Peter - padding-top:15px; changed to padding-top:2px; */
.product_price b{ color:#ff9400; text-decoration:none; }
.right_t{ text-align:center; position:relative;}
.right_t_text{ background:url(../images/right_img.png) repeat-x; position:absolute; padding:10px; bottom:6px; width:100%;}
.right_t_text_top{ font-family: 'Exo 2', sans-serif; font-size:24px; line-height:28px; text-align:center; text-transform:uppercase; color:#FFF;}
.right_t_text_bottom{ font-family: 'Exo 2', sans-serif; font-size:20px; line-height:24px; text-align:center; text-transform:uppercase; color:#FFF; font-style:italic;}
.right_t_text_bottom b{ font-style:normal; font-weight:normal; color:#ff3333; text-transform:capitalize;}
.best_image{ text-align:center; padding:10px 0;}
.best_image img{ max-width:100%; }
.best_text h2{ font-family:Arial; font-size:15px; text-decoration:none; color:#9f9f11;}
.best_text p{ font-family:Arial; font-size:12px; line-height:15px; text-decoration:none; color:#4f4f4f;}
.right_img{ padding-top:25px;}
.right_img img{ max-width:100%;}
.web_redirect{ font-family:Arial; font-size:14px; text-align:right;}

/* Product Facts Image Containers */
/*.productfacts_contain_down ul li{ width:50%; float: left; text-align:center; border-right:1px solid #e3e3e3; padding:20px 0;} */
/*.productfacts_contain_down{ width:50%; float: left; text-align:center; border-right:1px solid #e3e3e3; padding:20px 0;} */
.middle_product_facts ul{ list-style-type:none;}
.middle_product_facts ul li{ width:33%; float:left; padding-bottom:28px;}
.middle_product_facts_image{ text-align:center;} /* Peter - fixed midle_produt_image to be middle_product_image */
.middle_product_facts_image img{ max-width:100%; border: 1px solid #ccc;} /* Peter - fixed midle_produt_image to be middle_product_image */
.product_facts_text{ padding-top:5px;font-family: 'Exo 2', sans-serif; font-size:14px; color:#cf1b1b; font-weight:bold; text-decoration:none; text-align:center;}

/* Details Page minimum quantity formatting added November 7, 2023 */
div.detailminquant {
font-size:14px; color:#cf1b1b; font-weight:bold;
float: left;
width: 48%;
margin: 5px 0 0 5px;
}
/* needed only if we want to shrink the image box size, however it will wrap text to under the image if lower
div.detailimage {
min-height: 200px !important;
}
*/
/* Details Page quantity box formatting to make same size inline with order button added November 8, 2023 */
div.quantity2div {
display: flex !important;
}
/* About Us Image Containers */
.imgContainer{width:50%; float:left;}

/* Manufacturers display */
.manufacturers_contain{ padding:0px; margin-bottom:2px;}
.manufacturers_contain_top{ background:url(../images/manufacturer.jpg) no-repeat; border-bottom:1px solid #e9e9e9; height:38px; padding-left:14px;font-family:Arial; font-size:18px; line-height:38px; text-decoration:none; color:#ffffff;}
.manufacturers_contain_down{ margin-top:10px; border:1px solid #e3e3e3;}
.manufacturers_contain_down ul{ list-style-type:none;}

.manufacturers_contain_down ul li{ width:20%; float: left; text-align:center; border-right:1px solid #e3e3e3; padding:20px 0;}
.manufacturers_contain_down ul li:last-child{ border-right:0px;}
.footer_top{ background:#555555; padding:30px 0 50px 0;}

/* Footer */
.footer_top_left{ width:25%; float:left;}
.footer_top_left h2{ text-transform:uppercase;font-family: 'Exo 2', sans-serif; font-size:18px; line-height:24px; text-decoration:none; color:#ffffff; padding-bottom:20px;}

.footer_top_left ul{ list-style-type:none;}
.footer_top_left ul li{  padding:0 0 10px 0px;font-size:12px ; color:#CCC; text-decoration:none; font-family: Arial, Helvetica, sans-serif; }
.footer_top_left ul li a{ color:#ffffff; text-decoration:none;}
.footer_top_left ul li a:hover{ color:#ff3333; text-decoration:none;}
.footer_top_right{ width:50%; float:left;}
.footer_top_right h2{ text-transform:uppercase;font-family: 'Exo 2', sans-serif; font-size:18px; line-height:24px; text-decoration:none; color:#ffffff; padding-bottom:20px;}
.footer_top_right p{  font-size:12px ; color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; padding-bottom:20px; }
.footer_top_right a{color:#EB8830 }
.footer_top_right a:hover{color:#fff }
.footer_bottom{ background:#343333; padding:20px 0;}
.footer_bottom_left{ width:50%;float:left;}
.footer_bottom_left_top{font-size:12px ; color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; }
.footer_bottom_left_bottom{ padding-top:10px; }
.footer_bottom_left_bottom ul{ list-style-type:none; }
.footer_bottom_left_bottom ul li{ font-size:12px ; line-height:14px; color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; float:left; padding-right:10px; border-right:1px solid #ffffff; margin-right:10px;}
.footer_bottom_right{ width:50%;float:left; text-align:right; position:relative;}
.footer_bottom_left_bottom ul li a{ color:#FFF; text-decoration:none;}
.footer_bottom_left_bottom ul li a:hover{ color:#EB8830; text-decoration:none;}
.footer_bottom_left_bottom ul li:last-child{ border-right:0px; padding-left:0px; margin-right:0px;}

.footer_bottom_left_top a{color:#ccc;text-decoration:none;}
.footer_bottom_left_top a:hover{color:#EB8830;text-decoration:none;}

.emfll{background:#fff;padding:4px}

/*This is the first breakpoint and contains styles for screens up to 1000px*/

@media all and (max-width:1000px) {

}

/*This is the second breakpoint and contains styles for screens below 980px*/

@media all and (max-width: 980px) {
.main{ width:100%; padding:0 10px;}
}

/*This is the third breakpoint and contains styles for screens below 800px*/

@media all and (max-width: 800px) {
.shopping_cart_bg{ width:38%;}
.search_bg{ width:58%; margin-left:2%;}
.middle_product_image{ min-height:150px;} /* Peter - fixed midle_produt_image to be middle_product_image */
.middle_product1 ul li{ min-height:250px;}
.middle_product_facts ul li{ min-height:250px;} /* Peter - added for the product_facts.asp page */
.footer_bottom_left_bottom ul li{ font-size:11px; padding-right:5px; margin-right:5px;}
.top_nav{ background:#cf1b1b;}
}

/*This is the fourth breakpoint and contains styles for screens below 768px*/

@media all and (max-width: 768px) {

.topnav1 {text-align:left;}
.topnav1 a:not(:first-child) {display: none;}
.topnav1 a.icon {float: right;display: block;color:#000;}
.topnav1.responsive1 {position: relative;}
.topnav1.responsive1 .icon {position: absolute;right: 0;top: 0;}
.topnav1.responsive1 a {float: none;display: block;text-align: left;}
	.middle_contain{ width:100%; margin-bottom:10px; float:none;}
.middle_product1 ul li{ width:100%;}
.middle_product_facts ul li{ width:100%;} /* Peter - fixed midle_produt_image to be middle_product_image */
.right_contain{ width:200px; margin:0px auto; float:none; }
.left_contain{ display:none;}
.middle_contain_top{ background:url(../images/mid_categories1.jpg) no-repeat;}
.mid_contain_bottom{background:url(../images/mid_categories_bottom1.jpg) no-repeat bottom left;}
}


/*This is the fifth breakpoint and contains styles for screens below 640px*/

@media all and (max-width: 640px) {
.header_middle_left{ text-align:center;width:100%;padding-top:10px;min-height:auto}
.header_middle_right{ width:100%;padding-top:10px}
.body_contain, .listing_contain_menu, .middle_contain_main, .middle_contain_top{padding:0px;margin:0px;}
.middle_contain_top{padding:2px;margin-top:8px;}
.search_bg{ width:98%;}
.shopping_cart_bg{width:98%; margin:0px 0px 26px 0px; text-align:left;}
.bannner_left{ width:100%;}
.bannner_right{width:100%;}
.manufacturers_contain_down ul li{ width:100%; border-right:0px; border-bottom:1px solid #e3e3e3;}
.footer_top_left{ width:50%;}
.footer_top_right{width:100%;}
.footer_bottom_left{ width:100%;}
.footer_bottom_right{ width:100%; margin-top:20px;}
.connectflow{display:none;}
.middle_contain_top{ background:url(../images/mid_categories.jpg) no-repeat;}
.mid_contain_bottom{background:url(../images/mid_categories_bottom.jpg) no-repeat bottom left; }
}

/*This is the sixth breakpoint and contains styles for screens below 480px*/

@media all and (max-width:480px) {

}

/*This is the seventh breakpoint and contains styles for screens below 360px*/

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

}