/* BEGIN MEDIA QUERIES */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Smartphones */

/* The parameters of this media query will work on the majority of smartphones. It will not affect iPad's or iPad Mini's.
It will also affect some of the other smaller tablets available. */
@media only screen  
and (max-device-width : 767px) {

	/* make half, third and quarter box layouts in to slingle full width layouts for small screens / smartphones */
	.box-half, .box-half-last, .box-third, .box-third-2nd, .box-third-last, .box-quarter, .box-quarter-2nd, .box-quarter-3rd,
	.box-quarter-last, .box-three-quarters, .box-two-thirds, .box-three-quarters-last, .box-two-thirds-last,
	.box-two-fifths, .box-three-fifths, .box-four-fifths, .box-five-sixths, .box-two-fifths-last, .box-three-fifths-last,
	.box-four-fifths-last, .box-five-sixths-last {
		width:100% !important; }

	/* Increase size of .box-fifth and .box-sixth layouts on small screens / smartphones */
	.box-fifth, .box-fifth-2nd, .box-fifth-3rd, .box-fifth-4th, .box-fifth-last, .box-sixth, .box-sixth-2nd, .box-sixth-3rd,
	.box-sixth-4th, .box-sixth-5th, .box-sixth-last {
		width:50%; }

	.home-intro-wrapper {
	background:url('../images/home-bg.jpg') no-repeat;
	background-size:170% auto;
	background-color: #070507;
	min-height:400px;
	position:relative;
}

ul.sub-menu {
	display:inline;
}

li:hover ul.sub-menu {display: inline; position:relative; z-index:9999;}

ul.sub-menu li {
	display:inline;
	width:100%;
	text-align: center;
	padding-left:0;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	font-size:0.7em;
}

.responsive-nav {
    /* Make changes here if you wish to alter the styles of the nav menu such as changing its color. */ 
    width: 100%;  
    height: 0;
    margin: 0 auto;
    overflow:hidden;
    background:#CB2738;
    margin-bottom:0px; 
    -webkit-transition: height 1s ease;        
    transition: height 1s ease; }

.responsive-nav-changed {  
    height: 920px; }

.responsive-nav-tab {
    /* Make changes here if you wish to alter the styles of the nav symbol */
    color:#ffffff;
    padding:5px 20px 10px;
    position:absolute;
    top:5px;
    right:5%;
    cursor: context-menu;
    background:#CB2738;
    height:42px;
    width:29px;
}

.desktop-nav a {
    border-bottom: 0 none;
    font-size: 0.7em;
    font-weight: 300;
    color:#ffffff;
    padding:10px 10px;
    display: block;
}

ul.sub-menu a {
	padding-top:0;
}

body {font-size:1.1em;}

.logo {
	width:210px;
	height:auto;
	margin-left:4%;
	margin-top:-3px;
	margin-bottom:10px;
}

#row-footer-container {
	margin:0;
	padding:0;
	background:#CB2738;
	color:#ffffff;
	font-size:0.5em;
	font-size:500;
}

.main-content-area-wrapper {
	margin:0;
	padding:0;
	background:none;
	background-repeat: repeat-y;
	background-size:100% auto;
	min-height:600px;
}

.page-wrapper .box-third {
	padding:10px 10px 40px 10px;
	background:#F4F4F4;
}

body {
	background:silver;
	font-family: "proxima-nova",sans-serif;
	font-weight:300;
	font-size:0.9em;
}

.header-tel {
	display: none;
}

.header-social-wrapper {
	display: none;
}

.home-landing-area-text p {
	display: none;
}

.home-landing-area-text {
	background:#ffffff;
	border-left:6px solid #CB2738;
	padding:15px 20px;
	position: absolute;
	right:0;
	top:100px;
	max-width:80%;
}

img.symbol {
	display: none;
}

img.page-intro-product-icon {
    height: 40px;
    margin-bottom: -10px;
    max-width: 70px;
    width: auto;
}

span.inner-page-intro-heading {
    color: #ffffff;
    font-size: 2.1em;
    font-weight: 300;
    margin-left: 20px;
}

.page-wrapper .box-third {
    background: #f4f4f4 none repeat scroll 0 0;
    padding: 20px 20px 35px 8%;
}

.page-wrapper .box-two-thirds-last p {
	color:#555555;
}

body.home #row-two-container li {
	text-align: center !important;
	margin:10px !important;
	padding:10px !important;
	list-style: none;
}

body.home #row-two-container .box-third {
	padding-bottom:0;
}

body.home #row-two-container ul {
	padding-left:0;
}

.sub-section-list-second {
	margin-left:0;
}

}
/* End Smartphones */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* iPad & iPad Mini in portrait & landscape orientation */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

.home-intro-wrapper {
	background:url('../images/home-bg.jpg') no-repeat;
	background-size:100% auto;
	background-color: #070507;
	min-height:450px;
	position:relative;
}

.page-wrapper .box-two-thirds-last p {
	color:#555555;
}

}
/* End iPad & iPad Mini in portrait & landscape orientation */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* iPad & iPad Mini in landscape orientation */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}
/* End iPad & iPad Mini in landscape orientation */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* iPad & iPad Mini in portrait orientation */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.desktop-nav li {
	display:inline-block;
	list-style: none;
	margin-right:0;
}

.desktop-nav a {
    border-bottom: 0 none;
    font-size: 0.9em;
    font-weight: 400;
    color:#ffffff;
    padding:10px 10px;
    display: block;
}

.page-wrapper .box-third {
	padding:20px 15px 40px 15px;
	background:#F4F4F4;
}

.page-wrapper .box-third h3 {
	color:#CB2738;
	font-size:1.3em;
}

img.symbol {
	display: none;
}

.sidebar-widget-wrapper ul {
	padding-left:22px;
}

.sub-section-list-second {
	margin-left:20px;
}

}
/* End iPad & iPad Mini in portrait orientation */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Desktops and laptops */
@media only screen 
and (min-width : 530px) {

	.desktop-nav {
		display:block;
	}

	.responsive-nav {
		display:none;
	}

	.header-contact-wrppaer {
		display: block;
	}



}
/* End Desktops and laptops */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* large screens (bigger than a standard desktop screen or laptop)*/
@media only screen 
and (min-width : 1824px) {

/* Styles Go Here */

}
/* End Large screens */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* End MEDIA QUERIES */