/* iPad fixes */
@media only screen and (min-width: 990px) {
    #header-outer .row .col.span_7 {
    	width: 23.5%;
    }
    #header-outer .row .col.span_5 {
    	width: 74.5%;
    }
    #featured article .container > .span_12 .post-title {
    	width: 100%;
    	max-width: 990px;
    }
}
@media only screen and (min-width: 990px)  and (max-width: 1050px){
	#about {
		margin-top: -45px !important;
	}
}
@media only screen and (max-width: 790px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
        width: 100% !important;
    }
}
@media only screen and (min-width: 481px) and (max-width: 1050px) {
    body[data-smooth-scrolling="1"] .nectar-slider-wrap[data-full-width="true"] .swiper-container a.slider-next {
        right: 0px!important;
    }
}

@media only screen and (min-width : 1000px) and (max-width : 1050px) {

}
@media only screen and (max-width : 999px) {
    #featured article .container > .span_12 .post-title {
        width: 100% !important;
        max-width: 850px;
    }
    #featured article .post-title h2 > span > strong, #featured article .post-title h2 > span > b {
        font-size: 50px;
        line-height: 60px;
    }
}
@media only screen and (min-width : 801px) and (max-width: 990px){
    .container {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    nav#top_nav {
        display: block !important;
    }
    #featured .orbit-slide article > .container {
        top: 150px !important;
    }
}
@media only screen and (max-width : 800px) {
    header#top #toggle-nav {
        display: block !important;
        top: 95px;
        z-index: 1000;
    }
    header#top #toggle-nav > .icon-reorder{
        color: #151515;
    }
    #mobile-menu {       
        position: fixed;
        left: 0px;
        right: 0px;
        top: 150px;
    }
    #featured {
        margin-top: 0px;
    }
    .social-icons {
    	margin-right: 15px;
    }
}
@media only screen and (min-width : 768px) and (max-width : 999px) {
	header#top #logo img {
		height: 122px !important;
	}
    #featured .orbit-slide article > .container {
        top: 150px;
    }
    #mobile-menu {
    	top: 127px;
    }
    #featured article .post-title h2 > span {
    	margin-bottom: 0px;
    }
}

@media only screen and (min-width : 690px) and (max-width : 767px) {

}
@media only screen and (max-width : 689px) {
	#header-outer .row .col.span_7 {
		text-align: center;
	}
	#header-outer .row .col.span_5 {
		text-align: left;
	}
	#header-outer .row .col.span_5 .slogan {
		text-align: center;
	}
	#header-outer .row #logo {
		margin: 0 auto 0 auto;
	}
	h1 strong {
		border-bottom-width: 1px;
		font-size: 26px;
		line-height: 30px;
	}
	.row .col img{
		width:100% !important;
	}
    .row .col img[width="32"] {
    	width: auto !important;
    }
}
@media only screen and (min-width : 560px) and (max-width : 689px) {

}
@media only screen and (min-width: 480px) and (max-width: 689px) {

    #featured article .post-title h2 > span > strong, #featured article .post-title h2 > span > b {
        font-size: 30px;
        line-height: 40px;
    }

    #header-outer .row .col.span_7 {
        text-align: center;
    }
    header#top #logo {
       
        height: 65px !important;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
    }
    header#top #logo > img{
        position: static !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #header-outer .row .col.span_9 {
        position: relative !important;
        top: 15px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	#header-space{
		height: 150px!important;
		}
	.row{
		margin-left: 0px!important;
		margin-right: 0px!important;
		}
    #header-outer .row > .col {
        text-align: center;
        width: 100% !important;
    }
    header#top #logo {
        width: 182px !important;
        height: 65px !important;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        margin-top: 1em;
    }
    header#top #logo > img{
        margin-top: 0;
        position: static !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #header-outer .row .col.span_9 {
        position: relative !important;
        top: 15px;
    }
    header#top #toggle-nav {
        top: 0px;
        right: -25px;
        margin-bottom: 0;
    }
	#featured article .container > .span_12 .post-title {
		margin-top:10em;

	}
    #featured article .post-title h2 > span > strong, #featured article .post-title h2 > span > b {
        font-size: 30px;
        line-height: 40px;
    }
	#featured article .post-title h2 > span > p{
		font-size: 14px;
        line-height: 20px;
		}
	
    #top .slogan {
        margin-bottom: 0;
        text-align: left;
        float: left;
        padding-top: 0;
    }
    .slogan	strong {
        font-size: 20px;
        line-height: 24px;
    }
	header#top #toggle-nav{
		right: 0px;
	}
	#products, #services{
		 padding-top: 0px!important;
	}
	div.wpcf7 img.ajax-loader{
		height:1em;
		width:auto !important;
	}
	#featured .orbit-slide article > .container {
		top: 0 !important;
	}
    #featured article .post-title h2 > span > p, #featured article .post-title h2 span > p > span, 
    #featured article .post-title h2 > span, #featured article .post-title h2 > span > span, 
    #featured article .post-title h2 > span > strong, #featured article .post-title h2 > span > b {
    	font-size: 30px;
    	line-height: 34px;
    	margin-bottom: 0;
    }
}

