/*RESPONSIVE*/


@media screen and (max-width:1600px) {
	.sp_post__image {
		height: calc( 400/700 * (var(--content-size)*1/3 - 30px));
	}

	.sp_sticky__item.first .sp_post__image {
		height: calc( 400/700 * (var(--content-size)* 2/3 - 30px));
	}
	.sp_post__listing .first .sp_post__image img {
		height: calc( 400/700 * (var(--content-size)*7/10 - 30px));
	}
	#side_bar {
		padding-left: 15px;
		flex: 0 0 30%;
	}

	.sp_tour__wrap {
		flex: 0 0 70%;
	}

	.sp_group__sidebar {
		flex: 0 0 30%;
	}

	.group_item .sp_post__image {
		flex: 0 0 7rem;
		height: 5rem;
	}

	.sp_post__listing {
		flex: 0 0 70%;
	}
	.gallery.group_item .sp_post__image {
		height: calc( 306/484 * (var(--content-size) * 1/3 - 30px));
	}
	.sp_news__body {
		font-size: 1.125rem;
	}
		.sp_news__body * {
			font-size: 1.125rem !important;
		}
	.group_item .sp_post__title .sp_text {
		-webkit-line-clamp: 2;
	}

	.tour_support__col.left {
		flex: 0 0 20%;
	}

	.tour_support__col.right {
		flex: 0 0 80%;
		padding-left: 1.5rem;
	}

	.sp_support__cta b {
		font-size: 1.25rem;
	}
	
}

@media screen and (max-width:1400px) {
	.sp_post__group{
		margin:0 -15px;
	}
	.sp_group__posts,#side_bar{
		padding: 0 15px !important;
	}
	.sp_tour__highLight-wrap .sp_tour__item{
		margin-bottom: 0 !important;
	}
	.sp_tour__wrap {
		flex: 0 0 70%;
	}
	.sp_group__sidebar {
		flex: 0 0 30%;
	}
	.sp_post__listing {
		flex: 0 0 70%;
		padding: 0 15px;
	}
	.group_item .sp_post__image {
		height: 6rem;
	}
	.sp_module {
		margin-bottom: 3.75rem;
	}

	.sp_tour__info {
		margin-bottom: 7px;
		background-position: 0px 2px;
		background-size: 22px;
	}

	.sp_tour__url {
		margin-top: 7px;
	}

	@media screen and (max-width:1400px) {

		.sp_support__cta b {
			font-size: 1.25rem;
		}

		.sp_support__list .item {
			flex: 0 0 49%;
			background-size: 16px;
			padding: 0 10px;
			padding-left: 1.5rem;
			background-position: 0 center;
		}

		.tour_support__col.right {
			padding-left: 1.25rem;
		}

		.sp_support__list {
			flex: 0 0 76%;
		}
	}
}

