@media screen and (max-width:767px) {
.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
.container, .full-container { width:auto; padding:0 20px;}	
.counter-inner { width:auto; padding:20px;}
/*Header Css*/
.header { position:relative; background-color:#272727; text-align:center;}
.header .container { display:block;}
.logo { width:auto; text-align:center; float:none; padding-bottom:10px;}
.logo img { display:inline-block;}
.header-right{  width:auto; float:none;}
.head-right-top { text-align:center; padding:10px 0 30px;}
.headtop-left { margin-bottom:10px;}
.headtop-left p { margin-right:0; display:block;}
	
/*slider Css*/
.slider-main{ min-height: auto; margin-bottom:0;}
#slider .nivo-controlNav{ display:none;}
#slider .nivo-caption{ width:80%; left:0; bottom:27%; padding:20px; margin:0 auto; right:0; text-align:center; }
.nivo-caption::before { bottom:16px;}
#slider .nivo-caption a.button, .nivo-caption p{ display:none;}
#slider .nivo-caption h3 { font-size:17px;}	
.nivo-directionNav a{ display:none;}
a.nivo-prevNav{  top:36%; }
.boxlayout .slider-main{ min-height:inherit; }

/*coloumn css*/ 
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth {float:none !important; width:100% !important; margin:0 0 30px !important;}
	
/* Section Css */
.one_half .section_head{ width:100%; }
h2.section_title{ font-size:30px !important; margin-bottom:0;}
section#pagearea { padding:70px 0;}
.pagearea-inner { margin-top:30px;}
.fourbox { width:100%; float:none; margin-right:0; margin-bottom:40%;}
.fourbox.last_column { margin-bottom:20px;}
.work-we { width:100%; float:none;}
.work-thumb { padding-top:0;}
.work-thumb img { width:100%;}
.work-content .work-we h2, .project-complete .protxt-inner h2, .video-content h2 { font-size:28px; line-height:normal;}
.project-count { width:100%; float:none;}
.project-txt{ width:100%; float:none;}
.project-count h3.counter { top:30%; font-size:35px;}
.what-we-box h4 { font-size:20px; margin-bottom:5px;}
.project-box  .project-thumbnail h3, .tile h3 { font-size:25px;}
.video-content { width:100%; float:none;}
.video-iframe { width:100%; float:none;}
.counter-box { float:none; width:100%; padding:6%;}
.testimonials-wrap { width:100%;}
.testimonials-wrap .testi-desc p { font-size:17px;}
.testimonials-wrap .testi-ttl h4 { font-size:15px;}
.testimonials-wrap .testi-ttl { padding-left:10px; padding-right:10px;}	
.news-box { width:100%; float:none; margin-right:0;}	
.section-content { width:100%;}
.section-content .what-we-box a.buttonstyle1 { margin-top:0;}
.section-content .counter-box { width:100%; float:none; text-align:center;}

/* Project Page */
.toolbar ul li { display:block; margin-bottom:5px;}
.tile { width:100%; float:none; margin-left:0; margin-right:0;}	
.single-project-box .post-thumb, .project-tab, .location-map { width:100%; float:none;}
.single-project-box .post-content { width:100%; float:none; padding-top:30px;}
.work-info-item { width:100%; display:block;}
/* Gallery */
.entry-content .gal-col-two, .entry-content .gal-col-three, .entry-content .gal-col-four, .entry-content .gal-col-five { float:none; width:100%;}
/* Portfolio */
.portfolios ul li { display:block; margin-bottom:5px;}
.portfolios #mixitup .mix { width:100%; float:none; margin-right:0; margin-left:0;}
/* Blog Page */
.blog-post-repeat, .blog-post-repeat-full { width:100%; float:none; margin-right:0;}		
.nav-previous, .nav-next{ float:none; width:100%; margin-bottom:15px; }	
/* Contact Page */
.one_half_left { width:100%; float:none;}
.one_half_right { width:100%; float:none; font-size:15px;}
.contact-content #contactform_main input[type="text"], .contact-content #contactform_main input[type="email"], .contact-content #contactform_main input[type="tel"], .contact-content #contactform_main input[type="url"] { float:none; width:100%; margin-right:0;}
.contact-content #contactform_main input[type="submit"] { width:100%;}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"] { height:30px;}	
/* Footer/Copyright */
.footer-inner { width:auto; padding:0 20px;}
.footer-cols-three .foo-cols { width:100%; float:none; margin-right:0; padding-right:0;}
.foo-cols ul li { width:100%; float:none;}
.subscribe { width:100%;}
.email-sub input[type="email"] { width:100%; float:none; margin:0 auto; height:40px;}
.subscribe .email-sub input[type="submit"] { display:inline-block; position:relative;}	
.copyright-inner { width:95%; text-align:center;}
.copyright-txt, .designby { float:none; display:block;}
.copyright-txt { margin-bottom:10px;}
.owl-theme .owl-nav, .owl-theme .owl-dots, .owl-theme .owl-nav { display:none;}	
/* Inner Pages */
.content-area section .container { padding-left:0; padding-right:0; width:auto;}
.content-area{ width:auto; margin:0; padding:20px;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
.innerbanner{ height:200px;}
.innerbanner .container{ width:100%; margin-bottom:0; top:35%; }
h1.innerpage-title{ margin:0 auto; font-size:25px !important; }
#crumbs{ line-height:normal; padding: 10px 0;}		
/* Sidebar Css */
.flotRight{ float:none !important;}
#sidebar{ width:100%; float:left; margin:30px 0; }
#sidebar aside.widget{ margin-right:0; }
.sidebar-left{ float:none !important; width:100%;}
#sidebar .search-form input.search-submit, #sidebar .search-form input.search-field { margin-top:0;}
.testimonials-wrap h2.section_title{ margin-bottom:30px; font-size:20px;}
.testimonials-wrap .owl-prev{ right:11%;}
#sidebar aside.widget{ margin-left:0; }	
/*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 CSS */
.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:8px 18px;}	
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; }
.woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as{ display:block; }
.cartpop .header-cart .woocommerce-mini-cart__buttons .button.wc-forward{ padding: 10px 15px; }
}

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

