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

	/*.slide-heading-one { left: 35%; }
	.slide-heading-two,
	.slide-heading-three,
	.slide-heading-four,
	.slide-heading-five { right: 25%; }*/
	.slider-arrow{width:90% !important; left: 10%; margin-left: -180px; }

}


@media only screen and (min-width: 1400px)  and (max-width:2000px)
{
	/*.logo { width: 100px; height: 72px; margin-left:15px !important; /*background-color:orange;}*/
	.wrapper2 img {margin-left: 240px; margin-top: 270px;}
	.slide-heading-three {margin-top: 25% !important; float:right !important; margin-right:10% !important;}
	
	.slide-heading-six {margin-top: 25% !important; float:right !important; margin-right:10% !important;}
	
	.wrapper3 img {margin-left: 200px; margin-top: 230px;}
	.wrapper4 img {margin-left: 200px; margin-top: 230px;}
	.slide-heading-two {margin-top: 25% !important; float:right !important; margin-right:5% !important;}
	.wrapper5 img {margin-left: 200px; margin-top: 230px;}
	.slide-heading-five {margin-top: 25% !important; float:right !important; margin-right:5% !important;}
	
	.wrapper6 img {margin-left: 200px; margin-top: 230px;}
	.slide-heading-four {margin-top: 25% !important; float:right !important; margin-right:5% !important;}
	
   
	/*.slide-heading-one { left: 35%; /*position:relative; }
	.slide-heading-two,
	.slide-heading-three,
	.slide-heading-four,
	.slide-heading-five { /*right: 25%;/ }*/
	.slider-arrow{width:90% !important; left: 5%; margin-left: 0px; }

}

@media only screen and (min-width: 1025px) and (max-width: 1399px)
{
	
 	body { overflow-x: hidden; min-width: 100% !important; }
	.logo { width: 100px; height: 72px; margin-left:15px !important;/* background-color:#603;*/}
	.logo img { width: 100%; }
	
}