@media screen and (max-width:992px) {
	/*Global*/
	.cat__description ._content {
		padding: 1.5rem;
	}
	.page_content {
		padding: 2.5rem 0;
	}
	.sp_cat__title {
		font-size: 1.5rem;
	}
	.page_content.tour_group{
		margin-top: 8rem;
	}
	.sp_reasons__list{
		margin: 0;
		margin-bottom: 4rem;
		padding:2rem 2.5rem;
	}
	.sp_menu__wrap .sp_logo{
		margin-right: 30px;
	}
	.tour_support__col.left{
		flex: 0 0 40%;
	}
	.tour_support__col.right{
		flex: 0 0 60%;
	}
	.tour_support__col .sp_title{
		font-size: 1.25rem;
	}
	.sp_sup__wrap{
		display: block;
	}
	.sp_support__cta .text-right{
		text-align: left !important;
	}
	.blog_menu__nav{
		overflow-x: auto;
		flex-direction: row;
    	justify-content: flex-start;
	}
	.blog_menu__nav .item_link {
		flex-shrink: 0;
		min-width: 5rem;
	}
	.blog_menu__nav .item_link a{
		padding: 0 1.5rem;
	}
	.sp_sticky__item.first .sp_post__image, .sp_post__image, .group_item .sp_sticky__item.first .sp_post__image, .sp_article__related .sp_post__image {
		height: calc( 495/740 * (var(--content-size)));
	}
	.sp_gallery__item .sp_post__image {
		height: calc( 306/484 * (var(--content-size)));
	}
	.sp_sticky__list{
		grid-gap: 30px;
	}
	.sp_group__posts .sp_sticky__list{
		grid-template-columns: 1fr 1fr;
	}
	.group_item .sp_sticky__item.first{
		grid-row: 1/1;
	}
	.sp_group__title .sp_text{
		font-size: 1.875rem;
	}
	.sp_group__posts{
		flex: 0 0 65%;
	}
	.sp_group__sidebar{
		flex: 0 0 35%;
	}
	.page_content.article-detail{
		padding: 0 0 3rem;
	}
	.sp_news__body{
		margin-top: 10px;
	}

	/*Tour_Detail*/
	.tour_gallery .item {
		flex: 0 0 100%;
		margin-bottom: 1rem;
	}


	.tour_hightLight ul li {
		flex: 0 0 100%;
	}
	.sp_schedule ._support {
		margin-top: 1rem;
	}
	.sp_schedule ._support {
		margin-top: 1rem;
		flex-wrap: nowrap;
		width: 100%;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
		.sp_schedule ._support ._phone {
			margin-left: 5px;
		}
	.sp_schedule ._content {
		flex: 0 0 100%;
	}
	.sp_tour__name {
		font-size: 1.25rem;
	}

	.sp_tour__info.detail {
		flex: 0 0 100%;
		margin-bottom: 12px;
		position: relative;
	}

	.single_tour__title {
		margin-bottom: 1rem;
	}

	.sp_tour__info.detail::after {
		position: absolute;
		content: '';
		height: 1px;
		background-color: #D9D9D9C4;
		left: 0;
		bottom: -6px;
		width: 100%;
	}

	.sp_tour__detail-head {
		margin-bottom: 1rem;
	}

	.single_tour__info .content_border {
		padding: 10px;
		border: none;
		border-bottom: 1px solid #D9D9D9;
		border-radius: 0;
	}

	.single-tour-nav .sp_link {
		white-space: nowrap;
		padding: 10px 1rem;
	}

	.single-tour-nav {
		justify-content: start;
		overflow-x: scroll;
		margin-bottom: 1rem;
		top: 4rem;
	}

	.sp_tour__info__title {
		flex-wrap: wrap;
		padding-right: 2rem;
	}

		.sp_tour__info__title > .sp_local {
			flex: 0 0 100%;
			margin-top: 5px;
		}

		.sp_tour__info__title > span {
			display: none;
		}

		.sp_tour__info__title .sp_day {
			color: var(--color-primary);
		}

		.sp_tour__info__title .sp_arrow {
			top: 10px;
			transform: translateY(-50%);
			width: 25px;
			height: 25px;
		}
	.sp_form__dattour {
		padding: 2rem 1rem;
	}

	.sp_form__content .sp_title, .sp_tags__sidebar .sp_title {
		text-align: center;
		margin-bottom: 1rem;
	}
	.sp_tour__gallery {
		margin-bottom: 1rem;
	}
    .sp_tour__gallery .owl-item .item img{
        height:100%;
        width:100%
    
    
    }

	.sp_tour__info-list {
		margin-top: 1rem;
		padding-top: 1rem;
	}

	.sp_tour__info-list {
		margin-top: 1rem;
		padding-top: 1rem;
	}

	.single_tour__info {
		margin-bottom: 1rem;
	}

	.sp_booking__info__content {
		font-size: 14px;
	}

	.booking-info__image img {
		max-width: 5rem;
	}

	.sp_booking__info {
		align-items: start;
	}
	/*End Tour_Detail*/

	/*Listting Tour*/
	.sp_tour__item {
		margin: 0;
		margin-bottom: 1rem;
	}
	.sp_tour__items .sp_tour__inner {
		padding: 0;
	}

	.sp_tour__items .sp_tour__content {
		padding-left: 0;
	}

	.sp_tour__items .sp_tour__content, .sp_tour__items .sp_tour__image {
		flex: 0 0 100%;
	}

	.sp_tour__items .sp_tour__image {
		height: calc(428/604 * (var(--content-size)));
		margin-bottom: 1rem;
	}

	.sp_tour__title .sp_text {
		font-size: 1.125rem;
	}

	.sp_tour__info {
		margin-bottom: 5px;
	}
	/*End Listting Tour*/

	/*Listing Article*/
	.first .sp_post__excerpt {
		display: -webkit-box !important;
		-webkit-line-clamp: 3;
		overflow: hidden;
		-webkit-box-orient: vertical;
	}
	.sp_post__listing, .sp_group__sidebar {
		flex: 0 0 100%;
	}

		.sp_post__listing .sp_post__image, .sp_post__listing .sp_post__content {
			flex: 0 0 100%;
			padding-left: 0;
		}
	.sp_tour__wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}

		.sp_post__listing .first .sp_post__image {
			height: calc( 495/740 * (var(--content-size)));
		}
			.sp_post__listing .first .sp_post__image img {
				height: auto;
			}
	/*End Listing Article*/

}

