@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1280px) and (min-width:1025px){
	#header .top_header .address p, #header .top_header .phone p,  #header .top_header .email p {
    font-size: 11px;
	}
	#header .header_menu ul.main_menu li a {
    font-size: 14px;
	}
	
	#header .header_menu .main_menu {
    margin-top: -35px;
	}
	#volunteer .join_us a.vol_cust_btn {
    padding: 8px 48px;
	}
	
	#volunteer .volunteer_content p {
    font-size: 20px;
	}
	
	#portfolio {
    padding: 40px ;
	}
	
	#welcome {
    padding: 40px 0;
	}
	
	.testimonial_content p {
    font-size: 16px;
	}
	
	#map, iframe {
    width: 451px;
	}
	
}

@media only screen and (max-width:1024px) and (min-width:981px){
	.top_header .col-sm-3 {
    width: 32%;
	}
	.top_header .col-sm-2 {
    width: 22.667%;
	}
	.top_header .social_icon{
		display:none;
	}
	#header .header_menu ul.main_menu li a {
    font-size: 14px;
	}
	
	#header .header_menu .main_menu {
    margin-top: -67px;
	padding-left:10px;
	margin-left:155px;
	}
	
	#welcome {
    padding: 30px 0;
	}
	.wel_header h2 {
    font-size: 34px;
	}
	
	.wel_header p {
    font-size: 18px;
	}
	
	.product-item {
    width: 30%
	}
	#portfolio {
    padding: 40px 0;
	}
	
	.product-item {
    width:48%;
	float:left;
	}
	
	#counter .col-md-3{
		width:48%;
		float:left;
	}
	
	.sigle_counter_item i {
    font-size: 85px;
	}
	
	.counter_text span {
    font-size: 40px;
	}
	
	.counter_text p {
    font-size: 20px;
	}
	
	#footer .designer p {
    margin-top: -64px;
	}
	
	
}

@media only screen and (max-width:980px) and (min-width:768px){
	
	.top_header .social_icon{
		display:none;
	}
	
	.top_header .col-sm-3 {
    width: 32%;
	}
	.top_header .col-sm-2 {
    width: 22.667%;
	}
	#header .header_menu ul.main_menu li a {
    font-size: 14px;
	}
	#header .header_menu .main_menu {
    margin-top: -60px;
    padding-left: 10px;
    margin-left: 150px;
}
	
	#nav .container {
    width: 750px;
	}
	
	
	.wel_header h2 {
    font-size: 34px;
	}
	
	#welcome, #portfolio {
    padding: 40px 0;
	}
	.product-item {
    width:48%;
	float:left;
	}
	
	#prod1{
		margin-top:-50px;
	}
	
	#counter .col-md-3{
		width:48%;
		float:left;
	}
	
	.sigle_counter_item i {
    font-size: 85px;
	}
	
	.counter_text span {
    font-size: 40px;
	}
	
	.counter_text p {
    font-size: 20px;
	}
	
	.carousel-inner {
    position: relative;
    width: 100%;
	}
	
	#footer .designer p {
    margin-top: -64px;
	}
}



@media only screen and (max-width:767px) and (min-width:600px){
	.top_header .social_icon{
		display:none;
	}
	
	.top_header .col-sm-3 {
    width: 34%;
	}
	.top_header .col-sm-2 {
    width: 22.667%;
	}
	
	#header .header_menu ul.main_menu li{
    display: block;
	}
	
	#header .header_menu ul.main_menu li.active:after, #header .header_menu ul.main_menu li:hover:after {
    width: 0%;
    background: #ff0000;
	}
	
	#header .header_menu ul.main_menu li a {
    font-size: 16px;
	}
	
	.dropdown-content {
    position: relative;
    text-align: center;
	    display: block;

	}
	

	.navbar-default .navbar-collapse{
		    border-color:#FFF;
	}
	
	.navbar-nav {
    margin: 7.5px 0px;
	}
	
	.navbar-default .navbar-toggle {
    border-color: #ddd;
    margin-top: 40px;
	}
	
	#welcome, #portfolio {
    padding: 40px 0;
	}
	
	.product-item {
    width:45%;
	float:left;
	margin-left:17px;
	}
	
	#achievements h2 {
    padding-top: 20px;
	}
	
	#counter .col-md-3{
		width:48%;
		float:left;
	}
	
	.sigle_counter_item i {
    font-size: 85px;
	}
	
	.counter_text span {
    font-size: 40px;
	}
	
	.counter_text p {
    font-size: 20px;
	}
	
	#footer .designer p {
    margin-top: -64px;
	}
		
}
	
	

