/*-------------------------------
COVERING MOSTS 
-------------------------------*/	
  @media all and (max-width: 1199px) {
    
  }

/*-------------------------------
SMALLER DESKTOPS 
-------------------------------*/
@media all and (max-width: 1199px) and (min-width: 992px) {
	
}

/*-------------------------------
MENU MOBILE
-------------------------------*/
@media all and (max-width: 991px) and (min-width: 0px) {
	.site-header {
	    padding: 10px 35px;
	}
	.site-branding {
		margin-top: 0;
	}
	.site-header img, 
	.shrinked .site-header img {
    	vertical-align: top;
	}
	.navbar-toggle {
	    border: medium none;
	    cursor: pointer;
	    height: auto;
	    margin: 0;
	    padding: 0 5px 0;
	    position: relative;
	    width: auto;
	}
	.navbar-toggle.open {
		top: 4px;
	}
	.navbar-toggle .lines {
		display: block;
		height: 25px;
		margin: 24px 0 0px 20px;
		position: relative;
		width: 35px;
	}
	.navbar-toggle span {
	    background-color:#076682;
	    display: block;
	    height: 2px;
	    margin-bottom: 7px;
	    transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
	    width: 100%;
	}
	.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: 90px;
		z-index: 100;
		background-color: #035a73e6;
		right: 24px;
		width: 280px;
	}
	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;
	}
	#primary-menu li + li {
	    border-top:1px solid rgba(255, 255, 255, 0.24);
	    margin-left: 0;
	}
	#primary-menu li[id] a::after {
		display: none;
	}
	#primary-menu li[id] a {
		background-color: transparent;
		color: #fff;
		display: block;
		font-size: .85em;
		font-weight: 600;
		padding: 1em 2em;
		text-transform: uppercase;
	}
	#primary-menu li[id] ul li a {
    	padding-left: 15px;
    	font-size: 12px;
	}
	#primary-menu li[id] ul li ul li a {
		padding-left: 20px;
		opacity: 0.9;
		text-transform: none;
	}
	#primary-menu li[id].current-menu-item > a, 
	#primary-menu li[id] a:hover {
	    background-color:#0000004d;
	    color: #ffffff;
	    margin: 0;
	}
	#primary-menu > li ul[class] {
	    bottom: 0;
	    left: auto;
	    opacity: 1;
	    position: static;
	    right: auto;
	    top: auto;
	    transform: none;
	    width: 100%;
	    padding: 0;
	}
	#primary-menu li ul li.menu-item-has-children > a::before {
	    float: right;
	    left: auto;
	    margin: 4px 2px;
	    opacity: 1;
	    position: relative;
	    right: auto;
	    top: auto;
	}


}

/*-------------------------------
IPAD PORTRAIT
-------------------------------*/
@media all and (max-width: 991px) and (min-width: 768px) {
	/*CONTACINER*/
	.container,
	.container_fluid {
		width: 750px;
	}


	/*FONTS*/
	p {
		font-size: 1em;
	}
	p + p, p + ul, p + ol, p + h3, p + h4, ul + p, ul + h3, ul + h4, ul + h5, ol + p, ol + h3, ol + h4, ol + h5 {
		margin-top: 15px;
	}

	/*SLIDER*/
	.caption p {
		font-size: 2.8em;
	}
	.flex-direction-nav li a {
		background-size: 20% auto;
	}

	/*HEADERS*/
	.phones {
		margin-top: 21px;
		margin-left: 0;
		background-color: #efb01c;
		border-radius: 4px;
		padding: 4px 10px;
		font-weight: 600;
	}

	/*STAFFS*/
	.staff {
		margin-left: 5em;
		margin-right: 5em;
	}

	/*FOOTER*/
	.cf_footer {
		font-size: .95em;
		padding-left: 35px;
		padding-right: 35px;
	}


	
}

