/*-------------------------------
SMALLER DESKTOPS 
-------------------------------*/
@media all and (max-width: 1299px) and (min-width: 992px) {
	/*CONTAINERS*/
	.center  {
		width: 950px;
	}
	.cf_content {
		padding-left: 2em;
		padding-right: 2em;
	}

	/*FONTS*/
	p 					{}

	h3					{ font-size: 1.5em; }
	.card h3			{ font-size: 2em; }
	.boxy h3			{ font-size: 1.5em; margin-bottom: 0.2em;}
	.card_media h3		{ font-size: 1.5em; }

	/*THUMB*/
	.logo {
		width: 265px;
	}

	/*HEADER*/

	/*NAVS*/
	#primary-menu > li {
		padding-left: .95em;
		padding-right: .95em;
	}

    /*BTNS*/

    /*STICKY*/

	/*SLIDER*/

	/*PRODUCTS*/
	.card_media {
		padding-left: 10px;
		padding-right: 10px;
	}

	/*TABS*/
	.tab-content .nav-pills > li > a {
		padding-left: 10px;
		padding-right: 10px;
		font-size: .95em;
	}
	.tab-content .nav-pills > li > a {
		border: 1px solid;
	}

	/*SIDEBAR*/

	/*FORM FOOTER*/

	/*FOOTER*/
	.cf_footer {
		padding: 2em 1em;
	}

}

/*-------------------------------
MENU MOBILE
-------------------------------*/
@media all and (max-width: 991px) and (min-width: 0px) {
	#page {
		padding-top: 128px;
	}
	/*STICKY HEADER*/
	.cf_header {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
	}
	.sticky .center {
		background-color: rgba(255, 255, 255,0.90);
		box-shadow: 0px 1px 0px rgba(0, 0, 0,0.1);
	}
	.cf_header.sticky {
		top: -42px;
	}
	.sticky .cf_top {
		visibility: hidden;
		opacity: 0;
		z-index: -99;
	}

	/*NAVS*/
	.navbar-toggle {
		border: medium none;
		cursor: pointer;
		height: auto;
		margin: 0;
		padding: 0;
		position: absolute;
		width: auto;
		clear: both;
		top: 30px;
		right: 20px;
	}
	.navbar-toggle.open {
		
	}
	.navbar-toggle .lines {
		display: block;
		height: 25px;
		margin: 0;
		position: relative;
		width: 40px;
	}
	.navbar-toggle span {
		background-color: #0447B0;
		display: block;
		height: 2px;
		margin-bottom: 8px;
		transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
		width: 100%;
	}
	.navbar-toggle.open span {
		background-color: #E51937;
	}
	.navbar-toggle span:last-child {
    	margin-bottom: 0;
	}
	.navbar-toggle.open span {
    	position: absolute;
	}
	.navbar-toggle.open span:first-child {
    	top: 6px;
    	transform: rotate(45deg);
    	-webkit-transform: rotate(45deg);
	}
	.navbar-toggle.open span:nth-child(2) {
    	visibility: hidden;
	}	
	.navbar-toggle.open span:last-child {
    	top: 6px;
    	transform: rotate(-45deg);
    	width: 100%;
	}

	/*MENU*/
	.site-menu {
		position: static;
	}
	.site-header nav {
		display: none;
	}
	#site-navigation {
		display: none;
		margin: 0;
		padding: 0;
		position: fixed;
		top: 128px;
		z-index: 100;
		background-color: #00339C;
		right: 20px;
		width: 280px;
	}
	.sticky #site-navigation {
		top: 85px;
	}

	header .main-navigation.opened {
	    display: block;
	}
	header .menu-main-navigation-container {
		background-color: #a30000;
		display: block;
		overflow: scroll;
		width: 100%;
		margin: 0;
		position: absolute;
		left: 0;
		top: 39px;
	}
	#primary-menu   {
		width: 100%;
		margin: 0;
	}
	#primary-menu > li {
	    border-top: 0 none;
	    display: block;
	    float: none;
	    margin: 0;
	    padding: 0;
	    text-align: left;
	    clear: both;
	}
	#primary-menu  > li + li {
	    border-top:1px solid rgba(255, 255, 255, 0.5);
	    margin-left: 0;
	}
	#primary-menu  li[id] a::after {
		display: none;
	}
	#primary-menu  > li > a {
		background-color: transparent;
		color: #fff;
		display: block;
		font-size: 1em;
		font-weight: 600;
		padding: 1em 2em;
		text-transform: uppercase;
	}
	#primary-menu  > li > ul > li a {
	  white-space: normal;
	}
	#primary-menu  > li ul[class] {
	    bottom: 0;
	    left: auto;
	    opacity: 1;
	    position: static;
	    right: auto;
	    top: auto;
	    transform: none;
	    width: 100%;
	    display: block;
	    padding: 0;
	    margin: 0;
	}
	#primary-menu  > li.menu-item-has-children > a::before {
		content: none;
	}
	#primary-menu li li.menu-item-has-children > a::before {
		border-color: transparent transparent transparent #fff;
	    float: right;
	    left: auto;
	    margin: 4px 2px;
	    opacity: 1;
	    position: relative;
	    right: auto;
	    top: auto;
	}

	#primary-menu  li ul li:hover > a {
		background-color: #e51937;
		color: #ffffff;
	}
	#primary-menu   li.current-menu-item > a {
		background-color: #e51937;
		color: #ffffff;
	}
	#primary-menu  > li > ul > li a {
		font-size: .90em;
		padding: .90em 2.5em;
	}
	#primary-menu  > li > ul > li + li {
		border-top: 1px solid #dadada;
	}

}

