html {
    scroll-behavior: smooth;
    margin-top: 0px !important;
}
 
.landing-banner_sec .video-sec {
    height: calc(100vh - 100px);
}
.mb-3{margin-bottom:30px;}
.pt-4{padding-top:40px;}
.pt-8{padding-top:80px;}
.pb-8{padding-bottom:80px;}
.bg-white{background:url('https://www.vansunmilking.com/wp-content/themes/vansun/img/milk-png-1.png'); background-size: cover; background-position: top right; background-repeat: no-repeat;}
.bg-gray{background:  url(https://www.vansunmilking.com/wp-content/themes/vansun/img/footer-milk.png);
background-size: cover;
background-position: bottom}
.max-width{max-width:80%; margin:0 auto !important;}
.reviews_sec h1,
.our-products h1,
.why-choose-sec h1{margin-bottom: 30px;}
.reviews_sec h1, .our-products h1{text-align:center;}
.why-choose-sec h1,.why-choose-sec p{text-align:left;}
.why-choose-sec img.img-responsive {
    border-radius: 15px;
    margin: 0 auto;
}
.product-content h4{font-size: 18px; color: #00afef; text-align: center;}
.product-content img {max-height: 400px;object-fit: cover;width: 100%; transition:all .5s;    cursor: pointer;}
section.custom-cta-btn-section.cta_sec{margin:0;}
.product-content {margin-bottom: 30px; position:relative;}
.tooltip_content{position:absolute;top:0;left:0; visibility:hidden;opacity:0;}
.product-content:hover .tooltip_content{visibility:visible;opacity:1;top: 0%;}
.tooltip_content {
       max-width: 500px;
       width:100%;
    position: absolute;
    top: -100%;
    left: 0;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    height: auto;
    background: #f8f7f5;
   z-index:10;
    transition:all 1s;
}
/*.tooltip_content .close {
    color: red;
    background: #fff;
    opacity: 1;
    height: 30px;
    width: 30px;
    text-align: center;
}*/
.tooltip_content p {
    font-size: 14px;
    color: #000;
    line-height: 20px;
}
/*.product-content img:hover { */
/*    transform: scale(1.2);*/
/*}*/
.discount_sec{
display:flex;
justify-content:center;
padding:30px 0 40px 0 ;
}
.discount_sec .get-intouch-form{margin:0;}
.discount_sec  .getin-touchform .submit-box input{
max-width: 100%
}
.why-choose-sec .read-morebtn,
.our-products .read-morebtn{
margin:0 auto;
text-align:center;
}
footer.location_sec {
    padding: 60px 0 0;
}
.footer-social img.img-responsive {
    max-width: 200px; 
}

.footer-social ul {
display: flex;
justify-content: space-between;
max-width: 150px;
margin: 20px 0;
}
.footer-social ul li{list-style:none;}
.footer-social ul a {
color: #fff;
}
.footer-social ul a i{font-size:28px !important;}
footer.landing_footer {
padding: 60px 0 0 0  ;
}
.landing-copyright p {
text-align: center;
}
.landing-copyright p.footer-copyright a {
    display: none;
}
.bg-paralex h1{margin-bottom:30px; text-align:center; color:#fff;}
.bg-paralex p{text-align:center; color:#fff; max-width:767px; margin:0 auto;}
.header-logo img{max-height:60px;}
header.landing-header {
min-height: 60px;
background: #fff;
padding: 5px 0;
position:relative;
}
.header-nav {
display: flex;
justify-content: flex-end;
align-items: center;
height: 60px;
}

.header-nav nav ul {
display: flex;
justify-content: space-between;
width: 100%;
}



.header-nav nav ul li a {
padding: 10px 14px;
color: #000;
text-transform: uppercase;
letter-spacing: 2px;
transition: all .5s;
}
.header-nav ul li{
list-style: none;
margin-right: 5px;
transform:all .5s;
} 
.header-nav nav ul li:last-child a {
background: #00afef;
border-radius: 5px;
color: #fff;
}
.header-nav nav ul li a:hover {
border-radius:5px;
background: #00afef;
color: #fff;
}
header.landing-header.Sticky{
position:fixed;
top:0;
left:0;
width:100%;
box-shadow: 0px 0px 10px 3px #6e6e6e;
z-index:100;
}
section.getin-touch-sec.bg-paralex {
position:relative;
background: url(https://www.vansunmilking.com/wp-content/themes/vansun/img/img3_2_old.png);
background-position: top left;
/* background-attachment: fixed; */
background-size: cover; 
}
section.getin-touch-sec.bg-paralex::before {
position: absolute;
content: '';
left: 0;
top: 0;
background: #000000ad;

width: 100%;
height: 100%;
}
@media screen and (min-width:992px) and (max-width:1199px){
    .header-nav nav ul li a {
    padding: 10px 10px;
    letter-spacing: 0px;
    }
}
@media screen and (max-width:991px) {
.header-nav nav ul {
display: flex;
justify-content: space-evenly;
width: 100%;
}
.header-nav ul {
padding-top: 20px;
align-items: flex-start;
height: 100vh;
background: #fff;
/* padding-top: 70px; */
display: flex;
flex-direction: column;
position: fixed;
top: 0;
right: 0;
z-index: 100;
justify-content: flex-start;
transform: translateX(100%);
min-width: 60%;
transition: all 1s;
}

.header-nav ul li {
text-align: center;
list-style: none;
margin-left:30px;
} 

.mobile_icon { 
    height: 40px;
    width: 40px;
    position: absolute;
    right: 8%;
    transition: all .5s;
    top: 17px;

}

.mobile_icon span.tap1 {
position: absolute;
right: 5px;
top: 5px;
z-index: 100;
border: 2px solid  #00afef;
height: 2px;
width: 30px;
transition: all .5s;
}

.mobile_icon span.tap2 {
position: absolute;
right: 5px;
top: 15px;
z-index: 100;
border: 2px solid  #00afef;
height: 2px;
width: 30px;
transition: all .5s;
}

.mobile_icon span.tap3 {
position: absolute;
right: 5px;
top: 25px;
z-index: 100;
border: 2px solid  #00afef;
height: 2px;
width: 30px;
transition: all .5s;
}

.header-nav nav.nav-active ul {
transform: translate(50%);
}

.mobile_icon.close {
transform: rotate(6deg);
z-index: 100;
}
.mobile_icon.close {
transform: rotate(6deg);
z-index: 100;
position: absolute;
top: 17px;
z-index: 1000;
background: transparent;
height: 40px;
width: 40px;
right: 8%;
transition: all .5s;
}

.mobile_icon.close span.tap2 {
display: none;
}

.mobile_icon.close span.tap1 {
transform: rotate(45deg);
top: 15px;
border: 2px solid #00afef;
}

.mobile_icon.close span.tap3 {
border: 2px solid #00afef;
transform: rotate(-55deg);
top: 15px;
}

.location_sec aside#custom_html-4 img {
    max-width: 120px;
}
.footer-social ul {margin:0 auto;}
.footer-social img.img-responsive {
        max-width: 120px;
    margin: 30px auto;
}
.footer-social {
    width: 100%;
}
.footer-copyrightbox p {
    padding: 10px 0 10px; 
}
.footer-social ul a i {
    font-size: 18px !important;
}

}
@media screen and (max-width:399px){
    .page-id-2938 .read-morebtn a{
        padding:15px 30px;
        font-size: 18px;
    }
}