/* Large Monitors*/
@media ( min-width: 1405px ) {
/* your CSS goes here */
}
 
/* Standard laptops & desktops */
@media ( min-width: 980px ) and ( max-width: 1280px) {
    .md .x-navbar .desktop .x-nav > li > a {
        font-size: 13px;
    }
    
    .md .x-navbar .x-brand img {
        width: 140px;
    }
    
    .md .x-navbar.x-navbar-fixed-top img {
        width: 100px;
    }
    
    .md .split_col.video .x-video.embed {
        max-width: 90%;
    }
}
 
/* landscape Tablets */
@media ( max-width: 979px ) {
     body.md #main_nav.sticky + .x-main {
        padding-top: 110px;
    }
    
    body.md {
        font-size: 16px;
    }
    
    body.md .page_header .page_title.h1 {
        font-size: 3em;
	}
    
    .md .x-topbar {
        display: none;
    }
    
    .md .x-navbar .x-brand img {
		width: 95px;
		margin: 0;
    }
    
    .md .x-btn-navbar, 
    .md .x-btn-navbar.collapsed {
        font-size: 24px;
		margin-top: 30px;
    }
    
    body.md page-header {
        padding: 6% 0;
    }
    
    .md .subtitle.h4 {
        max-width: 100%;
    }
    
    .md .split_title,
    .md .subtitle.h4 {
        font-size: 1.75em;
        letter-spacing: -1px;
    }
    
    .md .sec_testify {
        padding: 8% !important;
    }
	
	.md .x-colophon.top .x-column:nth-child(2) {
		width: 95% !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
	
	.md .x-colophon.top .x-column:nth-child(1) {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.md .x-colophon.bottom .footer_bot p:first-child,
	.md .x-colophon.bottom .footer_bot p:last-child {
		float: none;
	}
	
	.x-nav-wrap.mobile {
		display: block;
		overflow: auto !important;
		min-height: 400px;
		height: 500px;
		padding-right: 8px;
		margin-right: -8px;
	}
	
	::-webkit-scrollbar {
		width: 8px;
		height: 20px
	}

	::-webkit-scrollbar-track {
		background: #e0e0e0; 
	}

	::-webkit-scrollbar-thumb {
		background: #150c42; 
	}

	::-webkit-scrollbar-thumb:hover {
		background: #888; 
	}
}

 
/* Landscape Phones */
@media ( max-width: 767px ) {
    body.md {
        font-size: 15px;
    }
    
    .md .split_row .split_col {
        min-height: auto;
        height: auto;
        padding: 40px !important;
    }
    
    .md .testify_txt {
        max-width: 65%;
    }
    
    .md .sec_testify {
        padding: 6% !important;
    }
    
    .md .cta_row {
        display: block;
    }
    
    .md .sec_cta .x-gap,
    .md .sec_cta .x-img {
        display: none !important;
    }
    
    .md .sec_cta {
        padding-bottom: 33px !important;
    }
    
    .offices p, .offices p a {
        font-size: 16px;
    }
    
    .md .testify_txt p {
        font-size: 18px;
        line-height: 1.6;
        font-weight: 500;
    }
    
    .md .page_title.x-column.x-sm {
        max-width: 67%;
    }
    
    body.md .page_header .page_title.h1 {
        font-size: 2.25em;
        line-height: 1.4;
    }
    
    body.md .page_header {
        background-position-x: 65% !important;
    }
    
    body.md .sec_testify {
        background-position-x: 60% !important;
    }
    
    .md .split_title, .md .subtitle.h4 {
        font-size: 1.5em;
    }
    
    .md a.split_btn {
        min-width: 200px;
        padding: .6em 1em;
        font-size: 1em;
    }
	
	.offices p a {
		float: none;
		display: block;
	}
	
	.md .offices .office_left {
		width: 48.33%;
		margin-right: 3.334%;
	}
	
	.md .offices .office_right {
		width: 48.33%;
		margin-left: 0;
	}
	
	.md .offices .divider_line {
		display: none;
	}
	
	.md .offices {
		margin-top: 20px;
		max-width: 320px;
		margin: auto;
		display: block;
		width: 90%;
	}
    
    .md_sec_cta .cta_left {
        margin-right: 0;
        float: none;
        width: 100%;
        max-width: 90%;
        margin: 0 auto 20px;
    }
    
    .md_sec_cta .cta_right {
        float: none;
        width: 100%;
        max-width: 95%;
        margin: 0 auto 12px;
    }
}
 
/* Portrait Phones */
@media ( max-width: 479px ) {
    body.md {
        font-size: 14px;
    }
    
    .md .x-colophon.top .x-column:nth-child(n) {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    
    body.md .page_header .page_title.h1 {
        font-size: 2em;
    }
    
    .md .offices .office_left,
    .md .offices .office_right {
        width: 100%;
        margin-right: 0;
    }
    
    .md .x-colophon.top .widget_text .h-widget {
        text-align: left;
        padding-bottom: 0;
        font-size: 28px;
    }
    
    .md_sec_cta .cta_left h2 {
        font-size: 36px;
        line-height: 1.1;
    }
    
    .md_sec_cta .cta_right a {
        font-size: 20px;
    }
}