/*
** codespot customize
*/
/* large desktop */
@media (min-width: 1200px){ 
#guest{
  margin-left: -10px;
}
/* collection */
#sandbox > li.element{
  width: 24.97%;
}
.normal-page .page-about{
  max-width: 94%;
  margin: 0 auto;
}
div.jGrowl div.jGrowl-notification div.jGrowl-close i:hover{
  background-color: #a1d4d3;
  color: #ffffff;
  border-color: #a1d4d3;
}

}
@media (min-width: 992px) and (max-width: 1199px){ 
  /*footer*/	
  #widget-social li {
    padding-right: 14px;
  }
  /*end footer*/
}
@media (min-width: 980px) and (max-width: 991px){
/*header*/
#top .col-md-4 > ul{
  margin-top: -1px;
}
/*end header*/
}
  
/* portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px){ 
#tabs_content_container{
  width: 100%;
  margin: 0;
}
#tabs_content_container .content_tabs ul{
  margin-left: 0;
}
/*footer*/
#widget-social li{
  padding-right: 5px;
}
#footer #payments > li{
  margin-left: 5px;
}
/*cart*/
#umbrella #cart-info.dropdown-menu .items .col-md-11{
  width: 40%;
  float:left;
}
#umbrella #cart-info.dropdown-menu .items .col-md-13{
  width: 58%;
  float: left;
}
/*slidebar*/
/*end cart*/
.sb-wrapper .featured-products .col-md-8{
  width: 25% !important;
  float: left;
}
.sb-wrapper .featured-products .col-md-16{
  width: 75% !important;
  float: right;
}
/*end slidebar*/
/*end footer*/
}
@media only screen and (max-device-width: 1024px) {
  .image-boxes .hoverborder .hoverborderwrapper .thehoverborder,
  .hoverborder .hoverborderwrapper .thehovermore,
  .hoverhomebackgroundwrapper .details>.bg,
  .hoverhomebackgroundwrapper .hover .thehover,
  .hoverborder .hoverborderwrapper .thehoverborder,
  .hoverbackgroundwrapper .hover .thehover,
  .hoverbackgroundwrapper .details>.bg,
  .navbar .hovermenuwrapper > li > a > .bg-down{
    display: none;
  }
  .hoverbackgroundwrapper a:hover .details h4,
  .hoverhomebackgroundwrapper a:hover .details h4{
    color: #ff0000;
  }
  .fancybox-nav span{visibility:visible}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .product-image{
    padding-right: 15px; 
  }
  .navbar .hovermenuwrapper > li > a > h4 > i{
    display: inline-block!important;
    font-size: 14px;
  }
  #widget-newsletter .form-control{    
    line-height: 30px;
  }
}
@media (max-width: 1199px){ 
  .cart-items .title ul li.image{
  	width: 30% !important;
  	float: left;  
  }
  .cart-items .title ul li.link{
    width: 65% !important;
    float: left;  
  }
}
@media (min-width: 992px) and (max-width: 1199px){
  #umbrella .num-items-in-cart .my-cart{
    display: none;
  }
  #header-search,
  .currency,
  #umbrella,
  #top nav.navbar .nav > li > a{
    padding-left: 15px;
    padding-right: 15px;
  }
  #umbrella{
    padding-right: 0 !important;
  }
  .sidebar .article .author{
    display: block
  }
  .navbar .nav > li > a{
    padding-left: 20px;
    padding-right: 20px;
  }
  #sandBox-wrapper{
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 1199px){
#umbrella .cart-checkout{
  display: none;
}
#sandbox-wrapper{
  margin-left: -5px;
  margin-right: -5px;
}
#sandbox > li.element{
  width: 33.3%;
}
#sandbox > li.element .row-container{
  margin-left: 10px;
  margin-right: 10px;
}
#umbrella #cart-info.dropdown-menu{  
  left: auto;
}
#umbrella #cart-info.dropdown-menu:before{
  right: 29px;
  left: auto;
}
#umbrella #cart-info.dropdown-menu:after{
  right: 30px;
  left: auto;
}
}
@media (max-width: 1024px) {
  .home_ads_wrapper,
  .home_banners_wrapper{
    background-attachment: scroll;
  }
}
@media (min-width: 992px) {
  .sidebar{
    padding-right: 20px;
    border-right: 1px dotted #000000;
  }
  .col-content{
    padding-left: 20px;
  }
  .article-page{
    margin-bottom: 52px;
  }
  .blog-page{
    margin-bottom: 10px;
  }
  /*fix*/
  div.jGrowl div.jGrowl-notification div.jGrowl-close i:focus,
  div.jGrowl div.jGrowl-notification div.jGrowl-close i:hover{
    background-color: #ffffff;
    color: #000000;
    border-color: #000000;
  }
  	
  /*end fix*/
}
@media (min-width: 768px) and (max-width: 991px){
.blog .post .comment_by{
  display: none;
}
.sidebar .blogs .post .date,
.sidebar .blogs .post .comment{
  border: 1px solid #bfbfbf;
  width: 100%;
}
.sidebar .blogs .post .date{
  border-bottom: 0;
}
.sidebar .blogs .blogs-item{
  overflow: hidden;
}
.home_banners_wrapper{
  min-height: 320px;  
}
.home_ads_wrapper{
  min-height: 300px;  
}
.search .search-form{
  width: 40%;
}
.search #options{
  width: 100%;
}
.search #options .sortby > strong{
  display: none;
}
.cart-items .image, .cart-items .image img {
  min-width: 70px;
}
#top .header-search #header-search{
  position: absolute;
  top: 10px;
  right: 0;
  width: 65px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#top .header-search #header-search input{
  width: 75%;
  padding-left: 10px;
  appearance: none;
  -moz-appearance: none;		
  -webkit-appearance: none;
}
#top .header-search #header-search.focus{
  width: 150px;
}
.product-information{
  padding-left: 10px;
}