/****************************************************************************
(800 X 600) + (768 X 1024)
****************************************************************************/
@media only screen  and (max-width: 1024px)
{
	 body { overflow-x: hidden; /*overflow:scroll !important;*/ min-width: 100% !important; }
	.logo { width: 100px; height: 72px; margin-left:15px !important; /*background-color:green;*/}
	.logo img { width: 100%; }
    .main-wrap {width: 100%; margin: 0; left: 0; }
    .container {width: 100% !important; margin: 0;}
	.slider-pager { /*bottom: 10% !important;*/ display:none !important; }
	.youtube {width:445px; !important; margin:0 auto !important;}
	.youtube-arrows {width:735px; left:70%;}
	/*.contact { width: 90%; }*/
	/*.contact-form input[type="text"] { width: 330px; }
	.contact-form select { width: 360px !important; }
	.contact-form textarea{ width: 650px; }
	.contact-form input[type="submit"] { display: block; margin: 0 auto; }*/
	
	.map-area { width: 100%; overflow: hidden; }
	.about {height:100% !important;}
    .about-tea figure {/*margin-left: 40px;*/ background-position:center; width:100%; text-align:center; margin-top:130px; margin-left:0 !important; margin-bottom:25px;}
	.about-tea figure img {position:relative !important; left:0; margin-top:25px; margin-left:0px;}
	.owner {width:100%;}

    .about-tea {width: 100%;}
    .about-tea .tea-detail { width: 100%; margin:120px auto 0 auto;text-align: center; }
    .container p { width: 95%; padding-left:15px; }
    .origins-tea {width: 100%; margin-left: 0px;}
    .book-tea { width: 100%; margin-left: 0px;}
    .origins {width: 100%; text-align:center;}
    .origins > span { margin-left: -95px; }
	
	
	
	
	.downarrowone {display:none !important;}
	.downarrowtwo {display:none !important;}
	.downarrowthree {display:none !important;}
	.downarrowfour {display:none !important;}
	
    .Click_to_View_break { margin-left: 42px; margin-top: 50px; width: 110px; }
    .Click_to_View_break p {margin-left: 0;}
    .break-area h2 {float: none; margin-left: 0; text-align: center; }
    .break-area { text-align: center; width: 180px; float:none; display:inline-block; }
    .break-area img {margin-left:  0;}

    .groups { padding: 30px 30px 0 50px; }
    /*.groups section:nth-child(3n) {margin-right: 68px; margin-bottom: 35px;}*/

    div.media1 {width: 100%; height: 100%; background-size: cover;}
    div.media2 {width: 100%; height: 100%; background-size: cover;}
    div.media3 {width: 100%; height: 100%; background-size: cover; text-align: center;}
    div.media4 {width: 100%; height: 100%; background-size: cover; text-align: center;}
	div.media5 {width: 100%; height: 100%; background-size: cover; text-align: center;}
    .media-pic-social li.big {width: 200px;}
    .media-items li { margin: 35px 9px; }
    .media-items { padding-top: 137px; }
    .break { padding-top: 70px !important;}

    .gallary-heading { margin: 70px auto 50px; }
    .media-pic li { margin-right: 7px; }

    .media-contents, .media-pic {width: 100%; padding-bottom:10px;}
    .press-area.pl { width: 360px; height: 100%; padding: 0; float: left; margin: 0px 10px 30px 19px ;}
    .press-area h2 {float: none;}
    .press-area p {float: none; margin: 0 auto;}
    .press-area img {display: block; width: auto; margin: 0 auto;float: none;}
    .press-area a {margin: 10px auto; float: none;}
    .press-area { /*width: 360px;*/ height: 100%; /*float: left;*/ padding: 0;margin-bottom:20px !important;}
    .press-area.pr {margin: 0 6px 10px 0;}
    .break h1.gallary-heading { margin-right: 0; }

    .opedia-container { width: 100%;}
    .opedia-header2 {width: 100%; text-align: center;}
    .opedia-header2 h4 { width: 100%; float: none; margin-left: 0; }
    .tabs { margin: 0px; }
    .tabs li.ui-state-active a, .tabs li a:hover { margin-bottom: 10px;}
	.col { text-align: left; margin: 0 auto; float: none; width: 100%; }
    .opedia-container .contents { width: 100%; }
	.slide-heading-one h1 {font-size:40px !important; }

     .slide-heading-three h1, .slide-heading-two h1, .slide-heading-four h1, .slide-heading-five h1 { font-size: 26px !important;} 
	.slide-heading-three article, .slide-heading-two article, .slide-heading-four article, .slide-heading-five article {width:100% !important;}
	.slide-heading-three p, .slide-heading-two p, .slide-heading-four p, .slide-heading-five p{ font-size:20px;}
	.slide-heading-one h4 { font-size: 20px !important; }
    .slider-arrow { width: 100% !important; left: 0% !important; margin-left: 0; }
   
	.youtube div{ position:inherit !important;}
	
	.slide-heading-two {margin-right:3% !important; margin-top: 26% !important;}
    .slide-heading-three {margin-right:8% !important; margin-top: 26% !important;}
	 .slide-heading-six {margin-right:7% !important; margin-top: 26% !important;}
	.slide-heading-four {margin-right:5% !important; margin-top: 26% !important;}
    .slide-heading-five {margin-right:2% !important; margin-top: 26% !important;}
	.wrapper2 {width:768px !important;}
	.wrapper2 img {margin-left: 110px; margin-top: 197px; width: 250px;}
	
	.wrapper3 {width:768px !important;}
	.wrapper3 img {margin-left: 75px; margin-top: 197px; width: 300px;}
	
	.wrapper4 {width:768px !important;}
	.wrapper4 img {margin-left: 45px; margin-top: 197px; width: 300px;}
	
	.wrapper5 {width:768px !important;}
	.wrapper5 img {margin-left: 75px; margin-top: 197px; width: 275px;}
	
	.wrapper6 {width:768px !important;}
	.wrapper6 img {margin-left: 75px; margin-top: 197px; width: 275px;}
	
    .allpro, .allprroduct {width: 100%; margin: 0 auto; padding-top:150px !important;}
     
	 .allpro p{ width:100%; margin-bottom:-144px !important; }
	.allpro img {width: 100%; margin: 0 auto;}
    .allpro .detail.d1 {top: 50px;}
    .allpro .detail.d2 {top: 50px;}
    .allpro .detail.d3 {top: 50px;}
	
    .timeline p { width: 310px; }
    .timeline h1 {width: 100%; text-align: center;}
	.timeline h2 {width: 100%; text-align: center;}
	.line img { margin-left: 389px; }
	.teacups { margin-left: 246px; }
	
    .brand-page5 .center-brand h1 { width: 370px; }
    .brand-page5 .center-brand {width: 100%;}
    .brand-page6 .center-brand { width: 100%; }
	.brands li p{font-size: 11px !important;}
	div.anythingSlider .forward { right: 0; }
	div.anythingSlider .arrow a { margin: 32px -75px 0; }
	.wb_video_item{ max-width:100%; overflow:hidden; padding-right:1em;}
	/*footer*/
	.footer-wrap { width: 100%; position:relative; height:100% !important;}
    footer {width: 100%; text-align: center;height:100% !important;}
    footer .copyrights { float:none; margin: 0; text-align: center; width:100%; line-height:33px; height:30px; }
    footer .social {float: none; display: inline-block; line-height: 60px;}
	.copyriteandlogo {float:none;}

    .book-tea {margin-left: 0px; width: 365px; padding: 0px;}
    footer .subscribe input[type="text"] {width: 120px;}
    footer .subscribe { float: none; line-height: 60px; }
	/*.fimg{display:none;}*/
	.fimg img {/*float:none !important;*/}
	.break {margin-bottom:0px !important;}
}

