one_day

function checkboxFunc() {
  var checkbox1 = $('.checkbox1');
var checkboxResult = 0;
if (checkbox1.is(':checked')) {
    checkboxResult += 4148;
  }
return checkboxResult;
}
$('button').click(function() {
  $('#result').text(checkboxFunc());
});

.transform~h1{
margin-left: -900px;
transition: 5s;
}
.transform:hover~h1{
margin-left: 20px;
}

$(document).ready(function() {
  $('.col').on('click', function() {
    $('.col').removeClass('change-color');
  	$(this).addClass('change-color');
  });
});

<a  href="#openModal"> -> <a  href="#<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>">
<div id="openModal" class="modalDialog"> -> <div id="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>" class="modalDialog">

<img class="img-responsive" src="img.jpg" alt="img">

var s_win_w = $(window).width();
$(window).resize(function(){
  win_w = $(window).width();
  if (win_w >= s_win_w*1.3 || win_w <= s_win_w*0.7) {
    location.reload();
  }
});