@media screen and (max-width: 1199px) {
.wrapper,.inner-wrapper {
	width: 100%;
	margin: auto;
	padding: 0;
}
}

/*****************Menu *****************/
@media screen and (min-width: 200px) and (max-width: 950px) {
.slicknav_menu {
	display: block;
	padding: 10px 0;
}
#nav {
	display: none;
}
}
 @media screen and (max-width: 499px) {
.js #menu {
	display: none;
}
.js .slicknav_menu {
	display: block;
}
.headingbg h1 {
	font-size: 26px;
}
.registration_details {
	width: auto;
}
.registration_table p {
	line-height: 22px;
}
.scroll table {
	width: 1000px;
}
.scroll {
	width: 100%;
	overflow: auto;
	text-align: left;
}
}
 @media screen and (min-width: 500px) and (max-width: 950px) {
.js #menu {
	display: none;
}
.js .slicknav_menu {
	display: block;
}
.slicknav_nav, .slicknav_nav ul {
	width: 300px;
	margin: auto;
}
#nav {
	display: none;
}
.scroll table {
	width: 100%;
}
.scroll {
	width: 100%;
	overflow: auto;
	text-align: left;
}
}
 @media screen and (min-width: 1025px) and (max-width: 1190px) {
.slicknav_menu {
	display: none;
}




}
/***************** Menu  *****************/

/*****************header *****************/
 @media screen and (max-width: 699px) {
    .header {
        background: #122744;
        text-align: center;
        padding: 15px 0 0px;
    }
.header-left {
	background: none;
}
.header-center {
	width: auto;
	padding: 0;
}
.header-left img {
	width: 40%;
	background: #fff;
	padding: 10px;
}
.header-center h1 {
	font-size: 23px;
	line-height: 44px;
}
.header-center h2 {
	font-size: 16px;
}
.header-center ul li {
	font-size: 13px;
}
.skltbs-panel-group{
	height:auto!important;}
}
/*****************header *****************/

