/*  

Theme Name: Surf Expo Theme

Theme URL: http://www.emeraldexpositions.com

Author: Mason Grandusky, Web Developer (Back End)

Author: Novelita Jabagat, HTML Developer (Front End)

Client: Surf Expo

Client URL: http://www.surfexpo.com/

Version: 1.0

Description: Custom WordPress theme designed by <a href="http://www.emeraldexpositions.com/">Emerald Expositions</a>. XHTML and CSS valid.

*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
    #slider .caption .rsLink{
        height: auto;
        min-height: 100px;
    }

@media only screen and (max-width: 360px) {
.lmbutton { position:relative; left: 6px;
width: 295px !important;}

.btm-ad { display:none; }
}

nav#main ul li.current-menu-parent {background:#000; }
img.logo {
    width: 100%;
    max-width: 650px;
}
header .quicklinks.clearfix {
    float: right;
    max-width: 30%;
    display: block;
    clear: none;
}

.logo_main {
    display: block;
    max-width: 65%;
    float: left;
}
@media(max-width:767px){
	.logo_main {
    max-width: 100%;
}

header .quicklinks.clearfix {
    max-width: 100%;
    float: left;
    margin: 0 auto;
    display: block;
    width: 100%;
}

header .quicklinks.clearfix a {
    max-width: 300px;
    margin: 0  auto 5px;
}
}
.quicklinks a.exhibitor-list span {
    padding-left: 20px;
}

.floorplan span {
    padding-left: 23px;
}
.img-responsive{
	max-width: 100%;
}
@media(min-width:767px){
	.col-md-6{
		width:50%;
	}
	header .quicklinks{
		    display: block;
    max-width: 470px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
		text-align:right;
	}
	header .quicklinks a{
		display:inline-block;
		font-size: 16px;
    padding: 9px 10px;
	}
}
@media(max-width:767px){
	header .quicklinks{
		margin-bottom:20px;
	}
	header ul.social{
		    margin-top: 65px;
	}
}
.page-template-page-contact-us .phone-icon, .page-template-page-contact-us .cellphone-icon, .single-exhibitors .phone-icon,  .single-exhibitors .cellphone-icon{
    background: none;
    padding-left: 0;
}
p.shaded-box.first {
    background-color: #00a0df;
}
p.shaded-box.sec {
    background-color: #9e1f63;
}
p.shaded-box.third {
    background-color: #009444;
}
p.shaded-box.fourth {
    background-color: #9b8579;
}