/*==================================================
=            Bootstrap 5 Media Queries             =
==================================================*/
@media (max-width: 768px) {
	#top-primary-nav-clone .menuzord-menu {
	  margin-bottom: 20px;
	}
  }
  @media (max-width: 575.98px) {
	#top-primary-nav-clone .menuzord-menu {
	  margin-bottom: 0;
	}
  }
  header#header .menuzord-brand {
	transition: all 0.3s ease;
  }
  @media (prefers-reduced-motion: reduce) {
	header#header .menuzord-brand {
	  transition: none;
	}
  }
  @media (max-width: 1199.98px) {
	header#header .menuzord-brand {
	  margin-right: 20px;
	  /* padding: 10px 0; */
	}
  }
  @media (max-width: 767.98px) {
	header#header .menuzord-brand {
	  margin-right: 0;
	}
  }
  header#header .menuzord-brand img {
	max-height: 94px;
	width: auto;
	transition: all 0.3s ease;
	position: absolute;
	top: -37px;
	z-index: 2;
  
  
  }
  @media (prefers-reduced-motion: reduce) {
	header#header .menuzord-brand img {
	  transition: none;
	}
  }
  @media (max-width: 575.98px) {
	header#header .menuzord-brand img {
	  max-height: 80px !important;
	  margin-left: -7px;
	  margin-top:44px;
	}
  }
  @media screen and (min-width: 576px) and (max-width: 775px ){
	header#header .menuzord-brand img {
	  max-height: 80px !important;
	  margin-left: -4px;
	  margin-top: 4px;
	}
	.bg{
		width: 200px;
		height: 288px;
		padding: 2px;
	}
  }
  @media screen and (min-width: 775.98px) and (max-width: 991.98px ) {
	header#header .menuzord-brand img {
	  max-height: 80px !important;
	  margin-left: 0px;
	  margin-top: 8px;
	}
  }
  @media screen and (min-width: 991.98px) and (max-width: 1024px ){
	header#header .menuzord-brand img {
	  max-height: 80px !important;
	  margin-left: 0px;
	  margin-top: 7px;
	}
  }
  @media (min-width: 1200px) {
	header#header .menuzord-brand img {
	  max-height: 80px !important;
	  margin-left: -12px;
	  margin-top: 9px;
	}
  }
  @media (min-width: 1255px){
	header#header .menuzord-brand img {
	  max-height: 100px !important;
	  margin-left: -50px;
	  margin-top: 0px;
	}
  }
  @media screen and (min-width: 1300px) and (max-width: 1400px ){
	header#header .menuzord-brand img {
	  max-height: 90px !important;
	  margin-left: -80px;
	  margin-top: 36px;
	}
	
  }
 
