@media (min-width: 992px) {
 /* header {
    padding: 156px 0 0 0px;
  }*/
}
.mobile-display{
	display:none;
}
.dextop-display{
	display:block;
}

@media (min-width:320px ) and (max-width: 768px) {
.body{  
	font-size:12px !important;
}
.navbar-dark .navbar-nav{
	text-align:left !important;
}
.carousel-caption h1{
	font-size:30px !important;
}

h2{
	font-size:26px !important;
}
h3{
	font-size:22px !important;
}
.mobile-display{
	display:block;
	padding-bottom:30px;
}
.dextop-display{
	display:none;
}
header {
  padding:0px 0 0 0px !important;
}
.navbar-dark .navbar-toggler {
    color: #268ece!important;
    border-color:#268ece !important;

}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(38, 142, 206, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}
.bg-white {
	border-bottom:#f2f2f2 1px solid;
}
/* change the brand and text color */
.navbar-dark .navbar-brand,
.navbar-dark .navbar-text {
    color:#000 !important;
	background:url(../images/logo-mobile.png) no-repeat left;
	width:100px;
	height:55px;
	text-indent:-9999px;
    /*padding: 0.8rem 1rem;*/
}
.carousel-caption{
	display:none;
}

.banner{
	padding-top:72px;
}
video{
	width:100%;
}

.padding-top100{
	padding-top:0px;
}
.padding60{
	padding:20px 15px!important;
}
.about-section{
	padding:30px 0 0 0;
}
.leadership-section{
	padding:30px 0 0 0;
}
.padding-top50{
	padding-top:20px;
	padding-bottom:20px;
}
.misson-visson{
	padding-top:30px;
	padding-bottom:20px;
}
.product h2, .specialised h2, .infrastructure h2{
	padding:30px 0;
}
.padding-left-50{
	padding-left:15px !important;
	padding-top:20px;
}
.product-bottom{
	background:url(../images/product-bg.jpg) repeat-y;
	padding-top:10px;
	padding-bottom:10px;
}
.product h4 {
    font-family: 'Roboto Slab', serif;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
    color: #022c47;
    margin: 0px;
    padding:0px 0 20px 0;
}
.why-top{
	padding:0px 30px;
}
.why-top-img{
	background:#f9f9f9;
	padding:0px 0 0px 0;
}
.why-top h2{
	color:#FFF;
	padding:20px 0 20px 0;
}
.leadership{
	background:url(../images/leadership-bg.jpg) repeat-y;
}
.leadership ul li{
	text-align:center;
}
.leadership h2{
	padding:20px 0 0px 0;
}
.leadership h3{
	padding:20px 0 0px 0;
}
.initiatives-section{
	padding:30px 0;
}
.initiatives-section h4{
	font-size:30px;
	text-transform:uppercase;
	font-weight:400;
	color:#022c47;
	margin:0px;
	padding:0px 0 20px 0;
}
.padding-right50{
	padding-right:70px !important;
	padding-top:50px;
}
.initiatives-section .mt-5{
	margin-top:0px !important;
}
.padding-right50{
	padding-right:15px !important;
	padding-top:30px;
}
/************Specalised Extrusion***********/
.specalised{
	background:#00539f;
	padding:15px 0 15px 0;
}
.specalised h2{
	padding:20px 0;
}
.specalised-body{
	padding:0 20px 80px 20px !important;
}
/************ Global *************/
.global h2{
	padding:20px 0;
}
/******************Contact *********************/
.contact-section{
	padding-top:30px;
}
.contact-bg{
	background:url(../images/contact-bg.jpg) no-repeat center top;
	padding:40px 0;
}
.contact-left{
	background:#2486c7;
	padding:15px 15px;
}
.contact-left h3{
	font-size:32px !important;
	padding-bottom:30px;
}
.contact-left ul li{
	padding:10px 0px !important;
	color:#fff;
	font-size:16px;
}
.contact-left ul li i{
	padding:0px 10px 0px 0px;
	color:#FFF;
	font-size:22px;
}
.bg-contact{
	background:#01123e;
	margin-top:30px;
	padding-top:30px;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #1560a3 !important;
	font-size:18px !important;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
    background-color:transparent !important;
    background-clip: padding-box;
    border-bottom: 1px solid #2388c5 !important;
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    border-radius:0 !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
	border-color:#000;
}
.form-control::-moz-placeholder {
  color: #1560a3 !important;
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  font-size:18px;
}
.form-control:-ms-input-placeholder {
  color: #1560a3;
  font-size:18px;
}
.form-control::-webkit-input-placeholder {
  color: #1560a3;
  font-size:18px;
}
/***************Footer***************/
footer{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	color:#FFF;
	text-align:center;
	background:#01123e;
	padding:0px 0 20px 0;
}
.img-center{
	margin: 0 auto;
	display:block;
}


}