/*-------------------------------
IPAD PORTRAIT
-------------------------------*/
@media all and (max-width: 991px) and (min-width: 768px) and (orientation : portrait)  {
	/*CONTAINERS*/
	.center  {
		width:750px;
	}
	.col_80 {
		width: 55%;
	}
	.col_40 {
		width: 45%;
	}
	.cf_content {
		
	}

	/*FONTS*/
	p 					{}

	h3					{ font-size: 1.5em; }
	.card h3			{ font-size: 1.65em; }
	.boxy h3			{ font-size: 1.4em; margin-bottom: 0.2em;}
	.card_media h3		{ font-size: 1.5em; }

	/*THUMB*/
	.logo {
		float: left;
		margin: 10px 0 10px 10px;
	}
	.thumb_footer {
		margin-top: 10px;
	}

	/*HEADER*/

	/*NAVS*/

    /*BTNS*/

    /*STICKY*/

	/*SLIDER*/

	/*HOME*/
	.card {
		padding: 40px 15px 20px;
	}

	/*NUMBERS*/
	.cf_count strong {
		font-size: 3.5em;
	}

	/*PRODUCTS*/
	.card_media {
		padding: 1em;
	}

	/*TABS*/
	.tab-content .nav-pills > li {
		width: 31%;
		text-align: center;
		margin-right: 2%;
		margin-bottom: 5px;
	}
	.tab-content .nav-pills > li > a {
		border: 1px solid;
	}

	/*SIDEBAR*/
	#sidebar {
		margin-top: 2em;
	}
	.boxy {
		padding: 1em;
	}


	/*FORM FOOTER*/

	/*FOOTER*/
	.cf_footer {
		padding: 2em 1em;
	}
	footer h3 {
		margin-bottom: 0;
	}
	.works {
		margin-top: 1em;
	}

	/*COPY*/
	.copy {
		text-align: center;
	}
	
}

