body { margin: 0; padding: 0; font-family: 'source-sans-pro', Helvetica, Arial, sans-serif; font-size: 14px; }
.demo_wrapper { max-width: 1024px; margin: 0 auto; padding-top: 20px; background: #0033a0; }

@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
.demo_wrapper { }
}
.demo_block { width: 100%; }
#demo1 img { width: 700px; height: 400px }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
#demo1 img { width: 100%; height: 180px }
.sy-caption-wrap { background: #000; opacity: 0.8; margin: 0 5%; width: 90% !important; bottom: 10px !important; right: 0 !important; }
.sy-caption-wrap .sy-caption { width: 90% !important; }
.sy-pager { display: none !important; }
}


@media only screen and (min-device-width: 481px) and (max-device-width: 767px) {
#demo1 img { width: 100%; height: 220px }
.sy-caption-wrap { background: #000; opacity: 0.8; margin: 0 5%; width: 90% !important; bottom: 10px !important; right: 0 !important; }
.sy-caption-wrap .sy-caption { width: 90% !important; }
.sy-pager { display: none !important; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {