/* ---------------------
* Responsive Corrections 
------------------------ */

/* General */

.external_buttons {
	display: flex;
	width: 100%;
	align-content: flex-start;
	margin-top: 15px;
}
iframe#ext_btn1 {
    width: 172px;
    height: 46px;
    overflow: hidden !important;
    display: flex;
}
iframe#ext_btn2 {
    width: 178px;
    height: 46px;
    overflow: hidden !important;
    display: flex;
}
.ext_box {
	margin-right: 10px;
}
.ext_box h4 {
    color: #d95c5c;
}





/* End General */


@media screen and (min-width:768px){

.mob {
	display: none !important;
}
div.home_container {
    top: 200px;
}


} /* /min-width:768px ------------------------------------------------------*/

@media screen and (max-width:767px){

.pc {
	display: none !important;
}
img {
	image-rendering: -webkit-optimize-contrast;
	height: auto;
 	max-width: 100%;
}
div.menu {
    overflow-y: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.home .owl-carousel .owl-item .background_image {
    background: none;
    position: relative;
}
.owl-item .home_mainpage + div img {
    max-width: 250px;
    height: auto;
}
div.home {
	height: auto;
	margin-top: 60px;
	background-color: #f2f8f8;
}
.home .parallax_background {
    position: relative;
    height: auto;
    background-image: none !important;
    background-color: transparent;
    min-height: 100px;
}
.about-top img.mob {
    display: none;
}
.home.about-top .parallax_background {
	display: none;
}
.home .home_overlay {
    position: absolute;
    bottom: 0;
}
span.body-topic {
    line-height: 1.5;
    margin: 15px auto 0 auto;
    display: block;
}
.home .parallax_background br {
    display: none;
}
img.gallery {
    margin-top: 20px;
}
.scale-1 {
    transform: scale(1.1);
    transform-origin: bottom right;
}
.scale-2 {
    transform: scale(1.2);
    transform-origin: bottom right;
}
.before_and_after_row .row {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
ul.submobmenu {
    display: none;
    padding-left: 15px;
}
nav.menu_nav li {
    position: relative;
}
nav.menu_nav ul li a {
    display: block;
    padding-right: 40px;
    margin: 5px 0;
}
.menu_nav li a.sub {
    position: absolute;
    color: #fff;
    right: 0;
    top: 0;
    font-size: 24px;
    line-height: 36px;
    width: 40px;
    text-align: center;
    z-index: 99;
    display: inline-block;
    padding: 0;
    margin: 0;
}
ul.submobmenu li a {
    font-size: 20px;
}
div.social.menu_social {
    left: auto;
    right: 20px;
}




} /* /max-width:767px ------------------------------------------------------*/


/* Portrait */

@media screen and (max-width:767px) and (orientation: portrait){

.owl-carousel .owl-item .home_container {
    transform: none;
    position: relative;
    top: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.owl-item .home_mainpage {
    font-size: 42px;
}
.owl-carousel div.owl-stage {
    height: auto;
}
.owl-carousel div.owl-item {
    height: auto;
}
.intro_form input#datepicker {
    width: 100%;
}
input#datepicker.contact_input {
    width: 100%;
}
.home .home_container {
    position: relative;
    top: auto;
    padding: 30px 10px 70px 10px;
}
div.direct_line_num {
    font-size: 20px;
}
.before_and_after_row .row > .col-4 {
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 15px;
}
/*.external_buttons iframe#ext_btn1 {
    transform: scale(0.85);
    transform-origin: left center;
}
.external_buttons iframe#ext_btn2 {
    transform: scale(0.85);
    transform-origin: left center;
}*/
div.ext_box{
    transform: scale(0.85);
    transform-origin: left center;
}



} /* /(max-width:767px) and (orientation: portrait) -------------------------- */

/* Landscape */

@media screen and (max-width:767px) and (orientation: landscape){

.owl-carousel .owl-item .home_container {
    transform: none;
    position: relative;
    top: auto;
    padding-top: 20px;
}
.home .home_container {
    position: relative;
    top: auto;
    padding: 30px 10px 100px 10px;
}
body div.home {
	height: auto;
	margin-top: 117px;
}
.before_and_after_row .row > .col-4 {
    flex-basis: 50%;
    max-width: 50%;
    margin-top: 15px;
}




} /* /(max-width:767px) and (orientation: landscape) -------------------------- */



@media screen and (max-width:369px) and (orientation: portrait){

.external_buttons div.ext_box{
    transform: none;
    margin-top: 10px;
}
div.external_buttons {
    flex-direction: column;
}
.contact_form .contact_input {
    width: 100%;
}



} /* /(max-width:369px) and (orientation: portrait) ----------------------------- */