/* ==========================================================================
CSS Queries
========================================================================== */
.comtbl{
	width: 100%;
	border: none;
	border-top: 1px dashed #9ED4D2;
	border-right: 1px dashed #9ED4D2;
}
.comtbl th{
	width: 30%;
	background: #efefef;
	border-bottom: 1px dashed #9ED4D2;
	border-left: 8px solid #9ED4D2;
	padding: 10px;
}
.comtbl td{
	width: 70%;
	border-bottom: 1px dashed #9ED4D2;
	padding: 10px;
}
@media screen and (max-width:640px) {
    .shop-btn { padding: 15px 25px; font-size: 10px; }
}
@media screen and (max-width:992px) {
    p{font-size: 14px; }
    .thin-sep { display: none; }
    .arrow { display: none; }
    nav { height: auto; width: 100%; background: none; margin: 70px 0 0 0; }
    .nav-wrapper { background-color: #fff; }
    nav ul { width: 100%; display: block; height: auto; padding: 0; }
    nav li { width: 100%; float: left; position: relative; text-align: center; }
    nav ul li a { width: 100%; float: left; position: relative; padding: 25px 0; text-align: center; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin: 0px; }
    nav ul li a.last { border-bottom: none; }
    nav ul li.dot { display: none; }
/*	.responsive-logo img{max-height: 55px; display: inline-block;}
*/    .responsive-logo { background:none; height: 55px; position: absolute; top: 15px; left: 10%;}
	.is-animation .responsive-logo img{height: 30px; }
    .logo-1 { position: absolute; left: 50%; top: 50%; }
    .logo-holder { display: none; }
    .logo-2 { position: absolute; left: 50%; top: 50%; }
    .logo-3 { position: absolute; left: 50%; top: 50%; }
    .footer-leftcol p, .footer-rightcol p { text-align: center; }
    .footer-midcol ul { margin-top: 40px; }
    .submit-btn { margin-top: 10px; }
}
@media only screen and (max-width:992px) {
    nav { border-bottom: 0; }
    nav ul { display: none; height: auto; }
    .pullcontainer { width: 100%; text-align: right; padding: 20px 20px 10px 0; background-color:rgba(255,255,255,0.8) }
    .pullcontainer a#pull { display: block; width: 100%; color: #242a2c; }
header ul{ background-color: #79CCAD;	margin-top:20px; opacity: 0.8;}
 
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	transition: .3s;
	height: 80px;
}
.is-animation {
	height: 50px;
}
.fixedmenu{
	padding-top: 60px;}
}

.work a{

overflow: hidden;
display: inline-block;
}
.work ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
}
.work ul li{
margin:.5em;
width: 240px;
}
.work ul li span{
padding: .5em;
text-align: center;
background: #79ccad;
display: block;
margin: 0 auto;
width: 100%;
font-weight: bold;
}
@media only screen and (max-width:768px) {
	.seat-red,.seat-black,.frame-red,.section-1,.section-2,.section-3,.section-4 { display: none; background: none; height: 0;}
	.section-text {height: auto;}
	.hero {background-image: none;}

}