/*@media only screen and (max-width:1700px) and (min-width:1369px) {
	.bx-controls-direction {top: 45%;}
}*/

/*@media only screen and (min-width:1920px){
	.home .slider_caption { top: 700px; transform: translateY(0); }
}*/
 
@supports (-ms-ime-align:auto) {
    @media only screen and (min-width:1920px){
		.home .slider_caption { top: 700px; transform: translateY(0); }
		.contact .slider_caption { top: 300px; transform: translateY(0); }
		.abouts_us .slider_caption, .download_page .slider_caption { top: 350px; transform: translateY(0); }
	}
}

/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width:1920px) {  
	.home .slider_caption { top: 700px; transform: translateY(0); }
	.contact .slider_caption { top: 300px; transform: translateY(0); }
	.abouts_us .slider_caption, .download_page .slider_caption { top: 350px; transform: translateY(0); }
}*/

@media only screen and (min-width:768px) and (max-height:375px){
	.slider_caption { top: 70px !important; height: 215px; overflow: auto;  transform: translate(0) !important; }
	.slider_caption.inner {top: auto !important;
    height: auto;
    bottom: 0;}
	.bx-controls-direction { top: 135px; }
	.about_scroll { max-height: 160px; }
	.home .slider_caption { height: auto; }
	.abouts_us .slider_caption {max-width: 750px;}
	.project_apge .slider_caption { overflow: visible; height: auto; transform: translate(230%, -0%) !important;}
	.project_apge .slider_caption.display { transform: translate(0%, -0%) !important; z-index: 999999; }
	.project_apge .slider_caption .caption_thumanil { max-height: 100px; }
	.project_apge .slider_caption h1 {font-size: 20px;}
	.project_arrow img { min-width: 8px !important;  height: 25px; }
	.project_arrow { top: 30px !important; }
	.project_apge .slider_caption {top: 80px !important; }
	.clients .slider_caption {height: 185px;}
	.page_scroll { height: 130px; }
	.carousel-indicators {display: none;}
	.team .slider_caption .caption_thumanil p {width: 69% !important;}
	.team .slider_caption .caption_thumanil:after {height: 100%;}
}

@media only screen and (min-width:768px){
	.clients .slider_caption {
		width: 100%;
		text-align: center;}
		.history-page .slider_caption {text-align: left;
			background-image: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,.15), rgba(0,0,0,.35), rgba(0,0,0,.57));
			bottom: 138px;
    
    transform: none;}
	
}

@media only screen and (max-width:1199px) and (min-width:992px) {
	
	.dropdown-menu>li>a { padding: 3px 10px; font-size: 11px;}
	li.dropdown > ul ul.dropdown-menu {width: 180px; min-width: 1px;}
	    .bx-wrapper .bx-pager {bottom: 30px;}
}

