/*default margin*/
.defMar {
  margin: 0;
}
.defMar50 {
  margin: 5px 0px;
}
.defPad {
  padding: 0;
}
.defMarPad {
  margin: 0;
  padding: 0;
}
/*default margin*/
/*colors*/
/*Primary*/
/*Primary*/
/*fonts*/
@font-face {
  font-family: 'AvenirLT-Roman';
  src: url('../fonts/AvenirLT-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLT-Roman.woff') format('woff'), url('../fonts/AvenirLT-Roman.ttf') format('truetype'), url('../fonts/AvenirLT-Roman.svg#AvenirLT-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir-Book';
  src: url('../fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Book.woff') format('woff'), url('../fonts/Avenir-Book.ttf') format('truetype'), url('../fonts/Avenir-Book.svg#Avenir-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirLTStd-Black';
  src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Black.woff') format('woff'), url('../fonts/AvenirLTStd-Black.ttf') format('truetype'), url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirLTStd-Heavy';
  src: url('../fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Heavy.otf') format('opentype'), url('../fonts/AvenirLTStd-Heavy.woff') format('woff'), url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype'), url('../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir-Medium';
  src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Medium.woff') format('woff'), url('../fonts/Avenir-Medium.ttf') format('truetype'), url('../fonts/Avenir-Medium.svg#Avenir-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*fonts*/
/*floats*/
/*floats*/
/*borders*/
/*borders*/
/*gradients*/
/*gradients*/
/*radius*/
/*radius*/
/*transition*/
/*transition*/
@media (min-width: 768px) and (max-width: 991px) {
  .textWithIcon {
    float: left;
  }
  .LPMlabel {
    left: 20px !important;
  }
  .LPMimage {
    left: 0 !important;
  }
  footer .footerNewsletter .newsLetter {
    display: flex;
    max-width: 100%;
    width: 100%;
  }
  footer .footerNewsletter .newsLetter h4 {
    width: 50%;
  }
  footer .footerNewsletter .newsLetter .newsLetterForm {
    width: 50%;
    padding: 5px;
  }
  footer .footerNewsletter .newsLetter .newsLetterForm input {
    min-width: 250px;
  }
  .btn-round-d {
    min-width: 100%;
    font-size: 16px;
    padding: 5px 9px;
  }
  .btn-round-b {
    font-size: 16px;
    padding: 5px 9px;
    line-height: 28px;
    height: 38px;
  }
  main .wrapper #home-page .product-card .productImgVid {
    height: 218px;
  }
  #submitPopup .modal-dialog .modal-content .modal-body .modal-fixed .btn-round-d {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .crossBtn {
    display: none;
  }
  .floaRight {
    float: right;
  }
  header .navbar-header .navbar-brand > img {
    margin: 10px 0 0;
  }
}
@media (max-width: 767px) {
  header .trackSec {
    padding: 0 15px;
  }
  header .navigationContainer {
    margin-top: 0;
  }
  header .user-login {
    position: absolute;
    right: 43px;
    top: 0;
    margin: 15px 10px;
  }
  header .user-login a {
    font-size: 1.5em;
    color: #F47B20;
    /*&:hover{
          &+.dropdownSp{display: block;}
        }*/
  }
  header .user-login .dropdownSp {
    position: absolute;
    right: -53px;
    z-index: 100;
    display: none;
    white-space: nowrap;
    top: 39px;
    border-radius: 0px;
    background-color: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.39);
    border: none;
    overflow: hidden;
    list-style-type: none;
    padding: 0;
    width: 100vw;
  }
  header .user-login .dropdownSp li {
    width: 100%;
    background: none;
    padding-left: 0;
    border-left: 0;
    border-bottom: 1px solid #dedede;
    float: left;
  }
  header .user-login .dropdownSp li:last-child {
    border-bottom: 0;
  }
  header .user-login .dropdownSp li a {
    margin: 0;
    padding: 0 15px;
    text-align: left;
    width: 100%;
    color: #231F20;
    float: left;
    background: none;
    border-radius: 0;
    font-size: 1.2em;
    line-height: 38px;
  }
  main .wrapper #home-page .productDetaileSlider {
    margin-top: 1em;
  }
  main .wrapper #product-page .tabContainer .tabsWrap .nav {
    display: none;
  }
  main .wrapper #product-page .floaRight .product-detail {
    margin-top: 1em;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  main .wrapper #product-page .floaRight .product-detail img {
    max-width: 120px;
    height: auto;
  }
  main .wrapper #product-page .floaRight .product-detail h3 {
    text-align: left;
    margin-top: 10px;
  }
  main .wrapper #product-page .floaRight .product-detail .pPrice {
    /*display: flex;
              justify-content: space-between;*/
    width: 100%;
    display: inline-block;
  }
  main .wrapper #product-page .floaRight .product-detail .pPrice p {
    margin-bottom: 0;
    padding-bottom: 15px;
    margin-top: 0;
    padding-top: 15px;
    text-align: left;
  }
  main .wrapper #product-page .floaRight .product-detail .pPrice p.buy {
    font-size: 15px;
  }
  main .wrapper #product-page .floaRight .product-detail .pPrice p b {
    font-size: 24px;
  }
  main .wrapper #product-page .floaRight .product-detail .pPrice p b small {
    font-size: 16px;
  }
  main .wrapper #product-page .floaRight .product-detail .pPrice p b sup {
    font-size: 16px;
  }
  main .wrapper .pages .st-menu {
    display: none;
  }
  main .wrapper .pages .st-pages {
    padding-left: 0;
  }
  main .wrapper #offer-page .checkoutMessageSec {
    background: #F4F3F3;
    float: left;
    padding: 0 15px 15px 15px;
    margin-top: 1em;
  }
  main .wrapper #offer-page .checkoutMessageSec .checkoutMessageSecInner {
    border-radius: 10px;
    float: left;
    width: 100%;
    position: relative;
    padding-left: 80px;
    margin-bottom: 15px;
  }
  main .wrapper #offer-page .checkoutMessageSec .checkoutMessageSecInner i {
    position: absolute;
    top: 0;
    left: 20px;
    width: 40px;
    background: #F47B20;
    text-align: center;
    padding-top: 20px;
  }
  main .wrapper #offer-page .checkoutMessageSec .checkoutMessageSecInner i svg {
    width: 24px;
    height: 18px;
  }
  main .wrapper #offer-page .checkoutMessageSec .checkoutMessageSecInner i:after {
    position: absolute;
    top: 100%;
    left: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid #F47B20;
    content: '';
  }
  main .wrapper #offer-page .checkoutMessageSec .checkoutMessageSecInner p {
    float: left;
    font-size: 18px;
    font-family: 'Avenir-Medium';
    line-height: 40px;
    margin: 0;
  }
  main .wrapper #offer-page .checkoutMessageSec .checkoutMessageSecInner button {
    float: right;
    min-width: inherit;
    font-size: 18px;
    line-height: 18px;
  }
  main .wrapper #offer-page .checkoutMessageSec button {
    width: 100%;
  }
  main .wrapper .checkoutPage .checkoutProductSec {
    width: 100%;
  }
  main .wrapper .checkoutPage .checkoutProductSec .cartSec > img {
    max-width: 100%;
    height: auto;
  }
  main .wrapper .checkoutPage .checkoutBillingSec {
    width: 100%;
  }
  main .wrapper .checkoutPage .checkoutBillingSec ul li label {
    text-align: left;
    width: 100%;
  }
  main .wrapper .checkoutPage .checkoutBillingSec ul li .form-control {
    width: 100%;
  }
  main .wrapper .checkoutPage .checkoutBillingSec ul li .btn-group {
    width: 100%;
  }
  main .wrapper .checkoutPage .checkoutBillingSec ul li .btn-group .form-control {
    width: 100%;
  }
  main .wrapper .checkoutPage .checkoutBillingSec ul li .errorRequired {
    margin: 0 0 10px 0;
    width: 100%;
  }
  main .wrapper .checkoutPage .checkoutBillingSec ul li .errorRequired p {
    margin: 0;
  }
  main .wrapper .checkoutPage .checkoutBillingSec .paymentTabSection .tab-content ul li .form-control {
    width: 100%;
  }
  main .wrapper .checkoutPage .checkoutBillingSec .paymentTabSection ul.nav-tabs li .tabHead img {
    max-width: 100%;
    height: auto;
  }
  main .wrapper .checkoutPage .checkoutBillingSec .paymentTabSection ul.nav-tabs li .tabHead input[type="image"] {
    max-width: 100%;
    height: auto;
  }
  footer .footerNewsletter {
    padding-top: 5px;
  }
  footer .footerNewsletter .newsLetter h4 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  footer .footerNewsletter .newsLetter h4 span {
    font-size: 17px;
  }
  footer .footerNewsletter .newsLetter .newsLetterForm button {
    width: 100%;
  }
  footer .footerNewsletter .partners h4 {
    text-align: center;
    margin-bottom: 10px;
  }
  #submitPopup .modal-dialog {
    width: 100%;
  }
  #submitPopup .modal-dialog .modal-content {
    width: 100%;
  }
  #submitPopup .modal-dialog .modal-content .modal-body .optionSec {
    width: 100%;
  }
  #submitPopup .modal-dialog .modal-content .modal-body .optionSec .inner .cost .labelTcost strong {
    font-size: 20px;
    line-height: 38px;
  }
  #submitPopup .modal-dialog .modal-content .modal-body .optionSec .inner .cost .ammount p {
    line-height: 38px;
    font-size: 20px;
  }
  #submitPopup .modal-dialog .modal-content .modal-body .optionSec .inner .cost .ammount p span {
    font-size: 16px;
    display: inline-block;
  }
  .btn-round-d {
    min-width: 100%;
    font-size: 14px;
    padding: 2px 9px;
  }
  .btn-round-b {
    font-size: 14px;
    padding: 2px 9px;
    line-height: 22px;
    height: 32px;
  }
  .tab-content .tab-pane {
    box-shadow: none;
  }
  .tab-content .tab-pane .tabDesc {
    display: none;
  }
  .tab-content .tab-pane a .arrowDp {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    vertical-align: sub;
    float: right;
    line-height: 14px;
  }
  .tab-content .tab-pane a .arrowDp:before {
    content: "\f106";
  }
  .tab-content .tab-pane.active .tabDesc {
    display: block;
  }
  .tab-content .tab-pane.active a .arrowDp:before {
    content: "\f107";
  }
  .tab-content > .tab-pane {
    display: block;
    box-shadow: none;
  }
  .tab-content > .tab-pane:not(.checkout-tab-pane) > div {
    font-size: 0;
  }
  .tab-content > .tab-pane h3 {
    margin: 0;
    font-size: 14px;
    background: #333333;
    border-bottom: 1px solid #ffffff;
  }
  .tab-content > .tab-pane h3 a {
    display: block;
    padding: 10px 15px;
    color: #ffffff;
    text-decoration: none;
    font-family: 'AvenirLTStd-Heavy';
  }
  .crossBtn {
    position: relative;
    top: -10px;
    left: 0;
    width: 30px;
    height: 30px;
    padding: 10px;
    z-index: 99;
    float: left;
  }
  .addCouponSec .couponFieldSec {
    position: relative;
  }
  .addCouponSec .couponFieldSec .btn {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 1em;
  }
  .addCouponSec .couponFieldSec .form-control {
    width: 100% !important;
  }
  .two-line {
    text-transform: inherit !important;
    text-overflow: inherit !important;
    white-space: normal !important;
    height: auto !important;
  }
  #submitPopup.fade .modal-dialog {
    transform: inherit;
    transition: left 0.3s ease-out;
    left: 25%;
  }
  #submitPopup.in .modal-dialog {
    transform: inherit;
    left: 0;
  }
  #submitPopup .modal-dialog .modal-content .modal-body .modal-fixed {
    left: 25%;
    transition: left 0.3s ease-out;
  }
  #submitPopup.in .modal-dialog .modal-content .modal-body .modal-fixed {
    left: 0;
  }
  #submitPopup .modal-dialog .modal-content .modal-body .modal-fixed .btn-round-d {
    font-size: 18px;
  }
  .outerSec .dropdown button .leftHold,
  .outerSec .dropdown .qtyUD .leftHold {
    width: 100%;
  }
  .outerSec .dropdown button .rightHold,
  .outerSec .dropdown .qtyUD .rightHold {
    white-space: nowrap;
    padding-right: 10px;
  }
  .outerSec .dropdown button i,
  .outerSec .dropdown .qtyUD i {
    font-size: 14px;
  }
  .outerSec .dropdown button .rightHold,
  .outerSec .dropdown .qtyUD .rightHold small {
    font-size: 100%;
  }
  header .navigationContainer .nav > li > a {
    padding-left: 15px;
    padding-right: 15px;
  }
  main .wrapper #home-page .twoProductBoxSp .product-card .product-detail {
    padding: 5px;
    text-align: center;
  }
  main .wrapper #home-page .twoProductBoxSp .product-card .product-detail h3 {
    white-space: normal;
    font-size: 14px;
    line-height: 20px;
  }
  main .wrapper #home-page .twoProductBoxSp .product-card .product-detail h3 span {
    font-size: 14px;
    margin-top: 5px;
    overflow: hidden;
  }
  main .wrapper #home-page .twoProductBoxSp .product-card .product-detail h3 span.two-line {
    height: 45px !important;
  }
  main .wrapper #home-page .twoProductBoxSp .product-card .product-detail h3 b {
    height: 37px;
    overflow: hidden;
    display: block;
  }
  main .wrapper #home-page .twoProductBoxSp .product-card .product-detail .pPrice p b {
    font-size: 14px;
  }
  main .wrapper #home-page .twoProductBoxSp .product-card .product-detail .btn-round-d {
    font-size: 13px;
  }
  main .wrapper #home-page .twoProductBoxSp .product-card .productImgVid {
    padding-bottom: 100%;
    height: 0;
  }
  header .navigationContainer .nav > li .submenu .product-detail .pPrice {
    width: 100%;
  }
  header .navigationContainer .nav > li .submenu .product-detail .buyEmail {
    margin: 0 auto;
    float: none;
    display: table;
  }
  main .wrapper #product-page .productThumContainer {
    margin-bottom: 15px;
  }
  main .wrapper #product-page .mobilePrice {
    margin-bottom: 0px;
  }
  /*main .wrapper #product-page .mobilePrice.pPrice > p{width: 50%;}
  main .wrapper #product-page .mobilePrice.pPrice > p:first-child{padding-right: 3px;}
  main .wrapper #product-page .mobilePrice.pPrice > p:last-child{border-left: 1px solid #dedede;padding-left: 3px;}*/
  .two-line-price {
    height: auto;
  }
  .twoProductBoxSp .two-line-price {
    height: 35px;
  }
  footer .fnDark .row > div p {
    padding-bottom: 0;
  }
  footer .footerPayment .cardsTable > div {
    padding-bottom: 0;
  }
  main .wrapper .product-detail h3 {
    font-size: 24px;
  }
  main .wrapper .product-detail h3 span {
    font-size: 17px;
  }
  main .wrapper .product-detail .pPrice p sup {
    top: 0;
  }
  main .wrapper .product-detail .pPrice p small,
  main .wrapper .product-detail .pPrice p sup {
    font-size: 22px;
  }
  main .wrapper #product-page .floaRight .product-detail .pPrice p b {
    font-size: 22px;
  }
  main .wrapper .cartPageSec .checkoutPage .checkoutProductSec .cartTableSec {
    margin-top: 0;
  }
  main .wrapper .cartPageSec .checkoutPage .checkoutProductSec .cartTableSec {
    padding: 10px;
  }
  main .wrapper .cartPageSec .checkoutPage .checkoutProductSec .cartTableSec table tbody tr td .modifyBtnSec {
    padding-left: 5px;
  }
  main .wrapper .cartPageSec .checkoutPage .checkoutProductSec .cartTableSec table tbody tr td .modifyBtnSec p {
    font-size: 12px;
  }
  main .wrapper .cartPageSec .checkoutPage .checkoutProductSec .cartTableSec table tbody tr td:last-child {
    width: auto;
  }
  main .wrapper .cartPageSec .checkoutPage .checkoutProductSec .cartTableSec table tbody tr td .priceSec {
    padding-right: 5px;
  }
  main .wrapper .checkoutPage .checkoutProductSec table tfoot tr td .totalTfoot {
    padding-bottom: 0;
    padding-top: 0;
  }
  main .wrapper .checkoutPage .checkoutProductSec table tbody tr td p {
    display: block;
  }
  main .wrapper .cartPageSec .checkoutPage .btnHolder {
    margin-top: 5px;
    margin-bottom: 0;
  }
  main .wrapper .cartPageSec .checkoutPage .btnHolder .btn-round-d {
    margin: 5px 0;
  }
  main .wrapper .pages .st-tabs .control-label {
    font-size: 14px;
  }
  .st-tabs .nav.nav-tabs {
    display: none;
  }
  main .wrapper .pages .st-tabs .tab-content {
    padding-top: 0;
  }
}