/* home page css */

/* slider css start here */
.tab_slide section{
    max-width: 1380px;
    padding-top: 0;
}
.tab_slide section .content-wrap li a{
    display: block;
    font-size: 14px;
    color: #363737;
    padding-bottom: 10px;
    text-align: center;
    width: 215px;
    
}
.tab_slide section .content-wrap li a.sec_pro_name{
    min-height: 40px;
}
.tab_slide section .content-wrap li{
    float: left;
    margin-right: 17px;
}
.tab_slide section .content-wrap li.last{
    margin-right: 0;
}
.item.last.img_pad {
    padding-top: 50px;
}
.tab_slide section .content-wrap li a img{
    border: 10px solid #eaeeef;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}
.tab_slide .content-wrap section{
    max-width: 946px;
   padding: 0;
}
.tab_slide .content-wrap section h3{
    font-weight: 400;
}
.tab_slide .tabs nav{
    clear: both;
}
.tab_slide .tabs{
background:url(../images/home_tabbg.png)no-repeat #cdd8dd;
margin: 15px 0 20px 0;
}
.tab_slide .tabs h1{
    font-size: 40px;
    text-transform: uppercase;
    color:#000;
    padding: 45px 0 10px 0;
    line-height: 40px;
}
.tab_slide .tabs h2{
    font-size: 40px;
    text-transform: uppercase;
    color:#000;
    padding: 45px 0 10px 0;
    line-height: 40px;
}
.tab_slide .tabs h1 span{
    color:#09699a;
    font-size: 32px;
}
.tab_slide .tabs h2 span{
    color:#09699a;
    font-size: 32px;
    text-transform:capitalize;
}
.tab_slide .prev, .next{
    position: absolute;
    top:50%;
}
.tab_slide .prev{
    background:url(../images/tab_pre.png)no-repeat;
    width: 70px;
    height: 50px;
    left:25px;
    text-indent: -99999em;
}
.tab_slide .next{
    right:25px;
    background:url(../images/tab_next.png)no-repeat;
    width: 70px;
    height: 50px;
    text-indent: -99999em;
}
.tab_slide .prev:hover{
    background:url(../images/tab_pre_hover.png)no-repeat;
    width: 70px;
    height: 50px;
}
.tab_slide .next:hover{
  
    background:url(../images/tab_next_hover.png)no-repeat;
    width: 70px;
    height: 50px;
}
.tab_slide .tabs nav ul li{
    display: block;
float: left;
margin: 0;
position: relative;
text-align: center;
width: 230px;
z-index: 1;
font-size: 13px;
height: 61px;
}
.tab_slide .tabs nav ul.bottom li{
    height: 53px;
}
.tabs-style-line nav li.tab-current a {
	color: #fff;
}
.tabs-style-line nav ul.bottom a{
    top:27px;
}
.tabs-style-line nav a {
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	padding:0;
	font-weight: bold;
	line-height: 1;
	display: block;
        position: relative;
        top: 15px;
        height: 61px;
}

.tab_slide .tabs nav ul.top li#section-bg-1{
   background:url(../images/1st_tab.png)no-repeat;
   background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-1:hover{
background:url(../images/1st_tab.png)no-repeat;
background-position: 0 -62px;
}
.tab_slide .tabs nav ul.top li#section-bg-1.tab-current{
background:url(../images/1st_tab.png)no-repeat;
background-position: 0 -62px;
}
.tab_slide .tabs nav ul.top li#section-bg-2{
    background:url(../images/2nd_tab.png)no-repeat;
     background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-2:hover{
 background:url(../images/2nd_tab.png)no-repeat;
  background-position: 0 -62px;
}
.tab_slide .tabs nav ul.top li#section-bg-2.tab-current{
 background:url(../images/2nd_tab.png)no-repeat;
   background-position: 0 -62px;
}
.tab_slide .tabs nav ul.top li#section-bg-3{
    background:url(../images/3rd_tab.png)no-repeat;
     background-position: 0 0;
     
}
.tab_slide .tabs nav ul.top li#section-bg-3:hover{
 background:url(../images/3rd_tab.png)no-repeat;
 background-position: 0 -62px;
}
.tab_slide .tabs nav ul.top li#section-bg-3.tab-current{
 background:url(../images/3rd_tab.png)no-repeat;
 background-position: 0 -62px;
}
.tab_slide .tabs nav ul.top li#section-bg-4{
     background:url(../images/4th_tab.png)no-repeat;
      background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-4:hover{
background:url(../images/4th_tab.png)no-repeat;
background-position: 0 -62px;
}
.tab_slide .tabs nav ul.top li#section-bg-4.tab-current{
background:url(../images/4th_tab.png)no-repeat;
background-position: 0 -62px;
}
.tab_slide .tabs nav ul.top li#section-bg-5{
    background:url(../images/5th_tab.png)no-repeat;
     background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-5:hover{
   background:url(../images/5th_tab.png)no-repeat;
   background-position: 0 -62px;
}
.tab_slide .tabs nav ul.top li#section-bg-5.tab-current{
   background:url(../images/5th_tab.png)no-repeat;
   background-position: 0 -62px;
}
.tab_slide .tabs nav ul.top li#section-bg-6{
   background:url(../images/6th_tab.png)no-repeat;
    background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-6:hover{
 background:url(../images/6th_tab.png)no-repeat;
 background-position: 0 -62px;
}
.tab_slide .tabs nav ul.top li#section-bg-6.tab-current{
 background:url(../images/6th_tab.png)no-repeat;
 background-position: 0 -62px;
}