/* @media only screen and (max-width:1024px) and (min-width:991px) {
	.bx-controls-direction {top: 43%;}
} */
@media only screen and (max-width:1024px) and (min-width:768px){
	
	.slider_caption h1 > .pull-left.ng-binding { max-width: 320px; }
	
	#my_menu {position: relative;}
	.slider {max-height: calc(100vh - 58px);}
	.project_arrow {top: 60px;}
	.project_apge .carousel-indicators { bottom: 90px !important; width: 100%; left: 0; margin-left: 0; }
	.trademark p {font-size: 13px;}
	.carousel-indicators { bottom: 90px !important; }
}
@media only screen and (max-width:991px) and (min-width:768px) {
	li.dropdown.product_li > ul > li, li.dropdown.company_li > ul >li {
		margin: 5px 7px;
		
	}
	.dropdown-menu>li>a { padding: 3px 4px;font-size: 9px;}
	li.dropdown > ul ul.dropdown-menu {width: 140px; min-width: 1px;}
    .bx-wrapper .bx-pager {bottom: 30px;}
	.copy_right {bottom: -5px;}
}
@media only screen and (max-width:991px) and (min-width:804px) { .gray_dark {top: 58px;} }
@media only screen and (max-width:803px) and (min-width:768px) { .gray_dark {top: 96px;} }
@media only screen and (max-width:991px) and (min-width:768px) {
	#my_menu ul.nav > li { padding: 15px 15px; }
	/*.gray_dark {top: 96px;}*/
	.drop_down ul li a { padding: 10px 4px;  font-size: 12px; }
	.product_menu .drop_down { left: -170px; }
	.team .about_scroll { max-height: 250px;}
	.team .slider_caption .caption_thumanil p {
		padding-right: 10px;
		float: left;
		width: 70%;
		margin-left: 218px;
	}
}
@media only screen and (max-width:767px) and (min-width:500px){
	
	.slider_caption {padding-bottom: 20px !important;}
	.contact .slider_caption {top: 110px !important; left: auto !important; right: 0 !important;}
	.slider_caption {left: auto !important;}
	/*.slider_caption { max-height: 300px; overflow: auto; }*/
	.services .slider_caption  {width: 90% !important; max-width: 100% !important;}
	.slide_arrow {width: 54% !important;}
	.contact .contact_roll::-webkit-scrollbar{ width: 7px; background-color: transparent; }
	.contact .contact_roll::-webkit-scrollbar-thumb{ background-color: #333; border: 7px solid #000; }
	.contact .slider_caption:after{content: ""; position: absolute; right: 17px; top: 15px; z-index: -1; width: 2px; height: 91%; background: #a2a5a5;}
	.contact_roll {position: relative;max-height: 200px; overflow: auto;}
	.contact .slider_caption .row, .contact .slider_caption h1  {margin: 0;}
	.bx-controls-direction { width: 435px !important; right: 0%; top: 175px;  left: 15px; }
	.clients .slider_caption {top: 60px !important; padding-top: 20px;}
	.bx-controls-direction { top: 85px !important; }
	.download_page .slider_caption {left: auto !important; right: 0 !important; }
	.project_apge .slider_caption { right: 0 !important;  left: auto !important; }
	.clients .slider_caption { right: 0 !important; left: auto !important; width: 420px; }
	.contact .slider_caption {min-width: 350px;}
	.download_page .slider_caption ul li {font-size: 13px;}
	.download_page .slider_caption h6 {margin: 0 0 5px;}	
}
.navbar .logo img.logo-white{display:none;}
@media only screen and (max-width:767px) {
	.navbar .logo img.logo-white{display:block;}
	html {overflow-x: hidden;}
	#my_menu { padding: 0; }
	#my_menu {
		background: transparent;
		background-image: linear-gradient(to top,rgba(0,0,0,0), rgba(0,0,0,.15), rgba(0,0,0,.35), rgba(0,0,0,.57));
	}
	#my_menu.navbg{background: #fffffff2;}
	.gray_dark.hover { display: none !important;}
	.navbar-inverse .navbar-toggle .icon-bar { background-color: #8c8c8c; height: 3px;}
	.navbar-inverse .navbar-toggle {border-color: transparent; padding: 9px 15px;margin-right: 0;}
	
	.navbar .navbarbtn img.closed{display:none;}
	.navbar.navbg .navbarbtn img.menubtn{display:none;}
	.navbar.navbg .navbarbtn img.closed{display:block !important;}
	
	
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background: transparent;}
	#my_menu ul.nav > li { padding: 15px 0; }
	#my_menu ul.nav > li.open > a{display: none;} 
	#my_menu ul ul {text-align: center;    padding-right: 0;}
	li.dropdown > ul ul.dropdown-menu{text-align: center!important;}
	#my_menu ul.nav > li > a:after{display: none;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: #58585a!important; font-size:18px;padding: 10px;}
	.navbar-inverse .navbar-nav .open > .dropdown-toggle.dropdowna{background-color:#d3d4d6 !important;}
	/*.slider_caption, .home .slider_caption, .abouts_us .slider_caption { padding: 40px 15px 50px; position: relative; transform: translateY(0); right: 0;}*/
	.slide_arrow { width: 84%; right: 8%; left: 8%;    transform: translateY(0%);display: block !important;}
	/*.copy_right, .trademark { padding: 7px; position: relative; left: 0; right: 0; bottom: 0; background: #000;}*/
	.copy_right p {margin: 0;}
	.slider_caption {right: 0; right: 15px !important; left: 15px !important; padding-top: 15px !important; padding-bottom: 33px !important;}
	.trademark {text-align: right;}
	.caption_thumanil .pull-left {float: none; width: 100%;}
	.caption_thumanil .pull-left:after {display: none;}
	.caption_thumanil  img {float: none;margin: 0 auto 10px; max-width: 100px;}
	.services .slider_caption h1 {width: 100%; position: static;}
	.drop_down {position: relative; top: 3px; left: 0; background: #f5f5f5;}
	.drop_down ul {min-width: 1px;}
	.drop_down ul li { display: block; }
	.gray_dark.hover {display: none;}
	.home .slider_caption {top: auto;bottom: 0rem; }
	.home .slider_caption h4 {font-size: 18px;}
	.abouts_us .slider_caption {left: 0; bottom: 4rem;}
	.slider_caption h1 { font-size: 22px; background: none;}
	.slider_caption p {font-size: 14px;}
	.slider_caption h1 button img { width: 20px; }
	.product_menu .drop_down {left: 0;}
	.product_menu .drop_down > ul { min-width: 100%; }
	.navbar-collapse.in { overflow-y: auto;max-height: 80vh; }
	.second_drop_down {position: relative;}
	.second_drop_down ul li a { background: rgb(239, 239, 239) !important; color: #000 !important; }
	.navbar-inverse .navbar-collapse {border: none;}
	.project_arrow img, .project_arrow span {font-size: 12px; max-height: 30px; height: 30px; line-height: 30px;}
	.project_arrow img { width: 20px; }
	.project_arrow { top: 5px; padding: 0 15px; }
	.project_apge .slider_caption h1 strong {font-size: 13px; display: block; text-align: left;}
	.project_apge .slider_caption h1 { font-size: 18px; padding: 0 0 0 15px; text-align: left;}
	.slider_caption.display {width: 92%; padding-top: 10px !important;}
	.gray_dark {display: none !important;}
	.carousel-indicators {display: none;}
	.slider_caption {text-align: center;}
	.slide_arrow { top: 135px; }
	.clients .slider_caption h1 {background: none;padding: 0px; max-width: 85%;  margin: 0 auto;}
	
	.slider_nav_wrp .carousel-control {width: auto;}
	button#close_btn_left {display: none;}
	.contact .slider_caption h6 {margin-top:0; font-size: 14px;}
	.copy_right, .trademark {display: none;}
	.logo{padding: 9px 15px;}
	.logo img { width: 140px;}
	.navbar .logo img.logo-orange{display:none;}
	.navbar.navbg .logo img.logo-white{display:none;}
	.navbar.navbg .logo img.logo-orange{display:block;}
	.navbar-nav { margin: 7.5px -15px; background: transparent; padding: 0 0px;text-align: center;} 
	/*#my_menu {position: static;} MSH*/
	.slider_caption.display .caption_thumanil { max-height: 132px; overflow: auto; }
	.slider_caption p br, .contact .slider_caption p i {display: none;}
	.contact .slider_caption p a {display: block; margin-bottom: 15px;}
	.contact .slider_caption .row .col-xs-12 { width: 60%; margin: 0 auto; float: none;}
	.hidden-sm {display: block;}
	.team .caption_thumanil, .services .caption_thumanil, .abouts_us .caption_thumanil { padding-top: 0px;}
	section.slider.abouts_us.team .caption_thumanil img {display: block !important;}
	.services .caption_thumanil img, .abouts_us .caption_thumanil img  {display: none;}
	.services .slider_caption h1 div:after {  transform: rotate(0deg); background: #b7b7b7;}
	.services .slider_caption h1 div {color: #333;}
	button#close_btn { position: relative; left: -10px;}
	/*.project_apge button#close_btn { position: relative; left: -0px;}*/
	.slider_caption.display .caption_thumanil:after { top: 35%; height: 60%; transform: translate(-50%); }
	.page_scroll:after { top: 25%; height: 70%; transform: translate(-50%); }
	.team .slider_caption .caption_thumanil:after { top: 16%; height: 81%; transform: translate(-16%);}
	.owl-theme .owl-nav {width: 100%; top: -20px; background: none; padding: 0 5px;}
	.slider_caption .slider_caption {background: none;}
	.project_arrow .col-xs-6.col-sm-6.text-left {padding-right: 0;}
	.project_arrow .col-xs-6.col-sm-6.text-right {padding-left: 0;}
	.bx-wrapper .bx-pager {display: none;}
	.bx-controls-direction {width: 96%; right: 0%;  top: 205px;}
	li.dropdown.product_li > ul > li, li.dropdown.company_li > ul >li { float: none; display: block; margin:0; background-color: #eee;}
	li.dropdown.product_li > ul:before, li.dropdown.company_li > ul:before {display: none;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #000; background-color: #d3d4d6 !important;}
	
	.home .slider_caption {padding:20px 15px 50px !important;}
	.home .slider_caption h2 {margin-top: 0;}
	.home .slider_caption p {margin-bottom: 0;}
	.services .slider_caption ul.list-inline li { font-size: 14px; margin-right: 10px; }
	.contact .slider_caption {top: 30%; transform: translateY(-30%); }
	.pop_btn button {top: 40%;}
	
	.contact p, .team .slider_caption .caption_thumanil p.hidden-sm {text-align: center;}
	.team .slider_caption .caption_thumanil p {margin-left: 0; width: 100%; padding-right: 10px;}
	.caption_thumanil .pull-left {position: inherit !important; width: 100% !important;}
	.slider_caption h1 > .pull-left.ng-binding { max-width: 295px; }
	.slider_nav_wrp .carousel-control img { width: 12px; }
	.team .caption_thumanil .pull-left { margin-right: 0;}
	.team .slider_caption .caption_thumanil p.hidden-sm { padding-right: 0;}
	.abouts_us .slider_caption p {padding: 0;}
	.abouts_us.services .slider_caption p {padding-right: 10px;}
}
@media only screen and (max-width:499px) {
	.download_page .slider_caption {width: 90%; left: 5% !important; right: 5% !important;}
}
@media (height: 1366px){
	.bx-controls-direction { top: 46%; }
}
@media only screen and (min-width:1349px){
	.modal-dialog { width: 1140px;}
	.modal-body {min-height: 150px; max-height: 400px !important;  }
}
@media only screen and (min-width:768px){
	.slider_caption h1 > .pull-left.ng-binding { max-width: 315px; }
	.project_arrow img { min-width: 37px; }
	.project_arrow span {height: 57px; line-height: 57px;}
}

.clients .history-slider .about.innerpages {height: 138px;padding: 2.5rem !important;display: flex;align-items: center;text-align: justify;justify-content: center;}

@media only screen and (max-width: 1400px){
	.history-page .slider_caption{bottom: 138px;}
	.clients .item-content-wrapper .trademark, .history-slider .slider_nav_wrp.slider_nav_wrp-1{bottom: 230px;}
	.clients .history-slider ol.carousel-indicators {bottom: 173px;}
	}
	@media only screen and (max-width: 1139px){
	section.slider .history-slider .carousel-indicators li {width: 10px;height: 10px;margin: 0 3px;}
	}
	@media only screen and (max-width: 1024px){
	.history-slider .slider_nav_wrp.slider_nav_wrp-1{bottom: 270px;}
	.clients .item-content-wrapper .trademark{bottom: 217px;}
	}
	@media only screen and (max-width: 991px){
	.history-page .slider_caption{bottom: 160px;}
	.clients .history-slider ol.carousel-indicators {bottom: 260px !important;}
	.history-slider .slider_nav_wrp.slider_nav_wrp-1{bottom: 285px;}
	.clients .item-content-wrapper .trademark {bottom: 230px;}
	.clients .history-slider .about.innerpages {max-height: 160px;padding: 2rem !important; height: 160px;display: flex;align-items: center;}
	.clients .history-slider .about.innerpages p{margin-top:0;}
	}
	@media only screen and (max-width: 767px){
	.clients .history-slider ol.carousel-indicators {bottom: 230px !important;}
	.clients .history-slider .item-content-wrapper .trademark {bottom: 260px;}
	.clients .history-slider .item-content-wrapper .slider_caption.inner {bottom: 135px;width: auto;display: block; left:0 !important; right: 0 !important; background-image: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,.15), rgba(0,0,0,.35), rgba(0,0,0,.57));}
	.clients .history-slider .about.innerpages {max-height: 170px; height: 170px;}
	.history-slider .slider_nav_wrp.slider_nav_wrp-1 {bottom: 260px;}

	}

	@media only screen and (max-width: 767px) and (min-width: 500px){
		.clients .history-slider .slider_nav_wrp {min-width: auto;}
	}
	@media only screen and (max-width: 499px){
		.clients .history-slider .slider_nav_wrp {min-width: auto;}
	}

	/* Design related changes on 11th November*/ 
	@media only screen and (max-width: 1199px) and (min-width: 992px){
		li.dropdown > ul ul.dropdown-menu {padding-left: 1px;max-height: 280px;overflow: auto;}
	}
	@media (max-width: 1080px){
		.contact-wrap .info-slider-wrap .col-sm-3{width: 33.33333333%;}
	}
	@media (max-width: 991px){
		li.dropdown.product_li > ul > li:last-child ul.dropdown-menu{
			width: 108px;padding: 5px;
		}
		.history-page .slider_caption h2{text-align: center;}
	}
	@media (max-width: 767px){
	li.dropdown.product_li > ul > li:last-child ul.dropdown-menu{width: 100% !important;}
	.contact-wrap .info-slider-wrap .col-sm-3{width: 100%;}
	}
	@media screen and (max-device-height: 1180px) and (orientation: portrait) {
		.carousel {height: calc(100vh - 58px);}
	}
	@media screen and (max-device-height: 896px) and (orientation: portrait) {
		.carousel {height:100vh;}
	}
	
	@media screen and (max-device-height: 767px) and (orientation: landscape) {
		.contact-wrap .info-slider-wrap .col-sm-3{width: 33.33333333%;}
		.team-info.client-testimonies{margin-top: 0;}
		#topheader-bg:after{background-color: transparent;}
		.gallery-title{max-width: 100%;}
		.aboutup{position: absolute;padding-left: 0rem;bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: 999;}
		.slider_caption-wrap .slider_caption{padding:0px 0px 0px 40px !important;width: 45% !important; top:auto !important; transform: none !important;}
		.gallery-wrap .close-icon {left: -47px;top: 0px;}
		.slider_caption-wrap .gallery-box{position: absolute;right: 35px;bottom: 10px;}
		.about-slide-up.about-up .aboutup img.closebtn{float: none;margin: 0px auto 10px}
		li.dropdown.product_li > ul > li:last-child ul.dropdown-menu {width: 111px;}
		.slider_caption.gallery-title p{text-align: left; margin-bottom: -18px;}
		.for-rest-pages .slider_caption h2{font-size:24px;letter-spacing: 1px;}
		li.dropdown > ul ul.dropdown-menu{max-height: 210px;overflow: auto;}
		.about.innerpages{ max-height: 46vh;}
		/* css for  design as mobile here */
		#my_menu{background: transparent; position: absolute;}
		.nav-hiding #my_menu{background: transparent;}
		#my_menu.navbg{background: #fff;position: relative;}
		#my_menu .navbar-toggle{display: block;order: 2;border-color: transparent; margin-right: 0px; padding:2px 0; position:absolute; right: 40px;}
		#my_menu .navbar-toggle:hover, #my_menu .navbar-toggle:focus {
			background: transparent;
		}
		.navbar-header:before, .navbar-header:after{display:none;}
		 /* .navbg .navbar-collapse.collapse.in{display:block !important;} */
		 .navbar.navbg .navbarbtn img.menubtn {display: none;}
		.navbar .navbarbtn img.closed {display: none;}
		.navbar.navbg .navbarbtn img.closed {display: none;}
		.navbg .navbar-collapse.collapse.in{display:block !important;}

		.aboutup img{max-width: 50px;}
		.gallery-box img{max-width: 40px;}
		.gallery-box span{font-size: 11px;padding: 0;}
		.carousel {height:100vh;}
		section.slider{max-height: 100vh;}
		section.slider.history-page{max-height: calc(100vh - 58px);}

		.nav-hiding #my_menu.navbg {background: transparent; position: absolute;}
		.nav-hiding .navbar.navbg .navbarbtn img.menubtn {display: block;}
		.nav-hiding .navbar.navbg .navbarbtn img.closed {display: none;}
		.nav-hiding #myNavbar{display: none !important;}
		.nav-hiding .navbar .logo img.logo-white {
			display: block !important;
		}
		.nav-hiding .navbar .logo img.logo-orange {
			display: none !important;
		}
		.navbar .logo img.logo-white{display: block;}
		.logo .logo-orange{display: none;}
		
		.navbg .logo img.logo-white {display: none;}
		.navbg img.logo-orange {display: block;}

	}

	@media (max-width: 767px) {
		.nav-hiding #my_menu.navbg {background: transparent;}
		.nav-hiding .navbar.navbg .navbarbtn img.menubtn {display: block;}
		.nav-hiding .navbar.navbg .navbarbtn img.closed {display: none;}
		/* .nav-hiding #myNavbar{height:0;} */
		body .slider_caption-wrap .slider_caption { padding-left: 15px !important; }
			.nav-hiding .navbar .logo img.logo-white {
				display: block !important;
			}
			.nav-hiding .navbar .logo img.logo-orange {
				display: none !important;
			}
			.nav-hiding .navbar-collapse {
				display: none;
			}
			.navbg .navbar-collapse.collapse {display: block;}
		}

		@media only screen and (max-width: 390px) and (orientation: landscape){
			.project_apge .slider_caption{width: 100%;}
			.slider_caption.gallery-title p{text-align: left;}
			.aboutup{position: absolute;padding-left: 0rem;bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: 999;}
		}
/*
	@media (min-width: 768px){
		#my_menu{background: transparent;}
		#my_menu .navbar-toggle{display: block;order: 2;border-color: transparent;}
		.navbar-header:before, .navbar-header:after{display:none;}
		 .navbg .navbar-collapse.collapse.in{display:block !important;}
		 .navbar.navbg .navbarbtn img.menubtn {display: none;}
		.navbar .navbarbtn img.closed {display: none;}
		.navbar.navbg .navbarbtn img.closed {display: block;}
		#my_menu ul li ul{width: auto;left: auto;right: 55px;margin-top: -6px;background-color:#ddddddd6;    border-radius: 0px;}
		#my_menu ul li ul li ul{margin-top: 6px;right: auto;left: -25px;width: 300px;background-color: #ffffffb5;}
		#my_menu .navbar-header{float: none;display: flex;justify-content: space-between;width: 100%;}
		#my_menu  .navbar-right{margin-right: 0;background-color: #ffffffb5;padding-right: 15px;}
		li.dropdown.product_li > ul:before{background: transparent;}
		.navbar-collapse.collapse{display:none !important;}
		.navbg .navbar-collapse.collapse.in{display:block !important;}
	}

.aboutup img{max-width: 50px;}
.gallery-box img{max-width: 40px;}
.gallery-box span{font-size: 11px;padding: 0;}*/