/* SMALL SCREENS */
@media only screen and (max-width: 1200px) {
	
#page-content { min-width: 1003px;}
.wrapper { width: 1003px; }
.inner-wrapper{ max-width:963px; margin:0 auto; padding:30px 20px; }
.main-content { width: 640px; }
aside {	width: 240px; }

.blog-content { width: 550px; }

.one-half  { width: 450px; }
.one-third { width: 286px; }
.two-third { width: 612px; }
.one-fourth { width: 205px; }
.two-fourth { width: 450px; }
.three-fourth { width: 695px; }
.one-fifth { width: 156px; }
.two-fifth { width: 356px; }
.three-fifth { width: 554px; }
.four-fifth { width: 752px; }

.main-content .one-half  { width: 300px; }
.main-content .one-third { width: 186px; }
.main-content .two-third { width: 412px; }
.main-content .one-fourth { width: 130px; }
.main-content .two-fourth { width: 300px; }
.main-content .three-fourth { width: 470px; }
.main-content .one-fifth { width: 98px; }
.main-content .two-fifth { width: 236px; }
.main-content .three-fifth { width: 334px; }
.main-content .four-fifth { width: 472px; }

.one-half .iconbox-content { width: 400px; }
.one-third .iconbox-content { width: 236px; }
.one-fourth .iconbox-content { width: 155px; }


}

