/* CSS made by us */
/* Horizontal view - tablet/ipad 1024 */
@media (min-width: 991px) and (max-width: 1024px) {    
    img { max-width: 100%; width: auto; max-height: inherit; }
    .contentArea { padding: 0 20px; }
    .main_container.main-kv { height: auto; background-size: 100%; background-repeat: repeat; }
    .kv-image { width: 50%; bottom: 0; top: auto; }
    .kv-content .kv-title { padding: 50px 0 0; }
}

/* Vertical view - tablet/ipad 768 */
@media (min-width: 768px) and (max-width: 990px) {    
    img { max-width: 100%; width: auto; max-height: inherit; }
    .contentArea { padding: 0 20px; }
    .main_container.main-kv { height: auto; background-size: 100%; background-repeat: repeat; }
    .kv-image { width: 40%; top: 50px; }
    .kv-content { width: 60%; }
    .kv-content .kv-title { padding: 50px 0 0; }
    iframe { min-height: 670px; }
}

/* Horizontal/Vertical view - mobile */
@media (max-width: 767px) {    
    img { max-width: 100%; width: auto; max-height: inherit; }
    .contentArea { padding: 0 15px; }
    .main_container.main-kv { height: auto; background-size: 100%; background-repeat: repeat; }
    .kv-image { display: none; }
    .kv-image-mobile { display: block; float: none; position: relative; right: -15px; text-align: right; }
    .kv-content { width: 100%; float: none; }
    .kv-content .kv-title { padding: 20px 0 0; }
    iframe { min-height: 680px; }
}