label{
	min-width: 250px !important; 
} 
body{
	
	margin:0px;
	padding:0px;
}

	body {
    background:#edf1f4 url(bg.jpg);
    font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
    font-size:16px;
    color:#444;
}
.mainheader{
	background-image: linear-gradient(#71eeb8 ,#0f52ba );
	margin:0px;
	padding:0px;
	width:100%;
	height:75px;
}
.ui-widget-header{
	background: #193e5c !important; 
	color:white;
 }
 .ui-tabs-tab{   
   background-image: none !important;
	background:#444 !important; 
} 
.ui-accordion {
	margin: 10px;
	border: 2px solid #3f3f3f;
}

@media (max-width: 663px) {
	.ui-accordion {
		scale: 80%;
	}
}

@media (width: 280px) and (height: 653px) {
	.ui-accordion {
		scale: 60%;
	}
}

@media (width: 1024px) and (height: 1366px) {
	.ui-accordion {
		scale: 140% !important;
		
	}
}

@media (width: 1280px) and (height: 800px) {
	.ui-accordion {
		scale: 120% !important;
		position: relative;
		top: 60px;
	}
}

@media (width: 1024px) and (height: 600px) {
	.ui-accordion {
		scale: 90% !important;
		
	}
}

@media (width: 912px) and (height: 1368px) {
	.ui-accordion {
		scale: 120% !important;
		
	}
}
@media (width: 853px) and (height: 1280px) {
	.ui-accordion {
		scale: 120% !important;
		
	}
}

.ui-accordion-header{
	
	background-image: linear-gradient(#8f8f8f ,#0f0f0f )!important;
	color: #d1d1d1;
	font-weight: bold;
}
.ui-accordion-content {
    max-height: 65%;
}

#pswd_info {
	bottom: 50% !important;
	left: 8% !important;
}

.ui-accordion .ui-accordion-content div {
	margin-bottom: 20px;
}

.ui-accordion .ui-accordion-content div .motibutton {
	width: 40%;
	margin: 10px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
	left: 10% !important;
}

@media (width: 1024px) and (height: 1366px) {
	.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
			scale: 150%;
			top: 70px !important;
		}
}

.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
	border: 2px solid black;
	filter: invert(90%);
}

.ui-dialog-buttonset > .ui-button.ui-corner-all.ui-widget {
	background: #193e5c;
	border: 1px solid black;
	transition: scale 0.2s;
}

.ui-dialog-buttonset > .ui-button.ui-corner-all.ui-widget:hover {
	background: white;
	color: black;
	scale: 110%;
}

label{
	margin-top:5px;
	margin-bottom:5px;
	min-width:125px;
}
#cmdlogin{
	display: inline-block;
}
.motilogo{
	margin-left:5px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:1px;
	height:65px; 
	width:85px;
	background-image: url("/motilogo.png");	
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    float:left;
}
.motisearch{
	float:left;
	width:40%;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}
.motiheaderlinks{
	float:right;
	line-height:35px;
	margin-right:20px;
	
}
#headersearchtext{    
	width:70%;
	text-align:right;
	border:.01px; 
	margin-bottom:5px;
	
} 

.headersearchblock{ 
	width:100%; 
	margin-top:10px;
	float:right;  
  transform: translate( 50%,  30%);
	
} 
/* .motibutton (original) { 
	border:black solid 2px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius:5px;
	border-top-right-radius: 5px;
	padding-left:2px;
	padding-right:2px;
	cursor: pointer;
	  background: #57a9eb; 
    background: -moz-linear-gradient(top, #57a9eb 0%, #3a76c4 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a9eb), color-stop(100%,#3a76c4)); 
    background: -webkit-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); 
    background: -o-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); 
    background: -ms-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); 
    background: linear-gradient(top, #57a9eb 0%,#3a76c4 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a9eb', endColorstr='#3a76c4',GradientType=0 ); 
    border:1px solid #326fa9;
    border-top-color:#3e80b1;
    border-bottom-color:#1e549d;
    color:#fff;
    text-shadow:1px 2px 3 #1e3c5e;
    font-size:.875em;
    padding:3px 5px; 
    border-radius:20px;
    box-shadow:0 1px 0 #bbb, 0 1px 0 #9cccf3 inset;
    text-align: center;
	
	
} */

.motibutton {
	color: #fff;
	background: #0c3b61;
	border: 0px;
	border-radius: 5px;
	padding: 3px 5px;
	text-align: center;
	font-size: .875em;
	cursor: pointer;
	transition: background 0.2s, border 0.2s;
}
.with-space-below{
		margin-top:15px !important;
	}
