*{
  padding: 0px;
  margin: 0px;
  
}
.nav-item{
  list-style: none;
}
.ckstyle>p,.ckstyle>ol,.ckstyle>ul,.ckstyle>ol>li>p,.ckstyle>ul>li>p{
  font-family: Arial, Helvetica, sans-serif;
  
  color: black;
  text-emphasis-color: black;
  text-decoration: black;
  
}
.carousel-item>img{

  
  object-fit: cover;
}
 .card {
  /* Add shadows to create the "card" effect */
  
  box-shadow: 0 4px 8px 0 rgba(100, 70, 70, 0.2);
  max-height:auto;
  height: 500px;
  height: auto;
  max-width:100%;
  width: auto;
  margin: auto;
  text-align: center;
  font-family: arial;
  transition:0.3s;
  background: rgba(70, 60, 60, 0);
 border-color: black;
  
  
}
.card-text
  { font-size: larger;
    font-family: 'Pacifico', cursive;
  
  color: black;
}
.card-title
{font-family: 'Satisfy', cursive;
  font-size:xx-large;
  color: gainsboro;
}
/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.error{
		margin: 0;
		padding: 0;
	}
	
	.img-fluid
	{
visibility: visible !important;
box-sizing: border-box;
width: 100%;
position: relative;
z-index: 1;
touch-action: manipulation;
display: block;
	
	height:auto;
	display: block;
	}
/* Add some padding inside the card container */
.container {
  padding: 2px 16px;
}
.container-acc{
  position: relative;
  padding: 2px 16px;
}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.accordion1 {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.column{
  padding: 0px;
}
.active_1, .accordion:hover,.accordion1:hover {
  background-color: #ccc;
}

.accordion:after,.accordion1:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active_1:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
/* image text alignment*/
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.container2, .container3{
  position: relative;
  text-align: center;
  color: white;
  
}
.container2>img{
  width: 100%;
  height: 100%;
}
.center1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  
}
.half-circle-line {
  position: absolute;
  top: 100%;
  margin-top: -40px;
  width: 100%;
  z-index: 5;
  text-align: center;
}
.card-img-top {
  width: 100%;
  height: 200px;
  object-fit: cover;
}



/*.carousel-inner > .item > img {
  min-width: 100%;
  height: 100%;
}*/

@media  (max-width: 423px) {
  .carousel-item>img{

    height: 170px;
    object-fit: cover;
  }
  .card {
    /* Add shadows to create the "card" effect */
    font-size: smaller;
    
    height: 100%;
    max-width:100%;
  }
  .ckstyle{
    font-size: smaller;
  }
  .ckstyle ul{
    padding-left: 10px;
  }
 .card-title
 {
   font-size: x-large;
 } 
}
@media  (min-width: 424px) {
  .carousel-item > img {
    min-width: 100%;
    height: 100%;
  }
  .card {
    /* Add shadows to create the "card" effect */
    font-size: smaller;
    max-height:auto;
   
    max-width:100%;
  }
 .card-title
 {
   font-size: x-large;
 } 
 .ckstyle {
  font-size: smaller;
}
.ckstyle ul{
  padding-left: 10px;
}
}


  /*
  .card {*/
    /* Add shadows to create the "card" effect */
    /*font-size: smaller;
    max-height:auto;
    height: 450px;
    max-width:100%;
  }
 .card-title
 {
   font-size: x-large;
 } */

