@media only screen and (max-width :480px) {
		

}


@media (max-width: 480px) and (orientation : landscape){

    
	
		
}


@media only screen and (min-width: 360px) and (max-width: 640px) {
    	
		
}


@media only screen and (min-width: 1200px) and (max-width: 1300px) {
	
	
}

@media only screen and (min-width: 1300px) and (max-width: 1400px) {
	
}

@media only screen and (min-width: 1400px) and (max-width: 1500px) {
	
}

@media only screen and (min-width: 1500px) and (max-width: 1600px) {

}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	
	
}

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

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

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.hero-content{bottom: 158px;}
	.hero-content h2{font-size: 36px;}
	.hero-content h3{font-size: 22px;}
	.hero-content h3 span{font-size: 20px;}
	.hero-content h4{font-size: 20px;}
	.hero-content a{padding: 5px 22px;margin-top: 13px;font-size: 14px;}
	.banner-slider .slick-arrow.slick-next::before{float: right;}
}

@media only screen and (min-width: 1500px) and (max-width: 1600px) {
	.hero-content{bottom: 158px;}
	.hero-content h2{font-size: 54px;}
	.hero-content h3{font-size: 30px;}
	.hero-content h3 span{font-size: 25px;}
	.hero-content h4{font-size: 15px;}
	.hero-content a{padding: 13px 47px;margin-top: 13px;font-size: 18px;}
	.banner-slider .slick-arrow.slick-next::before{float: right;}
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.hero-content{bottom: 170px;}
}





