@media screen and (max-width:1024px) {
.social-part{overflow:hidden;}
.contact ul li{margin-bottom:0px;}
.box-product > div, .product-grid > div{margin-right:2px;}
.main-wrapper{margin: 15px 15px 0 15px;}
.product-info .cart div{float:none; margin-bottom: 10px;}
 }
@media screen and (max-width:320px) {
.product-info{overflow:hidden!important;}
.htabs a{font-size:11px; padding:7px 5px 6px 5px;}
 } 
@media screen and (max-width:480px) {
.cart-info .quantity { white-space: normal; }
.product-info .image a img {width:100%;}
.main-wrapper{padding:0 10px;}
.flex-control-nav, .flex-direction-nav li a.prev:hover{display:none!important;}
.contact ul li{float:none; width:auto;}
.category-list ul { float: none; width:auto; margin-right:0px;}
.product-info .review > div {overflow:inherit;}
.social-part{display:none;}
#item-id-max { text-overflow: ellipsis; width: 20px; white-space: nowrap; overflow:hidden; }
}
@media only screen and (min-width:801px) {
#menu > ul, #menuaccount > ul, #footer ul {display: block!important;}
}
@media screen and (max-width:800px) {
#show_small {  display: block !important; }
body { -webkit-text-size-adjust: auto; }
.wrapper { margin:0px 0 0 0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.wrapper, #footer, #header, .header-top, .fpart { width:auto!important;}
#container{width:none!important;}
.home, #column-right, #column-left{ display:none!important; }
h1 { text-align:center }
.login-content .left, .login-content .right, .checkout-content .left, .checkout-content .right { width:auto!important; float:none; }
.content .right  { margin-top: 10px; }
.login-content .left .content, .login-content .right .content{min-height:inherit }
input[type="text"], input[type="password"], textarea { width:96%; }
select { width:99%; }
#cc_table  select { width: 80%; }
.breadcrumb a { font-size:11px; margin-bottom:10px; display:inline-block }
#menu, #menuaccount { padding:0; height:auto; text-align:center;}
#menu > ul > li, #menuaccount > ul > li { float:none; padding:0px;}
#menu > span, #menuaccount > span { text-transform:uppercase; font-size:16px; padding:0px 15px 0px 8px; height:45px; line-height:45px; text-align:center; margin:0; cursor: pointer; display:inline-block; color:#fff; background:url(../images/arrow-down.png) no-repeat right center;}
#menu > ul, #menuaccount > ul { display:none; text-align:left; background:#fff!important; box-shadow:0 2px 8px rgba(0, 0, 0, 0.2); position:relative; z-index:9;}
#menu > ul > li > div, #menuaccount > ul > li > div { display:block; position:inherit; z-index:auto; border:1px solid #ddd; border-width:1px 0px 0px 0px; box-shadow:none!important; margin:0!important; background:none!important; }
#menu > ul > li > div > ul > li > a, #menuaccount > ul > li > div > ul > li > a{color:#333!important}
#menu > ul > li > div > ul > li > a:hover, #menuaccount > ul > li > div > ul > li > a:hover{background:#eee!important}
#menu > ul > li > a:hover, #menuaccount > ul > li > a:hover{background:#fff!important}
#menu > ul > li > div > ul, #menuaccount > ul > li > div > ul { display:inline; padding:0; }
#menu > ul > li:hover > div, #menuaccount > ul > li:hover > div { display: block; }
#menu > ul > li > a, #menuaccount > ul > li > a { color:#222!important; line-height:30px; border-bottom:1px solid #eee; margin-top:2px; background:#eee!important;}
.contact{border-top:1px dashed #444444; padding-top:10px;}
.social_wrap { display:none!important; }
.payments_types{float:none; margin:10px 0 0px 0;}
.payments_types img{margin-bottom:10px;}
.product-list .left { width:auto; float:none; }
.jcarousel-skin{ display:none!important; }
.product-info > .left { float:none; text-align:center; margin-right:0px; }
.product-info > .left + .right { margin-left:auto ; text-align:center;}
.product-info .image { float:none;}
.mousetrap { width:99%; }
.product-info .image-additional { width:auto; margin-bottom:10px; max-width:none; }
.product-info .image-additional a { display:inline-block; float:none; }
.product-info .cart div { margin-bottom:10px; float:none;}
.product-grid, .box, .box-product { text-align:center; }
.cart-info thead .price, .cart-info tbody .price { display:none; }
.sitemap-info .left, .sitemap-info .right, .content .left, .content .right, .return-comment, .return-captcha, .manufacturer-list ul, .order-list .order-content div { float:none; width:auto }
.cart-info thead .model, .cart-info tbody .model, .wishlist-product thead .model, .wishlist-product thead .stock, .wishlist-product tbody .model, .wishlist-product tbody .stock { display:none; }
.mobile-name { display:block!important; }
.mobile-rating img { width:70px; }
.mobile-search { margin-bottom:10px; }
.pagination{text-align:center; margin-bottom:0;}
.pagination .links{float:none;}
.pagination .results{float:none; margin-top:5px;}
.box .box-heading span{padding:0 30px;}
.box-product > div, .product-grid > div{margin-right:10px;}
.buttons .right { float: none; text-align: center; }
.buttons .center { margin-top: 10px; }
.accordion .button { margin-top: 10px; } 
}

/* Large desktops and laptops */

@media only screen and (min-width: 1200px) {
    .MainWarp {
        margin: 0 auto;
        width: 1138px;
    }
    .view-small-dev {
        display: none;
    }
}


/* Landscape tablets and medium desktops */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .view-small-dev {
        display: none;
    }
    body {
        overflow-x: hidden;
    }
    .MainWarp {
        margin: 0 auto;
        width: 980px;
    }
    .header-right {
        width: 640px;
    }
    ul.MainMenuitem li a {
        padding: 20px 16px;
    }
    .Content-Warp {
        width: 705px;
    }
    .footer-left {
        width: 60%;
    }
    .footer-logo {
        width: 250px;
    }
    .footer-contact {
        width: 235px;
        float: right;
    }
    .footer-right {
        float: right;
        width: 300px;
    }
    .accepted-payment {
        margin-top: 15px;
    }
    .Featured-Product ul {
        margin: 0 -15px;
    }
    .Featured-Product ul li {
        padding: 25px 15px;
    }
    .Newsletter-box .box-intro {
        width: 201px;
    }
    .Newsletter-box .icon-box {
        margin-top: 10px;
    }
}


/* Portrait tablets and small desktops */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .view-small-dev {
        display: none;
    }
    body {
        overflow-x: hidden;
    }
    .MainWarp {
        margin: 0 auto;
        width: 750px;
    }
    .logo {
        width: 100%;
        text-align: center;
        float: none;
        padding-bottom: 15px;
    }
    .header-right {
        width: 100%;
        float: none;
    }
    .HeadrightTop nav.usermenu {
        float: left;
    }
    .header-contact {
        float: right;
    }
    .mod-search-box {
        float: left;
    }
    ul.MainMenuitem li a {
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        font-weight: 500;
        line-height: 17px;
        padding: 20px 8px;
        text-transform: uppercase;
    }
    ul.MainMenuitem li ul li a {
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        padding: 8px 14px;
        text-transform: none;
    }
    ul.MainMenuitem ul {
        min-width: 200px;
    }
    .Content-Warp {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    .Newsletter-box .box-intro {
        display: block;
        float: left;
        width: 212px;
    }
    .Newsletter-box .box-intro small {
        font-size: 16px;
    }
    .side-left {
        margin-right: 0;
        width: 100%;
        float: none;
    }
    .left-box ul li a {
        font-size: 16px;
    }
    .footer-left {
        float: none;
        width: 100%;
        padding-bottom: 15px;
    }
    .footer-right {
        width: 100%;
        float: none;
    }
    .footer-logo {
        float: left;
        width: 50%;
    }
    .footer-contact {
        width: 50%;
        float: right;
    }
    .accepted-payment {
        float: right;
        width: 50%;
    }
    .footer-left:after,
    .footer-left:before {
        display: table;
        content: "";
        clear: both;
    }
    .footer-right:after,
    .footer-right:before {
        display: table;
        content: "";
        clear: both;
    }
}

/* Landscape phones and portrait tablets */

@media only screen and (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
    .MainWarp {
        margin: 0 auto;
        width: auto;
        padding: 0 10px;
    }
    .view-small-dev {
        display: block;
    }
    .hide-sm-all {
        display: none;
    }
    .menu-togle {
        display: block;
        background: url(../images/menu-toggle.png)no-repeat 10px 13px;
        color: #fff;
        font-size: 18px;
        padding-bottom: 15px;
        padding-left: 45px;
        padding-top: 15px;
        cursor: pointer;
    }
    .clone-menu-warp {
        position: absolute;
        display: none;
        width: 100%;
        height: auto;
        left: 0;
        z-index: 99999;
        top: 45px;
        background: #E6619C;
    }
    .mobile-view-menu {
        position: relative;
    }
    .logo {
        width: 100%;
        text-align: center;
        float: none;
        padding-bottom: 15px;
    }
    .header-right {
        width: 100%;
        float: none;
    }
    .HeadrightTop nav.usermenu {
        float: left;
    }
    .header-contact {
        float: right;
    }
    .mod-search-box {
        float: left;
    }
    ul.MainMenuitem li a {
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        font-weight: 500;
        line-height: 17px;
        padding: 20px 8px;
        text-transform: uppercase;
    }
    ul.MainMenuitem li ul li a {
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        padding: 8px 14px;
        text-transform: none;
    }
    ul.MainMenuitem ul {
        min-width: 200px;
    }
    .Content-Warp {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    .Newsletter-box .box-intro {
        display: block;
        float: left;
        width: 212px;
    }
    .Newsletter-box .box-intro small {
        font-size: 16px;
    }
    .side-left {
        margin-right: 0;
        width: 100%;
        float: none;
    }
    .left-box ul li a {
        font-size: 16px;
    }
    .footer-left {
        float: none;
        width: 100%;
        padding-bottom: 15px;
    }
    .footer-right {
        width: 100%;
        
    }
    .footer-logo {
        float: left;
        width: 50%;
    }
    .footer-contact {
        width: 50%;
        float: right;
    }
    .accepted-payment {
        float: right;
        width: 50%;
    }
    .footer-left:after,
    .footer-left:before {
        display: table;
        content: "";
        clear: both;
    }
    .footer-right:after,
    .footer-right:before {
        display: table;
        content: "";
        clear: both;
    }
    ul.MainMenuitem > li {
        float: none;
    }
    ul.MainMenuitem li a {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 18px;
        padding: 10px 12px;
    }
    ul.MainMenuitem > li:first-child > a {
        padding-left: 12px;
    }
    .clone-menu-warp ul.MainMenuitem ul {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        display: block !important;
    }
    .clone-menu-warp ul.MainMenuitem li ul li a {
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        padding: 10px 24px;
        text-transform: none;
    }
    .clone-menu-warp ul.MainMenuitem > li > a:hover {
        background-color: #deaa9e;
    }
}

@media only screen and (max-width: 740px) {
    .Newsletter-box .icon-box {
        float: none;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .Newsletter-box .box-intro {
        float: none;
        width: 100%;
        box-sizing: border-box;
        text-decoration: none !important;
    }
    .Newsletter-box .box-intro small {
        text-decoration: none !important;
    }
    .Newsletter-box .box-intro small br {
        display: none;
    }
    .Newsletter-box ul li a:hover {
        text-decoration: none !important;
    }
    .Featured-Product ul li {
        width: 50%;
    }
    .HeadrightTop nav.usermenu {
        float: none;
        width: 100%;
        text-align: center;
    }
    nav.usermenu ul {
        text-align: center;
    }
    nav.usermenu ul li {
        float: none;
        display: inline-block;
    }
    .header-contact {
        padding: 10px 0;
        text-align: center;
        width: 100%;
        float: none;
    }
    .mod-search-box {
        float: left;
        width: 100%;
    }
    .mod-addCart {
        width: 195px;
    }
    .HeadrightTop {
        padding-bottom: 15px;
    }
    .flex-caption h2 {
        color: #d94385;
        font-family: "Roboto", sans-serif;
        font-size: 24px;
        font-weight: bold;
        line-height: 24px;
        margin: 0;
        padding: 0;
    }
    .flex-caption p {
        color: #1d1c1c;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        margin: 10px 0;
    }
    .Newsletter-box {
        margin-bottom: 25px;
    }
}


/* Portrait phones and smaller */

@media only screen and (max-width: 580px) {
    .footer-right {
        display: block;
    }
    .footer-logo {
        width: 100%;
        text-align: center;
        float: none;
    }
    .footer-contact {
        width: 100%;
        text-align: center;
        float: none;
        margin-top: 15px;
    }
	
	.footer-social,.accepted-payment {
    float: none;
    width: 100%;
	text-align: center;
}

.footer-social ul,.accepted-payment ul { text-align: center;}
.footer-social ul  li ,.accepted-payment ul li{ display: inline-block; float:none;}
.footer-social { padding-bottom:10px;}
.footer-social ul li { margin:4px 2px;}
.accepted-payment ul li {
   
    margin: 4px 0 4px 4px;
}
	
}

@media only screen and (max-width: 480px) {
    .flex-caption {
        padding: 15px;
    }
    .flex-caption h2 {
        font-size: 18px;
        font-weight: bold;
        line-height: 20px;
    }
    .flex-caption p {
        font-size: 13px;
        line-height: 16px;
    }
    .flex-control-nav {
        bottom: 5px;
    }
    .flex-caption {
        width: 75%;
        box-sizing: border-box;
        top: 5%;
    }
    .flex-control-nav {
        left: 15px;
    }
    .Newsletter-box ul li {
        width: 100%;
        margin-bottom: 25px;
    }
    .Featured-Product ul li {
        width: 100%;
    }
}

@media only screen and (max-width: 360px) {
    .flex-caption p {
        display: none;
    }
    .flex-caption {
        box-sizing: border-box;
        top: 5%;
        width: 100%;
    }
}