/*
* @package Trego
* @copyright (C) 2014 by mojoomla.com - All rights reserved!
* @license GNU General Public License, version 2 (http://www.gnu.org/licenses/gpl-2.0.html)
* @author mojoomla.com <sales@mojoomla.com>
*/
@media screen and (max-width: 500px) {#mj-logo {width: 100%;text-align:center;}
 #mj-righttop {width: 100%;}
 .mj-grid8, .mj-grid16, .mj-grid24, .mj-grid32, .mj-grid40, .mj-grid48,  .mj-grid56, .mj-grid64, .mj-grid72, .mj-grid80, .mj-grid88, .mj-grid96 {float: left;margin-left: 0px;margin-right: 0px;width: 100% !important;margin-bottom: 10px;}
 .custom.mj-grid8, .custom.mj-grid16, .custom.mj-grid24, .custom.mj-grid32, .custom.mj-grid40, .custom.mj-grid48,  .custom.mj-grid56, .custom.mj-grid64, .custom.mj-grid72, .custom.mj-grid80, .custom.mj-grid88, .custom.mj-grid96 {border: none;margin-bottom: 0px;}
 #com-form-login-remember .default {
    float: left!important;
    margin-right: 20px!important;
 }
 .customerservices {
    float: left;
    width: 100%;
}
}
/************* width < 768px ***************/
@media only screen and (max-width: 767px) {div.social-icons {left: 0;bottom: 25px;width: 100%;text-align: center;display: none;}
 .moduletable.block.block-subscribe, .moduletable.contactus{float:none;
width:92%!important;}
#contact-form .osolCaptchaBlock {
    float: left!important;
    width: 100%!important;
}

.capchaimage {
    float: left!important;
    width: 100%!important;
}
.osolCaptchaBlock table td {
    float: left!important;
    width: 100%!important;
}

.contact-form .form-list li.wide input.input-text {
    width: 96%!important;
}

.osol_captcha_td.image > a {
    float: left!important;
	}
.subheading {
    float: right;
    width: 100%;
}
.footer-container
 {
  padding-top:0px!important;
 }

.product-view .product-img-box .etalage-control a.etalage-prev {bottom:68.5px!important;}
.product-view .product-img-box .etalage-control a.etalage-next {bottom:68.5px!important;}
.email-friend > a
  {
  margin-left:62%;
  }
}

/* width < 480px */

 @media screen and (max-width: 500px) {.vmproduct .width25 {float:left;width:98%;}
 .category-view .width33 {padding-bottom: 10px;width: 100%;float:left;}
 .browse-view .width33 {width: 100%!important;
float: left;
padding: 0px 0px 10px 0px!important;}
 .productdetails .width50 {width: 100%;}

/* cart page start*/

.cartlogin .width30.floatleft {
width: 100%;}
 .cart-view .billto-shipto .width50 {
width: 100%;
margin-bottom:13px;}
 .ship {float:left;width:100%;}
 textarea.customer-comment {
float: left;
width: 96%;}
 .cart-summary tr {float:left;width:100%;}
 table.cart-summary tr th {
	
	/*padding: 1px 0 3px 30px;*/
	padding: 0px 15px!important;}
.cart-summary td a, .cart-summary td {
font-size: 14px;
padding: 4px 10px;}

/* cart page End*/

/* Account Details start*/

table.user-details {
float: left;
margin-bottom: 25px;
width: 100% !important;}
 .user-details tr {
width: 98%;
float: left;
border: none;}
 .adminform td {
float: left;
width: 100%;
text-align: left;
padding-top: 5px;
padding-bottom: 0px;
border: none;}
 table.user-details label {
float: left;
width: 95%;
padding-bottom:5px;}
 table.user-details input {
float: left;
width: 98%;
margin:0px;}


}
 @media screen and (max-width: 350px) {
 .product-view .product-img-box .etalage-control a.etalage-prev {bottom:40.5px!important;}
.product-view .product-img-box .etalage-control a.etalage-next {bottom:40.5px!important;}
.email-friend > a
  {
  margin-left:70%;
  }
 }