@font-face {
    font-family: "Clockmaker SemiBold";
    src:url('../fonts/Clockmaker-SemiBold.woff') format('woff'),
    url('../fonts/Clockmaker-SemiBold.woff') format('woff');
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: "Clockmaker Bold";
    src:url('../fonts/Clockmaker-Bold.woff') format('woff'),
    url('../fonts/Clockmaker-Bold.woff') format('woff');
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: "Dreamwalker";
    src:url('../fonts/Dreamwalker.woff') format('woff'),
    url('../fonts/Dreamwalker.woff') format('woff');
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: "EBGaramond Regular";
    src:url('../fonts/EBGaramond-Regular.woff') format('woff'),
    url('../fonts/EBGaramond-Regular.woff') format('woff');
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: "EBGaramond Medium";
    src:url('../fonts/EBGaramond-Medium.woff') format('woff'),
    url('../fonts/EBGaramond-Medium.woff') format('woff');
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: "EBGaramond SemiBold";
    src:url('../fonts/EBGaramond-SemiBold.woff') format('woff'),
    url('../fonts/EBGaramond-SemiBold.woff') format('woff');
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: "EBGaramond Bold";
    src:url('../fonts/EBGaramond-Bold.woff') format('woff'),
    url('../fonts/EBGaramond-Bold.woff') format('woff');
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: "EBGaramond ExtraBold";
    src:url('../fonts/EBGaramond-ExtraBold.woff') format('woff'),
    url('../fonts/EBGaramond-ExtraBold.woff') format('woff');
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: "EBGaramond ExtraBold";
    src:url('../fonts/EBGaramond-ExtraBold.woff') format('woff'),
    url('../fonts/EBGaramond-ExtraBold.woff') format('woff');
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: "Garamond";
    src:url('../fonts/garamond.woff') format('woff'),
    url('../fonts/garamond.woff') format('woff');
    font-style:normal;
    font-display: swap;
}