/*****************Banner *****************/
  @media screen and (min-width: 200px) and (max-width: 425px) {
.contact {
    text-align: center;
    float: none;
    width: 100%;
}
.contact ul li {
    padding: 10px 10px;
  
}
.forenquiry h3 {
    float: none;
     padding: 10px 0;
    font-weight: 100;
    text-align: center;
	background: #faa012;
   }
.forenquiry {
    float: none;
    width: 100%;
}
element.style {
    float: none;
    width: 100%;
    margin: 0px 0 0 0px;
    text-align: center;
}
.forenquiry ul li {
       margin: 5px 0;
}
.company p {
      color: #ec3237;
	  font-size:20px;
}
.banner-text {
    position: absolute;
    width: 100%;
    top: 13%;
    z-index: 11;
}

.banner-text h2 {   
    font-size: 20px;
    line-height: 26px;
}
.nrml1 {
    display: block;
    font-weight: normal;
    font-size: 15px;
}


.company {
    float: none;
    width: auto;
    text-align: center;
}
.company img {
    width: 20%;
}
.about {    
    padding: 10px;
}
 .welcome {
     padding: 20px 0;
}
.images {
    float: none;
    width: 100%;
    margin: 0;
}
.container4-bg {
    padding: 10px;
    text-align: center;
}
.customer-img {
    width: auto;
    float: none;
    height: 430px;
}
.customer {
    width: auto;
    float: none;
    color: #162b47;
    padding: initial;
}
.mission li {
    float: none;
    box-sizing: border-box;
    width: auto;
}
.container5-bg {    
    padding: 10px;
  
}

.wh-help {
    padding-bottom: 5em;
    overflow: hidden;
    text-align: center;
}
.wh-help h3 {  
    width: auto;  
   
}

/************innerpg**********/
.heading {
    padding: 20px 10px;
}
.inner-page {
    padding: 20px 10px;
}
.inner-header h2 {
    float: none;
    margin: 0;
    text-align: center;
    font-size: 24px;
}
.path-link {
    margin: 10px 0;
    float: none;
    text-align: center;
}
.research-img, .missions-img {
    float: none;
    width: auto;
}
.research-text, .missions-text  {
    float: none;
    width: auto;
    margin-top: 2em;
}
.vision {
    background: #f7f7f7;
    padding: 20px;
}

.vision-text {
    float: none;
    width: auto;
    margin-top: 0em;
}
.vision-img {
    float: none;
    width: auto;
}

.career-text {
    float: none;
    width: unset;
    margin-top: auto;
}
.career-img {
    float: none;
    width: auto;
}p.text-tre {
    font-size: 23px;
    line-height: 33px;
}

.product-page {   
    padding: 1em;
   
}


.contact-left {
    float: none;
    width: auto;
    margin-top: auto;
}
.contact-right {
    float: none;
    width: auto;
    margin-top: 3em;
}
.enquiry ul li {
    width: auto;
    margin: 0px 0px 20px;
}

.product-enquiry {
    width: 100%;
   height: 100%;   
    overflow: scroll;
   
}

/************innerpg**********/	
}
@media screen and (min-width: 426px) and (max-width: 768px) {
 
    .banner-text {      
        top: 15%;
        z-index: 11;
    }
    .banner-text h2 {       
        font-size: 27px;
        line-height: 33px;
    }
    .nrml1 {       
        font-size: 18px;
    }

    .application-diversity li {      
        width: 45%;      
    }
    .img-box {       
        height: auto;
    }
    .customer-img {
        width: 40%;
        float: left;
        height: auto;
    }
    .customer {
        width: auto;
        float: none;
        color: #162b47;
        padding: 2em 0 0;
        overflow: hidden;
    }

    .mission li {
        float: none;
        box-sizing: border-box;
        width: auto;
    }
    .container5-bg {       
        padding: 4em 0px;        
    }
    .wh-help {
        padding: 20px;
    }
    .wh-help h3 {        
        width: auto;
        
    }
    


    .inner-header {        
        padding: 2em 10px;
        overflow: hidden;
    }
    .inner-header h2 {      
        font-size: 24px;
    }
    .inner-page {
        padding: 1em;
        overflow: hidden;
    }

    .research-img, .missions-img {
        float: none;
        width: auto;
    }
    .research-text, .missions-text {
        float: none;
        width: auto;
        margin-top: 1em;
    }
    .vision-text {
        float: none;
        width: auto;
        margin-top: 0em;
    }
    .vision-img {
        float: none;
        width: auto;
    }.about1, .vision, .missions {
        padding-top: 1em;
    }
    
    .career-text {
        float: none;
        width: unset;
        margin-top: auto;
    }
    .career-img {
        float: none;
        width: auto;
    }p.text-tre {
        font-size: 23px;
        line-height: 33px;
    }
    .product-enquiry {
        width: 100%;
       height: 100%;   
        overflow: scroll;
       
    }

 

     
}


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

    .skltbs-theme-light .skltbs-tab {
        padding: 20px;
        background-image: radial-gradient(circle at center right, rgb(102, 218, 252),rgb(34, 111, 221));
    }
    a.nav-link {
        color: #ffff;
    }
    .product-contentlist li {   
        margin: 1em 0 2em;   
    }
    .product-contentlist li:nth-child(even) h3 {
        border-left: 3px solid #d2d2d2;
        /* border-left: none; */
    }
    .product-contentlist li:nth-child(even) {
        text-align: inherit;
    }
    .product-contentlist li:nth-child(even) button {
        float: none;
    }
    .product-contentlist button {   
        background: #6f7484;
    }
    .skltbs-theme-light .skltbs-panel-heading .skltbs-tab, .skltbs-theme-dark .skltbs-panel-heading .skltbs-tab {
        width: 100%;
        text-align: center;
    }
    .st.st-vertical>.tab-content {
        float: none;
        width: 100%;
        height: auto !important;
    }

    .skltbs-panel {
        width: 100% !important;
    }

    
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

    .banner-text {      
        top: 23%;
        z-index: 11;
    }.application-diversity li {        
        width: 30%;
    }
    .img-box {       
        height: auto;       
    }
    .container4-bg {        
        padding: 10px;       
    }
    .container5-bg {        
        padding: 6em 20px 7em;        
    }
/********innerpg*****/
.inner-header {
    background: #f5f5f5;
    padding: 2em;
    overflow: hidden;
}

.inner-page {
    padding: 1em;
}
.vision-text {
    float: left;
    width: 54%;
    margin-top: 3em;
}
.research-text, .missions-text {   
    margin-top: 2em;
}
.career-text {   
    margin-top: 2em;
}
p.text-tre {
    font-size: 16px;}

}

   
/********innerpg*****/	
 @media screen and (max-width: 760px) {
	
}	
	
	
	
 @media screen and (max-width: 1023px) {	
	   
.menubg {
    float: none;
    margin: auto;
    width: 83%;
}
 

}