/* Mobile Portrait View */

@media screen and (max-width:767px) {

*{box-sizing:border-box;}

.left, .right{ float:none;}

.container { width:auto; padding:0 20px;}

.wrap_one, .signin_wrap{width:auto; text-align:center;}

.header { width:100%; padding:0;}

.header .header-inner{ width:100%; padding:0;}

.logo{ float:none; text-align:center; margin:0; padding:10px 0 0;}

.logo img{ max-width:90%; height:50px;}

/*coloumn css*/

.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{ float:none; width:100%; margin:0 0 5% !important;}

/*sidebar css*/

#sidebar{ width:100%; float:none;}

.sidebar-left{ float:none !important; width:100%;}

.flotRight{ float:none !important;}

.blog-post-repeat .post-thumb img{ float:none; margin-right:0; width:100%; height:100%;}

/*gallery css */

.photobooth .filter-gallery{ width:auto;}

.sitefull .photobooth .gallery ul li, .photobooth .gallery ul li{ width:100%;}

.photobooth .filter-gallery ul li a{ padding:5px 15px;}

.photobooth .gallery ul li img{ height: auto;}

/* --------- Pages ------- */

.content-area{ width:auto; margin:0; padding:10px 20px;}

.site-main{ width:auto; margin:0; padding:0; float:none;}

/*slider css*/

#slider{ top:0; margin:0;}

.nivo-directionNav a{ top:39% !important;}



.nivo-caption{ display:none !important;}

/*latest news*/

#testimonials ul li{ text-align:center;}

#testimonials ul li img{ float:none;}

.teammember-list{ width:auto; float:none; margin:0 0 10%; text-align:center;}

.contact_left, .contact_right{ float:none; width:100%; margin-bottom:10%;}

/*footer css */

.copyright-txt, .design-by { text-align:center; float:none;}

#contactform_main input[type="text"], #contactform_main input[type="email"], #contactform_main input[type="tel"], #contactform_main input[type="url"], #contactform_main textarea{width:100%;}

/*custom css*/

.signin_wrap{ text-align: center; line-height:25px; padding:10px 0;}

.signin_wrap .fa{ display:inline; }

.services-wrap, .welcome-wrap{ text-align:center;}

.quovolve-nav span a{ bottom:10%; top:auto;}

.searchbox{ width:100%; padding-left:0;}

.wrap_one .fa{ float:none; display:block; text-align:center; margin-right:0;}



.services-wrap .one_third .fa{ float:none;}

.services-wrap .one_third h4{ margin:20px 0 0;}

h2.section_title, .client-wrap{ text-align:center;}

.item { padding-left: 10%; width: 75%;}

.tm_thumb, #testimonials ul li .tm_description{ float:none; width:100%;}

ol.nav-numbers{ display:none;}

#testimonialsarea #testimonials{ float:none; width:auto; text-align:center;}

#testimonials ul li .tm_description p, #testimonialsarea .testimonials-wrap h2{ text-align:center;}

.signin_wrap .right, .signin_wrap .left{ text-align:center;}

.signin_wrap .social-icons{ width:auto;}

.signin_wrap .left span{ float:none;}

.BlogPost{ float:none; width:auto; margin:0 0 5%;}

.BlogPost .blogthumb{ width:auto; float:none; margin:0;}

#testimonialsarea .container{ overflow:visible;}

#testimonialsarea .last_column img{ position:relative;}

.quovolve-nav span.nav-prev, .quovolve-nav span.nav-next{ display:none;}



.footer{ padding-top:45px; padding-bottom:30px;}

.cols-2 .widget-column-1, 

.cols-2 .widget-column-2, 

.cols-3 .widget-column-1, 

.cols-3 .widget-column-2, 

.cols-3 .widget-column-3, 

.cols-4 .widget-column-1, 

.cols-4 .widget-column-2, 

.cols-4 .widget-column-3, 

.cols-4 .widget-column-4{ 

width:auto !important; float:none; min-height:inherit; margin:0 0 30px; 

}





}



/* Mobile Landscape View */

