@media (min-width: 768px) and (max-width: 980px){

body {
margin: 0;
padding: 4px 1%;  
background: url('/css/img/bg.jpg')0px 50% no-repeat fixed #ffffff;
background-size: 100% 100%; }

a {color: #00f;	text-decoration: none; }
a:hover {text-decoration: none; color: #d8420e; }
.row:after {content: ""; clear: both; display: block; }
html {font-family: 'Lucida Sans', 'Open Sans', sans-serif; font-size: 16px; color: #000000; }

/* <section><header> */
div.row.col-12.header {
border: 0px solid blue;
width:100%;
margin: 2px 0%;
padding: 0px;
text-align: center;
display:block;
float:left; }

a.Window-Company { }

div.col-3.logo {
border: 0px solid blue;
width: 450px ;
margin: 0% auto;
float: none; 
background:url(/css/img/logo.png) 50% 0px no-repeat;
background-size: 450px 100%; }

div.row.col-6.Company {width: 100%; text-align: center; }

span.Company.NAME{
border: 0px red dotted;
width: 100%;
margin: 6px 0px 0px 0px; 
padding-top: 6px;
font-size:48px;	
line-height: 32px; 
font-weight: bold ;
text-decoration:none;
text-transform: uppercase;
color: #0000ff;
text-shadow: 1px 1px 1px yellow ;
// font-family: 'Crete Round',  'Open Sans', sans-serif;
display:block; }

span.Company.NAME.Comp {
border: 0px red dotted;
width: 100%;
margin: 0px 0px 4px 0px; 
padding-top: 6px;
font-size:36px;	
line-height: 38px; 
font-weight: bold ;
text-decoration: none;
text-transform: uppercase;
color: #0000ff;
text-shadow: 1px 1px 1px yellow ;
// font-family: 'Crete Round',  'Open Sans', sans-serif;
display:block; }

span.Company.highlight {
border: 0px yellow dotted;
width: 100%;
margin: 0px;
padding: 0px;                       
font-size: 22px;
font-weight: normal;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: #545454;
display:block; }

.Company.highlight a {
border: 0px blue dotted;
padding: 4px;
text-decoration: none;
color: #000;
font-weight: normal;
text-align: center;
filter: alpha(opacity: 30); KHTMLOpacity: 0.30; MozOpacity: 0.30; opacity: 0.30;
background-color: #fff; }

.Company.highlight a:hover {
border: 0px yellow dashed;
padding: 4px ;
text-align: center;
text-decoration:none;
color:#000;
font-weight:normal;
filter:alpha(opacity:100);KHTMLOpacity:10.00;MozOpacity:0.10;opacity:100.00;
background-color: transparent; }

a.Company.highlighton {
border: 0px blue dotted;
padding: 4px ;
text-align: center;
text-decoration: none;
color: #00f;
font-weight: normal;
text-align: center;
filter: alpha(opacity: 100); KHTMLOpacity: 10.00; MozOpacity: 0.10; opacity: 100.00; }
 
span.Company.subtext {
border: 0px red dotted;
width: 100%;
margin: 0px;
padding: 5px 0px;
font-size: 16px;
font-weight: bold ;
text-decoration: none;
text-align: center;
color: #000000;
display: block; }

span.middot { }
span.spacebar { }

div.col-2.bigicon{
border: 0px dashed #0f0;
width: 100%;
margin: 0px 0px 0px 0%;
padding: 0px;
text-align: center; }

div.col-2.bigicon img {
border: 0px solid #00f;
width: 70%;
margin: 0px 0px 0px 0%;
padding: 0px; 
text-align: center;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD; }
/* </section></header> */
/* <section><categorymenu> */
div.row.col-12.categorymenu {border: 0px solid #f00; }

.col-2 {border: 0px solid #f00; width: 100%; }
a.menu_tab {
border: 0px solid #00f;	
margin: 6px 1%;
padding: 4px;
text-align: center;
text-transform: uppercase; 
text-shadow: 0px 0px 0px yellow;
color: yellow;
font-size: 18px;
line-height: 18px;
-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-khtml-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD;
background: #00a1ef; /* Old browsers */
background: -moz-linear-gradient(top, #00a1ef  30%,  #0224ff  100% ); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#00a1ef), color-stop(100%,#0224ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00a1ef  30%,  #0224ff  100% ); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00a1ef  30%,  #0224ff  100% ); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00a1ef  30%,  #0224ff  100% ); /* IE10+ */
background: linear-gradient(top, #00a1ef  30%,  #0224ff  100% ); /* W3C */
display: block; }

a:hover.menu_tab {
border: 0px solid #E93A95;
color: #fff;
filter:alpha(opacity:100);KHTMLOpacity:1.0;MozOpacity:1.0;opacity:1.0;
background-color: #ffffff; }

a.menu_tab.on {
border: 0px solid #E93A95;
color: #fff;
background: #00a1ef; /* Old browsers */
background: -moz-linear-gradient(top, #00a1ef  30%,  #fff  100% ); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, 00a1ef), color-stop(100%,#fff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00a1ef  30%,  #fff  100% ); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00a1ef  30%,  #fff  100% ); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00a1ef  30%,  #fff  100% ); /* IE10+ */
background: linear-gradient(top, #00a1ef 30%,  #fff  100% ); /* W3C */ }

a:hover.menu_tab.on {border: 0px solid #E93A95; color: #f00; }
div.menu_home.col-2 { }
a.menu_home menu_tab on { }
/* </section></categorymenu> */
/* <section><content> */
div.row.col-12.content {
border: 0px solid blue;
width: 100%;
margin: -0px 0px;
padding: 0px 1%;
-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-khtml-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD;
background: url(/storefront/view/default/image/banner_shadow.png) center top no-repeat #fff; }

div.row.col-8.content {border: 0px solid #E93A95;  width:100%; }
div.row.col-8.content.foggy {border: 0px solid #E93A95; width:100%; }
div.row.col-8.content.contact {border: 0px solid #E93A95; width:100%; }
div.row.col-8.content.contact_biz {border: 2px solid #E93A95; width:100%; }

p.posts_p{
margin: 0px 0px  0px 0px;
padding:4px 2px 12px 2px;
font-size: 20px;
text-align:justify;
background: #ffffff; }

p.posts_p:hover {background: #fffff0; }

h1.posts_H1 {
border: 0px red dotted;
width: 100%;
margin: 4px 0px 22px 0px;
padding: 5px 0px;
font-size: 22px;
font-weight: bold ;
text-decoration:none;
text-align: left;
color: #000000;
display:block;
}

h2.posts_H2 {border: 0px red dotted; margin: 18px 0px 0px 0px; font-size: 24px; }

h3.posts_H3 {border: 0px red dotted; margin: 12px 0px 10px 0px; padding: 0px 0px 0px 0px; }

h3.posts_H3:hover {background: #fffff0; }

span.banner_image {
border: 0px solid #00f;
width: 100%;
padding: 0px;
text-align:center;
display: block;
background: #fff;	}

img.banner_image {
border: 1px solid #00f;
max-width: 100%;
height: auto;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD; }
/* </section></content> */
/* <section><sidebar> */
div.row.col-4.foggy {display: none; }
div.row.col-4.contact {display: none; }
div.row.col-4.sidebar {width: 100%; margin-top: 0px; }
div.row col-4.sidebiz {margin-top: 0px; }

div.text-frame-top {
border: 0px solid #545454;
width: 100%;
padding: 2px  0px 2px 22px;
text-align: left;
color: #222;
font-weight: bold;
text-transform: uppercase;
display: block;
font-size: 14px;
line-height: 18px;	
background: url('img/tv.png')0 0px no-repeat #fff;
background-size: 18px; }

iframe.text-v {width: 100%; height:250px; }

span#text-v {
border: 0px solid #545454;
width: 100%;
margin: 10px 0% 4px 0%;
padding: 4px;
color: #222;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD;
float: left;
display: block;
z-index: 9999;
background: #fff;	 
}
/* </section></sidebar> */
/* <section><info> */
div.CONTENT_body {
border: 0px solid red; display:block;
width:90%;
text-align:center;
color:#000000;
padding: 4px  0px 6px  0px;
margin: 0px  5%;
display: block; 
float: left; }

div.CONTENT_body:hover {
background:url('http://foggywindowrepairkits.com/storefront/view/default/image/section_b.png')100% 0px no-repeat #ffff00; }

span.CONTENT_company.row.col-12{
text-align:center;
margin:0px auto; 
line-height: 30px;  ;
font-size: 28px;
font-style:bold;
color:#0000ff;
font-weight: 400;
text-decoration: underline;
margin-bottom: 6px; }

span.CONTENT_Operating.row.col-12{
padding: 0px;
font-size:12px;
font-style:bold;
color:#000000;
border: 0px dashed blue;
width: 100%;
display: block; }
	
span.CONTENT_address.row.col-12{ 
text-align:center;margin:0px auto;}

span.CONTENT_city row col-12{text-align:center;margin:0px auto; }

span.CONTENT_city{text-align:center;margin:0px auto; }

div.CONTENT_telephone.row.col-12{
text-align:center;margin:0px auto;
font-size:32px;
color:#0000ff; }

span.CONTENT_snippet{ 
text-align:center;
color:#000;
padding: 4px  0px 6px  0px;
margin: 0px  10%;
display: block; 
float: left;
width:80%;
border: 0px solid red; 
display:block; 
border: 0px solid red;}

span.CONTENT_Operating{
padding: 0px;
font-size:12px;
font-style:bold;
color:#000000;
border: 0px dashed blue;
width: 100%;
display: block;}

img.CONTENT_logo_BIZ{
width:100%; height:auto; border: 0px solid red; display:block;	
margin: 0px auto; }

span.col-12 CONTENT_telephone-side{
font-weight: bold;
font-size: 32px;
padding: 0px 0px 0px 0px;
font-weight: 400;		
text-align: center; 
border: 0px solid red;  margin:0px auto;
color: blue;
width: 100%;
display: block; }
/* <section></info> */
/* <section><categorymenu_b> */
div.row.col-12.categorymenu_b {
border: 0px solid blue;
width:90%;
margin: 2px 5%;
padding: 0px;
text-align: center;
display:block;
float:left; }

div.row.col-12.categorymenu_b {
border: 0px solid blue;
width: 100%;
margin: 2px 0%;
padding: 0px;
text-align: center;
display: block;
float: left; }

.categorymenu_b .col-2 {
border: 1px solid #00f;
width: 48%; 
margin: 2px 1% 2px 1%;
padding: 0px;
text-align: center;
-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-khtml-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
background-color: #fff ;
filter:alpha(opacity:60);KHTMLOpacity:0.60;MozOpacity:0.60;opacity:0.60; }

.categorymenu_b .col-2:hover {filter:alpha(opacity:100);KHTMLOpacity:1.0;MozOpacity:1.0;opacity:1.0; }

.categorymenu_b .col-2 a {
border: 0px solid #f00;
width:100%;
margin: 0px;
padding: 5px; 
text-align: center;
text-decoration:none;
text-transform: uppercase;
color:#00f;
font-size:14px;
font-weight: bold ;
line-height: 18px;
display:block;
float:left; }

.categorymenu_b .col-2 a:hover {color:#00f; }
/* </section></categorymenu_b> */
/* <section><footer> */
#footer {
border: 0px solid #00f;
width: 100%;
margin: 0px;
margin-top: 10px;
padding: 0px 0px;
text-align: justify;
color: #545454;
display: block; 
float: left;
background-color: transparent; }

#footer2 {
border: 0px solid #0ff;
width: 100%;
margin-top: 00px;
padding: 0px 0%;
text-align:center;
color: #545454;
display: block; 
float: left;
background-color: transparent; }

span.CITY_Company {
margin: -0px 0px 0px 0px;
padding: 0;
color: #000;
font-size: 28px; 
font-weight: bold ;
background: transparent; }
 
div.Copyright_TEXT{ background: #fff;filter:alpha(opacity:50);KHTMLOpacity:0.50;MozOpacity:0.50;opacity:0.50;}

span.Copyright_TEXT {
margin: -0px 0px 0px 0px ;
padding: 0;
color: #000;
background: transparent; }

span.Copyright_TEXT_links {
margin: -0px 0px 0px 0px ;
padding: 0;
color: #000;
background: transparent; }

span.Copyright_TEXT_links a {
margin: -0px 0px 0px 0px;
padding: 0;
color: #00f;
background: transparent; }
/* </section></footer> */
/* <section><foggy> */
.headline {
border: 0px dashed red; 
width: 100%;
margin: 0px 0%;
padding: 3px  1%;
font-size: 18px;	
line-height: 25px;
text-align:center;
border: 1px solid skyblue;
-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-khtml-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD;
display:block;
}

#leads_table {
border: 2px solid green;
width: 100%;
margin: 0px auto;
margin-top: 10px ;
text-align: center;
float: left;
}

#leads {
border: 1px solid skyblue;
width: 100%;
margin: 0px 0% 20px 0%;
padding: 0px;
text-align: left;
font-size: 14px;	
line-height: 24px;
-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-khtml-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD;
display:block; 
float:left;
background: url('bg.jpg') 0px 0% repeat-x #fff; }

#leads.A { 
}

#leads.B { 
}

#leads.C {
}

span.per {
border: 0px dashed blue;
padding: 4px 0px 4px 0px;
text-align: center;
color: #ffffff ;
font-size: 18px;	
font-weight: bold;	
line-height: 20px;
display: block; }

.A_pic {
border: 0px solid red;
margin-top: 6px;
margin-right: 6px;
height:175px;
background: url(http://foggywindowrepairkits.com/image/thumbnails/18/76/Basic__DIY__Window_Seal_Repair_Kit__Fix_Broken_Foggy_Glass_Windows_JPG-100197-250x250.jpg) no-repeat top center; }

.A_pic:hover {
background: url(http://foggywindowrepairkits.com/storefront/view/default/image/1.jpg) no-repeat top center; }

.B_pic {
border: 0px solid red;
margin-top: 6px;
margin-right: 6px;
height:175px;
background: url(http://foggywindowrepairkits.com/image/thumbnails/18/76/Advanced__DIY__Window_Seal_Repair_Kit__Fix_Broken_Foggy_Glass_Windows_JPG-100198-250x250.jpg) no-repeat top center ; }

.B_pic:hover {
background: url(http://foggywindowrepairkits.com/storefront/view/default/image/1.jpg) no-repeat top center; }

.C_pic {
border: 0px solid red;
margin-top: 6px;
margin-right: 6px;
height:175px;
background: url(http://foggywindowrepairkits.com/image/thumbnails/18/76/Service_Representative__DIY__Window_Seal_Repair_Kit__Fix_Broken_Foggy_Glass_Windows_JPG-100196-250x250.jpg) no-repeat top center; }

.C_pic:hover {
background: url(http://foggywindowrepairkits.com/storefront/view/default/image/1.jpg) no-repeat top center; }

.ABC {
border: 0px dashed red;
padding: 0px 5%; 
font-size: 18px;	
line-height: 32px;
display:block; 
float:left;}
/* </section></foggy> */
/* <section><conatct> */
span.conatct-iframe {
border:0px solid #ff0000; 
width: 100%;	
height: 550px;
display:block; 
float:left; }

iframe.conatct-iframe {
border: 0px solid #ff00ff;
width:100%;	 
padding: 0px 0% 0px 0%;
height: 650px; }

#text-contact {
border: 0px solid #545454;
width: 100%;
margin: 8px 0% 14px 0% ;
padding: 0px 0px 10px 0px;
color: #222;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD;
display:block;
float:left;
z-index:9999;
background: #fff;	}

span.conatct-iframe.BIZ_OPS {border:0px solid #ff00ff; width:100%;	height: 450px; }

iframe.conatct-iframe.BIZ_OPS {border:0px solid #ff00ff; width:100%;	height: 450px; }

.menu_BIZ_OPS ul {
}
.menu_BIZ_OPS li {
}
.menu_BIZ_OPS li:hover {
}

.posts_p.BIZ_OPS {
font-size: 22px;
padding:4px 12px 12px 12px;
text-align:justify;
background: #f8f8f8;
background: #ffffff;
margin: 0px 12px; }

.posts_p.BIZ_OPS:hover {
font-size: 22px;
background: #fffff0; }

.Privacy, .Terms {
border: 0px solid blue;
width: 90%;
margin: 0px 5%;
padding: 10px 20px 10px 20px; 
text-align: justify;
-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-khtml-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
background: #f0ffff;
}
.ok {
margin: 0px 5% 10px 5%;
padding: 0px; 
text-align: center;
cursor: pointer; }
/* <section></conatct> */



}