.youtube_frame { padding-bottom : 32px; background-color : #0068B6;} .youtube_frame iframe { width : 90%; height : auto; min-height : 523px; display : block; margin-left : 5%; } @media (min-width: 1025px) { /* A A A : A : A : A : */ #divPopup01 { position : absolute; left : 3%; top : 200px; visibility : hidden; z-index : 99999; } #divPopup02 { position : absolute; left : 20%; top : 200px; visibility : hidden; z-index : 99999; } #divPopup03 { position : absolute; right : 35%; top : 200px; visibility : hidden; z-index : 99999; } #divPopup04 { position : absolute; right : 22%; top : 200px; visibility : hidden; z-index : 99999; } #divPopup05 { position : absolute; right : 12%; top : 200px; visibility : hidden; z-index : 99999; } #divPopup01 .divPDescript { width : 500px; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-colo : white; } #divPopup02 .divPDescript { width : 500px; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-colo : white; } #divPopup03 .divPDescript { width : 500px; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-colo : white; } #divPopup04 .divPDescript { width : 500px; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-colo : white; } #divPopup05 .divPDescript { width : 750px; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-colo : white; } .divPDescript a ,.divPDescript a img ,.divPDescript img { width : 100%; height : auto; } .youtube_frame { padding-bottom : 32px; background : #0068B6 !important;} .youtube_frame iframe { width : 90%; height : auto; min-height : 300px; display : block; margin-left : 5%; } .divPopupFooter { padding-bottom : 5px; padding-top : 5px; text-align : right; bgcolor : white; } .divPopupFooter button { cursor : pointer; border : 0px; background-color : #000; height : 35px; color : #fff; } } /* Tablet Css */ @media (min-width: 641px) and (max-width: 1024px) { /* A A A : A : A : A : */ #divPopup01 { position : absolute; left : 0; top : 800px; background-color : white; visibility : hidden; width : 350px; z-index : 99999; } #divPopup03 { position : absolute; left : 0; top : 200px; background-color : white; visibility : hidden; width : 350px; z-index : 9999; height : auto; } #divPopup02 { position : absolute; right : 0; top : 200px; background-color : white; visibility : hidden; width : 350px; z-index : 999; height : auto; } #divPopup04 { position : absolute; right : 0; top : 200px; background-color : white; visibility : hidden; width : 350px; z-index : 999; height : auto; } #divPopup05 { position : absolute; right : 0; top : 200px; background-color : white; visibility : hidden; width : 350px; z-index : 999; height : auto; } #divPopup01 .divPDescript { width : 100%; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-color : white; } #divPopup02 .divPDescript { width : 100%; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-color : white; } #divPopup03 .divPDescript { width : 100%; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-color : white; } #divPopup04 .divPDescript { width : 100%; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-color : white; } #divPopup05 .divPDescript { width : 100%; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-color : white; } .divPDescript a ,.divPDescript a img ,.divPDescript img { width : 100%; height : auto; } .divPopupFooter { padding-bottom : 5px; padding-top : 5px; text-align : right; bgcolor : white; width : 100%;} .divPopupFooter button { cursor : pointer; border : 0px; background-color : #000; color : #fff; } .Popup01 ,.Popup02 { font-size : 13px; } .youtube_frame { background : #0068B6 !important;} .youtube_frame iframe { min-height : 323px; } } /* Mobile Css */ @media (max-width: 640px) { /* A A A : A : A : A : */ #divPopup01 { position : absolute; left : 5%; top : 50px; visibility : hidden; width : 90%; z-index : 9998; } #divPopup03 { position : absolute; left : 5%; top : 50px; visibility : hidden; width : 90%; z-index : 9999; height : auto; } #divPopup02 { position : absolute; left : 5%; top : 50px; visibility : hidden; width : 90%; z-index : 99999; height : auto; } #divPopup04 { position : absolute; left : 5%; top : 50px; visibility : hidden; width : 90%; z-index : 99999; height : auto; } #divPopup05 { position : absolute; left : 5%; top : 50px; visibility : hidden; width : 90%; z-index : 99999; height : auto; } #divPopup01 .divPDescript { width : 100%; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-color : white; } #divPopup02 .divPDescript { width : 100%; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-color : white; } #divPopup03 .divPDescript { width : 100%; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-color : white; } #divPopup04 .divPDescript { width : 100%; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-color : white; } #divPopup05 .divPDescript { width : 100%; height : auto; cellpadding : 0; cellspacing : 0; border : 0px; text-align : center; background-color : white; } .divPDescript a ,.divPDescript a img ,.divPDescript img { width : 100%; height : auto; } .divPopupFooter { padding-bottom : 5px; padding-top : 5px; text-align : right; bgcolor : white; width : 100%;} .divPopupFooter button { cursor : pointer; border : 0px; background-color : #000; color : #fff; } .Popup01 ,.Popup02 { font-size : 13px; } .youtube_frame { background : #0068B6 !important;} .youtube_frame iframe { min-height : 323px; } }