/*************************** RESPONSIVE CSS START *****************************/

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

}
@media screen and (max-width:991px){
	h1 {font-size: 40px;}
	h2 {font-size: 30px;line-height: 30px;}
	section ul{padding: 30px;}
}
@media screen and (max-width:767px){
	.header_wrapper .logo img{max-width: 120px}
	.info_wrapper{padding: 50px 0;}
	h1 {font-size: 35px;}
	h2 {font-size: 25px;line-height: 25px;}
	p{padding-bottom: 20px;}
	section {padding: 50px 0;}
	section ul li{padding-bottom: 15px;}
	.container{padding: 0 30px;}
	.divider_part{flex-direction: column;}
	.divider_part .bg_box {width: 100%;margin-bottom: 20px;}
	section > img { margin: 40px 0;}
	.conclusion_wrap{padding: 40px;}
	.resorces_wrap ul li a{font-size: 22px;}

}

@media screen and (max-width:479px){
	.info_wrapper h1{padding: 5px 15px;}
	.container {padding: 0 15px;}
	h2 { font-size: 20px;line-height: 20px;margin-bottom: 15px;}
	p{font-size: 14px;line-height: 20px;padding-bottom: 10px;}
	section ul {padding: 20px;}
	section ul li{font-size: 14px;}
	section {padding: 30px 0;}
	.divider_part .bg_box{padding: 20px;}
	.conclusion_wrap{margin-top: 40px;padding: 20px;}
	.conclusion_wrap p{font-size: 14px;line-height: 22px;}
	.resorces_wrap ul li a {font-size: 14px;line-height: 20px;}
	.resorces_wrap ul li:after {width: 55px;font-size: 30px;}
	.resorces_wrap ul li{padding: 0 0 0 70px;}
	.resorces_wrap ul li a{height: 60px;}
	footer{padding: 15px 0;}
	footer p, footer p a {font-size: 11px;}


}