/* Mobile Portrait View */
@media screen and (max-width:479px) {
section, #wrapOne, #wrapTwo, section#testimonials{padding:40px 0;}
.container, .header .header-inner .nav{ padding:0 20px; width:auto;}
.header .header-inner .logo{ width:auto; text-align:center; float:none; margin-bottom:10px;}
.header, .header .header-inner {position:relative; padding:20px 0 25px;}
.header-left, .header-right {width:100%; padding:0 0 10px 0;}
.header-top-left, .header-right .phoneno {display:table; margin:auto;}
.header-right .phoneno span {margin:0 5px;}
.header .header-inner .logo h1 {font-size:20px;}
.header .header-inner .header-nav{ float:none;}
.slider-main, .innerbanner {height:auto;}
.searchright {position:relative; top:20px;}
.slider-main, .innerbanner, .homeservices{top:0; margin-bottom:0;}
.slider-main{ min-height:125px;}
.nivo-caption {width:100%;}
.nivo-caption .slide_info h2 {font-size:30px; line-height:35px; margin-bottom:12px;}
.slide_info a.sldbutton {margin:auto; padding:5px 15px;}
.nivo-controlNav{ bottom:0;}
.nivo-caption p { display:none !important;}
.one_four_page{ width:auto; margin:auto auto 1px; display:block; float:none; padding:20px;}
.one_four_page::before {display:none;}
.offersus-thumb{ left:0;  margin-right:0; width:100%; margin:0 auto 15% auto; text-align:center;}
.offersus-box{ width:100%; margin:0 0 15% 0; padding:0; height:260px;}
.offersus-box img {min-height:260px;}
.offersus-box:hover a {height:81%;}
.servicesbox h4 {margin:20px 0 0;}
.servicesbox{margin:0 0 30px 0;}
.news-box{ width:auto; margin-right:0; margin-bottom:10%; padding-bottom:0; float:none; display:inline-block;}
.right-thumb-content{ width:73%;} 
.news, #sitemain .news, .nosidebar .news{min-height:inherit;}
#sitemain .date-news, .nosidebar .date-news{width:70px;}
#sitemain .date-news .byadmin-date, .nosidebar .date-news .byadmin-date, #sitemain .date-news .byadmin-month, .nosidebar .date-news .byadmin-month{ padding:10px 15px;}
.offersus-box h3 {margin-bottom:10px;}
#testimonials .testimonials-home{ width:100%; float:none;}
.ourteam_col{float:none; margin:auto auto 15% auto; display:block;}
.section-teammember{ margin-top:10%;}
.homecontact-left, .homefindus-right{ width:100%; float:none; margin:0 auto 15% auto;}
.clientlogo{ width:48.5%; margin:0 2.5% 2.5% 0;}
.clientlogo:nth-child(2n+2){ margin-right:0;}
#sitemain .clientlogo, .nosidebar .clientlogo{ width:48.5%; margin:0 2.5% 2.5% 0;}
#sitemain .clientlogo:nth-child(2n+2),.nosidebar .clientlogo:nth-child(2n+2){ margin-right:0;}

/* Footer */
.footer ul li{ width:auto; margin-right:0; float:none;}
.cols-2 .widget-column-1, .cols-2 .widget-column-3, .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; float:none; clear:both; min-height:inherit; margin:0 0 5% 0; }
.cols-2 .widget-column-1, .cols-3 .widget-column-2, .cols-4 .widget-column-2, .cols-4 .widget-column-3{ border:none; padding:0;}
.copyright-txt, .design-by{ float:none; margin:0 auto;text-align:center; width:auto; display:block;}

/* Pages */
#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%;}
.photobooth .filter-gallery{ width:auto;}
.sitefull .photobooth .gallery ul li, .photobooth .gallery ul li{ width:100%;}
.photobooth .filter-gallery ul li a{ padding:2px 5px;}
.photobooth .gallery ul li img{ height: auto;}
#sitemain .photobooth .gallery ul li, .nosidebar .photobooth .gallery ul li{ width:100%;}
.content-area{ width:auto; margin:0; padding:20px 10px;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
.contact_left, .contact_right{ float:none; width:100%; margin-bottom:10%;}
#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%; margin-right:0;}

.one_four_page-wrap {width:auto; margin:0; float:none; margin-bottom:25px;}
.thumb_four_page {padding-right:10px; width:70px;}
.thumb_four_page i {font-size:4em;}
.ourteam_thumb img {width:100%;}
.wrap_two h2 {margin-bottom:10px;}
.wrap_two h2 span, h2.section_title span, h2.section_title, .wrap_two h2 {font-size:32px !important; line-height:40px !important;}
section .quovolve-nav.quovolve-nav-below {width:auto;}
.wrap_two .view-all-btn {margin-top:20px;}
#sidebar #contactform_main input[type="text"], #sidebar #contactform_main input[type="email"], #sidebar #contactform_main input[type="tel"], #sidebar #contactform_main input[type="url"], #sidebar #contactform_main textarea {width:100%;}
.searchbox { width:100%;} 
.special-row .left, .special-row .right {float:none; display:table; margin:auto;}
.special-row {width:auto;}
.special-content {margin:30px 0; float:none; width:100%; font-size:16px;}
#testimonials ul li {padding-bottom:20px !important;}
#testimonials {margin-bottom:30px;}
#sidebar #testimonials ul li .tm_description {padding:0;}
.offersus_thumb, .news-box .news-thumb{ height:auto;}
.news-box .news-thumb img{ min-height:inherit;}
#testimonials ul li .tm_description p { height:auto; overflow:inherit;}

.recipe-box, .recipe-thumb {width:100%; margin-right:0;}
.recipe-thumb {height:auto; margin-bottom:20px;}
.recipe-thumb img {min-height:inherit;}

}

