@media only screen and ( min-width: 768px) and ( max-width: 1024px) {

.wrap1 {width:100%; }

 /*
=====================================================================================================================================================
DEFAULT STYLE
=====================================================================================================================================================
*/
.hide {display:none}
.border {border:1px solid #ccc; padding:1px; margin-bottom:5px}

.header1 .logo1 {width:540px;   }
.full-logo {width:420px }


/*
=====================================================================================================================================================
WRAPPER
=====================================================================================================================================================
*/
.wrapper    {margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */}

.footerwrap {min-height:30px;}
.push       {height:30px}





/*
=====================================================================================================================================================
COMMON TAGS
=====================================================================================================================================================
*/
#headerpan, #bodycontainerpan, #footerpan, #footerpan-home  {padding:0px; margin:0px; float:left; display:block; width:100%;}
#header, #bodyarea, #footer {max-width:98%; width:100%; float:none; margin:0px auto;}



/*
=====================================================================================================================================================
HEADER STYLE
=====================================================================================================================================================
*/
.header             {padding-top:10px; min-height:80px}
.header .logo       {max-width:70%}
.header .logo img   {max-width:100%; height:auto}




/*
=====================================================================================================================================================
BODY STYLE
=====================================================================================================================================================
*/

/*------------------------------------------
Artists
------------------------------------------*/
ul.artists_list li              {padding:0em 1em 1.4em 1em; width:150px;}
ul.artists_list li:last-child   {padding:0em 1em 1.4em 1em;}

/*------------------------------------------
Work
------------------------------------------*/
ul.work_list li    {margin:0em .7em 1.4em .7em; width:150px;}
ul.work_list li:last-child    {margin:0em .7em 1.4em .7em;}


/*======Past Exhibition========*/
.past-exh       {padding:0px; margin:0px 0px 20px 0px; display:inline-block; width:49%; vertical-align:top;}
.past-exh:hover {background:#f9f9f9}

ul.exh-past     {list-style:none; padding:5px; margin:0px 0px 0px 0px; display:table; width:100%;}
ul.exh-past li  {list-style:none; padding:0px; margin:0px; display:table-cell; vertical-align:top}

ul.exh-past li.past-dt  {width:21%;}
ul.exh-past li.past-dtl {padding:0% 1% 0% 2%; margin:0px; width:60%; border-left:1px solid #ccc}

ul.exh-past p   {margin:0px;}

ul.exh-past li.past-dtl .artst {color:#a6a6a6; line-height:18px; font-size:14px;}

ul.exh-past .view          {color:#000; background:url(images/bullet.png) no-repeat right center; font-size:14px; padding-right:10px;}
ul.exh-past .view a        {color:inherit; text-decoration:none}
ul.exh-past .view a:hover  {color:inherit; text-decoration:underline}

ul.exh-past li.past-dt span  {font-size:14px;}


/*------------------------------------------
Media
------------------------------------------*/
.media  {width:49%; padding:0px; margin:0px; float:left}
ul.media-list li.media-dt  {width:21%;}
ul.media-list li.media-dtl  {padding:0px 1% 0px 2%; width:60%;}


/*------------------------------------------
Photo Gallery
------------------------------------------*/
ul.gall_list       {list-style:none; padding:0px; margin:0px; width:100%; clear:both; text-align:center}
ul.gall_list li    {list-style:none; padding:.2em .2em .1em; margin:0em .9em .2em .9em; width:150px; float:left; min-height:220px}
ul.gall_list li:last-child    {list-style:none; padding:.2em .2em .1em; margin:0em .1em .2em .1em; max-width:150px; float:left;}


/*------------------------------------------
About
------------------------------------------*/
.about-container    {width:100%; padding:0px; margin:0px;}
.about-container p    {font-size:15px; line-height:16pt}


/*------------------------------------------
Contact
------------------------------------------*/
.cont-left  {width:100%;}


/*
=====================================================================================================================================================
FOOTER STYLE
=====================================================================================================================================================
*/
#footerpan-home {bottom:2px; color:#312a22; width:100%;}
.footer         {width:96%; margin:0px auto; padding:0px; float:none; color:#312a22}

.copyright-home {width:auto; margin:0px; padding:0px; float:none; text-align:center}
.copyright      {width:100%; margin:0px; padding:0px; float:left; text-align:center}




/*
=====================================================================================================================================================
BREADCRUMB STYLE
=====================================================================================================================================================
*/
#breadcrumb {display:none}




/*
=====================================================================================================================================================
HEADER STYLE
=====================================================================================================================================================
*/

 
 .body-content-holder-home {width:100%; } 
.wrap1 {max-width:98%; margin:0 auto;  }
.home-slider {width:100%;}
 
 .dd-industries {margin:0px; }
 .dd-industries select {width:240px; }
 
 .banners { padding:0px; }
 
 ul.gallery li { width:22%; }
 
 .desk-holder {width:95%; }
 .link-holder {width:95%; margin:0px auto; }
}



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

.right-panel {width: 70%; float: right; }
.desk-holder {width:96%; }
.link-holder {width:96%; }

.form ul li.sub {text-align:left !important; }

 ul.gallery li { width:30%; }

.body-content-holder-home {width:100%; } 
.wrap1 {max-width:96%; margin:0 auto; }
.home-slider {width:100%;}


.c-openings {width:70%; }
.banners {width:30%; padding:0px; }
.dd-industries select {width:120px; }
.dd-industries {margin:0px; }

.c-openings h2{   font-size: 1.7em;}
.search-jobs .hd {padding-bottom:2%;}
.search-jobs h2 {padding-bottom:5px; font-weight: 500;}

}




@media only screen and ( min-width: 480px) and ( max-width: 600px) {
ul.gall_list li    {list-style:none; padding:.2em .2em .1em; margin:0em 1% .2em 1%; width:135px; float:left; min-height:220px}
ul.gall_list li:last-child    {list-style:none; padding:.2em .2em .1em; margin:0em 1% .2em 1%; max-width:135px; float:left;}
}

@media only screen and ( min-width: 640px) and ( max-width: 767px) {
ul.gall_list li    {list-style:none; padding:.2em .2em .1em; margin:0em 3% .2em 3%; width:150px; float:left; min-height:220px}
ul.gall_list li:last-child    {list-style:none; padding:.2em .2em .1em; margin:0em 1% .2em 1%; max-width:150px; float:left;}
}