@media screen and (max-width:767px) {
	.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
	.container { width:auto; padding:0 20px;}
	.full-container { width:auto;}
	.pagearea-inner { flex-direction: column;}		
	/* Header Css */
	.header { position:relative;}	
	.logo{ width:82%; display:inline-block; vertical-align:middle; text-align:left; padding:25px;}
	.logo a{ display:inline-block; }
	.logo img{ margin:0; } 	
	/* Slider Css */
	#slider .nivo-caption{ width:85%; bottom:auto; top:22%;}
	#slider .nivo-caption a.sliderbtn{ display:none; }
	#slider .nivo-caption p { display:none;}	
	.nivo-directionNav a{ width:40px; height:40px; background-position:0 center; top:38%;}
	a.nivo-prevNav{ left:5px; }
	a.nivo-nextNav{ right:5px; background-position:-52px center !important;}
	a.nivo-prevNav::before { top:6px; font-size:17px; left: 0px;}
	a.nivo-nextNav::before { top:6px; font-size:17px; right: 0px;}
	.nivo-controlNav { display: none;}	
	/* Columns */
	.one_half, .one_third, .one_fourth, .one_fifth{ width:100%; float:none; margin-right:0; }
	.grid-col-two, .grid-col-three, .grid-col-four{ float:none; width:100%; margin:0 0 30px 0; }
	.one_column, .two_column, .three_column, .four_column, .five_column { width:100%;}
	/* Sections */
	section { padding: 50px 0;}
	.section_head, .section_head_text { margin-bottom:20px;}
	.section_head { width: 100%; float: none; text-align: center;}
	.section_head h4.section_title_small { font-size: 20px; padding-bottom:10px;}
	.section_head h2.section_title { text-align:center; font-size:31px; line-height:40px;}
	.section_head_text { width: 100%; float: none; text-align: center;}
	.section_head_text p, .full-container .section_head_text p{ width:100%; margin:0 0 30px; }	
	.fourbox:hover { transform:none;}
	.one_half.about-img img { width:100%;}
	.about-content { width: 75%;}
	.one_half.last_column.about-desc h1 { font-size:37px;}
	.features-left, .features-right { width:100%; float:none;}
	.features-left { padding-right: 60px; padding-left: 30px;}
	.fea-content { padding-top:15px; width:100%;}
	.features-right img { min-height: auto;}
	.sec-gallery .grid-col-three { width:100%;}
	.services_box { width: 100%; padding-top: 15px; padding-bottom: 15px;}
	.services-inner { padding:20px;}
	.counter-box{ width:100%; float:none; margin-bottom:40px; margin-right:0; padding-top:16%; display:inline-block;}
	.count-number span.counter { font-size:40px;}
	.price-box { width:100%; float:none; margin-right:0; margin-top: 30px;}	
	.price-box:hover { transform:none;}	
	#clienttestiminials{ width:100%; padding:0 20px; }
	.testi-hd { padding:10px 20px;}	
	.testi-thumb { float: none; margin:5px auto;}
	.testi-desc { padding: 12px 0px 23px;}	
	span.post-comnt, span.post-auth, span.post-cate { font-size:12px; padding:0;}
	.post-meta span { display:inline-block; margin-bottom: 5px;}
	.news-box a.ReadMore, .post-content a.ReadMore { margin-top:20px;}		
	/* Theme Function */	
	.gal-col-two, .gal-col-three, .gal-col-four, .gal-col-five{ width:100%; float:none; margin-bottom:20px; margin-right:0; }	
	/* Footer */
	.widget-column, .footer-cols-two .widget-column, .footer-cols-three .widget-column{ width:100%; float:none; padding:0; margin:0 0 40px; }
	.footer-social-icon .social-icons a{ margin:0 6px; }	
	.copyright-wrapper{ text-align:center; padding:20px 0; }
		
	/* Inner Pages */
	.content-area{ width:auto; margin:0; padding:20px; }
	.site-main{ width:auto; margin:0; padding:0; float:none; }
	.innerbanner .container{ padding:30px; }
	h1.innerpage-title{ font-size:23px !important; line-height:35px; padding:7px 5px;}	
	.section-content #clienttestiminials { margin-top:40px;}
	/* About Page */
	.skill-info::after { content:none;}
	.skill-info { padding:25px; margin-right:0; text-align:center;}
	/* Portfolio */
	.portfoliowrap .mix, .single-port-mix { width:100%; float:none; padding:0; margin: 10px 0;}
	.portfolio-single .port-meta, .portfolio-single .portfolio-thumb { width:100%; float:none; margin:15px 0;}
	#nav-below.post-navigation .meta-nav-title { font-size:14px;}
	/* Album */
	.album-box { margin-bottom: 50px;}
	.album-gallery-grid.col-two, .album-gallery-grid.col-three, .album-gallery-grid.col-four { width:100%; float:none; margin:20px 0;}	
	/* Blog Page */
	.blog-post-repeat, .blog-post-repeat-full { width:100%; float:none; margin-right:0; }
	.blog-post-single .post-meta { display: block; margin-left: 0;}
	.blog-post-single .post-meta span.post-date, .blog-post-single .post-meta span.post-cate, .blog-post-single .post-meta span.post-auth, .blog-post-single .post-meta span.post-comnt { width:100%; margin-right: 0;}	
	.post-content .post-meta { margin-left: 0;}		
	/* Contact Page*/
	.contact-box { margin-bottom:30px; margin-right: 0; padding:60px 10px 25px; width: 100%; float: none;}
	.contact-details h5 { margin-bottom:5px;}
	.contact-content { width:100%; float:none;}
	.contact-content h2.section_title { font-size: 35px;}
	#contactform_main { width: 100%;}
	#contactform_main input[type="submit"] { width:100%; display:block;}
	.comment-metadata .reply{ position:relative; margin-bottom:15px; right:-20px; }
	.comments-area .comment-list ul.children{ margin-left:20px; }
	[data-tooltip]::before{ width:150px; }	
	.post-data{ padding:0px 0px 20px; }
	.post-bottom .post-tags{ margin-bottom:10px; }
	.post-bottom .post-tags, .post-bottom .social_share{ float:none; }
	.comment-form-author, .comment-form-email, .comment-form-url{ width:auto; float:none; }
	#nav-below.post-navigation{ padding:10px 0; flex-direction:column; }
	.nav-previous, .nav-next{ float:none; width:100%; margin-bottom:0; }
	.nav-next a:before, .nav-previous a:before{ content:none; }
	.nav-previous{ text-align:left; margin-bottom:10px;}
	.nav-next{ text-align:right; }
	.nav-next a, .nav-previous a{ padding:0; }
	.author-box { margin-top: 3.25rem; padding: 1.5rem; position: relative; }
	.author-img{ position:relative; margin:0 auto 15px; }
	.author-bio-box{ padding-left:0; text-align:center; }
	[data-tooltip]::before, [data-tooltip]::after{ display:none; }	
	/* Single team testi */
	.team-testi-post-thumb{ width:100%; float:none; margin:0 0 30px; }
	.member-info ul li{ width:100%; margin-left:0; margin-right:0; }		
	/* Sidebar Css */
	.flotRight{ float:none !important;}
	#sidebar{ width:100%; float:left; margin:30px 0 0; padding-bottom:0; }
	#sidebar aside.widget{ margin-right:0; }
	.sidebar-left{ float:none !important; width:100%; }		
	/*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; }	
	/* Search Page */
	.search-result-form{ width:100%; }
	.search-result-form input[type="search"]{ width:66%; }
	.search-result-box, .search-result-box .post-thumb, .search-result-box .post-summary{ display:block; }
	.search-result-box .post-thumb{ float:none; width:100%; }	
	/* Woocommerce */
	.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product { width: 100%; }
	body.single-product .site-main{ padding:1em; }	
	.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding: 6px 12px; }
	button.single_add_to_cart_button{ margin:6px 18px !important; }
	p.stock{ margin-bottom:10px; }
	.woocommerce .product_meta span{ display:block; }
	.woocommerce .product_meta span span{ display:inline; }
	.woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as{ display:block; }
	.woocommerce .woocommerce-result-count { float:none; text-align:center;}
	.woocommerce .woocommerce-ordering { float:none;}
}
@media screen and (max-width:400px){
	#slider::before { background-color:rgba(0,0,0,0.5);}
	#slider .nivo-caption h1{ font-size:22px; line-height:26px; margin-bottom:0; }
	#slider .nivo-caption h4{ font-size:18px; line-height:normal; margin-bottom:5px; padding:7px 15px 7px 0; }
	#slider .nivo-caption a.button, #slider .nivo-caption a.sliderbtn{ display:none; }
	#slider .nivo-caption p { display:none;}
	.slider-main{ min-height:auto; }
}
@media screen and (min-width:401px) and (max-width:767px){
	#slider .nivo-caption h2{ font-size:34px; line-height:40px; margin-bottom:0;}
	.slider-main{ min-height:215px; }
	.news-box:hover a.ln-read-more { -webkit-transform:translateY(152px); -moz-transform:translateY(152px); -o-transform:translateY(152px); -ms-transform:translateY(152px); transform:translateY(152px);}
	.testi-desc { padding-left:25px; padding-right:25px;}
}

