/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 1280px) {
		
}

@media only screen and (min-width: 1900px){
	.shreehari-bg { height:100% }
}
@media only screen and (max-width: 1137px){
	.wrap { width:100%; }
}
@media only screen and (max-width: 1199px){
	.main-content .left-content { max-width:64%; }
	.main-content .right-content { max-width:36%; }
	.get-btn { margin-left:160px }

	
}
@media only screen and (max-width: 1280px){
	.logo { margin:12px 0 }
	.image-content li { margin-top:46px; }
	.shreehari-bg { height:100% }
	.get-btn { margin-top:15px }
}
@media only screen and (max-width: 1366px){
	.logo { margin:25px 0 }
	.image-content li { margin-top:26px; }
	.main-content .right-content { padding:0 }
}
/*==========================================================================================================*/

@media only screen and (max-width: 1123px) {
	body { min-width:320px; }
	img{ max-width: 100%; width:auto; height:auto; }
	.wrap { width:auto; padding:0 20px; }
	.main-content { margin-top:10%; }
	.main-content .left-content { max-width:50%; }
	.main-content .right-content { max-width:50%; }
	.tag-line li:nth-of-type(2) { margin:0 }
	.tag-line li:nth-of-type(3) { margin:0 }
	.tag-line li h2 { font-size:20px; }
	.get-btn { margin:0 }
} 

/*==========================================================================================================*/
@media only screen and (max-width: 800px) {
	.tag-line li h2 span { display:block }
	.image-content li { width:100%; }
	.image-content li:nth-of-type(3), .image-content li:nth-of-type(2), .image-content li:nth-of-type(4) { margin-left:0 }
	.image-content li figure {  max-width: 100px;  width: 100%;  text-align: center;  display: block;  margin: 0 auto;}
	.image-content li h3 { width:100%; float:none; text-align:center; margin:0; padding:15px 0 0 0 }
	.shreehari-bg { height:100% }
}
@media only screen and (max-width: 768px) {
	.main-content { margin-top:0%; }
	.tag-line li h2 {    padding: 16px 20px; }
	.main-content .left-content { padding-top:85px; }
	.main-content .left-content { max-width:100%; }
	.main-content .right-content { max-width:100%; }
	.shreehari-bg { background-position:center center }
	.tag-line { float:none; margin-left:0; }
	.tag-line li h2 span { display:inline-block }
	.get-btn {  margin:20px 0 0 0;  text-align: center;  width: 100%;}
	.image-content li { float:left; width:20%; }
	.image-content li h3 { font-size:15px }
	.main-content .left-content { padding-top:25px; }
	.image-content li a {text-indent: 18px;}
	
}
/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	 
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	
	
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {
	
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	.shreehari-bg  { height:auto }
	.main-content .left-content { padding:0 }
	.logo { width:150px; text-align:center; margin:15px auto }
	.image-content li { width:50% }
	.main-content { padding:25px 0 }
	.get-btn .button { padding:15px 83px }
	/*.image-content li:nth-child(4) a {text-indent: 41px;}
	.image-content li:nth-child(5) a {text-indent: 27px;}*/
		
} 
/*==========================================================================================================*/
/* Retina css */ 
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	.sprites, .sp-after:after, .sp-before:before { background-image:url(../images/bgi/sprites@2x.png);
	-moz-background-size:237px 207px; -ms-background-size:237px 207px; -o-background-size:237px 207px; -webkit-background-size:237px 207px; background-size:237px 207px;}
}