
/*-------------------------------
SMALLER DESKTOPS 
-------------------------------*/
@media all and (max-width: 1280px) and (min-width: 992px) {
	/*CONTACINER*/
	.container {
		width: 990px;
	}
	/*HEADER*/
	.site-header {
    	padding-bottom: 15px;
    	padding-top: 15px;
	}

	/*SLIDERS*/
	.caption {
		bottom: 170px;
	}
	.caption h2 {
		font-size: 45px;
	}

	/*HOME*/
	.home main {
    	margin-top: 100px;
	}
	/*INFO*/
	.cf_info + .cf_info {
    	margin-top: 100px;
	}
	.cf_info h3 {
		font-size: 35px;
	}
	.cf_info h3 {
		margin-bottom: 100px;
	}
	.cf_info p {
	    font-size: 21px;
	    margin-top: 70px;
	    padding-left: 10px;
	    padding-right: 10px;
	}
}

/*-------------------------------
MENU MOBILE
-------------------------------*/
@media all and (max-width: 991px) and (min-width: 0px) {
	.site-header {
	    padding-bottom: 10px;
	    padding-top: 10px;
	}
	.site-header img, 
	.shrinked .site-header img {
    	width: 110px;
    	vertical-align: top;
	}
	.navbar-toggle {
	    border: medium none;
	    cursor: pointer;
	    height: auto;
	    margin: 0;
	    padding: 0 5px 10px;
	    position: relative;
	    width: auto;
	}
	.navbar-toggle .lines {
		display: block;
		height: 25px;
		margin: 35px auto 0;
		position: relative;
		width: 35px;
	}
	.navbar-toggle span {
	    background-color:#78a86a;
	    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;
	}
	header .main-navigation {
	  display: none;
	  left: 0;
	  margin: 0;
	  padding: 0;
	  position: fixed;
	  right: 0;
	  top: 132px;
	  width: 100%;
	  z-index: 100;
	}
	header .main-navigation.opened {
	    display: block;
	}
	header .menu-main-navigation-container {
	  background-color: rgba(120, 169, 107, 0.9);
	  display: block;
	  float: left;
	  margin-top: 1px;
	  overflow: scroll;
	  width: 100%;
	}
	#primary-menu {
		width: 100%;
	}
	#primary-menu li[id], 
	#primary-menu li + li {
	    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	    border-top: 0 none;
	    display: block;
	    float: none;
	    margin: 0;
	    padding: 0;
	    text-align: left;
	}
	#primary-menu li[id] a::after {
		display: none;
	}
	#primary-menu li[id] a {
		background-color: transparent;
		color: #fff;
		display: block;
		font-size: 1em;
		font-weight: 600;
		letter-spacing: 0.5px;
		padding: 10px 15px;
		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:rgba(0, 0, 0, 0.1);
	    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;
	}
	.sidebar h5{
		padding-top: 15px;
	}
}

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

	/*FONTS*/
	.title {
		padding-bottom: 40px;
	}

	/*HEADER*/
	.site-header {
    	padding-bottom: 15px;
    	padding-top: 15px;
	}

	/*SLIDERS*/
	.caption {
		bottom: 170px;
	}
	.caption h2 {
		font-size: 45px;
	}

	/*HOME*/
	.home main {
    	margin-top: 100px;
	}
	/*INFO*/
	.cf_info + .cf_info {
    	margin-top: 100px;
	}
	.cf_info h3 {
		font-size: 35px;
	}
	.cf_info h3 {
		margin-bottom: 100px;
	}
	.cf_info p {
		font-size: 16px;
		margin-top: 30px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.cf_info p + p {
    	margin-top: 30px;
	}

	/*ASIDE*/
	aside ul {
		font-size: 17px;
	}

	/*FOOTER*/
	footer {
		padding-bottom: 20px;
	}
	.copy {
	    border-top: 1px solid rgba(255, 255, 255, 0.5);
	    margin-top: 52px;
	    padding-top: 20px;
	    text-align: center;
	}
	
}

