/* Mobile Portrait View */
@media screen and (max-width:479px) {
*{box-sizing:border-box;}
.nivo-directionNav a{ top:27% !important;}
#slider .top-bar { display:none;}
.slide-shadow{ height:10px;}
section {padding:50px 0;}
.container { width:auto; padding:0 20px;}
.header { width:auto; padding:0 20px;}
.header .header-inner .logo{ float:none; text-align:center;}
.header .header-inner .callus-right{ float:none; margin:10px auto 0; display:table;}
.header .header-inner .callus{ font-size:17px !important;}
.testimonial h2{ font-size:20px;}
.who-we-are{ width:100%; margin:0;}
.who-we-are p{ margin-bottom:15px;}
.time-table{ width:100%; margin:40px 0 0 0;}
.openingday, .openingtime{ width:49.5%;}
.ourclasses_col{ width:auto; min-height:inherit;}
.ourclasses_thumb{ height:240px;}
.ourclasses_thumb img{ min-height:240px;}
.trainer-photo{ height:auto;} 
.trainer-grid{ width:auto; margin:0 0 10% 0; float:none; display:block;}
.team-social a{min-width:14%; }
.trainer-photo{ min-height:inherit;}
.pricing_plans{ width:auto; margin:0 0 10% 0; float:none; display:block;}
#footer-wrapper{ padding:30px 0 0 0;}
.widget-column-1, .widget-column-2, .widget-column-3, .widget-column-4{ width:auto; margin:0 0 10% 0; min-height:inherit; float:none; display:block; border:none; padding:0;}
.widget-column-1 h4, .widget-column-2 h4, .widget-column-3 h4, .widget-column-4 h4{ margin-bottom:15px;}
.recent-post li, .recent-post li:last-child{ margin-bottom:10px; padding-bottom:10px;}
.news-box { width:auto; display:table; margin-bottom:30px;}
.news { padding-bottom:5%;}
.news-box .news-thumb{ height:auto;}
.news-box .news-thumb img{ min-height:inherit;}
.post-commentdate{ display:table;}
.latest-news{ margin-bottom:0;} 

.footer, .copyright { width:auto; padding:0 20px;}
.footer-col-1, .footer-col-2 { width:auto; float:none; margin-right:0;}
.footer-col-3 { width:auto; float:none;}
.copyright-txt, .design-by { text-align:center; float:none;}

.one_half{ width:100%;}
.photobooth .gallery ul li, .photobooth .gallery ul li img{ width:100%; height:auto;}

/* --------- Pages ------- */
.content-area{ width:auto; margin:0 20px; padding:10px 0;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
#sidebar{ width:auto; margin:60px 0 0; padding:0; float:none;}
#contactform_main input[type="text"], #contactform_main input[type="tel"], #contactform_main input[type="email"], #contactform_main input[type="url"]{ 
width:100%; float:none;}
#contactform_main p.left, #contactform_main p.right{ float:none;}
.trainer-photo img{ min-height:inherit;}
.nivo-controlNav { bottom:-28px !important;}
.testimonial-post { padding:0 30px;}
.testimonial-box .client-thumb img { float:none; display:table; margin:0 auto 20px;}
.ngg-gallery-thumbnail-box { width:100%;}
.slider-main{min-height:100px !important;}
}

