/*font-family: 'Raleway', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*font-family: 'Cormorant', serif;*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
html{overflow-x: hidden;}
body{ overflow-x: hidden;font-family: 'Raleway', sans-serif;color:#000;margin:0;padding:0;font-size:18px;line-height: 1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#5621DF;  transition: background 1s ease;background: #fff;}
h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 {margin-bottom:20px;line-height: 1.25;font-family: 'Cormorant', serif;font-weight: 700;}

.big-h1{font-size: 82px;line-height: 1.3}
h1,.h1{font-size: 76px;line-height: 1.2;font-weight: 400;}
h2,.h2{font-size: 52px;}
h3,.h3{font-size: 42px;}
h4,.h4{font-size: 30px;}
h5,.h5{font-size: 24px}
h6,.h6{font-size: 22px;}
.big{font-size: 18px;}
.small{font-size: 14px;}
p{margin-bottom: 20px;font-family: 'Raleway', sans-serif;font-size: 18px;}
p:nth-last-child(1){margin-bottom: 0}

h1 span{color: #000}
h2 span{color: #000}
h3 span{color: #000}
h4 span{color: #000}
.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6{color:#fff}
::-moz-selection{color:#fff;background:#701E20}
::selection{color:#fff;background:#701E20}

/*plaecholder*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #D4D4D4;opacity: 1}
input::-moz-placeholder,
textarea::-moz-placeholder{color: #D4D4D4;opacity: 1}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #D4D4D4;opacity: 1}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder{color: #D4D4D4;opacity: 1}
input::placeholder,
textarea::placeholder{color: #D4D4D4;opacity: 1}

a{color: #000;background-color: transparent;display: inline-block;}
a:hover{text-decoration: none;color: #958775;}
:focus{outline: 0;}
a:visited,a:focus, a:active {text-decoration: none;outline: 0;}
.container{max-width: 1510px; padding-left: 75px;padding-right: 75px;}
.font-weight-light{font-weight: 300!important}
.font-weight-medium{font-weight: 500!important}
.font-weight-semibold{font-weight: 600!important}
.font-weight-black{font-weight: 900!important}

.slick-slide{outline: 0;overflow: hidden;}
.slick-arrow{background-color: transparent;/*position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);*/color: #fff;border:0;font-size:0;width:50px;height:50px;cursor:pointer;z-index:1;outline:0 !important;background-image:none !important;padding:12px;border-radius:50%}
.slick-arrow:hover{background-color: #fff;}
.slick-arrow::after{text-rendering:auto;position:absolute;height:100%;top:50%;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);font-size:40px;line-height:0;font-family: "Font Awesome 5 Pro";font-weight:400;color:#fff}
.slick-arrow:hover:after{color:#01FE8A}
.slick-prev::after{content:"\f177";}
.slick-next::after{content: "\f178";}
.slick-prev{left:0px;}
.slick-next{right:0px;}
.slick-dots{width:100%;list-style:none;text-align:center;position:relative;line-height:0;top:10px}
.slick-dots li{position: relative;display: inline-block;cursor: pointer;list-style: none;margin: 0 5px;border: 2px solid #000;border-radius: 50%;padding: 6px;}
.slick-dots li button {font-size: 20px;line-height: 0;border-radius: 50%;display: block;width: 10px;height: 10px;cursor: pointer;color: transparent;background-color: transparent;border: 0px solid #0368ab;outline: 0 !important;position: relative;padding: 0;background-image: none;}
.slick-dots li:hover,.slick-dots li.slick-active{border-color: #0368ab}
.slick-dots li button:hover,.slick-dots li.slick-active button {background-color: #0368ab;}

.drawer-open{overflow: hidden;}
.full-width{max-width: 100%;width: 100%;}
/*main{padding-top: 118px;}*/
img{max-width: 100%;width: auto;}
.img-wrapper {position: relative;padding-top: 100%;}
.img-wrapper img {position: absolute;top: 0;height: 100%;width: 100%;object-fit: cover;}

/*button css*/
.btn{
	font-weight: 600;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	background-color: transparent;
	color: #FFFFFF;
	letter-spacing: 0.05em;
    padding: 16px 30px;
    line-height: normal;
	border: 1px solid #FFFFFF;
	border-radius: 26.5px;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
.btn:hover{
	background-color: #43191F;
    color: #fff;
}

/*header css*/
.site-header{
	background: linear-gradient(150.34deg, #42191F 3.79%, #47121A 37.87%, #5C2028 68.93%, #832F3C 100%);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}
.menu-icon {
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.site-header .menu-icon .line{
	width: 27px;
    height: 2px;
    background-color: #ecf0f1;
    display: block;
    margin: 6px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-header .menu-icon.active .line:nth-child(2){
  	opacity: 0;
}
.site-header .menu-icon.active .line:nth-child(1){
	-webkit-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	-o-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg);
}
.site-header .menu-icon.active .line:nth-child(3){
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	-o-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}
header .header-logo img{
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
header.sticky .header-logo img{
    max-width: 190px;
}
.site-header .full-width{
	padding: 0 75px;
}
.mega-menu{
	position: fixed;
	top: 0;
    left: -100%;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
    height: 100vh;    
    width: 100%;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
}
.mega-menu:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(89.96deg, #42191F 40.9%, rgba(0, 0, 0, 0) 99.96%);
}
.mega-menu.open{
	opacity: 1;
	visibility: visible;
	left: 0;
}
/*.mega-menu-wrapper {
    margin-top: 7%;
}*/
.mega-menu .mega-menu-body{
	max-width: 500px;
    position: relative;
}
.mega-menu ul{
	list-style: none;
	padding-left: 0;
}
.mega-menu ul > li {
	display: block;
	position: relative;
}
.mega-menu ul > li > a {
    color: #fff;
    font-size: 65px;
    font-weight: 400;
    font-family: 'Cormorant', serif;
    line-height: 1.5;
    transition: color .5s cubic-bezier(.32,.24,.15,1);
    position: relative;
    opacity: 0;
}
.mega-menu ul > li:not(:last-child){
	margin-bottom: 10px;
}
.mega-menu ul li a:hover,
.mega-menu ul li.active a{
	color: #958775;
}
.header-logo {
    position: relative;
    z-index: 2;
}
.mega-menu.open ul li a {animation-name: NavLiAnimation; animation-duration: 0.6s; animation-direction: alternate;  animation-delay: 0.6s;  animation-fill-mode: forwards;} 
.mega-menu.open ul > li:nth-child(1) > a { animation-delay: 0.6s;}
.mega-menu.open ul > li:nth-child(2) > a { animation-delay: 0.7s;}
.mega-menu.open ul > li:nth-child(3) > a { animation-delay: 0.8s;}
.mega-menu.open ul > li:nth-child(4) > a { animation-delay: 0.9s;}
.mega-menu.open ul > li:nth-child(5) > a { animation-delay: 1s;}
.mega-menu.open ul > li:nth-child(6) > a { animation-delay: 1.1s;}
.mega-menu.open ul > li:nth-child(7) > a { animation-delay: 1.2s;}
.mega-menu.open ul > li:nth-child(8) > a { animation-delay: 1.3s;}
@keyframes NavLiAnimation {
  from {     
    opacity: 0;
    right: 40px;
  } 
  to {     
    opacity: 1; 
    right: 0;
  }
}
.mega-menu ul ul {
	position: absolute;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    top: 30px;
    padding-left: 30px;
    height: 100%;
    left: 100%;
    width: 100%;
}
.mega-menu ul ul li{
	display: block;
}
.mega-menu ul ul li a{
	color: #fff;
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
}
.mega-menu ul > li:hover ul{
	opacity: 1;
	visibility: visible;
}
.mega-menu-wrapper{
	height: calc(100vh - 325px);
    margin-top: 120px;
    overflow-y: scroll;
    position: relative;
    z-index: 1;
}
.search {
    overflow: hidden;
    position: absolute;
    bottom: 65px;
    width: 100%;
    left: 0;
    right: 0;
}
.search form .form-group{
	position: relative;
}
.search form input{
    background-color: transparent;
    font-size: 22px;
    font-weight: normal;
    color: #fff;
    border: 0;
    padding: 5px 5px 5px 35px;
    line-height: normal;
    font-family: 'Cormorant', serif;
}
.search form .form-group svg{
	position: absolute;
    left: 0;
    top: 50%; 
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);  
}
.search form input::-webkit-input-placeholder{color: #fff;opacity: 1}
.search form input::-moz-placeholder{color: #fff;opacity: 1}
.search form input:-ms-input-placeholder{color: #fff;opacity: 1}
.search form input::-ms-input-placeholder{color: #fff;opacity: 1}
.search form input::placeholder{color: #fff;opacity: 1}
.search form {
    transform: translateY(105%) translateZ(0);
    transition: transform .5s cubic-bezier(.165,.84,.44,1) 0s;
}
.mega-menu.open .search form{
    transition: transform .9s cubic-bezier(.165,.84,.44,1) .8s;
    transform: translateY(0) translateZ(0)
}


/*home hearo banner*/
.hero-section{height: 100vh;
	height: calc((var(--vh, 1vh) * 100));}
.hero-section .hero-slide:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 68.7%, rgba(0, 0, 0, 0.85) 100%);
}
.hero-section .hero-slide{
	height: 100vh;
	height: calc((var(--vh, 1vh) * 100));
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
}
.wine-images {
    position: absolute;
    bottom: 3%;
    right: 50px;
}
.hero-section .hero-slide .heading {
    margin: 0 0 100px;
    opacity: 0;
    position: relative;
}
.hero-section .hero-slide .btn{
	opacity: 0;
	transition: all 0.2s ease;
	position: relative;
}
.hero-section .slick-active .heading { animation: SlideContentText 1s forwards; animation-delay: .8s; }
.hero-section .slick-active .btn{ animation: SlideContentText 1s forwards; animation-delay: 1.5s;}
@keyframes SlideContentText { from {  left: -80px;  opacity: 0; } to {  left: 0;  opacity: 1; }}

.hero-section .hero-content {
    padding: 6% 0;
    max-width: 70%;
}

/*footer css*/
footer{
	position: relative;		
    overflow: hidden; 
	background-repeat: no-repeat !important;
    background-position: 96% bottom !important;
    padding: 85px 0 0;
}
footer:after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(../images/curve-line.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100% - 6px);
    width: 100%;
    z-index: -1;
}
footer:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg, #85353e 0%, #41181e 21%, #591f2b 100%);
	z-index: -1;
    border-top: 6px solid #701E20;
}
footer .footer-bottom-image .right-img{
    bottom: -60px;
    position: relative;
}
footer .contact-detail p,
footer .contact-detail a{
	color: #958775;
    font-size: 22px;
    line-height: 1.3;
}
 footer .contact-detail a:hover{
 	color: #fff;
 }
footer .copy-right a{
	color: #fff;
}
footer .copy-right a:hover{
	color: #958775;
}
footer .footer-compass-img img{
	width: auto;
	max-width: initial;
}
footer .contact-detail {
    padding: 21% 0 7%;
    max-width: 54%;
}

/*inner page banner*/
.inner-banner{
    margin: 0 0 240px;
    position: relative;
}
.inner-banner-slide{
	min-height: 670px;
	padding: 0 0 180px;	
	background-repeat: no-repeat;
    background-size: cover;
}
.inner-banner-content {
	padding: 0 50px;
}
.inner-banner .heading{
	letter-spacing: 0.365em;
    margin-bottom: -30px;
}
.inner-banner .banner-compass-img img {
    max-width: 247px;
    position: absolute;
    bottom: -120px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

/*common-content*/
.common-content h1{
    color: #42191F;
    margin: 0px 0 90px -120px;
    padding: 40px 0 0;
}
.common-content .content {
    padding: 0 120px;
}
.common-content h2{
	letter-spacing: 0.06em;
	color: #958775;
	margin: 50px 0 40px;
	font-size: 28px;
	font-family: 'Raleway', sans-serif;
    line-height: 1.5;
    font-weight: normal;
}
.common-content h3{
	letter-spacing: 0.05em;
	color: #958775;
	margin: 50px 0 40px;
	font-size: 28px;
    line-height: 1.5;
    font-weight: normal;
}
.common-content h4{
	font-size: 24px;
	letter-spacing: 0.05em;
	color: #958775;
	margin: 50px 0 40px;
    line-height: 1.3;
    font-weight: normal;
}
.common-content h5{
	font-size: 20px;
}
.common-content h6{
	font-size: 18px;
}
.common-content h3,
.common-content h5,
.common-content h6{
	font-weight: normal;
	letter-spacing: 0.05em;
	color: #958775;
	margin: 50px 0 40px;
}
.common-content ul,
.common-content ol {
    padding: 0 0 0 18px;
    margin: 0 0 30px;
}
.common-content ul li,
.common-content ol li{
	color: #533D3D;
    margin: 0 0 15px;
    letter-spacing: 0.05em;
}
.common-content-section{
	margin: 100px 0;
}
.common-content p{
	color: #533D3D;
    margin: 0 0 30px;
    letter-spacing: 0.05em;
}
.common-content img{
	margin: 0 0 30px;
}
.common-content a{
    color: #958775;
    text-decoration: underline;
}
.common-content a:hover{
    color: #42191F;
}
.figure-left {
    margin: 0 30px 30px 0 !important;
}
.figure-right{
	margin: 0 0 30px 30px !important;
}
.figure-center{
	margin: 0 0 30px 0 !important;
}
.figure-left img,.figure-right img,.figure-center img{
    margin: 0;
}
.img-with-text {
    margin: 100px 0;
}
.img-with-text .row{
	margin-left: -40px;
	margin-right: -40px;
	padding: 0 50px;
}
.img-with-text .row .col-lg-6{
	padding-left: 40px;
	padding-right: 40px;
}
.img-with-text img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-with-text.full img{
	width: 100%;
}
.img-with-text.full{
	margin-bottom: 0;
}
.img-with-text .common-content h1{
	margin-left: 0;
}

/*product section*/
.product-section .product-col{
    padding: 0;
    position: relative;
}
.product-section .product-col.gray{
	background-color: #F0F0F0;
}
.product-section .product-content {
    position: absolute;
    bottom: 17%;
    left: 12%;
    width: 50%;
}
.product-section .product-content h3{
	color: #42191F;	
}
.product-section .product-content a{
	color: #958775;
	font-size: 16px;
}
.product-section .product-content a svg{
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-left: 5px;
}
.product-section .product-content a:hover svg{
	margin-left: 15px;
}
.product-section .product-content a:hover{
	color: #42191F;	
}
.product-section .product-content a:hover svg path{
	fill: #42191F;
}
.product-wrapper .img-wrapper img{
    right: 0;
    width: auto;
}

/*form-section*/
.form-section{
	margin: 0 0 100px;
}
body .form-section .fui-label,
body .form-section .fui-legend{
	letter-spacing: 0.05em;
	color: #701E20;
	font-size: 18px;
	margin: 0 0 12px;
	font-weight: normal;
}
.form-section .fui-required {
    color: #701E20;
}
.form-section .fui-page-field select,
.form-section .fui-page-field input,
.form-section .fui-page-field textarea{
	border: 1px solid #701E20;
	padding: 14px 10px;
	border-radius: 10px;
	color: #533D3D;
	letter-spacing: 0.05em;
	overflow: hidden;
}
.form-section .fui-page-field select{
	color: #d4d4d4;
}
.form-section textarea{
	height: 134px;
}
.form-section .fui-field:not(.fui-type-hidden-field) {
    margin-bottom: 25px;
}
.form-section .fui-submit{
    background-color: #701E20;
    border: 1px solid #701E20;
    font-weight: 600;
    font-size: 18px;
    border-radius: 26px;
    font-family: 'Raleway', sans-serif;
    padding: 11px 30px;
    color: #fff !important;
}
.form-section .fui-submit:hover{
	background-color: #fff;
	color: #701E20 !important;
}
.form-section .fui-submit:active, .form-section .fui-submit:focus {
    border-color: #701e20;
    box-shadow: none;
    background-color: #701e20;
}
.form-section .craftcms-formdiv{
	max-width: 990px;
}
.form-section input::-webkit-input-placeholder,
.form-section textarea::-webkit-input-placeholder{color: #D4D4D4;opacity: 1}
.form-section input::-moz-placeholder,
.form-section textarea::-moz-placeholder{color: #D4D4D4;opacity: 1}
.form-section input:-ms-input-placeholder,
.form-section textarea:-ms-input-placeholder{color: #D4D4D4;opacity: 1}
.form-section input::-ms-input-placeholder,
.form-section textarea::-ms-input-placeholder{color: #D4D4D4;opacity: 1}
.form-section input::placeholder,
.form-section textarea::placeholder{color: #D4D4D4;opacity: 1}

.form-section .fui-checkbox label, .form-section .fui-radio label{
	letter-spacing: 0.05em;
	color: #701E20;
	font-size: 18px;
	font-weight: normal;
	min-height: 40px;
	display: flex;
	align-items: center;
    padding-left: 50px;
}
.form-section .fui-checkbox label:before, .form-section .fui-radio label:before{
    width: 40px;
    height: 40px;
    border: 1px solid #701E20;
    top: 0;
}
.form-section .fui-checkbox input:checked+label:before, .form-section .fui-radio input:checked+label:before{
    background-color: #701E20;
    border-color: #701E20;
    box-shadow: inset 0px 0px 0px 7px #fff;
    background-image: none;
}
body .form-section .fui-radio {
    display: inline-block;
    padding-right: 30px;
    margin: 10px 0 0;
}
.form-section .fui-select:not([multiple]):not([size]){
	background-image: url(../images/select-arrow.svg);
    background-size: 1.5em 2em;
}
.form-section .fui-instructions p {
    font-size: 14px;
}
.form-section select option {
    color: #701E20;
    font-size: 18px;
    letter-spacing: 0.05em;
}
.form-section .fui-input:focus, .form-section .fui-select:focus{
	box-shadow: none;
}
.form-section .fui-loading:after{
	display: none;
}

/*renposive css*/
@media (max-width: 2800px) and (min-width: 2121px){

}
@media only screen and (max-width: 1680px) {
	h1,.h1{font-size: 75px;line-height: 1.2;}
	.mega-menu ul > li > a{font-size: 46px;}
	.mega-menu .mega-menu-body{
	    max-width: 410px;
	}
	.mega-menu-wrapper{
	    height: calc(100vh - 340px);
	}
}
@media only screen and (max-width: 1440px) {
	h1,.h1{font-size: 70px;line-height: 1}
	.mega-menu ul > li > a {
	    font-size: 38px;
	}
	.wine-images{
	    bottom: 0;
	}
	.wine-images img {
	    width: 140px;
	}
	.hero-section .hero-slide .heading{
	    margin: 0 0 80px;
	}
	footer .footer-bottom-image .right-img{
		max-width: 60%;
	}
	footer .contact-detail{
	    padding: 13% 0 6%;
	    max-width: 100%;
	}
	.mega-menu .mega-menu-body{
	    max-width: 350px;
	}
	.mega-menu-wrapper{
		height: calc(100vh - 270px);
	}
	header.sticky .header-logo img {
	    max-width: 150px;
	}
}
@media only screen and (max-width: 1199px) {
	.big-h1{font-size: 60px;}
	h1,.h1{font-size: 54px;line-height: 1}
	h2,.h2{font-size: 46px;}
	h3,.h3{font-size: 38px;}
	body,p{font-size: 16px;}
	.site-header .full-width,.container {
	    padding: 0 30px;
	}
	.mega-menu ul > li > a{
		font-size: 40px;
	}
	.hero-section .hero-slide .heading{
	    margin: 0 0 70px;
	}
	.wine-images{
		right: 5px;
	}
	footer{
		background-size: 320px !important;
	}
	footer .footer-bottom-image .right-img {
	    max-width: 54%;
	}
	footer .contact-detail{
		padding: 10% 0 3%;
	}
	footer .footer-bottom-image .left-img {
	    max-width: 200px;
	}
	.inner-banner {
        margin: 0 0 190px;
	}
	.inner-banner-slide{
	    min-height: 500px;		
	}
	.inner-banner .banner-compass-img img{
		max-width: 210px;
	}
	.inner-banner-content {
	    padding: 0;
	}
	.common-content h1{
	    margin: 0 0 65px -100px;
        padding: 30px 0 0;
	}
	.common-content .content {
	    padding: 0 100px;
	}
	.common-content-section,.img-with-text {
	    margin: 70px 0;
	}
	.img-with-text .row .col-lg-6 {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.img-with-text .row {
	    margin-left: -15px;
	    margin-right: -15px;
        padding: 0 30px;
	}
	.common-content h3, .common-content h4,.common-content h2{
		font-size: 26px;
	}
	.common-content h3, .common-content h5, .common-content h6{
	    margin: 40px 0 30px;
	}
	.product-section .product-content{
	    bottom: 15%;
    	left: 15px;
	}
	.product-section .product-content h3{
	    margin: 0 0 10px;
	}
	.mega-menu ul ul li a{
		font-size: 20px;
	}
	.form-section {
	    margin: 0 0 80px;
	}
}
@media only screen and (max-width: 991px) {
	.big-h1{font-size: 50px;}
	h1,.h1{font-size: 46px;}
	h2,.h2{font-size: 40px;}
	h3,.h3{font-size: 26px;}
	.mega-menu ul > li > a{
		font-size: 36px;
	}
	/*main {
	    padding-top: 104px;
	}*/
	.header-logo img {
	    max-width: 217px;
	}
	.wine-images img {
	    width: 120px;
	}
	
	footer .footer-bottom-image .left-img {
	    max-width: 180px;
	}
	footer .contact-detail,.img-with-text .row {
	    padding: 0;
	}
	.inner-banner{
	    margin: 0 0 150px;
	}
	.inner-banner-slide{
		min-height: 400px;
	}
	.inner-banner .heading{
		margin-bottom: 15px;
	}
	.inner-banner .banner-compass-img img{
	    max-width: 170px;
        bottom: -80px
	}
	.common-content .content {
	    padding: 0 30px;
	}
	.common-content h3, .common-content h4, .common-content h2 {
	    font-size: 24px;
	}
	.common-content h1 {
	    margin: 0 0 50px -30px;
        padding: 20px 0 0;
	}
	.common-content-section, .img-with-text {
	    margin: 50px 0;
	}
	.product-section .product-content a{
		font-size: 14px;
	}
	.mega-menu .mega-menu-body {
	    max-width: 300px;
	}
	.mega-menu ul ul li a{
		font-size: 18px;
	}
	.mega-menu ul ul{
		top: 10px;
	}
	.form-section {
	    margin: 0 0 60px;
	}
	.figure-left, .figure-right, .figure-center{
		margin: 0 0 30px !important;
	    width: 100% !important;
    	max-width: 100% !important;
    	text-align: center;
	}
	.figure-left img, .figure-right img{
		width: 100%;
	}
}
@media only screen and (min-width: 768px) {
	.img-with-text.right .row{
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
}
@media only screen and (max-width: 767px) {
	.big-h1{font-size: 44px;}
	h1,.h1{font-size: 38px;}
	h2,.h2{font-size: 36px;}
	h3,.h3{font-size: 24px;}
	body, p {font-size: 14px;}
	.mega-menu ul > li > a {
	    font-size: 30px;
	}
	/*main {
	    padding-top: 88px;
	}*/
	.site-header .full-width,.container {
	    padding: 0 15px;
	}
	.hero-section .hero-content{
		max-width: 100%;
	    padding: 0 0 150px;
	}
	.hero-section .hero-slide .heading {
	    margin: 0 0 40px;
	    text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.75);
	}
	.hero-section .hero-slide .heading br{
		display: none;
	}
	.wine-images img {
	    width: 90px;
	}
	.mega-menu:before{
		background: linear-gradient(89.96deg, #42191F 64.9%, rgba(0, 0, 0, 0) 200.96%);
	}
	.mega-menu-wrapper {
	    padding: 0 20px;
        height: calc(100vh - 240px);
    	margin-top: 150px;
	}
	footer .contact-detail{
		text-align: center;
	}
	.footer-logo {
	    padding: 0 0 30px;
	}
	footer .footer-bottom-image .left-img {
	    max-width: 168px;
	}
	footer .footer-bottom-image .right-img{
	    bottom: auto;
	    max-width: 160px;
	}
	.copy-right {
	    text-align: center;
	}
	.footer-bottom-image {
	    padding: 0 0 25px;
	}
	footer{
		padding: 75px 0 0;
	    background-size: 200px !important;
    	background-position: center right !important;
	}
	.mega-menu .mega-menu-body{
		max-width: 100%;
	}
	footer:after{
		background-image: url(../images/curve-line-mobile.svg);
	}
	.inner-banner {
        margin: 0 0 90px;
	}
	.inner-banner-slide{
	    min-height: 360px;		
        padding: 0 0 70px;
	}
	.inner-banner .banner-compass-img img {
	    max-width: 100px;
	    bottom: -50px;
	}
	.common-content h1 {
	    margin: 0 0 40px -15px;
	    padding: 10px 0 0;
	}
	.common-content h2{
		margin: 30px 0;
	}
	.common-content .content {
	    padding: 0 15px;
	}
	.common-content h3, .common-content h4, .common-content h2 {
	    font-size: 22px;
	}
	.common-content h3, .common-content h4, .common-content h5, .common-content h6{
		margin: 30px 0;
	}
	.common-content-section, .img-with-text {
	    margin: 30px 0;
	}
	.mega-menu ul ul{
		position: static;
	    display: none;
	    padding-left: 0px;
	    opacity: 1;
	    visibility: visible;
	}
	.mega-menu li.opened ul {
	    display: block;
	    opacity: 1;
	    visibility: visible;
	}
	.form-section {
	    margin: 0 0 40px;
	}
	.form-section .fui-checkbox label:before, .form-section .fui-radio label:before{
		height: 30px;
		width: 30px;
	}
	.form-section .fui-checkbox label, .form-section .fui-radio label{
	    min-height: 30px;
        padding-left: 40px;
	}
	.search{
		padding: 0 25px;
		bottom: auto;
    	top: 90px;
	}
}
@media only screen and (max-width: 480px){
	.big-h1{font-size: 38px;}
	h1,.h1{font-size: 36px;}
	h2,.h2{font-size: 32px;}
	.mega-menu ul > li > a{font-size: 28px;}
	.mega-menu-wrapper{height: calc(100vh - 250px);}
}
@media only screen and (max-width: 360px){
	footer .footer-bottom-image .left-img {
	    max-width: 140px;
	}
	footer .footer-bottom-image .right-img{
		max-width: 150px;
	}
}