@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1024px)
{
.wrapper{width:95%; margin:0 auto;}
section .wrapper .contactmap img{width:100%;}
section {width:99%;}
section .wrapper .gallery ul li {width:29%;}
.camera_caption > div{width:100%;}

section .wrapper .services ul li .rtcontent{width:66%;}
}
@media only screen and (max-width:768px)
{
section li{width:45%;margin-bottom:20px}
ul.wtf-menu{display:none;}
.mobile-menu{background: none repeat scroll 0 0 green;
    color: #fff;
    display: block;
    padding: 10px;
    width: 55px;}
	
	#menu-button{padding:5px;color:#FFFFFF;font-size:16px;}
	
	.camera_caption > div {
    margin-left: 239px;
    padding: 10px 20px;
    width: 100%;
}

section .wrapper .leftcontact{width:100%;}
section .wrapper .rightcontact{width:100%;}
section .wrapper .rightcontact label{text-align:left;}
section .wrapper .contactmap{width:100%;}
section .wrapper .contactmap img{width:100%;}

	.camera_caption h1{font-size: 17px;}
	.trigger {display:block !important;}
	footer .facebook{width:38%;}
	footer .copyright{width:29%;}
	section .wrapper .profile{width:98%;}
	section .wrapper .gallery ul li{ padding: 0 0px 10px 34px;   width: 23%;}
	
	
section .wrapper h2.agricultureheading {
    float: left;
    padding: 10px 46px;  
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
    float: left;
    width: 100%;
}

h2.resp-accordion {
    display: block;
    float: left;
    width: 100%;
}
/*section{width:98%;}	*/
.resp-vtabs .resp-tab-content{border:none !important;}
.resp-vtabs .resp-tab-content:last-child{border:none !important;}

section .wrapper .solar .solarleftcontent{width:50%;}
section .wrapper .services ul li .rtcontent{width:65%;}
}

@media only screen and (max-width:640px)
{
footer .facebook{width:100%;float:left}
	footer .copyright{width:100%;}
	footer .design{text-align:left;}
	footer .facebook ul{float:left;}
	section .wrapper .profile{width:96%;}
	section .wrapper .gallery ul li{width:21%;}
	.camera_caption h1 span{font-size:19px;}
	section .wrapper .rightcontact label{width:100%;margin:10px 0px;}
	.text-field-3{width:99%;margin:0px;}
	.demo select{width:99%;margin:0px;}
	section .wrapper .solar .solarleftcontent{width:98%;}
	section .wrapper .solar .solarrightcontent{width:98%;padding:0px !important;}
	section .wrapper .solar .solarrightcontent img{width:100%;}
	section .wrapper .services ul li .rtcontent{width:100%;}
	section .wrapper .services ul li .leftimg{width:100%;}
	.tarea{margin:0px !important;width:97.8%;}
}

@media only screen and (max-width:480px)
{
section li{width:40%;}

.wrapper .title {
    margin: 10px auto;
    text-align: center;
    width: 83%;line-height: 24px;
}
.wrapper .clogo img{text-align:center !important;}
.wrapper .clogo .search input{width:200px}
section li{width:90%;}
.cameraContent{width:90%}
.abt-leftcontainer{width:100%; padding-right:0;}
.abt-rightcontainer{width:100%;}
section .wrapper .profile{width:95%;}
section .wrapper .services ul li .leftimg{width:100%;padding-bottom: 10px;}

section .wrapper .gallery ul li {
    width: 98%;
}
section .wrapper .gallery ul li:nth-child(2){margin:0px; }
section ul .listinfo ul {
    min-height: 0 !important;
}


.camera_caption h1 {
    font-size: 12px;
}


.camera_caption h1 span {
    font-size: 15px;
}

}

@media only screen and (max-width:360px)
{
.main-menu{width:98% !important;margin:0px !important}
.fluid_container{width:98% !important;}
.wtf-menu{width:98% !important;margin:0px !important}
section{width:98% !important}
footer{width:99% !important;}
.banner-slider{width:99% !important;}
.cameraContent{width:90%}
.camera_next{left:22px !important;}
.camera_caption h1{font-size:9px;}
.camera_caption > div {
    margin-left: 47px !important;
    padding: 10px 20px;
}

.wrapper .clogo img {
    float: left;
    padding-left: 85px;
    padding-top: 15px;
}
section .wrapper .rightcontact label{width:100%;}
.text-field-3{width:100%;margin:0 !important;}
section .wrapper .profile{width:95%;}
section .wrapper .founder ul li .leftimg{width:100%;}

section .wrapper .gallery ul li {
    padding: 0 0 10px 21px;
    width: 90%;
}
.demo select {width:100%;margin:0px;}


.camera_caption h1 span {
    font-size: 11px;
}
.tarea{margin:0px !important;width:95.8%;}
}

@media only screen and (max-width:320px)
{
.camera_next{left:22px !important;}
.camera_caption h1 {
    font-size: 8px;
}
section{width:97% !important}
.cameraContent{width: 45% !important;}
}