/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
   
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
 	.header-contact .phones, .header-contact .email
 	{
 		margin-left: 20px;
 	}  

 	#index .social
 	{
 		margin-left: 20px;
 	}

 	#header
	{
		padding: 0 0 40px 0;
	} 

	#header:after
	{
		display: none;
	}

	#menu-trigger
	  {
	  text-decoration: none;
	  display: block;
	  color: #303d4f;
	  font-size: 20px;
	  font-weight: 600;
	  width: auto;
	  text-transform: uppercase;
	  text-align: center;
	  padding: 10px 0;
	  outline: none;
	  margin: 50px 0 0 0;
	  float: right;
	  }
	  
	  #menu-trigger i
	  {
	  font-size: 20px;
	  font-weight: 400;
	  margin: 0 0 0 10px;
	  }

	  .header-image .container
	  {
	  	height: 100%;
	  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {  
	#footer-info {
	    padding-right: 20px;
	}

	.services-slider .slide
	{
		padding: 30px 10px;
		height: auto;
	}

	.services-slider .slide > div,
	.services-slider .slide > div > div
	{
		display: block;
	}

	.services-slider .slide h4
	{
		font-size: 16px;
	}

	.services-slider .slide .slide-content
	{
		padding: 30px 25px;
	}

	.services-slider .slide .slide-content .buttons
	{
		text-align: center;
	}

	.services-slider .slide .slide-content .buttons a
	{
		display: inline-block;
		margin-bottom: 10px;
	}

	.services-slider .slide .slide-content .buttons .button:first-child
	{
		float: none;
	}

	.services-slider .slide .slide-content .buttons .button:last-child
	{
		float: none;
	}
	
	#menu-trigger
	  {
	  text-decoration: none;
	  display: block;
	  color: #303d4f;
	  font-size: 20px;
	  font-weight: 600;
	  width: auto;
	  text-transform: uppercase;
	  width: 100%;
	  text-align: center;
	  padding: 10px 0;
	  outline: none;
	  margin: 0 0 10px 0;
	  }
	  
	  #menu-trigger i
	  {
	  font-size: 20px;
	  font-weight: 400;
	  margin: 0 0 0 10px;
	  }

	  #header > .container
	  {
	  	padding: 0;
	  }

	#header
	{
		padding: 0;
	} 

	#header:after
	{
		display: none;
	}

	#logo
	{
		display: block;
		float: none;
		text-align: center;
		margin: 30px 0 15px 0;
	}

	#logo img
	{
		display: inline-block;
	}

	#index .header-image
	{
		height: auto;
		background-image: none !important;
	}

	.header-image-mobile
	{
		height: 350px;
	}

	#index .header-image .container
	{
		height: auto;
		padding: 0;
	}

	.header-image h4
	{
		padding-top: 20px;
	}

	.header-image h3, #index .header-image h3
	{
		padding-bottom: 20px;
	}

	.header-image h4, .header-image h3
	{
		display: block;
	}

	#index .header-image .container > div
	{
		position: relative;
		bottom: auto;
		left: auto;
	} 

	#index .header-image h3
	{
		font-size: 30px;
		line-height: 30px;
	}

	.header-image h3
	{
		font-size: 30px;
		line-height: 30px;
	}

	#index .social, .social
	{
		margin: 0 0 20px 0;
		float: none;
		text-align: center;
	}

	.social a
	{
		float: none;
		display: inline-block;
		margin: 0 7px;
	}

	.header-contact-right h5
	{
		position: relative;
		left: auto;
		top: auto;
		float: none;
		text-align: center;
		margin: 0 0 15px 0;
	}

	.header-contact .phones, .header-contact .email
	{
		margin: 0 0 15px 0;
		float: none;
		text-align: center;
	}

	.header-contact-right
	{
		float: none;
	}

	.header-contact-info
	{
		float: none;
	}

	.header-contact h5
	{
		float: none;
		text-align: center;
	}

	.header-services a
	{
		width: 25%;
		margin-bottom:45px;
	}

	.header-services a:last-child
	{
		margin-bottom: 0;
	}

	.header-services a:hover
	{
		margin-top: 0;
	}

	.slider .slide .content h4
	{
		font-size: 26px;
	}

	.slider .slide
	{
		padding: 40px 20px;
	}

	.image-boxes h2
	{
		font-size: 26px;
	}

	.image-boxes .content
	{
		height: auto;
	}

    .footer-col
    {
    	margin-bottom: 30px;
    }

    #footer h4
    {
    	min-height: 1px;
    }

    .row-eq-height
    {
    	display: block;
    }

    h1
    {
    	font-size: 30px;
    }

    .kc_column
    {
    	padding-left: 15px !important;
    }

    .repeater-list img
    {
    	width: 120px;
    }

    .repeater-list .content
    {
    	width: calc(100% - 150px);
    }

    .seminar
    {
    	margin-bottom: 80px;
    }

    .seminar:last-child
    {
    	margin: 0;
    }

    .seminar-list > div:nth-child(2n+2)
    {
    	border-left: 0;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
   .header-services a
	{
		width: 50%;
		margin-bottom:45px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}
