/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/




.wpb_row.full-width-section, .wpb_row.full-width-content, body.material .wpb_row.full-width-section, body.material .wpb_row.full-width-content {
	max-height: 600px !important;
}
.first-section .nectar-recent-posts-single_featured.multiple_featured {
	max-height: 600px !important;
}
.meta-category .hfhdskjfw, .meta-category .zzz_kurzmeldungen, .meta-category .xxxxx {
	display: none !important;
}
.standard_section .category-zzz_kurzmeldungen, .single-post .meta-category a:nth-child(2), .single-post #author-bio  {
	display: none !important;
}
html .kurzmeldungen.standard_section .category-zzz_kurzmeldungen {
	display: block !important;
}
.single-post #page-header-wrap  {
	height: 600px;
    padding-top: 90px;
}
body.material .masonry-blog-item .mejs-container .mejs-controls {
	display: none;
}
.post-content .content-inner .video {
	height: 100%;
}
.post-content .content-inner .wp-video {
	max-width: 100% !important;
	height: 100%;
}
.post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+8) .post-header, .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1) .post-header {
	max-width: 100% !important;
}
#ajax-content-wrap .wp-video .mejs-container, .wp-video-shortcode video, video.wp-video-shortcode {
	height: 100% !important;
}
video.wp-video-shortcode {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}
.overlaid-content .container {
	position: relative;
}
#secondslides .slideelement .overlaid-content .container .row {
	height: 100%;
}
#secondslides .slideelement .overlaid-content .container .row .inner-wrap {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
        background-image: linear-gradient(to top, black, transparent);
    padding-top: 80px;
        left: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
}
#secondslides .overlaid-content .top-heading, #secondslides .overlaid-content h1 {
	text-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
    font-weight: normal !important;
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 60px;
    line-height: 74px;
    color:#fff !important;
}
body:not(.ascend) #header-outer[data-full-width="true"][data-remove-border="true"] #top nav ul #search-btn {
	top: -16px;
}
#secondslides .overlaid-content .subheader {
	    text-transform: capitalize;
    letter-spacing: 0px;
    font-size: 16px;
    line-height: 30px;
        text-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
    font-weight: normal !important;
        color: #fff!important;
}
#header-outer #logo img {
	height: 57px !important;
}
#secondslides .overlaid-content div.infos ul li a {
    color: #fff !important;
    font-weight: bold !important;
}
#secondslides .overlaid-content .subheader p {
    font-size: 24px !important;
    font-weight: normal !important;
}
#secondslides .overlaid-content .subheader .weiterlesen {
	font-size: 24px !important;
    font-weight: normal !important;
        padding-bottom: 8%;
}

#secondslides .overlaid-content .subheader .weiterlesen a {
    background-color: #E2001A;
    color: #fff;
    padding: 12px 20px;
    line-height: 28px;
    text-shadow: none !important;
    font-size: 14px !important;
}
.nectar-box-roll .overlaid-content .top-heading {
	text-transform: inherit !important
}
#secondslide {
	display: none;
}
#secondslides .subheader div.infos {
	    position: absolute;
    width: 100% !important;
}
#secondslides .overlaid-content .row:before {
	display: none;
}
#secondslides .overlaid-content div.infos ul li:nth-child(1) {
    text-align: left !important;
}
#secondslides .overlaid-content div.infos ul li {
    display: inline-block;
    list-style: none !important;
    width: 50%;
}
#secondslides .overlaid-content div.infos ul li:nth-child(2) {
    text-align: right !important;
}
#secondslides .subheader div.infos ul {
	margin-left: 0px !important;
    margin-right: 0px !important;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #fff;
}
#secondslides .slideelement .overlaid-content .container .row .span_6 {
	    top: auto!important;
    transform: none!important;
    -webkit-transform: none!important;
        backface-visibility: visible;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: auto!important;
    bottom: auto!important;
    width: 100%;
    height: 100%;
}
.post-area.auto_meta_overlaid_spaced .masonry-blog-item .post-content {
    height: 42vh;
}
#secondslide .overlaid-content {
	    position: absolute;
    z-index: 100;
    top: 0%;
    width: 100%;
    height: 100% !important;
    color: #fff;
    backface-visibility: visible;
    transform-style: preserve-3d;
    webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
