body{
		font-size: 16px;
	}
	.header_area .navbar .nav .nav-item:hover .nav-link, .header_area .navbar .nav .nav-item.active .nav-link {
		color: #f58634;
	}
	.otherNavIcon{
		display: flex;
	}
	.otherNavIconSpaceOne{
		margin-right: 25px !important;
	}
	.otherNavIconSpace{
		margin-right: 15px !important;
	}

    /*.header_area {*/
    /*	z-index: 10000;*/
    /*}*/
	.header_area .navbar .nav.navbar-nav.navbar-right li span {
		color: #222222;
		line-height: 80px;
		font-weight: 800;
		font-size: 18px;
	}
	.navbar-right{
	   align-self: center;
	   font-size:21px;
	}
	.btn-secondaryTwo {
		color: #fff;
		background-color: #c5322d;
		border-color: #ffffff;
		transition: color .15s ease-in-out, background-color .5s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}

	.btn-secondaryTwo:hover{
		color: #fff;	
		background-color: #f58332 !important;
		border-color: #f58332;
		box-shadow:none;
	}
	.favCount {
		position: absolute;
		top: -5px;
		right: 118px;
		line-height: 10px;
		background: #ff0433;
		color: #ffffff;
		top: 26px;
		font-size: 15px;
		padding: 4px;
		border-radius: 12px;
	
	}
	s{
	    color:gray;
	}
	/*************Footer**************/
	.footerTextCenter{
		text-align: center !important;
	}
	.single-footer-widget p{
		text-align: center;
		font-size: 15px;
		color: #e1e1e1;
	}
	.footer-social{
		justify-content: space-evenly;
	}
	.footer-social a{
		padding-right: 0px !important;
	}
	.fa-linkedin,
	.fa-instagram {
		font-size: 22px;
		border: 1px solid white;
		padding: 7px 8px;
		border-radius: 50%;
	}
	
	.fa-facebook {
		font-size: 22px;
		border: 1px solid white;
		padding: 7px 12px;
		border-radius: 50%;
	}
	.fa-linkedin:hover,
	.fa-instagram:hover,
	.fa-facebook:hover{
		border: 1px solid #ffba00;
	}
	.text{
		font-size: 15px;
		color: #e1e1e1;
	}
	.text:hover{
		color: #ffba00;
	}
	footer .text {
    font-size: 14px;
	}
    /***************************cakebox & cakebase pegination*********************************/
    .paginationCakebox_Cakebase {
        bottom: -40px;
        left: 0;
        right: 0;
        position: absolute;
    }
    .category-list .single-product {
     margin-top: 0px; 
    }
    /***************************cakebox & cakebase pegination End*********************************/
    

	/*******************Cart****************/
	.header_area .navbar .nav.navbar-nav.navbar-right li span {
		color: #222222;
		line-height: 80px;
		font-weight: 800;
		font-size: 18px;
	}
	.media img{
		width: 125px;
		height: auto;
	}
	.fa-close{
		cursor: pointer;
	}
	.cart_area {
		padding-top: 100px;
		padding-bottom: 0px;
	}
    .cart_inner .fa-close{
        top: 0px;
        position: relative;
    }
    .btn--link {
        display: flex;
        gap: 5px;
    }
	/******************Change Password**********************/
	.login_box_area .login_box_img:before {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		content: "";
		background: #2c1300;
		opacity: .8;
	}
	.login_form_inner {
		box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
		height: 100%;
		text-align: center;
		padding-top: 20px;
	}
	.btnCancel{
		display: block;
		border-radius: 0px;
		line-height: 38px;
		width: 100%;
		text-transform: uppercase;
		border: none;
		background: #b70012;
		color: white;
		font-weight: 500;
		cursor: pointer;
	}

	/************CheckOut*****************/
	.header_area .navbar .nav.navbar-nav.navbar-right li span {
		color: #222222;
		line-height: 80px;
		font-weight: 800;
		font-size: 18px;
	}
	.contact_form .form-group .form-control {
        font-size: 13px;
        line-height: 43px;
        color: #777;
        height: 45px;
        border: 1px solid #eeeeee;
        font-family: "Roboto", sans-serif;
        border-radius: 0px;
        padding-left: 20px;
    }

	/***************Single-product***************/
	.product_description_area {
		padding-bottom: 50px;
		margin-top: 60px;
	}

	/********************Login***************/
	.login_box_area .login_box_img:before {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		content: "";
		background: #2c1300;
		opacity: .8;
	}
	.login_form_inner {
		box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
		height: 100%;
		text-align: center;
		padding-top: 20px;
	}

	/************Registration*****************/
	.login_box_area .login_box_img:before {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		content: "";
		background: #2c1300;
		opacity: .8;
	}
	.login_form_inner {
		box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
		height: 100%;
		text-align: center;
		padding-top: 20px;
	}

	/*****************Single Product******************/
    .singleProduct input {
        width: 100% !important;
        height: 40px;
    }
    .secondprimary-btn{
        line-height: 38px;
        padding: 0px 38px;
        color: white;
        font-weight: 500;
        text-transform: uppercase;
        margin-right: 10px;
        border-radius: 5px;
        transition: background 0.3s ease 0s;
        background: #ff6c00;
    }
    .secondprimary-btn:hover{
        color:white;
        font-weight: 500px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    
    .primary-btn{
        background: #ffba00;
    }
    .primary-btn:hover {
        color: #fff;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    .msg{
        color: gray;
    }
    .wishlist{
        display: flex;
        align-items: baseline;
        justify-content: space-evenly;
    }
    .wishlist-input:hover {
        text-decoration: none !important;
    }
    .hearticon{
        color: #7e7b7b99;
        margin-right: -10px;
    }
    .emailicon,
    .fa-send-o{
        color: #7e7b7b99;
        margin-right: 7px;
    }
    .header_area .navbar .nav.navbar-nav.navbar-right li span {
        color: #222222;
        line-height: 80px;
        font-weight: 800;
        font-size: 18px;
    }
    .nice-select {
        width: 100% !important;
        padding-left: 12px;
        padding-top: 0;
        text-align: left !important;
    }
    .productpack_quantityDiv{
        display: flex;
    }
    .card_area{
        justify-content: center !important;
    }
    #PrintedCollection{
        width: 64%;
    }
    #pastelCollectionOne{
        width: 64%;
    }
    #PrintedCollectionboard{
         width: 64%;
    }
    .msg b{
        color: #5c5c5c !important;
    }
    .s_product_text {
        margin-left: -15px;
        margin-top: 0PX;
    }
    .s_product_text .card_area .primary-btn {
        line-height: 38px;
        padding: 0px 38px;
        text-transform: uppercase;
        margin-right: 10px;
        border: unset;
        border-radius: 5px;
    }

	/***************navbar***********************/
	sup {
		background: #ff6c00;
		color: white;
		top: -15px;
		left: -7px;
		font-size: 12px;
		border-radius: 11px;
		padding: 3px 6px;	
	}
	.loginBtn{
	    width: 100%;
		padding: 0px;
		background: #ffffff00;
		font-size: 20px;
		border: unset;
		box-shadow: unset;
		border-radius: unset;
	}
	.loginNav a{
		background:red;
	}
	.loginNav a:hover{
		color: white !important;
	}
	
	/*****************Customise******************/
	.customise_form {
		max-width: 100%;
		margin: auto;
	}
	.form-group input {
		height: 54px;
		border: none;
		border-bottom: 1px solid #cccccc;
		border-radius: 0px;
		outline: none;
		box-shadow: none;
	}
	.form-group .primary-btn {
		display: block;
		border-radius: 0px;
		line-height: 38px;
		width: 100%;
		text-transform: uppercase;
		border: none;
	}
	.form-control:focus {
		color: #495057;
		background-color: #fff;
		border-color: #f58634;
		outline: 0;
		box-shadow: unset;
	}


	/***********************Policy********************/
	.policy{
		text-align: justify;
		padding: 0px 35px 5px;
	}
	.policy li span{
		color: black; 
		font-weight: 500;
	}

	/*********************** slider ***********************/
	.carouselMainDiv{
		display: flex; 
		justify-content: space-evenly;
	}
	.card-img-top{
		height: 200px;
	}
	.btn-primary{
		border: none;
		background: -webkit-linear-gradient(310deg, hsla(25, 91%, 58%, 1) 45%, hsla(25, 91%, 58%, 1) 54%, hsla(4, 71%, 60%, 1) 100%);
		transition: color .15s ease-in-out, background .5s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}
	.btn-primary:hover{
		color: #fff;
		background: #b83f37 !important;
	}
	.btn-Three{
		border: none;
		color: #fff;
		background-color: #f58332;
		transition: color .15s ease-in-out, background-color .5s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}
	.btn-Three:hover{
		color: #fff;
		background-color: #b83f37 !important;
	}

	.carousel-inner{
		/* height: 500px; */
	}
	.card{
		width: 18rem;
		/*height: 360px;*/
		box-shadow: rgba(0, 0, 0, 0.05) 1px 6px 20px 1px;
		border: unset;
	}
	.card_wrap{
		display: flex;
		gap: 1%;
		justify-content: center;
	}
	.carousel_control_next {
		right: -45px;
		position: absolute;
		top: 50%;

	}
	.carousel_control_prev {
		left: -45px;
		position: absolute;
		top: 50%;
	}
	.carousel_control_nextTwo {
		right: 15px;
		position: absolute;
		top: 50%;

	}
	.carousel_control_prevTwo {
		left: 15px;
		position: absolute;
		top: 50%;
	}
	.carousel_control_prevThree {
		left: -42px;
		position: absolute;
		top: 50%;
	}
	.carousel_control_nextThree{
        position: absolute;
        bottom: 42%;
        right: -45px;
	}
	.fa-chevron-left,
	.fa-chevron-right{
		font-size: 23px;
		color: #ff8d00bf;
	}
	.card-body{
		text-align: center;
	}
	.priceDiv{
		justify-content: center;
		display: flex;
		margin-bottom: 15px;
		gap: 13px;
	}
	.priceDiv p{
		margin-bottom: 0px;
		padding-bottom: 0px;
		font-weight: 500;
		color: #242424;
	}
	.cardbtns{
		display: flex;
		justify-content: center;
		gap: 5px;

	}
	.fa-cart-plus,.fa-heart-o,.fa-cart-arrow-down{
		font-size: 24px;
	}
	.fa-heart{
		font-size: 22px;
	}

	/**********************Slider end********************/

	/************ background background  *******************/
	.bgBannerOne{
		background-repeat: repeat;
		height: 155px;
	}
	.bgBannerTwo{
	    background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		height: 300px;
	}
	.bgBannerThree {
		background-repeat: no-repeat;
		background-position: unset;
		background-size: cover;
		height: 430px;
	}
	.bgBannerFour{
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 449px;
	}
	/**************** background background end************ */

	/*************** explor more section  *******************/
	.explormoreCard{
		width: 100%;
		height: 469px;
		box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
		margin-bottom: 7%;
	}
	.explormoreCardcard-body{
		background-size: cover;
    	height: 360px;
	}
	.card-header{
		color: #f58634;
		font-weight: 500;
		font-size: 22px;
	}
	/*************** explor more section  *******************/

	/***************Top Collection section*******************/
	.topCollectioncontainer{
		padding: 0 50px;
	}
	.topCollectionRowDiv{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.line{
		width: 22%;
		height: 1px;
		background-color: #f58634;
	}
	.topCollectionImg{
		width: 100%;
		max-width: 100%;
		height: auto;
		border: 4px solid #f58634;
		border-radius: 50%;
		box-shadow:rgba(50, 50, 93, 0.25) 0px 4px 7px 1px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	}
	
	.single_deal_radius .overlay {
		border-radius: 50%;		
	}

	/*******************Top Rated Product*****************/
	.buynowbtn{
		border-radius: 50px;
		transition: padding 1s ease-in-out;
	}
	.buynowbtn:hover{
		/* margin-top: -3px; */
		padding: 7px 30px;
		/* font-size: 19px; */
	}

	/**********************start features Area****************/
	.f-icon img{
		width: 30%;
	}

	/*************************product page *******************************/
	.sidebar-categories .head {
		background: #f58634;
	}
	.sidebar-filter .top-filter-head {
		background: #f58634;
	}
	.filter-bar {
		background: hsla(4, 54%, 47%, 1);

		background: linear-gradient(180deg, hsla(4, 54%, 47%, 1) 40%, hsla(25, 91%, 58%, 1) 100%);
		
		background: -moz-linear-gradient(180deg, hsla(4, 54%, 47%, 1) 40%, hsla(25, 91%, 58%, 1) 100%);
		
		background: -webkit-linear-gradient(180deg, hsla(4, 54%, 47%, 1) 40%, hsla(25, 91%, 58%, 1) 100%);
		
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#B83F37", endColorstr="#F58634", GradientType=1 );	
	}
	.product-details{
		text-align: center;
	}
	.single-product img {
		margin-bottom: 20px;
		width: 100%;
		height: 200px;
	}

	/***************************Customise page***************************/
	.lookingFor .list{
		width: 100%;
	}
	.lookingFor{
		border: none;
		border-bottom: 1px solid #cccccc;
		border-radius: 0px;
	}

	/*******************************Call to action btns******************/
	.rightcall {
		height: 1px;
		width: 100%;
		float: left;
		text-align: right;
		position: relative;
	}
	.rightcallin {
		position: fixed;
		right: 30px;
		bottom: 15px;
		z-index: 11;
	}
	
	.rightcallinRowTwo {
		width: 50px;
		height: 50px;
		position: relative;
	}

	/*******************User Dashboard******************************/
	.dashboardtext{
		text-align: center;
		color: #00ad00;
		font-size: 25px;
	}
	.productDetails{
		text-align: center;
	}
	.productDetails img{
		width: 38px;
		height: 30px;
		margin-bottom: 5%;	
	}
	.product_description_area .tab-content .table tbody tr td {
         padding-left: 0px !important; 
         padding-right: 0px !important; 
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .table-responsive thead{
        text-align: center;
    }
	/**********************Table************************************/
	.table tbody tr td {
		padding-left: 10px !important;
	}
	/***************************BG Banner Img***********************/
	.bannerBgImg{
		background-size: cover;
		background-repeat: no-repeat;
		height: 385px;		
		margin-bottom: 5%;
	}

	/*****************************add to cart popup form*****************************/
	.btn.disabled, .btn:disabled {
        opacity: 1;
    }
	.popup_card{
		width: 100%;
		height: -webkit-fill-available;
		background: #ffffffd1;
		position: absolute;
		left: 0px;
		z-index: 1;
		padding: 15px;
		display: none;
	}
	.single-product .popup_card {
        background: #ffffff;
	}
	.popup_card p{
		font-weight: 700;
		color: black;
		font-size: 22px;
		margin-bottom: 33px;
	}
	.popup_card b{
		color:#bb5738;
	}
	.popup_card h6{
		font-size: 18px;

	}
	.quantityBtn{
		margin-top: 10px;
		border: none;
		background: white;
		padding: 10px;
		cursor: pointer;
		box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	}

	/****************************** search pegination ***********************/
	.pagination{
		display: flex;
		justify-content: space-around;
		gap: 30px;
		align-items: baseline;
	}
	.pagination a{
		width: auto !important;
		color: black !important;
	}

	.pagination a:hover{
		background: unset;
		transform: scale(1.2);
	}
	.header_area .navbar .nav.navbar-nav.navbar-right li:first-child {
		margin-left: 0;
	}
	/*********************** Checkout Page ***************************/
	.order_box .creat_account a {
		color: #c5322d;
		font-size: 12px;
	}
	.CheckoutProductImg{
		width: 45px;
	}

	.order_box b{
		font-size: 15px;
		color: #242424;
		font-weight: 500;
	}
	.list {
		list-style: auto;
		margin: 0px;
		padding: 0px;
	}
	.list li a{
		display: flex;
		width: 100%;
	}
	.list li a span{
		width: 50% !important;
	}
	.list li a div{
		width: 100%;
		margin-left: 10px;
	}
	.order_list{
		margin: 0px;
		padding: 0px;
	}
	.order_list li a span b{
		float: right !important;
	}
	.order_box .list li a .middle {
		float: none;
		width: 24%;
		text-align: right;
		display: inline-block;
		margin-left: 30px;
		color: #222222;
	}
	.checkoutlistdiv{
		display: flex;
		justify-content: space-between;
	}
	.last{
		color: #343434 !important;
		font-weight: 500 !important;
	}
	.list_2{
		list-style: none !important;
	}
	.genric-btn.danger {
        color: #fff;
        background: #ff0e00;
        border: 1px solid transparent;
    }
    .genric-btn.danger:hover {
        color: #ff0e00;
        border: 1px solid #ff0e00;
        background: #fff;
    }
/************************************* Invoice *********************************/
.invoicetbl{
	width: 80%;
	text-align: center;
	border: 1px solid black;
	margin: 45px 133px;
}
.invoicetr td,
.invoicetr th{
	border: 1px solid black;
}
.invoiceth{
	border-right: 1px solid black;
	border-left: 1px solid black;
}
.invoicefooter{
	height: 200px;
}
.invoicediv{
	float: right;
	text-align: end;
	width: 100%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-top: 1%;
}
.invoicediv1{
	float: right;
	text-align: end;
	width: 100%;
	padding-right: 1%;
}
.invoicediv2{
	float: left;
	text-align: justify;
	width: 100%;
	padding-left: 1%;
	padding-bottom: 1%;
}
.invoicediv1 p,
.invoicediv p{          
	margin-bottom: 0px;
	text-align: end;
}           
.invoicediv2 p{         
	margin-bottom: 0px;
	text-align: justify;
}
.invoicediv p span,
.invoicediv1 p span,
.invoicediv2 p span{
	font-weight: 500;
}

.payOrderTitle{
    font-size: 18px;
    padding-bottom: 3%;
    border-bottom: 1px solid #eee;
}

/********************************confirmation page*****************************/
.confirmationtbl {
    text-align: unset !important;
}
.order_details .row{
        margin-right: 0px !important;
}

/**********************************fa-close***************************************/
.fa-close{
    top: -52px;
    position: relative;
}
.fa-times{
    position: relative;
    top: 0px;
    right: 22px;
    color: black;
}

/*************************************WishList***********************************/
.wishlishRemoveBtn{
    margin-top: 25px
}
.wishlishRemoveBtn a{
    color: black;
}
.wishlishRemoveBtn a:hover{
  opacity:0.7;
}
.wishlishRemoveBtn .fa-close{
    top: -1px;
}

.wishlistPriceDiv {
    margin-bottom: 5px;
}
/*********************************mobile view**********************************/
@media (max-width: 768px){
	.banner-areaw .carousel {
		top: 90px;
	}
	.banner-areaw{
		height: 220px;
	}
	.carousel-indicators {
		top: 120px;
	}
	.carousel-inner {
        /* height: 173px; */
        background: none;
    }
	.card_wrap {
        gap: 0% !important;
	}
	.section-title h1 {
		font-size: 21px;
	}
	.carousel-inner a{
	    display:block;
	}
	.text-muted{
	   display: inline-block;
	}
	.card_wrap {
		display: flex;
		gap: 5%;
		justify-content: center;
		margin-bottom: 4%;
	}
	.card-img-top {
        height: 55px;
    }
    .priceDiv {
        justify-content: center;
        display: flex;
        font-size: 10px;
        margin-bottom: 5px;
        gap: 3px;
    }
    .buynowbtn {
        font-size: 9px;
        padding: 0.100rem .40rem;
    }
    .fa-cart-plus, .fa-heart-o, .fa-cart-arrow-down {
        font-size: 15px;
    }
    .card-body {
        padding: 0px;
    }
    .card-text{
        font-size:11px;
        margin-bottom: 0;
    }
    .card {
        height: 172px;
    }
    #carouselExampleControls{
        top: 0px !important;
    }

    #PrintedCollection .card {
        width: 7.3rem;
    }
    #PrintedCollection .btn {
      padding: 0px 6px;
    }
    .carousel_control_prevThree {
        left: 0px;
        position: absolute;
        top: 35%;
    }
    .carousel_control_nextThree{
        left: 347px;
        position: absolute;
        bottom: 50%;
    }
    .carousel_control_nextTwo {
        right: -5px;
        position: absolute;
        top: 40%;
    }
    .carousel_control_prevTwo {
        left: -1px;
        position: absolute;
        top: 40%;
    }
    #pastelCollectionOne,
    #PrintedCollectionboard{
        width: 100%;
    }
   
    #pastelCollectionOne .carousel-inner {
        position: relative;
        width: 100%
    }
    #pastelCollectionOne .btn{
        padding: 0px 5px;
    }
    .buynowbtn .fa-cart-arrow-down{
        font-size: 11px;
    }
    #PrintedCollection .card-img-top,
    #pastelCollectionOne .card-img-top,
    #PrintedCollectionboard .card-img-top{
        height: 75px;
    }
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
    display: inline-block !important;}
    #PrintedCollection .carousel-inner {
        height: -webkit-fill-available;
    }
    #PrintedCollectionboard .btn{
        padding: 0.1rem 0.50rem;
        font-size: 10px;
    }
    #PrintedCollectionboard .carousel-inner {
        width: 100%
    }
    #WindowCollection .carousel-inner {
        width: 100%
    }
    #WindowCollection .btn{
        padding: 0rem 0.40rem;
    }
    .section-title {
        margin-bottom: 25px;
    }
	.carouselMainDiv {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.bgBannerOne{
		background-size: contain;
    	background-repeat: no-repeat;
    	height: 40px;
        margin-top: 0% !important;
	}
	.bgBannerThree{
		margin-top: 10%;
		background-size: cover;
    	background-repeat: no-repeat;
		height: 115px;
	}
	.bgBannerTwo{
		background-attachment: unset;
		background-size: contain;
    	background-repeat: no-repeat;
		height: 128px;
	}
	.bgBannerFour{
		background-attachment: unset;
		background-size: cover;
    	background-repeat: no-repeat;
		height: 137px;
	}
	.card-footer a{
	    font-size: 10px;
	}
	.explormoreCardcard-body {
	    background-size: contain;
        background-repeat: no-repeat;
        height: 100px;
        width: 100%;
	}
	.explormoreCard {
		height: 197px;
	}
	.banner-area{
		background-size: contain;
		background-repeat: no-repeat;
		top: 90px;
		height: 166px;
	}
	.breadcrumb-banner {
		padding: 0px 0px 0px 0px;
		position: relative;
		bottom: 41px;
		text-align: right;
		display: block !important;
	}
	.breadcrumb-banner h1 {
		font-size: 15px;
	}
	.breadcrumb-banner nav a {
		font-size: 12px;
	}
	.breadcrumb-banner .col-first {
		padding-right: 10px;
	}
	.breadcrumb-subbanner{
		display: block !important;
	}
	.contact_info .info_item h6 {
		font-size: 14px;
	}
	.bannerBgImg{
		margin-top: 25%;
		background-size: contain;
		background-repeat: no-repeat;
		height: 130px;
		margin-bottom: 5%;
	}
	.login_box_area .login_box_img {
		margin-right: 5px;
	}
	.login_box_area .login_box_img .hover p {
		max-width: 299px;
	}
	.abttopHeading{
		font-size: 15px;
	}
	.abttopsubHeading{
		font-size: 22px;
	}
	.order_d_inner .details_item .list li a span {
		width: 100px;
	}
	.payOrderTitle{
        font-size: 18px;
        padding-bottom: 3%;
        border-bottom: 1px solid #eee;
        margin-top: 10%;
	}
	.list {
        padding: 0px 14px;
    }
    .order_list {
        padding: 0px 21px;
    }
    .verifyPaynebtbtns{
        text-align: center;
        margin-top: 5%;
    }
    .product_description_area .nav.nav-tabs li {
        display: inline-block;
        margin-right: 7px;
        width: 80%;
        margin-bottom: 3%;
    }
    .product_description_area .nav.nav-tabs li:last-child {
        margin-top: 0px;
    }
    .empty-wishlist-message {
         margin-left: 0px !important; 
         margin-right: 0px !important; 
    }
    .order_box .creat_account label {
        font-size: 11px;
    }
    .order_details .title_confirmation {
        margin-bottom: 0px;
    }
    .details_item h4{
        margin-top:10%;
    }
    .confirmationtbl{
        text-align: unset;
    }
    .rightcallin {
        position: fixed;
        right: unset;
        left: 300px;
        bottom: 15px;
        z-index: 11;
    }
    .popup_card p {
        font-weight: 700;
        color: black;
        font-size: 13px;
        margin-top: -52px;
        margin-bottom: 3px;
    }
    .windowcollection_popup{
        padding:5px !important;
    }
    
    .windowcollection_popup p{
        font-weight: 700;
        color: black;
        font-size: 10px;
        margin-top: -52px;
        margin-bottom: 3px;
    }
    .windowcollection_popup  .swatchLbl {
        display: inline-block;
        padding: 0px 5px !important;
        border: 2px solid #ccc;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.3s ease;
        font-size: 9px !important;
    }
    .windowcollection_popup .fa-close {
        font-size: 10px !important;
    }
    .popupbtnwishlist{
        margin-top:5px !important;
    }
    .popup_card h6 {
        font-size: 11px;
        margin-top: -7px;
    }
    .radio-buttons {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 0px !important;
        margin-top: 5px !important;
    }
    .swatchLbl {
        display: inline-block;
        padding: 0px 5px !important;
        border: 2px solid #ccc;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.3s ease;
        font-size: 9px !important;
    }
    input[type=radio] {
        width: 9px;
    }
    .popup_card {
        height: 225px;
    }
    .popup_cardsubmitBtn{
        margin-top: -68px;
    }
    .fa-close{
        font-size: 10px;
    }   
    .cart_area {
        padding-top: 50px;
    }
    .fa-close {
        top: -9px;
        right: -9px;
        font-size: 11px !important;
        position: relative;
    }
    .product_image_area {
        padding-top: 167px;
    }
    .s_product_text {
        margin-left: 0px;
        margin-top: 141PX;
    }
    .wishlist_icons{
        display: block  !important;
    }
    .wishlist {
        justify-content: unset;
    }
    .s_product_text .card_area .primary-btn {
        padding: 0px 48px 0px 26px !important;
    }

    .fa-phone{
        margin-right:7px;
    }
    .single-product {
        text-align: center;
    }
    .single-product img {
        margin-bottom: 20px;
        width: 67%;
        height: 149px;
    }
    .fa-times {
        top: -6px;
        right: 68px;
    }
    .single-product .popup_card {
        height: 306px;
        width: 70%;
        left: 50px;
        right: 0;
    }
    .single-product .fa-close {
        top: -1px;
        right: 3px;
        font-size: 14px !important;
    }
    .single-product .add-to-cart{
        margin-top: -43px !important;
    }
    .card-header {
        font-size: 14px;
    }
    .endsection{
        display:none;
    }
    .item1{
        flex: 2;
        margin-bottom: 5%;
    }
    .item2{
        width:50%;
        float:left;
    }
    .features-area .col-lg-3:last-child .single-features {
        margin-top: 0px !important;
    }
    .gifImg{
        display:none;
    }
    .searchtitle{
        margin-top: 68px !important;
    }
    .carousel-control-prev-icon{
        margin-top: -9px;
    }
}
/************************* Media Query for Tablets Ipads portrait mode *************************/
    /*@media (min-width: 768px) and (max-width: 1024px) {*/
    /*     .carousel_control_nextThree {*/
    /*        left: 871px;*/
    /*    }*/
    /*}*/