@media screen and (max-height: 480px){
	header#top #logo img{
		margin-top: .6em;
		height: 56px !important;
		}
	.row{
		margin-left: 0px!important;
		margin-right: 0px!important;
		}
	header#top #toggle-nav {
	top: 0px;		
	}
}
@media screen and (min-width: 640px) and (max-width: 767px){
	#header-outer .row .col.span_7,
	#header-outer .row .col.span_5,
	#footer-outer #copyright .social .span_6 {
		width: 48.5%;
	}
	header#top #logo img {
		height: 85px !important;
	}
	#header-outer .row .col.span_5 .slogan {
		margin-top: 30px;
	}
	#featured .orbit-slide article > .container {
		top: 100px !important;
	}
	#featured article .post-title h2 > span > p, #featured article .post-title h2 span > p > span, 
	#featured article .post-title h2 > span, #featured article .post-title h2 > span > span, 
	#featured article .post-title h2 > span > strong, #featured article .post-title h2 > span > b {
		margin-bottom: 0px;
	}
	#featured article .post-title h2 > span > strong, #featured article .post-title h2 > span > b {
		margin-bottom: 0px;
	}
	#featured article .post-title h2 {
		margin-bottom: 10px;
	}
}
@media screen and (max-height: 460px) and (max-width: 639px) {
    #featured article .container .post-title > a {
        padding: 8px 18px;
    }
    #featured .orbit-slide article > .container {
        top: 10px !important;
    }
    #featured article .post-title h2 > span > strong, 
    #featured article .post-title h2 > span > b {
        margin-bottom: 0;
        line-height: 26px;
        font-size: 24px;
        padding-bottom: 0px;
    }
    #featured article .post-title h2 > span {
    	margin-bottom: 0px;
    }
    #featured article .post-title h2 > span > span {
    	font-size: 26px;
    	line-height: 28px;
        margin-bottom: 0px;
    }
    #featured article .post-title h2 > span > p {
        line-height: 20px;
    }
    #to-top {
        bottom: 17px;
    }
    .row.social .span_6 {
    	text-align: center;
    }
}
@media screen and (max-height: 460px){
    #header-space,
    #header-outer,
    #header-outer header#top,
    #header-outer header#top .full-background {
        height: 100px !important;
    }
    .slogan {
        margin-bottom: 0 !important;
        padding-top: 0 !important;
    }
    header#top #toggle-nav {
        top: 65px;
        z-index: 10001;
    }
    #mobile-menu {
        top: 100px;
        z-index: 9999;
        position: fixed;
    }
	.orbit-wrapper #featured article {
		top: 0px !important;
	}
}
@media screen and (max-width: 360px) {
    #header-space,
    #header-outer,
    #header-outer header#top,
    #header-outer header#top .full-background {
        height: 100px !important;
    }
    header#top #toggle-nav {
        top: 68px;
        z-index: 10001;
    }
    #mobile-menu {
        top: 100px;
    }
    #featured .orbit-slide article > .container {
        top: 0px;
    }
    #header-outer .row .col.span_5 .slogan {
    	text-align: left;
    }
    #footer-outer #copyright .row.social {
    	padding-top: 0px;
    }
    #footer-outer #copyright p {
    	text-align: center;
    }
    #footer-outer #copyright .col ul.social-icons {
    	float: none;
    }
    #footer-outer,
    #footer-outer #copyright {
    	height: 112px;
    }
    
	.orbit-wrapper #featured article {
		top: 0px !important;
	}
}
@media screen and (max-height: 400px){
    #mobile-menu {
        position: absolute;
    }
}