/* ********************* Mobil ********************* */

/*  Dik */
@media only screen
and (max-device-width : 480px)
and (orientation : portrait) {

	#boxes .window {
		width: 90%;
	}

	.message{
		margin: 20px 0px;
	}

	#wrapper{
		margin:20px;
	}
	
	#logo{
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}

	header #header .office-call{
		display: block;
		text-align: center;
		float: none;
		margin:30px 0px;
	}

	header #header .online-reservation a{
		display: block;
		margin:10px 0px;
		text-align: center;
		float: none;

	}

	#map_canvas{
		height: 300px !important;
		margin: 10px;
	}

	header #header #main-menu  {
		margin-top:20px;
	}

	header #header #main-menu .navbar-default{
		display: block;
		float: none;
	}

	header #header #main-menu .navbar-default .navbar-nav {
		margin:20px;
	}
	header #header #main-menu .navbar-default .navbar-brand {
		color:#fff;
	}

	header #header #main-menu .navbar-default .navbar-toggle{
		color:#fff;
		border-color:#fff;
	}

	.page-content .teams .people {border-bottom: 2px dashed #444; padding-bottom: 20px;}
	.page-content .teams .people .picture{float:none; display: block;text-align: center;}
	.page-content .teams .people .name {font-size: 24px;}
	.page-content .teams .people .name strong{display: block;}

	#content #slider .flexslider h1{
		font-size: 18px;
	}

	.page-title{
		padding: 20px;
	}

	.page-title h1 {
		font-size: 20px;
	}

	.brand {
		margin:0px 20px;
	}


	.module-title .title{
		padding: 0 0 20px 0;
		font-size: 20px;
	}
	
	#content .main-services .servicesArrows .prev{
		right: 28px;
	}

	#content .main-services .servicesArrows .prev a{
		padding: 5px;
	}

	#content .main-services .servicesArrows .prev i{
		font-size: 18px;
	}

	#content .main-services .servicesArrows .next a{
		padding: 5px;
	}

	#content .main-services .servicesArrows .next i{
		font-size: 18px;
	}

	#content .main-services .services  {
		display: block;
		text-align: center;
		width: 320px;
	}

	.page-content .gallery-album .album .cover img{height: 80px !important;}
	.page-content .gallery-album .album .title {padding: 5px; height: 70px;}
	.page-content .gallery-album .album .title a {font-size: 16px; line-height: 20px;}
	.page-content .gallery-album .album .title .count {margin:5px 0 0 0; font-size: 12px;}



	#content .module-title .link{
  		margin:0;
	}

	#content .news-bio .news{
		margin: 0 0 30px 0;

	}

	footer .footer-contact .big-phone .icon{
		font-size: 30px;
	}

	footer .footer-contact .company-info .title, footer .footer-contact .big-phone .content a{
		font-size: 22px;
	}

	footer .footer-contact .company-info .adress{
		font-size: 14px;
	}
	


}


/* Yan */
@media only screen
and (max-device-width : 480px)
and (orientation : landscape) {
	#boxes .window {
		width: 90%;
	}

	.message{
		margin: 20px 0px;
	}


	#wrapper{
		margin:20px;
	}
	
	#logo{
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}

	#content #slider .flexslider h1{
		font-size: 18px;
	}
	
	header #header .office-call{
		display: block;
		text-align: center;
		float: none;
	}

	header #header #main-menu  {
		margin-top:20px;
	}

	header #header #main-menu .navbar-default{
		display: block;
		float: none;
	}


	header #header #main-menu .navbar-default .navbar-nav {
		margin:20px;
	}
	header #header #main-menu .navbar-default .navbar-brand {
		color:#fff;
	}

	header #header #main-menu .navbar-default .navbar-toggle{
		color:#fff;
		border-color:#fff;
	}
	.brand {
		margin:0px 20px;
	}

	.page-title{
		padding: 20px;
	}

	.page-title h1 {
		font-size: 20px;
	}

	#content .module-title .title{
		padding: 0 0 20px 0;
		font-size: 20px;
	}
	
	#content .main-services .servicesArrows .prev{
		right: 28px;
	}

	#content .main-services .servicesArrows .prev a{
		padding: 5px;
	}

	#content .main-services .servicesArrows .prev i{
		font-size: 18px;
	}

	#content .main-services .servicesArrows .next a{
		padding: 5px;
	}

	#content .main-services .servicesArrows .next i{
		font-size: 18px;
	}

	#content .main-services .services  {
		display: block;
		text-align: center;
		width: 320px;
	}

	#content .module-title .link{
  		margin:0;
	}

	.page-content .teams .people {border-bottom: 2px dashed #444; padding-bottom: 20px;}
	.page-content .teams .people .picture img{width: 200px;}
	.page-content .teams .people .name {font-size: 24px;}
	.page-content .teams .people .name strong{display: block;}

	#content .news-bio .news{
		margin: 0 0 30px 0;
	}

	footer .footer-contact .big-phone .icon{
		font-size: 30px;
	}

	footer .footer-contact .company-info .title, footer .footer-contact .big-phone .content a{
		font-size: 22px;
	}

	footer .footer-contact .company-info .adress{
		font-size: 14px;
	}


}







