@media (max-width: 1600px)
{
	.header
	{
		height: 12.5rem;
	}
	.heading h1 
	{
    	font-size: 50px;
	}
	.heading h3 
	{
    	font-size: 40px;
	}
	.section_two h1 
	{
    	font-size: 70px;
	}
/*	.circle_images,.circle_img_text,.circles
	{
		gap: 1%;
	}*/
}
@media (max-width:1366px)
{
	.circle_images
	{
		width: 90%;
    	margin: 5% auto 0px auto;
	}
}
@media (max-width: 1280px)
{
	.circle_images
	{
		width: 85%;
    	margin: 5% auto 0px auto;
	}
	.heading h1 
	{
    	font-size: 40px;
	}
	.heading h3 
	{
    	font-size: 30px;
	}
	.section_three_heading h1
	{
	    font-size: 55px;
	}
	.sub_section_three img
	{
		width: 400px;
	}
	.rules_section
	{
		gap: 3%;
	}
	.rule
	{
		justify-content: flex-end;
	}
	.rule p 
	{
	    font-size: 20px;
	}
	.rule img 
	{
	    width: 30px;
	}
	.list
	{
		width: 80%;
	}
	.section_three_bottom_heading h1
	{
	    font-size: 40px;
	}
	.section_four h1 
	{
	    font-size: 55px;
	}

}
@media (max-width: 1192px)
{
	.section_two h1 
	{
    	font-size: 55px;
	}
	.circle_with_desp p 
	{
	    font-size: 15px;
	}
	.circle_images img 
	{
    	width: 100px;
	}
	.section_three_bottom_heading h1 
	{
	    font-size: 35px;
	}
	.section_four h1 
	{
	    font-size: 45px;
	}
	.section_four_para h2 
	{
	    font-size: 24px;
	}
	.circle_with_description 
	{
		width: 7rem;
	}
	.last_section h1 
	{
	    font-size: 24px;
	}
	.last_section_note h1 
	{
		font-size: 32px;
	}
}
@media (max-width: 1024px)
{
	.header 
	{
    	height: 10.5rem;
	}
	.heading h1 
	{
   		font-size: 35px;
	}
	.heading h3 
	{
	    font-size: 25px;
	}
	.circle_images img 
	{
   		width: 90px;
	}
	.circle_with_desp p 
	{
	    font-size: 13px;
	}
	.dots
	{
		top: 42px;
	}
	.section_three_heading h1 
	{
    	font-size: 45px;
	}
	.sub_section_three img 
	{
	    width: 350px;
	}
	.rule img 
	{
	    width: 26px;
	}
	.rule p 
	{
	    font-size: 16px;
	}
	.section_three_bottom_heading h1 
	{
	    font-size: 30px;
	}
	.section_four h1 {
	    font-size: 40px;
	}
	.section_four_para h2 {
	    font-size: 20px;
	}
	.color_circle,.dotted_circle
	{
		height: 3.5rem;
		width: 3.5rem;
	}
	.circle_with_description 
	{
	    width: 6rem;
	}
	.circles .dots_container 
	{
   		width: 5rem;
	}
	.circle_with_description p 
	{
	    font-size: 15px;
	}
	.circles .dots_container .dots 
	{
    	top: 26px;
	}
	.last_section h1 
	{
	    font-size: 20px;
	}
	.last_section_note h1 {
	    font-size: 26px;
	}
}
@media (max-width: 800px)
{
	.heading h1 
	{
	    font-size: 30px;
	}
	.heading h3 
	{
	    font-size: 20px;
	}
	.section_two h1 
	{
	    font-size: 48px;
	}
	.circle_images img 
	{
	    width: 75px;
	}
	.dots 
	{
	    top: 35px;
	}
	.circle_with_desp p 
	{
	    font-size: 12px;
	}
	.section_three_heading h1 
	{
	    font-size: 38px;
	}
	.rules_section
	{
		gap: 0%;
	}
	.rule p 
	{
	    font-size: 16px;
	}
	.rule img {
	    width: 24px;
	}
	.section_three_bottom_heading h1 
	{
	    font-size: 26px;
	}
	.section_four h1 
	{
	    font-size: 35px;
	}
	.section_four_para h2 
	{
	    font-size: 18px;
	}
	.circles .dots_container 
	{
	    width: 4rem;
	}
	.last_section h1 
	{
	    font-size: 18px;
	}
	.last_section_note h1 
	{
	    font-size: 24px;
	}
}
@media (max-width: 760px)
{
	.section_two h1 
	{
	    font-size: 40px;
	}
	.circle_images img 
	{
	    width: 60px;
	}
	.circle_images
	{
		width: 90%;
	}
	.dots_container 
	{
	    width: 4rem;
	}
	.dots 
	{
	    border-bottom: 3px dotted black;
	}
	.circle_with_desp p 
	{
	    font-size: 10px;
	}
	.section_three_heading h1 
	{
	    font-size: 30px;
	}
	.rules_section
	{
		flex-direction: column-reverse;
	}
	.sub_section_three, .section_three_rules 
	{
	    width: 90%;
	    margin: 0px auto;
	}
	.sub_section_three
	{
		display: flex;
	    justify-content: center;
	    align-items: center;
	    margin: 3% auto;
	}
	.section_four h1 
	{
	    font-size: 26px;
	}
	.section_four_para h2 
	{
	    font-size: 15px;
	}
	.circles .dots_container 
	{
	    width: 2.5rem;
	}
	.color_circle, .dotted_circle 
	{
	    height: 3rem;
	    width: 3rem;
	}
	.last_section h1 
	{
		font-size: 16px;
	}
	.last_section_note h1 {
	    font-size: 20px;
	}
}
@media (max-width: 650px)
{
	#desktop
	{
		display: none;
	}
	#mobile
	{
		display: block;
	}
	.header 
	{
	    height: 6rem;
	}
	.header img 
	{
	    width: 150px;
	}
	.heading
	{
		padding: 2% 0%;
	}
	.heading h1 
	{
	    font-size: 26px;
	}
	.heading h3 
	{
	    font-size: 16px;
	}
	.section_three_bottom_heading h1 
	{
	    font-size: 20px;
	}
	.section_three_bottom_heading img
	{
		width: 100px;
	}
	.section_four h1 
	{
	    font-size: 22px;
	}
	.section_four_para h2 
	{
   	 	font-size: 13px;
	}
	.color_circle, .dotted_circle 
	{
	    height: 2rem;
	    width: 2rem;
	}
	.circle_with_description 
	{
		width: 4.5rem;
	}
	.circle_with_description p 
	{
    	font-size: 11px;
	}	
	.circles .dots_container 
	{
	    width: 2rem;
	}
	.circles .dots_container .dots 
	{
	    top: 16px;
	}
	.last_section_heading
	{
		width: 80%;
		margin: 0px auto;
	}
}
@media (max-width: 520px)
{
	.header img 
	{
	    width: 120px;
	}
	#logo2 
	{
	    width: 80px !important;
	}
}
@media (max-width: 480px)
{
	.header
	{
		gap: 5%;
	}
	.heading h1 
	{
    	font-size: 30px;
	    width: 60%;
	    margin: 0px auto;
	}
	.heading h3 
	{
	    font-size: 20px;
	    width: 70%;
	    margin: 0px auto;
	}
	.section_two h1 
	{
	    font-size: 30px;
	}
	.circle_images 
	{
	    flex-direction: column-reverse;
	}
	.circle_with_desp
	{
		width: 90%;
    	margin: 0px auto 2% auto;
	}
	.dots_container
	{
		width: 90%;
		margin: 0px auto 10px auto;
		/* text-align: center; */
		height: 10vh;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.dots
	{
		display: none;
	}
	#line
	{
		display: block;
		transform: rotate(90deg);
		width: 60px !important;
	}
	.sub_section_three img 
	{
	    width: 300px;
	}
	.circle_with_desp p 
	{
	    font-size: 20px;
	}
	.circle_images img {
	    width: 100px;
	}
	.section_three_bottom_heading h1 
	{
	    font-size: 20px;
	    width: 80%;
	    margin: 0px auto;
	}
	.section_four_para h2 
	{
    	font-size: 16px;
	    width: 80%;
	    margin: 0px auto;
	}
	.circles
	{
		flex-direction: column-reverse;
		margin: 5% auto;
		width: 90%;
	}
	.circle_with_description 
	{
	    width: 80%;
	    margin: 10px auto;
	}
	.color_circle, .dotted_circle 
	{
	    height: 5rem;
	    width: 5rem;
	}
	.circle_with_description p 
	{
	    font-size: 18px;
	}
	.last_section_note h1
	{
		width: 90%;
		font-size: 18px;
	}
}
@media (max-width: 395px)
{
	.header
	{
		height: 5rem;
	}
	.header img 
	{
	    width: 100px;
	}
	#logo2 
	{
	    width: 65px !important;
	}
}
@media (max-width: 375px)
{
	.section_three_heading h1 
	{
	    font-size: 25px;
	}
	.sub_section_three img 
	{
	    width: 275px;
	}
	.last_section h1 
	{
	    font-size: 15px;
	}
	.last_section_note h1 
	{
	    width: 90%;
	    font-size: 16px;
	}
}
@media(max-width: 360px)
{
	.section_four h1 
	{
	    font-size: 18px;
	}
	.section_four_para h2 
	{
    	font-size: 15px;
	}
}
@media (max-width: 300px)
{
	.header img 
	{
	    width: 80px;
	}
	#logo2 
	{
	    width: 50px !important;
	}
	.sub_section_three img {
	    width: 175px;
	}
	.rule p
	{
	    font-size: 13px;
	}
	.list ul li
	{
		font-size: 13px;
	}
	.rule img 
	{
	    width: 18px;
	}
	.section_four h1 
	{
	    font-size: 15px;
	}
	.last_section h1 
	{
	    font-size: 11px;
	}
	.last_section_note h1 
	{
	    font-size: 12px;
	}
}
