@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

/*GALLERY START*/
#gallery_div { width:819px; height:815px; text-align:center; float:left; }
#gallery_div_inner { width:100%; height:auto; margin:0 auto }
.thumbnail { border: 1px solid #d3d1d1;cursor: pointer;display:inline-block; width:85px; height:85px; text-align: center;overflow:hidden; position:relative;
top:610px; margin-right: -2px;}
.big_image { display:none; width:100%; height:auto; float:left; position:relative; bottom:158px;}
#pic_1_start { display:table; }
.thumbnail img {max-width:100%; max-height:100%;}

.thumbnail:hover ~ #pic_1_start { display:none; }
#img_thumb_1:hover ~ #pic_1 { display:table; }
#img_thumb_2:hover ~ #pic_2 { display:table; }
#img_thumb_3:hover ~ #pic_3 { display:table; }
#img_thumb_4:hover ~ #pic_4 { display:table; }
#img_thumb_5:hover ~ #pic_5 { display:table; }
#img_thumb_6:hover ~ #pic_6 { display:table; }

#img_thumb_7:hover ~ #pic_7 { display:table; }
#img_thumb_8:hover ~ #pic_8 { display:table; }
#img_thumb_9:hover ~ #pic_9 { display:table; }
#img_thumb_10:hover ~ #pic_10 { display:table; }
#img_thumb_11:hover ~ #pic_11 { display:table; }
#img_thumb_12:hover ~ #pic_12 { display:table; }
.big_image div { max-height: 570px;display: table-cell;vertical-align: middle;text-align: center;}

.big_image img { max-height: 570px;}
#img_thumb_1 {margin-left: 145px;}
#img_thumb_5 {margin-right: 144px;}

/*GALLERY END*/