/* ********************* Tablet ********************* */

/* Dik */
@media only screen 
and (min-device-width : 480px)
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#boxes .window {
		width: 90%;
	}

	#content #slider .flexslider h1{
		font-size: 18px;
	}

	#wrapper{
		margin:20px;
	}
	
	#logo{
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
	
	header #header .office-call{
		display: block;
		text-align: center;
		float: none;
	}

	header #header #main-menu  {
		margin-top:20px;
		text-align: center;
		display: inline-block;
	}

	header #header #main-menu .navbar-default{
		display: block;
		float: none;
	}

	header #header #main-menu .navbar-default .navbar-nav {
		margin:5px;
	}

	header #header #main-menu .navbar-default .navbar-nav li a{font-size: 14px;}

	header #header #main-menu .navbar-default .navbar-brand {
		color:#fff;
	}

	header #header #main-menu .navbar-default .navbar-toggle{
		color:#fff;
		border-color:#fff;
	}

	#content #slider {
		width: 98%;
	}

	#content #slider .flexslider .slides img{
		max-width: 98%;
	}

	.page-title{
		padding: 20px;
	}

	.page-title h1 {
		font-size: 20px;
	}

	.clinic-gallery {
		margin:0px 20px;
	}

	.brand {
		margin:0px 20px;
	}


	#content .module-title .title{
		padding: 0 0 20px 0;
		font-size: 20px;
	}


	.page-content .video-album .video .title {padding: 10px; height: 100px;}


	#content .main-services .servicesArrows .prev{
		right: 150px;
	}

	#content .main-services .servicesArrows .prev a{
		padding: 5px;
	}

	#content .main-services .servicesArrows .prev i{
		font-size: 18px;
	}

	#content .main-services .servicesArrows .next {
		right: 120px;
	}

	#content .main-services .servicesArrows .next a{
		padding: 5px;
	}

	#content .main-services .servicesArrows .next i{
		font-size: 18px;
	}

	#content .main-services .services  {
		display: block;
		text-align: center;
	}

	#content .module-title .link{
  		margin:0;
	}

	#content .news-bio{
		margin: 20px;
	}
	#content .news-bio .news{
		margin: 0 0 30px 0;
	}

	footer .footer-contact .big-phone .icon{
		font-size: 60px;
	}

	footer .footer-contact .company-info .title, footer .footer-contact .big-phone .content a{
		font-size: 38px;
	}

	footer .footer-contact .company-info .adress{
		font-size: 18px;
	}
	.page-content .resim{
		display: inline-block;
	}

	.page-content .teams .people {border-bottom: 2px dashed #444; padding-bottom: 20px;}
	.page-content .teams .people .name {font-size: 24px;}
	.page-content .teams .people .name strong{display: block;}


}



/* Yan */
@media only screen 
and (min-device-width : 480px)
and (max-device-width : 1024px) 
and (orientation : landscape) {

	#boxes .window {
		width: 90%;
	}
	#wrapper{
		margin:20px;
	}

	#content #slider .flexslider h1{
		font-size: 18px;
	}
	#logo{
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}

	header #header .office-call{
		display: block;
		text-align: center;
		float: right;
	}

	header #header #main-menu  {
		margin-top:20px
		display: inline-block;
	}

	header #header #main-menu .navbar-default{
		display: block;
		float: right;
	}

	header #header #main-menu .navbar-default .navbar-nav {
		margin:5px;
	}

	header #header #main-menu .navbar-default .navbar-nav li a{font-size: 14px;}

	header #header #main-menu .navbar-default .navbar-brand {
		color:#fff;
	}

	header #header #main-menu .navbar-default .navbar-toggle{
		color:#fff;
		border-color:#fff;
	}



	.page-title{
		padding: 20px;
	}

	.page-title h1 {
		font-size: 20px;
	}

	.clinic-gallery {
		margin:0px 20px;
	}


	#content .module-title .title{
		padding: 0 0 20px 0;
		font-size: 20px;
	}


	#content .main-services .servicesArrows .prev{
		right: 150px;
	}

	#content .main-services .servicesArrows .prev a{
		padding: 5px;
	}

	#content .main-services .servicesArrows .prev i{
		font-size: 18px;
	}

	#content .main-services .servicesArrows .next {
		right: 120px;
	}

	#content .main-services .servicesArrows .next a{
		padding: 5px;
	}

	#content .main-services .servicesArrows .next i{
		font-size: 18px;
	}

	#content .main-services .services  {
		display: block;
		text-align: center;
	}

	#content .module-title .link{
		margin:0;
	}

	#content .news-bio{
		margin: 20px;
	}
	#content .news-bio .news{
		margin: 0 0 30px 0;
	}

	footer .footer-contact .big-phone .icon{
		font-size: 60px;
	}

	footer .footer-contact .company-info .title, footer .footer-contact .big-phone .content a{
		font-size: 38px;
	}

	footer .footer-contact .company-info .adress{
		font-size: 18px;
	}
	.page-content .resim{
		display: inline-block;
		width: 90%;
	}

	#content .news-bio .bio{font-size: 14px;}

}