/* Mobile Portrait View */
@media screen and (max-width:479px) {
*{box-sizing:border-box;}
#slider .top-bar { padding:0 20px;}
#slider .top-bar h1 { font-size:25px; padding-bottom:25px;}
#slider .top-bar a{ font-size:14px; padding:8px 20px; margin-top:0; width:auto;}
.header .copyright-wrapper{ display:none;}
.main-container .copyright-wrapper{ display:block; width:93%;}
.header .header-inner{float:none; width:auto; padding:0;}
.header .header-inner .logo{padding:15px 0 0 0; text-align:center; margin-bottom:10px;}
.header{width:auto; padding:0 10px; min-width:inherit; position:inherit; float:none; height:auto; overflow:auto; top:0; z-index:999;}
.main-container{ float:left; width:auto; padding:0 10px;}
.container{ width:auto;}
.content-area{ width:auto;}
#sidebar{ width:auto; float:none !important; display:block;}
.right_content, .blog-page-content{width:auto; float:none;}
.blog-post{width:auto; float:none !important;}
.blog-post img{ float:none; width:100%; height:auto;}
#jump a{ height:35px; width:35px;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select, #contactform_main input[type="text"], #contactform_main input[type="tel"], #contactform_main input[type="email"], #contactform_main input[type="url"], .wpcf7 form textarea, .main-form-area textarea{ width:100%; box-sizing:border-box;}
.download{ display:inline-block; float:inherit; margin-left:25%; margin-top:5%;}
#services-box{ width:49.5%}
.one_half{ width:100% !important;}
.photobooth .filter-gallery{ width:auto;}
.photobooth .gallery ul li{ width:100%; margin:0 0 20px 0;}
#services-box{ width:100%; margin:0 0 20px 0; }
.right_content, .container { left:0;}
.teammember-thumb, .blogthumb { width:100%; height:auto; margin-bottom:20px;}
.teammember-thumb img, .blog-post img { min-height:inherit;}
#services-box { padding:15% 2%;}
.home .photobooth .filter-gallery { margin-top:0;}
.leftsidesocial { margin-top:0; padding:15px 0;}
#profile { padding:20px 0;}
a.nivo-prevNav { right:18% !important;}
.site-main { width:100%;}
.nivo-caption{ width:100% !important; left:0 !important; box-sizing:border-box;}
#slider .top-bar h2{ display:none }
.counter-column{ font-size:18px; width:45px; height:45px; }
.counter-separator span{ font-size:12px ;}
.nivoSlider{ min-height:inherit !important}
.nivo-directionNav a{ display:none !important}
.column-event{ float:none; width:100%; margin-bottom:5%;}
.showcols{ width:100%; border-right:none !important; border-bottom:solid 1px #3d3d3d !important;}
.copyright-txt, .design-by{ text-align:center}
}

/* Mobile Landscape View */
@media screen and (max-width:767px) and (min-width:480px) { 
*{box-sizing:border-box;}
#slider .top-bar h1 { font-size:25px; padding-bottom:25px;}
#slider .top-bar a{ font-size:14px; padding:8px 20px; margin-top:0; width:auto;}
.copyright-wrapper{ display:none;}
.header .header-inner{float:none; width:auto; padding:0;}
.header .header-inner .logo{padding:15px 0 0 0; text-align:center; margin-bottom:10px;}
.header{width:auto; padding:0 10px; min-width:inherit; position:inherit; float:none; height:auto; overflow:auto; top:0; z-index:999;}
.header .copyright-wrapper{ display:none;}
.main-container .copyright-wrapper{ display:block; width:95.90%;}
.main-container{ float:left; width:auto; padding:0 10px;}
.container{ width:auto;}
.content-area{ width:auto;}
#sidebar{ width:auto; float:none !important; display:block;}
.right_content, .blog-page-content{width:auto; float:none;}
.blog-post{width:auto; float:none !important;}
.blog-post img{ float:none; width:100%; height:auto;}
#jump a{ height:35px; width:35px;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select, #contactform_main input[type="text"], #contactform_main input[type="tel"], #contactform_main input[type="email"], #contactform_main input[type="url"], .wpcf7 form textarea, .main-form-area textarea{ width:100%;}
.download{ display:inline-block; float:inherit; margin-left:25%; margin-top:5%;}
#services-box{ width:47%}
.right_content, .container { left:0;}
.teammember-thumb, .blogthumb { width:100%; height:auto; margin-bottom:20px;}
.teammember-thumb img, .blog-post img { min-height:inherit;}
#services-box { padding:15% 2%;}
.home .photobooth .filter-gallery { margin-top:0;}
.leftsidesocial { margin-top:0; padding:15px 0;}
#profile { padding:20px 0;}
.photobooth .gallery ul li { width:49%;}
a.nivo-prevNav{right:0 !important;}
a.nivo-nextNav{ bottom:70px !important; right:0 !important}
.nivo-caption{ width:80% !important; left:0 !important; right:0 !important; margin:0 auto; box-sizing:border-box;}
#slider .top-bar h2{ display:none }
.counter-column{ font-size:20px; width:55px; height:55px; }
.counter-separator span{ font-size:12px ;}
.nivoSlider{ min-height:inherit !important}
.nivo-directionNav a{ display:none}
.column-event{ float:none; width:100%; margin-bottom:5%;}
.showcols{ width:100%; border-right:none !important; border-bottom:solid 1px #3d3d3d !important;}
.copyright-txt, .design-by{ text-align:center}
}

@media screen and (max-width:1023px) and (min-width:320px) {
.header .header-inner .nav{margin:0; position:relative; float:none; text-align:center; }
.nav ul{width:100%;}
.header .header-inner .nav ul li{display:block; float:none; text-align:left;}
.header .header-inner .nav ul li a{padding:0 10px; display:block; line-height:35px;}
.header .header-inner .nav ul li:hover a{color:#fff; background:none !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: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;}
.header .header-inner .nav ul li:hover a::after, .header .header-inner .nav ul li.active_menu a::after, .header .header-inner .nav ul li.current_page_item a::after, .header .header-inner .nav ul li.active a::after { display:none;}
.toggleMenu { z-index:9999; display: none; padding:12px; background:#eb3739 url(../images/toggle-bg.png) no-repeat right top; font:normal 12px Arial, Helvetica, sans-serif; text-align:left; height:auto; margin:10px 0 0 0; text-decoration:none; float:left; width:100%; border-bottom:0 !important; color:#fff;}
.toggleMenu:hover { color:#fff;}
.blog-post-content p{ margin-bottom:10%; }
}

/* Tablet View */
@media screen and (max-width:1023px) and (min-width:768px) {
*{box-sizing:border-box;}
.header .header-inner{float:none; width:auto; padding:0;}
.header .header-inner .logo{padding:30px 0 0 0; text-align:center; margin-bottom:10px;}
.header{width:auto; padding:0 10px; min-width:inherit; position:inherit; float:none; height:auto; overflow:auto; top:0; z-index:999;}
.header .copyright-wrapper{ display:none;}
.main-container .copyright-wrapper{ display:block; width:94.80%;}
.main-container{ float:left; width:100%; margin:0 auto; padding:0 20px;}
.container{ width:100%;}
.content-area{ width:auto;}
.header .header-inner{ width:100%; margin:0 auto; padding:0 15px;}
.right_content, .blog-post{width:auto; float:none;}
.blog-page-content{ width:58%;}
#jump a{ height:35px; width:35px;}
.container .blog-post{width:60%; float:left;}
#services-box{ width:31.50%}
.right_content, .container { left:0;}
.blogthumb { width:100%; margin-bottom:20px;}
.home .photobooth .filter-gallery { margin-top:0;}
.leftsidesocial { margin-top:0; padding:15px 0;}
#profile { padding:20px 0;}
.photobooth .gallery ul li { width:32.7%;}
#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.7%;}
#sidebar { width:34%;}
.nivo-directionNav a{ bottom:0.2% !important;} 
a.nivo-prevNav{right:53% !important;}
a.nivo-nextNav{right:47% !important;}
.nivo-caption{ width:70% !important; left:0 !important; right:0 !important; margin:0 auto; box-sizing:border-box;}
.nivoSlider{ min-height:360px !important;}
.column-event .event-image{ height:170px;}
.column-event .event-image img{ min-height:170px;}
.sh1, .sh2, .sh3, .sh5{line-height:26px;}
.sh4{ width:36%; }
.sh1{width:24%;}
.blog-post-content p{ margin-bottom:10%; }
}

@media screen and (max-width:1200px) and (min-width:1024px) {
.copyright-wrapper{ display:inherit;}
.main-container {float:right; margin:0; padding:0; width:100%;}
.header{width:30%; min-width:300px;  position:fixed;float:left; height:100%; overflow: inherit;}
.header .header-inner{float:right; padding:40px 0 0; width:100%;}
.header .header-inner .logo{margin:0; padding:0;}
.header .header-inner .logo h1{ font-weight:700; text-transform:uppercase; font-family:'Roboto',san-serif; font-size:28px;}
.header .header-inner .logo a{ color:#fff;}
.header .header-inner .nav{width:100%; float:right; text-align:right; margin-top:20px;}
.container{border-radius:5px; margin:80px 30px 0 0; padding:10px 15px; width:63%; float:right;}
.right_content{ width:64%; float:right; margin-right:30px;}
#jump a{ right:10px;}
.right_content, .container { left:0;}
#services-box { width:31.20%;}
.photobooth .gallery ul li { width:32.60%; height:180px;}
.photobooth .gallery ul li img { min-height:180px;}
#sidebar { width:35%;}
.blog-page-content { width:60%;}
.blogthumb { width:100%; margin-bottom:20px;}
.home .blog-post { width:100%;}
.blog-post { width:60%;}
#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:36.60%;}
a.nivo-prevNav{right:34.5% !important;}
a.nivo-nextNav{right:30% !important;}
.nivoSlider{ min-height:510px !important;}
.column-event .event-image{ height:155px;}
.column-event .event-image img{ min-height:155px;}
.sh1, .sh2, .sh3, .sh4, .sh5{line-height:26px;}
.sh2{ width:19%;}
.sh4{ width:18%;}
.sh1{width:20%;}
}