@media (min-width: 320px) and (max-width: 768px) {
		.hmn-tt {
			font-size:20px;
		}
    .cs-hmn-bg .cs-cnt .jt-txt {
      font-size: 18px;
    }
      .sm-txt{
font-size: 15px !important;
  }
		.cs-menu {
  position: absolute;
  top: 10px;
  right: 30px;
  color: #c1b19a;
  font-size: 15px;
}
        .header{
            padding: 20px 30px 0 30px;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        nav ul{
            gap: 30px;
        }
        nav ul a{
            font-size: 14px;
        }
        .about-cnt{
            padding: 30px;
            flex-wrap: wrap;
            gap: 20px; 
        }
        .about-cnt h1{            
			margin-bottom: 20px;
    font-size: 24px;
        }
        .about-cnt .lft-cnt, .about-cnt .rgt-cnt{
            width: 100%;
            text-align: center;
        }
        .about-cnt .btn{
            padding: 15px 30px;
            font-size: 14px;
        }
        .about-cnt .lft-cnt{
            
        }
        .about-cnt .lft-cnt img{
            height: auto;
			width: 100%;
            object-position: center;
        }
		
		.cs-btn-bg .btn-primary {
		  position: relative;
		  padding: 20px 25px;
		  color: #fff;
		  border: 0;
		  font-size: 14px;
		  background: transparent;
		  z-index: 1;
		  cursor: pointer;
		}

		.header {
		  display: flex;
		  justify-content: space-between;
		  padding: 30px 30px 10px 30px;
		  align-items: center;
		  background: #090908;
		}
		
		.about-cnt p{
			margin-bottom:0px;
		}
		.album-bg {
			padding: 0px 30px 40px;
		}
		.ct-tt {
			margin-bottom: 30px;
			margin-top: 10px;
			font-size:24px;
			text-align: center;
		}
		.about-cnt p{
			font-size: 16px;
		}
		
		.album-bg .album-ts .ls .rgt h4 {
			font-size: 20px;
		}
		.album-bg .album-ts .ls .rgt h3 {
			font-size: 18px;
		}

		.cs-hmn-bg .cnt {
		padding: 30px;
		width: calc(100% - 60px);
		}
		.cs-hmn-bg .cnt h1 {
  			font-size: 35px;
		}
		.cs-hmn-bg .cnt p {
  font-size: 15px;
}
.cs-hmn-bg .cnt h4 {
font-size: 14px;
}

.cs-hmn-bg .cs-cnt {
  width: calc(90% - 60px);
  min-height: auto;
  padding: 0px 30px; 
  margin: 0 auto;
}
.cs-hmn-bg .cs-cnt h2 {
  font-size: 30px;
}
.cs-hmn-bg .cs-cnt h4 {
  font-size: 20px;
  margin-bottom: 10px;
}
.cs-hmn-bg .cs-cnt p {
  font-size: 14px;
  text-align: center;
}
.hero-title {
	font-size: 30px;
	margin-top: 0;
}
.hm-cmn-bg{
	min-height: 60vh !important;
}
.mon-pre-bg{
	background-image: url('../images/mon-premier-amour-dark-bg.jpg') !important;
}
.mon-pre-bg .spl-cs-img{
	display: block !important;
}
.cs-ls-bg .cs-ls-cnt {
	gap: 30px;
}
.cs-ls-bg {
	padding: 30px;
  width: calc(100% - 60px);
}
.ct-title {
	font-size: 18px;
}
.ct-desc {
	font-size: 15px;
  font-weight: 300;
}
.cs-cnt-bg {
  display: flex;
  padding: 30px;
}

.cs-cnt-bg .cs-cnt .cs-img{
	width: 60%;
    margin: 0 auto !important;
}
.cs-spl-bg{
	padding:30px 0px;
	background: transparent !important;
}
.cs-ls-bg .cs-ls-cnt .cs-ls {
  width: calc(50% - 15px);
}
.cs-spl-bg .cs-cnt .cs-logo {
  width: 200px;
  opacity: 1;
}
.cs-ls-bg .cs-ls-cnt {
	flex-wrap: wrap;
}
.cs-cnt-bg .cs-cnt.mn-spl-bg h2 {
  font-size: 30px;
  margin-bottom: 30px;
}

.cs-cnt-bg .cs-cnt.mn-spl-bg p {
  width: 100%;
  margin-bottom: 30px;
}

.cs-cnt-bg.vl-cl {  
  padding: 30px 30px 30px 30px;
  margin: 30px 30px;
  flex-direction: column;
}
.cs-cnt-bg .cs-cnt.spl-bg {
	width: 100%;
}

.cs-cnt-bg .cs-img {
width: 50%;
    margin: 10px auto;
}
.cs-cnt-bg .cs-cnt.spl-bg h2, .cs-cnt-bg .cs-cnt.spl-bg h4, .cs-cnt-bg .cs-cnt.spl-bg p {
  text-align: center;
}

.cs-cnt-bg .cs-cnt.spl-bg {
  justify-content: flex-start;
  width: 100%;
}
.cs-cnt-bg .cs-cnt.vl-spl-bg h2 {
  font-size: 30px;
}
.cs-cnt-bg .cs-cnt.vl-spl-bg p{
	width: 100%;
}
.cs-ls-bg.vl-cl {
  padding:30px;
}
.ct-sb-tt {
  font-size: 20px;
}
.cs-ls-bg .cs-ls-cnt.cs-ls-4{
	flex-wrap: wrap;
}
.cs-ls-bg .cs-ls-cnt.cs-ls-4 .cs-ls {
  width: calc(50% - 15px);
}
.cs-ls-bg .cs-ls-cnt.cs-ls-4.spl .cs-ls:nth-child(even) {
  margin-top: 0%;
}
  .cs-cnt-bg {
	    flex-direction: column;
  }

    }