/****************************************************************/
/****************************************************************/
/*** 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%;
	}
}

/* Above 1700 */
@media only screen and (min-width : 1700px) {
    section.halo {
        background-position: center bottom;
    }
}


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

@media only screen and (min-width : 820px) {  /* was 768 */
	.kwick-desk {
		display: block;
	}
	
	.kwick-mobile {
		display: none;
	}
}

@media only screen and (max-width : 820px) {
	.kwick-desk {
		display: none;
	}
	
	.kwick-mobile {
		display: block;
	}
}

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

/* Extra Large Devices, Wide Screens UNDER 1560 */
@media only screen and (max-width : 1560px) {
	.kwicks img {
		left: -28%;
		position: absolute;
	}
	
	section.services .circle {
	    
    }
    
    section.services .score-text {
	    padding-top: 15%;
    }
    
    section.services .score-text img.ico {
	    margin-bottom: 1rem;
    }
    
    section.services .score-text p {
	    font-size: 18px;
	    padding: 0 2rem;
	    margin: 0.5rem 0;
    }
    
    section.lp.cta a.btn {
	    font-size: 42px;
    } 
	
}

@media only screen and (max-width : 1500px) {
	
	section.sundin .content,	
	section.sundin.reps .content {
		padding: 2%;
	}
}

@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) {
	#secondary .widget h3::after {
		position: relative;
		margin-left: 0;
	}
	
	.home .slider,
	.kwicks {

	}
	
	.kwicks li a.circle h3 {
		font-size: 22px;
	}
	
	.kwicks li a.circle h3 span {
		font-size: 16px;
	}
	
	.kwicks a.circle {
		width: 200px;
		height: 200px;
	}
	
	.bottom #footer-4 .col-lg-6:nth-child(1) {
	    border-bottom: 2px solid #aeaeae;
	    border-right: 0;
	    margin-bottom: 1em;
	    padding-bottom: 1em;
	}
	
	.kwicks {
	    width: 100%;
	    height: 600px;
	}
	
	.kwicks li:last-child img {
		left: -150px;
	}
	
	.kwicks img {
		width: 560px;
		left: -20%;
		position: absolute;
	}

    
    section.services .score-text {
	    padding-top: 10%;
    }
    
    section.services .score-text img.ico {
	    margin-bottom: 1rem;
    }
    
    section.services .score-text h3 {
	    font-size: 20px;
    }
    
    section.services .score-text p {
	    font-size: 16px;
	    padding: 0 2rem;
	    margin: 0.5rem 0;
    }
    
    section.services .score-text span {
	    font-size: 12px;
    }
    
    section.lp.cta a.btn {
	    font-size: 34px;
    }
	
}


