/* Mobile Portrait View */
@media screen and (max-width:479px) {

section{padding:30px 0;}
#main{ width:100%; margin:0; padding:0;}
.container, .header .header-inner{ padding:0 10px; width:auto;}
.signin_wrap .widget-left, .topnav, .signin_wrap .widget-right{ float:none; margin:0 auto; display:table;}
.signin_wrap .widget-right .social-icons a:first-child{ margin-left:0;}
.header .header-inner .logo{ width:auto; text-align:center; float:none; margin-left:0;}
.header-right{ float:none; margin:0 auto; display:block;}
.header-right .column1, .header-right .column2, .header-right .column3{ width:80%; float:none; border:none; display:block; margin:0 auto 5% auto; padding:0;}
.nivo-caption{ display:none !important;}
.one_four_page{ width:auto; margin:0 auto 5% auto; display:block; float:none;}
.threebox{width:auto; margin:0 auto 5% auto; display:block;}
.threebox .chooseus-content{ width:67%;}
.ourclasses_col{ width:100%; margin-right:0; margin-bottom:10%; min-height:inherit;}
.ourclasses_col img{ width:100%; height:auto;}
.ourclasses_col .title_day_time{ position:relative; }
.news-box{ width:auto; margin-right:0; margin-bottom:10%; padding-bottom:0; float:none;}
.news, #sitemain .news, .nosidebar .news{min-height:inherit;}
.client-say{width:auto; margin:0 0 5% 0;}
.tm_description{display:inline;}
#sitemain .client-say, .nosidebar .client-say{width:auto; margin:0 0 5% 0; }
.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-top .column1{ width:auto; margin:0 0 2% 0; display:block;}
.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; }
.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%; height:auto;}
.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:88%;}

.three_column, .one_column, .two_column, .four_column, .five_column .six_column{width:auto; float:none; margin:0 auto 15% auto; height:auto;}
.ourclasses_thumb, .news-box .news-thumb, .innerbanner{height:auto; }
.ourclasses_thumb img{ min-height:inherit;}
.header span.tagline{ text-align:center; }

.ngg-gallery-thumbnail-box {width:100%;}
.innerbanner img{ top:0; transform:translateY(-0);}
}

/* Mobile Landscape View */
@media screen and (min-width:480px) and (max-width:767px){

section{padding:30px 0;}
#main{margin:20px auto; padding:0; width:450px;}
.container, .header .header-inner{ padding:0 10px; width:auto;}
.header .header-inner .logo{ width:auto; text-align:center; float:none; margin-left:0;}
.header-right{ float:none; margin:5% auto 0 auto; display:block;}
.header-right .column1, .header-right .column2, .header-right .column3{ width:80%; float:none; border:none; display:block; margin:0 auto 5% auto; padding:0;}
.nivo-caption{ width:90%;}
.slide_info p{ display:none;}
.one_four_page{ width:auto; margin:0 auto 5% auto; display:block; float:none;}
.threebox{width:auto; margin:0 1% 5% 0;}
.threebox .chooseus-content{width:76%;}
.threebox:nth-child(3n+3){margin-right:0;}

.ourclasses_col{ width:48%; margin:0 4% 4% 0; min-height:inherit;}
.ourclasses_col img{ width:100%; height:auto;}
.ourclasses_col:nth-child(2n+2){ margin-right:0;}
.ourclasses_col .title_day_time{ position:relative;}
.news-box{ width:auto; margin-right:0; margin-bottom:10%; padding-bottom:0; float:none;}

.news, #sitemain .news, .nosidebar .news{min-height:inherit;}
.client-say{width:auto; margin:0 0 5% 0;}
#sitemain .client-say, .nosidebar .client-say{width:auto; margin:0 0 5% 0; }
.clientlogo{ width:31.3%; margin:0 2% 2% 0;}
.clientlogo:nth-child(3n+3){ margin-right:0;}
#sitemain .clientlogo, .nosidebar .clientlogo{ width:auto; margin:0 2.5% 2.5% 0;}
#sitemain .clientlogo:nth-child(2n+2), .nosidebar .clientlogo:nth-child(2n+2){ margin-right:0;}
.footer-top .column1{ width:auto; margin:0 0 2% 0; display:block;}
.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; }
.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%; height:auto;}
.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:88%;}

 
.three_column, .one_column, .two_column, .four_column, .five_column .six_column{width:auto; float:none; margin:0 auto 15% auto;}
.ourclasses_thumb{height:210px; }
.ourclasses_thumb img{min-height:210px; }
.header span.tagline{ text-align:center; }
.header .header-inner .logo img, .innerbanner{ height:auto;}

.ngg-gallery-thumbnail-box {width:50%;}
.innerbanner img{ top:0; transform:translateY(-0);}
}

