@media only screen and (max-width: 1440px){
	.pop-up-bg{
		width: 100%;
		display: block;
	}
	.product-big-img-div{
		width: 60%;
	}
	.product-big-img-list{max-width: 250px;}
	.section-title{font-size: 18px;letter-spacing: .5px;line-height: 25px;}
	.border-top-pink{
		margin-top: -102px;
	}
	.rsb-one {
	    max-width: 150px;
	    top: -60px;
	    left: 40px;
	}
	.grape-one {
	    max-width: 140px;
	    right: 80px;
	    bottom: 90px;
	}
	.header li a {
	    color: white;
	    padding: 14px 16px;
	    text-decoration: none;
	    font-size: 14px;
	    letter-spacing: 0.5px;
	}
	.header .result-link{
	color: #d72228 !important;}
/* 	.site-logo-img {
	    max-width: 150px;

	} */
	.banner-cta p {
	    font-size: 60px;
	    line-height: 60px;
	    margin-bottom: 20px;
	}
	.turtle-surfer{
		max-height: 300px;
		bottom: 50px;

	}
	.elephant-surfer {
	    position: absolute;
	    top: -220px;
	    max-width: 300px;
	    left: 50px;
	    z-index: 12;
	}
	.blank-bubble-lg {
	    max-width: 120px;
	    width: 120px;
	}
		.pop-up-bg{
		max-width: 800px;
	}
	.form-wrapper{
		    max-width: 476px;
	
    padding: 40px 0 0 40px;
    width: 	100%;
	}

}

@media only screen and (max-width:1330px){
	.header-border{
		bottom:-4px;
	}
	.tout-img-wrap{
		max-width: 180px;
	}
	.carousel-section{
		padding: 0 60px;
	}
	.variety-title{
		font-size: 14px;
	}
	.center-right-croner{

	    top: 80%;
	}
	.grape-footer {

	    max-width: 130px;
	}
	.product-big-img-list {
	    max-width: 230px;
	    padding-top: 20px;
	}
	.border-top-pink {
	    margin-top: -60px;
	}
	.blur-bubble-md {
	    max-width: 78px;
	}
	.product-variety-section {
	    width: 20%;
	    float: left;
	    max-width: 180px;
	}
	.rsb-one {
	    max-width: 120px;

	}
}

@media only screen and (max-width: 1280px){
	.carousel-section {
    padding: 0 30px;
}
.product-thumb-items {
    padding: 0 15px;
    cursor: pointer;
}
.product-big-img-div {
    width: 50%;
}
.product-variety-section{
	float: right;
}
}

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

		.submit{
		margin-top:20px;
	}
	.form-wrapper h1.section-header {
    font-size: 25px;
    line-height: 25px;
}
	.pop-overlay .center-align{
		width: 100%;
		padding: 10px;
	}
	.close{
		right: 	20px;
	}
/*	.pop-overlay .form-wrapper{
		padding: 60px 20px 40px;
	}*/
	.site-logo-wrap{
		max-width: 100px;
	}
	.small-header .site-logo-wrap {
    max-width: 80px;
}
	.product-variety-section{
		width: 25%;
	}

	.product-thumb-wrap {
	    padding: 20px 0px;

	    margin: 0 10px;
	}
	.product-thumb-div {
	   width: 180px;
	}
	.blank-bubble-md {
    max-width: 40px;

	}
	.scroll-dwn-img{
		max-width: 60px;
		margin: 0 auto;
		display: block;
	}
	.scroll-dwn-img img{
		width: 100%;
		display: block;
	}
}