@media only screen   and (max-width: 768px)
{
	 body {/* overflow-x: hidden;*/ min-width: 100% !important; }
	.logo { width: 100px; height: 72px; margin-left:15px !important; /*background-color:#0F0;*/}
	.logo img { width: 100%; }
    .main-wrap {width: 100%; margin: 0; left: 0; }
	.youtube {width:220px !important;}
	.youtube-arrows {width:100% !important; left:0;margin-left:0px !important;}
	.youtube-next {margin-right:45px !important;}
	
	/*.youtube {display:none !important}*/
	/*.youtube-arrows {display:none !important;}*/
	/*.youtube_allshow {display:block !important}*/
	.center-brandslidergreen div.anythingSlider .arrow {display:block !important;}
	
	
	.sub-menu{display:none !important;}
	.arrow1, .arrow2, .arrow3, .arrow4, .arrow5 {display:none !important;}
	
    .container {width: 100% !important; margin: 0;}
	.slide-heading-two h1, .slide-heading-three h1, .slide-heading-four h1, .slide-heading-five h1 {font-size:26px !important; /*margin-left:100px !important;*/}
	 .sub_dtl_main, .slide-heading-two p, .slide-heading-three p, .slide-heading-four p, .slide-heading-five p{/*margin-left:100px !important;*/ font-size:15px !important; width:180px;}
	 .explore a {width:100%; float:left;}
	.explore a h5 { float: none !important; vertical-align: -1px; padding: 0px 9px 0px 22px !important; font-size: 12px !important; }
	.explore span { vertical-align: middle; }
	.slide-heading-two .explore, .slide-heading-three .explore, .slide-heading-four .explore, .slide-heading-five .explore {/*margin-left:80px;*/}
	
	
	/*about*/
	.about {height:100% !important;}
	.origins-tea h4, .origins-tea p, .origins {text-align:center;}
	.opedia-container figure {display:none;}
	.tabs {float:left !important; padding-left:70px;}
	
	/*brands*/
	
	div.anythingSlider,
	/*.center-brandslidergreen { width: 100% !important; padding: 250px 0 45px !important; }*/
	div.anythingSlider.activeSlider .anythingWindow { width: 100% !important; margin: 0 auto; overflow: hidden !important; }
	div.anythingSlider .forward { right: 0px !important; }
	div.anythingSlider .back { left:-20px; }
	div.anythingSlider .arrow a { margin: 0px !important; }
	.center-brandslider, .center-brandsliderpremium, .center-brandslidersrtong, .center-brandslidergreen, .center-brandsliderfullleaf { width: 630px !important; }
	
	
	.slide-heading-two {margin-right:-25% !important; margin-top: 32% !important;}
    .slide-heading-three {margin-right:-8% !important; margin-top: 35% !important;}
	 .slide-heading-six {margin-right:-15% !important; margin-top: 35% !important;}
	.slide-heading-four {margin-right:-20% !important; margin-top: 33% !important;}
    .slide-heading-five {margin-right:-23% !important; margin-top: 38% !important;}
	.wrapper2 {width:580px !important; padding-top:7% !important;}
	.wrapper2 img {margin-left: 80px; margin-top: 197px; width: 220px;}
	
	.wrapper3 {width:580px !important; padding-top:7% !important;}
	.wrapper3 img {margin-left: 55px; margin-top: 197px; width: 270px;}
	
	.wrapper4 {width:580px !important; padding-top:7% !important;}
	.wrapper4 img {margin-left: 45px; margin-top: 197px; width: 270px;}
	
	.wrapper5 {width:580px !important; padding-top:7% !important;}
	.wrapper5 img {margin-left: 55px; margin-top: 197px; width: 250px;}
	
	.wrapper6 {width:580px !important; padding-top:7% !important;}
	.wrapper6 img {margin-left: 55px; margin-top: 197px; width: 250px;}
	
	.timeline h2 { width: 43% !important; }
	.slide-heading-one { /*margin-top: 35%;*/ }
	/*.slide-heading-two,
	.slide-heading-three,
	.slide-heading-four,
	.slide-heading-five { width: 50%; top: 20%; }*/
	
	.slide-heading-two { /*position:absolute; top: 30%; right: -7%;*/}
    .slide-heading-three {/*position:absolute; top: 30%; right: 7%;*/}
	.slide-heading-four {/*position:absolute; top: 30%; right: -7%;*/}
    .slide-heading-five {/*position:absolute; top: 30%; right: -3%;*/}
	

	
	.line { display: none !important; }
	.timeline h2 { width: 100% !important; margin: 0px; text-align: center; float: none; }
	.timeline p { width: 90%; margin: 0px auto; text-align: center; float: none; }
	
	.timeline .our_timeline {float:none !important; width:100%;}
	
	
	.timeline span, .teacups { display: none; }
	.timeline img {margin-left:250px;}
	.brand-page5 .center-brand h1 {width:100%; text-align:center;}
	
	.allprroduct { max-width:400px !important; margin: 0 auto;}
	.allpro { width: 100%; padding-top:150px !important; }
	.allpro p{ width:100%; margin-bottom:0px !important; }
	.allprroduct-item li { width: 40%; }
    .allpro img {width: 100%; margin: 0 auto; }
    .allpro .detail.d1 {top: -57px;}
    .allpro .detail.d2 {top: -50px;}
    .allpro .detail.d3 {top: -75px;}
	.allpro .detail.d4 {top: -65px;}
	.allpro .detail.d5 {top: -57px !important;}
	.allpro, .allprroduct {padding-top:100px !important;}
	
	
	/*media*/
	.media-contents { width: 100%; }
	
	
	
	.press-area p { height: 60px; }
	.fts-instagram {/*width:86%;*/ /*padding-left:75px;*/}
	.media-contents.press {width:100% !important;}
	.Click_to_View_break{margin-top:40px;}

	.media {width:605px; padding:0 15px;}
	.break-area {height:285px;}
	.Click_to_View_break p {margin-left:0px !important;}
	.break h1.gallary-heading {margin-bottom:10px !important;}
	.main-menu ul li {margin:0 3px !important;}
	
	/*Contact form*/
	.contact { width: 90%; margin-right: 3em;}
	 .contact-form {text-align: center; width:100%}
    .contact-form input[type="text"] { width: 100%  !important;}
	.contact-form select { width: 100% !important; }
    .contact-form textarea {  width: 100%  !important;}
    .contact-form input[type="submit"] { margin: 0 auto;display: block; }
	  
	  .contact-header section h4{ font-size:30px !important; }
	  .contact-header section span{font-size:16px !important; }
	

	
	
	/*footer*/
	 .footer-wrap { width: 100%; position:relative; height:100% !important;}
    footer {width: 100%; text-align: center;height:100% !important;}
    footer .copyrights { float:none; margin: 0; text-align: center; width:100%; line-height:33px; height:30px; }
    footer .social {float: none; display: inline-block; line-height: 60px;}

    .book-tea {margin-left: 0px; width: 365px; padding: 0px;}
    footer .subscribe input[type="text"] {width: 120px;}
    footer .subscribe { float: none; line-height: 60px; }
	
	
	


}