.product-information .others-bottom .float-left,
.product-information .others-bottom .float-right{
  float: none;
}
.product-information .others-bottom .float-right{
  margin-top: 15px;
}
.sidebar .featured-products .row-left,
.sidebar .featured-products .row-right{
  width: 100%;
  margin: 0;
}
.sidebar .product-wrapper{
  margin-left: 0;
  margin-top: 10px;
}
.sidebar .featured-products > li{
  margin-bottom: 15px;
}
.sidebar .featured-products > li:last-child{
  margin-bottom: 0;
}
#home_blocks .block-three .block-logo{
  display: none;
}
#home_blocks .block-three .block-content{
  width: 100%;
  margin-left: 0;
}
/*slider*/
#home-slider .caption.header .sub .btn{
  margin-top: 10px;
}
#home-slider .caption.header .sub .caption-content{
  font-size: 24px !important;
}
#home-slider .caption.header h2{
  padding: 0;
  margin-top: 0 !important;
}
.home_banners_wrapper .home_banners_nav,
#home_ads .ads-heading{
  margin-top: 50px;
}
/*collection*/
#sandBox-wrapper{
  margin: 0 !important;
}
#sandBox > li.element{
  width: 50%;
}
#top nav.navbar .nav > li > a span{
  font-weight: 600;
}
/*end collection*/
.element li{
  padding: 0 12px;
}
#loginBox.dropdown-menu{
  top: 29px;
}
}
@media (max-width: 991px){
  .search-page .search-form{	
  	width: 100%;
  }
  #widget-newsletter .form-control{
    width: 300px;
  }
  .page-404, .article-page, .blog-page, .cart-page, .collection-page, 
  .account-page, .active-page, .address-page, .login-page, .order-page, .register-page, .reset-page,
  .contact-page, .normal-page, .product-page, .search-page{
    padding-bottom: 0;
  }
  #top{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  .fancybox-overlay-fixed{
    z-index: 10000;
  }
  .heading2{
    margin: 0;
  }
  .row-left h4{
    margin-top: 13px;
  }
  .collection-warper .collection-image{
    padding: 20px;
  }
  .four_images img.animation{
    max-width: 25%;
  }
  #cart-info .cart-image img{
    max-width: 100%;
  }
  /*
  .blog .article .author{
    margin-bottom: 2px;
  }*/
  .blog .post-action{
    display: none;
  }
  #umbrella #cart-info .items .row-fluid .cart-right{
    text-align: left;
  }
  #umbrella #cart-info.dropdown-menu{    
    left: auto;  	
  }
  #home-slider .caption.header h2{
    margin-top: 10px;
    margin-bottom: 0;
  }
  #home-slider .caption.header h2 .caption-content{
    font-size: 20px;
  }
  #home-slider .caption.header .sub{
    padding: 0;
  }
  #home-slider .caption.header .sub .caption-content{
    font-size: 50px;
  }
  #footer .newsletter li:first-child,
  #footer .newsletter h5{
    display: none;
  }
  #address_country,
  #address_province,
  #address_zip{
    width: 100%;
  }
  /* menu */
  #header-search.focus input{
    width: 102px;
  }
  /*end menu*/
  .num-items-in-cart span.my-cart {
    display: none;
  }
  #messages,
  #accounts{
    text-align: right !important;  
  }
  #messages li{
    padding: 0 !important;
  }
  /*end header*/
  /*collection*/
  .jGrowl-message .col-md-8{
    width: 30% !important;
    float: left;
  }
  .jGrowl-message .col-md-16{
    width: 69% !important;
    float: right;
  }
  #collections{
    margin-left: 0;
    margin-right: 0;
  }
  #collections .collection-item{
    width: 49.5%;
    float: left;  
  }
  .details .title-5{
    margin: 10px;
    margin-left: 0;
  }
  #collections .collection-item{
    border: 1px solid #c3c3c3;
    margin-left: 1%;
    margin-right: 0;
  }
  #collections .collection-item:nth-child(2n+1) {
    margin-left: 0!important;
    clear: both;
  }
  .collection-panner{
    padding-top: 10px !important;
  }
  /*end collection*/

  .home_products{
    margin-top: 30px;
  }
  .home_products:hover .owl-controls .owl-buttons .owl-prev{ 
    left: 0px;
  }
  .home_products:hover .owl-controls .owl-buttons .owl-next{
    right: 0px;
  }
  .product-information{
  	margin-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  /*-------------------------------*/
  #top{
    position: relative;  
  }
  #top .col-md-4{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;  
  color: #000000;  
  }
  #top .col-md-4 ul{
    text-align: center;
  }
  #umbrella .fa-shopping-cart{
    color: #000000;  
  }
  .currency a.currency_wrapper i{
    color: #000000;  
  }
  #umbrella .icon .number{
    color: #fff;
  }
  #umbrella{
    padding: 0 20px;
    border-left: 0;
    border-right: 1px solid #000000;
  }
  .umbrella{
    margin-right: 0;
  }
  #top .col-md-4{
    margin-top: 10px;
  }
  .currency{
    padding: 5px 0 5px 20px;
    margin-top: -14px;
  }
  #top .col-md-4 ul{
    text-align: center;
  }
  #top .col-md-4 li{
    float: none;
  }
  #top .col-md-4 ul li span{
    color: #000000;
    font-size: 13px;
    font-weight: bold;
  }
  #content-wrapper{
    margin-top: 50px;
  }
  #header-search{
    width:100%;
  }
  #header-search input{
    left: 10px;
    width: 40px;
  }
  #header-search.focus input{
    width: 40px;
  }
  
  /*---------------------------*/
}
@media (min-width: 768px) and (max-width: 979px){
  .top-logo{
  	text-align: center;
  	width: 100%;
  }
  .top-search{     
    margin: 20px 10px;
    position: relative;
    text-align: left;
    width: 15%;
    z-index: 9999;
  	background: #ffffff;
  }
  #top .col-md-4{
	left: auto;
    position: absolute;
    right: 0;
    top: 86px;
    width: 200px;
  }
  #top nav.navbar .nav > li{
    border: 0;
  	margin: 27px 20px;
  }	
  #top nav.navbar .nav > li a{
    color: #000000 !important;    
    padding: 0;
  }
  #top nav.navbar .nav > li:first-child{
    border: 0;
  }
  #top nav.navbar .dropdown-menu{
  	top: 48px;
  }
  #umbrella #cart-info.dropdown-menu {  
      left: auto;      
      right: 0;
      top: 53px;      
  }
  #header-search {
    border: 1px solid #000000 !important;        
    width: 100%;
    margin: 0 auto;
    padding: 0px 10px 0 30px;
    overflow: hidden;
    position: relative;
  	z-index: -1;
  } 
  .currencies.dropdown-menu{
  	padding: 5px 0;
  	top: 50px;
  }
  .currencies.dropdown-menu li a{
  	padding: 0 20px !important;
  }
  
  #content-wrapper{
    margin-top: 75px;
  }
  #header-search input{
    height: 20px !important;
    line-height: 20px !important;
    width:100% !important;
    left: 0;
  }
  #header-search input,
  #header-search .search-submit{
    color: #000;
    padding-top: 0;
  }
  #header-search .search-submit{
    left: 7px;
    position: absolute;
    top: 7px;
  }
}
@media (max-width: 1024px){
  .quick_shop{
    display: none !important;
  }

}
@media (max-width: 991px){
  #tabs_content_container .content_tabs.hide{
    display: block !important;
  }
}
@media (min-width: 768px) {
  #home-slider.span8{
    width: 67%;
  }
  #home_banners.span4{
    width: 31.5%;
    margin-left: 1.5%;
  }
  .modal-dialog{
    width: 850px;
  }
  
}
  
