.float-right {
    float: right !important;
}

hr {
    margin: 0.8rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
}

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

.customized_canvas_borders label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    /* border-radius: 50px; */
    overflow: hidden;
}

.customized_canvas_borders label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #4e1c622e;
    opacity: 0;
    transition: opacity 0.3s ease;
    /* border-radius: 50px; */
}

.customized_canvas_borders input[type="radio"]:checked + label::before {
    opacity: 1;
}

.customized_canvas_borders input[type="radio"]:checked + label::after {
    content: "\f00c"; /* Check icon */
    font-family: "Font Awesome 6 Pro";
    font-weight: 900; /* Solid style */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: #fff;
}

.customized_canvas_borders input[type="radio"]:checked + label {
    border: 3px solid #4e1c62 !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.big-image{

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.cat-img{
    height:350px!important;
    object-fit:cover;
}

.canvas-background1,.canvas-background2,.canvas-background3,.canvas-background4,.canvas-background5,.canvas-background6,
.standee-background1,.standee-background2,.standee-background3,.standee-background4,.standee-background4-2,.standee-background4-3,.standee-background5,.standee-background5-2,.standee-background5-3,.standee-background6,
.standee-background6-2,.standee-background6-3,.standee-background7,.standee-background8,.standee-background8-2,.standee-background8-3,.standee-background9,.canvas-board-background1,.canvas-board-background2,
.canvas-board-background3{
    height: 313px;

   
    background-color: #e5e4db;
  
    text-align: center;
    background-repeat: no-repeat;
  
    position: relative;
 
    background-size: 100% 100%;
}
.wallpaper-background1,.wallpaper-background2,.wallpaper-background3{

    height: 420px;
	background-color: #fff;
   
    text-align: center;
    background-repeat: no-repeat;
  
    position: relative;
  
    background-size: contain;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.curtain-background1,.curtain-background2,.curtain-background3{

    height: 540px;
	background-color: #e5e4db;
   
    text-align: center;
    background-repeat: no-repeat;
  
    position: relative;
  
    background-size: 100% 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

div#myCarouselBanner-1 {
    height: 400px;
}
div#myCarouselBanner-2 {
    height: 400px;
}
@media (min-width: 1024px) {
    .wallpaper-container1,
    .wallpaper-container2,
    .wallpaper-container3 {
        position: absolute;
        height: 352px!important;
        width: 100%!important;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: inherit;
        margin: auto;
        bottom: 68px; /* px was missing */
    }
}
.wallpaper-background1 img,.wallpaper-background2 img,.wallpaper-background3 img{
    width: 100%;
    height: 100%;
    position: absolute;
}
.curtain-background1 img,.curtain-background2 img,.curtain-background3 img{
    width: 100%;
    height: 100%;
    position: absolute;
}
.standee-background81{
    height: 313px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
div#standeeCanvas3-1 {
    width: 100px !important;
    position: absolute !important;
    left: 43% !important;
}
div#standeeCanvas3-2 {
    width: 150px !important;
    position: absolute !important;
    left: 40% !important;
}
div#standeeCanvas3-3 {
    position: absolute !important;
    top: 0 !important;
    width: 150px !important;
    left: 40% !important;
}
div#standeeCanvas3-4 {
    width: 140px !important;
    position: absolute !important; 
    top: 0 !important;
    left: 40% !important;
}
.item_matte{
	height: 100%;
}
.item_satin{
	height: 100%;
}
.item_micro_fibre{
	height: 100%;
}
.canvas-background1{
    background-image: url("../../../frontend_theme/Assets/img/hangedbanner1.png");
	height: 100%;
	padding: 7em 0em 0em 0em;
	display: block;
	margin: 0px;
}
.canvas-background2{
    background-image: url("../../../uploads/canvas-bbb.jpg");
	height: 100%;
	padding-top: 8em;
}
.canvas-background3{
    background-image: url("../../../frontend_theme/Assets/img/banneritem3.png");
	height: 100%;
	padding-top: 6em;
}
.canvas-background4{
     background-image: url("./uploads/banner-wallpaper-red.webp");
	height: 100%;
	padding-top: 6em;
}
.canvas-background5{
    background-image: url("./uploads/banner-item-4.webp");
	padding-top: 8em;
	height: 100%;
}
.canvas-background6{
    background-image: url("./uploads/banneritem5.webp");
	height: 100%;
	padding-top: 10em;
}

.standee-background1,.standee-background4-2,.standee-background5-2,.standee-background6-2,
.standee-background8-2{

    background-image: url("../../../frontend_theme/Assets/img/standee_backside.png");
}
.standee-background2,.standee-background4-3,.standee-background5-3,.standee-background6-3,
.standee-background8-3.canvas-board-background3{

    background-image: url("../../../frontend_theme/Assets/img/standee_thickness.jpg");
}
.standee-background3{ background-image: url("../../../frontend_theme/Assets/img/standee_design_3_6.png");height: 100%;
}

.standee-background4{

    background-image: url("../../../frontend_theme/Assets/img/standee_4_8.png");
	width: 100%;
    height: 100%;
}
.standee-background5{

    background-image: url("../../../frontend_theme/Assets/img/standee2_6.png");
	width: 100%;
    height: 100%;
}
.standee-background6{

    background-image: url("../../../frontend_theme/Assets/img/A4-standee.png");
}
.standee-background7{

    background-image: url("../../../frontend_theme/Assets/img/A4-2.jpg");
}
.standee-background8{

    background-image: url("../../../frontend_theme/Assets/img/can4.jpg");
}
.standee-background9{

    background-image: url("../../../frontend_theme/Assets/img/A3-2.jpg");
}
.canvas-board-background1{
    background-image: url("../../../frontend_theme/Assets/img/canvas_preview_2.png");
	height: 400;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0;
}
.canvas-board-background3{

    background-image: url("../../../frontend_theme/Assets/img/canvas_preview_3.png");
	height: 400;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0;
}
.canvas-board-background2{

    background-image: url("../../../frontend_theme/Assets/img/canvas_preview_4.png");
	height: 400;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0;
}
.canvas-board-background4{background-image: url("../../../frontend_theme/Assets/img/canvaslikewiserolled.jpg");position: absolute;width: 100%;left: 0px;top: 0;object-fit: cover;}
.canvas-board-background5{

    background-image: url("../../../frontend_theme/Assets/img/canvaslikewiseprint.jpg");
	height: 400;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0;
	
}
.canvas-board-background6{

    background-image: url("../../../frontend_theme/Assets/img/canvaslikewisewhite.jpg");
	height: 400;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0;
	
}
/* .canvas-board-background2{ */

    /* background-image: url("../../Assets/img/wall_1.png"); */
	/* height: 100%; */
/* } */

/* .canvas-board-background3{ */

    /* background-image: url("../../Assets/img/wall3.png"); */
	/* height: 100%; */
/* } */




@media screen and (max-width: 767px) {
	
    .canvas-background1,.canvas-background2,.canvas-background3,.canvas-background4,.canvas-background5,.canvas-background6{
        height: 505px;
    }
	.canvas-board-background4{

    background-size: contain;
    background-repeat: no-repeat;
	}
	.canvas-board-background5{

		background-size: contain;
		background-repeat: no-repeat;
	}
	.canvas-board-background6{

		background-size: contain;
		background-repeat: no-repeat;
	}
}
@media screen and (max-width: 600px) {
    .canvas-background1,.canvas-background2,.canvas-background3,.canvas-background4,.canvas-background5,.canvas-background6{
        height: 400px;
    }
}
@media screen and (max-width: 500px) {
    .canvas-background1,.canvas-background2,.canvas-background3,.canvas-background4,.canvas-background5,.canvas-background6{
        height: 322px;
    }
}

#standeeCanvas1 {
    height: 190px ;
 
    width: 22% ;
    bottom: -15%;
    background-color: #fff;
    transform: rotateX( 
        355deg
        ) rotateY( 
        55deg
        ) rotateZ( 
        1deg
        );
    margin-left: 12%;
}

#standeeCanvas2 {
    height: 58px;
   
    width: 6% ;
    bottom: -62%;
    background-color: #fff;
    margin-left: 10%;
}

#standeeCanvas3 {
    width: 36.1%;
    height: 72.5%;
    margin-left: 32.3%;
    top: 67.887px;
}

#standeeCanvas4 {
    width: 36.3%;
    height: 71.9%;
    margin-left: 32.4%;
    top: 71px;
}



