/*Version : 0.7*/
.numberR { position: relative; bottom: 10px; right: -100px; }
.numberR1 { position: relative; bottom: -1px; right: -100px;}
.numberL { position: relative; bottom: -1px; right: 100px; }
.numberL1 { position: relative; bottom: -1px; right: 100px; }

.grid_container_cust{ margin: 25px 25px 25px -10px; }
.main{ margin-bottom: 5px; margin-left: 0px; }
.img_cust{ width: 110px; height: 147px; }
.img_cust1{ width: 125px; border: none!important; }
.img_title {
	color: #000000; 
	width: 100%;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	font-weight: normal;
    padding: 7px 0px;
}
.img_main { display: inline-block; padding-bottom: 15px;}

.fig {
	display: inline-block;
	margin: 0;
	position: relative;
	border: 1px solid #ddd;
    border-radius: 4px;
	padding: 5px;
	margin-bottom: 5px;
}

figcaption {
	position: absolute;
	bottom: 3px;
    padding: 1px 0px 1px 0px;
    left: 0;
	/*background-color: #EEEEEE;*/
    width: 100%;
	color: #000000;
    font-weight: bold;
}
/* ----------- Windows Phone ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 480px) and (max-device-height: 800px) {

}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
	.numberR { bottom: 10px; right: -100px; }
	.numberR1 { margin-bottom: 15px;}
	.numberL { bottom: -1px; right: 100px; }
	.numberL1 { bottom: -1px; right: 100px; }
	.grid_container_cust{ margin: 25px 25px 25px 30.5px; }
	
	.img_cust{ width: 130px; height: 180px; }
	.img_cust1{ width: 140px; }
	.fig { height: 210px; }
	
	/*For page and artical text on mobile article view*/
	.mobArtText{ display: none; }
	.mobPage{ display: none; }
	.mobPg{ display: inline-block; }
	/*End*/
}

/* Landscape */
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
	.numberR { bottom: 10px; right: -100px; }
	.numberR1 { margin-bottom: 0px;}
	.numberL { bottom: -1px; right: 100px; }
	.numberL1 { bottom: -1px; right: 100px; }
	.grid_container_cust{ margin: 25px -30px 25px -35px; }
	
	.img_cust1{ width: 140px; }
	.img_main { width: 115px; }
	
	/*For page and artical text on mobile article view*/
	.mobArtText{ display: none; }
	.mobPage{ display: none; }
	.mobPg{ display: inline-block; }
	/*End*/
}

/* ---------- Windows Phone End ---------- */

/* ----------- Google Pixel ----------- */

/* Portrait and Landscape */
@media only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
	/*For page and artical text on mobile article view*/
	.mobArtText{ display: none; }
	.mobPage{ display: none; }
	.mobPg{ display: inline-block; }
	/*End*/	
}

/* Landscape */
/* @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) { */
@media only screen and (min-device-width: 360px) and (max-device-width: 740px) and (orientation: landscape) {
	.grid_container_cust{ margin: 25px -10px 25px -10px; }
	.img_cust1{ width: 140px; }
	.img_main { width: 135px; }
	.img_cust { width: 125px; height: 175px; }
	.fig { height: 205px; }
	figcaption{ top: 185px; }
		
	/*For page and artical text on mobile article view*/
	.mobArtText{ display: inline-block; }
	.mobPage{ display: inline-block; }
	.mobPg{ display: none; }
	/*End*/
}

/* ----------- Google Pixel XL Start----------- */

/* Portrait and Landscape */
@media only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {

}

/* Portrait */
@media only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
	
}

/* Landscape */
@media only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
	
}
/* ----------- Google Pixel XL End----------- */

/* ----------- iPhone ----------- */

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.grid_container_cust{ margin: 25px -25px 25px -25px; }
	
	.img_cust1{ width: 140px; }
	.img_main { width: 135px; }
	.img_cust { width: 125px; height: 175px; }
	.fig { height: 204px; }
	figcaption{ top: 184px; }
	
	/*For page and artical text on mobile article view*/
	.mobArtText{ display: none; }
	.mobPage{ display: none; }
	.mobPg{ display: inline-block; }
	/*End*/
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.grid_container_cust{ margin: 25px -25px 25px -25px; }
	.img_cust1{ width: 140px; }
	.img_main { width: 100px; }
	.img_cust { width: 87px; height: 125px; }
	.fig { height: 155px; }
	
	/*For page and artical text on mobile article view*/
	.mobArtText{ display: none; }
	.mobPage{ display: none; }
	.mobPg{ display: inline-block; }
	/*End*/
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and  (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.grid_container_cust { margin: 25px -23px 25px -25px; }
	
	/*For page and artical text on mobile article view*/
	.mobArtText{ display: none; }
	.mobPage{ display: none; }
	.mobPg{ display: inline-block; }
	/*End*/
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.numberR1 { margin-bottom: 15px;}
	
	/*For page and artical text on mobile article view*/
	.mobArtText{ display: none; }
	.mobPage{ display: none; }
	.mobPg{ display: inline-block; }
	/*End*/
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { 
	
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
	
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
	.grid_container_cust{ margin: 25px -23px 25px -25px; }
	.img_cust1{ width: 140px; }
	.img_main { width: 100px; }
	.img_cust { width: 90px; height: 130px; }
	.fig { height: 160px; }
	figcaption{ top: 140px; }
	
	/*For page and artical text on mobile article view*/
	.mobArtText{ display: none; }
	.mobPage{ display: none; }
	.mobPg{ display: inline-block; }
	/*End*/
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { 
	
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { 
	
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 
	
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) { 
	
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { 
	
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 
	
}

/* ----------- iPhone End ----------- */

/* ----------- iPad ----------- */

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.grid_container_cust{ margin: 25px -10px 25px -10px; }
	.img_cust1{ width: 140px; }
	.img_main { width: 157px; }
	.img_cust { width: 145px; height: 195px; }
	.fig { height: 225px; }
	figcaption{ top: 204px; }
	
	/*For page and artical text on mobile article view*/
	.mobArtText{ display: inline-block; }
	.mobPage{ display: inline-block; }
	.mobPg{ display: none; }
	/*End*/
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.grid_container_cust{ margin: 25px -80px 25px -80px }
	.img_cust1{ width: 140px; }
	.img_main { width: 140px; }
	.img_cust { width: 130px; height: 190px; }
	.fig { height: 220px; }
	figcaption{ top: 200px; }
	
	/*For page and artical text on mobile article view*/
	.mobArtText{ display: inline-block; }
	.mobPage{ display: inline-block; }
	.mobPg{ display: none; }
	/*End*/
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen and (min-device-width: 800px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	.grid_container_cust { margin: 25px 25px 25px 40px; }
	
	/*For page and artical text on mobile article view*/
	.mobArtText{ display: inline-block; }
	.mobPage{ display: inline-block; }
	.mobPg{ display: none; }
	/*End*/
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
	.grid_container_cust { margin: 25px 25px 25px -75px; }
	/*For page and artical text on mobile article view*/
	.mobArtText{ display: inline-block; }
	.mobPage{ display: inline-block; }
	.mobPg{ display: none; }
	/*End*/
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	.grid_container_cust { margin: 25px 25px 25px -5px; }
	.fig { height: 180px; }
	figcaption{ top: 160px; }
}

/*add by vijaykumar on 17 oct 2019 for arrange mobile grid view on ipad pro portrait view*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 2048px) and (min-device-width: 1668px) and (orientation: portrait){
	.img_cust {
		width: 130px;
		height: 190px;
	}
}
/* ----------- iPad End ----------- */