@charset "utf-8";
/* CSS Document */
@media all and (max-width: 767px) and (min-width: 320px) {
.logo img {
    width: 50%;
}
.slicknav_menu{
	display:block;
}
.navbar{	
	display:none;
}
.call {
    margin: 0 !important;
    background-image: none;
}
.topMenu {
    margin: 15px 0;
}
.search {
    float: none;
    width: 98%;
	overflow: hidden;
}
.aboutWrap {
    background: #ecfcd4;
}
.aquaContent,
.aboutContent {
    padding: 25px;
}
.aquaponics h2,
.aboutContent h2 {
    font-size: 30px;
}
.aboutContent h2 span {
    margin: 0 0 20px 0;
}
.aboutContent p {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 30px;
}
.footer,
.findProduct,
.facilitiesWrap {
    padding: 25px 0;
}
.facilityDiv {
    margin-bottom: 20px;
	border-bottom:1px dashed #fff;
	padding-bottom:20px;
}
.facilityDiv p {
    min-height: inherit;
}
.facilityDiv .titleImg {
    margin-bottom: 10px;
}
.aquaponics {
    padding: 10px 0;
}
.product li {
    margin-right: 0;
	width:100%;
}
figure.effect-oscar figcaption {
    width: 89%;
}
figure.effect-oscar figcaption::before, 
figure.effect-oscar p {
    font-size: 15px;
}
figure.effect-oscar figcaption::before, 
figure.effect-oscar p {
    font-size: 15px;
}
figure.effect-oscar {
    height: 275px;
}
figure.effect-oscar figcaption {
    width:91%;
    height: 275px;
}
figure.effect-oscar h2{
	margin:60px 0 10px 0;
	font-size:20px;
}
figure.effect-oscar h2 span {
    font-size: 18px;
}
figure.effect-oscar:hover h2 {
    margin: 10px 0 10px 0;
}
figure.effect-oscar figcaption::before {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
}
.viewDetails {
    font-size: 16px;
    margin-top: 10px;
}
.findProduct h2 {
    font-size: 22px;
}
.findProduct hr {
    margin: 0 auto 20px !important;
}
.contentBox{
	padding:20px;
}
.findProductRight {
    margin-top: 20px;
}
.findProductRight li{
	margin-bottom:15px;
}
.findProductRight li img{
	position:inherit;
}
.xspl-layer{
	background-repeat: repeat !important;
}
.quickLinks{
	overflow:hidden;
}
.productItem li {
    width: 100%;
    margin-right: 0;
}
.collection_desc{
	min-height:inherit;
}
.facilityDiv ul {
    padding: 0 10px;
}
.aboutUs h2 {
    font-size: 35px;
    padding: 0 0 15px 0;
}
.round-copy .aboutText {
    padding:30px 20px;
	width: 100%;
	height: auto;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.cart {
    margin-top: 5px;
}
.round-copy {
	background: none;
	min-height: inherit;
}
.aboutUs h3 {
    font-size: 18px;
    line-height: 22px;
}
.aboutUs p {
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 10px 0;
    margin: 0;
}
.aboutUs a {
    font-size: 18px;
}
.facilityWrap .facilityBox {
    margin: 30px 0 0;
}
.facilityWrap {
    padding: 50px 0;
}

.divDescription{
	width:100%;
}
.aquaponicWrap-01 p {
    font-size: 25px;
    line-height: 32px;
    padding: 0 20px 15px;
}
.aquaponicWrap-01 h2 {
    font-size: 30px;
    line-height: 36px;
}
.aquaponicWrap-02 h2 {
    font-size: 30px;
    line-height: 35px;
}
.aquaImgCircleDiv {
    margin-bottom: 25px;
}
.aboutContent::after {
    display: none;
}

}

@media all and (max-width: 640px) and (min-width: 360px){
.quickInfo {
    overflow: hidden;
    width: 70%;
    float: right;
	margin-top: -16px;
}
.topMenu {
    margin: 15px 0;
    display: inline-block;
    float: right;
}

.divDescription{
	width:100%;
}
.aboutContent::after {
    display: none;
}	
	
}

@media all and (max-width: 1024px) and (min-width: 768px){

.slicknav_menu{
	display:block;
}

.logo img {
    width: 70%;
}
.aboutContent {
    padding: 25px;
}
.aboutContent h2 {
    font-size: 38px;
}
.aboutContent h2 span {
    margin: 0 0 20px 0;
}
.aboutContent p {
    padding-bottom: 35px;
    font-size: 18px;
    line-height: 24px;
}
.aquaContent {
    padding: 0 25px 0 0;
}
.thumbProduct li{
	margin-right: 10px;
}
.thumbProduct li .overlay {
    font-size: 12px;
    padding: 8px 0;
}
figure.effect-oscar{
	height:300px;
}
figure.effect-oscar figcaption{
	height:300px;
	width:92%;
}
figure.effect-oscar h2 {
    margin: 16% 0 10px 0;
    font-size: 26px;
}
figure.effect-oscar figcaption::before {
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
}
figure.effect-oscar:hover h2 {
    margin: 8% 0 10px 0;
}
.viewDetails {
    font-size: 16px;
    margin-top: 12px;
}
.findProductRight li {
    margin-bottom: 15px;
    padding-left: 175px;
}
.findProductRight li h3 {
    font-size: 14px;
    margin-bottom: 5px;
}
.findProductRight li h4 {
    font-size: 13px;
    margin-bottom: 8px;
}
.findProductRight li p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
    padding: 0;
}
.productItem li .imgDiv {
    min-height: 100px;
    padding-bottom: 15px;
}
.collection_name{
	font-size:18px;
}
.collection_desc {
    min-height: 70px;
}
.collection_price {
    font-size: 13px !important;
}
.collection_info .add_cart {
    float: left;
}
.productItem li{
	min-height:365px;
}
.round-copy {
    background: url(../images/abtcntntbg.png) no-repeat 120px 15px;
}
.aboutContent::after {
    display: none;
}

.divDescription{
	width:100%;
}
}
@media all and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
.round-copy {
    background: url(../images/abtcntntbg.png) no-repeat 230px 15px;
}	
}
@media only screen and (min-width: 1400px) {
	.container {
		max-width: 1100px;
	}
}
/*@media only screen and (max-width: 1024px) and (min-width: 768px){
	.col-lg-3 {
	  width: 31%;
	  float: left;
	}
	
	.tty {
	  text-align: center;
	  
	}
}*/
/*@media only screen and (max-width: 1024px) and (min-width: 768px){
	.row {
	  margin-right: -18px;
	  
	}
}*/
/*@media all and (max-width: 768px) and (min-width: 1024px){
	.row {
	  margin-right: -18px;
	  
	}
}*/
/*@media only screen and (min-width: 320px) {
 .catesec {
        font-size: 4px;
}	
}*/