

@media (max-width: 1140px){
	/* HEADER AREA */
	.header_area .header_title h2{
		color: purple;
		font-weight: bold;
		font-size: 50px;
	} 

}

@media (max-width: 1000px){
	/* HEADER AREA */
	.header_area .logo{
		height: 120px;
		width: 120px;
	}

}

@media (max-width: 935px){
	/* HEADER AREA */
	.header_area .header_title h2{
		color: purple;
		font-weight: bold;
		font-size: 45px;
	}

	.header_area .header_title p{
		color: blue;
		font-weight: bold;
		font-size: 25px;
		margin-top: -10px;
	}

	.header_area .contact_number i{
		padding: 3px;
		font-size: 14px;
		color: #fff;
		border: 2px solid red;
		border-radius: 5px;
	} 

	.header_area .social_icon{
		margin-top: 10px;
	}

	.header_area .social_icon .icon{
		border-radius: 3px;
		cursor: pointer;
	}

	.header_area .social_icon .icon i{
		font-size: 15px;
		color: #fff;
		padding: 5px;
		border-radius: 3px;
	}

}

@media (max-width: 840px){
	/* HEADER AREA */
		.header_area .header_title h2{
		color: purple;
		font-weight: bold;
		font-size: 40px;
	}

	.header_area .header_title p{
		color: blue;
		font-weight: bold;
		font-size: 20px;
		margin-top: -10px;
	}

	.header_area .logo{
		height: 100px;
		width: 100px;
	}
}

@media (max-width: 768px){

	
	
	/* HEADER AREA */
		.header_area .header_title h2{
		color: purple;
		font-weight: bold;
		font-size: 35px;
	}

	.header_area .header_title p{
		color: blue;
		font-weight: bold;
		font-size: 15px;
		margin-top: -10px;
	}

	.header_area .logo{
		height: 100px;
		width: 100px;
	}

	.header_area .contact_number h4{
		color: #DC143C;
		font-size: 15px;
		font-weight: bold;
		margin-top: -15px;
	}

	/* MAIN HEAD AREA */
	.main_head .main_head_form{
		padding: 20px 0;
	}

	/* CONTACT PAGE */
	.view_area .all_contacts{
		padding: 10px 0;
	}


}

@media (max-width: 680px){
	/* HEADER AREA */
	.header_area .header_title h2{
		color: purple;
		font-weight: bold;
		font-size: 30px;
	}

	.header_area .header_title{
		margin-left: 20px;
	}

	.header_area .header_title p{
		color: blue;
		font-weight: bold;
		font-size: 15px;
		margin-top: -10px;
	}

	.header_area .logo{
		height: 90px;
		width: 90px;
	}

	.header_area .contact_number{
		margin-left: 20px;
	}


	.header_area .contact_number h4{
		color: #DC143C;
		font-size: 15px;
		font-weight: bold;
		margin-top: -15px;
	}

}

@media (max-width: 590px){
	/* HEADER AREA */
		.header_area .header_title h2{
		color: purple;
		font-weight: bold;
		font-size: 25px;
	}

	.header_area .header_title{
		margin-left: 20px;
	}

	.header_area .header_title p{
		color: blue;
		font-weight: bold;
		font-size: 15px;
		margin-top: -10px;
	}

	.header_area .logo{
		height: 90px;
		width: 90px;
	}

	.header_area .contact_number{
		margin-left: 20px;
	}


	.header_area .contact_number h4{
		color: #DC143C;
		font-size: 15px;
		font-weight: bold;
		margin-top: -15px;
	}

}

@media (max-width: 575px){

	/* menu area */
	#main-nav ul ul li{
		width: 280px;
	}
		#main-nav ul li{
		width: 280px;
	}
	/* HEADER AREA */
	.header_area{
		padding: 5px;
	}
	.header_area .logo{
		height: 50px;
		width: 50px;
		margin: none;
	}

	.header_area .header_title{
		margin-left: 5px;
	}

	.header_area .header_title h2{
		color: purple;
		font-weight: bold;
		font-size: 15px;
	}

	.header_area .header_title p{
		color: blue;
		font-weight: bold;
		font-size: 10px;
		margin-top: -10px;
	}

	.header_area .header_title .header_title_logo p{
		color: red;
		font-weight: normal;
		margin-left: 2px;
	}



	.header_area .contact_number{
		margin-left: 5px;
	}


	.header_area .contact_number h4{
		color: #DC143C;
		font-size: 10px;
		font-weight: bold;
		margin-top: -15px;
	}

	.header_area .contact_number h4 strong{
		font-size: 10px;
	}
	.header_area .contact_number i{
		font-size: 10px;
		padding: 2px;
		border: 1px solid red;
	}
	.header_area .social_icon{
		margin-top: -8px;
		margin-bottom: 0;
	}

	.header_area .social_icon .icon{
		border-radius: 3px;
		cursor: pointer;
		text-align: center;
	}

	.header_area .social_icon .icon i{
		font-size: 10px;
		color: #fff;
		padding: 5px;
		border-radius: 3px;
	}

	/* MAIN HEAD AREA */
	.main_head .main_head_image{
		height: 200px;
	}

	.main_head .category_img{
		margin-bottom: -50px;
	}
	.main_head .category_img img{
		height: 100px;
	}

	/* contact form */
	#pc_head{
		display: none;
	}
	#mobile_head{
		display: block;
	}

	/* PROFILE AREA */
	.profile_area .profile_heading h4{
		font-size: 18px;
		color: #000;
		text-transform: uppercase;
		font-weight: bold;
	}
	.profile_area .profile_discription table td{
		padding: 0;
	}

	.profile_area .profile_discription table td strong{
		font-size: 11px;
	}


	.profile_area .profile_discription table td p{
		font-size: 11px;
		margin-top: 15px;
	}

	.profile_area .profile_discription .profile_img{
		padding: 10px 0;
		width: 250px;
		height: 345px;
		margin: auto;
	}

	/* FOOTER AREA */
	.footer_area .footer_text h4{
		padding: 10px 0;
		color: #000;
		font-size: 11px;
	}

	.main_foot_img .footer_img{
		width: 250px;
		height: 200px;
	}

	.main_foot_img .footer_img img{
		height: 100%;
		width: 100%;
	}

	/* ANIMATION */
	.leSnake span{-webkit-animation:leSnake 0s ease-in-out;
		animation:leSnake 0s ease-in-out;
		-webkit-animation-iteration-count:infinite;
		animation-iteration-count:infinite}
@-webkit-keyframes leSnake{from,to{-webkit-transform:translateY(0);
	transform:translateY(0)}0{-webkit-transform:translateY(0);
		transform:translateY(0)}}
	@keyframes leSnake{from,to{-webkit-transform:translateY(0);
		transform:translateY(0)}0{-webkit-transform:translateY(0);
			transform:translateY(0)}}

}

