/**********************************************
                    420
**********************************************/


@media only screen and (max-width: 420px) {
  input.myinput {
    max-width: 236px;
  }

  .mywidth {
    width: 100%;
    margin-top: 14px;
  }
  #goTop{display:none;}
}


/**********************************************
                    520
**********************************************/


@media only screen and (max-width: 520px) {
  .card-div {
    display: block;
  }

  .paypal-div {
    display: block;
  }

  .wire-div {
    display: block;
    line-height: 66px;
  }

  input.myinput {
    margin-bottom: 6px;
  }

  .progress-bar {
    width: 100%;
  }

  .login-progress {
    background-image: none;
  }
}


/**********************************************
              MAIN MOBILE CSS

                    700
**********************************************/

@media only screen and (max-width: 700px) {
  .prolowertab,
.write-review {
    display: none;
  }

  h1.producttitle {
    font-size: 22px;
  }

  .utility-links {
    display: inline-block;
    float: left;
    padding-right: 10px;
  }

  .Productdetails .review-div {
    padding: 0;
  }

  .checkout-table2 td {
    padding: 3px 10px 3px 0px;
  }

  .shipping-option {
    float: right;
  }

  .cush3 {
    display: inline-block;
  }

  .place-order {
    width: 100%;
    padding: 16px 20px;
    font-size: 20px;
  }

  hr {
    margin: 13px 0;
  }

  .checkout-thumb {
    width: 25%;
  }

  .checkout-thumb img {
    width: 100%;
  }

  .sec-div {
    margin-top: 0px;
  }

  .leftdiv, .left {
    float: none;
    margin-right: 0;
  }

  h1.pagetitle,
h1.page-title-single {
    font-size: 20px;
  }

  .rightDiv {
    margin-bottom: 7px;
  }

  .continue {
    margin: 0;
  }

  .login-progress {
    display: none;
  }

  .show-menu .push {
    padding-left: 296px;
  }

  .show-menu {
    width: 700px;
  }

  footer .miniinnner h3 {
    width: 230px;
    margin: 0 auto 6px auto;
  }

  .mob-search {
    background-color: #e7e7e6;
    padding: 0 12px;
  }

  .menu-wrap {
    padding: 0;
  }

  .mob-search .search-input {
    margin: 6.5px 0px;
  }

  .Desktop-Header {
    display: none;
  }

  .Mobile-Header {
    display: block;
  }

  .Desktop {
    display: none;
  }

  .Mobile {
    display: block;
  }

  .mobiDiv {
    display: block;
    background-color: #1e2e42;
  }

  .mob-links ul.MenuBarHorizontal li {
    display: block;
  }

  .mob-links {
    background-color: #E7E7E6;
    margin-bottom: 10px;
    padding: 2px 0;
  }

  ul#MenuBar3 a.MenuBarItemSubmenu {
    background-image: url(../images/d-arrow.png);
    padding-right: 20px;
    margin-right: 12px;
    background-position: right center;
  }

  ul#MenuBar3 a:hover, ul#MenuBar3 a:focus, ul#MenuBar3 a:active {
    background-repeat: no-repeat !important;
    background-position: right center;
  }

  ul#MenuBar3 ul {
    width: 100%;
    max-width: 100%;
    padding: 0 !important;
    border: none;
    background-color: #F5F5F5;
  }

  ul#MenuBar3 a:hover, ul#MenuBar3 a:focus {
    color: #000;
  }

  ul#MenuBar3 li a.MenuBarItemSubmenuHover {
    color: #000 !important;
  }

  ul#MenuBar4 li {
    display: block;
  }

  ul#MenuBar4 a:hover, ul#MenuBar4 a:focus {
    color: #3D3D3D;
  }

  ul#MenuBar4 a {
    color: #000;
  }

  ul#MenuBar4 a {
    cursor: pointer;
    padding: 7px 22px 7px 12px;
  }

  ul#MenuBar4 li {
    border-bottom: 1px solid #e7e7e6;
  }

  ul#MenuBar4 ul {
    border: none;
    padding: 0;
    background-color: #FFFFFF;
    width: 100%;
  }

  .mobiDiv .social ul {
    margin: 0px;
    padding: 0px 12px;
  }

  .Sidebar ul li a:hover, .Sidebar ul li a:active, .nav ul li.active {
    background: #ececec;
    border-left: none !important;
    padding-left: 15px;
    color: #333333;
    opacity: 1;
    font-weight: 400;
  }

  .cart-mob {
    position: absolute;
    right: 20px;
    top: 8px;
  }

  .cat-thumb {
    width: 100%;
    display: block;
    height: 192px;
  }

  .cat-desc {
    width: auto;
    display: block;
    padding: 20px;
  }

  .page-thumb {
    width: 100%;
    display: block;
    height: 192px;
  }

  .page-desc {
    width: auto;
    display: block;
    padding: 20px;
  }

  .sec1 {
    width: 100%;
  }

  .Footer .section {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 20px;
  }

  .sec2, .sec3 {
    width: 100%;
    float: none;
    text-align: center;
    border: none;
    padding: 0;
    margin: 0 0 20px 0;
  }

  .search-input {
    float: none;
    width: 100%;
    margin: 14px 0px;
  }

  .cartitem {
    float: none;
  }

  .prefooter .fblike {
    float: none;
    width: 100%;
    text-align: center;
  }

  .prefooter .social {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 18px;
  }

  ul#MenuBar1 {
    width: 100%;
    float: none;
  }

  .social {
    float: none;
    width: 100%;
    text-align: left;
    margin-top: 10px;
  }

  .home .product-item {
    display: block;
    position: relative;
    max-width: 376px;
    margin: 10px auto 30px auto !important;
    width: 100% !important;
  }

  .Offerdiv {
    width: 100%;
    float: none;
    display: block;
    letter-spacing: 2px;
  }

  .Topmenu {
    width: 100%;
    display: block;
    float: none;
  }

  .sectionRight {
    float: none;
    position: relative;
    margin-top: 22px;
    top: 0;
  }

  .Site-logo {
    margin: 0 auto !important;
    padding: 10px 0;
    text-align: center;
    display: block;
    float: none;
    max-width: 161px;
    width: 100%;
  }

  ul#MenuBar2 a {
    padding: 6px 12px 6px 0;
  }

  ul#MenuBar2 {
    text-align: left !important;
  }

  .also-viewed-list-item {
    width: 42%;
    float: left;
    margin: 0 auto;
    padding: 0px 2%;
  }

  .also-viewed-list-item {
    width: 95.88% !important;
    padding: 0px 2% !important;
    max-width: 300px;
    float: none !important;
  }

  .category-page .product-item {
    width: 96% !important;
    margin: 10px auto 30px auto !important;
    max-width: 332px;
    display: block;
  }
}