body{margin: 0;padding: 0;font-family: "EBGaramond Medium";font-size: 18px;color: #231C1C}
a{text-decoration: none;}
ul{margin: 0;padding: 0}
li{list-style-type: none;}
figure{margin: 0;padding: 0}
h2{font-family: "Clockmaker Bold";font-size: 60px;color: #000;text-align: center;}
h3{font-family: "Clockmaker Bold";font-size: 48px;color: #321A12;margin-bottom: 25px}
.titleWhite{color: #fff}


header{position: fixed;top: 0;left: 0;padding: 25px 0;transition: all 1s ease;background: #fff;z-index: 99;width: 100%}
header *{transition: all .2s ease;}
header.fixed{padding: 10px 0;}
.headFlex{display: flex;align-items: center;justify-content: space-between;}
nav ul{display: flex;align-items: center;}
nav ul li{margin-left: 110px}
nav ul li a{font-family: "Clockmaker SemiBold";color: #000}
nav ul li a:hover{color: #9A8257}
header .logo img{width: 143px;}
header.fixed .logo img{width: 100px}
.topSpace{margin-top: 144px}
.heroSlider{position: relative;}
.heroSlider figure img{width:100%}
.heroSlider .content {position: absolute;top: 50%;left: 0;width: 100%;transform: translate(0, -50%);}
.heroSlider h1{color: #063A10;font-size: 75px;font-family: "Clockmaker SemiBold";margin-bottom: 25px}
.heroSlider h1 span{display: block;}
.heroSlider .detail{width: 100%;display: flex;justify-content: space-between;padding: 150px 50px 0 40px;}
.heroSlider p{font-family: "EBGaramond Medium";text-transform: capitalize;width: 300px;max-width: 100%;margin-top: 180px;font-size: 22px}
/*.heroOwl .owl-dots{position: absolute;bottom: 20px;left: 0;width: 100%;display: flex;align-items: center;justify-content: center;}
.heroOwl .owl-dots button {width: 18px;height: 18px;border-radius: 50%;border: 1px solid transparent;    display: flex;justify-content: center;align-items: center;margin: 0 5px}
.heroOwl .owl-dots button span{width: 6px;height: 6px;border-radius: 50%;background: #C5C5C5}
.heroOwl .owl-dots button.active{border-color: #fff}
.heroOwl .owl-dots button.active span{background: #fff}*/


.mixologySec{background: #F2EADD url(../images/mixup_bg.webp) no-repeat; background-size: cover;position: relative;padding: 40px 0;overflow: hidden;}
.mixologyElem{display: flex;align-items: center;justify-content: space-between;}
.mixologyElem .content{padding: 0 70px}
.mixologyElem p{text-align: center;}

.collectionSec{position: relative;padding: 100px 0}
.collectionSec h2{margin-bottom: 20px}
.collectionSec .box{position: relative;padding: 0 10px}
.collectionSec .box figure{margin-bottom: 40px;}
.collectionSec .box figure img{width: 100%}
.collectionSec .box h3{font-family: "Clockmaker Bold";font-size: 32px;color: #9A8257;margin-bottom: 20px}
.collectionSec .box a{background: #B6965E;width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.collectionSec .box a:hover{background: #000}

.pageBanner{position: relative;}
.pageBanner img{width: 100%}
.mixerSec{position: relative;padding: 100px 0}
.mixerSec .leftArea img{width: 100%}
.mixerSec .content{position: relative;padding:30px 30px 0 30px}
.mixerSec .content ul{display: flex;align-items: flex-start;justify-content: space-between;margin-top: 50px;padding-right: 80px}
.mixerSec .content ul li{text-align: center;width: 130px}
.mixerSec .content ul li figure{height: 70px;margin-bottom: 30px}
.mixerSec .content ul li h5{font-family: "Clockmaker Bold";font-size: 20px;color: #321A12;margin-bottom: 10px}
.mixerSec .content ul li p{margin: 0;font-size: 16px;color: #000}

.whyUsSec{position: relative;background: url(../images/mojito_bg.webp) no-repeat;background-size: cover;padding: 100px 0}
.maitaiBg{background: url(../images/maitai_bg.webp) no-repeat;background-size: cover;}
.whyUsSec .content{position: relative;width: 575px;max-width: 100%}
.whyUsSec ul li{position: relative;margin-bottom: 50px;padding-left: 85px}
.whyUsSec ul li:last-child{margin: 0}
.whyUsSec ul li span{font-family: "Clockmaker SemiBold";font-size: 32px;color: #fff;width: 60px;height: 60px;border-radius: 50%;border: 1px dotted #9A8257;display: flex;align-items: center;justify-content: center;padding: 5px;position: absolute;top: 0;left: 0;z-index: 9}
.whyUsSec ul li span:before {position: absolute;top: 50%;left: 50%;width: 90%;height: 90%;background: #9A8257;content: "";z-index: -1;border-radius: 50%;transform: translate(-50%, -50%);}
.whyUsSec ul li p{font-size: 18px;color: #fff}
.whyUsSec ul li p strong{font-family: "EBGaramond ExtraBold";font-size: 22px}

.gallerySec{position: relative;padding: 70px 0}
.gallerySec .owl-stage-outer{padding: 100px 0}
.galleryOwl .center{position: relative;z-index: 9}
.galleryOwl .center .item{transform: scale(1.5);}
.galleryOwl.owl-carousel .owl-stage{display: flex;align-items: center;}

.contactSec{position: relative;width: 100%;background: #000;padding: 100px 0;overflow: hidden;}
.contactSec:before {position: absolute;content: '';top: 0px;left: 0;margin: auto;width: 100%;height: 50px;background-image: url(../images/light-bg-bottom2.png);background-repeat: no-repeat;background-size: cover;background-position: top;}
.contactSec:after {position: absolute;content: '';bottom: 0;left: 0;margin: auto;width: 100%;height: 50px;background-image: url(../images/light-bg-bottom.png);background-repeat: no-repeat;background-size: cover;background-position: bottom;}
.title-text {width: 100%;text-align: center;padding-bottom: 50px;}
.title-text h2 {font-family: Clockmaker Bold;font-style: normal;font-weight: 600;font-size: 100px;line-height: 120px;text-transform: uppercase;color: #FDF4E0;margin: 0;}
.contactSec .contact-address {width: 100%;padding-top: 30px;}
.contactSec .contact-address {width: 100%;padding-top: 30px;}
.contactSec .contact-address h2 {font-style: normal;font-size: 40px;line-height: 50px;text-transform: uppercase;color: #FDF4E0;text-align: left;font-family: 'EBGaramond Medium'}
.contactSec .contact-address h4 {font-style: normal;font-size: 25px;line-height: 30px;text-transform: uppercase;color: #FDF4E0;margin: 15px 0;font-family: 'EBGaramond SemiBold'}
.contactSec .contact-address p {font-style: normal;font-size: 25px;line-height: 38px;text-transform: capitalize;color: #FDF4E0;margin-bottom: 30px;font-family: "EBGaramond Regular";}
.contactSec .contact-address .address li {width: 100%;position: relative;padding-left: 40px;color: #FFFFFF;margin: 15px 0;display: inline-block;}
.contactSec .contact-address .address li span {position: absolute;left: 0;top: 6px;width: 30px;height: 30px;line-height: 28px;border: 1px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.contactSec .contact-address .address li span img {max-width: 15px;}
.contactSec .contact-address .address li a {font-style: normal;font-weight: 400;font-size: 25px;line-height: 38px;color: #FDF4E0;font-family: "EBGaramond Regular";}
.contactSec .contact-map {width: 100%;position: relative;z-index: 2;}
.contactSec .contact-map iframe {border-radius: 10px;position: absolute;left: 0;top: 0;box-shadow: 0px 5px 19px 0px rgba(0, 0, 0, 0.25);}
.block-enquiries {width: 100%;position: relative; padding: 200px 0 100px;overflow: hidden;}
.block-enquiries h2 {color: #000000;margin-bottom: 20px;font-style: normal;font-size: 40px;line-height: 50px;text-transform: uppercase;text-align: left;font-family: "EBGaramond Regular";}
.block-enquiries .enquiries-item {width: 100%;position: relative; }
.block-enquiries .enquiries-item .sales-name {color: #000000;margin-bottom: 10px;font-style: normal;font-family: 'EBGaramond Bold';font-size: 25px;line-height: 30px;text-transform: uppercase;}
.block-enquiries .enquiries-item .name {font-size: 28px;line-height: 38px;text-transform: capitalize;color: #000000;margin-bottom: 10px;font-family: "EBGaramond Regular";}
.block-enquiries .enquiries-item .mail {font-size: 25px;line-height: 38px;text-transform: lowercase;color: #000000;font-family: "EBGaramond Regular";}
.brown-bg {background-color: #efe1c3;}


footer {width: 100%;background-color: #000000;position: relative;padding: 120px 0 0;z-index: 1;overflow-x: hidden;}
footer:before {position: absolute;content: '';top: 0px;left: 0;margin: auto;width: 100%;height: 14px;background-image: url(../images/footer-line.png);background-repeat: repeat; }
footer .footer-camikara {position: absolute;left: 0;right: 0;margin: auto;bottom: 20px;z-index: 99;}
footer .get-touch {font-family: "Clockmaker Bold";font-style: normal;font-weight: 600;font-size: 120px;line-height: 120px;color: #FDF4E0;text-transform: uppercase;margin: 0;text-align: left;}
footer .info {width: 100%;position: relative;text-align: center;}
footer .info h4 {color: #FDF4E0;font-family: Garamond;font-size: 18px;font-style: normal;font-weight: 700;line-height: 30px;text-transform: capitalize;margin: 0;}
footer .info img {display: inline-block;}
footer .info .link {color: #FDF4E0;font-family: Garamond;font-size: 18px;font-style: normal;font-weight: 400;line-height: 32px;text-decoration: underline !important;display: block;}
footer .info .piccadily-logo {margin: 36px 0;}
footer .info .address {width: 100%;}
footer .info .address li {width: 100%;position: relative;padding-left: 40px;color: #FFFFFF;}
footer .info .address li img {position: absolute;left: 0;top: 6px;}
footer .info .address li a {color: #FDF4E0;font-family: EB Garamond;font-size: 18px;font-style: normal;font-weight: 400;line-height: 32px}
footer .info .address li a.mail {text-decoration: underline !important;}
footer .info .address li:not(:last-child) {margin-bottom: 20px;}
footer .info .address li .mail {line-height: 26px;}
footer .footer-menu {width: 450px;max-width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin: 50px 0 80px;}
footer .footer-menu li {    margin: 10px 0;}
footer .footer-menu li a {font-family: "Clockmaker SemiBold";font-style: normal;font-size: 16px;line-height: 20px;text-align: center;text-transform: uppercase;color: #FDF4E0;}
footer .social-media {display: flex;align-items: center;margin-top: 30px;}
footer .social-media a:not(:last-child) {margin-right: 30px;}
footer .social-media a:first-child img {height: 30px;}
footer .social-media a:last-child img {height: 30px;}
footer  .footer-copy {width: 100%;text-align: center;padding-bottom: 40px;}
footer .footer-copy p {color: #FDF4E0;text-align: center;font-family: Garamond;font-size: 18px;font-style: normal;font-weight: 400;line-height: 32px;text-transform: capitalize;margin: 0;}
footer .footer-copy p.powered-by {padding: 20px 0 0;}
footer .footer-copy p a {color: #FFFFFF;text-transform: lowercase;}
footer .footer-copy p a.piccadily {text-decoration: underline !important;}
footer .footer-copy .address {display: flex;width: 100%;justify-content: center;margin: 20px 0;}
footer .footer-copy .address li a {color: #FDF4E0;font-family: Garamond;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}
footer .footer-copy .address li {display: flex;align-items: center;}
footer .footer-copy .address li img {margin-right: 5px;}
footer .footer-copy .address li:not(last-child) {margin-right: 15px;}
.footer-dhol {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    height: 300px;
    padding: 0 0 10px;
}
.footer-dhol .demo1 {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 178px;
    max-height: 213px;
    bottom: -30px;
    left: -3%;
    z-index: 11;
}
.footer-dhol .demo2 {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 296px;
    max-height: 265px;
    left: 1%;
    bottom: -110px;
    z-index: 10;
}
.footer-dhol .demo3 {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 233px;
    max-height: 277px;
    left: 14%;
    bottom: -50px;
    z-index: 9;
}
.footer-dhol .demo4 {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 251px;
    max-height: 303px;
    left: 23%;
    bottom: -143px;
    z-index: 8;
}
.footer-dhol .demo5 {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 251px;
    max-height: 303px;
    left: 34%;
    bottom: -40px;
    z-index: 7;
}
.footer-dhol .demo6 {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 253px;
    max-height: 331px;
    left: 46%;
    bottom: -138px;
    z-index: 6;
}
.footer-dhol .demo7 {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 306px;
    max-height: 333px;
    left: 55%;
    bottom: -75px;
    z-index: 6;
}
.footer-dhol .demo8 {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 298px;
    max-height: 243px;
    left: 64%;
    bottom: -75px;
    z-index: 5;
}
.footer-dhol .demo9 {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 255px;
    max-height: 305px;
    left: 75%;
    bottom: -75px;
    z-index: 6;
}
.footer-dhol .demo10 {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 283px;
    max-height: 279px;
    left: 80%;
    bottom: -75px;
    z-index: 7;
}
.footer-dhol .demo11 {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 261px;
    max-height: 232px;
    right: -73px;
    bottom: -75px;
    z-index: 8;
}
.footer-dhol img {
    width: 100%;
    height: 100%;
}
.toggleMenu, .closeMenu{display: none;}

@media only screen and (max-width:1400px){
    h3{margin-bottom: 15px}
    .mixologyElem .content{padding: 0}
    .mixerSec .content{padding: 10px 30px 0 30px}
    .mixerSec .content ul{margin-top: 40px}
    .mixerSec .content ul li figure{margin-bottom: 20px}
    .whyUsSec .content{width: 525px}
    .title-text h2{font-size: 90px;line-height: 120px}
    .heroSlider h1{font-size: 65px}
    .heroSlider .detail{padding: 90px 70px 0 40px}
    .heroSlider p{margin-top: 140px;}
}

@media only screen and (max-width:1199px){
    .heroSlider p{font-size: 20px}
    .heroSlider h1{font-size: 55px}
    .heroSlider .detail {padding: 90px 10px 0 40px;}
    body{font-size: 16px}
    h2{font-size: 50px}
    h3{font-size: 40px}
    nav ul li {margin-left: 60px;}
    .heroOwl .item h1{font-size: 50px}
    .heroOwl .item .detail{width: 500px}
    .mixologyElem .imgArea img{width: 250px}
    .collectionSec, .mixerSec, .whyUsSec{padding: 70px 0}
    .collectionSec .box h3{font-size: 28px}
    .collectionSec .box figure {margin-bottom: 20px;}
    .mixerSec .content {padding: 10px 0 0 10px;}
    .mixerSec .content ul{padding-right: 0}
    .mixerSec .content ul li h5{font-size: 18px}
    .whyUsSec h3{margin-bottom: 40px}
    .whyUsSec ul li p{font-size: 18px}
    .whyUsSec ul li p strong{font-size: 20px}
    .whyUsSec ul li{margin-bottom: 30px}
    .gallerySec{padding: 40px 0}
    .title-text h2{font-size: 80px;line-height: 80px}
}

@media only screen and (max-width:992px){
    .topSpace {margin-top: 124px;}
    .heroSlider .detail {padding: 90px 0 0 0;}
    .heroSlider h1 {font-size: 45px;}
    .heroSlider p {margin-top: 80px;width: 215px;    }
    body{font-size: 14px}
    h2{font-size: 40px}
    h3{font-size: 30px}
    .heroOwl .item h1{font-size: 34px;margin-bottom: 15px}
    nav ul li{margin-left: 40px}
    .logo img{width: 120px}
    header{padding: 15px 0}
    .mixologyElem .imgArea img {width: 160px;}
    .collectionSec, .mixerSec, .whyUsSec {padding: 50px 0;}
    .collectionSec .box h3{font-size: 22px;margin-bottom: 15px;}
    .heroOwl .item .detail {width: 350px;}
    .mixerSec .content {padding: 10px 0 0 0;}
    .mixerSec .content ul li h5 {font-size: 16px;    }
    .mixerSec .content ul li p{font-size: 14px}
    .mixerSec .content ul li{width: 110px}
    .whyUsSec{background-size: auto;background-position: -160px 0;}
    .whyUsSec ul li p {font-size: 16px;}
    .whyUsSec ul li p strong{font-size: 18px}
    .whyUsSec .content{width: 395px}
    .whyUsSec ul li span{width: 40px;height: 40px;font-size: 18px}
    .whyUsSec ul li{padding-left: 55px}
    .whyUsSec.maitaiBg{background-position: -350px 0;}
    footer .get-touch {font-size: 50px;line-height: 57px;}
    footer .footer-menu{margin: 20px 0 30px;}
    footer {padding: 50px 0 0;}
    footer .get-touch {font-size: 50px;line-height: 57px;}
    footer .info h4 {font-size: 26px;line-height: 32px;}
    footer .info .address li a {font-size: 18px;line-height: 26px;}
    footer .footer-menu li .social-media {justify-content: center;}
    .block-media-articale .articale-item.media-articale-black .content h3 {font-size: 22px;line-height: 32px;}
    .block-media-articale .articale-item.media-articale-black .content {padding: 15px;}
    .contactSec .contact-map iframe {height: 400px;position: relative;}
    .contactSec .contact-address h2 {font-size: 45px;line-height: 45px;margin-bottom: 20px;}
    .contactSec .contact-address h4 {font-size: 30px;line-height: 36px;}
    .contactSec .contact-address p {font-size: 20px;line-height: 26px;margin-bottom: 10px;}
    .contactSec .contact-address .address li {margin: 10px 0;}
    .contactSec .contact-address .address li a {font-size: 20px;line-height: 38px;}
    .contactSec .contact-map {margin-top: 30px;}
    .block-enquiries{padding: 50px 0}
    .block-enquiries h2 {font-size: 45px;line-height: 46px;margin-bottom: 20px;    }
    .block-enquiries .enquiries-item .sales-name {font-size: 26px;line-height: 30px;}
    .block-enquiries .enquiries-item .name{font-size: 20px}
    .blokc-enquiries .enquiries-item .mail {font-size: 20px;line-height: 28px;}    
}

@media only screen and (max-width:767px){
    .heroSlider p{font-size: 16px}
    .title-text{padding-bottom: 10px}
    nav{display: block;position: fixed;width: 310px;top: 0;right: -100%;background: #efe1c3;height: 100vh;z-index: 999;padding-top: 70px;transition: all .3s 
linear 0s;}
    nav.active{right: 0}
    nav ul{flex-direction: column;align-items: flex-start;}
    nav ul li{margin: 0;width: 100%}
    nav ul li a{padding: 20px 15px;display: block;border-bottom: 1px solid #776161ef;}
    .toggleMenu, .closeMenu{display: block;}
    .closeMenu{color: #000;position: absolute;top: 15px;right: 15px;font-size: 20px}
    .toggleMenu img{filter: brightness(100) invert(1);}
    .logo img {width: 70px;}
    .heroOwl .item h1{font-size: 20px}
    .heroOwl .item p{font-size: 13px}
    .heroOwl .item .detail {width: 250px;    }
    .mixologyElem{flex-direction: column;}
    .mixologyElem .content{margin: 20px 0}
    .mixerSec .row>div{width: 100%}
    .gallerySec{padding: 0}
    footer .get-touch {margin-bottom: 20px;text-align: center;}
    .title-text h2 .spacing {padding-left: 50px;}
    footer .social-media {margin-bottom: 30px;justify-content: center;}
    .block-enquiries .enquiries-item {margin-bottom: 20px;}
    footer .footer-copy {padding-bottom: 0;}
    footer .footer-menu li a{font-size: 14px}    
    .footer-dhol {height: 200px;}
    .footer-dhol .demo1 {max-width: 150px;max-height: 170px;bottom: -34px;}
    .footer-dhol .demo2 {max-width: 200px;max-height: 200px;left: 1%;bottom: -110px;}
    .footer-dhol .demo3 {max-width: 170px;max-height: 200px;}
    .footer-dhol .demo4 {max-width: 170px;max-height: 200px;}
    .footer-dhol .demo5 {max-width: 170px;max-height: 200px;}
    .footer-dhol .demo6 {max-width: 170px;max-height: 200px;}
    .footer-dhol .demo7 {max-width: 170px;max-height: 200px;}
    .footer-dhol .demo8 {max-width: 170px;max-height: 200px;}
    .footer-dhol .demo9 {max-width: 170px;max-height: 200px;}
    .footer-dhol .demo10 {max-width: 170px;max-height: 200px;}
    .footer-dhol .demo11 {max-width: 170px;max-height: 200px;} 
    footer .info h4{font-size: 20px}   
    .title-text h2{font-size: 44px;line-height: 50px;}
    .contactSec .contact-address h2, .block-enquiries h2 {font-size: 30px;line-height: 35px;}
    .contactSec .contact-address h4, .block-enquiries .enquiries-item .sales-name, .block-enquiries .enquiries-item .name {font-size: 20px;line-height: 24px;}
    .contactSec .contact-address p, .block-enquiries .enquiries-item .mail {font-size: 16px;line-height: 22px;} 
    .contactSec .contact-address .address li a {font-size: 16px;line-height: 38px;}
    .contactSec .contact-address .address li {margin: 0;}    
    .contactSec{padding: 50px 0}
        .heroSlider h1 {font-size: 35px;}
    .heroSlider p {margin-top: 30px;width: 175px;}
      .heroSlider .content{position: relative;top: 0;left: 0;transform: translate(0, 0);background: #d5f679;}
    .heroSlider .detail {padding: 50px 0;flex-direction: column;}
    .heroSlider h1{font-size: 30px;margin: 0}
    .heroSlider h1 span {display: inline-block;}
    .heroSlider p {width: 100%;margin: 12px 0 0 0;}
    header .logo img {width: 120px;}
    .topSpace {margin-top: 108px;    }
}


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

    .pageBanner{height: 200px}    
    .pageBanner img{    width: 100%;height: 100%;object-fit: cover;}
    h2 {font-size: 30px;}    
    .collectionSec, .mixerSec, .whyUsSec {padding: 40px 0;    }
    .heroOwl .item figure{height: 250px}
    .heroOwl .item figure img{width: 100%;height: 100%;object-fit: cover;}
    .collectionSec .box h3{font-size: 18px}
    .collectionSec .box a{width: 25px;height: 25px}
    .collectionSec .box a img{width: 15px}
    .gallerySec .owl-stage-outer {padding: 60px 0;}
}