div#pslider {
	width:100%;
	position:relative;
	height:250px;
	padding:1%;
	margin-bottom:55px;
}
div.pslider { 
	width:100%;
	margin:0 auto;
	height:250px;
	border-radius:20px;
	text-align:center;
	position:relative;
}
div.pslider ul li { 
	padding-left:10%;
	padding-right:10%;
	padding-top:1%;
	background:rgba(255,255,255, 0.7);
	width:100%;
	height:250px;
    position: absolute;
	top: 0;
	left: 0;
    display: none;
	overflow:hidden;
	border-radius:20px;
	color:white;
	
}
div.pslider ul li:nth-child(1) { 
	display:block;
}

div.pslider ul li h4{
	line-height:28px;
	padding-left:0px;
	text-align:justify;
	color:grey;
	opacity:1;	
	font:bold 18px 'Roboto', sans-serif;	
}
div.pslider ul li p,
div.pslider ul li a,
div.pslider ul li hr {
	line-height:40px;
	padding-left:0px;
	text-align:justify;
	color:grey;
	opacity:1;
	font:normal 16px 'Roboto', sans-serif;
}
div.pslider ul li figure {
	display:inline-block;
	float:left;
	width:20%;
}
div.pslider ul li figure img {
	border-radius:5px;
	padding:2px;
	width:80%;
	background:white;
}

div.next,
div.prew { 
	position:absolute; 
	top:55px;
	width:60px;
	height:60px;
 
}
 div.next {
	right:20px;
	
 }
  div.prew {
	left:20px; 
 }
 
 
 
  

/*============================================================ 
	Responsive Styles
 ============================================================*/

/*============================================================
	For Small Desktop
==============================================================*/

@media (min-width: 980px) and (max-width: 1280px) {
div#pslider {
	width:100%;
	position:relative;
	height:250px;
	padding:1%;
	margin-bottom:55px;
}
div.pslider { 
	width:100%;
	margin:0 auto;
	height:250px;
	border-radius:20px;
	text-align:center;
	position:relative;
}
div.pslider ul li { 
	padding-left:10%;
	padding-right:10%;
	padding-top:1%;
	background:rgba(255,255,255, 0.7);
	width:100%;
	height:auto;
    position: absolute;
	top: 0;
	left: 0;
    display: none;
	overflow:hidden;
	border-radius:20px;
	color:white;
	
}
div.pslider ul li:nth-child(1) { 
	display:block;
}

div.pslider ul li h4{
	line-height:28px;
	padding-left:0px;
	text-align:justify;
	color:grey;
	opacity:1;	
	font:bold 16px 'Roboto', sans-serif;	
}
div.pslider ul li p,
div.pslider ul li a,
div.pslider ul li hr {
	line-height:35px;
	padding-left:0px;
	text-align:justify;
	color:grey;
	opacity:1;
	font:normal 15px 'Roboto', sans-serif;
}
div.pslider ul li figure {
	display:inline-block;
	float:left;
	width:40%;
}
div.pslider ul li figure img {
	border-radius:5px;
	padding:2px;
	width:80%;
	background:white;
}

div.next,
div.prew { 
	position:absolute; 
	top:60px;
	width:50px;
	height:50px;
 
}
 div.next {
	right:10px;
	
 }
  div.prew {
	left:10px; 
 }

		
		
}

/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/

@media (min-width: 768px) and (max-width: 979px) {
div#pslider {
	width:100%;
	position:relative;
	height:250px;
	padding:1%;
	margin-bottom:55px;
}
div.pslider { 
	width:100%;
	margin:0 auto;
	height:250px;
	border-radius:20px;
	text-align:center;
	position:relative;
}
div.pslider ul li { 
	padding-left:10%;
	padding-right:10%;
	padding-top:1%;
	background:rgba(255,255,255, 0.7);
	width:100%;
	height:auto;
    position: absolute;
	top: 0;
	left: 0;
    display: none;
	overflow:hidden;
	border-radius:20px;
	color:white;
	
}
div.pslider ul li:nth-child(1) { 
	display:block;
}