/* Extra small devices (phones, 600px and down) */
@media(min-width: 600px) {
  /*.carousel {
   margin-bottom: 60px;
 }*/
 
 /* Since positioning the image, we need to help out the caption */
 .carousel-caption {
   z-index: 10;
 }
 
 /* Declare heights because of positioning of img element */
 .carousel .item {
   min-width: 100%;
   background-color: #fff;
 }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media  (min-width: 600px) {
 /* .carousel-inner > .item > img {
    min-width: 100%;
    height: 100%;
  }*/
}

/* Medium devices (landscape tablets, 768px and up) */
@media  (min-width: 768px) {
  .carousel-item > img {
    min-width: 100%;
    height: 512px;
  }
  .card{
    font-size: small;
    height: 450px;
    width: 50%;
  }

 
  .accordion{
    height: max-content;
    font-size: default  ;
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .accorgap{
    padding-top: 7%;
    padding-left: 30px;
  }
 .accortext
  { 
    font-size: default;
    
  }
  .gocenter {
    
    
    padding-left: 250px;
    float: none;
    vertical-align: center;
  }
  
  .navbar .navbar-collapse {
    text-align: center;
  }
  .nav-link{
    font-size: large;
    
    
  }
  .gocenter>.nav-item{
    padding-right: 50px;
    
  }
  .nav-item{
    padding: 15px 15px;
    /*padding-left: 0px;
    padding-right: 0px;*/
  }
  .post>h2{
    font-size: default;
  }
  .ckstyle>p,.ckstyle>ol>li>p{
    font-size: default;
  }
  .ckstyle ul{
    padding-left: 20px;
  }
  .ckstyle>p>h1>{
    font-size: 1px;
  }
  
  .date>p{
    font-size: default;
  }
  #gobigman{
    font-size: default;
  }
  .card-title{
    font-size: default;
  }
  
  .ckstyle>h1>strong{
    font-size: default;
  }


}

/* Large devices (laptops/desktops, 992px and up) */
@media  (min-width: 992px) {
  .carousel-item > img {
    min-width: 100%;
    height: 100%;
  }
  .card{
    font-size: small;
    height: 500px;
    width: 100%;
  }

 
  .accordion{
    height: max-content;
    font-size: default  ;
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .accorgap{
    padding-top: 7%;
    padding-left: 30px;
  }
 .accortext
  { 
    font-size: default;
    
  }
  .gocenter {
    
    
    padding-left: 250px;
    float: none;
    vertical-align: center;
  }
  
  .navbar .navbar-collapse {
    text-align: center;
  }
  .nav-link{
    font-size: large;
    
    
  }
  .gocenter>.nav-item{
    padding-right: 50px;
    
  }
  .nav-item{
    padding: 15px 15px;
    /*padding-left: 0px;
    padding-right: 0px;*/
  }
  .post>h2{
    font-size: default;
  }
  .ckstyle>p,.ckstyle>ol>li>p{
    font-size: default;
  }
  
  .ckstyle>p>h1>{
    font-size: 1px;
  }
  .ckstyle ul{
    padding-left: 30px;
  }
  
  .date>p{
    font-size: default;
  }
  #gobigman{
    font-size: default;
  }
  .card-title{
    font-size: default;
  }
  
  .ckstyle>h1>strong{
    font-size: default;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media  (min-width: 1200px) {
  .carousel-item > img {
    min-width: 100%;
    height: 680px;
  }
  .card{
    font-size: medium;
    height: 500px;
    width: 100%;
  }
  .ckstyle>h1>strong{
    padding-left:0px;
  }
  .ckstyle ul, .ckstyle ol{
    position: relative;
    padding-left: 40%;
  }
 /*.ckstyle p{
   padding-left: 25%;
 }*/
  .accordion{
    height: max-content;
    font-size: default  ;
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .accorgap{
    padding-top: 7%;
    padding-left: 30px;
  }
 .accortext
  { 
    font-size: default;
    
  }
  .gocenter {
    
    
    padding-left: 250px;
    float: none;
    vertical-align: center;
  }
  
  .navbar .navbar-collapse {
    text-align: center;
  }
  .nav-link{
    font-size: large;
    
    
  }
  .gocenter>.nav-item{
    padding-right: 50px;
    
  }
  .nav-item{
    padding: 15px 15px;
    /*padding-left: 0px;
    padding-right: 0px;*/
  }
  .post>h2{
    font-size: default;
  }
  .ckstyle>p,.ckstyle>ol>li>p{
    font-size: default;
  }
  
  .ckstyle>p>h1>{
    font-size: 1px;
  }
  
  .date>p{
    font-size: default;
  }
  #gobigman{
    font-size: default;
  }
  .card-title{
    font-size: default;
  }
  
  .ckstyle>h1>strong{
    font-size: default;
  }
  #mrp{
    position: relative;
    padding-left: 39%;
  }

}
@media (min-width:2000px){
  .carousel-item > img {
    min-width: 100%;
    height: 100%;
  }
  .card{
    font-size: 2rem;
    height: 600px;
    width: 100%;
  }
 
  .accordion{
    height: max-content;
    font-size: 2rem;
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .accorgap{
    padding-top: 7%;
    padding-left: 30px;
  }
 .accortext
  { 
    font-size: 3rem;
    
  }
  .gocenter {
    
    
    padding-left: 250px;
    float: none;
    vertical-align: center;
  }
  
  .navbar .navbar-collapse {
    text-align: center;
  }
  .nav-link{
    font-size: 2rem;
    
  }
  .nav-item{
    padding-left: 100px;
    padding-right: 50px;
  }
  .post>h2{
    font-size: 3rem;
  }
  .ckstyle>p,.ckstyle>ol>li>p{
    font-size: 2.5rem;
  }
  
  .ckstyle>p>h1>{
    font-size: 1px;
  }
  
  .date>p{
    font-size: 1.5rem;
  }
  #gobigman{
    font-size: 5rem;
  }
  .card-title{
    font-size: 2.8rem;
  }
  
  .ckstyle>h1>strong{
    font-size: 3rem;
  }
  /*.ckstyle>.gobigman2>h1>strong>span{
    font-size: 10rem;
  }*/
}