@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');



@font-face {

    font-family: 'Proxima Nova Rg';

    src: url('../../fonts/ProximaNova-Regular.woff2') format('woff2'),

        url('../../fonts/ProximaNova-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'bebas_neuebold';

    src: url('../../fonts/bebasneue-bold-webfont.woff2') format('woff2'),

         url('../../fonts/bebasneue-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'bebas_neueregular';

    src: url('../../fonts/bebasneue-regular-webfont.woff2') format('woff2'),

         url('../../fonts/bebasneue-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

  font-family: 'Brandon Grotesque';

  src: url('../../../fonts/BrandonGrotesque-Regular.eot');

  src: url('../../fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),

    url('../../../fonts/BrandonGrotesque-Regular.woff') format('woff'),

    url('../../fonts/BrandonGrotesque-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}





@font-face {

    font-family: 'alingkug_wellanyregular';

    src: url('../../fonts/alingkugwellany-webfont.woff2') format('woff2'),

         url('../../fonts/alingkugwellany-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

body{

	/*font-family: 'Bebas Neue', cursive;*/

	font-family: 'Open Sans', sans-serif;

}

h1, h2, h3 {

    /**font-family: 'Playfair Display', serif;**/

    font-family: 'Poppins', sans-serif;

}



    /* ===== Welcome Module CSS (matches site style: Lora + Poppins, black shop-now-btn look) ===== */



    .welcome-wrapper{

      float: left;

      width: 100%;

      text-align: center;

 

      padding-top: 100px;

      padding-bottom: 0;

    }



    .welcome-wrapper .heading-box{

      float: left;

      width: 100%;

      padding: 0 0 30px;

      text-align: center;

    }



    .welcome-wrapper .heading-box h1{

      font-family: 'Lora', serif;

      font-size: 60px;

      font-weight: 500;

      line-height: 66px;

      color: #000;

      text-transform: uppercase;

      margin-bottom: 20px;

    }



    .welcome-wrapper .heading-box p{

      font-family: 'Poppins', sans-serif;

      font-weight: 400;

      font-size: 22px;

      line-height: 30px;

      color: #4a4a4a;

      max-width: 700px;

      margin: 0 auto;

    }



    .welcome-btn-box{

      float: left;

      width: 100%;

      display: flex;

      flex-wrap: wrap;

      justify-content: center;

      gap: 15px;

      margin-top: 40px;

    }



    .welcome-btn-box .shop-now-btn{

      background: #000;

      color: #fff;

      font-family: 'Poppins', sans-serif;

      font-weight: 600;

      font-size: 18px;

      letter-spacing: 1px;

      text-transform: uppercase;

      text-decoration: none;

      padding: 15px 30px;

      border: 2px solid #000;

      transition: all 0.35s ease;

    }



    .welcome-btn-box .shop-now-btn:hover{

      background: #fff;

      color: #000;

      text-decoration: none;

    }







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

}

.wrapper{

    float: left;

    width: 100%;

    position: relative;

    z-index: 10;

    

}



.getintouch-from .blew-btn {

    border-radius: 25px;

}

.navbar-dark .navbar-nav .nav-link {

    color: #fff;

    font-size: 16px;

    padding: .5rem 1rem;

    text-transform: uppercase;

}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{

    color: #2154cf;

}

.navbar {

    padding: 0 0 20px;

    float: left;

    width: 100%;

}

.navbar-brand .logo-img {

        height: 110px;   /* adjust to match your navbar height */

        width: auto;

      }

.consultant-wrapper .white-btn:hover{

    background: #000;

    color: #fff;

}

.navbar-container .btn-outline-primary:hover{

    background: #2154cf ;

    color: #fff;

    border-color: #2154cf;

}

.navbar-container .btn-outline-primary {

    color: #fff;

    background-color: transparent;

    background-image: none;

    border-color: #fff;

    border-radius: 0;

    border: 2px solid #fff;

}

.nav-wrapper{

    float: left;

    width: 100%;

    background: transparent;

    padding-top: 10px;

}



.dropdown:hover>.dropdown-menu {

  display: block; 

}

.navbar-nav .dropdown-menu {

  margin-top: 0;

}



/* .dropdown>.dropdown-toggle:active {


    pointer-events: none;

} */

.nav-right-box .dropdown-toggle::after {

    display: none;

}

.nav-right-box .dropdown-menu{

    left: auto;

    right: 0;

    margin-top: 0;

    width: 300px;

}



.nav-right-box ul{

    padding: 0;

    margin: 0;

}

.nav-right-box ul li {

    list-style: none;

    display: inline-block;

    float: left;

    padding: 0 15px;

    position: relative;

}

.nav-right-box ul li a {

    text-decoration: none;

    color: #fff;

    padding: 0;

}

.second-nav-wrapper .navbar-expand-md .navbar-collapse {

    width: 100%;

    padding: 0;

    margin-top: 0;

}

.second-nav-wrapper {

    display: block;

    float: left;

    width: 100%;

    position: relative;

    background: #000;

    padding: 20px 0;

}

.second-nav-wrapper .navbar-dark .navbar-nav .nav-link {

    padding: .5rem 2rem;

    border-top: 3px solid transparent;

}

.second-nav-wrapper .navbar-dark .navbar-nav .nav-link:focus, 

.second-nav-wrapper .navbar-dark .navbar-nav .nav-link:hover {

    color: #000;

    background: rgb(208, 208, 208);

    background: linear-gradient(0deg, rgb(228, 228, 228) 0%, rgb(208, 208, 208) 100%);

    border-top: 3px solid #6e6e6e;

}

.second-nav-wrapper .navbar{

  padding-bottom: 0;

}

.second-nav-wrapper .navbar-dark .navbar-nav .nav-link {

    color: #fff;

    font-size: 17px;

    font-family: 'Poppins', sans-serif;

    padding: 10px 10px;

    letter-spacing: 1px;

    font-weight: 500;

}

.second-nav-wrapper .navbar-expand-md .navbar-nav{

    display: block;

    width: 100%;

    flex-direction: inherit;

    float: left;

    text-align: center;

}

.second-nav-wrapper .navbar-expand-md .navbar-nav .nav-item{

    display: inline-block;

    position: static;

}

footer{

    float: left;

    width: 100%;

    background: #000;

    padding: 30px 0 20px;

}

.footer_top_heading {

    border-bottom: 1px solid #464545;

    float: left;

    width: 100%;

margin-bottom: 10px;

  margin-top: 30px;

}

.footer_top_heading h2 {

    color: #fff;

    font-size: 20px;

    font-family: 'bebas_neuebold';

}

.footer_box_1 ul {

    padding: 0;

    margin: 0;

    float: left;

    width: 100%;

}

.footer_box_1 ul li {

    float: left;

    width: 50%;

    list-style-type: none;

    margin-top: 5px;

}

.footer_box_1 ul li a {

    color: #959191;

    font-size: 14px;

    text-decoration: none;

    font-family: 'Brandon Grotesque';

}

.footer_top_heading img {

    float: left;

    width: auto;

}

.footer_box_2 p {

    color: #959191;

    font-size: 14px;

    margin: 0;

    font-family: 'Brandon Grotesque';

}

.footer_box_3 ul {

    padding: 0;

    margin: 0;

    float: left;

    width: 100%;

    display: block;

    text-align: left;

}

.footer_box_3 ul li {

    display: inline-block;

    list-style-type: none;

    margin-bottom: 10px;

}

.footer_box_4 p {

    color: #959191;

    font-size: 14px;

    margin: 0;

}

.footer_box_4 .btn-default {

    color: #fff;

    background: #3c90cd !important;

    border: none;

    padding: 8px 35px;

    text-transform: uppercase;

    font-size: 15px;

    margin-top: 12px;

    width: 100%;

}

.award_class {

    width: 100%;

    float: left;

    text-align: center;

    margin-top: -3%;

}

.footer_2_wrapper {

    float: left;

    width: 100%;

    padding: 40px 0;

    text-align: center;

    background: #000;

}

.footer_2_wrapper p {

    margin: 0;

    color: #fff;

    font-size: 14px;

    font-family: 'Brandon Grotesque';

}

.form-control-borderless {

    border: none;

}



.form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {

    border: none;

    outline: none;

    box-shadow: none;

}

.dropdown-search{

    width: 500px;

}

.nav-right-box ul li:last-child:after {

    position: absolute;

    width: 1px;

    height: 20px;

    background: #fff;

    content: "";

    top: 3px;

    left: 0;

}

.dropdown-search .card{

    border: none;

}

.dropdown-search{

    padding: 0;

}

.dropdown-search .card-body{

    padding: 10px;

}

.navbar-dark .navbar-nav .nav-link:focus, 

.navbar-dark .navbar-nav .nav-link:hover {

    color: #000;

    background: rgb(208, 208, 208);

    background: linear-gradient(0deg, rgb(228, 228, 228) 0%, rgb(208, 208, 208) 100%);

}

.footer_box_4 p {

    color: #959191;

    font-size: 14px;

    margin: 0;

    margin-bottom: 16px;

    font-family: 'Brandon Grotesque';

}

.slider-wrapper{

    float:left;

    width: 100%;

    position: relative;

    margin-bottom: 30px;

}

.second-top{

    padding: 10px 0;

    background: #fff;

}

.second-top ul {

    padding: 0;

    margin: 0;

    display: block;

}

.second-top ul li{

    list-style: none;

    display: inline-block;

    width: 100%;

    color: #737373;

    font-size: 15px;

    text-align: center;

}

/**.second-top ul li:nth-child(1){

    text-align: left;

    width: 72%;

}

.nav-side-menu {

    overflow: auto;

    background-color: #f8f8f8;

    color: #000;

    border: 1px solid #e8e8e8;

    margin-top: 30px;

    margin-bottom: 30px;

}

.nav-side-menu .brand {

    line-height: 50px;

    display: block;

    text-align: center;

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

    color: #fff;

    background-color: #515151;

    background-image: linear-gradient(#434343, #1e1e1e);

}

.nav-side-menu .toggle-btn {

  display: none;

}

.nav-side-menu ul,

.nav-side-menu li {

  list-style: none;

  padding: 0px;

  margin: 0px;

  line-height: 35px;

  cursor: pointer;

}

.nav-side-menu ul :not(collapsed) .arrow:before,

.nav-side-menu li :not(collapsed) .arrow:before {

  font-family: FontAwesome;

  content: "\f078";

  display: inline-block;

  padding-left: 10px;

  padding-right: 10px;

  vertical-align: middle;

  float: right;

}

.nav-side-menu ul .active, .nav-side-menu li .active {

    background-color: #3a3a3a;

}

.nav-side-menu li.active a{

    color: #fff;

}

.nav-side-menu ul .sub-menu li.active,

.nav-side-menu li .sub-menu li.active {

  color: #fff;

}

.nav-side-menu ul .sub-menu li.active a,

.nav-side-menu li .sub-menu li.active a {

  color: #fff;

}

.nav-side-menu ul .sub-menu li,

.nav-side-menu li .sub-menu li {

  background-color: #181c20;

  border: none;

  line-height: 28px;

  border-bottom: 1px solid #e8e8e8;

  margin-left: 0px;

}

.nav-side-menu ul .sub-menu li:hover,

.nav-side-menu li .sub-menu li:hover {

  background-color: #000;

}

.nav-side-menu ul .sub-menu li:before,

.nav-side-menu li .sub-menu li:before {

  font-family: FontAwesome;

  content: "\f105";

  display: inline-block;

  padding-left: 10px;

  padding-right: 10px;

  vertical-align: middle;

}

.nav-side-menu li {

    padding-left: 0px;

    border-bottom: 1px solid #e8e8e8;

}

.nav-side-menu li a {

    text-decoration: none;

    color: #000;

    display: block;

    padding: 10px;

    background-color: #fafafa;

    background-image: linear-gradient(#f6f6f6, #ededed);

  font-size: 16px;

  font-weight: 500;

  text-transform: uppercase;

}

.nav-side-menu li a i {

  padding-left: 10px;

  width: 20px;

  padding-right: 20px;

}

.nav-side-menu li:hover {

  background-color: #3a3a3a;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  -ms-transition: all 1s ease;

  transition: all 1s ease;

}

.nav-side-menu li:hover a, .nav-side-menu .active a{

    color: #fff;

    background-color: #515151;

    background-image: linear-gradient(#434343, #1e1e1e);

}

.nav-side-menu li:last-child{

    border-bottom: none;

}**/

header{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 20;

    background: transparent;

}

.slider-box{

    float: left;

    width: 100%;

    position: relative;

    height: 100vh;

    overflow: hidden;

}

.slider-box video{

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    display: block;

}



.hero-content{

    position: absolute;

    top: 60%;

    left: 6%;

    transform: translateY(-50%);

    z-index: 15;

    max-width: 480px;

    color: #fff;

    text-align: left;

    background: rgba(0, 0, 0, 0.45);

    padding: 40px 35px;

    border-radius: 4px;

}

.hero-content h1{

    font-size: 46px;

    font-weight: 700;

    line-height: 1.2;

    margin-bottom: 20px;

    text-shadow: 0 2px 8px rgba(0,0,0,0.5);

}

.hero-content p{

    font-size: 17px;

    line-height: 1.6;

    margin-bottom: 30px;

    text-shadow: 0 1px 4px rgba(0,0,0,0.5);

}

.hero-cta-btn{

    display: inline-block;

    padding: 14px 32px;

    background: #fff;

    color: #000;

    font-weight: 600;

    letter-spacing: 1px;

    text-decoration: none;

    border-radius: 2px;

    transition: all 0.3s ease;

}

.hero-cta-btn:hover{

    background: transparent;

    color: #fff;

    border: 1px solid #fff;

}



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

  .hero-content{

      left: 5%;

      right: 5%;

      max-width: none;

  }

  .hero-content h1{

      font-size: 28px;

  }

  .hero-content p{

      font-size: 15px;

  }



}

.carousel-indicators li{

    width: 20px;

    height: 5px;

    background-color: #000;

    opacity: inherit;

    border-radius: 0;

}

.carousel-indicators .active {

    width: 20px;

    height: 5px;

    background-color: #909090;

}

.desktop-slider-img{

  display: block;

}

.mobile-slider-img{

  display: none;

}



.navbar-toggler{

    position: relative;

    z-index: 1001;

}

.custom-toggler{

    position: relative;

    z-index: 1001;

    width: 30px;

    height: 24px;

    padding: 0;

    border: none;

    background: transparent;

}

.custom-toggler .bar{

    position: absolute;

    left: 0;

    width: 100%;

    height: 2px;

    background: #fff;

    border-radius: 1px;

    transition: all 0.3s ease;

}

.custom-toggler .bar1{ top: 2px; }

.custom-toggler .bar2{ top: 11px; }

.custom-toggler .bar3{ top: 20px; }



.custom-toggler[aria-expanded="true"] .bar1{

    top: 11px;

    transform: rotate(45deg);

}

.custom-toggler[aria-expanded="true"] .bar2{

    opacity: 0;

}

.custom-toggler[aria-expanded="true"] .bar3{

    top: 11px;

    transform: rotate(-45deg);

}



.socialmedia{

  display: block;

  text-align: right;

  padding: 0;

  margin: 0;

}

.socialmedia li{

  list-style: none;

  display: inline-block;

  padding: 0 10px;

  float: left;

}

.carousel-item{

  background-position: center center !important;

  background-size: cover !important;

  min-height: 700px; 

}

.shop-now-btn {

    background: #000;

    color: #fff;

    text-transform: uppercase;

    padding: 15px;

    width: 196px;

    display: block;

    text-align: center;

    margin: 0 auto;

}

.shop-now-btn:hover {

    background: #fff;
  color: #000;

    text-decoration: none;

    transition: all 0.50s linear .05s;

}

.caption-img{

  width: 45%;

  float: right;

}

.caption-img img{

  max-width: 100%;

}

.caption-text {

    width: 70%;

    float: left;

    color: #000;

    position: absolute;

    bottom: 40px;

}

.carousel-caption{

  bottom: 16%;

}

.carousel-caption h2{

  font-family: 'Lora', serif;

  font-size: 100px;

  font-weight: 400;

  line-height: 92px;

  color: #000;

  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0 0 8px rgba(255,255,255,0.8);

  -webkit-text-stroke: 1px #fff;

}

.carousel-caption p {

  font-family: 'Roboto', sans-serif;

  font-size: 25px;

  font-weight: 400;

  text-transform: uppercase;

  margin-top: 30px;

}

.carousel-indicators li{

    width: 74px;

    height: 74px;

    border-radius: 0;

    opacity: inherit;

    overflow: hidden;

    margin-left: 10px;

    margin-right: 10px;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    border: 2px solid #000;

    border-radius: 50%;

}

.carousel-indicators{

    bottom: 15px;

    margin-left: 22%;

    justify-content:left;

}

.carousel-indicators .active{

    border: 2px solid #7db109;

    width: 74px;

    height: 74px;

}

.carousel-indicators li img{

    margin: 0 auto;

    float: none;

    display: block;

}

.carousel-control-next-icon{

  background: url(../../images/front/main-slider-arrow-02.png);

  width: 60px;

  height: 101px;

}

.carousel-control-prev-icon{

  background: url(../../images/front/main-slider-arrow-01.png);

  width: 57px;

  height: 101px;

}

.carousel-control-next, 

.carousel-control-prev {

  width: 60px;

}

.first-product-left{

  width: 65%;

  float: left;

  position: relative;

}

.first-product-left-back{

  position: absolute;

}

.first-product{

  float: left;

  width: 100%;

  position: relative;

  padding: 0 50px;

}

.first-product-left-content{

  background: #f9f9f9;

  padding: 50px;

  float: right;

  z-index: 10;

  position: relative;

  margin-top: 100px;

  width: 60%;

}

.pro-heading span{

  font-family: 'Lora', serif;

  font-size: 145px;

  font-weight: 400;

  line-height: 92px;

  color: #3c90cd;

  position: absolute;

  left: 0;

}

.pro-heading h2 {

  font-family: 'Lora', serif;

  font-size: 75px;

  font-weight: 500;

  line-height: 77px;

  color: #000;

  text-transform: uppercase;

}

.pro-heading{

  position: relative;

  /* padding-left: 20px; */

}

.first-product-left-content p {

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    font-size: 16px;

    text-align: center;

    color: #000;

    margin-top: 28px;

    padding: 0 25px;

    line-height: 30px;

}

.first-product-left-content .shop-now-btn{

  margin-top: 50px;

}

.heading-box{

  float: left;

  text-align: center;

  width: 100%;

  padding: 50px;

  padding-top: 100px;

}

.heading-box h2 {

  font-family: 'Lora', serif;

  font-size: 60px;

  font-weight: 400;

  line-height: 70px;

  color: #3c90cd;

  margin-bottom: 0;

}

.heading-box h5 {

    font-family: 'Roboto', sans-serif;

    font-size: 80px;

    font-weight: 300;

    text-transform: uppercase;

    color: #000;

    margin-top: 0;

    margin-bottom: 0;

    line-height: 80px;

}

.heading-box img {

    margin-bottom: 0;

    margin-top: -3px;

}

.first-product-right {

    width: 35%;

    position: relative;

    float: right;

    text-align: right;

}

.product-1bg {

  position: absolute;

  right: 0;

}

.product-1-mainimg {

    display: block;

    position: relative;

    z-index: 10;

    float: right;

    margin-right: 80px;

    margin-top: 50px;

}

.pro-2-3 {

  padding: 50px;

  margin-top: 95px;

  float: left;

  width: 100%;

  padding-top: 100px;

}

.product2-box {

    width: 49%;

    float: left;

    background: url(../../images/front/bg-01.jpg);

    padding: 70px 80px 60px  50px;

    background-size: cover;

    position: relative;

}

.product2-content {

  width: 65%;

  float: left;

  position: relative;

}

.product2-img {

    width: 30%;

    float: right;

    bottom: 34px;

    position: absolute;

    right: 58px;

}

.span2 {

  float: left;

  width: 100%;

}

.span1:after {

    width: 0;

    height: 0;

    border-top: 80px solid transparent;

    border-bottom: 80px solid transparent;

    border-right: 80px solid #000;

    position: absolute;

    left: -11px;

    top: -51px;

    content: "";

    transform: rotate(45deg);

}

.span1:before {

    width: 80px;

    height: 80px;

    background: transparent;

    border-top: 1px solid #000;

    border-right: 1px solid #000;

    position: absolute;

    right: 0;

    top: 0;

    content: "";

}

.span2 {

    width: 100%;

    float: left;

    position: relative;

    padding: 20px 30px 30px;

}

.span2:after {

    width: 0;

    height: 0;

    position: absolute;

    right: -11px;

    bottom: -52px;

    content: "";

    transform: rotate(45deg);

    border-top: 80px solid transparent;

    border-bottom: 80px solid transparent;

    border-left: 80px solid #000;

}

.span2:before {

    width: 80px;

    height: 80px;

    background: transparent;

    border-bottom: 1px solid #000;

    border-left: 1px solid #000;

    position: absolute;

    left: 0;

    bottom: 0;

    content: "";

}

.product2-content .pro-heading h2 {

  font-size: 45px;

  line-height: 60px;

}

.pro-content p {

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    font-size: 16px;

    text-align: left;

    color: #000;

    margin-top: 20px;

    line-height: 30px;

}

.pro-content .shop-now-btn {

    background: #000;

    margin-top: 40px;

    display: block;

}

.product2-content .pro-heading {

    position: relative;

    padding-left: 80px;

}

.product2-content .pro-heading span {

  font-size: 105px;

  color: #000;

  top: 20px;

}

.product3-box {

    width: 49%;

    float: right;

    background: url(../../images/front/bg-02.jpg) no-repeat #fbdbe0;

    padding: 70px 50px 60px 80px;

    background-size: cover;

    background-position: left -50px bottom;

    position: relative;

}

.product3-box .product2-content {

    float: right;

}

.product3-content {

    width: 65%;

    float: right;

    position: relative;

}

.product3-content .pro-heading span {

    font-size: 100px;

    color: #000;

    top: 15px;

}

.product3-content .pro-heading{

  padding-left: 70px;

  

}

.product3-content .pro-heading h2{

  font-size: 45px;

    line-height: 60px;



}

.product3-content .span2:after{

  border-left: 80px solid #000;

}

.product3-content .span1:after{

  border-right: 80px solid #000;

}

.product3-content .pro-content .shop-now-btn {

    background: #000;

}

.product3-content .pro-content .shop-now-btn:hover{

    background: #fff;
  color: #000;

}

.product2-content .pro-content .shop-now-btn:hover{

    background: #fff;
  color: #000;

}

.product3-img {

    width: 20%;

    float: right;

    bottom: 34px;

    position: absolute;

    left: 140px;

}

.product3-img img{

  max-width: 100%;

}

.product-4{

  float: left;

  width: 100%;

  display: block;

  padding: 0 50px;

}

.product-4left{

  width: 70%;

  float: left;

  position: relative;

  z-index: 10;

  margin-top: 90px;

}

.product-4content{

  float: left;

  width: 50%;

  padding-top: 60px;

}

.product-4img-box {

    float: right;

    width: 46%;

    background: #fff;

    padding: 20px;

    border: 10px solid #cccccc;

    text-align: center;

}

.product-4img-box img {

  max-width: 100%;

}

.product-4 .pro-heading h2{

  font-size: 70px;

}

.product-4 .pro-heading b {

  font-family: 'Open Sans', sans-serif;

  font-size: 20px;

  font-weight: 600;

  top: -14px;

  position: relative;

}

.product-4text{}

.product-4text p{

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    font-size: 22px;

    text-align: left;

    color: #000;

    margin-top: 20px;

    line-height: 30px;

}

.product-4 .shop-now-btn {

    float: left;

    background: #f1894c;

    margin-top: 30px;

}

.product-4 .pro-heading span{

  color: #f1894c;

}

.product-4right {

    float: right;

    width: 36%;

    position: relative;

    margin-left: -6%;

}

.product-4right img{

  max-width: 100%;

}

.product-4 .shop-now-btn:hover{

  background: #000;

}

.coveted-list-item {

    text-align: center;

    box-shadow: 1px 1px 10px #bfbbbb;

    padding: 10px;

    background: #fff;

}

.best-sellers-wrapper{

  background: #f9f9f9;

  margin-top: 50px;

        padding-top: 100px;

        padding-bottom: 100px;

}

#carousel02{

  float: left;

}

.coveted-list-item span {

    font-family: 'Poppins', sans-serif;

    font-weight: 600;

    font-size: 18px;

    color: #000;

    display: block;

    text-transform: uppercase;

    height: 60px;

    margin-top: 10px;

}

.coveted-list-text label {

    font-family: 'Poppins', sans-serif;

    display: block;

    font-size: 22px;

    margin-top: 10px;

    color: #ca0018;

    font-weight: 600;

}

.show-on-hover {

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    font-size: 18px;

    color: #7db109;

    display: block;

}

.best-sellers-wrapper .item{

  padding: 10px;

}

.coveted-list-text {

    padding: 0 15px;

}

.owl-carousel .owl-nav {

    display: block !important;

    width: 140px;

    margin: 0 auto;

    margin-top: 40px;

}

.owl-carousel .owl-nav .owl-prev{

  background: url(../../images/front/slider-left-arrow.png);

  width: 52px;

  height: 52px;

  float: left;

}

.owl-carousel .owl-nav .owl-next{

  background: url(../../images/front/slider-right-arrow.png);

  width: 52px;

  height: 52px;

  float: right;

}

.best-sellers-wrapper .heading-box {

    padding: 0;

    margin-bottom: 45px;

}

.moet-hennessy-video-content {

    float: left;

    width: 45%;

    background: #fff;

    border-radius: 10px;

    box-shadow: 1px 1px 10px #bfbbbb;

    position: relative;

    z-index: 10;

    margin-top: 55px;

}

.moet-hennessy-video-content ul{

  padding: 0;

  margin:0;

  list-style: none;

}

.moet-hennessy-video-content ul li{

  display: block;

  width: 100%;

  padding: 10px 30px;

}

.moet-hennessy-locator {

  padding-left: 125px;

  position: relative;

  min-height: 110px;

}

.moet-hennessy-locator-img {

    position: absolute;

    left: 0;

    width: 115px;

}

.moet-hennessy-locator-img img{

  max-width: 100%;

}

.moet-hennessy-locator h2 {

    font-family: 'Poppins', sans-serif;

    display: block;

    font-size: 30px;

    top: 20px;

    color: #000;

    font-weight: 600;

    text-transform: uppercase;

    position: relative;

    padding-left: 10px;

}

.moet-hennessy-video-content ul li:nth-child(2) {

    border-bottom: 1px solid #000;

    border-top: 1px solid #000;

}

.moet-hennessy-video{

  float: left;

  width: 55%;

  position: relative;

}

.moet-hennessy-video iframe {

    height: 500px;

    width: 115%;

    left: -15%;

    position: relative;

}

.travel-exclusives-wrapper{

  background: url(../../images/front/bg-03.jpg);

  background-size: cover;

  background-position: right;

}

#carousel03{

  float: left;

  width: 100%;

}

.mobile-socialmedia{

  display: none;

}

.inner-top{

  width: 100%;

  padding: 70px 0;

  float: left;

  background-position: center !important;

  background-size: cover !important;

  min-height: 400px;

  text-align: center;

}

.inner-top h2{

    font-family: 'Lora', serif;

    font-size: 100px;

    font-weight: 500;

    line-height: 92px;

    color: #fff;

    text-transform: uppercase;

    margin-top: 65px;

}



.hennessy-page{

  width: 100%;

  padding: 30px 0 250px;

  float: left;

  background-position: center !important;

  background-size: cover !important;

  text-align: center;

}

.hennessy-page .heading-box h5{

  color: #fff;

}

.hennessy-left{

  text-align: left;

}

.hennessy-left h3{

    font-family: 'Poppins', sans-serif;

    display: block;

    font-size: 30px;

    color: #fff;

    font-weight: 600;

}

.hennessy-left p{ 

    font-family: 'Poppins', sans-serif;

    display: block;

    font-size: 18px;

    color: #fff;

    font-weight: 400;

}

.hennessy-left span{

  color: #ffde00;

  font-family: 'Poppins', sans-serif;

  display: block;

  font-size: 18px;

  font-weight: 400;

}

.hennessy-best-product {

    background: url(../../images/front/img-20.jpg) no-repeat top right #fff;

    float: left;

    width: 100%;

    padding: 50px 10%;

    margin-top: -200px;

}

#carousel04{

  float: left;

  width: 100%;

}

.hennessy-best-product-wrapper .container{

  max-width: 1340px;

}

.hennessy-best-product-wrapper .coveted-list-item{

  box-shadow: none;

}

.hennessy-best-product p {

    margin-bottom: 0;

    font-family: 'Poppins', sans-serif;

    font-weight: 600;

    color: #056b44;

}

.hennessy-best-product .coveted-list-item span{

  margin-top: 0;

}

.hennessy-best-product-wrapper .owl-carousel .owl-nav {

    width: 100%;

    position: absolute;

    margin-top: 0;

    top: 45%;

}

.hennessy-best-product-wrapper .owl-carousel .owl-nav .owl-prev {

    background: url(../../images/front/img-25.png);

    width: 34px;

    height: 33px;

    float: left;

}

.hennessy-best-product-wrapper .owl-carousel .owl-nav .owl-next {

    background: url(../../images/front/img-26.png);

    width: 34px;

    height: 33px;

    float: right;

    right: -15px;

    position: relative;

}

.btn-box{

  float: left;

  width: 100%;

  margin-top: 40px;

}

.hennessy-best-product-wrapper{

  background: #f1f1f1;

}

.hennessy-history{

  background: #f1f1f1;

}

.history-date span {

    font-family: 'Lora', serif;

    font-size: 50px;

    font-weight: 500;

}

.history-date p {

    margin-bottom: 0;

    font-family: 'Poppins', sans-serif;

    font-weight: 600;

    color: #000;

}

.history-date {

    text-align: center;

    position: relative;

    padding-top: 100px;

    padding-bottom: 30px;

}

.history-date:before {

    background: #ccc;

    height: 90px;

    width: 1px;

    top: 0;

    content: "";

    position: absolute;

    left: 50%;

}

.history-date:after {

    background: #ccc;

    height: 30px;

    width: 1px;

    bottom: 0;

    content: "";

    position: absolute;

    left: 50%;

}

.history-content {

    background: #fff;

    padding: 20px;

}

.history-text h4{

  font-family: 'Poppins', sans-serif;

  font-weight: 600;

  color: #000;

  font-size: 20px;

}

.hennessy-history .container {

    max-width: 1340px;

}

.history-text{

  margin-top: 15px;

  min-height: 182px;

}

.history-text p{

  font-family: 'Poppins', sans-serif;

  font-weight: 400;

  color: #000;

  font-size: 16px;

  margin-bottom: 0;

}

.hennessy-history .owl-carousel .owl-nav{

  display: none !important;

}

.hennessy-main-iamge {

    padding: 70px 0;

    background: #f1f1f1;

    display: block;

    text-align: center;

}

.hennessy-main-iamge img{

  max-width: 100%;

}

.hennessy-right img{

  max-width: 100%;

}

.inner-page-video{

  background: #f1f1f1;

  padding-bottom: 50px;

}

.inner-page-video iframe{

  min-height: 450px;

  width: 100%;

}

.hennessy-best-product-wrapper .shop-now-btn {

    background: #b91133;

}

.hennessy-best-product-wrapper .shop-now-btn:hover {

    background: #000;

}

.hennessy-best-product-wrapper .coveted-list-text{

  padding: 0;

}

.about-macallan-home {

    float: left;

    background: url(../../images/front/bg-01footer.jpg);

	background-size:cover;

    padding: 80px 0;

    color: #fff;

    display: block !important;

}

.about-macallan-home-content {

    width: 70%;

    margin: 0 auto;

    text-align: center;

    padding: 50px 0;

}

.about-macallan-home-content h3 {

    color: #fff;

    display: block;

    

    font-family: 'Lora', sans-serif;

    font-size: 60px;

  font-weight: 500;

  line-height: 66px;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.about-macallan-home-content p{

  color: #fff;

  margin-bottom: 20px;

  display: block;

 font-family: 'Poppins', sans-serif;

  font-weight: 400;

  font-size: 22px;

  line-height: 30px;

}



/* ===== Board of Directors page ===== */



/* Solid black nav background on inner pages */



.inner-header {

  background: #000;

  position: static;

}

.inner-header::after {

  content: "";

  display: table;

  clear: both;

}

.inner-header .navbar {

  background: transparent;

}



/* Image banner with overlay content */

.board-banner {

  position: relative;

  background-color: #000;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  display: flex;

  align-items: center;

  min-height: 400px;

  padding: 0;

  text-align: left;

}

.board-banner-overlay {

  position: absolute;

  inset: 0;

  background: rgba(0,0,0,0.6);

}

.board-banner-content {

  position: relative;

  z-index: 2;

  text-align: left;

  color: #fff;

}

.board-banner-content .heading-box {

  text-align: left;

}

.board-banner-text {

  max-width: 700px;

  margin: 20px auto 0;

}



.board-directors-wrapper {

  padding: 30px 0 80px;

  /* background: #000; */

}



.board-director-card {

  background: #0d0d0d;

  border: 1px solid rgba(255,255,255,0.08);

  border-radius: 6px;

  overflow: hidden;

  margin-bottom: 30px;

  cursor: pointer;

  transition: transform 0.25s ease, box-shadow 0.25s ease;

}

.board-director-card:hover {

  transform: translateY(-5px);

  box-shadow: 0 10px 25px rgba(0,0,0,0.4);

}



.board-director-img img {

  width: 100%;

  height: 320px;

  object-fit: cover;

  object-position: center top;

  display: block;

}





.board-director-info {

  padding: 20px;

  text-align: center;
  min-height: 110px;

}

.board-director-info h3 {

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 5px;

}

.board-director-title {

  display: block;

  color: #c9a15a;

  font-size: 13px;

  letter-spacing: 1px;

  text-transform: uppercase;

}



/* Bio lightbox (Bootstrap modal) */

.board-modal .modal-content {

  /* background: #0d0d0d; */

  border: 1px solid rgba(255,255,255,0.1);

  border-radius: 8px;

  padding: 30px;

  text-align: center;

}

.board-modal .close {

  color: #000;

  opacity: 0.8;

  text-shadow: none;

  position: absolute;

  top: 15px;

  right: 20px;

  font-size: 28px;

  z-index: 3;

}

.board-modal .close:hover {

  opacity: 1;

  color: #c9a15a;

}

.board-modal-img {

  width: 140px;

  height: 140px;

  border-radius: 50%;

  object-fit: cover;

  margin: 0 auto 15px;

  display: block;

}

.brand-modal-img {

  width: 100%;

  height: auto;

  object-fit: cover;

  margin: 0 auto 15px;

  display: block;

}

.board-modal .modal-body h3 {

  font-size: 22px;

  margin-bottom: 5px;

}

.board-modal .modal-body .board-director-title {

  margin-bottom: 15px;

}

.board-modal .modal-body p {

  color: #000;

  font-size: 14px;

  line-height: 1.7;

  margin-top: 10px;

}





/* ===== end Board of Directors page ===== */



.wrapper{

    float: left;

    width: 100%;

    position: relative;

    z-index: 10;

}

.main-about-page-top{

    margin-top: 0;

}



.about-macallan-home {

    float: left;

    /* background: url(../../images/front/bg-01.jpg); */

	background-size:cover;

    padding: 80px 0;

    color: #fff;

    display: block !important;

    /* margin-top: 60px; */

  background-position: center center !important; /* or just "center" */

  background-repeat: no-repeat !important;

 

}

.about-macallan-home-content {

    width: 70%;

    margin: 0 auto;

    text-align: center;

    padding: 50px 0;

}

.about-macallan-home-content h3 {

    color: #fff;

    font-size: 50px;

    display: block;

     font-family: 'Lora', serif;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.about-macallan-home-content p{

  color: #fff;

  font-size: 22px;

  margin-bottom: 5px;

  display: block;

   font-family: 'Lora', serif;

  font-weight: normal;

}



.product-card-img {

  position: relative;

}

.card {

    position: relative;

    flex: 1 1 100%;

    /*margin: 31px 0;

    padding: 20px;*/

    background: #fff;

}

.card__thumb {

    overflow: hidden;

}

.card__img {

    /*margin: -20px -20px 0;*/

}

.card__three::before, 

.card__three::after {

     position: absolute;

     top: 0;

     right: 0;

     bottom: 0;

     left: 0;

     transform: scale3d(0, 0, 1);

     transition: transform 0.3s ease-out 0s;

     background: rgba(255, 255, 255, .1);

     content: '';

     pointer-events: none;

}

.card__three::before {

     transform-origin: left top;

}

.card__three::after {

     transform-origin: right bottom;

}

.card__three:hover::before, 

.card__three:focus::before, 

.card__three:hover::after, 

.card__three:focus::after {

     transform: scale3d(1, 1, 1);

}







.about-page-flex{

    width: 100%;

    float: left;

    display: flex;

    margin-top: 20px;

}

.flex-content {

    width: 50%;

    padding: 80px 80px;

    background: url(../../images/front/Nbg-03.jpg);

    color: #000;

    text-align: center;

}

.flex-bg{

    width: 50%;

    background-position: center !important;

    background-size: cover !important;

}

.flex-content h3 {

    color: #000;

    display: block;

         font-family: 'Lora', serif;



    font-weight: bold;

    font-size: 24px;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.flex-content p {

    color: #000;

    font-size: 22px;

    margin-bottom: 5px;

    display: block;

         font-family: 'Lora', serif;



    font-weight: normal;

}

.inner-page-center img{

    max-width: 100%;

}

.about-page-center{

    width: 100%;

    margin-top: 20px;

}

.about-page-center img{

    margin-bottom: 40px;

    display: block;

}

.about-3images .owl-carousel .owl-item img{

    width: 100%;

}

.about-3images .owl-carousel .owl-nav .owl-prev{

    left: 50px;

}

.about-3images .owl-carousel .owl-nav .owl-next{

    right: 50px;

}







.inner-page-center{

    text-align: center;

    width: 100%;

    margin: 0 auto;

    margin-top: 60px;

}

.inner-page-center h3 {

  font-family: 'Poppins', sans-serif;

    font-weight: bold;

    font-size: 35px;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.inner-page-center p {

    color: #000;

  font-size: 16px;

  margin-bottom: 5px;

  display: block;

  font-family: 'Poppins', sans-serif;

  font-weight: normal;

}



.about-3images .owl-carousel .owl-nav {

  display: none !important;

}







.for-desktop{

    display: block;

}

.for-mobile{

    display: none;

}







/*  our Journey  */



.ourstory-content01{

    float: left;

    width: 100%;

    text-align: center;

}





.henessy-ourstory-inner{

    padding: 30px 0;

}

.henessy-ourstory-inner .heading-box{

    padding: 50px 0 100px;

}



.henessy-ourstory-inner .heading-box{

  float: left;

  text-align: center;

  width: 100%;

  padding: 50px;

  padding-top: 50px;

}

.henessy-ourstory-inner .heading-box h2 {

  font-family: 'Lora', serif;

  font-size: 40px;

  font-weight: 400;

  line-height: 60px;

  color: #000;

  margin-bottom: 0;

}



/* .henessy-ourstory-inner .heading-box h2:after {

    position: absolute;

    content: "";

    width: 5px;

    height: 50px;

    background: #000;

    left: 48%;

    bottom: -60px;

} */





.ourstory-content01 p {

    display: block;

    float: left;

    width: 100%;

    font-size: 15px;

    line-height: 28px;

    margin-bottom: 0;

}



.ourstory-identity {

    background-position: center !important;

    width: 100%;

    float: left;

    text-align: left;

    color: #fff;

    background-repeat: no-repeat !important;

    margin-top: 100px !important;

    margin-bottom: 60px;

    background-size: cover !important;

}

.ourstory-content02{

    padding: 50px 0;

}

.ourstory-content02 h2{



    font-family: 'Lora', serif;

  font-weight: bold;

  font-size: 22px;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 15px;

}

.ourstory-content02 p {

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #fff;

    line-height: 28px;

}

.ourstory-content02-img{

}

.ourstory-content02-img img{

    max-width: 100%;

    margin-top: -30px;

    margin-bottom: -30px;

}

.ourstory-content03 p{

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    color: #000;

    line-height: 28px;

}

.ourstory-content03{

    float: left;

    width: 100%;

    padding-bottom: 20px;

}

.ourstory-content03 h2{



    font-family: 'Lora', serif;

  font-weight: bold;

  font-size: 21px;

  text-transform: uppercase;

  margin-bottom: 15px;

}









.ourstory-content04{

    padding: 40px 0;

}

.ourstory-content04 h2{



    font-family: 'Lora', serif;

  font-weight: bold;

  font-size: 22px;

  text-transform: uppercase;

  margin-bottom: 15px;

}

.ourstory-content04 p{

    font-family: 'Poppins', sans-serif;

    font-size: 16px;

    line-height: 28px;

}

.row.ourstory-row2 {

    margin-top: 100px;

    margin-bottom: 50px;

}

.ourstory-row2 .ourstory-content04 {

    width: 120%;

    background: #fff;

    padding: 20px;

    box-shadow: 0px 0px 20px #bbb;

    margin-left: -20%;

    margin-top: 30px;

}

.ourstory-row3 .ourstory-content04{

    padding: 0;

}

.ourstory-row3{

      margin-top: 100px;



    margin-bottom: 50px;

}



.wrapper img{

  max-width: 100%;

}



/* Our Journey End*/





/* Where to Buy */



.personifies{

    float: left;

    width: 100%;

    margin-bottom: 30px;

    margin-top: 30px;

}

.personifies-text {

  float: left;

  width: 50%;

  display: block;

  color: #fff;

  background: #000;

  padding: 54px 30px;

}

.personifies-img {

  float: left;

  width: 50%;

}



.personifies {

    float: left;

    width: 100%;

    color: #fff;

    margin-bottom: 30px;

    display: flex;

}

.personifies-left {

    width: 28.333333%;

    float: left;

    background: #000;

    padding: 50px 30px;

}

.personifies-right {

    width: 71.666667%;

    float: right;

    background: #000;

    padding: 15px 30px;

}







.location-left{

    float: left;

    width: 100%;

}

.location-left h2{

    padding: 20px;

    background: #000;

    color: #fff;

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    font-size: 16px;

    margin-bottom: 0;

}

.nomag{

    margin-left: 0;

    margin-right: 0;

}

.location-ul {

    padding: 30px;

    margin: 0;

    background: #f6f6f6;

    float: left;

    width: 100%;

}

.location-ul li {

    list-style: none;

    float: left;

    width: 100%;

    color: #000;

    font-family: 'Poppins', sans-serif;

    padding: 10px;

}

.location-ul h4 {

    font-weight: 600;

    text-transform: uppercase;

    font-size: 16px;

    margin-bottom: 0;

}

.location-ul p {

    font-weight: 400;

    font-size: 16px;

    margin-bottom: 0;

}

.location-right-map{

    float: left;

    width: 100%;

}

.location-right-map iframe{

    width: 100%;

    height: 395px;

}

.margintop{

    margin-top: 30px;

}

.location-page{

    margin-top: 30px;

}

li.logo {

    text-align: center;

}





/* Where to buy End */



/*News Block*/



.news-block-two{

	position:relative;

	margin-bottom:80px;

}



.news-block-two .inner-box{

	position:relative;

}



.news-block-two .inner-box .image{

	position:relative;

	display:block;

	overflow:hidden;

	background-color:#0b0b0b;

}



.news-block-two .inner-box .image img{

	position:relative;

	width:100%;

	display:block;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.news-block-two .inner-box:hover .image img{

	opacity:0.5;

	-webkit-transform:scale(1.07);

	-ms-transform:scale(1.07);

	transform:scale(1.07);

}



.news-block-two .inner-box .lower-content{

	position:relative;

}



.news-block-two .inner-box .lower-content .upper-box{

	position:relative;

	padding-bottom:13px;

	border-bottom:1px solid #e4e4e4;

}



.news-block-two .inner-box .lower-content .upper-box .posted-date{

	position:relative;

	color:#dfb162;

	font-size:22px;

	font-weight:700;

	margin-top:18px;

	line-height:1.2em;

	display:inline-block;

}



.news-block-two .inner-box .lower-content .upper-box .post-meta{

	position:relative;

	padding-top:20px;

}



.news-block-two .inner-box .lower-content .upper-box .post-meta li{

	position:relative;

	color:#797979;

	font-size:17px;

	padding-right:12px;

	margin-right:12px;

	font-weight:400;

	margin-bottom:6px;

	display:inline-block;

	font-family: 'Rufina', serif;

}



.news-block-two .inner-box .lower-content .upper-box .post-meta li:after{

	position:absolute;

	content:'/';

	right:-5px;

	top:0px;

	color:#b8b8b8;

	font-size:17px;

}



.news-block-two .inner-box .lower-content .upper-box .post-meta li:last-child{

	margin-right:0px;

	padding-right:0px;

}



.news-block-two .inner-box .lower-content .upper-box .post-meta li:last-child::after{

	display:none;

}



.news-block-two .inner-box .lower-content .lower-box{

	position:relative;

	padding-top:30px;

}



.news-block-two .inner-box .lower-content .lower-box h3{

	position:relative;

	font-size:28px;

	font-weight:700;

	line-height:1.4em;

	margin-bottom:15px;

	color:#242424;

}



.news-block-two .inner-box .lower-content .lower-box h3 a{

	position:relative;

	color:#242424;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.news-block-two .inner-box .lower-content .lower-box h3 a:hover{

	color:#dfb162;

}



.news-block-two .inner-box .lower-content .lower-box .text{

	position:relative;

	color:#797979;

	font-size:16px;

	line-height:1.8em;

	margin-bottom:20px;

}



.news-block-two .inner-box .lower-content .lower-box .read-more{

	position: relative;

    color: #ffffff;

    font-size: 13px;

    font-weight: 600;

    margin-top: 10px;

	padding:10px 25px;

	display:inline-block;

	background-color:#dfb162;

	text-transform:uppercase;

	letter-spacing:3px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

	font-family: 'Open Sans', sans-serif;

}



.news-block-two .inner-box .lower-content .lower-box .read-more:hover{

	background-color: #101010;

}



.news-block-two:last-child{

	margin-bottom:50px;

}



.news-block-two.style-two .inner-box .lower-content .upper-box .post-meta{

	padding-top:12px;

  padding-left: 0;

}



.news-block-three{

	position: relative;

	margin-bottom: 40px;

}



.news-block-three .inner-box{

	position: relative;

	background-color: #f5f5f5;

}



.news-block-three .image-box{

	position: relative;

}



.news-block-three .image-box .image{

	position: relative;

	margin-bottom: 0;

	background-color: #010101;

	overflow: hidden;

}



.news-block-three .image-box .image img{

	display: block;

	width: 100%;

	height: auto;

	-webkit-transition: all 700ms ease;

	-moz-transition: all 700ms ease;

	-ms-transition: all 700ms ease;

	-o-transition: all 700ms ease;

	transition: all 700ms ease;

}



.news-block-three .inner-box:hover .image a img{

	opacity: .80;

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-ms-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

}



.news-block-three .lower-content{

	position: relative;

	padding: 30px 25px 40px;

}



.news-block-three .image-box .date{

 	position: absolute;

 	left: 25px;

 	bottom: 25px;

	display: inline-block;

	font-size: 13px;

	line-height: 20px;

	font-weight: 600;

	letter-spacing: 0.16em;

	padding: 8px 25px;

	color: #dfb162;

	text-transform: uppercase;

	background-color: #010101;

}



.news-block-three .lower-content h3{

	position: relative;

	display: block;

	font-family: 'Poppins', sans-serif;

	font-size: 24px;

	line-height: 1.3em;

	color: #24262d;

	font-weight: 600;

	text-transform: capitalize;

	letter-spacing: 0.02em;

	margin-bottom: 15px;

}



.news-block-three .lower-content h3 a{

	color: #24262d;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;	

}



.news-block-three .lower-content h3 a:hover{

	color: #dfb162;

}



.news-block-three .lower-content .text{

	position: relative;

	font-size: 16px;

	line-height: 1.6em;

	color: #4a4a4a;

	font-weight: 400;

	margin-bottom: 30px;

}



.news-block-three .post-meta{

	position: relative;

	margin-bottom: 15px;

}



.news-block-three .post-meta .post-info{

	position: relative;

}



.news-block-three .post-info li{

	position: relative;

	display: inline-block;

	margin-right: 15px;

	padding-right: 15px;

	font-size: 14px;

	line-height: 24px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 0.05em;

}



.news-block-three .post-info li a{

	color: #dfb162;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;	

}



.news-block-three .post-info li:before{

	position: absolute;

	right: -4px;

	top: -2px;

	font-size: 20px;

	line-height: 24px;

	font-weight: 400;

	content: "-";

	color: #5a5a5a;

}



.news-block-three .post-info li:last-child:before{

	display: none;

}



.news-block-three .post-info li a:hover{

	color: #24262d;

	text-decoration:underline;	

}



.news-block-three .link-box{

	position: relative;

}



.news-block-three .link-box .read-more{

	position: relative;

    color: #ffffff;

    font-size: 14px;

    font-weight: 500;

	padding:10px 30px;

	line-height: 24px;

	display:inline-block;

	background-color:#101010;

	text-transform:uppercase;

	letter-spacing:2px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

	font-family: 'Poppins', sans-serif;

}



.news-block-three .link-box .read-more:hover{

	background-color: #dfb162;

}



/*** 



====================================================================

	Styled Pagination

====================================================================



***/



.styled-pagination{

	position:relative;

}



.styled-pagination li{

	position:relative;

	display:inline-block;

	margin:0px 6px 0px 0px;

}



.styled-pagination li a{

	position:relative;

	display:inline-block;

	line-height:40px;

	height:44px;

	font-size:18px;

	min-width:44px;

	color:#242424;

	font-weight:700;

	text-align:center;

	background:#ffffff;

	border:2px solid #d4d4d4;

	text-transform:capitalize;

	transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	font-family: 'Open Sans', sans-serif;

}



.styled-pagination li a:hover,

.styled-pagination li a.active{

	color:#ffffff;

	border-color:#282d31;

	background-color:#282d31;

}



/*** 



====================================================================

			Styled Pagination

====================================================================



***/

/* News Detail */



.blog-single{

	position:relative;

}



.blog-single .inner-box{

	position:relative;

}



.blog-single .inner-box .image-box{

	position: relative;

}



.blog-single .inner-box .image-box .image{

	position: relative;

	margin-bottom: 0;

	background-color: #010101;

	overflow: hidden;

}



.blog-single .inner-box .image-box .image img{

	display: block;

	width: 100%;

	height: auto;

	-webkit-transition: all 700ms ease;

	-moz-transition: all 700ms ease;

	-ms-transition: all 700ms ease;

	-o-transition: all 700ms ease;

	transition: all 700ms ease;

}



.blog-single .inner-box .lower-content{

	position: relative;

	padding: 30px 0px 0px;

}



.blog-single .inner-box .image-box .date{

 	position: absolute;

 	left: 25px;

 	bottom: 25px;

	display: inline-block;

	font-size: 13px;

	line-height: 20px;

	font-weight: 600;

	letter-spacing: 0.16em;

	padding: 8px 25px;

	color: #dfb162;

	text-transform: uppercase;

	background-color: #010101;

}



.blog-single .post-meta{

	position: relative;

}



.blog-single .post-meta .post-info{

	position: relative;

  padding-left: 0;

}



.blog-single .post-meta .post-info li{

	position: relative;

	display: inline-block;

	margin-right: 15px;

	padding-right: 15px;

	font-size: 14px;

	line-height: 24px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 0.05em;

  

}



.blog-single .post-meta .post-info li a{

	color: #dfb162;

	display: inline-block;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;	

}



.blog-single .post-meta .post-info li:before{

	position: absolute;

	right: -4px;

	top: -2px;

	font-size: 20px;

	line-height: 24px;

	font-weight: 400;

	content: "-";

	color: #5a5a5a;

}



.blog-single .post-meta .post-info li:last-child:before{

	display: none;

}



.blog-single .post-meta .post-info li a:hover{

	color: #24262d;

	text-decoration:underline;	

}



.blog-single .inner-box .lower-content .lower-box{

	position:relative;

	padding-top:20px;

}



.blog-single .inner-box .lower-content .lower-box h3{

	position:relative;

	font-size:28px;

	font-weight:700;

	line-height:1.3em;

	margin-bottom:18px;

	color:#242424;

}



.blog-single .inner-box .lower-content .lower-box .text{

	position:relative;

	color:#797979;

	font-size:16px;

	line-height:1.9em;

	margin-bottom:35px;

}



.blog-single .inner-box .lower-content .lower-box .text p{

	position:relative;

	color:#797979;

	font-size:16px;

	line-height:1.8em;

	margin-bottom:35px;

}



.blog-single .inner-box .lower-content .lower-box .text p a{

	color:#e2b15e;

	text-decoration:underline;

}



.blog-single .inner-box .lower-content .lower-box h4{

	position:relative;

	color:#242424;

	font-size:24px;

	font-weight:700;

	margin-bottom:20px;

}



/*** News/blog End **/





/*** 



====================================================================

	Contact Form Section

====================================================================



***/



.contact-form-section{

	position:relative;

	padding:35px 0px 50px;

	background-position:right center;

	background-repeat:no-repeat;

}



.contact-form-section .form-column{

	margin-bottom:20px;	

}



/*** 



====================================================================

	Contact Form

====================================================================



 ***/



 /*** 



====================================================================

		Section Title

====================================================================



***/



.sec-title{

	position:relative;

	margin-bottom:50px;

}



.sec-title h2{

	position: relative;

	display: block;

	/* font-size:38px; */

	line-height: 1.2em;

	color: #4a4a4a;

	font-weight: 700;

}



.sec-title .text{

	position:relative;

	color:#4a4a4a;

	font-size:16px;

	line-height:1.9em;

	margin-top:12px;

}



.dark-layout .sec-title .text{

	color:#cccccc;	

}



.sec-title.light h2{

	color: #ffffff;

}



.sec-title.centered{

	text-align:center;

}



/*** 



====================================================================

	Section Title Two

====================================================================



***/



.contact-form{

	position:relative;

}



.auto-container{

  position: static;

  max-width: 1210px;

  padding: 0px 20px;

  margin: 0 auto;

}



.contact-form .form-group{

	position:relative;

	margin-bottom:20px;

}



.contact-form .form-group input[type="text"],

.contact-form .form-group input[type="tel"],

.contact-form .form-group input[type="email"],

.contact-form .form-group select,

.contact-form .form-group textarea{

	position:relative;

	display:block;

	width:100%;

	line-height:28px;

	padding:10px 25px;

	/* color:#4a4a4a; */

	height:48px;

	font-size:16px;

	border-radius:3px;

	background:#ffffff;

	border:1px solid #ededed;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

	-moz-transition:all 300ms ease;

	transition:all 300ms ease;

}



.contact-form .form-group input[type="text"]:focus,

.contact-form .form-group input[type="tel"]:focus,

.contact-form .form-group input[type="email"]:focus,

.contact-form .form-group textarea:focus{

	border-color:#dfb162;

}



.contact-form .form-group textarea::-webkit-input-placeholder,

.contact-form .form-group input::-webkit-input-placeholder{

	color:#888888;

}



.contact-form .form-group textarea{

	height:200px;

	resize:none;

}



.contact-form button{

	cursor: pointer;

	margin-top:10px;

}



.contact-form button:before{

	background-color: #101010;

}



.contact-form button:hover{

	color: #ffffff;

}



.contact-form input.error,

.contact-form select.error,

.contact-form textarea.error{

	border-color:#ff0000 !important;	

}



.contact-form label.error{

	display:block;

	line-height:24px;

	padding:5px 0px 0px;

	margin:0px;

	text-transform:uppercase;

	font-size:12px;

	color:#ff0000;

	font-weight:500;	

}



.contact-form-section .info-column{

	position:relative;

}



.contact-form-section .info-column .inner-column{

	position:relative;

	padding-top:10px;

	padding-left:100px;

}



.contact-form-section .info-column .contact-info-list{

	position:relative;

	margin-bottom:45px;

}



.contact-form-section .info-column .contact-info-list li{

	position:relative;

	color:#4a4a4a;

	font-size:16px;

	margin-bottom:4px;

	line-height:2em;

}



.contact-form-section .info-column .contact-info-list li a{

	position:relative;

	color:#4a4a4a;

	font-size:16px;

}



.contact-form-section .info-column .contact-info-list li a:hover{

	color:#dfb162;

	text-decoration:underline;	

}



.contact-form-section .info-column .contact-info-list li strong{

	position:relative;

	color:#4a4a4a;

	font-size:20px;

      font-family: 'Poppins', sans-serif;

}



ul,li{

	list-style:none;

	padding:0px;

	margin:0px;	

}



/*** contact us end ***/







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



   .contact-form-section{

		padding-bottom:30px;

		background-image:none !important;	

	}



  .second-nav-wrapper .navbar-dark .navbar-nav .nav-link{

    letter-spacing: 0px;

    padding: 10px 10px;

    font-size: 13px;

  }

  .second-nav-wrapper .dropdown-item{

    padding: 10px 4px;

  }

}

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

  .second-top ul li:nth-child(1) img{

      max-width: 100%;

  }

  .second-nav-wrapper .navbar-dark .navbar-nav .nav-link {

    padding: .5rem .4rem;

    font-size: 15px;

  }

  .second-nav-wrapper .dropdown-item {

    padding: 10px 4px;

    width: 30%;

    text-align: left;

  }

  .nav-wrapper .navbar-dark .navbar-nav .nav-link {

    padding: .5rem 1rem;

  }

  .second-nav-wrapper .navbar-dark .navbar-toggler-icon {

    background: url(../../images/front/nav-icon.png) no-repeat;

    width: 25px;

    height: 20px;

  }

  .second-top ul li:nth-child(1) {

      width: 100%;

      text-align: center;

  }

  .second-top ul li{

    width: 50%;

  }

  .second-nav-wrapper .navbar-toggler {

        margin-top: -62px;

        float: left;

        width: 54px;

        z-index: 50;

        position: relative;

    }

    .second-nav-wrapper .navbar {

        float: left;

        width: 100%;

        display: block;

    }

    .second-nav-wrapper .navbar-expand-lg .navbar-collapse {

        position: absolute;

        z-index: 99;

        float: left;

        padding: 0 0 10px;

    }

    .second-nav-wrapper .navbar-expand-lg .navbar-nav {

        text-align: left;

        min-width: 230px;   

    }

    .second-nav-wrapper .navbar-expand-lg .navbar-nav .nav-item {

        display: block;

        margin-top: 1px;

        color: #000;

        border-bottom: 1px solid #bdbcbc;

        background: #f7f7f7;

    }

    .second-nav-wrapper .navbar-dark .navbar-nav .nav-link {

        color: #000;

        padding: .5rem .4rem;

    }

    .second-nav-wrapper ul.navbar-nav.ml-auto {

        background: rgba(255, 255, 255, 0.95);

    }

    .second-nav-wrapper{

        background: transparent;

        padding: 0;

    }

    	.contact-form-section .info-column .inner-column{

		padding:0px;

	}

	

}

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







 

.personifies-img{

    width: 100%;

  }

  .personifies-text{

    width: 100%;

    padding: 20px;

  }



      .personifies{

        display: block;

        /* margin-top: 0; */

    }

    .personifies-left{

        display: block;

        width: 100%;

        text-align: center;

        padding: 20px;

    }

    .personifies-right {

        width: 100%;

        padding: 0 30px 20px;

        text-align: center;

    }





  .nav-right-box{

      position: absolute;

      top: 14px;

      left: 50%;

  }

  .navbar-dark .navbar-nav .nav-link{

      color: #fff;

  }

  .second-nav-wrapper .navbar-toggler {

    margin-top: -45px;

    float: left;

    width: 54px;

    z-index: 50;

    position: relative;

  }

  .navbar{

      padding: 0;

  }

  .second-nav-wrapper.navbar {

    float: left;

    width: 100%;

    display: block;

  }

  .second-top {

    padding: 5px 0;

  }

  .second-nav-wrapper .navbar {

    float: left;

    width: 100%;

    display: block;

    margin-left: -12px;

  }

  .nav-side-menu {

    margin-top: 10px;

  }

  .nav-side-menu .brand {

    height: 45px;

  }

  .nav-side-menu .toggle-btn {

    top: 8px;

  }

  .second-nav-wrapper .navbar-expand-lg .navbar-nav .nav-item {

    display: block;

    margin-top: 1px;

    color: #000;

    border-bottom: 1px solid #bdbcbc;

  }

  .second-nav-wrapper .navbar-dark .navbar-nav .nav-link {

    color: #000;

    padding: .5rem .4rem;

  }

  .second-nav-wrapper .navbar-expand-lg .navbar-collapse {

    float: left;

    padding: 0 0 10px;

  }

  .second-nav-wrapper .navbar-expand-lg .navbar-collapse {

    position: absolute;

    z-index: 99;

  }

  /* .dropdown-toggle::after{

    border-right: 2px solid rgb(255, 255, 255);

    border-bottom: 2px solid rgb(255, 255, 255);

  } */

  .dropdown-toggle::after{

  content: '';

  display: inline-block;

  width: 6px;

  height: 6px;

  border: none;

  border-right: 2px solid #fff;

  border-bottom: 2px solid #fff;

  transform: rotate(-45deg);

  margin-left: 8px;

  vertical-align: middle;

}



  .mobile-nav{

    float: left;

    width: 100%;

    display: block;

    position: relative;

    z-index: 99;

  }

  .menuIcon {

      position: relative;

      width: 100%;

      background: #000000;

      margin: 0;

      margin-bottom: 5px;

      padding: 5px;

  }

  .NavigationSlideOut {

      position: absolute;

      top: 45px;

      height: auto;

      text-transform: uppercase;

  }

  .menuIcon div {

      margin: 5px auto;

  }

  .NavigationSlideOut a {

    color: #fff;

    background: #000;

    margin-top: 1px;

    padding: 10px !important;

    float: left;

    width: 100%;

  }

  .navbar-nav .dropdown-menu {

      position: static;

      float: none;

      border-radius: 0;

      border: none;

      padding: 0;

  }

  .NavigationSlideOut .dropdown-item{

    float: left;

    padding: 0;

  } 

  .NavigationSlideOut .dropdown-item a {

    display: block;

    border-bottom: 1px solid #fff;

    float: left;

    width: 100%;

    background: #4e4e4e;

  }

  .second-nav-wrapper{

    background: transparent;

    margin-top: 0;

  }

  .collection-wrapper {

    margin-top: 16px;

    margin-bottom: 20px;

  }

  .second-nav-wrapper .navbar-expand-lg .navbar-nav{

    text-align: left;

  }

  .logo img{

    width: 250px;

    margin: 0 auto;

  }

  

/* about  */

    .inner-page-center h3{

    font-size: 24px;

  }

  .inner-page-center p{

    font-size: 18px;

  }

  .flex-content{

    padding: 30px;

  }

  .main-about-page-bottom{

    margin-top: 30px;

    margin-bottom: 0;

  }

/* about end */

  

}



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

  .nav-wrapper, .second-nav-wrapper{

      padding: 0 10px;

  }

  .nav-right-box {

      left: 58%;

  }

  .nav-right-box .dropdown-menu{

      width: 270px;

  }

  .carousel-caption h2 {

    font-size: 12px;

    line-height: 15px;

  }

  .carousel-caption-text span{

    display: none;

  }

  .video-box iframe{

    min-height: 200px;

  }

}

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

  .second-top ul li:last-child img {

    top: 6px;

  }

  .second-nav-wrapper .navbar-toggler {

    width: 32px;

    padding: 2px;

  }

  #carousel02 {

    margin-bottom: 10px;

  }

  .explore-bnt{

    padding: 10px 25px;

    width: 170px;

  }

}

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

  .product-card .card-title {

    letter-spacing: 1px;

  }

}





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

  .pro-heading h2{

    font-size: 70px;

  }

  .product-4 .pro-heading h2 {

    font-size: 50px;

  }

  .product3-content .pro-heading h2 {

    font-size: 55px;

  }

  .product3-content .pro-heading span{

    font-size: 78px;

    top: 6px;

  }

  .product3-content .pro-heading {

    padding-left: 94px;

  }

  .product2-content .pro-heading h2 {

    font-size: 45px;

    line-height: 50px;

  }

  .product2-content .pro-heading span {

    font-size: 80px;

    top: 6px;

  }

  .product2-content .pro-heading{

    padding-left: 100px;

  }

  .first-product{

    padding: 0 15px;

  }

  .pro-2-3 {

    padding: 50px 15px;

  }

  .product-4{

    padding: 0 15px;

  }

  .heading-box h5{

    font-size: 50px;

  }

  .heading-box h2 {

    font-size: 50px;

    line-height: 50px;

  }

  .first-product-left-content {

    padding: 30px;

    right: 10%;

  }

  .product2-img img{

    max-width: 100%;

  }

  .product2-img {

    bottom: 51px;

    right: 5px;

  }

  .product3-img {

    width: 27%;

    bottom: 34px;

    left: 104px;

  }

  .first-product-right img{

    max-width: 100%;

  }

  .product-1-mainimg{

    margin-right: 12px;

  }

  .product2-content .pro-content p{

    min-height: 170px;

  }

  .carousel-item{

    min-height: 570px;

  }

}







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

  .pro-heading h2 {

    font-size: 50px;

  }

  .product2-content .pro-heading h2 {

    font-size: 28px;

    line-height: 40px;

  }

  .product2-box{

    background-position: right -120px bottom;

  }

  .product3-content .pro-heading h2 {

    font-size: 32px;

  }

  .product3-box{

    background-position: left -112px bottom;

  }

  .product2-content .pro-content p {

    min-height: 194px;

  }

  .shop-now-btn{

    width: 200px;

  }

  .product-4 .pro-heading span{

    font-size: 100px;

  }

  .product-4 .pro-heading{

    padding-left: 120px;

  }

  .carousel-item{

    min-height: 480px;

  }

  .carousel-caption h2{

    line-height: 80px;

    font-size: 80px;

  }

}

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

 .first-product-left-content {

    right: 0;

    float: left;

    width: 80%;

    left: 8%;

  }

  .carousel-caption h2{

    font-size: 75px;

    line-height: 75px;

  }

  .first-product-left-back{

    width: 80%;

  }

  .product2-box{

    width: 100%;

    background-position: right 0 bottom;

  }

  .product3-box{

    width: 100%;

    margin-top: 20px;

  }

  .product2-content .pro-heading h2 {

    font-size: 40px;

    top: 30px;

    position: relative;

  }

  .product2-content .pro-content p {

    min-height: auto;

    margin-top: 50px;

  }

  .product2-img {

    bottom: 86px;

    right: 0;

  }

  .product2-img img {

    max-width: 100%;

    width: 60%;

  }

  .product3-img {

    width: 13%;

    bottom: 65px;

    left: 104px;

  }

  .product-4left {

    width: 100%;

    z-index: 10;

    margin-top: 0;

  }

  .product-4right {

    width: 100%;

    text-align: center;

    margin-top: 15px;

  }

  .pro-2-3{

    margin-top: 0;

  }

  .product-4content{

    padding-top: 0;

  }

  .moet-hennessy-locator h2{

    font-size: 22px;

  }

}

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

  .product-4 .pro-heading h2 {

    font-size: 40px;

  }

  .second-nav-wrapper .socialmedia {

    display: none;

  }

  .mobile-socialmedia {

    display: block;

    background: #000;

    padding: 10px;

    border-bottom: 1px solid #fff;

    text-align: center;

  }

  .mobile-socialmedia .socialmedia{

    text-align: center;

  }

  .mobile-socialmedia .socialmedia li{

    float: none;

  }

  .caption-img {

    width: 60%;

    float: none;

    margin: 0 auto;

  }

  .caption-text{

    margin-top: 50px;

    width: 100%;

    position: relative;

    bottom: 0;

  }

  .carousel-caption {

    bottom: 30px;

  }

  .carousel-indicators li img{

    display: none;

  }

  .carousel-indicators li{

    border: none;

    width: 10px;

    height: 10px;

    margin-left: 5px;

    margin-right: 5px;

  }

  .carousel-indicators .active{

    border: none;

    width: 10px;

    height: 10px;

  }

  .carousel-indicators{

    justify-content: center;

    margin-left:15%;

  }

  .first-product-left-back{

    display: none;

  }

  .first-product-left{

    width: 100%;

    background: url(../../images/front/img-01.png);

    background-size: cover;

    padding: 50px;

  }

  .first-product-left-content {

      margin-top: 0;

      left: 0;

      width: 100%;

  }

  .first-product-right {

    width: 100%;

    position: relative;

    float: right;

    text-align: center;

    margin-top: 20px;

  }

  .product-1-mainimg {

    margin-right: 0;

    float: none;

    margin: 0 auto;

  }

  .product-1bg {

    position: absolute;

    right: 22%;

  }

  .product2-img img {

    width: 80%;

  }

  .product3-img {

    width: 16%;

    bottom: 35px;

    left: 104px;

  }

  .moet-hennessy-video-content{

    width: 100%;

    margin-top: 0;

  }

  .moet-hennessy-video{

    width: 100%;

    margin-top: 30px;

  }

  .moet-hennessy-video iframe{

    width: 100%;

    left: 0%;

  }

    /* about page */

    .about-page-flex{

        display: block;

    }

      .flex-bg{

        min-height: 300px;

        float: left;

        width: 100%;

    }

    /* about page End */



}

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



