.sertif
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
    .sertif-item
    {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
  h5  a:hover {
  color: #F66E00 !important;
  text-decoration: none;
}




@media only screen and (min-width: 100px) and (max-width: 410px) {
	div.header {
		padding-bottom: 30px !important;}
	div.header span.title {
    font-size: 27px !important;
}
div.header div.header-logo {
    padding-left: 130px;
    margin-left: 10px;
}
div.header span.subtitle {
    font-size: 16px;
}
	div.header div.header-phone {
    margin: 0px 0 0px 0px !important;
    padding: 0px 0px 0px 30px;
}
	div.header div.header-phone h5 a {
    font-size: 20px !important;
}
	div.header div.header-quote {
    padding: 0px 0px 0px 30px !important;
		background-repeat: repeat-y !important;
		margin-bottom:30px;
}
	div.header span.icon-chat, div.header span.icon-phone{
		margin-left:52px !important;
	}
	.footer-header-column-3, .footer-header-column-2 {margin-top:30px;}
	

	
}

	div.header h5 a{
    font-size: 13px;
}


@media only screen and (min-width: 410px) and (max-width: 768px) {
    
    div.header div.header-logo {
    padding-left: 130px;
    margin-left: 10px;
}
		div.header {
		padding-bottom: 30px !important;}
	div.header span.title {
    font-size: 28px !important;
}
	div.header div.header-phone {
    margin: 0px 0 0 0px !important;
    padding: 0px 0px 0px 30px;
}
	div.header div.header-phone h5 a {
    font-size: 20px !important;
}
	div.header div.header-quote {
    padding: 0px 0px 0px 30px !important;
		background-repeat: repeat-y !important;
		margin-bottom:30px;
}
	div.header span.icon-chat, div.header span.icon-phone{
		margin-left:52px !important;
	}
	
.content .people .col-xs-12 {
  width: 50%;
}
.gallery-bottom-box h5, .gallery-bottom-box h5 a { font-size: 15px;}
	.gallery-bottom-box  span {font-size:11px;}

	
}


@media only screen and (min-width: 768px) and (max-width: 990px) {
        div.header div.header-logo {
    padding-left: 130px;

}
		div.header {
		padding-bottom: 30px !important;}
	div.header span.title {
    font-size: 28px !important;
}
	div.header div.header-phone {
    margin: 0px 0 0 0px !important;
    padding: 0px 0px 0px 30px;
}
	div.header div.header-phone h5 a {
    font-size: 20px !important;
}
	div.header div.header-quote {
    padding: 0px 0px 0px 30px !important;
		background-repeat: repeat-y !important;
		margin-bottom:30px;
}
		div.header span.icon-chat, div.header span.icon-phone{
		margin-left:42px !important;
	}
	.gallery-bottom-box h5, .gallery-bottom-box h5 a { font-size: 15px;}
	.gallery-bottom-box  span {font-size:11px;}
	.padding-left-0 {padding-left:0;}
}


@media only screen and (min-width: 990px) and (max-width: 1024px) {
		div.header span.title {
    font-size: 28px !important;
}
div.header span.icon-phone {
  margin-left: 0px;
}
	div.header div.header-phone {
    margin: 8px 0px 30px 0px !important;
    padding: 0px 0px 0px 30px;
}
	div.header div.header-phone h5 a {
    font-size: 20px !important;
}
	div.header div.header-quote {
    padding: 38px 0px 30px 30px !important;

}

div.header .col-md-3 {padding-left: 0px; padding-right:0px;}
.gallery-bottom-box h5, .gallery-bottom-box h5 a { font-size: 17px;}
	.gallery-bottom-box  span {font-size:13px;}
.padding-left-0 {padding-left:0;}

}


@media only screen and (min-width: 1024px) and (max-width: 1199px) {
.gallery-bottom-box h5, .gallery-bottom-box h5 a { font-size: 17px;}
	.gallery-bottom-box  span {font-size:13px;}
	.card-height {height:383px;}
	.padding-left-0 {padding-left:0;}
}

@media only screen and (min-width: 1200px) {

	.card-height {height:443px;}
	.padding-left-0 {padding-left:0;}
}