@charset "utf-8";
/* CSS Document */

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; /*zoom:1.0; */}
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

@media (min-width: 320px) and (max-width:1200px){
	.mainWrapper{ width: 100%; *width: 100%; overflow: hidden;}
	.blogwrapper{ width: 90%; margin: 0px auto; min-width: 260px;}
	.latestBlog{
		min-height: inherit;
		height: auto;
	}
	.blogrightDIv{
		display: inline-block;
		vertical-align: top;
		height: auto;
		max-width: 600px;
		min-height: inherit;
	}
	.readmorePosition{
		position: relative;
		margin-top: 20px;
	}
	.welcomeBlog{
		height: auto;
		max-height: inherit;
		padding: 0 0 20px 0;
	}
}
@media (max-width:320px) {
	.bannerText{font-size: 24px;}
	.cheezBurger{margin: 120px auto 0px;}
	.bannerheading{font-size: 20px; line-height: 30px; margin:0px; width: 100%;}
	.heading{font-weight: bold; font-size: 20px; line-height: 30px;}
	.blogheader { margin-top: -40px; }
	.blogheader .icon { margin-top: 50px !important; }
	.bannerBlog .ca-icon{ margin: 20px auto; float: none; }
	.bannerBlog .ca-content-text { width: 100%; margin: 0px; text-align: center;}
	.about { margin-top: -380px; }
	.Bigburger{ width: 90% !important; position: relative;	top: inherit; right: inherit; margin: 0px auto 0px; float: none;}
}
@media (min-width: 320px) and (max-width: 639px) {
	.bannerBlog .ca-content-text { width: 100%; margin: 0px; text-align: center;}
	.bannerheading{ width: 100%;}
}
@media (max-width: 360px) {
	.blog-right{
		width: 90%;
		float: none;
		clear: both;
	}
}

@media (max-width: 400px) {
	/*@-ms-viewport {
		width: 320px;
	}*/
	#about{
		margin-top: -40px;
		margin-bottom: 20px;
	}
	.blogwrapper{
		margin: 0 0 0 27px;
	}
	.footerText{
		font-size: 18px;
		margin-top: 8px;
	}
	.footerIcon{
		margin-top: 170px;
	}

}
@media (min-width: 320px) and (max-width: 450px) {
	.contactDiv{
		background: url(../images/contact-resize.png);
		width: 300px; height: 430px;
		left: 0px;right: 0px;float: none;margin: 0px auto;
	}
	.formContent{
		width: 290px; height: 418px;
		background: url(../images/envelopBg-small.png);
		margin: 40px auto; float: none;left: inherit;
	}
	.form{
		width: 220px;
		display: inline-block;
		height: auto;
		margin-top: 40px;
		margin-left: 30px;
	}
	.text{
		margin-left: 20px;
		padding-top: 10px !important;
	}
	.sendBtn{
		background: none;
		line-height: 50px;
		padding: 0px;
		text-align: center;
		margin-top: 20px;
		font-size: 20px;
	}
	.contact{display: inline-block;vertical-align: top;min-height: 837px;height: auto;}
	.contactSection{margin-bottom: 150px;}
}
@media (min-width:481px) and (max-width:600px){
	.bannerBlog .ca-container{width: 60%;}
	.blog-img{
		padding-top: 30px;
	}
	.blogslide{
		margin-top: -170px;
	}
}
@media (max-width: 480px) {
	.bannerBlog .ca-icon{margin: 5px auto;}
	.bannerBlog .ca-container{width: 70%;}
	.welcomeHeading{
		font-size: 40px;
	}
	.blog-img{
		padding-top: 60px;
	}
	.blogslide{
		margin-top: -170px;
	}
}
@media (min-width: 601px) and (max-width: 640px) {
	.bannerBlog .ca-content-text{width: 50%;}
	.blogrightDIv{
		width: 48%;
	}
	.titleheading{
		font-size: 30px;
	}
}
@media (min-width:601px) and (max-width:760px){
	.bannerBlog .ca-container{ width: 75%; }
}
/*@media (min-width: 600px)  and (max-width:639px){
	.bannerheading { width: 100% !important; }
}*/
@media (min-width: 601px) and (max-width:980px){
	.titleimgclass{
		width: 130px; height: 130px;
		background-size: 100% 100%;
	}
	.blogslide{
		height: 200px;
	}

}
@media (max-width: 600px) { 
	.bannerBlog{margin: 100px 0;}
	.citylogo{ float: none; margin: 0px auto; }
	
	.left{ width: 90%; margin:4px auto; float: none;}
	.rightText{width: 90%; margin: 20px auto; float: none;}
	.bannerBlog .ca-icon{ margin: 20px auto; float: none; width: 210px; height: 210px;}
	.bannerBlog .ca-content-text { width: 100%; margin: 0px; text-align: center;}
	.blogrightDIv{
		width:90%;
		margin: 20px 0 0;
		padding:0 5%;
	}
	.titleimgclass{
		width: 160px; height: 160px;
		background-size: 100% 100%;
	}
	.titleheading{
		font-size: 25px;
		line-height: 35px;
	}
	.blogslide{
		height: 170px;
	}
	.blogslide #blog{margin-top: 115px !important;}
	.facebook-comments{
		display: none;
	}
}

