@media screen and (max-width: 1500px){
  #gh, 
  .tb_v4bc, 
  #glbfooter, 
  .stBadge, 
  .inside, 
  #page, 
  .mainTable {width: 100%}
  .mainTable {padding:0 10px;}
  #header .bg > .inside {padding:5px 10px;}
  #homeCats .four .topitembox {width: 25%; margin:0 0 20px 0;}
  #homeCats .three .topitembox img,
  #homeCats .four .topitembox img {width: 100%}
  #homeCats .three .topitembox {width: 33.333%; margin:0;}
  #homeCats .two .topitembox,
  #twoBanners .topitembox {width: 50%;}
  #homeCats .two .topitembox img,
  #twoBanners .topitembox img {max-width: 100%}
  #container {width:calc(100% - 230px)}
  #page {padding:20px 20px 0;}
  #container .desc {width: calc(100% - 520px)}
}

@media screen and (max-width: 1360px){
  #header .rightTop ul li a {padding:0 10px;}
  #header #search {width: 400px;}
  #homeCats .topitembox .topitemtitle2 a,
  #homeCats .topitembox .topitemtitle2 a {font-size: 16px; font-weight: normal;}
  #twoBanners .topitembox #topitemdescription a {padding:50px 20px 0;}
}

@media screen and (max-width: 1280px){
  #container .gallery {width: 55%; padding:0 10px 0 0;}
  #container .desc {width: 45%; padding: 0 0 0 10px;}
}

@media screen and (max-width: 1140px){
  #header .rightTop ul li {margin-left:5px;}
  #header .rightTop ul li a {padding:0 5px; font-size: 13px}
  #header .rightTop ul li img {margin-right:5px;}
  #header .rightTop h5 {font-size: 50px;}
  #header #search {width: 300px;}
  #twoBanners .topitembox #topitemdescription {max-width: 200px}
  #twoBanners .topitembox #topitemdescription a {padding:20px 10px 0;}
  #twoBanners .topitembox #topitemdescription p {font-size: 16px}
}

@media screen and (max-width: 960px){
  #header h1 {width:150px;}
  #header h1 img {max-width: 100%}
  #header .bg > .inside {padding:10px;}
  #header .rightTop {padding:25px 0 0 0;}
  #header #search {height: 40px; margin:0;}
  #header #search #gosrc {height: 40px;}
  #header .rightTop h5 {font-size: 40px; top:-10px;}
  #homeCats .topitembox .topitemtitle2 a,
  #homeCats .topitembox .topitemtitle2 a {font-size: 14px}
  #sidebar {display: none}
  #container {float: none; width: 100%}
  #twoBanners .topitembox #topitemdescription img {max-height: 40px;}
}

