@mixin link-underline-variant($color)
	color: $color

	&:after
		background-color: $color

	&:hover
		color: darken($color, 10%)

@mixin bg-soft-variant($parent, $color)
	#{$parent}
		@include gradient-bg($color)

// basic MQ start
@mixin phone
	@media only screen and (max-width: 767px)
		@content

@mixin tablet
	@media only screen and (min-width : 768px) and (max-width: 991px)
		@content

@mixin tablet-ls
	@media only screen and (min-width : 992px) and (max-width: 1199px)
		@content

@mixin desktop
	@media only screen and (min-width : 1200px) and (max-width: 1599px)
		@content

@mixin desktop-ls
	@media only screen and (min-width : 1600px) and (max-width: 1920px)
		@content
@mixin feature_video
	@media only screen and (min-width : 1200px) and (max-width: 1700px)
		@content