@media only screen and (max-width: 1023.98px)
{
	.logo
	{
		font-size: 2.5rem;
	}
	.nav-link
	{
		font-size: 1.5vw;
	}
	.top-header
	{
		font-size: 7.2vw;
		line-height: 8.2vw;
	}
	.categories-header
	{
		font-size: 3rem;
		 line-height: 1; 
	}
	.categories-description
	{
		font-size: 1.8rem;
		line-height: 1.2;
	}
	.col-content
	{
	    font-size: 1.5rem;
    	line-height: 1.5;
	}
	.padding-x-small
	{
		padding: 0 2.5rem;
	}

	.padding-x-medium
	{
		padding: 0 4rem;
	}

	.padding-x-large
	{
		padding: 0 6rem;
	}
}

@media only screen and (min-width: 1024.99px)
{
	.logo
	{
		font-size: 4.1vw;
	}
	.nav-link
	{
		font-size: 1.1vw;
	}
	.top-header
	{
		font-size: 7.2vw;
		line-height: 8.2vw;
	}
	.categories-description
	{
		font-size: 2rem;
		line-height: 1.2;
	}
	.col-content
	{
	    font-size: 1.5rem;
    	line-height: 1.5;
	}
	.padding-x-small
	{
		padding: 0 3rem;
	}

	.padding-x-medium
	{
		padding: 0 5rem;
	}

	.padding-x-large
	{
		padding: 0 10rem;
	}
}

@media only screen and (min-width: 800px) and (max-width: 900px)
{
	.categories-header
	{
		font-size: 2.5rem;
	}
	.categories-header1
	{
		font-size: 2rem;
	}
	.categories-description
	{
		font-size: 1.2rem;
	}
	.categories-description1
	{
		font-size: 1rem;
	}
	.col-content
	{
		line-height: 1.5;
		font-size: 1.5rem !important;
	}
	.sub-header
	{
		font-size: 1rem;
	}
}
@media only screen and (min-width: 901px) and (max-width: 999.99px)
{
	.categories-header
	{
		font-size: 2.5rem;
	}
	.categories-header1
	{
		font-size: 2rem;
		line-height: 1;
	}
	.categories-description
	{
		font-size: 1.5rem;
	}
	.categories-description1
	{
		font-size: 1rem;
	}
	.col-content
	{
		font-size: 1rem !important;
		line-height: 1.5;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1100px)
{
	.categories-header
	{
		font-size: 3rem;
		line-height: 1;
	}
	.categories-header1
	{
		font-size: 2.5rem;
		line-height: 1;
	}
	.categories-description 
	{
    	font-size: 1.5rem;
	}
	.col-content
	{
	    font-size: 1.5rem;
    	line-height: 1.5;
	}
}
@media only screen and (min-width: 1100px) and (max-width: 1360px)
{
	.categories-header, .categories-header1
	{
    	font-size: 3rem;
    	line-height: 1;
    }
    .categories-description 
    {
    	font-size: 1.5rem;
    }
    .col-content
    {
	    font-size: 1.5rem;
    	line-height: 1.5;
    }
}

@media only screen and (min-width: 1361px)
{
	.nav-link
	{
		font-size: 1.1vw;
	}
	.categories-header, .categories-header1
	{
    	font-size: 3.2rem;
    	line-height: 1;
    }
	.top-header
	{
		font-size: 6.2vw;
		line-height: 7.2vw;
	}
	.padding-x-small
	{
		padding: 0 5rem;
	}

	.padding-x-medium
	{
		padding: 0 8rem;
	}

	.padding-x-large
	{
		padding: 0 11rem;
	}
}

@media only screen and (min-width: 1920px)
{
	.nav-link
	{
		font-size: 1vw;
	}
	.top-header
	{
		font-size: 5.2vw;
		line-height: 6.2vw;
	}
	.padding-x-small
	{
		padding: 0 8rem;
	}

	.padding-x-medium
	{
		padding: 0 10rem;
	}

	.padding-x-large
	{
		padding: 0 12rem;
	}
}