/* Mobile Portrait View */

@media screen and (max-width:479px) {

*{box-sizing:border-box;}
#slider .top-bar { padding:0 20px 17px; top:35px;}
.slider-main #slider .top-bar h2{ font-size:20px; padding-bottom:25px; line-height:20px; padding-top:10px; padding-left:0; text-align:center;}
#slider .top-bar p{ display:none;}
.slider-main #slider .nivo-caption{ top:18px; width:100%; left:0;}
.container { width:95%;}
.header { position:inherit !important; padding-top:30px;}
.header .header-inner{ width:95%;}
.logo { float:none; text-align:center;}
.toggle{display:block;}
.toggle a{width:100%; color:#ffffff; background:url(../images/mobile_nav_right.png) no-repeat right center #373a3f; padding:10px 10px; margin-top:20px; font-size:16px;}
.toggle a:hover{ color:#ffffff !important;}
.toggle a.active{color:#b94746;}
.nav{display:none;}
.header .header-inner .nav{float:none; margin:0; position:relative; overflow-x:hidden; }
.header .header-inner .nav ul{background:#000000; color:#000; width:100%; float:none; margin-top:0;}
.header .header-inner .nav ul li{border-top:1px #303030 solid; display:block; float:none; text-align:left;}
.nav ul li a{padding:5px 10px; display:block; color:#000;}
.header .header-inner .nav ul li a:hover{color:#b94746 !important;}
.nav ul li ul, .nav ul li ul ul{ display:block !important;}
.nav ul li ul li a:before{content:"\00BB \00a0";}
.nav ul li ul li a{padding-left:20px !important;}
.nav ul li ul li ul li a{padding-left:30px !important;}
.statistic, .bridegroom, .story, .bride, .groom, .blogposts, .testimonial, .gallery, .attending, .location{ visibility:visible;}

/* ------ Extra ------ */
.one_half{ width:100%;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{ float:none; position:inherit !important;}
section{ padding:50px 0;}
h2.section-title{ margin-bottom:5px;}
.stat { width:100%; float:none; margin:10px 0;}
#bride-box { width:100%; float:none; text-align:center; margin-top:30px;}
#bride-box .bride-inner { padding-right:0;}
#bride-box .social-icons, #groom-box .social-icons { float:none; display:inline-block;}
#groom-box { width:100%; float:none; text-align:center; margin-top:30px;}
#groom-box .groom-inner { padding-left:0;}
.story-top, .story-bottom { margin:35px 0;}
.story-left, .story-bottom .story-left, .story-right, .story-bottom .story-right { width:100%; float:none; padding-left:0; padding-right:0; }
.story-right h4, .story-bottom .story-right h4 { text-align:center;}
.story-middle, .story-bottom .story-middle { display:none;}
.story-left .left-inner, .story-bottom .story-left .left-inner { width:100%; float:none; text-align:center;}
.bride .ms-staff-carousel .ms-staff-info { min-height:150px;}
.blogposts { width:100%; display:block; margin-bottom:30px; padding-left:10px; padding-right:10px;}
.cat_comments { width:45%; left:10px;}
.bx-wrapper .testimonials-carousel-content{ font-size:12px !important;}
.photobooth .filter-gallery{ width:auto;}
.photobooth .filter-gallery ul { margin-left:0; margin-top:20px;}
.photobooth .gallery ul li{ width:100%; }
.location-box { width:100%; float:none; margin-right:0;}
.map iframe{ height:232px;}

/* --------- Pages ------- */
.content-area{ width:95%; margin:0 auto; padding:50px 0;}
.site-main{ width:100%; margin:0; padding:0; float:none;}
#sidebar{ width:auto; margin:60px 0 0; padding:0; float:none;}
.nivo-directionNav a{ top:36% !important;}
.bx-controls-direction{ display:none;}
#contactform_main .leftdiv, #contactform_main .rightdiv{ width:auto; float:none;}
#main-footer { padding-bottom:40px;}
.footer-inner { width:95%;}
.footer-col{ width:100%; margin-bottom:0px; text-align:center; margin-right:0;}
.footer-col h2 { margin-top:20px;}
.footer-col p { margin-top:0;}
.footer-col.last { text-align:center;}
.scrollToTop { right:7px; height:60px; z-index:999;}
}

/* Mobile Landscape View */

@media screen and (max-width:719px) and (min-width:480px) { 
*{box-sizing:border-box;}
#slider .top-bar { padding:0 20px 17px; top:35px;}
.slider-main #slider .top-bar h2{ font-size:20px; padding-bottom:25px; line-height:20px; padding-top:10px; padding-left:0; text-align:center;}
#slider .top-bar p{ display:none;}
.nivo-caption{ top:45px !important; width:100% !important; left:0 !important;}
.container { width:95%;}
.header { position:inherit !important; padding-top:30px;}
.header .header-inner{ width:95%;}
.logo { float:none; text-align:center;}
.toggle{display:block;}
.toggle a{width:100%; color:#ffffff; background:url(../images/mobile_nav_right.png) no-repeat right center #373a3f; padding:10px 10px; margin-top:20px; font-size:16px;}
.toggle a:hover{ color:#ffffff !important;}
.toggle a.active{color:#b94746;}
.nav{display:none;}
.header .header-inner .nav{float:none; margin:0; position:relative; overflow-x:hidden; }
.header .header-inner .nav ul{background:#000000; color:#000; width:100%; float:none; margin-top:0;}
.header .header-inner .nav ul li{border-top:1px #303030 solid; display:block; float:none; text-align:left;}
.nav ul li a{padding:5px 10px; display:block; color:#000;}
.header .header-inner .nav ul li a:hover{color:#b94746 !important;}
.nav ul li ul, .nav ul li ul ul{ display:block !important;}
.nav ul li ul li a:before{content:"\00BB \00a0";}
.nav ul li ul li a{padding-left:20px !important;}
.nav ul li ul li ul li a{padding-left:30px !important;}
.statistic, .bridegroom, .story, .bride, .groom, .blogposts, .testimonial, .gallery, .attending, .location{ visibility:visible;}

/* ------ Extra ------ */
.one_half{ width:100%;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{ float:none; position:inherit !important;}
section{ padding:50px 0;}
h2.section-title{ margin-bottom:5px;}
.stat { width:100%; float:none; margin:10px 0;}
#bride-box { width:100%; float:none; text-align:center; margin-top:30px;}
#bride-box .bride-inner { padding-right:0;}
#bride-box .social-icons, #groom-box .social-icons { float:none; display:inline-block;}
#groom-box { width:100%; float:none; text-align:center; margin-top:30px;}
#groom-box .groom-inner { padding-left:0;}
.story-top, .story-bottom { margin:35px 0;}
.story-left, .story-bottom .story-left, .story-right, .story-bottom .story-right { width:100%; float:none; padding-left:0; padding-right:0; }
.story-right h4, .story-bottom .story-right h4 { text-align:center;}
.story-middle, .story-bottom .story-middle { display:none;}
.story-left .left-inner, .story-bottom .story-left .left-inner { width:100%; float:none; text-align:center;}
.bride .ms-staff-carousel .ms-staff-info { min-height:150px;}
.blogposts { width:100%; display:block; margin-bottom:30px; padding-left:10px; padding-right:10px;}
.cat_comments { width:30%; left:10px;}
.bx-wrapper .testimonials-carousel-content{ font-size:12px !important;}
.photobooth .filter-gallery{ width:auto;}
.photobooth .filter-gallery ul { margin-left:0; margin-top:20px;}
.photobooth .gallery ul li{ width:100%; }
.location-box { width:100%; float:none; margin-right:0;}
.map iframe{ height:232px;}

/* --------- Pages ------- */
.content-area{ width:auto; margin:0 20px; padding:50px 0;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
#sidebar{ width:auto; margin:60px 0 0; padding:0; float:none;}
.nivo-directionNav a{ top:36% !important;}
.bx-controls-direction{ display:none;}
#contactform_main .leftdiv, #contactform_main .rightdiv{ width:auto; float:none;}
#main-footer { padding-bottom:40px;}
.footer-inner { width:95%;}
.footer-col{ width:100%; margin-bottom:0px; text-align:center; margin-right:0;}
.footer-col h2 { margin-top:20px;}
.footer-col p { margin-top:0;}
.footer-col.last { text-align:center;}
.scrollToTop { right:7px; height:60px; z-index:999;}
}


@media screen and (max-width:899px) and (min-width:320px) { 

h2.section-title { line-height:48px; font-size:35px !important;}
.photobooth .filter-gallery ul li{ margin-bottom:10px;}
.cat_comments{ height:auto;}
#contact .column-2, #contact .column-2.last_column{ width:100%; float:none; margin:0 0 20px 0;}
}


/* Tablet View */

@media screen and (max-width:999px) and (min-width:720px) { 
*{box-sizing:border-box;}
.slider-main #slider .nivo-caption{ top:55px; width:70%; left:15%;}
#slider .top-bar { padding:0 20px 17px; top:35px;}
.slider-main #slider .top-bar h2{ padding-bottom:0; line-height:normal; padding-top:10px; padding-left:0; text-align:center;}
#slider .top-bar p{ line-height:22px;}
.nivo-directionNav a{ top:42% !important;}
.container { width:95%;}
.header { position:inherit !important; padding-top:30px;}
.header .header-inner{ width:95%;}
.logo { float:none; text-align:center;}
.toggle{display:block;}
.toggle a{width:100%; color:#ffffff; background:url(../images/mobile_nav_right.png) no-repeat right center #373a3f; padding:10px 10px; margin-top:20px; font-size:16px;}
.toggle a:hover{ color:#ffffff !important;}
.toggle a.active{color:#b94746;}
.nav{display:none;}
.header .header-inner .nav{float:none; margin:0; position:relative; overflow-x:hidden; }
.header .header-inner .nav ul{background:#000000; color:#000; width:100%; float:none; margin-top:0;}
.header .header-inner .nav ul li{border-top:1px #303030 solid; display:block; float:none; text-align:left;}
.nav ul li a{padding:5px 10px; display:block; color:#000;}
.header .header-inner .nav ul li a:hover{color:#b94746 !important;}
.nav ul li ul, .nav ul li ul ul{ display:block !important;}
.nav ul li ul li a:before{content:"\00BB \00a0";}
.nav ul li ul li a{padding-left:20px !important;}
.nav ul li ul li ul li a{padding-left:30px !important;}
.statistic, .bridegroom, .story, .bride, .groom, .blogposts, .testimonial, .gallery, .attending, .location{ visibility:visible;}

/* ------ Extra ------ */
.one_half{ width:100%;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{ float:none; position:inherit !important;}
.story-left { padding-left:0;}
.story-bottom .story-left { width:50%;}
.story-bottom .story-left .left-inner, .story-left .left-inner { width:100%;}
.story-bottom .story-right { width:41%;}
.blogposts { width:47%; padding-left:20px; padding-right:20px;}
.cat_comments { left:20px; width:40%;}
.photobooth .filter-gallery{ width:auto;}
.photobooth .gallery ul li{ width:50%;}
.wpcf7 form textarea, .rightdiv textarea { height:150px;}
.location-box { margin-right:23px; width:31%;}

/* --------- Pages ------- */
.content-area{ width:auto; margin:0 20px; padding:50px 0;}
.site-main{ width:60%; margin:0; padding:0; float:left;}
#sidebar{ width:35%; margin:0; padding:0; float:right;}
.bx-controls-direction{ display:none;}
.footer-inner { width:95%;}
.footer-col{ margin-right:3px; width:33%;}
.scrollToTop { right:10px; height:60px;}
}

@media screen and (min-width: 1000px) {
.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-bottom:1px #313131 solid;}
.site-main { width:70%;}
}

@media screen and (min-width:1000px) and (max-width:1159px){
	.container { width:95%;}
	.header .header-inner{ width:98%;}
	.header .header-inner .nav ul li a { padding:5px;}
	.nivo-caption{ top:17% !important; height:auto !important;}
	.story-top .story-left { padding-left:40px;}
	.blogposts { padding-left:35px; padding-right:35px; float:left; margin-right:28px;}
	.cat_comments { left:35px; width:25%;}
	.testimonials{ width:90%; margin:0 auto;}
	.bx-wrapper{ width:100%;}
	.bx-wrapper .bx-next{ right:-15px !important;}
	.bx-wrapper .bx-prev{ left:-15px !important;}
	.location-box { margin-right:62px;}
	.footer-inner { width:95%;}
	.footer-col{ margin-right:43px;}
	.content-area { width:95%;}
}