#secondslide {
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-bottom: 0;
    z-index: 1000;
    display: block;
}

.post-content .content-inner .video:after {
	background-image: linear-gradient(to top, rgba(0,0,0,0.5), transparent);
	display: block;
	width: 100%;
	height: 100%;
	content:'';
	position: absolute;
    z-index: 9;
    top:0px !important;
}
.single-post #page-header-wrap[data-animate-in-effect="slide-down"],.single-post #page-header-wrap[data-animate-in-effect="slide-down"] #page-header-bg {
	height: 600px !important;
}
.page-id-6020 .first-section .nectar-recent-posts-single_featured.multiple_featured,.page-id-6020 .wpb_row.full-width-section, .wpb_row.full-width-content, .page-id-6020 .wpb_row.full-width-section, .page-id-6020 .wpb_row.full-width-content {
	max-height: 900px !important;
}
#secondslide .scroll-down-wrap {
	display: none;
}
body.material #header-outer[data-header-resize="0"]:not([data-format="left-header"]):not(.scrolled-down):not(.transparent):not(.fixed-menu) {
	    box-shadow: 2px 2px 10px rgb(0 0 0 / 20%) !important;
}
.classic_enhanced .posts-container {
    flex: 25%;
    flex-flow: row;
    display: flex;
    height: auto !important;
        
}
.meta-category .service {
	background-color: #f08a00;
	border-color: #f08a00 !important;
}
.meta-category .recyling {
	background-color: #6f9a18;
	border-color: #6f9a18 !important;
}
.meta-category .wasser {
	background-color: #0089c8;
	border-color: #0089c8 !important;
}
.standard_section .meta-category a {
	color: #fff !important
}
.page-id-6020 .wpb_row.full-width-section,.page-id-6020 .wpb_row.full-width-content, body.page-id-6020.material .wpb_row.full-width-section, body.page-id-6020.material .wpb_row.full-width-content {
    max-height: 800px !important;
}
#kurzmeldungen .classic_enhanced .masonry-blog-item {
	left: inherit !important;
	height: auto !important;
	top: inherit !important;
	position: relative !important;
	padding: 10px;
}
#kurzmeldungen .posts-container article .inner-wrap {
	height: auto !important;
}
body.material #header-outer[data-header-resize="0"]:not([data-format="left-header"]):not(.scrolled-down):not(.transparent):not(.fixed-menu) #top nav ul #search-btn a span  {
	top: 4px;
}
#nokurz .full-width-content .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(1) {
    width: 60%;
}
#top nav ul #search-btn a span {
    top: -5px;
   }
.sf-menu .menu-item a:before {
	content: '';
    background-repeat: no-repeat;
    width: 40px;
    height: 41px;
    display: block;
    padding-bottom: 7px;
    text-align: center;
    margin: auto;
    background-size: 100%;
    padding-top: 10px;
    background-position: center center;
}
.sf-menu #menu-item-6167 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/unternehmen_entwicklung-icon_weiss.svg);
}
.sf-menu #menu-item-6407 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/umwelt_nachhaltigkeit-icon_weiss.svg);
}
.sf-menu #menu-item-6407 a:after {
	content: 'Umwelt & Nachhaltigkeit';
}
.sf-menu #menu-item-6404 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/politik_recht-icon_weiss.svg);
}
.sf-menu #menu-item-6404 a:after {
	content: 'Politik & Recht';
}
.sf-menu #menu-item-6406 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/sicherheit_schutz-icon_weiss.svg);
}
.sf-menu #menu-item-6406 a:after {
	content: 'Sicherheit & Schutz';
}
.sf-menu #menu-item-6403 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/menschen_remondis-icon_weiss.svg);
}
.sf-menu #menu-item-6403 a:after {
	content: 'Menschen bei REMONDIS';
}
.sf-menu #menu-item-6402 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/gesellschaft_verantwortung-icon_weiss.svg);
}
.sf-menu #menu-item-6402 a:after {
	content: 'Gesellschaft & Verantwortung';
}
.sf-menu #menu-item-6405 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/presse-icon_weiss.svg);
}
.sf-menu #menu-item-6405 a:after {
	content: 'Presse';
}
.sf-menu #menu-item-6405 a, .sf-menu #menu-item-6404 a, .sf-menu #menu-item-6406 a, .sf-menu #menu-item-6402 a, .sf-menu #menu-item-6403 a, .sf-menu #menu-item-6167 a, .sf-menu #menu-item-6407 a {
	font-size: 0px;
}
#header-outer:not(.transparent) #menu-item-6167 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/unternehmen_entwicklung-icon.svg);
}
#header-outer:not(.transparent) #menu-item-6407 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/umwelt_nachhaltigkeit-icon.svg);
}
#header-outer:not(.transparent) #menu-item-6404 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/politik_recht-icon.svg);
}
#header-outer:not(.transparent) #menu-item-6403 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/menschen_remondis-icon.svg);
}
#header-outer:not(.transparent) #menu-item-6402 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/gesellschaft_verantwortung-icon.svg);
}
#header-outer:not(.transparent) #menu-item-6405 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/presse-icon.svg);
}

