@media screen and (max-width:767px) {
	.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
	.container, .full-container { width:auto; padding:0 20px;}
	
	/* Header Css */
	.top-header{ line-height:30px; text-align:center; }
	.top-left, .top-right{ float:none; width:auto; border:none; }
	
	.header{ padding:10px 0; top:0; text-align:center; border-bottom:none; }
	.header-inner { width:95%; text-align:center;}
	.logo{ width:auto; float:none; text-align:center; padding:0 0 10px;}
	.logo img{ margin:0 auto; }
	.header_right{ width:auto; float:none; padding:0;}	
	
	/*slider Css*/
	.slider-main{ min-height: auto; }
	#slider .nivo-controlNav{ display:none;}
	#slider .nivo-caption{ width:86%; left:0; bottom:36%; padding:10px; margin:0 auto; right:0;}
	#slider .nivo-caption h2{ padding-bottom:20px; }
	#slider .nivo-caption p{ display:none; }	
	#slider .nivo-directionNav{ display:none;}
	#slider .nivo-caption a.button, #slider .nivo-caption a.button2 { display:none;}
	
	/* Section Css*/
	.one_half .section_head{ width: auto; }
	h2.section_title{ font-size:24px !important; }
	h2.section_title::after{ bottom:0; }
	
	.featbox{ width:auto; float:none; margin-top:20px; }
	.pagearea-inner{ margin-top:30px; }
	.featbox .thumbbx{ display:inline-block; }	
	.offer-cont{ margin-left:20px; width:75%;  }
	.service-box{ width:auto; margin-right:0; float:none; text-align:center; border-bottom:1px solid #ffffff; }
	.service-box:last-child{ border-bottom:none; }
	.inner-service-box{ border:none; padding-right:0; }
	.ser-icon{ float:none; }
	.ser-content{ width:auto; float:none; }
	.has-border::after{ content:none; }
	.causes{ width:auto; float:none; margin-right:0; margin-bottom:30px; }
	.causes-content{ padding:20px; }
	.event-lising{ padding:20px 15px; text-align:center; }
	.event-icon, .event-date, .event-cont { float: none; }
	.event-icon{ margin:0 auto; }
	.event-date{ border:none; margin-right:0; }
	.event-cont ul li{ margin-right:10px; }
	.event-cont i{ margin-right:5px;}
	.pop-video .vid-large-title{ font-size:46px; line-height:50px; }
	.YouTubePopUp-Close{ right:0 !important; }
	.news-box{ width:auto; margin-right:0; margin-bottom:30px;}
	.newsdesc{ padding:20px 0; }
	.news-box .newsdesc p{ margin-bottom:10px;}	
	.teammember-list{ width:auto; margin-bottom:30px; float:left; }	
	.counter-box{ display:table; margin:0 auto 20px; width:100%; }
	#last.counter-box{ margin-right:auto;}	
	#mixitup .mix{ width:100% !important;}
	.owl-prev{ left:34% !important; }
	.owl-next { right: 34%  !important; }
				
	
	/* Footer Css */
	.top-foo-left{ margin:0 0 20px 0; float:none; }
	.top-foo-right{ float:none; }
	.cols-4{ width:100% !important; float:none; margin:0; padding:15px 0;border-right:none; min-height:auto;}
	.contactdetail .fa { margin-right:10px;}
	.contact_left, .contact_right{ float:none; width:100%; margin-bottom:10%;}
	.copyright-txt { margin-bottom:10px;}
	.copyright-txt, .designby { text-align:center; float:none;}
	
	/*coloumn css*/ 
	.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth, .services-col, .services-wrap .one_third, #wrapperthree .one_half{float:none !important; width:100% !important; margin:0 0 30px !important;}
	
	/* Inner Pages */
	.content-area{ width:auto; margin:0; padding:20px;}
	.site-main{ width:auto; margin:0; padding:0; float:none;}
	.innerbanner{ height:200px;}
	h1.innerpage-title{ margin:0 0 30px; font-size:25px !important; }
	#crumbs{ line-height:normal; padding: 10px;}
	
	/* Contact Page */
	.contact-info{ margin:50px 0;}
	.single-info-box{ width:100%; float:none; }
	.contact_main{ width:100%; }
	.contact-social{ padding:20px 0;  }
	.contact-social .social-icons a{ margin-bottom:12px; height: 40px; width: 40px; }
	.contact_main_inner{ padding:20px 0; }
	.contact-info{ float:none; width:auto; }
	.inner_contact_info{ padding:20px 0;}
	.contact-info ul li span{ width:70px; }
	.contact_main .form-control{ width:100%; margin-right:0; float:none; }
	
	/* Blog Page */
	.post-thumb{ width:100%; padding:0; margin-bottom:20px; height:200px; }
	.post-date.left, .post-tags.left, .post-comment.right{ font-size:12px; }
	.post-tags{ margin-right:10px;}
	.post-data{ width:100%; padding:0;}
	.blog-post-repeat{ float:none; width:auto; margin-right:0; }
	.blog-post-repeat.full{ width:auto; margin-right:0; }
	.nav-previous, .nav-next{ width:auto; }
	.nav-previous h5, .nav-next h5{ width:66%;}
	.nav-next .meta-nav-thumb, .nav-previous .meta-nav-thumb{ width:74px;}
	.post-thumb-full{ height:auto; }
	.post-thumb-full img{ -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top:0; }
	
	/* Sidebar Css */
	.flotRight{ float:none !important;}
	#sidebar{ width:100%; float:none;}
	.sidebar-left{ float:none !important; width:100%;}
	#sidebar .search-form input.search-submit, #sidebar .search-form input.search-field { margin-top:20px;}
	.testimonials-wrap h2.section_title{ margin-bottom:30px; font-size:20px;}
	.testimonials-wrap .owl-prev{ right:11%;}
	
	/*custom css*/
	.searchbox{ width:100%; padding-left:0;}
	.item{padding-left:0; width:auto;}
	ol.nav-numbers{ display:none;}
	#testimonials ul li .tm_description p{ text-align:left;}
	#back-top { right:5px;}
	.tabs-wrapper ul.tabs li a{ padding:10px 14px; }
	
	.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product { width: 100%; }
	.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ float:left; }			
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt{ padding:10px 22px;}	
	body.single-product .site-main{ padding:1em; }	
	.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding: 8px 14px; }	
}

	
@media screen and (max-width:400px){
	#slider .nivo-caption h2{ font-size:24px; line-height:22px; margin-bottom:0;}
}
@media screen and (min-width:401px) and (max-width:767px){
	#slider .nivo-caption h2{ font-size:30px; line-height:32px; margin-bottom:0;}
}

