/* #### Mobile Phones Portrait #### */


@media all and (max-width: 584px) {

  /*
/******************************** HEADER *****************************
*/
#header {border-bottom: #3a3d4c;}
#logo img {margin-bottom: -3px;}
#header .header-wrapper {}
#logo {float: none; margin: 0 auto; padding: 0; text-align: center}
#header .header-wrapper .right-header {display: none;}
  
#dl-menu {display: block !important}
#menu-container {display: none;}
#content-wrapper {padding-top: 85px;}

.divtextheader {display: none;}
  
  #follow span {margin-bottom: 40px;float:none;}
  
  
  .footer-widget p.special-thanks {text-align: center !important;}
  .footer-widget {padding: 0 5px}
  
    
    
/*
/******************************** COLLECTION GRID *****************************
*/
  
#collection-grid {margin-top: 20px;}
#collection-grid .item-form .buttons-wrapper {display: none;}
#collection-grid .item-form .mobile-buttons {display: block;}
#collection-grid .item-form .mobile-buttons input {border-radius: 2px; width: auto; height: auto; padding: 4px 25px;}
#collection-grid .item-form .mobile-buttons .add-button input {border-radius: 2px; width: auto; height: auto; padding: 4px 25px;}
#collection-grid .item-form .options {opacity: 1; filter: alpha(opacity=100);}

  .collection-banner .banner-wrapper {max-width:90%}
  .collection-banner {background-position: center;background-size: cover;height:300px}
  .collection-banner img {display:none;}
  .collection-banner .banner-wrapper .head-border {display:none;}
  .collection-banner .banner-wrapper .head-center span {font-size:21px!important}
  .banner-overlay {top:26%}

/*
/******************************** PRODUCT GRID - WITH FORM *****************************
*/  

/* 1 item per row */

#collection-grid .item-form.items-small-1 {float: none; width: 100%; margin: 25px auto;}
#collection-grid .item-form.items-small-1 .add-button input {}
#collection-grid .item-form.items-small-1 .sold-out-button input {}
#collection-grid .item-form.items-small-1 .more-details-button input {}
#collection-grid .item-form.items-small-1 .image {}
#collection-grid .item-form.items-small-1 .image img {width: 100%;}
#collection-grid .item-form.items-small-1:nth-child(2n+1) {clear: left; margin-left: 0px}
  
/* 2 items per row */

#collection-grid .item-form.items-small-2 {width: 48%; margin: 25px 0 25px 2%;}
#collection-grid .item-form.items-small-2 .add-button input {}
#collection-grid .item-form.items-small-2 .sold-out-button input {}
#collection-grid .item-form.items-small-2 .more-details-button input {}
#collection-grid .item-form.items-small-2 .image {}
#collection-grid .item-form.items-small-2 .image img {width: 100%;}
#collection-grid .item-form.items-small-2:nth-child(2n+1) {clear: left; margin-left: 0px}

  
/*
/******************************** SINGLE PRODUCT *****************************
*/
  
#product-wrapper {}
#product-wrap {margin: 20px auto 30px auto}
#product-gallery {float: none; width: 100%; margin: 0 auto}
#active-wrapper {width: 100%; overflow: hidden; margin: 0; }
#active-wrapper img {width: 100%; margin: 0}
#product-wrapper .red-message {font-size: 14px; line-height: 22px; text-align: justify}
#product-info {float: none; margin: 40px 0 0 0; width: 100%;}
#product-header #product-header-title {width: 100%; margin-top: 30px;}
#product-title {font-size: 20px;}
#product-price-container {float: none;}
#product-price-container .price{float: left; display: block; font-size: 18px; color: #e5640d; margin-bottom: 20px; }
#product-price-container .price span.save {font-size: 15px; color: #000}
#product-price-container .price .retail {float: none; margin-right: 0}
#product-price-container .price .deal {float: none;}
#product-wrap .add-button {margin-top: 30px;}
#product-wrap .off-percent-product {font-size: 18px; width: 50px; float: right; text-align: center; color: #e5640d; margin: 0}
.sold-out-msg {color: #d50000; font-size: 20px; margin-bottom: 10px; line-height: 20px;}
.sold-out-msg span {font-weight: bold;}
#product-title-sold-out{ width: 130px; background-color: #fff; color: #000; font-size: 18px; text-align: center; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; margin: 5px 0 16px 0; border-radius: 2px;  }
#product-options {float: left; margin-top: 20px; margin-right: 0px;}
  
#thumbs li {height: 60px; margin: 0 10px}
#thumbs img {max-width: 52px;}
  
#bundle-preview {float: none;}
.preview-wrapper {width: 100%; margin-left: 0;}
#bundle-childs-wrapper .item {margin-left: auto; width: 33%; margin-right: auto;}
#bundle-selected-items .bundleVariantSelected img {width: 60px; height: 60px;}
#product-wrap.bundle #product-title {font-size: 24px;}
#product-wrap.bundle .header .addToCart {margin: 10px 0 0 0;}
#product-wrap.bundle .header .total {font-size: 20px; margin: 5px 0 0 0;}
#bundle-selected-items .items {width: 100%;}
#bundle-childs-wrapper .title {font-size: 13px;}
#bundle-childs-wrapper .title span.step {font-size: 16px;}
#product-wrap.bundle #product-information {width: 100%;}
  
/*
/******************************** CART *****************************
*/

#mini-cart ul.item li.image {display: none;}
#mini-cart {min-width: 260px; max-width: 260px; padding: 15px; margin-left: -278px;}
#mini-cart ul.item li.title {width: 133px; text-align: left;}  
  
  
#cart-wrap {margin: 30px auto 0 auto;}
#cart-wrap .title {display: none}
#cart-wrap .all-sales {text-align: center; font-size: 13px; margin-bottom: 20px; margin-top: 30px; }
#cart-wrap .empty {margin: 100px 0;}
#cart-wrap .empty a {color: #e5640d;}
#cart-wrap .empty a:hover {text-decoration: underline;}
#cart-wrap .toggle-note {display: none; }
#cart-wrap .cart-message {width: 250px; font-size: 13px; text-align: justify; line-height: 21px; margin: 10px 0 30px 0}
#cart-wrap .items-limit {margin-top: 5px;}
  
#cartform table{ width: 100%; margin: 0 0 20px -5px; font-size: 11px !important}
#cartform .item:hover {color: #000;}
#cartform table td{ text-align: left; vertical-align: middle; padding: 15px 5px;  }
#cartform table th {font-weight: normal; text-align: left; font-size: 12px; color: #e5640d; background-color: #fff;}
#cartform td img{ display: block; width: 120px;}
#cartform input.text { border: solid 1px #444444; padding: 4px; color: #444444; text-align: center; }
#cartform tfoot tr.bottom-summary {margin-bottom: 30px;}
#cartform .subtotal{ text-align: center; }
#cartform .update-quantities{ float: none; margin-bottom: 25px;}
#cartform .update-quantities input {width: 100%;}
#cartform .checkout-button input {width: 100%;}
#cartform .continue-button {float: none; margin: 0 auto 25px auto; text-align: center;}
#cartform .continue-button input {width: 160px;}
  
#checkout-proceed{float: none; width: 100%; text-align: center; }
  
#checkout-addnote {float: none; margin: 30px auto; width: 100%}
#checkout-addnote div {text-align: center; margin-top: 10px; font-size: 14px; color: #444444 }
#checkout-addnote textarea {border: solid 1px #c5c5c5; color: #444444;  width: 234px;  height: 40px;  padding: 7px; }
  
#checkout-proceed .cards {float: none; width: 100%; margin: 25px auto 0 auto; text-align: left}
#checkout-proceed .cards .visa {margin: 10px 14px 0 0; float: left; width: 51px; height: 32px; background: url(//cdn.shopify.com/s/files/1/0776/6403/t/26/assets/cc-visa.png?5708476098576702629) }
#checkout-proceed .cards .master {margin: 10px 14px 0 0; float: left; width: 51px; height: 32px; background: url(//cdn.shopify.com/s/files/1/0776/6403/t/26/assets/cc-mastercard.png?5708476098576702629) }
#checkout-proceed .cards .discover {margin: 10px 14px 0 0; float: left; width: 51px; height: 32px; background: url(//cdn.shopify.com/s/files/1/0776/6403/t/26/assets/cc-discover.png?5708476098576702629) }
#checkout-proceed .cards .american {margin-top: 10px; float: left; width: 51px; height: 32px; background: url(//cdn.shopify.com/s/files/1/0776/6403/t/26/assets/cc-amex.png?5708476098576702629) }

#additional-checkout-buttons{float: none; width: 160px; margin: 30px auto 30px auto; padding: 0; text-align: center;}
#additional-checkout-buttons-label{ display: block; margin: 5px 0; color: #B3B3B3; font-size: 12px; text-align: center;}
  
#cart-wrap .title {text-align: center;}
#cart-wrap .td-price {display: none}
#cart-wrap .th-remove {text-align: right}
#cart-wrap .td-remove {text-align: right;  width: 17%; padding-right: 13px;}
#cart-wrap .empty-cell {font-size: 13px; margin-bottom: 0px; text-align: center;}
#cart-wrap th.empty-cell {display: none}
#cart-wrap .td-image {display: none}
#cart-wrap .th-price {display: none}
#cart-wrap .td-colspan {display: none;}
  
#cart-wrap .return-policy-button {text-align: center;}
#return-policy {width: 220px;}
 
  
  
/*
/******************************** GET INVOLVED *****************************************
*/

#get-involved .orange-top {padding: 50px 0;}
#get-involved .orange-top h2 {font-size: 20px; line-height: 30px;}

#get-involved .icons-sec {padding: 60px 0 20px 0;}
#get-involved .icons-sec img {width: 70%;}
#get-involved .icons-sec .icon {margin-bottom: 40px;}
#get-involved .icons-sec .info {display: none !important;}
#get-involved .icons-sec .info .wrapper {}

#get-involved .impact {padding: 60px 0 20px 0;}
#get-involved .impact h2 {font-size: 25px; line-height: 35px;}
#get-involved .impact h3 {font-size: 40px; color: #3A4049; margin-bottom: 25px;}
#get-involved .impact p {}
#get-involved .impact .fact {margin-bottom: 30px;}
  
#get-involved .impact .one-quarter {width: 100%;}
#get-involved .impact .one-sixth {width: 100%; }
  #get-involved .impact .one-sixth h3 {position: static; font-size: 40px;}

#get-involved .featured-member {}
#get-involved .featured-member img {}
#get-involved .featured-member .layer {padding: 40px 0;}
#get-involved .featured-member .layer::after  {border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 25px solid rgba(230,86,0,0.8);}
#get-involved .featured-member .layer h2 {font-size: 25px; line-height: 35px; margin-bottom: 20px;}
#get-involved .featured-member .layer p {font-size: 15px !important; line-height: 22px; }

#get-involved .stay-connected {}
#get-involved .stay-connected .wrapper {padding: 250px 0;}
#get-involved .stay-connected .button {padding: 15px 30px; font-size: 17px; }

#get-involved .orange-bottom {}
#get-involved .orange-bottom h2 {color: #fff; font-size: 20px; line-height: 30px;}
#get-involved .green-bottom .button {max-width: 100%; padding: 15px 30px; font-size: 14px; }  
  #get-involved .green-bottom .button br {display: block;}
  
  
  .donate-popup {padding: 8px;}
.donate-popup .wrapper {max-width:615px; padding: 20px; background-size: auto 90%; background-position: left center;}
.donate-popup div {position:relative; z-index: 2;text-align:center;padding:10px 20px;}
.donate-popup div h3 {font-size: 18px; line-height: 24px; text-transform:uppercase;}
.donate-popup div h3 span {font-weight: bold;}
.donate-popup div a {padding:10px;font-size: 13px; margin: 33px 0;}
.donate-popup div a:hover {background-color: #e5640d;}
  .donate-popup p {font-size: 12px !important; line-height: 20px;}

  .owl-buttons {top:24%}
  
  #rose {padding-top:90px;min-height:420px;background-image:url(//cdn.shopify.com/s/files/1/0776/6403/t/26/assets/rose-bg-mobile.jpg?5708476098576702629);background-size:100%;background-color:#fc8126}
  #rose h4 {font-size:22px!important}
  #rose img {max-width:54px!important;}
  #rose p {font-size:14px!important;}
  #rose > .container {padding:0 33px}
  #rose strong {font-size:16px}
  
  #follow {
    background-color: #fff;
    padding: 40px 0 40px 0;
}
  #follow span {font-size:19px; margin-bottom:25px!important;}
  #follow .ic-social a img {width:56px;}
  #follow .eight_12th {padding:0}
  
  #shop h4 {font-size:24px!important}
  
 #shop .owl-item h3 {font-size:20px;padding-top:10px;} 
  #shop .owl-item h3 a {}
  
  #learn-more {padding:40px 0}
  #learn-more span {font-size:21px;line-height:26px;width:236px;position:relative;}
  #learn-more > .container {padding:0 42px;position:relative}
  #learn-more .fa {position: absolute;
        top: -16px;
    right: -38px;
    font-size: 77px;
  }
  
  #shop .owl-item p {line-height:1.4em;font-size:14px }
  
  #share .share-btns img {padding:0 1%}
  
  #utilities .container {padding:0}
  #utilities .one-half.first {padding-bottom:20px;padding-left:0}
  #utilities p {font-size: 12px!important;line-height:15px;letter-spacing: 0.1em;}
  #utilities h3 {font-size:15px;letter-spacing: 0.1em;}
  
  #follow .social-wrapper {padding-left:0;padding-right:0}
  
  #thank-you .container {padding:0}
  #thank-you p {font-size: 14px!important;}
  #thank-you h3 {font-size: 22px!important;}
  
  .animated-skills {position:relative}
  .animated-skills .action-btn {top:76px!important}
  .animated-skills .one_fourth {padding-top:34px!important}
  .animated-skills .one_half {float: right;}
  .animated-skills .action-btn {position: static !important; clear: both; text-align: center; margin-bottom: 45px;}
  .animated-skills .action-btn a {width: 85%;}
  
  #home-christy-banner img {float:none!important;}
  
  #home-buttons .four_12th {padding:0!important;}
  
  #home-christy-banner {left: 0!important;}
  #home-christy-banner h5 span {font-size:17px; text-align: center;}
  #home-christy-banner h5 span span {display: none;}
  
}