/****************************************************************/
/****************************************************************/
/*** Responsive Support ***/
/****************************************************************/
/****************************************************************/

.slicknav_menu,
.mobile-entry-header {
    display: none;
    padding: 0 !important;
}

/****************************************************************/
/*** Overs - Progressive Enhancement ***/
/****************************************************************/

/* Above 1920 */
@media only screen and (min-width : 1920px) {
    .bx-slider li#one,
	.bx-slider li#two {
        background-position: 0 100%;
    }
}




/* Extra Large Devices, Wide Screens OVER 1200px */
@media only screen and (min-width : 1560px) {
    .container {
        max-width: 1495px;
    }
}

/****************************************************************/
/*** Unders - Graceful Degradation ***/
/****************************************************************/

/* Extra Large Devices, Wide Screens UNDER 1560 */
@media only screen and (max-width : 1560px) {
    .home #primary h1 {
        font-size: 34px;
    }

    .circle {
        max-width: 100%;
    }
}

@media only screen and (max-width : 1500px) {
	
    section.welcome {
	    background-position: right top;
    }
    
    section.services .cols .box h3 {
	    font-size: 24px;
    }
}

@media only screen and (max-width : 1260px) {
	
    section.sundin h3 {
        font-size: 22px;
    }

    section.sundin h3 span {
        font-size: 16px;
    }

    section.sundin .content p,	
	section.sundin.reps .content p {
        font-size: 16px;
    };
}

/* Large Devices, Wide Screens under 1200px */
@media only screen and (max-width : 1200px) {
	
    .home #primary h1,
	section.meet h3 {
        font-size: 28px;
    }

    #secondary .widget h3::after {
        position: relative;
        margin-left: 0;
    }
    
     section.welcome .cols {
	    background: rgba(0, 0, 0, 0.7);
    }

    .bottom #footer-4 .col-lg-6:nth-child(1) {
        border-bottom: 2px solid #aeaeae;
        border-right: 0;
        margin-bottom: 1em;
        padding-bottom: 1em;
    }

    .sf-menu a {
        font-size: 18px;
        padding: 0 10px;
    }

    section.reviews .box p,
    section.services .cols .box h3 {
        font-size: 18px;
    }

    section.actions h3 {
        font-size: 24px;
    }

    section.actions p {
        font-size: 16px;
    }
    
    section.contact h3 {
	    font-size: 56px;
    }
}

/* Tablets and other devices Below 1024 */
@media only screen and (max-width : 1024px) {
    .sf-menu a,
	.stuck .sf-menu a {
        padding: 0 15px;
    }

    .float-box {
        display: none;
    }

    section.contact img.alignleft {
        margin: 0 auto;
        float: none;
        display: block;
    }

    #secondary .widget h3 {
        font-size: 1.5rem;
    }

    .bottom p.address,
	.footer-copyright {
        text-align: center;
    }

    #footer-info .social-icons li {
        float: none;
    };
}