@media only screen and (max-width: 768px){
	.scroll-dwn-img{
		display: none;
	}
	.form-container{
		margin-top: 30px;
	}
	.form-split .form-element:first-child{
		padding: 0
	}
.pop-overlay{
	overflow-y: scroll;	
}
.playing .video-frame{
	opacity: 0;
	visibility: visible;
	pointer-events:none;
}
.playing .play, .playing .video-overlay {
    opacity: 0;
    pointer-events: none;
}
	.nav-list li{
		opacity: 0
		transform:translateY(-20px);
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}
	.nav-list li:nth-child(2){
		-webkit-transition-delay: 100ms;
		-o-transition-delay: 100ms;
		transition-delay: 100ms;
	}
	.nav-list li:nth-child(3){
		-webkit-transition-delay: 200ms;
		-o-transition-delay: 200ms;
		transition-delay: 200ms;
	}
	.nav-list li:nth-child(4){
		-webkit-transition-delay: 300ms;
		-o-transition-delay: 300ms;
		transition-delay: 300ms;
	}
	.nav-list li:nth-child(5){
		-webkit-transition-delay: 400ms;
		-o-transition-delay: 400ms;
		transition-delay: 400ms;
	}
	.nav-list li:nth-child(6){
		-webkit-transition-delay: 500ms;
		-o-transition-delay: 500ms;
		transition-delay: 500ms;
	}

	.nav-list li{
		opacity: 0;
		transform:translateY(-20px);
	}
	.menu-open .nav-list li{
		opacity: 1;
		transform:translateY(0px);
	}
	.flavour-section.full-width-btn {
    max-width: 300px;
    margin: 0 auto;
}
.quantity-section {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    max-width: 300px;
    margin: 30px auto;
}
	.product-thumb-wrap{
		margin: 0;
	}
	.prod-thumb-list-wrap .arrow{
		top: auto;
		    background: #af3ce4;
    border-right: 2px solid #af3ce4;
    border-top: 2px solid #af3ce4;
    bottom:-8px;
	}
	.product-big-img-list{
		    padding-top: 0;

	    max-width: 200px;
	    min-height: 350px;


	}
	.header li a{
		padding: 10px 16px;
	}
	.banner-cta {
	    padding: 0 0 0 30px;
	}
	.banner-cta p{
		font-size: 40px;
		line-height: 40px;
	}
	.menu-wrap{
		border-radius: 0 0 0 200px;
		position: fixed;
		top: 0;
		-webkit-transition: transform 0.4s ,border-radius opacity 0.5s ;
		-o-transition: transform 0.4s ,border-radius opacity 0.5s ;
		transition: transform 0.4s ,border-radius opacity 0.5s ;
		right: 0;
		opacity: 0;
		visibility:hidden;
		-webkit-transform:translateY(-90%);
		-moz-transform:translateY(-90%);
		-ms-transform:translateY(-90%);
		transform:translateY(-90%);
	}
	.nav-list{
		margin-top: 40px;
	}
	.menu-open .menu-wrap{
		background: #af3ce4;
		opacity: 1;
		visibility: visible;
		    border-radius: 0 0 0 140px;
    padding-left: 50px;
    		-webkit-transform:translateY(0%);
		-moz-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
	}
	.mobile-menu {
    display: block;
 
}
.menu-div .menu-lines {
    display: block;
    position: absolute;
    top: 10px;
    height: 4px;
    background: #fff;
    width: 100%;
    border-radius: 3px;
}
	.nav-list li{
		display: block;
		text-align: right;
	}
	.blur-bubble-lg {
	    max-width: 100px;
	}
	.center-right{
		right: -50px;
	}
	.border-top-pink,.border-bottom-pink{
		display: none;
	}
	.product-variety-section{
		width: 100%;
		max-width: 100%;
		padding: 10px;
	}
	.product-thumb-wrap .dis-tab{
		opacity: 1;
		display: block;
	}
	.product-thumb-wrap .dis-tc{

		display: block;
	}
	.product-thumb-wrap{
		border-bottom: none;
	}
	.product-thumb-list:after{
		display: none;
	}
	.product-thumb-img-wrap{
		display: none;
	}
	.product-thumb-div{
		width: 100%;
		position: relative;z-index: 13;

	}
	.carousel-section{
		padding: 0 0 10px 0;

		background-size: contain;
	}
	.product-name{
		color:#e19fff;
		margin-left: 0;
	}
	.product-thumb-items {
    padding: 0 15px;
    cursor: pointer;
    display: inline-block;
    width: 33.33%;
    margin-left: -5px;
    text-align: center;
}
	.product-thumb-list{
		background: #af3ce4;
    border:none;
    border-radius: 0;
	}
	.video-div{
	    top: 15px;
	    left: 11px;
	    right: 6px;
	    bottom: 6px;
	}
			.product-big-img-div {
	    width: 100%;
	}

	.product-thumb-div .section-title{
		display: none;
	}
		.form-split .form-element{
		width: 100%;
	}
	.kids-corner .kids-form-surf-img {
    position: absolute;
	bottom:-5px;
    left: 50%;
    z-index: 4;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}
.copy-div .right-contents .form-wrapper{
	padding: 40px 40px 100px 40px;
}
	.copy-div .left-contents,.copy-div .right-contents{
		width: 100%;float: left;
		padding: 0px;
	}
	.moms-corner .copy-div{
		padding:  40px 40px 200px 40px;
	}
	.elephant-surfer,.turtle-surfer{
		left: 50%;
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
		max-width: 230px;
	}
	.elephant-surfer{
		top: -228px;
	}
	.turtle-surfer{
		top: -200px;
	}

	.pink-wrap .copy-div {
    padding: 50px 20px 210px;
        max-width: 480px;
}

		.kids-corner .copy-div {
    padding: 50px 20px 50px;
        max-width: 480px;
}
	.small-header .header-border{
		opacity: 0;
	}
}

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

	.content-wrap{
		margin-top: 0;
	}
	.banner-cta p {
    font-size: 22px;
    line-height: 22px;
}
	.banner-cta-wrap{
		height: 100%;
	}
	.banner-cta .button{
		display: none;
	}
	.header-wrap{
		padding: 15px 0;
	}
	.footer-bg{
		display: none;
	}
	.footer-links-list{
		margin-top: 20px;
	}
	.footer-links-items {
	    display: inline-block;
	    margin: 15px;
	}
	.video-frame-div{
		max-width: 90%;
	}
	.footer-links-wrap{
		    padding: 10px 20px;
		    max-width: 100%;
	}

	.footer-div{
		    background-image: url(../images/footer-bg.jpg);
		    background-size: cover;
		    background-repeat: no-repeat;
	}
	.footer-wrap{
		position: relative;
	}
	.rsb-one {
    max-width: 75px;
}
.grape-one {
    max-width: 75px;
    right: 40px;
    bottom: 40px;
}
	.copy-text {

	    font-size: 16px;
	    line-height: 20px;

	}
}