/*-------------------------------
ALL PHONES
-------------------------------*/
@media all and (max-width: 767px) and (min-width: 0px) {
	/*CONTACINER*/
	.container,
	.container_fluid {
		width: 100%;
	}
	main {
	    margin-top: 45px;
	}

	/*FONTS*/
	.title {
	    font-size: 1.4em;
	    margin-bottom: 1.5em;
	    padding-bottom: 0.8em;
	}
	h4 {
	    margin-bottom: 5px;
	}
	p + p, p + ul, p + ol, p + h3, p + h4, ul + p, ol + p {
	    margin-top: 15px;
	}

	/*THUMBS*/
	.thumb_staff {
    	margin-bottom: 20px;
	}
	.thumb_blog {
	    margin-bottom: 15px;
	    margin-top: 15px;
	}

	/*HEADER*/
	.site-header {
	    height: 62px;
	    padding-bottom: 0;
	    padding-top: 4.5px;
	}
	.site-title {
	    margin: 1px;
	}
	.site-header img, 
	.shrinked .site-header img {
		width: 55px;
	}
	header .menu-top_navigation-container {
    	height: 320px;
    	overflow: scroll;
	}
	.navbar-toggle {
	    height: 48px;
	    padding: 17px 5px 10px;
	}
	.navbar-toggle.open {
    	/*padding-top: 15px;*/
	}
	.navbar-toggle .lines {
		margin:0;
	}
	header .main-navigation {
		top: 61px;
	}
	#primary-menu li[id] a {
		font-size: 0.8em;
	}
	/*SLIDERS*/
	.caption {
		bottom: 75px;
	}
	.caption h2 {
		font-size: 20px;
	}
	.s-arrow {
		bottom: 20px;
	}
	.s-arrow span::before {
	    font-size: 2em;
	}

	/*HOME*/
	.home main {
    	margin-top: 45px;
	}
	/*INFO*/
	.cf_info + .cf_info {
    	margin-top: 45px;
	}
	.cf_info h3 {
		font-size: 22px;
	}
	.cf_info h3 {
		margin-bottom: 45px;
	}
	.cf_info p {
	    font-size: 14px;
	    margin-top: 20px;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.cf_info p + p {
    	margin-top: 15px;
	}

	/*ASIDE*/
	aside ul {
		font-size: 1em;
	}
	aside li {
	    line-height: 1.2em;
	    margin-bottom: 10px;
	}

	/*ROW CMS*/
	.col_right {
    	font-size: 0.85em;
    	padding-top: 1.5em;
	}
	.page-template-blog .col_right {
		padding-top: 0em;
	}

	/*ASIDE*/
	aside {
	    border-bottom: 1px solid transparent;
	    padding-bottom: 15px;
	}
	.page-template-about aside       	{border-color: #901940;}
	.page-template-services aside 	    {border-color: #f36a22;}
	.page-template-appointments aside 	{border-color: #901940;}
	.page-template-location aside 	    {border-color: #901940;}
	.page-template-contact aside 	    {border-color: #901940;}

	/*STAFF*/
	.staff + .staff {
    	margin-top: 45px;
	}

	/*BLOG*/
	.page-template-blog .ui-tabs-panel {
	    display: block !important;
	}
	.page-template-blog .ui-tabs-panel + .ui-tabs-panel {
		margin-top:35px;
	}

	/*FOOTER*/
	footer {
	    font-size: 0.8em;
	    padding-bottom: 15px;
	    padding-top: 25px;
	}
	body:not(.home) footer {
	    margin-top: 50px;
	}
	footer .row + .row {
	  margin-top: 25px;
	}
	footer h3 {
	    font-size: 1.2em;
	}
	.thumb_footerlogo {
	    margin-top: 20px;
	}
	.copy {
	    border-top: 1px solid rgba(255, 255, 255, 0.5);
	    margin-top: 25px;
	    padding-top: 15px;
	    text-align: center;
	}
}

/*-------------------------------
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;}
	/*FOOTER*/
	footer {
	    padding-top: 15px;
	    text-align: center;
	}
	.thumb_footerlogo {
    	margin-bottom: 20px;
	}
	footer .row + .row {
    	margin-top: 15px;
	}
}
@media all and (max-width: 350px) and (min-width: 0px) {
	
}