@media only screen and (max-width:1600px) {
.caption{bottom:85px;}
}
@media only screen and (max-width:1500px) {
.banner .swiper-button-prev { left: 20px; }
.banner .swiper-button-next { right: 20px; }

}
@media only screen and (max-width:1390px) {
.front_text_main .front_text_image { overflow: hidden; padding: 0 19px 14px 0; overflow: hidden; }
}
@media only screen and (max-width:1350px) {
.services_page ul.nav li a { font-size: 13px; padding: 30px 10px; }
.services_page ul.nav li a { padding: 20px 10px; }
}
@media only screen and (max-width:1200px) {
.wsmenu>.wsmenu-list>li:nth-child(2) { margin-right: 300px; }
.wsmenu>.wsmenu-list>li { margin-right: 25px; }
.wsmenu>.wsmenu-list>li>a { font-size: 15px; }
.wsmenu>.wsmenu-list { margin-left: 70px; }
.caption h2 { font-size: 60px; }
.caption h3 { font-size: 15px; margin-bottom: 5px; }
.caption { bottom: 50px; }
.services .service_box .service_content p { font-size: 15px; }
.services .service_box .service_content h2 a { font-size: 20px; }
.professional_serious .professional_serious_image { width: calc(100% - 100px); height: 450px; }
.professional_serious .professional_serious_image h1 { font-size: 60px; margin: 0; }
.octo, .octo div { width: 412px; height: 412px; }
.front_text_main .front_text_image:after { width: 414px; height: 414px; background-size: 100% !important; }
.pricing_page .nav-tabs .nav-item a { font-size: 14px; }
h1, .h1 { font-size: 35px; }
}
 @media only screen and (min-width:992px) {
.wsmenu > .wsmenu-list > li > ul.sub-menu { opacity: 0; visibility: hidden; }
header .header_call .mail, header .header_call svg { display: none; }
.wsmenu>.wsmenu-list>li>a:before { content: ""; display: block; position: absolute; right: 0; left: 0; bottom: -8px; height: 4px; background: #b69f61; width: 0; margin: 0 auto }
.wsmenu>.wsmenu-list>li:hover > a:before, .wsmenu>.wsmenu-list>li.selected > a:before { width: 20px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu li>a:after { position: absolute; content: ""; background-color: #b69f61; width: 0px; height: 3px; left: 0; top: 0; bottom: 0; margin: auto; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.wsmenu>.wsmenu-list>li>ul.sub-menu li>a:hover:after, .wsmenu>.wsmenu-list>li>ul.sub-menu li.selected>a:after { width: 10px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a:hover, .wsmenu>.wsmenu-list>li>ul.sub-menu li.selected>a { padding-left: 20px; }
.wsmenu>.wsmenu-list li>ul.sub-menu>li>a:hover, .wsmenu>.wsmenu-list li>ul.sub-menu>li.selected>a { color: #b69f61 }
.services .service_box .service_image a:hover span { right: 50%; margin-right: -5px; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; }
.services .service_box .service_image a span { width: 5px; height: 40px; background-color: #fff; position: absolute; top: 0; right: calc(100% - -25px);
bottom: 0; margin: auto; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; }
.services .service_box .service_image a span:after { position: absolute; content: ""; height: 5px; width: 40px; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translateY(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); -webkit-transform: translateY(-50%, -50%); }
.services .service_box .service_image a:before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; bottom: 0; left: 100%; margin: auto; color: #fff; background-color: rgba(182, 159, 97, 0.80); border-radius: 100%; justify-content: center; align-items: center; display: flex; }
.services .service_box .service_image a:after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; color: #fff; background-color: rgba(0, 0, 0, 0.1); border-radius: 100%; justify-content: center; align-items: center; display: flex; }
.services .service_box .service_image a:hover:before { left: 0; }
.copyright .social_media ul li a:after { position: absolute; content: ""; height: 10px; width: 1px; background-color: #fff; top: -26px; left: 0; right: 0; margin: 0 auto; opacity: 0; }
.copyright .social_media ul li a:hover:after { position: absolute; content: ""; height: 10px; width: 1px; background-color: #fff; top: -36px; left: 0; right: 0; margin: 0 auto; opacity: 1; }
footer .footer_wrapper ul li>a:after { position: absolute; content: ""; height: 1px; width: 10px; left: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; opacity: 0; }
footer .footer_wrapper ul li>a:hover:after, footer .footer_wrapper ul li.selected>a:after { left: -10px; opacity: 1; }
footer .footer_wrapper ul li>a:hover, footer .footer_wrapper ul li.selected>a { padding-left: 10px; }
.header_call a:after { position: absolute; content: ""; width: 100%; left: 0; right: 0; bottom: -10px; height: 3px; background-color: #37c0b5; }
.header_call a:before { position: absolute; content: ""; width: 100%; left: 0; right: 0; top: -10px; height: 3px; background-color: #37c0b5; }
.header_call a:hover { color: #b69f61; }
.header_call a:hover:after, .header_call a:hover:before { background-color: #b69f61; }
.welcome_points .welcome_box:hover .icon img { transform: rotateY(180deg); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.octo1 a:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; }
.front_text_main .row:nth-child(odd) .octo1 a:hover:after { background-color: rgba(240, 109, 161, 0.60); opacity: 1; }
.front_text_main .row:nth-child(even) .octo1 a:hover:after { background-color: rgba(160, 108, 216, 0.60); opacity: 1; }
.front_text_image .octo1 a:hover span { right: 50%; margin-right: -5px; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; }
.front_text_image .octo1 a span { width: 5px; height: 40px; z-index: 55; background-color: #fff; position: absolute; top: 0; right: calc(100% - -25px);
bottom: 0; margin: auto; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; }
.front_text_image .octo1 a span:after { position: absolute; content: ""; height: 5px; width: 40px; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translateY(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); -webkit-transform: translateY(-50%, -50%); }
.front_text_main .front_text_image:hover:after { z-index: -1; top: 0; left: 0; opacity: 0; }
.more:hover, .more_btn:hover { padding-left: 8px; }
header .container { height: inherit; display: flex; align-items: center; position: relative; }
.Bookanappointment { padding: 0 15px; position: absolute; left: 1200px; top: 0; z-index: 55; height: 100%; background-color: #37c0b5; text-align: left; align-items: center; right: -28.3vw; display: flex; align-items: center; }
.Bookanappointment:after { position: absolute; width: 100%; height: 100%; background-color: #37c0b5; content: ""; top: 0; z-index: -1; left: 100%; }
.Bookanappointment .btn { background-color: #fff; color: #7bd0cd; font-size: 16px; margin: 0; background-color: #fff !important; }
.Bookanappointment .btn:hover { color: #fff; }
.Bookanappointment .btn:after { background-color: #7bd0cd; color: #fff; border: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li.parent>a:before { position: absolute; content: "\f105"; right: 5px; left: auto; top: 0; bottom: 0; margin: auto; background: no-repeat; font-family: "FontAwesome"; font-size: 18px; display: flex; align-items: center; }
}
 @media only screen and (max-width:1800px) {
.Bookanappointment .btn { font-size: 12px; min-width: 190px; }
}
@media only screen and (max-width:1620px) {
.Bookanappointment .btn { font-size: 10px; min-width: 150px; padding: 11px 5px; }
.Bookanappointment { padding: 0 10px; }
}
@media only screen and (max-width:1550px) {
.Bookanappointment { display: none; }
}
 @media only screen and (min-width:1551px) {
.head-call-mobile { display: none; }
}
 @media only screen and (min-width:769px) {
swiper-slide { background: none; }
.gallery_box a:hover span { right: calc(50% - 17px); -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; }
.gallery_box a span { position: absolute; top: 0; right: calc(100% - -15px);
align-items: center; justify-content: center; display: flex; bottom: 0; margin: auto; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; }
.gallery_box a span:after { position: absolute; content: ""; height: 10px; width: 40px; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translateY(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); -webkit-transform: translateY(-50%, -50%); }
.gallery_box a:after { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.05); }
.gallery_box a:before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; bottom: 0; left: 100%; margin: auto; color: #fff; justify-content: center; align-items: center; display: flex; font-size: 35px; background: rgba(55, 192, 181, 0.80); }
.gallery_box a:hover:before { left: 0; }
}
 @media only screen and (max-width:1024px) {
header .logo { width: 180px; }
header { height: 100px; }
.admin-bar .site_main { padding-top: 100px; }
.caption h2 { font-size: 45px; }
.caption h3 { font-size: 13px; margin-bottom: 0; }
.caption { bottom: 30px; }
.services_page ul.nav li a { padding: 15px 10px; }
.service_image_inner img { max-width: 45%; }
.site_main { padding-top: 100px; }
}
@media only screen and (max-width:991px) {
html { height: 100%; -webkit-overflow-scrolling: touch; }
body { height: 100%; overflow-y: auto; overflow-x: hidden; }
body.wsactive { overflow: hidden; }
.wsmenucontainer { background-attachment: local; background-position: 33% 0%; }
.wsmenu { width: 100%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0; overflow-y: hidden; padding: 0; top: 0; visibility: hidden; position: fixed; margin: 0px; }
.wsmenu>.wsmenu-list { height: auto; min-height: 100%; width: 280px; background: #fff; padding-bottom: 0; margin-left: -280px; display: block; text-align: center; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: absolute; }
.wsmenu>.wsmenu-list>li { width: 100%; display: block; float: none; border-right: none; background-color: transparent; position: relative; white-space: inherit; clear: right; }
@supports (-webkit-overflow-scrolling:touch) {
.wsmenu>.wsmenu-list>li:last-child {
padding-bottom:110px;
}
}
.wsmenu>.wsmenu-list>li>a { width: 100%; padding: 12px 32px 12px 17px; font-size: 14px; text-align: left; border-right: solid 0px; background-color: transparent; color: #666666; line-height: 25px; border-bottom: 1px solid; border-bottom-color: rgba(0, 0, 0, 0.13); position: static; line-height: normal; letter-spacing: 1px; }
.wsmenu>.wsmenu-list>li.selected>a, .wsmenu>.wsmenu-list>li.selected>a:focus, .wsmenu>.wsmenu-list>li:hover>a { background-color: #b69f61; color: #fff; }
.wsmenu>.wsmenu-list>li:hover .wsmenu-click>i:before { border-color: #fff; }
.wsmenu>.wsmenu-list li.selected .wsmenu-click>i:before { border-color: #fff; }
.wsmenu>.wsmenu-list>li a.menuhomeicon { padding-left: 17px; padding-right: 17px; border-top: solid 1px rgba(0, 0, 0, 0.13); }
.wsmenu>.wsmenu-list>li>a.menuhomeicon i { display: none; }
.wsmenu>.wsmenu-list>li>a>i { font-size: 16px; color: #bfbfbf; }
.wsmenu>.wsmenu-list>li>a .wsarrow:after { display: none; }
.wsmenu>.wsmenu-list>li>a>.hometext { display: inline-block; }
.wsmenu>.wsmenu-list>li ul.sub-menu { min-width: 100%; white-space: unset; }
.wsmenu>.wsmenu-list>li>ul.sub-menu { display: none; position: relative; top: 0px; background-color: #fff; border: none; padding: 0px; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a { line-height: 20px; font-size: 14px; padding: 10px 0px 10px 38px; border-bottom: 1px solid rgba(0, 0, 0, 0.13); }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a:after { position: absolute; content: ""; height: 3px; width: 8px; background-color: #909090; left: 20px; margin: auto; top: 20px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li span+a { padding-right: 30px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a>i { display: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666666; }
.wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a { background-color: #e7e7e7; color: #666666; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu { width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0px; padding: 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu li a:after { left: 39px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a { line-height: 20px; font-size: 14px; padding: 10px 0px 10px 56px; color: #383838; border-bottom: 1px solid rgba(0, 0, 0, 0.13); }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a>i { display: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666666; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a { color: #000; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0px; padding: 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0px 0px 0px 0px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a { line-height: 20px; font-size: 13px; padding: 10px 0px 10px 34px; color: #383838; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a>i { display: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666666; text-decoration: underline; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000; }
.wsmobileheader { width: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 10002; height: 54px; background-color: #eaecf0; text-align: center; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; box-shadow: 0 0 1px rgba(0, 0, 0, .3); }
.wsactive .wsmobileheader { margin-left: 240px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.wsmobileheader .smllogo { display: inline-block; margin-top: 12px; }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch { width: 86%; margin: 7% 7%; padding: 0px; }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input { border-radius: 50px }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus { width: 100%; }
.wsanimated-arrow { width: 30px; height: 30px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right; z-index: 99999; }
.wsanimated-arrow span { display: block; position: absolute; height: 4px; width: 100%; background: #ac794f; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.wsactive .wsanimated-arrow span { background: #fff; }
#wsnavtoggle span:nth-child(1) { top: 0px; }
#wsnavtoggle span:nth-child(2), #wsnavtoggle span:nth-child(3) { top: 12px; }
#wsnavtoggle span:nth-child(4) { top: 24px; right: 0; float: right; left: auto; }
.wsactive #wsnavtoggle span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
.wsactive #wsnavtoggle span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.wsactive #wsnavtoggle span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.wsactive #wsnavtoggle span:nth-child(4) { top: 18px; width: 0%; }
.overlapblackbg { right: 0; width: 100%; height: 100vh; min-height: 100%; position: fixed; top: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; }
.wsactive .wsmenu .overlapblackbg { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; }
.wsmenucontainer { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.wsactive .wsmenucontainer { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.wsactive .wsmenu { overflow-y: scroll; -webkit-overflow-scrolling: touch; visibility: visible; top: 0; }
.wsmenu { z-index: 88; }
.wsactive .wsmenu>.wsmenu-list { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; margin-left: 0; }
.wsmenu>.wsmenu-list>li>.wsmenu-click { height: 41px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 41px; z-index: 55; border-left: 1px solid rgba(0, 0, 0, 0.13); }
.wsmenu>.wsmenu-list>li .wsmenu-click.ws-activearrow>i { transform: rotate(-45deg); margin-top: 18px; }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin: 15px 16px 0px 0px; }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color: #666; transition: 0.2s ease; display: block; transform-origin: 100% 0; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02 { height: 41px; width: 41px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; z-index: 88; border-left: 1px solid rgba(0, 0, 0, 0.13); }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i { display: block; height: 8px; width: 8px; float: right; transform: rotate(-225deg); margin: 14px 16px 0px 0px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color: rgba(0, 0, 0, 0.40); transition: 0.2s ease; display: block; transform-origin: 100% 0; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i.wsmenu-rotate { transform: rotate(-45deg); margin-top: 19px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li.selected a, .wsmenu>.wsmenu-list>li>ul.sub-menu li.selected>a, .wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a:focus { color: #b69f61; text-decoration: none; position: relative; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li.selected>a:after { background-color: #b69f61; }
.header_call { float: left; }
header .header_call span { display: none; }
.header_call a { width: 40px; height: 40px; float: left; background-color: #b69f61; margin-right: 10px; display: flex; align-items: center; justify-content: center; }
.header_call a:last-child { margin-right: 0px; }
.header_call a svg { width: 24px; fill: #fff; }
.wsanimated-arrow { margin-top: 6px; }
.site_main { padding-top: 100px; }
.wsmenu>.wsmenu-list>li { margin-right: 0; margin: 0; padding: 0; }
.professional_serious .professional_serious_image { height: 400px; }
.professional_serious .professional_serious_image h1 { font-size: 45px; }
.octo, .octo div { width: 262px; height: 262px; }
.front_text_main .front_text_image:after { width: 264px; height: 264px; background-size: 100% !important; }
.front_text_main .front_text_image:after { top: 5px; left: 5px; }
.front_text_main .row { margin-bottom: 50px; }
.make_a_booking .title h2 { font-size: 60px; line-height: normal; }
.testimonial_box p { font-size: 20px; }
.testimonial_box h2 { font-size: 20px; }
footer .footer_wrapper { margin: 20px 0; }
footer { padding-top: 40px; }
.copyright { margin-top: 40px; }
.copyright .social_media { float: right; }
.service_content_section .service_content_img { margin-bottom: 15px; }
.service_steps .step_box { margin: 15px 0; }
}
@media only screen and (max-width:767px) {
.mobile-accordion-toggle { padding: 15px; display: none; margin: 0; }
.footer_wrapper h2 { margin: 0; padding: 6px 25px 6px 15px; position: relative; margin: 0 !important; display: block; font-size: 20px; }
.footer_wrapper h2:after { display: none }
.footer_wrapper h2 span { position: absolute; right: 0px; bottom: 0; width: 100%; height: 100%; left: 0; top: 0 }
.footer_wrapper h2 span:before, .footer_wrapper h2 span:after { content: ""; display: block; height: 2px; width: 14px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; right: 0; top: 50%; background: #edc965; }
.footer_wrapper h2 span:after { width: 2px; height: 14px; right: 6px; }
.footer_wrapper.in h2 span:after { height: 0; }
.footer_wrapper-toggle { padding: 15px 0 0 0; display: none; margin: 0; }
.footer_wrapper.mobile-toggle { margin-top: 0; }
.banner .swiper-button-prev svg, .swiper-button-next svg { height: 30px; }
.btn { font-size: 15px; min-width: 220px; padding: 14px 15px 14px 15px; margin-top: 20px; }
div.healcode.appointments a.hc-button { font-size: 15px; min-width: 220px; padding: 14px 15px 14px 15px; }
.caption h2 { font-size: 35px; }
.banner .swiper-slide img { display: none; height: 400px; }
.banner .swiper-slide { height: 300px; }
section, .contact_detail { padding: 60px 0; }
.title p { font-size: 18px; }
.title h2 { font-size: 35px; }
.welcome_points .welcome_box .icon { margin-bottom: 15px; }
.welcome_points .welcome_box h2 { line-height: normal; }
.welcome_points { margin-top: 30px; }
.front_text_main .front_text_image { float: left; }
.front_text_main .front_text_image { margin-bottom: 20px; }
.make_a_booking:before { background-size: 70px; height: 37px; }
.form-group { margin-bottom: 25px; }
.make_a_booking .title h2 { font-size: 50px; }
.input-label { font-size: 18px; }
.form-group .form-control { height: 45px; }
.testimonial_box { width: 100%; }
.copyright { text-align: center; }
.copyright .social_media { width: 100%; margin-top: 15px; }
.footer_wrapper h2 { padding: 6px 25px 6px 0px; }
footer .footer_wrapper { margin: 0px 0; }
footer .footer_wrapper h2 { font-size: 20px; }
.footer_wrapper h2 span:before, .footer_wrapper h2 span:after { background: #ffffff; }
footer .footer_wrapper { border: 2px solid #fff; margin: 5px 0; padding: 0 15px; }
.mobile-accordion-toggle { padding: 15px 0; }
.inner_banner .inner_caption h1, .inner_banner .inner_caption .h1, .inner_banner .inner_caption span { font-size: 50px; }
.inner_banner { height: 300px; }
.view_icon { display: none; }
.pricing_page .nav-tabs .nav-item a { padding: 10px 10px; }
.contact_detail .contact_wrapper { margin-bottom: 30px; }
.contact_detail .row [class*="col-"]:last-child .contact_wrapper { margin-bottom: 0px; }
.service_steps .step_box { height: auto; padding: 30px 15px; }
.service_steps .step_box { margin: 7px 0; }
.make_a_booking_form { margin-bottom: 30px; }
footer { background-attachment: fixed !important; }
h1, .h1 { font-size: 30px; }
footer .footer_wrapper.hours li+li, footer .footer_wrapper.contact_info li+li { margin-top: 13px; }
.caption { bottom: 10px; left:20px;  }
img.alignright{float:none; display:table; margin:0 auto 10px;}
img.alignleft{float:none; display:table; margin:0 auto 10px;}
img.aligncenter{float:none; display:table; margin:0 auto 10px;}
}
@media only screen and (max-width:639px) {
.professional_serious .professional_serious_image { height: 350px; width: calc(100% - 50px); }
.professional_serious .professional_serious_image h1 { font-size: 40px; }
div.list_view div.header h1 { font-size: 30px; }
div div.healcode a.action_icon.my_account_version { margin-top: 13px !important; }
div div.healcode a.action_icon { margin: 9px 0 0 10px; }
h1, .h1 { font-size: 25px; }
}
@media only screen and (max-width:575px) {
header .logo { width: 150px; }
header { height: 80px; }
.site_main { padding-top: 80px; }
.front_text_main .front_text_image:after { width: 314px; height: 313px; }
.octo, .octo div { width: 312px; height: 312px; }
.front_text_main .front_text_image { float: left; }
.welcome_points .welcome_box h2 { font-size: 21px; }
.title p { max-width: 100%; }
section, .contact_detail { padding: 40px 0; }
.title h2 { font-size: 30px; margin-bottom: 40px; }
.title h2:after { bottom: -14px; }
.services .service_box .service_image img { max-width: 300px; }
.services .service_box .service_image { margin-bottom: 10px; }
.services .service_box .service_content h2 { margin-bottom: 10px; }
.services_slider { margin-top: 0; }
.swiper-pagination { margin-top: 10px; }
.professional_serious .professional_serious_image { height: 280px; width: calc(100% - 30px); }
.make_a_booking:before { background-size: 50px; height: 27px; }
.make_a_booking .title h2 { font-size: 40px; }
.submit_btn input { min-width: 300px; }
div span.wpcf7-not-valid-tip, div div.wpcf7-response-output { font-size: 13px; }
div div.wpcf7-response-output { bottom: -40px; }
.testimonial_box span.testimonial_icon { margin-bottom: 15px; }
.testimonial_box p { font-size: 18px; margin-bottom: 15px; }
.testimonial_box h2 { font-size: 18px; }
.front_text_main .row { margin-bottom: 30px; }
.inner_banner .inner_caption h1, .inner_banner .inner_caption .h1, .inner_banner .inner_caption span { font-size: 40px; }
h2, .h2 { font-size: 25px; }
.services_page.services .service_box { margin-bottom: 30px; }
.services .service_box .service_content p { margin-bottom: 15px; }
.services_page ul.nav { margin: 0 0 30px 0; }
.services_page ul.nav li a { padding: 10px 10px; }
.pricing_box { margin-top: 50px; }
.pricing_box .tbl-prc-content ul li { padding: 9px 10px; font-size: 13px; }
.tab-content { margin-top: 0; }
.testimonialpage_main .testimonial_quote { width: 60px; height: 60px; }
.testimonialpage_main { padding: 0 0 0 80px; }
.testimonialpage_main .testimonial_text:before { border-width: 15px 15px 15px 0px; left: -13px; top: 12px; }
.testimonialpage_main .testimonial_text p { font-size: 16px; margin-bottom: 15px; }
.testimonial-list:nth-child(even) .testimonial_text:before { border-width: 15px 0px 15px 15px; right: -13px; }
.testimonial-list:nth-child(even) .testimonialpage_main { padding: 0 80px 0 0; }
.testimonialpage_main .testimonial_quote i { font-size: 25px; }
.page404 h2 { font-size: 80px; }
.page404 h3 { font-size: 20px; }
.service_image_inner img { max-width: 100%; }
.col2 { -moz-column-count: 1; -moz-column-gap: 1em; -webkit-column-count: 1; -webkit-column-gap: 1em; column-count: 1; column-gap: 1em; }
.accordion .btn-link { font-size: 15px; }
.accordion .btn-link .fa { margin-top: 1px; }
h2, .h2 { font-size: 23px; }
.map iframe { height: 250px; }
.services_page .service_box .service_content h2 span { min-height: unset; }
.scroll-top.visible { bottom: 15px; }
.banner .swiper-slide { height: 180px; }
.banner .btn{min-width: auto; padding:10px;}
.caption { bottom: 10px; left: 50%; transform: translateX(-50%); }

}
 @media only screen and (max-width:479px) {
header .logo { width: 130px; }
header { height: 70px; }
.header_call a { width: 35px; height: 35px; }
.header_call a svg { width: 20px; }
.wsanimated-arrow { margin-top: 4px; }
.site_main { padding-top: 70px; }
.banner .swiper-button-next { right: 5px; }
.banner .swiper-button-prev { left: 5px; }
.title h2 { font-size: 25px; margin-bottom: 40px; margin-bottom: 30px; }
.title p, p, .make_a_booking .title p, .testimonial_box p { font-size: 16px; }
.professional_serious .professional_serious_image h1 { font-size: 30px; }
.professional_serious .professional_serious_image { height: 250px; }
.form-group { margin-bottom: 18px; }
.submit_btn input { min-width: 260px; }
footer .footer_wrapper h2 { font-size: 18px; }
.banner .swiper-button-prev, .banner .swiper-button-next { display: none; }
.inner_banner .inner_caption h1, .inner_banner .inner_caption .h1, .inner_banner .inner_caption span { font-size: 35px; }
.inner_banner .inner_breadcrumb ol li { font-size: 14px; }
.inner_banner .inner_breadcrumb ol li:after { top: 1px; }
.inner_banner { height: 250px; }
.pricing_page .nav-tabs .nav-item a { font-size: 12px; }
.testimonialpage_main .testimonial_quote { width: 40px; height: 40px; }
.testimonialpage_main .testimonial_quote i { font-size: 18px; }
.testimonialpage_main { padding: 0px 0 0 60px; }
.testimonialpage_main .testimonial_text { padding: 15px 15px; }
.testimonialpage_main .testimonial_text:before { border-width: 10px 10px 10px 0px; left: -9px; top: 10px; }
.testimonial-list:nth-child(even) .testimonialpage_main { padding: 0 60px 0 0; }
.testimonial-list:nth-child(even) .testimonial_text:before { border-width: 10px 0px 10px 10px; right: -9px; }
.testimonialpage_main .testimonial_text p { font-size: 14px; margin-bottom: 10px; }
.testimonial-list { margin-bottom: 20px; }
.contact_detail .contact_wrapper .icon { width: 100px; height: 100px; }
.cms_page ul li { font-size: 15px; }
.accordion .card { padding: 0 15px; }
div .ui-datepicker td span, .ui-datepicker td a { font-size: 13px; }
div .ui-datepicker td span, div .ui-datepicker td a { height: 45px; }
.ui-datepicker th { font-size: 12px; }
div div.healcode .ui-corner-all, div div.healcode .ui-corner-bottom, div div.healcode .ui-corner-right, div div.healcode .ui-corner-br { padding: 10px; }
div.list_view div.header h1 { font-size: 20px; }
div div.healcode a.action_icon.my_account_version { margin-top: 3px !important; }
div div.healcode a.action_icon { margin: -1px 0 0 10px; }
div.healcode.appointments a.hc-button { min-width: 160px; }
div.list_view div.header h1.healcode-date-label { font-size: 18px; }
div div.healcode.appointments .trainer-label { font-size: 14px; }
div div.healcode.appointments .appointment a.hc-button { padding: 7px 7px; }
}
@media only screen and (max-width:360px) {
.octo, .octo div { width: 282px; height: 282px; }
.front_text_main .front_text_image:after { width: 284px; height: 284px; }
header .logo { width: 110px; }
.header_call a { margin-right: 5px; }
.header_call a { width: 30px; height: 30px; }
.header_call a svg { width: 18px; }
.wsanimated-arrow { margin-top: 0px; }
.caption h2 { font-size: 30px; }
.make_a_booking .title h2 { font-size: 33px; }
.testimonialpage_main .testimonial_text h3 { font-size: 14px; }
.contact_detail .contact_wrapper a, .contact_detail .contact_wrapper p { font-size: 15px; }
h2, .h2 { font-size: 20px; }
div div.healcode a.action_icon.my_account_version { font-size: 9px; }
div div.healcode a.action_icon { margin: -1px 0 0 3px; }
div .ui-datepicker td span, div .ui-datepicker td a { height: 40px; }
h1, .h1 { font-size: 23px; }
}