/* single-page Inner Page */
.single-page .inner-topfold-header {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    margin: 0;
    padding: 100px 0 70px;
}
.single-page .inner-topfold-header .innerpage-header .innerpage-title {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    font-weight: 500;
	margin: 0;
}

h1.text-center.innerpage-title {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    text-transform: uppercase;
}

.default-main-header{
    padding-bottom: 20px;
}

.default-main-header h2 {
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

section.single-page {
    margin-top: 50px;
    margin-bottom: 50px;
}

.personnel-sidebar .heading {
    border-bottom: 3px solid #316B36;
	padding-left: 15px;
}

.personnel-sidebar .heading h3 {
	color: #333;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
	margin-bottom: 18px;
}

.personnel-sidebar .content {
    margin: 23px 0 58px;
}

.personnel-sidebar ul {
	padding-left: 35px;
}
.personnel-sidebar .contact-details {
	list-style: none;
    padding-left: 18px;
}
.personnel-sidebar .contact-details li {
	position: relative;
    padding-left: 33px;
}
.personnel-sidebar .contact-details li:before {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    color: #333;
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    transform: translate(0, -50%);
}
.personnel-sidebar .contact-details li.phone:before {
	content: '\f3cd';
}
.personnel-sidebar .contact-details li.email:before {
	content: '\f0e0';
}
.personnel-sidebar .contact-details li.site:before {
	content: '\f0ac';
}
.personnel-sidebar .contact-details li.linkedin:before {
    content: '\f08c';
	top: 43%;
    font-family: 'Font Awesome 5 Brands';
}


.personnel-info .content-img img {
    display: block;
    max-width: 318px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 0 auto 20px;
}
.single-page .personnel-info .btn.btn-primary {
    display: block;
    max-width: 317px;
    width: 100%;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    line-height: normal;
    margin: auto;
    padding: 4px 20px;
}

.personnel-info .content p {
    padding-right: 50px;
    text-align: justify;
}

.personnel-info .content h2 {
	color: #333;
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 43px;
}

.services-sidebar {
    padding: 30px;
    border: 1px solid #316B36;
    border-radius: 10px;
}

.services-sidebar h2 {
    font-size: 35px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

.services-sidebar .gform_button{
    width: 100% !important;
    padding: 10px;
    background-color: #316B36;
    color: white;
    border-radius: 10px;
    border: unset;
}

.services-sidebar .ginput_container input{
    border-radius: 6px;
    border: 1px solid;
}

.services-sidebar .gform_legacy_markup_wrapper span.gform_description{
    margin: unset;
    width: 100%
} 

.services-info .entry-content p{
    text-align: justify;
}

@media screen and (max-width: 1600px) {
    
}
@media screen and (max-width: 1440px) {
    :root{
        --banner-h1-size: 60px;
    }
}
@media screen and (max-width: 1366px) {
    
    .header-logo span {
        font-size: 15px;
    }
    
    .socialmedia-menu a.phone-number{
        font-size: 17px;
    }
    #nav-menu li.menu-item{
        font-size: 17px;
    }
    
}
@media screen and (max-width: 1280px) {
    :root{
        --banner-h1-size: 55px;
    }
	
}
@media screen and (max-width: 1024px) {
    :root{
        --banner-h1-size: 50px;
    }
	
	.single-page .personnel-info .btn.btn-primary {
		font-size: 22px;
	}
    
    .services-card .column-content h3{
        font-size: 20px;
    }
    
    div#gform_widget-2{
        width: 80%;
    }

    .site_copyright{
        text-align: center;
    }

    .services-card .header h2{
        font-size: 21px;
    }
}

/* Mobile */
@media screen and (max-width: 991px) {
    :root{
        --max-container-width: 95%;
        --h1-font-size: 34px;
        --h2-font-size: 23px;
        --main-header-height: 100px;
        --banner-h1-size: 50px;
    }
    .services-sidebar{
        padding: 10px;
    }

    .services-sidebar h2{
        font-size: 25px;
    }

    .gform_legacy_markup_wrapper ul.gform_fields li.gfield{
        padding-right: 0px !important;
    }
    .gform_legacy_markup_wrapper label.gfield_label, .gform_legacy_markup_wrapper legend.gfield_label{
        font-size: 14px !important;
    }
}

@media screen and (max-width: 820px) {
	
	.services-single .single-page .sidebar {
		max-width: 525px;
		margin: auto;
	}
	.services-single .single-page .sidebar .services-sidebar .sidebar-contact form .gform_footer {
		padding-right: 0 !important;
	}
	.services-single .single-page .sidebar .services-sidebar .sidebar-contact form .gform_footer input {
		display: block;
		margin: 0 !important;
	}
	
}
@media screen and (max-width: 767px) {     
    section.homepage-section-2.homepage-aboutus,
    section.homepage-contactus, 
    section.homepage-section-1 {
        padding: 25px 15px !important;
    }

    .personnel-info .content-img{
        text-align: center;
    }

    .personnel-info .content p{
        padding-right: 0;
    }
    
}
@media screen and (max-width: 640px) {
	
	.personnel-info .content-img img{
        margin-bottom: 0;
    }
	
	.personnel-info .content {
		margin-top: 35px;
	}
	.personnel-info .content h2 {
		text-align: center;
	}
	.personnel-info .content .d-md-none {
		margin-top: 30px;
	}
	
}
@media screen and (max-width: 428px) {

	.personnel-info .content p {
		text-align: center;
	}

}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) { 
}