@media screen and (min-width:481px) and (max-width: 767px){
	.container, .content-area, .gallery .container{ width:400px; margin:0 auto;}
}

@media screen and (min-width:767px) and (max-width: 768px){
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 48%; }
}

@media screen and (min-width:768px) and (max-width: 980px){
	/* Header Css*/
	.header{ padding:10px 0; top:0; text-align:center; border-bottom:none;}
	.toggle a { margin-top:0;}
	.logo{ float:left; text-align:left; width:34%; padding:10px 0;}
	.header_right{ float:right; width:63%; padding:0; margin-top:7px; }		
	/* Slider Css */
	.slider-main{ min-height:250px; }
	.nivo-caption{ width:36%; bottom:28%;}
	.nivo-caption h2{ font-size:30px !important; line-height:30px; }
	.nivo-caption p{ margin-bottom:20px; }
	
	/* Section Css */	
	.offer{ margin-bottom:20px; }
	.offer-cont{ width:77%; }	
	.ser-icon{ float:none; width:80px; }
	.ser-content{ float:none; width:auto; text-align:center; }
	.causes-content{ padding: 20px 10px; }
	.cause-title h4 a{ padding:15px 0;}
	.event-lising{ padding-right:10px;}
	body.page .event-lising{ margin-left: 40px; }
	.event-cont{ width:70%;}
	.event-cont i{ margin-right:5px;}
	.event-cont ul li{ margin-right:10px; }
	.event-date{ padding-left:10px; padding-right:10px; margin-right:15px; }
	.event-meta{ font-size:12px;}	
	.counter-box{ width: 23.8%; }		
	.owl-prev{ left:43% !important;}
	.owl-next { right: 43% !important; }
	.top-foo-left{ width:60%; }
	
	/* Footer Css */
	#footer-wrapper{ padding-top:50px; }
	.cols-4 { font-size:14px; margin-right:12px; padding-right:12px; width:48%; min-height:370px; padding-top:0; padding-bottom:0; }
	.cols-4.widget-column-3{ width:48%; }
	.social-icons a{ margin-right:6px; }
	
	/* Inner Page Css */
	.innerbanner{ height:300px;}
	
	/* Blog Page Css*/
	.post-thumb, .post-data{ width:100%; padding:0;}
	.post-data{ margin-top:30px;}
	.nav-previous .meta-nav-thumb, .nav-next .meta-nav-thumb{ width:66px; }
	.nav-previous h5, .nav-next h5{ width:62%; font-size:13px; }
	
	/* Contact Page Css*/
	.contact-info{ margin:60px 0 50px; float:none; width:auto;}
	.single-info-box{ width:50%; }
	.contact_main{ width:90%; }
	h3.widget-title{ font-size:15px !important; }
	.widget_content{ padding: 15px; }
	h3.widget-title{ margin: 0 -15px -1px; padding:12px 15px; }
	h3.widget-title::after{ left:-15px; }
	h3.widget-title::before{ top:47px; }
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt{ font-size:12px; padding: 8px 15px; }
			
}

