/*========================================================
    MOBILE FIRST LAYOUT STYLES 
=========================================================*/
@media (max-width: 320px) {  
 .header-wrapper .tel li a {    
   font:30px/1em 'bebas_neueregular',Arial; 
 }

}
/*===========================================================================================================================*/
@media (max-width: 360px) {
}
/*===========================================================================================================================*/
@media (max-width: 480px) { 
 .newsItem img {   
   float:none;   
   margin-right:0;   
   margin-bottom:15px;   
   width:100%;
 } 

}
/*===========================================================================================================================*/
@media (min-width: 560px) and (max-width: 991px) {
}
/*===========================================================================================================================*/
@media (max-width: 767px) {
 h1{
   font:34px/1em 'bebas_neueregular',Arial;
 }
 h2 {
   font:28px/1em 'bebas_neueregular',Arial;
 }
 h3, h4, h5 {
   font:28px/1em 'bebas_neueregular',Arial;
 }
 .bg-red p {
   font: 28px/1em 'bebas_neueregular',Arial;
 }
 
 .menu-wrapper {  
   padding-top:0;
   padding-bottom:0;
 }  
 nav.navbar_hazkem {
  float:none; 
  margin:0;
  text-align:center;
 }
 nav.navbar_hazkem .nav {
   display:none !important;
 }
 .select-menu {
   display:inline-block !important;
   padding:8px 4px 8px 8px;
   margin:16px 0;
   width:100%;
   border:1px solid #ffffff;
   border-radius:5px;
   background:#da141d;
   color:#ffffff;
   cursor:pointer;
   height:46px;
   font-size:16px;	
   vertical-align:middle;
   text-transform:capitalize;	
 }    
 
 .news-article .newsItem {      
   display:flex;   
   flex-direction:column; 
 }    
 .news-article .newsItem .date {    
   padding:20px 0 10px;
 } 
 .news-article .newsItem .heading {   
   font:36px/1em 'bebas_neueregular',Arial;   
   margin:0;   
   padding:0 10px 20px;   
   text-align:center;     
 }  
 .news-article .articleInfo {   	   
   display:flex;   
   flex-wrap: wrap;
 } 
 .news-article .articleInfo .newsBtns {
   text-align:center;
 } 
 .news-article .articleInfo .articleImg {   
   width:100%;       
   margin-top:30px;   
   text-align:center;
 } 
 .news img {  
   float:none;  
   margin-right:0;  
   margin-bottom:15px;  
   width:100%;
 }   
 
 .box-404 .heading {   
   font:180px/1em 'bebas_neueregular',Arial; 
 }
 .box-404 .description { 
   font:32px/1em 'bebas_neueregular',Arial; 
 }
  
}
/*===========================================================================================================================*/
@media (max-width: 768px) {
}
/*===========================================================================================================================*/
@media (min-width: 768px) and (max-width: 1199px) {
}
/*===========================================================================================================================*/
@media (min-width: 768px) and (max-width: 991px) { 
 .menu-wrapper {  
   padding-bottom:5px;
 } nav.navbar_hazkem {
   text-align:center;
 }  
 nav.navbar_hazkem .sub-menu > ul {   
   top:50px;	
 }
 nav.navbar_hazkem .sub-menu > ul li a {
   padding:7px 10px 10px 10px;    font:14px/14px 'ArimoRegular',Arial;  
 }
 nav.navbar_hazkem li a {
  font:16px/40px 'bebas_neueregular',Arial;
  padding:0 8px;  
 }
 nav.navbar_hazkem li span {
   bottom:2px;  
 }
 nav.navbar_hazkem .nav.sf-menu {
   float:none;
   display:inline-block;
 } 
 
}
/*===========================================================================================================================*/
@media (max-width: 991px) {  
 header {   
   height:auto;      
   text-align:center; 
 }
 .header-wrapper  h1.logo { 
   float:none; 
   width:100%;  
   text-align:center;
   margin:15px 0 15px 0;
 } 
 .header-wrapper .slogan {
   padding:0;	
   min-height:0;  
   float:none;
   font:26px/1em 'bebas_neueregular',Arial;
 } 
 .header-wrapper .tel {
   display:block;
   overflow:hidden; 
   width:100%;
   margin:0; 
   padding:15px 0 10px; 
   float:none; 
   text-align:center;
 } 
 .header-wrapper .tel li {
   float:none; 
   display:block;
 }  
 .header-wrapper .tel .fa-phone {
   font-size:36px;
 }
 .header-wrapper li:first-child { 
   /*margin-bottom:5px;*/ 
   /*ext-align:center;*/ 
   display:none;
 } 

 .carousel-inner .caption .title { 
   font:64px/54px 'bebas_neueregular', Arial;
 } 
 .carousel-inner.caption .subtitle {  
   font:16px/1em 'ArimoRegular', Arial;
 }  
 
 .hPage-sect2 .list3 {
   max-width:560px;
   margin:0 auto;
 } 
 .hPage-sect2 hr {
   max-width:560px;
   margin:0 auto;
 }
 .hpage-sect3 .box { 
   text-align:center;
 } 
 
 .serviceInfo .service-box {  
   display:block; 
   width:100%; 
   text-align:center;
 }  
 .media-box .media-md,
 .media-box .media-left, 
 .media-box .media-body { 
   display:block; 
   width:100%; 
   text-align:center;
   padding-right:0; 
 } 
 .media-box img {
   margin-bottom:15px;
 } 
 
 .sideMenu {
   margin-top:10px;
 }
 
 .panel-group-custom {
  margin-top:10px;
}

 .contactForm-body .code-request  {
   text-align:center; 
 } 
 .contactForm-body .sendForm {
   margin-top:15px; 
   text-align:center;
 }
 
}
/*===========================================================================================================================*/
@media (min-width: 991px) {  
}
/*===========================================================================================================================*/
@media (min-width: 992px) {  
}
/*===========================================================================================================================*/
@media (min-width: 992px) and (max-width: 1199px) {  
 nav.navbar_hazkem li a {
   font:18px/50px 'bebas_neueregular',Arial;  
 } 
 
 .header-wrapper  h1.logo { 
   margin:15px 80px 0 0; 
 } 
 .header-wrapper .slogan { 
   color:#ffffff; 
   font:30px/1em 'bebas_neueregular',Arial;
   padding:56px 0 0;
 }
 .header-wrapper .tel { 
   margin:54px 0 0 0; 
 } 
 
 .carousel-inner .caption .title { 
   font:90px/80px 'bebas_neueregular', Arial;
 }  
 
 .hPage-sect2 .list3 .fa-exclamation-triangle { 
   font-size:30px;  
 }
 .hPage-sect2 .list3  li a {
   color:#f8f8f8;
   font:400 15px/3em 'ArimoRegular',Arial;
 }
 .hpage-sect3 .box .heading {  
  font:26px/1em 'bebas_neueregular',Arial; 
 }
 
 .sideMenu .btn-sideMenu {
   font:500 22px/1em 'bebas_neueregular',Arial;
 }
  
}
/*===========================================================================================================================*/
@media (max-width: 1199px) {  
}
/*===========================================================================================================================*/
@media (min-width: 1200px) {
}
/*===========================================================================================================================*/
@media (max-width: 1200px) {
}
/*===========================================================================================================================*/
@media (min-width: 1200px) and (max-width: 1199px) { 
}
/*===========================================================================================================================*/
@media (min-width: 1220px) {
 .container {
   padding: 0;
 }   
}
/*===========================================================================================================================*/
@media (max-width: 1800px) {
}
/*===========================================================================================================================*/