@media screen and (max-width:1300px) {
    #page > div {padding: 0 10px;}
    .m-1 { left: 10px; }
    .header .site-branding {right: 10px;}
}

@media screen and (max-width:1000px) {
    .m-1 {position: fixed; overflow: overlay; display: inline-block; left: 0; top: 0; width: 100%; z-index: 1001; padding: 0 25px;  height: 100%; box-shadow: 2px 2px 33px #555; padding-top: 20px; background: #260510; -webkit-transform: translateX(-100%); transform: translateX(-100%);}
    .m-1 .content ul {flex-direction: column;}
    .m-1 .content ul li a {background-color: unset; border-bottom: 1px solid #6e6e6e; border-radius: inherit; padding: 10px 5px; }
    .m-1 .content ul li a:hover {background-color: unset;}
    .robben { display: inline-block; left:10px; position: relative; top: 6px;}
    .m-1 #close-menu {display:block; }
    
}
@media screen and (max-width:900px) {
	#page #main-wrapper #main, .featured-top .region-featured-top {flex-direction:column}
   #page #main-wrapper #main #content ,  #page #main-wrapper #main #sidebar-first{flex: 0 0 100%;padding: 0;}
   .t-3 .view-content {flex-direction: row;}
   .t-3 .view-content .views-row {flex: 0 0 50%; padding: 10px 10px;}
   .t-3 .view-content .views-row .service , 
   .t-3 .view-content .views-row .source { left: 10px; top: 10px;}
}

@media screen and (max-width:800px) {
    /* .a-3 .view-content { flex-wrap: nowrap; overflow-x: auto;} */
    .a-3 .view-content .views-row {flex: 0 0 auto;}
 }
@media screen and (max-width:600px) {
    .t-3 .view-content {flex-direction: column;}
    .t-3 .view-content .views-row {flex: 0 0 100%; padding: 0 0 20px 0; }
    .t-3 .view-content .views-row .service , 
    .t-3 .view-content .views-row .source { left: 0; top: 0;}
}
@media screen and (max-width:700px) {
    .a-4 .content > div > .view {flex-direction: column;}
    .a-4 .content > div > .view > .view-content , .a-4 .content > div > .view > .attachment {flex: 0 0 100%;padding: 0;}
    .a-4 .content > div > .view > .view-content .views-row {margin-bottom: 15px;}
}

@media screen and (max-width:500px) {
    .a-1 .views-row > * {margin-bottom: 10px;}
    .a-1 .views-row .image {max-width: 100%; width: 100%;}
    .a-1 .views-row .title { width: 100%;}
    .a-1 .views-row .source {background-color: #831037;border-top-left-radius: 7px;top: 12.5px;bottom: unset;left: 0;}
    .a-1 .views-row .source a { color: #fff; padding: 3px 12px; display: block; border-right: 4px solid #fff; font-size: var(--font11px);}
    .a-1 .views-row .source a:before {display: none;}
}