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

*{box-sizing:border-box;}
#slider .top-bar { padding:0 20px; top:35px;}
#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: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:none; 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, .pricing-weddings, .pricing-portraits{ float:none; width:100%; height:auto;}
.pricing-weddings{ margin-bottom:40px;}
.social-icons a{ min-width:38px;} 
#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%;}
/***** Pages *****/
#services-box{ width:49.5%}

/***** Extra css *****/
.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; }

}

/* Mobile Landscape View */

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

*{box-sizing:border-box;}
#slider .top-bar { padding:0 20px; top:35px;}
#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: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:none; 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;}
.pricing-weddings{ float:left; width:49%; height:auto;}
.pricing-portraits{ float:right; width:49%; height:auto;}
.social-icons a{ min-width:38px;} 
#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%;}
/***** Pages *****/
#services-box{ width:49.5%}

 


}

@media screen and (max-width:979px) and (min-width:220px) {

.header .header-inner .nav{margin:0; position:relative; overflow-x:hidden;float:none; text-align:center; }
.nav ul{width:100%;}
.header .header-inner .nav ul li{display:block; float:left; text-align:left; clear:none; margin:0 0 10px 0}
.header .header-inner .nav ul li a{padding:0 10px; display:block;}
.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;}

.copyright-wrapper{ display:none;}
.header .header-inner{float:none; width:auto; padding:0;}
.header .header-inner .logo{padding: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:none; width:80%; margin:0 auto; padding:0;}
.container{ width:auto;}
.content-area{ width:auto;}
.header .header-inner{ width:80%; margin:0 auto;}
.right_content, .blog-post{width:auto; float:none;}
.pricing-weddings{ float:left; width:49%; height:auto;}
.pricing-portraits{ float:right; width:49%; height:auto;}
.blog-page-content{ width:63%;}
#jump a{ height:35px; width:35px;}
/***** Pages *****/
.container .blog-post{width:63%; float:left;}
#services-box{ width:49.5%}
}

@media screen and (max-width:1150px) and (min-width:980px) {
.copyright-wrapper{ display:inherit;}
.main-container {float:right; margin:0; padding:0; width:63%;}
.header{width:34%; min-width:300px;  position:fixed;float:left; height:100%; overflow:auto;}
.header .header-inner{float:right; padding:80px 20px 0; width:240px;}
.header .header-inner .logo{margin:0; padding:0; text-align:right;}
.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:auto; float:right; text-align:right; margin-top:20px;}
.container{border-radius:5px; margin:0; padding:10px 15px;  width:600px; margin-top:80px;}
.right_content{ width:95%;}
#jump a{ right:10px;}
}