@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)
@mixin phone
	@media only screen and (max-width: 700px)
		@content

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

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

@mixin desktop
	@media only screen and (min-width : 1100px) and (max-width: 1500px)
		@content
@mixin custom_desktop
	@media only screen and (min-width: 1200px) and (max-width: 1366px)
		@content

@mixin desktop-sm
	@media only screen and (min-width : 1500px) and (max-width: 1824px)
		@content

@mixin desktop-ls
	@media only screen and (min-width : 1824px)
		@content