div#standeeCanvas4-2 {
    width: 140px;
    position: absolute;
    left: 40%;
}
div#standeeCanvas4-3 {
    width: 140px;
    position: absolute;
    left: 40%;
}
div#standeeCanvas4-4 {
    width: 140px;
    position: absolute;
    top: 0;
    left: 40%;
}
div#standeeCanvas4-5 {
    position: absolute;
    top: 0;
    width: 140px;
    left: 40%;
}
#standeeCanvas5{
    width: 24% ;
    height: 79.4%;
    margin-left: 60.5%;
    top: 51.887px;
}
div#standeeCanvas5-2 {
    width: 130px;
    left: 30%;
}
div#standeeCanvas5-3 {
    width: 130px;
    left: 40%;
}
div#standeeCanvas5-4 {
    position: absolute;
    top: 0;
    width: 130px;
    left: 50%;
}
div#standeeCanvas5-5 {
    position: absolute;
    top: 0;
    width: 130px;
    left: 60%;
}
#standeeCanvas6{
    height: 227px;
    width: 47.7%;
    bottom: -16.2%;
    transform: rotateX( 
        24deg
        ) rotateY( 
        0deg
        ) rotateZ( 
        0deg
        );
    margin-left: 18.6%;

}
div#standeeCanvas6-2 {
    transform: rotateX( 
24deg
 ) rotateY( 
0deg
 ) rotateZ( 
0deg
 );
    width: 250px;
    position: absolute;
    left: 6%;
    height: 300px;
}
div#standeeCanvas6-3 {
    transform: rotateX( 
24deg
 ) rotateY( 
0deg
 ) rotateZ( 
0deg
 );
    width: 250px;
    position: absolute;
    left: 10%;
    height: 300px;
}
div#standeeCanvas6-4 {
    transform: rotateX( 
24deg
 ) rotateY( 
0deg
 ) rotateZ( 
0deg
 );
    width: 250px;
    position: absolute;
    left: 12%;
    height: 300px;
	top: 0px;
}
div#standeeCanvas6-5 {
    transform: rotateX( 
24deg
 ) rotateY( 
0deg
 ) rotateZ( 
0deg
 );
    width: 250px;
    position: absolute;
    left: 14%;
    height: 300px;
	top: 0px;
}

#standeeCanvas8{
    height: 244px;
    width: 50.4%;
    bottom: -13.1%;
    transform: rotateX( 
        25deg
        ) rotateY( 
        1deg
        ) rotateZ( 
        0deg
        );
    margin-left: 13.9%;
}
div#standeeCanvas8-2 {
    position: absolute;
    left: 6%;
    transform: rotateX( 
25deg
 ) rotateY( 
1deg
 ) rotateZ( 
0deg
 );
    width: 230px;
    height: 260px;
}
div#standeeCanvas8-3 {
    position: absolute;
    left: 8%;
    transform: rotateX( 
25deg
 ) rotateY( 
1deg
 ) rotateZ( 
0deg
 );
    width: 230px;
    height: 260px;
}
div#standeeCanvas8-4 {
    position: absolute;
    left: 10%;
    transform: rotateX( 
25deg
 ) rotateY( 
1deg
 ) rotateZ( 
0deg
 );
    width: 230px;
    height: 260px;
	top: 0px;
}
div#standeeCanvas8-5 {
    position: absolute;
    left: 12%;
    transform: rotateX( 
25deg
 ) rotateY( 
1deg
 ) rotateZ( 
0deg
 );
    width: 230px;
    height: 260px;
	top: 0px;
}
@media only screen and (max-width:420px) {
    #standeeCanvas81{
        height: 138px;
        width: 42.1%;
        bottom: -23.8%;
        transform: rotateX( 
            358deg
            ) rotateY( 
            50deg
            ) rotateZ( 
            -1deg
            );
        margin-left: 30.8%;
    }
}
@media only screen and (max-width:479px) and (min-width:420px){
    #standeeCanvas81 {
        height: 137px;
        width: 49.7%;
        bottom: -24%;
        transform: rotateX( 
            360deg
            ) rotateY( 
            56deg
            ) rotateZ( 
            -2deg
            );
        margin-left: 27.2%;
    }
	
}
@media only screen and (max-width:501px)and (min-width:479px) {
    #standeeCanvas81 {
        height: 138px;
        width: 34%;
        bottom: -24%;
        transform: rotateX( 
            360deg
            ) rotateY( 
            48deg
            ) rotateZ( 
            -2deg
            );
        margin-left: 34.6%;
    }
}
@media only screen and (max-width:900px) and (min-width:768px){
    #standeeCanvas81 {
        height: 136px;
        width: 37%;
        bottom: -24%;
        transform: rotateX( 
            355deg
            ) rotateY( 
            39deg
            ) rotateZ( 
            -1deg
            );
        margin-left: 33%;
    }
	

}

.dimension{
    display:inline-block;
    width: 100%;
	border: 1px solid #ccc;
	border-radius: 0px;
}




.logo-img{
    height: 40px;
    border-radius: 10px;
    margin: 5px 10px;
}
#img-crop-hint{
    margin-top: -8px;
    color: #4f8bbe;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
}


.rotated {
    transform: rotate3d(0, 1, 0, -60deg);
    background-color: pink;
}




.preview{
    padding: 5px;
    text-align: center;
   height: 30px;
    margin: 5px;
    font-size: 20px;
	font-weight: bold;
}

.image-notes{
    font-size: 14px;
    margin:0;
    display: none;
}


.imagePreviewOuterDiv{
    width: 100%;
    height:200px;
}
#canvas{
	height: 200px;
    width: 100%;
    background-color: #ffffff;
    cursor: default;
    border: 1px dashed #8d8d8d;
}
#canvasback{
	height: 200px;
    width: 100%;
    background-color: #ffffff;
    cursor: default;
    border: 1px dashed black;
}
/*upload custom button*/
#fileInput ,#fileInputStandee , #fileInputCanvasBoard,#fileInputCanvasBoard2, #fileInputWallpaper{ 
    /*    width: 1px; 
        display: none !important;*/
    opacity: 0;
}

.slider-preview{
    background-color:#fff;
    overflow: hidden;
    width: 200px;
    height: 100px;
    /* text-align:center; */
    margin: auto; 
    position: relative;
    /*box-shadow: 2px 2px 2px 2px #aaaaaa;*/
    /*box-shadow: 0px 0px 20px 10px #6c5d5d;*/
}
.slider-preview-standee{
    /*background-color:#fff;*/
    /*    overflow: hidden;
        text-align:center;
        margin: auto; 
    */   
    position: relative;

}

.error{
    color: #e51c1c;
}
#product-img{
    width: 200px;
}

#img-err{
    height: 20px;
}

#user_order_li, #user_change_pwd_li{
    cursor: pointer; 

}
.order_image{
    width:200px;
}