@media screen and (min-width:768px) and (max-width:991px) {}

@media screen and (max-width:767px) {

	.group_item .first .sp_post__content {
		margin-top: 0;
	}

	.page-gallery .sp_grids .sp_item {
		width: 100%;
	}

	.page-gallery .sp_item__image {
		height: calc( 320/450 * (var(--content-size) - 30px));
	}
            .tour_gallery .item:first-child
{
grid-column: 1/4;

}

}

@media screen and (min-width:577px) and (max-width:767px) {
	.page_content.tour_group{
		margin-top: 5rem;
	}
	.page_content.tour_group{
		margin-top: 3rem;
	}
	/* Category & Chi tiết Tin	*/
	.sp_menu__wrap{
		display: block;
		padding: 10px 0;
	}
	.sp_menu__wrap .sp_logo{
		max-width: 7rem;
	}
	.sp_menu__wrap .sp_ads{
		display: none;
	}
	
	.blog_menu__nav .item_link {
		padding: 1rem 0;
		min-width: 5rem;
	}
	.blog_menu__nav .item_link a{
		padding:0 15px;
	}
	.sp_breadcrumb ol{
		margin-bottom: 5px;
	}
	.sp_news__title .sp_title{
		font-size: 1.25rem;
	}
	.sp_new__meta .item{
		margin-right: 10px;
  		padding-left: 30px;
	}

	#side_bar{
		margin-top: 2rem;
		padding-left: 15px;
	}
	.sp_sidebar__title{
		margin-bottom: 2rem;
	}
	.sp_sidebar__item{
		margin-bottom: 2rem;
	}
	.page_content.article_group{
		padding:3rem 0;
	}
	.sp_sticky__list{
		grid-template-columns: 1fr 1fr;
	}
	.first .sp_post__title .sp_text{
		font-size: 1.25rem;
	}
	.sp_sticky__item:nth-child(2){
		padding: 0;
		border: none;
	}
	.sp_post__group{
		display: block;
	}
	.sp_group__title{
		margin-bottom: 2rem;
	}
	.sp_group__posts{
		padding:0 15px;
	}
	.sp_group__title .sp_text{
		font-size: 1.5rem;
	}
	.sp_group__posts .sp_sticky__list{
		grid-template-columns: 1fr;
	}
	.sp_group__posts .sp_sticky__item:first-child{
		grid-column: 1 / 1;
  		grid-row: 1 /1;
	}
	.sp_group__posts .sp_sticky__item:nth-child(2){
		padding-bottom: 1rem;
	  	border-bottom: 1px solid #33333340;	
	}
	.sp_gallery__item .sp_post__content{
		padding: 20px 15px;
	}

	/* Du thuyền */
	.sp_layout__title{
		margin-bottom: 2rem;
	}
	.sp_module.tour_support .container{
		padding: 0;
	}
	.sp_reasons__list{
		margin: 0;
		margin-bottom: 3rem;
		padding: 20px 15px;
	}
	.sp_reasons__list .item{
		flex: 0 0 50%;
		max-width: 50%;
	}
	.tour_support__row,.sp_sup__wrap{
		display: block;
		padding: 0;
	}
	.tour_support__col.right{
		padding: 15px 15px 20px;
	}
	.tour_support__col .sp_title{
		font-size: 1.25rem;
	}
	.sp_support__list .item{
		flex: 0 0 50%;
	}
	.sp_support__cta > a{
		padding: 18px 20px;
		margin-top: 16px;
	}
	.sp_support__cta b{
		font-size: 1.25rem;
	}
}

