@media only screen and (min-width : 0px) and (max-width :  240px) {

.banner-wrapp{min-height:100px}
.portfolio-wrap-index {display:none}
.footer-section {width: 100%;}
.copy-lt {float: none;width: 100%;}
.banner-text span{font-size: 1em;}
.banner{min-height:0px}
.banner-text{width:100%}
.banner-girl{top:5px}
.banner-text span{margin: 1px 0;}
.index-services h1 {
    font-size: 1.1em;
    margin: -19% auto 0.2em;
}
}
/*both */
@media only screen and (min-width :0px) and (max-width :  640px)
{
		.index-services h1{	margin: -10% auto .2em;font-size: 1.3em;}
		.index-services-list {width: 47%;}
		.index-services-list .icon {width: 26%;}
		.index-services-list .content {	width: 71%;}
		.portfolio-wrap-index {display:none}
		.footer-section {width: 100%;}
			.inner-page-wrapp .intro-lt {width: 100%;margin-bottom: 20px;}
.inner-page-wrapp .intro-rt {width: 100%;}
.inner-page-wrapp .intro-rt a .h1 {    float: left;    font-family: 'Lato',sans-serif;    font-size: 0.7em;}
.portfolio-lt {width: 81%;}
.portfolio-rt .divider {display:none}
.portfolio-lt img {width:100%}
.portfolio-rt{width:100%;margin:0}
.portfolio-rt img {float: left;margin: 0 5px 9px;width: 41%;}
.footer{display:none;}
.left-main{width:100%;float:none;}
.right-panel{width:100%;}
.right-panel p{width:auto;}
	.contact-us-right{ width: 100%;float:none;margin:0px;}
	
.contact-us-right label{width:98%}
	.contact-us-right textarea{width:89%;}
	.contact-lt{width:90%;float:none;}
	.right-panel h2{padding: 0 0 0 2px;}
	.abt-box,.abt-box1 {
width: 84%;
float:none;
margin:10px auto;
padding: 20px 20px 48px;
border: 1px solid #ccc;
min-height: 273px;
}

.index-services-list .content p{min-height: 111px !important;}
}
/*portrait*/
@media only screen and (min-width : 241px) and (max-width :  320px) {
	
	.header > .call{display:none}
	.header > .logo{width:110px;}
	.header{padding: 4% 0;}
	.menu li{padding:0}
	.banner{min-height:97px}
		.banner-text {width:60%;padding:1% 0 0 0}
	.banner-text span{font-size:1em;margin:4px 0}
	.banner-girl {width: 94%;top:5px}
	.index-services-list {width: 93%;margin: 0px 5px 5px 7px;}
	.portfolio-wrap-index {display:none}
	.footer-section {width: 100%;}
	.copy-lt {float: none;width: 100%;}
	.copy-rt {margin-top: 26px;float: none;width: 56%;}
.abt-box, .abt-box1 {padding: 20px 20px 48px;}
.banner-wrapp{min-height:80px}
	}
	
/*landscape*/	
@media only screen and (min-width : 321px) and (max-width :  640px)
{
	
	.header > .call{display:none}
	.header > .logo{width:110px;}
	.header{padding: 4% 0;}
	.menu li{padding:0}
	.banner{min-height:110px;margin: 0% 0 0 0;}
	.banner-text{padding-top:10px}
	.banner-text span{font-size:1em}
	.banner-girl {width: 263px;}
	.banner-text {width: 35%;}
	.portfolio-wrap-index {display:none}
	.footer-section {width: 100%;background-repeat:repeat-x}
	.copy-rt {width: 38%;}
	.copy-lt {width: 52%;}
	.inner-page-wrapp .intro-lt {width: 100%;margin-bottom: 20px;}
.inner-page-wrapp .intro-rt {width: 100%;}
.index-services-list .content h2{font-size:16px}

}

@media only screen and (max-width: 768px ) and (min-width: 641px)
{
.menu li {	padding: 0.5%;}
	.banner {min-height: 223px;}
.banner-girl{width:78%;float:right; bottom: -3px; }	
.menu {width:70%;margin: 4% 0 0 0;	}
.menu a{font-size: 14px;}
.banner-text {width: 42%;}
.index-services-list {width: 30%;}
.index-services-list .content{}
.index-services-list .icon{width: 25%;float:none;margin:auto;}
.divider {width: 7px;}
.copy-rt {width: 24%;}
.copy-rt {  width: 23%;}
.portfolio-lt {width: 92%;}
.portfolio-rt .divider {display:none}
.portfolio-lt img {width:100%}
.portfolio-rt{width:100%;margin:0}

.portfolio-rt img {    float: left;    margin: 0 10px 10px;    width: 44%;}
.tumb {margin: 30px 0 20px 13px;}
.right-panel{width:58%;}
	.right-panel p{width:auto;}
	.contact-us-right{ width: 90%;}
	.contact-us-right textarea{width:72%;}
	.contact-lt{width:90%;float:none;}
	.abt-box1 {	min-height: 352px;}
	
}