/*-------------------------------
ALL PHONES
-------------------------------*/
/*@media all and (max-width: 767px) and (min-width: 0px),  all and (max-width: 812px) and (min-width: 0px) and (orientation : landscape)
*/
@media all and (max-width: 767px) and (min-width: 0px) {
	/*CONTAINERS*/
	.center  {
		width:100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	#page {
		padding-top: 80px;
	}
	.cf_header .center {
		padding-left: 0;
		padding-right: 0;
	}

	.col_80 {
		width: 100%;
	}
	.col_40 {
		width: 100%;
	}
	.cf_content {
		padding-left: 1em;
		padding-right: 1em;
	}

	/*FONTS*/
	p, 					
	.cf_info p, 	    			
	ul,
	.table
			            { font-size: .95em;}

	h3					{ font-size: 1.35em; line-height: 1.2em;}
	.cf_info h3, 
	.row_custom h3 		{ margin-bottom: 1em; }
	.card h3			{ font-size: 1.45em; }
	.boxy h3			{ font-size: 1.4em; margin-bottom: 0.2em;}
	.card_media h3		{ font-size: 1.2em; }
	.forms h3		    { font-size: 1.4em;}	
	p + h3 				{ margin-top: 1.4em; }

	/*THUMB*/
	.logo {
		margin: 2px 0 5px 0px;
		width: 125px;
	}
	.thumb_footer {
		margin-top: 5px;
		width: 150px;
	}
	.thumb_map iframe {
		height: 250px;
		max-height: 250px;
	}
	.thumb_sm {
		width: 100%;
	}
	.thumb_sm + div {
		padding: 1em 0 0;
		margin-left: 0;
		clear: both;
	}

	/*TABLES*/
	.table td:first-child {
		min-width: 110px;
	}

	/*HEADER*/
	.cf_header {
		position: fixed;
		left: 15px;
		right: 15px;
		top: 0;
		width: auto;
	}
	.contact_email {
		display: none;
	}
	.contact_number {
		margin-left: 0;
	}
	.social {
		margin: 0;
	}

	/*TOGGLE BUTTONS*/
	.navbar-toggle {
		top: 8.5px;
	}
	.navbar-toggle.open {
		top: 12px;
	}
	#site-navigation {
		top: 80px;
	}
	.navbar-toggle .lines {
		width: 30px;
	}
	.navbar-toggle span {
		margin-bottom: 7.1px;
	}
	.sticky #site-navigation {
		top: 40px;
	}

	/*NAVS*/
	#primary-menu > li > a {
		font-size: .85em;
		padding: .85em 1.5em;
	}
	#primary-menu > li > ul > li {
		float: left;
		width: 50%;
	}
	#primary-menu > li > ul > li a {
		font-size: .85em;
		padding: .85em;
	}

    /*BTNS*/

    /*STICKY*/

	/*SLIDER*/
	.loading {
	  min-height: 120px;
	  background-size: 50px auto;
	}
	.home .flex-control-paging {
		display: none;	
	}
	.flex-nav-prev,
	.flex-nav-next {
		width: 50px;
	}
	.flex-direction-nav .flex-prev,
	.flex-direction-nav .flex-next,
	.flex-direction-nav .flex-prev:focus,
	.flex-direction-nav .flex-next:focus {
		background-size: 14px auto;
	}

	/*BNNER*/
	.cf_banner {
		padding: 1em 2em;
	}
	.cf_banner h1 {
		font-size: 1.1em;
	}

	/*HOME*/
	.card {
		padding: 1em;
		border-top: 1px solid #dadada;
	}

	/*CF INFO*/
	.cf.cf_info {
		padding: 2em 1em 2em 1em;
	}
	.cf_info h3 img {
		max-width: 150px;
	}

	/*NUMBERS*/
	.cf_count {
		height: auto;
		padding: 2em 0;
	}
	.cf_count .row > div ~ div {
		margin-top: 1.2em;
	}
	.cf_count strong {
		font-size: 2.1em;
		margin-bottom: 0.2em;
	}
	.cf_count em {
		margin: 0 auto 8px;
		display: block;
	}
	.cf_count span {
		font-size: .85em;
	}

	/*PRODUCTS*/
	.card_media {
		padding: 1em;
		min-height: inherit;
	}
	.cf.list + .cf.list {
		margin: 0;
	}
	/*TABS*/
	.tab-content .nav-pills > li {
		width: 31%;
		text-align: center;
		margin-right: 2%;
		margin-bottom: 5px;
	}
	.tab-content .nav-pills > li > a {
		border: 1px solid;
		font-size: .85em;
		padding-left: 5px;
		padding-right: 5px;
	}


	/*SIDEBAR*/
	#sidebar {
		margin-top: 2em;
	}
	.boxy {
		padding: 1em;
	}


	/*FORM FOOTER*/

	/*FOOTER*/
	.cf_footer {
		padding:2em 1em;
		font-size: .90em;
	}
	footer h3 {
		padding-bottom: 0;
		clear: both;

	}
	.works {
		margin-top: 1em;
	}
	.panelvan_conversions {
		margin: 0 0 20px;
		float: left
	}
	/*COPY*/
	.copy {
		padding:1em 0em;
		font-size: .80em;
		text-align: center;
	}
	.copy p {
		line-height: 1.4em;
	}

}

	.visible-vs {
		display: none;
	}	
/*-------------------------------
ALL PHONES PORTRAIT
-------------------------------*/
@media all and (max-width: 479px) and (min-width: 0px) {
	/*CONTAINERS*/
	.col-vs-12 {width: 100%;}
	.col-vs-12 + .col-vs-12 {margin-top: 15px;}
	.visible-vs {
		display: block;
	}	
	.row {
		margin-right: -10px;
		margin-left: -10px;
	}
	.row  [class*="col"] {
		padding-left: 10px;
		padding-right: 10px;
	}

	/*THUMBS*/
	.thumbnail {
		padding: 2px;
	}

	/*TABS*/
	.row_tabsImage .col-xs-3 {
		width: 50%;
	}
	.row_tabsImage .thumbnail {
		margin-bottom: 5px;
	}
	/*TABS*/
	.tab-content .nav-pills > li {
		width: 48%;
		margin-right: 1.2%;
	}
	.tab-content .nav-pills > li > a {
		font-size: .80em;
		padding-left: 2px;
		padding-right: 2px;
	}
}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 


    }
@media all and (max-width: 767px) and (min-width: 480px) {
	#site-navigation {
	    max-height: 290px;
	    overflow: auto;
	}
}
@media all and (max-width: 340px) and (min-width: 0px) {
	.container-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}
}