@media (max-width: 768px) {  
  #top nav.navbar a{
    color: #000;
  }
  ul.currencies > li,
  ul.currencies > li > a{
    margin: 7px auto !important;
  	font-size: 10px !important;
  }  
  ul.social_icons{
    margin-left: 0;
  }
  ul.social_icons > li:first-child{
    padding-left: 0;
  }
  .address_table .address_actions .action_edit{
    margin-right: 16px;
  }
  /*slide*/
  #home_banners .owl-prev{
    left: 10px;
  }
  #home_banners .owl-next{
    right: 10px;
  }
  .home_products .owl-controls .owl-buttons .owl-prev,
  .home_products .owl-controls .owl-buttons .owl-next{
  	opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }
  .home_products:hover .owl-controls .owl-buttons .owl-prev,
  .home_products .owl-controls .owl-buttons .owl-prev{
    left: 10px !important;  	
  }
  .home_products:hover .owl-controls .owl-buttons .owl-next,
  .home_products .owl-controls .owl-buttons .owl-next{
    right: 10px !important;
  }
  #header-search input{
  	color:#000000;
  }
  /*end slide*/
  #home-slider:hover .s-prev, .touch #home-slider .s-prev{
    left: 0;
  }
  #home-slider:hover .s-next, .touch #home-slider .s-next{
    right: 0;
  }
  .rel-container .prod-related-wrapper{
    margin-left: 0;
    margin-right: 0;
  }
}
/* landscape phone to portrait tablet */
@media (max-width: 767px) {
  .currency_code{
    font-size: 13px;
    font-weight: bold;
  }
  .customer.dropdown-menu li a{
    font-size: 10px;
  }
  #widget-newsletter ul{
    height: auto;
  }
  #widget-newsletter .form-control{
    width: 200px;
  }
  .search #options{
    margin-top: 15px;
  }
  .top-logo{
    text-align: center;
  }
  #top #site-title{
    display: inline-block;
    text-align: center;
    margin: 15px 0;
  }
  #top .shadow{
    display: none;
  }
  #top .shadow,
  #footer{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #customer-accounts .r-border{
    border-right: 0;
  }
  #top .customer-links{
    padding-left: 0;
  }
  #top .span6.pos-relative,
  #umbrella{
    text-align: left;
    padding: 0 15px;
  }
  #umbrella .cart-checkout{
    display: inline-block;
  }
  #umbrella #cart-info.dropdown-menu,
  #loginbox.dropdown-menu{
    left: 0;
    top: 100%;  
  }
  #umbrella #cart-info .items{
    text-align: center;
  }
  #umbrella .cart-link{
    text-align: left;
    position: relative;
  }
  #cart-info #cart-content .span4{
    width: 30%;
    float: left;
  }
  #cart-info #cart-content .span8{
    width: 68%;
    float: right;
  }
  #cart-info .cart-image img{
    max-width: 100%;
  }
  .cart-items .image{
    min-width: 70px;
  }
  #loginbox.dropdown-menu .icon-caret i,
  #umbrella #cart-info .icon-caret i{
    left: 20%;
    right: auto;
  }
  #home-slider .caption.header h2{
    margin: 0;
    line-height: normal;
  }
  #home-slider .caption.header h2 .caption-content{
    font-size: 30px;
  }
  #home-slider .caption.header .sub{
    padding-top: 5px;
  }
  #home-slider .caption.header .sub .caption-content{
    font-size: 50px;
  }
  #home-slider.hidecontrols .slider-control{
    opacity: 1;
    filter: alpha(opacity=100);
  }
  #home_banners{
    display: block;
    overflow: hidden;
  }
  #home_banners > ul{
    margin-left: -5px;
    margin-right: -5px;
  }
  #home_banners > ul > li{
    float: left;
    width: 33.33333%;
  }
  #home_banners > ul > li > a{
    margin: 10px 5px;
    overflow: hidden;
  }
  #widget-shipping h1 .shipping{
    display: none;
  }
  #widget-linklist1 li{
    margin-right: 0;
  }
  h3.title{
    margin-top: 20px;
  }
  .customer-accounts .r-border{
    border-right: 0;
  }
  #guest{
    margin-top: 50px;
  }
  #guest .note{
    margin-bottom: 15px;
  }
  .control-group.guest{
    margin-top: 20px;
  }
  #new-address{
    position: static;
  }
  .address_table .address_actions .action_edit{
    margin-right: 20px;
  }
  
  .home_collections .heading2{
    text-align: left;
  }
  .templateindex .blogs img{
    max-width: 50%;
  }
  #sandbox > li.element{
    width: 49.9%;
  }
  .collection-warper .collection-description {
    padding: 15px 25px 25px 25px;
  }
  #collections .collection-item{
    margin-bottom: 25px;
  }
  #product-information{
    margin-top: 30px;
  }
  .sidebar{
    margin-top: 25px;
  }
  .sidebar .featured-products{
    text-align: center;
  }
  .sidebar .fprod-title{
    margin: 10px 0;
  }
  
  #umbrella #cart-info .items .row-fluid:first-child{
    text-align: center;
  }
  #umbrella #cart-info .items .row-fluid.last > div.span6{
    width: 50%;
    float: left;
  }
  #umbrella #cart-info .items .row-fluid.last > div.span6:first-child{
    text-align: left;
  }
  .jgrowl-message .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
    float: right;
  }
  .jgrowl-message .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
    float: left;
  }
  
  .margin-right-10,
  .margin-left-10{
    margin-bottom: 10px;
  }
  #content{
    min-height: 200px;
  }
  #footer .newsletter{
    text-align: left;
    margin-top: 20px;
  }
  #footer > .container{
    padding: 0 10px;
  }
  #footer .copyright{
    text-align: center;
    margin-bottom: 10px;
  }
  #footer #payments{
    text-align: center;
    margin-right: 0;
  }
  #footer #widget-contact{
    padding-top: 20px;
  }
  #footer .footer-content-bottom{
    border: none;
    margin-top: 0;
    padding-top: 10px;
  }
  #footer .text-right{
    text-align: center;
  }
  
  #contact_map_wrapper{
    margin-left: 0;
    margin-right: 0;
  }
  #contact_map{
    height: 200px;
  }
  /*home*/  
  #accounts .welcome{
    float: left;
  }
  #messages li:first-child{
    padding-right: 0;
  }
  #messages li{
    padding: 0;
  }
  .currency{
    padding: 0;
  }
  .top-logo,
  .top-navigation,
  .top-search{
    width: 100%;  
    text-align: center;
  }
  #top #site-title{
    margin:0;
  }
  .navbar .list-inline li{  
    float: none !important;
  }
  .navbar-header{
    display: none;
  }
  .navbar .btn-navbar{
    background: #fff;
  }
  
  form#header-search{    
    border: 1px solid #ffffff;
    position: relative;
    margin: 10px 10px 10px 10px;
  }
  #header-search input{
    border-color: transparent;
    border-width: 0;
  } 
  #header-search{
    padding: 0 5px;
  }
  #header-search.focus input,
  #header-search input{
    width:90%;
    left: 0;
    padding:0;
  }
  #header-search .search-submit{
    right: 10px;
    margin-top: -10px;
    position: absolute;  
    top: 50%;  
  }
  .currency .sub-dropdown{
    padding: 0;
  }
  .is-mobile .currencies.dropdown-menu {
    left: 0;
    top: 100%;
  } 
  .navbar {    
    min-height: 20px; 
    margin-top: 10px;
    padding-top: 10px;
  }
  .navbar ul.list-inline li{
    margin: 0 10px;
    padding: 10px;
  }
 
  #top nav.navbar .dropdown-menu{
    min-width: 100% !important;  
    padding-top: 0;
    padding-bottom:0;  	
  }
  #top nav.navbar .dropdown-menu a{
    padding: 0 !important;
  	margin: 0 30px;
    text-align: left;
  }
  .currencies.dropdown-menu li a{
    text-align: center !important;
  }
  #top nav.navbar .dropdown-menu li{
    text-align: left;
  	padding: 10px 0;
  	margin: 0;
  }
  #top nav.navbar .dropdown-menu li span{
  	padding: 10px 0;
  	margin: 0 20px;
  	display: block;
  	border-bottom: 1px solid #DDDDDD;
  }
  #top nav.navbar .dropdown-menu li:last-child span{
  	border-bottom: 0;
  }
  .customer.dropdown-menu li{
    margin: 7px auto !important;
  }
  .customer.dropdown-menu li a{
    font-size: 10px !important;
  	margin: 0;
  }
  .customer.dropdown-menu li.last>a {
    margin-bottom: 3px !important;
  	padding: 0;
  	text-align: center;
  }
  .btn-group.open .dropdown-toggle{
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /*page search*/
  .search-page .search-form{
    padding: 0 40px 0 10px;
    position: relative;
  	margin-bottom: 10px;
  }
  .search-page .search-form input{
    width: 100%;
  }
  .search-page .search-form .search-submit{
    position: absolute;
    right: 10px;
    top:50%;
  	margin-top: -10px;
  }
  .search-page .search-wrapper .search-form .search-submit{
  	top:50%;
  }

  .sortBy{
    padding: 0;
    float: left;
  }

  /*page search*/
  /*slider*/
  .touch #home-slider .s-prev{
    left: -30px;
  }
  .touch #home-slider .s-next{
    right: -30px;
  }
  #home-slider:hover .s-prev{
    left: 10px; 
  }
  #home-slider:hover .s-next{
    right: 10px;
  }
  #home-slider .slider-control{
    top: 50%;
    margin-top: -40px;
  }
  .home_banners_wrapper,
  #home-slider-wrapper{
    margin: 10px -10px;
  }
  /*end slider*/
  #widget-linklist4 ul{
    text-align: center;
  }
  .home_banners_nav .banner-action,
  .home_banners_nav .banner-heading{
    width: 100% !important;
  }
  .home_banners_wrapper .banner-action .btn{
    float: none;
    display: block;
  }
  .home_banners_wrapper .home_banners_nav > div{
    margin: 5px 0;
  }
  .home_banners_wrapper .banner-heading{
    top: 0;
  }
  .home_banners_wrapper .home_banners_nav{
    margin-top: 10px;
  }
  .home_banners_wrapper .home_banners_inner{
    text-align: center;
  }
  .home_banners_wrapper{
    margin-top: 0px;
  }
  .home_ads_wrapper{
    margin-top: 20px;
  }
  .home_ads_wrapper,
  .home_banners_wrapper{    
    padding-bottom: 20px; 
  }
  #home_ads .ads-heading{
    margin-top: 20px;
  }
  #home_ads .ads-caption,
  #home_ads .ads-heading{
    font-size: 25px;
    line-height: 1.5em;
  } 	
  /*end home*/
  /*slider*/
  #home-slider .caption.header .sub .caption-content{
    font-size: 20px;
  }
  #home-slider .caption.header{
    bottom: 5%;
  }
  #home-slider .caption.header .sub .btn{
    margin-top: 10px;
  }
  #home-slider .caption.header h2{
    padding-top: 0;
  }
  /*end slider*/	
  /*menu*/
  /*menu mobile*/
  .is-mobile-menu .btn-navbar{
    background: transparent;
  }
  .is-mobile ul.list-inline li{
    padding: 0 10px !important;
    margin: 0 ;
  }  
  .icon-bar-group{  
    display: table-cell;    
    vertical-align: middle;
    margin: 0;
    width: 21px;
    height: 18px;
  }
  .icon-bar-group .icon-bar{
    height: 3px;
    width: 20px;
    margin: 2px 0;
    background: #000;
    display: block
  }
  /*end menu mobile*/
  .navbar-collapse ul.navbar-nav li{
    width: 100%;
    float: left;
    text-align: left;
    padding: 0;
  }
  .navbar-collapse.nav > li > a{
    padding: 0 20px;
  }
  .navbar-collapse .nav > li > a span:after{
    background-color: transparent;    
    content: " ";
    height: 0;
  }
  .navbar-collapse .fa{
    margin-top: -7px;
    position: absolute;
    right: 10px;
    top: 50%;
  }
  #top nav.navbar .nav > li:first-child,
  #top nav.navbar .nav > li{
    border: 0px !important;  
  }  
  #top nav.navbar .nav > li:last-child > a{
    border-bottom: 0;
  }
  #top nav.navbar .nav > li > a{
    display: block;
    padding: 10px;
    border-bottom: 1px dotted #fff;
  }
  #top nav.navbar .nav > li > a span:after{
    height: 0px;
  }
  .navbar .nav .dropdown-menu{
    border: 0;
  }
  .navbar-collapse .navbar-nav{
    background: #000;    
    margin-top: 0;
  }  
  .navbar .is-mobile{
    padding-bottom: 10px !important;
  }
  
  .nav .open > a, 
  .nav .open > a:hover, 
  .nav .open > a:focus{
    background-color: transparent !important;
  }
  /*end menu*/
  /*slider*/
  #home-slider .caption.header .caption-wrapper{
    border-top: 0;
  }
  .caption-wrapper div{
    display: none;
  }
  .caption-wrapper .caption{
    display: block;
  }
  #home-slider .caption.header{
    bottom: 15%;
  }
  /*end slider*/
  .sortBy #sortBox{
    left: 0;
  }
}
@media (min-width: 580px) and (max-width: 991px){
	.product-image{
      width: 400px !important;
      margin: 0 auto;
    }
}
@media (min-width: 600px) and (max-width: 767px) {
	.sortBy {
      padding: 0 !important;
      float: right !important;
    }
}
@media (min-width: 481px) and (max-width: 767px) {  
  #widget-newsletter {
    padding: 27px 0 40px;
  }
}
@media (min-width: 381px) and (max-width: 480px){
  #widget-newsletter {
    padding: 15px 0 40px;
  }
}
@media (max-width: 380px){
  #widget-newsletter {
    padding: 10px 0;
  }
}
@media (min-width: 481px) and (max-width: 767px){
  
  .sidebar .featured-products .row-left{
    width: 31.491712707182323%;
    float: left;
  }
  .sidebar .featured-products .row-right{
    width: 65.74585635359117%;
    margin-left: 2.127659574468085%;
    float: left;
    text-align: left;
  }
  .sidebar .featured-products .fprod-title{
    margin-top: 0;
  }
  /*-------------------------------------*/
  /*collection*/
  #sandBox-wrapper{
    margin: 0;
  }
  #sandBox li.element{
    width: 49.9%;
    margin: 0 0 10px 0;
  }
  /*end collection*/
  .home_ads_wrapper,
  .home_banners_wrapper{
    min-height: 200px !important;
  }
}
@media (max-width: 640px){
  /*--------------------------*/
  .blog .post li {
    border: 0;
  }
  .blog .post li:first-child{
    padding-left: 0;
  }
  .blog .post li.comment{
    border: 1px solid #bfbfbf;
  } 
  /*--------------------------*/
}
@media (max-width: 553px){
  .comment_by,.author{
    padding-left: 0 !important;
  }
}
@media (max-width: 592px){  
  .sortBy {
      margin-left: 0px;      
  }
  .search-wrapper{
  	width: 100%;
  	margin: 0 auto !important;
  }
  .sortBy #sortButton{
    min-width: 150px !important;
  }
}
/* landscape phones and down */
@media (max-width: 480px) {
  body{
    overflow-x: hidden;
  }
  #bottom{
    overflow: hidden;
  }
  #widget-newsletter ul li:first-child{
    display: block;
  }
  .hoverborder{
    width: auto;
    display: inline-block;
  }
  .templateindex .blogs img{
    max-width: 100%;
  }
  #top .customer-links{
    display: block;
  }
  #top .currencies-switcher{
    padding-left: 0;
    padding-right: 7px;
  }
  #top .header-search{
    padding-left: 0;
  }
  #home-slider.hidecontrols .slider-control{
    display: block;
  }
  #home-slider .caption.header h2 .caption-content{
    font-size: 20px;
  }
  #home-slider .caption.header .sub{
    padding-top: 0;
  }
  #home-slider .caption.header .sub .caption-content{
    font-size: 25px;
  }
  #home-slider .caption.header{
    padding-bottom: 0;
  }
  #home_banners > ul > li{
    float: none;
    width: 100%;
    text-align: center;
  }
  #home_banners > ul > li > a{
    display: inline-block;
    margin: 5px 0;
  }
  #home_banners > ul > li:first-child > a{
    margin-top: 15px;
  }
  #comments .comment-head .comment-posted{
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 10px;
    margin-bottom: 10px;
  }
  #comments .comment-head .text-right{
    display: inline;
  }
  #comments .comment-head .text-right .btn{
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .blog #comments .pagination{
    text-align: center;
  }
  .blog .imgfloat{
    float: none;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
    margin-right: 0;
  }
  #page-header .browse_tags{
    position: relative;
  }  
  
  #footer .footer_copyright{
    margin-top: 30px;
  }
  #footer .newsletter .btn-3{
    display: none;
  }
  #footer .newsletter li:last-child{
    display: block;
  }
  #footer .newsletter #email-input{
    width: 90%;
  }
  #footer-content{
    margin-top: 10px;
  }
  
  .sidebar .featured-products > li{
    margin-bottom: 15px;
  }
  .sidebar .featured-products > li:last-child{
    margin-bottom: 0;
  }
  
  /*collection*/
  #sandBox-wrapper{
    margin: 0 !important;
  }
  #sandBox > li.element{
    width: 100%;
  }
  /*end collection*/
  /*product*/
  #product-information{
     margin: 0 10px;
     padding: 0;
  }
  .product-information .wrapper{
    width: 100%;
  }
  .rel-container .prod-related-wrapper{
    margin: 0;
  }
  /*product*/
  .home_ads_wrapper,
  .home_banners_wrapper{
    min-height: 150px !important;
  }
	
}
@media (min-width: 321px) and (max-width: 640px){
  .responsive-slider{
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 380px) {
  #sandbox > li.element{
    width: 100%;
    padding-top: 10px;
  }
  #widget-newsletter ul li{
    display: block;
  }
  #widget-newsletter ul li .btn{
    display: none;
  }
  #widget-newsletter .form-control{
    width: 100%;
  }
  .is-mobile > ul > li{
    padding-left: 15px;
    padding-right: 15px;
  }
  .product-information .others-bottom .float-left,
  .product-information .others-bottom .float-right{
    float: none;
  }
  .product-information .others-bottom .float-right{
    margin-top: 15px;
  }
  #footer .newsletter #email-input{
    width: 83%;
  }
  #widget-linklist1{
    margin-top: 15px;
  }
  #footer #footer-secondary{
    margin-bottom: 20px;
  }
  #footer #payments{
    margin-top: 0;
  }
  
  #comments .comment-head .post-reply{
    float: none;
    position: relative;
    top: 3px;
  }
  #comments .comment-head .post{
    position: static;
  }
  #collections .collection-item{
    width:100%;
  }
  #collections .collection-item:nth-child(1n+1) {
    margin-left: 0!important;
    clear: both;
  }
  .control-navigation{
  	position: inherit;
  }
}
@media (max-width: 380px) {
  #widget-newsletter ul li{
    height: auto;
    line-height: normal;
  }  
  #comments .comment-head .post-reply{  	  
    margin: 10px 0;      
    top: 10px;
  }
}
/* landscape phones and down */
@media (max-width: 320px) {
  html, body{
    width: 280px;    
    margin: 0 auto;
   
  }  
  div.jgrowl div.jgrowl-notification,div.jgrowl div.jgrowl-closer{
    width: 265px!important;
  }
  #umbrella #cart-info.dropdown-menu, 
  #loginbox.dropdown-menu{
    width: 250px;
  }
  #umbrella #cart-info.dropdown-menu .btn{
    width: 100%;
  }
  #umbrella #cart-info.dropdown-menu .btn:first-child{
    margin-bottom: 3px;
    margin-right: 0;
  }
  #umbrella #cart-info .items .row-fluid .cart-right{
    text-align: left;
  }
  .customer-accounts .action .title-2{
    margin: 0;
  }
  #home-slider .caption.header{
    display: none;
  }
  #comments .comment-head .text-right{
    display: inline-block;
    text-align: left;
  }
  #comments .comment-head .text-right .btn{
    position: relative;
    top: 0;
    right: 0;
  }
  .sortby #sortbutton {
    min-width: 200px;
  }
  .pagination .next,
  .pagination .prev{
    display: none;
  }
  .home_collections .owl-theme .owl-controls .owl-buttons > div:first-child{
    margin-right: 5px;
  }
  #footer #payments > li{
    margin-bottom: 5px;
  }   
  #widget-newsletter {
    margin-bottom: 20px;   
  }
  /*----------------------------*/
}

/* this will work for firefox */
@-moz-document url-prefix() {
   .notouch .element .hoverBorder:hover .hoverBorderWrapper img, .notouch #prod-related .item .hoverBorder:hover .hoverBorderWrapper img {
      opacity: 1;       
    }
    #messages{
      margin: 12px 0;
    }
}
/* this will work for ie10 */
@media all and (-ms-high-contrast: none) {
  div.jgrowl.top-right{
    right: 10px;
  }
}
/* this will work for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  #umbrella .icon .number{
    top: 2px;
  }
}