/*============================================================================
Table of Content

#Hidden
#Main grid
#Navigation & header
#Slideshows

==============================================================================*/

/*============================================================================
#Hidden
==============================================================================*/

.carousel__title,    .owl-nav,    .section-header--title,   .footer-heading, .page-title, .template-index .product-item__on-sale, .product-item__on-sale, .wrapper-accepted-payments {
  display:none;
}


.header-login-wrapper, .header-cart-wrapper{
  min-height:20px;
}

.custom-link-grid .collection-item__title {
  line-height: 24px;
  padding: 0px;
}

th, td{
  border: 0px solid #ebebeb!important;
}

.rte table{
  max-width:100%;
}

/* add this in your stylesheet, this one fixed our problem with blank/flashing slides */
.owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
}


h6{
font-size:11px;
}

/*============================================================================================================================================
#Desktop MediaQuery
============================================================================================================================================*/
@media screen and (min-width: 769px){
  /*============================================================================
  #Main layout
  ==============================================================================*/
  .wrapper {
    max-width: 1400px;
    position:relative;
  }
  hr {
    margin: 10px 0px;
  }
  .wrapper {
    padding: 0px 60px!important;
  }
  .site-header .wrapper {
    max-width: 1290px;
    padding: 0px 0px!important;
    border-bottom: 1px solid #ebebeb;
    position:relative;
  }
  .main-content {
    margin-top: 20px;
  }
  .collection-list .grid-image{
    height: 10%!important;
  }
  #cartToggle {
    font-size: 20px;
    padding: 0px;
  }
  .cart-row .grid {
    margin-bottom: -13px;
  }
  .product-item__on-sale {
    background-color: #E8E8E8;
  }

  .cart-image {
    display: block;
    margin: 0;
    max-width: 220px;
  }
  
  .wrapper-legal {
    font-size: 13px;
}


  /*============================================================================
  #Footer
  ==============================================================================*/  
  .footer-desktop{
    display:block;
  }
  .footer-mobile{
    display:none;
  }

  .desktop-footer .wrapper {
  padding:0px!important;
  }


  .site-footer {
       max-width: 1400px;
    border-top: solid 1px #EFEFEF;
    background-color: white;
    padding: 30px 0px;
    margin: 20px auto;
  }
  footer .custom-content {
    line-height: 19px;
    display:inline-block;
    border-left:solid 2px #EFEFEF;
    padding-left:20px;
  }
  .stanton176 {
    margin-top: 7px;
    margin-right: 7px;
    width: 55px;
    display:inline-block;
  }
  .footer-link-list{
    width:15%;
  }
  .footer-link-store-logo{
    width:25%;
  }
  .footer-link-subscribe{
    width:30%;
  }
  .footer-quick-links li {
    padding: 0px 6px 6px 0px;
    border-right: solid 0px;
    display: block;
    margin: 0px 0px 8px 0px;
    line-height: 12px;
  }
  .social-icons li {
    line-height: 8px;
    margin: 0px 0px 18px;
    vertical-align: middle;
  }
  .social-icons li .icon {
    font-size: 22px;
  }
  ul.footer-quick-links {
    margin-bottom: 7px;
  }
  footer .social-icons li {
    display: block;
    margin-left: 0;
  }
  footer .btn, .input-group-btn .btn-secondary, .input-group-btn input[type="submit"] {
    border-radius: 8px!important;
    padding: 5px 15px 4px 15px!important;
  }
  .site-footer .form-newsletter-signup label {
    line-height: 13px;
    margin-bottom: 12px;
  }
  .sign-up-text-btn {
    font-size: 14px;
  }
  .btn, .btn-secondary, input.btn-secondary, input[type="submit"]{
    margin-left: 0px;
    background-color: white;
    color: black;
    border: solid 2px black;
  }
  footer .btn, .btn-secondary, input.btn-secondary{
    margin-left: 10px;
  }
  .link-block{
    margin:0px -2px!important;
    padding:0px!important;
    border-right: 3px white solid!important;
    width: 25%!important;
  }
  .link-block *{
    margin:0px!important;
    padding:0px!important;
  }




  /*============================================================================
  #Navigation & header
  ==============================================================================*/

  .site-header .grid>.grid-item, .site-header .grid--rev>.grid-item, .site-header .grid--full>.grid-item{
    display: inline-block;
    line-height: 50px;
    vertical-align: bottom;
  }

  .header-logo-wrapper{
    float:left;
  }

  .nav-bar {
    right: 0px;
    left:inherit;
    max-width: 80%;
    position: absolute;
    bottom: 0;
    top: inherit;
    vertical-align: bottom!important;
  }

  .site-nav{
    text-align: right!important;
    margin-bottom: 20px;
    height:50px;
    position:relative;
  }
  .site-nav a {
    padding:0px;
    height: 52px;
    letter-spacing: -1px;
    line-height: 30px;
    font-size: 25px;
  }
  .site-nav>li {
    vertical-align: bottom;
  }
  .cart--login {
    margin-top: 0px;
    width: 65px;
    position: relative;
    padding: 0px 0px;
    display: inline-block;
    float: right;
  }

  .cart-count {
    left: 15px;
    top: -9px;
  }

  span.icon-fallback-text {
    font-size: 22px;
  }

  .header-logo {
    margin:0px 0px 26px 0px;
    max-width: 60%;
  }
  .site-header {
    margin-bottom: 11px;
    padding:25px 55px 0px 55px;
  }
  .site-nav--dropdown {
    margin: 0px 0 0;
  }

  .site-nav--dropdown a {
    padding: 0px 19px;
    height: 24px;
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 19px;
  }

  .site-nav--dropdown:hover{
    visibility:visible;
    opacity:1;
  }

  .site-nav.grid--full{
    margin:0px;
  }

  .site-nav li {
    padding:0px 0px;
    position:relative;
  }

  li.site-nav--active {
    border-bottom: 1px solid;
  }
  .header-login-wrapper .icon{
    font-size:20px;
  }

  li.nav-item-link {
    max-width: 19%;
    padding-bottom: 18px;
  }
  li.nav-item-link.icon{
    bottom: 0px;
    width: 5%;
    text-align: center;
    height:50px;
    vertical-align: none;
  }

  /*============================================================================
  #Slideshows
  ==============================================================================*/

  .homepage-slider {
    padding: 10px 25px;
    margin-bottom: 15px;
    max-height: 90vh;
    overflow: hidden;
  }

  .template-index .product-item__name{
    display:none;
  }

  .template-index p.product-item__price{
    display:none;
  }

  .template-index .product-item .grid-image .rollover-img {
    display: none;
  }

  .template-index .product-item .grid-image:hover {
    opacity: 1;
  }

  .homepage-slider__slides{
    margin:0px;
  }  

  .owl-stage-outer {
    max-height: 780px;
    vertical-align: bottom;
  }
  .owl-carousel .owl-item img {
    width:100%;
  } 

  .lookbook .owl-carousel .owl-item img {
    max-height: 90VH;
    width: initial!important;
  }

  .carousel {
    padding: 0 0px;
  }
  .carousel__items {
    margin-top: 0px;
  }

  .is-sold-out img.rollover-img{
    display:none;
  }

  .is-sold-out img:hover{
    opacity:1!important;
  }



  /*============================================================================
  #Collection
  ==============================================================================*/  

  .template-collection .main-content {
    margin-top: 20px;
    min-height: 510px;
  }
  .collection-image {
    margin-bottom: 12px;
    overflow:hidden;
    max-height: 300px;
  }
  .collection-image img {
    display: inherit;
    width:100%;
  }
  .collection-list__header {
    padding-bottom: 0px;
  }

  .collection-description {
    border: solid 1px black;
    padding: 20px;
    margin: 0px 0px 18px 0px;
  }
  
  .collection-description p{
  margin:0px;
  }
  
  .collection-sorting{
    margin:0px;
  }
  .collection-sorting-menu {
    width: 20%;
    display: inline-block;
    float: right;
  }

  .collection-item {
    position: relative;
    display: inline-block;
    width: 24%;
    margin: 0px 0.25%;
  }

  .collection-list {
    margin-top: 15px;
  }

  .collection-list .grid-image {
    padding: 0px;
    margin: 0 auto 0px;
  }

  .collection-list .product-item__price--old {
    padding: 0px;
  }
  .product-item__price.sale-price {
    color: #333;
  }
  .product-item__price {
    font-family: "Arial Rounded ","Helvetica Rounded",Arial,sans-serif;
  }

  .product-item__name, .product-item__price {
    padding: 0px 10px;
    text-align: center;
  }

  .product-item__name a, .collection-item__title a{
    font-size: 1em;
  }

  .product-item__price{
    font-size: 1em;
  }

  .product-item__sold-out .sold-out-text {
    background: none;
    color: #EA2525;
    line-height: 22px;

  }
  .product-item__sold-out {
    text-align: center;
    position: relative;
  }

  .is-sold-out .grid-image img {
    opacity: 1;
    position: relative;
  }

  p.collection-item__title {
    position: absolute;
    top: 45%;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 30px;
  }

  p.product-item__name {
    margin-bottom: -4px;
  }

  p.collection-item__title a{
    color: white;
  }


  .fluid-grid-item {
    padding: 0px 10px;
    display: inline-block;
    text-decoration: none;
    margin: 20px 0;
    width: 24%;
    vertical-align: top;
  }
  .grid-image {
    margin:0px;
  }

  .product-item .grid-image .rollover-img {
    top: 0px;
    position: absolute;
    opacity:0;
    width:100%;

  }
  .collection-list .product-item .grid-image .rollover-img:hover {
    opacity:1;
  }



  .grid-image img:hover {
    opacity:1;
  }

  .coll-filter, .filter-dropdown__select {
    padding: 3px 8px;
    line-height: 1.42;
  }
  .filter-dropdown{
    line-height: 1;
  }
  
  .grid--full>.grid-item {
    text-align: center;
    padding-left: 0;
}
   #contactFormWrapper label {
    text-align: left;
    padding-left: 0;
}
  
  


  /*============================================================================
  #Product
  ==============================================================================*/

  h2.product-color {
    text-transform:capitalize;
    text-align: left;
  }
  .template-product .main-content {
    margin-top: 50px;
  }

  .item-product-title {
    padding: 0px 0px 0px 24px;
  }

  .product-container ul {
    text-align: left;
    list-style: none outside;
    margin: 20px 0px;
  }

  .grid-item.item-left-colum.six-tenths {
    padding-left: 20px;
  }

  .product-photo-thumbs li {
    display: inline-block;
    margin: 0px 9px 0px 0px;
  }

  a.product-photo-thumb {
    text-align: left;
    margin: auto;
    opacity: 1;
  }
  .colorway-title{
    margin:0px;
  }
  .product-photo-thumb img {
    max-width: 100%;
  }

  .product-photo-thumb {
    opacity: 0.4;
    max-width: 100px;
    margin-right: 23px;
  }

  .form-add-to-cart {
    text-align: left;
  }
  .form-add-to-cart>div {
    display:block;
    margin: 17px 0px;
  }
  .form-add-to-cart .price-container {
    margin:0px
  }

  .item-product-title h1, .item-product-title .h1{
    text-align:left;
  }

  .item-social-sharing {
    padding-top: 0px; 
  }
  .grid-item.item-product-photo{
    padding:0px;
  }
  .selector-wrapper label{
    min-width: 80px;
    display:none!important;
  }
  .form-add-to-cart .product-price.sale-price {
    color: #000000;
  }
  .low-stock-container {
    margin: 13px 0px 0px 0px;
    position: relative;
    font-family: "Arial Rounded MT Bold","Helvetica Rounded",Arial,sans-serif;
    color: #c14949;
    width: 100%;
    text-align: left;
    padding: 0px;
    font-size: 0.8em;
  }

  .btn-add-to-cart.disabled {
    background-color: #C1C1C1;
    color: #fff;
    border: 0px;
  }

  .item-product-description{
    font-family: "Arial Rounded","Helvetica Rounded",Arial,sans-serif;
  }
  
  
  .form-add-to-cart .single-option-selector {
    min-width: 134px;
  }

  /*============================================================================
  #store page
  ==============================================================================*/
  #the-store-page {
    width: 100%;
    position: relative;
    left: inherit;
  }

  .terms-content, .shipping-content{
    padding:0px 170px;
  }



  /*============================================================================
  #contact
  ==============================================================================*/  

  .contact-form__title {
    margin: 0px 0px 30px;
  }

  .contact-form-wrap{
    margin:auto;
    float:none;
    margin:40px auto;
  }



  /*============================================================================
  #Blog
  ==============================================================================*/  

  .mypost {
    width: 317px;
    display: inline-block;
    float: none;
    padding: 0px 10px;
    min-height: 260px;
  }

  .blog-article{
    margin:auto;
  }

  .featured-blog-image {
    width:100%;
    margin: 0 auto;
    overflow:hidden;
    position: relative;
    height: 200px;
  }

  .featured-blog-image img {
    width:100%;
    left: 50%;
    margin-left: -50%;
    position:absolute;
    min-height: 100%;
  }

  .blog-list__title.h2 {
    text-align: left;
    padding: 0px;
    font-size: 14px;
    line-height: 16px;
    margin: 9px 0px 0px 0px;
  }

  .blog-sorting .filter-dropdown {
    float: right;
    position: relative;
    width: 250px;
    height: 60px;
    margin: 0px 20px 0px 0px;
  }

  .blog-list__header {
    margin-bottom: 5px;
    text-align: center;
  }
  .blog-article__content img {
    margin: auto;
  }
  p.blog__details {
    font-size: 17px;
    margin: 0px;
    text-transform: capitalize;
  }

  .blog-article ul, .blog-article ul a {
    font-family: "Arial Rounded MT Bold","Helvetica Rounded",Arial,sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #a1a1a1;
  }

  .blog-article__content p{
    max-width:800px;
    text-align:center;
    margin:auto;
  }


  /*============================================================================
  #Lookbook
  ==============================================================================*/   
  #lookbooks-page .lookbook-item {
    float: none;
    max-height: 87VH;
    padding: 0px;
    display: inline-block;
    width: 33%;
  }
  
  .lookbook-item {

  }
  .lookbook-item.bookA {
    padding-right:10px;
  }
  
   .lookbook-item.bookB {
    padding: 0px 5px;
  }
 
  .lookbook-item.bookC {
    padding-left:10px;
  }

  .lookbook-title h1 {
    text-align: center;
    font-size: 28px;
  }

  .main-lookbook-item img{
    margin-top:-10%;
    width:100%;
  }

  .lookbook-logo{
    text-align:center;
    margin:auto;
  }

  .main-lookbook-item {
    max-height: 660px;
    overflow: hidden;
  }
  .lookbook-item.grid-item h1 {
    font-size: 20px;
  }


  /*============================================================================
  #about
  ==============================================================================*/  


  .about-us-content{
      padding: 0px 170px;
  }



  /*============================================================================
  #dealers
  ==============================================================================*/  


  .dealer-info {
    text-align: left;
    vertical-align: top;
    display: inline-block;
    width: 33%;
    padding-right:10px;
  }
  .dealer-info img{
    margin:0px!important;

  }




  /*============================================================================
  #Store Info
  ==============================================================================*/  

  .store-logo img {
    max-width: 116px;
}
  
  .grid-store-info {
    display: block;
    margin-bottom: 20px;
  }
  .grid-store-info .grid-item{
    border-right:solid 1px grey;
        text-align: left;
    min-height:70px;
    padding: 0px 30px;
    display: inline-block;
    height: 150px;
    margin-bottom:20px;
  }
  .grid-store-info .store-logo{
    padding: 0px 30px 0px 0px;
  }
  .grid-store-info .store-text{
    border-right:solid 0px grey;
  }
  .grid-store-info p {
    font-size: 12px;
  }
  .the-store-content img, .grid-store-info img {
    width: 100%;
  }

  /* useful for having it on top of a google-map preventing scroll to zoom unless user clicks 
  --  http://stackoverflow.com/questions/21992498/disable-mouse-scroll-wheel-zoom-on-embedded-google-maps
  */
  .overlay {
    background:transparent; 
    position:relative; 
    width:100%;
    height:800px; /* your iframe height */
    top:800px;  /* your iframe height */
    margin-top:-800px;  /* your iframe height */
  }


 /*============================================================================
  #Master filter
  ==============================================================================*/  

  
    .collection-master-filter{
  border:1px solid;
  margin:0px auto 20px auto;
  }
  
  .collection-master-filter li {
    font-size: 15px;
    text-align: left;
    margin-left: 0px;
    line-height: 18px;
}

  .color-grid li{
    width:30px;
    height:30px;
    border:solid 1px #333;
  }
  .color-grid {
/*     padding: 0px 40px 0px 40px!important; */
}
  .color-grid li {
    float: left;
    margin: 0px 0px 10px 10px;
    display: inline-block;
  }
  .find {
    height: 40px;
    text-align: right;
    position: relative;
}
  ul ul, ul ol, ol ol, ol ul{
  margin:0px;
  }
  
    .collection-master-filter h5{
    padding-left: 20px;
    text-align: left;
    line-height: 50px;
    font-size: 20px;
}
  
  .color-grid {
    padding-right: 4%;
}


}/* end of: @media screen and (min-width: 769px)*/
















