/* calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */

@media (min-width: 320px) {
	.carousel .carousel-caption h5 {font-size: 20px;}
	.carousel .carousel-caption p {font-size: 16px;}
	.navbar.navbar-expand-lg a.nav-link {font-size: 16px;}
	.main-page-navigation a.nav-link {font-size: 18px;}
}
@media screen and (min-width: 1800px) {
  	.carousel .carousel-caption h5 {font-size: 38px;}
}

@media (max-width: 991px) {
	.grid .item {margin-bottom: 45px;}
	.navbar-light .navbar-toggler.active i {color: #fff;}
	.navbar.navbar-expand-lg .navbar-collapse {padding-top: 23px; z-index: 9999; text-align: center;position: fixed; right: -100%; top: 0; height: 100%; width: 100%; background: #8d8d8d;}
	.navbar.navbar-expand-lg a.nav-link {padding-left: 0; color:#000000; font-size: 34px;}
	.navbar.navbar-expand-lg a.nav-link:hover {color: white;}
	.navbar.navbar-expand-lg .navbar-nav {margin-top: 50px;}
	.carousel .carousel-caption a.btn, .bottom-section .order-bottom-section button.btn.btn-default.btn-order {padding: 8px; font-size: 16px; line-height: 1;}
	.carousel .carousel-item .carousel-caption {top: 6%; bottom: 6%;}
	.bottom-section .item-sm .item-desc, .bottom-section .item-link .item-desc {font-size: 16px; line-height: 1.5;}
	.bottom-section .item-sm .item-title, .bottom-section .item-link .item-title, .grid .item .item-link .item-title {font-size: 20px;}
}

@media (max-width: 855px) {
	.container {padding: 0 15px;}
	.slider.container {padding: 0;}
	.carousel .carousel-item img {max-width: 100%;}
	.carousel .carousel-item .carousel-caption {position: relative; max-width: calc(100vw - 30px); top: -35px; left: 15px; right: 15px; min-height: 244px;}
	.carousel .carousel-indicators {top: 30px; width: 20px;}
	.nav.main-page-navigation {flex-direction: column;}
	.nav.main-page-navigation li a {margin-bottom: 15px;}
	.navbar.navbar-expand-lg {padding: 0.8rem 0;}
	.top-image {margin-bottom: 62px;}
	.general-text {margin-top: 0;}
	.general-text .title {font-size: 32px;}
	.general-text .subtitle {font-size: 20px; line-height: 28px;}
	.info {margin-top: 0;}
	.small-btn-container .btn {padding: 8px; font-size: 16px; line-height: 1;}
	.rellax {background-size: 250%;}
}

@media (max-width: 767px) {
	#list .list-item .list-item-date {margin-top: 19px;}
	#list .list-item .list-item-buttons {justify-content: space-between; margin-top: 19px;}
	#list .list-item .list-item-buttons .btn.btn-default {width: 50%; padding: 8px 13px; font-size: 20px; line-height: 1.5;}
	.filter-container > div:not(:last-child) {margin-bottom: 25px;}
	.bottom-section .order-bottom-section .order-item-body {padding: 0;}
	.bottom-section a.see-all {position: relative; bottom: 0;}
	.bottom-section a.see-all h3 {margin-top: 25px;}
	.navbar-light .navbar-brand {max-width: 50%;}
	.filter-container .tab-list .tab-item {width: 40px; margin-left: 0;}
	.filter-container .tab-list .tab-item img {max-width: 100%; height: auto; width: 100%;}
	.footer .col-xs-12.col-md-3 {padding-bottom: 20px;}
}

@media (max-width: 575px){
	.small-btn-container {display: flex;}
	.small-btn-container .btn {width: 100%; border-radius: 30px; margin: 10px 0; background: transparent; border: 2px solid #333; font-weight: 600; color: #333; transition: 0.3s ease color, background;}
	.small-btn-container .btn:hover {color: #918c86;}
	.bottom-section .item-lg {padding-bottom: 0; margin-bottom: 46px;}
	.bottom-section .item-lg .item-link {margin-top: 11px;}
}

@media (max-width: 320px) {
	.carousel .carousel-caption h5 {font-size: 12px;}
	.navbar.navbar-expand-lg a.nav-link {font-size: 15px;}
	.main-page-navigation a.nav-link {font-size:18px;}
}