@media screen and (max-width:576px) {

	.page_content.tour_group {
		margin-top: 0;
		padding: 2rem 0;
	}
	.form-group input, .form-group textarea .form-group input, .form-group textarea {
		padding: 1rem;
	}
	.sp_cat__title {
		font-size: 1.5rem;
	}
	.sp_breadcrumb {
		display: none;
	}

	/*Tour Listing*/

	.group_tour__tab {
		justify-content: start;
		overflow-x: scroll;
		padding-bottom: 10px;
	}

		.group_tour__tab .item {
			white-space: nowrap;
		}
	.group_tour__tab {
		margin-bottom: 2rem;
	}
	/*End Tour Listing*/



	/* Chi tiết Tin	*/
	.sp_menu__wrap {
		display: flex;
		padding: 10px 0;
		flex-wrap: wrap;
	}
		.sp_menu__wrap .sp_logo {
			flex: 0 0 100%;
			text-align: center;
		}
	.sp_logo img {
		max-height: 3rem;
	}
	.sp_menu__wrap .sp_ads{
		display: none;
	}
	.blog_menu__nav{
		overflow-x: auto;
		flex-direction: row;
    	justify-content: flex-start;
	}
	.blog_menu__nav .item_link {
		padding: 1rem 0;
		flex-shrink: 0;
		min-width: 5rem;
	}
	.blog_menu__nav .item_link a{
		padding:0 15px;
	}

	.page_content.article_group{
		padding:2rem 0;
	}
	.sp_sticky__list{
		grid-template-columns: 1fr;
	}
	.sp_sticky__item:first-child{
		grid-column: 1 / 1;
  		grid-row: 1 /1;
	}
	.first .sp_post__title .sp_text {
		margin: 1rem 0 5px;
	}
	.sp_post__title .sp_text, .first .sp_post__title .sp_text {
		font-size: 1rem;
	}
	.sp_sticky__item:nth-child(2){
		border: none;
	}
	.sp_post__group{
		display: block;
		margin: 0 -15px;
	}
	.sp_group__title {
		margin-bottom: 1.25rem;
	}
	.sp_group__posts{
		padding:0 15px;
	}
	.sp_group__title .sp_text{
		font-size: 1.5rem;
	}
	.sp_group__posts .sp_sticky__list{
		grid-template-columns: 1fr;
	}
	.sp_group__posts .sp_sticky__item:first-child{
		grid-column: 1 / 1;
  		grid-row: 1 /1;
	}
	.sp_group__posts .sp_sticky__item:nth-child(2){
		padding-bottom: 1rem;
	  	border-bottom: 1px solid #33333340;	
	}
	.sp_gallery__item .sp_post__content{
		padding: 20px 15px;
	}

	.page_content.article-detail{
		padding: 0 0 2rem;
	}
	.sp_breadcrumb ol{
		margin-bottom: 5px;
	}
	.sp_news__title .sp_title {
		font-size: 1.25rem;
		margin: 1rem 0;
	}
	.sp_new__meta .item {
		margin-right: 15px;
		padding-left: 30px;
	}
	.sp_news__body{
		margin-top: 10px;
	}
	#side_bar {
		margin-top: 2rem;
		padding: 0 15px;
		flex: 0 0 100%;
	}
	.sp_sidebar__title{
		margin-bottom: 1.5rem;
	}
	.sp_sidebar__item{
		margin-bottom: 2rem;
	}
	.sp_tour__highLight-wrap{
		padding: 0;
		background-color: transparent;
		border-radius: 0;
	}

	/* Du thuyền */
	.sp_layout__title {
		margin-bottom: 2rem;
		line-height: 1.4;
	}
	.sp_module.tour_support .container{
		padding: 0;
	}
	.sp_reasons__list{
		margin: 0;
		margin-bottom: 3rem;
		padding: 20px 15px;
	}
		.sp_reasons__list .item {
			flex: 0 0 100%;
			max-width: 100%;
		}
	.tour_support__row,.sp_sup__wrap{
		display: block;
		padding: 0;
	}
	.tour_support__col.right{
		padding: 15px 15px 20px;
	}
	.tour_support__col .sp_title{
		font-size: 1.125rem;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.sp_support__list .item {
		flex: 0 0 100%;
	}
	.sp_support__cta > a{
		padding: 18px 20px;
		margin-top: 16px;
	}
	.sp_support__cta b{
		font-size: 1.25rem;
	}



}

@media screen and (max-width:480px) {}