/* Mobile Landscape View */
@media screen and (max-width:719px) and (min-width:480px) { 
*{box-sizing:border-box;}
.nivo-directionNav a{ top:33% !important;}
#slider .top-bar { display:none;}
.slide-shadow{ height:15px;}
section {padding:30px 0;}
.arrow-down { display:none;}
.container { width:480px; padding:0 20px; margin:auto;}
.header { width:auto; padding:0 20px;}
.header .header-inner .logo { float:none; text-align:center;}
.header .header-inner .callus-right{ float:none; margin:10px auto 0; display:table;}

.who-we-are{ width:100%; margin:0;}
.who-we-are p{ margin-bottom:15px;}
.time-table{ width:100%; margin:40px 0 0 0;}
.openingday, .openingtime{ width:49.5%;}
.trainer-grid{ width:auto; margin:0 0 10% 0; float:none; display:block;}
.team-social a{min-width:9%; height:auto }
.ourclasses_col{ width:auto;}
.ourclasses_thumb{ height:180px;}
.ourclasses_thumb img { height:auto; min-height:180px;}
.pricing_plans{ width:48%; margin:0 1% 10% 0;}
#footer-wrapper{ padding:30px 0 0 0;}

.widget-column-1, .widget-column-2, .widget-column-3, .widget-column-4{ /*width:auto; margin:0 0 10% 0;display:block; border:none; padding:0; */ float:left; min-height:inherit; }
.widget-column-1{ width:54%; margin:0 10% 10% 0; padding:0 20px 0 0;}
.widget-column-2{ width:34%; margin:0 0 10% 0; padding:0; border:none;} 
.widget-column-3{ width:54%; margin:0 5% 10% 0; padding:0 10px 0 0;}
.widget-column-4{ width:40%; margin:0 0 10% 0; padding:0; border:none;} 
.widget-column-1 h4, .widget-column-2 h4, .widget-column-3 h4, .widget-column-4 h4{ margin-bottom:15px;}
.recent-post li, .recent-post li:last-child{ margin-bottom:10px; padding-bottom:10px;}
.news-box { width:auto; display:table; margin-bottom:30px;}
.news { padding-bottom:5%;}
.post-commentdate{ display:table;}
.latest-news{ margin-bottom:0;} 

.footer, .copyright { width:auto; padding:0 20px;}
.footer-col-1, .footer-col-2 { width:auto; float:none; margin-right:0;}
.footer-col-3 { width:auto; float:none;}
.copyright-txt, .design-by { text-align:center; float:none;}

.one_half{ width:100%;}
.photobooth .gallery ul li{ width:48%; float:left;}
.photobooth .gallery ul li:nth-child(2n+2){ margin-right:0;}

/* --------- Pages ------- */
.content-area{ width:auto; margin:0 20px; padding:10px 0;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
#sidebar{ width:auto; margin:60px 0 0; padding:0; float:none;}
#contactform_main input[type="text"], #contactform_main input[type="tel"], #contactform_main input[type="email"], #contactform_main input[type="url"]{ 
width:100%; float:none;}
#contactform_main p.left, #contactform_main p.right{ float:none;}
.trainer-photo{ height:auto;} 
.trainer-photo img{ min-height:inherit;}
.ourclasses_thumb img{ min-height:180px;}
.nivo-controlNav { bottom:-30px !important;}
.testimonial-post { padding:0 30px;}
.testimonial-box .client-thumb img { float:none; display:table; margin:0 auto 20px;}
.ngg-gallery-thumbnail-box { width:48%;}
.slider-main{min-height:150px !important;}
}

