/*========================================================
                RESPONSIVE LAYOUTS STYLES 
=========================================================*/
@media (min-width: 1220px) {
   .container {
    padding: 0;
  }
}

/*===========================================================================================================================*/
@media (max-width: 992px) {
   header {
   text-align: center;
  } 
}

/*===========================================================================================================================*/
@media (max-width: 991px) {

   #toTop {
   display: none !important;
  }

  
   nav.navbar_custom {
   float: none;
   padding: 0 15px;
   margin: 0;
   text-align: center;
  }
   nav.navbar_custom .nav {
   display: none !important;
  }

  
   .select-menu {
   display: inline-block !important;
   padding: 8px;
   margin: 15px 0;
   width: 100%;
   border: 1px solid #047972;
   background:#05a398;
   color: #ffffff;
   cursor: pointer;
   height: 38px;
   font-size: 16px;	
   vertical-align: middle;
   text-transform:capitalize;	
  }  
  
}  


/*===========================================================================================================================*/
@media (min-width: 992px) and (max-width: 1152px) {
  
   nav.navbar_custom li a {
   position: relative;
   padding: 0 18px;
   font: 16px/66px 'OswaldLight',Arial;
   color: #ffffff;
   text-transform: uppercase;
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
   background: none;
   -webkit-transition: all 0.25s;
   -o-transition: all 0.25s;
   transition: all 0.25s;
  }

}

/*===========================================================================================================================*/
@media (min-width: 768px) and (max-width: 991px) {
   #toTop {
   display: none !important;
  }     

   nav.navbar_custom {
   text-align: center;
  }

   .info1-box  .caption .title {
   font: 20px/20px 'OswaldRegular',Arial;
  }
   .info1-box  .caption .title2 {
   font: 14px 'OswaldRegular',Arial;  
  }
   .info1-box  .caption .callNow {  
   font: 16px/16px 'OswaldRegular', Arial;  
  }    
   .info1-box a[href^="tel:"] {
   font: 16px/16px 'OswaldRegular', Arial;   
  }

}

/*===========================================================================================================================*/
@media (max-width: 767px) {
   #toTop {
   display: none !important;
  }

   header h1.logo {
   position: relative;
   float: none;
   top:24px;
   padding-bottom:10px;
  }  
   header .tel {
   float: none;
   margin: 30px 0 0 0;
   font-size: 28px;
  }  
  
   footer {
   text-align:center;
  }

}

/*===========================================================================================================================*/
@media screen and (min-width:240px) and (max-width:991px){

   .contactForm  { 
   padding-bottom:20px;
   border-bottom:1px solid #e0e0e0;  
  }
   .contact-Info { 
    padding-bottom:20px;
  }

}

/*===========================================================================================================================*/
@media (max-width: 560px) {  

   .workshops section img {
   width: 40%;  
  }

   .testimonial section .title {
   font: 18px/18px 'OswaldRegular',Arial;
  }

   h1 {
   font: 20px/20px 'OswaldRegular',Arial;
  }

   h3 {
   font: 18px/18px 'OswaldRegular',Arial;	
  } 
  
}
/*===========================================================================================================================*/
@media (max-width: 480px) {
   .col-xs-6 {
   width: 100%;
   float: none;
  }
}
/*===========================================================================================================================*/
@media (max-width: 320px) {
  .col-xs-4 {
   width: 100%;
   float: none;
  }
  .col-xs-6 {
   width: 100%;
   float: none;
  }

}
/*===========================================================================================================================*/
/*Core variables and mixins*/
/*-------------------------------------------------*/