/* only small desktops */
/* tablets */
/* only small tablets */
@media (min-width: 768px) and (max-width: 991px) {
	.top-header .navbar .navbar-collapse ul li a{
		padding: 5px 15px;
	}
	.about-img{
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.gallery-box ul li{
		width: 33.33%;
	}
}
@media (max-width: 320px){
.pc_size{
	display: none;
}

.phone1_size{
	width: 220px;
}

.phone2_size{
	display: none;
}

.phone3_size{
	display: none;
}

.phone4_size{
	display: none;
}

.phone5_size{
	display: none;
}
.phone6_size{
	display: none;
}

.image_logo1{
	display: none;
}
.image_logo2{
	height: 70px;
	width: 195px;
}

.simply-countdown {
  /* The countdown */
  margin-bottom: 2em;
}

.simply-countdown > .simply-section {
  /* coutndown blocks */
  display: inline-block;
  width:100px;
  height: 100px;
  background: #ACC4DA;
  margin: 0 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  animation: pulse 0s ease infinite;
}

.simply-countdown > .simply-section > div {
  /* countdown block inner div */
  display: table-cell;
  vertical-align: middle;
  height: 100px;
  width: 100px;
}

.simply-countdown > .simply-section .simply-amount,
.simply-countdown > .simply-section .simply-word {
  display: block;
  color: white;
  /* amounts and words */
}

.simply-countdown > .simply-section .simply-amount {
  font-size: 35px;
  /* amounts */
}

.simply-countdown > .simply-section .simply-word {
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  /* words */
}
}

@media (min-width: 321px) and (max-width: 375px) {
.pc_size{
	display: none;
}

.phone1_size{
	display: none;
}

.phone2_size{
	width: 275px;
}

.phone3_size{
	display: none;
}

.phone4_size{
	display: none;
}

.phone5_size{
	display: none;
}
.phone6_size{
	display: none;
}

.image_logo1{
	display: none;
}
.image_logo2{
	height: 70px;
	width: 195px;
}
.simply-countdown {
  /* The countdown */
  margin-bottom: 2em;
}

.simply-countdown > .simply-section {
  /* coutndown blocks */
  display: inline-block;
  width: 100px;
  height: 100px;
  background: #ACC4DA;
  margin: 0 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  animation: pulse 0s ease infinite;
}

.simply-countdown > .simply-section > div {
  /* countdown block inner div */
  display: table-cell;
  vertical-align: middle;
  height: 100px;
  width: 100px;
}

.simply-countdown > .simply-section .simply-amount,
.simply-countdown > .simply-section .simply-word {
  display: block;
  color: white;
  /* amounts and words */
}

.simply-countdown > .simply-section .simply-amount {
  font-size: 35px;
  /* amounts */
}

.simply-countdown > .simply-section .simply-word {
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  /* words */
}
}
@media (min-width: 376px) and (max-width: 425px) {
	
.pc_size{
	display: none;
}

.phone1_size{
	display: none;
}

.phone2_size{
	display: none;
}

.phone3_size{
	width: 290px;
}

.phone4_size{
	display: none;
}

.phone5_size{
	display: none;
}
.phone6_size{
	display: none;
}

.image_logo1{
	display: none;
}
.image_logo2{
	height: 70px;
	width: 195px;
}
.simply-countdown {
  /* The countdown */
  margin-bottom: 2em;
}

.simply-countdown > .simply-section {
  /* coutndown blocks */
  display: inline-block;
  width:70px;
  height: 70px;
  background: #ACC4DA;
  margin: 0 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  animation: pulse 0s ease infinite;
}

.simply-countdown > .simply-section > div {
  /* countdown block inner div */
  display: table-cell;
  vertical-align: middle;
  height: 70px;
  width: 70px;
}

.simply-countdown > .simply-section .simply-amount,
.simply-countdown > .simply-section .simply-word {
  display: block;
  color: white;
  /* amounts and words */
}

.simply-countdown > .simply-section .simply-amount {
  font-size: 25px;
  /* amounts */
}

.simply-countdown > .simply-section .simply-word {
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: 9px;
  font-weight: bold;
  /* words */
}
}

@media (min-width: 426px) and (max-width: 768px) {
.pc_size{
	display: none;
}

.phone1_size{
	display: none;
}

.phone2_size{
	display: none;
}

.phone3_size{
	display: none;
}

.phone4_size{
	width: 618px;
}

.phone5_size{
	display: none;
}

.phone6_size{
	display: none;
}


.image_logo1{
	display: none;
}
.image_logo2{
	
	height: 70px;
	width: 195px;
}
.simply-countdown {
  /* The countdown */
  margin-bottom: 2em;
}

.simply-countdown > .simply-section {
  /* coutndown blocks */
  display: inline-block;
  width: 120px;
  height: 120px;
  background: #ACC4DA;
  margin: 0 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  animation: pulse 0s ease infinite;
}

.simply-countdown > .simply-section > div {
  /* countdown block inner div */
  display: table-cell;
  vertical-align: middle;
  height: 120px;
  width: 120px;
}

.simply-countdown > .simply-section .simply-amount,
.simply-countdown > .simply-section .simply-word {
  display: block;
  color: white;
  /* amounts and words */
}

.simply-countdown > .simply-section .simply-amount {
  font-size: 40px;
  /* amounts */
}

.simply-countdown > .simply-section .simply-word {
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  /* words */
}
}

@media (min-width: 769px) and (max-width: 1024px) {
.pc_size{
	display: none;
}

.phone1_size{
	display: none;
}

.phone2_size{
	display: none;
}

.phone3_size{
	display: none;
}
.phone4_size{
	display: none;
}
.phone5_size{
	width: 858px;
}
.phone6_size{
	display: none;
}

}
@media (min-width: 1025px) and (max-width: 3000px) {
.pc_size{
}

.phone1_size{
	display: none;
}

.phone2_size{
	display: none;
}

.phone3_size{
	display: none;
}
.phone4_size{
	display: none;
}
.phone5_size{
	display: none;
}
.phone6_size{
	width: 1040px;
}

}
@media (min-width: 769px) and (max-width: 3000px) {
.gallery-box ul{
	margin: 0px 100px 0px 100px;
}	
.image_logo1{
	height: 78px;
}
.image_logo2{
	display: none;
}
.simply-countdown {
  /* The countdown */
  margin-bottom: 2em;
}
.pulsetext{
	font-family: Lucida Calligraphy, cursive; 
	font-size:25px; 
	color: white; 
	font-weight: bold;
	}
.simply-countdown > .simply-section {
  /* coutndown blocks */
  display: inline-block;
  width: 100px;
  height: 100px;
  background: #ACC4DA;
  margin: 0 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  animation: pulse 0s ease infinite;
}

.simply-countdown > .simply-section > div {
  /* countdown block inner div */
  display: table-cell;
  vertical-align: middle;
  height: 100px;
  width: 100px;
}

.simply-countdown > .simply-section .simply-amount,
.simply-countdown > .simply-section .simply-word {
  display: block;
  color: white;
  /* amounts and words */
}

.simply-countdown > .simply-section .simply-amount {
  font-size: 30px;
  /* amounts */
}

.simply-countdown > .simply-section .simply-word {
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  /* words */
}
}

@media (min-width: 320px) and (max-width: 425px) {
	.textslider1{
		font-size: 15px;
	}
	.textslider2{
		font-size: 20px;
	}
	.textslider3{
		font-size: 15px;
	}
	.textsliderpage2.1{
		font-family: Lucida Calligraphy, cursive; 
		font-size: 12px;
	}
	.textsliderpage2.2{
		font-weight: bold; 
		font-size: 12px;
	}
	.pulsetext{
	font-family: Lucida Calligraphy, cursive; 
	font-size:25px; 
	color: white; 
	font-weight: bold;
	}
	.familyheader{
	font-size:25px; 
	}
}
@media (min-width: 426px) and (max-width: 1024px) {
	.textslider1{
		font-size: 25px;
	}
	.textslider2{
		font-size: 30px;
	}
	.textslider3{
		font-size: 25px;
	}
	.textsliderpage2.1{
		font-family: Lucida Calligraphy, cursive; 
		font-size: 12px;
	}
	.textsliderpage2.2{
		font-weight: bold; 
		font-size: 12px;
	}
	.pulsetext{
	font-family: Lucida Calligraphy, cursive; 
	font-size:25px; 
	color: white; 
	font-weight: bold;
	}
	.familyheader{
	font-size:25px; 
	}
}
@media (max-width: 320px) {
	.textslider1{
		font-size: 15px;
	}
	.textslider2{
		font-size: 20px;
	}
	.textslider3{
		font-size: 15px;
	}
	.textsliderpage2.1{
		font-family: Lucida Calligraphy, cursive; 
		font-size: 12px;
	}
	.textsliderpage2.2{
		font-weight: bold; 
		font-size: 12px;
	}
	.pulsetext{
	font-family: Lucida Calligraphy, cursive; 
	font-size:25px; 
	color: white; 
	font-weight: bold;
	}
	.familyheader{
	font-size:25px; 
	}
}
/* mobile or only mobile */
@media (max-width: 767px) {
	.navbar-brand{
		margin-left: 15px;
	}
	.top-header .navbar .navbar-collapse ul li a{
		padding: 5px 15px;
	}
	.lbox-details h1{
		font-size: 24px;
	}
	.lbox-details h2{
		font-size: 18px;
	}
	.lbox-details p strong{
		font-size: 20px;
	}
	.lbox-details a.btn{
		display: none;
	}
	.title-box h2{
		font-size: 28px;
	}
	.about-main-info h2{
		font-size: 24px;
	}
	.about-img{
		margin-bottom: 30px;
	}
	.main-timeline-box .separline::before{
		left: 15px !important;
	}
	.main-timeline-box .iconBackground{
		left: 15px !important;
	}
	.main-timeline-box .timeline-text-content{
		margin-left: 0px;
	}
	.main-timeline-box .reverse .timeline-text-content{
		margin-right: 0px;
	}
	.main-timeline-box .time-line-date-content{
		margin-right: 0px;
	}
	.main-timeline-box .time-line-date-content p{
		float: left;
	}
	.main-timeline-box .timeline-element{
		padding: 0px 15px;
	}
	.gallery-box ul li{
		width: 25%;
	}
}