/* 
Theme Name:  Sabre Bats
Theme URI:    sabrebats.net
Description:  2022 Responsive Theme
Author:       AWEBCO
Author URI:   http://www.awebco.com
Version:      1.0.0
*/

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");


* {box-sizing: border-box; position: relative; scroll-behavior:smooth } article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 0px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],/* 1 */ input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

.col{display:block;float:left;margin:0% 0 0% 0%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .col:after,.clr:after,.group:after,#comments#respond:after{content:"";display:block;height:0;clear:both;visibility:hidden;zoom:1}.one-half,.one-third,.one-fourth,.one-fifth{display:block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0;padding:0 0}.one-half{width:50%}.one-third{width:33.3%}.one-fourth{width:25%}.one-fifth{width:20%}.one-sixth{width:16.5%}.span_1_of_4{width:25%}.span_3_of_4{width:75%}.span_1_of_5{width:20%}.span_1_of_6{width:20%}.span_2_of_6{width:33.3%}.span_4_of_6{width:60%}

body { background:#fff url('') top center no-repeat; font: 20px/1.5 'Anek Telugu', sans-serif; color: #222; }
body a { color: #0099ff; text-decoration:none;}
body a:hover { color: #336699; }

.wrapper { max-width:1280px; margin: 0 auto;  }

.w800 { max-width: 800px; margin:0 auto }
.w960 { max-width: 960px; margin:0 auto }
.w1000 { max-width: 1000px; margin:0 auto }
.w1140 { max-width: 1140px; margin:0 auto }
.w1280 { max-width: 1280px; margin:0 auto }

.pad25 { padding: 25px }
.pad50 { padding: 50px }
.pad75 { padding: 75px }
.pad100 { padding: 100px }
.pad50-25 { padding: 50px 25px }
.pad75-25 { padding: 75px 25px }
.pad100-50 { padding: 100px 50px }

.gold { color:#c3aa6a }
.grey-bg { background:#eee; }
.black-bg { background:#000 }
.grass-bg {
	background:#336633 url('https://www.sabrebats.com/wp-content/uploads/2022/09/Bats-Grass.jpg') bottom center no-repeat; background-size: 120% auto; 
}
.baseball-bg { 
	background:url('https://www.sabrebats.com/wp-content/uploads/2022/09/baseball-left.png'), url('https://www.sabrebats.com/wp-content/uploads/2022/09/baseball-right.png');
	background-position: top left, bottom right;
	background-size: 300px auto;
	background-repeat:no-repeat;
}

h1, h2, h3, h4, h5, h6 {margin: 0px; color:#111; line-height:1; display:block }
h1 { font-size:3em; }
h2 { font-size: 2em; margin-bottom:25px  }
h3 { font-size: 1.5em; }
h4 { font-size: 1em; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
.hide-h2 h2:nth-child(1){ display:none !important}

.grass-bg h2 { color:#fff; font-size: 3em; text-shadow: 0 0 3px #000 }
.grass-bg p, .grass-bg a { color:#fff; font-size: 30px !important; text-shadow: 0 0 3px #000 }

#header { background:#000; position:sticky; top:0; display:block; width:100%;  margin: 0px auto;  z-index:9999; border-top:5px solid #c3aa6a }
#header img { width:95%;padding: 10px; height:auto; margin-bottom:-15px }
#header .nav a { color:#fff !important; padding: 37px 15px; display:inline-block; font-size: 22px }
#header .nav a:hover { color:#c3aa6a !important; }
#header a { color:#fff}
.user-nav i { color:#fff; font-size: 1.5em; margin:35px 5px 0 25px; }
.user-nav i:hover { color:#c3aa6a !important;}

.togglemobile { display:none; cursor:pointer }

#topbar { background:#c3aa6a; color:#000; padding:5px 0 0; text-align:center; letter-spacing:2px; z-index:1;  }

#searchbar { display:block; width: 100%; height: 100vh; background:rgba(0,0,0,.95);  display:none; position: fixed; top:0; z-index:9999; color:#fff; text-align:center;   }
#searchbar .wrapper { max-width: 800px; padding-top: 300px }
#searchbar h2 { color:#fff; margin-bottom: 25px; }
#searchbar .close { position: absolute; top: 200px; right: 0; color:#fff; background: #cc0000; padding: 5px 15px 0; border-radius: 50em; font-size: 1.5em }
#searchbar input[type="text"] { font-size: 20px; padding: 15px; border-radius: 50em; width:600px; border:0 }
#searchbar input[type="submit"] { font-size: 20px; padding: 15px 25px; border-radius: 0 50em 50em 0; margin-left:-118px; border:0;  background:#c3aa6a; color:#fff; }
#searchbar p { margin-top: 35px; }
#searchbar a { color:#999; margin-right:35px }

#mobilenav { display:block; width: 360px; background:#fff; position: fixed; top:0; left:0; min-height: 100vh; padding: 35px; color:#111; z-index:9999 !important; display:none; animation: fadeInLeft .5s ease-in-out; box-shadow: 0 0 100px #333 }
#mobilenav .close { display:inline-block; position: absolute; top: 25px; right: 25px; color:#fff; background: #cc0000; border-radius: 50em; padding: 5px 10px 0; z-index:9999; cursor:pointer  }
#mobilenav ul { margin:0 }
#mobilenav li a { color:#111; font-size:1.5em; display:block; padding: 15px 15px 5px; border-bottom:1px solid #ccc }
#mobilenav li:last-child a { border:0 }
#mobilenav .btn { padding:10px 10px 5px; border:1px solid #111; background:#fff; border-radius:50em; text-align:center; color:#000; display:block; }
#mobilenav span { color:#c3aa6a; font-weight:bold; display:block; text-align:center; padding: 20px; font-size: 1.5em }
#mobilenav img { max-width: 200px}

.clr  { clear:both }
img { max-width:100%; height: auto }
p { margin: 0 0 20px 0; }
em { font-style: italic }
strong { font-weight: bold }
small { font-size: 80% }
hr { display:block; max-width:1280px; border: 1px solid #fff; box-shadow: 0 0 5px #999; clear: both; margin: 25px auto; background:transparent; }
a { text-decoration: none;}
table { width:100%;}
.breadcrumb {border-bottom: 1px solid #ccc; padding:10px 0; text-align:center; }
.absolute { position: absolute;}
.relative { position: relative; }
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.floatleft { float: left }
.floatright { float: right }
.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }

.wp-caption { max-width: 100% !important }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 100$; }
.wp-caption { border: 1px solid #EFEFEF; text-align: center; background-color: #f3f3f3; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }


li { list-style-type:none  }

.btn, .button { display:inline-block; background:#c3aa6a; color:#fff; font-weight:bold; font-size: 20px; font-weight:normal; text-transform:uppercase; padding: 15px 40px 10px; border:0; margin: 25px 0 0; line-height:1; text-shadow: 0 0 0  }
.btn:hover, .button:hover { background:#e2c579; color:#996600; text-decoration:none;}

.tags { 
	padding: 10px 0;
	display:block;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	font-size: 12px; 
	margin: 25px 0; 
}
.tags a { color:#999; }
.post-navigation { margin:25px 0; display:block; }
.post-navigation a { 
	padding: 15px;
	background: #64ca64; 
	display:inline-block;
	border-radius:.25em;
	color:#fff;
	font-size: 14px;
	text-align:left;
	text-align:center;
}
.post-navigation a:hover { 
	background:#36ef62;
	color:#fff; 
	text-decoration:none;
}

#hero { background:#000; text-align:center; color:#fff; padding: 350px 0; font-size: 4em;overflow:hidden}

/* Flexible Content */

#page-header.style1 { background:#000; text-align:center; padding: 50px 25px; }
#page-header.style1 h1{ color:#fff; font-weight: normal }
#page-header.style1 p {color:#fff; padding-top: 20px; margin:0 }

#page-header.style2 { background:#375D77; text-align:center; padding: 50px 25px; }
#page-header.style2 h1{ color:#fff }
#page-header.style2 p {color:#fff; padding-top: 20px; margin:0 }

#page-header.style3 { text-align:center; padding: 100px 25px; overflow:hidden; background-position: center center; background-size: cover;  }
#page-header.style3 h1{ color:#fff }
#page-header.style3 p {color:#fff; padding-top: 20px; margin:0 }

.hero { padding: 250px 25px; text-align:center; color:#fff; overflow:hidden; background-position: center center; background-size: cover; background-attachment:fixed; text-shadow: 0 0 5px #333  }
.hero h2 { font-size: 3em; color:#fff }
.hero p { font-size: 22px; color:#fff }
.hero .overlay { position: absolute; top:0; left:0; display:block; width:100%; min-height: 800px; background:rgba(0,0,0,.5); display:none }

#hero-video { padding:225px 0; background:#000; background-size:cover; position:relative; width:100%; display:block !important; overflow:hidden;  }
#hero-video h1 { text-align:center; color:#fff; font-size: 3em; position:relative; z-index:5; margin-bottom:15px }
#hero-video p { text-align:center; color:#fff; font-size: 1.25em; position:relative; z-index:5; font-family:'gravity' }
#hero-video img { margin:0 auto; z-index:1; position: relative; display:block; width:150px; }
#hero-video .slogan { font-size: 1.5em; font-weight: 600; margin-top:15px; display:block }
#myVideo { position: absolute; left: 0; top: -300px; min-width: 100%; min-height: 100%; z-index:0; opacity:.7; }

.img-block .style1 { width: 100%; height: auto; margin: 0 auto; display:block }
.img-block .style2 { max-width: 100%; height: auto; border-radius: 20px; margin: 0 auto; display:block }
.img-block .style3 { max-width: 100%; height: auto; box-shadow: 15px 15px 5px #ccc; margin: 0 auto; display:block }

.icon-style1 i { color:#c3aa6a; font-size: 2.5em; margin-bottom: 15px }

#staff { background:#eee; text-align:center; }
#staff h2 { text-align:center }
#staff h3 { margin: 10px 0}
#staff img { border-radius:20px; width:100%; height: auto; }
#staff img:hover { opacity:.7 }
#staff .col { padding:15px }
#staff .bio { font-size: 16px; text-decoration:underline; color:#0099ff }
#staff a { color:#000 }

#video { padding: 75px 0; background:#375D77; background:linear-gradient(to bottom right, #375d77, #65A6AA, #375d77); text-align:center }
#video h2 { color:#fff;  }
#video .btn { background:transparent; border:1px solid #fff; color:#fff; margin-top: 25px; }
#video .btn:hover { background:#fff; color:#65A6AA !important;  }
.video iframe { width:100%; min-height: 400px }
#video img, 
#video video,
video[poster] { width:100%; height: auto }

#gallery ul { margin:0; padding:0px; }
#gallery li { display:inline-block; width: 16.5%; padding:1px}
#gallery img { width: 100%; opacity:1; border-radius:5px }
#gallery img:hover { width: 100%; opacity:.7; transform:scale(.95) }

#blog { background:#54979A; padding: 75px 25px; font-size: 15px  }
#blog h2 { display:block; text-align:center; font-size: 3em; color:#fff }
#blog .col { padding: 25px; background:#fff; border-radius: 10px; width: 30.3%; margin:1% }
#blog .col:hover {transform:scale(.95); transition: all ease .25s; opacity:.8; }
#blog img { width:100%; height:auto; margin-bottom:15px; border-radius:10px }
#blog h3 { color:#54979A; font-weight: 900; margin: 15px 0; font-size: 1.5em  }
#blog a, #blog span { color:#111}
#blog span { text-decoration:underline }

#faq h2 { text-align:center; }
#faq h3 { padding: 15px 15px 5px; margin-top: 15px; background:#c3aa6a; color:#000 }
#faq .wrapper { max-width: 800px; }
#faq li { margin-bottom: 50px; }
#faq li > div { margin:0; padding: 25px; border:1px solid #c3aa6a }

/* Flexible - Section Classes */
.section1 { overflow:hidden }
.section1 img { max-width:100%; height: auto; border-radius: 20px; }
.section1 .col { padding: 0 25px; }  
.section1 i { font-size: 2em; color:#c3aa6a; margin-bottom: 25px; margin-right: 10px }
.section1 ul li { list-style:disc; margin-left: 25px  }
.section1 h2 { font-size: 3rem; margin-top: 50px; }

.section2 { background:#eee; padding:50px 25px; overflow:hidden }
.section2 img { max-width:100%; height: auto; border-radius: 20px;  }
.section2 .col { padding: 0 25px; }  
.section2 i { font-size: 1em; color:#c3aa6a; margin-bottom: 15px; }


/* Reveal Animations */
.reveal{ position: relative; opacity: 0; transition: 1s all ease; }
.reveal.active{ opacity: 1; }

.revealup{ position: relative; transform: translateY(150px); opacity: 0; transition: 1s all ease; }
.revealup.active{ transform: translateY(0); opacity: 1;}

.revealleft{ position: relative; transform: translateX(-250px); opacity: 0; transition: 1s all ease; }
.revealleft.active{ transform: translateX(0); opacity: 1; }

.revealright{ position: relative; transform: translateX(250px); opacity: 0; transition: 1s all ease; }
.revealright.active{ transform: translateX(0); opacity: 1; }

.revealdown{  position: relative; transform: translateY(-250px); opacity: 0; transition: 1s all ease; }
.revealdown.active{ transform: translateX(0); opacity: 1; }

footer { background:#000; padding: 75px 0 50px; color:#ccc; }
footer a { color:#ccc;}
footer a:hover { color:#c3aa6a}
footer h4 { color:#c3aa6a; text-transform:uppercase; font-size: 1.25em }
footer img { width:100%; height: auto }
footer .city { letter-spacing:2px; text-align:center; display:block; font-size: 15px; }
footer i { margin-right: 10px; padding:10px 0; font-size: 1.25em }
#copyright { display:block; text-align:center; color:#999; font-size: 14px; margin-top: 50px}
footer .one-half ul { column-count:2 }


/* Pages */
#contact { background:#000; color:#fff;  font-size: 26px;  }
#contact .col { padding:25px }
#contact i { font-size: 2em; margin-bottom: 20px; color:#c3aa6a; padding: 0 10px }
#contact p { margin:0 }
#contact-form input[type="text"],
#contact-form textarea { font-size: 20px; padding:10px; }
#contact-form h2,
#contact-form .gform_description { display:block; text-align:center !important }

/*Home */
.home-hero .overlay { display:none }
.home-hero { background-color:#000; text-align:left !important; padding: 500px 100px 100px; color:#fff; overflow:hidden; background-position: center center; background-repeat:no-repeat; background-size:100% auto; text-shadow: 0 0 5px #333  }
.home-hero img { opacity:1; position: fixed; top:0; left:0; }
.home-hero h1 { font-size: 14px; color:#000; text-shadow:0 0 0; margin:0 }
.home-hero p { font-size: 2em; color:#fff; width: 40%;}

#products { text-align:center; background:#eee  } 
#products h2 { text-transform:uppercase; font-size: 4rem; }
#products h3 { font-size: 1.25em; margin-bottom:15px; }
#products .col { box-shadow: 0 0 3px #999; padding: 15px 15px 25px; margin:1%; width: 23%; background:#fff }
#products span { background:#c3aa6a; color:#fff; padding:10px 15px 5px; font-size: 16px; }
#products img { margin-bottom:-25px; }
#products img:hover { transform:scale(1.1)}

.home-video {text-align:center }
.home-video h2 { text-transform:uppercase; font-size: 3em; }

#training { background:#000; z-index:1 }
#training h2 { position: absolute; z-index:1; color:#fff; display:block; text-align:center; width:100%; font-size: 5rem; text-transform:uppercase; top:100px; text-shadow: 0 0 5px #000 }
#training img { opacity:.7; width:100%; height: auto; margin-bottom:-10px }
#training img:hover { opacity:1}

#affiliations:before { content: "USED AND TRUSTED BY"; font-size: 2em; display:block; width:100%; text-align:center }

#athletes { margin-top:-250px }
#athletes .col { margin:1%; width: 31% }
#athletes img { border:5px solid #fff}

#cta { background: linear-gradient(#eee 50%, #000 50%); }
#cta .w1280 { background:url('https://www.sabrebats.com/wp-content/uploads/2022/09/Rectangle-35.jpg'); background-repeat: no-repeat; background-size: 100% auto; padding:50px 50px 250px !important; max-width: 1280px; margin:0 auto; color:#fff; font-size: 22px; border:10px solid #fff }
#cta h2 { width:50%; float:left; color:#fff; font-size: 4.5rem; margin-top: 100px }
#cta form { width:50%; float:right; margin-top:20px}
#cta form .button { border-radius:0; margin:0 }
#cta form input[type="text"] { font-size: 22px !important; }
#cta .gform_description { marign-bottom: 15px; display:block }

.testimonial { text-align: center; background:#eee }
.testimonial p { font-size:28px; margin: 25px 0; display:block; }
.testimonial p:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f005\f005\f005\f005\f005"; letter-spacing:1; color:#F90; display:block; margin-top: 25px  }

#about strong { font-size: 1.5em; line-height:1.25; display:block; margin-top: 15px; color:#c3aa6a }

/*Training Page */

#program { padding-top: 75px; }
.program-specs { background:#eee }
.program-specs .col { padding: 25px; margin:1%; width: 23%;  box-shadow: 0 0 5px #999; background:#fff;  }
.program-specs i { font-size: 2em; display:block; color:#c3aa6a; margin-bottom: 15px; }
.program-specs span { font-size: 2.5em; font-weight:bold; display:block; color:#c3aa6a;margin-bottom: 0px; }
.sixweek i { margin-top: 75px }

@keyframes fadeInLeft {
	0% { left:-100%;}
	100% { left:0; }
}


#myVideo { position: fixed; display:none; left: 0; top: 0; min-width: 100%; min-height: 100%; z-index:0 }

/* Password Protected */
.post-password-form { max-width: 800px; text-align:center; margin:0 auto; padding: 5%; font-size: 1.5em; }
.post-password-form:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f023"; font-size:3em; color:#c3aa6a;  }
.post-password-form input[type="submit"] { background:#c3aa6a; color:#fff; border-color:#c3aa6a; }

.confirmation i { font-size: 3em; color:#c3aa6a }

.grecaptcha-badge { visibility: hidden; } .grecaptcha-badge { visibility: hidden; } .grecaptcha-badge { visibility: hidden; }

/*404 page */
#errorpage { background:#000; color:#fff; padding: 8% 2.5%; text-align:center; font-size: 26px }
#errorpage h2 { color:#fff }
.four04 { font-size: 12em; font-weight: 900; line-height:1; color:#cc0000; text-shadow: -2px -2px 1px #fff; }
.four04 img { width: 200px; animation:ball 3s linear infinite }
@keyframes ball {
0% { }
100% { transform:rotateZ(-360deg);   }
}


#coupon { border: 4px dashed red; padding: 25px 25px 0px; margin: 25px; font-size: 75px !important; }

/* Tablet */
@media only screen and (max-width: 1024px) {

	.baseball-bg { background-size: 125px auto !important; }

	.col { width: 100%; display:block; }

	h2 { font-size: 1.75em !important; line-height: 1em; margin-bottom: 25px }

	.pad75 { padding:50px 25px }
	.pad50 { padding: 50px 25px; }
	
	#topbar { font-size: 15px; letter-spacing:0; padding: 10px 10px 5px }
	
	#header { padding: 0 5px}
	
	.togglemobile { display:inline-block !important; width: 20% !important; color:#fff; padding: 27px 15px; font-size: 1.25em; margin:0;}
	#header .span_1_of_6 { width: 50%  !important; display:inline-block !important; text-align:right; }
	#header .user-nav { width: 30%  !important; display:inline-block !important;}
	.nav { display:none !important}
	.user-nav i { font-size: 1.25em; margin:0 0 0 10px; padding:27px 6px; color:#fff }

	footer .col:nth-child(1), footer .col:nth-child(2) { display:none !important }
	footer img { width: 250px }
	#copyright { display:none }

	.baseball-bg { background-size: 75px auto !important; }

	.home-hero { padding: 200px 25px 0px; background-position: top center; }
	.home-hero p { font-size: 20px; width:100%; text-align:center  }

	#products .col { width: 46% !important; margin:2% !important}
	#products h3 { font-size: 18px }

	#athletes { margin-top:0 }

	#training h2 { top: 50px; font-size: 3rem !important}
	#training img { opacity:1; }

	#affiliations:before {font-size: 1em; }

	#athletes .col {border:0; margin:0; width: 50% !important; display:inline-block; }
	#athletes .col:nth-child(3) { display:none !important }

	.testimonial p { font-size:20px; }

	#cta .w1280 { background-color:#000; padding:225px 50px 25px; border:0; text-align:center  }
	#cta h2 { width:100%; float:none; font-size: 2rem !important  }
	#cta form { width:100%; float:none; }
	#cta input { font-size: 16px !important; width:100% !important; display:block !important; float:none }
	#cta input .button { display:block; width:100% }

	.hero { padding: 50px 25px !important; background-attachment: scroll !important }

	.grass-bg { background:#336633 }

	#cta .w1280 { padding:100px 50px 0 !important; }

	.sidebar { display:none !Important }

	.four04 { font-size: 6em;  }
	.four04 img { width: 100px }


}

/* Mobile */
@media only screen and (max-width: 768px) {

	.col { width: 100% !important; display:block !important; }

	.togglemobile { display:inline-block !important; width: 20% !important; color:#fff; padding: 27px 15px; font-size: 1.25em; margin:0;}
	#header .span_1_of_6 { width: 50%  !important; display:inline-block !important; text-align:right; }
	#header .user-nav { width: 30%  !important; display:inline-block !important;}
	.nav { display:none !important}
	.user-nav i { font-size: 1.25em; margin:0 0px; padding:27px 6px; color:#fff }

	footer .col:nth-child(1), footer .col:nth-child(2) { display:none !important }

	.sidebar { display:none !Important }

	#coupon { padding: 15px 15px 0px; margin: 15px; font-size: 50px !important; }



}