body{
	background:black;
}


.upush{
	width:100%;
	height:30vh;
}
.ecommerce{
	margin:10px auto;
}

.ecommerce .col2{
	flex-basis:48%;
	min-width:250px;
}

.ecommerce .col2 > .col2imgbox{
	position:relative;
	max-width:400px;
	padding:10px;
}

.ecommerce .col2 > .col2imgbox img{
	width:100%;
}

.ecommerce .col2 h2{
	color:#FAE6BE;
	text-shadow:1px 0px 6px red;
	margin:none;
}

.ecommerce .col2 h3{
	color:#FAE6BE;
	margin:none;
}

.ecommerce .col2 > .cpybtn{
	transition: background 0.3s linear 0.1s, color 0.3s linear 0.1s;
	padding:6px 18px;
	box-shadow:0px 0px 9px 1px red;
	border-radius:8px;
	cursor:pointer;
	font-weight:600;
	text-decoration:none;
	color:red;
	background:#FAE6BE;
	max-width:30%;
}

.ecommerce .col2 > .cpybtn:hover{
	background: red;
	color: #FAE6BE;
}

.ecommerce .col2 h3 span img{
	width:30px;
}

.ecommerce .col2 a img{
	width:30px;
}

.ecommerce .col2 img{
	width:100%;
	border-radius:6px;
	
}

.ecommerce .col2 .pkbtn{
	transition: background 0.6s linear 0.3s,color 0.6s linear 0.3s;
	padding:8px 24px;
	box-shadow:0px 0px 9px 1px red;
	border-radius:12px;
	cursor:pointer;
	font-weight:600;
	text-decoration:none;
	color:red;
	background:#FAE6BE;
	
}

.ecommerce h1{
	font-size:2.6rem;
	text-shadow:1px 0px 6px red;
	color:#FAE6BE;
	text-align:center;
	margin:none;
}

.banner{
	border-radius:12px;
	width:50%;
}

.banner img{
	width:100%;
	padding:10px;
}

.ecommerce .qikdetails{
	position:relative;
	top:-80px;
	margin: 0px auto;
	text-align:center;

	background:rgba(0,0,0,0.86);

	border-radius:12px;
	box-shadow:0px 0px 9px 1px red;
}

.ecommerce .qikdetails h1{
	font-size:2rem;
	line-height:0px;
	text-shadow:1px 0px 6px red;
	color:#FAE6BE;
}

.ecommerce .qikdetails h2{
	
	text-shadow:1px 0px 6px red;
	color:#FAE6BE;
}

.ecommerce .qikdetails a{
	transition: background 0.6s linear 0.3s,color 0.6s linear 0.3s;
	padding:4px 16px;
	box-shadow:0px 0px 9px 1px red;
	border-radius:12px;
	cursor:pointer;
	font-weight:600;
	text-decoration:none;
	color:red;
}

.ecommerce .qikdetails a:hover{
	background: red;
	color: black;
	font-weight:600;
}

.ecommerce .row{
	display:flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;
}

.ecommerce .row .col4{
	flex-basis:20%;
	min-width:250px;
	transition: box-shadow 0.3s linear 0.1s, padding 0.3s linear 0.1s;
	border-radius:9px;
	cursor:pointer;
}

.ecommerce .row .col4:hover{
	box-shadow:0px 0px 9px 1px red;
	padding:6px;
	
}

.ecommerce .row .col4 img{
	width:200px;
	height:200px;
	border-top-left-radius:9px;
	border-top-right-radius:9px;
}

.ecommerce .row .col4 h2{
	color:#FAE6BE;
	text-align:center;
}

.ecommerce .row .col4 p{
	color:#FAE6BE;
	text-align:center;
}

.ecommerce .row .col4 p a{
	
	color:red;
	padding:6px 25px;
	text-decoration:none;
	font-weight: 600;
	border-radius:18px;
	transition: background 0.3s linear 0.1s, color 0.3s linear 0.1s, box-shadow 0.3s linear 0.1s;
}

.ecommerce .row .col4 p a:hover{
	box-shadow:0px 0px 9px 1px red;
	background:red;
	color:black;
}

.hostelmanage{
	position:relative;
	top:50vh;
	width:100%;
	height:30vh;
	border:2px solid black;
}


@media screen and (max-width: 470px) {
	.ecommerce .col2 > .cpybtn{
		max-width:80%;
	}
}