@charset "utf-8";
/* CSS Document */
.responsivemenu{display: none;}

.removethis{display: block;}
.addthis{display: none;}
#menu{display: block;}
.fb_p{background: url('../images/fb.gif') no-repeat;}
.insta_p{background: url('../images/instagram.gif') no-repeat;}
.cal_p{background: url('../images/calender.gif') no-repeat;}
.ord_p{background: url('../images/order.gif') no-repeat; padding-left: 58px;}
#facebook{width: 100%; overflow: hidden; height: auto;}
#facebook ul li{float: left; display: block; margin: 0 10px 0 12px; padding: 10px 0 10px 50px;}
#facebook ul li a{font-size: 15px; text-transform: uppercase; color: #7b7b7b;}
#enquiries textarea{width: 100%;}
.cor_top_img, .mobile{display: none;}
/*
###########################
Tablet View
###########################
*/
@media (max-width:979px){
/*
--------------------------
Homepage
--------------------------
*/
#wrap {margin: 0; padding: 0 20px; width: auto;}
#logo{width: auto; text-align: center;}
.removethis{display: block;}
.addthis{display: none;}
#header, #menu, #menu ul, #subheader, #facebook{width: auto;}
#header{height: auto;}
#subheader{font-size: 18px; margin-top: 10px; height: auto;}
.responsivemenu {background: url("../images/responsive_menu_icon_white.png") no-repeat scroll 2% center #e0c297; color: #fff; display: block; font-size: 18px; padding: 10px 36px; text-align: center;}
#menu{display: none; height: auto;}
#menu ul li{float: none; display: block; margin:0; background-color: #e0c297;}
#menu ul li:first-child{margin-left: 0px !important;}
#menu ul li a{display: block; padding: 10px 20px;}
#menu ul li a:hover{background: #000; color: #fff;}
#content .picture{width: 49.2%;}
#content .picture:nth-child(2){margin-right: 0;}
#content .picture img{width: 100%; height: auto;}
#sidebar{width: auto; height: auto; margin-top:20px; }
#fb-image2{width: 24%; margin-left: 2px;}
#facebook a:nth-child(3) > img{height: 34px;}
#footer{width: auto; line-height: 24px; height: auto; padding: 20px 0;}
/*
--------------------------
Collection Page
--------------------------
*/
.collection{width: 59%; height: auto;}
.collection img{width: 31%;}
#enquiries input, .sidebar-collection input, .sidebar-collection select, .sidebar-collection textarea{width: 97%;}
#enquiries input[type="submit"], .sidebar-collection input[type="submit"]{width: auto;}
/*
--------------------------
Wedding Bomb Page
--------------------------
*/
#wedding-bomb{width: auto; margin: 30px 0 0 0px;}
#wedding-bomb h1{line-height: 30px;}
#wb-table-intro h1{line-height: 30px !important; margin: 0 0 0 20px;}
#wb-table-intro h1{line-height: 30px !important; margin: 0 0 0 20px;}
#wb-table-intro p{margin: 5px 0 30px 20px;}
/*
--------------------------
CORPORATE EVENT INVITATIONS
--------------------------
*/
#howto{margin: 30px 20px 0 0;}
#howto2{margin: 30px 0 0; width: 45%; float: right;}
#howto2 img{width: 100%; height: auto;}

#testimonials{width: auto; margin: 30px 0 0;}
#enquiries{width: 45%; margin: 30px 0 0;}
.ss-form select{width: 100%;}
.ss-form textarea{width: 98%;}
#content .col2{width: 45%; margin: 30px 0 0;}
#faq{width: 50%; margin: 30px 20px 0;}
.faqtitle{width: 100%; height: auto;}
#answer{width: 44%; margin: 30px 0 0;}
.answer{width: 100%; height: auto;}
.answer-text{width: auto;}
#howtosidebar{width: 45%; margin: 30px 0 0;}
#howtosidebar .sidebartitle{width: 100%;}
#howtosidebar .title{width: 87%;}
#howtosidebar .sidebarbox{width: auto;}
#press{width: 100%; margin: 30px 0 0}
#press table td{width: 25%; float: left; display: block; margin: 0 0 30px;}
/*#press table td img{width: 100%; height: auto;}*/
#facebook ul li{padding: 5px 0 5px 30px; background-size: 15% auto; margin: 0 5px;}
#facebook ul li a{font-size: 13px;}
#facebook ul li.ord_p{background-position: 0% 40%;}

#lightwindow_data_slide_inner{
	width: auto !important;
	height: auto !important;
}

#wb-table-intro .item-info p:last-child {
margin-bottom: 10px;
}

}

@media (max-width:767px){
#facebook a:nth-child(3) > img{height: 28px;}
#content .picture{width: 48.9%;}
.sidebar-collection{width: auto; height: auto; padding-bottom: 30px;}
.collection{width: 100%; padding: 0px;}
#howto {margin: 30px 0 30px; width: auto;}
#howto2{float: none; width: auto;}
#howto2 br{display: none;}
#enquiries{width: 100%;}
#content .col2{width: 100%; margin: 0px;}
#faq{width: 48%;}
#content .first1, #howtosidebar{width: 100%;}
#content .first1 img{width: 100%; height: auto;}
#facebook ul li{margin:0 20px 30px 19px; padding: 10px 0 10px 51px;}
#facebook ul li.ord_p{padding-left: 35px;}
#facebook ul li a{font-size: 15px;}
.removethis{display: none;}
.addthis{display: block;}

}

@media (max-width:567px){
#content .picture{width: 47.9%; height:auto;}
#fb-image2 {margin-bottom: 20px; margin-left: 2px; width: 48%;}
#facebook, #facebook a:nth-child(3) > img{height: auto;}
.collection img{width: 30%;}
#wedding-bomb{width: 100%;}
#wedding-bomb table td{width: 100%; height: auto; display: block;}
#wedding-bomb table td img{width: 100%; height: auto;}
#wedding-bomb table td img[width="1"]{width: 1px; height: 1px;}
#answer{width: 100%;}
#faq{width: 100%; margin: 30px 0 0;}
#press table td{width: 50%;}
#facebook ul li{margin: 0 10px 20px 12px; background-size: auto; background-position: 0%;}
#facebook ul li.ord_p{padding-left: 60px;}
.removethis{display: none;}
.addthis{display: block;}

}

@media (max-width:320px){
#logo img{width: 100%;}
#fb-image2 {width: 90%;}
#press table td{width: 100%; float: none;}
#howtosidebar .title{width: 85%;}
#wedding-bomb #wb-table-intro h1{margin: 10px 0;}
#wedding-bomb #wb-table-intro p{margin: 5px 0 30px 0px;}
#wedding-bomb h1 br{display: none;}
.cor_bot_img, .desktop{display: none;}
.cor_top_img{display: block; width: 100%; margin: -30px 0 20px;}
.mobile{display: block;}
.pa{display: none;}
#press h3{text-align: center;}
.removethis{display: none;}
.addthis{display: block;}

#wb-table-intro .item-info p:last-child {
margin-bottom: 10px;
}
}