@media only screen and (max-width :767px) {

  .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover { background:  #393e44; }
  .navbar-default .navbar-toggle {border: none; position:  absolute; right: 5px; top: 21px; margin: 0; z-index: 100; width: 35px; height: 35px; border-radius: 35px;
  background: #393e44; padding: 0;}
  .navbar-toggle span.icon-bar { transition: all 0.15s; }
  
  
  .navbar-default .navbar-toggle .icon-bar{ background-color: #fff; margin-top: 2px;}
  .main_menu .navbar-nav{ float:  none; border-radius: 0; margin-top: 75px; text-align: center;}
  .main_menu .navbar-nav > li > a{ padding: 12px 10px; color: #fff;}
  .main_menu .navbar-brand{ padding: 0 15px;}
  .main_menu .navbar-brand > img{ width: 70%; z-index: 2; position: relative;}
  .main_menu .navbar-header{ padding: 0 0 15px 0; height:  inherit; z-index: 2;}
  .navbar > .container .navbar-brand{ padding: 20px 10px; top: 0; z-index: 100; width: 100%; position: static;}
  .main_menu .navbar-default .navbar-collapse{ float:  none; margin: 0; max-height: inherit; background: #393e44; z-index: 3;}
  .header_info{ position: absolute; right: 50px; top: 8px; z-index: 2;}
  .header_info ul li a .fa{ background: #393e44; width: 35px; height: 35px; border-radius: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 23px;}
  .navbar-default .navbar-collapse{ border:  none; box-shadow:  none;}
  .main_menu .navbar-nav > li::after{ display:  none;}
  .main_menu .navbar-nav > li > .dropdown-menu{ box-shadow:  none; border:  none;}
  .affix{ height: 70px; z-index: 3;}
  .main_menu .navbar-default .navbar-nav > .open > a{ color: #000;}
  .main_menu .navbar-nav > li > .dropdown-menu{ position:  inherit; top: 0; left: 0;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a{ color: #fff;}
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a{ background:  none; color: #fff;}
  .main_menu .navbar-nav > li{ border-bottom: 1px solid rgba(24,50,103,.2);}
  .main_menu .navbar-nav .fa-home{ color: #fff;}
  .main_menu .navbar-default .navbar-nav > .active > a{ color: #000;}
  .navbar-fixed-top .navbar-collapse{}
  .main_menu .navbar-nav > li .dropdown{ position:inherit;}
  .main_banner .content p{ font-size: 20px; line-height: 26px;}
  .main_banner .content ul{ margin-top: 20px;}
  .main_banner .content h5{ font-size: 26px; margin: 0;}
  .main_banner .content p span{ display:  initial;}
  .main_banner .owl-theme .owl-nav.disabled + .owl-dots{ bottom: 0;}
  .main_menu .navbar-default .navbar-nav > li > a:hover{ color: #df0024;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ color: #fff;}
  .main_menu .navbar-default .navbar-nav > .open > a:hover{ color: #fff;}
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a{ background:  none; color: #fff;}
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover{ background:  none; color: #fff;}
  .main_menu .navbar-nav > li{ padding: 0; border-bottom: 1px solid rgba(255, 255, 255, .2);}
  .header{}
  #topcontrol{ display:  none;}
  .hero-content{ text-align: center; bottom: 300px; width: 100%;}
  .hero-content img{ display:  inline-block; width: 50%;}
  .hero-content h2{ margin-top: 0; font-size: 25px;}
  .hero-content h2 span{ display: initial;}
  .hero-content a{ font-size: 18px; padding: 5px 30px; margin-top: 5px;}
  .hero-content h3{ font-size: 18px; margin: 0;}
  .hero-content h3 span{ display:  initial; font-size: 18px;}
  .hero-content h4 span{ font-size: 22px;}
  .header_cont{ width: 100%;}
  .banner-wrap{ margin-top: 67px;}
  .fndyrdrmhbcont{ width: 100%;}
  .fndyrdrmhb h2 img{ width: 75%;}
  .fndyrdrmhbrorc{ float: none; background:  none; padding: 20px 0 0 0; text-align: center;}
  .fndyrdrmhbror_abs{ position: static;}
  .fndyrdrmhbror_abs img{ width: 100%;}
  .fndyrdrmhbror{ padding: 0;}
  .fndyrdrmhbro{ padding: 0; margin: 0;}
  .fndyrdrmhbrol{ padding: 0; text-align: center;}
  .fndyrdrmhbrol h4 span{ display:  initial;}
  .fndyrdrmhbrol h4{ font-size: 22px;}
  .drmhmob{ padding: 0;}
  .drmhmobs{ padding: 0 10px;}
  .drmhmobs img{ width: 100%;}
  .fndyrdrmhbrt h3{ font-size: 26px; margin-bottom: 25px;}
  .since_motto .item:after{ border:  none;}
  .since_motto .fun-fact{ text-align: center;}
  .since_motto .item{ border-bottom: 1px solid #ddd; padding: 30px 0 10px 0;}
  .orprjtb h3{ font-size: 25px; margin-top: 0;}
  .project_slider .project_slider_info h4{ font-size: 20px;}
  .orsrvsbcont{ width: 100%;}
  .service_slider .service_slider_info h4{ font-size: 22px;}
  .orsrvsb{ padding: 30px 0;}
  .excdgexptncont{ width: 100%;}
  .testi_slider .testi_img{ border:  none; padding: 20px 0 0 0;}
  .excdgexptnc{ padding: 0;}
  .testi_slider .testi_info{ padding: 0 15px; text-align: center;}
  .excdgexptn h3{ font-size: 26px;}
  .orsrvsb h3{ font-size: 30px;}
  .ftrlogo img{ width: 100%;}
  .footercs:first-child{ padding-left:  15px;}
  .footer{ background: url(../images/ftr_mob_bg.jpg); background-size:  cover; padding: 0;}

  .footerc .panel-title > a:before { float: right !important; font-family: FontAwesome; content:"\f068"; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center;
    background: #7f7f7f; color: #fff; font-size: 15px; font-weight: 300;}
  .footerc .panel-title > a.collapsed:before {float: right !important; content:"\f067"; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center;
  background: #e5e5e5; color: #7f7f7f;}
  .footerc .panel-title > a:hover, .footerc .panel-title > a:active, .footerc .panel-title > a:focus  { text-decoration:none;}
  .footerc .panel-title{color: #fff; font-size: 20px; font-weight: 700; text-transform:  uppercase;}
  .footerc .panel-body{ color: #303030; font-size: 16px; font-weight: 400; line-height: 30px;}
  .footerc .panel-heading{ background:  none; border:  none; border-bottom: 1px solid #cccccc; padding: 18px 15px;}
  .footerc .panel-default{ border:  none; box-shadow:  none; background:  none;}
  .footerc .panel-default > .panel-heading + .panel-collapse > .panel-body{ border-top-color: #cccccc !important;}
  .footerc .panel-group .panel-heading + .panel-collapse > .panel-body{ border-top-color: #cccccc !important; color: #4d4a4a; font-size: 18px; font-weight: 300;
  background:  none; padding: 15px 0;}
  .footerc .panel-title a { display: block;}
  .footerc .panel-title a.collapsed{ color: #fff;}
  .footerc .panel-body{ text-align: center;}
  .footerc .panel-body .footercs_mob{ padding: 0;}
  .footerc .panel-body .footercs_mob ul{ padding: 0; margin: 0;}
  .footerc .panel-body .footercs_mob ul li{ padding: 0; list-style:  none;}
  .footerc .panel-body .footercs_mob ul li a{ color: #fff; font-size: 25px; font-family: "Cormorant Infant", serif; text-decoration:  none;}
  .footerc .panel-body .footercs_mob ul li.active a{ color: #f43f3b;}
  .footerc .panel-body .footercs_mob p{ color: #fff; margin: 0; font-size: 20px; font-family: "Cormorant Infant", serif;}
  .footerc .panel-body .footercs_mob ul li .fa{ color: #fff; margin-right: 5px;}
  .footerc .panel-body .footercs_mob p .fa{ width: 50px; height: 50px; border-radius: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 25px;}
  .footerc .panel-body .footercs_mob p .fa-facebook{ background: #385196;}
  .footerc .panel-body .footercs_mob p .fa-instagram{ background: #f337c1;}
  .footerc .panel-body .footercs_mob p .fa-youtube{ background: #ab0204;}
  .footercmob{ padding: 0; margin-top: 30px;}
  .ftrreach{ padding: 0 15px; margin-bottom: 33px;}
  .navbar-toggle .icon-bar{ width: 27px; height: 4px; border-radius: 10px;}
  .fndyrdrmhb{ padding-top: 30px;}
  .innerbnr .carousel-caption h3{ font-size: 28px; line-height: 26px;}
  .innerbnr .carousel-caption h3 span{ display: initial;}
  .innerbnr{ margin-top: 75px;}
  .innabtbcont{ width: 100%;}
  .innabtbs_abs{ left: 0;}
  .innabtbs_img{ padding-right: 0;}
  .innabtbs_img img{ width: 100%;}
  .innabtb h3 span{ display:  initial;}
  .innabtb h3{ font-size: 24px;}
  .innabtbs .innabtbs_info.two{ padding-top: 0; padding-right: 0;}
  .innabtbs_info{ padding: 0; text-align: center;}
  .innabtb h3.opt{ font-size: 24px;}
  .innabtb{ padding: 30px 0;}
  .footerc img{ margin-top: -5px; width: 100%;}
  .inncntbcont{ width: 100%;}
  .inncntbsro{ padding: 0;}
  .inncntbsro_img{ padding: 0;}
  .inncntbsro_info{ padding: 0; text-align: center; margin-top: 30px;}
  .inncntbsro_info img{ width: 100%;}
  .inncntbsrt{ padding: 0; margin-top: 35px;}
  .contact_enq .form-group{ padding: 0;}
  .inncntbsro_info ul li a{ font-size: 19px;}
  .inncntb{ padding: 30px 0;}
  .inncntb h3{ margin-bottom: 26px; text-align: center; font-size: 30px;}
  .inncntbsrth{ padding: 0;}
  .ongngprjtscont{ width: 100%;}
  .ongngprjts{ padding: 30px 0 0 0;}
  .ongngprjts h3{ margin-bottom: 20px; font-size: 30px;}
  .ongngprjts ul li .ongngprjtss_info h4{ font-size: 22px;}
  .comtdprjtb h3{ font-size: 30px;}
  .comtdprjtb{ padding: 15px 0;}
  .service_slider .service_slider_info{ text-align: center;}
  .srvecsb{ padding: 30px 0;}
  .srvecsbcont{ width: 100%;}
  .srvecsb .tab-content .tab-pane { display: block;}
  .srvecsb .nav-tabs { display: none; }
  .srvecsb .panel-title a { display: block; text-decoration:  none; font-size: 18px;}
  .srvecsb .panel { margin: 0; box-shadow: none; border-radius: 0; margin-top: -2px; }
  .srvecsb .tab-pane:first-child .panel { border-radius: 5px 5px 0 0; }
  .srvecsb .tab-pane:last-child .panel { border-radius: 0 0 5px 5px;}
  .srvecsb fieldset{ padding: 0; border:  none;}
  .srvec_img{ padding: 0;}
  .srvec_info{ padding: 0; text-align: center;}
  .srvec_info h4{ font-size: 24px;}
  .tstimnalcont{ width: 100%;}
  .tstimnal h3{ font-size: 30px;}
  .tstimnal ul li{ padding: 0; margin-bottom: 15px;}
  .tstimnal ul li .tstimnals{ padding: 20px;}
  .tstimnal{ padding: 30px 0;}
  .jntvntrcont{ width: 100%;}
  .jntvntroc{ padding: 0;}
  .jntvntrth{ padding: 20px 0 0 0;}
  .jntvntro{ padding: 0;}
  .joint_enq label{ font-size: 16px;}
  .jntvntr{ padding: 30px 0;}
  .jntvntro h3{ font-size: 24px; line-height: 36px;}
  .jntvntro h3 span{ display:  initial;}
  .innerbnr .carousel-caption h2{ font-size: 20px;}
  .innerbnr .carousel-caption.project{ left: 0; top: 10px; text-align: center; right: 0;}
  .innerbnr .carousel-caption h3 span{ display:  initial;}
  .innerbnr .carousel-caption h4{ font-size: 20px; margin-top: 15px;}
  .innprojbcont{ width: 100%;}
  .innprojbo h3{ font-size: 26px;}
  .innprojbo h3 span{ font-size: 20px;}
  .innprojbo h4 span{ display:  initial;}
  .innprojbo h4{ font-size: 22px;}
  .innprojbo_info{ padding: 0; text-align: center;}
  .innprojbo_img{ padding: 0;}
  .innprojbo{ padding: 0;}
  .innprojbo_info h5{ font-size: 28px; padding: 20px 0;}
  .innprojbo_info h6{ font-size: 18px;}
  .innprojbt ul li .innprojbts img{ width: 50%;}
  .innprojbt ul li:nth-child(even) .innprojbts{ border:  none;}
  .innprojbt ul li{ margin-bottom: 20px;}
  .innprojbthc{ padding: 0;}
  .innprojbthc .panel-group .panel-heading + .panel-collapse > .panel-body{ padding: 10px 0;}
  .innprojbthc .panel-heading{ padding: 18px 0;}
  .innprojb{ padding: 30px 0;}
  .innprojbth h3{ font-size: 30px;}
  .innprojbthc .panel-title{ font-size: 18px;}
  .innprojbthc .panel-body h5{ font-size: 18px;}
  .innprojglrycont{ width: 100%;}
  .innprojglry a{ font-size: 24px;}
  .innprojglry h3{ font-size: 30px;}
  .flraloccont{ width: 100%;}
  .flralocs h3{ font-size: 30px;}
  .flralocs{ padding: 0; margin-bottom: 20px;}
  .innprojglry{ padding: 0 0 20px 0;}
  .flralocs iframe{ height: 300px;}
  .prjtenqcont{ width: 100%;}
  .project_enq .form-group{ padding: 0;}
  .prjtenq h3{ font-size: 30px;}
  .flraloc{ padding-bottom: 30px;}
  .prjtenq{ padding: 0;}
  .innerbnr .carousel-caption p span{ font-size: 30px;}
  .hero-content h4{ font-size: 22px; margin: 0;}
  .hero-content h5{ font-size: 26px;}
  .hero-content h2 span{ display:  initial;}
  .innerbnr .carousel-caption{ left: 0; width: 100%; top: 0;}
  .innerbnr .carousel-caption h4 span{ display:  initial; font-size: 20px;}
  .innerbnr .carousel-caption h5{ font-size: 30px;}
  .innerbnr .carousel-caption h5 span{ font-size: 20px;}
  .innerbnr .carousel-caption h2 span{ display:  initial;}
  .innerbnr .carousel-caption h3.project{ font-size: 20px;}
  .ongngprjts h2{ font-size: 30px;}
  .ongngprjts > p{ padding: 0 15px; margin-bottom: 20px; font-size: 16px;}
  .innabtb h1{ font-size: 30px;}
  .srvecsb h1{ font-size: 30px;}
  .inncntb h1{ font-size: 30px;}
  .tstimnal h1{ font-size: 30px;}
  .enquiry_now{ right:inherit; top: inherit; bottom: 0; transform: none; width: 100%; left: 0;}
  .enquiry_now ul{ text-align: center;}
  .enquiry_now ul li{ display:  inline-block; width: 49%;}
  .enquiry_now ul li a{ padding: 10px 35px; font-size: 16px; display:  block; width: 100%;}
  .innprojbo h1{ font-size: 22px;}
  .jntvntroc ul p{ text-align: center;}
  .inncntbsro_info p{ text-align: center;}
	.tstimnal ul li .tstimnals p{min-height: 0px;}
  .js-scroll{ z-index: inherit;}
  .comtdprjtb a{}
  .jntvntro h1{ font-size: 32px;}
  .ongngprjts h1{ font-size: 30px;}	
  .orsrvsb p{ padding: 0;}
  .innerbnr .carousel-caption h1{ font-size: 35px;}
  .abs_new.indexongoing{ top: 29px; left: 15px;}
  .abs_new.indexongoing img.indexongoing{ width: 58%;}
  .project_slider .project_slider_info h4 a{ font-size: 24px;}
  .project_slider .item{ padding: 0 4px;}
  .ongoing_slider .item{ padding: 0 10px;}

  
}

@media (min-width: 768px) {

  .srvecsb .panel-heading { display: none;}
  .srvecsb .panel { border: none; box-shadow: none; }
  .srvecsb .panel-collapse { height: auto;}
  .srvecsb .panel-collapse.collapse { display: block; }
  
	
}


@media (min-width: 768px) {
  .navbar-offcanvas .navbar-collapse {
    background: transparent;
    height: auto !important;
    width: auto;
    max-width: none;
    position: static;
    transform: translate(0, 0) !important;
    transition: all 0.4s ease;
  }
}