/*
@media only screen and (min-width: 581px) and (max-width: 600px)
{
	 body { overflow-x: hidden; min-width: 100% !important; }
	.logo { width: 100px; height: 72px; margin-left:15px !important; background-color:#000;}
	.logo img { width: 100%; }
    .main-wrap {width: 100%; margin: 0; left: 0; }
    .container {width: 100% !important; margin: 0;}
	div.anythingSlider .forward { right: 120px !important; }
	.media-contents { width: 600px; }
	.media-contents.press { width: 600px !important; }
	.press-area { float: none; margin: 0 auto 20px; }
	  
 
	
	.about{height:100% !important;}
	.about-tea .tea-detail { top: 0px !important; }
	.origins > figure { width: 33%; }
	.opedia-container figure { display: none; }
	.opedia-container { background-position: 100% center !important; margin-top: -156px !important; margin-left: auto !important; }
	.opedia-header2 h4, .tabs { width: 100% !important; margin-bottom: 20px; }
	
	
	
	
	

	
}*/

/****************************************************************************
(480 X 320)
****************************************************************************/
@media only screen and (max-width: 580px)
{
     body { overflow-x: hidden; min-width: 100% !important; }
	.logo { width: 70px; height: 52px; margin-left:10px !important;/* background:yellow;*/}
	.logo img { width: 100%; }
    .main-wrap {width: 100%; margin: 0; left: 0; }
	.youtube-arrows a { margin-left:0px !important;}
	.youtube-next {margin-right:0px !important;}
    .container {width: 100% !important; margin: 0;}
    .brands { margin-left: -60px; margin-top: -41px; width: 66px; }
	.main-menu { width: 200px; }
    .main-menu .open.close { float: right;}
    .main-menu .open { float: right;}
    .main-menu .open.close,
    .main-menu .close { background: #cc1e38 url("../imgs/close.png")no-repeat center center; float:right !important;}
	.main-menu ul { width: 75%; background: #ffffff;}
    .main-menu ul li {display: block;}
    .brands { margin-left: 0; position: static; margin-top: 5px;}
    .main-menu ul.brands li {display: inline-block; margin: -16px -3px 0 !important;}
    .about-tea figure {margin-left: 40px;}
    .main-menu ul { display: none; }
    .main-menu ul li a { padding: 11px 7px 5px; }
   /* .lng {display: none;}*/
	 .main-menu ul li:hover .brands {display: none;}
	.about{height:100% !important;}
    .about-tea {width: 100%;}
    .about-tea .tea-detail { width: 100%; margin:120px auto 0 auto;text-align: center; }
    .container p { width: 95%; }
    .origins-tea {width: 100%; margin: 0px;}
    .book-tea { width: 100%; margin-left: 0px;}
    .origins {width: 100%; }
    .origins and (min-width: 321px)> span { margin-left: -95px; }
	.opedia-container figure { display: none; }
    .opedia-container { width: 100%;}
    .opedia-container .contents { width: 100%; }
    .opedia-header2 {width: 100%;margin:0 auto 150px; text-align:center;}
    .opedia-header2 h4 { float: none; margin-left: 0;  }
    #tabs { text-align: center; }
    .tabs li a {font-size: 15px;}
    .col { text-align: left; margin: 0 auto; float: none; width: 100%; }
    .opedia-container figure { background-size: 100%; width: 25%; height: 145px; }
    .tabs { float: left !important; text-align: center; width:350px; padding-left:40px; }
	/*.tabs {float:left !important; padding-left:70px;}*/
    .tabs li.ui-state-active a, .tabs li a:hover { margin-bottom: 10px;}
    .tea-detail h4 { /*margin-top:70px !important;*/}
	<!--.tea-detail p { width: 90%; margin: 0px auto; text-align: center; float: none;}-->

	.arrow_below{ top:99% !important; left:30%;}
	

    .footer-wrap { width: 100%; position:relative; height:100% !important;}
    footer {width: 100%; text-align: center;height:100% !important;}
    footer .copyrights { float:none; margin: 0; text-align: center; }
    footer .social {float: none; display: inline-block; line-height: 60px;}
    .book-tea {margin-left: 0px; width: 375px; padding: 0px;}
    footer .subscribe input[type="text"] {width: 120px;}
    footer .subscribe { float: none; line-height: 60px; }

   
	
	.contact-header section,
	.contact-header section:nth-child(2n)	{ display: block; float: none; width: 100%; }
	
  /*  .contact-form input[type="text"] { width: 300px; margin-right: 0px; }
    .contact-form textarea { width: 300px;}
   .contact-form select { width: 325x; !important;}*/
    
	
	
	
	.map-area { width: 65%; margin: 0 auto 66px; }
	
    .groups { padding: 30px 30px 0 30px; width: 50%; margin: 0 auto 200px; }

    div.media1 {width: 100%; height: 100%; background-size: cover;}
    .media-contents {width: 100%;}
    div.media2 {width: 100%; height: 100%; background-size: cover;}
    div.media3 {width: 100%; height: 100%; background-size: cover; text-align: center;}
    div.media4 {width: 100%; height: 100%; background-size: cover; text-align: center;}
	.instagram-placeholder{/*left:8%;*/}
	.fts-twitter-div{ /*display:inline-block !important;*/}
	.tweetimg{ display:none;}
    div.media5 {width: 100%; height: 100%; background-size: cover; text-align: center;}
    .break-area img { margin-left: 0; }
    .media-pic-social li.big {width: 200px;}
	
	.media-pic { max-width: 90%;/* margin: 0 auto;*/}
    .media-pic li { margin: 0 auto 25px; max-width: 310px; }
    
	.media{ width:63% !important; margin: 0 auto; height:100% !important;}
	.media-items { padding-top: 137px; }
	
	 
	 .press-arrows{ display:none;}
    
	.press-area.pl { width: 100%; height: 100%; margin: 0; padding: 0; }
    .press-area h2 {float: none;}
  /*  .press-area img {display: block; width: auto; margin: 0 auto;float: none;}
    .press-area a {margin: 0 auto; float: none;}
    .press-area { width: 50%; height: 100%; float: none; margin: 0 auto 20px; }*/
    .break h1.gallary-heading { margin-right: 0; }
    .break-area { margin: 0 auto 20px; float: none; }
	
	
	
	

	
	
    .slide-heading-one h1 {font-size: 40px !important;}
    .slider-arrow { width: 100%; left: 10%; margin-left: 0; }
    
	.slide-heading-two {margin-right:-25% !important; margin-top: 32% !important;}
    .slide-heading-three {margin-right:4% !important; margin-top: 30% !important;}
	 .slide-heading-six {margin-right:-15% !important; margin-top: 35% !important;}
	.slide-heading-four {margin-right:-20% !important; margin-top: 33% !important;}
    .slide-heading-five {margin-right:-23% !important; margin-top: 38% !important;}
	.wrapper2 {width:480 !important; padding-top:6%;}
	.wrapper2 img {margin-left: 50px; margin-top: 197px; width: 175px;}
	
	.wrapper3 {width:480px !important;}
	.wrapper3 img {margin-left: 20px; margin-top: 197px; width: 210px;}
	
	.wrapper4 {width:480px !important;}
	.wrapper4 img {margin-left: 20px; margin-top: 197px; width: 210px;}
	
	.wrapper5 {width:480px !important;}
	.wrapper5 img {margin-left: 20px; margin-top: 197px; width: 185px;}
	
	.wrapper6 {width:480px !important;}
	.wrapper6 img {margin-left: 20px; margin-top: 197px; width: 185px;}
	
	
	
	.explore a h5 { float: none !important; vertical-align: -1px; padding: 0px 9px 0px 22px !important; font-size: 12px !important; }
	.slide-heading-two .explore, .slide-heading-three .explore, .slide-heading-four .explore, .slide-heading-five .explore {/*margin-left:90px;*/}

	/*div.anythingSlider,
	.center-brandslidergreen { width: 100% !important; padding: 250px 0 45px !important; }
	div.anythingSlider.activeSlider .anythingWindow { width: 310px !important; margin: 0 auto; overflow: hidden !important; }
	div.anythingSlider .forward { right: 0px !important; }
	div.anythingSlider .arrow a { margin: 0px !important; }*/
	
	div.anythingSlider,
	/*.center-brandslidergreen { width: 100% !important; padding: 250px 0 45px !important; }*/
	div.anythingSlider.activeSlider .anythingWindow { width: 75% !important; margin: 0 auto; overflow: hidden !important; }
	div.anythingSlider .forward { right: 0px !important; }
	div.anythingSlider .arrow a { margin: 0px !important; }
	.center-brandslider, .center-brandsliderpremium, .center-brandslidersrtong, .center-brandslidergreen, .center-brandsliderfullleaf { width: 100% !important; }
	
	.center-brandsliderfullleaf ul, .center-brandsliderfullleaf ul li, .center-brandsliderpremium ul, .center-brandsliderpremium ul li  {width:100% !important;}
	
	
    
	.allprroduct { max-width: 250px !important; margin: 0 auto;}
	.allpro { width: 100%; padding-top:150px !important; }
	.allpro p{ width:100%; margin-bottom:0px !important; }
	.allprroduct-item li { width: 40%; }
    .allpro img {width: 100%; margin: 0 auto; }
    .allpro .detail.d1 {top: -57px;}
    .allpro .detail.d2 {top: -50px;}
    .allpro .detail.d3 {top: -75px;}
	.allpro .detail.d4 {top: -65px;}
	.allpro .detail.d5 {top: -57px !important;}
	.allpro, .allprroduct {padding-top:100px !important;}
	
/*	.brand-page4 { height: auto; margin-top: -152px; }
	.brand-page7 { height: auto; margin-top: -169px; }*/
    .brand-page5 .center-brand h1 {width: 100%; text-align: center;}
    .brand-page5 .center-brand {width: 100%;}
    .brand-page6 .center-brand { width: 100%; }
	
	.timeline .our_timeline { width: 100%; }
    .timeline h1 {width: 100%; text-align: center;}
	.timeline h2 { width: 35%; }
	.line img { margin-left: 230px; }
	.teacups { margin-left: 87px; }
	.timeline span { top: 15px; left: 45px; }
	.timeline img {display:none;}
	
	
	
	  
	
	
}


/****************************************************************************
{320 X 480}
****************************************************************************/

@media only screen and (min-width: 321px) and (max-width: 480px)
{
	.logo { width: 70px; height: 52px; margin-left:10px !important; /*background:blue;*/}
	.lng { display: block; }
	.main-menu { margin-top: 10%; }
	.slide-heading-one .explore {/*margin-top:60% !important;*/}
	.slide-heading-one { margin-top: 60%; width: 100%; }
	.slides h1{ display: none !important; }
	.slides h4{ display: none !important; }
	.slides p{ display: none !important; }
	.slide-heading-two,
	.slide-heading-three,
	.slide-heading-four,
	.slide-heading-five,
	.slide-heading-two article,
	.slide-heading-three article,
	.slide-heading-four article,
	.slide-heading-five article { width: 80%; left: 10%; top: 60%; text-align: center; }
	
	
	
	
	.brand_sub {width:90% !important;}
	.slide_hover {display:none !important;}
	.slider-arrow {display:block !important; margin:-50px 10px;}
	.next {width:50px;}
	
	.wrapper2 {width:250px !important;}
	.wrapper2 img {margin-left: 0px; margin-top: 100px; width: 175px;}
	
	.wrapper3 {width:250px !important;}
	.wrapper3 img {margin-left: 25px; margin-top: 100px; width: 210px;}

	
	.wrapper4 {width:250px !important;}
	.wrapper4 img {margin-left: 25px; margin-top: 100px; width: 210px;}
	
	
	.wrapper5 {width:250px !important;}
	.wrapper5 img {margin-left: 25px; margin-top: 100px; width: 185px;}

	
	.wrapper6 {width:250px !important;}
	.wrapper6 img {margin-left: 25px; margin-top: 100px; width: 185px;}

	
	
	
	.slide-heading-two .explore, .slide-heading-three .explore, .slide-heading-four .explore, .slide-heading-five .explore {display:none !important;}
	.explore_mobile{ display:inline-block !important; position:absolute;}
	
	.slides .slide-one{ background-position:50% 0% !important;}
	.explore a h5 { float: none !important; vertical-align: -1px; padding: 0px 9px 0px 22px !important; font-size: 12px !important; }
	.explore span { vertical-align: middle; }
	.slider-pager { /*bottom: 10% !important;*/ display:none !important; }
	.slides > div { background-position: 40% center !important; }
	.about{height:100% !important;}
	.about-tea .tea-detail { top: 0px !important; }
	.origins > figure { width: 33%; }
	.opedia-container figure { display: none; }
	.opedia-container { background-position: 45% center !important; margin-top: -80px !important; }
	.opedia-header2 h4{margin-top: 250px; }
	.opedia-header2 h4, .tabs { width: 100% !important; /*padding-left:30px;*/ /*margin-bottom: 10px;*/ }
	.tea-detail p { width: 90%; margin: 0px auto; text-align: center; float: none;}
	.book-tea h4{ background-position:5px 50px !important; width:200px !important; padding-top:60px !important;}
	.origins-tea h4{width: 90%; margin: 0px auto; text-align: center; float: none; }
	.origins-tea p{width: 90%; margin: 0px auto; text-align: center; float: none; }
	.arrow_below{ top:99% !important;}
	
	div.anythingSlider,
	/*.center-brandsliderpremium { width: 100% !important; padding: 250px 0 45px !important; }*/
	div.anythingSlider.activeSlider .anythingWindow { width: 80% !important; margin: 0 auto; overflow: hidden !important; }
	
	
	
	.center-brandslider, .center-brandslidergreen, .center-brandsliderfullleaf, .center-brandslidersrtong,.center-brandsliderpremium { width: 100% !important; }
	div.anythingSlider .forward { /*right:70px !important;*/ }
	div.anythingSlider .arrow a { margin: 0px !important; }
	./*center-brandslidergreen{ margin-bottom:50px !important; padding-bottom:100px !important;}*/
	
	.line { display: none !important; }
	.timeline h2 { width: 100% !important; margin: 0px; text-align: center; float: none; }
	.timeline .our_timeline { width: 90%; margin: 0px auto; text-align: center; float: none; }
	.timeline span, .teacups { display: none; }
	/*.allpro h1 {margin-top:90px;}
	.allpro, .allprroduct {width: 100%; margin: 0 auto; padding-top:45px !important;}*/
	.media {width:88% !important;}
	.media-contents { width: 85%; }
		.media-items li { width: 45%; margin: 15px 9px; }
	.media-contents.press { width:450px !important;}
	
	.press-area img{ margin-left:50px !important;}

	.press-area p { width: 100%; }
	   .break-area { text-align: center; width: 210px; float:none; display:inline-block; margin-right:15px; }
	.fts-instagram { /*padding-left:15px !important;*/}
	.contact { /* overflow: hidden;*/ margin-right: 2em !important;}
	
}


@media only screen and (max-width: 320px)
{
	.logo { width: 70px; height: 52px; margin-left:10px !important;/* background:black;*/}
	.lng { display: block; }
	.main-menu { margin-top: 10%; }
	.mobile_div {width:100% !important; text-align:center;} 
.brand_sub {width:90% !important;}
	.slide_hover {position:absolute; width:100%; height:100%; top:0;}
	
	.slide-heading-one .explore {/*margin-top:40% !important; margin-left:20%; *//*width:100%;*/}
	.slide-heading-one { margin-top: 40%;/* left: 10%;*/ width: 100%; }
	.slides h1{ display: none !important; }
	.slides h4{ display: none !important; }
	.slides p{ display: none !important; }
	/*.slide-heading-two,
	.slide-heading-three,
	.slide-heading-four,
	.slide-heading-five,*/
	.slide-heading-two article,
	.slide-heading-three article,
	.slide-heading-four article,
	.slide-heading-five article { width: 80%; left: 10%; top: 60%; text-align: center; }
	.slide-heading-two .explore, .slide-heading-three .explore, .slide-heading-four .explore, .slide-heading-five .explore {display:none !important;}
	.explore_mobile{ display:inline-block !important;}
	
	.wrapper2 {width:250px !important;}
	.wrapper2 img {margin-left: 50px; margin-top: 100px; width: 175px;}
	
	.wrapper3 {width:250px !important;}
	.wrapper3 img {margin-left: 25px; margin-top: 100px; width: 210px;}

	
	.wrapper4 {width:250px !important;}
	.wrapper4 img {margin-left: 25px; margin-top: 100px; width: 210px;}
	
	
	.wrapper5 {width:250px !important;}
	.wrapper5 img {margin-left: 25px; margin-top: 100px; width: 185px;}

	
	.wrapper6 {width:250px !important;}
	.wrapper6 img {margin-left: 25px; margin-top: 100px; width: 185px;}
	
	
	.slides .slide-one { background-position: 50% 0% !important; }
	.explore a h5 { float: none !important; width:120px !important; vertical-align: -1px; padding: 0px 9px 0px 22px !important; font-size: 12px !important; }
	.explore span { vertical-align: middle; }
	/*.slider-pager { bottom: 10% !important; }*/
	.slider-pager { display:none !important; }
	.slides > div { background-position: 35% center !important; }

	
	.main-menu ul li:hover .brands {display: none;}
	
   
	.about{height:100% !important;}

	
	.about-tea .tea-detail { top: 0px !important; }
	.origins > figure { width: 33%; }
	.opedia-container figure { display: none; }
	.opedia-container { background-position: 45% center !important; margin-top: -156px !important; }
	.opedia-header2 h4{margin-top: 250px; float:left !important; }
	.opedia-header2 h4, .tabs { width: 100% !important; margin-bottom: 10px; padding-left:10px !important; }
	.tea-detail p { width: 90%; margin: 0px auto; text-align: center; float: none;}
	.book-tea h4{ background-position:5px 50px !important; padding-top:60px !important; width:130px;}
	.origins-tea h4{width: 90%; margin: 0px auto; text-align: center; float: none; }
	.origins-tea p{width: 90%; margin: 0px auto; text-align: center; float: none; }
	.arrow_below{ top:99% !important;}
	
	.allpro, .allprroduct {width: 100%; margin: 0 auto; padding-top:100px !important;}
	
div.anythingSlider,
	/*.center-brandsliderpremium { width: 100% !important; padding: 250px 0 45px !important; }*/
	div.anythingSlider.activeSlider .anythingWindow { width: 100% !important; margin: 0 auto; overflow: hidden !important; }
	
	.center-brandslider, .center-brandslidergreen, .center-brandsliderfullleaf, .center-brandslidersrtong,.center-brandsliderpremium { width: 100% !important; }
	div.anythingSlider .forward { /*right:70px !important;*/ }
	div.anythingSlider .arrow a { margin: 0px !important; }
		.line { display: none !important; }
	.timeline h2 { width: 100% !important; margin: 0px; text-align: center; float: none; }
	.timeline .our_timeline { width: 90%; margin: 0px auto; text-align: center; float: none; }
	.timeline span, .teacups { display: none; }
	
	.media {width:90% !important;}
	.media-contents.press { width: 320px !important; }
	.media-contents { width: 100%; }
	.media-items li { width: 50%; margin: 15px 9px; }
	.press-area p { width: 100%; }
	footer .copyrights{float:left !important; margin-left:-20px;}
	.contact { /* overflow: hidden;*/ margin-right: 1.8em !important;}
	.press-area img{ margin-left:85px !important;}
	
	
}