/* TABLETS ON PORTRAITS */
@media only screen and (max-width: 1023px) {	

h1 {  color:#4e9a02; font-size:51px; line-height: 1.1em; }
h2 { font-size: 2.2em; color:#97f02c; margin-bottom:24px; }
h3 { font-size: 1.1em; color:#97f02c; margin-bottom:10px;}
h4 { font-size: 20px; line-height: 30px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 16px; line-height: 22px; }

#page-content { min-width: 740px; }
.wrapper { width: 740px; }
.main-content { width: 100%; float:none; }
aside {	width: 100%; float: none; margin-top: 100px; }

header #logo { padding: 7px 0; height: 53px; max-width: 350px; }
nav#main-nav > ul > li > a:first-child { line-height: 40px; padding: 10px 0; }
nav#menu-controls > ul > li { height: 40px; padding: 10px 0; }	
nav#main-nav > ul > li > .sub-menu { top: 60px; }
nav#main-nav { display: none; }
.open-responsive-nav { display:block; }
#portfolio-single aside { margin-top: 0px; }
.blog-content { width: 650px; }
.one-half  { width: 350px; }
.one-third { width: 220px; }
.two-third { width: 480px; }
.one-fourth { width: 155px; }
.two-fourth { width: 350px; }
.three-fourth { width: 545px; }
.one-fifth { width: 116px; }
.two-fifth { width: 272px; }
.three-fifth { width: 428px; }
.four-fifth { width: 584px; }

.one-half .iconbox-content { width: 300px; }
.one-third .iconbox-content { width: 170px; }
.one-fourth .iconbox-content { width: 105px; }
/* signup */
.signupformarea li div.REGIS{ float:left; width:30%; margin-right:3.2%;}
.textboxSS{  border-radius:10px; border:1px solid #C2C2C2 ;  box-shadow: 0 0 3px 0 #CFCFCF; color: #000000;  font-size: 14px;  height: 35px; margin-top: 5px; text-indent: 10px;
    max-width: 98%;}
	.signupformarea li{ width:100%; float:left;}
	.radiobox{ width:auto; float:left; margin-right:10px; color:#363636; font-size:14px; margin-top:36px;}
	.bannerslider{ width:100%; }
	.social_wrapper{ display:none;}
	.call-area{ display:none;}
	#slideshow .caption{ display:none;}
#menu-responsive {
	position: absolute;
	background: #28a616;
	padding: 0;
	top: 80px;
	right: -270px;
	width: 260px;
	height: 100%;
	z-index: 10000;
	box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	-moz-box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	-webkit-box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	
	}
	
	#slider {width:100% !important; overflow:hidden; height:235px !important;}
.newsinfotext li p{ color:#f8f8f8; font-size:12px; line-height:18px; max-width: 55%;}
.newsinfotext li a{ color:#97F02C; font-size:14px; line-height:18px; max-width: 55%; display:block;}
}




/* Smartphones*/
@media only screen and (max-width: 760px) {
.contactbox{ float:none; width:100%;}
.news{ float:none; max-width:100%;}
h1 {  color:#4e9a02; font-size:3.3em; line-height: 1.2em;}
h2 { font-size: 2.2em; color:#97f02c; margin-bottom:24px; }
h3 { font-size: 1.1em; color:#97f02c; margin-bottom:10px;}
h4 { font-size: 20px; line-height: 28px;}
h5 { font-size: 18px; line-height: 26px;}
h6 { font-size: 16px; line-height: 22px;}

#page-content { min-width: 300px;}
.site-utility div.login{ width:100%; float:none; margin-top:0px; text-align:right;}
.site-utility div.searc-btn{ width:100%; float:none; clear:both;}
.site-utility div.searc-btn a{ float:left; margin-left:0px;}
.site-utility{ width:100%; float:none;}
.wrapper { width: 100%; }
.site-utility div.searc-btn a{ }
.main-content { width: 100%; float:none; }
aside {	width: 100%; float: none; margin-top: 60px; padding-top: 60px; border-top: 1px solid #d9d9d9; }

#portfolio-single aside {border:none; padding-top:0;}

.blog-date { width: 50px;}
.blog-date .date-day {font-size: 40px; line-height: 30px;}
.blog-date .date-month {font-size: 10px; letter-spacing: 0.03em; }
.blog-content { width: 240px; float: right; }

.column { margin: 60px 0 0 0; }
div .column:first-child { margin: 0; }
.one-half  { width: 100%; }
.one-third { width: 100%; }
.two-third { width: 100%;}
.one-fourth { width: 100%;}
.two-fourth { width: 100%; }
.three-fourth { width: 100%;}
.one-fifth { width: 100%;}
.two-fifth { width: 100%; }
.three-fifth { width: 100%; }
.four-fifth { width: 100%;}

.one-half .iconbox-content { width: 250px; }
.one-third .iconbox-content { width: 250px; }
.one-fourth .iconbox-content { width: 250px; }

	
/* Spacings */
.section-title { margin-top: -7px; margin-bottom: 60px; }
.section-inner { padding-top: 60px; }
.horizontalsection .horizontalinner { padding: 60px 0; }
#portfolio-single {  padding-top: 60px; }
.ajax-section #portfolio-single {  padding-bottom: 60px; }
#portfolio-single .portfolio-media { margin-top: 40px; }
#portfolio-single .portfolio-content { margin-top:0; padding-top: 40px; }
.ajax-section { padding-bottom: 60px; }
#ajax-loader .loader-icon { top: 20px!important; }
.close-project { bottom: 70px; }
.spacer.spacer-mini { height: 15px; }
.spacer.spacer-small { height: 30px; }
.spacer.spacer-medium { height: 45px; }
.spacer.spacer-big { height: 60px; }
.left-img{ width:100%; float:none;}
.welcome_text{ width:100%; float:none;}
/* signup */
.signupformarea{ width:100%; }
.signupformarea li div.REGIS{ float:none; width:100%; margin-right:0%; margin-top:20px;}
.textboxSS{  border-radius:10px; border:1px solid #C2C2C2 ;  box-shadow: 0 0 3px 0 #CFCFCF; color: #000000;  font-size: 14px;  height: 35px; margin-top: 5px; text-indent: 10px;
    max-width: 98%;}
	.signupformarea li{ width:100%; float:none;}
	.radiobox{ width:auto; float:left; margin-right:10px; color:#363636; font-size:14px; margin-top:0px;}
	.bannerslider{ width:100%; }
	.social_wrapper{ display:none;}
	.call-area{ display:none;}
	.bx-viewport ul li .caption{ display:none;}
	.contactarea{ background:#182a04; width:100%; padding:30px 0px;}
	.mobile-call{ display:block; height:30px; width:100%; background:#28a616; line-height:30px; font-size:16px; color:#FFFFFF; text-align:center;}
	.mobile-call{ font-size:20px;}
	.sbt-btn{ float:none; }
	#slider {width:100% !important; overflow:hidden; height:235px !important;}
	.newsinfotext{overflow:auto; height:297px; }
.newsinfotext li p{ color:#f8f8f8; font-size:12px; line-height:18px; max-width: 40%;}
.newsinfotext li a{ color:#97F02C; font-size:14px; line-height:18px; max-width: 40%; display:block;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;cursor:pointer;
}