/* Mobile Landscape View */
@media screen and (min-width:480px) and (max-width:767px){
section, #wrapOne, #wrapTwo, section#testimonials{padding:60px 0;}
.container, .content-area{padding:0 20px; width:auto;}
.header .header-inner .logo{ width:auto; text-align:center; float:none; margin-left:0;}
.header .header-inner .header-nav{float:none;}
.header-right .phoneno span {margin-left:10px;}
.header {position:relative; padding-bottom:10px;}
.slider-main, .innerbanner {height:auto;}

.searchright {position:relative; top:20px;}
.slider-main{ min-height:200px;}
.slider-main, .innerbanner, .homeservices{top:0; margin-bottom:0;}
.nivo-caption{ width:90%; top:25%;}
.one_four_page, .one_four_page::before {display:none;}
.nivo-controlNav{ bottom:20px;}
.slide_info h2{display:block; font-size:40px !important; line-height:30px;}
.slide_info p{ display:none;}
.slide_info a.sldbutton {padding:5px 15px;}
.one_four_page-wrap {width:100%; margin:0 0 20px 0;}
.one_four_page{ width:auto; margin:0 auto 1px auto; display:block; float:none;}
.servicesbox{width:46.5%;}
.services_thumb{ height:205px;}
.servicesbox:nth-child(2n) {margin-right:0;}
.offersus {text-align:center;}
.offersus-thumb{ float:none; margin:0 auto !important;}
.offersus-box{ margin:auto auto 30px; padding:0; float:none;}
.our-discover {margin:0; float:none;}
.carservices h2.section_title {font-size:65px; line-height:70px;}

#sitemain .servicesbox i, .nosidebar .servicesbox i{display:inherit;}

.news-box{ width:80%; margin:0 auto 10% auto; padding-bottom:0; float:none; display:block;}
.news, #sitemain .news, .nosidebar .news{min-height:inherit;}
#sitemain .date-news, .nosidebar .date-news{width:70px;}
#sitemain .date-news .byadmin-date, .nosidebar .date-news .byadmin-date, #sitemain .date-news .byadmin-month, .nosidebar .date-news .byadmin-month{ padding:10px 15px;}

#testimonials .testimonials-home{ width:auto; float:none; }
.section-teammember{ margin-top:10%; }
.ourteam_col{width:47.5%; margin:0 5% 10% 0; }
.ourteam_thumb{width:205px; height:205px; margin:auto;}
.ourteam_col h3 {font-size:17px;}
.ourteam_col:nth-child(2n) {margin-right:0;}
.ourteam_thumb{ min-height:inherit;}
.homecontact-left{ width:100%; float:none; margin:0 auto 15% auto;}
.homefindus-right{ width:100%; float:none; margin:0 auto;}
.clientlogo{ margin:0 2% 2% 0;}

/* Footer */
.footer ul li{ width:220px;}
.cols-2 .widget-column-1, .cols-2 .widget-column-3, .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; float:none; clear:both; min-height:inherit; margin:0 0 5% 0; }
.cols-2 .widget-column-1, .cols-3 .widget-column-2, .cols-4 .widget-column-2, .cols-4 .widget-column-3{ border:none; padding:0;}

.copyright-txt, .design-by{ float:none; margin:0 auto;text-align:center; width:auto; display:block;}

