/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.1
 Text Domain:  woodmart
*/
html { scroll-behavior: smooth; }
div.wpb_row { scroll-margin-top: 50px; }
.wd-content-layout { padding-bottom: 0px !important; }

:is(ul, ol) li {
  margin-bottom: 2px;
}
:is(ul, ol) {
	--li-pl: 30px;
}

ul li::marker {
	font-size: 140%;
	line-height: 1;
}

/* Header */
.whb-column > .wd-button-wrapper { padding-inline: 5px !important; }
.wd-button-wrapper a.btn {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	font-family: var(--wd-header-el-font);
}

:is(.btn, .button, button, [type="submit"], [type="button"]) {
	font-family: var(--wd-header-el-font) !important;
}

/**
 * Desktop menu.
 */
.whb-col-right .wd-dropdown-menu.wd-design-default {
	right: auto !important;
}
.wd-dropdown-menu.wd-dropdown {
	--wd-dropdown-width: 400px !important;
}
.wd-dropdown { box-shadow: 0 0 10px rgba(0,0,0,0.15); }

.wd-nav[class*="wd-style-"] > li:hover > a {
  color: #ffffd9;
}
.wd-nav[class*="wd-style-"] > li:is(.current-menu-item, .wd-active, .active) > a {
	color: #ff7638;
}

/* Sub menu */
.wd-dropdown-menu.wd-dropdown {
	background-color: #fff;
	padding: 0px !important;
	border-radius: 20px !important;
}

