@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
body{font-family: 'Lato', sans-serif;  color:#7f7f7f; font-size:16px; background-color: #f5f5f5; padding:0px !important;}
@font-face {font-family:"Lato"; src: url(fonts/Lato-Regular.ttf);}
.upper-strip { width: 100%; height: auto; float: left; padding: 0; background-color: #fff; position: relative; z-index: 999;}
.inner-upper-strip { width: 100%; height: auto; float: left; padding: 10px 0px; background-color: rgba(0,0,0,0.5); position: absolute; z-index: 999; border-bottom: solid 1px rgba(255,255,255,0.5);}
.inner-upper-strip .menuzord.red .menuzord-menu > li.active > a, 
.inner-upper-strip .menuzord.red .menuzord-menu > li:hover > a, 
.inner-upper-strip .menuzord.red .menuzord-menu ul.dropdown li:hover > a {color: #00aeff;}
.inner-upper-strip .menuzord-menu > li > a{color:#fff;}
.inner-upper-strip .menuzord {width: 100%; padding: 0; float: left; position: relative; background: transparent;}
.logo-wrap {width: 400px; height: auto; overflow: hidden; float: left; padding: 0 5px;}
.full-add-txt { width: 25%; position: absolute; min-height: 200px; float: left; left: 5%; top: 80px; padding: 20px;}
.full-add-txt h2{color: #f00;}
.advartisement-patch{width:100%; height:auto; overflow:hidden; float:left; position:relative;}
.advartisement-patch img{width:100%; height:auto;}
.advartisement-patch .btn { background-color: #f00; border-color: #ffffff; border-radius: 0px; padding: 0px; line-height: 41px; width: 154px; font-size: 16px; color: #ffffff; margin: 15px 0 0;}
.advartisement-patch p { font-size: 18px; color: #333333;}
.logo-wrap img{width:100%; height:auto;}
.logo-wrap-bel { width: 250px; height: auto; overflow: hidden; float: left; margin: 0 0 10px;}
.logo-wrap-bel img{width:100%; height:auto;}
.login-strip { width: 100%; height: auto; padding: 5px 0px;     background-color: #2b2b2b; float: left; border-bottom: solid 1px #ccc;}
.sign-in-reg { width: auto; float: right; height: auto;}
.sign-in-reg ul{list-style:none; padding:0px; margin:0px;}
.sign-in-reg ul li {display: inline; padding: 0 10px; border-right: solid 1px #ccc;}
.sign-in-reg ul li .fa{color:#00aeff; margin-right: 5px;}
 .consumer-electronics{width:100%; height:auto; float:left; padding:60px 0px;}
.text-section{padding: 10px 10px;background-color: #fff; box-shadow: 0 2px 3px #ccc;}
.content{padding:0px !important;}
.slick-prev:before, .slick-next:before{color:#000 !important;}
.slick-vertical .slick-slide{width:100%; height:auto; position:relative;}
.slick-vertical .slick-slide img{width:100%; height:auto;}
.slick-prev, .slick-next{bottom:0px;}
.slick-prev{left:40% !important;  bottom:-40px !important; top:none !important; z-index:999;}
.slick-next{right:40% !important; bottom:-40px !important; top:none !important; z-index:999 !important;}
.marquee-img{width:100%; height:auto; overflow:hidden;}
.marquee-img img{width:100%; height:auto;}
.home-form-wrap .btn-default {color: #333; background-color: #fff;border-color: #ccc; width: 140px; padding: 0px; line-height: 45px; border-radius: 0px; border: none;}
.ad-1 { width: 100%; height: auto; float: left;border: solid 1px #ccc;}
.ad-txt { width: 40%; min-height: 100px;     padding: 20px; float: left;}
.ad-txt h3{ margin: 0 0 15px; color: #ff5e63; font-size: 22px;}
.ad-txt .btn { background-color: transparent; border-color: #333; border-radius: 0px; padding: 0px; line-height: 41px; width: 154px; font-size: 16px; color: #333; margin: 15px 0 0;}
.ad-img {width: 60%; height: auto; float: left;}
.ad-img img{width:100%; height:auto;}
.add-section-1 { width: 100%; min-height: 50px; margin: 0 0 50px; float: left;}
.computer-telecomm .btn { background-color: transparent; border-color: #333; border-radius: 0px; padding: 0px; line-height: 41px; width: 154px; font-size: 16px; color: #333; margin: 15px 0 0;}
.ct-pic{width:100%; height:auto; overflow:hidden;}
.ct-pic img{width:100%; height:auto;}
.text-section h3{margin: 0; color: #333; font-size: 20px;}
.home-appliances {width: 100%; height: auto; float: left; padding: 0px 0px 60px;}
.home-appliances .owl-prev {left: -45px; position: absolute; top: 33%; background: transparent url(images/arrow-ri-c.png) !important; background-size: 100% !important; width: 40px; height: 40px; opacity: 1 !important;}
.home-appliances .owl-next { right: -45px; position: absolute; top: 33%; background: transparent url(images/arrow-le-c.png) !important; background-size: 100% !important; width: 40px; height: 40px; opacity: 1 !important;}
.top-heading { margin: 0 0 20px; font-size: 26px;color: #222; position: relative;font-weight: 600; padding: 0 0 12px; border-bottom: solid 1px #ccc;}
.top-heading:before { content: ''; position: absolute; width: 100px;  height: 3px; background: #fe8a33; z-index: 99; left: 0; bottom: -2px;}
.product-wrap{width:100%; min-height:20px;  float:left;}
.prime-add {width: 20%; background-color: #fe8a33; min-height: 300px; float:left; position: relative;}
.prime-product-wrap { width: 80%; border-top: solid 1px #ebecf0;min-height: 20px; float: left;}
.menu-wrap {  width: 60%; float: right;  height: auto;}
.prod-wrap{width:25%; min-height:150px; float:left; position: relative; border-color: #ebecf0; border-width: 0 1px 1px 0; border-style: solid;}
.menuzord-menu.menuzord-right {float: right !important; width: auto;}
.menuzord{padding:0px !important;}
.menuzord-menu > li > a {padding: 11px 16px !important;}
.sb-c{width:33.3%; float:left; height:auto; margin: 0 0 30px;}
.sb-c ul{padding:0px; margin:0px; list-style:none;}
.sb-c ul li a{color:#ccc; color: #616161;}
.sb-t{width:auto; float:left; height:auto; padding:0 15px;    margin: 0 0 30px;}
.sb-t ul{padding:0px; margin:0px; list-style:none;}
.sb-t ul li a{color:#ccc; color: #616161;}
.sb-t h4 { color: #000000; font-size: 16px; font-weight: 600; margin: 0 0 15px;}
.drp-pic{width:50%; height:auto; overflow:hidden; float:left;}
.drp-pic img{width:100%; height:auto;}
.sb-c h4{color: #000000; font-size: 16px; font-weight: 600; margin: 0 0 15px;}
.sign-in-reg ul li a {color: #ccc; font-size: 13px;}
.about-sec { width: 100%; min-height: 100px; padding: 50px 0px; background: #0168b0; float: left; color: #fff; text-align: center;}
.about-sec h2 { position: relative; font-weight: 300; margin: 0;}
.about-sec h2 span { color: #333; font-weight: 600;}
.members-sec { width: 100%; color: #fff; min-height: 200px; position:relative; float: left; padding: 60px 0px;}
.members-sec:before{content:''; background: url(images/background-1.jpg); background-attachment: fixed; position: absolute; background-size: cover; width:100%; height:66%; top:0; left:0px;}
.members-sec p{text-align:center; margin:0 0 50px; position: relative;}
.members-sec h2 {color: #fff; margin: 0 0 30px; font-size: 40px; text-align: center; position: relative;}
.what-we-do {width: 100%; min-height: 150px; float: left; padding: 0; background: url(images/who-we-are.jpg); background-repeat: no-repeat; background-size: cover; background-position: center right; position: relative;}
.what-we-do:after{content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,7db9e8+100&1+0,0+100 */
background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.what-we-do-txt {width: 50%; min-height: 100px; float: left; padding: 60px 30px; position: relative; z-index: 99;}
.what-we-do-txt h2 {margin: 0 0 30px; color: #fff; font-weight: 300;}
.news-section {width: 100%; min-height: 200px; background-color: #fff; float: left; text-align: center; padding: 30px 0;}
.w-heading{margin: 0 0 15px; color: #222; text-align:center; font-weight: 300;}
.contact-section{float:left; width:100%; padding:60px 0px; min-height:100px;}
.contact-section p{font-size:16px;}
.address-prx {width: 100%; min-height: 100px; padding: 50px 0px; float: left; background: url(images/address.jpg); background-attachment: fixed; background-size: cover;}
.icn {width: 130px; height: 130px;margin: 0 auto 20px; background: #0168b0; border-radius: 50%;}
.icn img { width: 100%; height: auto;}
.address-prx p {color: #222;text-align: center; font-family: open sans; font-size: 16px; word-break: break-word;}
.news-section .owl-prev { left: -35px;background: transparent url(images/arrow-ri-c.png) !important; background-size: 100% !important; width: 40px; height: 40px; opacity: 1 !important;}
.news-section .owl-next { right: -35px; background: transparent url(images/arrow-le-c.png) !important; background-size: 100% !important; width: 40px; height: 40px; opacity: 1 !important;}
.news-section .owl-theme .owl-controls { text-align: center;}
.w-heading:after { content: ''; border-bottom: solid 3px #222; display: block; width: 60px; margin: 20px auto 30px;}
.w-heading span { color: #0168b0; font-weight: 600;}
.news-section p{text-align:center; font-size:16px;}
.news-section h4{font-size:20px; color:#222;}
.gallery-section{width:100%; height:auto; float:left;}
.gallery-section .gall{width:25%; height:auto; float:left;}
.gallery-section .gall img{width:100%; height:auto;}
.what-we-do-txt h2 span { color:#0168b0; font-weight: 600;}
.what-we-do-txt h4{margin:0 0 20px; color:#fff;}
.what-we-do-txt p {font-size: 16px; text-align: left; color:#fff; margin: 0 0 25px;}
.what-we-do-txt .btn-default { color: #fff; border-color: #ccc; width: 150px; transition:.5s all ease-in; padding: 0px; line-height: 50px; border-radius: 0px; background: #0168b0; font-size: 16px; border: solid 3px #0168b0;}
.what-we-do-txt .btn-default:hover{background-color: #fff; transition:.5s all ease-in; color:#0168b0;}
.text-wrap { width: 100%; min-height: 200px; float: left; background: #fff; color: #333; text-align: left !important; padding: 20px; box-shadow: 0px 2px 5px #4c4c4c;}
.what-we-do-img{width:50%; height:auto; float:left;}
.what-we-do-img img{width:100%; height:auto;}
.text-wrap p{text-align:left; margin: 0px;}
.infra-block{width:100%; height:auto; float:left;}
.infra-block img{width:100%; height:auto;}
.about-sec h2:after {content: ''; border-bottom: solid 3px #fff; display: block; width: 60px; margin: 20px auto 30px;}
.about-sec p{text-align:center !important;}
.logo-wrap img{width:100%; height:auto;}
.category-wrap {width: auto; float: left; position: relative; padding: 0 5px;}
.category-wrap .dropdown-menu{width: 700px; min-height: 200px; padding:15px; border-radius: 0px;}
.foot {width: 100%; height: auto;float: left; padding: 60px 0px; background: #445268; padding: 30px 0 0;}
.foot ul{list-style:none; margin:0px; padding:0px; text-align:center;}
.foot ul li a {color: #ffffff; font-size: 14px;}
.foot ul li {color: #ffffff; display: inline; padding: 0 10px; border-right: solid 1px #7d93b7;}
.foot ul li:last-child{border:none;}
.foot h4 {color: #ffffff; font-size: 16px; font-weight: 600; margin: 0 0 20px;}
.phar-text-wrap p {position: absolute; bottom: 15px; left: 15px; color: #fff;font-size: 16px;}
.phar-text-wrap {width: 100%; color:#ffffff; min-height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,131313+100&0.98+1,0+100 */ background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.98) 1%, rgba(19,19,19,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.98) 0%,rgba(0,0,0,0.98) 1%,rgba(19,19,19,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,0,0,0.98) 0%,rgba(0,0,0,0.98) 1%,rgba(19,19,19,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa000000', endColorstr='#00131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    position: absolute; bottom: 0px; right: 0px; left: 0;}
.btn-wrap{width:15%;  height: auto; float: left;}
.btn-ser {width: 100%; border-radius: 0px; height: 38px; padding: 0px; line-height: 36px; border: none; background: #f4ae01; color: #fff; font-size: 18px; border: solid 1px #f4ae01; top: -1px; position: relative;}
.select-bx-wrap {width: 30%; height: auto; float: left; overflow: hidden;}
.category-wrap button {line-height: 32px; background: transparent; border: none; border: solid 2px;}
/*----------------------------------------------new menu-----------------------------------------*/
.cycle-slideshow img{ width:100%; height: auto; position:relative;}
.center{ position:absolute; top:45%; z-index:999; width:100%;}
#multiple {position: relative; height: auto; overflow: hidden; float: left; width: 100%;}
#multiple .prevControl{width:50px; height:50px; float: left; background-color:transparent;}
#multiple .prevControl:hover .fa{color:#fff;}
#multiple .nextControl:hover .fa{color:#fff;}
#multiple .nextControl{width:50px; height:50px; float: right; background-color:transparent;}
.icn-holder .prevControl .fa {color: #fff; cursor: pointer; display: block; float: left; font-size: 50px; text-align: center; width: 50px;}
.icn-holder .fa {color: #fff; cursor: pointer; font-size: 50px; margin-right: 25px; text-align: center; width: 50px;}
.cycle-slide{ width:100%;}
.banner-overlay {position: absolute; top: 55%; width: 100%; z-index:999;}
.banner-overlay h2{ background: url(../images/heading-bg.png) right  center no-repeat; text-align: left;  text-transform:uppercase; margin:0px; color:#FFF;  font-family: Lato; font-weight:bold; font-size:44px; color:#fff; width: 550px; background-color:rgba(0, 176, 240, 0.8); padding: 23px;}
.banner-overlay h2 span{ color:#FFF; font-size:46px; font-weight:700;}
.icn-holder{width:100%; top:45%; position:absolute; z-index:995; height:50px;}
.banner-img{width:100%; height:auto;}
.banner-img img{width:100%; height:auto;}
#multiple h2 { font-weight: 600; margin: 0 0 20px;color: #fff; text-transform: uppercase;}
#multiple h5{font-size:45px; font-family: Lato; font-weight:200; margin:0 0 30px; color:#fff;}
#multiple p{font-family: Lato; margin:0 0 20px; font-size:18px; font-weight:300; color:#fff;}
.shape-1{width:100%; height:auto; overflow:hidden; position:absolute; bottom:0px; left:0px;}
.shape-1 img{width:100%; height:auto;}
.get-down { width: 100%; position: absolute; z-index: 999; text-align: center; bottom: 35%; font-size: 40px; color: #fff;text-shadow: 0 2px 5px #000;}
.banner-title { position: absolute; top: 35%; display:none; text-align: left; width: auto; min-height: 100px; background-color: #00aeff85; padding: 20px;}
.foot-sec { width: 100%; height: auto; float: left; margin: 0 0 30px;}
.copyri { text-align: center; color: #fff; margin: 20px 0px;}
.copyri a { color: #00aeff; text-decoration: underline;}
.banner-title h4 { margin: 0 0 20px; color: #ffffff; font-weight: 500; font-family: open sans; text-shadow: 0 2px 8px #000;}
.banner-title .btn-default { color: #fff; background-color: transparent; border-color: #ccc; border: solid 2px #fff; border-radius: 0px; width: 150px; line-height: 30px;}
.infra-dav{width: 100%; display: inline-block;}
.infra-dav p{width: 70%; margin: 0 auto 60px;text-align: left;}
.online-tracking{display: inline-block; width: 100%; padding: 60px 0 60px;}
/**************************About Us*******************************/
.about-us-page {padding: 68px 0 0px; width: 100%; display: inline-block;}
.box1.thumbnail{ background-color: #015997; border:none; box-shadow: 2px 2px 10px 0px rgb(0,0,0,0.5); transition: 0.1s all ease-in;}
.box1.thumbnail:hover{box-shadow: none;}
.box1 img{width: 45%;}
.box1 { display: inline-block; width: 100%; height: 400px; padding:15px;}
.box2 { display: inline-block; width: 100%; padding:15px;}
.box2.thumbnail{background-color: #015997; border:none; box-shadow: 2px 2px 10px 0px rgb(0,0,0,0.5); transition: 0.1s all ease-in;}
.box2.thumbnail:hover{box-shadow: none;}
.box2 img{ width: 15%;}
.cirtificate{display: inline-block; width: 100%; padding: 30px 0 0; text-align: center;}
.community{display: inline-block; width: 100%; padding: 40px 0 20px;}
/**************************About Us end*******************************/
/*******************************Contact us**********************************/
.contact-list{width: 100%; display: inline-block; padding: 98px 0 0px;}
.city-nm { font-size: 17px; color: #0168b0; text-align: center; margin-bottom: 5px; font-weight: 600; background-color: #e9eff9;}
.box { display: inline-block; width: 100%; padding: 15px; font-size: 16px;}
.heading strong { padding: 15px 30px; display: inline-block; border: 1px solid; color: #0168b0;}
.eml span{text-transform: lowercase;}
.otherdtl{text-align: center;}
.otherdtl p{text-align: center; font-size: 16px;}
.otherdtl h2 { color: #0168b0;}
.otherdtl h1 { color: #0168b0;}
.otherdtl h3 { color: lightblue;}
.otherdtl hr { color: gray;}
/*****************************************************************/
/******************************************************event page***********************************************/
.event-pg{padding: 98px 0 60px; display: inline-block; width: 100%;}
/* Tablet Portrait size to standard 1024 (devices and browsers) */
/************************************************event page end here**************************************/
/***************************************committee***************************************/
.committee-pg{padding: 98px 0 60px; display: inline-block; width: 100%;}
.cmt-nm {margin: 0; padding: 10px 0; display: block;}
.cmt-nm h4{color: black;}
.cmt-nm p{ margin: 0;}
.rounds { width: 100%; display: inline-block; text-align: center; padding: 25px 0;}
.rounds img {width: 50%; margin: 0 auto; text-align: center; border-radius: 50%; overflow: hidden; border: 1px solid #d7d7d7;}
.cmt-nm p {margin: 0; background-color: #0168b0; border-radius: 15px; color: white; padding: 3px 0; display: block;}
.boxin.thumbnail {padding: 15px; box-shadow: 2px 2px 30px 5px rgba(0,0,0,0.1); transition: 0.2s all ease-in;}
.boxin.thumbnail:hover{box-shadow: 2px 2px 30px 5px rgba(0,0,0,0.2);}
/***************************************committee end here***************************************/

@media only screen and (min-width: 1024px) {
	.banner { background:url(images/banner-img.jpg) no-repeat scroll center top / 120% auto; height: auto; position: relative; width: 100%;}
}
@media only screen and (min-width: 767px){
	.sticky {position: fixed; top: 0; left: 0px; transition: .5s all ease-in; z-index: 999999; transition: .5s all ease-in; border-bottom: solid 1px #fff;}
	.sticky .menuzord-menu > li > a {padding: 15px 10px !important;}
	.sticky.inner-upper-strip{background-color:#222; padding: 0px;}
	.sticky .phone{display:none;}
	.sticky .logo-wrap{padding: 0; transition: .5s all ease-in; width: 325px; padding: 5px 0;}
	.sticky #nav_wrapper ul.menu li a{ height: 50px; line-height: 50px; transition: .5s all ease-in; }
	.sticky .scroll-down{display:none;}
}

/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width: 992px) and (max-width: 1023px) {}
@media only screen and (min-width: 1024px) and (max-width: 1150px){}
@media only screen and (min-width: 768px) and (max-width: 991px) {}
@media only screen and (min-width: 1024px) and (max-width: 1150px){}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {

}
@media only screen and (min-width: 1024px) and (max-width: 1200px){
	.sign-in-reg ul li { border-right: none; width: 100%; display: inline-block; text-align: center;}
	.logo-wrap { width: 30%; float: left; padding: 4px 5px;}
	/****************************about us************************************/
	.box1 {height: 430px !important;}
	/****************************about us end************************************/
}
@media only screen and (min-width: 992px) and (max-width: 1024px){
	.sign-in-reg ul li { border-right: none; width: 100%; display: inline-block; text-align: center;}
	.logo-wrap { width: 30%; float: left; padding: 4px 5px;}
	/****************************index.html end here************************************/
	/****************************about us************************************/
	.box1 {height: 430px !important;}
	/****************************about us end************************************/
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.sign-in-reg ul li { border-right: none; width: 100%; display: inline-block; text-align: center;}
	.logo-wrap { width: 100%; text-align: center;}
	.logo-wrap img { width: 70%;}
	.menu-wrap { width: 100%; float: none; display: inline-block;}
	.inner-upper-strip .menuzord {width: auto; float: none; margin: 0 12%; display: inline-block; text-align: center;}
	.menuzord-menu.menuzord-right { float: none !important; margin: 0 auto; text-align: center; display: inline-block;}
	.inner-upper-strip {position: static;}
	.what-we-do-txt {width: 100%;}
	.members-sec:before {height: 75%;}
	/****************************index.html end here************************************/
	/****************************about us************************************/
	.about-us-page { padding: 0;}
	.service-dtl { width: 100%; display: inline-block;}
	.box1 { height: 497px;}
	.box2 img { width: 45%;}
	.cirtificate img {width: 100%;}
	
	/****************************about us end************************************/
	/****************************commeetty************************************/
	.committee-pg .row{margin: 0 !important;}
	/****************************commeetty  end************************************/
	/****************************gallery************************************/
	.gallery-section .gall {
		width: 50%;}
	/****************************gallery end************************************/
}
@media only screen and (min-width: 481px) and (max-width: 767px){
	.sign-in-reg ul li { border-right: none; width: 100%; display: inline-block; text-align: center;}
	.menu-wrap { width: 100%; float: right; text-align: center;}
	.logo-wrap { width: 85%; float: left; padding: 5px 0;}
	.menuzord .showhide { width: 50px !important; height: 40px !important; padding: 11px 0 0; border: 1px solid white; border-radius: 5px;}
	.menuzord .showhide em { width: 30px !important; height: 3px !important; margin: 2.5px 8px !important; float: right; background: #ccc !important;}
	.menuzord .showhide {padding: 8px 0 0 !important;}
	.menuzord-responsive .showhide {    margin: -59px 0 10px 0 !important;}
	.inner-upper-strip {position: static;}
	.what-we-do-txt {width: 100%; text-align: center;}
	.what-we-do-txt p {text-align: center;}
	.address-prx .col-sm-4 { margin-bottom: 50px;}
	.address-prx .col-sm-4:last-child { margin: 0;}
	.members-sec:before {height: 80%;}
	/****************************index.html end here************************************/
	/****************************about us************************************/
	.about-us-page { padding: 0;}
	.service-dtl { width: 100%; display: inline-block;}
	.box1 { height: auto;}
	.box2 img { width: 45%;}
	.cirtificate img {width: 100%;}
	/****************************about us end************************************/
	/****************************commeetty************************************/
	.committee-pg .row{margin: 0 !important;}
	/****************************commeetty  end************************************/
	/****************************gallery************************************/
	.gallery-section .gall {
		width: 50%;}
	/****************************gallery end************************************/
	.contact-list .row { margin: 0;}
}
@media only screen and (min-width: 320px) and (max-width: 480px){
	.sign-in-reg ul li { border-right: none; width: 100%; display: inline-block; text-align: center;}
	.menu-wrap { width: 100%; float: right; text-align: center;}
	.logo-wrap { width: 85%; float: left; padding: 5px 0;}
	.menuzord .showhide { width: 50px !important; height: 40px !important; padding: 11px 0 0; border: 1px solid white; border-radius: 5px;}
	.menuzord .showhide em { width: 30px !important; height: 3px !important; margin: 2.5px 8px !important; float: right; background: #ccc !important;}
	.menuzord .showhide {padding: 8px 0 0 !important;}
	.menuzord-responsive .showhide {margin: -48px 0 5px 0 !important;}
	.inner-upper-strip {position: static;}
	.what-we-do-txt {width: 100%; text-align: center;}
	.what-we-do-txt p {text-align: center;}
	.address-prx .col-sm-4 { margin-bottom: 50px;}
	.address-prx .col-sm-4:last-child { margin: 0;}
	.members-sec:before {height: 90%;}
	/****************************index.html end here************************************/
	/****************************about us************************************/
	.about-us-page { padding: 0;}
	.service-dtl { width: 100%; display: inline-block;}
	.box1 { height: auto;}
	.box2 img { width: 45%;}
	.cirtificate img {width: 100%;}
	/****************************about us end************************************/
	/****************************commeetty************************************/
	.committee-pg .row{margin: 0 !important;}
	/****************************commeetty  end************************************/
	/****************************gallery************************************/
	.gallery-section .gall {
		width: 100%;}
	/****************************gallery end************************************/
	.contact-list .row { margin: 0;}
}


@media only screen and (max-width: 320px){
	.sign-in-reg ul li { border-right: none; width: 100%; display: inline-block; text-align: center;}
	.menu-wrap { width: 100%; float: right; text-align: center;}
	.logo-wrap { width: 80%; float: left; padding: 10px 0 0;}
	.menuzord .showhide { width: 50px !important; height: 40px !important; padding: 11px 0 0; border: 1px solid white; border-radius: 5px;}
	.menuzord .showhide em { width: 30px !important; height: 3px !important; margin: 2.5px 8px !important; float: right; background: #ccc !important;}
	.menuzord .showhide {padding: 8px 0 0 !important;}
   .menuzord-responsive.menuzord { margin-top: -4px;}
	.menuzord-responsive .showhide {margin: -30px 0 5px 0 !important;}
	.inner-upper-strip {position: static;}
	.what-we-do-txt {width: 100%; text-align: center;}
	.what-we-do-txt p {text-align: center;}
	.address-prx .col-sm-4 { margin-bottom: 50px;}
	.address-prx .col-sm-4:last-child { margin: 0;}
	.members-sec:before {height: 90%;}
	/****************************index.html end here************************************/
	/****************************about us************************************/
	.about-us-page { padding: 0;}
	.service-dtl { width: 100%; display: inline-block;}
	.box1 { height: auto;}
	.box2 img { width: 45%;}
	.cirtificate img {width: 100%;}
	/****************************about us end************************************/
	/****************************commeetty************************************/
	.committee-pg .row{margin: 0 !important;}
	/****************************commeetty  end************************************/
	/****************************gallery************************************/
	.gallery-section .gall {
		width: 100%;}
	/****************************gallery end************************************/
	.contact-list .row { margin: 0;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 302px) and (max-width: 480px) {}