div.pslider ul li h4{
	line-height:28px;
	padding-left:0px;
	text-align:justify;
	color:grey;
	opacity:1;	
	font:bold 16px 'Roboto', sans-serif;	
}
div.pslider ul li p,
div.pslider ul li a,
div.pslider ul li hr {
	line-height:35px;
	padding-left:0px;
	text-align:justify;
	color:grey;
	opacity:1;
	font:normal 15px 'Roboto', sans-serif;
}
div.pslider ul li figure {
	display:inline-block;
	float:left;
	width:40%;
}
div.pslider ul li figure img {
	border-radius:5px;
	padding:2px;
	width:80%;
	background:white;
}

div.next,
div.prew { 
	position:absolute; 
	top:60px;
	width:50px;
	height:50px;
 
}
 div.next {
	right:10px;
	
 }
  div.prew {
	left:10px; 
 }

	

	}

/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

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

div#pslider {
	width:100%;
	position:relative;
	height:250px;
	padding:1%;
	margin-bottom:55px;
}
div.pslider { 
	width:100%;
	margin:0 auto;
	height:250px;
	border-radius:20px;
	text-align:center;
	position:relative;
}
div.pslider ul li { 
	padding-left:10%;
	padding-right:10%;
	padding-top:1%;
	background:rgba(255,255,255, 0.7);
	width:100%;
	height:auto;
    position: absolute;
	top: 0;
	left: 0;
    display: none;
	overflow:hidden;
	border-radius:20px;
	color:white;
	
}
div.pslider ul li:nth-child(1) { 
	display:block;
}

div.pslider ul li h4{
	line-height:28px;
	padding-left:0px;
	text-align:justify;
	color:grey;
	opacity:1;	
	font:bold 16px 'Roboto', sans-serif;	
}
div.pslider ul li p,
div.pslider ul li a,
div.pslider ul li hr {
	line-height:35px;
	padding-left:0px;
	text-align:justify;
	color:grey;
	opacity:1;
	font:normal 15px 'Roboto', sans-serif;
}
div.pslider ul li figure {
	display:inline-block;
	float:left;
	width:40%;
}
div.pslider ul li figure img {
	border-radius:5px;
	padding:2px;
	width:80%;
	background:white;
}

div.next,
div.prew { 
	position:absolute; 
	top:60px;
	width:50px;
	height:50px;
 
}
 div.next {
	right:10px;
	
 }
  div.prew {
	left:10px; 
 }

	


	
	}

 

/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 80px) and (max-width: 767px) {
div#pslider {
	width:100%;
	position:relative;
	height:250px;
	padding:1%;
	margin-bottom:55px;
}
div.pslider { 
	width:100%;
	margin:0 auto;
	height:250px;
	border-radius:20px;
	text-align:center;
	position:relative;
}
div.pslider ul li { 
	padding-left:10%;
	padding-right:10%;
	padding-top:1%;
	background:rgba(255,255,255, 0.7);
	width:100%;
	height:auto;
    position: absolute;
	top: 0;
	left: 0;
    display: none;
	overflow:hidden;
	border-radius:20px;
	color:white;
	
}
div.pslider ul li:nth-child(1) { 
	display:block;
}

div.pslider ul li h4{
	line-height:28px;
	padding-left:0px;
	text-align:justify;
	color:grey;
	opacity:1;	
	font:bold 16px 'Roboto', sans-serif;	
}
div.pslider ul li p,
div.pslider ul li a,
div.pslider ul li hr {
	line-height:35px;
	padding-left:0px;
	text-align:justify;
	color:grey;
	opacity:1;
	font:normal 15px 'Roboto', sans-serif;
}
div.pslider ul li figure {
	display:block;
	float:left;
	width:100%;
}
div.pslider ul li figure img {
	border-radius:5px;
	padding:2px;
	width:80%;
	background:white;
}

div.next,
div.prew { 
	position:absolute; 
	top:100px;
	width:50px;
	height:50px;
 
}
 div.next {
	right:10px;
	
 }
  div.prew {
	left:10px; 
 }

		
	

}