.cart-section {
    width: 15%;
    flex: 0 0 15%;
    padding-left: 15px;
}
.shopingcart {
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}
.cart-section a {
    color: #242424;
    transition: all 0.5s ease 0s;
    position: relative;
    font-size: 14px;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    line-height: 30px;
}
.noofitem {
    position: absolute;
    top: -5px;
    left: 28px;
    font-family: 'roboto-black';
    color: #fff;
}
.scpopup {
    padding-right: 40px;
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background: #FFF;
    z-index: 100;
    padding: 15px;
    display: none;
    box-shadow: -5px 0 5px -5px #333;
    overflow: auto;
}
.scpopup-close {
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
}
    .scpopup-close img {
        width: 100%;
        height: auto;
        border: none;
        padding: 2px;
    }

.scpopup .shopinglist h2 {
    border-bottom: 1px solid;
    padding: 10px;
    font-size: 20px !important;
    font-family: 'roboto-black';
    border-bottom: 1px dotted #d5d5d5;
    color: #EB2121;
}
.scpopup .shopinglist .itemrow {
    width: 100%;
    float: left;
    border-bottom: 1px solid #F2F2F2;
    padding-top: 5px;
    padding-bottom: 10px;
}
.scpopup .shopinglist .itemrow a.checkout {
    background: #373737;
    display: inline-block;
    padding: 8px 20px;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-size: 21px;
    border-radius: 4px;
    transition: all 0.5s ease 0s;
}

.scpopup .shopinglist .itemrow img {
    max-width: 100%;
    height: auto;
    border: 1px solid #F5F5F5;
}

.scpopup .shopinglist .itemrow a.checkout {
    background: #373737;
    display: inline-block;
    padding: 8px 20px;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-size: 21px;
    border-radius: 4px;
    transition: all 0.5s ease 0s;
}

.scpopup .shopinglist .itemrow a.checkout:hover {
    background: #EB2121;
    transition: all 0.5s ease 0s;
}

