@media(min-width: 1440px) {
    .col-custom-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-custom-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-custom-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    } 
	.d-custom-block {
		display: block !important;
	}
}
@media(min-width: 1200px) {
	.d-custom2-block {
		display: block !important;
	}
}
@media(max-width: 1439px) {
    .header .contact .phone a {
        height: 25px;
        width: 60px;
        background-position: center;
        
    }
    .header .contact .link a {
        background: url(../images/icon-envelope.png) no-repeat 20px center;
        background-size: auto 20px;
        width: 55px;
        height: 25px;
    }
    .header .contact {
        display: inline-block;
        margin-bottom: -5px;
    }  
    .header .contact .text {
        display: none;
    }
}
@media(max-width: 1199px) {
    .d-custom-right {
        text-align: right !important;
    }
	.page-banner { height: 330px !important; }
    #wrapper { padding-top: 0; }
}
@media(max-device-width: 1199px) { 
    .about,
    .feels,
    .blog { background-attachment: scroll; }
}
@media(max-width: 991px) { 
	.call-to-action {
		padding: 20px 0;
	}
    .call-to-action .text a {
        display: block;
        width: 201px;
        margin: 10px auto 0;
    }
	.md-mb20 { margin-bottom: 20px !important; }
	.md-mt0 { margin-top: 0px !important; }
	.md-mb16 { margin-bottom: 16px !important; }
	.step-content {
		padding-bottom: 70px;
	}
	.step-content:after {
		right: auto;
		left: 50%;
		margin-left: -26px;
		bottom: 0;
		top: auto;
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.blog p br { display: none; }
	.blog ul li { width: 100%; margin-bottom: 20px;}
	.page-banner { height: 250px !important; }
	.articles { margin-bottom: 30px; }
	.related-list .related-item { 
		width: 100%;
		margin-bottom: 30px;
		margin-right: 0;
		margin-left: 0;
	}
	.basic-steps { padding-top: 50px; }
	.faq-list .faq-item { width: calc(50% - 10px); }
	.blog-list { margin-bottom: 50px; }
}
@media(max-width: 767px) { 
	.blog img[alt="Ovatures Blog"] {
		width: 100%;
		max-width: 453px;
	}
	.blog ul li { padding: 0; }
	.footer .separator-right {
		border-right: 0;
		border-bottom:  1px solid #DB006A;
		padding-right: 15px;
		padding-bottom: 30px;
	}
	.footer .footer-logo img {
		width: 100%;
		max-width: 230px;
	}
	.footer .separator-left {
		border-left: 0;
		border-top:  1px solid #DB006A;
		padding-left: 15px;
		padding-top: 30px;
	}
	.page-banner { height: 185px !important; }
	.collage #collage-list li { width: 50%; }
	.whydonate-list .whydonate-item { width: 100%; }
	.faq-list .faq-item { width: 100%; }
	.blog-list .blog-item { width: 100%; }
	.admin-bar .header {
		top: 46px;
	}
	/*.admin-bar button#responsive-menu-button {
		top: 68.5px !important;
	}*/
}
@media(max-width: 575px) { 
    .header .logo {
        margin-left: 15px;
        text-align: left;
        margin-right: 15px;
    }
    .header .logo img {
        width: 100%;
        max-width: 220px;
        height: auto;
    }
    /*button#responsive-menu-button {
        top: 10px !important;
        right: 10px !important;
    }*/
   .header .contact {
        padding: 5px 10px;
        margin: 0 0 -5px;
        display: inline-block;
    }
    .header .contact .phone a {
        width: auto;
        height: auto;
        background-position: left center;
    }
    .header .contact > span a span {
        display: inline !important;
    }
    .header .contact .link a {
        padding-left: 60px;
        width: auto;
    }
    .sm-text-center {
        text-align: center !important;
    }
    .content {
        padding-top: 78px !important;
    }
	.collage #collage-list li {
		width: 50%;
	}
	.call-to-action .text { font-size: 20px; }
	.about { padding: 50px 0; }
	.learn { padding: 50px 0; }
	.blog ul li a .blog-desc { font-size: 18px; }
	.page-banner { height: 105px !important; }
	.collage #collage-list li { width: 100%; }
	.basic-steps ul li .step-image { width: 100%; margin-right: 0; margin-bottom: 15px;}
	.basic-steps ul li .step-detail { width: 100%; }
	#the-process .block { width: 100%; }
}