.kurzmeldungen .kurzinhalt a{
	color:#fff;
}
.kurzmeldungen {
	position: relative !important;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	padding-top:40px;
    padding: 40px 20px 20px 20px;
	width: 100% !important;
    height: 100% !important;
}
.kurzmeldungen .kurzinhalt .atbottom {
	position: absolute;
    width: 100%;
    bottom: 15px !important;
}
.kurzmeldungen .date {
	font-size: 14px;
}
.video-color-overlay:before {
	content:'';
	width: 100%;
	height: 100%;
	display: block;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.0), rgba(0,0,0,0.0));
}

#page-header-bg .inner-wrap h1, #page-header-bg .overlaid-content .subheader, #page-header-bg .inner-wrap h1 {
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
		font-weight: normal !important;

}
#page-header-bg .inner-wrap h1 {
	padding-top: 40px;
    padding-bottom: 20px;
}
#page-header-bg .container .row {
	background-image: none !important;
}
#page-header-bg .span_6 {
    background-image: linear-gradient(to top, black, transparent);
    padding-top: 80px;
}
#page-header-bg .span_6 .inner-wrap {
	padding-left: 30px;
	padding-right: 30px;
}
#page-header-bg .inner-wrap .subheader p {
	font-size: 24px !important;
	font-weight: normal !important;
}
#page-header-bg .inner-wrap .subheader .weiterlesen {
	padding-bottom: 8%;
}
#page-header-bg .inner-wrap .subheader .weiterlesen a {
	background-color: #E2001A;
	color:#fff;
	padding: 12px 20px;
    line-height: 28px;
    text-shadow: none !important;
    font-size: 14px !important;
}
#page-header-bg .inner-wrap div.infos {
	position: absolute;
	width: 100% !important;
	left: 0px;
}
#page-header-bg .inner-wrap div.infos ul  {
	margin-left: 0px !important;
	margin-right: 0px !important;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #fff;
}
#page-header-bg .inner-wrap div.infos ul li {
	display: inline-block;
	list-style: none !important;
	    width: 50%;
}
#page-header-bg .inner-wrap div.infos ul li a {
	color:#fff !important;
	font-weight: bold !important;
}