/***************** Media Query for Laptops and Desktops ***********************/
    /*@media (min-width: 1025px) and (max-width: 1280px) {*/
    /*    .carousel_control_nextThree {*/
    /*        left: 871px !important;*/
    /*    }*/
    /*}*/
 /*************************** Media Query for Large screens **********************************/
    /*@media (min-width: 1281px) {*/
    /*    .carousel_control_nextThree{*/
    /*        left: 1173px;*/
    /*    }*/
    /*}*/

/************************popup box**************************/
/* The Modal (background) */
.modal {
    display: none; 
    position: fixed; 
    z-index: 25; 
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
  }
  
  /* Modal Content */
  .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    top: 55px;
    padding: 0;
    border: 1px solid #888;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
  }
  
  /* Add Animation */
  @-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:55; opacity:1}
  }
  
  @keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:55; opacity:1}
  }
  
  /* The Close Button */
  .closeTwo {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 0%;
    right: 10px;
  }
  
  .closeTwo:hover,
  .closeTwo:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  
  .modal-header {
    padding: 2px 16px;
    background: #162D27;
    justify-content: center;
    color: white;
    height: 50px;
    border: none;
  }
  
  .modal-header h5{
    color: white;
    align-self: center;
    text-align: center;
    align-items: center;
    font-weight: 500;
  }
  
  .modal-header h2{
    color: white;
    font-family: 'Gilroy_Regular';
    font-weight: 500;
  }
 
  .modal-body {padding: 2px 16px;}

  .modal-body textarea{
    margin-left:0px
  }
  
  .modal-body input{
    border: none;
    border-bottom: 1px solid #D37863;
  }
  
  .modal-body input:focus{
    border-bottom: 1px solid #162D27;
    box-shadow: none;
  }

  .modal-body label{
    color: black;
  }

  .popupDropdown{
    font-size: 16px;
    height: 52px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    border: 1px solid #ced4da;
  }
  
  .popupDropdown:focus {
    color: #212529;
    background-color: #fff;
    border-color: #8090a5;
    outline: 0;
  }
  
  @media (max-width: 768px){
      .modal-content {
        width: 100%;    
      }
	  .feedbackFormDiv {
		right: -25px !important;
		z-index: 200 !important;
		}
		#PrintedCollection {
			width: 100%;
		}
		.product_image_area .container1 {
			width: 180px;
			height: 180px;
		}
		.container1 {
			border: 5px solid #fffbbb !important;
		}
		.single-footer-widget img{
			width: 78%;
		}
		.app {
			max-width: 100% !important;
			bottom: 220px !important;
			width: 100% !important;
		}
		.feature {
			font-size: 16px !important;
		}
  }

  /************************popup box End**************************/
  /*********************Admin Pannel******************************/
  .login-page, .register-page {
    background: #ffffff;
}