.motibutton:active {
    background: #3a76c4; /* Old browsers */
    background: -moz-linear-gradient(top, #3a76c4 0%, #57a9eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a76c4), color-stop(100%,#57a9eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* IE10+ */
    background: linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a76c4', endColorstr='#57a9eb',GradientType=0 ); /* IE6-9 */
    box-shadow:none;
    text-shadow:0 -1px 0 #1e3c5e;
}
.leftbutton{
	float:left; 
}
.rightbutton{
	float:right; 
}
/* .motibutton:hover (original) { */
	/* background-image:linear-gradient(#71eeb8 ,#0f52ba); */
	/* color:#212;  */
/* } */

.motibutton:hover {
	color: black;
	font-weight: bold;
	background: white;
	border: 2px solid black;
}
.topButtons{
	margin-top:5px;
	margin-right:5px;
	float:right;
}
/*#leftpane{  
	position: absolute;
    top:95px;
    left:0px;
    width:101px;
    height:40vh;
    overflow:none;
    z-index: 199999;
}
.left-content{
	height:49%;
}
#left_width_control{
	position: absolute;
    top:75;
    right:0;
    left:0;
    height:22px;
    width:80px;
    margin-bottom:5px;	
    cursor: pointer;
    
}
#left_width_control:hover {
	text-shadow: #111 10px 10px 2px;
}
*/
.page{
	position:relative;
}
/*#maincontent{
	position: absolute;
    top:75px;
    left:101px;
    right:101px;
	text-align:center;
    margin:0 auto; 
    display:inline-block; 
    overflow-wrap:break-word;
    max-width: 90%;
 
 	z-index: 99;
}
.footer{ 
	    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20px;
   
    background-color: #f5f5f5;
	 
	
}
*/
/*#rightpane{
	
	float:right;  
    position:absolute;   	
	min-width:55px;
	max-width:165px;  
	width:15%;
	min-height: 95%;
	top:75px;
	right:0px;
	z-index:2;
}*/
.wrapper {
    min-height: 100%; 
    text-align: center;
    width:100%;
}
.nav-item:first-child, .nav-item:nth-child(2), .nav-item:nth-child(3) {
	font-size: 20px;
}
.nav-link.sign-in, #myheadercart {
	font-size: 20px;
	
}
.myfields label, .myfields input {
  display:inline-block;
}

.myfields label {
  width:200px; /* or whatever size you want them */
}

.myfields > div {
	margin: 15px;
}
.storeheading{ 
	margin:0px;
	
}
.storeheading email{
	float:left;
}
.storeheading phone{
	float:right;
}
.storeheading tag{
	font: italic normal normal 1em Arial, sans-serif;
}
.storeheading name{
	font-weight: bolder;
	font-size:12pt;
	
}

.addfootermargin {
	display: flex;
	justify-content: center;
	padding-bottom: 80px;
}

.prodCard{
	border:1px solid #b8b3b3;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	min-width:90%;
	max-width:90%; 
	
	
} 
.prodCard.col-sm-4 {
	padding-right: 0px;
	padding-left: 0px;
}
.prodCardContents{
	
	height:600px;
	display: flex;
	flex-direction: column;
	justify-content: left;
	align-items: center;
	overflow:hidden;
	
}

@media (max-width: 767px) {
	.prodCardContents {
		height: 300px;
	}
}
@media (max-width: 280px) and (max-height:653px) {
	.prodCardContents {
		height: 300px;
	}
}
@media (max-width: 1024px) and (max-height:600px) {
	.prodCardContents {
		height: 380px;
	}
}
.prodtitle{
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	background-color: #4683B5FF;
	color:#fff;
	text-align:center;
	border-bottom:1px solid   #0f52ba ;
}
.proddetails{
	width:50%;
	height:99% !important;
	overflow:auto;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
	margin-right: 70px;
}
.prodleft{
	width:100%;
	height:100% !important;
	display: flex; 
	flex-direction: row;
	align-items: center;
	position:relative;
	margin-right: 50px;
}
.prodimages{
	position: static;
	display:inline;
	margin-top:5px;
	width:100%;
}
.prodimage{
	max-width: 100px !important;
	max-height: 100px !important;
	margin-left:5px;
	text-align:center;
	border: 1px solid rgb(117 117 117 / 0%);
	border-radius: 5px;
	transition: border 0.3s;
}
.prodimage:hover {
	border: 2px solid rgb(117 117 117);
}
@media (max-width: 767px) {
	.prodimage {
		max-width: 50px !important;
		max-height: 60px !important;
	}
}
.prodthumbs{
	text-align:center;
	margin-left:15px;
	max-height:400px;
	max-width: 400px;
	overflow:auto;
	margin-bottom: 100px;
	margin-left: 50px;
}
.prodthumbs>ul {
	display: flex;
}