@media (min-width: 641px) and (max-width:760px){
	.bannerBlog .ca-content-text{ width: 54%; }
	.blogrightDIv{
		width: 53.5%;
	}
	.titleheading{
		font-size: 35px;
	}
}
@media (min-width: 641px) and (max-width:850px){
	.blogBottom{ display: inline-block;	position: relative;	bottom: 0px; left: 0px; width: 95%;	margin: 10px auto 0; }
}

@media (max-width: 640px) {
	/*.mainWrapper{ width: 100%; *width: 100%; overflow: hidden;}*/
	.slogan-wrapper{ display: none; }
	.burgers{ float:none;margin-left:0px; width: 100%;}
	.cheezBurger{width:80%;display:block;float:none;margin:120px auto 50px;position:relative;z-index:9;}
	.Bigburger{ width: 90%; position: relative;	top: inherit; right: inherit; margin: 0px auto 0px; float: none;}
	.bannerSection{	width:90%; float:none;margin:12% auto 0;}
	.bannerheading{	/*width: 65% !important;*/ margin:20px 0 0; float: none; font-size: 26px;}
	.bannerimage1{float: none; width: 90%; margin: 0px auto;}
	.blogheader{ margin-top: -80px;	}
	.blogheader .icon{margin-top: 90px !important;}
	.bannerBlog .ca-container .slick-next{ right: -10%;	}
	.bannerBlog .ca-container .slick-prev{ left: -10%;	}
	.bannerBlog .ca-content-text h1{font-size: 26px; line-height: 30px;	}
	.bannerBlog .ca-content-text p{ font-size: 16px; line-height: 20px;}
	.blogBottom{ display: inline-block;	position: relative;	bottom: 0px; left: 0px; width: 95%;	margin: 10px auto 0; }
	.team{ display: inline-block;vertical-align: top;height: auto;}
	.fluidHeight{height: 450px;}
	.iosSlider .slider .item .inner{background-size: 100%;/*margin: 25% auto;*/}
	.iosSlider .slider .item .inner .text1 span{font-size: 120%;line-height: 30px;}
	.iosSlider .slider .item .inner .text2 span{ font-size: 80%}
	.iosSlider .slider .item .inner .text1 {height: 30px;top: 60px;}
	.iosSlider .slider .item .inner .text2{top: 100px;}
	.textSection{ padding-top:8%; }
	.left p {font-size: 18px; line-height: 28px;}
	.rightText{font-size: 16px; line-height: 24px;}
	#jewel-slider .bannerimage1{display: none;}
	#jewelsdiv .banner{width:85% !important;}
	#jewel-slider .slick-next{right: -6%;}
	#jewel-slider .slick-prev{left: -6%;}
	.jewels{height: auto;}
	#about{
		margin-top: -60px;
		margin-bottom: 20px;
	}
}
@media (min-width: 761px) and (max-width:850px){
	.bannerBlog .ca-content-text{width: 60%;}
	.blogrightDIv{
		width: 48%;
	}
	.titleheading{
		font-size: 40px;
	}
}
@media (max-width: 760px) {
	.bannerBlog .ca-icon{width: 180px; height: 180px;}
}
@media (min-width: 851px) and (max-width:1200px){
	.bannerimage1{ width: 45%; }
}
@media (min-width: 851px) and (max-width:990px){
	.bannerBlog .ca-content-text{ width: 65%;}
	.bannerimage1{margin-top: 100px;}
	.blogrightDIv{
		width: 52%;
	}
}
@media (min-width: 851px) and (max-width:900px){
	.blogBottom{width: 60%;}
	.titleheading{
		font-size: 40px;
	}
}
@media (max-width: 850px) {
	.bannerSection{	width:90%; float:none;margin:12% auto 0;}
	.bannerimage1{float: none; width: 90%; margin: 0px auto;}
	.bannerBlog .ca-content-text h1{font-size: 26px; line-height: 30px;	}
	.bannerBlog .ca-content-text p{ font-size: 16px; line-height: 20px;}	
	.jewels{height: auto;}
	.welcomeHeading{margin-top: 103px;}
	.blog-detail{
		padding-top: 30px;
	}
}
@media (min-width: 450px) and  (max-width: 880px){
	.contactDiv{left: 0px;right: 0px;float: none;margin: 0px auto;}
	.formContent{margin: 40px auto; float: none;left: inherit;}
	.contact{display: inline-block;vertical-align: top;min-height: 837px;height: auto;}
	.form {
		display: inline-block;
		width: 328px;
		height: auto;
		margin-top: 40px;
		margin-left: 30px;
	}
	.contactSection{margin-bottom: 150px;}
}
@media (min-width: 901px) and  (max-width: 990px){
	.blogBottom{width: 65%;} 
}
@media (min-width: 901px) and (max-width:1110px){
	.blog-right{
		width: 63.2%;
	}
}
@media (max-width:900px) {
	.slogan{margin: 7% 5% 0;}
	.cheezBurger{margin: 50px auto 50px;}
	.recentBlog, .blogname, .blogdate, .bio{display:none !important;}
	.titleheading{margin-top: 0px;}
	.blog-left{
		min-width: 140px;
		width: auto; padding: 10px; height: auto; border: 0px;min-height: inherit;
	}
	.blog-right {
		display: block; 
		float: inherit; 
		max-width: inherit; 
		min-height: inherit;
		padding: 0px 10px 200px 10px;
		color: #535353;
	}
@media (min-width: 1111px) and (max-width:1200px){
	.blog-right{
		width: 70%;
	}
}
@media (min-width: 991px) and (max-width:1200px){
	.Bigburger{ width: 47.3%;}
	.blogrightDIv{
		width: 60%;
	}
}
@media (min-width: 991px) and (max-width:1024px){
	.bannerBlog .ca-content-text{ width: 65%;}
}
@media (min-width: 991px) and (max-width:1110px){
	.blogBottom{width: 70%;}
	
}
@media (max-width:990px) {
	.cheezBurger{width:100%;display:block;}
	.burgers{ float:none;margin-left:0px; width: 100%;}
	.cheezBurger{width:60%;display:block;float:none;margin:120px auto 50px;position:relative;z-index:9;}
	.Bigburger{ width: 90%; position: relative;	top: inherit; right: inherit; margin: 0px auto 0px; float: none;}
}
@media (min-width:641) and (max-width:1023px){
	.bannerheading{	font-size: 26px; width: 50%; margin-top: 10px; }	
}
@media (min-width:1024px) (max-width:1180px) {
	.bannerheading{	font-size: 26px; width: 60%; margin-top: 10px; 
}

@media (min-width: 641px) and (max-width:1200px){
	.cheezBurger{width:90%;display:block;}
	/*.bannerheading{ width:65%; }*/
}