@media screen and (min-width:481px) and (max-width: 767px){
	.container, .content-area{ width:400px; margin:0 auto;}
	body.page-template-template-full-screen .content-area{ width:100%; }
}

@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: 990px){	
	/* Header */
	.header-responsive{ position:relative; padding:0px; }
	.header-inner { padding: 0 20px;}
	.logo{ width:42%; position:relative; display:inline-block; vertical-align:middle; text-align:left; padding-top:15px;}
	.logo a{ display:inline-block; }
	.logo img{ margin:0; }
	.toggle{ float:right; position:relative; top:30px; }	
	/* Slider */
	.slider-main{ min-height:auto; }
	.nivo-caption{ width:83%; margin:0 auto; top:auto; bottom:30%; left:0; right:0; }
	#slider .nivo-caption h1{ font-size:35px; line-height:50px;}
	#slider .nivo-caption h4 { font-size:22px; margin-bottom:10px;}
	#slider .nivo-caption p{ display: none;}
	.nivo-controlNav, .nivo-directionNav{ display:none; }	
		
	/* Sections */
	section { background-attachment:scroll !important; padding:50px 0;}
	.section_head { width:45%; min-height:100px;}
	.section_head h2.section_title { font-size:28px;}
	.section_head_text { min-height:100px;}	
	.fourbox { padding:35px 10px 35px;}
	.fourbox:hover { transform:none;}
	.one_half.about-img { width:100%; margin-right:0; margin-bottom:40px;}
	.one_half.about-img img { width:100%;}
	.one_half.last_column.about-desc { width:100%; margin-bottom:0;}
	.about-box:nth-child(2n+1) { margin-bottom:0;}
	.about-content { width:88%;}
	.features-left { width:100%; float:none;}
	.features-right { width:100%; float:none;}
	.features-right img { height:auto; width:100%;}
	.gallery-image .gallery-title, .gallery.grid-col-four .gallery-title { padding:20px 10px;}
	.gallery-image .gallery-title h5 { font-size:15px;}
	.services_box { padding:20px 15px;}
	.services-inner { padding:15px 10px;}
	.teammember-list .inner-content h4 { font-size:13px;}
	.teammember-list .inner-content cite { font-size: 12px;}
	.team-thumbnail .member-social-icon { width:100%;}
	.team-thumbnail:hover .member-social-icon { -webkit-transform:translateX(2%); -ms-transform: translateX(2%); transform:translateX(2%);}
	.counter-box { margin-right:18px;}
	.count-number { width:100px; height:100px; line-height:95px;}
	.count-number span.counter { font-size:35px;}
	.counter-box h3 { font-size: 13px;}
	.price-box { width:31%; margin-right:24px;}
	.price-box h3 { margin-bottom: 0;}
	.price-box h2 { font-size:35px;}	
	#clienttestiminials{ width:100%; }	
	.post-meta span { margin-bottom:5px;}
	.news-box a.ReadMore, .post-content a.ReadMore { margin-top: 20px;}
	.post-meta { margin-left:0;}
	/* Footer */
	.foo-cols.widget-column h5 { font-size:18px;}
	.widget-column{ width:49%; min-height:240px; margin-bottom:30px; }
	.footer-cols-four .widget-column{ margin-right:2%; padding-right:2%; padding-left:0; margin-left:0; }
	.footer-cols-four .widget-column:nth-child(2n+2){ margin-right:0; padding-right:0; }
	.latest-post-thumb { width:60px;}
	/* Innerpages */
	h1.innerpage-title{ font-size:26px !important; }
	.innerbanner .container{ padding:50px 20px; }
	.error-404 .search-form{ width:60%; }
	.skill-info { padding:15px; margin-right:20px;}
	.skill-info::after { border-width:30px; margin-top:-26px;}
	.skill-info h2 { margin-bottom:10px;}
	#mixitup .mix, .single-port-mix { width:50%; padding:15px;}
	.owl-carousel .owl-stage-outer { padding-bottom: 20px;}	
	.blog-post-single .post-meta span { display: inline-block;}
	.contact-box { padding:9% 10px 20px; margin-bottom:30px; width:32%; margin-right: 13px;}
	.contact-details h5 { margin-bottom:5px; font-size:16px;}
	.contact-details p { line-height: 24px;}
	.contact-content, #contactform_main { width:100%;}	
	/* Blog page */
	.author-box{ padding:3%; }
	#sidebar{ margin-top:30px; }
	.post-summary{ overflow:hidden; }	
	/* Sidebar */
	body.page-template-template-full-screen .content-area{ padding:0 !important;  }
	.content-area{ padding:50px 20px !important; }
	#sidebar, .site-main, .sidebar-left{ float:none; width:100% !important; }	
	/* Woocommerce */
	.woocommerce div.product p.stock{ margin-bottom:15px; }
	.woocommerce button.button.single_add_to_cart_button{ margin:3px 20px; }
}

