/* Media Queries */
@media screen and (min-width: 1800px) {
	.frame-foter {
		height: 60px;
	}

	.frame-foter.show .finish-div a.btn {
		padding: 9px 40px;
		font-size: 16px;
		margin-top: -2px;
	}

	.frame-foter ul.list-inline button.default-btn.prev-step,
	.frame-foter ul.list-inline button.default-btn.next-step {
		top: 15px;
	}

	.happy-div {
		height: 65px;
		padding: 22px 32px;
	}

	.happy-div .close-btn {
		right: 22px;
	}

	.svgimage img,
	.svgimage svg,
	.leftside-area.tabshow .leftside-tab img {
		width: 65%;
		height: 65vh;
	}

	#finish .head h3 {
		font-size: 50px;
	}

	#finish .head p {
		font-size: 22px;
	}

	#finish .head {
		margin-top: 70px;
		margin-bottom: 60px;
	}

	#finish {
		padding: 0 20px;
	}

	.finish-box ul li a {
		font-size: 18px;
	}

	.cart-boxes .cart-box {
		width: 25%;
	}

	.product-slide {
		height: 240px;
	}

	.cart-wrapper-second .swiper-arrow {
		top: 50%;
	}

	.carttop-wrapper {
		padding: 0 30px;
	}

	.viewgalleryslidercls .modal-dialog.modal-dialog-center {
		width: 900px;
	}
}

@media screen and (min-width: 2000px) {
	.cart-wrapper .cart-box .cart-img {
		height: 280px;
	}

	.cart-boxes .cart-box {
		height: auto;
	}
}

@media screen and (max-width: 1850px) {
	.common-radiobox .com-radiobox {
		width: 107px;
		margin-right: 13px;
	}
	#accordion_one .common-radiobox .com-radiobox, #accordion_two .common-radiobox .com-radiobox, #accordion_three .common-radiobox .com-radiobox {
	    width: 106px;
	    margin-right: 10px;
	}

	.radio-img .radioimage {
		width: 108px;
		height: 86px;
	}

	.innertabs .tab-menu ul li a {
		padding: 8px 30px;
		font-size: 14px;
	}

	.innertabs .tab-menu ul li a.lasttab.active {
		font-size: 14px;
		padding: 12px 30px;
	}

	.innertabs .tab-menu ul li a.active {
		padding: 12px 30px;
	}

	.viewgalleryslidercls .modal-body {
		padding: 0;
	}

	.cart-wrapper-second {
		margin-top: 20px;
		padding-top: 15px;
	}

	.second-row .cart-leftdiv .cart-wrapper {
		margin-top: 10px;
	}
}

@media screen and (max-width: 1790px) {
	.product-slide {
		height: 200px;
	}

	.cart-wrapper-second .swiper-arrow {
		/*  top: 40%;*/
	}
}

@media screen and (max-width: 1600px) {
	.innertabs .tab-menu ul li a {
		font-size: 13px;
		padding: 8px 25px;
	}

	.innertabs .tab-menu ul li a.lasttab.active {
		font-size: 13px;
		padding: 12px 30px;
	}

	.innertabs .tab-menu ul li a.active {
		padding: 12px 25px;
	}

	.second-row .second-rightcolumn {
		-ms-flex: 0 0 28%;
		flex: 0 0 28%;
		max-width: 28%;
	}

	.second-row .second-leftcolumn {
		-ms-flex: 0 0 72%;
		flex: 0 0 72%;
		max-width: 72%;
	}

	.viewgalleryslidercls .video-popup .gallery-slider-global2 .swiper-slide img {
		width: 60%;
	}

	.carttop-wrapper {
		padding: 0 10px;
	}

	.cart-wrapper .cart-box .cart-img {
		height: 175px;
	}

	.second-row .cart-leftdiv {
		overflow: auto;
		height: 100%;
	}
}