/* Pages */
#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%;}
.photobooth .filter-gallery{ width:auto;}
.sitefull .photobooth .gallery ul li, .photobooth .gallery ul li{ width:100%;}
.photobooth .filter-gallery ul li a{ padding:2px 5px;}
.photobooth .gallery ul li img{ height: auto;}
#sitemain .photobooth .gallery ul li, .nosidebar .photobooth .gallery ul li{ width:100%;}
.content-area{margin:0 auto; padding:20px 10px;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
.contact_left, .contact_right{ float:none; width:100%; margin-bottom:10%;}
#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%; margin-right:0;}

.offersus_thumb, .news-box .news-thumb{ height:auto;}
.searchbox { width:100%;}
.special-content h2.section_title {font-size:30px; line-height:40px;}
.special-content {width:54%; margin:0 0 0 15px;}
.special-row {width:auto;}
#sidebar #testimonials ul li .tm_description {padding:0;}
#testimonials ul li .tm_description p { height:auto; overflow:inherit;}
.recipe-box {width:47.8%; margin-right:20px;}
.recipe-thumb {width:100%; height:auto; margin-bottom:20px;}
.recipe-thumb img {min-height:inherit;}
.recipe-box h3 {font-size:17px;}
}

/* Tablet View */
@media screen and (max-width:1023px) and (min-width:768px) { 
.container{ padding:0 20px; width:auto;}
.header .header-inner .logo img{ height:auto;}
.header .header-inner .header-nav {float:none;}
.header .header-inner {padding:10px 0;}
.slider-main, .innerbanner {height:auto;}
.nivo-caption{ width:95%; top:40%;}
.slide_info p{ margin-bottom:25px;}
.nivo-controlNav{ bottom:10px;}
.toggle a {position:absolute; top:0; right:0; width:6%; padding:10px; text-indent:-99999px;}
.searchright {width:40%;}
.searchright {top:5px; right:60px;}
.slider-main {min-height:inherit;}
.slide_info h2 {font-size:50px !important; line-height:40px;}
.slide_info a.sldbutton {margin-top:25px; padding:10px 30px;}
.one_four_page-wrap{ width:35%;}
.one_four_page {padding:10px;}
.wrap_two .view-all-btn {margin-top:20px;} 
.header .header-inner .nav{top:10px; clear:both; z-index:9999;}
h2.section_title, .wrap_two h2 {font-size:40px !important;}
.wrap_two h2.section_title {font-size:30px !important;}
.servicesbox, .ourteam_col {width:167px; margin-right:20px;}
.services_thumb, .ourteam_thumb{ height:165px;}
.ourteam_thumb img { min-height:130px;}
.ourteam_col h3 {font-size:17px;}
.special-content {width:69%; margin:0 30px;}
.offersus-box {width:229px; margin-right:20px; height:215px;}
.offersus-box img {min-height:215px;}
.one_four_page a {padding:15px 10px;}
.offersus-box:hover a {height:76.5%;}
.carservices h2.section_title {font-size:70px !important; line-height:70px;}
.offersus-box i{ float:none; margin:0 auto 5% auto; display:table;}
.offersus-box h3 {margin-bottom:10px;}
.right-thumb-content{ width:75%;}
.date-news .byadmin-date{ padding-left:0; padding-right:0;}
#testimonials .testimonials-home{ width:80%;}
#testimonials ul li {padding:20px 0 50px 15px;}
#testimonials ul li .tm_description {padding:0 20px;}
#testimonials ul li h5 i {margin-left:-25px;}
.team-social-icon a{ width:40px;}
#contactform_main input[type="text"], #contactform_main input[type="email"], #contactform_main input[type="tel"], #contactform_main input[type="url"], .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"]{width:48%;}
#contactform_main textarea, .wpcf7 form textarea{ width:98%;}
#sitemain .clientlogo, .nosidebar .clientlogo{ margin-right:5px;}
.clientlogo{ margin-right:10px; width:15%;}
.footer i{ margin-right:10px;}
.footer ul li{ width:auto; margin-right:0; float:none;}
/* Pagees */
.content-area{ width:auto; margin:0; padding:40px 20px;}
#sitemain .servicesbox, .nosidebar .servicesbox{ text-align:center;}
#sitemain .client-thumb img, .nosidebar .client-thumb img{ float:none; text-align:center; margin:0 auto; display:table;}  
#sitemain .right-thumb-content, .nosidebar .right-thumb-content{width:60%;}
#sitemain .user-comment .left, .nosidebar .user-comment .left{display:none;}
#sitemain .user-comment, .nosidebar .user-comment{ padding:5px;}
#sitemain .team-social-icon a, .nosidebar .team-social-icon a{width:25px;}
#sitemain .news a.read-more, .nosidebar .news a.read-more{ padding-left:0; padding-right:0; text-align:center; width:100%; left:0;}
#sidebar #contactform_main input[type="text"], #sidebar #contactform_main input[type="email"], #sidebar #contactform_main input[type="tel"], #sidebar #contactform_main input[type="url"], #sidebar #contactform_main textarea{ width:100% !important; margin-right:0;}
.sitefull .photobooth .gallery ul li, .photobooth .gallery ul li{ width:21.8%; }
#sidebar{ width:230px;}
.site-main{ width:65%;}
#sitemain .photobooth .gallery ul li, .nosidebar .photobooth .gallery ul li{ width:20%;}
.cols-4 .widget-column-2 {margin:0 2%;}
.cols-4 .widget-column-3 {margin-right:4%;}
.cols-4 .widget-column-4 {width:21%;}
.news-box {width:44%; margin:0 3% 40px;}
section #testimonials {width:100%;}
section .quovolve-nav.quovolve-nav-below {width:auto;}
#sidebar .searchform input[type="search"] {width: 66.5%; padding:7px 10px;}
input[type="submit"] {padding:7px 12px;}
#team-section {margin:0;}
.offersus_thumb{ height:235px;}
.offersus_thumb img { min-height:235px;}
.special-row {width:auto;}
#sidebar #testimonials ul li .tm_description {padding:0;}
aside.widget {padding:20px;}
.footer h3 {font-size:18px !important;}
.cols-3 .widget-column-3 {width:24%;}
.cols-3 .widget-column-1 {margin-right:0;}
#testimonials ul li .tm_description p { height:auto; overflow:inherit;}
.recipe-box {margin-right:18px;}
.recipe-thumb {margin:0 15px 10px 0; height:auto;}
.recipe-thumb img {min-height:inherit;}

 
} 