@media screen and (max-width:1169px) and (min-width:768px) {
	.container{ width:100%; padding:0 20px;}
	.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
	.slider-main{ background-position: center center; }
}

@media screen and (max-width:1169px) and (min-width:991px) {
	.content-area{ padding-top:50px !important; padding-bottom:50px !important; }
	body.page-template-template-full-screen .content-area{ padding:0 !important;  }
	/* Header */	
	.header .header-inner { padding:0 20px; width: auto;}
	.logo { margin-right:auto;}
	.sitenav { width:75%;}
	.header-inner .sitenav ul { font-size: 12px;}	
	.sitenav ul li a{ padding-left:12px; padding-right:12px; }
	.sitenav ul li:hover a::before { left:-1px; width:10px;}
	.sitenav ul li a.parent::after { right:0;}
	/* Slider */
	.slider-main{ min-height:466px; background-position: center bottom; }
	.boxlayout .nivo-caption { bottom:14%;}
	.boxlayout .slider-main .nivo-controlNav { bottom:9%;}
	.nivo-caption{ bottom:15%; width:70%; }
	.nivo-caption h4 { margin-bottom:10px; font-size: 25px;}
	.nivo-caption h1{ font-size:40px !important; margin-bottom:10px; }
	.nivo-caption p{ margin-bottom:25px; }
	.nivo-controlNav{ bottom:10%;}
	.nivo-controlNav { right: 3%;}
	.nivo-directionNav a { top:40%;}		
	/* Section */
	section { paddingm:40px 0;}
	.section_head_text, .section_head { margin-bottom:40px;}
	.one_half.about-img img { width:100%;}
	.one_half.last_column.about-desc h1 { font-size:35px; padding-top:10px; margin-bottom:10px;}
	.about-content { width:84%;}
	.features-left { padding:30px 60px 30px 30px;}
	.gallery-image .gallery-title { padding:25px 0;}
	.gallery-image .gallery-title h5 { font-size: 16px;}
	.services_box { padding-top:15px; padding-bottom:15px;}
	.services-inner { padding:20px 15px;}
	.team-thumbnail .member-social-icon { width:75%;}
	.team-thumbnail:hover .member-social-icon { transform:translateX(35%);}
	.counter-box { padding-top:4%; margin-right:25px;}
	.count-number { width:100px; height:100px; line-height:88px; top:-58px;}
	.count-number span.counter { font-size:30px;}
	.counter-box h3 { font-size:18px;}
	.price-box h2 { font-size:45px;}	
	.post-meta span { margin-bottom:5px;}
	.news-content p { margin-bottom:0px;}
	.news-box a.ReadMore, .post-content a.ReadMore { margin-top: 25px;}
	ul.footer-social li, .widget-getintouch-social li { width:35px; height: 35px; line-height: 35px;}
	/* Inner pages */
	.innerbanner .container{ padding:13em 20px 7em 20px; }
	.site-main{ width:66.6667%; }
	#sidebar{ width:30%; }
	.author-box{ padding:1.5rem 1.5rem; }
	.sidebar-left{ width:30%; }
	.sidebar-left #sidebar{ width:100%; }
	body.single-product .content-area{ padding-bottom:50px; }
	.boxlayout .photoflash-sticky-header { width:984px;}
	.skill-info { padding:30px;}	
	#mixitup .mix, .single-port-mix { width:33%;}	
	.contact-box { margin-right:33px;}	
	#nav-below.post-navigation .meta-nav-title { font-size:15px;}
	h4.post-title { min-height:55px; margin-bottom:10px;}
}