/* slider ul bottom css end here */

.tab_slide .tabs nav ul.bottom li#section-bg-7{
   background:url(../images/1st_tab_bottom.png)no-repeat;
   background-position: 0 -62px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-7:hover{
background:url(../images/1st_tab_bottom.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-7.tab-current{
background:url(../images/1st_tab_bottom.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-8{
    background:url(../images/2nd_tab_bottom.png)no-repeat;
    background-position: 0 -62px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-8:hover{
 background:url(../images/2nd_tab_bottom.png)no-repeat;
  
}
.tab_slide .tabs nav ul.bottom li#section-bg-8.tab-current{
 background:url(../images/2nd_tab_bottom.png)no-repeat;
   
}
.tab_slide .tabs nav ul.bottom li#section-bg-9{
    background:url(../images/3rd_tab_bottom.png)no-repeat;
 background-position: 0 -62px;
     
}
.tab_slide .tabs nav ul.bottom li#section-bg-9:hover{
 background:url(../images/3rd_tab_bottom.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-9.tab-current{
 background:url(../images/3rd_tab_bottom.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-10{
     background:url(../images/4th_tab_bottom.png)no-repeat;
    background-position: 0 -62px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-10:hover{
background:url(../images/4th_tab_bottom.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-10.tab-current{
background:url(../images/4th_tab_bottom.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-11{
    background:url(../images/5th_tab_bottom.png)no-repeat;
 background-position: 0 -62px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-11:hover{
   background:url(../images/5th_tab_bottom.png)no-repeat;
  
}
.tab_slide .tabs nav ul.bottom li#section-bg-11.tab-current{
   background:url(../images/5th_tab_bottom.png)no-repeat;
 
}
.tab_slide .tabs nav ul.bottom li#section-bg-12{
   background:url(../images/6th_tab_bottom.png)no-repeat;
  background-position: 0 -62px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-12:hover{
 background:url(../images/6th_tab_bottom.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-12.tab-current{
 background:url(../images/6th_tab_bottom.png)no-repeat;

}

/* slider css end here */




.banner_list .block_left{
    float: left;
    width: 30.5%;
    margin-right:2.4%;
    background: #a6c4cc;
    padding: 24px;
}
.block_left h1{
    font-size: 34px;
    font-weight:700;
    text-align: center;
    color: #fff;
    padding-bottom: 15px;
    min-height: 92px;
    
}
.block_left h2{
    font-size: 34px;
    font-weight:700;
    text-align: center;
    color: #fff;
    padding-bottom: 15px;
    min-height: 92px;
    
}
.block_left .box{
    background: #fff;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding-bottom: 10px;
}
.block_left .box a img{
    float: left;
   margin-right: 15px;
   margin-left: 15px;
   
}
.block_left .box .content{
float: left;
margin-top: 14px;
width: 37%;
}
.buy_btn {
  position: relative;
  top: 30x;
}
.buy_btn a{
    color:#333;
    font-size: 16px;
}
.buy_btn .regular-price .price{
    color:#f0877c;
    font-size: 24px;
}
.block_left .box a.product-image img{
    width: 220px;
    height: 247px;
}
.block_left .box .content h2 a{
    color:#4d4d4d;
}
.block_left .box .content h3{
    color:#4d4d4d;
    font-size: 18px;
    font-weight: bold;
}
.block_left .box .content h2{
    font-size:18px;
    font-weight: bold;
    line-height: 18px;
    min-height:inherit;
    text-align: left;
}
.block_left a.all_pro_list{
    text-align: center;
    padding-top: 20px;
    display: block;
    color:#333;
    text-decoration: underline;
}
.banner_list .block_middle{
    float: left;
    width: 30.5%;
    margin-right:2.4%;
}

.banner_list .block_last{
    float: left;
    width: 30.7%;
    margin-right:0;
}

.banner_list .block_last .top{
    margin-bottom: 30px;
}
.category_list img{
    width: 333px;
}
.category_list ul{
    padding-left: 0;
}
.category_list ul li{
   float: left;
   margin-right: 15px;
}
.category_list ul li.last{
    margin-right: 0;
}
.category_list ul li h3{
    background: #006699;
    padding: 10px;
    color: #fff;
    text-align: center;
    position: relative;
    margin-top:-42px;
}
.category_list ul li h3 a{
    color:#fff;
}
.featured_box h1,.category_list h1{
    padding-top:15px;
    font-family: arial;
    font-size: 22px;
    font-weight: bold;
    color:#0095c3;
    
}
.featured_box h2,.category_list h2{
    padding-top:15px;
    font-family: arial;
    font-size: 22px;
    font-weight: bold;
    color:#0095c3;
    
}
.featured_box .products-grid li.item{
    width:236px;
    border: 1px solid #bfbfbf;
    min-height: 460px;
}

.cms-home .main.span12{
    margin-top: 5px;
}
.cms-home .static-R-3, .static-R-2, .static-R-4{
    float: right;
    width: auto;
}
.cms-home .static-R-3 .sampleBanner {
    width: auto;
}
.cms-home .home-sidebar{
    float: left;
    margin: 0;
    width: 19.6%;
    border: 1px solid #d8d8d8;
    position: relative;
	
}
.cms-home .home-slider {
    float: right;
    
}
.cms-home .home-slider .span12.bannerRow{
margin-right: 0;
width: 1094px;
}
.cms-home .magicat-container .cat_heading{
 background:url(../images/home_cat_bg.png) repeat #f1f1f1;
 padding:10px 14px; 
 display: block;
 border-bottom:1px solid #d8d8d8;
}
.cms-home .magicat-container ul.magicat{
    padding:5px 0;
	margin-bottom:0;
	padding-bottom:0;
}
.cms-home .magicat-container ul.magicat li a{
    background:url(../images/home_cat_li_bg.png) no-repeat left center ;
    border-bottom: 1px dotted #d8d8d8;
}
.cms-home .magicat-container ul.magicat li a:hover{
    background:url(../images/home_cat_li_bg_hover.png) no-repeat left center ;
    color: #379208;
}
.cms-home .magicat-container ul.magicat li a{
    color: #2b2b2b;
    padding: 9px 14px 9px 23px;
    display: block;
    margin: 0 14px;
	
}
.cms-home .magicat-container ul.magicat li{
    /*position: relative;*/
}
.cms-home .magicat-container ul.magicat li .submenu{
    position: absolute;
    left:271px !important;
    top: 0;
    width: 100%;
    z-index: 1001;
    border: 1px solid #d8d8d8;
    padding-left: 27px;
    background: #fff;
    margin: 0;
    padding-top: 0;
    
}
.cms-home .magicat-container ul.magicat li .submenu li {
    
    list-style-type: disc !important;
    padding: 0 14px 0 0;
}
.cms-home .magicat-container ul.magicat li .submenu a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0;
    padding:9px 0;
}
.cms-home .magicat-container ul.magicat li.last a{
border-bottom:none;
}

.ddsmoothmenu-v ul li{
    position: relative;
    float: none;
}
/* Top level menu links style */
.ddsmoothmenu-v ul li a{
    display: block;

    text-decoration: none;
}
/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
    position: absolute;
    top: 0;
    visibility: hidden;
}
.ddcss3support .ddshadow.toplevelshadow {
    margin: 0;
}
.ddshadow {
   
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
a.menucatbox{
    display: none;
}
.tablet{
    display: none !important;
}
/* Note: Responsive Design media Query */

/* Note: Design for a width of 1220 */

@media only screen and (min-width: 1260px) and (max-width: 1419px) {
    .featured_box .products-grid li.item{
        width: 232px;
    }
    .category_list ul li{
        margin-right: 5px;  
    }
    .category_list img{
        width: 304px;
    }
.block_left h1 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 3px;
  text-align: center;
}
.block_left .box a.product-image img {
  height: 158px;
  width: 125px;
}
.buy_btn{
    top:0;
}
.banner_list .block_left{
    width: 29.4%;
}
.banner_list img{
    max-width: 100%;
}
.block_left .box .content{
    width: 56%;
}
.tab_slide .tabs nav ul li{
    width: 206px;
}
.tab_slide .tabs nav ul li#section-bg-1{
   background:url(../images/1st_tab.png)no-repeat;
   background-position: -13px -62px;
}
.tab_slide .tabs nav ul li#section-bg-1:hover{
background:url(../images/1st_tab.png)no-repeat;

}
.tab_slide .tabs nav ul li#section-bg-1.tab-current{
background:url(../images/1st_tab.png)no-repeat;

}
.tab_slide .tabs nav ul li#section-bg-2{
    background:url(../images/2nd_tab.png)no-repeat;
     background-position: -13px -62px;
}
.tab_slide .tabs nav ul li#section-bg-2:hover{
 background:url(../images/2nd_tab.png)no-repeat;
}
.tab_slide .tabs nav ul li#section-bg-2.tab-current{
 background:url(../images/2nd_tab.png)no-repeat;
}
.tab_slide .tabs nav ul li#section-bg-3{
    background:url(../images/3rd_tab.png)no-repeat;
     background-position: -13px -62px;
}
.tab_slide .tabs nav ul li#section-bg-3:hover{
 background:url(../images/3rd_tab.png)no-repeat;
}
.tab_slide .tabs nav ul li#section-bg-3.tab-current{
 background:url(../images/3rd_tab.png)no-repeat;
}

.tab_slide .tabs nav ul li#section-bg-4{
     background:url(../images/4th_tab.png)no-repeat;
      background-position: -13px -62px;
}
.tab_slide .tabs nav ul li#section-bg-4:hover{
background:url(../images/4th_tab.png)no-repeat;
}
.tab_slide .tabs nav ul li#section-bg-4.tab-current{
background:url(../images/4th_tab.png)no-repeat;
}
.tab_slide .tabs nav ul li#section-bg-5{
    background:url(../images/5th_tab.png)no-repeat;
     background-position: -13px -62px;
}
.tab_slide .tabs nav ul li#section-bg-5:hover{
   background:url(../images/5th_tab.png)no-repeat;
}
.tab_slide .tabs nav ul li#section-bg-5.tab-current{
   background:url(../images/5th_tab.png)no-repeat;
}
.tab_slide .tabs nav ul li#section-bg-6{
   background:url(../images/6th_tab.png)no-repeat;
    background-position: -13px -62px;
}
.tab_slide .tabs nav ul li#section-bg-6:hover{
 background:url(../images/6th_tab.png)no-repeat;
}
.tab_slide .tabs nav ul li#section-bg-6.tab-current{
 background:url(../images/6th_tab.png)no-repeat;
}
.tabs-style-line nav ul.top a{
    top:13px;
}
.tabs-style-line nav a{
    top:29px;
    text-decoration: none;
}
.home-slider{
    width: 74%;
}
.cms-home .home-slider .span12.bannerRow{
    width: 100%;
}
.cms-home .home-sidebar{
    width: 23.6%;
}
.cms-home .static-R-3, .static-R-2, .static-R-4{
    width: 100%;
}
.static-R-3 .sampleBanner {
    width: 298px !important;
    margin-right:6px;
}
.cms-home .magicat-container ul.magicat li a{
padding:6px 14px 6px 23px;
}
}