/********Feedback Form****************/
.feedbackFormDiv{
	position: fixed;
	bottom: 160px;
	right: -53px;
	rotate: 90deg;
	z-index: 200;
}
.feedbackFormDiv button{
	background: #e02821;
	color: white;
	border: none;
	padding: 13px 20px 13px 13px;
	font-size: 22px;
	border-bottom-right-radius: 39px;
	border-bottom-left-radius: 10px;
	font-weight:500px;
	cursor:pointer;
}
.feedbackFormDiv button i{
		rotate: 269deg;
}

/* feedback form css */
.bgFeedBack{
	background: rgb(55 51 51 / 40%);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 300;
	transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}
.bgFeedBack.show {
    transform: translateX(0);
}
.app {
	max-width: 34%;
	text-align: center;
	background: #f8f8f8;
	padding: 10px 10px 0px 10px;
	border: 2px solid #ffba00;
	z-index: 120;
	float: right;
	position: fixed;
	right: 0px;
	bottom: 0px;
}

.app i {
	font-size: 80px;
}
.feature-email input{
	width:100%;
	height: 38px;
	margin: 6px 10px 5px 0px;
	font-size: 18px;
	border-radius: 3px;
	color: #696565;
	background: white;
	border: 2px solid #f58634;
	box-sizing: border-box;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.feature-email input:focus{
	color:black;
	border: 2px solid #f58634 !important;
	border-radius: 3px;
}

.feature {
	position: relative;
	width: 100%;
	height: 38px;
	margin: 6px 10px 5px 0px;
	font-size: 18px;
	border-radius: 3px;
	color: #696565;
	background: white;
	border: 2px solid #f58634;
	box-sizing: border-box;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.feature div {
	width: 100%;
	height:100%;
	display: flex;
	justify-content: start;
	align-items: center;
	line-height: 25px;
	transition: .2s ease;
}

.feature div span{
	padding:5px;
}

.feature input {
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	border-radius: inherit;
	opacity: 0;
	cursor: pointer;
	background-color: #f58634;
	color: white;
	border-color: #f58634 !important;
}

input[type=checkbox]:checked ~ div {
	background-color:#f58634;
	color:#ffffff;
	border:2px solid #ffffff !important;
	border-radius: 3px;
}

.upgrade-btn {
	display: grid;
	margin: 30px auto;
	width: 145px;
	height: inherit;
	padding: 5px 20px;
	border: 2px solid #f58634;
	border-radius: 3px;
	color: #f58634;
	font-size: 20px;
	text-align: center;
	font-weight: 500;
	text-decoration: none;
	transition: .3s ease;
}

.upgrade-btn:hover {
	background-color: #f58634;
	color: white;
}
.fa-rocket{
	color: #b83f37;
	font-size: 53px !important;
}
.orange-color {
	color: #f3771b;
}

.gray-color {
color: #555;
}

.social i:before {
	width: 14px;
	height: 14px;
	position: fixed;
	color: #fff;
	background: #0077B5;
	padding: 10px;
	border-radius: 50%;
	top:5px;
	right:5px;
}
.fa-close{
	font-size: 25px !important;
	font-weight: 100;
	color:#ee1c0a;
	position: absolute;
	top: 5px;
	right: 10px;
}
.radio-buttons {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-top: 20px;
}

.swatch-element {
	margin: 0;
}

.swatchLbl {
	display: inline-block;
	padding: 8px 12px;
	/* Adjusted padding */
	border: 2px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 14px;
	/* Adjusted font size */
}

.swatchLbl:hover {
	background-color: #f0f0f0;
}

.swatchLbl input[type="radio"] {
	display: none;
}

.swatchLbl input[type="radio"]:checked+.swatchLbl {
	background-color: #007bff;
	color: #fff;
	border-color: #007bff;
}

.green-icon {
	color: green; /* Change the color to green */
}
.input-group-text{
    background: #f58634;
    color: white;
}