/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* insert styles here */
	.desktop{display: none;}
	.mobile{display: block;}
	.mobile-logo{width: 75px;margin-top: -10px;}

	.nav > li {
		font-size: 2rem !important;
		height: auto !important;
		text-transform: uppercase;
		padding: 15px 0px !important;
		cursor: pointer;
	}

	.vs-section h2 {
		left: 5% !important;
		display: block;
		height: 4rem !important;
		font-size: 4rem !important;
		margin-top: 30% !important;
	}

	.vs-vertical-nav{ opacity: 0.5;}

	.vs-section{background-position: calc(50% - 100px) 50%;}

	.productWrapper { max-height: 80% !important; top: 0px !important;}
	.productTitle {top: 0 !important;font-size: 18px !important; width: 90% !important; text-align: center; margin-left: 5%;}
	.descriptionTxt {position: absolute;width: 90%; margin: auto 5%; display: block;font-size: 11px;text-align: left;text-transform: uppercase;color: #ffffff;bottom: 10px;left: 0px;}
	.descriptionTxt .separator{display: none;}
	.descriptionTxt span{font-size:11px;}
	
	.descMaterial, .dimensions, .carat {width:100% !important; max-width: 100% !important;}


}

/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
    /* insert styles here */

}

/* (320x480) Smartphone, Landscape */
@media only screen and (device-width: 480px) and (orientation: landscape) {
    /* insert styles here */
}

/* (480x800) Android */
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
    /* insert styles here */
}

/* (640x960) iPhone 4 & 4S */
@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    /* insert styles here */
}

/* (720x1280) Galaxy Nexus, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */

	.desktop{display: block;}
	.mobile{display: none;}

}

/* (720x1280) Galaxy Nexus, Landscape */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {
    /* insert styles here */
}

/* (1024x768) iPad 1 & 2, XGA */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* insert styles here */
}

/* (768x1024) iPad 1 & 2, Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* insert styles here */
}

/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* insert styles here */
}

/* (2048x1536) iPad 3 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
}

/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */



}

/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
    /* insert styles here */

	.productWrapper {
		max-height: 400px;
		max-width: 850px;
	}

	.productContainer{
		max-height: 300px;
		max-width: 300px;
		margin: auto auto;
		display: flex;
		margin-top: 70px;
	}

	.productContainer img{
		height: 300px;
		width: 300px;
	}


	.productTitle{top: 90px;}

	/* Rajesh Poply Page */
	.rp_wrapper{margin-top: 240px; display: table;}
	.rp_container{display: block; margin: auto; text-align: center; width: 100%; height: auto;}
	.rp-photo{position: relative;top: 0;left: 0;}

}

/* (1280x1024) SXGA Display */
@media  screen and (max-width: 1280px) {
    /* insert styles here */

}

/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
    /* insert styles here */

}

/* (1680x1050) WSXGA+ Display */
@media  screen and (max-width: 1680px) {
    /* insert styles here */
}

/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) {
    /* insert styles here */
}

/* (1600x900) HD+ Display */
@media  screen and (max-width: 1600px) {
    /* insert styles here */
}




@media screen and ( max-height: 768px ){
	.mainHeader .mainLogo{padding: 0;}
	.mainLogo{height: 80px;}

	.img75percent{
		-moz-transform:scale(0.50);
		-webkit-transform:scale(0.50);
		transform:scale(0.50);
	}

	.nav > li {
		margin-right: 20px;
		font-size: 1.7rem !important;
		height: 1.2rem;
		text-transform: uppercase;
		padding: 5px 5px;
		cursor: pointer;
	}
	.dropdown-content{font-size: 1.2rem;top: 14px;}

	.vs-slider {height: 95vh;}
    .rp_footer{height: 5vh;}
	.rp_footer p{line-height: 5vh;}
	.social{line-height: 0px;}

	.productWrapper{max-height: 450px; top: 60px;}
	.productTitle{top: 60px !important; font-size: 22px;}

	
	.descriptionTxt {font-size: 12px;bottom: 0px;}





}

@media  screen and (max-width: 767px) {
    /* insert styles here */
	.popley #prd1{
		background-image:none !important;
		    height: 100vh;
	}
	.popley .rajeshPoply_txtContainer{ max-width: 80%;padding-left: 15px; }
	
	.popley .rajeshPoply_txtContainer .rajesh-txt {font-size: 13px;}
	
	.popley #prd2{
		background-image:none !important;
		    height: 100vh;
	}
}