.about-macallan-home{

   padding-bottom: 10px;

  padding-top: 10px;

}

  .about-macallan-home-content{

    width: 80%;

  }

  .about-macallan-home-content p{

    font-size: 20px;;

  }

  .about-macallan-home-content h3 {

  font-size: 24px;

  margin-bottom: 20px;

  line-height: 34px;

  padding-bottom: 0 !important;

  

}

  .first-product-left-content {

    left: 0;

    width: 100%;

    padding: 10px;

  }

  .product-1bg {

    position: absolute;

    right: 3%;

  }

  .product2-img {

    bottom: 86px;

    right: 0;

    position: relative;

    width: 100%;

    text-align: center;

  }

  .product2-content {

    width: 100%;

    float: left;

    position: relative;

    margin-bottom: 100px;

    background: rgb(255 255 255 / 72%);

  }

  .product2-box{

    background-position: right center;

    padding: 50px;

  }

  .product3-content {

    width: 100%;

    margin-bottom: 50px;

    background: rgb(255 255 255 / 72%);

  }

  .product3-img {

    width: 100%;

    bottom: 35px;

    left: 0;

    position: relative;

    text-align: center;

  }

  .product3-content .pro-heading h2{

    font-size: 50px;

  }

  .product3-box{

    padding: 50px;

  }

  .product-4content{

    width: 100%;

    text-align: center;

  }

  .product-4img-box{

    width: 100%;

    margin-top: 15px;

  }

  .carousel-caption{

    left: 10%;

    right: 10%;

  }

  .carousel-caption h2 {

    font-size: 50px;

    line-height: 50px;

  }

  .caption-text{

    margin-top: 30px;

  }

  .caption-img{

    width: 78%;

  }

  .pro-heading{

    padding-left:0 !important;

    text-align: center; 

  }

  .pro-heading span{

    display: none;

  }

  .first-product-left-content p{

    padding: 0;

    margin-top: 10px;

  }

  .pro-heading h2{

    line-height: 60px;

  }

  .pro-content p{

    text-align: center;

  }

  .product-4text p{

    text-align: center;

  }

  .product2-content .pro-content p{

    text-align: center;

  }

  .pro-2-3 {

    padding: 50px 15px 20px;

  }

  .product-4 .shop-now-btn {

    float: none;

    margin-top: 30px;

    margin-bottom: 30px;

  }

  .first-product-left{

    padding: 20px;

  }

  .first-product-left-content .shop-now-btn {

    margin-top: 10px;

  }

  .product2-content .pro-heading,

  .product3-content .pro-heading{

    left: 0;

    z-index: 10;

  }

  .product2-content .pro-heading h2{

    top: 0;

  }

  .product2-content .pro-content p{

    margin-top: 15px;

  }

  .heading-box h2 {

    font-size: 35px;

    line-height: 35px;

  }

  .heading-box h5 {

    font-size: 40px;

    line-height: 40px;

  }

  .span2:after{

    border-top: 40px solid transparent;

    border-bottom: 40px solid transparent;

    border-left: 40px solid #000;

    right: -5px;

    bottom: -26px;

  }

  .span1:after{

    border-top: 40px solid transparent;

    border-bottom: 40px solid transparent;

    border-right: 40px solid #000;

    left: -7px;

    top: -26px;

  }

  .product3-content .span1:after{

    border-right: 40px solid #000;

  }

  .product3-content .span2:after {

    border-left: 40px solid #000;

    border-top: 40px solid transparent;

    border-bottom: 40px solid transparent;

  }

  .carousel-caption{

    padding-top: 0;

  }

  .heading-box{

    padding: 30px 0;

  }

  .best-sellers-wrapper{

    margin-top: 30px;

    padding: 30px 0;

  }

  .span1{

    overflow: hidden;

  }

  .moet-hennessy-locator-img{

    width: 80px;

  }

  .moet-hennessy-locator {

    padding-left: 85px;

    min-height: 90px;

  }

  .moet-hennessy-locator h2{

    font-size: 18px;

  }

  .carousel-item{

    min-height: 590px;

  }

  .best-sellers-wrapper .heading-box{

    margin-bottom: 20px;

  }

  .owl-carousel .owl-nav{

    margin-top: 25px;

  }

  .inner-top{

    padding: 25px 0;

    min-height: 200px;

  }

  .inner-top h2 {

    font-size: 40px;

    line-height: 50px;

    margin-top: 42px;

  }

  .hennessy-best-product {

    background: url(../../images/front/img-20.jpg) no-repeat top -51px right -112px #fff;

    padding: 20px 10%;

  }

  .hennessy-main-iamge {

    padding: 10px 0 10px;

  }

  .inner-page-video iframe {

    min-height: 210px;

  }



      .ourstory-row2 .ourstory-content04 {

    width: 100%;

    margin-left: 0;

    margin-top: 30px;

    }

    .ourstory-content04 {

        padding: 0;

    }

    .ourstory-row3{

        margin-bottom: 30px;

    }

    .ourstory-top-wrapper h2{

        font-size: 50px;

    }

    .ourstory-top-wrapper {

        padding: 100px 0;

    }

     .mobileHeaderHeading h3{

    font-size: 40px;

    margin-top: 30%;

    line-height: 50px;

 }



    

}

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

  .product2-box{

    padding: 20px;

  } 

  .product3-box {

    padding: 20px;

  }

}



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

      .welcome-wrapper .heading-box h1{

        font-size: 36px;

        line-height: 42px;

      }

      .welcome-btn-box .shop-now-btn{

        width: 100%;

      }

    }

    /* ===== Mobile nav: slide in from the right ===== */

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

  .navbar-container #navbarNav {

    display: block !important;

    position: fixed;

    top: 0;

    right: 0;

    width: 280px;

    max-width: 85%;

    height: 100vh;

    margin: 0;

    padding: 70px 20px 20px;

    background: #000;

    overflow-y: auto;

    transform: translateX(100%);

    transition: transform 0.35s ease-in-out;

    z-index: 1000;

  }

  .navbar-container #navbarNav.show {

    transform: translateX(0);

  }

  .navbar-container .navbar-nav {

    width: 100%;

    text-align: left;

  }

  .navbar-container .navbar-nav .nav-item {

    display: block;

    border-bottom: 1px solid rgba(255,255,255,0.15);

  }

  .navbar-container .dropdown-menu {

    position: static;

    float: none;

    width: 100%;

    background: #fff;

  }

  .navbar-container .dropdown-menu .dropdown-item {

    color: #000;

  }

  .navbar-container .dropdown-menu .dropdown-item:hover,

  .navbar-container .dropdown-menu .dropdown-item:focus {

    background: #f2f2f2;

    color: #000;

  }

}

