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

@media only screen and (max-width:1279px){
.container{ width:100%; padding-left:0px; padding-right:0;}
.nav-section{ width:72%;}


}
/* ================= Tablet (landscape) 1024px ================= */
@media only screen and (max-width:1151px){
.row{ padding-left:0; padding-right:0; margin-left:0; margin-right:0;}	
.container{ width:100%; padding-left:0px; padding-right:0;}

/* nav */
.nav-section{ width:72%;}
.navbar-nav>li>a{font-size:12px;}

/* newsletter */
.subscribe input[type="text"]{ width:18%;}

/* news listing */
.newsm .res-lis{ width:87%;}

/* craousel */
.well{ height:243px; overflow:hidden;}

/* brands */
.brands_scroll{ width:100% !important;}

.row-fluid{ text-align:center;}
.testimonial .test-context{ height:51px;}

/*gallery*/
.gallery_list ul li{float:left; width:20%;}

/*brand list*/
.brandlist ul li{float:left; width:20%;}

ul.float_1 li{ width:33.333333%;}
.press_scroll{ width:100% !important;}

.newadd{ width:100% !important; }
.feature{ width:100% !important;}
ul.float_6 li{ width:33.3333333%;}
.next-button{ margin-left:962px; }
.pre-button{ margin-left:18px; }


}


