// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 767px) {
    .gdprPopup .gdprPopupContent {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .gdprPopup .gdprPopupContent .gdprText {
        margin-right: 0;
        margin-bottom: 8px;
    }
    .gdprPopup .gdprPopupContent .gdprMore {
        margin-right: 0;
        margin-bottom: 16px;
    }
}

@media only screen and (max-width: 23.750em) {

	body.news .socials a {
        float: left;
        width: auto;
        padding-left: 0;
        padding-right:5px;
        margin-bottom: 10px;
    }

    body.news .socials h2 {
        padding-left: 0;
        margin-bottom: 15px;
    }

    body.news .socials a:not(:last-child){
    	border-bottom: none;
    }

    body.news .socials a span {
        display: none;
    }

    body.page .side_nav_wrapper {
        position: inherit;
    }

    body.page .side-nav {
        padding-right: 0px;
    }

    #team .team_member {
        height: auto;
    }

    h2.section_title {
        margin-bottom: 20px;
    }

    footer .policy_pages {
        padding: 0 0 20px 5px;
        text-align: left;
    }

    footer p {
        padding: 20px 0 10px;
    }

    h2.section_title{font-size: 28px}

    body.client.single #container{padding-top: 20px}

    body.client.single h2.section_title{float: none;}
    body.client.single a#logout{
        float: none;
        margin-bottom: 30px;
        font-size: 13px;
        padding: 5px 10px;

    }


    body.client.single .timeline-section{padding-left: 30px;}

    body.client.single .content-group label{
        margin-bottom: 3px;
        display: block;
    }



    body.client.single .timeline-section#basic_info{
        padding-left: 0
    }
    body.client.single .timeline-section#basic_info .section-content{
        padding-top: 75px;
    }
    body.client.single .timeline-section#basic_info .card{
        min-width: 0;
        border: 0;
    }
    body.client.single .timeline-section#basic_info .card-header,
    body.client.single .timeline-section#basic_info .card-body{padding-right: 0}
    body.client.single .timeline-section#basic_info .content-group:not(:last-child){margin-bottom: 15px}

    body.client.single .files a.download:not(:last-child){margin-bottom: 20px}

} /* max-width 380px, mobile-only styles, */

@media only screen and (max-width: 29.375em) {

body.news .post .image-wrapper span {
    width: auto;
}

body.news .post .image-wrapper {
    float: none;
}

body.news .post-content .image-wrapper > img {
    height: auto;
    max-width: 100%;
}

} /* max-width 470px */

@media only screen and (min-width: 23.813em) and (max-width: 40em) {

	#history,
	#portfolio,
	#team,
	#services,
	#responsibility,
	#contact{padding: 30px 0;}

	#history .timeline{float: none;}

	#services .intro p{width: 100%}
	h2.section_title {
	    margin-bottom: 20px;
	}

	#team .team_member .bio.long_bio{padding: 10px;}

	body.news .socials a {
        float: left;
        width: auto;
        padding-left: 0;
        padding-right:15px;
        margin-bottom: 10px;
    }

    body.news .socials h2 {
        padding-left: 0;
        margin-bottom: 15px;
    }

    body.news .socials a:not(:last-child){
    	border-bottom: none;
    }

    body.page .side_nav_wrapper {
        position: inherit;
    }

    body.page .side-nav {
        padding-right: 0px;
    }

    #team .team_member {
        height: auto;
    }

    footer .policy_pages {
        padding: 0 0 20px 5px;
        text-align: left;
    }

    footer p {
        padding: 20px 0 10px;
    }


    body.client.single .timeline{}
    body.client.single .timeline::before{}
    body.client.single .timeline::after{}
    body.client.single .timeline-section{}
    body.client.single .section-icon{}
    body.client.single .section-icon i{}

 } /* max-width 640px, min-width 381px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) {

} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 63.938em) {



	body.news .socials a {
    float: left;
    width: auto;
    padding-left: 0;
    padding-right:15px;
    margin-bottom: 10px;
}

body.news .socials h2 {
    padding-left: 0;
    margin-bottom: 15px;
}

body.news .socials a:not(:last-child){
	border-bottom: none;
}

body.page .side_nav_wrapper {
    position: inherit;
	max-width: 100%;
}

body.page .side-nav {
    padding-right: 0px;
}

h2.section_title {
	    margin-bottom: 30px;
	}

} /* min-width 641px and max-width 1023px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 73.125em) { } /* min-width 1025px, large screens */

@media only screen and (max-width: 73.125em) {
	.right_card {
	    margin-top: 60px;
	}
}

@media only screen and (min-width: 64em) and (max-width: 68.750em) {

	header nav.top-bar .name img {
    width: 138px;
    padding-top: 5px;
}

    header nav.top-bar .top-bar-section li:not(.has-form) a:not(.button) {
    font-size: 0.75rem;
    line-height: 2.6em;
}

.magellan-container {
    padding: 10px 0;
}

}/* min-width 1024px and max-width 1100px*/

@media only screen and (min-width: 68.813em) and (max-width: 73.0em) {

}/* min-width 1101px and max-width 1170px*/

@media only screen and (min-width: 73.063em) and (max-width: 90em) { } /* min-width 1169px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */