*{
	font-family: "Arial", Sans-serif;
}
.br{
border: 2px groove #000!important;
}
/*for selection color*/
::-moz-selection { /* Code for Firefox */
  color: #000;
  background: #A87B48;
}
::selection {
  color: #000;
  background: #A87B48;
}
/*End for selection color*/
.entry-header,.entry-footer{
	display:none!important;
}
.nav-link{
	color: #c1a17c;
}
.banner{
	background-image: url('../img/bannerbackground.png');
	background-repeat: no-repeat;
	background-size: 100%;
  	height: 600px;
}
.banner-small{
	background-image: url('../img/bannerbackground2.jpg');
	background-repeat: no-repeat;
  	height: 600px;
	/* background-size: 100%; */
  	padding: 15% 0% 0 10%;
}
.banner-small>h2{
	color: #000;
	font-family: "Arial", Sans-serif;
}
.banner-small>h1{
	color: #000000;
    font-family: "Alex Brush", Sans-serif;
    font-size: 60px;
}
.b-button{
	border: 1px solid #c1a17c;
	border-radius: 50px 50px 50px 50px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    text-align: center;
	background-color: #000;
	padding: 10px;
	width: 180px;
}
.b-button>a{
	color: #fff;
	text-decoration: none;
}
.b-button:hover{
	background-color: #c1a17c;
	border: 1px groove #000;
	width: 182px;
}
.hhelp{
	background-image: url('../img/background3.jpg');
}
.c-box{
	background-color: #C1A17C;
	padding: 30px;
	position: relative;
	left: -30%;top: 5%;

}
.c-box2{
	background-color: #C1A17C;
	padding: 30px;
	position: relative;
	left: -180%;
	z-index: 1;
}
.c-box2-img{
	position: relative;
    left: 36%;
}
.c-box>h2,.c-box2>h2{
	color: #fff;
}
.book{
	background-image: url('../img/background4.jpg');
	background-size: cover;
}
.comment-box{
	background-color: #C1A17C;
	border-radius: 10px 10px 10px 65px;
	box-shadow: 0px 0px 30px 0px #121212;
}
.author>img{
	border-radius: 50%;
}
footer{
	background-color: #C1A17C;
	padding: 40px;
	margin: 0px 14px;
}
/*about page*/
.about-banner{
	background-image: url('../img/aboutbackground.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	height: 260px;
	background-color: #92795E;
    opacity: 0.7;
}
.bg>h1{
	padding-top: 80px;
	color: #000;
	z-index: 1;
	font-weight: bolder;
}
.aboutimg,.servicesimg>img{
	border-radius: 25px;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0px 0px 30px 0px #92795E;
}
.servicebg{
	background-image: url('../img/aboutbackground2.jpg');
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 55px;
}
.s-box{
	background-color: #C1A17C;
	border-radius: 15px;
	padding: 25px;
}
/*./ End about page*/

/***./ start services**/
.services-banner,.contact-banner{
	background-image: url('../img/servicebackground.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 260px;
	background-color: #F2EBE5;opacity: 0.65;color: #000;
}
.shado{
	box-shadow: 15px 0px 15px 0px #DDCBB7;
}
.chatbg{
	background-image: url('../img/servicebackground2.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	background-color: #F2EBE5;opacity: 0.65;
}
.chatbg>div>div{
	padding-top: 130px;
}
/**./End services page**/
/* .\contact page**/
.cbg{
 background-color: #000;opacity: .67;height: 260px;color: white;
 padding-top: 100px;
}
.contactus{
	padding: 40px;
}
.contactus>div{
	background-color: #DAC6B0;
    padding: 50px 50px 50px 50px;
	border-radius: 5px;
	box-shadow: 0px 0px 20px 0px rgba(33, 33, 33, 0.25);
}
.social-icon span{
	line-height: 180px;padding: 5px;
}
.social-icon span:hover{
	background-color: white;
}
.social-icon img{
	width: 40px;height: 40px;border-radius: 20%;cursor: pointer;
}
/********** Large devices only **********/
@media (min-width: 1200px) {
 
}
/********** Medium devices only **********/
@media (min-width: 992px) and (max-width: 1199px) {
.banner{
	background-image: url('../img/bannerbackground.png');
	background-repeat: no-repeat;
	background-size: cover;
  	height: 400px;
}
.banner-small{
	background-image: url('../img/bannerbackground2.jpg');
	background-repeat: no-repeat;
  	height: 400px;
	background-size: cover;
  	padding: 15% 0% 0 10%;
}
	.c-box{
	background-color: #C1A17C;
	position: relative;
	top: 5%;
    left: -41%;
    width: 400px;
}
.c-box2{
	position: relative;
	top: 0%;
	left: -41%;
	width: 400px;
}
.c-box2-img{
	position: relative;
    left: 0%;
}
.chatbg>div>div{
	padding-top: 20px;
}
}

/********** Small devices only **********/
@media (min-width: 768px) and (max-width: 991px) {
.banner{
	background-image: url('../img/bannerbackground.png');
	background-repeat: no-repeat;
  	height: 400px;
}
.banner-small{
	background-image: url('../img/bannerbackground2.jpg');
	background-repeat: no-repeat;
  	height: 400px;
	background-size: cover;
  	padding: 15% 0% 0 10%;
}
	.c-box{
    background-color: #C1A17C;
    position: relative;
    top: 11%;
    left: -79%;
    width: 400px;
}
.c-box2{
	position: relative;
	top: 20%;
    left: -246%;
    width: 400px;
}
.c-box2-img{
	position: relative;
    left: 37%;
    padding-top: 50px;
}
.chatbg>div>div{
	padding-top: 20px;
}
}

/********** Extra small devices only **********/
@media (max-width: 767px) {
	.banner{
  	height: 350px;
}
	.banner-small{
	background-image: url('../img/bannerbackground.png');
	background-size: 100%;
  	height: 350px;
  	padding: 15% 0% 0 10%;
}
	.c-box{
	background-color: #C1A17C;
	position: relative;
	top: -30%;
	left: 10%;
	width: 400px;
}
.c-box2{
	position: relative;
	top: -30%;
	left: 10%;
	width: 400px;
}
.c-box2-img{
	position: relative;
    left: 0%;
}
.chatbg>div>div{
	padding-top: 20px;
}
}


/********** Super extra small devices Only :-) (e.g., iPhone 4) **********/
@media (max-width: 479px) {
	.banner-small{
	background-image: url('../img/bannerbackground.png');
	background-size: 100%;
  	height: 350px;
  	padding: 15% 0% 0 10%;
}
	.c-box{
	background-color: #C1A17C;
	position: relative;
	top: -30%;
	left: 6%;
	width: 400px;
}
.c-box2{
	position: relative;
	top: -30%;
	left: 6%;
	width: 400px;
}
.c-box2-img{
	position: relative;
    left: 0%;
}
.chatbg>div>div{
	padding-top: 20px;
}
}

  		/* advance Xml edit*/
.wrapper {
    padding: 0px!important;
}
.container {
    max-width: 100%!important;
}
@media (min-width: 1200px){
.container {
    max-width: 100%!important;
    padding: 0px;
}
}
@media (min-width: 992px){
.container {
    max-width: 100%!important;
}
}
@media (min-width: 768px){
.container {
    max-width: 100%!important;
}
}
@media (min-width: 576px){
.container {
    max-width: 100%!important;
}
}