/*==========  Mobile First Method  ==========*/
@media (min-width: 326px) {
	.image{
		max-width:100%;
	}
	.close-icon {
		top:-5px !important;
	}
	.logohead{
		padding: 0px !important;
	}
	.height{
		width: 64%;
	}
	.rhomboid{
		transform: skewX(20deg);
	}
	.owl-item{
		height: 295px!important;
	}
	.tm-owl-slider .slider-wrapper .slide-item .image-layer {
		height: 150px;
	}
	.btn-round{
		padding-left: 5px;
	}
	.bg-img-center{
		height: 95px;
	}
	.card2{
		display: flex;
		justify-content: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.containcontact{
		position: none;
		height: 50%;
	}
	.card{
		position: relative;
		top: 0px;
	}

	.carousel-wrap {
	margin: 20px auto!important;
}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	
	.logohead{
		padding: 0px !important;
	}
	.btn-round{
		padding-left: 20px;
	}
	.bg-img-center{
		height: 150px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 760px) {
	.pray{
		width: 100%;
		margin: 0px;
	}
	.logohead{
		padding: 0px;
	}
	.height{
		height: 40px;
	}
	.owl-item{
		height: 300px;
	}
	.tm-owl-slider .slider-wrapper .slide-item .image-layer {
		height: 100%;
	}
	.bg-img-center{
		height: 200px;
	}
}
@media screen and (min-width: 635px) and (max-width: 768px) {
	.pray{
		width: 100%;
		margin: 0px;
	}
	.logohead{
		padding: 0px;
	}
	.height{
		height: 40px;
	}
	.owl-item{
		height: 300px;
	}
	.tm-owl-slider .slider-wrapper .slide-item .image-layer {
		height: 100%;
	}
	.bg-img-center{
		height: 200px;
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.height {
	  height: 43px;
	  width: 73%;
	}
	.owl-item {
	  height: auto;
	}
	.tm-owl-slider .slider-wrapper .slide-item .image-layer {
	  height: 100%;
	}
  }
  @media (min-width:1024px){
	.bg{
		padding: 5px;
		width: 279px;
		height: 287px;
	}
	.card{
		top: -30px;
	}
  }
/* X-Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) and (max-width: 1400px){
	.element{
		margin: 5px !important;
	}
	.pray{
		width: 100%;
		margin: -4px;
	}
	.height{
		height: 42px;
		width:80%;
	}
	.marquee{
		width: 100%;
	
	}
	.owl-item{
		height: auto;
	}
	.tm-owl-slider .slider-wrapper .slide-item .image-layer {
		height: 100%;
	}
	.bg-img-center{
		height: 300px;
	}
	.bg{
		padding: 20px 38px;
		width: 309px;
    height: 289px;
	}
	.card{
		top: -60px;
	}
}
@media (min-width: 1300px) {
	
	.owl-item{
	height: auto;
}
.tm-owl-slider .slider-wrapper .slide-item .image-layer {
	height: 100%;
}
}
@media (width: 1400px) {
    .pray-element {
        padding: 8px !important;
    }
    header#header .menuzord-brand img {
    max-height: 90px !important;
    margin-left: -45px !important;
    margin-top: 10px;
}
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	.element{
		margin: -4px !important;
	}
	.height{
		height: 40px;
		width:82%;
	}
	.bg-img-center{
		height: 300px;
	}.bg{
		
		padding: 20px 38px;
		width: 309px;
    height: 289px;
	}
	.card{
		top: -60px;
	}
}
@media screen and (min-width: 1400px) and (max-width: 1500px) {
	header#header .menuzord-brand img {
		max-height: 90px !important;
		margin-left: -58px;
		margin-top: 10px;
	  }
}
@media screen and (max-width: 1500px) {
	.contact-text {
	   display: none !important;
	}
	.marquee{
	  display: block;
	  font-size: medium;
	  /* margin-top: 5px; */
	  font-style: italic;
	  font-weight: 500;
	}
  .pray{
	flex-wrap: wrap !important;
  }

  header#header .header-top .element {
	padding: 0px !important;

  }
  .pray-element{
	/* display: none !important; */
	width: 30%;
	padding: 0px;
	margin: 0px;
  }
  .btn-round{
	font-size: 11px !important;
  }
  }

/*==========  Non-Mobile First Method  ==========*/

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}
 
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/*
Apple iPhone 5, 5S & 5C 
Apple iPod Touch (5th generation)
*/
@media (min-width: 1136px) and (max-width: 1279px) {
	/*body {	font-size: 16px; }*/
}

/*
Apple iPhone 4 & 4S
Apple iPod Touch (4th generation)
*/
@media (min-width: 960px) and (max-width: 1135px) {
	/*body {	font-size: 15px; }*/
	h1 { font-size:3em; }		/* 39px */
	h2 { font-size:2.3077em; }	/* 30px */
	h3 { font-size:1.8461em; }	/* 24px */
}

/*
Sony Xperia
LG Optimus
Blackberry Storm 3, Torch 9850 & Torch 9860
Nokia Lumia 610, 710 & 800
HTC Desire, Desire Z, Desire S & One V
Samsung Galaxy
*/
/* With side menu
@media (min-width: 768px) and (max-width: 1279px) {
*/
/* Without side menu */
@media (min-width: 768px) and (max-width: 959px) {
	/*body {	font-size: 15px; }*/
	h1 { font-size:3em; }		/* 39px */
	h2 { font-size:2.3077em; }	/* 30px */
	h3 { font-size:1.8461em; }	/* 24px */
}



/*
Portrait orientation

Sony Xperia
LG Optimus
Blackberry Storm 3, Torch 9850 & Torch 9860
Nokia Lumia 610, 710 & 800
HTC Desire, Desire Z, Desire S & One V
Samsung Galaxy
*/
@media (max-width: 767px) {
	/*body {	font-size: 15px; }*/
	h1 { font-size:2.5em; }		/* 30px */
	h2 { font-size:2em; }		/* 24px */
	h3 { font-size:1.6667em; }	/* 20px */
}




/*
Very common low res
*/
/*@media (max-width: 479px) {
	body {	font-size: 12px; }
	h1 { font-size:2.5em; }
	h2 { font-size:2em; }
	h3 { font-size:2em; }
	h4 { font-size:1.3333em; }
	h5 { font-size:1.1667em; }
	h6 { font-size:1em; }
}*/