.productdesc1 h3{font-family: 'montserratmedium'; margin-top:0px; color:#333333;}
.productreview{width:100%; float:left;}
.productreview span{ display:inline-block; color:#333333; margin-right:10px; margin-bottom:15px;}
.productreview span.reviewSeparator{color:#E5E5E5;}
.productreview span.productstar{color:#E5E5E5;}
.productreview span.productstar .fa{margin-right:2px;}
.productreview span.productstar i.activestar{color:#333333;}
.productdesc1-text{}
.productdesc1-text p{color:#333333;}
.stockleft{width:100%; float:left; color:#333333;}
.phline{width:100%; height:1px; float:left; background:#F5F5F5; margin-top:15px; margin-bottom:15px;}

.PPricepanel{width:100%; float:left;}
.PPrice{ font-family: 'montserratmedium'; font-size:21px; margin:0; color:#30A5FF; margin-bottom:15px;}
.PPrice span{color:#333333; text-decoration:line-through; margin-left:15px; font-size:18px!important;}
.productstock{width:100%; float:left; color:#BBBBBB; text-align:right;margin-bottom:15px;}

.productsizepanel{width:100%; float:left; margin-bottom:25px; }
.productsize{width:100%; float:left; }
.productsize label{display:block;}
.productsize select{width:100%; height:40px; max-width:150px; 
-webkit-appearance: none!important;
-moz-appearance: none!important;
-ms-appearance: none!important;
-o-appearance: none!important;
appearance: none!important;
background:transparent url(../images/open.png) 96% center no-repeat; 
text-indent: 0.01px;
text-overflow: "";
vertical-align:middle;
padding:3px;  
color:#333333; 
text-transform:uppercase;
border:1px solid #E5E5E5;  
}
.productsize select option{ color:#333;  font-family: 'roboto-regular'; font-family:14px;}
.productcolor{width:100%; float:left;margin-bottom:15px; padding-top:10px;}
.pcolorpanel{width:100%; float:left; display:flex}
.colorbox{ width:35px; height:35px; margin-left:5px; margin-right:5px; }
.pcolor01{ background:#30A5FF}
.pcolor02{ background:#647D82}
.pcolor03{ background:#EB4583}
.pcolor04{ background:#FFEDC9}
.cartbut{ padding:10px 25px; background:#30A5FF; color:#FFF; font-size:18px; display:inline-block; transition: all 0.5s ease 0s; }
.cartbut:hover{background:#242424; text-decoration:none; color:#FFF;}

.quantity {
  position: relative;

}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.quantity input {
  width: 65px;
  height: 40px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #DDDDDD;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 40px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  /*border-left: 1px solid #eee;*/
  width: 23px;
  text-align: center;
  color: #333;
  font-size: 13px;
 
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background:#F5F5F5;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  left:28px;
 /* border-bottom: 1px solid #eee;*/
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
   left:28px;
  height: 50%;
}



.WCSpanel{ width:100%; display:flex}
.WCSpanel div{ padding:10px;}
.WCSpanel div:first-child{ padding-left:0px;}
.WCSpanel div i.fa{ width:35px; height:35px; background:#F5F5F5; text-align:center; line-height:35px; border-radius:100%; margin-right:5px; color:#333333; transition: all 0.5s ease 0s;}
.WCSpanel div:hover i.fa{ background:#30A5FF; color:#FFF;}
.WCSpanel div a{color:#333333; text-decoration:none;}
.WCSpanel div:hover a{ color:#30A5FF;}



.checkboxpanel{}
.checkboxpanel span{padding-right:15px;}
.checkboxpanel [type=checkbox]:checked, .checkboxpanel [type=checkbox]:not(:checked) {
	position: absolute;
	left: -9999px;
	opacity: 0
}
.checkboxpanel [type=checkbox] {
}
.checkboxpanel [type=checkbox]+label {
position:relative;
padding-left:26px;
cursor:pointer;
display:inline-block;
height:25px;
line-height:21px;
font-size:1rem;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
font-size:14px;
font-weight:normal;
color:#67757c;
}
.checkboxpanel [type=checkbox]+label:before, [type=checkbox]:not(.filled-in)+label:after {
content:'';
position:absolute;
top:0;
left:0;
width:18px;
height:18px;
z-index:0;
border:2px solid #009efb;
border-radius:1px;
margin-top:2px;
-webkit-transition:.2s;
-o-transition:.2s;
transition:.2s
}
.checkboxpanel [type=checkbox]:not(.filled-in)+label:after {
	border: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}
.checkboxpanel [type=checkbox]:not(:checked):disabled+label:before {
	border: none;
	background-color: rgba(0, 0, 0, 0.26)
}
.checkboxpanel [type=checkbox].tabbed:focus+label:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	border: 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
	background-color: rgba(0, 0, 0, 0.1)
}
.checkboxpanel [type=checkbox]:checked+label:before {
	top: -4px;
	left: -5px;
	width: 12px;
	height: 22px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #009efb;
	border-bottom: 2px solid #009efb;
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}
.checkboxpanel [type=checkbox]:checked:disabled+label:before {
	border-right: 2px solid rgba(0, 0, 0, 0.26);
	border-bottom: 2px solid rgba(0, 0, 0, 0.26)
}

.checkboxpanel [type=radio]:checked, .checkboxpanel [type=radio]:not(:checked) {
	position: absolute;
	left: -9999px;
	opacity: 0
}
.checkboxpanel [type=radio]:checked+label, .checkboxpanel [type=radio]:not(:checked)+label {
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	font-size: 1rem;
	-webkit-transition: .28s ease;
	-o-transition: .28s ease;
	transition: .28s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.radioboxpanel{}
.radioboxpanel [type=radio]:not(:checked) {
	position: absolute;
	left: -9999px;
	opacity: 0
}
.radioboxpanel [type=radio]:not(:checked)+label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	 
	-webkit-transition: .28s ease;
	-o-transition: .28s ease;
	transition: .28s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size:14px;
	font-weight:normal;
}


.radioboxpanel span{padding-right:15px;}
.radioboxpanel [type=radio]:checked {
	position: absolute;
	left: -9999px;
	opacity: 0
}

.radioboxpanel [type=radio]+label:after, .radioboxpanel [type=radio]+label:before {
content:'';
position:absolute;
left:0;
top:0;
margin:4px;
width:16px;
height:16px;
z-index:0;
-webkit-transition:.28s ease;
-o-transition:.28s ease;
transition:.28s ease;
 
}
.radioboxpanel [type=radio]:checked+label {
	position: relative;
	padding-left:25px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	 
	-webkit-transition: .28s ease;
	-o-transition: .28s ease;
	transition: .28s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size:14px;
	font-weight:normal;
}


.radioboxpanel [type=radio].with-gap:checked+label:after, .radioboxpanel [type=radio].with-gap:checked+label:before, .radioboxpanel [type=radio]:checked+label:after, .radioboxpanel [type=radio]:checked+label:before, .radioboxpanel [type=radio]:not(:checked)+label:after, .radioboxpanel [type=radio]:not(:checked)+label:before {
	border-radius: 50%
}
.radioboxpanel [type=radio]:not(:checked)+label:after, .radioboxpanel [type=radio]:not(:checked)+label:before {
	border: 2px solid #009efb
}
.radioboxpanel [type=radio]:not(:checked)+label:after {
	z-index: -1;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}
.radioboxpanel [type=radio]:checked+label:before {
	border: 2px solid transparent;
	-webkit-animation: ripple 0.2s linear forwards;
	animation: ripple 0.2s linear forwards
}
.radioboxpanel [type=radio].with-gap:checked+label:after, .radioboxpanel [type=radio].with-gap:checked+label:before, [type=radio]:checked+label:after {
	border: 2px solid #009efb
}
.radioboxpanel [type=radio].with-gap:checked+label:after, .radioboxpanel [type=radio]:checked+label:after {
	background-color: #009efb;
	z-index: 0
}
.radioboxpanel [type=radio]:checked+label:after {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}
.radioboxpanel [type=radio].with-gap:checked+label:after {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5)
}
.radioboxpanel [type=radio].tabbed:focus+label:before {
	-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-animation: ripple 0.2s linear forwards;
	animation: ripple 0.2s linear forwards
}
.radioboxpanel [type=radio].with-gap:disabled:checked+label:before {
	border: 2px solid rgba(0, 0, 0, 0.26);
	-webkit-animation: ripple 0.2s linear forwards;
	animation: ripple 0.2s linear forwards
}
.radioboxpanel [type=radio].with-gap:disabled:checked+label:after {
	border: none;
	background-color: rgba(0, 0, 0, 0.26)
}
.radioboxpanel [type=radio]:disabled:checked+label:before, .radioboxpanel [type=radio]:disabled:not(:checked)+label:before {
	background-color: transparent;
	border-color: rgba(0, 0, 0, 0.26);
	-webkit-animation: ripple 0.2s linear forwards;
	animation: ripple 0.2s linear forwards
}
.radioboxpanel [type=radio]:disabled+label {
	color: rgba(0, 0, 0, 0.26)
}
.radioboxpanel [type=radio]:disabled:not(:checked)+label:before {
	border-color: rgba(0, 0, 0, 0.26)
}
.radioboxpanel [type=radio]:disabled:checked+label:after {
	background-color: rgba(0, 0, 0, 0.26);
	border-color: #BDBDBD
}

@media only screen and (max-width:575px) {
    
    .cart-section {
        margin-right: 50px;
    }
}