/* ----------------------------------------- */ /* View slug: header-slideshow - start */ /* ----------------------------------------- */ .site-header .bx-wrapper{ position: absolute !important; top: 0px; left: 0px; z-index: -1 !important; width: 100%; } .site-header .bx-wrapper .bx-viewport{ border: 0px; box-shadow: none; left: 0px; } /* ----------------------------------------- */ /* View slug: header-slideshow - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: property-single - start */ /* ----------------------------------------- */ .content .entry { padding: 0px 40px 40px 40px !important; } .property_thumb { cursor: pointer; } .bx-wrapper { margin-top: 20px !important; } .bx-wrapper .bx-next { right: -40px; } .bx-wrapper .bx-prev { left: -50px; } #main_img { width: 90%; /* or whatever is required */ text-align: center; /* ensures the image is always in the h-middle */ overflow: hidden; /* hide the cropped portion */ height: 450px; } #main_img img { width: auto; height: 100%; position: relative; /* allows repositioning */ left: 100%; /* move the whole width of the image to the right */ margin-left: -200%; /* magic! */ } @media (max-width: 600px) { #main_img { width: 100%; /* or whatever is required */ text-align: center; /* ensures the image is always in the h-middle */ overflow: hidden; /* hide the cropped portion */ height: auto; } #main_img img { width: 100%; min-height: initial; position: relative; /* allows repositioning */ left: 100%; /* move the whole width of the image to the right */ margin-left: -200%; /* magic! */ } .content .entry{ padding: 0px 20px 40px 20px !important; } } /* ----------------------------------------- */ /* Content Template: property-single - end */ /* ----------------------------------------- */