/* ===== end slide-out nav ===== */







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

  .board-director-img img {

     height: 100%; 

    object-fit: cover;

    object-position: center top;

    display: block;



  }



 

  .board-director-info {

    padding: 16px 14px;

  }

}













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

    .for-desktop{

        display: none;

    }

    .for-mobile{

        display: block;

    }



        .inner-page-center {

        width: 100%;

        margin-top: 30px;

    }

    .product-content h3{

        font-size: 17px;

    }

    .product-content p{

        font-size: 16px;

    }

    .about-page-flex{

        display: block;

    }

    .flex-bg{

        min-height: 450px;

        float: left;

        width: 100%;

    }

    .flex-content{

        width: 100%;

        float: left;

    }

    .main-about-page-bottom {

        padding: 20px 20px;

    }

        .henessy-ourstory-inner .heading-box {

        padding: 30px 0 30px;

    }

    .henessy-ourstory-inner .heading-box h2 {

        font-size: 22px;

        line-height: 30px;

    }

    .henessy-ourstory-inner {

        padding: 30px 0;

    }

    .henessy-collection-inner p {

        padding: 0;

    }

  .navbar .nav-item.dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;   /* removes the gap so the menu doesn't close while moving the mouse */
    }





}

@media screen and (min-width: 768px) {

    .card {

        flex-basis: calc(33.33% - (62px + 40px));

        /*margin: 0 31px;*/

    }

}



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

  .board-director-img img {

  }

  .board-banner {

    padding: 70px 0;

  }

}





.banner-header-setHeight{

  min-height: 441px !important;

}



.wrapper_padd0{

  margin-top: 0;

}

.wrapper_mar-top{

  margin-top: 70px;

}



.padding-top0{

  padding-top: 0px !important;

}

.addMarginBottom{

  margin-bottom: 50px;

}