/*

Polygon Template

http://www.templatemo.com/free-website-templates/400-polygon

*/
@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('../fonts/MyriadPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Semibold';
    src: url('../fonts/MyriadPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

html, body {
	/*font-family: Tahoma, Arial; */
	font-family: 'MyriadPro-Regular','MyriadPro-Semibold','MyriadPro-Bold';
	padding: 0px;
	margin: 0px;
	color: #e7e7e7;
	background: #ffffff;
	font-size: 12px;
	height: 100%; /* ให้ html และ body สูงเต็มจอภาพไว้ก่อน */

}
.bar{
	background: #045c38; padding: 5px 0px;width: 100%;
}
.bar2{
	background: #045c38; padding: 5px 0px;width: 100%;
}
.blue {
	color: #0CF;
}

.green {
	color: #0F0;
}
.coco-mobile-text {display: none;}
.bg-text-cocooil-mobile{display: none;}
/*.size-logo-product{width: 80px;}*/
/******************************************/
.Taste{
	font-size: 30px;
	color: #045c38;
}
.AboutusT{
	font-size: 30px;
	color: #bd9200;
}
.Elements{
	font-size: 24px;
}
.txt-about{color: #045c38;font-size: 20px}
/************************************************/

a {
	color: #706f6f; outline: 0;
}

a:hover {
	color: #bd9200;
	text-decoration: none;
}

a:active, a:focus {
	color: #bd9200;
	border: none;
	text-decoration: none;
}

button:focus { border: none; outline:none; }

p {
	color: #aeb5ba;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'MyriadPro-Semibold', 'MyriadPro-Bold';
	font-weight: 400;
}

h1	{	font-size: 1.5em;
	color: #ffffff;
	background: #343537;
	padding: 10px 8px;
	float: left;
	}

h2	{ font-size: 24px; color: #ffffff; }
h3 {  text-align: center; font-size: 16px; }
/*img {
  	max-width: 100%;
  	height: auto;
  	width:100%;
}*/
.clear	{ clear: both; }
.container-fluid{ margin:15px auto; }

/* Menu */
span.fa	{ width: 100%; text-align: center; }
.site-header .main-navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
}
.Only768{
	display:none;
}

.main-navigation {
  /*display: block;
  text-align: center;
  padding: 0px 0px;
  height: 150px;
  background: #ffffff;*/
     display: block;
    text-align: center;
    top: 0px;
    height: 115px;
    background: #ffffff;
    position: fixed;
    width: 100%;
    border-bottom: 1px solid ;
    z-index: 5000;
}
.site-header .main-navigation ul li {
  display: inline-block;
  margin-left: 1px;
}
.site-header .main-navigation ul li:last-child {
  margin-right: 0px !important;
}
.site-header .main-navigation ul li a {
 /* padding: 20px 20px;
  display: inline-block;
  color: white;
  font-size: 16px;
  background: #343536;
  text-transform: uppercase;
  background: url("../images/menu.png");
  background-repeat: no-repeat;*/
   padding: 36px 17px;
   width:95px;
  display: inline-block;
  font-size: 13px;
  background: url("../images/menu.png");
  text-transform: uppercase;
  background-repeat: no-repeat;
}
.site-header .main-navigation ul li a.active {
 /* color: #b69e40;
  text-decoration: none;*/
  color: #bd9200;
  width:95px;
  /*padding: 40px 20px;*/
  padding: 36px 17px;
  background: url("../images/menu_active.png");
  background-repeat: no-repeat;
  text-decoration: none;
}
.site-header .templatemo_logo {
  margin-top: 60px;
  display: inline-block;
  font-size: 36px;
  font-weight: 700;
}

a.menu-toggle-btn {
  padding: 12px 0;
  display: block;
  color: white;
  font-size: 24px;
}

.responsive-menu {
  display: none;
  background: #343536;
}

.responsive_menu {
  display: none;
  background-color: #2a2a2a;
}
.responsive_menu ul li {
 display: block !important;
  margin: 0 !important;
  border-bottom: 1px solid #444444;
}
.responsive_menu ul li a {
  padding: 15px 0 !important;
  display: block !important;
}
.margin-top-text-home{
	margin-top: 550px;
}
.li-icon{display: none;}
ul.multi-column {
  list-style: none !important; /* Remove list bullets */
  color: #3c3c3b;
}
ul.multi-column li {
 padding:10px 5px 0 5px;
}
.multi-column {
   -moz-column-count: 2;
   -moz-column-gap: 20px;
   -moz-column-fill: auto;
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
   -webkit-column-fill: auto;
   column-count: 2;
   column-gap: 20px;
   column-fill: auto;
   list-style-type: disc;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style-position: inside;//this is important addition
}
.templatemorow	{ margin: 0px 30px; }
.templatemo_servicerow	{ margin: 0px; }
.blok	{ position: absolute; }
.hex	{ width: 20%; float: left; }
.hex-offset	{ margin-left: 10%; }
.hexagon2, .hexagonteam {
	position: absolute;
	width: 200px;
	height: 400px;
	top: -85px;
}
.hexagonteam {
	position: absolute;
	width: 200px;
	height: 350px;
	top: -85px;
}
.hexagon {
	overflow: hidden;
	visibility: hidden;

	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
	cursor: pointer;
}

.hexagon-in1 {
	overflow: hidden;
	width: 100%;
	height: 100%;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.hexagon-in2 {
	/*-webkit-box-shadow: inset 0 0 0 200px rgba(176, 218, 212, 0.48);
	box-shadow: inset 0 0 0 200px rgba(176, 218, 212, 0.48);*/
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;

	-webkit-background-size: 125%;
	-moz-background-size: 125%;
	background-size: 125%;
	visibility: visible;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.hexagon-in2:hover {
	webkit-box-shadow: inset 0 0 0 200px rgba(36,36,36, 0.7);
	box-shadow: inset 0 0 0 200px rgba(36,36,36, 0.7);
}
.s_top	{ margin-top: 8%; }
.templatemo_hexteam .gallery-item .templatemo_overlay1 a { top: 50%; left: 15%; background: none; border: none; }
.templatemo_hexteam .gallery-item .templatemo_overlay2 a { top: 50%; left: 37%; background: none; border: none; }
.templatemo_hexteam .gallery-item .templatemo_overlay3 a { top: 50%; left: 58%; background: none; border: none; }
.templatemo_hexteam .gallery-item .templatemo_overlay4 a { top: 50%; left: 80%; background: none; border: none; }

.smallhexagon {
	width: 40px;
	height: 46px;
	background: #b69e40;
	position: relative;
	background: url(../images/templatemo_teamhexa.png) no-repeat;
	margin-bottom: 10px;
}
.smallhexagon:before {
	position: absolute;
	left: 0;
	width: 0;
	height: 46px;

}
.smallhexagon:after {
	content: "";
	position: absolute;
	left: 0;
	width: 0;
	height: 46px;
}
.smallhexagon .fa { font-size: 16px; color: #ffffff; line-height: 46px; }
.templatemo_overlaytxt	{ margin-top: 105%; text-align: center; width: 100%; }

.hexagon-a {
	margin-top: 63px;
	position: absolute;
	z-index: 300;
	margin-left: 5px;
}
.hexagon-a a {
  margin: 0 auto;
  width: 26%;
  display: block;
  position: relative;

}
.hexagon-a a.hlinktop:hover .hexa-a {
  background: #cfb652;
  color: #fff;
}

.hexagon-a a.hlinktop .hexa-a2{
  background: #cfb652;
  color: #fff;
}

.hexagonservices {
	height: 160px;
	margin-top: 60px;
}
.hexagonservices a.hlinkbott {
  margin: 0 auto;
  display: block;
  min-width: 120px;
  position: relative;
}

.hexagonservices a.hlinkbott:hover .hexa {
  background: #b69e40;
}

.templatemo_servicetext	{/* float: left;*/ margin-top: 230px; }
.templatemo_hexservices	{ width: 20%; margin-top: /*-10%*//*24.4%*//*13.4%*/12.4%; }
.templatemo_hexservices p{ text-align: center; }

/* mid hexa */
.hexa-a {
  width: 100%;
  min-width: 110px;
  height: 0;
  padding-bottom: 57.7%;
  background: #393e42;
  position: absolute;
  color: #b69e40;
 /* font-family: Futura, "Trebuchet MS", Arial, sans-serif;*/
  font-size: 42px;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border-radius: 0%;
}

.hexa-a:before, .hexa-a:after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  padding: inherit;
  background: inherit;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
  z-index: 0;
  position: absolute;
  border-radius: inherit;
}

.hexa-a:after {
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.hexa-a2 {
  width: 100%;
  min-width: 110px;
  height: 0;
  padding-bottom: 57.7%;
  background: #393e42;
  position: absolute;
  color: #b69e40;
  /*font-family: Futura, "Trebuchet MS", Arial, sans-serif;*/
  font-size: 42px;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border-radius: 0%;
}

.hexa-a2:before, .hexa-a2:after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  padding: inherit;
  background: inherit;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
  z-index: 0;
  position: absolute;
  border-radius: inherit;
}

.hexa-a2:after {
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.hcontainer-a {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.vertical-align-a {
  display: table;
  height: 100%;
  width: 100%;
}

.texts-a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* main Hexa */
.hexa {
  width: 100%;
  min-width: 120px;
  height: 0;
  padding-bottom: 57.7%;
  margin: 0;
  background: #b69e40;
  position: absolute;
  color: #FFF;
 /* font-family: Futura, "Trebuchet MS", Arial, sans-serif;*/
  font-size: 14px;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border-radius: 0%;
}

.hexa:before, .hexa:after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  padding: inherit;
  background: inherit;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
  z-index: 0;
  position: absolute;
  border-radius: inherit;
}

.hexa:after {
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}


/* ---- Small Hexa ----*/
.hex_footer {
    width: 46px;
	height: 40px;
	position: relative;
    background: url(../images/templatemo_footerhexa.png) no-repeat;
}

 a:hover .hex_footer{ background: url(../images/templatemo_teamhexa_hover.png) no-repeat; }

.hex_footer span.fa{ color: #ffffff; font-size: 16px; line-height: 40px; }
.bg-1{
	background-image: url(../images/bg_home.jpg);
  background-size:contain;
  background-position:center top;
  /*background-attachment: fixed;*/
	background-repeat: no-repeat;

	/*margin-top:0px;*/
	z-index: -1;
}
.tma{
	margin-top:245px;
}
.footer-font{
	font-size: 14px;
	font-weight: normal;
        color: white;
}
.bg-contact{
	background-image: url(../images/bg_contact.jpg);
	background-repeat: no-repeat;
	height: 870px;
	margin-top:0px;
	z-index: -1;
}
.bg-benefit{
	background-image: url(../images/bg_benefit.jpg);
	background-repeat: no-repeat;
	height: 870px;
	/*margin-top:-120px;*/
	margin-top:0px;
	z-index: -10;
}
.be_cocowater{
	background-image: url(../images/product/be_cocowater.jpg);
	background-repeat: no-repeat;
	height: 1300px;
	/*margin-top:-120px;*/
	margin-top:0px;
	z-index: -11;
}
.be_cocowater2{
	background-image: url(../images/product/bg_cocooil.jpg);
	background-repeat: no-repeat;
	height: 1260px;
	/*margin-top:-120px;*/
	margin-top:0px;
	z-index: -12;
}
.coconutwater{
	height: 770px;
	width: 330px;
	background-image: url(../images/product/coconutwater330dt.png);
	background-repeat: no-repeat;
	/*margin-top:-120px;*/
	margin-top:153px;
	margin-left:auto;
	margin-right:auto;
	z-index: -13;

}
.Scoco{
	color:#ffffff;
	font-size:30px;
}
.Soil{
color:#ffffff;
font-size:30px;
}
.Hoil{
color:#432918;
font-size:18px;
}
.Hoil2{
color:#ffffff;
font-size:18px;
}
.OilCont{
  color:#432918;
  font-size:16px;
  font-weight: normal;
}
.OilCont2{
color:#ffffff;
font-size:16px;
font-weight: normal;
}
.coconutoil{
	height: 655px;
	width: 445px;
	background-image: url(../images/product/coconutoil.png);
	background-repeat: no-repeat;
	/*margin-top:-120px;*/
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
	z-index: -14;

}
.bg-text-cocooil{
	height: 80px;
	width: 480px;
	background-image: url(../images/product/text_cocooil.png);
	background-repeat: no-repeat;
	margin-top: 75px;
	margin-left:auto;
	margin-right:auto;
	font-size:22px;
	text-align:center;
	z-index: -15;
}
.bg-text-cocooil2{
	margin-top: -690px;
	margin-left:815px;
	margin-right:auto;
	text-align:left;
	z-index: -16;
}
.t-margin{
	margin-top:-870px;

}
.text-5n{
	font-size: 24px;
	color: #f6e2ad;
}

/*------------------------------------------------------
	Gallery Styles
--------------------------------------------------------*/
.gallery-item {
  background-color: white;
  -webkit-box-shadow: inset 0 0 1px #666;
  -moz-box-shadow: inset 0 0 1px #666;
  margin-bottom: 30px;
  /*position: relative;*/
  overflow: hidden;
}
.gallery-item .content-gallery {
  text-align: center;
}
.gallery-item .content-gallery h3 {
  color: #b10021;
  font-size: 16px;
  font-weight: 300;
  margin-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
}
.gallery-item img {
  width: 100%;
}
.gallery-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all 50ms ease-in-out;
  -moz-transition: all 50ms ease-in-out;
  -ms-transition: all 50ms ease-in-out;
  -o-transition: all 50ms ease-in-out;
  transition: all 50ms ease-in-out;
}
.gallery-item .overlay a {
  color: #2a2a2a;
  width: 32px;
  height: 32px;
  background-color: #d3b850;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  line-height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
}
.templatemo_gallerygap { /*margin-bottom: 13%;*/ }
.templatemo_gallerygap img{ margin-top: 20px;/*40px*/ }
.templatemo_gallerygap span.fa	{ font-size: 22px; margin-bottom: 15px; }
.templatemo_gallerytop	{ margin-top: 11%; }
.templatemo_loadmore	{
	margin: 0 auto;
	padding: 7px 0px;
	background: #b79e41;
	margin-top: 15%;
	text-align: center;
	font-size: 16px;
	width: 200px;
	margin-bottom:10%;
	}

.templatemo_loadmore button{
	border: none;
	background: #b79e41;
	color: #ffffff;
	text-transform: uppercase;
	width: 100%;
	}
.templatemo_contacttitle	{
	font-size: 16px;
	color: #ffffff; }
.templatemo_contactmap	{
	width: 332px;
	height: 388px;
	margin: 0 auto; }


.templatemo_contactmap img{
	position: absolute;
	top: 0px;
	left: 29px;
	}
.templatemo_address	ul{
	float: left;
	width: 100%;
	padding: 0;
	margin-top: 20px;
	}
.templatemo_address	ul li{ list-style: none; display: inline; padding: 0px; float: left; }
.templatemo_address	ul li.left{
	float: left;
	width: 40px;
	color: #b69e40;
	font-size: 22px;
}
.templatemo_address	ul li.rigth{
	float: left;
}

.templatemo_address	ul li.clear	{ height: 10px; width: 100%; }

.templatemo_form	{  width: 100%; }
.templatemo_form input{
	float: left;
	height: 34px;
	padding: 6px 12px;
	border-radius: 0px;
	background: #343536;
	border: 1px solid #4b5257;
	width: 100%;
	margin-top: 10px;
	color: #cccccc;
	}
.templatemo_form textarea{
	float: left;
	padding: 6px 12px;
	height: 130px;
	border-radius: 0px;
	background: #343536;
	border: 1px solid #4b5257;
	margin-top: 10px;
	color: #cccccc;
}
.templatemo_form button.btn-primary{
	float: left;
	width: 100%;
	line-height: 34px;
	text-align: center;
	color: #ffffff;
	border-radius: 0px;
	background: #b69e40;
	border: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	margin-top: 10px;
}
.templatemo_contactmap	{ width: 332px; height: 388px; float: left; }
.templatemo_contactmap img { position: absolute; width: 332px; height: 388px; top: 0px; left: 15px; }
#templatemo_map {
    width: 100%;
    height: 388px;
}

.templatemo_footer { background: #045c38; padding: 5px 0px; width: 100%; }
.templatemo_footer .hex_footer	{ float: left; margin-right: 5px; height: 40px; }

/* Smartphones (portrait and landscape) ----------- */

@media (min-device-width : 320px)
and (max-width : 419px)	{
	.hex	{ width: 50%; float: left; }
	.templatemorow	{ margin: 110px 38px 0 16px}

	.margin-top-text-home {
      margin-top: 145px;
     }.txt-about {
    font-size: 14px !important;
}
.bg-text-cocooil2{
	display:none;
}
.Elements {
    font-size: 16px !important;
}.bg-benefit {
    background-color: #1B3A35;
    height: 2200px;
    /* margin-top: 41px;*/}
.bg-contact {
    background-color:rgba(243, 226, 170, 1);
    background-repeat: no-repeat;
    height: 1000px;
}
.coconutoil {
    margin-top: 40px !important;
   }
.text-5n {
    font-size: 17px !important;
}
	.hexagon2
	{
	position: absolute;
	width: 110px;
	height: 128px;
	top: 0px;
	}

	.Taste {
    font-size: 17px !important;
    color: #045c38;
}
.templatemo_gallerygap img {
    width: 250px;
}


.coconutwater {
    margin-top: 115px !important;
    }
.site-header .main-navigation {
    height: 110px;
}

	.templatemo-hex-top1	{ margin-top: 300px; }
	.templatemo-hex-top2	{ margin-top: 100px; margin-left: 25%; }
	.templatemo-hex-top3	{ margin-top: 100px; }
	.templatemo_gallerytop	{ margin-top: 32%; }
	.templatemo_loadmore	{ margin-top: 53%; }
	.templatemo_servicetxt	{ margin-top: 230px; }
	.templatemo_servicecol2	{ margin-top: 10%; float: left; }
	.templatemo_contactmap	{ width: 250px; height: 292px; float: left; }
	.templatemo_contactmap img{ position: absolute; width: 250px; height: 292px; top: 0px; left: 15px; }
	#templatemo_map {
    width: 100%;
    height: 292px;
	}
	.blok	{ left: 13%; }
	.site-header .main-navigation ul li a {
  background: none;

}
.site-header .main-navigation ul li a.active {
  background: none;

}
.slider{
	display:none;
}
.hexagon-a {
     margin-left: 20px !important;
     margin-top: 80px !important;
}
.hexagon-a a {
    min-width: 140px !important;
}
.hexagonservices a.hlinkbott {
    width: 150px !important;
    margin: 77px 0 0 15px;
}


}
@media only screen and (max-width : 414px)	{
	.templatemorow	{ margin: 110px 38px 0 16px !important;}
    /*.bg-1{height: 736px;background-image: url(../images/bg_home2.jpg);}*/
}
@media only screen and (max-width : 375px)	{
	.templatemorow	{ margin: 110px 38px 0 16px !important;}
  /*.bg-1{height: 667px;background-image: url(../images/bg_home2.jpg);}*/
}
@media only screen and (max-width : 320px)	{
	.templatemorow	{ margin: 110px 38px 0 16px !important;}
  /*.bg-1{height: 568px;background-image: url(../images/bg_home2.jpg);}*/
}
@media (min-width : 420px)
and (max-width : 559px)	{
	.hex	{ width: 50%; float: left; }
	.templatemorow	{ margin: 0; }
	.hexagon2
	{
	position: absolute;
	width: 150px;
	height: 175px;
	top: 0px;
	}
	.templatemo-hex-top1	{ margin-top: 300px; }
	.templatemo-hex-top2	{ margin-top: 130px; margin-left: 25%; }
	.templatemo-hex-top3		{ margin-top: 130px; }
	.templatemo_gallerytop	{ margin-top: 32%; }
	.templatemo_loadmore	{ margin-top: 50%; }
	.templatemo_servicetxt	{ margin-top: 230px; }
	.templatemo_servicecol2	{ margin-top: 7%; float: left; }
	.blok	{ left: 22%; }
	.site-header .main-navigation ul li a {
  background: none;

}
.site-header .main-navigation ul li a.active {
  background: none;

}

}

@media(min-width:560px) and (max-width:767px)	{
  /*.bg-1{height: 450px !important; background-image: url(../images/bg_home2.jpg);}*/
	.hex	{ width: 50%; float: left; }
	.templatemorow	{ margin: 0 10%; }
	.hexagon2
	{
	position: absolute;
	width: 200px;
	height: 250px;
	top: 0px;
	}
	.templatemo-hex-top1	{ margin-top: 300px; }
	.templatemo-hex-top2	{ margin-top: 180px; margin-left: 25%; }
	.templatemo-hex-top3		{ margin-top: 180px; }
	.templatemo_gallerytop	{ margin-top: 33%; }
	.templatemo_loadmore	{ margin-top: 48%; }
	.templatemo_servicetxt	{ margin-top: 230px; }
	.templatemo_servicecol2	{ margin-top: 7%; float: left; }
	.blok	{ left: 33%; }
	.site-header .main-navigation ul li a {
  background: none;

}
.site-header .main-navigation ul li a.active {
  background: none;

}

}
@media (max-width: 767px)	{
	.templatemo_footer .hex_footer	{ float: left; }
	.hexagon-a	{ margin-left: 5px; }
	.hexagon-a a	{ min-width: 190px; }
	.hexagonservices a.hlinkbott	{ width: 200px; }
	.templatemo_servicerow	{margin: -10% 30px 0px 30px; }
	.templatemo_hexservices	{ width: 100%; margin-top: 5%; float: left; }
.site-header .main-navigation ul li a {
  background: none;

}
.desktop-size-product{display: none;}
.site-header .main-navigation ul li a.active {
  background: none;

}
/*****************************************************************************************************/
.be_cocowater {
    background-image: url(../images/product/be_cocowater2.jpg);
    background-repeat: no-repeat;
    height: 650px;
    /* margin-top: -120px; */
    margin-top: 50px;
    z-index: -11;
}
.coconutwater {
    height: 385px;
    width: 170px;
    background-image: url(../images/product/coconutwater2.png);
    background-repeat: no-repeat;
    /* margin-top: -120px; */
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    z-index: -13;
}
.slide1-coco {
    font-size: 45px !important;
}
.slide3-coco {
    font-size: 15px !important;
}
.slide1-coco2 {
    font-size: 45px !important;
}
.slide2-coco {
 	font-size: 15px !important;
}
.slide2-coco2 {
    color: #36a9e1;
    font-size: 15px !important;
}
.t-margin {
    margin-top: -490px;
}
.coconutwater{
	height: 385px;
	width: 170px;
	background-image: url(../images/product/coconutwater2.png);
	background-repeat: no-repeat;
	/*margin-top:-120px;*/
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	z-index: -13;

}
.callbacks_nav{
    top: 42% !important;
    left: 18%;
    }
.down-arrow {
	top:60% !important;
}
.top-mar{
	margin-top:-50px;
}


}
@media(min-width:768px) and (max-width: 991px){
	.templatemorow	{ margin: 100px 4%; }
	.hexagon2
	{
	position: absolute;
	width: 120px;
	height: 180px;
	top: -85px;
	}
	.templatemo-hex-top1	{ margin-top: 110px; }
	.templatemo_servicecol2	{ margin-top: 15%; float: left; }
	.s_top	{ margin-top: 14%; }
	.hexagon-a	{ margin-left: 5px; }
	.hexagon-a a	{ min-width: 190px; }
	.hexagonservices a.hlinkbott	{ width: 200px; }
	.templatemo_servicerow	{ margin: -10% 30px 0px 30px; }
	.templatemo_hexservices	{ /*width: 100%; margin-top: 5%;*/width: 100%; margin-top: 4%; }
	/*.blok	{ left: 33%; }*/
    .blok {left: 38%;}/*kim*/
.site-header .main-navigation ul li a {
  background: none;

}
.site-header .main-navigation ul li a.active {
  background: none;

}
.footer-font{
	font-size: 13px;
    font-weight: normal;
}
.text-5n{font-size: 20px;}
/*.bg-1{height:375px}*/
.margin-top-text-home{margin-top:190px}
.hexagon-a a{min-width:140px}
.hexagonservices a.hlinkbott{ width: 150px;}
/*****************************************************************************************************/
.be_cocowater {
    background-image: url(../images/product/be_cocowater2.jpg);
    background-repeat: no-repeat;
    height: 650px;
    /* margin-top: -120px; */
    margin-top: 50px;
    z-index: -11;
}
.coconutwater {
    height: 385px;
    width: 170px;
    background-image: url(../images/product/coconutwater2.png);
    background-repeat: no-repeat;
    /* margin-top: -120px; */
   /* margin-top: 100px;*/
    margin-left: auto;
    margin-right: auto;
    z-index: -13;
}
.slide1-coco {
    font-size: 45px !important;
}
.slide3-coco {
    font-size: 15px !important;
}
.slide1-coco2 {
    font-size: 45px !important;
}
.slide2-coco {
 	font-size: 15px !important;
}
.slide2-coco2 {
    color: #36a9e1;
    font-size: 15px !important;
}
.t-margin {
    margin-top: -490px;
}
.coconutwater{
	height: 385px;
	width: 170px;
	background-image: url(../images/product/coconutwater2.png);
	background-repeat: no-repeat;
	/*margin-top:-120px;*/
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	z-index: -13;

}
.callbacks_nav{
    top: 42% !important;
    left: 18%;
    }
.down-arrow {
	top:60% !important;
}
.top-mar{
	margin-top:-50px;
}
.bg-contact {
    height: 790px;
   /* margin-top: 41px;*/
}

	}
@media(min-width:768px) and (max-width: 860px){
	/*.templatemo_gallerytop	{ margin-top: 15%; }*/
	.divice768{
		margin-top:4%;
		margin-bottom: 160px;
	}
		.hexagon2 {
	position: absolute;
	/*width: 200px;
	height: 250px;*/
	/*top: -85px;*/
	width: 120px;
	height: 170px;
	top: 20px;
}
/**************************************************************************/
	.bg-1{
	/*height:375px;*/
	/*height: 480px;*/
	/*margin-top:-60px;*/
	/*z-index: -1;*/

}
.footer-font{
	font-size: 13px;
    font-weight: normal;
}
.text-5n{font-size: 20px;}
.brdiv{
	display: none;
}
.be_cocowater {
    background-image: url(../images/product/be_cocowater2.jpg);
    background-repeat: no-repeat;
    height: 650px;
    /* margin-top: -120px; */
    margin-top: 50px;
    z-index: -11;
}
.coconutwater {
    height: 385px;
    width: 170px;
    background-image: url(../images/product/coconutwater2.png);
    background-repeat: no-repeat;
    /* margin-top: -120px; */
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    z-index: -13;
}
.slide1-coco {
    font-size: 45px !important;
}
.slide3-coco {
    font-size: 15px !important;
}
.slide1-coco2 {
    font-size: 45px !important;
}
.slide2-coco {
 	font-size: 15px !important;
}
.slide2-coco2 {
    color: #36a9e1;
    font-size: 15px !important;
}
.t-margin {
    margin-top: -490px;
}
.coconutwater{
	height: 385px;
	width: 170px;
	background-image: url(../images/product/coconutwater2.png);
	background-repeat: no-repeat;
	/*margin-top:-120px;*/
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	z-index: -13;

}
.callbacks_nav{
    top: 42% !important;
    left: 18%;
    }
.down-arrow {
	top:60% !important;
}
.top-mar{
	margin-top:-50px;
}
.Scoco{
	color:#ffffff;
	font-size:20px;
}
.Hoil{
color:#432918;
font-size:15px;
}
.Hoil2{
color:#ffffff;
font-size:15px;
}
.OilCont{
  color:#432918;
  font-size:12px;
  font-weight: normal;
}
.OilCont2{
color:#ffffff;
font-size:12px;
font-weight: normal;
}
/******************************coconutoil ****************************/
.tma{
	margin-top:110px;
}
.coconutoil {
    height: 328px;
    width: 223px;
    background-image: url(../images/product/coconutoil2.png);
    background-repeat: no-repeat;
    /* margin-top: -120px; */
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    z-index: -14;
}
.be_cocowater2 {
    background-image: url(../images/product/bg_cocooil2.jpg);
    background-repeat: no-repeat;
    height: 630px;
    /* margin-top: -120px; */
    z-index: -12;
}
.bg-text-cocooil {
    height: 40px;
    width: 238px;
    background-image: url(../images/product/text_cocooil2.png);
    background-repeat: no-repeat;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    text-align: center;
    z-index: -15;
}
.Soil{
color:#ffffff;
font-size:20px;
}
.bg-text-cocooil2 {
    margin-top: -414px;
    margin-left: 500px;
    margin-right: auto;
    text-align: left;
    z-index: -16;
}
/**************************************************************************/
.bg-benefit{
	background-color: #1B3A35;
	height:2100px;
/*	margin-top:41px;*/
}
.site-header .main-navigation ul li a {
  background: none;

}
.site-header .main-navigation ul li a.active {
  background: none;

}
}
@media(min-width:861px) and (max-width: 991px){
	.templatemo_gallerytop	{ margin-top: 14%; }
	.site-header .main-navigation ul li a {
  background: none;

}
.OilCont2 {
    font-size: 12px;
}
.templatemorow	{ margin: 200px 4%; }
.margin-top-text-home {
    margin-top: -100px;
}
.site-header .main-navigation ul li a.active {
  background: none;

}
	.bg-1{
	/*height:375px;*/
	/*height: 500px;*/
	/*margin-top:-60px;*/
	z-index: -1;

}
.bg-benefit {
    background-color: #1B3A35;
    height: 2100px;
   /* margin-top: 41px;*/
}
.OilCont {
    font-size: 12px !important;
}

}
@media(min-width:992px){
	.templatemorow	{ margin: 50px 7%; }
	.hexagon2
	{
	position: absolute;
	width: 150px;
	height: 250px;
	top: -85px;
	}
	.templatemo-hex-top1	{ margin-top: 140px; }
.bg-benefit {
 /*   margin-top: 41px;*/
}
.bg-text-cocooil2 {
    margin-top: -414px;
    margin-left: 500px;
}
}
@media(min-width:992px) and (max-width: 1200px){
	.hexagon-a	{ margin-left: 5px; }
	.hexagon-a a	{ min-width: 140px; }
	.hexagonservices a.hlinkbott	{ width: 150px; }
	.templatemo_servicerow	{ margin: 0px 30px; }
	.templatemo_contactmap	{ width: 250px; height: 292px; float: left; }
	.templatemo_contactmap img{ position: absolute; width: 250px; height: 292px; top: 0px; left: 15px; }
	#templatemo_map {
   	 width: 100%;
    height: 292px;
	}


	}
@media(min-width:992px) and (max-width: 1390px){
	.templatemo_gallerytop	{ margin-top: 15%; }
	.hexagon2 {
	position: absolute;
	/*width: 200px;
	height: 250px;*/
	/*top: -85px;*/
	width: 150px;
	height: 250px;
	top: 50px;
}
	.bg-1{
	/*background-image: url(../images/bg_home.jpg);*/
	/*height: 450px;*/
	/*margin-top:-120px;*/
}
.size-logo-product{width: 50px;}
.tma {
    margin-top: 202px;
}
.bg-text-cocooil2 {
    margin-top: -720px;
    margin-left: 733px;
}

	}
@media(min-width:1400px) and (max-width:1600px)	{
 	.templatemo_gallerytop	{ margin-top: 14%; }
 }


@media(min-width:1200px){
	.templatemorow	{ /*margin: 0px 30px;*//*margin:12px 120px 0px 35px;*/ margin:-8px 116px 0px 35px;}
	.hexagon2 {
	position: absolute;
	/*width: 200px;
	height: 250px;*/
	/*top: -85px;*/
	width: 180px;
	height: 215px;
	top: 205px;
}
	.templatemo-hex-top1	{ margin-top: /*180px*/170px; }
	/*.hexagon-a	{ left: 0%; }*/
	.hexagon-a a	{ min-width: 190px; }
	.hexagonservices a.hlinkbott	{ width: 200px; }
	.templatemo_servicerow	{ margin: 30px 30px; }
.bg-1{
	/*background-image: url(../images/bg_home.jpg);*/
	/*height: 870px;*/
	/*margin-top:-120px;*/
}
.tma {
    margin-top: 245px;
}
.bg-text-cocooil2 {
    margin-top: -690px;
    margin-left: 815px;
}


}
@media(min-width:992px) and (max-width:1000px)	{
.bg-text-cocooil2 {
    margin-top: -414px;
    margin-left: 614px !important;
}
.col-md-3 {
    width: 100%;
}
}
@media(min-width:992px) and (max-width:1199px)	{
/*.bg-1{
	height:565px;
}*/
.OilCont {
    font-size: 12px;

}
.OilCont2 {
    font-size: 12px;
}
.margin-top-text-home {
    margin-top: 300px;
}
}
@media(min-width:1001px) and (max-width:1199px)	{
.OilCont {
    font-size: 12px;
}
.down-arrow {
    top: 55% !important;
}
.be_cocowater {
    background-image: url(../images/product/be_cocowater2.jpg);
    background-repeat: no-repeat;
    height: 650px;
    /* margin-top: -120px; */
    margin-top: 60px;
    z-index: -11;
}
.coconutwater {
    height: 385px;
    width: 170px;
    background-image: url(../images/product/coconutwater2.png);
    background-repeat: no-repeat;
    /* margin-top: -120px; */
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    z-index: -13;
}
.slide1-coco {
    font-size: 45px !important;
}
.slide3-coco {
    font-size: 15px !important;
}
.slide1-coco2 {
    font-size: 45px !important;
}
.slide2-coco {
 	font-size: 15px !important;
}
.slide2-coco2 {
    color: #36a9e1;
    font-size: 15px !important;
}
.t-margin {
    margin-top: -572px;
}
#toggle{display: none;}
.coconutwater{
	height: 385px;
	width: 170px;
	background-image: url(../images/product/coconutwater2.png);
	background-repeat: no-repeat;
	/*margin-top:-120px;*/
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	z-index: -13;

}
.Scoco{
	color:#ffffff;
	font-size:20px;
}
.callbacks_nav{
    top: 42% !important;
    left: 18%;
    }

.top-mar{
	margin-top:-50px;
}
/******************************coconutoil ****************************/
.tma{
	margin-top:110px;
}
.coconutoil {
    height: 328px;
    width: 223px;
    background-image: url(../images/product/coconutoil2.png);
    background-repeat: no-repeat;
    /* margin-top: -120px; */
    margin-top: 23px;
    margin-left: auto;
    margin-right: auto;
    z-index: -14;
}
.be_cocowater2 {
    background-image: url(../images/product/bg_cocooil2.jpg);
    background-repeat: no-repeat;
    height: 630px;
    /* margin-top: -120px; */
    z-index: -12;
}
.bg-text-cocooil {
    height: 40px;
    width: 238px;
    background-image: url(../images/product/text_cocooil2.png);
    background-repeat: no-repeat;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    text-align: center;
    z-index: -15;
}
.Soil{
color:#ffffff;
font-size:20px;
}
.bg-text-cocooil2 {
    margin-top: -426px;
    margin-left: 614px !important;
}
}
@media only screen and (max-width: 1000px) {
	.site-header .main-navigation ul {
 	 padding: 0;
 	 margin: 0;
  	list-style: none;
  	float: none;
	}
.OnlyDesktop{
	display:none;
}
.Only768{
	display:block;
}
  .site-header .main-navigation {
    padding: 0;
  }
  .site-header .main-navigation .container {
    width: 100%;
  }

  .responsive-menu {
    display: block;
  }

  .main_menu {
    display: none;
  }

  .services #icons .icon-item span,
  .about #icons-about .icon-item span {
    display: none;
  }
.site-header .main-navigation ul li a.active {background: none;}
.site-header .main-navigation ul li a {background: none;}
.be_cocowater {
    background-image: url(../images/product/be_cocowater2.jpg);
    background-repeat: no-repeat;
    height: 650px;
    /* margin-top: -120px; */
    margin-top: 60px;
    z-index: -11;
}
.coconutwater {
    height: 385px;
    width: 170px;
    background-image: url(../images/product/coconutwater2.png);
    background-repeat: no-repeat;
    /* margin-top: -120px; */
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    z-index: -13;
}
.slide1-coco {
    font-size: 45px !important;
}
.slide3-coco {
    font-size: 15px !important;
}
.slide1-coco2 {
    font-size: 45px !important;
}
.slide2-coco {
 	font-size: 15px !important;
}
.slide2-coco2 {
    color: #36a9e1;
    font-size: 15px !important;
}
.t-margin {
    margin-top: -606px;
}
.size-logo-product {
    width: 50px;
}
#toggle{display: none;}
.coconutwater{
	height: 377px;
	width: 170px;
	background-image: url(../images/product/Product-330-ml-phone.png);
	background-repeat: no-repeat;
	/*margin-top:-120px;*/
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	z-index: -13;

}
.Scoco{
	color:#ffffff;
	font-size:20px;
}
.callbacks_nav{
    top: 42% !important;
    left: 18%;
    }
.down-arrow {
	top:55% !important;
}
.top-mar{
	margin-top:-50px;
}
/******************************coconutoil ****************************/
.tma{
	margin-top:110px;
}
.coconutoil {
    height: 328px;
    width: 223px;
    background-image: url(../images/product/coconutoil2.png);
    background-repeat: no-repeat;
    /* margin-top: -120px; */
    margin-top: 21px;
    margin-left: auto;
    margin-right: auto;
    z-index: -14;
}
.be_cocowater2 {
    background-image: url(../images/product/bg_cocooil2.jpg);
    background-repeat: no-repeat;
    height: 630px;
    /* margin-top: -120px; */
    z-index: -12;
}
.bg-text-cocooil {
    height: 40px;
    width: 238px;
    background-image: url(../images/product/text_cocooil2.png);
    background-repeat: no-repeat;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    text-align: center;
    z-index: -15;
}
.Soil{
color:#ffffff;
font-size:20px;
}
.bg-text-cocooil2 {
    margin-top: -414px;
    margin-left: 500px;
}
.Taste{
	font-size: 25px;
	color: #045c38;
}
.AboutusT{
	font-size: 25px;
	color: #bd9200;

}
.Elements{
	font-size: 20px;
}
.txt-about{color: #045c38;font-size: 18px}
  }

 @media	(max-width: 991px) {
.templatemo_footer div.col-sm-12{ float: left; margin-top: 10px; width: 100%; }
.site-header .main-navigation ul li a.active {background: none;}
.site-header .main-navigation ul li a {background: none;}
 }
.content { display: none; height: auto; }
.homepage	{ display: block;/*margin-top:120px;*/ }
.leftalign	{ float: left; }



/*iPhone 5 Portrait*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait) {
  .main-navigation {
      height: 80px !important;
  }
  .templatemo_gallerygap img {
      margin-left: 35px;
  }
  .slide1-coco {font-size: 25px !important;}
  .slide1-coco2 {font-size: 25px !important;}
  .top-cocob{
    margin-top: 187px;
  }
  .size-logo-product {
    width: 30px;
}
  #slide1{
    content: url("../images/bg_home2.jpg");
  }
  #slide2{
    content: url("../images/BannerPhone-2.png");
  }
ul.multi-column {margin-left:/* -20px;*/-47px;}
  .li-icon{display: block;margin-top: /*-550px*/-560px;font-size: 10px;}
  /*.be_cocowater {
    background-image: url(../images/product/BG2.jpg);
    height: 832px !important;
}*/
.be_cocowater {
  background-image: url(../images/product/BG2.jpg);
  background-size: contain;
  background-position: center top;
  height:837px !important;
}
.coco-mobile-text {
  display: block;
  color: #3c3c3b;
  margin-top: 410px;
      /*margin-top: -350px;*/
    /*margin-top: 30px;*/
    /*margin-left: 80px;*/
    font-size: 13px;
}
.Scoco {
    font-size: 15px;
}

.be_cocowater2 {
    background-image: url(../images/product/BG3.jpg);
    background-size: contain;
    background-position: center top;
    height: 780px;
}
.top-mar {
    margin-top: -71px;
}
.bg-text-cocooil {margin-top: 34px;}
.OilCont2{color: #432918;}
.font-cl{color: #432918;}
.bg-text-cocooil-mobile{display: block;margin-top: -281px;}
.tma {margin-top: -595px;text-align: center;}
.top-coconutoil{margin-top: 76px;}
.Specialcoco2{margin-top: 220px;}
.Soil {font-size: 15px;}
.Hoil{color:#ffffff;}
.OilCont{color:#ffffff;font-size: 13px}
}

/*iPhone 6 Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
  .site-header .main-navigation {
      height: 85px;
  }
  .templatemo_gallerygap img {
      margin-left: 35px;
  }
  .blok {
    left: 20%;
}
.be_cocowater {
  background-image: url(../images/product/BG2.jpg);
  background-size: contain;
  background-position: center top;
  height:981px !important;
}
.top-cocob {
    margin-top: 257px;
}
.top-mar {
    margin-top: -41px;
}
.coco-mobile-text {
  display: block;
  color: #3c3c3b;
  margin-top: 465px;
  font-size: 14px;
}
.Scoco {
    font-size: 15px;
}
#slide1{
  content: url("../images/bg_home2.jpg");
}
#slide2{
  content: url("../images/BannerPhone-2.png");
}
.size-logo-product{
  width: 30px;
}
.li-icon{display: block;margin-top: /*-550px*/-630px;}
ul.multi-column li {
    padding: 18px 5px 0 0px;
    /*margin-left: -11px;*/
    font-size:  13px;
}
ul.multi-column {
    margin-left: /* -20px;*/-40px;
}
.be_cocowater2 {
    background-image: url(../images/product/BG3.jpg);
    background-size: contain;
    background-position: center top;
    height: 912px;
}
.bg-text-cocooil {margin-top: 34px;}
.OilCont2{color: #432918;}
.bg-text-cocooil-mobile{display: block;margin-top: -281px;}
.tma {margin-top: -595px;text-align: center;}
.top-coconutoil{margin-top: 134px;}
.Specialcoco2{margin-top: 220px;}
.Soil {font-size: 15px;}
.Hoil{color:#ffffff;}3

.OilCont{color:#ffffff;font-size: 13px}

}

/*iPhone 6+ Portrait*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) {
  .site-header .main-navigation {
      height: 85px;
  }
  .top-cocob{
    margin-top: 297px;
  }
  .templatemo_gallerygap img {
      margin-left: 35px;
  }
  .blok {
    left: 20%;
}
#slide1{
  content: url("../images/bg_home2.jpg");
}
#slide2{
  content: url("../images/BannerPhone-2.png");
}
.li-icon{display: block;margin-top: /*-550px*/-630px;}
.be_cocowater {
  background-image: url(../images/product/BG2.jpg);
  background-size: contain;
  background-position: center top;
  height:1070px !important;
}
.top-mar {
    margin-top: -15px !important;
}
  .size-logo-product{
    width: 40px;
  }
.coco-mobile-text {
  display: block;
  color: #3c3c3b;
  margin-top: 463px;
      /*margin-top: -350px;*/
    /*margin-top: 30px;*/
    /*margin-left: 80px;*/
    font-size: 16px;
}
.be_cocowater2 {
    background-image: url(../images/product/BG3.jpg);
    background-size: contain;
    background-position: center top;
    height: 1007px;
}
.bg-text-cocooil {margin-top: 34px;}
.OilCont2{color: #432918;}
.bg-text-cocooil-mobile{display: block;margin-top: -281px;}
.tma {margin-top: -640px;text-align: center;}
.top-coconutoil{margin-top: 169px;}
.Specialcoco2{ma----rgin-top: 220px;}
.Soil {font-size: 15px;}
.Hoil{color:#ffffff;}
.OilCont{color:#ffffff;font-size: 16px}
.Soil {font-size: 18px;}
}

/*iPhone 6+ landscape*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
  .main-navigation {
    height: 70px;
}
.desktop-size-product{display: block;}

  /*.bg-1 {
    height: 300px !important;
    background-image: url(../images/bg_home.jpg);
}*/
  .bg-text-cocooil2 {
      margin-top: -495px;
      margin-left: 480px;
  }
  .templatemo_hexservices {
    margin-top: 15%;
}
.bg-benefit {
    background-repeat: repeat;
    height: 2350px;
}
.templatemo_gallerygap img {
    width: 250px;
    margin-top: 7px;
    margin-left: 35px;
}

}
/*iPhone 6 landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {
  .main-navigation {
    height: 70px;
}
  /*.bg-1 {
    height: 250px !important;
    background-image: url(../images/bg_home.jpg);
}*/

  .bg-text-cocooil2 {
      margin-top: -495px;
      margin-left: 455px;
  }
  .templatemo_hexservices {
    margin-top: 15%;
}
.bg-benefit {
    background-repeat: repeat;
    height: 2300px;
}
.templatemo_gallerygap img {
    width: 250px;
    margin-top: 7px;
    margin-left: 35px;
}
}
/*iPhone 5 landscape*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation : landscape) {
.templatemo_gallerygap img {
    width: 250px;
    margin-top: 7px;
    margin-left: 35px;
}
.main-navigation {
    height: 70px;
}
/*.bg-1 {
    height: 200px !important;
    background-image: url(../images/bg_home.jpg);
}*/
.coconutoil {
    margin-top: 21px;
    margin-left: 120px;
}

.bg-text-cocooil2 {
    margin-top: -421px;
    margin-left: 358px;
}
.OilCont {
    font-size: 12px;
}
.blok {
    left: 29%;
}
.slide1-coco{
    font-size: 40px !important;
}
.slide1-coco2 {
    font-size: 40px !important;
}
.slide2-coco {
    font-size: 11px!important;
}
.slide2-coco2 {
    font-size: 11px!important;
}
}