/* Note: Design for a width of 768px */
@media only screen and (min-width: 976px) and (max-width: 1259px) {
  .banner_list .block_left {
  background: none repeat scroll 0 0 #a6c4cc;
  float: left;
  margin-right: 1.7%;
  padding: 24px;
  width: 44.5%;
}
.category_list ul li {
  float: left;
  margin-right: 15px;
  width: 23.7%;
}	
.block_left .box a.product-image img {
  height: 247px;
  width: 188px;
}
.block_left .box .content {
  float: left;
  margin-top: 25px;
  width: 40%;
}
.buy_btn{
    top:30px;
}
.banner_list .block_last{
    width: 100%;
    margin-top: 15px;
}
.banner_list .block_last img{
    max-width: 100%;
}
.banner_list .block_last .top{
    float: left;
    width: 49%;
    margin-right:17px;
}
.banner_list .block_last .bottom{
    float: left;
    width: 49%;
    margin-right:0;
}
.category_list img {
  width: 275px;
}
ul.links{
    display: block !important;
}

.tab_slide .content-wrap section{
    max-width: 706px;
}
.tab_slide .tabs h1{
    font-size: 30px;
}
.tab_slide .prev{
    left: 2px;
}
.tab_slide section .content-wrap li{
    margin-right:25px;
}
.tab_slide section .content-wrap li.last{
    display: none;
}

.tab_slide section .content-wrap li {
    margin-right: 11px;
}
.tab_slide .tabs nav ul li{
    width: 145px;
    height: 37px;
    font-size: 12px;
    
}
.tabs-style-line nav a{
    text-transform: capitalize;
}
.tabs-style-line nav ul.top li a{
    top: 2px;
}
.tab_slide .tabs nav ul.bottom li{
    height: 33px;
}
.tabs-style-line nav ul.bottom a{
    top: 9px;
}
.tab_slide .tabs h1 span{
    font-size: 22px;
    line-height: 27px;
}
.tab_slide .tabs h1{
    padding-bottom:10px;
}
.tab_slide .tabs nav ul.top li#section-bg-1{
   background:url(../images/1st_tab_landscape.png)no-repeat;
   background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-1:hover{
background:url(../images/1st_tab_landscape.png)no-repeat;
background-position: 0 -39px;
}
.tab_slide .tabs nav ul.top li#section-bg-1.tab-current{
background:url(../images/1st_tab_landscape.png)no-repeat;
background-position: 0 -39px;
}
.tab_slide .tabs nav ul.top li#section-bg-2{
    background:url(../images/2nd_tab_landscape.png)no-repeat;
     background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-2:hover{
 background:url(../images/2nd_tab_landscape.png)no-repeat;
  background-position: 0 -39px;
}
.tab_slide .tabs nav ul.top li#section-bg-2.tab-current{
 background:url(../images/2nd_tab_landscape.png)no-repeat;
   background-position: 0 -39px;
}
.tab_slide .tabs nav ul.top li#section-bg-3{
    background:url(../images/3rd_tab_landscape.png)no-repeat;
     background-position: 0 0;
     
}
.tab_slide .tabs nav ul.top li#section-bg-3:hover{
 background:url(../images/3rd_tab_landscape.png)no-repeat;
 background-position: 0 -39px;
}
.tab_slide .tabs nav ul.top li#section-bg-3.tab-current{
 background:url(../images/3rd_tab_landscape.png)no-repeat;
 background-position: 0 -39px;
}
.tab_slide .tabs nav ul.top li#section-bg-4{
     background:url(../images/4th_tab_landscape.png)no-repeat;
      background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-4:hover{
background:url(../images/4th_tab_landscape.png)no-repeat;
background-position: 0 -39px;
}
.tab_slide .tabs nav ul.top li#section-bg-4.tab-current{
background:url(../images/4th_tab_landscape.png)no-repeat;
background-position: 0 -39px;
}
.tab_slide .tabs nav ul.top li#section-bg-5{
    background:url(../images/5th_tab_landscape.png)no-repeat;
     background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-5:hover{
   background:url(../images/5th_tab_landscape.png)no-repeat;
   background-position: 0 -39px;
}
.tab_slide .tabs nav ul.top li#section-bg-5.tab-current{
   background:url(../images/5th_tab_landscape.png)no-repeat;
   background-position: 0 -39px;
}
.tab_slide .tabs nav ul.top li#section-bg-6{
   background:url(../images/6th_tab_landscape.png)no-repeat;
    background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-6:hover{
 background:url(../images/6th_tab_landscape.png)no-repeat;
 background-position: 0 -39px;
}
.tab_slide .tabs nav ul.top li#section-bg-6.tab-current{
 background:url(../images/6th_tab_landscape.png)no-repeat;
 background-position: 0 -39px;
}