/* RESPONSIVE */
.slider-preview-standee img,.slider-preview img{
    opacity: 0.9;

}
/********canvas board********/
.canvas-board-container,.standee-container,.banner-container{
    width: 100%;
    height: 100%;
    /*background-image: url(nature.jpg);*/
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 76% 76%;
}
.canvas-board-container2{
    width: 120px;
    height: 80px;
   background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 10%;
    background-color: #efe7e7;
     box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	

}
.canvas-board-container figure,.standee-container figure,.banner-container figure,.wallpaper-container figure{
    width:100% !important;
    height:100% !important;
}
.wallpaper-container{
    width: 100%;
    height: 100%;
    position: relative;
    background-position: left 0 top 0;
    background-repeat: no-repeat;
    background-size: 96% 82%;
    margin: auto;
}
.extra-preview-img{
    width: 100%;
    height: 350px;
    position: relative;
    background-position: left 0 top 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: auto;
}
.box{
    width: 300px;
    height: 300px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.canvasBoard-img{
    width: 100%; 
    height: 100%;
}




@media (max-width:500px) {
    .canvas-board-container figure,.standee-container figure,.banner-container figure,.wallpaper-container figure{
        width:63% !important;
        height:100% !important;
    }
}
@media (max-width:600px) and (min-width:501px){
    .canvas-board-container figure,.standee-container figure,.banner-container figure,.wallpaper-container figure{
        width:85% !important;
        height:100% !important;
    }
}



.canvas-board{
    height: 100%;
    width: 100%;
	/* border: 2px solid red; */
}

.canvas_cat_folders .slick-prev
{
	background: #8080807a;
}
.canvas_cat_folders .slick-prev:hover
{
	background: #8080807a !important;
}
.canvas_cat_folders .slick-next
{
	background: #8080807a;
}
.canvas_cat_folders .slick-next:hover
{
	background: #8080807a !important;
}




.customize_canvas_data
{
	transition: 1s;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-image: linear-gradient(#ffffff8c, #fff);
	height: 30px;
}

.customize_canvas_data p
{
	color: black;
	padding: 10px;
	font-size: 1.2em;
}


.printed_border {
	display: none;
    position: absolute;
	left: 24%;
	 text-align: center;
	box-shadow: 2px 2px 5px gray;
    background: white;
    width: 200px;
	border-radius: 4px;
	top: -140px;
	transition: .9s;
}
.white_borders {
	display: none;
    position: absolute;
	left: 24%;
	 text-align: center;
	box-shadow: 2px 2px 5px gray;
    background: white;
    width: 200px;
	border-radius: 4px;
	top: -140px;
	transition: .9s;
}
.rolled_canvas {
	display: none;
    position: absolute;
	left: 24%;
	 text-align: center;
	box-shadow: 2px 2px 5px gray;
    background: white;
    width: 200px;
	border-radius: 4px;
	top: -140px;
	transition: .9s;
}
.gallery_wrap {
	display: none;
    position: absolute;
	left: 24%;
	 text-align: center;
	box-shadow: 2px 2px 5px gray;
    background: white;
    width: 200px;
	border-radius: 4px;
	top: -140px;
	transition: .9s;
	
}

.white_borders img {
    height: 100px;
    padding-top: 10px;
}
.printed_border img {
    height: 100px;
    padding-top: 10px;
}
.rolled_canvas img {
    height: 100px;
    padding-top: 10px;
}
.gallery_wrap img {
    height: 100px;
    padding-top: 10px;
}
.rolled_canvas p {
    color: black;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    line-height: 1;
}
.gallery_wrap p {
    color: black;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    line-height: 1;
}
.printed_border p {
    color: black;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    line-height: 1;
}
.white_borders p {
    color: black;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    line-height: 1;
}


@media only screen and (min-width:280px) and (max-width:320px) 
{

	 div#myCarousel4 .carousel-inner 
	{
		height: 315px !important;
	}
	div#carousel_div {
    height: 250px !important;
	}
	.canvas-board-container2 {
    width: 120px;
    height: 80px;
    /* background-image: url(nature.jpg); */
    /* position: relative; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 28% !important; */
    /* margin-top: 8% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
       box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}
	.canvas-board-background1{
    background-image: url("../../../frontend_theme/Assets/img/canvas_preview_2.png");
	height: 250px;
}

.canvas-board-background3{

    background-image: url("../../../frontend_theme/Assets/img/canvas_preview_4.png");
	height: 250px;
}
.canvas-board-background2{

    background-image: url("../../../frontend_theme/Assets/img/canvas_preview_3.png");
	height: 250px;
}
.canvas-board-background4{

    background-size: contain;
    background-repeat: no-repeat;
}
.canvas-board-background5{

    background-size: contain;
    background-repeat: no-repeat;
}
.canvas-board-background6{

    background-size: contain;
    background-repeat: no-repeat;
}



	/*wallpapaer css*/
	.wallpaper-background1, .wallpaper-background2, .wallpaper-background3 {
		height: 230px !important;
		background-color: #e5e4db;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 185px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 37;
	}
	/*banner css*/
	
	div#myCarouselBanner-1 {
		height: 250px !important;
	}
	.canvas-background1{
		height: 250px !important;
	}
	.canvas-background2{
		height: 250px !important;
	}
	.canvas-background3{
		height: 250px !important;
	}
	div#myCarouselBanner-2 {
		height: 250px !important;
	}
	.canvas-background4{
		height: 250px !important;
	}
	.canvas-background5{
		height: 250px !important;
	}
	.canvas-background6{
		height: 250px !important;
	}
	.canvas-background1 {
		padding-top: 7em !important;
	}
	.canvas-background2 {
		padding-top: 4em !important;
	}
	.canvas-background3 {
		padding-top: 2em !important;
	}
	.canvas-background4 {
		padding-top: 2em !important;
	}
	.canvas-background5 {
		padding-top: 6em !important;
	}
	.canvas-background6 {
		padding-top: 4em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 290px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 290px !important;
		max-width: 200px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container2 {
		width: 100%;
		height: 290px !important;
		max-width: 204px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 290px !important;
		max-width: 204px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	/*cushion*/
	.cushion-container1 {
		max-width: 215px !important;
		height: 201px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 215px !important;
		height: 201px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
		max-width: 182px !important;
		height: 171px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
		max-width: 182px !important;
		height: 171px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 130px !important;
		height: 105px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 130px !important;
		height: 105px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		max-width: 227px !important;
		height: 121px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		max-width: 231px !important;
		height: 144px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		max-width: 201px !important;
		height: 120px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
		
}
@media only screen and (min-width:321px) and (max-width:360px) 
{
	 div#myCarousel4 .carousel-inner 
	{
		height: 290px !important;
	}


	
	.canvas-board-background1{
    background-image: url("../../../frontend_theme/Assets/img/canvas_preview_2.png");
	height: 250px;
}
.canvas-board-background3{

    background-image: url("../../../frontend_theme/Assets/img/canvas_preview_4.png");
	height: 250px;
}
.canvas-board-background2{

    background-image: url("../../../frontend_theme/Assets/img/canvas_preview_3.png");
	height: 250px;
}
	div#carousel_div {
    height: 250px !important;
	}
	.canvas-board-container2 {
    width: 120px;
    height: 75px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 31% !important; */
    /* margin-top: 8% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}


	/*wallpaper css*/
	.wallpaper-background1, .wallpaper-background2, .wallpaper-background3 {
		height: 240px !important;
		background-color: #e5e4db;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 195px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 40;
	}
	/*banner*/
	div#myCarouselBanner-1 {
		height: 250px !important;
	}
	.canvas-background1{
		height: 250px !important;
	}
	.canvas-background2{
		height: 250px !important;
	}
	.canvas-background3{
		height: 250px !important;
	}
	div#myCarouselBanner-2 {
		height: 250px !important;
	}
	.canvas-background4{
		height: 250px !important;
	}
	.canvas-background5{
		height: 250px !important;
	}
	.canvas-background6{
		height: 250px !important;
	}
	.canvas-background1 {
		padding-top: 6em !important;
	}
	.canvas-background2 {
		padding-top: 4em !important;
	}
	.canvas-background3 {
		padding-top: 2em !important;
	}
	.canvas-background4 {
		padding-top: 2em !important;
	}
	.canvas-background5 {
		padding-top: 6em !important;
	}
	.canvas-background6 {
		padding-top: 4em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 330px !important;
	}
	/* .curtain-container1, .curtain-container2, .curtain-container3 { */
		/* width: 100%; */
		/* height: 330px !important; */
	/* } */
	.curtain-container1 {
		width: 100%;
		height: 330px !important;
		max-width: 200px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 20%;
	}
	.curtain-container2 {
		width: 100%;
		height: 330px !important;
		max-width: 230px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 330px !important;
		max-width: 227px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	/*cushion*/
	.cushion-container1 {
		max-width: 243px !important;
		height: 226px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 243px !important;
		height: 226px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
		max-width: 212px !important;
		height: 193px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
		max-width: 212px !important;
		height: 193px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 145px !important;
		height: 122px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 145px !important;
		height: 122px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		max-width: 262px !important;
		height: 139px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		max-width: 265px !important;
		height: 163px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		max-width: 227px !important;
		height: 136px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}

@media only screen and (min-width:361px) and (max-width:375px) 
{
	 div#myCarousel4 .carousel-inner 
	{
		height: 290px !important;
	}
	.canvas-board-background1{
    height: 250px;
	}
	.canvas-board-background3{

		height: 250px;
	}
	.canvas-board-background2{

		height: 250px;
	}

	
	div#carousel_div {
    height: 250px !important;
	}
	.canvas-board-container2 {
    width: 120px;
    height: 75px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 32% !important; */
    /* margin-top: 8% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}
	


	/*wallpaper css*/
	.wallpaper-background1, .wallpaper-background2, .wallpaper-background3 {
		height: 250px !important;
		background-color: #e5e4db;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 205px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 40;
	}
	/*banner*/
	div#myCarouselBanner-1 {
		height: 250px !important;
	}
	.canvas-background1{
		height: 250px !important;
	}
	.canvas-background2{
		height: 250px !important;
	}
	.canvas-background3{
		height: 250px !important;
	}
	div#myCarouselBanner-2 {
		height: 250px !important;
	}
	.canvas-background4{
		height: 250px !important;
	}
	.canvas-background5{
		height: 250px !important;
	}
	.canvas-background6{
		height: 250px !important;
	}
	.canvas-background1 {
		padding-top: 5em !important;
	}
	.canvas-background2 {
		padding-top: 4em !important;
	}
	.canvas-background3 {
		padding-top: 2em !important;
	}
	.canvas-background4 {
		padding-top: 2em !important;
	}
	.canvas-background5 {
		padding-top: 6em !important;
	}
	.canvas-background6 {
		padding-top: 4em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 345px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 345px !important;
		max-width: 200px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 22%;
	}
	.curtain-container2 {
		width: 100%;
		height: 345px !important;
		max-width: 240px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 345px !important;
		max-width: 239px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	/*cushion*/
	.cushion-container1 {
		max-width: 254px !important;
		height: 236px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 254px !important;
		height: 236px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
		max-width: 219px !important;
		height: 204px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
		max-width: 219px !important;
		height: 204px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 154px !important;
		height: 127px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 154px !important;
		height: 127px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		max-width: 272px !important;
		height: 143px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		max-width: 277px !important;
		height: 170px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		max-width: 239px !important;
		height: 142px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}
@media only screen and (min-width:376px) and (max-width:411px) 
{
	 div#myCarousel4 .carousel-inner 
	{
		height: 260px !important;
	}

	.canvas-board-background1{
    height: 270px;
	}
	.canvas-board-background3{

		height: 270px;
	}
	.canvas-board-background2{

		height: 270px;
	}
	div#carousel_div {
    height: 270px !important;
	}
	.canvas-board-container2 {
    width: 120px;
    height: 75px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 33% !important; */
    /* margin-top: 8% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}
	.custom_footer_cart {
    /* height: 25em !important; */
    overflow-y: scroll;
    overflow-x: scroll;
	}

	/*wallpaper css*/
	.wallpaper-background1, .wallpaper-background2, .wallpaper-background3 {
		height: 270px !important;
		background-color: #e5e4db;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 220px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 44;
	}
	/*banner*/
	div#myCarouselBanner-1 {
		height: 270px !important;
	}
	.canvas-background1{
		height: 270px !important;
	}
	.canvas-background2{
		height: 270px !important;
	}
	.canvas-background3{
		height: 270px !important;
	}
	div#myCarouselBanner-2 {
		height: 270px !important;
	}
	.canvas-background4{
		height: 270px !important;
	}
	.canvas-background5{
		height: 270px !important;
	}
	.canvas-background6{
		height: 270px !important;
	}
	.canvas-background1 {
		padding-top: 5em !important;
	}
	.canvas-background2 {
		padding-top: 4em !important;
	}
	.canvas-background3 {
		padding-top: 2em !important;
	}
	.canvas-background4 {
		padding-top: 2em !important;
	}
	.canvas-background5 {
		padding-top: 6em !important;
	}
	.canvas-background6 {
		padding-top: 5em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 381px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 381px !important;
		max-width: 215px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 22%;
	}
	.curtain-container2 {
		width: 100%;
		height: 381px !important;
		max-width: 265px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 381px !important;
		max-width: 263px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	/*cushion*/
	.cushion-container1 {
		max-width: 280px !important;
		height: 261px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 280px !important;
		height: 261px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 244px !important;
		height: 222px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 244px !important;
		height: 222px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 167px !important;
		height: 140px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 167px !important;
		height: 140px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		max-width: 299px !important;
		height: 160px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		max-width: 305px !important;
		height: 186px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		max-width: 265px !important;
		height: 155px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
} 
@media only screen and (min-width:412px) and (max-width:414px) 
{
	 div#myCarousel4 .carousel-inner 
	{
		height: 260px !important;
	}

	.canvas-board-background1{
    height: 270px;
	}
	.canvas-board-background3{

		height: 270px;
	}
	.canvas-board-background2{

		height: 270px;
	}
	div#carousel_div {
    height: 270px !important;
	}
	.canvas-board-container2 {
    width: 120px;
    height: 75px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 34% !important; */
    /* margin-top: 8% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}


	/*wallpaper css*/
	.wallpaper-background1, .wallpaper-background2, .wallpaper-background3 {
		height: 270px !important;
		background-color: #e5e4db;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 220px !important;
		position: absolute;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: inherit;
		margin: auto;
	}
	/*banner*/
	div#myCarouselBanner-1 {
		height: 270px !important;
	}
	.canvas-background1{
		height: 270px !important;
	}
	.canvas-background2{
		height: 270px !important;
	}
	.canvas-background3{
		height: 270px !important;
	}
	div#myCarouselBanner-2 {
		height: 270px !important;
	}
	.canvas-background4{
		height: 270px !important;
	}
	.canvas-background5{
		height: 270px !important;
	}
	.canvas-background6{
		height: 270px !important;
	}
	.canvas-background1 {
		padding-top: 5em !important;
	}
	.canvas-background2 {
		padding-top: 4em !important;
	}
	.canvas-background3 {
		padding-top: 2em !important;
	}
	.canvas-background4 {
		padding-top: 2em !important;
	}
	.canvas-background5 {
		padding-top: 6em !important;
	}
	.canvas-background6 {
		padding-top: 5em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 381px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 381px !important;
		max-width: 215px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 22%;
	}
	.curtain-container2 {
		width: 100%;
		height: 381px !important;
		max-width: 265px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 381px !important;
		max-width: 263px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	/*cushion*/
	.cushion-container1 {
		max-width: 284px !important;
		height: 260px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 284px !important;
		height: 260px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
		max-width: 244px !important;
		height: 222px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 244px !important;
		height: 222px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 167px !important;
		height: 140px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 167px !important;
		height: 140px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		max-width: 299px !important;
		height: 160px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		max-width: 305px !important;
		height: 186px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		max-width: 265px !important;
		height: 155px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
} 
@media only screen and (min-width:415px) and (max-width:540px) 
{
	 div#myCarousel4 .carousel-inner 
	{
		height: 230px !important;
	}

	
	.canvas-board-container2 {
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 37% !important; */
    /* margin-top: 10% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
     box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}

	/*wallpaper css*/
	.wallpaper-background1, .wallpaper-background2, .wallpaper-background3 {
		/* height: 270px !important; */
		background-color: #e5e4db;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 326px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 68;
	}
	/*banner*/
	div#myCarouselBanner-1 {
		height: 360px !important;
	}
	.canvas-background1{
		height: 360px !important;
	}
	.canvas-background2{
		height: 360px !important;
	}
	.canvas-background3{
		height: 360px !important;
	}
	div#myCarouselBanner-2 {
		height: 360px !important;
	}
	.canvas-background4{
		height: 360px !important;
	}
	.canvas-background5{
		height: 360px !important;
	}
	.canvas-background6{
		height: 360px !important;
	}
	.canvas-background1 {
	}
	.canvas-background2 {
		padding-top: 7em !important;
	}
	.canvas-background3 {
		padding-top: 5em !important;
	}
	.canvas-background4 {
		padding-top: 6em !important;
	}
	.canvas-background5 {
		padding-top: 10em !important;
	}
	.canvas-background6 {
		padding-top: 8em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 510px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 510px !important;
		max-width: 295px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.curtain-container2 {
		width: 100%;
		height: 510px !important;
		max-width: 350px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 510px !important;
		max-width: 350px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	/*cushion*/
	.cushion-container1 {
		max-width: 375px !important;
		height: 350px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 375px !important;
		height: 350px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 318px !important;
		height: 296px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 318px !important;
		height: 296px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 225px !important;
		height: 188px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 225px !important;
		height: 188px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		max-width: 400px !important;
		height: 213px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		max-width: 407px !important;
		height: 248px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		max-width: 351px !important;
		height: 206px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}
@media only screen and (min-width:541px) and (max-width:568px) 
{
	 div#myCarousel4 .carousel-inner 
	{
		height: 190px !important;
	}

	
	.canvas-board-container2 {
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 37% !important; */
    /* margin-top: 10% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}
	.custom_footer_cart {
    /* height: 25em !important; */
    overflow-y: scroll;
    overflow-x: scroll;
	}

	/*banner*/
	div#myCarouselBanner-1 {
		height: 400px !important;
	}
	.canvas-background1{
		height: 400px !important;
	}
	.canvas-background2{
		height: 400px !important;
	}
	.canvas-background3{
		height: 400px !important;
	}
	div#myCarouselBanner-2 {
		height: 400px !important;
	}
	.canvas-background4{
		height: 400px !important;
	}
	.canvas-background5{
		height: 400px !important;
	}
	.canvas-background6{
		height: 400px !important;
	}
	.canvas-background1 {
		padding-top: 7em !important;
	}
	.canvas-background2 {
		padding-top: 7em !important;
	}
	.canvas-background3 {
		padding-top: 5em !important;
	}
	.canvas-background4 {
		padding-top: 6em !important;
	}
	.canvas-background5 {
		padding-top: 10em !important;
	}
	.canvas-background6 {
		padding-top: 8em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 538px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 538px !important;
		max-width: 310px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.curtain-container2 {
		width: 100%;
		height: 538px !important;
		max-width: 370px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 538px !important;
		max-width: 370px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 326px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 68;
	}
	/*cushion*/
	.cushion-container1 {
		max-width: 399px !important;
		height: 371px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 399px !important;
		height: 371px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 342px !important;
		height: 316px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 342px !important;
		height: 316px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 236px !important;
		height: 197px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 236px !important;
		height: 197px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		max-width: 422px !important;
		height: 224px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		max-width: 434px !important;
		height: 264px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		max-width: 371px !important;
		height: 220px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}
@media only screen and (min-width:569px) and (max-width:640px) 
{
	 div#myCarousel4 .carousel-inner 
	{
		height: 190px !important;
	}

	
	.canvas-board-container2 {
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 36% !important; */
    /* margin-top: 10% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}

	/*banner*/
	div#myCarouselBanner-1 {
		height: 400px !important;
	}
	.canvas-background1{
		height: 400px !important;
	}
	.canvas-background2{
		height: 400px !important;
	}
	.canvas-background3{
		height: 400px !important;
	}
	div#myCarouselBanner-2 {
		height: 400px !important;
	}
	.canvas-background4{
		height: 400px !important;
	}
	.canvas-background5{
		height: 400px !important;
	}
	.canvas-background6{
		height: 400px !important;
	}
	.canvas-background1 {
		padding-top: 7em !important;
	}
	.canvas-background2 {
		padding-top: 7em !important;
	}
	.canvas-background3 {
		padding-top: 5em !important;
	}
	.canvas-background4 {
		padding-top: 6em !important;
	}
	.canvas-background5 {
		padding-top: 10em !important;
	}
	.canvas-background6 {
		padding-top: 10em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 510px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 510px !important;
		max-width: 295px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.curtain-container2 {
		width: 100%;
		height: 510px !important;
		max-width: 355px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 510px !important;
		max-width: 355px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 326px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 68;
	}
		/*cushion*/
	.cushion-container1 {
		max-width: 375px !important;
		height: 347px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 375px !important;
		height: 347px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 322px !important;
		height: 295px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 322px !important;
		height: 295px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 225px !important;
		height: 188px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 225px !important;
		height: 188px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		    max-width: 403px !important;
    height: 213px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		    max-width: 409px !important;
    height: 250px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		    max-width: 353px !important;
    height: 207px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
} 
@media only screen and (min-width:641px) and (max-width:667px) 
{
	 div#myCarousel4 .carousel-inner 
	{
		height: 190px !important;
	}

	
	.canvas-board-container2 {
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 37% !important; */
    /* margin-top: 10% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}
	.custom_footer_cart {
    /* height: 25em !important; */
    overflow-y: scroll;
    overflow-x: scroll;
	}
	.cart_head {
		display: block;
		position: fixed;
		background-color: #ffffff;
		min-width: 300px;
		width: 300px;
		box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
		z-index: 1;
		right: -305px;
		height: 100vh;
		padding: 10px;
		top: 0px;
		transition: .8s;
	}
	/*banner*/
	div#myCarouselBanner-1 {
		height: 400px !important;
	}
	.canvas-background1{
		height: 400px !important;
	}
	.canvas-background2{
		height: 400px !important;
	}
	.canvas-background3{
		height: 400px !important;
	}
	div#myCarouselBanner-2 {
		height: 400px !important;
	}
	.canvas-background4{
		height: 400px !important;
	}
	.canvas-background5{
		height: 400px !important;
	}
	.canvas-background6{
		height: 400px !important;
	}
	.canvas-background1 {
		padding-top: 8em !important;
	}
	.canvas-background2 {
		padding-top: 7em !important;
	}
	.canvas-background3 {
		padding-top: 5em !important;
	}
	.canvas-background4 {
		padding-top: 6em !important;
	}
	.canvas-background5 {
		padding-top: 10em !important;
	}
	.canvas-background6 {
		padding-top: 10em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 510px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 510px !important;
		max-width: 300px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.curtain-container2 {
		width: 100%;
		height: 510px !important;
		max-width: 355px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 510px !important;
		max-width: 355px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 326px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 68;
	}
		/*cushion*/
	.cushion-container1 {
		max-width: 374px !important;
		height: 350px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 374px !important;
		height: 350px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 319px !important;
		height: 297px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 319px !important;
		height: 297px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 225px !important;
		height: 188px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 225px !important;
		height: 188px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		    max-width: 402px !important;
    height: 212px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		    max-width: 408px !important;
    height: 252px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		    max-width: 354px !important;
    height: 209px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}
@media only screen and (min-width:668px) and (max-width:720px) 
{
	 div#myCarousel4 .carousel-inner 
	{
		height: 190px !important;
	}

	
	.canvas-board-container2 {
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 37% !important; */
    /* margin-top: 10% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}

	/*banner*/
	div#myCarouselBanner-1 {
		height: 400px !important;
	}
	.canvas-background1{
		height: 400px !important;
	}
	.canvas-background2{
		height: 400px !important;
	}
	.canvas-background3{
		height: 400px !important;
	}
	div#myCarouselBanner-2 {
		height: 400px !important;
	}
	.canvas-background4{
		height: 400px !important;
	}
	.canvas-background5{
		height: 400px !important;
	}
	.canvas-background6{
		height: 400px !important;
	}
	.canvas-background1 {
		padding-top: 7em !important;
	}
	.canvas-background2 {
		padding-top: 7em !important;
	}
	.canvas-background3 {
		padding-top: 5em !important;
	}
	.canvas-background4 {
		padding-top: 6em !important;
	}
	.canvas-background5 {
		padding-top: 10em !important;
	}
	.canvas-background6 {
		padding-top: 10em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 510px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 510px !important;
		max-width: 300px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.curtain-container2 {
		width: 100%;
		height: 510px !important;
		max-width: 355px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 510px !important;
		max-width: 355px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 326px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 68;
	}
		/*cushion*/
	.cushion-container1 {
		max-width: 374px !important;
		height: 350px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 374px !important;
		height: 350px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 319px !important;
		height: 297px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 319px !important;
		height: 297px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 225px !important;
		height: 188px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 225px !important;
		height: 188px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		    max-width: 402px !important;
    height: 214px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		    max-width: 407px !important;
    height: 251px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		    max-width: 354px !important;
    height: 209px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}
@media only screen and (min-width:721px) and (max-width:736px) 
{
	 div#myCarousel4 .carousel-inner 
	{
		height: 190px !important;
	}

	
	.canvas-board-container2 {
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 37% !important; */
    /* margin-top: 10% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}

	/*banner*/
	div#myCarouselBanner-1 {
		height: 400px !important;
	}
	.canvas-background1{
		height: 400px !important;
	}
	.canvas-background2{
		height: 400px !important;
	}
	.canvas-background3{
		height: 400px !important;
	}
	div#myCarouselBanner-2 {
		height: 400px !important;
	}
	.canvas-background4{
		height: 400px !important;
	}
	.canvas-background5{
		height: 400px !important;
	}
	.canvas-background6{
		height: 400px !important;
	}
	.canvas-background1 {
		padding-top: 7em !important;
	}
	.canvas-background2 {
		padding-top: 7em !important;
	}
	.canvas-background3 {
		padding-top: 5em !important;
	}
	.canvas-background4 {
		padding-top: 6em !important;
	}
	.canvas-background5 {
		padding-top: 10em !important;
	}
	.canvas-background6 {
		padding-top: 10em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 510px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 510px !important;
		max-width: 300px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.curtain-container2 {
		width: 100%;
		height: 510px !important;
		max-width: 355px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 510px !important;
		max-width: 355px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 326px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 68;
	}
		/*cushion*/
	.cushion-container1 {
		max-width: 374px !important;
		height: 350px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 374px !important;
		height: 350px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 319px !important;
		height: 297px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 319px !important;
		height: 297px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 306px !important;
		height: 285px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 21%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 306px !important;
		height: 285px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 21%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		    max-width: 403px !important;
    height: 213px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		    max-width: 410px !important;
    height: 252px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		    max-width: 352px !important;
    height: 208px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}
@media only screen and (min-width:737px) and (max-width:767px) 
{
	 div#myCarousel4 .carousel-inner 
	{
		height: 190px !important;
	}

	.canvas-board-container2 {
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 37% !important; */
    /* margin-top: 10% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}

	/*banner*/
	div#myCarouselBanner-1 {
		height: 400px !important;
	}
	.canvas-background1{
		height: 400px !important;
	}
	.canvas-background2{
		height: 400px !important;
	}
	.canvas-background3{
		height: 400px !important;
	}
	div#myCarouselBanner-2 {
		height: 400px !important;
	}
	.canvas-background4{
		height: 400px !important;
	}
	.canvas-background5{
		height: 400px !important;
	}
	.canvas-background6{
		height: 400px !important;
	}
	.canvas-background1 {
		padding-top: 8em !important;
	}
	.canvas-background2 {
		padding-top: 7em !important;
	}
	.canvas-background3 {
		padding-top: 5em !important;
	}
	.canvas-background4 {
		padding-top: 6em !important;
	}
	.canvas-background5 {
		padding-top: 10em !important;
	}
	.canvas-background6 {
		padding-top: 10em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 510px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 510px !important;
		max-width: 300px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.curtain-container2 {
		width: 100%;
		height: 510px !important;
		max-width: 355px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 510px !important;
		max-width: 355px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 326px !important;
		position: absolute;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: inherit;
		margin: auto;
	}
		/*cushion*/
	.cushion-container1 {
		max-width: 374px !important;
		height: 350px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 374px !important;
		height: 350px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 319px !important;
		height: 297px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 319px !important;
		height: 297px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 225px !important;
		height: 188px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 225px !important;
		height: 188px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		    max-width: 402px !important;
    height: 212px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		    max-width: 411px !important;
    height: 251px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		    max-width: 354px !important;
    height: 209px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}
@media only screen and (min-width:768px) and (max-width:812px) 
{
	.home_pro_1 {
		margin-left: 2em !important;
	}
	.home_pro_4 {
		margin-left: 14em;
	}
	div#myCarousel8 li {
    width: 100px !important;
    height: 100px !important;
    padding: 20px;
    border: 10px solid #f1f5f7;
	border-radius: 50%;
	}
	div#myCarousel8 li.active {
		width: 100px !important;
		height: 100px !important;
		padding: 20px;
		border: 10px solid #f33f3fb0  !important;
		border-radius: 50%;
		box-shadow: 2px 2px 5px lightgray
	}

	.canvas-board-background1{
    height: 315px;
	}
	.canvas-board-background3{

		height: 315px;
	}
	.canvas-board-background2{

		height: 315px;
	}
	.canvas-board-background4{

    background-size: contain;
    background-repeat: no-repeat;
	}
	.canvas-board-background5{

		background-size: contain;
		background-repeat: no-repeat;
	}
	.canvas-board-background6{

		background-size: contain;
		background-repeat: no-repeat;
	}
	div#carousel_div {
    height: 315px !important;
	}
	.canvas-board-container2 {
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 30% !important; */
    /* margin-top: 10% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}

	button#rotateLStandee {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 12px !important;
    font-size: 10px !important;
	}
	button#rotateRStandee {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 12px !important;
	font-size: 10px !important;
	}
	button#customUploadBtnCanvasBoard2 {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 12px !important;
	font-size: 10px !important;
	}
	/*wallpaper css*/
	.wallpaper-background1, .wallpaper-background2, .wallpaper-background3 {
		height: 270px !important;
		background-color: #e5e4db;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 220px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 44;
	}
	/*banner*/
	div#myCarouselBanner-1 {
		height: 315px !important;
	}
	.canvas-background1{
		height: 315px !important;
	}
	.canvas-background2{
		height: 315px !important;
	}
	.canvas-background3{
		height: 315px !important;
	}
	div#myCarouselBanner-2 {
		height: 315px !important;
	}
	.canvas-background4{
		height: 315px !important;
	}
	.canvas-background5{
		height: 315px !important;
	}
	.canvas-background6{
		height: 315px !important;
	}
	.canvas-background1 {
		padding-top: 7em !important;
	}
	.canvas-background2 {
		padding-top: 7em !important;
	}
	.canvas-background3 {
		padding-top: 5em !important;
	}
	.canvas-background4 {
		padding-top: 6em !important;
	}
	.canvas-background5 {
		padding-top: 10em !important;
	}
	.canvas-background6 {
		padding-top: 7em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 330px !important;
	}
	.curtain-container1{
		width: 100%;
		height: 330px !important;
		max-width: 194px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.curtain-container2 {
		width: 100%;
		height: 330px !important;
		max-width: 230px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 330px !important;
		max-width: 230px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
		/*cushion*/
	.cushion-container1 {
		max-width: 243px !important;
		height: 227px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 243px !important;
		height: 227px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 209px !important;
		height: 193px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 209px !important;
		height: 193px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 146px !important;
		height: 120px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 146px !important;
		height: 120px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		    max-width: 261px !important;
    height: 138px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		    max-width: 265px !important;
    height: 163px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		    max-width: 229px !important;
    height: 136px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}
@media only screen and (min-width:813px) and (max-width:823px) 
{
	.home_pro_1 {
		margin-left: 2em !important;
	}
	.home_pro_4 {
		margin-left: 14em;
	}
	div#myCarousel8 li {
    width: 100px !important;
    height: 100px !important;
    padding: 20px;
    border: 10px solid #f1f5f7;
	border-radius: 50%;
	}
	div#myCarousel8 li.active {
		width: 100px !important;
		height: 100px !important;
		padding: 20px;
		border: 10px solid #f33f3fb0  !important;
		border-radius: 50%;
		box-shadow: 2px 2px 5px lightgray
	}

	.canvas-board-background1{
    height: 315px;
	}
	.canvas-board-background3{

		height: 315px;
	}
	.canvas-board-background2{

		height: 315px;
	}
	.canvas-board-background4{

    background-size: contain;
    background-repeat: no-repeat;
	}
	.canvas-board-background5{

		background-size: contain;
		background-repeat: no-repeat;
	}
	.canvas-board-background6{

		background-size: contain;
		background-repeat: no-repeat;
	}
	div#carousel_div {
    height: 315px !important;
	}
	.canvas-board-container2 {
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 30% !important; */
    /* margin-top: 10% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}
	.page-heading .text-content h2 {
    color: #fff;
    font-size: 35px !important;
    text-transform: uppercase;
    letter-spacing: 5px;
	}
	button#rotateLStandee {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 12px !important;
    font-size: 10px !important;
	}
	button#rotateRStandee {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 12px !important;
	font-size: 10px !important;
	}
	button#customUploadBtnCanvasBoard2 {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 12px !important;
	font-size: 10px !important;
	}
	/*wallpaper css*/
	.wallpaper-background1, .wallpaper-background2, .wallpaper-background3 {
		height: 270px !important;
		background-color: #e5e4db;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 220px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 44;
	}
	/*banner*/
	div#myCarouselBanner-1 {
		height: 315px !important;
	}
	.canvas-background1{
		height: 315px !important;
	}
	.canvas-background2{
		height: 315px !important;
	}
	.canvas-background3{
		height: 315px !important;
	}
	div#myCarouselBanner-2 {
		height: 315px !important;
	}
	.canvas-background4{
		height: 315px !important;
	}
	.canvas-background5{
		height: 315px !important;
	}
	.canvas-background6{
		height: 315px !important;
	}
	.canvas-background1 {
		padding-top: 7em !important;
	}
	.canvas-background2 {
		padding-top: 7em !important;
	}
	.canvas-background3 {
		padding-top: 5em !important;
	}
	.canvas-background4 {
		padding-top: 6em !important;
	}
	.canvas-background5 {
		padding-top: 10em !important;
	}
	.canvas-background6 {
		padding-top: 7em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 330px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 330px !important;
		max-width: 195px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.curtain-container2 {
		width: 100%;
		height: 330px !important;
		max-width: 230px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 330px !important;
		max-width: 230px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
		/*cushion*/
	.cushion-container1 {
		max-width: 243px !important;
		height: 227px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 243px !important;
		height: 227px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 209px !important;
		height: 193px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 209px !important;
		height: 193px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 146px !important;
		height: 120px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 146px !important;
		height: 120px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		    max-width: 261px !important;
    height: 138px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		max-width: 267px !important;
    height: 163px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		    max-width: 230px !important;
    height: 134px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}
@media only screen and (min-width:824px) and (max-width:890px) 
{
	.home_pro_1 {
		margin-left: 2em !important;
	}
	.home_pro_4 {
		margin-left: 14em;
	}
	div#myCarousel8 li {
    width: 100px !important;
    height: 100px !important;
    padding: 20px;
    border: 10px solid #f1f5f7;
	border-radius: 50%;
	}
	div#myCarousel8 li.active {
		width: 100px !important;
		height: 100px !important;
		padding: 20px;
		border: 10px solid #f33f3fb0  !important;
		border-radius: 50%;
		box-shadow: 2px 2px 5px lightgray
	}
	.page-heading {
    padding: 80px 0px 80px 0px !important;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	.products {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
	}
	.canvas-board-background1{
    height: 315px;
	}
	.canvas-board-background3{

		height: 315px;
	}
	.canvas-board-background2{

		height: 315px;
	}
	.canvas-board-background4{

    background-size: contain;
    background-repeat: no-repeat;
	}
	.canvas-board-background5{

		background-size: contain;
		background-repeat: no-repeat;
	}
	.canvas-board-background6{

		background-size: contain;
		background-repeat: no-repeat;
	}
	div#carousel_div {
    height: 315px !important;
	}
	.canvas-board-container2 {
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 30% !important; */
    /* margin-top: 10% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}
	.page-heading .text-content h2 {
    color: #fff;
    font-size: 45px !important;
    text-transform: uppercase;
    letter-spacing: 5px;
	}
	button#rotateLStandee {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 15px !important;
    font-size: 10px !important;
	}
	button#rotateRStandee {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 15px !important;
	font-size: 10px !important;
	}
	button#customUploadBtnCanvasBoard2 {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 15px !important;
	font-size: 10px !important;
	}
	/*wallpaper css*/
	.wallpaper-background1, .wallpaper-background2, .wallpaper-background3 {
		height: 270px !important;
		background-color: #e5e4db;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 220px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 44;
	}
	/*banner*/
	div#myCarouselBanner-1 {
		height: 315px !important;
	}
	.canvas-background1{
		height: 315px !important;
	}
	.canvas-background2{
		height: 315px !important;
	}
	.canvas-background3{
		height: 315px !important;
	}
	div#myCarouselBanner-2 {
		height: 315px !important;
	}
	.canvas-background4{
		height: 315px !important;
	}
	.canvas-background5{
		height: 315px !important;
	}
	.canvas-background6{
		height: 315px !important;
	}
	.canvas-background1 {
		padding-top: 7em !important;
	}
	.canvas-background2 {
		padding-top: 7em !important;
	}
	.canvas-background3 {
		padding-top: 5em !important;
	}
	.canvas-background4 {
		padding-top: 6em !important;
	}
	.canvas-background5 {
		padding-top: 10em !important;
	}
	.canvas-background6 {
		padding-top: 7em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 330px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 330px !important;
		max-width: 195px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.curtain-container2 {
		width: 100%;
		height: 330px !important;
		max-width: 230px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 330px !important;
		max-width: 230px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
		/*cushion*/
	.cushion-container1 {
		max-width: 243px !important;
		height: 227px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 243px !important;
		height: 227px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 209px !important;
		height: 193px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 209px !important;
		height: 193px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 146px !important;
		height: 120px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 146px !important;
		height: 120px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		    max-width: 263px !important;
    height: 138px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		    max-width: 264px !important;
    height: 162px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		    max-width: 228px !important;
    height: 138px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}
@media only screen and (min-width:891px) and (max-width:923px) 
{
	.home_pro_1 {
		margin-left: 2em !important;
	}
	.home_pro_4 {
		margin-left: 14em;
	}
	div#myCarousel8 li {
    width: 100px !important;
    height: 100px !important;
    padding: 20px;
    border: 10px solid #f1f5f7;
	border-radius: 50%;
	}
	div#myCarousel8 li.active {
		width: 100px !important;
		height: 100px !important;
		padding: 20px;
		border: 10px solid #f33f3fb0  !important;
		border-radius: 50%;
		box-shadow: 2px 2px 5px lightgray
	}
	.page-heading {
    padding: 80px 0px 80px 0px !important;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	.products {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
	}
	.canvas-board-background1{
    height: 315px;
	}
	.canvas-board-background3{

		height: 315px;
	}
	.canvas-board-background2{

		height: 315px;
	}
	.canvas-board-background4{

    background-size: contain;
    background-repeat: no-repeat;
	}
	.canvas-board-background5{

		background-size: contain;
		background-repeat: no-repeat;
	}
	.canvas-board-background6{

		background-size: contain;
		background-repeat: no-repeat;
	}
	div#carousel_div {
    height: 315px !important;
	}
	.canvas-board-container2 {
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 30% !important; */
    /* margin-top: 10% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}
	.page-heading .text-content h2 {
    color: #fff;
    font-size: 45px !important;
    text-transform: uppercase;
    letter-spacing: 5px;
	}
	button#rotateLStandee {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 15px !important;
    font-size: 10px !important;
	}
	button#rotateRStandee {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 15px !important;
	font-size: 10px !important;
	}
	button#customUploadBtnCanvasBoard2 {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 15px !important;
	font-size: 10px !important;
	}
	/*wallpaper css*/
	.wallpaper-background1, .wallpaper-background2, .wallpaper-background3 {
		height: 270px !important;
		background-color: #e5e4db;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 220px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 44;
	}
	/*banner*/
	div#myCarouselBanner-1 {
		height: 315px !important;
	}
	.canvas-background1{
		height: 315px !important;
	}
	.canvas-background2{
		height: 315px !important;
	}
	.canvas-background3{
		height: 315px !important;
	}
	div#myCarouselBanner-2 {
		height: 315px !important;
	}
	.canvas-background4{
		height: 315px !important;
	}
	.canvas-background5{
		height: 315px !important;
	}
	.canvas-background6{
		height: 315px !important;
	}
	.canvas-background1 {
		padding-top: 7em !important;
	}
	.canvas-background2 {
		padding-top: 7em !important;
	}
	.canvas-background3 {
		padding-top: 5em !important;
	}
	.canvas-background4 {
		padding-top: 6em !important;
	}
	.canvas-background5 {
		padding-top: 10em !important;
	}
	.canvas-background6 {
		padding-top: 7em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 330px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 330px !important;
		max-width: 195px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.curtain-container2 {
		width: 100%;
		height: 330px !important;
		max-width: 230px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 330px !important;
		max-width: 230px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
		/*cushion*/
	.cushion-container1 {
		max-width: 243px !important;
		height: 227px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 243px !important;
		height: 227px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 209px !important;
		height: 193px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 209px !important;
		height: 193px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 146px !important;
		height: 120px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 146px !important;
		height: 120px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		    max-width: 261px !important;
    height: 141px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		    max-width: 263px !important;
    height: 162px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
	 max-width: 231px !important;
    height: 135px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}
@media only screen and (min-width:924px) and (max-width:990px) 
{
	.home_pro_1 {
		margin-left: 2em !important;
	}
	.home_pro_4 {
		margin-left: 14em;
	}
	div#myCarousel8 li {
    width: 100px !important;
    height: 100px !important;
    padding: 20px;
    border: 10px solid #f1f5f7;
	border-radius: 50%;
	}
	div#myCarousel8 li.active {
		width: 100px !important;
		height: 100px !important;
		padding: 20px;
		border: 10px solid #f33f3fb0  !important;
		border-radius: 50%;
		box-shadow: 2px 2px 5px lightgray
	}
	.page-heading {
    padding: 80px 0px 80px 0px !important;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	.products {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
	}
	.canvas-board-background1{
    height: 315px;
	}
	.canvas-board-background3{
		height: 315px;
	}
	.canvas-board-background2{

		height: 315px;
	}
	.canvas-board-background4{

    background-size: contain;
    background-repeat: no-repeat;
	}
	.canvas-board-background5{

		background-size: contain;
		background-repeat: no-repeat;
	}
	.canvas-board-background6{

		background-size: contain;
		background-repeat: no-repeat;
	}
	div#carousel_div {
    height: 315px !important;
	}
	.canvas-board-container2 {
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 30% !important; */
    /* margin-top: 10% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}
	.page-heading .text-content h2 {
    color: #fff;
    font-size: 45px !important;
    text-transform: uppercase;
    letter-spacing: 5px;
	}
	button#rotateLStandee {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 15px !important;
    font-size: 10px !important;
	}
	button#rotateRStandee {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 15px !important;
	font-size: 10px !important;
	}
	button#customUploadBtnCanvasBoard2 {
    font-family: 'DinPro';
    color: white;
    background: #f33f3f;
    border-radius: 50px;
    box-shadow: 2px 2px 5px grey;
    padding: 5px 15px !important;
	font-size: 10px !important;
	}
	/*wallpaper css*/
	.wallpaper-background1, .wallpaper-background2, .wallpaper-background3 {
		height: 270px !important;
		background-color: #e5e4db;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 220px !important;
		position: absolute;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		bottom: 43;
	}
	/*banner*/
	div#myCarouselBanner-1 {
		height: 315px !important;
	}
	.canvas-background1{
		height: 315px !important;
	}
	.canvas-background2{
		height: 315px !important;
	}
	.canvas-background3{
		height: 315px !important;
	}
	div#myCarouselBanner-2 {
		height: 315px !important;
	}
	.canvas-background4{
		height: 315px !important;
	}
	.canvas-background5{
		height: 315px !important;
	}
	.canvas-background6{
		height: 315px !important;
	}
	.canvas-background1 {
		padding-top: 7em !important;
	}
	.canvas-background2 {
		padding-top: 7em !important;
	}
	.canvas-background3 {
		padding-top: 5em !important;
	}
	.canvas-background4 {
		padding-top: 6em !important;
	}
	.canvas-background5 {
		padding-top: 10em !important;
	}
	.canvas-background6 {
		padding-top: 7em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 330px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 330px !important;
		max-width: 195px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.curtain-container2 {
		width: 100%;
		height: 330px !important;
		max-width: 230px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 330px !important;
		max-width: 230px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
		/*cushion*/
	.cushion-container1 {
		max-width: 243px !important;
		height: 227px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 243px !important;
		height: 227px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 209px !important;
		height: 193px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 209px !important;
		height: 193px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 146px !important;
		height: 120px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 146px !important;
		height: 120px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		
    max-width: 262px !important;
    height: 140px !important;

		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		    max-width: 265px !important;
    height: 162px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		    max-width: 231px !important;
    height: 135px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}
@media only screen and (min-width:1025px) and (max-width:1180px) {
	.home_pro_1 {
		margin-left: 2em !important;
	}
	.home_pro_4 {
		margin-left: 17em;
	}
}
@media only screen and (min-width:991px) and (max-width:1024px) 
{
	.home_pro_1 {
		margin-left: 2em !important;
	}
	.home_pro_4 {
		margin-left: 17em;
	}
	.page-heading {
    padding: 80px 0px 80px 0px !important;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	.products {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
	}
	.canvas-board-background1{
    height: 315px;
	}
	.canvas-board-background3{

		height: 315px;
	}
	.canvas-board-background2{

		height: 315px;
	}
	.canvas-board-background4{

    background-size: contain;
    background-repeat: no-repeat;
	}
	.canvas-board-background5{

		background-size: contain;
		background-repeat: no-repeat;
	}
	.canvas-board-background6{

		background-size: contain;
		background-repeat: no-repeat;
	}
	div#carousel_div {
    height: 315px !important;
	}
	.canvas-board-container2 {
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* margin-left: 35% !important; */
    /* margin-top: 10% !important; */
    /* position: absolute; */
    background-color: #efe7e7;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.25); /* visible in preview */
	}
	.page-heading .text-content h2 {
    color: #fff;
    font-size: 45px !important;
    text-transform: uppercase;
    letter-spacing: 5px;
	}
	/*banner*/
	div#myCarouselBanner-1 {
		height: 315px !important;
	}
	.canvas-background1{
		height: 315px !important;
	}
	.canvas-background2{
		height: 315px !important;
	}
	.canvas-background3{
		height: 315px !important;
	}
	div#myCarouselBanner-2 {
		height: 315px !important;
	}
	.canvas-background4{
		height: 315px !important;
	}
	.canvas-background5{
		height: 315px !important;
	}
	.canvas-background6{
		height: 315px !important;
	}
	.canvas-background1 {
		padding-top: 7em !important;
	}
	.canvas-background2 {
		padding-top: 7em !important;
	}
	.canvas-background3 {
		padding-top: 5em !important;
	}
	.canvas-background4 {
		padding-top: 6em !important;
	}
	.canvas-background5 {
		padding-top: 10em !important;
	}
	.canvas-background6 {
		padding-top: 7em !important;
	}
	/*curtain*/
	.curtain-background1, .curtain-background2, .curtain-background3 {
		height: 450px !important;
	}
	.curtain-container1 {
		width: 100%;
		height: 450px !important;
		max-width: 260px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.curtain-container2 {
		width: 100%;
		height: 450px !important;
		max-width: 315px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.curtain-container3 {
		width: 100%;
		height: 450px !important;
		max-width: 315px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 3%;
		background-position: center top;
		width: 100%;
		left: 14%;
	}
	.wallpaper-container1, .wallpaper-container2, .wallpaper-container3 {
		width: 100% !important;
		height: 327px !important;
		position: absolute;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: inherit;
		margin: auto;
	}
	/*cushion*/
	.cushion-container1 {
		max-width: 338px !important;
		height: 310px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container4 {
		max-width: 338px !important;
		height: 310px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 27%;
		background-position: center top;
		width: 100%;
		left: 15%;
	}
	.cushion-container2 {
	    max-width: 283px !important;
		height: 262px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container5 {
	    max-width: 283px !important;
		height: 262px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		top: 25%;
		background-position: center top;
		width: 100%;
		left: 24%;
	}
	.cushion-container3 {
		max-width: 198px !important;
		height: 164px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container6 {
		max-width: 198px !important;
		height: 164px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		bottom: 2%;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container7 {
		    max-width: 354px !important;
    height: 188px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container8 {
		    max-width: 362px !important;
    height: 220px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
	.cushion-container9 {
		    max-width: 311px !important;
    height: 183px !important;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		background-position: center top;
		width: 100%;
		left: 21%;
	}
}
.canvas_preview_heading h2 {
    margin-top: 0;
    color: black;
    font-size: 24px;
    text-align: center;
	margin-top: 4px;
    margin-left: 10px;
}
.canvas_preview_heading {
   display: inline-flex;
	
}
.canvas_preview_heading img {
   
    margin-bottom: 10px;
}

.wallpaper_preupload {
	width: 100%;
	height: 100%;
	background: #ffffff;
}
.set_imgclass{
	-webkit-writing-mode: vertical-lr;
}
.wallpaper_tabs li.active a {
	font-family: 'DinPro-Medium';
	color: #000;
	font-size: 16px;
}
.wallpaper_tabs li a {
	font-family: 'DinPro-Medium';
	color: #cdcdcd;
	font-size: 16px;
	text-transform: uppercase;
}

.wall_arts {
		width: 100%;
		height: 200px;
		border: 1px solid #cdcdcd;
		border-radius: 5px;
		padding: 10px 10px;
		overflow-y: scroll;
	}
.wall_arts 
{	
	padding: 1rem;	
	overflow-y: scroll;
	overflow-x: hidden;
	direction: ltr;
	scrollbar-color: #d4aa70 #e4e4e4;
}	
.categoriespart {
	border: 1px solid #cdcdcd;
	padding: 5px;
	cursor: pointer;
}
.categoriespart img {
	width: 100%;
	height: 80px;
}
.categoriespart p {
	height: 35px;
	overflow: hidden;
}
.GoToCat{
	cursor:pointer;
}
div#canvas1 {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background-color: white;
	overflow: visible;
}
div#canvas2 {
	box-shadow: 2px 2px 10px #000000;
}
div#canvas3 {
	box-shadow: 0px 0px 10px #000000;
}
div#canvas4 {
	box-shadow: 0px 0px 10px #000000;
}
div#canvas5 {
	box-shadow: 0px 0px 10px #000000;
}
div#canvas6 {
	box-shadow: 0px 0px 10px #000000;
}
div#carousel_div_cushion {
    height: 540px;
    width: 540px;
}
.cushionimg1 {
    width: 100%;
}
/*curtains*/
.curtain-container1 {
    max-width: 316px;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    background-position: center top;
    width: 100%;
}

.cushion-container1 {
    max-width: 422px;
    height: 370px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 15%;
    background-position: center top;
    width: 100%;
    left: 14%;
    transform: rotate(-7deg);
}
.cushion-container4 {
    max-width: 398px;
    height: 370px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 15%;
    background-position: center top;
    width: 100%;
    left: 14%;
    transform: rotate(-7deg);
}

.curtain-container2 {
	max-width: 407px;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    background-position: center top;
    width: 100%;
	left: 20%;
}
.cushion-container2 {
    max-width: 360px;
    height: 317px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 25%;
    background-position: center top;
    width: 100%;
    left: 21%;
    transform: rotate(-2deg);
}
.cushion-container5 {
	max-width: 337px;
    height: 317px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 25%;
    background-position: center top;
    width: 100%;
    left: 21%;
    transform: rotate(-2deg);
}
.curtain-container3 {
	max-width: 397px;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 3%;
    background-position: center top;
    width: 100%;
    left: 14%;
}
.cushion-container3 {
    max-width: 250px;
    height: 198px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 2%;
    background-position: center top;
    width: 100%;
    left: 39%;
}
.cushion-container6 {
    max-width: 239px;
    height: 198px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 2%;
    background-position: center top;
    width: 100%;
    left: 39%;
}
.cushion-container7 {
    max-width: 450px;
    height: 226px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 31%;
    background-position: center top;
    width: 100%;
    left: 13%;
}
.cushion-container8 {
    max-width: 460px;
    height: 266px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 25%;
    background-position: center top;
    width: 100%;
    left: 18%;
}
.cushion-container9 {
    max-width: 395px;
    height: 219px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 38%;
    background-position: center top;
    width: 100%;
    left: 29%;
}
.bannermaterialblock {
	border: 1px solid #000000;
	padding: 5px;
	cursor: pointer;
}
.bannermateril_dec p {
	margin-bottom: 0;
}
.bannermateril_dec p {
	margin-bottom: 0;
	padding: 5px 0px;
	font-weight: 700;
}
span.customize_steps {
    /* background: #f33f3f;
    color: #ffffff;
    padding: 5px 10px;
    margin-right: 10px; */
    margin-right: 10px;

}
.step_plus_icon
{
	color: #8d8d8d;
}

summary {
    list-style: none;           /* Remove default marker in some browsers */
    outline: none;              /* Optional: remove focus outline */
}

summary::-webkit-details-marker {
    display: none;              /* Remove the triangle in Chrome/Safari */
}

.rotate-90 {
   /* transform: rotate(90deg);*/
        transform: rotate(270deg);
    /* Adjust the transform origin if needed */
    transform-origin: center center;
}

.watermark {
    position: absolute;
    bottom: 15px;
    right: 20px;
    width: 45px;
    opacity: 1;
    z-index: 10; /* Ensure the watermark is above other content */
}

.canvas-overlay {
    position: absolute;
    width: 95%;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center;
    opacity: 1;
}
.watermark2 {
    position: absolute;
    bottom: 15px; /* Distance from the bottom */
    right: 15px;  /* Distance from the right */
    width: 45px;
    opacity: 1;
    z-index: 10;
}
.preview-imagee {
    position: relative; /* Ensure parent container is relatively positioned */
    width: 100%; /* Adjust as needed */
    height: 100%; /* Adjust as needed */
}

.preview-imagee img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain; /* Ensures the image maintains its aspect ratio */
    display: block;
}

/* Optional media query to adjust responsiveness */
@media (max-width: 768px) {
    .preview-imagee img {
        max-width: 90%; /* Adjust max-width for smaller screens */
        max-height: 90%; /* Adjust max-height for smaller screens */
    }
}

.preview2 {
    position: relative;
    height: 400px;
}