/* This is the first breakpoint and is for screen sizes between 772 and 980 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
-------------------------------------*/
@media screen and (max-width: 980px) {

.style_one_fifth_wide { width: 115px; height: 200px; }
.style_one_sixth_wide { width: 95px;  height: 200px; }

.upperheight { height: 200px; }
.halfupperheight { height: 94px; }

.show_full  { display : none; }
.show_large { display: initial; }
div.show_full  { display : none; }
div.show_large { display: block; }
table.show_large { display: table; }
table.show_full  { display : none; }
tr.show_large { display: table-row; }
tr.show_full  { display : none; }
td.show_large { display: table-cell; }
td.show_full  { display : none; }
li.show_large { display: list-item; }
li.show_full  { display : none; }

.container {
    width: 772px;
}

.header {
    /* height: 186px; */
}

.sidebar1 {
    display: none;
}

#cssmenu {
    display: block;
}

#cssmenu {
}

.topgap{
	/* display: none; */
}

.container {
    width: 772px;
}

.topbar2{
	width:732px;
}

.topbar3{
	display:none;
}

.topoffers2 {
    display: none;
}

#toplogo2 {
    width:150px;
}

.logo {
    width:150px;
}

.content {
    width: 772px;
}

.topNav_wrapper {
    display: block;
}

#sbox_2 {
    display: block;
    width: 200px;
    margin-left: 50px;
}

}