/* slider ul bottom css end here */

.tab_slide .tabs nav ul.bottom li#section-bg-7{
   background:url(../images/1st_tab_bottom_landscape.png)no-repeat;
   background-position: 0 -39px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-7:hover{
background:url(../images/1st_tab_bottom_landscape.png)no-repeat;


}
.tab_slide .tabs nav ul.bottom li#section-bg-7.tab-current{
background:url(../images/1st_tab_bottom_landscape.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-8{
    background:url(../images/2nd_tab_bottom_landscape.png)no-repeat;
    background-position: 0 -39px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-8:hover{
 background:url(../images/2nd_tab_bottom_landscape.png)no-repeat;
  
}
.tab_slide .tabs nav ul.bottom li#section-bg-8.tab-current{
 background:url(../images/2nd_tab_bottom_landscape.png)no-repeat;
   
}
.tab_slide .tabs nav ul.bottom li#section-bg-9{
    background:url(../images/3rd_tab_bottom_landscape.png)no-repeat;
 background-position: 0 -39px;
     
}
.tab_slide .tabs nav ul.bottom li#section-bg-9:hover{
 background:url(../images/3rd_tab_bottom_landscape.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-9.tab-current{
 background:url(../images/3rd_tab_bottom_landscape.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-10{
     background:url(../images/4th_tab_bottom_landscape.png)no-repeat;
    background-position: 0 -39px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-10:hover{
background:url(../images/4th_tab_bottom_landscape.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-10.tab-current{
background:url(../images/4th_tab_bottom_landscape.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-11{
    background:url(../images/5th_tab_bottom_landscape.png)no-repeat;
 background-position: 0 -39px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-11:hover{
   background:url(../images/5th_tab_bottom_landscape.png)no-repeat;
  
}
.tab_slide .tabs nav ul.bottom li#section-bg-11.tab-current{
   background:url(../images/5th_tab_bottom_landscape.png)no-repeat;
 
}
.tab_slide .tabs nav ul.bottom li#section-bg-12{
   background:url(../images/6th_tab_bottom_landscape.png)no-repeat;
  background-position: 0 -39px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-12:hover{
 background:url(../images/6th_tab_bottom_landscape.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-12.tab-current{
 background:url(../images/6th_tab_bottom_landscape.png)no-repeat;

}
.home-slider{
    width: 70%;
}
.cms-home .home-slider .span12.bannerRow{
    width: 100%;
}
.cms-home .home-sidebar{
    width: 27.6%;
}
.cms-home .static-R-3, .static-R-2, .static-R-4{
    width: 100%;
}
.static-R-3 .sampleBanner {
    width:301px !important;
    margin-right:6px;
}
.ipad_no-margin{
margin-right:0 !important;
}
.cms-home .magicat-container ul.magicat li .submenu{
    display: none !important;
}
.desk{
    display: none;
}
.sampleBanner.tablet{
    display:block !important;
	width:608px !important;
	margin-right:0;
}

}

/* Note: Design for a width of 768px ipad portrait*/
@media only screen and (min-width: 768px) and (max-width: 975px) {
    .nav-container{
        display: none;
    }
	.category_list ul li {
  float: left;
  font-size: 10px !important;
  margin-right: 15px;
  width: 23.4%;
}
.category_list ul li h3 {
  background: none repeat scroll 0 0 #069;
  color: #fff;
  font-size: 14px;
  margin-top: -35px;
  padding: 10px;
  position: relative;
  text-align: center;
}
.category_list img {
    width: 100%;
}
    .banner_list .block_left {
  background: none repeat scroll 0 0 #a6c4cc;
  float: left;
  margin-right: 2.4%;
  padding: 24px;
  width: 47.5%;
}
    .block_left .box a.product-image img {
  height: 150px;
  width: 100px;
}
.block_left h1{
    font-size: 21x;
    padding-bottom: 10px;
    min-height: 53px;
}
.block_left .box .content{
    width: 60%;
}
  .banner_list .block_middle {
  float: left;
  margin-right: 0;
  width: 43.5%;
} 
.banner_list .block_middle img{
    width: 100%;
}
.block_left .box .content{
    position: relative;
    top: 0;
    right: 0;
}
.buy_btn{
    top:0;
}
.banner_list .block_last{
    margin-top: 15px;
    width: 100%;
}
.banner_list .block_last img{
    max-width: 100%;
}
.banner_list .block_last .top {
  float: left;
  margin-right: 14px;
  width: 49%;
}
.bottom{
    float: left;
    width: 49%;
}
ul.links{
    display: block !important;
}
.tab_slide .content-wrap section{
    width: 489px;
}
.tab_slide .tabs h2{
    font-size: 21px;
}
.tab_slide .tabs nav ul li{
    width: 122px;
    height: 40px;
    font-size: 12px;
}
.tabs-style-line nav ul.top li a{
    top:3px;
}
.tabs-style-line nav ul.bottom a{
    top:10px;
}
.tabs-style-line nav ul.bottom{
    float: left;
    width: 100%;
}
.tab_slide .tabs nav ul.bottom li{
    height: 36px;
}
.tab_slide .tabs h2 span{
    font-size: 22px;
    line-height: 27px;
}
.tab_slide .tabs h2{
    padding-bottom:10px;
}
.tabs-style-line nav a{
    text-transform: capitalize;
}
.tab_slide .tabs nav ul.top li#section-bg-1{
   background:url(../images/1st_tab_ipad.png)no-repeat;
   background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-1:hover{
background:url(../images/1st_tab_ipad.png)no-repeat;
background-position: 0 -44px;
}
.tab_slide .tabs nav ul.top li#section-bg-1.tab-current{
background:url(../images/1st_tab_ipad.png)no-repeat;
background-position: 0 -44px;
}
.tab_slide .tabs nav ul.top li#section-bg-2{
    background:url(../images/2nd_tab_ipad.png)no-repeat;
     background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-2:hover{
 background:url(../images/2nd_tab_ipad.png)no-repeat;
  background-position: 0 -44px;
}
.tab_slide .tabs nav ul.top li#section-bg-2.tab-current{
 background:url(../images/2nd_tab_ipad.png)no-repeat;
   background-position: 0 -44px;
}
.tab_slide .tabs nav ul.top li#section-bg-3{
    background:url(../images/3rd_tab_ipad.png)no-repeat;
     background-position: 0 0;
     
}
.tab_slide .tabs nav ul.top li#section-bg-3:hover{
 background:url(../images/3rd_tab_ipad.png)no-repeat;
 background-position: 0 -44px;
}
.tab_slide .tabs nav ul.top li#section-bg-3.tab-current{
 background:url(../images/3rd_tab_ipad.png)no-repeat;
 background-position: 0 -44px;
}
.tab_slide .tabs nav ul.top li#section-bg-4{
     background:url(../images/4th_tab_ipad.png)no-repeat;
      background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-4:hover{
background:url(../images/4th_tab_ipad.png)no-repeat;
background-position: 0 -44px;
}
.tab_slide .tabs nav ul.top li#section-bg-4.tab-current{
background:url(../images/4th_tab_ipad.png)no-repeat;
background-position: 0 -44px;
}
.tab_slide .tabs nav ul.top li#section-bg-5{
    background:url(../images/5th_tab_ipad.png)no-repeat;
     background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-5:hover{
   background:url(../images/5th_tab_ipad.png)no-repeat;
   background-position: 0 -44px;
}
.tab_slide .tabs nav ul.top li#section-bg-5.tab-current{
   background:url(../images/5th_tab_ipad.png)no-repeat;
   background-position: 0 -44px;
}
.tab_slide .tabs nav ul.top li#section-bg-6{
   background:url(../images/6th_tab_ipad.png)no-repeat;
    background-position: 0 0;
}
.tab_slide .tabs nav ul.top li#section-bg-6:hover{
 background:url(../images/6th_tab_ipad.png)no-repeat;
 background-position: 0 -44px;
}
.tab_slide .tabs nav ul.top li#section-bg-6.tab-current{
 background:url(../images/6th_tab_ipad.png)no-repeat;
 background-position: 0 -44px;
}

