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

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.main{
width:60%;
margin:0 auto;
margin-top:4%;
}
.left p {
    width: 88%;
}
.left{
float: left;
    margin-top: 4%;
    width: 62%;
}

.right1{
width:45%;
overflow:hidden;
float:left;
background:#fafafa;
margin-bottom:4%;
box-shadow: 5px 5px #000;
margin-top:4%;
color:#000;
}
.right{
 margin-bottom: 4%;
    margin-top: 4%;
    overflow: hidden;
    width: 33%;
	height:300px;
}
.table{
margin-left:9%;
}
.span{
font-size: 13px;
color: #fff;
text-decoration: none;
line-height: 18px;
margin-left:25%;
}
.span a{
font-size: 13px;
color: #fff;
text-decoration: none;
line-height: 18px;
}

.social{
display: block;
    overflow: hidden;
    clear: both;
    float: right;
    margin-left: 55%;
    margin-bottom: 4%;
}
.social img{
width:12%;
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
.main{
width:74%;
}
}
@media screen and (min-width: 900px) and (max-width: 1023px){
.main{
width:70%;
}
.left{
width:42%;
}
.right{
width:55%;
}
body{
font-size:13px;
}
}
@media screen and (min-width: 800px) and (max-width: 899px){
.main{
width:74%;
}

.right{
width:55%;
}
body{
font-size:13px;
}
h2{
font-size:17px;
}
h3{
font-size:17px;
}
}
@media screen and (min-width: 700px) and (max-width: 799px){
.main{
width:80%;
}
.left{
width:100%;
}
.a3 {
    padding-bottom: 7% !important;
}
.btn.btn-info.btn-md.btncent {
    margin-right: 32% !important;
}
.right{
width:55%;
}
body{
font-size:13px;
}
form{
width:96%;
}
h2{
font-size:16px;
}
h3{
font-size:16px;
}

}
@media screen and (min-width: 600px) and (max-width: 699px){
.main{
width:85%;
}
.left{
width:42%;
}
.right{
width:55%;
}
body{
font-size:13px;
}
form{
width:96%;
}
.span{
margin-left:12%;
}
h2{
font-size:15px;
}
h3{
font-size:15px;
}
}
@media screen and (min-width: 500px) and (max-width: 599px){
.main{
width:95%;
}
.left{
width:42%;
}
.right{
width:55%;
}
body{
font-size:13px;
}
form{
width:96%;
}
.span{
margin-left:6%;
}
h2{
font-size:13px;
}
h3{
font-size:13px;
}
}
@media screen and (min-width: 400px) and (max-width: 499px)
{
.main{
width:70%;
}
.left{
display:block;
}
.right{
width:100%;
}
body{
font-size:13px;
}
form{
width:96%;
}
.span{
margin-left:0;
font-size:11px;
}
h2{
font-size:13px;
}
h3{
font-size:13px;
}
.left {
    width: 100%;
	margin:0;
}
.left h2 {
    font-size: 24px;
    width: 130%;
}
.imageslide > li {
    width: 96%;
}
.subscribe_section1 {
height: 850px ;}

}
.row.foter1 span {
    padding-left: 9px;
}
.hide23 iframe {
    height: 550px;
    width: 340px;
}
.btn.btn-info.btn-md.btncent {
    margin-right: 24%;
}

/*
@media screen and (min-width: 350px) and (max-width: 399px){
.main{
width:80%;
}
.left{
display:none;
}
.right{
width:100%;
}
body{
font-size:13px;
}
form{
width:96%;
}
.span{
margin-left:0;
font-size:11px;
}
h2{
font-size:13px;
}
h3{
font-size:13px;
}
.subscribe_section1 {
  
    height: 1050px !important;
}
}
@media screen and (min-width: 300px) and (max-width: 349px){
.main{
width:85%;
}
.left{
display:block;
}
.right{
width:100%;
}
body{
font-size:13px;
}
form{
width:96%;
}
.span{
margin-left:0;
font-size:11px;
}
h2{
font-size:13px;
}
h3{
font-size:13px;
}
 .left{width: 88%;}
 .subscribe_section1 {
  
    height: 1050px !important;
}
}*/
@media screen and (max-width: 299px){
.main{
width:85%;
}
.left{
display:none;
}
.right{
width:100%;
}
body{
font-size:13px;
}
form{
width:96%;
}
.span{
margin-left:0;
font-size:11px;
}
h2{
font-size:13px;
}
h3{
font-size:13px;
}
}
.land1 > li {
    font-size: 21px;
    line-height: 2;
}
.land2 > li {
    text-align: justify;
}
	
.imageslide > li {
    color: white;
    font-size: 21px;
}	/*----- slider css start-------*/


@media screen and (max-width: 320px){    		
	.industrydiv {
    margin: 2%;
    width: 93% !important;
	}
	.hide23 iframe {    
    width: 305px !important;}
	.row.foter1 span {
    padding-left: 9px;
}	
.span > a {
    margin-left: 32%;
}
.imageslide > li {
    color: white;
    font-size: 17px;
    width: 100%;
}
.left {
    float: left;
    width: 90%;
}
.left h2 {
    font-size: 24px;
    width: 106%;
}

@media screen and (max-width: 360px){   
.left {
    float: left;
    width: 88% !important;
}
.industrydiv {
    margin: 2%;
    width: 93% !important;
	}

}
@media screen and (max-width: 768px)
{
	.left {
    width: 100% !important;
}
}

		/*----- slider css end-------*/