/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (max-width: 999px)
{
.container{ width:100%;}
.row{ padding:0px; margin-left:0; margin-right:0;}
.row-fluid{ text-align:center;}
.cms-img{display:none;}
/* newsletter */
.subscribe input[type="text"]{ width:13%;}	
.navbar-brand{ display:block; margin-bottom:20px; text-align:center; width:50%; float:left; padding-top:10px;}
.navbar-header{ width:100%}

.navbar{ margin-bottom:12px !important;}
.navbar-toggle{background-image:none;
border:0px solid transparent;float:right;margin-bottom: 0px; border-radius:5px;
margin-left:0px;margin-top:20px;padding:10px 20px;position: relative;display:block; margin-right:15px;}
.navbar-toggle .icon-bar {display: block;width:24px;height: 4px;border-radius:2px;}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 5px;}
.navbar-static-top .navbar-toggle .icon-bar {background-color:#none;}
.navbar-static-top .navbar-toggle:hover, .navbar-static-top .navbar-toggle:focus{background-color:none;}

.navbar-nav{ float:none; margin:0px 0px 0px 0px; display:block; padding:0px; width:100%;}
.navbar-collapse{ background:#f9f9f9; width:90%; float:left; position:absolute; margin-top:48px; z-index:9999 !important}
.navbar-collapse.collapse{ display:none !important;}
.navbar-collapse.collapse.in{ display:block !important;}
.navbar-nav{ margin:0 !important;}
.nav-section{ width:100%; float:none; margin:0 !important; padding:0 !important; top:82px;}
.navbar-nav > li{ width:100% !important; background:#023966 !important; border-bottom:1px solid #034d89; color:#fff; text-align:left;}
.navbar-nav > li:hover{background:#023966 !important; color:#fff;}

.navbar-nav>li>a{padding:21px 0 8px 35px; color:#fff !important;  }
.navbar-nav > li > a.active{background-color:#023966 !important; color:#fff;}
.navbar-nav>li>a:hover{color:#fff; text-decoration:underline;}

.navbar-nav>li>a.home{background:url(../images/home.png) no-repeat 10px 20px !important;}
.navbar-nav>li>a.about{ background:url(../images/about-us.png) no-repeat 10px 20px !important;}
.navbar-nav>li>a.services{ background:url(../images/s-icon.png) no-repeat 10px 20px !important;}
.navbar-nav>li>a.brochures{ background:url(../images/b-icon.png) no-repeat 10px 20px !important;}
.navbar-nav>li>a.projects{ background:url(../images/pro-icon.png) no-repeat 10px 20px !important;}
.navbar-nav>li>a.gas{ background:url(../images/g-icon.png) no-repeat 10px 20px !important;}
.navbar-nav>li>a.press{ background:url(../images/p-icon.png) no-repeat 10px 20px !important;}
.navbar-nav>li>a.careers{ background:url(../images/c-icon.png) no-repeat 10px 20px !important;}
.navbar-nav>li>a.contactus{ background:url(../images/contact-us.png) no-repeat 10px 20px !important;}

/* carousel */
.well{ height:240px; overflow:hidden;}
.row-fluid > .span3{ display:inline-block; text-align:center; margin:0 44px; float:none;}

.carousel-control.left{ left:15px;}

/* brands */
.brands{ width:80%; margin:auto !important;}
.brands_scroll{ width:100% !important;}


.number, .mail, .address{ margin-right:5px;}
.sitemap a{ width:48%; float:left;}

.testimonial .test-context{ height:51px;}
.testimonial_scroll{ height:180px;}
.testimonials h3{ font-size:20px;}

.thm_scroll{ width:94% !important;}

.cont_lft .ft-contct{ font-size:10px;}
.dtl_images{ width:100%;}

/*28-01-16*/
.social-icons{ text-align:center; float:left; display:block; margin:8px 5px;}
.address{margin-left:8px;}
.mail{margin-left:8px;}

/*welcome*/
.welcome_sec1{width:100%; float:none;}
.welcome_sec2{width:100%; margin:auto; float:none; margin-top:22px; text-align:center !important;}  
.img_sec1{display:block; float:left; text-align:center;margin-left:115px;}
.img_sec2{display:block;float:left; margin-top:0;text-align:center; margin-left:35px;}

/*footer*/
.copyright{padding-top:20px; border-top:1px solid #eee;}
.link-box{padding-left:10px;}

/*gallery*/
.gallery_list ul li{float:left; width:33.3333%;}

/* news listing */
.newsm .res-lis{ width:82%;}

/*brand list*/
.brandlist ul li{float:left; width:33.3333%;}

.sec_p8{ padding:8px;}

/*details*/

.dynMapCont{ display:none;}
.maparea{display:block;}
.wrapper{ width:100% !important; margin:auto}
ul.float_1 li{ width:50%;}
.press_scroll{ width:100% !important;}

.newadd{ width:100% !important; }
.feature{ width:100% !important;}
ul.float_6 li{ width:50%;}
.next-button{ margin-left:685px; }
.pre-button{ margin-left:34px; }


}

/* ================= mobile (landscape) 515 ================= */
@media only screen and (max-width: 515px)
{
.container{ width:100%;}	
.sitemap a{ width:100%;}
.inner-content-section h2{ text-align:center;}
.cate_cont{ margin:10px auto !important;}
}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (max-width: 767px) 
{
.row{ padding:0; margin:0;}	
	
.container{ width:100%; padding:0;}

.row-fluid{ text-align:center;}

/* social icons */
.custom-margin-top{ text-align:center; float:none;}

.social-icons{ text-align:center; float:none; display:block; width:100%; margin:8px 0;}
ul.social-links li{ display:inline-block; float:none;}

.container>.navbar-header{ width:100%; padding:0;}

/* menu */
.navbar-brand{ display:block; margin-bottom:20px; text-align:center; width:100%; float:none; padding:0;}
.navbar-header{ margin:0 !important;}
.navbar-toggle{ width:100%; float:none; background-color:#0158a0; color:#fff; margin:0; text-transform:uppercase;}
.navbar-toggle:hover {background-color:#222 !important;}


/*.navbar-brand:hover{ background-color:#0158a0 !important;}*/
.navbar{ margin-bottom:0 !important;}
.navbar-toggle .icon-bar{ background-color:#fff !important;}
.sr-only{ position:static; width:100%; margin-top:5px;}

.navbar-nav{ margin:0;}
.nav-section{ width:100%; float:none; margin:0 !important; padding:0;}
/* menu */

/*new Chnages 2/6/2016*/
.dtl-lft-area{ width:410px; background:#f8f8f8; margin:10px auto; border:6px solid #f8f8f8; overflow:hidden; }
/*new Chnages 2/6/2016*/


/* buttons */
.next5, .prev5{ display:none;}

/* tabs */
.nav-tabs > li{ float:none; border-bottom:1px solid #fff; margin:auto; text-align:center; width:100%;}
.nav-tabs > li > a{ margin-right:0;}

/* carousel */
.row-fluid > .span3{ margin:auto; display:block;}
.well{ height:240px; overflow:hidden;}
.carousel-control.left{ left:15px;}
.carousel-control.right{ right:15px;}

/* news */
.news{ width:97%; margin:auto; float:none; padding-bottom:20px;}
.news_scroll{ width:97%; margin:auto;}
.news .context{ width:46%; height:120px; overflow:hidden; margin-bottom:20px;}
.news .image{ width:auto; height:auto;}

/* testimonial */
.testimonial_scroll{ width:98% !important; margin:auto; text-align:center; height:180px;}
.testimonial{ width:95% !important; float:none; margin:auto;}
.testimonial .test-context{ width:100%; text-align:center; padding-top:0; height:56px;}
ul.testimonial-scroll{ width:100% !important;}
ul.testimonial-scroll li{ width:100% !important; height:auto !important;}
.testimonial a.viewallbtntest{ display:inline-block; text-align:center;}

/* brands */
.brands{ width:100%;}
.brands_scroll{ width:100% !important;}
ul.brands-list li{ width:100%; text-align:center; margin:0;}
ul.brands-list li .image{ margin:auto;}


/* newsletter */
.newsletter{ background:url(../images/sub-bg.jpg) repeat-x #0158a0;}
.subscribe{ width:100%; padding:0; margin:0;}
.subscribe input[type="text"]{ width:97%; margin:0 auto 8px;}
.subscribe input.code[type="text"]{ width:62%; margin-right:5px;}
.subscribe input[type="submit"]{ margin-top:10px;}


/* footer */
.slide-menu{ display:none; padding:10px;}
.link-box{ padding:0px;}
.link-box a{ display:block; width:100%; padding:5px 0; border-bottom:1px solid #f6f6f6;}
.link-box h3{ font:400 20px/20px platino; color:#0158a0; padding:0px 0px 10px 0px; border-bottom:1px solid #e5e5e5; background:url(../images/p3.png) no-repeat 97% center; cursor:pointer; display:block; outline:none; margin:0; padding:10px 0;}
.link-box h3.f_act{background:url(../images/p4.png) no-repeat 97% center; outline:none;}
.link-box h3 a{font:400 20px/20px platino;color:#0158a0; display:block; float:none; width:100%; text-transform:uppercase; padding-left:10px; outline:none; border-bottom:0;}
.copyright{ padding-top:20px;}

.ft_link1{float:none; width:100%;}
.ft_link2{float:none;width:100%;}
.ft_link3{float:none;width:100%;}





/* news */
.newsm .detail h3{ width:100%; display:block; clear:both; margin-top:10px; text-align:center;}
.newsm .detail h3 span{ text-align:center;}
.newsm .image{ text-align:center; clear:both; margin:0 auto 10px; float:none;}
.newsm .res-lis{ width:100%; float:none;}
.newsm .detail{ width:100%; clear:both;}

/* sitemap */
.sitemap a{ width:100%;}

.breadcrumb-bg{ display:none;}

.inner-content-section h2{ text-align:center;}

/*new Chnages 2/6/2016*/
.dtl-lft-area{ display:block;}
/*new Chnages 2/6/2016*/

.mobile-view{ display:block; width:100%;}
.mobile-view img{ max-width:100%; border:8px solid #eee;}

.nav-section{ top:112px;}
.navbar-toggle{ padding:10px 0;}
.navigation{ height:24px;}
.navbar-toggle .icon-bar{ float:right; clear:both; margin-right:10px !important;}

/*28-01-16*/
.wlcm h1{font-family:platinob; font-size:26px; font-weight:700; color:#0f89cb; text-transform:uppercase; padding:0px 10px;}
.welcome_sec1{ padding:5px;}


/*gallery*/
.gallery_list ul li{float:none; width:100%;}

/**SIDE-BAR**/
.sidebar-hed{background:#0f89cb;border-radius:0px; color:#fff !important;}
.panel_dis{display:none;}
.sidebar_right{ float:right}


/*brand list*/
.brandlist ul li{float:left; width:50%;}
.wrapper{ width:100% !important; margin:auto}
ul.float_1 li{ width:100%;}
.press_scroll{ width:100% !important;}

.short_form .sec1{float:left; width:100%; text-align:left; padding:9px 10px 0 0;}
.short_form .sec2{float:left; width:100%;}
.short_form .sec3{float:left; width:100%;text-align:left;padding:9px 10px 0 0; }
.short_form .sec4{float:left; width:100%;}
.date{  background:url(../images/celn_img.png) no-repeat 95% center}

.short_form .sub_s_1{float:left; width:100%; text-align:left;padding:9px 0 0 0;}
.short_form .sub_s_2{float:left;width:100%;text-align:left;padding:9px 10px 0 0;}
.short_form .sub_s_3{float:left;width:100%;}
.short_form .sub_s_4{float:left;width:100%;text-align:left;padding:9px 10px 0 0;}
.short_form .sub_s_5{float:left;width:100%;}

.short_form .billing_sec1{float:left; width:100%; text-align:left; padding:9px 10px 0 0;}
.short_form .billing_sec2{float:left; width:100%;}
.short_form .billing_sec3{float:left; width:100%;text-align:left;padding:9px 10px 0 0;}
.short_form .billing_sec4{float:left; width:100%;}

.short_form .billing_sub1{float:left; width:100%; text-align:left; padding:9px 10px 0 0;}
.short_form .billing_sub2{float:left; width:100%;}
.short_form .billing_sub3{float:left; width:100%;text-align:left;padding:9px 10px 0 0;}
.short_form .billing_sub4{float:left; width:100%;}
.short_form .billing_sub5{float:left; width:100%;text-align:left; padding:9px 10px 0 0;}
.short_form .billing_sub6{float:left; width:100%;}
/*.cate_cont{ margin:10px 0px 10px -13px !important;}*/
.short_form p{ width:100% !important;}
.short_form .sec_w50{float:left; width:100% !important; padding-top:10px;}

.newadd{ width:100% !important; }
.feature{ width:100% !important;}
ul.float_6 li{ width:100%;}
.next-button{ margin-left:265px; }
.pre-button{ margin-left:3px;}
.f_dd_box{display:none;}
.dd_next_1{margin:0 0 0 0;  padding:10px 0; background:url(../images/pls.png) no-repeat 96% center; cursor:pointer; border-bottom:1px solid #686868}
.dd_next_act_1{background:url(../images/mns2.png) no-repeat 96% center;}
}


/* ================= Mobile (Portrait) below 480px  ================= */
@media only screen and (max-width: 479px)
{
.address{ text-align:left;}	
.row{ padding:0; margin:0;}	

.cont_lft .ft-contct{ font-size:11px !important;}

.testimonials h3{ font-size:22px;}	
.container{ width:100%; padding:0;}

.number{ margin-left:15px;}

/* social icons */
.custom-margin-top{ text-align:center; float:none;}

.social-icons{ text-align:center; float:none; display:block; width:100%; margin:8px 0;}
ul.social-links li{ display:inline-block; float:none;}

.container>.navbar-header{ width:100%; padding:0;}

/* menu */





/* buttons */
.next5, .prev5{ display:none;}

/* tabs */
.nav-tabs > li{ float:none; border-bottom:1px solid #fff; margin:auto; text-align:center; width:100%;}
.nav-tabs > li > a{ margin-right:0;}

/* carousel */
.row-fluid > .span3{ margin:auto; display:block;}
.well{ height:240px; overflow:hidden;}
.carousel-control.left{ left:15px;}
.carousel-control.right{ right:15px;}

/* news */
.news{ width:97%; margin:auto; float:none; padding-bottom:20px;}
.news_scroll{ width:97%; margin:auto;}
.news .context{ width:46%; height:120px; overflow:hidden; margin-bottom:20px;}
.news .image{ width:auto; height:auto;}

/* testimonial */
.testimonial_scroll{ width:98% !important; margin:auto; text-align:center; height:200px;}
.testimonial{ width:95% !important; float:none; margin:auto;}
ul.testimonial-scroll li{ width:100% !important; height:300px !important;}
ul.testimonial-scroll{ width:100% !important;}
.testimonial a.viewallbtntest{ display:inline-block; text-align:center;}

/* brands */
.brands{ width:100%;}
.brands_scroll{ width:100% !important;}
ul.brands-list li{ width:100%; text-align:center; margin:0;}
ul.brands-list li .image{ margin:auto;}


/* newsletter */
.newsletter{ background:url(../images/sub-bg.jpg) repeat-x #0158a0;}
.subscribe{ width:100%; padding:0; margin:0;}
.subscribe input[type="text"]{ width:97%; margin:0 auto 8px;}
.subscribe input.code[type="text"]{ width:45%; margin-right:5px;}
.subscribe input[type="submit"]{ margin-top:10px;}


/* footer */
.slide-menu{ display:none; padding:10px;}
.link-box{ padding:0px;}
.link-box a{ display:block; width:100%; padding:5px 0; border-bottom:1px solid #dadada;}
.link-box h3{ font:400 20px/20px platino; color:#0158a0; padding:0px 0px 10px 0px; border-bottom:1px solid #e5e5e5; background:url(../images/p3.png) no-repeat 97% center; cursor:pointer; display:block; outline:none; margin:0; padding:10px 0;}
.link-box h3.f_act{background:url(../images/p4.png) no-repeat 97% center; outline:none;}
.link-box h3 a{font:400 20px/20px platino;color:#0158a0; display:block; float:none; width:100%; text-transform:uppercase; padding-left:10px; outline:none; border-bottom:0;}
.copyright{ padding-top:20px;}


/* news */
.newsm .detail h3{ width:100%; display:block; clear:both; margin-top:10px; text-align:center;}
.newsm .detail h3 span{ text-align:center;}
.newsm .image{ width:80%; text-align:center; clear:both; margin:0 auto 10px; float:none;}
.newsm .res-lis{ width:100%; float:none;}
.newsm .detail{ width:100%; clear:both;}


.sitemap a{ width:100%;}

.breadcrumb-bg{ display:none;}

.inner-content-section h2{ text-align:center;}

.cms_area img{ display:inline-block !important; margin:0 0 10px 0; text-align:center !important; float:none !important;}

.cate_cont .cate_ttl{z-index:1111;}
.cate_cont{ margin:10px -13px 10px !important}

/*new Chnages 2/6/2016*/
.dtl-lft-area{ width:260px; background:#f8f8f8; margin:10px auto; border:6px solid #f8f8f8; overflow:hidden; }
ul.myulu li{ list-style:none; float:none; width:100%; margin:0; padding:0; border:0px solid #000;}
.thm_img{ width:100%; margin:10px auto;display:block;height:70px; overflow:hidden; text-align:center; position:relative; padding:0px 0px; border:0px solid #000;}

.thm_img{ display:block;}
.dtl_images{width:100%; height:auto;}
.dtl_images figure{width:auto; height:auto;}
.dtl_images img{ width:100%;}
/*new Chnages 2/6/2016*/

.mobile-view{ display:block; width:100%;}
.mobile-view img{ max-width:100%; border:8px solid #eee;}

.navbar-toggle{ padding:10px 0;}
.navigation{ height:24px;}
.navbar-toggle .icon-bar{ float:right; clear:both; margin-right:10px !important;}

.well{ padding:10px 0 0 0;}
.sidebar_right{ float:right; padding-left:60px;}

/*brand list*/
.brandlist ul li{float:none; width:100%;}
}



/*
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$ CSS Document not to edit $$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
*/

/* Desktop/Laptop/Others - Above 980px */
.img_responsive{display:block; width:100%; line-height:0; height:auto;}
.img_responsivex{display:block; width:100%; line-height:0; height:100%;}
.mob_only{display:none}.tab_only{display:none}.des_only{display:block} .des_hider{display:none;} .mob_only_s{display:none;}
/* floating classes */
.float_left{float:left}.float_right{float:left}
.floater, .floater li{margin:0; padding:0; list-style:none;}
.float_2 li{width:50%; float:left}
.float_3 li{width:33.33333%; float:left}
.float_4 li{width:25%; float:left}
.float_5 li{width:20%; float:left}

/* Tab 960px - 768px */
@media only screen and (max-width: 979px){
.fullwidth{ width:100%; float:none;}	
.mob_only{display:none}.tab_only{display:block}.des_only{display:none}.des_hider{display:block;}
.tab_hider{display:none;} .tab_c{text-align:center;}
/* floating classes */
.float_none_tab{float:none !important}
.float_2 li{width:100%; float:none}
.float_3 li{width:33.333333%;}
.float_4 li{width:25%;}
.float_5 li{width:33.33333%;}

/* submenu */
.navbar-nav>li>div{position:inherit; z-index:2; width:100%; left:0 !important;  min-height:0; border:4px solid #2e3842; padding:25px; box-shadow:0 10px 5px rgba(0,0,0,.1) inset; background:#fff; border-radius:0 0 3px 3px; display:none; top:0;}
.navbar-nav>li:hover>div{display:block;}
.navbar-nav>li>div .sub_links a{display:block; margin:0 0 2px; font-size:12px; color:#666; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.navbar-nav>li>div .sub_links a:hover{color:#ff6600;}

.dd_link_list h2{font:600 14px/20px Arial, Helvetica, sans-serif; border-bottom:1px solid #ddd; padding:3px 0; color:#333; text-transform:uppercase}
.dd_link_list h2 a{display:block; color:#0751c4 !important; text-decoration:none; font-weight:600 !important}
.dd_link_list h2 a:hover{color:#30ba4c !important;}
.sub_links .dd_link_list{width:100%; float:none; border-bottom:0px solid #ccc; min-height:0px; padding:0 1%}
.sub_links .dd_link_list:first-child{border:0;}
.dd_link_list p{margin:0px 0 10px;}
.sub_links .dd_link_list { border-left: 0px solid #ccc;}
/* submenu ends*/



}
/* Mobile 480px - 767px */
@media only screen and (max-width: 767px) {
.mob_pc{max-width:98%;}	
.mob_only{display:block !important}.tab_only{display:none}.des_hider{display:block;}
.mob_hider{display:none;}.mob_shower{display:block;}.mob_c{text-align:center;}
/* floating classes */
.float_none_mob{float:none !important}
.float_2 li, .float_3 li{width:100%; float:none}
.float_5 li, .float_4 li{width:50%;}
}

/* Mobile Below 480px */
@media only screen and (max-width: 479px) {
.mob_only_s{display:block;}.mob_hider_s{display:none;}
}