@charset "utf-8";
/* CSS Document */

 @media only screen and ( min-width: 980px) and ( max-width: 1024px ) 
{
.wrap {width:98%;}	

.wrapper { background:none;}	
#header .nav .navbg { margin-top:0px;}

.inner-visual img { max-width:100%; height:auto;}

.quality-img { width:17%; }
.quality-data { width:82%;}

ul.events li .event-logo { width:25%; float:left;} 
ul.events li .event-details { width:75%; float:left;}

}






@media only screen and ( min-width: 768px) and ( max-width: 979px ) 
{
.wrap {width:95%;}	

 /*****************************************************************************************************************
WRAPPER CSS START HERE
*****************************************************************************************************************/
.wrapper { background:none;}
.wrapper		{position:relative; width:100%; margin:0 auto; text-align:left; float:none;}
.wrapper		{min-height:100%; height:auto !important; height:100%; margin:0 auto -200px;} /*the bottom margin is the negative value of the footer's height*/
.footer			{position:relative; width:100%; margin:0 auto; float:left; background: url(images/bottombg.jpg) no-repeat center bottom;; }
.footer, .push   {min-height:200px; width:100%; clear:both}/*.push must be the same height as .footer*/
.footer { border-top:2px #572719 solid; }
 /*****************************************************************************************************************
WRAPPER CSS ENDS HERE
*****************************************************************************************************************/


h1 { font-size:16px; line-height:16pt;}

#header .logo { width:30%; float:left; }
#header .nav { width:100%; float:left; }
#header .nav .navbg { margin-top:0px;}
#header .cname { display:none;}	
#header .ipad-cname { width:65%; float:right; display:block;  margin-top:35px; font-family: 'UniversCondensed'; padding-right:30px; font-size:27px; color:#3960a3; text-align:right; line-height:26pt; text-transform:uppercase; }
#header .ipad-cname span { font-size:20px; color:#333; }

.col1 { padding-right:5%; }
.col2 { width:45%; }
.col3 { width:40%; }


#footer .f-right img { display:none;}
#footer { margin-top:0px; padding-top:0px;}
#footer .f-left { margin-top:20px }
#footer .f-right { margin-top:0px }

.inner-visual img { max-width:100%; height:auto;}


.inner-right { width:65%; }
.inner-left { width:25%; }

#inner-bodycontainer { padding:0px;}
#inner-container { width:100%; margin:0px;}

.quality-img { width:25%; }
.quality-data { width:72%;}

ul.submenu li.heading { font-size:24px;}

ul.prod-lst li { width:auto; }
}