.mid-content{
    margin-top: 200px;
}
.mid-image:after{
    background:rgb(0 0 0 / 23%) !important;
}
.site-navigation ul.js-clone-nav li.has-children ul.dropdown a:after {
    background: #fff;
}
.bg-image{
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../images/ako/Hero6small.webp) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.hero:after, .hero:before{
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.bg-image2{
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../images/ako/Hero1large.webp) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.bg-image3{
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../images/OutdoortheatrenightLrg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.bg-image4{
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../images/ako/contactussalescentre.webp) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.main-banner .Banner_heading_pos{
    margin-bottom:250px;
}
.main-banner .links{
    margin-bottom:50px;
}
.Banner_heading_pos.other h1 {
    font-size: 40px !important;
}

.Banner_heading_pos.other{
    top: -150px !important;
}

@media (max-width: 760px) and (min-width: 375px) {
    .right-logo-allure, /*.links*/, .changeImages-section{
        display: none !important;
    }
    .hero h2,.hero h3 {
        display: none !important;
    }
    .Banner_heading_pos {
        top: 125px !important;
    }
    .mid-content h1.heading.mb-3.maintittle{
        font-size: 11px !important;
    }
    .site-navigation ul.js-clone-nav li a:after {
      background: none !important; 
    }
}
@media (max-width: 684px) and (orientation : landscape){
    .bg-image{
      background-image: none !important;
      background-color: #000 !important;
    }
    .bg-image2{
      background-image: none !important;
      background-color: #000 !important;
    }
    .bg-image3{
      background-image: none !important;
      background-color: #000 !important;
    }
    .changeImages-section{
        display: none !important;
    }
    .site-navigation ul.js-clone-nav li a:after {
      background: none !important; 
    }
}
@media (max-width: 667px) and (orientation : landscape){
    .bg-image{
      background-image: none !important;
      background-color: #000 !important;
    }
    .bg-image2{
      background-image: none !important;
      background-color: #000 !important;
    }
    .bg-image3{
      background-image: none !important;
      background-color: #000 !important;
    }
    .changeImages-section{
        display: none !important;
    }
    .site-navigation ul.js-clone-nav li a:after {
      background: none !important; 
    }
}
@media (max-width: 736px) and (orientation : landscape){
    .bg-image{
      background-image: none !important;
      background-color: #000 !important;
    }
    .bg-image2{
      background-image: none !important;
      background-color: #000 !important;
    }
    .bg-image3{
      background-image: none !important;
      background-color: #000 !important;
    }
    .changeImages-section{
        background-image: none !important;
      background-color: #000 !important;
    }
    .site-navigation ul.js-clone-nav li a:after {
      background: none !important; 
    }
}

@media (max-width: 684px) and (orientation : portrait){
    .changeImages-section{
        display: none !important;
    }
    .mid-content h1.heading.mb-3.maintittle{
        font-size: 11px !important;
    }
    .site-navigation ul.js-clone-nav li a:after {
      background: none !important; 
    }
}
@media (max-width: 667px) and (orientation : portrait){
    .changeImages-section{
        display: none !important;
    }
    .mid-content h1.heading.mb-3.maintittle{
        font-size: 11px !important;
    }
    .site-navigation ul.js-clone-nav li a:after {
      background: none !important; 
    }
}
@media (max-width: 736px) and (orientation : portrait){
    .changeImages-section{
        background-image: none !important;
      background-color: #000 !important;
    }
    .mid-content h1.heading.mb-3.maintittle{
        font-size: 11px !important;
    }
    .site-navigation ul.js-clone-nav li a:after {
      background: none !important; 
    }
}


@media (max-width: 767.98px) {

    .Banner_heading_pos {
        transition: transform 1.1s ease;
        top: 0px !important;
    }
    .hero.homepagevideo .Banner_heading_pos h1.heading {
        line-height: 30px;
        font-size: 2.5em !important;
    }
    .links{
        padding-top: 20px;
    }
    .dflex-buttons.Stickybutton.show {
        display: inline-grid;
        justify-items: end;
    }
    .dflex-buttons.Stickybutton a.video-button {
        background: rgb(0 0 0);
        color: #fff;
        margin: 0px 0px 10px 0px !important;
    }
    h3.heading.dblb-3{
       line-height: 37px;
        font-size: 35px;
    }
    .mid-content{
        margin-top: 25px;
    }
    .mid-content h1{
        font-size: 40px;
    }
    .mid-content h1.heading.mb-3.maintittle {
        /*text-align: justify;*/
        line-height: 22px;
        font-size: 15px;
        padding: 5px;
    }
    .foot-logo, .desktop-block {
        padding: 20px;
    }
    .main-banner .Banner_heading_pos{
    /*   margin-bottom: 25px;*/
    }
    .main-banner .Banner_heading_pos h1.heading{
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }
    .main-banner .links {
        margin-bottom: -20px;
        padding-top: 53px;
    }
    .margin-bottom-custom {
        margin-bottom: 0rem;
    }
    .section.innerpage-section.bgg-tour{
        padding:0px;
    }
    .about-text p {
        color: #000;
    }
    .about-us.b-img {
        padding: 20px;
    }
    .variable-width.result_hover, .variable-width-amn.result_hover { 
        filter: brightness(0.8);
    }

    .custom-container .variable-width {
        padding: 10px;
    }

    .hero.homepagevideo > .container {
        bottom: 40%;
    }

    .hero.hero-images-inner > .container {
        bottom: 20%;
    }

    .Banner_heading_pos.other h1 {
        font-size: 25px !important;
        text-align: center;
    }

    .Banner_heading_pos.other {
        top: 0px !important; 
    }

    .body-pattern-img {
      background: none;
    }
    .bg-image{
      background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../images/Hero6small.jpg) no-repeat center top scroll;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: auto 100vh;
      -o-background-size: cover;
    }
    .bg-image2{
        background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../images/Hero1large.jpg) no-repeat center top scroll;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: auto 100vh;
      -o-background-size: cover;
    }
    .bg-image3{
        background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../images/OutdoortheatrenightLrg.jpg) no-repeat center top scroll;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: auto;
      -o-background-size: cover;
    }
    .bg-image4{
        background-color: #000;
        background-image: none;
    }
    .community2{
        background-image: url(../images/community2.jpg) !important;
    }
    .bgg-tour{
        background: linear-gradient(to bottom, #000, #03a9f4) !important;
        margin-top: 20px !important;
    }
    .bgg-tour h4{
        font-size: 23px !important;
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .about-text2 p{
        color: #fff !important;
    }
    .site-navigation ul.js-clone-nav li a:after {
      background: none !important; 
    }
    .b-button{
        display:none !important;
    }
}