/**********************************************
                    768
**********************************************/

@media only screen and (max-width: 768px) {
  .registered {
    width: 100%;
    float: none;
    border-right: none;
    min-height: 200px;
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }

  .not-registered {
    width: 100%;
    float: none;
    border-right: none;
    min-height: 200px;
    display: block;
    margin: 50px auto;
    max-width: 100%;
  }

  .progress-bar {
    width: 50%;
  }

  .home .product-item {
    width: 44.9999%;
  }

  .Sidebar {
    float: none;
    width: 100%;
  }

  .content-wide {
    padding: 0;
  }

  .select-div {
    display: inline-block;
    width: 50%;
    padding: 0 0 10px 0;
    text-align: center;
  }

  .extreme-pagination, .pagination {
    display: inline-block;
    width: 50%;
    padding: 0 0 10px 0px;
    text-align: center;
  }

  .ProductThumb {
    width: 100%;
    float: none;
  }

  .Productdetails {
    padding: 40px 0 0 0;
    display: block;
  }

  h1.producttitle {
    padding-right: 64px;
  }
}

/**********************************************
                    900
**********************************************/

@media only screen and (max-width: 900px) {
  .address-div {
    float: none;
    width: 100%;
    display: block;
    margin-right: 0;
  }

  .item-div {
    margin-top: 25px;
  }

  .category-page .product-item {
    width: 46.9999%;
    margin: 10px 1% 30px 1%;
  }

  .login-progress {
    background-image: none;
  }
}

/**********************************************
                    1140
**********************************************/

@media only screen and (max-width: 1140px) {
  .also-viewed-list-item {
    width: 42%;
    float: left;
    margin: 0 auto;
    padding: 0px 4%;
  }
  
    #nomarl{display:none;}
  #ipad222{display:block;}
  
}

@media (min-width: 700px) and (max-width: 1024px) {
   #nomarl{display:none;}
  #ipad222{display:none;}
  #ipad7001024{display:block;}
  .slides{display:none;}
}

@media (min-width: 1024px) and (max-width: 1140px) {
  #nomarl{display:none;}
  #ipad222{display:block;}
  #ipad7001024{display:none;}
  .slides{display:none;}
}