@charset "utf-8";
*{ margin:0px; padding:0px;}

body {

	font-size: 14px;
	font-style: normal;
	color: #333;
	background:#fff;
}

@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}


/* Mobile Layout: 480px and below. */
@media only screen and (min-width: 320px) {
.sup_fixed_box{ display:none !important;}
.navi-bg{width:95%;  margin: -53px 0px; }

.navbar-toggle {
    position: relative;
    float: left !important;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
}

.col-lg-3-box{ width:90%; border:1px solid #ebebeb; margin: 50px 45px 0px 10px; }
.col-lg-3-box:hover{  box-shadow:0 0 10px #c7c7c7;}

.inner-text-h5{margin: 10px 0px 10px 16px; font-size:18px;}
.inner-navi{float:left; margin: 10px 6px 17px 5px; z-index:9999; position:relative; }
.in-a{color:#333 !important;}
.next-navi{width:100%;  float:left; background:#f9f9f9; }

.inner-navi-appli{float:left; margin: 10px 0px 17px 35px; z-index:9999; position:relative; }



.margin-cent{margin:-45px 0px 0px 0px;}
.help-btn{padding:12px 10px 12px 10px; background:#233d91; right:0px; font-size:15px; color:#FFF; position:fixed; width:39%;
 float:right; top:150px; z-index:9999; font-weight:600;}
 
 .search-btn{margin: -40px 10px 0px 15px; padding: 5px 13px; cursor:pointer; color:#666; float:right;}
.bag{    margin: -40px -35px 0px 15px; padding: 5px 13px; cursor:pointer; color:#666; float:right;}
.logo-margin{margin: 8px 140px; width:35px; height:35px; }


}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 500px) {
	.logo-margin{margin: 8px 200px; width:35px; height:35px; }
	.inner-navi{float:left; margin: 10px 10px 17px 30px; z-index:9999; position:relative; }
	.inner-navi-appli{float:left; margin: 10px 0px 17px 60px; z-index:9999; position:relative; }
}
@media only screen and (min-width: 600px) {
	.logo-margin{margin: 8px 260px; width:35px; height:35px; }
	.inner-navi{float:left; margin: 10px 10px 17px 50px; z-index:9999; position:relative; }
	.inner-navi-appli{float:left; margin: 10px 0px 17px 100px; z-index:9999; position:relative; }
}



@media only screen and (min-width: 700px) {

.sup_fixed_box{ display:none !important;}
.navi-bg{width:95%;  }
.navbar-toggle {
    position: relative;
    float: left !important;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
}
.caption {
    position:absolute;
    top:-100%;
    right:0;
    background:#111;
	opacity:0.9;
    width:100%;
    height:100%;
    padding:2%;
    text-align:center;
    color:#fff !important;
    z-index:2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.thumbnail:hover .caption {
    top:0%;
}
    .col-lg-3-box{ width:95%; border:1px solid #ebebeb; margin: 0px 45px 0px 0px; }
.col-lg-3-box:hover{  box-shadow:0 0 10px #c7c7c7;}
.inner-navi-appli{float:left; margin: 10px 50px 17px 80px; z-index:9999; position:relative; }
.logo-margin{margin: 8px 290px; width:35px; height:35px; }
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width:1100px) {

.sup_fixed_box{ display:block !important;}
.navi-bg{width: 1120px; float:right; margin: -50px -11px 0;}
.box{height:251px;}
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
}

.p-text{ font-size:16px; text-align:justify; line-height:25px;}
.about-text{font-size:16px !important; color:#000 !important; line-height:30px !important; text-align:justify; }

.footer-mar{margin:30px 0px 20px 0px; font-size:16px; line-height:27px;}
.thumbnail {
    position:relative;
    overflow:hidden;
}
 
.caption {
    position:absolute;
    top:-100%;
    right:0;
    background:#111;
	opacity:0.9;
    width:100%;
    height:100%;
    padding:2%;
    text-align:center;
    color:#fff !important;
    z-index:2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.thumbnail:hover .caption {
    top:0%;
}
.fo-color{color:#333 !important; }
.fo-color:hover{color:#8a8a8a !important; }
.mar-part{margin:-20px 0px 20px 0px;}
.col-lg-3-box{ width:240px; height:220px; border:1px solid #ebebeb; margin: 0px 52px 0px 0px; }
.col-lg-3-box:hover{  box-shadow:0 0 10px #c7c7c7;}

.vistion-mar{margin:-101px 0px 0px 0px;}
.te{text-align:justify;}
.content-p{ font-size:16px !important; color:#333 !important;}  

.new-h2{font-size:23px !important; font-weight:400 !important;}
.logo-up{margin: -32px 0px -15px 0px;}

.hight-header{height:50px;}
.welcome-bg{height:700px;}

.inner-text-h5{margin: 10px 0px 10px 16px; font-size:18px;}
.inner-navi{float:left; margin: 10px 110px 17px -50px; z-index:9999; position:relative; }
.in-a{color:#333 !important;}
.next-navi{width:100%; float:left; background: #e8f6fa; position:fixed; margin:50px 0px; z-index: 9999;}


.margin-cent{margin:-55px 0px 0px 0px;}
.help-btn{padding:10px 10px 2px 264px; background:url(../images/index-img/chart.png); right:0px; font-size:15px; color:#FFF; position:fixed; width:10%;
 font-size:17px; float:right; top:715px; z-index:9999; font-weight:600; cursor: pointer;}
 
 .con-img{margin:230px 0px 20px 0px;}
 
.sup_whitebg {
    position: absolute;
    background: #fafafa;
    border: 1px solid #fafafa;
    width: 50%;
    min-height:90% !important;
    right: 0;
    top: 0;
}

.sup_map_section-con {
    float: left;
    position: relative;
    width: 100%;
    background: #f8f8f8;
}
/*.inner-new-navi{margin: 0px 20px 0px 490px;}*/
    .inner-new-navi {
        margin: 0px 20px 0px 324px;
    }
.inner-new-navi-data{margin: 0px 20px 0px 440px;}
.connected-btn{margin: 8px 0px 12px 0px;}
.search-btn{margin: -40px 10px 0px 15px; padding: 5px 13px; cursor:pointer; color:#666; float:right;}
.bag{margin: -40px -50px 0px 15px; padding: 5px 13px; cursor:pointer; color:#666; float:right;}
.logo-margin{margin:8px 0px; width:35px; height:35px;}


.about-bg{width:100%; height:750px; float:left; background:#fafafa; margin:5px 0px 5px 0px;}
.connectivity{width:100%; height:750px; float:left; background:#f3fbff; margin:5px 0px 5px 0px;}
.ima-abo-new{margin:11px 10px 12px 140px;float: left;}
.ima-abo-new-connecti-img{margin:-90px 10px 12px 140px;float: left;}
.text-mar{margin: 80px 0px -50px 0px;}
.col-md-6new{width:49%; height:500px; float:left; background:#f7f7f7; margin:5px 0px 10px 0px ;}
.contact-img{margin:120px 0px 0px 0px;}
.more{margin:50px 0px 0px 0px;}
.p-new-text{margin:60px 0px 0px 0px;}
.col-md-6right{width:50%; height:500px; float:right; background:#f7f7f7; margin:5px 0px 10px 0px ;}
.zoom{ transition: transform .2s; /* Animation */}
.zoom:hover {transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}

.inner-space{margin: 90px 0px 6px 0px !important;}




}


@media only screen and (min-width: 1800px) {

.sup_whitebg {
    position: absolute;
    background: #fafafa;
    border: 1px solid #fafafa;
    width: 50%;
    height:92% !important;
    right: 0;
    top: 0;
}

.inner-space{margin: 90px 0px 6px 0px !important;}


@media only screen and (min-width: 2500px) {


.about-bg{width:100%;  float:left; background:#fafafa; margin:5px 0px 5px 0px;}
.connectivity{width:100%; height:750px; float:left; background:#f3fbff; margin:5px 0px 5px 0px;}
.ima-abo-new{margin:11px 10px 12px 140px;float: left;}
.ima-abo-new-connecti-img{margin:-90px 10px 12px 140px;float: left;}
.text-mar{margin: 80px 0px -50px 0px;}
.col-md-6new{width:49%; height:900px; float:left; background:#f7f7f7; margin:5px 0px 10px 0px ;}
.contact-img{margin:120px 0px 0px 0px;}
.more{margin:50px 0px 0px 0px;}
.p-new-text{margin:60px 0px 0px 0px;}
.col-md-6right{width:50%; height:900px; float:right; background:#f7f7f7; margin:5px 0px 10px 0px ;}
.zoom{ transition: transform .2s; /* Animation */}
.zoom:hover {transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}

.inner-space{margin: 90px 0px 6px 0px !important;}
}