.wd-sub-menu li.ta-menu-title > a {
	color: #fff;
	text-transform: none;
	letter-spacing: 3px;
	font-family: var(--wd-header-el-font);
	text-transform: uppercase;
	background-color: #462f4d;
	padding: 15px 25px;
}
.wd-sub-menu li.ta-menu-title > a:hover { color: #ff7638; }
.wd-sub-menu li.ta-menu-title, .wd-sub-menu li:last-child { margin-bottom: 10px !important; }

.wd-sub-menu li > a {
	color: #1b0c1e;
	text-transform: none;
	letter-spacing: 3px;
	font-family: var(--wd-header-el-font);
	padding: 8px 25px;
}
.wd-header-nav.wd-header-main-nav .wd-sub-menu li > a:hover {
	padding-left: 20px;
}
.wd-header-nav.wd-header-main-nav .wd-sub-menu li > a:hover::before {
-webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    width: 16px;
}
.wd-header-nav.wd-header-main-nav .wd-sub-menu li.ta-menu-title > a::before {
	color: #ff7638;
	top: 0.98rem;
}
.wd-header-nav.wd-header-main-nav .wd-sub-menu li > a::before {
	font-family: "woodmart-font";
	content: '\f113';
	display: inline-block;
	width: 0;
	position: absolute;
	left: 4px;
	color: #1b0c1e;
	top: 0.55rem;
	line-height: 1;
	font-size: inherit;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}


/**
 * Mobile menu.
 */
/* Mobile Menu */
.wd-cross-icon > a::before { font-size: 20px !important; }
#mobilmenylogo img { max-width: 280px; }
.mobile-nav.wd-side-hidden {
	background-color: #1b0c1e;
}
.mobile-nav {
	width: 100% !important;
	display: flex;
	flex-direction: column;
	padding: 0px 10% 15% 10%;
}
.wd-heading { border-bottom: 0px !important; }
.close-side-widget.wd-action-btn.wd-style-text > a { color: #fff; font-size: 0px !important; }
.mobile-nav .mobile-pages-menu { order: 3; }
.mobile-nav .widgetarea-mobile { order: 2; padding: 0px; }

.mobile-nav .wd-nav-opener { border-left: 0px !important; }

.wd-nav > li > a { font-size: 16px; line-height: 2; text-transform: none; font-weight: 700; }

.mobile-nav .wd-nav-mobile > li > a {
	color: #fff !important;
	padding: 10px 20px 5px 20px !important;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-family: var(--wd-header-el-font);
}
.mobile-nav .wd-sub-menu li > a {
	color: #fff !important;
	padding: 5px 20px 5px 20px !important;
	letter-spacing: 0px;
	font-family: var(--wd-header-el-font);
}

.wd-nav-opener { color: #fff !important; }
.mobile-nav .wd-nav-opener.wd-active { background-color: transparent !important; }
.wd-nav-mobile li:active > a, .wd-nav-mobile li.opener-page > a { background-color: transparent !important; }

/**
 * Font misc.
 */
.title-subtitle {
	text-transform: uppercase;
	letter-spacing: 3px;
}
.btn {
	font-family: var(--wd-header-el-font);
	letter-spacing: 3px;
	font-size: 12px;
}
.wd-text-block a {
	text-decoration: underline;
	color: #1bcad3;
}
.wd-text-block a:hover {
	color: #ff7638;
}

.orange ul, .orange a {
	color: #ff7638;
}

.orange a:hover {
	color: #1bcad3;
}

.qlink a {
	color: #fff;
}

/**
 * Slider.
 */
.wd-slide-container {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.wd-slide-bg.wd-fill::after {
	background-image: -webkit-linear-gradient(left , rgb(239, 237, 235) , rgb(239, 237, 235) 35% , rgba(239, 237, 235, 0) 70%);
	background-image: linear-gradient(to right , rgb(239, 237, 235) , rgb(239, 237, 235) 35% , rgba(239, 237, 235, 0) 70%);
	content:'';
	width: 100%;
	height: 100%;
	display: inline-block;
}

/**
 * Graphic misc.
 */
.sidebar-logo img {
	max-width: 200px;
}
.wd-sidebar-opener.wd-action-btn.wd-burger-icon { display: none; }

.drop-shadow .vc_column-inner, .drop-shadow.wd-info-box, .resources-shadow .vc_column-inner {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.drop-shadow:hover .vc_column-inner, .drop-shadow.wd-info-box:hover, .resources-shadow:hover .vc_column-inner {
	box-shadow: rgba(0, 0, 0, 0.50) 0px 15px 20px -10px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.drop-shadow.wd-info-box .info-box-content {
	padding: 15px 25px 25px 25px;
}


/* Startsidan - Knappar - Stora */
.frontpage-big-btn .info-box-subtitle {
	text-transform: uppercase;
	letter-spacing: 2px;
}

.frontpage-big-btn .vc_column-inner {
	background-color: #fff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.frontpage-big-btn:hover .vc_column-inner {
	transform: scale(1.05);
	background-color: #E1F2F3;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* Hotspot */
.hotspot-content-text { color: #000; }

/**
 * Breadcrumb.
 */
.wpb_raw_code span, .wpb_raw_code span a, .wpb_raw_code span.breadcrumb_last {
	font-family: var(--wd-title-font);
	color: #1bcad3;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 16px;
}

/* Scroll to top */
.scrollToTop {
	background-color: #ff7638 !important;
	color: #fff !important;
	right: 10px !important;
	bottom: 90px !important;
}


/**
 * Oress releases
 */
.press-releases .info-box-wrapper .info-box-content {
	min-height: 220px;
}

.press-releases .info-box-wrapper .info-box-content .info-btn-wrapper {
  position: absolute;
  bottom: 20px;
}


/**
 * Gravity form.
 */
 
/* Submit button. */
.wd-page-wrapper > footer.wd-footer .newsletter-form-wrapper input[type="submit"].gform_button {
	background-color: rgb(27,202,211);
	color: white;
	border-radius: 5px;
	text-transform: uppercase;
	transition: all 0.3s linear;
	font-family: var(--wd-header-el-font);
	letter-spacing: 3px;
	font-size: 12px;
}

.wd-page-wrapper > footer.wd-footer .newsletter-form-wrapper input[type="submit"].gform_button:hover {
	background-color: #ff7638;
	color: #fff;
}

/* Input. */
.wd-page-wrapper > footer.wd-footer .newsletter-form-wrapper .ginput_container input[type="text"],
.wd-page-wrapper > footer.wd-footer .newsletter-form-wrapper .ginput_container input[type="email"] {
	background-color: white;
	color: rgba(4,4,4);
}

/** 
 * Testimonial.
 */
.testimonial-avatar img {
	max-width: 125px !important;
}

.wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span {
  border-color: #ff7638 !important;
  background-color: #ff7638 !important;
}

/** 
 * BLOG.
 */
.blog-design-masonry.wd-add-shadow .article-inner {
	box-shadow: none !important;
}
.blog-design-masonry.wd-add-shadow:hover .article-inner .article-body-container {
	box-shadow: rgba(0, 0, 0, 0.50) 0px 15px 20px -10px;
}

.blog-design-masonry.blog-style-bg.has-post-thumbnail .article-body-container {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.read-more-section a {
	font-weight: var(--wd-header-el-font-weight);
	font-style: var(--wd-header-el-font-style);
	font-size: var(--wd-header-el-font-size);
	font-family: var(--wd-header-el-font);
	text-transform: var(--wd-header-el-transform);
	letter-spacing: 3px;
	--wd-link-color: #1bcad3 !important;
}

/** 
 * FAQ.
 */
.wd-accordion.wd-style-shadow > .wd-accordion-item {
  border-radius: 20px !important;
}
.wd-accordion-opener {
	color: #1bcad3 !important;
	font-size: 30px !important;
}
.wd-accordion-title:is(.wd-active, :hover) > .wd-accordion-title-text {
  color: #000 !important;
}

.wd-accordion-title.wd-active {
	border-bottom: 4px solid #E1F2F3;
}
.wd-accordion-content {
	padding-top: var(--wd-accordion-spacing);
}
.wd-accordion-content.wd-active {
	background-color: #fdfcfc !important;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

/* resources-block */
.info-box-wrapper .resources-block .info-box-content {
	padding: 0px 20px 20px 20px;
	min-height: 320px;
}
.resources-shadow .vc_column-inner { border-radius: 20px; }

.info-box-wrapper .resources-block .info-box-content .info-btn-wrapper {
	position: absolute;
	bottom: 20px;
}

/** 
 * Table design.
 */
table.qpcr td {
	text-align: center;
	border-bottom: 1px solid rgba(239, 237, 235, 0.65);
}
table.qpcr tr td:nth-child(1) {
	text-align: left !important;
	background-color: rgba(239, 237, 235, 0.65);
	font-weight: 600;
}
table.qpcr tr.table-heading td:nth-child(2) { background-color: #ff7638; }
table.qpcr tr.table-heading td:nth-child(3) { background-color: #ffc27c; }
table.qpcr tr.table-heading td:nth-child(4) { background-color: #1bcad3; }
table.qpcr tr.table-heading td:nth-child(5) { background-color: #7e518b; }

table.qpcr tr.table-heading td:nth-child(2), table.qpcr tr.table-heading td:nth-child(3), table.qpcr tr.table-heading td:nth-child(4), table.qpcr tr.table-heading td:nth-child(5) { font-size: 22px; }

table.qpcr tr.table-heading td { border-bottom: 4px solid #1b0c1e; }

tbody tr.table-heading > td {
	font-size: 26px;
	font-weight: var(--wd-title-font-weight);
	font-style: var(--wd-title-font-style);
	font-family: var(--wd-title-font);
	line-height: 1.4;
}

/** 
 * Table design - protein-list.
 */
.protein-list table tr:nth-child(even) { background-color: #f7f6f5; }
.protein-list table tr:nth-child(odd) {background-color: #ffffff; }
.protein-list table tr:hover {background-color: #efedeb; }
.protein-list table tr:first-child td { font-weight: 600 !important; }

/**
 * Team Members Query
 */
.vc_grid-styled-select select { background-color: #fff; }
.vc_grid-styled-select select option:last-child { display: none !important; }

.vc_grid-filter.vc_grid-filter-color-blue > .vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-color-blue > .vc_grid-filter-item:hover {
	background-color: #1bcad3 !important;
}

.vc_column_container.team-members-query .vc_grid-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Filter. */
.vc_column_container.team-members-query .vc_grid-container .vc_grid-filter {
	background-color: white;
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 5px;
	margin-bottom: 50px;
}

.vc_column_container.team-members-query .vc_grid-container .vc_grid-filter::before,
.vc_column_container.team-members-query .vc_grid-container .vc_grid-filter::after {
	display: none !important;
}

.vc_column_container.team-members-query .vc_grid-container .vc_grid-filter > li:first-child { display: none !important; }

.vc_column_container.team-members-query .vc_grid-container .vc_grid-filter > li {
	margin: 0;
	padding: 12px 22px;
	font-size: 16px;
	font-weight: var(--wd-header-el-font-weight);
	font-style: var(--wd-header-el-font-style);
	font-family: var(--wd-header-el-font);
}

/* Single team member. */

/* - Grid. - */
.vc_column_container.team-members-query .vc_grid-container .vc_grid {
	align-self: stretch;
}

.vc_column_container.team-members-query .vc_grid-container .vc_grid .vc_grid-item {
	--spacing: 20px;
	--link-icon-size: 40px;
}

.vc_column_container.team-members-query .vc_grid-container .vc_grid .vc_grid-item .vc_gitem-zone-mini {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.vc_column_container.team-members-query .vc_grid-container .vc_grid .vc_grid-item .vc_gitem_row {
	position: static;
}

/* - Top (image, name, ACF designation field). - */
.vc_column_container.team-members-query .vc_grid-container .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-row-position-top > .vc_gitem-col {
	display: flex;
	flex-direction: column;
}

/* - Middle (links). - */
.vc_column_container.team-members-query .vc_grid-container .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-row-position-middle {
	transform: none;
	padding-left: var( --spacing );
	padding-right: var( --spacing );
	padding-bottom: var( --spacing );
	background-color: white;
	border-radius: 0px 0px 20px 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.vc_column_container.team-members-query .vc_grid-container .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-row-position-middle > .vc_gitem-col {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: 15px;
	min-height: var( --link-icon-size );
}

/* - Image. - */
.vc_column_container.team-members-query .vc_grid-container .vc_grid .vc_grid-item .vc_grid-item-mini .wpb_single_image {
	text-align: center;
	max-height: 85px;
	overflow-x: visible;
	margin-bottom: 0;
	z-index: 10;
}

.vc_column_container.team-members-query .vc_grid-container .vc_grid .vc_grid-item .vc_grid-item-mini .wpb_single_image img {
	border-radius: 99999px;
	border: 10px solid white;
	max-width: 170px;
	max-height: 170px;
	aspect-ratio: 1;
	object-fit: cover;
}

/* - Heading. - */
.vc_column_container.team-members-query .vc_grid-container .vc_grid .vc_grid-item .vc_grid-item-mini .vc_custom_heading {
	padding-left: var( --spacing );
	padding-right: var( --spacing );
	padding-top: 95px;
	margin-bottom: 0;
	font-size: 24px;
	line-height: 1.25;
	font-family: var( --wd-header-el-font );
	background-color: white;
	border-radius: 20px 20px 0px 0px;
}

/* - Designation. - */
.vc_column_container.team-members-query .vc_grid-container .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-acf.designation {
	padding: var( --spacing );
	font-size: 15px;
	line-height: 1.1;
	background-color: white;
}

/* - Links. - */
.vc_column_container.team-members-query .vc_grid-container .vc_grid .vc_grid-item .vc_grid-item-mini .acf-icon-link {
	background-color: #69727d;
	color: white;
	padding: 10px;
	width: var( --link-icon-size );
	height: var( --link-icon-size );
	box-sizing: border-box;
	line-height: 1;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: 9999px;
}

.vc_column_container.team-members-query .vc_grid-container .vc_grid .vc_grid-item .vc_grid-item-mini .acf-icon-link i {
	line-height: 1;
	font-size: 18px;
}

.vc_column_container.team-members-query .vc_grid-container .vc_grid .vc_grid-item .vc_grid-item-mini .acf-icon-link.linkedin_url {
	background-color: #0077b5;
}

/** 
 * Footer.
 */
 
/* Logo gfx. */
.wd-page-wrapper > footer.wd-footer .footer-logo-gfx {
	margin-bottom: 0px;
}

/* Nav. */
.wd-page-wrapper > footer.wd-footer .footer-menu,
.wd-page-wrapper > footer.wd-footer .footer-secondary-menu {
	margin-bottom: 0px;
}

.wd-page-wrapper > footer.wd-footer .footer-menu {
	font-size: 15px;
}

.wd-page-wrapper > footer.wd-footer .footer-menu ul.menu > li,
.wd-page-wrapper > footer.wd-footer .footer-secondary-menu ul.menu > li {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: center;
}

.wd-page-wrapper > footer.wd-footer .footer-menu ul.menu > li::before {
	content: '';
	display: block;
	width: 15px;
	height: 8px;
	align-self: center;
	margin-right: 10px;
	background-image: url( 'assets/svgs/menu-gfx-droplet.svg' );
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.wd-page-wrapper > footer.wd-footer .footer-menu ul.menu > li:nth-child(odd)::before {
	background-image: url( 'assets/svgs/menu-gfx-droplet-red.svg' );
}

.wd-page-wrapper > footer.wd-footer .footer-menu ul.menu > li:nth-child(even)::before {
	background-image: url( 'assets/svgs/menu-gfx-droplet-yellow.svg' );
}

.wd-page-wrapper > footer.wd-footer .footer-menu ul.menu > li:last-child::before {
	background-image: url( 'assets/svgs/menu-gfx-droplet-blue.svg' );
}

.wd-page-wrapper > footer.wd-footer .footer-secondary-menu ul.menu > li::before {
	content: '';
	display: block;
	width: 12px;
	height: 6px;
	align-self: center;
	margin-right: 10px;
	background-image: url( 'assets/svgs/menu-gfx-droplet.svg' );
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
footer.wd-footer .footer-menu ul.menu > li a { color: #fff; }
footer.wd-footer .footer-menu ul.menu > li a:hover { color: #ffffd9; }


/* Newsletter form. Download */
.pdf_confirmatiom { text-align: center; }
.pdf_confirmatiom a.btn {
	background-color: #1bcad3;
	color: #fff;
	border-radius: 5px;
}
.pdf_confirmatiom a.btn:hover {
	background-color: #ff7638;
	color: #fff;
}
input.gform_button.button {
	background-color: #1bcad3;
	color: #fff;
	border-radius: 5px;
	font-family: var(--wd-header-el-font);
	letter-spacing: 3px;
	font-size: 12px;
}
input.gform_button.button:hover {
	background-color: #ff7638;
}
.gform_wrapper.gravity-theme .gfield_label {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 16px;
	font-style: var(--wd-alternative-font-style);
	font-family: var(--wd-alternative-font);
}
.gform_wrapper.gravity-theme .gfield .ginput_container_consent {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

/* Newsletter form. */
input::placeholder { color: #000; }
.wd-page-wrapper > footer.wd-footer .newsletter-form-wrapper .gform_heading .gform_required_legend {
	display: none;
}

.wd-page-wrapper > footer.wd-footer .newsletter-form-wrapper .gform_fields .gfield_label {
	display: none;
}

.wd-page-wrapper > footer.wd-footer .newsletter-form-wrapper .gfield_label {
	color: white;
}

.wd-page-wrapper > footer.wd-footer .newsletter-form-wrapper .gform_fields {
	row-gap: 16px;
}

.wd-page-wrapper > footer.wd-footer .newsletter-form-wrapper .ginput_container--name .gform-grid-col--size-auto {
	padding-right: 0 !important;
}

/* Book a meeting */
.bloggknapp .dropdown-wrapper { width: 100%; }
.bloggknapp button.dropdown-button { width: 100%; }

    .dropdown-wrapper {
      position: relative;
      display: inline-block;
	  text-align: left;
    }

    button.dropdown-button {
      background-color: #1bcad3;
      color: white;
      padding: 10px 15px;
      font-size: 13px;
      border: none;
      cursor: pointer;
      border-radius: 5px;
	  text-transform: uppercase;
	  transition: all .25s ease;
	  letter-spacing: 3px;
    }
	  
    button.dropdown-button:hover {
      background-color: #18b5bd;
	  color: #fff;
    }

    .dropdown-content {
      display: none;
      position: absolute;
      background-color: white;
      min-width: 230px;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
      z-index: 999;
      border-radius: 5px;
      overflow: hidden;
    }

    .dropdown-content a {
      color: black;
      padding: 10px 15px;
      text-decoration: none;
      display: block;
	  font-size: 13px;
	  text-transform: uppercase;
    }

    .dropdown-content a:hover {
      background-color: #f1f1f1;
    }

    /* Visa menyn när klassen "show" läggs till */
    .show-content {
      display: block;
    }

    .dropdown-wrapper-footer {
      position: relative;
      display: inline-block;
	  text-align: left;
    }

    button.dropdown-button-footer {
      background-color: #1bcad3;
      color: white;
      padding: 10px 15px;
      font-size: 13px;
      border: none;
      cursor: pointer;
      border-radius: 5px;
	  text-transform: uppercase;
	  transition: all .25s ease;
	  letter-spacing: 3px;
    }
	  
    button.dropdown-button-footer:hover {
      background-color: #18b5bd;
	  color: #fff;
    }

    .dropdown-content-footer {
      display: none;
      position: absolute;
      background-color: white;
      min-width: 230px;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
      z-index: 999;
      border-radius: 5px;
      overflow: hidden;
    }

    .dropdown-content-footer a {
      color: black;
      padding: 10px 15px;
      text-decoration: none;
      display: block;
	  font-size: 13px;
	  text-transform: uppercase;
    }

    .dropdown-content-footer a:hover {
      background-color: #f1f1f1;
    }

    /* Visa menyn när klassen "show" läggs till */
    .show-content-footer {
      display: block;
    }

@media (max-width: 1380px) { }

/* Tablet - Padding */
@media (max-width: 1024px) {
	.wd-slider.wd-section-stretch-content {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}	
}

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

/* Mobile */
@media (max-width: 767px) { }
@media (max-width: 576px) { }
@media (max-width: 480px) { }