/*============================================================================================================================================
#Mobile MediaQuery
============================================================================================================================================*/
@media screen and (max-width: 768px) {


  hr {
    margin: 10px 0px;
  }

  /*============================================================================
  #Main layout
  ==============================================================================*/
  .collection-list .item__title a {
    color: #FFF;
  }
  .collection-list  .collection-item {
    position: relative;
    display: inline-block;
    width: 49%;
    margin-top: 25px;
  }
  .wrapper {
    padding: 0 10px;
  }
  .collection-list .grid-image{

    height: 10%!important;
  }

  .main-content {
    display: block;
    margin-top: 0px;
  }
  
   .terms-content, .shipping-content{
    padding:0px 20px;
  }


  /*============================================================================
  #Footer
  ==============================================================================*/  
  .footer-desktop{
    display:none;
  }
  .footer-mobile{
    display:block;
  }
  .newsletter-form {
    padding: 30px 0px;
  }
  .site-footer label {
    display: table-caption;
  }
  .social-icons li {
    display: block;
    margin:0px auto 0.25em auto;
  }
  .site-footer .form-newsletter-signup {
    max-width: 440px;
    margin: 0 auto;
  }
  .footer-mobile {
    margin: auto;
  }
  .site-footer .custom-content{
    margin-bottom: 0px;
  }
  .grid-item.footer-link-list {
    padding: 0px;
    width: 33%;
    font-size: 12px;
  }


  .grid-item.footer-link-store-logo {
    margin: 15px auto 20px auto;
    padding: 0px;
  }

  .stanton176 {
    margin-top: 7px;
    margin-right: 7px;
    width: 55px;
    display: inline-block;
  }
  .custom-content {
    line-height: 19px;
    display: inline-block;
    border-left: solid 2px #EFEFEF;
    padding-left: 20px;
  }
  .newsletter-form {
    padding: 30px 10px;
  }
  
   .wrapper-legal {
    font-size: 13px;
    text-align: center!important;
}

  /*============================================================================
  #Store Info
  ==============================================================================*/  

  .store-logo img {
    max-width: 116px;
}

  /*============================================================================
  #Navigation & header
  ==============================================================================*/



  nav.grid-item.eight-tenths.nav-bar {
    margin: 0px;
    width: 100%%;
    padding: 20px;
  }
  .nav-hover ul.site-nav--dropdown {
    position: initial;
  }
  .nav-hover .site-nav--dropdown li:first-child:after {
    top: -8px;
    border-bottom: 8px solid rgba(235, 235, 235, 0);
  }
  .site-header {
    padding: 0px 0px 0px 0px;
  }
  .homepage-slider.grid--full {
    margin-bottom: 0px;
    padding:0px;
  }
  .homepage-slider {
    padding: 10px 20px;
    margin-bottom: 15px;
    max-height: 100vh;
    overflow: hidden;
  }
  .homepage-slider__slides{
    margin:0px;
  } 
  /*============================================================================
  #Slideshows
  ==============================================================================*/
  .owl-stage-outer {
    max-height: 780px;
    vertical-align: bottom;
  }
  .owl-carousel .owl-item img {
    width:100%;
  }
  .lookbook .owl-carousel .owl-item img {
    max-height: 90vh!important;
    width: initial!important;
  }
  .carousel {
    padding: 0 0px;
  }
  .carousel__items {
    margin-top: 0px;
  }
  /*============================================================================
  #Collection
  ==============================================================================*/
  .template-collection .main-content {
    margin-top: 20px;
    min-height: 510px;
  }
  .collection-image {
    margin-bottom: 12px;
    overflow:hidden;
  }
  .collection-image img {
    width:100%;
    display: inherit;
  }
  .collection-description {
    border: solid 1px black;
    padding: 20px;
    margin: 0px 0px 18px 0px;
  }
  .collection-description p {
    margin: 0px 0px 0px 0px;
  }
  .collection-sorting{
    margin:0px;
  }
  .collection-sorting-menu {
    width: 50%;
    display: inline-block;
    float: right;
  }
  .collection-item {
    position: relative;
    display: inline-block;
    width: 24%;
    margin: 0px 0.25%;
  }  
  .collection-list .grid-image {
    padding: 0px;
    margin: 0 auto 0px;
  }
  .product-item__name, .product-item__price {
    padding: 0px 10px;
    text-align: center;
    line-height:16px;
  }
  .product-item__name a, .collection-item__title a{
    font-size: 1em;
  }
  .product-item__price{
    font-size: 1em;
  }
  .product-item__price {
    font-family: "Arial Rounded ","Helvetica Rounded",Arial,sans-serif;
  }
  p.collection-item__title {
    position: absolute;
    top: 45%;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 30px;
  }
  p.collection-item__title a{
    color: white;
  }
  .fluid-grid-item {
    padding: 0px 10px;
    display: inline-block;
    text-decoration: none;
    margin: 15px 0;
    width: 48%;
    vertical-align: top;
  }
  .grid-image {
    margin:0px;
  }
  .product-item .grid-image .rollover-img {
    top: 0px;
    position: absolute;
    opacity:0;
    width:100%;
  }
  .collection-list .product-item .grid-image .rollover-img:hover {
    opacity:1;
  }
  .grid-image img:hover {
    opacity:1;
  }
  p.collection-item__title {
    position: absolute;
    top: 45%;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 30px;
  }
  .collection-list .collection-item {
    position: relative;
    display: inline-block;
    width: 48%;
    margin-top: 2px;
  }
    li.clearfix.filter.large--hide.medium--hide {
    margin: 0px 10px;
    width: 60%;
    display: inline-block;
}
  
  
  li.clearfix.filter select.coll-filter {
    margin: 0px;
}
  
  /*============================================================================
  #Product
  ==============================================================================*/
 
  
  
  h2.product-color, .low-stock-container, .grid-item.more-colors {
    text-align: center!important;
    margin-top:5px;
    text-transform: capitalize;
  }

  .item-product-title {
    padding: 0px 0px 0px 24px;
  }

  .product-container ul {

    text-align: center;
    list-style: none outside;
    margin: 0px 0px 11px 0px;

  }

  .grid-item.item-left-colum.six-tenths {
    padding-left: 20px;
  }

  .product-photo-thumbs li {
    display: inline-block;
    margin: 0px 6px 0px 0px;
  }

  a.product-photo-thumb {
    text-align: left;
    margin: auto;
    opacity: 1;
  }


  .product-photo-thumb img {
    max-width: 100%;
  }

  .product-photo-thumb {
    opacity: 0.4;
    max-width: 100px;
    margin-right: 23px;
  }

  .form-add-to-cart {
    text-align: left;
  }
  .form-add-to-cart>div {
    display:block;
    margin: 17px 0px;
    text-align: center;
  }
  .form-add-to-cart .price-container {
    margin:0px
  }

  .item-product-title h1, .item-product-title .h1{
    text-align:center;
    line-height: 36px;
  }

  .item-social-sharing {
    padding-top: 0px; 
  }
  .grid-item.item-product-photo{
    padding:0px;
  }
  .selector-wrapper label{
    min-width: 80px;
    display:none!important;
  }

  .product-item .grid-image .rollover-img {
    top: 0px;
    position: absolute;
    opacity:0;
    width:100%;
  }
  .product-photo-thumbs li {
    display: inline-block;
    margin: 0px 0px 0px 0px;
  }
  .low-stock-container {
    margin: 13px 0px 0px 0px;
    position: relative;
    font-family: "Arial Rounded MT Bold","Helvetica Rounded",Arial,sans-serif;
    color: #c14949;
    width: 100%;
    text-align: left;
    padding: 0px;
    font-size: 0.8em;
  }
  
  
  
 


  /*============================================================================
  #contact
  ==============================================================================*/  



  #contact .wrapper {
    padding: 0px 0px;
    margin-top: 0px;
  }

  #contact .main-content{
    padding: 0px 20px;
    margin-top: 0px;
  }

  /*============================================================================
  #Blog
  ==============================================================================*/  

  .mypost {
    width: 324px;
    display: inline-block;
    padding: 0px 10px;
    min-height: 170px;
  }

  .featured-blog-image {
    width:100%;
    margin: 0 auto;
    overflow:hidden;
    position: relative;
    height: 200px;
  }

  .featured-blog-image img {
    width:100%;
    left: 50%;
    margin-left: -50%;
    position:absolute;
    min-height: 100%;
  }

  .blog-list__title.h2 {
    text-align: left;
    padding: 0px;
    font-size: 14px;
    line-height: 16px;
    margin: 9px 0px 0px 0px;
  }

  .blog-sorting .filter-dropdown {
    float: none;
    position: relative;
    width: 250px;
    height: 60px;
    margin: auto;
  }

  .blog-list__header {
    margin-bottom: 5px;
    text-align: center;
  }
    p.blog__details {
    font-size: 17px;
    margin: 0px;
    text-transform: capitalize;
  }
   .blog-article__content p{
    max-width:800px;
    text-align:center;
    margin:auto;
  }



  /*============================================================================
  #lookbook
  ==============================================================================*/  


  .lookbook-title {
    font-size: 10px;
    text-align: center;
  }
  .lookbooks .lookbook-item {
    padding: 0px;
  }
  
  
  
  
  
  /*============================================================================
  #Master filter
  ==============================================================================*/  

  
    .collection-master-filter{
  border:1px solid;
  margin:0px auto;
  }
  
  .collection-master-filter li {
    font-size: 15px;
    text-align: left;
    margin-left: 0px;
    line-height: 18px;
}

  .color-grid li{
    width:30px;
    height:30px;
    border:solid 1px #333;
  }
  .color-grid {
/*     padding: 0px 40px 0px 40px!important; */
}
  .color-grid li {
    float: left;
    margin: 0px 0px 10px 10px;
    display: inline-block;
  }
  .find {
    height: 40px;
    text-align: right;
    position: relative;
}
  ul ul, ul ol, ol ol, ol ul{
  margin:0px;
  }
  
    .collection-master-filter h5{
    padding-left: 20px;
    text-align: left;
    line-height: 50px;
    font-size: 20px;
}
 
  
  
    
  /*============================================================================
  #extra new
  ==============================================================================*/  

  
  
    .cart--login {
    position: absolute;
    width: 80px;
    top: 0;
    right: 11px;
  }

  nav.grid-item.eight-tenths.nav-bar {
    padding: 20px 0px;
    width: 80%;

  }
  li.nav-item-link {
    max-width: 30%;
  }
  .header-logo-wrapper {
    margin:10px auto 22px auto;
  }

  .collection-master-filter li {
    font-size: 12px;
  }

  


}





