/* CSS Document by Palakshi Dam -Krishna Tech */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700,700italic);

body{font-family: 'Roboto Condensed', sans-serif; margin:0; background:#DFDFDF}
#main{width:100%; height:auto; float:left}
#main-inner{width:80%; height:auto; margin:0 auto; overflow:auto}

#top_head{width:100%; height:auto; float:left;}
#top_head p{float:right; color:white; margin:0.5% 0}

#header{width:100%; height:auto; float:left}
#header .logo{width:15%; height:auto; float:left}
#header .logo img{width:100%; height:auto; float:left}
#header .midle{float:left; margin:5% 0 0 1%}
#header .midle p{color:#0099FF; font-size: large; margin:1% 0}
#header .midle span{font-size: x-large; margin:0}

#left{width:20%; height:auto; float:left;}
#left .con{width:98%; height:auto; float:left; margin:5% 1%; background:white; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); padding-bottom:5%}
#left .con h2{color:#DA9D37; font-family: 'Lobster Two', cursive; background:url('images/icon.png') left center no-repeat; padding:1% 1% 1% 20%}
#left .con .h2{color:#DA9D37; font-family: 'Lobster Two', cursive; background:url('images/icon1.png') left center no-repeat; padding:1% 1% 1% 20%}
#left .con .h3{color:#DA9D37; font-family: 'Lobster Two', cursive; background:url('images/icon2.png') left center no-repeat; padding:1% 1% 1% 20%}
#left .con a{border-left:#E58F16 2px solid; background:url('images/bg1.jpg') left center no-repeat; width:90%; float:left; margin:1% 5%; padding:2.5% 5%; color: #333333; font-size:small; font-weight:bold; text-decoration:none}
#left .con .box{width:90%; height:auto; float:left; margin:2%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); padding:3.5% 2.5%; border:none; border:1px #E6E5E5 solid}
#left .con .box1{width:96%; height:auto; float:left; margin:2%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); padding:3% 2.5%; border:none; border:1px #E6E5E5 solid}
#left .con .submit{padding:2% 4%; background:#333333; color:white; border:none; float:right; margin:2%; font-family: 'Roboto Condensed', sans-serif; font-size:medium; cursor:pointer; transition:0.5s}
#left .con .submit:hover{background:#075F94}

#right{width:77%; height:auto; float:left; background:white; margin:1% 0 2% 3%}
#right .left{margin:1%; width:65%; height:auto; float:left;}
#right h1{font-family: 'Lobster Two', cursive; color:#0987B0; background:url('images/icon3.png') left center no-repeat; padding:1% 0 1% 13%; font-weight:normal;}
#right p{text-align:justify; color:#333333; line-height:150%}
#right a{color:red; float:right; text-decoration:none}
#right .left1{margin:1%; width:98%; height:auto; float:left;}
#right .h1{font-family: 'Lobster Two', cursive; color:#0987B0; background:url('images/icon3.png') left center no-repeat; padding:1% 0 1% 10%; font-weight:normal;}
#right .h111{background:url('images/car.png') left center no-repeat; padding:1% 0 1% 25%; border-bottom:1px #CCCCCC solid}
#right .h1111{background:url('images/tebular.png') left center no-repeat; padding:1% 0 1% 15%; border-bottom:1px #CCCCCC solid}
#right .h11111{background:url('images/solar.png') left center no-repeat; padding:1% 0 1% 15%; border-bottom:1px #CCCCCC solid}
#right .h111111{background:url('images/it.png') left center no-repeat; padding:1% 0 1% 15%; border-bottom:1px #CCCCCC solid}
#right .h1111111{background:url('images/erickshaw.png') left center no-repeat; padding:1% 0 1% 13%; border-bottom:1px #CCCCCC solid}
#right .h{background:url('images/environment.png') left center no-repeat; padding:1% 0 1% 9%; border-bottom:1px #CCCCCC solid}
#right .hh{background:url('images/icon3.png') left center no-repeat; padding:1% 0 1% 10%; border-bottom:1px #CCCCCC solid}
#right .hhh{background:url('images/hdr.png') left center no-repeat; padding:1% 0 1% 10%; border-bottom:1px #CCCCCC solid}
#right .bul{background:url('images/bullet.png') left top no-repeat; padding:0.3% 0 0 3%}

#right h2{color:#666666; margin:3% 0 0 0}
#right h3{color:#666666; margin:0}
#right .h11{font-family: 'Lobster Two', cursive; color:#0987B0; background:url('images/contact-i.png') left center no-repeat; padding:1% 0 1% 9%; font-weight:normal; font-size:x-large}
#right h4{width:100%; float:left; color:#666666; margin:1% 0}
#right h4 span{width:73%; float:right; font-weight:normal}
#right .low{width:98%; height:auto; float:left; background:#F5F5F5; margin:1%; color:#028EDB}
#right .low h3{color:#0089CD; font-weight:normal; font-style:italic; padding:1%; margin:0}
#right .low .left{width:85%; height:auto; float:left; margin-right:2%}
#right .low .left .head{width:100%; height:auto; float:left; margin:0; padding:0; background:#006084}
#right .low .left .head h4{color:white; text-align:center}
#right .low .left .head h5{color:white; text-align:center; width:27%; float:left; font-size:small; margin:0; padding:1% 0}
#right .low .left .head h6{color: black; text-align:center; width:12%; float:left; font-size:small; margin:0; padding:1% 0; background:#1CC0FF}
#right .low .left .head .h5{color:white; text-align:center; width:12%; float:left; font-size:small; margin:0; padding:1% 0}
#right .low .left .head1{width:100%; height:auto; float:left; margin:0; padding:0; border-bottom:1px #C0C0C0 solid}
#right .low .left .head1:last-child{border-bottom:none}
#right .low .left .head1 h5{color:#666666; text-align:center; width:27%; float:left; font-size:small; margin:0; padding:1% 0}
#right .low .left .head1 h6{color:#666666; text-align:center; width:12%; float:left; font-size:small; margin:0; padding:1% 0}
#right .low .left .head1 .h5{color:#666666; text-align:center; width:12%; float:left; font-size:small; margin:0; padding:1% 0}
#right .low .left .head1 p{font-size:small; line-height:150%}
#right .low .left .head1 span{font-size:small; width:97%; float:left; color:#666666; margin:0.5% 0 0.5% 3%}
#right .low .left .head1 b{width:100%; float:left; margin-bottom:0}
#right .low .left .head1 .sec2_head{width:14.65%; height:auto; float:left; background:#DFDFDF; text-align:center; padding:1%}
#right .low .left .head1 .sec2_head1{width:31.3%; height:auto; float:left; background:#DFDFDF; text-align:center; padding:1%}
#right .low .left .head1 .sec2_head2{width:23%; height:auto; float:left; background:#DFDFDF; text-align:center; padding:1%}
#right .low .left .head1 .sec2_head3{width:48%; height:auto; float:left; background:#DFDFDF; text-align:center; padding:1%}
#right .low .left .head1 .sec2_low{width:14.65%; height:30px; float:left; text-align:center; padding:1%}
#right .low .left .head1 .sec2_low1{width:31.3%; height:30px; float:left; text-align:center; padding:1%}
#right .low .left .head1 .sec2_low2{width:23%; height:30px; float:left; text-align:center; padding:1%}
#right .low .left .head1 .sec2_low22{width:23%; height:100px; float:left; text-align:center; padding:1%}
#right .low .left .head1 .sec2_low222{width:23%; height:50px; float:left; text-align:center; padding:1%}
#right .low .left .head1 .sec2_low3{width:48%; height:30px; float:left; text-align:center; padding:1%}
#right .low .left .head1 h4{margin-top:2%; border-top:1px #DA9D37 solid; padding-top:2%}
#right .low .left .head2{width:100%; height:auto; float:left; margin:0; padding:0; background:#006084}
#right .low .left .head2 h4{color:white; text-align:center}
#right .low .left .head2 h5{color:white; text-align:center; width:30%; float:left; font-size:small; margin:0; padding:1% 0}
#right .low .left .head2 h6{color: black; text-align:center; width:14%; float:left; font-size:small; margin:0; padding:1% 0; background:#1CC0FF}
#right .low .left .head2 .h5{color:white; text-align:center; width:14%; float:left; font-size:small; margin:0; padding:1% 0}

#right .low .right{width:11%; height:auto; float:left; margin-right:1%}
#right .low .right img{width:100%; height:auto; float:left; margin:8% 0}

#link_div{width:100%; height:auto; float:left; margin-top:3%}
#link_div a{width:30%; height:auto; float:left; margin:1.6%}
#link_div a img{width:100%; height:auto; float:left; margin:0; border-radius:10px; border:1px #DFDFDF solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}

#banner{width:100%; height:auto; float:left}
#banner img{width:98%; height:auto; float:left; margin:3% 1% 1% 1%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);}

#footer{width:100%; height:auto; float:left; color:white; padding:1% 0}
#footer p{text-align:center; width:100%; float:left; margin:0.3% 0; font-size:small; color:#CCCCCC}
#footer a{color: white; padding:1% 0.5%; margin:10% 0; text-decoration:none; font-size:small; transition:0.5s}
#footer a:hover{color:#E58F16}

.margin{margin-top:22%}
.margin1{margin-top:12%}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:98%; height:auto; margin:0 auto; overflow:auto}

