@media screen and (max-width:767px) {
.container, .full-container { width:100%; padding:0 15px; } .header-responsive .flex-element.logo-row{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }
.logo{ width:70%; display:inline-block; text-align:left; margin-right:auto; }
.logo a{ display:block; }
.logo img{ margin:0; } #slider .nivo-caption{ width:80%; margin:0 auto; text-align:center; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
#slider .nivo-caption .inner-caption{ padding: 10px; }
#slider .nivo-caption p{ display:none; }
#slider.caption-text-left .nivo-caption, #slider.caption-text-right .nivo-caption{ left:0; right:0; }
#slider .nivo-caption a{ display:block; }
#slider a.sliderbtn{ display: none; }
.nivo-directionNav a{ width:40px; height:40px; background-position:-24px center; left:5px; }
.nivo-directionNav a.nivo-nextNav{ background-position:-106px center !important; right:5px; left:auto; top: calc(50%); }
.boxlayout .slider-main{ min-height:auto; }
#slider.caption-text-left .nivo-caption, #slider.caption-text-right .nivo-caption{ text-align:center; }
.nivo-controlNav{ display:none; }
.show-header-image{ padding:6em 0; }
.social-bar{ text-align: center; }
.social-bar-center{ -webkit-transform: rotate(90deg); transform: rotate(90deg); margin: 15px 0; }
.social-bar .social-bar-right { text-align: center; } .flex-element{ display:block; }
.col, .col-auto, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{ max-width:100%; } h2.section_title{ font-size:34px !important; margin-bottom:30px; }
.section_head span{ margin:0; }
.section_head p, .full-container .section_head p{ width:100%; margin:0 0 30px; }
.about_fig{ margin-bottom: 20px; }
.inner_about_content, .introduction-box.right-side .inner_about_content{ padding: 0; }
.process-box, .infobox{ margin-bottom: 20px; } #clienttestiminials{ width: 100%; }
.testimonials-item{ margin: 0;  box-shadow: none; }
.testi-thumb{ margin-bottom: 20px; transform: translateY(0); }
.testi-desc p{ margin: 0 0 30px; box-shadow: none; padding }
#clienttestiminials .owl-nav button{ top: 80%; -webkit-transform: translateY(-80%); transform: translateY(-80%); }
#clienttestiminials .owl-nav button.owl-prev{ left: -5px; }
#clienttestiminials .owl-nav button.owl-next{ right: -5px; }
.news-content{ padding: 20px 15px; }
.news-box, .pricing-col{ margin:0 0 30px; }
.teammember-list{ margin: 30px 0; }
.latest-news-para .flex-element, .post-data .flex-element{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;  }
.counter-main{ display:block; }
.counter-box{ margin: 30px 0; }
#mixitup .mix, #mixitupgal .mix{ width: 100% !important; } .copyright-wrapper{ text-align:center; padding:0; }
.copyright-text{ margin-right: 0; width: 100%; padding:20px 0 0; }
.designby-text{ padding:10px 0 20px 0; }
.foo-cols .gallery.grid-col-two{ width:48%; margin-right:4%; margin-top:4%; float:left; margin-bottom:0; }
.foo-cols .gallery.grid-col-three{ width:32%; margin-right:2%; margin-top:2%; float:left; margin-bottom:0; }
.foo-cols .gallery.grid-col-four{ width:23.5%; margin-right:2%; margin-top:2%; float:left; margin-bottom:0; } .content-area{ width:auto; margin:0; padding:20px 15px; }
.site-main{ width:auto; margin:0; padding:0; float:none; }
.innerbanner .container{ padding:2.5em 1em; }
h1.innerpage-title{ font-size:28px !important; line-height:1.1; padding:0; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:left; }
h1.innerpage-title.without-banner{ margin-top: 0; }
.boxlayout h1.innerpage-title{ padding:8px; } .single-portfolio .image-carousel{ width:100%; } .blog-post-repeat, .site-main.sitefull .blog-wrapper.flex-element .blog-post-repeat{ width:100%; display: block; }
.blog-post-repeat .post-data{ padding: 15px; }
.blog-post-repeat .post-thumb{ width:100%; display: block; }
body .boxlayout .blog-post-repeat{ width:96%; display:block; margin:0 2% 30px; }
body .boxlayout .blog-post-single{ padding: 0 10px; }
.blog-post-repeat article{ border:0; box-shadow: none; }
.blog-post-single .post-meta span{ margin-right: 10px; } .conactinfo{ margin: 0 0 30px; padding: 15px; }
.con-page-info{ margin: 0 0 30px; }
.con-page-info:last-child{ margin-bottom: 0; }
.gmap{ margin-bottom:30px;	 }
.form-group.half{ width:100%; margin:0; }
.form-group.third{ width:100%; margin:0; }
.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:20px 0; }
.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; }
#commentform input[type="text"]{ 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; }
.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; } #sidebar.team-sidebar, #sidebar.testi-sidebar{ float:none; }
.team-testi-post-thumb{ width:100%; float:none; margin:0 0 30px; }
.single-team-content, .single-testi-content{ padding-left:0; margin-top:30px; }
.member-info ul li{ width:100%; margin-left:0; margin-right:0; }
.single-team-work-details ul li .member-work-title, .single-team-work-details ul li .member-work-cont, .single-team-work-details ul li .member-work-cont span{ width: 100%; display: block; }
.single-team-work-details ul li .member-work-cont span{ margin: 10px 0; } .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%; }	
body .boxlayout #sidebar{ padding:0 10px; } .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-result-form{ width:100%; }
.search-result-box, .search-result-box .post-thumb, .search-result-box .post-summary{ display:block; }
.search-result-box .post-thumb{ float:none; width:100%; } .error-404 .search-form{ width:100%; }
.error-404 .search-form input[type="search"]{ width:100%; margin-right:0; }
.error-404 .title-404{ font-size:10em; } .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product { width: 100%; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding: 6px 12px; }
button.single_add_to_cart_button{ margin:0 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-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2{ margin-top:30px; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width:100%; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{ max-width:100%; }
.gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item{ width:100%; float:none; margin-right:0; margin-bottom:20px; }
}
@media screen and (max-width:480px){
#slider .nivo-caption h4{ font-size: 14px; margin-bottom: 10px; }
#slider .nivo-caption h2{ font-size:30px; line-height:1.1; margin-bottom:0; }
.slider-main{ min-height:130px; }
}
@media screen and (min-width:481px) and (max-width:767px){
#slider .nivo-caption h4{ font-size: 20px; margin-bottom: 10px; }
#slider .nivo-caption h2{ font-size:42px; line-height:1; margin-bottom:0; }
.slider-main{ min-height:190px; }
#slider .nivo-caption .inner-caption{ padding: 20px; }
.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){ .logo{ width:30%; position:relative; display:inline-block; vertical-align:middle; text-align:left; margin:10px 0; padding: 0; }
.logo a{ display:block; }
.logo img{ margin:0; }
.toggle{ text-align:right; right:15px !important; }
.toggle a{ float:right; padding:28px 20px; }
.toggle a:before{ left:auto; right:0; } .slider-main{ min-height:360px; }
.nivo-caption{ width:72%; margin:0 auto; left:0; right:0; }
.nivo-caption .inner-caption{ padding: 15px; }
#slider.caption-text-left .nivo-caption{ left:0; }
#slider.caption-text-right .nivo-caption{ right:0; }
.nivo-caption h2{ font-size: 42px !important; }
.nivo-caption p{ width:100%; margin:0 0 20px 0; }
.nivo-controlNav{ bottom:6%; }
.boxlayout .slider-main{ min-height:350px; }
.show-header-image{ padding:12em 0; } .tab-col-1 { -webkit-box-flex:0; -webkit-flex:0 0 8.3333333333%; -ms-flex:0 0 8.3333333333%; flex:0 0 8.3333333333%; max-width:8.3333333333%; }
.tab-col-2 { -webkit-box-flex:0; -webkit-flex:0 0 16.6666666667%; -ms-flex:0 0 16.6666666667%; flex:0 0 16.6666666667%; max-width:16.6666666667%; }
.tab-col-3 { -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex: 0 0 25%; max-width:25%; }
.tab-col-4 { -webkit-box-flex:0; -webkit-flex:0 0 33.3333333333%; -ms-flex:0 0 33.3333333333%; flex:0 0 33.3333333333%; max-width:33.3333333333%; }
.tab-col-5 { -webkit-box-flex:0; -webkit-flex:0 0 41.6666666667%; -ms-flex:0 0 41.6666666667%; flex:0 0 41.6666666667%; max-width:41.6666666667%; }
.tab-col-6 { -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex: 0 0 50%; flex:0 0 50%; max-width:50%; }
.tab-col-7 { -webkit-box-flex:0; -webkit-flex:0 0 58.3333333333%; -ms-flex:0 0 58.3333333333%; flex:0 0 58.3333333333%; max-width:58.3333333333%; }
.tab-col-8 { -webkit-box-flex:0; -webkit-flex:0 0 66.6666666667%; -ms-flex:0 0 66.6666666667%; flex:0 0 66.6666666667%; max-width:66.6666666667%; }
.tab-col-9 { -webkit-box-flex:0; -webkit-flex:0 0 75%; -ms-flex: 0 0 75%; flex:0 0 75%; max-width:75%; }
.tab-col-10 { -webkit-box-flex:0; -webkit-flex:0 0 83.3333333333%; -ms-flex:0 0 83.3333333333%; flex:0 0 83.3333333333%; max-width:83.3333333333%; }
.tab-col-11 { -webkit-box-flex:0; -webkit-flex:0 0 91.6666666667%; -ms-flex:0 0 91.6666666667%; flex:0 0 91.6666666667%; max-width:91.6666666667%; }
.tab-col-12 { -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex: 0 0 100%; flex:0 0 100%; max-width:100%; } h2.section_title{ margin-bottom:30px; }
.introduction-box .col-6{ -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.about_fig { margin-bottom: 30px; }
.inner_about_content, .introduction-box.right-side .inner_about_content{ padding: 0; }
.service-data{ padding: 30px 15px; }
.working-process-wrap .flex-element{ flex-wrap: wrap; }
.process-box{ flex: 1 0 44%; margin: 15px; }
.inner-infobox{ padding: 50px 20px; }
.iconbox{ padding: 25px 12px; }
.iconbox-icon{ margin: 0 auto 20px; display: block; }
.iconbox-content h3::after{ margin: 0 auto; right: 0; }
.iconbox-content{ display: block; width: 100%; text-align: center; margin: 0; } #clienttestiminials{ width: 100%; }
.testi-content { padding: 30px; }
.testi-desc p{ font-size: 20px; }
.latest-news-wrap .col-4 .latest-news-para .flex-row{ flex-direction:column; }
.latest-news-wrap .col-3, .team-member-wrap .col-3, .gallery-wrap .col-3, .cause-wrap .col-3, .event-wrap .col-3{ -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.news-content{ padding: 15px; }
.count-icon{ display: block; }
.counter-box span{ margin-bottom: 26px; }
.counter-box{ text-align: center; }
.counter-box h3{ font-size: 30px; }
.count-content{ padding: 0; display: block; }
.portfolio-main .grid-col-four .portfolio-title{ height:34px; }
.portfolio-main .grid-col-four .portfolio-image:hover img{ -webkit-transform:translate3d(0,-34px,0); -ms-transform:translate3d(0,-34px,0); transform:translate3d(0,-34px,0); }
.portfolio-main .grid-col-four .portfolio-image:hover .portfolio-title{ -webkit-transform:translate3d(0,-62px,0); -ms-transform:translate3d(0,-62px,0); transform:translate3d(0,-34px,0); }
.package-name, .package-price{ padding: 15px; } .footer-cols-four .col-3{ -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex: 0 0 50%; flex:0 0 50%; max-width:50%; }
.copyright-padding { padding:0 30px; }
#back-top{ bottom:40px; } h1.innerpage-title{ padding: 2em 0; font-size: 30px !important; }
h1.innerpage-title.without-banner{ margin-top: 0; }
.boxlayout .innerbanner .container{ padding:30px 20px; }
.boxlayout h1.innerpage-title{ padding: 1em 0.5em; }
.error-404 .search-form{ width:60%; } .portfolio-main .grid-col-four .portfolio-meta span{ width:30px; height:30px; line-height:30px; }
.portfolio-main .grid-col-four .portfolio-meta span a{ font-size:12px; }
.portfolio-main .grid-col-four .portfolio-title{ padding:10px; }
.portfolio-main .grid-col-four .portfolio-title h3{ font-size:12px; } .author-box{ padding:3%; }
#sidebar{ margin-top:30px; }
.post-summary{ overflow:hidden; }
#sidebar.team-sidebar, #sidebar.testi-sidebar{ float:none; }
.single-team-content, .single-testi-content{ padding-left:0; margin-top:30px; } 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; }
.widget-about-image{ min-height:400px; } .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;}
.slider-main{ min-height:290px; background-position: center center; }
.full-container .row { margin: 0; }
}
@media screen and (max-width:1209px){
.boxlayout{ width:auto; margin:0 10px; box-sizing:border-box; }
}
@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-button a{ padding: 5px 12px; font-size: 12px; }
.sitenav ul{ font-size: 12px !important; }
.sitenav ul li{ margin-right:2px; }
.sitenav ul li a{ padding: 11px 8px; }
.sitenav ul li ul{ z-index:15; } .slider-main{ min-height:380px; background-position: center center; }
.nivo-caption p{ margin-bottom:20px; }
.nivo-controlNav{ bottom:5%; }
.boxlayout .slider-main{ min-height: 423px; } .post-meta{ display: block !important; }
.counter-box h3{ font-size: 32px; }
.counter-box h6.counter-ttl{ font-size: 12px; } h1.innerpage-title{ padding: 2em 0; font-size: 30px !important; }
.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; }
.inner-contact-page-content, .inner-contact-page-info{ padding:2em; }
}
@media screen and (min-width:1170px) and (max-width: 1366px){
.slider-main{ min-height:440px; }
.nivo-caption p{ width:auto; }
.sitenav ul li a{ padding:15px 8px; }
}
@media screen and (min-width:768px) and (max-width: 1100px){	
section{ background-attachment: scroll !important; }
}
@media screen and (max-width: 990px){
.top-header{ display:none; padding:5px 0; }
.top-header-toggle a.buttonstyle1{ display:block; margin:0; font-size:18px; border-radius: 0; text-align: center; }
.header-responsive{ background-color:#ffffff; display:block; padding:0; position: relative; }
.innerpage-banner{ padding-top: 0; }
.header-main{ display:none; }
.sticky-header{ display:none; }
.logo-row{ align-items:center; flex-direction:row; }
.header-button{ margin: 15px 0 0; padding-left: 0; border-left: none; }
section{ padding:40px 0; }
.toggle{ display:inline-block; margin-left:auto; }	
.toggleMenu{display: block; }
.nav-bar{ display: none; }
.sitenav .container{ padding:0; width:100%; }
.sitenav{float:none; margin:0; top:0; position:relative; overflow-x:hidden; width:100%; padding:0 0 20px; }
.sitenav ul{ 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 #444444; margin-right:0; }
.sitenav ul li a{padding:12px !important; display:block; text-align:left;  }
.sitenav ul li ul li:last-child a{ padding:9px 25px; }
.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 #444; height:46px; width:45px;cursor:pointer; background-color:#000000; }
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; border-top: none; }
.sitenav ul li ul li{ top:0; }
.sitenav ul li ul li a.parent{ padding-left:25px !important; }
.sitenav ul li ul li a{padding:9px 25px !important; 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 !important; }
.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: #000; }
.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;
}
}