/*You can add your won color also */
@media (min-width: 768px) and (max-width: 1024px) {
	.section-title {
		font-size: 40px;
	}
	.small-title {
		font-size: 20px;
	}
	.social-links-bordered a i {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.input-lg {
		font-size: 14px;
	}
	.full-search input[type='text'] {
		width: 96%;
	}
	#roof .quick-contacts span {
		padding: 0 10px;
	}
	#roof .social-links a {
		margin: 0 2px;
	}
	.navbar-plain .navbar-nav > li > a,
	.navbar-plain.affix .navbar-nav > li > a,
	.navbar-plain .navbar-nav > li > a:focus,
	.navbar-plain.affix .navbar-nav > li > a:focus {
		font-size: 12px;
		padding: 0;
		margin: 20px 10px;
	}
	.navbar-plain .navbar-brand img,
	.navbar-plain.affix .navbar-brand img {
		width: 100px;
	}
	.navbar-plain .dropdown-menu > li > a,
	.navbar-plain.affix .dropdown-menu > li > a {
		font-size: 12px;
	}
	.navbar-plain .navbar-nav > li > a:before,
	.navbar-plain.affix .navbar-nav > li > a:before {
		bottom: 0;
	}
	.navbar-plain.affix .navbar-brand {
		padding: 15px;
	}
	#blog .blog-item-wrapper {
		margin: 30px 0;
	}
	#blog .blog-item-text .blog-item-info a {
		padding-right: 6px;
	}
	#carousel-area .item {
		height: 400px;
	}
	.social-icons-fill li {
		margin-right: 1px;
	}
	.massage-box .massage-box-icon {
		height: 60px;
	}
	footer .footer-widget {
		margin: 30px 0;
	}
	
	footer #reflexion{
		font-size: 2em;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.section-title {
		font-size: 36px;
	}
	.page-header .page-subtitle {
		font-size: 18px;
	}
	.navbar-plain .dropdown .sub-menu {
		top: 0;
		left: 0 !important;
		padding: 0;
		border: none;
		-webkit-animation: fadeInUpMenu 0.4s;
		-moz-animation: fadeInUpMenu 0.4s;
		-ms-animation: fadeInUpMenu 0.4s;
		-o-animation: fadeInUpMenu 0.4s;
		animation: fadeInUpMenu 0.4s;
	}
	#blog .blog-item-wrapper {
		margin: 30px 0;
	}
	#tabs .nav-tabs li a {
		font-size: 12px;
		padding: 10px 12px;
	}

	.barras .b1{
		display: none;
	}

	.barras .b3{
		display: none;
	}

	footer #reflexion{
		padding: 30px;
		font-size: 1em;
	}
}
@media (min-width: 320px) and (max-width: 480px) {
	.section-title {
		font-size: 26px;
		line-height: 45px;
	}
	.section-title:before {
		display: none;
	}
	.small-title {
		font-size: 25px;
	}
	.social-links-bordered a i {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.page-header .page-title {
		font-size: 20px;
	}
	.page-header .page-subtitle {
		font-size: 18px;
	}
	.input-lg {
		font-size: 14px;
	}
	#roof .quick-contacts span {
		padding: 0 10px;
	}
	#roof .social-links a {
		margin: 0 2px;
	}
	.row {
		padding: 30px 0px 40px;
	}
	.section-title {
		padding: 30px 0px 15px;
	}
	.section-title + .row {
		padding: 0px 0px 30px;
	}
	.navbar-plain .navbar-nav > li > a,
	.navbar-plain.affix .navbar-nav > li > a,
	.navbar-plain .navbar-nav > li > a:focus,
	.navbar-plain.affix .navbar-nav > li > a:focus {
		font-size: 14px;
		padding: 0;
		margin: 22px 11px;
	}
	.navbar-plain .navbar-nav > li > a:before,
	.navbar-plain.affix .navbar-nav > li > a:before,
	.navbar-plain .navbar-nav > li > a:focus:before,
	.navbar-plain.affix .navbar-nav > li > a:focus:before {
		bottom: 0;
	}
	.navbar-plain .navbar-nav > li.dropdown > a:after,
	.navbar-plain.affix .navbar-nav > li.dropdown > a:after {
		position: absolute;
		top: 0;
		right: 0;
		font-family: fontawesome;
		font-size: 15px;
		content: "\f107";
	}
	.navbar-plain .navbar-nav .dropdown .dropdown-menu,
	.navbar-plain.affix .navbar-nav .dropdown .dropdown-menu {
		border: 0;
		background: #ecf0f1;
	}
	.navbar-plain .navbar-nav .dropdown .dropdown-menu > li > a,
	.navbar-plain.affix .navbar-nav .dropdown .dropdown-menu > li > a {
		color: #666;
	}
	.navbar-plain .navbar-nav .dropdown .dropdown-menu > li > a:hover,
	.navbar-plain.affix .navbar-nav .dropdown .dropdown-menu > li > a:hover {
		background: #e74c3c;
		color: #fff;
	}
	.navbar-plain .navbar-brand img,
	.navbar-plain.affix .navbar-brand img {
		width: 100px;
	}
	.navbar-plain .dropdown-menu > li > a,
	.navbar-plain.affix .dropdown-menu > li > a {
		font-size: 12px;
	}
	.dropdown .dropdown-menu {
		padding: 0;
		border-style: solid;
		border-width: 4px 0 0 0;
		border-radius: 0;
		left: 0;
		right: 0;
	}
	.dropdown .dropdown-menu > li > a {
		color: #666;
		padding: 10px 0 10px 15px;
		margin: 5px 0;
	}
	.dropdown .dropdown-menu > li > a:hover,
	.dropdown .dropdown-menu > li > a .active {
		background: #ecf0f1;
	}
	.dropdown .dropdown-menu > li.active > a {
		background: #ecf0f1;
	}
	.dropdown .navbar-plain .dropdown .sub-menu {
		top: 0;
		left: 0 !important;
		padding: 0;
		border: none;
		-webkit-animation: fadeInUpMenu 0.4s;
		-moz-animation: fadeInUpMenu 0.4s;
		-ms-animation: fadeInUpMenu 0.4s;
		-o-animation: fadeInUpMenu 0.4s;
		animation: fadeInUpMenu 0.4s;
	}
	#blog .blog-item-wrapper {
		margin: 30px 0;
	}
	#blog .blog-item-text .blog-item-info a {
		padding-right: 6px;
	}

	.barras .b1{
		display: none;
	}

	.barras .b3{
		display: none;
	}
	
	.copyright-text {
		float: left!important;
	}
	.social-icons-fill li {
		margin: 0px 16px 0 0;
	}

	footer .footer-widget {
		margin: 30px 0;
	}

	footer #reflexion{
		padding: 30px;
		font-size: 1em;
	}
}