@media screen and (min-width:1170px) and (max-width: 1366px){
	.slider-main{ min-height:500px; }	
}

@media screen and (max-width: 990px){
	.header-main{ display:none; }
	.header-responsive{ background-color:#25282e; display:block;}
	.toggle{ display:inline-block; vertical-align:middle; position:relative; }	
	.toggleMenu{display: block;}
	.headtoptoggle { background-color:#d32f2f;}
	.toptoggleicon{display:block; text-align:center; font-size:20px; color:#ffffff; padding:10px 0; }
	.toptoggleicon:hover { color:#ffffff;}
	.header-top { display: none; text-align:center;}
	.head-top-inner { display: block;}
	.head-top-right { text-align:center; margin-top: 10px;}
	.search-form-toggle { display:none;}	
	.sitenav .container{ padding:0; width:100%; }
	.sitenav{float:none; margin:0; top:0; position:relative; overflow-x:hidden; width:100%; }
	.sitenav ul{color:#ffffff; width:100% !important; float:none !important; margin:0; padding:0; background-color:#ffffff; overflow:hidden; border:none; }
	.sitenav ul li{display:block; float:none; border-right:none; line-height:normal; border-top: 1px solid #bbbbbb; margin-right:0; }
	.sitenav ul li a{padding:14px; display:block; text-align:left; font-weight: 400; }
	.sitenav ul li a::before { content: none;}
	.header-responsive .sitenav ul li a, .header-responsive .sitenav ul li.current_page_item ul li a { color: #ffffff;}
	.sitenav ul li a.parent:before{ display:none; }
	span.submenu-button { position: absolute;z-index:99; right: 0; top: 0; display:block; border-left:1px solid #ffffff; height:45px; width:45px;cursor:pointer; background-color:#25282e; }
	span.submenu-button:before { position: absolute; top: 21px; right: 20px; display: block; width: 2px; height: 8px; background: #ddd; content: ''; }
	span.submenu-button:after { position: absolute; top: 24px; right: 17px; width: 8px; height: 2px; display: block; background: #ddd; content: ''; }
	.sitenav ul li:hover > ul{ background:none !important; width:auto !important; display:none; position: relative !important; left:0; right:0; top:0; animation:none !important; }
	.sitenav ul li ul, .sitenav ul li ul ul{ display:block; position:relative; left:0; }
	.sitenav ul li ul li{ top:0; }
	.header-responsive .sitenav ul li ul li a{padding:8px 25px; text-align:left; display:block; background: none;}
	.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 ul ul li a { padding-left: 35px; }
	.sitenav ul ul .submenu-button { height: 35px; width: 35px; }
	.sitenav ul ul .submenu-button:before { top: 15px; right: 16px; }
	.sitenav ul ul .submenu-button:after { top: 18px; right: 13px; }
	.submenu-button.submenu-opened:before{ background: #ffffff; }	
	.logo img{ height:auto !important; width:auto; }
	.woocommerce .quantity .qty{ display:inline-block; margin:0; }
}
@media screen and (min-width: 1024px) {
	.social-share-whatsapp {
		display: none !important;
	}
}