#nokurz .wpb_wrapper .nectar-button.small{
	background-color: transparent !important;
    left: calc(50% - 52px);
    color:#56575E;
    font-size: 14px;
}
#homeslider {
	display: none !important;
}
#footer-widgets {
	padding-top: 30px;
	padding-bottom: 20px;
}
#footer-widgets #nav_menu-5 ul li {
	display: inline-block;
	color: #9C9DA0;
	font-size: 14px;
}
.zusatzheader .text {
	color: #fff;
	position: absolute;
	right: 155px;
    font-size: 16px;
    top: 22px;
}
.zusatzheader .facebookicon {
	width: 23px;
	height: 23px;
	position: absolute;
	right: 110px;
	top: 27px;
	background-image: url(/wp-content/uploads/2021/03/facebook_weiss.svg);
	background-repeat: no-repeat;
	background-size: 23px;
	opacity: 0.8;
	transition: 0.3s all;
}
.zusatzheader .facebookicon:hover, .zusatzheader .languageicon:hover {
	opacity: 1;
}
.zusatzheader .languageicon {
	width: 23px;
	height: 23px;
	position: absolute;
	right: 75px;
	top: 27px;
	opacity: 0.8;
	background-image: url(/wp-content/uploads/2021/03/sprache_icon_weiss.svg);
	background-repeat: no-repeat;
	background-size: 23px;
		transition: 0.3s all;

}
#header-outer:not(.transparent) .zusatzheader .languageicon, #header-outer:not(.transparent) .zusatzheader .facebookicon {
	    top: 37px;
}
#header-outer:not(.transparent) .zusatzheader .languageicon {
	background-image: url(/wp-content/uploads/2021/03/sprache_icon.svg);
}
#header-outer:not(.transparent) .zusatzheader .facebookicon { 
	background-image: url(/wp-content/uploads/2021/03/facebook.svg);
}
#header-outer:not(.transparent) .zusatzheader .text {
	color:#6B6B71;
	top:31px;
}
html #header-outer #top nav ul #search-btn a span,html #header-outer #top .span_9 > .slide-out-widget-area-toggle i {
	color: #6B6B71 !important;
}
html  #header-outer #top .slide-out-widget-area-toggle a .lines-button:after, html #header-outer #top .slide-out-widget-area-toggle a .lines:before, html #header-outer #top .slide-out-widget-area-toggle a .lines:after {
	background-color: #6B6B71 !important
}
#page-header-bg .container .row:before {
	content:'';
	background-image: url(/wp-content/uploads/2021/03/slider_nav.svg);
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: center bottom;
	    width: 100%;
    height: 30px;
    bottom: 150px;
    left: 0px;
    position: absolute;
    z-index: 999999999;
}
#footer-widgets #socialfooter li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	list-style: none;
}
#page-header-bg .inner-wrap {
	
}
#footer-widgets #nav_menu-5 ul  {
	margin-bottom: 0px !important;
	margin-left: 0px !important;
}
body[data-footer-reveal="1"] #footer-outer {
	display: none !important;
}
#footer-widgets #socialfooter img {
	padding: 2px;
	max-width: 23px;
}
#footer-widgets #custom_html-6 {
	font-size: 14px;
}
#footer-widgets #socialfooter {
	text-align: center;
	margin-bottom: 0px !important;
}
#footer-widgets #nav_menu-5 ul li:first-child:after {
	content: ' | ';
}
.post-content .post-header .date {
	color:#fff;
	font-size: 14px;	
}
.flickity-slider .cell {
	transition: all 0.5s;
	opacity: 1;
}
.flickity-slider .cell:hover {
	transition: all 0.5s;
    transform: scale(1.1);
    opacity: 0.9;
}
#nokurz .wpb_wrapper .nectar-button.small:hover {
	box-shadow: none !important;
}
 .vc_row.vc_row-o-equal-height>.span_12>.nachhaltigkeit >.vc_column-inner >.wpb_wrapper {
	max-width: 80%;
	margin: auto;
}
h2.vc_custom_heading {
	font-weight: normal !important;
}
.divider-wrap .divider-border[data-color="default"] {
	background-color: rgba(0,0,0,1)
}
.greydivider .divider-wrap .divider-border[data-color="default"] {
	background-color: rgba(0,0,0,0.1)
}
#page-header-bg .inner-wrap div.infos ul li:nth-child(1) {
	text-align: left !important;
}
#page-header-bg .inner-wrap div.infos ul li:nth-child(2) {
	text-align: right !important;
}
.nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.previous {
	left: -50px !important;
}
.nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.next {
	right: -50px !important;
}
.kurzmeldungen  {
    position: absolute;
    bottom: 0px;
}***/
.nectar-flickity:not(.masonry) .flickity-slider .cell {
    background-position: left top;
    background-size: cover;
}
.kurzmeldungen .kurzinhalt h3.title {
	font-size: 24px;
	line-height: 29px !important;
	color:#fff;
}
#page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap {
	margin-top: -30px;
}
#homeslider .vc_col-sm-12.wpb_column.column_container, #homeslider .nectar-slider-wrap, #homeslider .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide {
	height: 100vh !important;
}
#homeslider .nectar-slider-wrap[data-fullscreen="true"] .swiper-container {
	height: 100% !important
}
#header-outer:not(.transparent) #menu-item-6406 a:before {
	background-image: url(/wp-content/themes/salient-child/icon/sicherheit_schutz-icon.svg);
}
.sf-menu li {
	position: relative;
}
.sf-menu .menu-item.menu-item-type-taxonomy {
	padding-left: 10px;
	padding-right: 10px;
}
#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a:after, body.material #header-outer #search-outer #search input[type="text"], body[data-header-format="left-header"].material #search-outer #search input[type="text"] {
	border-color: #e2001a !important;
}
body.material #search-outer #search #search-box input[type="text"] {
    font-size: 1.9rem !important;
    line-height: 2.2em !important;
}
material #header-outer #search-outer:before {
	background-color: rgba(255,255,255,0.8)
}
.sf-menu .menu-item a:after {
	max-width: 100%;
	font-size:0.8rem;
	opacity: 0;
    display: block;
	transition: all 0.5s;
	position: absolute;
    text-align: center;
    bottom: -10px;
    left: calc(0px - 10%);
    min-width: 120%;
}
#top .span_9 > .slide-out-widget-area-toggle {
	display: inline-block;
    position: absolute;
    right: 0px;
    top: 30px;
}
body:not(.ascend) #header-outer[data-full-width="true"][data-remove-border="true"] #top nav ul #search-btn {
    left: -40px;
    top: -10px;
}
#header-outer:not(.transparent) #top .span_9 > .slide-out-widget-area-toggle {
	top: 40px;
}
#slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen), #slide-out-widget-area-bg.fullscreen, #slide-out-widget-area-bg.fullscreen-split, #slide-out-widget-area-bg.fullscreen-alt .bg-inner, body.material #slide-out-widget-area-bg.slide-out-from-right {
	background-color: #6B6B71 !important;
}
.post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(1), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(2), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(3), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(4) {
	width: 50%;
}
.post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(5), .post-area.auto_meta_overlaid_spaced .masonry-blog-item, .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(6), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(7), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(9), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(10), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(11), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(12), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(13), .post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(14) {
	width: 25%;
}
body[data-slide-out-widget-area-style="slide-out-from-right"].material .slide_out_area_close .close-line {
	background-color: #6B6B71 !important;
}
.auto_meta_overlaid_spaced .masonry-blog-item .inner-wrap {
	border-radius: 0px;
}
.single-post #page-header-wrap[data-animate-in-effect="slide-down"], .single-post #page-header-wrap[data-animate-in-effect="slide-down"] #page-header-bg {
    height: 650px !important;
}
#page-header-bg[data-parallax="1"] .span_6 {
    top: 75%;
}
#header-outer:not(.transparent) .sf-menu .menu-item a:after {
	color:#6B6B71;
}
.single-post #page-header-wrap .page-header-bg-image-wrap:after {
	content:'';
	width: 100%;
	height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0),rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	position: absolute;
	top:0px;
    z-index: 99;
}
#page-header-bg .container .row {
        max-width: 999px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.72));

}
 .single-post #page-header-wrap[data-animate-in-effect="slide-down"] {
	position: relative;
}
.sf-menu #menu-item-6405 a:after, .sf-menu #menu-item-6404 a:after  {
	bottom: 0px;
}
.sf-menu #menu-item-6167 a:after {
	content: 'Unternehmen & Entwicklung';
}
.nectar-social.fixed >a:before, .nectar-social.fixed {
	display: none;
	
}
body #page-header-bg h1, html body .row .col.section-title h1, .nectar-box-roll .overlaid-content h1 {
	font-weight: normal;
}
.archive.category span.subheader {
	display: none;
}
.archive.category .col.section-title h1 {
	font-size: 2.1rem;
	font-weight: normal;
	line-height: 2.5rem;
}
.row .col.section-title{
    border-bottom: 1px solid rgba(0,0,0,0.85);
}
.sf-menu .menu-item a:hover:after {
	opacity: 1 ;
	transition: all 0.5s;
}
@media (max-width:1599px) {

}

@media (max-width:760px) {

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

}