/*---| media queries |---*/

@media only screen and (min-width: 1500px){
	.topcontainer{
		background: #24354D;
	}
	.navcontainer{
		display: block;
		background:none;
		width:90%;
	}
	.logo,
	.logoclick{
		width:10%;
	}
	.logo{
		display: block;
	}
	.logoclick{
		display: none;
	}
	.navitem{
		width:20%;
		float: left;
		clear: none;
		font-size: 14px;
		line-height: 14px;
		padding-bottom:0px;
	}
	.headall,
	.headfront,
	.headback{
		width:1000px;
		height:785px;
	}
	.homecontainer,
	.waveshome,
	.headlogo,
	.headback,
	.wavesback{
		height:785px;
	}
	.waveshome{
		background: url(../mainElements/gg-waves-home.png) top center repeat-x;
	}
	.headfront{
		background: url(../mainElements/gg-head.png) top center no-repeat;
	}
	.headlogo{
		background: url(../mainElements/gg-head-logo.gif) top center no-repeat fixed;
	}
	.headback{
		background: url(../mainElements/gg-head-back.gif) top center no-repeat;
	}
	.wavesback{
		background: url(../mainElements/gg-waves-home-back.png) top left repeat-x fixed;
	}
	.shark{
		background: url(../mainElements/gg-shark.gif) top center no-repeat;
	}
	.cloudl{
		background: url(../mainElements/gg-clouds-l.gif) top left no-repeat fixed;
	}
	.cloudr{
		background: url(../mainElements/gg-clouds-r.gif) top right no-repeat fixed;
	}
	.hourscontainerpad{
		background: url(../mainElements/gg-line-dotted-blue.gif) top center repeat-y;
	}
	.hourcolumn{
		width:100%;
	}
	.hourscontainer h2{
		font-size: 18px;
	}
	.locationpad{
		padding-top: 0px;
	}
	.menucontainer{
		background: #EAFFFF url(../mainElements/gg-waves-hours.gif) top center repeat-x;
	}
	.menucolumnl{
		display: block;
		width:70%;
	}
	.menucolumnr{
		display: block;
		width:30%;
	}
	.menucolumnsinnerline{
		background: url(../mainElements/gg-line-dotted-red.gif) top center repeat-y;
	}
	.menucolumninner{
		width:50%;
	}
	.menuphotospad{
		border-top: #8CD9FF solid 4px;
	}
	.aboutcontainer{
		background: #24354D url(../mainElements/gg-waves-about.gif) top center repeat-x;
	}
	.aboutcolumnl{
		display: block;
		width:30%;
	}
	.aboutcolumnr{
		display: block;
		width:70%;
	}
	.aboutcolumnsinner{
		-moz-column-count:2;
		-webkit-column-count:2;
		column-count:2;
		-webkit-column-gap: 60px;
	    -moz-column-gap: 60px;
	    column-gap: 60px;
	}
	.aboutrobotline{
		display: none;
	}
	.shopcontainer{
		background: #A60000 url(../mainElements/gg-waves-shop.gif) top center repeat-x;
	}
	.shopitem{
		width:25%;
	}
	.socialcontainer{
		background: #ED3700 url(../mainElements/gg-waves-social.gif) top center repeat-x;
	}
	.socialitem{
		width:14.2%;
	}
	.socialfiller{
		display: none;
		width:12.5%;
	}
	.contactcolumnl{
		display: block;
		width:40%;
	}
	.contactcolumnr{
		width:60%;
	}
	form.wpcf7-form p .wpcf7-form-control-wrap input{
		font-size: 16px;
		line-height: 24px;
	}
	form.wpcf7-form p .wpcf7-form-control-wrap textarea{
		font-size: 16px;
		line-height: 24px;
		height: 150px;
	}
	form.wpcf7-form p input.wpcf7-submit{
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 36px;
		line-height: 42px;
	    width:50%;
	}
	.address{
		width: 70%;
	}
	.phone{
		width: 30%;
	}
	.phone p{
		text-align: right;
	}
	.face h1{
		font-size: 18px;
		line-height: 24px;
	}
	.face p{;
		font-size: 18px;
		line-height: 24px;
	}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1499px){
	.topcontainer{
		background: #24354D;
	}
	.navcontainer{
		display: block;
		background:none;
		width:90%;
	}
	.logo,
	.logoclick{
		width:10%;
	}
	.logo{
		display: block;
	}
	.logoclick{
		display: none;
	}
	.navitem{
		width:20%;
		float: left;
		clear: none;
		font-size: 14px;
		line-height: 14px;
		padding-bottom:0px;
	}
	.headall,
	.headfront,
	.headback{
		width:950px;
		height:746px;
	}
	.homecontainer,
	.waveshome,
	.headlogo,
	.headback,
	.wavesback{
		height:746px;
	}
	.waveshome{
		background: url(../mainElements/gg-waves-home-95.png) top center repeat-x;
	}
	.headfront{
		background: url(../mainElements/gg-head-95.png) top center no-repeat;
	}
	.headlogo{
		background: url(../mainElements/gg-head-logo-95.gif) top center no-repeat fixed;
	}
	.headback{
		background: url(../mainElements/gg-head-back-95.gif) top center no-repeat;
	}
	.wavesback{
		background: url(../mainElements/gg-waves-home-back-95.png) top left repeat-x fixed;
	}
	.shark{
		background: url(../mainElements/gg-shark-95.gif) top center no-repeat;
	}
	.cloudl{
		background: url(../mainElements/gg-clouds-l-95.gif) top left no-repeat fixed;
	}
	.cloudr{
		background: url(../mainElements/gg-clouds-r-95.gif) top right no-repeat fixed;
	}
	.hourscontainerpad{
		background: url(../mainElements/gg-line-dotted-blue.gif) top center repeat-y;
	}
	.hourcolumn{
		width:100%;
	}
	.hourscontainer h2{
		font-size: 18px;
	}
	.locationpad{
		padding-top: 0px;
	}
	.menucontainer{
		background: #EAFFFF url(../mainElements/gg-waves-hours-95.gif) top center repeat-x;
	}
	.menucolumnl{
		display: block;
		width:70%;
	}
	.menucolumnr{
		display: block;
		width:30%;
	}
	.menucolumnsinnerline{
		background: url(../mainElements/gg-line-dotted-red.gif) top center repeat-y;
	}
	.menucolumninner{
		width:50%;
	}
	.menuphotospad{
		border-top: #8CD9FF solid 4px;
	}
	.aboutcontainer{
		background: #24354D url(../mainElements/gg-waves-about-95.gif) top center repeat-x;
	}
	.aboutcolumnl{
		display: block;
		width:30%;
	}
	.aboutcolumnr{
		display: block;
		width:70%;
	}
	.aboutcolumnsinner{
		-moz-column-count:2;
		-webkit-column-count:2;
		column-count:2;
		-webkit-column-gap: 60px;
	    -moz-column-gap: 60px;
	    column-gap: 60px;
	}
	.aboutrobotline{
		display: none;
	}
	.shopcontainer{
		background: #A60000 url(../mainElements/gg-waves-shop-95.gif) top center repeat-x;
	}
	.shopitem{
		width:25%;
	}
	.socialcontainer{
		background: #ED3700 url(../mainElements/gg-waves-social-95.gif) top center repeat-x;
	}
	.socialitem{
		width:14.2%;
	}
	.socialfiller{
		display: none;
		width:12.5%;
	}
	.contactcolumnl{
		display: block;
		width:50%;
	}
	.contactcolumnr{
		width:50%;
	}
	form.wpcf7-form p .wpcf7-form-control-wrap input{
		font-size: 16px;
		line-height: 24px;
	}
	form.wpcf7-form p .wpcf7-form-control-wrap textarea{
		font-size: 16px;
		line-height: 24px;
		height: 150px;
	}
	form.wpcf7-form p input.wpcf7-submit{
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 36px;
		line-height: 42px;
	    width:50%;
	}
	.address{
		width: 70%;
	}
	.phone{
		width: 30%;
	}
	.phone p{
		text-align: right;
	}
	.face h1{
		font-size: 18px;
		line-height: 24px;
	}
	.face p{;
		font-size: 18px;
		line-height: 24px;
	}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px){
	.topcontainer{
		background: #24354D;
	}
	.navcontainer{
		display: block;
		background:none;
		width:90%;
	}
	.logo,
	.logoclick{
		width:10%;
	}
	.logo{
		display: block;
	}
	.logoclick{
		display: none;
	}
	.navitem{
		width:20%;
		float: left;
		clear: none;
		font-size: 14px;
		line-height: 14px;
		padding-bottom:0px;
	}
	.headall,
	.headfront,
	.headback{
		width:750px;
		height:589px;
	}
	.homecontainer,
	.waveshome,
	.headlogo,
	.headback,
	.wavesback{
		height:589px;
	}
	.waveshome{
		background: url(../mainElements/gg-waves-home-75.png) top center repeat-x;
	}
	.headfront{
		background: url(../mainElements/gg-head-75.png) top center no-repeat;
	}
	.headlogo{
		background: url(../mainElements/gg-head-logo-75.gif) top center no-repeat fixed;
	}
	.headback{
		background: url(../mainElements/gg-head-back-75.gif) top center no-repeat;
	}
	.wavesback{
		background: url(../mainElements/gg-waves-home-back-75.png) top left repeat-x fixed;
	}
	.shark{
		background: url(../mainElements/gg-shark-75.gif) top center no-repeat;
	}
	.cloudl{
		background: url(../mainElements/gg-clouds-l-75.gif) top left no-repeat fixed;
	}
	.cloudr{
		background: url(../mainElements/gg-clouds-r-75.gif) top right no-repeat fixed;
	}
	.hourscontainerpad{
		background: url(../mainElements/gg-line-dotted-blue-sm.gif) top center repeat-y;
	}
	.hourcolumn{
		width:100%;
	}
	.hourscontainer h2{
		font-size: 18px;
	}
	.locationpad{
		padding-top: 0px;
	}
	.menucontainer{
		background: #EAFFFF url(../mainElements/gg-waves-hours-75.gif) top center repeat-x;
	}
	.menucolumnl{
		display: block;
		width:70%;
	}
	.menucolumnr{
		display: block;
		width:30%;
	}
	.menucolumnsinnerline{
		background: url(../mainElements/gg-line-dotted-red-sm.gif) top center repeat-y;
	}
	.menucolumninner{
		width:50%;
	}
	.menuphotospad{
		border-top: #8CD9FF solid 2px;
	}
	.aboutcontainer{
		background: #24354D url(../mainElements/gg-waves-about-75.gif) top center repeat-x;
	}
	.aboutcolumnl{
		display: block;
		width:30%;
	}
	.aboutcolumnr{
		display: block;
		width:70%;
	}
	.aboutcolumnsinner{
		-moz-column-count:1;
		-webkit-column-count:1;
		column-count:1;
		-webkit-column-gap: 0px;
	    -moz-column-gap: 0px;
	    column-gap: 0px;
	}
	.aboutrobotline{
		display: none;
	}
	.shopcontainer{
		background: #A60000 url(../mainElements/gg-waves-shop-75.gif) top center repeat-x;
	}
	.shopitem{
		width:50%;
	}
	.socialcontainer{
		background: #ED3700 url(../mainElements/gg-waves-social-75.gif) top center repeat-x;
	}
	.socialitem{
		width:14.2%;
	}
	.socialfiller{
		display: none;
		width:12.5%;
	}
	.contactcolumnl{
		display: block;
		width:50%;
	}
	.contactcolumnr{
		width:50%;
	}
	form.wpcf7-form p .wpcf7-form-control-wrap input{
		font-size: 12px;
		line-height: 18px;
	}
	form.wpcf7-form p .wpcf7-form-control-wrap textarea{
		font-size: 12px;
		line-height: 18px;
		height: 100px;
	}
	form.wpcf7-form p input.wpcf7-submit{
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 24px;
		line-height: 36px;
	    width:50%;
	}
	.address{
		width: 70%;
	}
	.phone{
		width: 30%;
	}
	.phone p{
		text-align: right;
	}
	.face h1{
		font-size: 18px;
		line-height: 24px;
	}
	.face p{;
		font-size: 18px;
		line-height: 24px;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.topcontainer{
		background: none;
	}
	.navcontainer{
		display: none;
		background:#24354D;
		width:90%;
	}
	.logo,
	.logoclick{
		width:10%;
	}
	.logo{
		display: none;
	}
	.logoclick{
		display: block;
	}
	.navitem{
		width:50%;
		float: left;
		clear: none;
		font-size: 14px;
		line-height: 14px;
		padding-bottom:16px;
	}
	.headall,
	.headfront,
	.headback{
		width:480px;
		height:377px;
	}
	.homecontainer,
	.waveshome,
	.headlogo,
	.headback,
	.wavesback{
		height:377px;
	}
	.waveshome{
		background: url(../mainElements/gg-waves-home-48.png) top center repeat-x;
	}
	.headfront{
		background: url(../mainElements/gg-head-48.png) top center no-repeat;
	}
	.headlogo{
		background: url(../mainElements/gg-head-logo-48.gif) top center no-repeat fixed;
	}
	.headback{
		background: url(../mainElements/gg-head-back-48.gif) top center no-repeat;
	}
	.wavesback{
		background: url(../mainElements/gg-waves-home-back-48.png) top left repeat-x fixed;
	}
	.shark{
		background: url(../mainElements/gg-shark-48.gif) top center no-repeat;
	}
	.cloudl{
		background: url(../mainElements/gg-clouds-l-48.gif) top left no-repeat fixed;
	}
	.cloudr{
		background: url(../mainElements/gg-clouds-r-48.gif) top right no-repeat fixed;
	}
	.hourscontainerpad{
		background: url(../mainElements/gg-line-dotted-blue-sm.gif) top center repeat-y;
	}
	.hourcolumn{
		width:100%;
	}
	.hourscontainer h2{
		font-size: 16px;
	}
	.locationpad{
		padding-top: 0px;
	}
	.menucontainer{
		background: #EAFFFF url(../mainElements/gg-waves-hours-48.gif) top center repeat-x;
	}
	.menucolumnl{
		display: block;
		width:100%;
	}
	.menucolumnr{
		display: none;
		width:0px;
	}
	.menucolumnsinnerline{
		background: url(../mainElements/gg-line-dotted-red-sm.gif) top center repeat-y;
	}
	.menucolumninner{
		width:50%;
	}
	.menuphotospad{
		border-top: #8CD9FF solid 2px;
	}
	.aboutcontainer{
		background: #24354D url(../mainElements/gg-waves-about-48.gif) top center repeat-x;
	}
	.aboutcolumnl{
		display: block;
		width:0px;
	}
	.aboutcolumnr{
		display: block;
		width:100%;
	}
	.aboutcolumnsinner{
		-moz-column-count:1;
		-webkit-column-count:1;
		column-count:1;
		-webkit-column-gap: 0px;
	    -moz-column-gap: 0px;
	    column-gap: 0px;
	}
	.aboutrobotline{
		display: block;
	}
	.shopcontainer{
		background: #A60000 url(../mainElements/gg-waves-shop-48.gif) top center repeat-x;
	}
	.shopitem{
		width:50%;
	}
	.socialcontainer{
		background: #ED3700 url(../mainElements/gg-waves-social-48.gif) top center repeat-x;
	}
	.socialitem{
		width:25%;
	}
	.socialfiller{
		display: block;
		width:12.5%;
	}
	.contactcolumnl{
		display: none;
		width:100%;
	}
	.contactcolumnr{
		width:100%;
	}
	form.wpcf7-form p .wpcf7-form-control-wrap input{
		font-size: 12px;
		line-height: 18px;
	}
	form.wpcf7-form p .wpcf7-form-control-wrap textarea{
		font-size: 12px;
		line-height: 18px;
		height: 100px;
	}
	form.wpcf7-form p input.wpcf7-submit{
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 24px;
		line-height: 36px;
	    width:50%;
	}
	.address{
		width: 100%;
	}
	.phone{
		width: 100%;
	}
	.phone p{
		text-align: left;
	}
	.face h1{
		font-size: 18px;
		line-height: 24px;
	}
	.face p{;
		font-size: 18px;
		line-height: 24px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 321px) and (max-width: 479px) {
	.topcontainer{
		background: none;
	}
	.navcontainer{
		display: none;
		background:#24354D;
		width:80%;
	}
	.logo,
	.logoclick{
		width:20%;
	}
	.logo{
		display: none;
	}
	.logoclick{
		display: block;
	}
	.navitem{
		width:100%;
		float: left;
		clear: none;
		font-size: 14px;
		line-height: 14px;
		padding-bottom:16px;
	}
	.headall,
	.headfront,
	.headback{
		width:360px;
		height:283px;
	}
	.homecontainer,
	.waveshome,
	.headlogo,
	.headback,
	.wavesback{
		height:283px;
	}
	.waveshome{
		background: url(../mainElements/gg-waves-home-36.png) top center repeat-x;
	}
	.headfront{
		background: url(../mainElements/gg-head-36.png) top center no-repeat;
	}
	.headlogo{
		background: url(../mainElements/gg-head-logo-36.gif) top center no-repeat fixed;
	}
	.headback{
		background: url(../mainElements/gg-head-back-36.gif) top center no-repeat;
	}
	.wavesback{
		background: url(../mainElements/gg-waves-home-back-36.png) top left repeat-x fixed;
	}
	.shark{
		background: url(../mainElements/gg-shark-36.gif) top center no-repeat;
	}
	.cloudl{
		background: url(../mainElements/gg-clouds-l-36.gif) top left no-repeat fixed;
	}
	.cloudr{
		background: url(../mainElements/gg-clouds-r-36.gif) top right no-repeat fixed;
	}
	.hourscontainerpad{
		background: none;
	}
	.hourcolumn{
		width:100%;
	}
	.hourscontainer h2{
		font-size: 16px;
	}
	.locationpad{
		padding-top: 20px;
	}
	.menucontainer{
		background: #EAFFFF url(../mainElements/gg-waves-hours-36.gif) top center repeat-x;
	}
	.menucolumnl{
		display: block;
		width:100%;
	}
	.menucolumnr{
		display: none;
		width:0px;
	}
	.menucolumnsinnerline{
		background: none;
	}
	.menucolumninner{
		width:100%;
	}
	.menuphotospad{
		border-top: #8CD9FF solid 2px;
	}
	.aboutcontainer{
		background: #24354D url(../mainElements/gg-waves-about-36.gif) top center repeat-x;
	}
	.aboutcolumnl{
		display: block;
		width:0px;
	}
	.aboutcolumnr{
		display: block;
		width:100%;
	}
	.aboutcolumnsinner{
		-moz-column-count:1;
		-webkit-column-count:1;
		column-count:1;
		-webkit-column-gap: 0px;
	    -moz-column-gap: 0px;
	    column-gap: 0px;
	}
	.aboutrobotline{
		display: block;
	}
	.shopcontainer{
		background: #A60000 url(../mainElements/gg-waves-shop-36.gif) top center repeat-x;
	}
	.shopitem{
		width:100%;
	}
	.socialcontainer{
		background: #ED3700 url(../mainElements/gg-waves-social-36.gif) top center repeat-x;
	}
	.socialitem{
		width:25%;
	}
	.socialfiller{
		display: block;
		width:12.5%;
	}
	.contactcolumnl{
		display: none;
		width:100%;
	}
	.contactcolumnr{
		width:100%;
	}
	form.wpcf7-form p .wpcf7-form-control-wrap input{
		font-size: 12px;
		line-height: 18px;
	}
	form.wpcf7-form p .wpcf7-form-control-wrap textarea{
		font-size: 12px;
		line-height: 18px;
		height: 100px;
	}
	form.wpcf7-form p input.wpcf7-submit{
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 24px;
		line-height: 36px;
	    width:100%;
	}
	.address{
		width: 100%;
	}
	.phone{
		width: 100%;
	}
	.phone p{
		text-align: left;
	}
	.face h1{
		font-size: 12px;
		line-height: 21px;
	}
	.face p{;
		font-size: 14px;
		line-height: 21px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 320px) {
		.topcontainer{
		background: none;
	}
	.navcontainer{
		display: none;
		background:#24354D;
		width:80%;
	}
	.logo,
	.logoclick{
		width:20%;
	}
	.logo{
		display: none;
	}
	.logoclick{
		display: block;
	}
	.navitem{
		width:100%;
		float: left;
		clear: none;
		font-size: 14px;
		line-height: 14px;
		padding-bottom:16px;
	}
	.headall,
	.headfront,
	.headback{
		width:320px;
		height:251px;
	}
	.homecontainer,
	.waveshome,
	.headlogo,
	.headback,
	.wavesback{
		height:251px;
	}
	.waveshome{
		background: url(../mainElements/gg-waves-home-32.png) top center repeat-x;
	}
	.headfront{
		background: url(../mainElements/gg-head-32.png) top center no-repeat;
	}
	.headlogo{
		background: url(../mainElements/gg-head-logo-32.gif) top center no-repeat fixed;
	}
	.headback{
		background: url(../mainElements/gg-head-back-32.gif) top center no-repeat;
	}
	.wavesback{
		background: url(../mainElements/gg-waves-home-back-32.png) top left repeat-x fixed;
	}
	.shark{
		background: url(../mainElements/gg-shark-32.gif) top center no-repeat;
	}
	.cloudl{
		background: url(../mainElements/gg-clouds-l-32.gif) top left no-repeat fixed;
	}
	.cloudr{
		background: url(../mainElements/gg-clouds-r-32.gif) top right no-repeat fixed;
	}
	.hourscontainerpad{
		background: none;
	}
	.hourcolumn{
		width:100%;
	}
	.hourscontainer h2{
		font-size: 16px;
	}
	.locationpad{
		padding-top: 20px;
	}
	.menucontainer{
		background: #EAFFFF url(../mainElements/gg-waves-hours-36.gif) top center repeat-x;
	}
	.menucolumnl{
		display: block;
		width:100%;
	}
	.menucolumnr{
		display: none;
		width:0px;
	}
	.menucolumnsinnerline{
		background: none;
	}
	.menucolumninner{
		width:100%;
	}
	.menuphotospad{
		border-top: #8CD9FF solid 2px;
	}
	.aboutcontainer{
		background: #24354D url(../mainElements/gg-waves-about-36.gif) top center repeat-x;
	}
	.aboutcolumnl{
		display: block;
		width:0px;
	}
	.aboutcolumnr{
		display: block;
		width:100%;
	}
	.aboutcolumnsinner{
		-moz-column-count:1;
		-webkit-column-count:1;
		column-count:1;
		-webkit-column-gap: 0px;
	    -moz-column-gap: 0px;
	    column-gap: 0px;
	}
	.aboutrobotline{
		display: block;
	}
	.shopcontainer{
		background: #A60000 url(../mainElements/gg-waves-shop-36.gif) top center repeat-x;
	}
	.shopitem{
		width:100%;
	}
	.socialcontainer{
		background: #ED3700 url(../mainElements/gg-waves-social-36.gif) top center repeat-x;
	}
	.socialitem{
		width:25%;
	}
	.socialfiller{
		display: block;
		width:12.5%;
	}
	.contactcolumnl{
		display: none;
		width:100%;
	}
	.contactcolumnr{
		width:100%;
	}
	form.wpcf7-form p .wpcf7-form-control-wrap input{
		font-size: 12px;
		line-height: 18px;
	}
	form.wpcf7-form p .wpcf7-form-control-wrap textarea{
		font-size: 12px;
		line-height: 18px;
		height: 100px;
	}
	form.wpcf7-form p input.wpcf7-submit{
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 24px;
		line-height: 36px;
	    width:100%;
	}
	.address{
		width: 100%;
	}
	.phone{
		width: 100%;
	}
	.phone p{
		text-align: left;
	}
	.face h1{
		font-size: 12px;
		line-height: 21px;
	}
	.face p{;
		font-size: 14px;
		line-height: 21px;
	}
}