#top_head p{float:right; color:white; margin:0.5% 0; width:100%; text-align:center}

#header .logo{width:70%; height:auto; float:left; margin:1% 15%; padding:0;}
#header .midle{float:left; margin:0 0 2% 0; width:100%;}
#header .midle p{color:#0099FF; font-size: large; margin:0; text-align:center; width:100%; float:left;}
#header .midle span{font-size: x-large; margin:0; text-align:center; width:100%; float:left}

#left{width:100%; height:auto; float:left;}
#left .con{width:98%; height:auto; float:left; margin:2% 1%; background:white; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); padding-bottom:5%}

#right{width:98%; height:auto; float:left; background:white; margin:1% 1% 5% 1%}
#right .left{margin:2%; width:96%; height:auto; float:left;}
#right h1{font-family: 'Lobster Two', cursive; color:#0987B0; background:url('images/icon3.png') left center no-repeat; padding:1% 0 1% 27%; font-weight:normal; font-size:x-large}
#right p{text-align:justify; color:#333333; line-height:140%; font-size:medium}
#right .left1{margin:2%; width:96%; height:auto; float:left;}
#right .h1{font-family: 'Lobster Two', cursive; color:#0987B0; background:url('images/icon3.png') left center no-repeat; padding:4% 0 4% 27%; font-weight:normal}
#right h2{color:#666666; margin:3% 0}
#right .h11{font-family: 'Lobster Two', cursive; color:#0987B0; background:url('images/contact-i.png') left center no-repeat; padding:1% 0 1% 22%; font-weight:normal; font-size:x-large}
#right h4{margin:2% 0}
#right h4 span{width:100%; float:right; font-weight:normal}
#right .h111{background:url('images/car.png') left center no-repeat; padding:30% 0 1% 1%; border-bottom:1px #CCCCCC solid}
#right .h1111{background:url('images/tebular.png') left center no-repeat; padding:30% 0 1% 1%; border-bottom:1px #CCCCCC solid}
#right .h11111{background:url('images/solar.png') left center no-repeat; padding:30% 0 1% 1%; border-bottom:1px #CCCCCC solid}
#right .h111111{background:url('images/it.png') left center no-repeat; padding:30% 0 1% 1%; border-bottom:1px #CCCCCC solid}
#right .h1111111{background:url('images/erickshaw.png') left center no-repeat; padding:30% 0 1% 1%; border-bottom:1px #CCCCCC solid}
#right .h{background:url('images/environment.png') left center no-repeat; padding:30% 0 1% 1%; border-bottom:1px #CCCCCC solid}
#right .hh{background:url('images/icon3.png') left center no-repeat; padding:30% 0 1% 1%; border-bottom:1px #CCCCCC solid}
#right .hhh{background:url('images/hdr.png') left center no-repeat; padding:30% 0 1% 1%; border-bottom:1px #CCCCCC solid}

