/* responsive styles CSS Document */
@media only screen and (min-width:1400px) {
.our_story, .our_events, .Bridal_Party, .While_Youre_Here, .Photos, .Videos, .Guestbook{padding-top:17vh;}
}
@media only screen and (max-width:1200px) {
.event_container {width: 80%;}
.While_Youre_Here_container {width: 80%;}
.heading_txt h1{  font-size: 44px;}
.section_title h1 { font-size: 44px;}
.our_story, .our_events, .Bridal_Party, .While_Youre_Here, .Photos, .Videos, .Guestbook{padding-top:5vh;}
.Family_container { width: 60%;}
.navbar-default .navbar-nav > li > a {   font-size: 12px;}
.navbar-default .navbar-nav > li a span {  font-size: 13px;}
#portfolio-list li {  height: 120px;}
.storyheight {  background-attachment: scroll;    background-position: center center!important;
    background-repeat: no-repeat;
    background-size: 100% auto;
    float: left;
    height: auto;
    position: relative;
    width: 100%;
    min-height: 700px;
}
}

@media only screen and (max-width:1024px) {
#coversection {  padding-top: 15vh;}
.dhol_play { top: 12vh;}

}
@media only screen and (max-width: 980px) {
.event_container {width: 100%;}
.While_Youre_Here_container {width: 100%;}
.tab ul li a { padding: 10px 10px;  font-size: 15px;}
.Family_container {  width: 70%;}
.nav > li.logo img { top: -7px;}

}
@media only screen and (max-width: 768px) {
.top_golden_bar { height: 10px; }
.menu.navbar-fixed-top { top: 10px; }

.web_header {  margin-bottom: 50px;}
button.navbar-toggle.collapsed {    background-image: url("../images/menu_mobile.png");}
.mobile_logo { display: inline-block;  float: left;    margin-top: -67px; padding: 0;  position: relative; width: 100%;}
.mobile_logo .mobilelogocenter {margin:0px auto; float:none; width:250px}
.mobile_logo img {   max-width: 250px;    position: absolute;}
.navbar-nav > li {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  border-bottom: 1px solid #f7f7f7;  float: left;  margin-bottom: 0;  padding: 0; text-align: center; width: 100%;}
.navbar-nav > li.bigger, .navbar-nav > li.smaller { width: 100%; }
.nav > li.logo {  display: none;}
.navbar-default .navbar-nav > li > a {display: inline-block; float: none;  font-size: 18px;  padding: 10px;  text-align: center;  width: auto;}
.navbar-default .navbar-nav > li > a span { font-size: 16px;}
.navbar-default .navbar-nav > li > a{background-size: 15px auto;background-position: 0vw -13vw;}
.navbar-default .navbar-nav > li > a:hover {  background-image: url("../images/hover_hrt.png");  background-position: 0px 15px;  background-repeat: no-repeat;  background-size: 15px auto;    color: #e71c65 !important;}
.navbar-default .navbar-nav  a.active{  background-image: url("../images/hover_hrt.png");  background-position: 0px 15px;  background-repeat: no-repeat;  background-size: 15px auto;    color: #e71c65 !important;}

.menu.navbar-fixed-top, .menu.navbar-fixed-bottom {left: 0;  position: relative; right: 0;  z-index: 1030; }
.menu.navbar-fixed-top.stick, .menu.navbar-fixed-bottom.stick, .menu.navbar-fixed-top, .menu.navbar-fixed-bottom { position:fixed; }
.web_header .container{padding:0px;}
.navbar-toggle { margin-top: 20px;}
.menu .navbar-toggle {background-image: url("../images/menu_mobile_selected.png"); float: left; margin: 10px; border: none; width: 30px; height: 30px; background-size: 100% 100%;  z-index: 999999; padding:15px; outline: none; }
.navbar-default.menu .navbar-toggle:hover, .navbar-default.menu .navbar-toggle:focus {  background-color: transparent;}

.web_header .container .navbar-collapse, .web_header .container .navbar-collapsing {   margin-top: -54px;  width: 100%; max-height: inherit; border:none;display: inline-block;overflow: hidden; height:0px;}
.navbar-nav > li.lastchild{padding-bottom:80px;}
#coversection {   padding-top: 130px;}

.Bridal_Party_subheading ul li a:hover .mate_hvr, .Kgroomsman_container ul li a:hover .mate_hvr, .Family_container ul li a:hover .mate_hvr, #portfolio-list li a:hover .mate_hvr, .Videos_container ul li a:hover .mate_hvr { top:-100%; }
}

@media only screen and (max-width: 767px) {
.golden_heading{font-size:16px;line-height:120%;}
.heading_txt h1{ font-size: 34px;}
.event_container .event_middle { margin-left: 0; }
.section_title h1 {  font-size: 34px;}
.heading_txt h3 {  font-size: 28px;    margin-top: 10px;}
.heading_txt h4 {  font-size: 20px;}
.dhol_play {top: 100px;  width: 70px;  height: 50px;  padding: 5px;}
.Bridal_Party_subheading ul li { width: 31%; margin: 0 0.7% 15px;}
.Bridal_Party_subheading ul li.lastrow_center { margin-left: 0; }
.Kgroomsman_container ul li {margin: 0 0.7% 15px;  width: 23.6%;}
.Family_container {   width: 60%;}
.photo_container .tab ul { margin: 0px 0px 20px 0px; }
.photo_container .tab ul li{  margin: 0px; padding: 0;  width: 100%;}
.Videos_container li{ width: 31.33%;}
.photo_container .tab ul li a {  font-size: 16px;    padding: 7px;}
.web_header .container .navbar-collapse {  max-height: 440px; background: #fff; }
.fb-comments.fb_iframe_widget.fb_iframe_widget_fluid {   min-width: 290px;}
.roundborder {  float: none;    margin: 0 auto;    width: 100%;}
.coun_down_time ul li h2 {  font-size: 40px;}
.coun_down_time ul li p {  font-size: 12px;}
.photo_container ul li {  width: 32.2%;}
.storyheight {  min-height: 180px;}
.Videos_container ul li a .mate_name h5 {  min-height: 50px; font-size: 14px; }
.Bridal_Party_subheading ul li a .mate_name h5, .Kgroomsman_container ul li a .mate_name h5, .Family_container ul li a .mate_name h5 { font-size: 14px; }
/*.our_story, .our_events, .Bridal_Party, .While_Youre_Here, .Photos, .Videos, .Guestbook{padding-top:80px;}*/
}

@media only screen and (max-width: 379px) {
.heading_txt h3 img {    width: 55px;}
.topborder { background-size: 720px; height: 37px; }
.Bridal_Party_subheading h1, .Kgroomsman_subheading h1, .Family_subheading h1, .Videos_subheading h1 { font-size: 34px; }
.event_box p, .While_Youre_Here_box p, .While_Youre_Here_box a { font-size: 14px; }
.cover_img { width: 100%; overflow: hidden; }
#slide_10 img { width: 200%; margin-left: -20%; }
.wedding_location { background-size: 200%; background-position-x: 50%; } 
.wedding_location img { width: 200%; margin-left: -50%; }
.dhol_play { top: 80px; }
.menu.navbar-fixed-top, .menu.navbar-fixed-bottom { height: 55px; }
/*.our_story, .our_events, .Bridal_Party, .While_Youre_Here, .Photos, .Videos, .Guestbook{padding-top:50px;}*/
.coun_down_time ul {    padding: 0px;}
.event_container .event_middle { margin-left: 0; }
.mobile_logo .mobilelogocenter {  width: 190px;}
.coun_down_time ul li h2 {  font-size: 36px;}
.coun_down_time ul li p {  font-size: 10px;}
.Videos_container li {  width: 48%;    margin-top: 10px;}
.Videos_container ul li a .mate_name h5 {  min-height: 50px; font-size: 14px; }
.mobile_logo img {   max-width: 200px; }
.photo_container ul li {  width: 48.2%;} 
.While_Youre_Here_box #booknow { width:90%; margin-left: 5%; }
.Family_container {   width: 90%;}
}