.table_new { border:1px solid #e8e8e8;  border-left:none; border-bottom:none; border-right: 1px solid #e8e8e8; width:100%; margin-top:20px  }
.table_new tr td { border:1px solid #e8e8e8; padding:7px 5px 7px 5px; border-top:none; border-right:none; font-size:14px;color: #111; }
.table_new tr td a { text-decoration:none; color:#03C; font-weight:bold }
tr:nth-child(even) {background-color: #bfdcff}
.table_new  > tbody > tr:nth-child(1) > th {padding: 8px 7px 10px 7px; background-color: #0068da; color: #fff; font-size: 18px; border-bottom: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;}
.table_new  > tbody > tr:nth-child(9) > th {padding: 8px 7px 10px 7px; background-color: #0068da; color: #fff; font-size: 18px; border-bottom: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;}















html, body, ul, li, h1, h2, h3, h4, h5, h6, img, p { color: #777; font-family: "Open Sans", sans-serif; margin: 0; padding: 0; }
.clear {clear:both}
body { font-size: 14px; letter-spacing: 0.2px; background-color:#a9a9a9 ; background-repeat:repeat-x;}


/*TOP BANNER*/
.topbannerup1 { height:42px; width:100%; float:left; background-color:#141414 }
.topbanner1 {margin:0 auto; height:42px; width:1060px }

.topbannerup2 { height:138px; width:100%; float:left; background-color:#E3E3EB }
.topbanner2 {margin:0 auto; height:138px; width:1060px }
/*TOP BANNER */


.itm_con { width:740px ;margin: 10px 0px 10px -16px;}
.itm_con { border:1px solid #999;  border-left:none; border-bottom:none  }
.itm_con tr td { border:1px solid #999; padding:5px 8px 5px 8px; border-top:none; border-right:none;font-size: 14px; }
.itm_con tr:nth-child(even) {background-color: #bfdcff}
.itm_con tr:nth-child(1) td:nth-child(1) { width: 40px; }

.shipping_tbl { width:729px ;margin: 15px 0px 10px 0px;}
.shipping_tbl { border:1px solid #999;  border-left:none; border-bottom:none  }
.shipping_tbl tr td { border:1px solid #999; padding:5px 8px 5px 8px; border-top:none; border-right:none;font-size: 13px; }
.shipping_tbl tr:nth-child(even) {background-color: #f2f2f2}
.shipping_tbl tr td a { text-decoration:none; color:#06C }


/*SLIDER START*/
#slider_main_div { width:1060px; margin:0 auto; background-color:#FFF;padding-top: 3px; }
@keyframes slidy { 
0% { left: 0%; opacity:1 } 
20% { left: 0%; opacity:1 } 
40% { left: -100%;opacity:1 } 
60% { left: -100%;opacity:1 } 
80% { left: -200%; opacity:1 } 
90% { left: -200%; opacity:1 } 
100% { left: -200%; } } 
figure { margin: 0; background: #; font-family: Istok Web, sans-serif; font-weight: 100; float:left } 
div#captioned-gallery { width: 100%; overflow: hidden; width:1060px; height:400px; margin:0 auto; float:left } 
figure.slider { position: relative; width: 500%; font-size: 0; animation: 10s slidy infinite; float:left} 
figure.slider figure { width: 20%; height: auto; display: inline-block; position: inherit; float:left } 
figure.slider img { width: 100%; height: auto; float:left } 
figure.slider figure figcaption { position: absolute; bottom: 0; background: rgba(0,0,0,0.4); color: #fff; width: 100%; font-size: 2rem; padding: .6rem; }
/*SLIDER END*/


/*MENU START*/
.main_manu_divup { height:44px; width:100%; float:left; background: rgb(0,102,255);
background: -moz-linear-gradient(top,  rgba(0,102,255,1) 0%, rgba(0,104,196,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,102,255,1) 0%,rgba(0,104,196,1) 100%);
background: linear-gradient(to bottom,  rgba(0,102,255,1) 0%,rgba(0,104,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#0068c4',GradientType=0 ); }

.main_manu_div {margin:0 auto; height:44px; width:1060px }
.store_image { width:150px; float:left }

nav { background: rgb(0,102,255);
background: -moz-linear-gradient(top,  rgba(0,102,255,1) 0%, rgba(0,104,196,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,102,255,1) 0%,rgba(0,104,196,1) 100%);
background: linear-gradient(to bottom,  rgba(0,102,255,1) 0%,rgba(0,104,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#0068c4',GradientType=0 );
 } 

nav ul li { margin: 0px; display:inline-block; float: left; line-height:32px; right top no-repeat; } 
nav a:hover { color:#FFF ; background-color:#0623C4 } 

.menubar_div { width:1060px; float:left }
.menubar{ margin:0 auto; width:1060px; height:44px; background-color:#;border-bottom: 0px solid #000;}
.menubar-menu{ width:1060px; height:44px; background-color:#; float:left ;}
.toggle, [id^=drop] { display: none; } 
nav:after { content:""; display:table; clear:both; } 
nav ul { float: left; padding:0; margin:0; list-style: none; position: relative; } 
nav ul li:last-child { background:none} 
nav a { display:block; padding:6px 25px; color:#FFF; font-size:15px; text-decoration:none; font-weight:normal; text-transform:uppercase } 
nav ul li ul li:hover { opacity:0.8 } 
nav ul ul { display: none; position: absolute; top: 60px; } 
nav ul li:hover > ul { display:inherit; } 
nav ul ul li { width:170px; float:none; display:list-item; position: relative; } 
nav ul ul ul li { position: relative; top:-60px; left:170px; } 
li > a:after { content: ' '; } 
li > a:only-child:after { content: ''; }
/*MENU END*/

.contentup { width:100%; height:auto;  padding-top:5px; float:left}
.content { margin:0 auto; width:1058px; height:auto; background-color:#0068da; padding-top:3px; border: 0px solid #ddd;}

/*TITLE STYLES START*/
.content_wrap { margin: 0 auto 3px auto; padding: 0; overflow: hidden; background: #fbfbfb; border: 0px solid #ddd; height:auto; }
.content_category { width:230px; border-left: none; border-top:none}
.content_pages { width:230px; border-left: none; border-top:none}
.content_gallery { width:819px; }
.content_description { width:819px; }
.content_policies { width:819px; }
.content_featured_categories { width:819px; }

.content_title_outer { padding: 7px 0px 7px 0px; border-bottom: 1px solid #f0f0f0; float:left; width: 100%; background: rgb(0,102,255);
background: -moz-linear-gradient(top,  rgba(0,102,255,1) 0%, rgba(0,104,196,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,102,255,1) 0%,rgba(0,104,196,1) 100%);
background: linear-gradient(to bottom,  rgba(0,102,255,1) 0%,rgba(0,104,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#0068c4',GradientType=0 ); }

.content_title { padding-left: 15; font: 400 15px "Open Sans", sans-serif; color: #f5f5f5; text-transform: uppercase;  }
.category_title {  }
.pages_title {}
.description_title {  }
.policies_title {}
.featured_categories_title {}

.content_title  span { color: #111; }

body > div > div.content > div.middle_bar > div.content_wrap.content_description > div.content_title_outer { background: rgb(0,102,255);
background: -moz-linear-gradient(top,  rgba(0,102,255,1) 0%, rgba(0,104,196,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,102,255,1) 0%,rgba(0,104,196,1) 100%);
background: linear-gradient(to bottom,  rgba(0,102,255,1) 0%,rgba(0,104,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#0068c4',GradientType=0 ); }


body > div > div.content > div.middle_bar > div.content_wrap.content_policies > div.content_title_outer { background: rgb(0,102,255);
background: -moz-linear-gradient(top,  rgba(0,102,255,1) 0%, rgba(0,104,196,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,102,255,1) 0%,rgba(0,104,196,1) 100%);
background: linear-gradient(to bottom,  rgba(0,102,255,1) 0%,rgba(0,104,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#0068c4',GradientType=0 ); }


/*TITLE STYLES END*/



/*LEFT SECTION START*/
.left_bar{ width:230px; height:auto; float:left; padding-left:3px}
.left_content { display:block; padding:0px 0px 4px 0px; width:228px; height:auto; float:left }
.left_content .ula { width: 230px;list-style: none;padding: 0px ;margin-top: 0px;margin-left: 0px;display: block;}
.left_content .lia { position: relative;display: block;height: 30px;line-height: 30px; border-bottom:none; background-color:#fbfbfb; border-bottom: 1px solid #F4F4F4; }
.left_content .lia:hover { background-color:#FAF8F8; color:#1A5997; cursor:pointer }
.left_content .lia:last-child { border-bottom: 0px}
.left_content .lia a img { width:24px; float:left; padding:4px 0px 0px 17px; }
.left_content .aa { text-indent: 15px; text-align: left; text-decoration: none; font: 12px 'Open Sans', sans-serif; display: block; height: 28px; color:#000; text-transform:uppercase; line-height:29px; }
.left_content .aa:hover {  }

.payment { margin:0px 10px 3px 0px; float:left; width:230px; height:303px; background-image:url(../PIC/secure_payment.jpg) }
.left1 { margin:0px 10px 4px 0px; float:left; width:230px; height:210px; background-image:url(../PIC/left1.jpg) }
/*LEFT SECTION END*/



/*MIDDLE SECTION START*/
.middle_bar{ width:819px; height:auto; float:left; margin-left:3px}
/*MIDDLE SECTION END*/



/*FEATURED CATEGORIES START*/
#fc_main_div { width:100%; height:auto; float:left; padding-bottom: 12px; }
#img_div {width: 268px; height: 177px; float:left; }
#img {  float:left ;padding: 11px 0px 0px 16px; }
#img:hover {  opacity:0.8;}
/*FEATURED CATEGORIES END*/



/*DESCRIPTION CONTENT START*/
.title_new { width:819px; height:auto; background-color:#fbfbfb;margin:0 auto; float:left; margin:0px 0px 0px 0px; border-bottom: 1px solid #f0f0f0;}
.title_new .dv1 { padding:20px 10px 20px 30px}
.title_new .dv1 p { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#383838; padding:5px 10px 5px 0px; text-align:center}

.description_content { width:819px; height:auto; background-color:#fff;margin:0 auto; float:left; margin:0px 0px 0px 0px; border-bottom: 1px solid #f0f0f0;}
.description_content .dv1 { padding:20px 20px 20px 20px}
.description_content #dv1nw { padding: 15px 15px 15px 15px; }
.description_content .dv1 p { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#383838; padding:5px 10px 5px 0px; text-align:center}
.description_content .dv2 { background-color:#d9d9d9; margin-right:0px; border:0px; padding:0px; border:1px solid #e8e8e8 }
.description_content .dv2 p { font-family:'Lato'; font-size:15px; font-weight:normal; color:#000; padding:0px; text-align:left; padding:20px }
.description_content .dv1 h3 { font-family:'Lato'; font-size:18px; padding:20px 0px 10px 20px }
.description_content .dv1 .dv3 { background-color:#; margin-left:37px; border:0px; padding:0px }
.description_content .dv1 .dv3 ul li { font-family:'Lato'; font-size:14px; line-height:1.7; }
.dv3 ul li { font-size:14px }

#des_content_nw { padding: 20px 20px 20px 20px; }
#des_content_nw p { padding:0px 0px 0px 0px }
/*DESCRIPTION CONTENT END*/



/*POLICIES CONTENT START*/
.policies_content { width:819px; height:auto; background-color:#FFFFFF;margin:0 auto; float:left; margin:0px 0px 0px 0px}
.tabbed_content { width:799px; height:auto;background-color:#FFFFFF;margin:0 auto; padding:10px}
.tabbed {margin: 0 auto; min-width: ; max-width: ; font: 16px "Open Sans", sans-serif;; margin-bottom:10px; width: 806px;}
.tcontent {background: #FFFFFF; color: #111; font: 14px "Open Sans", sans-serif;; width:796px; border: 1px solid #ddd;  border-top: none;}
.tcontent > div {display: none; padding: 20px 25px 20px; background-color:#fff }
.tcontent > div ul {list-style:none}

.tabbed input {display: none;}
.tabbed label {display: inline-block; padding: 12px 1px 12px 0px; font-weight: normal; text-align: center;background: #fff; color:#000; width:19%; 
border: 1px solid #ddd; text-transform:uppercase;}
label:hover {color: #000; cursor: pointer;}
input:checked + label {background: #111; color: #fff;; width:19%; text-transform:uppercase}
.tabbed label img { float:left; padding-right:5px; width:30px }
#content1 ul img { position:relative; right:-2px; bottom:-10px; width:205px }
#tab1:checked ~ .tcontent #content1,
#tab2:checked ~ .tcontent #content2,
#tab3:checked ~ .tcontent #content3,
#tab4:checked ~ .tcontent #content4,
#tab5:checked ~ .tcontent #content5{display: block;}

.tabbed_scroll { width: 747px;height: auto; padding-right: 24px;text-align:justify;    font-size: 13px;     line-height: 16px;}
/*POLICIES CONTENT END*/



/*FOOTER START*/
.footerup{ width:100%; height:55px; float:left; margin-top:6px; background-color:#111 }
.footer{ width:1058px; height:55px; margin:0 auto; margin-top:0px; background-color:#111 }
.footer_div1 { width:235px; height:55px; background-color:#; float:left; opacity:1 }
.footer_div1 .dv1_p1 { font-size:21px; color:#999; float:left; font-family:'Oswald', sans-serif; font-weight:bold; padding: 10px 0px 0px 14px; }
.footer_div1 .dv1_p2 { font-size:16px; color:#999; float:left; font-family:'Oswald', sans-serif; padding:16px 7px 0px 8px; }

.footer_div2 { width:408px; height:55px; background-color:#; float:left; opacity:1; margin-right: 8px; }
.footer_div3 { width:218px; height:55px; background-color:#; float:left; opacity:1 }
.footer_div4 { width:186px; height:55px; background-color:#; float:right; opacity:1; background-image:url(https://https://oi-surplus.com//logo.png) }

.social-icons-bottom{display:;width:; height:auto; background-color:#; margin:0 auto; margin-top:0px; text-align:right; padding:14px 7px 0px 0px; }
.social-icons-bottom a img{ display:;width:33px;  }
.social-icons-bottom a img:hover{ display:; opacity:0.8 }



.footer-social-icons { width: 218px; display:block; float:right; position: relative; bottom: -3px;} 

.social-icon { color: #fff; } 
ul.social-icons { margin-top: 7px; } 
.social-icons li { vertical-align: top; display: inline; height: 100px; } 
.social-icons a { color: #ccc; text-decoration: none; font-size:16px } 

.fa-facebook { padding:10px 15px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } .fa-facebook:hover { background-color: #3d5b99; } 
.fa-twitter { padding:10px 12px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } 
.fa-twitter:hover { background-color: #00aced; } 
.fa-instagram { padding:10px 13px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } .fa-instagram:hover { background-color: #a834b1; } 
.fa-youtube { padding:10px 13px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } 
.fa-youtube:hover { background-color: #e64a41; } 
.fa-google-plus { padding:10px 9px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } .fa-google-plus:hover { background-color: #e25714; }
.fa-skype { padding:10px 12px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } 
.fa-skype:hover { background-color: #02a6e5; }
.fa-whatsapp { padding:10px 12px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: #000000; } 
.fa-whatsapp:hover { background-color: #0dc143; }




/*Animation*/
.scroll-right {
 height: 50px;	
 overflow: hidden;
 position: relative;
     right: -px;
}
.scroll-right p {
 font-size: 13px;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 54px;
 text-align: center;
 font-family:'Oswald', sans-serif;
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 -moz-animation: scroll-left 15s linear infinite;
 -webkit-animation: scroll-left 15s linear infinite;
 animation: scroll-left 15s linear infinite;
}
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); 
 -webkit-transform: translateX(100%); 
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); 
 -webkit-transform: translateX(-100%); 
 transform: translateX(-100%); 
 }
}
/*Animation*/
/*FOOTER END*/


@media (max-width: 1060px) {
	
.contentup { padding-top:0px}

.topbannerup1 {  height:auto }	
.topbanner1 { width:100%; height:auto }	
.topbanner1 img { width:100%; height:auto }	

.topbannerup2 { height:auto }	
.topbanner2  { width:100%; height:auto }	
.topbanner2 img { width:100%; height:auto }	

.main_manu_divup { height:auto }


.tabbed_scroll { width:100% }	

.topbanner { height:auto; width:100% }
.topbanner img { height:auto; width:100% }

#slider_main_div { width:100%; padding-bottom: 3px;}
div#captioned-gallery { width: 100%; overflow: hidden; width:100%; height:auto }	

.main_manu_div { width:100% }
.menubar_div { width:100% }
.store_image { display:none }
.homea { display: inherit; }
.menubar{ width:100%; height:auto;}
.menubar-menu{ width:100%; height:auto ;background-image:url(../PIC/bg1.png)}

.title_new { width:100%; }
.title_new .dv1 { padding:25px 20px 20px 20px}

.content{ width:100%;  padding-top:0px; border:0px}
.left_bar{ display:none }

.content_title { background: url() no-repeat right ; }
.featured_categories_description { display:none }


.content_wrap {border-left:none; border-right:none;  background: #FFF; }
.content_gallery { width:100%; }
.content_description { width:100%; }
.content_policies { width:100%; }
.content_featured_categories { width:100%; }

.content_title_outer { width:100%; }
.description_title { height:auto }

.middle_bar{ width:100%; margin-left:0px }


#gallery_div { width:100%; height:auto; }

.image_gallery{ width:100%; height:auto; padding:0px ;  margin:0 auto; float:left; padding-top:10px}


.tabbed label {padding: 10px 0px 10px 0px; width:100%; border: 1px solid #f1f1f1;} 


.description_title{ width:100%; height:auto; margin:0 auto; margin:0px 0px 0px 0px}
.description_content { width:100%; height:auto; margin:0 auto; padding:0px; border:0px}

.gallery .images>span.right {  margin-left:-50px }

.policies_content { width:100% }
.tabbed_content { width:100% }
.policies_title{ width:100%; height:25px; margin:0 auto; margin:0px 0px 0px 0px}
.policies_content { width:100%; height:auto; margin:0 auto; float:left; margin:10px 0px 0px 0px}

.tcontent {width:100%}

.tabbed_content { width:100%; height:auto; margin:0 auto; padding:0px}
.tabbed label img { display:none }
.tabbed { width:100% }
input:checked + label {width:100%}

.social-icons-bottom{display:inherit;width:100%; height:auto; }
.social-icons-bottom a img{ display:inherit; }
.social-icons-bottom a img:hover{ display:inherit;}

.social-icons-bottom{margin:0px;}

#fc_main_div { display:none }

#featured_categories { width:100%;text-align:center; float:none; margin:0 auto}
#hover { width:100%; height:100%; text-align:center; float:none; margin:0 auto}
.cat { margin-top:24px;  margin-bottom:20px;}


.featured_items_new { display:none; }
.featured_items_new .logo_hide{ display:none; }



/*MENU*/
nav { margin: 0; background-color:#FFF } 
.toggle + a, .menu { display: none; } 
.toggle { display: block; background-color: #000; padding:12px 20px; color:#FFF; font-size:17px; text-decoration:none; border:none; background-image:url(../PIC/bg1.png) } 
.toggle:hover { background-color: #000; color:#FFF } 
[id^=drop]:checked + ul { display: block; } 
nav ul li { display: block; width: 100%; } 
nav ul ul .toggle, nav ul ul a { padding: 0 40px; } 
nav ul ul ul a { padding: 0 80px; } 
nav a:hover, nav ul ul ul a { background-color: #0252bb; opacity:0.9 } 
nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a{ padding:14px 20px; color:#FFF; font-size:17px; } 
nav ul li ul li .toggle, nav ul ul a { background-color: #212121; } 
nav ul ul { float: none; position:static; color: #ffffff; } 
nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; } 
nav ul ul li { display: block; width: 100%; } 
nav ul ul ul li { position: static; }
/*MENU*/


.footer{ width:100%; background-image:url(); background-color:#fbfbfb; margin:0px; height:auto; float:left }

.footer_div1 { display:none }
.footer_div2 { width:100%; height:30px;  }
.scroll-right { height:30px;  }
.footer_div3 { width:100%; height:45px; }
.footer_div4 { display:none }

.scroll-right p { line-height: 28px; font-size: 13px; color:#d3d1d1 }
.scroll-right { background-color: #212121; }

.social-icons-bottom{display:;width:; height:auto; background-color:#; margin:0 auto; margin-top:0px; text-align:right; padding:6px 0px 0px 0px; text-align:center }
.social-icons-bottom a img{ display:;width:33px;  }
.social-icons-bottom a img:hover{ display:; opacity:0.8 }

.footer-social-icons { float:none; text-align: center; bottom: 3px; margin:0 auto}

}


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

.itm_con { width:100% }

}


@media all and (max-width : 768px) {
		
/*FEATURED CATEGORIES START*/
#fc_main_div { width:100%; height:auto;  }
#fc_img_div { width:33.33%; height:auto; margin-top:10px }
#fc_main_div #fc_img_div #img_div {width: 100%; height: auto; }
#fc_main_div #fc_img_div #img_div figure { width: 100%; height: auto;  }
#fc_main_div #fc_img_div #img_div figure #img { width:100%; height:30%}


/*FEATURED CATEGORIES END*/

#content1 ul img {display:none}
#content4 ul img {display:none}
.description_content .dv1 p { font-size:16px }
}




@media (max-width: 600px) { 
.featured_items_new .logo_hide{ width:100%; height:30px; background-color:#FFF; text-align:center; position:relative; top:-37px; margin:0 auto }
#fc_main_div { width:100%; height:382px; background-color:#FFF; clear:both }
#fc_main_div #fc_img_div { width:50%}

}

@media (max-width: 420px) {
.content4 ul img{ width:100% }
.toggle { text-align:center }
}




/*---GALLERY---*/

@media (max-width: 1060px) {
#img_thumb_1 { margin-left: 0px;}
#img_thumb_5 {margin-right: 0px;}

.big_image img {max-height: 430px;}
.thumbnail {height: 70px; width: 70px; top: 423px;}
.big_image { bottom: 93px;}

}
	
@media all and (max-width : 760px) {
.thumbnail {height: 50px; width: 50px;}
.big_image { bottom: 70px;}
}

@media all and (max-width : 670px) {
.big_image img {max-height: 360px;}
.thumbnail {height: 44px; width: 44px; top: 355px;}
.big_image { bottom: 65px;}
}

@media all and (max-width : 500px) {
.big_image img {max-height: 280px;}
.thumbnail {height: 79px; width: 79px; top: 277px;}
.big_image { bottom: 184px;}
}


@media all and (max-width : 450px) {
.big_image img {max-height: 222px;}
.thumbnail {height: 69px; width: 69px; top: 215px;}
.big_image { bottom: 166px;}
}


@media all and (max-width : 380px) {
.big_image img {max-height: 222px;}
.thumbnail {height: 58px; width: 58px; top: 215px;}
.big_image { bottom: 144px;}
}


@media all and (max-width : 325px) {
.big_image img {max-height: 180px;}
.thumbnail {height: 49px; width: 49px; top: 170px;}
.big_image { bottom: 128px;}
}


@media all and (max-width : 280px) {
.big_image img {max-height: 180px;}
.thumbnail {height: 41px; width: 41px; top: 170px;}
.big_image { bottom: 112px;}
.big_image img {width:100%}
}

@media all and (max-width : 240px) {
.big_image img {max-height: 180px;}
.thumbnail {height: 34px; width: 34px; top: 176px;}
.big_image { bottom: 96px;}
.big_image img {width:100%}
}