/* Medium Devices, Desktops under 992px */
@media only screen and (max-width : 992px) {
	
	.home .slider, .bx-slider, .bx-slider li, .bx-wrapper {
    height: 350px;
}
	
	/* SlickNav Support */
    #access .menu-slick {
        display: none;
    }

    .slicknav_menu .slicknav_icon-bar {
        background-color: #fff;
    }

    .slicknav_nav {
        background: #333;
    }

    .slicknav_btn {
        background-color: transparent;
        float: right;
        margin: 0px 15px 6px 3px;
        padding: 15px;
    }

    .stuck .slicknav_btn {
        margin: 6px 0 0px 15px;
    }

    .slicknav_icon-bar {
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .slicknav_open .slicknav_icon-bar {
        position: relative;
    }

    .slicknav_open .slicknav_icon-bar:nth-child(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 7px;
    }

    .slicknav_open .slicknav_icon-bar:nth-child(2) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .slicknav_open .slicknav_icon-bar:nth-child(3) {
        opacity: 0;
    }

    .slicknav_menu {
        background: transparent;
        display: block;
    }

    ul.slicknav_nav {
        background: #333;
        text-align: left;
        margin-top: 50px;
    }

    .slicknav_menu .slicknav_icon-bar {
        display: block;
        width: 28px;
        height: 4px;
        border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .slicknav_nav .slicknav_row, .slicknav_nav a {
        padding: 10px;
    }

    .slicknav_nav .slicknav_row:hover,
	.slicknav_nav a:hover {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        background: #ccc;
        color: #fff;
    }
	/* 	End Slick Nav Support */
	
    #header .contact {
        margin: 0;
    }
    
    .bg-container {
	    background: #111;
    }

    .sf-menu a,
	.stuck .sf-menu a {
        font-size: 18px;
        padding: 0 10px;
    }


    section.meet h4::after {
        margin: 1em auto;
    }
	
	section.reviews {
		padding: 3rem 0;
	}
	
	section.reviews h3,
	section.skinnies h3 {
		font-size: 36px;
	}
	
	section.reviews .bx-slider-reviews li .box {
		padding-top: 0 !important;
	}

    .top .numbers,
	.top .location,
	.container .social-icons,
	section.contact h3,
	.sf-menu,
	section.contact p, 
	section.contact a,
	section.contact address {
        text-align: center;
    }

    section.contact p, section.contact a {
        display: block;
    }

    .bottom h4 {
        font-size: 18px;
    }

    #searchform {
        float: none;
        margin: 15px auto;
        display: block;
    }

    #primary,
	#secondary {
        width: 100%;
    }

    #footer-nav {
        text-align: center;
    };
}


/* Below 768 */
@media only screen and (max-width : 768px) {

    #header #navigation-logo {
        padding: 0 0 0 0;
    }
    
    #content {
	    padding-left: 0;
    }
    
    #content::before {
	    display: none;
    }
    
    .home #primary {
	    padding: 1rem 0;
	    background: rgba(255, 255, 255, 0.6);
    }
	
	.home #primary h1,
    #header .social,
	#header #logo,
	#header .numbers,
	section.meet h3,
	section.contact h3,
	.contact-header p,
	#footer-nav li,
	.bottom h4,
	section.contact-header h2,
	.bottom address {
        text-align: center;
    }

    section.contact .col {
        border: 0;
    }

    section.contact-header h2 {
        font-size: 8vw;
    }

    #header .social,
	#header .numbers {
        width: 100%;
    }

    .top .numbers {
        margin: 15px 0;
    }

    .numbers a {
        display: inline-block;
    }

    a.btn {
        display: block;
        width: 100%;
    }

    .home .slider li h2 {
        font-size: 36px;
    }

    .circle {
        margin-bottom: 1em;
    }

    .bx-slider li#one {
        background-position: 70% top;
    }

    .home .slider, .bx-slider, .bx-slider li, .bx-wrapper {
    }

    .logos-desktop,
	.slider .box-holder {
        display: none;
    }

    section.contact .container .social-icons,
	section.contact p, 
	section.contact a,
	.logos-mobile {
        display: block;
    }

    section.reviews .quote {
        margin: 0;
    };
}


/* Below 600 */
@media only screen and (max-width : 600px) {

    #logo {
        float: none;
        margin: 0 auto;
        top: 0;
        width: 100%;
    }

    section.reviews .box-inner {
        padding: 2rem;
    }

    section.reviews .box p {
        font-size: 16px;
    }

    .home #primary h1,
	#primary h1,
	#primary h1.entry-title,
	section.meet h3,
	section.contact h3,
	.banner h2,
	section.meet h3 span {
        font-size: 2rem;
    }

    .entry-title {
        font-size: 24px;
    }

    .alignleft,
	.alignright {
        margin: 0 auto;
        display: block;
        float: none;
    }

    #footer-1,
	#footer-2 {
        display: none;
    }

    #footer .col-1-4 {
        width: 100%;
        margin: 2% 0;
    }

    .col-1-4,
	.col-1-2 {
        width: 100%;
        margin: 2% 0;
    }
}

/***  // xs: Small screen / phone *** --------------------------- */
@media only screen and (max-width : 544px) {
    .score-text h3 {
        font-size: 8vw;
    }

    .score-text h3 span {
        font-size: 4vw;
    }
    
    section.skinnies .cols p {
	    text-align: center;
    }
    
    section.skinnies .cols p strong::after {
	    margin: 0.5rem auto;
    }
}

/* For Small Devices */
@media only screen and (max-width : 360px) {
}