@media only screen and (max-width:599px) and (min-width:400px){
	.top_header .social_icon{
		display:none;
	}
	
	.top_header .col-sm-5, .top_header .col-sm-3, .top_header .col-sm-2 {
    width: 100%;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
	#header .top_header .phone, #header .top_header .address {
    border-right: 0px solid #E6E5E5;
	}
	
	.navbar-default .navbar-toggle {
    border-color: #ddd;
    margin-top: 15px;
	}
	
	#header .header_menu ul.main_menu li{
    display: block;
	}
	
	#header .header_menu ul.main_menu li.active:after, #header .header_menu ul.main_menu li:hover:after {
    width: 0%;
    background: #ff0000;
	}
	
	#header .header_menu ul.main_menu li a {
    font-size: 16px;
	}
	
	.dropdown-content {
    position: relative;
    text-align: center;
		    display: block;
	}
	
	.zero_mp {
    padding: 15px;}
	
	
	.navbar-default .navbar-collapse{
		    border-color:#FFF;
	}
	
	.navbar-brand > img {
    margin-top: -15px;
	}
	
	#slider .carousel-indicators {
    bottom: 42px;
	}
	
	#welcome, #portfolio {
    padding: 30px 0;
	}
	
	#portfolio .portfolio_title h2, .wel_header h2, #achievements h2, .counter_header h2, #testimonial .testimonial_header h2,.clients-section h2,.contact_area h3,  #client-page h2, #testimonials-page h2  {
    font-size: 27px;
	}
	
	#volunteer .volunteer_content h3 {
    font-size: 29px;
	}
	
	#volunteer .join_us {
    padding-top: 30px;
	}
	
	.product-item {
    width:75%;
	}
	
	#achievements h2 {
    padding-top: 30px;
	}
	
	.counter_img_overlay {
    padding: 50px 0;
	}
	
	.sigle_counter_item i {
    font-size: 85px;
	}
	
	.counter_text span {
    font-size: 40px;
	}
	
	.counter_text p {
    font-size: 20px;
	}
	
	.testimonial_content {
		height: auto;
	}
	
	#achieveimg {
    width: 380px;
	height:auto;
	}
	
	
	#map,iframe {
    width: 370px;
	}
	
	#contact {
    padding: 35px 0;
	}
	
	#footer .copyright p, #footer .designer a{
    font-size: 13px;
	}
	
	#footer .copyright , #footer .designer{
    padding-top: 20px;
	}
}

@media only screen and (max-width:399px) and (min-width:320px){
	.top_header .social_icon{
		display:none;
	}
	
	.top_header .col-sm-5, .top_header .col-sm-3, .top_header .col-sm-2 {
    width: 100%;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
	#header .top_header .phone, #header .top_header .address {
    border-right: 0px solid #E6E5E5;
	}
	
	.navbar-default .navbar-toggle {
    border-color: #ddd;
    margin-top: 10px;
	}
	
	#header .header_menu ul.main_menu li{
    display: block;
	}
	
	#header .header_menu ul.main_menu li.active:after, #header .header_menu ul.main_menu li:hover:after {
    width: 0%;
    background: #ff0000;
	}
	
	#header .header_menu ul.main_menu li a {
    font-size: 12px;
    line-height: 0.2em;
	}
	
	.dropdown-content {
    position: relative;
    text-align: center;	    
	display: block;
	}
	
	.zero_mp {
    padding: 15px;}
	
	
	.navbar-default .navbar-collapse{
		    border-color:#FFF;
	}
	
	.navbar-brand > img {
    margin-top: -20px;
	}
	
	.carousel-indicators li{
		top: 78px;
	}
	
	#welcome, #portfolio {
    padding: 30px 0;
	}
	
	#portfolio .portfolio_title h2, .wel_header h2, #achievements h2, .counter_header h2, #testimonial .testimonial_header h2,.clients-section h2,.contact_area h3,  #client-page h2, #testimonials-page h2  {
    font-size: 20px;
	}
	
	#volunteer .volunteer_content h3 {
    font-size: 23px;
	}
	
	#volunteer .join_us {
    padding-top: 30px;
	}
	
	.office .title h5, .msg_title h5 {
    font-size: 18px;
	}
	
	.product-item {
    width:75%;
	}
	
	#achieveimg {
    width: 300px;
	height:auto;
	}
	
	#achievements h2 {
    padding-top: 30px;
	}
	
	.counter_img_overlay {
    padding: 50px 0;
	}
	
	.sigle_counter_item i {
    font-size: 85px;
	}
	
	.counter_text span {
    font-size: 40px;
	}
	
	.counter_text p {
    font-size: 20px;
	}
	
	.testimonial_content {
		height: auto;
	}
	
	.testimonial_content p {
    font-size: 16px;
	}
	
	.contact_area p {
    font-size: 15px;
	}
	
	#map,iframe {
    width: 290px;
	}
	
	#contact {
    padding: 35px 0;
	}
	
	.office {
    padding-top: 22px;
	}
	
	#footer .copyright p, #footer .designer a{
    font-size: 13px;
	}
	
	#footer .copyright , #footer .designer{
    padding-top: 20px;
	}
}