@media screen and (max-width:1169px) and (min-width:1024px) { 
.container {width:auto; padding:0 20px;}
.content-area {width:auto; padding:40px 20px;}
.header .header-inner .logo{float:left;}
.header .header-inner .header-nav {padding-top:20px;}
.header .header-inner {padding:20px 0;}
.innerbanner {height:300px;}
.searchright {top:inherit;}
.slide_info h2 {font-size:60px !important; line-height:60px;}
.homeservices{ top:-58px; margin-bottom:-58px; }
.offersus-box i{ float:left; margin:0 6% 0 0;}
#whychooseus-wraper{ padding-bottom:0; }
#testimonials .testimonials-home{ width:70%;}
#sitemain .team-social-icon a, .nosidebar .team-social-icon a{width:35px;}
#sidebar, .sidebar-left{ width:30%;}
.sidebar-left #sidebar { width:100%;}
.site-main{ width:65%;}
.footer i{ margin-right:10px;}
#sitemain .servicesbox, .nosidebar .servicesbox{ text-align:left;}
#sitemain .ourclasses_col, .nosidebar .ourclasses_col{ min-height:260px;}
.sitefull .photobooth .gallery ul li, .photobooth .gallery ul li{ width:22.6%; }
.servicesbox {width:231px; margin-right:20px;}
.services_thumb{ height:231px;}
.offersus-box {width:314px; margin-right:20px; height:290px;}
.offersus-box img {min-height:290px;}
.offersus_thumb{ height:325px;}
.ourteam_col {width:231px; margin-right:20px;}
.ourteam_thumb{ height:231px;}
.ourteam_col h3 {font-size:19px;}
#sidebar #testimonials ul li .tm_description {padding:0;}
.cols-3 .widget-column-1 {margin-right:0;}
.ourteam_thumb img { min-height:196px;}
.recipe-box {margin-right:18px;}
.recipe-thumb {margin:0 15px 10px 0; height:auto;}
.recipe-thumb img {min-height:inherit;}


}

@media screen and (max-width:979px){
.toggleMenu{display: block;}
.getaquote{ position:relative; margin:0 auto 5% auto; float:none; display:table;}
.wrap_two br{display:none;} 

.header .header-inner .nav{float:none; margin:0; padding:0; position:relative;}
.header .header-inner .nav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
.header .header-inner .nav ul li{display:block; float:none; text-align:left; padding:0;}
.header .header-inner .nav ul li a{padding:5px 10px !important; display:block; color:#000; border-bottom:1px #cccccc solid; border-right:none; }
.header .header-inner .nav ul li a:hover{color:#ffffff;}
.header .header-inner .nav ul li ul, .header .header-inner .nav ul li ul ul{ display:block !important;}
.header .header-inner .nav ul li ul li a:before{content:"\00BB \00a0";}
.header .header-inner .nav ul li ul li a{padding-left:20px !important;}
.header .header-inner .nav ul li ul li ul li a{padding-left:30px !important;}
.header .header-inner .nav ul li ul li ul li ul li a{padding-left:40px !important;}
.header .header-inner .nav ul li:hover > ul{ background:none transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0;}
.header .header-inner .nav ul li:hover ul li ul, .header .header-inner .nav ul li:hover ul li:hover > ul, .header .header-inner .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 .header-inner .nav ul li:hover ul li:hover ul, .header .header-inner .nav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}

}