@media screen and (max-width: 1400px) {
	.common-radiobox .com-radiobox {
		width: 94px;
	}

	.innertabs .tab-box {
		margin-top: 15px;
	}

	.doubleradio-box .com-radiobox.doubleradio-innerbox {
		width: 33%;
		margin-right: 10px;
	}

	.radio-img .radioimage {
		width: 95px;
		height: 73px;
	}

	.radio-img label.label {
		font-size: 12px;
	}

	.svgimage img,
	.svgimage svg,
	.leftside-area.tabshow .leftside-tab img {
		width: 65%;
		height: 65vh;
	}

	.frame-inner-box .radio-img label.label {
		height: 55px;
	}

	.frame-inner-box {
		margin-top: 10px;
	}

	.innertabs .tab-menu ul li a,
	.innertabs .tab-menu ul li a.lasttab.active {
		font-size: 13px;
		padding: 8px 16px;
	}

	.innertabs .tab-menu ul li a.active {
		padding: 12px 16px;
	}

	.wizard .tab-content .head .watch-video a.watch-v {
		font-size: 16px;
		padding: 5px 12px;
	}
	.wizard .tab-content .head .watch-video a.viewgallerybtn {
		padding: 6px;
	}

	.modal.uploadmodalid.cartpopup .modal-dialog.modal-dialog-center {
		width: 1000px;
	}

	.innertabs .tab-menu ul li a.lasttab.active {
		padding: 12px 16px;
	}


	.viewgalleryslidercls .video-popup .gallery-slider-global2 .swiper-slide img {
		width: 50%;
	}

	.cart-boxes .cart-box {
		width: 27%;
		margin-right: 10px;
	}

	.cart-wrapper-second {
		margin-top: 10px;
		padding-top: 10px;
	}

	.second-row .cart-leftdiv .cart-wrapper {
		margin-top: 10px;
	}

	.sidebarhead p {
		font-size: 16px;
	}

	.sidebarcart .sidebarbox .sidebox a.edit,
	.sidebarcart .sidebarbox .sidebox a.delete {
		padding: 3px 10px;
		font-size: 16px;
	}


	.product-slide {
		height: 180px;
	}

	.cart-wrapper-second .swiper-arrow {
		top: 41%;
	}

}

@media screen and (max-width: 1280px) {
	.mainsection.signup-step-container .left-column {
		-ms-flex: 0 0 55%;
		flex: 0 0 55%;
		max-width: 55%;
	}

	.mainsection.signup-step-container .right-column {
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		max-width: 45%;
	}

	.frame-foter {
		-ms-flex: 0 0 43%;
		flex: 0 0 43%;
		max-width: 43%;
	}

	.leftside-area.tabshow .leftside-tab img {
		width: 70%;
	}

	.svgimage,
	.leftside-area.tabshow .leftside-tab {
		height: 84%;
	}

	.innertabs .tab-menu ul li a {
		padding: 8px 20px;
	}

	.innertabs .tab-menu ul li a.lasttab.active {
		padding: 12px 20px;
	}

	.innertabs .tab-menu ul li a.active {
		padding: 11px 20px;
		margin-top: -6px;
		margin-bottom: -4px;
	}

	.leftside-area.tabshow .leftside-tab .tab-menu ul li a {
		padding-top: 2px;
		font-size: 14px;
	}

	.leftside-area.tabshow .leftside-tab .tab-menu {
		bottom: 15px;
	}

	.happy-div p {
		font-size: 14px;
	}

	.modal.uploadmodalid.cartpopup .modal-dialog.modal-dialog-center {
		width: 90%;
	}

	.viewgalleryslidercls .modal-dialog.modal-dialog-center {
		width: 90%;
	}
}