@media screen and (max-width:979px) and (min-width:220px) {
section h2 { font-size:30px !important; line-height:30px !important;}
.toggle{display:block;}
.toggle a{width:100%; color:#ffffff; background:url(../images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:20px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
.nav{display:none;}
.header .header-inner .nav{float:none; margin:0; position:relative; overflow-x:hidden; }
.nav ul{color:#000; width:100%;}
.header .header-inner .nav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; display:block; border-left:none !important; border-right:none !important;}
.header .header-inner .nav ul li a{padding:5px 10px !important; display:block; color:#000;}
.header .header-inner .nav ul li a:hover{color:#00a8ff;}
.header .header-inner .nav ul li ul li a:before{content:"\00BB \00a0";}
.header .header-inner .nav ul li ul li a{padding-left:10px;}
.header .header-inner .nav ul li ul li ul{padding-left:10px;}
.header .header-inner .nav ul li ul{ display:inherit; top:0;}
.header .header-inner{ width:100%; padding:15px 0;}
}

/* Tablet View */
@media screen and (max-width:1024px) and (min-width:720px) { 
*{box-sizing:border-box;}
.openingday, .openingtime{ width:49.5%;}
.trainer-grid{ width:32%; margin-right:2%;}
.trainer-photo{height:220px;}
.trainer-photo img { min-height:220px;}
.post-commentdate{ display:table;}
.pricing_plans{ width:23.9%; margin-right:9px;}
.testimonial{ padding:20px 0; }
.news-box{ width:47%;}
#footer-wrapper{ padding:30px 0 0 0;}
.widget-column-1, .widget-column-2, .widget-column-3, .widget-column-4{ float:left; min-height:inherit; }

.widget-column-1{ width:54%; margin:0 10% 0 0; padding:0 20px 0 0;}
.widget-column-2{ width:34%; margin:0 0 0 0; padding:0; border:none;} 
.widget-column-3{ width:54%; margin:0 5% 0 0; padding:0 10px 0 0;}
.widget-column-4{ width:40%; margin:0 0 0 0; padding:0; border:none;} 

.widget-column-1 h4, .widget-column-2 h4, .widget-column-3 h4, .widget-column-4 h4{ margin-bottom:15px;}
#slider .top-bar { padding:0; top:45px;}
#slider .top-bar a{ margin-top:20px;}
.container { width:auto; padding:0 20px;}
.header { width:auto; padding:0 20px;}
#services-box { width:49.60%; display:inline-block; margin-bottom:20px; padding:20px;}
.banner-bg { padding:49px 0;}
.contact-banner h3 { font-size:20px; padding-bottom:30px;}
.contact-banner a{ width:auto;}
  
.footer, .copyright { width:auto; padding:0 20px;}
.footer-col-1 { margin:0 30px 50px 0;}
.footer-col-1 h2 { font-size:17px;}
.footer-col-3 h2 { font-size:25px;}
section{ padding:50px 0;}

.one_half{ width:48%;}
.photobooth .gallery ul li{ width:48%;}
.photobooth .gallery ul li img{ width:100%; min-height:250px;}
/* --------- Pages ------- */
.content-area{ width:auto; margin:0 20px; padding:15px 0;}
.site-main{ width:60%; margin:0; padding:0; float:left;}
#sidebar{ width:35%; margin:0; padding:0; float:right;}
.nivo-caption{ width:45% !important;}
#slider .top-bar{ top:0;}
#slider .top-bar h2{ padding:0 !important ; }
#slider .top-bar p{ margin:5% 0 10% !important; padding:0;}
#contactform_main input[type="text"], #contactform_main input[type="tel"], #contactform_main input[type="email"], #contactform_main input[type="url"] { width:200px; margin-bottom:0;} 
#contactform_main textarea{ width:100%;}
.team-social a{min-width:16.4%; height:auto;}
.slider-main{min-height:250px !important;}
}

@media screen and (max-width:1150px) and (min-width:980px) {
.header .header-inner { width:100%;}
.header .header-inner .nav ul li a { padding:20px 28px;}
.nivo-caption{ width:33% !important;}
#slider .top-bar{ margin:0; padding:16px 0 20px; position:relative; text-align:center;}
#slider .top-bar h2{font-weight:normal; padding:0 15px !important; text-align:left; text-transform:uppercase;}
#slider .top-bar p{ color:#ffffff; font-weight:normal; text-align:justify; margin:10% 0 20% 0 !important; padding:0 25px; line-height:24px; text-align:left; }
.photobooth .gallery ul li{ width:24%;}
.photobooth .gallery ul li img{ width:100%; min-height:160px; height:inherit;}
#contactform_main input[type="text"], #contactform_main input[type="tel"], #contactform_main input[type="email"], #contactform_main input[type="url"] { 
width:280px !important; margin-bottom:0;} 
#footer-wrapper{ padding:0;}
.widget-column-1, .widget-column-2, .widget-column-3, .widget-column-4{ float:left; min-height:335px; }
.widget-column-1{ width:25%; margin:0 40px 0 0; padding:55px 5px 0 0;}
.widget-column-2{ width:17%; margin:0 40px 0 0; border-right:1px #282828 solid; padding:55px 20px 0 0;}
.widget-column-3{ width:25%; margin:0 40px 0 0; padding:55px 10px 0 0;}
.widget-column-4{ width:20%; margin:0; padding:55px 0 0 0;}
}

@media screen and (min-width:980px) {
.header .header-inner .nav ul li:hover > ul{display:block; width:250px; position:absolute; top:60px; left:0; text-align:left; z-index:99; }
.header .header-inner .nav ul li ul li{display:block; position:relative; float:none;}
.header .header-inner .nav ul li ul li a{color:#000; display:block; padding-top:10px; padding-bottom:10px; border-top:1px #cccccc solid;}
.header .header-inner .nav ul li:hover ul li ul{display:none;}
.header .header-inner .nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0px;}
.header .header-inner .nav ul li:first-of-type{border-left:none;}
.header .header-inner .nav ul li:last-of-type{ border-right:none;}
}