@media (max-width: 767px) {
	.prodthumbs {
		margin-bottom: 60px;
	}
}
.prodpreview{
	float:right;
	width:100%;
	height: 100%;
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
}
.prodqty{
	width:75px;
}
.proddesc {
	position: absolute;
	right: 10px;
	bottom: 0px;
}
@media (max-width: 280px) and (max-height: 653px) {
	.proddesc {
		font-size: 9px;
		right: -5px;
	}
	.prodqty {
		width: 60px;
	}
	.productaddtocart {
		bottom: 80px !important;
		scale: 50% !important;
		right: -145px !important;
	}
	.prodprice {
		bottom: 210px !important;
		right: -30px !important;
		scale: 50% !important;
	}
	.proddetails {
		margin-right: 50px !important;
	}
}
@media (max-width: 1024px) and (max-height:600px) {
	.productaddtocart {
		bottom: 130px !important;
	}
	.proddetails {
		margin-right: 130px !important;
	}
	.prodprice {
		bottom: 310px !important;
	}
}
@media (max-width: 360px) and (max-height:740px) {
	.proddesc {
		font-size: 10px !important;
	}
}
.prodprice {
	position: absolute;
	right: 0px;
	bottom: 500px;
	border: 1px solid black;
	padding: 5px;
	font-weight: bold;
}
.productaddtocart{ 
	position:absolute;
	right:-120px;
	bottom:300px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.productaddtocart * {
	margin: 10px;
}
@media (max-width: 767px) {
	.productaddtocart {
		right: -130px;
		bottom: 110px;
		scale: 0.6;
	}
	.prodprice {
		right: -13px;
		bottom: 260px;
		scale: 0.6;
	}
}
.addfootermargin{
	margin-bottom:75px;
}
.addfootermargin> #prodcontainer {
	display: inline-grid;
	grid-template-columns: 33% 33% 33%;
	padding-top: 20px;
	row-gap: 20px;
}
.addfootermargin #prodcontainer::before, .addfootermargin #prodcontainer::after {
	display: none;
}

@media (max-width: 767px) {
	.proddesc {
		scale: 80%;
		right: -10px;
	}
}

@media (max-width: 667px) {
	.proddesc {
		scale: 80%;
		font-size: 10px;
		right: -15px;
	}

	.prodthumbs {
		scale: 70%;
		position: relative;
		right: 40px;
		width: 100%;
		
	}

}

@media (width: 1024px) and (height: 600px) {
	.prodthumbs {
		scale: 70%;
		position: relative;
		right: 30px;
		top: 40px;
	}
}

/* cart */
#maincart{
	margin:0 auto;
	text-align:center;
	width:100%;
	z-index: 1;
}
@media (max-width: 667px) {
	#maincart {
		scale: 90% !important;
		width: 110%;
		position: relative;
		right: 20px;
	}
}

@media (max-width: 280px) {
	#maincart {
		scale: 70% !important;
		width: 150% !important;
		right: 70px;
	}
}


@media (width: 768px) and (height: 1024px), (width: 820px) and (height: 1180px), (width: 912px) and (height: 1368px), (width: 853px) and (height: 1280px), (width: 344px) and (height: 882px) {
	#maincart {
		right: 30px !important;
		position: relative;
		scale: 95%;
	}
}

#checkout-billing, #checkout-shipping {
	position: relative;
}

.addfootermargin {
	display: flex;
	flex-direction: column;
}


#checkout-billing .cartheader {
		width: 100%;
	}

#checkout-shipping div[style]:first-child {
		border-top-left-radius:12px;
		border-top-right-radius:12px;
		background: #4e9dc0 !important;
		text-align:left;
		display: block;
		width:100%;
		color:#FFF;
	}


@media (width: 375px) and (height: 667px) {
	#maincart.container:nth-child(2) {
		width: 370px
	}
}

@media (width: 414px) and (height: 896px), (width: 390px) and (height: 844px) {
	#maincart.container:nth-child(2) {
		width: 400px
	}
}

@media (width: 430px) and (height: 932px) {
	#maincart.container:nth-child(2) {
		width: 400px
	}
}

