﻿/* Base styles – applies to all screen sizes by default */

/* Extra large screens (desktops > 1200px) */
@media (min-width: 1200px) {
    /* Styles for widescreens and large desktops */


}

/* Large screens (laptops, desktops between 992px and 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    /* Styles for standard desktops/laptops */
    .news-slider .text-content p {
        font-size: 28px;
    }
    .news-slider .text-content a.button-link {
        font-size: 28px;
    }
 
}

/* Medium screens (tablets between 768px and 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    /* Styles for tablets */

}

/* Small screens (landscape phones/small tablets between 576px and 767px) */
@media (min-width: 576px) and (max-width: 767px) {
    /* Styles for landscape phones and small tablets */

}



@media (max-width: 1199px) {

    a.mainContactButton {
        display: none;
    }
    .NavigationBar {
        position: relative;
    }
    body {
        padding-top: 0;
    }
    .GreyBgWithShape {
        background-image: none;
    }
}

@media (max-width: 991px) {

    .navbar {
        float: unset;
    }
    button.navbar-toggler {
        width: 100%;        
        text-align: right;
    }
    div#floatingButton {
        display: none !important;
    }
 
}

@media (max-width: 786px) {
    .news-slider .text-content p {
        font-size: 20px;
    
    }
    .news-slider .text-content a.button-link {
        font-size: 20px;
    }
    .HomeHeader1 {
        font-size: 20px;
        line-height: 100%;
    }

    .HomeContent p {
        line-height: 21px;
        font-size: 13px;
    }
    .SearchSub {
        padding: 27px 11px;
    }
}
/* Extra small screens (portrait phones less than 576px) */
@media (max-width: 575px) {
    /* Styles for mobile phones */
    .logo {
        max-width: 200px;
        text-align: center;
        display: block;
        margin: 7px auto;
    }

    .searchForm {
        position: relative;
        display: table;
        margin: 8px auto;
    }
    .SearchSub {
        padding: 20px 11px;
    }


    .news-slider .text-content p {
        font-size: 12px;
    }

    .news-slider .text-content a.button-link {
        margin-top: 10px;
        font-size: 12px;
    }

    .news-slider .text-content {
        padding: 0;
    }

    .timeline::after {
        display:none;
    }

    .timelinecontainer::after {
        display:none;
    }
    .Symbol {
        display: none;
    }
    .office {
        margin-top: 20px;
    }
    .footerContact {
        margin-top: 20px;
    }
    ul.dropdown-menu a {
        padding-left: 10px;
    }
    .ContactIconHolder {
        margin-bottom: 20px;
    }
}