/*============================================================================================================================================
#some tablet MediaQuery
============================================================================================================================================*/
@media screen and (max-width: 1000px){
  .wrapper.wrapper-footer-body {
    font-size: 14px;
  }
  .custom-content {
    line-height: 16px!important;
    padding: 2px!important;
    font-size: 9px!important;
  }
  .grid-store-info p {
    font-size: 10px;

  }
    /*============================================================================
  #Product
  ==============================================================================*/ 
  
   .selector-wrapper{
  padding:0px;
  }
  
}



/*============================================================================================================================================
#Iphone MediaQuery
============================================================================================================================================*/
@media screen and (max-width: 480px){

  .header-logo {
    text-align: center;
    margin: 0 auto 12.5px;
    max-width: 22%;
  }

  .site-header .wrapper {
    padding: 0px;
  }

  p.collection-item__title a{
    color: white;
    font-size: 17px;
  }


  .grid-store-info .grid-item {
    border-right: solid 0px grey; 
  }
  .grid-store-info {
    margin-top: 22px;
  }
  .grid-store-info p {
    font-size: 10px;
  }
  
 
  

  /*============================================================================
  #blog
  ==============================================================================*/ 

  .mypost {
    width: 100%;
  }



  /*============================================================================
  #navigation
  ==============================================================================*/ 

  .nav-bar {
    background-color: white;
  }
  li.nav-item-link {
    margin: auto;
    max-height: 80px;
    max-width: 70%;
  }

  nav.grid-item.eight-tenths.nav-bar{
    width: 100%;
  }

  li.customer-navlink{
    text-align: center;
    background-color: white;
    color: #333!important;
  }
  
  .site-nav .customer-navlink{
    background-color: white;
  
  }
  .site-nav .customer-navlink a{
  font-size:18px;
    text-transform:capitalize;
  }
  
  
   /*============================================================================
  #Footer
  ==============================================================================*/ 
  
  .wrapper-legal {
    font-size: 13px;
    text-align: center!important;
}



}