@media (width: 412px) and (height: 915px) {
	#maincart.container:nth-child(2) {
		width: 400px
	}
}

@media (width: 360px) and (height: 740px) {
	#maincart.container:nth-child(2) {
		width: 370px
	}
}


@media (width: 412px) and (height: 914px) {
	
	#maincart.container:nth-child(2) {
		width: 400px
	}
}

@media (width: 540px) and (height: 720px) {
	
	#maincart.container:nth-child(2) {
		width: 500px
	}
}

@media (width: 344px) and (height: 882px) {
	
	#maincart.container:nth-child(2) {
		width: 350px
	}
}
.btngotocheckout{
	display:inline-block;
	text-align: center;
	margin-top:3px !important;
	margin-bottom:3px !important;
}
.cartheader{
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	background: #4e9dc0;
	text-align:left;
	display: block;
	width:100%;
	color:#FFF;
}

.cartfooter{
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	background: #4e9dc0;
	text-align:left;
	display: block;
	width:100%;
	color:#FFF;
}
.cartremove{
	min-width:8px;
	width:10%;
	display: inline-block;
	cursor:pointer;
	background-image:url('/includes/images/cart-remove-item.png');
  	background-repeat:no-repeat;
  	background-size:contain;
  	background-position:center center;width:10%;height:25px;}

.cartremove:hover {
	filter: saturate(40%);
}
.cartlabel{
	
	min-width:45px;
	width:40%;
	display: inline-block;}
.cartlineitem{
	text-align:left;
	width:100%;
	display:block;
	font-weight: bold;
	}
.cartqty{
	min-width:20px;
	width:10%;
	display: inline-block;
	border-left: 1px solid white;
	border-right: 1px solid white;
	padding: 5px;
	}
.cartlinetotal{
	min-width:90px;
	width:10%;
	display: inline-block;}
.cartremoveheader{
	min-width:8px;
	width:10%;
	display: inline-block;}
.cartimg{
	min-width:8px;
	width:10% !important;
	max-width:30%;
	height: 100px !important;
	display: inline-block;
}
.cartheaderimg{
	min-width:8px;
	width:10%;
	max-width:10%;
	display: inline-block;
}

.cartheader, .cartfooter, .cartlineitem {
	width: 110%;
}

@media (min-width: 990px) {
.cartheader, .cartfooter, .cartlineitem {
	width: 100%;
}
}

@media (width: 344px) and (height: 882px) {
.cartheader, .cartfooter, .cartlineitem {
	width: 120%;
}
#maincart.container {
	scale: 85% !important;
}
}

/* cart */
.checkoutsection{
	border-left:#444 1px solid;
	border-right:#444 1px solid;
	
}
.cartcount{

 	/*margin-left:-10px;*/
 	background:#444;
 	border-radius:6px;
	padding:2px;
	color:#c8f9fa;
	z-index:999;
}
.motibutton.btngotocheckout {
	margin-left: 20px;
	margin-bottom: 10px !important;
	background: white;
	color: black;
	font-weight: bold;
	border: 0px;
	
}
.motibutton.btngotocheckout:hover {
	background: #082a46;
	color: white;
	border: 2px solid white;
}
.required{
	border-color:red;
	background-color:beige;
}
#checkout-billing{
	border-top-left-radius:12px !important;
	border-top-right-radius:12px;
}

/* Edit store */

.ui-tabs-nav  {
	background: #082a46 !important; 
	}
	
	.ui-tabs-tab.ui-corner-top.ui-tab {
		border: 1px solid white;
		border-bottom: 0px;
		background: #082a46 !important; 
	}
	
	.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-state-active {
		background: white !important;
	}
	
	.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-state-active * {
		color: black;
	}

	.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:hover * {
		color: black;
		background: #6b88a0;
	}

	.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover * {
		color: black;
		background: white;
	}

	#editmystore {
		overflow: auto;
		width: 1105.7px;
		width: 100%;
	}

	#store_pi {
		scale: 80%;
	}


	@media (max-width: 830px) {
		#edit-store-desc {
			
			width: 95%;
			position: relative;
			right: 10px;
		}

		
	}
	
	#editmystore::-webkit-scrollbar  {
		background: transparent;
		width: 15px;
			
	 }
	#editmystore::-webkit-scrollbar-track  {
		border-radius: 10px;
			margin: 20px;
	 }
	
	#editmystore::-webkit-scrollbar-thumb {
	background: #bbc7cb;
		border-radius: 10px;
	}

	#editmystore::-webkit-scrollbar-thumb:hover {
		background: #868f92;
			
		}

		@media (width: 414px) and (height: 896px), (width: 430px) and (height: 932px), (width: 412px) and (height: 915px), (width: 412px) and (height: 914px) {

			.ui-tabs .ui-tabs-nav li {
			width: 75px;
			height: 30px;
			font-size: 70%;
			
		}
		
			#myordertab .ui-tabs-nav li:first-child {
				width: 100px;
				font-size: 60%;
			}
		}

		@media (width: 375px) and (height: 667px), (width: 360px) and (height: 740px), (width: 390px) and (height: 844px), (width: 344px) and (height: 882px) {
			.ui-tabs .ui-tabs-nav li {
				width: 60px;
				height: 30px;
				font-size: 60%;
			}
		
			#myordertab .ui-tabs-nav li:first-child {
				width: 100px;
			}
		}