/* Medium Devices, Desktops under 992px */
@media only screen and (max-width : 992px) {
	
	
	#logo img {
		display: block;
		margin: 0 auto;
		max-width: 80%;
	}
	
	#access {
		padding-top: 0;
	}
	
	.sf-menu a,
	.stuck .sf-menu a {
		font-size: 18px;
		padding: 0 10px;
	}
	
	.kwicks li a.circle h3 {
		font-size: 18px;
	}
	
	.kwicks li a.circle h3 span {
		font-size: 14px;
	}
	
	.kwicks a.circle {
		width: 200px;
		height: 200px;
	}
	
	.container .social-icons,
	.contact-header p,
	.sf-menu {
		text-align: center;
	}
	
	.bottom h4 {
		font-size: 18px;
	}
	
	section.contact-header .cols:first-child {
		border-right: 0;
		border-bottom: 5px solid #cccccc;
	}
	
	#searchform {
		float: none;
		margin: 15px auto;
		display: block;
	}
	
	#primary,
	#secondary {
		width: 100%;
	}
	
	.kwicks {
	    width: 100%;
	    height: 500px;
	}
	
	.kwicks .circle {
		width:  150px;
		height: 150px;
	}
	
	.kwicks img {
		width: 560px;
		left: -20%;
		position: absolute;
	}
	
	section.services .circle {
		max-width: 50%;
		margin: 2rem auto;
	}
	
	section.services .score-text {
	    padding-top: 10%;
    }
    
    section.services .score-text img.ico {
	    margin-bottom: 1rem;
    }
    
    section.services .score-text h3 {
	    font-size: 22px;
    }
    
    section.services .score-text p {
	    font-size: 18px;
	    padding: 0 2rem;
	    margin: 1rem 0;
    }
    
    section.services .score-text span {
	    font-size: 12px;
    }
    
    section.lp.cta a.btn {
	    font-size: 24px;
    }
    
    .bg-container.landing h2 {
	    font-size: 90px;
    }  

}


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

	/* 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: 0.5rem 0 0.5rem 15px;
		padding: 15px;
	}
	
	.stuck .slicknav_btn {
		margin: 7px 0 9px 15px;
	}
	
	.slicknav_icon-bar {
		-webkit-transition: 	all 0.2s linear;
		-moz-transition: 		all 0.2s linear;
		-ms-transition: 		all 0.2s linear;
		-o-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) {
		transform: rotate(45deg);
		top: 7px;
	}
	
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    	margin-top: 0.33rem;
	}
	
	.slicknav_open .slicknav_icon-bar:nth-child(2) {
		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: 60px;
		overflow-y: scroll;
		margin: 0px -32px;
		padding: 0 32px 12px;		
		max-height: calc(100vh - 60px);
	}
	
	.slicknav_menu .slicknav_icon-bar {
	    display: block;
	    width: 28px;
	    height: 2px;
	    -webkit-border-radius: 	0;
	    -moz-border-radius: 	0;
	    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 */

	
	.kwicks > li,
	.kwicks > li img {
		width: 100%;
	}
	
	.kwicks li a.circle h3 {
		overflow: visible;
		white-space: normal;
	}
	
	.kwicks li img {
		margin-top: -35%;
	}
	
	.kwicks a.circle {
		top: 10%;
		width: 150px;
		height: 150px;
	}
	
	.kwicks li.kwicks-expanded a.circle {
		top: 30%;
	}
	
	section.services .circle {
		max-width: 70%;
		margin: 2rem auto;
	}
	
	#header .social,
	#header #logo,
	#header .numbers,
	section.contact h3,
	#footer-nav li,
	.bottom h4,
	.bottom address,
	.home #primary h1,
	section.meet h2,
	#primary h1 span.sub,
	section.meet h2 span.sub {
		text-align: center;
	}
	
	#header .social,
	#header .numbers {
		width: 100%;
	}
	
	.top .numbers {
		margin: 15px 0;
	}
	
	.numbers a {
		display: inline-block;
	}
	
	.home .slider li h2 {
		font-size: 36px;
	}
	
	section.services .serv-item {
		height: 200px;
		overflow: hidden;
	}
	
	.bx-slider li#one {
		background-position: 70% top;
	}
	
	.home .slider, .bx-slider, .bx-slider li, .bx-wrapper {
		height: auto;
	}
	
	.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;
	}
	
	.inside-page h2,
	section.meet h2 {
		font-size: 34px;
	}
	
	section.lp.cta a.btn {
	    font-size: 20px;
    } 

}


/* Below 600 */
@media only screen and (max-width : 575px) {
	.bg-container {
		height: auto;
	}
	
	.kwick-mobile li a.circle h3{
		font-size: 1rem;
	}
	
	section.reviews h2,
	section.media-gallery h2,
	section.contact-header h2,
	.home #primary h1 span.sub {
		font-size: 1.5rem;
	}

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

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

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

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

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

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

}

/* For Small Devicss */
@media only screen and (max-width : 544px) {
	section.services .circle {
		max-width: 90%;
		margin: 2rem auto;
	}
}

/* For Small Extra Devices */
@media only screen and (max-width : 360px) {
	section.services .circle {
		max-width: 100%;
		margin: 2rem auto;
	}
	
	section.services .score-text h3 {
	    font-size: 20px;
    }
    
    section.services .score-text p {
	    font-size: 16px;
	    padding: 0 2rem;
	    margin: 1rem 0;
    }
    
    section.services .score-text span {
	    font-size: 12px;
    }
}