*{
	margin: 0;
	padding: 0;
}

body{
	width:100%;
}

a{
	color: unset;
}

.s-header{
	display: flex;
	justify-content: center;
	align-items: center;
}

.s-header .main-social{
	margin: 25px;
}

.s-header .main-logo{
	padding-right: 30px;
	border-right: 1px solid #C30075;
	margin: 25px;
}

.s-header .main-social i{
	font-size: 50px;
  color: #C30075;
}

  .navbar {
    overflow: hidden !important;
    width: 100%;
    text-align: center;
  }

  .navbar-links ul  li {
  	display: inline-block;
  }

    .navbar-links ul  li a {
  	color: black;
  	font-family: 'Noto Serif', serif;
  	font-size: 18px;
    transition: 0.25s;
  }
   .navbar-links ul  li a:hover {
  	background: #C30075 !important;
  	color: white !important;
  }

  .navbar-default{
  	background: white !important;
  	border: none !important;
  } 


 .banner-color{
    display: flex;
   align-items: left;
    text-align: center;
  	height: 280px;
  	background: #C30075;
  }

  .banner-color-2{
    display: flex;
   align-items: left;
    text-align: center;
    height: 200px;
    background: white;
  }

 .banner-img{
  background: url(../images/banner.png)no-repeat center center ;
  width: 550px;
  margin: 0 auto;
  height: 500px;
  margin-top: -270px !important;
 
 }

 .inc-text{
  font-size: 17.25px;
  text-align: justify;
  letter-spacing: 0.75px;
  font-family: 'Noto Serif', serif;
  margin-bottom: 30px;
 }

  .inc-text span{
    color: #C30075;
  }

  .home_gallery{
    padding:  10px 0 100px 0px;
  }

  .footer-up{
    background: #C30075;
    padding: 65px 20px 75px 20px;
    color: #EAEAEA;
    font-family: 'Noto Serif', serif;
  }

  .footer-up i{
    font-size: 18px !important;
    padding: 7px;
    color: #fff;
  }

.phone-info{
  display: flex;
  align-items: center;
}

.phn-line{
  display: block;
}

.add-info{
  display: flex;
  align-items: center;
}


.email-info{
  display: flex;
  align-items: center;
}


.sec-map{
  padding: 0px;
}


.sec-form form input[type="email"], input[type="text"],textarea{
  border-radius: 3px;
  padding: 5px;
  width: 300px;
  border: 1px solid #700348;
  color: #000;
  box-shadow:  0 0 1px #000000;

}

.sec-form textarea{
  color: #000;
}

.sec-form form input[type="email"]:focus, input[type="text"]:focus, textarea:focus{
  background-color: #dee5e0;
  
}
.sec-form form input[type="submit"]{
  color: #fff;
  background-color: #870465;
  border: none;
  padding: 5px 20px 5px 20px;
  display: block;
  text-align: center;
  border: 1px solid #870465;
  margin-top: 12px;
  transition: 0.25s;
}
.sec-form form input[type="submit"]:hover{
  background-color: #fff;
  border: 1px solid #870465;
  color: #870465;
}
.sec-form form label{
  display: block;
}

.footer-down{
  background:#9B0566;
  text-align: center;
  color: #fff;
  font-family: 'Noto Serif', serif;
  font-size: 12px;
  padding: 12px 0 4px 0;


}

#home_gallery{
  cursor: pointer !important;
}


 @media screen and (max-width: 900px){


.navbar-header{
  text-align: center !important;
  display: flex;
  justify-content: center;
}

 .banner-color{
    display: flex;
    align-items: left;
    text-align: center;
    height: 250px;
    background: #C30075;
  }

  .banner-color-2{
    display: flex;
    align-items: left;
    text-align: center;
    height: 160px;
    background: white;
  }

  .banner-img{
    background: url(../images/banner-2.png)no-repeat center center ;
    width: 400px;
    margin: 0 auto;
    height:400px;
    margin-top: -250px !important;
 }


  .footer-up{
    background: #C30075;
    padding: 50px 40px 50px 40px;
    color: #EAEAEA;
    font-family: 'Noto Serif', serif;
  }

 .sec-info p{
    font-size: 15px;

}

.sec-map{
  margin-top: 20px
}

.sec-form{
  margin-top: 20px;
}

.sec-form form input[type="email"], input[type="text"], textarea{
  width: 80%;
}
.sec-form form input[type="submit"]{
  color: #fff;
  background-color: #870465;
  border: none;
  padding: 0px 20px 0px 20px;
  display: block;
  text-align: center;
    border: 1px solid #870465;
}
.sec-form form input[type="submit"]:hover{
  background-color: #fff;

  border: 1px solid #fff;
}
.sec-form form label{
  display: block;
}


 }

  @media screen and (max-width: 600px){

.navbar-header{
  text-align: center !important;
  display: flex;
  justify-content: center;
}

     .banner-img{
  background: url(../images/banner-3.png)no-repeat center center ;
   width: 350px;
  margin: 0 auto;
  height:400px;
  margin-top: -250px !important;
 }

  .banner-color{
    display: flex;
   align-items: left;
    text-align: center;
    height: 220px;
    background: #C30075;
  }

  .banner-color-2{
    display: flex;
   align-items: left;
    text-align: center;
    height: 130px;
    background: white;
  }

  }


/********************************************** opening the 420px screen **********************************************/


 @media screen and (max-width:420px){

  .navbar-links ul  li {
    display: block;
  }

 .banner-color{
    display: flex;
   align-items: left;
    text-align: center;
    height: 175px;
    background: #C30075;
  }

  .banner-color-2{
    display: flex;
   align-items: left;
    text-align: center;
    height: 120px;
    background: white;
  }

     .banner-img{
  background: url(../images/banner-4.png)no-repeat center center ;
   width: 235px;
  margin: 0 auto;
  height:400px;
  margin-top: -250px !important;
 }


.s-header{
  margin-top:20px;
}
   .s-header .main-logo{
  padding-right: 10px;
  border-right: 1px solid #C30075;
  margin: 0px;
}

.s-header .main-social{
  margin: 10px;
}

.s-header .main-social i{
  font-size: 30px;
}

.sec-info p{
    font-size: 12px;
}

.sec-form form input[type="email"], input[type="text"], textarea{
  width: 80%;
}
.sec-form form input[type="submit"]{
  color: #fff;
  background-color: #870465;
  border: none;
  padding: 10px 20px 10px 20px;
  display: block;
  text-align: center;
    border: 1px solid #870465;
}
.sec-form form input[type="submit"]:hover{
  color: #A8047E;
  background:#fff;

  border: 1px solid #fff;
}
.sec-form form label{
  display: block;
}
.phone-info span{
  display: block;
}

 .footer-up{
    background: #C30075;
    padding: 45px 10px 55px 10px;
    color: #EAEAEA;
    font-family: 'Noto Serif', serif;
  }

.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

 }


/********************************************** closing the 420px screen **********************************************/