#billingfields, #shippingfields {
			border-bottom: 1px solid;
			border-radius: 10px;
		}

#billingfields * input, #shippingfields * input {
		
			border: .5px solid black;
		}

/* dashboard */
 
#dashboard{
	margin-top:75px;
	margin-left:25px;
}
#left-pane{
	max-width:20%!important;
}
/* Style the sidebar - fixed full height */
.sidebar {
  height: 100%;
  width: 160px;
  position: fixed;
  z-index: 1;
  top: 70;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  padding-top: 10px;
}

/* Style sidebar links */
.sidebar a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
}

/* Style links on mouse-over */
.sidebar a:hover {
  color: #f1f1f1;
}

/* Style the main content */
.main {
  margin-left: 160px; /* Same as the width of the sidenav */
  padding: 0px 10px;
}

/* Add media queries for small screens (when the height of the screen is less than 450px, add a smaller padding and font-size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 5px;}
  .sidebar a {font-size: 18px;}
}

 #contentsection{
 	position: absolute;
    top: 60px;
    width: 100%;
    height: 80%;
    overflow: visible;
 }

 .nivo-caption > .container > .row div >.card {
	transition: border 0.1s;
 }
 .nivo-caption > .container > .row div >.card:hover {
	border: 5px solid #598eb8;
}
.nivo-caption > .container > .row {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 767px) {
	.nivo-caption > .container > .row {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.nivo-caption > .container > .row div > .card {
		margin: 5px;
		width: 120%;
	}
}
@media (width: 540px) and (height: 720px) {
	.nivo-caption > .container > .row div > .card {
		margin: 5px;
		width: 85%;
	}
} 
@media (width: 430px) and (height: 932px) {
	.nivo-caption > .container > .row div > .card {
		margin: 5px;
		width: 150% !important;
	}
} 
@media (width: 412px) and (height: 914px) {
	.nivo-caption > .container > .row div > .card {
		margin: 5px;
		width: 140% !important;
	}
} 
@media (width: 375px) and (height: 667px) {
	.nivo-caption > .container > .row div > .card {
		margin: 5px;
		width: 130% !important;
	}
} 
@media (width: 280px) and (height: 653px) {
	.nivo-caption > .container > .row div > .card {
		margin: 5px;
		width: 170% !important;
	}
} 
 .fl-right{
 	position:absolute;
 	right:0px;
 }
 .moti-dash-button{
 	font-size:22pt;
 	height:100px;
 	cursor:pointer;
 	background-color:#f8f9fa!important;
 	border-radius: 12px; 
 	text-align:center;
 	padding-top:20px;
 	margin-top:5px;
 	border:#c8f9fa .5px solid;
 	
 }
 .nav-item:hover{
 	background-color:#c8f9fa!important;
 	color:white;
 }
 .moti-dash-button:hover{
 	border:#f8f9fa .5px solid;
 	background-color:#ababab!important;
 	color:white;
 }

 #myprofile div #my-dropzone {
	color: grey;
	position: relative;
		top: 70px;
		scale: 70%;
}
@media (max-width: 767px) {
	#myprofile div #my-dropzone {
		left: 400px;
		top: -120px;
		
	}
}

@media (max-width: 553px) {
	#myprofile div #profilepicture {
		position: relative;
		right: 100px;
	}
	#myprofile div #my-dropzone {
		left: 3000px;
		top: 80px;
	}
}

@media (width: 540px) and (height: 720px) {
	#myprofile div #my-dropzone {
		left: 300px;
		top: -100px;
	}
}

@media (max-width: 441px) {
	#myprofile div #profilepicture {
		position: relative;
		right: 0px ;
	}
	#myprofile div #my-dropzone {
		left: 60px;
	}
}

@media (width: 414px) and (height: 896px) {
	#myprofile div #profilepicture {
		margin-right: 20px;
	}
	#myprofile div #my-dropzone {
		position: relative;
		top: 60px;
	}
}

@media (width: 430px) and (height: 932px) {
	#myprofile div #profilepicture {
		position: relative;
		right: 200px;
		top: 100px;
	}
	#myprofile div #my-dropzone {
		left: 200px;
		top: 0px;
	}
}

@media (width: 412px) and (height: 915px) {
	#myprofile div #profilepicture {
		position: relative;
		right: 200px;
		top: 100px;
	}
	#myprofile div #my-dropzone {
		left: 200px;
		top: 0px;
	}
}

@media (width: 412px) and (height: 914px) {
	#myprofile div #profilepicture {
		position: relative;
		right: 200px;
		top: 100px;
	}
	#myprofile div #my-dropzone {
		left: 200px;
		top: 0px;
	}
}

@media (width: 280px) and (height: 653px) {
	#myprofile div #profilepicture {
		scale: 80%;
	}
	#myprofile div #my-dropzone {
		top: -120px;
		left: 100px;
		scale: 60%;
	}
	#myprofile div .motibutton {
		position: relative;
		left: 100px;
		bottom: 20px;
	}
	#myprofile div .motibutton {
		position: relative;
		left: 100px;
		bottom: 20px;
	}
}
#newstoreform ~ .motibutton {
	width: 100px;
	margin: 5px;
}
#newstoreform > div {
	margin: 15px;
}

@media (max-width: 730px) {
	.sceditor-container {
		width: 90% !important;
	}
}

@media (width: 1280px) and (height: 800px) {
	
	#myprofile {
		position: relative;
		top: 100px;
		left: 80px;
		width: 50%;
		height: 30%;
		scale: 130%;
	}
}

@media (width: 1024px) and (height: 1366px) {
	
	#myprofile {
		position: relative;
		top: 200px;
		left: 80px;
		width: 50%;
		height: 30%;
		scale: 140%;
	}
	#myprofile div #profilepicture {
		position: relative;
		right: 200px;
		top: 100px;
	}
	#myprofile div #my-dropzone {
		left: 200px;
		top: 0px;
	}
}

@media (width: 912px) and (height: 1368px) {
	
	#myprofile {
		position: relative;
		top: 200px;
		left: 80px;
		width: 50%;
		height: 30%;
		scale: 140%;
	}
	#myprofile div #profilepicture {
		position: relative;
		right: 200px;
		top: 100px;
	}
	#myprofile div #my-dropzone {
		left: 200px;
		top: 0px;
	}
}

@media (width: 853px) and (height: 1280px) {
	
	#myprofile {
		position: relative;
		top: 200px;
		left: 80px;
		width: 50%;
		height: 30%;
		scale: 140%;
	}
	#myprofile div #profilepicture {
		position: relative;
		right: 200px;
		top: 100px;
	}
	#myprofile div #my-dropzone {
		left: 200px;
		top: 0px;
	}
}

@media (width: 820px) and (height: 1180px) {
	
	#myprofile {
		position: relative;
		top: 200px;
		left: 80px;
		width: 60%;
		height: 30%;
		scale: 130%;
	}
	#myprofile div #profilepicture {
		position: relative;
		right: 200px;
		top: 100px;
	}
	#myprofile div #my-dropzone {
		left: 200px;
		top: 0px;
	}
}

@media (width: 768px) and (height: 1024px) {
	
	#myprofile {
		position: relative;
		top: 200px;
		left: 80px;
		width: 60%;
		height: 30%;
		scale: 130%;
	}
	#myprofile div #profilepicture {
		position: relative;
		right: 200px;
		top: 100px;
	}
	#myprofile div #my-dropzone {
		left: 200px;
		top: 0px;
	}
}


  /* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 45px;
}
.footer {
	padding:0px 0px;
  position: fixed!important;
  bottom: 25px;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 25px;
 /*   line-height: 60px;Vertically center the text there */
  background-color: #f5f5f5;
  z-index: 3;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 35px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}
.footer-area-bottom{
	padding:0px 0px !important;
}
.footer-icons {
    margin-top: 5px !important;
}
code {
  font-size: 80%;
}

.card{
	cursor:pointer;
}
.c-footer{
	position:absolute; 
	bottom:0;
	width:100%;
	text-align:center;
}