@media only screen and (max-width: 514px){
	.close{
		width: 30px;height: 30px;
	}
	.pop-overlay .form-wrapper{
		    padding: 60px 20px 90px;
	}
	.pop-up-bg{
		bottom: -60px;
	}
	.form-wrapper h1.section-header {
    font-size: 20px;
    line-height: 20px;
}
	.squirrel-footer.bubble-img,.rsb-one,.grape-footer{
		max-width: 50px;
		left: 5px;
	}
	.blank-bubble-lg{
		max-width: 50px;
	}
	.bottom-left,.left-bottom,.top-left-center,.center-right-top,.center-top{

    left: 5px;
}
.right-bottom,.right-top,.top-center-right,.grape-one{
    right:5px;
}
		.product-name{
		font-size: 14px;
	}
	.tout-img-wrap {
    max-width: 150px;
    left: -20px;
}
	.product-big-img-list {
    max-width: 190px;

    margin-right: auto;
    margin: 0 auto 0 20px;
    min-height: 333px;
}
	.copy-div .right-contents .form-wrapper {
    padding: 20px 20px 100px 20px;
}
	.site-logo-wrap,.small-header .site-logo-wrap{

		max-width: 75px;
		margin-left: 10px;
	}
	.video-frame-div {
	    max-width: 95%;
	}
	.footer-div{
		      background-position: 50% 50%;
		}
		.banner-cta {
	    padding: 0 0 0 10px;
	}
}

@media only screen and (max-width: 480px){
		.pop-up-bg{
		bottom: -30px;
	}
}