@media screen and (max-width: 880px){
  #header .rightTop {padding-top: 55px}
  .threeIcons li {font-size:14px}
  .threeIcons li img {margin:0 5px 0 0;}
  #LeftPanel,
  #header .rightTop h5,
  #header .rightTop ul {display: none;}
  .mainTable {padding:0 20px 0 0;}
  .respMenu {display:block; position:relative; cursor:pointer; background:#666; font-size:18px; color:#fff; text-transform: uppercase; padding:0 10px 0 40px; line-height:50px;}
  .respMenu:before {display: block;content: "";border-top: 4px solid #fff;position: absolute;height: 11px; width: 20px;left: 10px; top: 15px;border-bottom: 4px solid #fff;border-top: 4px solid #fff;}
  .respMenu:after {display: block; content: "";background: #fff;position: absolute;height: 4px;width: 20px;left: 10px;top: 29px;}
  #menu ul {display: none}
  #respMenu:checked ~ ul {display: block;}
  #menu ul li {float: none; display: list-item; border-top:1px rgba(255,255,255,0.2) solid;}
  #menu ul li a {text-align: left; line-height: normal; padding:10px;}
  .dynpg .l,
  .dynpg .r {display: none}
  #container .desc,
  #container .gallery {width: 100%; float: none; padding:0;}
}

@media screen and (max-width: 650px){
  #homeCats .two .topitembox,
  #twoBanners .topitembox {float: none; width: 100%;}
  #twoBanners .topitembox #topitemdescription a {padding:50px 10px 0;}
  #homeCats .three .topitembox,
  #homeCats .four .topitembox {width: 50%; margin:0 0 10px;}
  #homeCats .two .topitembox,
  #homeCats .four .topitembox.it4 {margin-bottom: 10px}
  #homeCats .three .topitembox.it3,
    #header .rightTop {display: none}
    #header h1 {float: none; margin:0 auto;}
    .product .prod {width: 50%}
    .product .prod.it4 {clear: none}
    .product .prod.it3,
    .product .prod.it5,
    .product .prod.it7 {clear: both}

    .tabNames {padding:0}
    .tabNames i:before, 
    .tabNames i:after {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .tabNames i {
      position: absolute;
      -webkit-transform: translate(-6px, 0);
      -moz-transform: translate(-6px, 0);
      -ms-transform: translate(-6px, 0);
      -o-transform: translate(-6px, 0);
      transform: translate(-6px, 0);
      margin-top:15px;
      right: 10px;
    }
    .tabNames i:before,
    .tabNames i:after {
      content: '';
      position: absolute;
      background: #fff;
      width: 3px;
      height: 9px;
    }
    .tabNames i:before {
      -webkit-transform: translate(-2px, 0) rotate(-45deg);
      -moz-transform: translate(-2px, 0) rotate(-45deg);
      -ms-transform: translate(-2px, 0) rotate(-45deg);
      -o-transform: translate(-2px, 0) rotate(-45deg);
      transform: translate(-2px, 0) rotate(-45deg);
    }
    .tabNames i:after {
      -webkit-transform: translate(2px, 0) rotate(45deg);
      -moz-transform: translate(2px, 0) rotate(45deg);
      -ms-transform: translate(2px, 0) rotate(45deg);
      -o-transform: translate(2px, 0) rotate(45deg);
      transform: translate(2px, 0) rotate(45deg);
    }
    #tabs input:checked ~ .tabNames i:before {
      -webkit-transform: translate(2px, 0) rotate(-45deg);
      -moz-transform: translate(2px, 0) rotate(-45deg);
      -ms-transform: translate(2px, 0) rotate(-45deg);
      -o-transform: translate(2px, 0) rotate(-45deg);
      transform: translate(2px, 0) rotate(-45deg);
      background: #213045;
    }
    #tabs input:checked ~ .tabNames i:after {
      -webkit-transform: translate(-2px, 0) rotate(45deg);
      -moz-transform: translate(-2px, 0) rotate(45deg);
      -ms-transform: translate(-2px, 0) rotate(45deg);
      -o-transform: translate(-2px, 0) rotate(45deg);
      transform: translate(-2px, 0) rotate(45deg);
      background: #213045;
    }
    #tab0 ~ .tabNames,
    #tab0 ~ .tabNames label[for=tab0],
    #tab1 ~ .tabNames,
    #tab1 ~ .tabNames label[for=tab1],
    #tab2 ~ .tabNames,
    #tab2 ~ .tabNames label[for=tab2],
    #tab3 ~ .tabNames,
    #tab3 ~ .tabNames label[for=tab3],
    #tab4 ~ .tabNames,
    #tab4 ~ .tabNames label[for=tab4],
    #tab5 ~ .tabNames,
    #tab5 ~ .tabNames label[for=tab5]  {
        display: inline-block;
        width: 100%;
        background: #E01317;
        color: #fff !important;
        height: 40px; text-align:left; line-height: 40px;
    }
    #tabs label,
    #tabs label:hover {
        color:#fff;
        padding: 0 10px
    }
    #tab0 ~ .tabNames label[for=tab1],
    #tab0 ~ .tabNames label[for=tab2],
    #tab0 ~ .tabNames label[for=tab3],
    #tab0 ~ .tabNames label[for=tab4],
    #tab0 ~ .tabNames label[for=tab5],
    #tab1 ~ .tabNames label[for=tab0],
    #tab1 ~ .tabNames label[for=tab2],
    #tab1 ~ .tabNames label[for=tab3],
    #tab1 ~ .tabNames label[for=tab4],
    #tab1 ~ .tabNames label[for=tab5],
    #tab2 ~ .tabNames label[for=tab0],
    #tab2 ~ .tabNames label[for=tab1],
    #tab2 ~ .tabNames label[for=tab3],
    #tab2 ~ .tabNames label[for=tab4],
    #tab2 ~ .tabNames label[for=tab5],
    #tab3 ~ .tabNames label[for=tab0],
    #tab3 ~ .tabNames label[for=tab1],
    #tab3 ~ .tabNames label[for=tab2],
    #tab3 ~ .tabNames label[for=tab4],
    #tab3 ~ .tabNames label[for=tab5],
    #tab4 ~ .tabNames label[for=tab0],
    #tab4 ~ .tabNames label[for=tab1],
    #tab4 ~ .tabNames label[for=tab2],
    #tab4 ~ .tabNames label[for=tab3],
    #tab4 ~ .tabNames label[for=tab5],
    #tab5 ~ .tabNames label[for=tab0],
    #tab5 ~ .tabNames label[for=tab1],
    #tab5 ~ .tabNames label[for=tab2],
    #tab5 ~ .tabNames label[for=tab3],
    #tab5 ~ .tabNames label[for=tab4],
    #tab0:checked ~ .tabNames label[for=tab1],
    #tab0:checked ~ .tabNames label[for=tab2],
    #tab0:checked ~ .tabNames label[for=tab3],
    #tab0:checked ~ .tabNames label[for=tab4],
    #tab0:checked ~ .tabNames label[for=tab5],
    #tab1:checked ~ .tabNames label[for=tab0],
    #tab1:checked ~ .tabNames label[for=tab2],
    #tab1:checked ~ .tabNames label[for=tab3],
    #tab1:checked ~ .tabNames label[for=tab4],
    #tab1:checked ~ .tabNames label[for=tab5],
    #tab2:checked ~ .tabNames label[for=tab0],
    #tab2:checked ~ .tabNames label[for=tab1],
    #tab2:checked ~ .tabNames label[for=tab3],
    #tab2:checked ~ .tabNames label[for=tab4],
    #tab2:checked ~ .tabNames label[for=tab5],
    #tab3:checked ~ .tabNames label[for=tab0],
    #tab3:checked ~ .tabNames label[for=tab1],
    #tab3:checked ~ .tabNames label[for=tab2],
    #tab3:checked ~ .tabNames label[for=tab4],
    #tab3:checked ~ .tabNames label[for=tab5],
    #tab4:checked ~ .tabNames label[for=tab0],
    #tab4:checked ~ .tabNames label[for=tab1],
    #tab4:checked ~ .tabNames label[for=tab2],
    #tab4:checked ~ .tabNames label[for=tab3],
    #tab4:checked ~ .tabNames label[for=tab5],
    #tab5:checked ~ .tabNames label[for=tab0],
    #tab5:checked ~ .tabNames label[for=tab1],
    #tab5:checked ~ .tabNames label[for=tab2],
    #tab5:checked ~ .tabNames label[for=tab3],
    #tab5:checked ~ .tabNames label[for=tab4]{
        display: none
    }
    #tabs section,
    .tabNames label {
        padding:10px;
    }
    #homeCats {padding-bottom: 0}
    #bestSellers {padding-top: 0}
    #offers .topitembox, 
    #bestSellers .topitembox {width: 50%}
  
