/* Mobile Phones - Portrait */


@media only screen and (max-width: 1120px) {
	.showcase-carousel-nav-left {
		left: 10px;
	}
	
	.showcase-carousel-nav-right {
		right: 10px;
	}
}

@media only screen and (max-width: 960px) {
    .wrapper {
        width: 96%;
		padding-left: 2%;
		padding-right: 2%;
    }
	
	.centerbox {
		width: 700px;
	}
	
	footer .wrap {
        width: 700px;
	}
	
	.inner-wrapper {
		width: 100%;
	}
	
	.header-left-region {
		width: 58%;
	}
	
	.header-right-region {
		width: 38%;
	}
	
	.header-right-region .span2 {
		font-size: 2.2em;
	}
	
	.header-right-region .span3 {
		font-size: 0.9em;
	}

    .content {
        float: none;
        width: 700px;
        margin: 0 auto;
    }

    .content.full-width {
        width: 700px;
    }

    .sidebar {
        float: none;
        width: 700px;
        padding-left: 0px;
        margin-top: 40px;
    }
    
    body > nav ul {
        width: 700px;
    }

    #navigation-primary {
    	display: none;
}


#navigation-mobile {
    display: block;
}
    
    header > div.header-wrapper {
        width: 100%;
    }
	
	footer .footer-left {
		width: 32.3333333333333333%;
		margin: 0px 0.5%;
	}
	
	footer .footer-center {
		width: 32.3333333333333333%;
		margin: 0px 0.5%;
	}
	
	footer .footer-right {
		width: 100%;
		margin-top: 25px;
	}
	
	footer .footer-right p {
		text-align: left;
	}
	
	footer .footer-right .widget_newsletterwidget {
		width: 44%;
		float: left;
		padding: 15px 2%;
	}
	
	footer .footer-right .widget_fw_social_widget {
		width: 33%;
		float: right;
	}
	
	body > footer > div.footer-meta {
        width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	body > header {
        width: 96%;
		float: left;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	.homenews {
		width: 100%;
		margin: 0px 0px 10px;
	}
	
	.homenews h2 {
		min-height: 0px;
	}
	
	.homenews p {
		display: none;
	}
	
	.showcase-element ul li {
		width: 48%;
	}
	
	.the-door-promo .promo-inner {
		width: 31.33333333333333333%;
		margin: 0px 1%;
	}
	
	.showcase-range-header {
		background-position: top right !important;
	}
	
	.threepromo .wrapper {
		text-align: center;
	}
	
	.threepromo .promo-image-container {
		width: 45%;
		float: none;
		display: inline-block;
		margin-bottom: 10px;
	}
	
	.showcase-carousel-nav-left {
		left: -5px !important;
	}
	
	.showcase-carousel-nav-right {
		right: -5px !important;
	}
	
	.rangebtn {
		margin-bottom: 10px;
	}
	
	.services-width {
		width: 100%;
	}
	
	.service-right img {
		max-width: 100%;
	}
	
	.diytop .intro-block-right img {
		max-width: 100%;
	}
	
	.the-door-promo .promo-content-inner .promo-link a {
		max-width: 100%;
	}
	
	
	.aboutwhyus .the-door-promo .promo-inner {
		width: 95%;
	}
	
	.aboutwhyus .wrapper {
		text-align: center;
	}
	
	.aboutwhyus .column-third {
		width: 45%;
		float: none;
		display: inline-block;
		text-align: left;
		margin-bottom: 15px;
		vertical-align: top;
	}
	
	.contactbot .intro-block-left img {
		max-width: 100%;
	}
	
	.contactbot .intro-block-right {
		padding: 20px 2.5%;
	}
	
	.contactmid .showcase-element-left {
		width: 50%;
	}
	
	.contactmid .showcase-element-right {
		width: 49%;
	}
	
	.contact-promo .promo-content-inner .promo-link a {
		max-width: 100%;
	}
	
	.phone-promo .promo-content-inner .promo-link a {
		width: 100%;
	}
	
	.menu-header .sub-menu {
		display: none !important;
	}
	
	.testimonialbox .testimonialtop {
		font-size: 1.8em;
	}
	
	.callusbanner2 span {
		font-size: 2.5em;
	}
	
	.prodbuttons .centerbox {
		text-align: center;
	}
	
	.prodbuttons .third {
		width: 50%;
		margin-bottom: 15px;
	}
	
	.prodbuttons .third:last-child {
		float: none;
		display: inline-block;
	}
	
	.aboutpromos .salexis-promo {
		width: 29.333333333333333333%;
		margin: 25px 1% 0px;
	}
	
	.sidebar {
		margin: 0px 0px 25px;
	}
	
	.sidebar .sidebar {
		width: 95%;
		float: left;
	}
	
	.salexis-wrap-background  {
		background-position: -310px 0px;
	}
	
	.homebanner .salexis-text {
		top: 0px;
		right: 0px;
	}
}


@media only screen and (max-width: 767px) {
	.productspromos .salexis-promo {
		width: 48%;
		float: left;
	}
	
	.prodguarantee .salexis-showcase-content {
		width: 47%;
		float: left;
	}
	
	.aboutpromos .salexis-promo {
		float: left;
	}
	
	.contactpromo .salexis-promo {
		float: left;
	}
}


@media only screen and (max-width: 700px) {
    /*.wrapper {
        width: 540px;
    }*/

    .content {
        float: none;
        width: 540px;
        margin: 0 auto;
    }
	
	.centerbox {
		width: 540px;
	}

    .content.full-width {
        width: 540px;
    }
	
	footer .wrap {
        width: 540px;
	}
	
	.header-left-region {
		width: 100%;
		text-align: center;
	}
	
	.header-left-region img {
		float: none;
	}
	
	.header-right-region {
		display: none;
	}

    .sidebar {
        float: none;
        width: 540px;
        padding-left: 0px;
        margin: 0 auto;
    }
    
    body > nav ul {
        width: 540px;
    }
    
    header > div.header-wrapper {
        width: 100%;
    }
	
	.buttonlinks .quarter {
		width: 50%;
	}
	
	.buttonlinks .quarter a {
		margin-bottom: 10px;
	}
	
	.buttonlinks .quarter:first-child a {
		margin-left: 5px;
	}
	
	.buttonlinks .quarter:last-child a {
		margin-right: 5px;
	}
	
	.hometop .showcase-element-left {
		width: 100%;
	}
	
	.hometop .showcase-element-left .showcase-element-inner {
		text-align: center;
	}
	
	.hometop .showcase-element-left .showcase-element-inner div {
		text-align: left;
	}
	
	.hometop .showcase-element-left {
	}
	
	.hometop .showcase-element-left {
	}
	
	.hometop .showcase-element-right {
		display: none;
	}
	
	.showcase-element-left {
		width: 100%;
		text-align: center;
	}
	
	.showcase-element-right {
		width: 100%;
		text-align: center;
	}
	
	.home .showcase-element-inner-image {
		display: none;
	}
	
	footer .footer-left {
		width: 100%;
		margin: 0px;
	}
	
	footer .footer-center {
		width: 100%;
		margin: 25px 0px 0px 0px;
	}
	
	footer .footer-right {
		width: 100%;
		margin: 25px 0px 0px 0px;
	}
	
	footer .footer-right .widget_newsletterwidget {
		width: 96%;
	}
	
	footer .footer-right .widget_fw_social_widget {
		width: 100%;
		float: left;
	}
	
	.footer-meta .footer-designed-by {
		width: 100%;
		text-align: left;
		margin-bottom: 8px;
	}
	
	.footer-meta .footer-copyright-by {
		width: 100%;
	}
	
	.homewrap .showcase-element-inner {
		padding: 15px 0px;
	}
	
	.homewrap .showcase-title {
		padding-top: 0px;
	}
	
	.main-title {
		font-size: 1.2em;
		margin: 0px;
	}
	
	.home-tab {
		margin-top: 30px;
	}
	
	.specification-door .showcase-element-left {
		width: 100%;
	}
	
	.specification-door .showcase-element-right {
		width: 100%;
	}
	
	.showcase-link {
		margin-bottom: 15px;
	}
	
	.showcase-range-item {
		width: 100% !important;
		margin-right: 0px;
	}
	
	.aboutguarantees .showcase-element ul li {
		width: 48%;
		margin-bottom: 35px;
	}
	
	.aboutguarantees .showcase-element ul li .showcase-list-icon {
		width: 35%;
		text-align: center;
		margin-right: 5%;
	}
	
	.aboutguarantees .showcase-element ul li .showcase-list-content {
		width: 60%;
		float: left;
	}
	
	.contactbot .intro-block-left {
		display: none;
	}
	
	.contactbot .intro-block-right {
		width: 95%;
		display: inline;
	}
	
	.contactmid .showcase-element-left {
		width: 100%;
	}
	
	.contactmid .showcase-element-right {
		width: 100%;
		text-align: center;
	}
	
	.contactmid .showcase-text .contactbigtxt {
		font-size: 1em;
	}
	
	.contact-promo {
		width: 100%;
	}
	
	.contact-promo .promo-title {
		padding: 0px;
	}
	
	.contact-promo .promo-content-inner .promo-link a {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.phone-promo {
		width: 100%;
	}
	
	.phone-promo .promo-title {
		padding: 0px;
	}
	
	.phone-promo .promo-text {
		padding-bottom: 0px;
	}
	
	.phone-promo .promo-content-inner .promo-link a {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.contact-promo {
	}
	
	.contact-promo {
	}
    .blog-post-grid h2 {
        font-size: 1em;
        font-weight: 800;   
    }
	
	.homebanner {
		height: 280px;
	}
	
	.homebanner .centerbox {
		height: 280px;
	}
	
	.homebanner .salexis-tagline {
		bottom: 40px;
	}
	
	.homeproducts {
		text-align: center;
	}
	
	.homebuttons {
		display: none;
	}
	
	.homeproducts .salexis-promo {
		width: 50%;
		text-align: left;
	}
	
	.homeproducts .salexis-promo:last-child {
		float: none;
		display: inline-block;
		margin-top: 25px;
	}
	
	.testimonialbox {
		padding: 20px 0px;
	}
	
	
	.producttabs .ui-tabs-nav {
		float: left;
	}
	
	.producttabs .ui-tabs-nav li {
		width: 100%;
		float: left;
		margin: 0px;
	}
	
	.producttabs .ui-tabs-nav li a {
		width: 100%;
	}
	
	.prodguarantee .salexis-showcase-content {
		width: 96%;
		padding: 15px 2% 10px;
	}
	
	.prodguarantee .salexis-showcase-image {
		width: 100%;
		text-align: center;
	}
	
	.prodguarantee .salexis-showcase-image img {
		float: none;
	}
	
	.prodbuttons .third {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.prodbuttons .third:last-child {
		float: left;
		display: inline-block;
	}
	
	.aboutpromos .salexis-promo {
		width: 46%;
		display: inline-block;
		float: none;
	}
	
	.sidebar .sidebar {
		margin-bottom: 25px;
	}
	
	.contactdetails .eight {
		width: 100%;
	}
	
	.contactdetailsbox {
		margin: 0px 0px 15px 0px;
	}
	
	.contactmapbox {
		margin: 0px 0px 15px 0px;
	}
	
	.contactpromo .centerbox {
		text-align: center;
	}
	
	.contactpromo .salexis-promo {
		width: 47%;
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	
	.contactpromo .salexis-promo:last-child {
		margin-top: 15px;
	}
	
	#navigation-mobile {
		position: relative;
	}
	
	#navigation-mobile a:first-child i {
		width: 35px;
		height: 25px;
		position: absolute;
		top: -60px;
		right: 0px;
		color: #ffffff;
		text-align: center;
		background: #85A20C;
		cursor: pointer;
	}
	
	.innertitle {
		height: 250px;
	}
	
	.homebanner {
		display: none;
	}
}

@media only screen and (max-width: 560px) {
    /*.wrapper {
        width: 420px;
    }*/

    .blog-post-grid {
        float: none;
        width: 100%;
        height: auto;
    }
    
    .content {
        float: none;
        width: 100%;
    }

    .content.full-width {
        width: 420px;
    }
	
	.centerbox {
		width: 420px;
	}
	
	footer .wrap {
        width: 420px;
	}

    .sidebar {
        float: none;
        width: 420px;
        padding-left: 0px;
    }
    
    body > nav ul {
        width: 560px;
    }

    body > nav ul li {
        float: none;
    }
    
    body > nav ul li a {
        text-align: center;    
    }
    
    header > div.header-wrapper {
        width: 100%;
        text-align: center;
    }
    
    section.comments > article > section {
        width: 80%;
    }
    
	.buttonlinks .quarter {
		width: 100%;
	}
    
	.buttonlinks .quarter a {
		padding: 10px;
		margin-bottom: 5px;
	}
	
	.intro-block-testimonial {
		font-size: 1.3em;
	}
	
	.intro-block-author {
		font-size: 1.0em;
	}
	
	.intro-block-right img {
		max-width: 100%;
	}
	
	.header-left-region {
		width: 100%;
		text-align: center;
	}
	
	.header-right-region {
		display: none;
	}
	
	.promo-image-container {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.services-width {
		background: none;
	}
	
	.service-left {
		width: 100%;
		text-align: center;
		margin: 0px 0px 25px 0px;
	}
	
	.service-left .service-text {
		width: 100%;
	}
	
	.service-right {
		width: 100%;
		text-align: right;
	}
	
	.intro-width {
		background: none;
	}
	
	.diytop .intro-width {
		padding-bottom: 25px;
	}
	
	.intro-block-left {
		width: 100%;
		text-align: center;
		padding: 0px;
	}
	
	.intro-block-right {
		display: none;
	}
	
	.supplyonlybanners1 .wrapper {
		padding: 0px;
		border: 0px;
	}
	
	.supplyonlybanners2 .wrapper {
		width: 100%;
		padding: 0px;
	}
	
	.supplyonlybanners2 .promo-image-container {
		margin-bottom: 0px;
	}
	
	.premiuminstall .showcase-element {
		padding-top: 0px;
		border: 0px;
	}
	
	.aboutwhyus .column-third {
		width: 100%;
	}
	
	.aboutguarantees .showcase-element ul li {
		width: 100%;
		padding: 0px;
	}
	
	.aboutguarantees .showcase-element ul li .showcase-list-content {
		margin-top: 20px;
	}
	
	.homebuttons .eight {
		width: 100%;
	}
	
	.homeproducts {
		padding-bottom: 0px;
	}
	
	.homeproducts .salexis-promo {
		width: 100%;
		text-align: left;
		margin-bottom: 25px;
	}
	
	.homeproducts .salexis-promo:last-child {
		float: left;
		display: inline-block;
		margin-top: 0px;
	}
	
	.testimonialcontainer {
		display: none;
	}
	
	.homeinstallations {
		padding-top: 0px !important;
	}
	
	.homeinstallations .projectimg {
		width: 100px;
		height: 100px;
	}
	
	.productspromos .salexis-promo {
		width: 96%;
		margin: 0px 2% 25px;
	}
	
	.prodguarantee .salexis-showcase-content h1 {
		font-size: 2.2em;
	}
	
	.prodguarantee .salexis-showcase-content p {
		font-size: 1.0em;
	}
	
	.readmorebtn .buttonlink {
		font-size: 1.1em;
	}
	
	.readmorebtn .buttonlink span {
		font-size: 1.2em;
	}
	
	.callusbanner2 {
		line-height: 1.2em;
	}
	
	.callusbanner2 span {
		line-height: 1.0em;
	}
	
	.aboutpromos .salexis-promo {
		width: 96%;
		display: inline-block;
		float: none;
	}
	
	.sidebar .sidebar {
		width: 100%;
	}
	
	.formbox {
		width: 100%;
	}
	
	.homemobilebuttons {
		display: inline;
		padding: 10px 0px 0px !important;
	}
}

@media only screen and (max-width: 480px) {
    /*.wrapper {
        width: 320px;
    }*/
	
	body > header {
		width: 100%;
		padding: 0px;
	}
	
	.header-left-region img {
		max-width: 175px;
	}
	
	.mobilelogo {
		display: inline;
	}

    .content {
        float: none;
        width: 320px;
    }

    .content.full-width {
        width: 320px;
    }
	
	.centerbox {
		width: 310px;
	}
	
	footer .wrap {
        width: 310px;
	}

    .sidebar {
        float: none;
        width: 320px;
        padding-left: 0px;
    }
    
    .blog-post-grid h2 {
        font-size: 0.8em;  
    }
    
    body > nav ul {
        width: 320px;
    }
    
    header > div.header-wrapper {
        width: 310px;
		padding: 0px 5px;
    }
	
	.showcase-title {
		font-size: 1.2em !important;
	}
	
	.main-title span {
		font-size: 0.7em;
	}
	
	.home-tab ul li a {
		padding: 10px;
	}
	
	.showcase-element ul li {
		width: 98%;
	}
	
	.threepromo .promo-image-container {
		width: 100%;
		float: left;
	}
	.blog-post-footer-link {
		width: auto;
	}
	
	.homebanner {
		height: auto;
	}
	
	.salexis-wrap-background {
		background: #29B9D8 !important;
	}
	
	.homebanner .centerbox {
		width: 320px;
		height: auto;
		position: relative;
		margin: 0 auto;
	}
	
	.homebanner .salexis-tagline {
		width: 94%;
		height: auto;
		float: left;
		position: static;
		background: #29b9d8;
		padding: 20px 3%;
	}
	
	.homebanner .salexis-tagline h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-style: normal;
		font-weight: 600;
	}
	
	.homebanner .salexis-tagline p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight: 600;
	}
	
	.homebanner .salexis-tagline p br {
		display: none;
	}
	
	.prodguarantee .salexis-container {
		width: 100%;
	}
	
	.contactpromo .salexis-promo {
		width: 100%;
		margin: 0px 0px 15px 0px;
	}
	
	.innertitle {
		height: auto;
	}
	
	.innertitle h1 {
		text-align: center;
		padding-bottom: 5px;
	}
	
	.wpcf7 .wpcf7-text {
		width: 270px;
	}
	
	.wpcf7 .wpcf7-textarea {
		width: 270px;
	}
}

@media only screen and (max-width: 325px) {
	.aboutguarantees .showcase-element ul li .showcase-list-content {
		margin-top: 0px;
	}
        
	#navigation-mobile ul li a {
		font-size: 0.6em;
		padding: 10px 15px;
	}
}