/* Tablet View */
@media screen and (max-width:1170px) and (min-width:768px) { 

#main{margin:20px auto; padding:0; width:auto;}
.container{ padding:0 15px; width:auto;}
.header .header-inner .logo{ width:25%; height:auto; margin-left:10px;}
.header .header-inner .logo img{ height:auto !important;}
.header-right{ width:70%; margin-bottom:20px;  margin-right:10px;} 
.header-right .column1{ width:30%;}
.header-right .column2{ margin:0 5px; padding:0 10px; width:24%; }
.header-right .column3{ width:39%;}
.nivo-caption{ width:80%;}

.one_four_page{ width:26%;}
.threebox .chooseus-content{ width:58%;}

.ourclasses_col{ min-height:inherit;}
.ourclasses_col .title_day_time{ position:relative;}

#sitemain .ourclasses_thumb img, .nosidebar .ourclasses_thumb img{ margin:0;}
#sitemain .ourclasses_col, .nosidebar .ourclasses_col{ min-height:215px;}
.news{ min-height:240px;}

.client-say{ width:45%; min-height:260px;}
.tm_description{ display:inline;}
#testimonials .last{ margin-right:0;}
#sitemain .client-say, .nosidebar .client-say{ width:43%;}

#sitemain .clientlogo, .nosidebar .clientlogo{ margin-right:5px;}
.clientlogo{ margin-right:10px; width:15%;}

.footer-top .column1{ margin-right:0.5%; width:28.8%; min-height: 80px;}
.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 .threebox, .nosidebar .threebox{ text-align:center;}
#sitemain .threebox .chooseus-content, .nosidebar .threebox .chooseus-content{ width:auto;}
#sitemain .client-thumb img, .nosidebar .client-thumb img{ float:none; text-align:center; margin:0 auto; display:table;}  
#sitemain .tm_description, .nosidebar .tm_description{ display:block; text-align:center;}
#sitemain .news, .nosidebar .news{ min-height:330px;}
#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:84% !important; margin-right:0;}
.sitefull .photobooth .gallery ul li, .photobooth .gallery ul li{ width:21.8%; height:160px; }
#sidebar{ width:230px;}
.site-main{ width:65%;}
#sitemain .photobooth .gallery ul li, .nosidebar .photobooth .gallery ul li{ width:20%;}

.three_column{ width:26.2%;}
.one_column{width:auto;}
.two_column{width:43.3%;}
.four_column{width:17.7%;}
.five_column{width:13.7%;}
.six_column{width:27.23%; margin:0 5px 5px 0;}
.ourclasses_thumb{height:180px; }
.ourclasses_thumb img{min-height:180px; }

.two_column, .three_column, .four_column, .five_column, .six_column { height:320px;}

.ngg-gallery-thumbnail-box {width:33.333%;}
.innerbanner { height:auto;}
.innerbanner img{ top:0; transform:translateY(-0);}

}

@media screen and (max-width:1169px) and (min-width:980px) { 
.header .header-inner .logo{width:auto;}
.header .header-inner .nav{ padding-left:0;} 
.header-right{width:auto;}
.header-right .column1{width:250px;}
.header-right .column2{width:140px; padding:0 20px 1px 20px; margin:0 20px;}
.header-right .column3{width:215px;}
.nivo-caption{ width:50%;}
.news{ min-height:175px;}
.client-say{width: 46%;}

#sidebar{ width:300px;}
.footer-top .column1{ margin-right:2%; width:28.5%; min-height:60px;}
.footer i{ margin-right:10px;}

#sitemain .threebox, .nosidebar .threebox{ text-align:left;}
#sitemain .threebox .chooseus-content, .nosidebar .threebox .chooseus-content{ width:53.5%;}
#sitemain .ourclasses_col, .nosidebar .ourclasses_col{ min-height:260px;}
.sitefull .photobooth .gallery ul li, .photobooth .gallery ul li{ width:22.6%; height:215px; }

.three_column{ width:27.4%;}
.one_column{ width:auto;}
.two_column{width:44.7%;}
.four_column{width:19%;}
.five_column{width:15.1%;}
.six_column{width:28.59%; margin:0 5px 5px 0;}

.ourclasses_thumb{height:230px; }
.ourclasses_thumb img{min-height:230px; }

.two_column, .three_column, .four_column, .five_column, .six_column { height:270px;}

.ngg-gallery-thumbnail-box {width:25%;}
}

@media screen and (max-width:980px){
.toggleMenu{display: block;}
.getaquote{ position:relative;}
iframe{ border:1px solid #ccc; padding:2%; width:96%;}
.wrap_two br{display:none;}

.header .header-inner .nav{float:none; margin:0; padding:0; position:relative; overflow-x:hidden; }
.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;}

}