/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

.topnav a {
    display: none;
}
.mobile-container {
    max-width: 480px;
    margin: auto;
    background-color: #97b956;
    color: white;
    border-radius: 10px;
}

.topnav {
    overflow: hidden;
    background-color: #919192;
    position: relative;
}

.topnav #myLinks {
    display: none;
}

.topnav a {
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
}

.topnav a.icon {
    background: #919192;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.topnav a:hover {
    background-color: #919192;
    color: #f8f8f8;
}

.active {
    background-color: #97b956;
    color: white;
}

.mobile-menu-country li a{
    font-size: 13px;
}

.mobile-menu-country li{
    float: left;
    border-right: 1px solid;
}

.mobile-menu-country li:nth-child(6){
    border-right: 0px solid;
}

.inline-mobil-menu a{
    padding: 7px !important;
    font-size: 15px !important;
}

.topnav{
    text-align: center !important;
}

@media (min-width: 1201px) {
    .mobile-container{
        display: none;
    }

    
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1200px) {

    .header-green{
        font-size: 12px;
    }
    
    .gray-nav{
        display: none;
    }

    .eplogo{
        display: none;
    }

    .countryflag{
        width: 85px !important;
        margin-left: 0px !important;
    }

    .video{
        margin-top: 2px;
    }
    
    svg{
        padding-bottom: 60% !important;
        padding-left: 0% !important;
        height: inherit !important;
    }

    .main-boxes .box-single {
        border-right: 0px solid #ddd !important;
    }

    .footer {
        padding: 20px 0px 20px 0px !important;
    }

    .footer div {
        min-height: 90px !important;
    }

    .footer-logo{
        width: 40% !important;
        transform: translateY(0%) !important;
    }

    .foot-navs div{
        transform: translateY(0%) !important;
    }

    .footer .ft{
        padding-bottom: 20px;
        margin-top: 20px;
        border-bottom: 1px #97b956 solid;
    }

    .footer .socials{
        padding-top: 0% !important;
        padding-left: 40px !important;
    }

    .footer .socials a img{
        width: 10% !important;
    }

    .footer .socials img{
        width: 10% !important;
        margin-left: 0px !important;
    }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

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

    .header-green{
        font-size: 12px;
    }
    
    .gray-nav{
        display: none;
    }

    .eplogo{
        display: none;
    }

    .countryflag{
        width: 85px !important;
        margin-left: 0px !important;
    }

    .video{
        margin-top: 2px;
    }
    
    svg{
        padding-bottom: 60% !important;
        padding-left: 0% !important;
        height: inherit !important;
    }

    .main-boxes .box-single {
        border-right: 0px solid #ddd !important;
    }

    .footer {
        padding: 20px 0px 20px 0px !important;
    }

    .footer div {
        min-height: 90px !important;
    }

    .footer-logo{
        width: 40% !important;
        transform: translateY(0%) !important;
    }

    .foot-navs div{
        transform: translateY(0%) !important;
    }

    .footer .ft{
        padding-bottom: 20px;
        margin-top: 20px;
        border-bottom: 1px #97b956 solid;
    }

    .footer .socials{
        padding-top: 0% !important;
        padding-left: 40px !important;
    }

    .footer .socials a img{
        width: 10% !important;
    }

    .footer .socials img{
        width: 10% !important;
        margin-left: 0px !important;
    }

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .header-green{
        font-size: 12px;
    }
    
    .gray-nav{
        display: none;
    }

    .eplogo{
        display: none;
    }

    .countryflag{
        width: 85px !important;
        margin-left: 0px !important;
    }

    .video{
        margin-top: 2px;
    }
    
    svg{
        padding-bottom: 60% !important;
        padding-left: 0% !important;
        height: inherit !important;
    }

    .main-boxes .box-single {
        border-right: 0px solid #ddd !important;
    }

    .footer {
        padding: 20px 0px 20px 0px !important;
    }

    .footer div {
        min-height: 90px !important;
    }

    .footer-logo{
        width: 40% !important;
        transform: translateY(0%) !important;
    }

    .foot-navs div{
        transform: translateY(0%) !important;
    }

    .footer .ft{
        padding-bottom: 20px;
        margin-top: 20px;
        border-bottom: 1px #97b956 solid;
    }

    .footer .socials{
        padding-top: 0% !important;
        padding-left: 40px !important;
    }

    .footer .socials a img{
        width: 10% !important;
    }

    .footer .socials img{
        width: 10% !important;
        margin-left: 0px !important;
    }
    
    .page-links a {
        padding: 0px 1px !important;
    }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
    .header-green{
        font-size: 12px;
    }
    
    .gray-nav{
        display: none;
    }

    .eplogo{
        display: none;
    }

    .countryflag{
        width: 85px !important;
        margin-left: 0px !important;
    }

    .video{
        margin-top: 2px;
    }
    
    svg{
        padding-bottom: 60% !important;
        padding-left: 0% !important;
        height: inherit !important;
    }

    .main-boxes .box-single {
        border-right: 0px solid #ddd !important;
    }

    .footer {
        padding: 20px 0px 20px 0px !important;
    }

    .footer div {
        min-height: 90px !important;
    }

    .footer-logo{
        width: 40% !important;
        transform: translateY(0%) !important;
    }

    .foot-navs div{
        transform: translateY(0%) !important;
    }

    .footer .ft{
        padding-bottom: 20px;
        margin-top: 20px;
        border-bottom: 1px #97b956 solid;
    }

    .footer .socials{
        padding-top: 0% !important;
        padding-left: 40px !important;
    }

    .footer .socials a img{
        width: 10% !important;
    }

    .footer .socials img{
        width: 10% !important;
        margin-left: 0px !important;
    }
    
    .page-links a {
        padding: 0px 1px !important;
    }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

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

    .header-green{
        font-size: 12px;
    }
    
    .gray-nav{
        display: none;
    }

    .eplogo{
        display: none;
    }

    .countryflag{
        width: 85px !important;
        margin-left: 0px !important;
    }

    .video{
        margin-top: 2px;
    }
    
    svg{
        padding-bottom: 60% !important;
        padding-left: 0% !important;
        height: inherit !important;
    }

    .main-boxes .box-single {
        border-right: 0px solid #ddd !important;
    }

    .footer {
        padding: 20px 0px 20px 0px !important;
    }

    .footer div {
        min-height: 90px !important;
    }

    .footer-logo{
        width: 40% !important;
        transform: translateY(0%) !important;
    }

    .foot-navs div{
        transform: translateY(0%) !important;
    }

    .footer .ft{
        padding-bottom: 20px;
        margin-top: 20px;
        border-bottom: 1px #97b956 solid;
    }

    .footer .socials{
        padding-top: 0% !important;
        padding-left: 40px !important;
    }

    .footer .socials img{
        width: 30% !important;
        margin-left: 0px !important;
    }
    
    .artermeridyen-icon img{
        width: 5% !important;
        margin-bottom: 0px !important;
    }
    
    .artermeridyen-icon:parent{
        background-color: red;
        padding: 20px 0px 5px 0px !important;
    }

    .about-content {
        margin-top: 0px !important;
    }

    .nav-second div img{
        width: 85px !important;
    }

    .projects-content {
        margin-top: 0px;
    }

    .page-content{
        padding: 0px 10px 40px 10px !important;
    }

    .about-mobile{
        padding: 40px 30px 80px 30px !important;
    }
    
    .page-links a {
        padding: 0px 6px !important;
        font-size: 1.2em;
    }
    
    
    .about-content .content p img{
        height: unset !important;
        object-fit: unset !important;
    }
    
    
    video {
        min-height: auto !important;
    }
    
    
    .plyr--video .plyr__controls {
        height: 80px  !important;
    }
    
    
    .plyr__control--overlaid svg {
        top: -8px !important;
    }
    
    .plyr--full-ui.plyr--video .plyr__control--overlaid {
        height: 50px !important;
    }
    
    .plyr__controls .plyr__controls__item {
        height: 50px !important;
    }
    
    .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
        height: 50px !important;
    }

}