/*=============================================================================================================================
    MOBILE FIRST LAYOUT STYLES 
=============================================================================================================================*/
@media (max-width: 280px) {
}
/*===========================================================================================================================*/
@media (max-width: 360px) { 
   .box-404 .heading {  
     font:36px/1em 'roboto_condensedregular',Arial!important;
	 margin:20px 0 20px;
  }
  
}
/*===========================================================================================================================*/
@media (max-width: 580px) {   
}  
/*===========================================================================================================================*/
@media (max-width: 600px) { 
  .siteImg2 {
    max-width:100%;
    height:auto;
    margin:15px auto 15px;
    float:none;  
    display:block;
  }
  
}
/*===========================================================================================================================*/
@media (max-width: 767px) { 
  h1 {
    font:24px/1em 'roboto_condensedregular',Arial;
  }
  h2 {
    font:24px/1em 'roboto_condensedregular',Arial;
  }
  h3 {
    font:22px/1em 'roboto_condensedregular',Arial;
  }
  h6 {
    font:24px/1em 'roboto_condensedregular',Arial;
  }
  .subHeading {
    font:20px/1em 'roboto_condensedregular',Arial;
  }

  header {
    padding:0 0 10px 0!important;
	text-align:center;
  }
  header .topbar-phone {
    text-align:center;
  }
  header .topbar-wrapper {
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   flex-direction: column;	
  }
  header .topbar-email,
  header .topbar-hours,
  header .topbar-phone {
   width:100%;
   padding:5px;
  }
  
  nav.identifi_navbar  {
    float:none;    
    margin:30px -15px 0 -15px;
    text-align:center;
	background:#26272c;
	padding-left:15px;
	padding-right:15px;
  }
  nav.identifi_navbar  .nav {
    display:none !important;
  }
  .select-menu {
    display:inline-block !important;
	color:#ffffff;
	font-size:14px;	
	padding:8px 4px 8px 8px;
	margin:16px 0;
    width:100%;
    border:1px solid #ffffff;
    background:#1874c2;    
    cursor:pointer;
	height:48px;	
    vertical-align:middle;
	text-transform:capitalize;	
  }    
  
  .slider-caption-body .title {
    font:34px/1.0em 'roboto_condensedregular',Arial;
  }  
  

  
  .siteImg1 {
    margin-top:15px;
  }
  .productImg img {
    margin-top:10px;
  }

  .testimonial-box {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column; 
  }
  .testimonial-box .test-icon {
    width:100%;
    margin-bottom:20px;
	text-align:center;
  }
  .testimonial-box .test-comment {
    width:100%;
    padding-left:0;
  }  

  .cta-flex-text p {
    font:16px/1.2em 'robotoregular',Arial;
  }  
  
}
/*===========================================================================================================================*/
@media (min-width: 768px) { 
  .shell {    
    max-width:750px;
  }
  .tabs-vertical.tabs-corporate .nav-tabs li a,   
  .tabs-vertical.tabs-corporate .nav-tabs li a::before  {
    -webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);
  }
 
  /*--Controls Tabs in side menu mode--*/ 
  .tabs-vertical.tabs-corporate .nav-tabs li a::before  {
    content:''; 
    position:absolute; 
    top:-1px;  
    left:-1px;  
    width:calc(100% + 2px);
    height:calc(100% + 2px); 
    z-index:-1; 
    opacity:0; 
    -webkit-transform:scale3d(0.7, 1, 1); 
    transform:scale3d(0.7, 1, 1);  
    -webkit-transition:opacity 0.4s, -webkit-transform 0.4s; 
    transition:opacity 0.4s, -webkit-transform 0.4s; 
    -o-transition:transform 0.4s, opacity 0.4s; 
    transition:transform 0.4s, opacity 0.4s;  
    transition:transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
    -webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); 
    -o-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); 
    transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); 
    background:#3bbef4; 
  }  
  .tabs-vertical.tabs-corporate .nav-tabs li.active a { 
    color:#ffffff;      
    border-color:#1874c2;   
    background-color:#1874c2;
  }
  .tabs-vertical.tabs-corporate .nav-tabs li a:hover   {
    color:#ffffff;    
    border-color:#3bbef4;    
    /*background-color:transparent; */ 
    background-color:#3bbef4;  
  }  
  .tabs-vertical.tabs-corporate .nav-tabs li.active a::before,
  .tabs-vertical.tabs-corporate .nav-tabs li a:hover::before  { 
    opacity:1;  
    -webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform:translate3d(0, 0, 0) scale3d(1, 1, 1); 
  }
  .tabs-vertical {  
    display:-ms-flexbox;   
    display:-webkit-flex;  
    display:-webkit-box; 
    display:flex; 
    -webkit-flex-direction:row; 
    -ms-flex-direction:row;   
    -webkit-box-orient:horizontal;  
    -webkit-box-direction:normal;  
    flex-direction:row;
    -webkit-flex-wrap:nowrap;    
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap; 
    -webkit-align-items:flex-start;
    -ms-flex-align:start;  
    -webkit-box-align:start;   
    align-items:flex-start; 
  } 
  .tabs-vertical .nav-tabs { 
    display:-ms-flexbox; 
    display:-webkit-flex; 
    display:-webkit-box; 
    display:flex;  
    -webkit-flex-direction:column; 
    -ms-flex-direction:column;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal; 
    flex-direction:column; 
    -webkit-flex-wrap:nowrap; 
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap; 
    -webkit-align-items:stretch;
    -ms-flex-align:stretch; 
    -webkit-box-align:stretch; 
    align-items:stretch; 
    -webkit-flex-shrink:0; 
    -ms-flex-negative:0; 
    flex-shrink:0;  
    max-width:50%;
  }  
  .tabs-vertical .nav-tabs li { 
    border:0;   
    width:100%;  
    text-align:left; 
  }  
  .tabs-vertical .tab-content { 
    -webkit-flex-grow:1; 
    -ms-flex-positive:1; 
    -webkit-box-flex:1;   
    flex-grow:1;
  } 
  /*-- Controls Yabs width in side menu mode--*/
  .tabs-vertical.tabs-corporate .nav-tabs { 
    width:auto; 
    min-width:240px;  
    border:0;
  }  
  .tabs-vertical.tabs-corporate .nav-tabs li { 
    margin:0; 
  } 
   .tabs-vertical.tabs-corporate .nav-tabs li a { 
    position:relative;  
    border:0;  
    overflow:hidden;
    text-align:left;
    padding:14px; 
    border:1px solid #dddddd;
   }   
   .tabs-vertical.tabs-corporate .nav-tabs > li + li { 
    margin-top:2px; 
   } 
   .tabs-vertical.tabs-corporate .tab-content { 
    padding:0 0 0 10px;
   }
  
 
}
/*===========================================================================================================================*/
@media (max-width: 768px) {
}
/*===========================================================================================================================*/
@media (min-width: 991px) and (max-width: 1199px) {
}
/*===========================================================================================================================*/
@media (min-width: 768px) and (max-width: 1199px) { 
  h1.navbar-brand a img {
    max-width:70%;
  }
  nav.identifi_navbar li a {
    font:16px/1em 'roboto_condensedregular',Arial;
    padding:12px 10px;
  }
  h1.navbar-brand {
    top:94px;
  }

}
/*===========================================================================================================================*/
@media (min-width: 768px) and (max-width: 991px) {
  h1 {
    font:28px/1em 'roboto_condensedregular',Arial;
  }
  h2 {
    font:28px/1em 'roboto_condensedregular',Arial;
  }
  h3 {
    font: 28px/1em 'roboto_condensedregular',Arial;
  }
  h6 {
    font:28px/1em 'roboto_condensedregular',Arial!;
  }
  .subHeading {
    font:22px/1em 'roboto_condensedregular',Arial;
  }  
  
  .cta-flex-text p {
    font:16px/1.2em 'robotoregular',Arial;
  }  
  
}
/*===========================================================================================================================*/
@media (max-width: 991px) { 
  .btn-custom {  
    font:18px/1em 'roboto_condensedregular', Arial;
    padding:16px;   
  }  
  .slider-caption-body .btn  {
    font:18px/1em 'roboto_condensedregular', Arial;  
	padding:16px;
  }
  .btn-cta {  
    font:18px/1em 'roboto_condensedregular', Arial;
    padding:16px; 
  }
 
  header {
    padding:0 0 20px 0;
  }
  header h1.navbar-brand {
    position:relative;
    float:none;   
    top:28px;
    padding-bottom:0;
    text-align:center
  } 
  nav.identifi_navbar {
     float:none;
  }  

  .tabs-custom .product-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .productInfo {
    padding-right:0;
  }   

  .thumbnail .caption {
    text-align:center;
  }
  
  .contact-info-flex-box {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;	
  }  
  .contact-info-flex-box .info .title {
    margin-top:10px;
  }
  .contact-info-flex-box .info {
    padding-left:0;
  }  
  
  .cta-flex-wrapper {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;
  }
  .cta-flex-text {
    width:100%;
  }  
  .cta-flex-btn  {
    width:100%;
    margin-top:15px;
    text-align:center;
  }  
  
  .box-404 .heading {  
    font:46px/1em 'roboto_condensedregular',Arial;
	margin:20px 0 20px;
  }  
    
  footer .footTop-Col1  {
    width:100%; 
    padding:20px 0;	
  }
  footer .footTop-Col2  {
    width:100%; 	
	padding:20px 0;
	border:none;
  }
  footer .footTop-Col3  {
    width:100%;
    padding:20px 0;	
  }

}
/*===========================================================================================================================*/
@media (min-width: 992px) {
  .shell {
    max-width:970px;
  }  
  .tabs-vertical.tabs-corporate .tab-content { 
    padding:0 0 0 10px;
  } 
 
}
/*===========================================================================================================================*/
@media (max-width: 992px) {   
}
/*===========================================================================================================================*/
@media (min-width: 992px) and (max-width: 1199px) { 
  h1 {
    font:30px/1em 'roboto_condensedregular',Arial;
  }
  h2 {
    font:30px/1em 'roboto_condensedregular',Arial;
  }
  h3 {
    font:30px/1em 'roboto_condensedregular',Arial;
  }
  h6 {
    font:30px/1em 'roboto_condensedregular',Arial;
  }
  .subHeading {
    font:24px/1em 'roboto_condensedregular',Arial;
  }
  .btn-custom {
    font:20px/1em 'roboto_condensedregular', Arial;
  }   
  .slider-caption-body .btn  {
    font:20px/1em 'roboto_condensedregular', Arial;  
  }
  .btn-cta {  
    font:20px/1em 'roboto_condensedregular', Arial;
  }
  
  .products-flex-box .info a {
    font:18px/1em 'roboto_condensedregular',Arial;
  }

  .cta-flex-text p {
    font:18px/1.2em 'robotoregular',Arial;
  }

  footer .footTop-Col1  {
    width:32%; 	
  }
  footer .footTop-Col2  {
    width:36%;	
  }   
  footer .footTop-Col3  {
    width:32%; 
  }
    
}
/*===========================================================================================================================*/
@media (min-width: 1024px) and (max-width: 1199px) { 
}
/*===========================================================================================================================*/
@media (min-width: 1199px) {
}
/*===========================================================================================================================*/
@media (max-width: 1199px) {
  .hpage-info-flex-box .icon span {
    width:60px;
    height:60px;
    line-height:60px;
    font-size:26px;
  }

  .ContactForm,
  .QuoteForm,
  .TestimonialForm {
    margin-top:20px;
  }
  .ContactForm .Message .fieldInfo,
  .QuoteForm .Message .fieldInfo,
  .TestimonialForm .Message .fieldInfo {
    margin-bottom:0;
  }
  .ContactForm .code-request,
  .QuoteForm .code-request,
  .TestimonialForm .code-request {
    text-align:center;
  }
  .ContactForm .sendForm,
  .QuoteForm .sendForm,
  .TestimonialForm .sendForm  {
    margin-top:15px;
    text-align:center;
  }
  
}
/*===========================================================================================================================*/
@media (min-width: 1200px) {  
 .shell { 
   max-width:1200px; 
 } 

}
/*===========================================================================================================================*/
@media (max-width: 1200px) {
}
/*===========================================================================================================================*/
@media (min-width: 1200px) and (max-width: 1199px) { 
  .shell {  
    padding-left:30px; 
    padding-right:30px;
  }
 
}
/*===========================================================================================================================*/
@media (min-width: 1220px) {
  .container {
    padding: 0;
  }   
  
}
/*===========================================================================================================================*/
@media (max-width: 1800px) {  
}
/*===========================================================================================================================*/