@media screen and (max-width:1169px) and (min-width:768px) {
	.container, .header-inner { width:auto; padding:0 20px;}
	.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
	.content-area{ width:auto; margin:0; padding:20px 20px;}
	.one_half .section_head{ width:auto; }
	#sidebar{ width:33%;}
	.site-main{ width:65%; }
	.slider-main{ min-height:300px;}
	/*custom  css*/
	.BlogPost{ min-height:250px;}
	ol.nav-numbers{ bottom:10%;}
	.sidebar-left{ float:left !important; width:33%;}
	.sidebar-left #sidebar{ width:100%;}	
}

@media screen and (min-width:981px) and (max-width:1169px) {
	html{overflow-x:hidden; }
	.header .container{ padding:0; }
	.sitenav ul li a{ padding-left:14px; padding-right:14px; }
	/* Slider */
	.nivo-caption{ width:40%; bottom:34%; }
	.nivo-caption h2{ font-size:40px !important; line-height:32px; }
	
	/* Section */
	.ser-content, .ser-icon{ float:none; }
	.ser-icon{ width:82px; }
	.ser-content{ width:auto; text-align:center; }
	body.page .event-lising{ margin-left: 40px; }
	.event-date{ padding: 20px 15px 20px; }
	.event-cont { width: 70%; }
	.event-cont ul li{ margin-right:15px;}
	.event-cont i { margin-right: 5px; }
	.pagearea-inner{ margin-top: -50px; }
	.counter-box{ width:23.8%; }
	.inner-three-box { padding: 40px 30px; }
	.gallery .container{ padding:0;}
	.owl-prev{ left:45% !important;}
	.owl-next { right: 45% !important; }
	.top-foo-left{ width:70%; }
	.nav-previous h5, .nav-next h5{ width:62%; font-size:13px; }
	
	/* Footer Css */
	.cols-4 { margin-right:17px; width:25.8%; padding-right:17px;}
	.cols-4.widget-column-4 { margin-right:0; padding-right:0;}		
}

@media screen and (min-width:1170px) and (max-width: 1366px){
	.nivo-caption{ width:34% !important; bottom:32%; }
}

@media screen and (max-width: 980px){
	section{ padding:40px 0;}
	.toggleMenu{display: block; padding-left:10px !important;}
	.sitenav{float:none; margin:0; top:0; position:relative; overflow-x:hidden; width:100%;}
	.header_right .sitenav ul{color:#ffffff; width:100% !important; float:none !important; margin:0; padding:0; background-color:#2f3233; overflow:hidden;}
	.sitenav ul li{display:block; float:none; text-align:left; border-right:none; line-height:30px;}
	.header_right .sitenav ul li a{padding:5px 10px; display:block; text-align:left; font-weight:700; }
	.sitenav ul li a{ text-align:left; padding: 8px 12px;}
	.sitenav ul li a:hover, .sitenav ul li.current_page_item a, .sitenav ul li:hover a.parent{ background:none !important;}
	.sitenav ul li ul, .sitenav ul li ul ul{ display:block !important;}
	.sitenav ul li ul li{ border-bottom:1px solid transparent!important; border-right:none;}
	.sitenav ul li ul li a{padding-left:30px !important; text-align:left; display:inline-block;}
	.sitenav ul li ul li ul li a{padding-left:50px !important;}
	.sitenav ul li ul li ul li ul li a{padding-left:40px !important;}
	.sitenav ul li:hover > ul{ background:none !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0; animation:none !important; }
	.sitenav ul li:hover ul li ul, .sitenav ul li:hover ul li:hover > ul, .sitenav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
	.sitenav ul li:hover ul li:hover ul, .sitenav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
	.sitenav ul li.current_page_item a::after, .sitenav ul li:hover > a::after{ bottom:0; }
	.logo img{ height:auto;}
	.woocommerce .quantity .qty{ display:inline-block; margin:0; }
	.donate-btn{ display:none; }
}