/*
 * Theme Name: Physiotherapy
 *
 * Layout: Responsive
 *
 * Learn more: https://developer.wordpress.org/themes/basics/template-files/
*/

@media screen and (max-width: 1440px) {
	/** Homepage Content **/
    .news .item .item-content {max-width: 700px;}
}
@media screen and (max-width: 1400px) {
	/** Header **/
    .site-header .main-navigation {margin-left: 0px;}
	.header-wrapper .frame {max-width: 1046px;}
	.site-header .site-branding {margin-left: 0;}
    .site-header .main-navigation {max-width: 700px!important; margin-right: 0px!important;}
}
@media screen and (min-width: 1080px )(max-width: 1400px) { 
    
}
@media screen and (max-width: 1372px) {
	/** Homepage Content **/
	.oquality .quality {padding: 0 30px; margin-bottom: 40px;}
	.oquality .frame, .news .frame {padding: 50px 80px 80px;}
	.clients .frame {padding: 0 150px;}
    
	
	/** Content **/
	.page-template-page-nieuws .site-main .frame {max-width: 972px;}
}
@media screen and (max-width: 1268px) {	
}
@media screen and (max-width: 1260px) {
	/** Homepage Content **/
	.boxes .box {margin-bottom: 50px;}
	.boxes .box.last {margin-bottom: 0;}
    .news .frame .item:nth-child(2) .item-content {padding-bottom: 10px;}
    
}
@media screen and (max-width: 1224px) {
	/** Homepage Content **/
	.fms-services .fservice {width: 300px; margin: 0 20px;}
}
@media screen and (max-width: 1222px) {
	/** Content **/
	.main .inner-main .borderbg-top > img {height: 116px;}
	
	/** Footer **/
	.site-info .frame {padding: 64px 0; width: 1069px;}
	.site-info .image-text.column {width: 22%;}
}
@media screen and (max-width: 1208px) {
    .news .item .item-content {max-width: 650px;}
}
@media screen and (max-width: 1190px) {
	/** Content **/
	.site-main .main {display: block; float: left; max-width: 70.08695652173913%;}
	.site-main .sidebar {display: block; float: left; max-width: 26.08695652173913%; margin-right: 3.478260869565217%;}
	.outerframe {padding: 0 20px;}
	.inner-main > img {height: auto;}
}
@media screen and (max-width: 1160px) {
    .news .item .item-content {max-width: 828px;}
    .news .item .item-image {margin-bottom: 15px;}
}
@media screen and (max-width: 1150px) {
	/** Homepage Content **/
	.banner {height: 460px;}
	h1.banner-title {font-size: 56px;}
	.sidebar .white-container {padding: 30px 26px;}
	.sidebar .white-container .telephone-box .title {font-size: 28px; line-height: 36px;}
	.sidebar .white-container .telephone-box .number {font-size: 28px;}
	.inner-main h1 {font-size: 38px;}
    .table-price table {margin-left: 0px;}
    .table-price h1 {font-size: 32px;}
    .table-price p {padding-left: 0px;}
    
	/** Content **/
	.sidebar li a {width: 74%;}
	.sidebar li > a span {width: 50%;}
}
@media screen and (max-width: 1096px) {
	
}
@media screen and (max-width: 1080px) {
	/** Header **/
    .fysiofit .fysiofit-btn .middle-btn {display: block!important;}
    .fysiofit .fysiofit-btn  .link-btn {display: block!important;}
	.site-header {padding-top: 10px;}
     .site-header .main-navigation {max-width: 100%!important;}
	/*.aanmeldenContent {float: right; padding-top: 20px; top: -5px;}*/
    .aanmeldenContent {display: none;}
    .menu.nav-menu {display: none;}
    .menu-toggle {display: block;}
	.site-header .main-navigation {display: inline-block; margin: 0 auto;}
	.header-wrapper .frame {max-width: 832px;}
    	.site-header .site-branding {margin: 10px 0 0 20px; max-width: 182px; width: 100%;display: block; margin: 0 auto;}
	.menu-toggle {background: transparent none repeat scroll 0 0; border: 0 none !important; box-shadow: none !important; position: absolute; right: 26px; top: 14px;}
	.main-navigation.toggled ul.menu li {float: none;}
	.menu.nav-menu {background: #333 none repeat scroll 0 0; border-top: 2px solid #494949; margin-top: 10px;}
	.main-navigation.toggled ul.menu li.current-menu-item, .main-navigation ul.menu li:hover, .main-navigation ul.menu li {border-bottom: 0 none;}
	.main-navigation.toggled li:hover > a, .main-navigation li.focus > a {border-bottom: 0 none;}
	.main-navigation.toggled ul.menu li > a {padding: 0;}
	.toggled .menu.nav-menu li > a {color: #fff;}
	.main-navigation.toggled ul.menu li {padding: 10px 20px;}
	.main-navigation.toggled .menu.nav-menu li.current-menu-item, .main-navigation.toggled .menu.nav-menu li:hover {background: #494949 none repeat scroll 0 0;}
	.main-navigation.toggled .menu.nav-menu li {margin: 0;}
	.site-header .main-navigation {position: static;}
     .main-navigation ul.menu li.button-sign {display: block;}
    .site-header .main-navigation {max-width: 100%;}
    .header-wrapper .frame {max-width: 100%;    }
	
	/** Footer **/
	.site-info .column {margin-bottom: 40px;}
	.site-info .widget-1.column {margin-left: 20px; margin-right: 30px; width: 272px;}
	.site-info .widget-2.column {margin-right: 20px; margin-left: 30px; width: 272px;}
	.site-info .widget-3.column {margin-left: 20px; margin-right: 30px; width: 272px;}
	.site-info .widget-4.column {margin-right: 20px; margin-left: 30px; width: 268px;}
	.site-info .frame {overflow: hidden; width: 644px;}
}
@media screen and (max-width: 1020px) {
	/** Homepage Content **/
	.fms-services .fservice {width: 26%;}
	
	/** Content **/
	.sidebar li > a span.x-image {margin-right: 18px;}
}
@media screen and (max-width: 972px) {
	/** Content **/
	.news-box {margin: 60px auto 0; max-width: 840px;}
}
@media screen and (max-width: 960px) {
	/** Homepage Content **/
	.banner {background-position: -166px top !important;}
	.innerframe {padding: 0 30px;}
	
	/** Content **/
	.sidebar li.active:before, .sidebar li:hover:before {padding-right: 20px;}
	.sidebar li:before {padding-right: 20px;}
}
@media screen and (max-width: 920px) {
	/** Content **/
	.site-main .main {float: none; margin: 0 auto; max-width: 806px;}
	.inner-main > img {height: auto; margin-top: -40px; position: relative; vertical-align: top;}
	.breadcrumbs {margin: 0 auto; max-width: 806px;}
	.site-main .sidebar {float: none; height: auto; margin: 0 auto 15px; max-width: 806px;}
    .fysiofit .fysiofit-btn {padding: 0px;}
}

@media screen and (max-width: 870px) {
	/** Homepage Content **/
	.banner {background-position: -180px top !important; height: 426px;}
    .container-title h1.banner-title {margin-right: 0px;}
    .container-title {margin: 0 auto; width: 350px;}
    
	/** Content **/
	.featured-box img {width: 100%;}
	.news-box .featured-box {display: block; margin: 0 auto 54px; max-width: 96%;}
}
@media screen and (max-width: 860px ) {
    .container-title h1.banner-title {width: 100%;}
}
@media screen and (max-width: 850px) {
	/** Homepage Content **/
	.main-navigation {margin-top: 0px!important; padding-top: 0px; 
}
}
@media screen and (max-width: 840px) {
	/** Header **/
	.site-header .site-branding {display: block; margin: 0 auto;}
	.site-header .main-navigation {margin: -8px auto 0; display: block; bottom: 0;}
	/** Homepage Content **/
	.oquality .frame {padding: 50px 40px 80px;}
	.news .frame {padding: 50px 40px 80px;}
	.clients .frame {padding: 0 40px;}
	
	/** Content **/
	.inner-box {padding: 40px 44px;}
	.news-box .box {margin: 0 20px 50px; width: 44%;}
	.news-box .box a > img {height: auto;}
}
@media screen and (max-width: 802px) {
	/** Content **/
	.inner-main .text-container h3 {margin-bottom: 30px;}
    
}
@media screen and (max-width: 768px) {
	/** Homepage Content **/
	.news .item {margin-bottom: 40px;}
	.news .item .item-image {display: block; margin-bottom: 20px;}
	
	.news .item .item-content h1 {line-height: 36px;}
     /* Hide 3 block on mobile */
    .fms-services {display: none;}
    /* Hide logo Image */
    .clients  {display: none;}
    .boxes .box .box-title {margin-bottom: 10px;}
    .boxes .box .box-content .tel-content {margin-bottom: 0px;}
    .boxes .box {min-height: 100px;}
    /* Hide Slider Home */
    .oquality {display: none;}
    .table-price table tbody tr td {padding: 0px;}

    .hide-on-mobile {
    	display: none;
    }

    .hide-block {
    	display: none;	
    }
}
@media screen and (max-width: 670px) {
	/** Content **/
	.news-box .box {display: block; margin: 0 auto 50px; width: 340px;}
}
@media screen and (max-width: 646px) {
	/** Footer **/
	.site-info .frame {padding-bottom: 0; width: 314px;}
	.site-info .column {display: block;}
	.site-info .widget-1.column {width: 272px;}
	.site-info .widget-2.column {width: 272px;}
	.site-info .widget-3.column {width: 272px;}
	.site-info .widget-4.column {width: 272px; min-height: 232px;}
}
@media screen and (max-width: 650px) {
	/** Homepage Content **/
	h1 {line-height: 50px;}
    h1.banner-title {line-height: 75px;}
	a.big-button {font-size: 28px; line-height: 30px; padding: 32px 44px; width: 100%;}
}
@media screen and (max-width: 630px) {
	/** Homepage Content **/
	.fms-services .fservice {margin-bottom: 40px; width: 300px;}
	.fms-services {margin: 30px 0;}
}
@media screen and (max-width: 600px) {
	/** Header **/

	
	/** Homepage Content **/
	.clients .client {display: inline-block; margin-bottom: 42px; text-align: center; width: 50%;}
    .table-price {padding: 40px 35px 60px;}
	
	/** Content **/
	.inner-main {margin-bottom: 50px;}
	.inner-main h1 {font-size: 30px; line-height: 36px;}
	.inner-box .box-title {font-size: 28px; line-height: 36px;}
	.site-main .frame {margin: 0 auto; padding: 0 30px;}
	.news-box .featured-box ul.bblinks {bottom: 0; position: relative;}
	.page .site-main .frame {padding: 0;}
	.menu-toggle, .main-navigation.toggled ul {display: block;}
	.main-navigation ul {display: none;}
	.site-main .frame {padding: 0;}
	.telephone-box:after {content: "";}
}
@media screen and (max-width: 560px) {
    .telephone-fysiofit a img {position: static;}
    .telephone-fysiofit a {display: block; clear: both;}
    .telephone-fysiofit .number-img {clear: both; margin-top: 30px;}
    .top .editor-content img {padding-left: 0px; float: none; margin-left: 0px;}
    .table-price table tbody tr td {-webkit-column-width: 400px;-moz-column-width: 400px;column-width: 400px; padding-bottom: 5px;}    
}
@media screen and (max-width: 560px) { 
    .form-container .field {padding-left: 0px;}
}
@media screen and (max-width: 520px) {
    .table-price table {font-size: 12px; line-height: 13px;}
    .table-price p {font-size: 12px;}
    .table-price  table tbody tr td {line-height: 13px; padding-bottom: 5px;}
    
}
@media screen and (max-width: 480px) {
	/** Homepage Content **/
	.news .item .item-content p:after {content: "";}
	/** Content **/
	.team-box {position: relative;}
	.team-box .box {margin: 0 0 50px;}
	.aanbod-box .box {margin: 0 auto 50px; width: 90%;}
	.news-box .featured-box h2 {font-size: 26px;}
	.news-box .featured-box ul.bblinks {bottom: 0; position: relative;}
	.inner-main .borderbg-top {height: 78px;}
	.main .inner-main .borderbg-top > img {height: 78px;}
	.inner-main .icon-container {border-radius: 20px; max-width: 106px;}
	.inner-box .box-title {overflow-wrap: break-word;}
    .form-container .container-form-selected .color {width: 60%; padding-right: 0px;}
    .form-container .container-form-selected p {margin-right: 30px;}
}
@media screen and (max-width: 468px) {
	/** Homepage Content **/
	.clients .client-head {word-wrap: break-word;}
}
@media screen and (max-width: 440px) {
	/** Homepage Content **/
	.site-content .site-main .frame > h1 {display: inline-block; float: none; font-size: 44px; left: 0; text-align: center; width: 100%;}
	.oquality .quality {width: 100%;}
}
@media screen and (max-width: 420px) {
	/** Homepage Content **/
	.boxes .box {width: 300px; padding: 30px;}
	.boxes .box .tel-content a.icon {padding: 20px 50px; position: relative;}
	.team-box .box {padding: 0;}
	.team-box .box .inner-box {padding: 20px 34px 30px;}
    .container-title {width: 100%;}
    .banner-title {line-height: 55px;}
	/** Content **/
	.aanbod-box .box {padding: 0; width: 90%;}
	.news-box .box {display: block; margin: 0 auto 54px; padding: 0; width: 96%;}
	.inner-main h1 {word-wrap: break-word;}
	.inner-box {padding: 20px 34px 30px;}
	.captcha-content > div {width: 100%;}
	.captcha-content > div > div {width: 100% !important;}
    h1.banner-title {padding-left: 35px; padding-right: 35px; line-height: 50px;}
	.boxes .box .call-content {padding-top: 22px; }

}
@media screen and (max-width: 410px) {
    .telephone-fysiofit .title {font-size: 24px;}
	/** Content **/
	.inner-main h1 {font-size: 24px; line-height: 32px; margin-top: 0;}
	.editor-content img.alignright {float: none; margin-left: 0;}
	.inner-box .box-title {font-size: 22px; line-height: 32px; overflow-wrap: break-word;}
	.inner-main .text-container h3 {font-size: 20px;}
	.captcha-content > div > div {border-right: 1px solid #d3d3d3;}
}
@media screen and (max-width: 400px) {
	/** Homepage Content **/
	h1 {font-size: 40px; line-height: 40px;}
    .site-branding {margin: 0px; float: left; padding-left: 5px;}
	/** Content **/
	.aanbod-box ul.bblinks {max-width: 100%; position: relative; bottom: 0;}
	.aanbod-box ul.bblinks li {display: block; max-width: 100%; width: 100%;}
	.aanbod-box h2 {overflow-wrap: break-word;}
}
@media screen and (max-width: 360px) {
	/** Homepage Content **/
	.boxes .box {margin: 0 10px 40px; width: 290px;}
	a.big-button {font-size: 24px;}
	.innerframe {padding: 0 20px;}
	.news .item .item-content h1 {font-size: 28px; line-height: 32px;}
	.news .item .item-content p {font-size: 17px; line-height: 25px; margin-right: 0;}
	.clients .client {width: 100%;}
    .telephone-fysiofit {padding: 30px 24px;}
    .table-price {padding: 30px 18px;}
	
	/** Content **/
	.inner-box {padding: 30px 24px;}
	.inner-main .editor-content {margin-top: 30px;}
	.team-box .box {margin: 0 0 40px !important; padding: 0; width: 100% !important;}
	.aanbod-box .box {margin: 0 auto 40px; width: 90%;}
	.page-template-page-nieuws .site-main .frame {padding: 0 10px;}
	.sidebar .content .column-content li {font-size: 13px;}
	.main .inner-main .borderbg-top > img {height: 58px;}
	.inner-main .borderbg-top {height: 58px;}
	.telephone-box .number {font-size: 34px;}
	.inner-box .telephone-box .text {font-size: 13px; line-height: 18px;}
	.page-template-page-registration .inner-box {overflow: hidden;}
}
@media screen and (max-width: 340px) {
	/** Homepage Content **/
	.boxes .box {margin: 0 10px 40px;}
	a.big-button {font-size: 20px;}
	.fms-services .fservice {width: 80%;}
	
	/** Content **/
	.aanbod-box .box {margin: 0 auto 40px;}
	.site-content .site-main .frame > h1 {font-size: 38px;}
	.news-box .box {margin: 0 auto 54px; padding: 0; width: 96%;}
        .table-price table:nth-child(2) tbody tr td {-webkit-column-width: inherit;-moz-column-width: inherit;column-width: inherit;}
}
@media screen and (max-width: 320px) {
	/** Content **/
	.team-box h2 {font-size: 22px;}
	.aanbod-box h2 {font-size: 24px;}
	.aanbod-box .box .inner-box {padding: 20px 30px 34px;}
}