/* 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: 480px; background-size: 100%; background-repeat: no-repeat; }    
    .kv-content .kv-title { padding: 10px 0 0; font-size: 34px; }
}

/* 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: 360px; background-size: 100%; background-repeat: no-repeat; }    
    .kv-content { width: 60%; }
    .kv-content .kv-title { padding: 10px 0 0; font-size: 26px; }
    iframe { min-height: 780px; }
}

/* 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: none; }    
    .kv-image-mobile { display: block; float: none; position: relative; text-align: center; border-bottom: 1px solid #cccccc; padding: 10px 0 20px; }
    .kv-content { width: 100%; float: none; }
    .kv-content .kv-title { padding: 10px 0 0; font-size: 23px; }
    iframe { min-height: 820px; }
}