@media only screen and (max-width:319px) and (min-width:240px){
	.top_header .social_icon{
		display:none;
	}
	
	.top_header .col-sm-5, .top_header .col-sm-3, .top_header .col-sm-2 {
    width: 100%;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
	#header .top_header .phone, #header .top_header .address {
    border-right: 0px solid #E6E5E5;
	}
	
	.navbar-default .navbar-toggle {
    border-color: #ddd;
    margin-top: 10px;
	}
	
	#header .header_menu ul.main_menu li{
    display: block;
	}
	
	#header .header_menu ul.main_menu li.active:after, #header .header_menu ul.main_menu li:hover:after {
    width: 0%;
    background: #ff0000;
	}
	
	#header .header_menu ul.main_menu li a {
    font-size: 12px;
    line-height: 1.8em;
	}
	
	#header .header_menu .main_menu {
    padding-top: 0px;
	}
	
	.carousel-indicators li, .carousel-indicators .active{
		width:8px;
		height:8px;
	}
	
	.dropdown-content {
    position: relative;
    text-align: center;	    
	display: block;
	}
	
	.dropdown-content {
    min-width: 192px;
	}
	
	.zero_mp {
    padding: 15px;}
	
	
	.navbar-default .navbar-collapse{
		    border-color:#FFF;
	}
	.navbar-toggle {
    margin-right: -11px;
    margin-bottom: -11px;
	}
	
	.navbar-brand > img {
    margin-top: -60px;
	}
	
	.carousel-indicators li{
		top: 78px;
	}
	
	#welcome, #portfolio {
    padding: 30px 0;
	}
	#portfolio .portfolio_title h2, .wel_header h2, #achievements h2, .counter_header h2, #testimonial .testimonial_header h2,.clients-section h2,.contact_area h3,  #client-page h2, #testimonials-page h2  {
    font-size: 22px;
	}
	
	#volunteer .volunteer_content h3 {
    font-size: 22px;
	}
	
	#volunteer .volunteer_content p {
    font-size: 18px;
	}
	
	#volunteer .join_us a.vol_cust_btn {
    padding: 8px 38px;
	}
	
	#volunteer .join_us {
    padding-top: 35px;
	}
	
	.product-item {
    width:75%;
	}
	
	#achieveimg {
    width: 200px;
	height:auto;
	}
	#achievements h2 {
    padding-top: 30px;
	}
	
	.counter_img_overlay {
    padding: 40px 0;
	}
	
	.testimonial_content {
		height: auto;
	}
	
	.testimonial_content p {
    font-size: 13px;
	}
	
	#fade-quote-carousel .profile-circle {
    width: 80px;
    height: 80px;
	}
	
	.testimonial_content i{
		font-size:20px;
	}
	
	#map,iframe {
    width: 210px;
	}
	
	.custom-btn{
		padding:13px 76px;
	}
	#contact {
    padding: 35px 0;
	}
	
	#footer .copyright p, #footer .designer a{
    font-size: 13px;
	}
	
	#footer .copyright , #footer .designer{
    padding-top: 20px;
	  padding-bottom: 20px;
	}
}