/*......home......*/
@media screen and (min-width:769px){
    html, body {
    height: 100%;overflow: hidden;
    position: relative;
}
    #home .hero_section{position: fixed;}
    .h_intro_section .cloud > *, .courtyard_wrap .cloud > *{background-attachment: initial!important;}
    .h_intro_bg{z-index: -1!important;}
    .h_intro_bg > div,.h_courtyard_bg > div{position: absolute!important;}
    .h_image_sep{width:calc(100% - 150px)!important;height:46vw!important;}
    #home + .footer_wrap{position: fixed;bottom: 0;left:0;z-index:14;width:100%;}

    #home > div,.skrollable {
        position: fixed;z-index: 14;
    }
    #home > div{width:100%;height:100%;left:0;top:0;}
   .courtyard_wrap .cloud{z-index: 14;}

    .main_wrapper {
    position: absolute;width: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: -18px;  /*exact value is given through JavaScript */
    overflow: auto;
   
}
#home_wrap{pointer-events: none;}
/*#home_wrap a, #home_wrap button, #home_wrap input{pointer-events: all;}*/
}
@media screen and (max-width:1500px){
    
    .page_title{font-size: 16px;}
    .hero_headline{font-size: 50px;line-height: 65px;}
    .hero_sub_headline{font-size: 20px;line-height: 34px;}
    
    .btn{font-size: 12px;}
    .company_title{font-size: 10px;}
    
    
    .hero_dwn_arrow{bottom: 20px;}
    
    
    .btn_B{padding: 0 25px;}
}