I'm Yoda

Используйте бутстрап модал. На оф. сайте все расписано как и где сделать и как вызвать.

Так попробуйте

<div class="container">
   <div class="row">
      <div class="col-md-6 col-sm-6 col-xs-12">
         <div class="row">
            <div class="col-md-6 col-sm-6 col-xs-12">Блок 1</div>
            <div class="col-md-6 col-sm-6 col-xs-12">Блок 2</div>
            <div class="col-md-6 col-sm-6 col-xs-12">Блок 3</div>
            <div class="col-md-6 col-sm-6 col-xs-12">Блок 4</div>
         </div>
      </div>
      <div class="col-md-6 col-sm-6 col-xs-12">
          Содержимое красного блока
      </div>
   </div>
   <div class="row">
       <div class="col-md-6 col-sm-6 col-xs-12">Блок 5</div>
       <div class="col-md-6 col-sm-6 col-xs-12">Блок 6</div>
       <div class="col-md-6 col-sm-6 col-xs-12">Блок 7</div>
       <div class="col-md-6 col-sm-6 col-xs-12">Блок 8</div>
   </div>
</div>

В настройках news.list включите поддержку ЧПУ

В файле \bitrix\php_interface\init.php добавьте:

AddEventHandler('main', 'OnEpilog', '_Check404Error', 1);  
function _Check404Error(){
   if(defined('ERROR_404') && ERROR_404=='Y' || CHTTP::GetLastStatus() == "404 Not Found"){
      GLOBAL $APPLICATION;
      $APPLICATION->RestartBuffer();
      require $_SERVER['DOCUMENT_ROOT'].SITE_TEMPLATE_PATH.'/header.php';
      require $_SERVER['DOCUMENT_ROOT'].'/404.php';
      require $_SERVER['DOCUMENT_ROOT'].SITE_TEMPLATE_PATH.'/footer.php';
   }
}

Должно помочь...

В бутстрапе предусмотрены классы .hidden-lg, .hidden-md, .hidden-sm, .hidden-xs. При изменении размеров браузера будет применяться класс соответствующий текущей ширине браузера.
Здесь посмотрите bootstrap-3.ru

можно перед включаемой областью добавить условие.

<? if ($APPLICATION->GetCurDir() == '/') { ?>
код включаемой области...
<?}?>

В данном случае будет показывать только на главной странице сайта.

бутстрап тебе в помощь

Можно на ESC повесить закрытие модального окна

$(document).ready(function(){
            $(this).keydown(function(eventObject){
                if (eventObject.which == 27)
                    $('.cla').hide();
            });
        });

кажется, что это будет слайдер.