@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: 990px){
.header { position:relative; background-color:#272727;}
.logo { width:auto;}
.header-right { width:66%;}
.headtop-left { display:block;}
.headtop-right { display:block; margin-top:15px;}
/* Slider Css */
.boxlayout .slider-main{ min-height:540px;}
.nivo-caption{ width:auto; bottom:20%; z-index:7; }
.nivo-caption h2{ font-size:35px !important; line-height:40px; margin-bottom:5px;}
.nivo-caption h3 { font-size:30px; margin-bottom:15px;}
.nivo-caption p{ margin-bottom:10px;}
.nivo-caption a.button { margin-top:5%;}
.nivo-caption::before { bottom:43px;}	
.header .logo h1 { font-size:25px;}
	
/* Section Css */	
h2.section_title{ font-size:30px !important; }
.pagearea-inner{ margin-top:-60px;}
.fourbox { margin-bottom:5%;}
.fourbox.last_column { margin-right:0px;}
.fourbox { margin-right:20px; width:31.3%;}
.fourbox .fourbxcontent { padding-left:10px; padding-right:10px;}
.fourbox::before { width:52%; height:40px; -webkit-transform:rotate(12deg); -ms-transform:rotate(12deg); transform:rotate(17deg); left:3px;}
.fourbox::after { width:52%; height:40px; -webkit-transform:rotate(-12deg); -ms-transform:rotate(-12deg); transform:rotate(-17deg); right:3px;}
.one_half.work-content { margin-right:0; width:100%; padding-left:20px; padding-right:20px;}
.one_half.work-thumb.last_column { width:100%; padding-left:20px; padding-right:20px;}
.work-we { width:auto; float:none;}
.work-thumb img { width:100%;}
.project-count { width:100%; float:none;}
.project-txt { width:100%; float:none; padding-bottom:5%;}
.project-count h3.counter { text-align:center; left:0; right:0; width:30%; margin:0 auto;}
.what-we-box .whatwe-content { padding-left:10px; padding-right:10px;}
.whatwe-content p { display:none;}
.what-we-box h4 { font-size:17px; margin-bottom:10px;}
.what-we-box a.buttonstyle1 { margin-top:5px;}	
.project-box .project-thumbnail h3, .tile h3 { font-size:20px;}
.project-thumbnail span { bottom:55%;}
.video-content { width:37%; padding-left:15px; padding-right:15px;}
.count-icon { display:block; text-align:center; margin-right:0; margin-bottom:15px;}
.count-text { width:auto; float:none; text-align:center; display:block;}
.count-text h5 { font-size:15px;}
.our-team .full-container { width:auto;; padding-left:20px; padding-right:20px;}
.thumnailbx cite { margin-bottom:15px;}
.news-box .news-desc h4, .blog-post-repeat h3.post-title, .blog-post-repeat-full h3.post-title  { font-size:17px;}
.news-thumb p, .post-thumb p { margin:0;}
.news-thumb .news-icon:hover .postmeta, .post-thumb figcaption:hover .postmeta { padding-top:7%; padding-bottom:3%;}	

/* Footer Css */
#footer-wrapper{ font-size:15px;}
.footer-inner { width:auto; padding:0 20px;}
.foo-cols .social-icons a { font-size:12px; width:30px; height:30px; line-height:30px;}
.copyright-inner { width:auto; padding-left:20px; padding-right:20px;}	
/* Innerpage Css */
.innerbanner{ height:350px;}
.innerbanner .container { top:35%;}	
.tile { width:30%; margin-left:12px; margin-right:12px;}
.tile img { margin-bottom:0;}	
#projectsbx .tile h3, .related-project .tile h3 { font-size:18px; bottom:55%;}
.tile span { bottom:25%;}
.single-project-box .post-thumb { width:auto; float:none;}
.single-project-box .post-content { width:auto; float:none; padding-top:30px;}
.entry-content .gal-col-two, .entry-content .gal-col-four, .entry-content .gal-col-five { width:50%;}
.entry-content .gal-col-three { width:33.3%;}
.portfolios #mixitup .mix { width:46%;}
.proup-box { width:50%;}
h4.gallery-item_meta_title { font-size:18px;}
.blog-post-repeat { margin-right:18px;}
.blog-post-repeat-full { margin-right:25px;}
.contact-content #contactform_main input[type="text"], .contact-content #contactform_main input[type="tel"], .contact-content #contactform_main input[type="email"], .contact-content #contactform_main input[type="url"] { width:48%;}
.one_half_right { font-size:15px;}
.woocommerce button.button, .woocommerce button.button.alt { margin-top:0;}			
}

@media screen and (max-width:1169px) and (min-width:768px) {
.container, .header-inner { width:100%; padding:0 20px;}
.content-area section .container { padding-left:0; padding-right:0;}
.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%;}
.slider-main{ min-height:400px; background-position: center center; }
.site-main{ width:65%; }	
/*custom  css*/
ol.nav-numbers{ bottom:10%;}
.sidebar-left{ float:left !important; width:33%;}
.sidebar-left #sidebar{ width:100%;}	
/*Blog Page Css*/
.author-bio-box{ width:auto; }
}