#right .bul{background:url('images/bullet.png') left top no-repeat; padding:0.3% 0 0 10%}

#right .low{width:100%; height:auto; float:left; background:#F5F5F5; margin:0; color:#028EDB}
#right .low .left{width:96%; height:auto; float:left; margin-right:0%}
#right .low .left .head h5{color:white; text-align:center; width:26.8%; height:30px; float:left; font-size:xx-small; margin:0.1%; padding:1% 0}
#right .low .left .head h6{color: black; text-align:center; width:11.8%; height:30px; float:left; font-size:xx-small; margin:0.1%; padding:1% 0; background:#1CC0FF}
#right .low .left .head .h5{color:white; text-align:center; width:11.8%; height:30px; float:left; font-size:xx-small; margin:0.1%; padding:1% 0}
#right .low .left .head1 h5{color:#666666; text-align:center; width:26.8%; height:20px; float:left; font-size:xx-small; margin:0; padding:1% 0}
#right .low .left .head1 h6{color:#666666; text-align:center; width:11.8%; height:20px; float:left; font-size:xx-small; margin:0; padding:1% 0}
#right .low .left .head1 .h5{color:#666666; text-align:center; width:11.8%; height:20px; float:left; font-size:xx-small; margin:0; padding:1% 0}
#right .low .left .head2{width:100%; height:auto; float:left; margin:0; padding:0; background:#006084}
#right .low .left .head2 h4{color:white; text-align:center}
#right .low .left .head2 h5{color:white; text-align:center; width:29.8%; height:20px; float:left; font-size:xx-small; margin:0.1%; padding:1% 0}
#right .low .left .head2 h6{color: black; text-align:center; width:13.8%; height:20px; float:left; font-size:xx-small; margin:0.1%; padding:1% 0; background:#1CC0FF}
#right .low .left .head2 .h5{color:white; text-align:center; width:13.8%; height:20px; float:left; font-size:xx-small; margin:0.1%; padding:1% 0}
#right .low .left .head1 h4{margin:3% 0; border-top:1px #DA9D37 solid; padding-top:2%}
#right .low .left .head1 .sec2_head{width:15.45%; height:20px; float:left; background:#DFDFDF; text-align:center; padding:0.5%; font-size:8px; margin:0.1%}
#right .low .left .head1 .sec2_low{width:15.45%; height:30px; float:left; text-align:center; padding:0.5%; font-size:8px; margin:0.1%; background:#E9E7E7}
#right .low .left .head1 .sec2_low1{width:31.3%; height:50px; float:left; text-align:center; padding:1%}
#right .low .left .head1 .sec2_low2{width:23%; height:80px; float:left; text-align:center; padding:1%}
#right .low .left .head1 .sec2_low22{width:23%; height:200px; float:left; text-align:center; padding:1%}
#right .low .left .head1 .sec2_low222{width:23%; height:100px; float:left; text-align:center; padding:1%}

#right .low .right{width:98%; height:auto; float:left; margin:1%}
#right .low .right img{width:31.2%; height:auto; float:left; margin:1%}

#link_div a{width:95%; height:auto; float:left; margin:2% 2%}

#footer p{text-align:center; width:100%; float:left; margin:0.3% 0; font-size:small; color:#333333}
#footer a{color:white; padding:2%; float:left; margin:1%; background:#3193CB; text-decoration:none; font-size:small; transition:0.5s}

.margin{margin-top:3%}
.margin1{margin-top:3%}
.margin{margin-top:3%}
.margin{margin-top:3%}
.margin{margin-top:3%}


















}