/* 
Template Name: TheCoffeeMan Coffee
Author: Mohamed Aslam
Version: 1.0.0
Plugins used : Bootstrap, Font Awesome and Owl Carousel
*/

@font-face {
    font-family: 'Circular Std Book';
    src: url('../fonts/circular-std-book.eot');
    src: local('☺'), url('../fonts/circular-std-book.woff') format('woff'), url('../fonts/circular-std-book.ttf') format('truetype'), url('../fonts/Circular-Std-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Evogria';
    src: url('../fonts/evogria.eot');
    src: url('../fonts/evogria.eot?#iefix') format('embedded-opentype'),
         url('../fonts/evogria.woff2') format('woff2'),
         url('../fonts/evogria.woff') format('woff'),
         url('../fonts/evogria.ttf')  format('truetype'),
         url('../fonts/evogria.svg#Evogria') format('svg');
}
::-moz-selection { /* Code for Firefox */
    color: #d1c19f;
    background: #543b0b;
}

::selection {
    color: #d1c19f;
    background: #543b0b;
}
.primary-color{
    color:#462301!important;
}
.secondary-color{
    color:#190c00!important;
}
.tertiary-color{
    color:#d1c19f!important;
}
.quaternary-color{
    color:#b46600!important;
}
.evogria{
    font-family:'Evogria',sans-serif;
}
.btn{
    border-radius:1px!important;
    box-shadow:none!important;
}
nav.navbar .navbar-toggler{
    outline:none!important;
}
.white-color,
.color-white{
    color:#ffffff;
}
.font-14{
	font-size:14px!important;
}
.font-16{
	font-size:16px!important;
}
.font-17{
	font-size:17px!important;
}
.font-18{
	font-size:18px!important;
}
.font-19{
	font-size:19px!important;
}
.font-20{
	font-size:20px!important;
}
.font-21{
	font-size:21px!important;
}
.font-22{
	font-size:22px!important;
}
.font-25{
	font-size:25px!important;
}
.font-30{
	font-size:30px!important;
}
.font-35{
	font-size:35px!important;
}
.font-45{
	font-size:45px!important;
}
.font-55{
    font-size:55px!important;
}
.font-weight-thin{
	font-weight:300;
}
.full-width{
	width:100%;
}
.no-margin{
	margin:0px!important;
}
.mb-3{margin-bottom:3px!important;}
.mt-10{margin-top:10px!important;}
.mt-20{margin-top:20px!important;}
.mt-30{margin-top:30px!important;}
.mt-40{margin-top:40px!important;}
.mt-50{margin-top:50px!important;}
.mt-60{margin-top:60px!important;}
.mt-70{margin-top:70px!important;}
.mt-80{margin-top:80px!important;}
.mt-90{margin-top:90px!important;}
.mt-100{margin-top:100px!important;}
.mb-10{margin-bottom:10px!important;}
.mb-20{margin-bottom:20px!important;}
.mb-30{margin-bottom:30px!important;}
.mb-40{margin-bottom:40px!important;}
.mb-50{margin-bottom:50px!important;}
.mb-60{margin-bottom:60px!important;}
.mb-70{margin-bottom:70px!important;}
.mb-80{margin-bottom:80px!important;}
.mb-90{margin-bottom:90px!important;}
.mb-100{margin-bottom:100px!important;}
.mb-150{margin-bottom:150px!important;}
.mb-200{margin-bottom:200px!important;}
.pt-10{padding-top:10px!important;}
.pt-20{padding-top:20px!important;}
.pt-30{padding-top:30px!important;}
.pt-40{padding-top:40px!important;}
.pt-50{padding-top:50px!important;}
.pt-60{padding-top:60px!important;}
.pt-70{padding-top:70px!important;}
.pt-80{padding-top:80px!important;}
.pt-90{padding-top:90px!important;}
.pt-100{padding-top:100px!important;}
.pt-110{padding-top:110px!important;}
.pb-5{padding-bottom:5px!important;}
.pb-10{padding-bottom:10px!important;}
.pb-20{padding-bottom:20px!important;}
.pb-30{padding-bottom:30px!important;}
.pb-40{padding-bottom:40px!important;}
.pb-50{padding-bottom:50px!important;}
.pb-60{padding-bottom:60px!important;}
.pb-70{padding-bottom:70px!important;}
.pb-80{padding-bottom:80px!important;}
.pb-90{padding-bottom:90px!important;}
.pb-100{padding-bottom:100px!important;}
.pb-110{padding-bottom:110px!important;}
.pl-20{padding-left:20px!important;}
.pl-30{padding-left:30px!important;}
.pl-40{padding-left:40px!important;}
.pr-40{padding-right:40px!important;}
.mr-20{margin-right:20px!important;}
.pl-15{padding-left:15px!important;}
.pr-15{padding-right:15px!important;}
.p-lr-40{
    padding-left:40px!important;
    padding-right:40px!important;
}
.no-padding{padding:0px!important;}
.max-767 {
    margin: 10px auto;
    float: none;
    max-width: 767px;
}
.max-991 {
    margin: 10px auto;
    float: none;
    max-width: 991px;
}
h1,h2,h3,h4,h5,
.h1,.h2,.h3,.h4,.h5{
    font-family:'Evogria',sans-serif;
}
p{
    font-family:'Circular Std Book',sans-serif;
}
.bg-bisque{
    background-color:#d1c19f;
}
.nav-link{
    font-family: 'Evogria',sans-serif;
    font-size: 19px;
    padding: 0px 10px!important;
    display: inline-block;
}
.icon-cart{
    width: 25px;
    height: 30px;
    background: url('../images/thecoffeeman-sprite.png');
    background-position: -160px -63px;
    display: inline-block;
}
.icon-profile{
    width: 30px;
    height: 30px;
    background: url('../images/thecoffeeman-sprite.png');
    background-position: -218px -64px;
    display: inline-block;
}
body{
    font-family:'Circular Std Book',sans-serif;
}
body.home header{
    position:absolute;
    width:100%;
    top:0px;
    left:0px;
    z-index:999;
}
body:not(.home) header{
    background-color:#371802;
}
.nav-item .dropdown-toggle::after{
    content:none;
}
.navbar-dark .navbar-nav .nav-link {
    color: #d1c19f;
}
.navbar-dark .navbar-nav .nav-item.active .nav-link {
    color: #be6b00;
}
.navbar-dark .navbar-nav .nav-item.active .nav-link .icon-cart{
    background-position:-13px -151px;
}
.navbar-dark .navbar-nav .nav-item.active .nav-link .icon-profile{
    background-position:-56px -152px;
}
.home-banner{
    background-color:#3c1f0d;
}
.home-banner .carousel-indicators{
    width: 15px;
    top: 0px;
    bottom: 0px;
    right: 8vw;
    height: 140px;
    margin: auto;
    display: inline-block;
    left: auto;
}
.home-banner .carousel-indicators li{
    width: 15px;
    height: 21px;
    display:inline-block;
    background-color:transparent;
    background-image:url('../images/thecoffeeman-sprite.png');
    background-position:-263px -70px;
    margin:12px 0px;
    cursor:pointer;
}
.home-banner .carousel-indicators li.active{
    background-position:-6px -68px;
}
.home-banner .carousel-item{
    min-height: 625px;
    background: url('../images/home-banner.jpg') bottom -30px right;
    background-size: cover;
    padding-top: 120px;
    width:100%;
}
.home-banner .carousel-item .container{
    position: relative;
    float: none;
    width: 100%;
    margin: auto;
    padding:0px 40px;
    display:flex;
    flex-wrap:wrap;
}
.home-banner .carousel-item .container .carousel-title{
    font-family: 'Evogria',sans-serif;
    font-size: 46px;
    color: #d1c19f;
    width:100%;
    margin:60px 0px 15px;
}
.home-banner .carousel-item .container .btn-transparent{
    font-family: 'Evogria',sans-serif;
    font-size: 20px;
    color: #d1c19f;
    border: 3px solid #bd6b00;
    padding: 9px 20px;
    display: inline-block;
    background-color:transparent;
    transition:all 0.4s ease;
}
.home-banner .carousel-item .container .btn-transparent:hover,
.home-banner .carousel-item .container .btn-transparent:focus{
    background-color:#bd6b00;
}
.navbar-dark .navbar-brand{
    outline:none!important;
    font-family: 'Evogria',sans-serif;
    font-size: 29px;
    color: #d1c19f!important;
}
.navbar-dark .navbar-brand img{
    margin-right:10px;
}
.navbar-dark .navbar-brand small{
    font-size:90%;
}
.section-2,
.section-3{
    background-size: 120% auto!important;
    width: 100%;
    padding:70px 15px;
}
.section-2{
    background: #d1c19f url(../images/home-section-2-bg-1.png) top center no-repeat;
}
.section-3{
    background: #d1c19f url(../images/home-section-2-bg-2.png) center center no-repeat;
}
.section-2 img{
    max-height: 370px;
}
.section-2 h2,
.section-3 h2{
    font-size:46px;
}
.section-2 p,
.section-3 p{
    color: #462301;
    font-size: 23px;
    line-height: 29px;
    margin: 20px 0px;
}
.btn-style-1{
    font-family: 'Evogria',sans-serif;
    font-size: 20px;
    color: #833e0c;
    border: 3px solid #462301;
    padding: 9px 20px;
    display: inline-block;
    background-color:transparent;
    transition:all 0.4s ease;
}
.btn-style-1:hover,
.btn-style-1:focus{
    background-color:#462301;
    color:#bd6b00;
}
.btn-style-2{
    font-family: 'Evogria',sans-serif;
    font-size: 20px;
    color: #d1c19f;
    border: 3px solid #462301;
    padding: 9px 20px;
    display: inline-block;
    background-color:transparent;
    transition:all 0.4s ease;
}
.btn-style-2:hover,
.btn-style-2:focus{
    background-color:#462301;
    color:#d1c19f;
}
.btn-style-3{
    font-family: 'Evogria',sans-serif;
    font-size: 20px;
    color: #3c2110;
    border: 3px solid #b46600;
    padding: 9px 20px;
    display: inline-block;
    background-color:transparent;
    transition:all 0.4s ease;
}
.btn-style-3:hover,
.btn-style-3:focus{
    background-color:#b46600;
    color:#3c2110;
}
.btn-style-4{
    font-family: 'Evogria',sans-serif;
    font-size: 20px;
    color: #462301;
    border: 3px solid #b46600;
    background-color:#b46600;
    padding: 9px 20px;
    display: inline-block;
    transition:all 0.4s ease;
}
.btn-style-4:hover,
.btn-style-4:focus{
    border-color:#462301;
    background-color:#462301;
    color:#b46600!important;
}
.btn.btn-add-cart {
    position: relative;
    padding-right: 45px!important;
}
.btn.btn-add-cart::before {
    content: "";
    width: 31px;
    height: 31px;
    background: url('../images/thecoffeeman-sprite.png') -119px -110px no-repeat;
    position: absolute;
    right: 4px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.section-4{
    background-color:#b06428;
    padding:60px 15px; 
}
.section-4 h3,
.section-5 h3{
    font-size:45px;
}
.section-5{
    /* background:url('../images/home-section-5.png') center top -1px no-repeat; */
    background: #d6c6a6 url('../images/coffeeman-pattern.png') center center repeat;
    color: #462301;
    padding: 80px 15px;
}
.section-5 img{
    /*height:240px;*/
    filter:drop-shadow(0px 40px 29px rgba(70,35,1,0.3));
}
.section-5 p{
    font-size:20px;
    margin: 30px 0px;
}
.subscribe-inline-box{
    background: #402002;
    color: #d6c6a6;
    display: inline-block;
    width: 290px;
    padding: 26px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin: auto;
    border-radius: 15px;
}
.subscribe-inline-box a{
    color: #402002;
    background: #d6c6a6;
    margin-top: 15px;
    display: inline-block;
    padding: 9px 25px;
    border-radius: 4px;
    text-decoration:none!important;
    transition:all 0.4s ease;
}
.subscribe-inline-box a:focus,
.subscribe-inline-box a:hover{
    background-color:#c58a3c;
}
.about-banner{
    background:#695a4d url('../images/about-banner.png') left center no-repeat;
    background-size:cover;
    padding:40px 15px;
}
.about-banner h2{
    color:#d1c19f;
    font-family:'Evogria',sans-serif;
    font-size:36px;
    margin-top:300px;
}
.about-content{
    padding:120px 15px;
    background:#d1c19f url('../images/home-section-2-bg-1.png') center center no-repeat;
}
.about-content h1{
    font-family:'Evogria',sans-serif;
    font-size:65px;
    color:#3b1f09;
    margin:0px 0px 40px;
}
.about-content p{
    font-size:18px;
    color:#3b1f09;
    margin:0px 0px 20px;
}
ol.breadcrumb{
    padding:0px;
    background-color:transparent;
}
ol.breadcrumb li:not(:last-child):after {
    content: "/";
}
ol.breadcrumb li a{
    color:#3b1f09;
}
.section-shop-main,
.cart-page,
.stories-page{
    padding:80px 15px;
    background-color:#d1c19f;
}
.breadcrumb-row{
    padding:15px 0px;
    font-family:'Evogria',sans-serif;
    font-size:20px;
    font-weight:400;
    color:#3c2110!important;
    margin-bottom:30px;
}
.section-shop-main .breadcrumb-row select,
.stories-page .breadcrumb-row select{
    box-shadow: none!important;
    border: 0px!important;
    background-color: #b06428;
    color: #371802;
    padding: 5px 8px;
    outline:none;
    cursor:pointer;
}
/*
.section-shop-main .breadcrumb-row select option:hover { 
    background: linear-gradient(#371802, #371802);
    background-color: #371802 !important;shop-grid-back
    color: #b06428 !important;
}
.section-shop-main .breadcrumb-row select option:checked { 
    background: linear-gradient(#371802, #371802);
    background-color: #371802 !important;
    color: #b06428 !important;
}
*/
.section-shop-main h1,
.cart-page h1,
.cart-page h2,
.stories h1,
.my-profile h1{
    font-family:'Evogria',sans-serif;
    font-size:45px;
    color:#3b1f09;
    margin:0px 0px 20px;
}
.my-profile h2,
.my-profile h3{
    font-family:'Evogria',sans-serif;
    font-size:36px;
    color:#3b1f09;
    margin:0px 0px 25px;
}
.my-profile .link-list{
    display:inline-block;
    width:100%;
    list-style:none;
    padding:0px;
}
.my-profile .link-list li{
    display:inline-block;
    width:100%;
}
.my-profile .link-list li a{
    color:#3b1f09!important;
    font-size: 20px;
    margin: 0px 0px 10px;
    display: inline-block;
}
.section-shop-main .shop-row-grid{
    text-align:center;
}
.shop-grid-back{
    color: #3b1f09;
    padding-left: 24px;
    display: inline-block;
    position: relative;
}
.shop-grid-back:focus,
.shop-grid-back:hover{
    color:#462301;
}
.shop-grid-back:focus::before,
.shop-grid-back:hover::before{
    border-color:#462301;
}
.shop-grid-back::before{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-left: 3px solid #3b1f09;
    border-top: 3px solid #3b1f09;
    left: 0px;
    margin: auto;
    top: 0px;
    bottom: 0px;
    transform: rotate(-45deg);
}
.checkout-go-back{
    color: #3b1f09!important;
    padding-left: 34px;
    font-family:'Evogria',sans-serif;
    display: inline-block;
    position: relative;
    font-size:24px;
    min-height:22px;
}
.checkout-go-back::before{
    content: "";
    width: 26px;
    height: 22px;
    background: url('../images/thecoffeeman-sprite.png');
    position: absolute;
    left: 0px;
    top:0px;
    background-position: -150px -156px;
    bottom: 0px;
    margin: auto;
}
.section-shop-main .shop-row-grid .shop-grid-title,
.section-shop-main .shop-row-grid .shop-grid-cost{
    font-family: 'Evogria',sans-serif;
    margin: 20px 0px 5px;
    color: #3b1f09;
}
.section-shop-main .shop-row-grid .shop-grid-title{
    font-size: 25px;
}
.section-shop-main .shop-row-grid .shop-grid-cost{
    font-size: 33px;
    margin:0px 0px 10px;
}
.section-shop-main .shop-row-grid .shop-grid-link{
    text-decoration:none!important;
}
.section-shop-main .shop-row-grid p{
    color: #3c2110;
    font-size: 20px;
    margin:0px 0px 8px;
}
.section-shop-main .shop-row-grid .shop-grid-option,
.section-shop-main .shop-detail-option{
    display: inline-block;
    list-style:none;
    padding:0px;
}
.section-shop-main .shop-detail-option{
    margin-left:15px;
}
.section-shop-main .shop-row-grid .shop-grid-option{
    width: 100%;
    text-align:center;
}
.section-shop-main .shop-row-grid .shop-grid-option li,
.section-shop-main .shop-detail-option li{
    display: inline-block;
    margin:2px 4px;
    cursor:pointer;
}
.section-shop-main .shop-row-grid .shop-grid-option li [type^="radio"],
    .section-shop-main .shop-detail-option li [type^="radio"]{
    display:none;
}
.section-shop-main .shop-row-grid .shop-grid-option li label,
.section-shop-main .shop-detail-option li label {
    display: inline-block;
    padding: 3px 15px;
    color: #3c2110;
    font-family: 'Evogria',sans-serif;
    transition:all 0.4s ease;
    cursor:pointer;
}
.section-shop-main .shop-row-grid .shop-grid-option li [type^="radio"]:checked+label,
    .section-shop-main .shop-detail-option li [type^="radio"]:checked+label{
    background-color:#3c2110;
    color:#d1c19f;
}
.section-shop-main .shop-row-grid .col-lg-4 {
    margin: 0px 0px 120px;
}
.section-shop-main .shop-row-grid .shop-grid-add-to-cart{
    background: url(../images/thecoffeeman-sprite.png) -119px -110px no-repeat;
    width: 31px;
    height: 31px;
    display: inline-block;
}
.section-shop-main .shop-detail-quantity,
.section-shop-main .shop-detail-sizes,
.section-shop-main .shop-detail-subscription {
    display: inline-block;
    font-family: 'Evogria',sans-serif;
    font-size: 20px;
    color:#3c2110;
}
.section-shop-main .shop-detail-quantity{
    margin:15px 0px;
    width:100%;
}
.section-shop-main .shop-detail-cost{
    font-size: 35px;
    font-family: 'Evogria',sans-serif;
    padding: 2px 20px;
    background: #b46600;
    display: inline-block;
    color: #3b1f09;
    margin: 15px 0px;
}
.sectin-shop-main p{
    font-size: 20px;
    color: #3b1f09;
}
.shop-detail-quantity-inputs {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;    
    margin: 0px 15px 15px;
}
.shop-detail-quantity-inputs [type="text"] {
    width: 45px;
    height: 45px;
    border: 3px solid #b46600;
    color: #3b1f09;
    background-color: transparent;
    margin:0px 6px;
    font-size:17px;
    font-family:'Evogria',sans-serif;
    line-height: 45px;
    text-align: center;
    box-shadow: none!important;
    outline: none!important;
    border-radius: 0px;
}
.shop-detail-quantity-inputs [type="button"] {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-color: #3b1f09;
    color: #b06428;
    border: 0px!important;
    outline: none;
    box-shadow: none!important;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Circular Std Book',sans-serif;
    transition:all 0.4s ease;
}
.shop-detail-quantity-inputs [type="button"]:hover{
    background-color:#b06428;
    color:#3b1f09;
}
.section-shop-main .shop-detail-para{
    font-size: 20px;
    color: #3b1f09;
}
.section-shop-main .shop-detail-subscription [type="checkbox"] {
    display: none;
}
.section-shop-main .shop-detail-subscription [type="checkbox"]+label {
    width: 35px;
    height: 35px;
    display: inline-block;
    position: relative;
    background-color: #b46600;
    top:16px;
    cursor:pointer;
}
.section-shop-main .shop-detail-subscription [type="checkbox"]+label::before{
    content: "";
    width: 26px;
    height: 12px;
    border-left: 3px solid #3b1f09;
    border-bottom: 3px solid #3b1f09;
    position: absolute;
    transform: rotate(-45deg);
    left: 5px;
    top: 9px;
    opacity:0;
    transition:all 0.4s ease;
}
.section-shop-main .shop-detail-subscription [type="checkbox"]:checked+label::before {
    opacity:1;
}
.section-shop-main .btn,
.cart-page .btn{
    padding: 3px 10px;
    font-size: 26px;
}
.cart-page .checkout-table h1{
    margin:0px 0px 20px;
}
.cart-page .checkout-table h1+p{
    font-size: 20px;
    color: #3b1f09;    
}
.cart-page .checkout-table .cartPageTable {
    max-width:768px;
}
.profile-banner~.cart-page .checkout-table .cartPageTable{
    max-width:100%;
}
.profile-banner~.cart-page .checkout-table .cartPageTable .cartPageTableCell:first-child{
    min-width:500px;
}
.profile-banner~.cart-page .checkout-table .cartPageTable .cartPageTableCell:first-child .order-thumb{
    width:67px;
    float:left;
}
.profile-banner~.cart-page .checkout-table .cartPageTable .cartPageTableCell:first-child .order-content{
    padding:0px 30px;
    float:left;
}
.profile-banner~.cart-page .checkout-table .cartPageTable .cartPageTableHead {
    font-size: 28px;
    font-family: 'Evogria',sans-serif;
    color: #3b1f09;
}
.cart-page .checkout-table .cartPageTable img{
    width:80px;
}
.cart-page .checkout-table .cartPageTable .cartPageTableTitle{
    font-size:24px;
}
.cart-page .checkout-table .cartPageTable .cartPageTableTitle~p{
    font-size:16px;
}
.cart-page .checkout-table .cartPageTable .cartPageTableCartCost{
    font-size:24px;
}
.cart-page .checkout-table .cartPageTable .cartPageTableCell:last-child{
    text-align:left;
}
.cart-page.payment .checkout-table .cartPageTable .cartPageTableCell:last-child{
    text-align:right;
}
.cartPageTableTitle {
    font-family: 'Evogria',sans-serif;
    font-size: 28px;
    color: #3b1f09;
    margin: 0px 0px 5px;
}
.cart-page .checkout-form{
    margin-top:50px;
}
.cart-page .cartPageTable p,
.cart-page .checkout-form p,
.cart-page .checkout-form p a{
    font-family:'Circular Std Book',sans-serif;
    font-size:18px;
    color: #3b1f09;
}
.cartPageTableCartCost{
    font-family:'Evogria',sans-serif;
    font-size:38px;
    color: #3b1f09;
}
.cart-page .checkout-form label,
.address-book-form label,
.login-page label{
    font-family:'Evogria',sans-serif;
    font-size:24px;
    color:#3b1f09;
}
.cart-page .checkout-form .form-control,
.address-book-form .form-control,
.login-page .form-control{
    border-radius: 0px;
    border: 3px solid #b06428;
    box-shadow: none!important;
    outline: none!important;
    line-height: 33px;
    margin: 0px 0px 40px;
    background-color: #d1c19f;
    color: #3c2110;
}
.cart-page .checkout-form .form-control::-moz-placeholder,
.cart-page .checkout-form .form-control::-ms-input-placeholder,
.cart-page .checkout-form .form-control::-webkit-input-placeholder,
.cart-page .checkout-form .form-control::placeholder,
.address-book-form .form-control::-moz-placeholder,
.address-book-form .form-control::-ms-input-placeholder,
.address-book-form .form-control::-webkit-input-placeholder,
.address-book-form .form-control::placeholder,
.login-page .form-control::-moz-placeholder,
.login-page .form-control::-ms-input-placeholder,
.login-page .form-control::-webkit-input-placeholder,
.login-page .form-control::placeholder{
    color:#3c2110
    ;
    opacity:1;
}
.checkbox input{
    display:none;
}
.checkbox label {
    font-family: 'Circular Std Book',sans-serif!important;
    padding-left: 46px;
    position: relative;
    display: inline-block;
    line-height: 35px;
    color: #3c2110;
    cursor:pointer;
}
.checkbox label::before {
    content: "";
    width: 35px;
    height: 35px;
    border: 3px solid #b06428;
    position: absolute;
    left: 0px;
    transition:all 0.4s ease;
}
.checkbox [type="checkbox"]+label::after{
    content: "";
    position: absolute;
    left: 6px;
    width: 22px;
    height: 10px;
    border-left: 3px solid #333;
    border-bottom: 3px solid #333;
    transform: rotate(-45deg);
    top: 9px;
    opacity:0;
}
.checkbox [type="checkbox"]:checked+label::before{
    background-color:#b06428;
}
.checkbox [type="checkbox"]:checked+label::after{
    opacity:1;
}
.card {
    padding:25px 30px;
    background-color:transparent;
    border-radius:0px;
    border:3px solid #bd6b00;
}
.card .card-title {
    font-family: 'Evogria',sans-serif;
    font-size: 20px;
    color: #3b1f09;
    margin: 0px;
}
.card .card-content {
    font-size: 18px;
    font-family: 'Circular Std Book',sans-serif;
    color: #3b1f09;
}
.card .card-content:not(:last-child){
    margin:0px 0px 20px;
}
.card .card-title span {
    font-family: 'Circular Std Book',sans-serif!important;
    font-size: 17px;
    float: right;
    cursor:pointer;
}
.card input[type="text"],
.card textarea{
    border: 3px solid #3b1f09;
    border-radius: 0px;
    background-color: #d1c19f;
    font-size: 16px;
    line-height: 35px;
    color: #3b1f09;
    padding: 0px 15px;
    margin-right: 10px;
    float:left;
    outline: none!important;
}
.card textarea{
    width:310px;
}
.card [type="submit"]{
    background: #bd6b00;
    color:#3b1f09;
    border: 0px;
    height: 40px;
    position: relative;
    top: 1px;
    padding: 0px 15px;
    outline: none!important;
    transition:all 0.4s ease;
}
.card [type="submit"]:focus,
.card [type="submit"]:hover{
    background:#3b1f09;
    color:#bd6b00;
}
.profile-banner{
    background: #c9cdd0 url('../images/profile-banner.png') top center no-repeat;
    background-size:cover;
    min-height:431px;
    display:block;
}
.my-profile{
    padding:70px 15px;
    background-color:#d1c19f;
    color:#3b1f09;
}
.link{
    color: #371802!important;
    font-size:18px;
}
.delete-link{
    color: #371802!important;
    font-size: 20px;
    float: right;
    padding-right: 42px;
    position:relative;
    min-height:27px;
    cursor:pointer;
}
.delete-link::after{
    content:"";
    width:22px;
    height:27px;
    background:url('../images/thecoffeeman-sprite.png') -242px -154px no-repeat;
    position:absolute;
    right:0px;
}
.edit-link{
    color: #371802!important;
    font-size: 20px;
    float: right;
    padding-right: 42px;
    position:relative;
    min-height:27px;
    cursor:pointer;
}
.edit-link::after{
    content:"";
    width:25px;
    height:25px;
    background:url('../images/thecoffeeman-sprite.png') -114px -203px no-repeat;
    position:absolute;
    right:0px;
}
.add-new-link{
    color: #371802!important;
    font-size: 20px;
    float: right;
    padding-right: 42px;
    position:relative;
    min-height:27px;
    cursor:pointer;
}
.add-new-link::after{
    content:"";
    width:30px;
    height:30px;
    background:url('../images/thecoffeeman-sprite.png') -225px -202px no-repeat;
    position:absolute;
    right:0px;
}
.logout-link{
    color: #371802!important;
    font-size: 20px;
    float: right;
    padding-right: 42px;
    position:relative;
}
.logout-link::after{
    content:"";
    width:30px;
    height:32px;
    background:url('../images/thecoffeeman-sprite.png') -191px -152px no-repeat;
    position:absolute;
    right:0px;
}
.order-history-list-box{
    color:#d1c19f;
    background-color:#462301;
    padding:30px;
}
.order-history-list-title {
    font-family: 'Evogria',sans-serif;
    font-size: 21px;
    display:inline-block;
}
a.order-history-list-title{
    text-decoration:none!important;
}
a.order-history-list-title{
    color:#fff!important;
}
.btn-style-5{
    background:#b46600;
    color:#3b1f09;
    font-family:'Evogria',sans-serif;
    font-size:20px;
    text-align:center;
    padding:10px;
    text-decoration:none!important;
    transition:all 0.4s ease;
}
.btn-style-5:focus,
.btn-style-5:hover{
    background:#3b1f09;
    color:#d1c19f;
}
.btn-style-6{
    background:#3b1f09;
    color:#d1c19f;
    font-family:'Evogria',sans-serif;
    font-size:20px;
    text-align:center;
    padding:10px;
    text-decoration:none!important;
    transition:all 0.4s ease;
}
.btn-style-6:focus,
.btn-style-6:hover{
    background:#b46600;
    color:#3b1f09;
}
.address-book-row{
    margin-bottom:50px;
}
.address-book-form{
    max-height: 0px;
    transition: max-height 0.5s ease-out;
    overflow: hidden;
}
.address-book-form.address-book-form-opened{
    max-height: 9999px;
    transition: max-height 0.8s ease-in;
}
.card-address{
    padding: 20px;
    background-color: #3c2110;
    color: #d1c19f;
    margin:0px 0px 20px;
}
.card-address address{
    padding-right:40px;
    position:relative;
}
.card-address address .edit-link{
    position:absolute;
    right:0px;
    top:0px;
}
.card-address-title {
    font-family: 'Evogria',sans-serif;
    font-size: 28px;
    margin: 0px 0px 10px;
}
.order-detail-head{
    font-family:'Evogria',sans-serif;
    font-size:18px;
}
.order-detail-head .order-subtitle{
    font-size:24px;
    font-family:'Evogria',sans-serif;
    color:#b46600;
}
.order-detail-sum{
    max-width:45%;
    width:100%;
    float:right;
    font-size:20px;
}
.order-detail-sum tr td{
    padding:4px 10px;
    color:#3c2110;
}
.order-detail-sum tr td:last-child{
    font-size:24px;
    font-family:'Evogria',sans-serif;
}
.order-detail-sum tr:last-child td{
    font-family:'Evogria',sans-serif;
    font-size:35px;
}
span.non-desktop{
    font-family:'Circular Std Book',sans-serif;
}
.stories-page{
    padding-left:0px!important;
    padding-right:0px!important;
    overflow-x:hidden;
}
.story-carousel-grid .story-carousel-grid-title{
    color: #462301;
    font-family: 'Evogria',sans-serif;
    font-size: 36px;
    line-height: 1.2;
    text-decoration: none!important;
    margin: 0px 0px 20px!important;
    display: inline-block;
}
.story-carousel-grid p {
    color: rgba(255,255,255,0.7);
    font-size: 16px;
    font-weight: 500;
}
.story-carousel-grid .story-carousel-grid-box{
    padding:30px;
    background-color:#b06428;
}
.stories-page h1{
    font-family:'Evogria',sans-serif;
    font-size:55px;
    color:#3b1f09;
    margin:0px 0px 40px;
    text-align:center;
}
.stories-page-h1{
    padding-top:80px;
    background-color:#d1c19f;
}
.stories-page{
    padding-top:0px;
}
.stories-page-h1 h1{
    font-size:55px!important;
    text-align:center;
    color:#3b1f09;
    margin:0px 0px 50px;
}
.stories-page h2{
    font-size:40px!important;
    text-align:center;
    color:#3b1f09;
    margin:0px 0px 50px;
}
.stories-page .story-featured-title{
    font-size: 36px;
    font-family: 'Evogria',sans-serif;
    color: #3b1f09;
    margin: 0px 0px 20px;
    display: inline-block;
    text-decoration:none!important;
}
.stories-page .story-featured-title:focus,
.stories-page .story-featured-title:hover{
    color:#b06428!important;
}
.story-post-image{
    max-width:400px;
    float:right;
    margin:0px 0px 40px 20px;
}
.story-detail-page p{
    margin:0px 0px 25px;
    color:#3b1f09;
}
.contact-banner{
    background:#5c3926 url('../images/contact-banner.png') left center no-repeat;
    background-size:cover;
    padding:40px 15px;
    min-height:400px;
}
.contact-banner h2{
    color:#d1c19f;
    font-family:'Evogria',sans-serif;
    font-size:36px;
    margin-top:300px;
}
.contact-content{
    padding:120px 15px;
    background:#d1c19f url('../images/home-section-2-bg-1.png') center center no-repeat;
}
.contact-content h1{
    font-family:'Evogria',sans-serif;
    font-size:65px;
    color:#3b1f09;
    margin:0px 0px 40px;
}
.contact-content .form-control{
    border-radius: 0px;
    background-color: #d1c1a0;
    border: 3px solid #b46600;
    box-shadow: none!important;
    outline: none!important;
    margin: 0px 0px 30px;
    line-height: 35px;
    color: #3c2110;
}
.contact-content .form-control:focus{
    border-color:#b46600!important;
}
.contact-list-icons {
    display: inline-block;
    width: 100%;
    text-align: center;
    list-style:none;
    padding:0px;
}
.contact-list-icons li {
    width: 42px;
    height: 42px;
    margin: 5px 10px;
    display:inline-block;
}
.contact-list-icons li a {
    width: 42px;
    height: 42px;
    background-image: url('../images/thecoffeeman-sprite.png');
    background-repeat:no-repeat;
    display:inline-block;
}
.contact-list-icons li a.facebook{
    background-position:-66px -244px;
}
.contact-list-icons li a.instagram{
    background-position:-4px -244px;
}
.contact-list-icons li a.whatsapp{
    background-position:-128px -243px;
}
.contact-list-icons li a.facebook:hover{
    background-position:-66px -295px;
}
.contact-list-icons li a.instagram:hover{
    background-position:-4px -295px;
}
.contact-list-icons li a.whatsapp:hover{
    background-position:-128px -294px;
}
.testimonial-grid{
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.4);
    border-radius: 4px;
    background-color: #d6c6a6;
    padding: 60px 40px 40px;
    margin:0px 0px 40px;
    color: #462301;
}
.section-4 .col-md-4{
    padding:0px 30px;
}
.testimonial-grid p{
    opacity:0.8;
}
.testimonial-title{
    font-family: 'Evogria',sans-serif;
    font-size: 26px;
    margin: 0px 0px 13px;
}
.testimonial-grid::before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    top: -27px;
    background: #462301 url('../images/thecoffeeman-sprite.png') -178px -287px;
    border-radius: 50%;
    right: 0px;
}
.featured-product{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    height: 100%;
}
.featured-product img {
    width: 160px;
    height: 277px;
    margin-top:auto;
    margin-bottom:15px;
}
.featured-product .featured-title {
    margin: 0px 0px auto;
    font-size: 21px;
    color: #d1c19f;
    font-family:'Circular Std Book',sans-serif;
}
.section-6 {
    background: #462301 url('../images/home-section-5.png') center center no-repeat;
    color: #fff;
    text-align: center;
    padding: 70px 15px;
    background-size: cover;
    position: relative;
}
.section-6::before {
    content: "";
    position: absolute;
    background-color: #231208;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
.section-6 h2{
    font-size: 39px;
    margin: 20px 0px 60px;
}
.label-flag{
    padding: 3px 10px;
    background-color: #b46600;
    color: #e6d9be;
    font-size: 12px;
    font-weight: 400;
    border-radius: 2px;
}
.section-6 .row .col-md-4:nth-child(2) img{
    width:200px;
    height:347px;
}
.floating-whatsapp{
    position: fixed;
    width: 70px;
    height: 70px;
    background: #bd6b00 url('../images/thecoffeeman-sprite.png') -184px -232px;
    bottom: 30px;
    left: 30px;
    border-radius: 50%;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    transition:all 0.4s ease;
}
.floating-whatsap:hover{
    background-color:#753d06!important;
}
footer{
    background:#3b1f09 url('../images/footer.png') center center no-repeat;
    background-size:cover;
    padding:90px 15px 60px;
}
.footer-list,
.footer-social-list{
    padding:0px;
    list-style:none;
}
.footer-list li,
.footer-list li a,
.footer-social-list li,
.footer-social-list li a{
    display:inline-block;
    width:100%;
    color:#d1c19f;
    text-decoration:none!important;
}
.footer-list li a{
    font-size:30px;
    font-family:'Evogria',sans-serif;
    margin:0px 0px 10px;
}
.footer-social-list li a{
    padding-left: 50px;
    position: relative;
    line-height: 40px;
    font-size:20px;
    margin: 0px 0px 10px;
}
.footer-social-list li a::before{
    content:"";
    width:40px;
    height:37px;
    display:inline-block;
    position:absolute;
    left:0px;
    background:url('../images/thecoffeeman-sprite.png') no-repeat;
}
.footer-social-list li.facebook a::before{
    background-position: -94px -60px;
}
.footer-social-list li.instagram a::before{
    background-position: -33px -60px;
}
footer .input-group .form-control{
    height:50px;
    background:#d1c19f;
    color:#462301;
    line-height:50px;
    border:0px;
    box-shadow:none!important;
    border-radius:2px 0px 0px 2px;
}
footer .input-group .form-control::placeholder,
footer .input-group .form-control::-moz-placeholder,
footer .input-group .form-control::-webkit-input-placeholder{
    color:#b46600!important;
    opacity:1;
}
footer .input-group .btn-envelope{
    border: 0px;
    width: 50px;
    border-radius: 0px 2px 2px 0px;
    background: #b46600 url('../images/thecoffeeman-sprite.png') 2px -98px;
    outline: none!important;
    cursor:pointer;
    transition:all 0.4s ease;
}
footer .input-group .btn-envelope:hover{
    background:#d48115 url('../images/thecoffeeman-sprite.png') 2px -98px;
}
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999999;
}
.gocover {
    display:none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
}
.alert .text-left {
    margin-bottom: 0px!important;
}
@media screen and (min-width:1451px) and (max-width:1950px){
    .section-shop-main{
        background:#d1c19f url('../images/bg-bottom-large.png') bottom left no-repeat;
        padding-bottom:440px;
    }
    .stories-page{
        background:#d1c19f url('../images/bg-bottom-large.png') bottom left no-repeat;
        padding-bottom:440px;
    }
    .cart-page{
        background:#d1c19f url('../images/bg-bottom-large.png') bottom left no-repeat;
        padding-bottom:500px;
    }
    [class^="col-xxl-"]{
        width:100%;
    }
    .col-xxl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xxl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xxl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .section-shop-main .btn,
    .cart-page .btn {
        padding: 10px 17px;
        font-size: 27px;
    }
    .btn.btn-add-cart{
        padding-right:60px!important;
    }
    .btn.btn-add-cart::before{
        width:39px;
        height:39px;
        background:url('../images/thecoffeeman-sprite.png') -61px -105px no-repeat
    }
    .home-banner .carousel-item .container .carousel-title,
    .section-shop-main h1,
    .cart-page h1,
    .about-content h1,
    .stories-page h1{
        font-size:65px;
    }
    .h2,
    .section-2 h2, .section-3 h2,
    .about-banner h2,
    .section-4 h3, .section-5 h3{
        font-size:55px;
    }
    .section-5{
        height:530px;
    }
    .btn {
        font-size: 30px!important;
    }
    .shop-detail-quantity-inputs [type="button"]{
        width:40px;
        height:40px;
        line-height:40px;
        font-size:36px;
    }
    .shop-detail-quantity-inputs [type="text"]{
        font-size:30px;
        height:60px;
        width:60px;
        line-height:60px;
    }
    .navbar-dark .navbar-nav .nav-link,
    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{
        font-size:24px;
    }
    .section-shop-main .shop-detail-quantity, .section-shop-main .shop-detail-sizes, .section-shop-main .shop-detail-subscription,
    .section-shop-main .shop-detail-para,.breadcrumb li,.breadcrumb li a,.shop-grid-back{
        font-size:25px;
    }
}
@media screen and (max-width:1450px){
    .section-shop-main{
        background:#d1c19f url('../images/bg-bottom.png') bottom left no-repeat;
        padding-bottom:290px;
    }
    .stories-page{
        background:#d1c19f url('../images/bg-bottom.png') bottom left no-repeat;
        padding-bottom:290px;
    }
    .cart-page{
        background:#d1c19f url('../images/bg-bottom.png') bottom left no-repeat;
        padding-bottom:350px;
    }
    .section-shop-main.bg-adjusted{
        padding-bottom:440px;
    }
}
@media screen and (min-width:1400px){
    .home-banner .carousel-item{
        min-height:960px;
        background:url('../images/home-banner.jpg') bottom 0px right;
    }
}
@media screen and (max-width:1280px){
    .home-banner .carousel-item{
        background:url('../images/home-banner.jpg') bottom 0px right;
        background-size:cover;
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    .navbar-dark .navbar-brand{
        font-size:25px;
    }
}
@media screen and (min-width:992px){
    #theCoffeeManNav{
        margin-top:15px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        right: 0px;
        left: auto;
        background: #bd6b00;
        color: #fff;
        transition:all 0.4s ease;
        border-left:0px;
        border-right:0px;
    }
    .navbar-dark .navbar-nav .nav-link .nav-item-label{
        display:none;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{
        font-family: 'Evogria',sans-serif;
        color: #d1c19f;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:focus, .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover {
        color: #d1c19f;
        background-color: #3e210f!important;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu::before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-bottom: 8px solid #bd6b00;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        top: -7px;
        right: 21px;
    }
    .text-right-md{
        text-align:right;
    }
    .section-2 .col-md-8{
        text-align:right;
    }
    footer .footer-list{
        padding: 0px 50px;
        border-left: 4px solid #d1c19f;
        border-right: 4px solid #d1c19f;
    }
    .stories-carousel .owl-item:not(.active),
    .stories-carousel .owl-item.active.center+.owl-item+.owl-item{
        opacity: 0.5;
    }
    .breadcrumb-row{
        color:#3b1f09;
    }
    .breadcrumb-row .col-md-6:nth-child(2){
        text-align:right;
    }
    .non-desktop{
        display:none!important;
    }
}
@media screen and (max-width:991px){
    .md-wrap-reverse{
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important;
    }
    .home-banner .carousel-item{
        background:url('../images/home-banner.jpg') bottom 0px right;
        background-size:cover;
    }
    ul.navbar-nav{
        width: 150px;
        background: #bd6b00;
        padding: 15px 0px;
    }
    .navbar-dark .navbar-nav .nav-item.active .nav-link{
        color:#fff!important;
    }
    .navbar-dark .navbar-nav .nav-link {
        color: rgb(60 33 16);
        font-size: 16px;
        padding: 6px 15px!important;
        width: 100%;
    }
    .navbar-dark .navbar-nav .nav-link .icon-cart,
    .navbar-dark .navbar-nav .nav-link .icon-profile{
        display:none;
    }
    .navbar-dark .navbar-nav .nav-link .nav-item-label{
        display:inline-block;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        padding: 0;
        min-width: 100%;
        background: transparent;
        border: 0px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
        padding: 6px 13px;
        font-family: 'Evogria',sans-serif;
        color: #3c2110;
    }

    .navbar-dark .navbar-nav .nav-item .nav-link[aria-expanded="false"] .nav-item-label::before {
        content: "";
        position: absolute;
        right: 15px;
        width: 0px;
        height: 0px;
        border-left: 8px solid #3c2110;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        top: 11px;
        transition:all 0.4s ease;
    }
    .navbar-dark .navbar-nav .nav-item .nav-link[aria-expanded="true"] .nav-item-label::before {
        content: "";
        position: absolute;
        right: 15px;
        width: 0px;
        height: 0px;
        border-left: 8px solid #fff;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        top: 11px;
        transition:all 0.4s ease;
        transform:rotate(90deg);
    }
    .section-2, .section-3{
        padding:60px 15px;
    }
    .section-2 img, .section-3 img{
        margin:40px auto 0px;
        float:none;
    }
    .profile-banner~.cart-page .checkout-table [class^="cartPageTable"]{
        display:block;
        width:100%;
        float:left;
        text-align:left;
    }
    .order-detail-sum{
        float:left;
    }
    .cartPageTableHead{
        display:none!important;
    }
    .profile-banner~.cart-page .checkout-table .cartPageTableCell{
        padding-top:2px!important;
        padding-bottom:2px!important;
    }
    .profile-banner~.cart-page .checkout-table .cartPageTableRow:first-child{
        display:none;
    }
    .profile-banner~.cart-page .checkout-table .cartPageTableRow{
        border:3px solid #b46600!important;
        margin:0px 0px 30px;
        padding:20px;
    }
    .stories-carousel .owl-item.cloned{
        opacity: 0.5;
    }
    footer .footer-list{
        padding: 50px 0px;
        border-top: 4px solid #d1c19f;
        border-bottom: 4px solid #d1c19f;
    }
}
@media screen and (min-width:768px){
    .cartPageTable{
        display: table;
        width: 100%;
    }
    .cartPageTableRow {
        display: table-row;
    }
    .cartPageTableHeading {
        background-color: #EEE;
        display: table-header-group;
    }
    .cartPageTableCell, .cartPageTableHead {
        display: table-cell;
        padding: 30px 10px;
        vertical-align: middle;
    }
    .cartPageTableHeading {
        background-color: #EEE;
        display: table-header-group;
        font-weight: bold;
    }
    .cartPageTableFoot {
        background-color: #EEE;
        display: table-footer-group;
        font-weight: bold;
    }
    .cartPageTableBody {
        display: table-row-group;
    }
    .cartPageTableCell:last-child{
        text-align:right;
    }
    .cart-page .checkout-table .cartPageTable .cartPageTableCell{
        vertical-align: top;
        padding:10px;
    }
    .cart-page .checkout-table .cartPageTable .cartPageTableRow:nth-last-child(2) .cartPageTableCell:nth-last-child(2),
    .cart-page .checkout-table .cartPageTable .cartPageTableRow:last-child .cartPageTableCell:nth-last-child(2){
        text-align:right;
    }
}
@media screen and (max-width:767px){
    .home-banner .carousel-item{
        background:url('../images/home-banner.jpg') bottom left;
        background-size:cover;
    }
    .hide-mobile{
        display:none;
    }
    .navbar-brand img{
        max-width:340px;
    }
    .order-detail-sum{
        max-width:100%;
    }
    .profile-banner~.cart-page .checkout-table .cartPageTable .cartPageTableCell:first-child{
        min-width:initial;
    }
    .order-thumb{
        width:100%!important;
    }
    .profile-banner~.cart-page .checkout-table .cartPageTable img{
        float:none;
        margin: auto auto 20px;
    }
    .profile-banner~.cart-page .checkout-table [class^="cartPageTable"],
    .profile-banner~.cart-page .checkout-table .cartPageTable .cartPageTableTitle~p{
        text-align:center!important;
    }
    .profile-banner~.cart-page .checkout-table .cartPageTable .cartPageTableCell:first-child .order-content{
        width:100%;
        text-align:left;
        padding:0px 0px;
    }
}
@media screen and (max-width:480px){
    .home-banner .carousel-item{
        background:url('../images/home-banner.jpg') bottom left;
        background-size:cover;
        min-height:535px;
    }
    .home-banner .carousel-item .container .carousel-title{
        margin-top:70px;
    }
    .navbar-brand img{
        content:url('../images/logo-icon.png');
        width:91px;
        height:70px;
    }
}
@media screen and (min-width:420px) and (max-width:767px){
    .cartPageTableRow{
        padding: 20px 10px;
        border: 1px solid #3b1f09;
        margin: 0px 0px 40px;
        display:inline-block;
        width:100%;
        clear:both;
    }
    .cartPageTableRow .cartPageTableCell{
        display:inline-block;
        clear:both;
    }
    .cartPageTableRow .cartPageTableCell:first-child{
        width:70px;
        float:left;
    }
    .cartPageTableRow .cartPageTableCell:nth-child(2){
        width: calc(100% - 70px);
        float: left;
        padding-left: 30px;
        clear:right;
    }
    .cartPageTableRow .cartPageTableCell:nth-child(3){
        padding-left:100px;
    }
    .cartPageTableRow .cartPageTableCartCost{
        font-size:28px;
    }
    .cartPageTableBody .cartPageTableRow:nth-last-child(2) .cartPageTableTitle, .cartPageTableBody .cartPageTableRow:last-child .cartPageTableCartCost {
        font-size: 20px;
    }
    .cartPageTableBody .cartPageTableRow:last-child{
        border:0px;
    }
    .cart-page .checkout-table .cartPageTableBody .cartPageTableRow:last-child{
        border:1px solid #3b1f09;
    }
    .cartPageTableBody .cartPageTableRow:nth-last-child(2) .cartPageTableCell, .cartPageTableBody .cartPageTableRow:last-child .cartPageTableCell,
    .cart-page.payment .cartPageTableBody .cartPageTableRow:nth-last-child(3) .cartPageTableCell{
        text-align: center!important;
        padding-left:10px;
        padding-right:10px;
        width:100%;
    }
    .cartPageTableBody .cartPageTableRow:nth-last-child(2) .cartPageTableCartCost{
        padding-left:0px;
    }    
}
@media screen and (max-width:419px){
    .cartPageTableRow{
        padding:30px;
        border: 1px solid #3b1f09;
        margin: 0px 0px 40px;
        text-align:center;
        display:inline-block;
        width:100%;
    }
    .cartPageTableRow img{
        width:100px;
    }
    .cartPageTableCell{
        display:inline-block;
        width:100%;
        float:left;
    }
    .cartPageTableRoww .shop-detail-quantity-inputs{
        width:auto;
    }
}