@charset "utf-8";
/* CSS Document */


/*=======================================================================================*/
/*Responsive Style Start*/
/*=======================================================================================*/





@media only screen and (min-width:100px) and (max-width:767px){
.banner{top:0; right:0; float:right;position:relative;height:auto; width:93%;}

.intro-section{margin:30px 0px 60px 0px !important;}

.whoweare-section{ margin:0px auto; background:#ff0000; margin:20px 0px 0px 0px; padding-left:0px;}

.whoweare-content{ padding:30px 30px 30px 30px;  margin:0px auto;}

.forte-content{ width:100%; height:auto; margin:80px 0px 0px 0px;}




.inner-banner{top:0; right:0; float:right; position:relative; height:auto; width:90%;}

.inner-banner-heading h1{ color:#fff; font-family:CenturyGothic; font-size:30px; position:absolute; padding:0px 0px 0px 50px; top:0%;}

}



@media only screen and (min-width:768px) and (max-width:1024px){
.banner{top:0; right:0; float:right;position:relative;height:auto; width:93%;}

.whoweare-content{ padding:10px 30px 30px 30px;  margin:0px auto;}

.forte-content{ width:100%; height:auto; margin:0px 0px 0px 0px;}

.forte-image img{ margin-top:-50px; width:100%;}


.inner-banner{top:0; right:0; float:right; position:relative; height:auto; width:93%;}

.inner-banner-heading h1{ color:#fff; font-family:CenturyGothic; font-size:40px; position:absolute; padding:0px 0px 0px 50px; top:20%;}
}




@media only screen and (width:360px){
	.banner{top:0; right:0; float:right;position:relative;height:auto; width:93%;}
	
	
	.inner-banner{top:0; right:0; float:right; position:relative; height:auto; width:90%;}
}
