Андрей Куклин

Единственного верного способа нет. На вскидку можно придумать еще 3-5 штук. Используй тот, который тебе по душе.

И вообще стоит ли так четко задавать этот padding в 80px( в данном случае)? Или можно задать любой padding ,чтобы контент просто не прилипал(потому что на данном макете отступы по краям 80px , но есть макеты, где отступы больше 100px)?

Если нет установки дизайнера или макета под эти разрешения, то делай такие, какие считаешь нужными. Ты - верстальщик. Это твоя зона ответственности. + никто не отменял диалог с дизайнером. Если говорить конкретно про этот случай, то я бы сделал отступы меньше 80px. На макет это не повлияет.

Попробуй так

window, body{
    overflow: hidden;
}

Короче, для тех кто видит этот пост. Разобрался со второй версией =)
Вот код:

var owl = $("#team__slider").on('initialized.owl.carousel changed.owl.carousel', function(e) {
	var carousel = e.relatedTarget;
	if ( carousel.current() + 1 === carousel.items().length) {
		setTimeout(function () {
			var dots = $('#team__slider .owl-dot');
			$(dots[0]).trigger('click');
		}, 7000);
	}
}).owlCarousel({
	navText: ['<svg xmlns="http://www.w3.org/2000/svg" width="15" height="24"><path d="M2.8 0L0 2.8 9.3 12 0 21.2 2.8 24 15 12 2.8 0z"/></svg>','<svg xmlns="http://www.w3.org/2000/svg" width="15" height="24"><path d="M2.8 0L0 2.8 9.3 12 0 21.2 2.8 24 15 12 2.8 0z"/></svg>'],
	responsiveClass:true,
	loop:false,
	nav: true,
	dots: true,
	items: 1,
	autoplayTimeout:7000,
	autoplay:true
});

Привет. Я не супер эксперт, но на сколько я знаю нет...
Для примера возьму твой верхний кусок кода

<section class="testimonials">
        <div class="container">
            <div class="testimonials__wrapper">
                <div class="testimonials__wrapper_item">
                    <div class="testimonials__wrapper_item_img">
                        <img src="img/photo/testimonial.png" alt="Q">
                    </div>
                    <div class="testimonials__wrapper_item_text">
                        <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.”</p>
                        <h4>Joe Doe</h4>
                    </div>
                </div>

я бы сделал так:

<section class="testimonials">
        <div class="container">
            <div class="testimonials__wrapper">
                <div class="testimonials-item">
                    <div class="testimonials-item__img">
                        <img src="img/photo/testimonial.png" alt="Q">
                    </div>
                    <div class="testimonials-item__text">
                        <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.”</p>
                        <h4>Joe Doe</h4>
                    </div>
                </div>

Но учти, что у меня сейчас почти 3 часа ночи, и за меня говорит мой кофе)

в снипете есть вкладка "параметры". Там есть создаешь параметр param и задаешь ему значение по умолчанию.

если я все правильно понял, то в настройках есть поле "использовать вложенные url"

на сколько я знаю в таких случаях нужно несколько теней через запятую.
например box-shadow: [стили тени 1], [стили тени 2]....
Таким образом удлиняем до нужного размера

всем спасибо) Это из-за шрифта...

Возможно вам подойдут комментарии от соц. сетей. На пример у вконтакте есть такие.
Еще есть как вариант DISQUS