#CentralArea #offers .topitembox.it3,
#CentralArea #offers .topitembox.it5,
#CentralArea #offers .topitembox.it7,
#CentralArea #offers .topitembox.it9,
#CentralArea #offers .topitembox.it11,
#CentralArea #offers .topitembox.it13,
#CentralArea #offers .topitembox.it15
#CentralArea #offers .topitembox.it17,
#CentralArea #offers .topitembox.it19.
#CentralArea #offers .topitembox.it21,
#CentralArea #offers .topitembox.it23,
#CentralArea #offers .topitembox.it25,
#CentralArea #offers .topitembox.it27,
#CentralArea #offers .topitembox.it29,
#CentralArea #offers .topitembox.it33,
#CentralArea #offers .topitembox.it35,
#CentralArea #offers .topitembox.it37,
#CentralArea #offers .topitembox.it39,
#CentralArea #offers .topitembox.it41,
#CentralArea #offers .topitembox.it43,
#CentralArea #offers .topitembox.it45,
#CentralArea #bestSellers .topitembox.it3 {clear: both;}
 
    .dynpg .prev,
    .dynpg .next,
    #offers .btn, 
    #bestSellers .btn {display: none}
    #homeCats .topitembox .topitemtitle2 a {line-height:40px}
    #offers .topitemeffect, 
    #bestSellers .topitemeffect {height: 150px;}
    #homeCats .topitembox .topitemtitle2 a,
    #offers .topitemtitle2 a, 
    #bestSellers .topitemtitle2 a {font-size: 12px}
    .grid td.gallery {display: block; width: 100%}
}

@media screen and (max-width:560px){
  .threeIcons {display: none;}
  #homeCats .topitembox .topitemtitle2 a,
  #homeCats .topitembox .topitemtitle2 a {font-size: 12px}
}

@media screen and (max-width: 480px){
  #twoBanners .topitembox #topitemdescription {max-width: 150px;}
  #twoBanners .topitembox #topitemdescription a {padding:20px 5px 0;}
  #twoBanners .topitembox #topitemdescription p {font-size: 14px}
  #homeCats .four .topitembox,
  #homeCats .three .topitembox {width: 100%; float: none}
}