@media only screen and ( min-width:320px) and ( max-width:768px ){
	#des {   display:block;
}
#mob {  display:none;
}
video {object-fit: cover;
  width: 100vw;
  height: 100vh;
  
  top: 0;
  left: 0; background-image:
	 
}
#top-test {
    
    width: 100%;
   
}
.top-nav ul a {
        padding: 5px 10px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}
.slider-cnt01 {
	position: relative;  height:auto; width:100%;  align-items: center; display:block;  
	
}
.top-nav {
    position: relative;
    z-index: 10001;
    float: right;
    width: auto;
    margin-top: 80px;
}

.bg-05 h1 {
       color: #fff;
    z-index: 3;
    width: 100%;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    padding-top: 10px;
    position: relative;
}
.bg-06 h1 {
           color: #fff;
    width: 100%;
    font-size: 36px;
    font-weight: 900;
    text-align: center;
    line-height: 38px;
    font-family: 'Playfair Display', serif;
    padding-top: 20px; margin-top:-65vh;
}

.bg-06 h1 span {
    font-size: 22px;
    font-weight: 600;
        color: #fff;
}
#home-slide-tow img {
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.top-test01 {
    padding-top: 30px;
}

.top-test01 h2 {
    font-size: 32px;
    font-weight: 700;
        color: #5d6255; text-align:center;
    font-family: 'Playfair Display', serif;
}

.top-test01 p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
        color: #5d6255;
}
#home-slide-tow {
    width: 100%;
    float: left;
    padding-bottom: 30px;
}

.sv-01 {
    background: #5d6255;
    padding: 50px 0px;
}

.sv-01 h2 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    font-family: 'Playfair Display', serif;
    padding-top: 50px;
    text-align: center;
}

.sv-01 p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
}

.sv-01 ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
        color: #fff;
    width: 100%;
    float: left;
}

.sv-02 {
    background: #fff;
    padding: 30px 0px;
}

.sv-02 h2 {
    font-size: 32px;
    font-weight: 700;
        color: #5d6255;
    font-family: 'Playfair Display', serif;
    padding-top: 20px;
    text-align: center;      padding-bottom: 20px;

}

.sv-02 p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
        color: #5d6255;
}

.sv-02 ul li {
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
        color: #5d6255;
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

footer {
    width: 100%;
    margin: 0px;
    padding: 30px 0px 20px;
    float: left;
    background: #5d6255;
    margin-top: 30px;
}	

element.style {
}
.footlogo h2 {
    padding-bottom: 20px;
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    color: #fff;
}
.foot-icon p {
    color: #fff;
    font-size: 20px;
  text-align: center; width:100%; padding:0px; 
   
}

.foot-icon i {
    padding: 10px;
    border: solid 1px #fff;
    border-radius: 50%;
    color: #fff;
}
.foot-icon1 p {
    color: #fff;
    font-size: 20px;
    text-align: left;
    padding-left: 92px;
    /* text-align: center; */
}
.foot-icon1 i {
    padding: 10px;
    border: solid 1px #fff;
    border-radius: 50%;
    color: #fff;
}
.sv-02 img {
    width: 100%;
    border-radius: 16px;
}
.foot-icon1 p {
   color: #fff;
    font-size: 20px;
  text-align: left; width:100%; padding:0px; 
}
}