@media screen and (max-width: 1100px) {

	.svgimage,
	.leftside-area.tabshow .leftside-tab {
		height: 82%;
	}

	.head.first-head {
		margin-bottom: 30px;
	}

	.frame-inner-box {
		margin-top: 5px;
	}

	.innertabs .tab-menu ul li a {
		padding: 8px 14px;
	}

	.innertabs .tab-menu ul li a.lasttab.active {
		padding: 12px 14px;
	}

	.innertabs .tab-menu ul li a.active {
		padding: 11px 14px;
	}

	.product-slide {
		height: 160px;
	}

	.cart-wrapper-second .swiper-arrow {
		top: 35%;
	}

	.second-row .cart-leftdiv,
	.sidebarcart {
		padding: 20px;
	}

	.second-row .second-rightcolumn {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.second-row .second-leftcolumn {
		-ms-flex: 0 0 66.66666%;
		flex: 0 0 66.66666%;
		max-width: 66.66666%;
	}

	.product-slide {
		width: 30%;
	}

	.wizard .tab-content .head .watch-video {
		width: 140px;
	}
	.head h3 {
		font-size: 28px;
	}
}

@media screen and (max-width: 1000px) {
	.leftside-area {
		height: auto !important;
	}

	body.h-100 {
		height: auto !important;
	}

	.frame-foter {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		right: 0;
	}

	.mainsection.signup-step-container .left-column {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.mainsection.signup-step-container .right-column {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.radio-img .radioimage img {
		/*width: 100%;*/
	}

	.svgimage,
	.leftside-area.tabshow .leftside-tab {
		padding: 45px 15px 60px;
	}

	.leftside-area.tabshow .leftside-tab .tab-menu {
		position: unset;
		margin: 30px 0 0px;
	}

	.wizard-inner ul.nav.nav-tabs {
		top: -7px;
	}

	.happy-div p {
		padding-right: 20px;
		font-size: 13px;
	}

	#finish {
		margin-bottom: 60px;
	}

	.accordion .card-header a.card-title {
		font-size: 15px;
	}

	.leftside-area {
		height: 45vh !important;
	}

	.wizard {
		height: 50vh;
		display: inline-block;
		width: 100%;
	}

	.leftside-area.tabshow .leftside-tab img {
		width: 60%;
		height: 35vh;
	}

	.leftside-area .logo {
		text-align: center;
		margin-bottom: 20px;
		padding-top: 30px;
		padding-left: 0;
	}

	.leftside-area .logo img {
		width: 99px;
	}

	.head.first-head {
		margin-bottom: 20px;
	}

	.head {
		margin-bottom: 15px;
	}

	.frame-inner-box {
		margin-top: 5px;
	}

	.head p {
		font-size: 13px;
	}

	/************17-9-2021************/

	.cartpopup-txt h2 {
		font-size: 34px;
	}

	.uploadmodalid .upload-popup .cartpopup-txt p {
		width: 100%;
		font-size: 22px;
	}

	.videopopup .modal-dialog.modal-dialog-center {
		width: 90%;
	}

	.second-row .second-rightcolumn {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.second-row .second-leftcolumn {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.cartpage .second-row {
		flex-wrap: wrap;
		overflow: auto;
	}

	.sidebarcart {
		height: auto;
	}

	.swiper-wrapper {
		/*display: block;*/
	}

	.carttop-wrapper {
		padding: 0;
	}

	.viewgalleryslidercls .video-popup .gallery-slider-global2 .swiper-slide img {
		width: 80%;
	}

	.cartpage .second-row {
		display: flex !important;
	}

	.cart-wrapper-second .swiper-arrow {
		/*top: 30%;*/
	}

	.cart-boxes .cart-box {
		width: 30%;
	}

	.swiper-button-next-unique {
		right: 0;
	}

	.swiper-button-prev-unique {
		left: 0;
	}

	.modal-open.cartpage {
		overflow: auto;
	}
}

@media screen and (max-width: 767px) {

	.svgimage img,
	.svgimage svg,
	.leftside-area.tabshow .leftside-tab img {
		height: auto;
	}

	.uploadmodalid .drag-text img {
		width: 100%;
	}

	.uploadmodalid .drag-text h3 {
		padding: 9px 10px;
		font-size: 10px;
	}

	.uploadmodalid .upload-popup button.submit {
		padding: 10px 20px;
		font-size: 11px;
	}

	.uploadmodalid .modal-dialog .modal-body {
		padding: 0;
	}

	.leftside-area {
		height: auto !important;
	}

	.wizard {
		height: auto;
	}


	/************17-9-2021************/
	.wizard .tab-content .head .watch-video a.watch-v {
		font-size: 16px;
		padding: 5px 13px;
		border-radius: 5px;
	}

	.cart-boxes .cart-box {
		width: 50%;
		margin-right: 0px;
		padding: 0 10px;
	}

	.second-rowbottomline .rowbottomline-right {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.second-rowbottomline .rowbottomline-right a.submit {
		margin: 5px 5px;
	}

	.rowbottomline-left {
		text-align: center;
		display: flex;
		justify-content: center;
		width: 100%;
		margin-bottom: 10px;
		justify-content: center;
	}

	.second-rowbottomline {
		position: relative;
		justify-content: center;
	}

	.product-slide {
		height: 190px;
	}

	.cart-wrapper-second .swiper-arrow {
		top: 42%;
	}

	.uploadmodalid .modal-dialog {
		padding: 15px;
	}

	.cartpopup-txt h2 {
		font-size: 28px;
	}

	.uploadmodalid .upload-popup .cartpopup-txt p {
		font-size: 16px;
	}

	.uploadmodalid .upload-popup .submit {
		font-size: 13px;
		padding: 8px 25px;
	}

	.viewgalleryslidercls .video-popup h4,
	.fullimgpopup .video-popup h4 {
		font-size: 19px;
	}

	.second-row .cart-leftdiv .swiper {
		padding: 0;
	}

	.swiper-button-next-unique,
	.swiper-button-prev-unique {
		font-size: 22px;
		background: #000;
		width: 40px;
	}

	.cart-wrapper .cart-box .cart-img {
		height: 225px;
	}

	.cart-boxes .cart-box {
		height: auto;
	}

	.uploadmodalid .modal-dialog .modal-body .video-popup iframe {
		height: 250px;
	}

	.image_create_loader .create-image-popup h2 {
		font-size: 28px;
	}
}

@media screen and (max-width: 600px) {
	.product-slide {
		width: 28%;
		height: 150px;
	}

	.wizard .tab-content .head .watch-video {
		float: none;
		position: relative;
		margin: 10px 0;
		display: inline-block;
		right: inherit;
		top: inherit;
	}
	.wizard .tab-content .head .watch-video {
	  width: inherit;
	}
	.wizard .tab-content .head .watch-video a.watch-v {
	  position: relative;
	}
	.wizard .tab-content .head .watch-video a.viewgallerybtn {
	  position: relative;
	  top: inherit;
	  left: inherit;
	}
}

@media screen and (max-width: 480px) {
	.wizard .tab-content {
		padding: 20px 15px;
	}

	.head.first-head {
		/*margin-bottom: 40px;*/
	}

	.common-radiobox .com-radiobox label.radio-img .radioimage {
		width: 100%;
		height: 100px;
	}

	.common-radiobox .com-radiobox {
		width: 30%;
		margin-right: 8px;
	}

	.common-radiobox .com-radiobox label.radio-img {
		width: 100%;
	}

	.radio-img label.label {
		font-size: 12px;
	}

	.leftside-area .logo {
		padding-left: 25px;
		padding-top: 20px;
	}

	.rotate-icon a.rotate {
		width: 40px;
		right: 20px;
		bottom: 40px;
		height: 40px;
	}

	.rotate-icon a.rotate i {
		font-size: 15px;
	}

	.frame-foter ul.list-inline button.default-btn.prev-step {
		left: 17px;
	}

	.frame-foter ul.list-inline button.default-btn.next-step {
		right: 15px;
	}

	.frame-foter ul.list-inline button.default-btn {
		font-size: 15px;
	}

	.frame-foter ul.list-inline button.default-btn i.fal.fa-chevron-right,
	.frame-foter ul.list-inline button.default-btn i.fal.fa-chevron-left {
		font-size: 10px;
	}


	.innertabs .tab-menu ul li a,
	.innertabs .tab-menu ul li a.active {
		padding: 6px 18px;
		font-size: 11px;
	}

	.innertabs .tab-menu ul li a.active {
		padding: 7px 18px;
		margin-top: -11px;
		margin-bottom: -4px;
	}

	.innertabs .tab-menu ul li a.lasttab.active {
		padding: 7px 18px;
		font-size: 11px;
	}

	.innertabs .tab-menu ul li a {
		font-size: 11px;
	}

	.doubleradio-box .com-radiobox.doubleradio-innerbox {
		width: 45%;
	}

	.frame-foter.show .finish-div a.btn {
		padding: 5px 12px;
		font-size: 11px;
		letter-spacing: 1px;
	}

	.head h3 {
		font-size: 25px;
	}

	h4.subhead {
		font-size: 16px;
		margin-top: 10px;
	}

	.leftside-area.tabshow .leftside-tab .tab-menu ul li {
		margin: 0 10px;
	}

	.frame-inner-box .radio-img label.label {
		height: 30px;
	}

	.uploadmodalid h5.modal-title {
		font-size: 18px;
	}

	.uploadmodalid .drag-text h3 {
		width: 70%;
	}

	.leftside-area {
		height: 45vh !important;
	}

	.wizard {
		height: 50vh;
		display: inline-block;
		width: 100%;
	}

	.svgimage,
	.leftside-area.tabshow .leftside-tab {
		padding: 25px 15px 20px;
	}

	.leftside-area.tabshow .leftside-tab .tab-menu {
		margin: 10px 0 0px;
	}

	.leftside-area.tabshow .leftside-tab img {
		width: 50%;
	}

	.accordion .card-header.collapsed {
		margin-bottom: 15px !important;
	}

	.leftside-area.tabshow .leftside-tab .tab-menu {
		position: absolute;
		bottom: 10px;
	}

	.tab-main-box {
		display: block;
	}

	.h-100 {
		height: auto !important;
	}

	.leftside-area.tabshow .leftside-tab .tab-box {
		margin-bottom: 20px;
	}

	#finish .head p {
		font-size: 14px;
	}

	.innertabs .tab-menu ul {
		padding-left: 0;
		justify-content: space-between;
	}


	.cart-boxes .cart-box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		padding: 0;
	}

	.sidebarcart .sidebarbox .sidebox .sideimg {
		width: 130px;
		height: 120px;
		padding: 10px;
	}

	.sidebarcart .sidebarbox .sidebox .sidetxt {
		padding-left: 12px;
	}

	.sidebarcart .sidebarbox .sidebox a.edit,
	.sidebarcart .sidebarbox .sidebox a.delete {
		padding: 3px 10px;
		font-size: 16px;
	}

	.wizard .tab-content .head .watch-video {
		width: 130px;
		position: fixed;
		right: 10px;
		top: 0px;
		text-align: center;
	}

	.wizard .tab-content .head .watch-video a.viewgallerybtn {
		margin-left: 0;
		position: absolute;
		top: 32px;
		width: 100%;
		left: 0;
		font-size: 14px;
	}

	.wizard .tab-content .head .watch-video a.watch-v {
		display: inline-block;
		position: absolute;
		right: 0;
		padding: 5px 8px;
		font-size: 13px;
	}

	.second-row .cart-leftdiv .carttopbar a.viewgallerybtn {
		font-size: 15px;
		padding: 8px 10px;
	}

	.sidebarcart .sidebarbox .sidebox .sideimg span {
		width: 25px;
		height: 25px;
		font-size: 14px;
	}

	.image_create_loader .create-image-popup img {
		max-width: 100%;
	}

	.image_create_loader .create-image-popup h2 {
		font-size: 24px;
	}

	.product-slide {
		width: 40%;
		height: 150px;
	}
	.add_btn {
		margin-left: 10px;
		font-size: 14px;
		padding: 3px 8px;
	}
}

@media screen and (max-width: 360px) {
	.common-radiobox .com-radiobox {
		width: 30%;
		margin-right: 9px;
	}

	.common-radiobox .com-radiobox label.radio-img .radioimage {
		height: 80px;
	}

	.leftside-area {
		height: 50vh !important;
	}

	.wizard {
		height: 40vh;
	}

	.svgimage,
	.leftside-area.tabshow .leftside-tab {
		height: 75%;
	}

	.innertabs .tab-menu ul li a,
	.innertabs .tab-menu ul li a.active {
		padding: 6px 12px;
		font-size: 11px;
	}

	.innertabs .tab-menu ul li a.active {
		padding: 7px 12px;
		margin-top: -11px;
		margin-bottom: -4px;
	}

	.innertabs .tab-menu ul li a.lasttab.active {
		padding: 7px 12px;
		font-size: 11px;
	}

	.innertabs .tab-menu ul li a {
		font-size: 11px;
	}

	.wizard .tab-content .head .watch-video {
		top: 45px;
	}
	.wizard .tab-content .head .watch-video a.viewgallerybtn {
		padding: 3px 8px;
	}

	.product-slide {
		width: 42%;
		height: 120px;
	}

	.wizard .tab-content .head .watch-video a.watch-v {
		padding: 2px 8px;
	}

	.wizard .tab-content .head .watch-video a.viewgallerybtn {
		top: 25px;
		font-size: 13px;
	}
}


@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {

	.leftside-area {
		height: auto !important;
	}

}

@media only screen and (device-width : 375px) and (device-height : 812px) {

	.leftside-area {
		height: auto !important;
	}

}