@media screen and (min-width: 480px) and (max-width: 767px){

*{box-sizing:border-box;}

.container, .content-area{ width:440px; margin:0 auto;}

.nivo-caption { display:block !important;}

.slide_info{ padding:0;}

.slide_info h2{ font-size:20px !important; padding:0 !important; margin-bottom:10px !important; line-height:28px; text-shadow:1px 0 0 #333;}

.slide_info p{ padding:5px 0 !important;  font-size:13px !important; display:none;}

.BlogPost .blogthumb{ width:40%; float:left; margin:0 20px 0 0;}

.blog-post-repeat .post-thumb img{ float:left; margin-right:15px; width:50%;}

}



/* Tablet View */

@media screen and (max-width:1169px) and (min-width:768px) { 

*{box-sizing:border-box;}

.signin_wrap .social-icons a{ box-sizing:content-box; padding:0 4px;}

.container { width:auto; padding:0 20px;}

.wrap_one, .signin_wrap{width:auto;}

.header .header-inner{ width:auto; padding:0;}

.logo{ margin:0; padding:10px 0 0; float:none; text-align:center;}

.content-area{ width:auto; margin:0; padding:10px 20px;}

.quovolve-nav .nav-next a{ right:0px;}

.sitefull .photobooth .gallery ul li, .photobooth .gallery ul li{ width:24.5%;}

.cols-3{ width:21%; margin-right:5%;}

#sidebar{ width:30%;}

.site-main{ width:65%;}



.nivo-caption{ top:10%; width:42%; right:2%;}

.slide_info h2{ font-size:24px !important; padding:0 !important; margin-bottom:10px !important; line-height:30px; text-shadow:1px 0 0 #333;}

.slide_info p{ padding:5px 0 !important;  font-size:13px !important; text-shadow:1px 0 0 #333; }





/*custom  css*/

.services-wrap .one_third{ text-align:center;}

.services-wrap .one_third .fa{ float:none;}

.services-wrap .one_third h4{ margin:15px 0;}

.wrap_one .fa{ margin-bottom:30px;}

.recent-post h6{ padding-top:7px;}

ol.nav-numbers{ bottom:10%;}

.sidebar-left{ width:30%;}

.sidebar-left #sidebar{ width:100%;}

.footer{ padding-top:45px; padding-bottom:30px;}



}



@media screen and (max-width:980px) and (min-width:768px) { 

.featured-wrap .one_third h4, .BlogPost h5{ font-size:16px;}

.featured-wrap .one_third{ min-height:280px;}

.BlogPost{ min-height:230px;}

}



@media screen and (max-width:1169px) and (min-width:981px) { 

html{overflow-x:hidden; }

/*pricing table*/

.pricing_table.pcol1 .price_col{width:99%;}

.pricing_table.pcol2 .price_col{width:49.5%;}

.pricing_table.pcol3 .price_col{width:33%;}

.pricing_table.pcol4 .price_col{width:24.75%;}

.pricing_table.pcol5 .price_col{width:19.75%;}

.logo{ padding:10px 0 10px 10px; float:left; text-align:right;}



}



@media screen and (max-width: 980px){

.toggleMenu{display: block;}

.header-nav{float:none; margin:0; position:relative; overflow-x:hidden; background-color:#fff; }

.header-nav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}

.header-nav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left;}

.header-nav ul li a{padding:5px 10px !important; display:block; color:#000; text-align:left; border-top:none;}

.header-nav ul li a:hover{color:#8eae0e; border-top:none;}

.header-nav ul.sub-menu{ /*margin-left:10px;*/}

.header-nav ul li ul, .header-nav ul li ul ul{ display:block !important;}

.header-nav ul li ul li a:before{content:"\00BB \00a0";}

.header-nav ul li ul li a{padding-left:20px !important; border-top:none;}

.header-nav ul li ul li ul li a{padding-left:30px !important;}

.header-nav ul li ul li ul li ul li a{padding-left:40px !important;}

.header-nav ul li:hover > ul{ background:none !important;}



.header-nav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0;}

.header-nav ul li:hover ul li ul, .header-nav ul li:hover ul li:hover > ul, .header-nav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}

.header-nav ul li:hover ul li:hover ul, .header-nav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}

.header-nav ul li a:hover, .header-nav ul li.current_page_item a{ border-top:none;}

}

@media screen and (max-width:767px) {

.slider-main{ height:auto; min-height:150px;}

}

@media screen and (min-width:300px) and (max-width: 480px){

.slider-main{ height:auto; min-height:100px;}

}

@media screen and (max-width:1169px) and (min-width:768px) { 

.slider-main{ height:auto; min-height:230px;}

}