@media screen and (max-width: 1400px) {
/* embedded videos */
.col-1 h2, .col-1 h3 { font-size: 40px; }
}
 @media screen and (max-width: 1200px) {
/* embedded videos */
.col-1 h2, .col-1 h3 { font-size: 30px; }
}
@media screen and (max-width: 1024px) {
.sociallinks { padding: 27px 0 0; }
.col-hover { left: 0; top: 29%; }
.col-1 h2, .col-1 h3, .col-1.col-small h2, .col-1.col-small h3 { margin: 0 0 10px; padding: 0 0 10px; }
.col-1 h3, .col-1.col-small h3 { padding: 0 0 0; }
.col-1 h2 { font-style: normal; font-weight: 400; }
.col-small h2, .col-small h3 { font-size: 16px !important; }
.col-small i { font-size: 20px !important; }
.col-small h3 { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.omgDiv img { width: 39%; }
.contact-div { padding: 0 15px; }
.tab-main .resp-tabs-list li { padding: 0 7px 15px 7px; font-size: 18px; }
.tab-right { top: 31px; }
nav.primary { 
    margin: 0 auto 15px; 
}
.top {
    padding: 0 0 15px; 
}
.top .logo a { font-size: 33px; }
.top .logo { padding: 38px 0 0 121px; }
 
}
 @media screen and (max-width: 980px) {
/* embedded videos */
.col-50.with-rows .col-1 h2, .col-50.with-rows .col-1 h3, .col-1.col-small h2, .col-1.col-small h3 { font-size: 20px; }
.col-50.with-rows .col-1 h2, .col-1.col-small h2 { margin-bottom: 15px; padding-bottom: 5px; }
.col-1 i { color: #ffffff; font-size: 30px; }
.col-1.col-small h3, .col-50.with-rows .col-1 h3 { margin-bottom: 0; }
.tab-right { top: 0; width: 80%; right: 0; height: 100%; padding: 15px; }
.sociallinks { padding: 35px 0 0; }
}

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


.contactL p { font-size: 21px; }
.about-r { padding: 0 10px; }

}
@media screen and (max-width: 767px) {
.col-1 { float: none; width: auto; }
.right-50 { padding: 0; }
.top_right { left: 0; position: relative; width: auto; }
.col-50.with-rows { float: none; width: auto; }
.col-50.with-rows .right-bot { margin-top: 0; width: auto; }
.menu-wrap { padding: 20px 60px 0 0; }
.show-menu .icon-list, .show-menu .icon-list a { margin: 0 0 20px; }
.show-menu .menu-wrap { overflow-y: scroll; }
/* disable webkit text size adjust (for iPhone) */
html { -webkit-text-size-adjust: none; }
.img1, .img2, .img3, .img4, .img5 { background-size: cover; float: left; padding-top: 100%; width: 100%; }
.col-1 a { bottom: 0; left: 0; margin: 0; position: relative; right: 0; top: 0; }
.col-hover { left: 0; opacity: 1; position: relative; transform: inherit; }
.col-1 a:hover { position: relative; }
.col-1 h2::after { background: none; }
a:hover { text-decoration: none; }
.img1, .img2, .img3, .img4, .img5 { padding-top: 100%; padding-bottom: 0; }
.col-1 a { background: rgba(0, 0, 0, 0.60); padding: 5px 0; display: block; }
.col-1 i { font-size: 20px; position: relative; top: -11px; }
.col-1 h2, .col-1 h3, .col-50.with-rows .col-1 h2, .col-50.with-rows .col-1 h3, .col-1.col-small h2, .col-1.col-small h3 { font-size: 16px; font-style: normal; font-weight: 400; margin: 0; padding: 0; }
.col-1 h2 { color: #ffffff; font-weight: bold !important; padding-bottom: 12px !important; }
.top .logo a { font-style: normal; font-weight: 400; }
.omgDiv img { width: auto; float: none; padding-bottom: 15px; margin: 0; }
.contactL, .contactL.contactR { float: none; width: auto; border: none; margin: 0; padding: 0 0 25px 0; }
.about-l, .about-r { float: none; width: auto; border: none; margin: 0; padding: 0 0 25px 0; }
.tab-right p, .tab-right h2, .tab-right ul li { padding: 0 0 10px 0; font-size: 18px; }
}
@media screen and (max-width: 667px) {
.about-popup ul li { width: 48%; }
}
@media screen and (max-width: 568px) {
.show-menu .icon-list, .show-menu .icon-list a { font-size: 30px; }
div.light_square .pp_expand { display: none !important; }
nav.primary ul li a { padding: 0 7px; }
.show-menu .icon-list, .show-menu .icon-list a {
    font-size: 25px;
}

}
 @media screen and (max-width: 479px) {
.menu-wrap { width: 319px; }
.show-menu .icon-list, .show-menu .icon-list a { font-size: 30px; }
.menu-wrap { padding: 20px 20px 0 0; }
.sociallinks li { padding: 0; }
.sociallinks span { padding: 0 5px; }
.menu-button { left: 10px; top: 10px; }
.top .logo a { font-size: 22px; }
.top .logo { padding: 7px 0 0 78px; }
.menu-button { height: 40px; width: 40px; line-height: 4px; }
.menu-button span { height: 2px; margin: 0 8px 4px; width: 24px; }
.sociallinks span a { padding: 9px 25px; }
.menu-button span.line { top: -3px; }
.about-popup ul li { width: auto; display:block;}
.bolg-img .bolg-img-link a { min-width: 72px; min-height: 25px; line-height: 25px; }
.about-l h2 { font-size: 20px; }
nav.primary ul li a { padding: 0 9px; font-size: 11px; }
nav.primary li a.selected:after { bottom: -17px; font-size: 15px; margin: 0 0 0 -5px; }
nav.primary { margin: 0 auto 10px auto; }
nav.primary ul { padding: 0; margin: 0; line-height: normal; }
.instagramprofil { font-size: 14px; }
.close-button::before, .close-button::after {    height: 60%;}
}