/* slider ul bottom css end here */

.tab_slide .tabs nav ul.bottom li#section-bg-7{
   background:url(../images/1st_tab_bottom_ipad.png)no-repeat;
   background-position: 0 -44px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-7:hover{
background:url(../images/1st_tab_bottom_ipad.png)no-repeat;


}
.tab_slide .tabs nav ul.bottom li#section-bg-7.tab-current{
background:url(../images/1st_tab_bottom_ipad.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-8{
    background:url(../images/2nd_tab_bottom_ipad.png)no-repeat;
    background-position: 0 -44px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-8:hover{
 background:url(../images/2nd_tab_bottom_ipad.png)no-repeat;
  
}
.tab_slide .tabs nav ul.bottom li#section-bg-8.tab-current{
 background:url(../images/2nd_tab_bottom_ipad.png)no-repeat;
   
}
.tab_slide .tabs nav ul.bottom li#section-bg-9{
    background:url(../images/3rd_tab_bottom_ipad.png)no-repeat;
 background-position: 0 -44px;
     
}
.tab_slide .tabs nav ul.bottom li#section-bg-9:hover{
 background:url(../images/3rd_tab_bottom_ipad.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-9.tab-current{
 background:url(../images/3rd_tab_bottom_ipad.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-10{
     background:url(../images/4th_tab_bottom_ipad.png)no-repeat;
    background-position: 0 -44px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-10:hover{
background:url(../images/4th_tab_bottom_ipad.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-10.tab-current{
background:url(../images/4th_tab_bottom_ipad.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-11{
    background:url(../images/5th_tab_bottom_ipad.png)no-repeat;
 background-position: 0 -44px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-11:hover{
   background:url(../images/5th_tab_bottom_ipad.png)no-repeat;
  
}
.tab_slide .tabs nav ul.bottom li#section-bg-11.tab-current{
   background:url(../images/5th_tab_bottom_ipad.png)no-repeat;
 
}
.tab_slide .tabs nav ul.bottom li#section-bg-12{
   background:url(../images/6th_tab_bottom_ipad.png)no-repeat;
  background-position: 0 -44px;
}
.tab_slide .tabs nav ul.bottom li#section-bg-12:hover{
 background:url(../images/6th_tab_bottom_ipad.png)no-repeat;

}
.tab_slide .tabs nav ul.bottom li#section-bg-12.tab-current{
 background:url(../images/6th_tab_bottom_ipad.png)no-repeat;

}
.cms-home .main.span12{
    margin-top: 10px;
}
.home-slider{
    width: 70%;
}
.cms-home .home-slider .span12.bannerRow{
    width: 100%;
}
.cms-home .home-sidebar{
    width: 27.6%;
}
.cms-home .static-R-3, .static-R-2, .static-R-4{
    width: 100%;
}
.static-R-3 .sampleBanner {
    width: 253px !important;
    margin-right:6px;
}
.ipad_no-margin{
margin-right:0 !important;
}
.cms-home .magicat-container ul.magicat li .submenu{
    display: none !important;
}
.desk{
    display: none;
}
.sampleBanner.tablet{
    display: block !important;
	width:511px !important;
	margin-right:0;
}
}

/* Note: Design for a width of 767 */
@media only screen and (max-width: 767px) {
    .mob ul{
        padding: 0;
    } 
    .mob ul li{
        float: left;
        width: 48%;
        margin-bottom: 10px;
    }
    .mob ul li.first{
        margin-right: 10px;
    }
    .mob ul li a{
     padding: 20px 11px;
        display: block;
        color: #fff;
        min-height: 34px;
        text-align: center;
    }
    #smoothmenu{
    display:none;
}
a.menucatbox{
    display: block;
}
.cat_desk{
    display: none !important    ;
}
    .mob ul li#cat-bg-1,.mob ul li#cat-bg-7{
      background:#58bae9;
    }
    .mob ul li#cat-bg-2,.mob ul li#cat-bg-8{
      background:#f96e4c;
    }
    .mob ul li#cat-bg-3,.mob ul li#cat-bg-9{
      background:#3fc0be;
    }
    .mob ul li#cat-bg-4,.mob ul li#cat-bg-10{
      background:#6cbe42;
    }
    .mob ul li#cat-bg-5,.mob ul li#cat-bg-11{
      background:#faac18;
    }
    .mob ul li#cat-bg-6,.mob ul li#cat-bg-12{
      background:#ef3624;
    }
    
    .tab_slide .tabs{
        display: block;
        margin-bottom: 15px;
    }
    .tab_slide .tabs nav{
        display: none;
    }
    .tab_slide .tabs h1{
        font-size:12px;
        padding-top: 20px;
        padding-bottom: 60px;
    }
    .tab_slide .prev, .next{
        margin: 15px 0;
position: absolute;
top: 4%;
display: block;
    }
    .tab_slide section .content-wrap li{
        float: none;
        margin-right: 0;
    }
    .banner_list{
        margin-top:10px;
    }
    .cms-home .home-slider .span12.bannerRow{
margin-right: 0;
width: 100%;
min-height: 121px;
}
.cms-home .home-slider .span12.bannerRow .slider{
    min-height: 121px !important;
}
.cms-home .home-sidebar{
    width: 100%;
}
.cms-home .magicat-container ul.magicat li .submenu{
    display: none !important;
}
a.arrow-up .cat_heading span{
    background:url(../images/down_arrow.png) no-repeat right center;  
    width: 100%;
    display: block;
}
a.arrow-down .cat_heading span{
    background:url(../images/active_arrow.png) no-repeat right center;  
    width: 100%;
    display: block;
}
    .banner_list .block_left{
        float: none;
        margin: 0;
        width: 89%;
        padding: 15px;
    }
    .block_left .box .content{
        position: relative;
        right: 0;
        top:0;
        width: auto;
    }
    .block_left .box{
        padding: 10px;
    }
    .block_left h1{
        font-size:29px;
    }
    .buy_btn{
        top:0;
    }
    .banner_list .block_middle{
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    .banner_list .block_last{
        width: 100%;
        float: none;
        margin-top:10px;
    }
    .category_list img{
        width: 100%;
    }
    .category_list ul li{
        float: none;
        margin-right: 0;
    }
    .block_left .box a img{
        margin: 0;
    }
    .banner_list .block_last .top{
        margin-bottom: 10px;
    }
    .products-grid li.item{
        margin-left: 0;
    }

}
/* Note: Design for a width of 480px */
	
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .banner_list .block_left{
        width: 93%;
    }
    .tab_slide .prev, .next{
        top:40%;
    }
    .tab_slide .prev{
        left:15px;
    }
    .tab_slide .next{
        right:15px;
    }
	
.cms-home .static-R-3 .sampleBanner {
    width: 416px;
}

}