/*-------------------------------
ALL PHONES
-------------------------------*/
@media all and (max-width: 767px) and (min-width: 0px) {
	/*CONTACINER*/
	.container,
	.container_fluid {
		width: 100%;
	}
	.row.m_b_lg {
  	  margin-bottom: 1em;
	  margin-left: 0;
	  margin-right: 0;
	}

	/*HIDDENS*/
	.flex-control-paging {
		display: none;
	}

	/*THUMBS*/
	.thumb_caption h3 {
		font-size: 1.25em;
		margin-left: 0.80em;
		margin-right: 0.80em;
	}
	.thumb_staff {
		width: 100px;
	}
	.thumb_info {
		margin-top: 1em;
		margin-bottom: 1em;
	}

	/*FONTS*/
	.title {
		font-size: 2em;
	}
	h3 {
		font-size: 1.5em;
		line-height: 1.1em;
	}
	h4 {
    	font-size: 1.4em;
	}
	p {
		font-size: 0.90em;
		font-weight: 400;
	}
	p + p, p + ul, p + ol, p + h3, p + h4, ul + p, ul + h3, ul + h4, ul + h5, ol + p, ol + h3, ol + h4, ol + h5 {
		margin-top: 1.2em;
	}


	/*HEADERS*/
	.site-header {
		padding: 5px 20px;
		height: 75px;
	}
	.phones {
		margin-top: 19.5px;
		margin-left: 0;
		background-color: #efb01c;
		border-radius: 4px;
		padding: 4px 5px;
	}
	/*STICKY*/
	.sticky .site-header {
		height: 50px;
	}
	.thumb_logo img {
		height: 63px;
	}	
	.sticky .thumb_logo img {
		height: 38px;
	}
	.sticky .navbar-toggle .lines {
		margin-top: 11px;
	}
	.sticky .phones {
		margin-top: 7.5px;
	}
	.sticky #site-navigation {
		/*top: 50px;*/
		top: 45px;
	}
	/*MENU*/
	#site-navigation {
		/*top: 75px;*/
		position: absolute;
		width: 100%;
		top: 71px;
		right: 0;
	}
	.navbar-toggle .lines {
		margin-top: 22px;
		margin-left: 15px;
	}

	/*SLIDER*/
	.cf_slider {
		padding-top: 75px;
	}
	.caption p {
		font-size: 1.5em;
	}
	.flex-nav-prev,
	.flex-nav-next {
		width: 50px;
	}
	.white-popup .flex-nav-prev,
	.white-popup .flex-nav-next {
		width: 40px;
	}
	.flex-direction-nav li a {
		background-size: 20% auto;
	}
	.loading{
	    min-height: 200px;
	    height: 200px;
	} 

	/*STAFFS*/
	.staff {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 2em;
	}
	.staff h4 {
		margin-top: 0;
	}\
	.staff p {
    	font-size: 0.85em;
	}
	.thumb_staff ~ * {
		margin-left: 110px;
	}


	/*FORMS*/
	.wpcf7-form .row {
		margin-bottom: 1.5em;
	}
	.wpcf7-form .row div + div {
		margin-top: 1.5em;
	}
	input.wpcf7-text ,
	textarea.wpcf7-textarea {
		height: 40px;
		font-size: 1em;
		color: #121212;
	}
	textarea.wpcf7-textarea {
		height: 100px;
	}

	/*POPUPS*/
	.white-popup {
		width: 450px;
		padding-top: 1.1em;
		padding-bottom: 1.1em;
	}
	.cf_padder {
		padding-left: 1em;
		padding-right: 1em;
	}
	.white-popup h2 {
		font-size: 1.5em;
	}
	.white-popup .caption p {
		font-size: 1.8em;
	}

	/*FOOTER*/
	.cf_footer {
		font-size: .95em;
		padding-left: 35px;
		padding-right: 35px;
	}
	.cf_footer .row > div + div {
		margin-top: 2em;
	}
	footer .menu {
		padding-top: 0;
	}
	footer h5 {
		margin-bottom: 1em;
		text-transform: capitalize;
	}
	.cf_footer li + li {
		margin-top: 5px;
	}
	.staff-cat{
	    margin-left: 0;
		margin-right: 0;
	}
}

/*-------------------------------
ALL PHONES LANDSCAPES
-------------------------------*/
@media all and (max-width:767px) and (min-width: 480px) {
	
}

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

	/*POPUPS*/
	.white-popup {
		width: 310px;
	}
	body .mfp-close-btn-in button.mfp-close{
		background-size: 60%;
		right: 0;
	}

	/*FOOTER*/

}
@media all and (max-width: 350px) and (min-width: 0px) {
	
}