@media screen and (max-width:1169px) and (min-width:991px) {
.header .container { padding:0 20px; }
.sitenav ul li ul{ z-index: 15; }
.sitenav ul li a{ padding-left:7px; padding-right:7px; }
/* Slider */
.slider-main{ background-position: center center; }
.nivo-caption{ bottom:25%; }
.slider-main .nivo-caption h2{ font-size:30px; line-height:41px; margin-bottom:5px;}
.slider-main .nivo-caption h3 { font-size:27px; margin-bottom:10px;}
.nivo-caption a.button { margin-top:10%;}
.nivo-caption::before { bottom:52px;}
.fourbox { margin-right:25px;}
.project-txt { padding:3% 0 2% 5%;}
.project-thumbnail span { bottom:55%;}
.what-we-box .whatwe-content { padding:15px 10px 10px 10px;}
.what-we-box h4 { font-size:18px; margin-bottom:5px;}
.count-text { width:63%;}
.our-team .full-container { width:auto; padding-left:20px; padding-right:20px;}
.thumnailbx cite { margin-bottom:15px;}
	
/* Footer */
.footer-inner { width:auto; padding-left:20px; padding-right:20px;}
.foo-cols .social-icons a { width:43px; height:43px; line-height:43px;}
.contact-content #contactform_main input[type="text"], .contact-content #contactform_main input[type="tel"] { width:48%;}
.copyright-inner { width:95%;}	
/* Inner Page */
.tile { margin-left:11px; margin-right:11px;}
.portfolios #mixitup .mix { width:30.5%;}
.blog-post-repeat { margin-right:25px;}
}

@media screen and (min-width:1170px) and (max-width: 1366px){
.site-main { width:790px;}
}

@media screen and (max-width: 990px){	
	
section{ padding:40px 0;}
.toggle{ display:block; float:right; position:relative; }	
.toggleMenu{display: block; }	
.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; border-right:none; line-height:normal; border-top: 1px solid #444;}
.sitenav ul li a{padding:15px; display:block; font-weight:400; text-align:left;}
.sitenav ul li a::before { border:none; transform:none; transition:none;}
.sitenav ul li a.parent:before{ display:none; }
.sitenav ul li:first-child a{ padding-left:15px; }
span.submenu-button { position: absolute;z-index:99; right: 0; top: 0; display:block; border-left:1px solid #444; height:45px; width:45px;cursor:pointer; background-color:#fab706; }
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; border:none; animation:none;}
.sitenav ul li ul, .sitenav ul li ul ul{ display:block; position:relative; left:0; }
.sitenav ul li ul li a{padding:8px 20px; text-align:left; display:block;}
.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, .submenu-button.submenu-opened:after{ background: #000; }	
.woocommerce .quantity .qty{ display:inline-block; margin:0; }
}
@media screen and (min-width: 1024px) {
.social-share-whatsapp { display:none !important;}
}